@ionic/core 7.3.1-dev.11692293668.19f31f09 → 7.3.1-dev.11692305436.16a4008f

package/components/button.js

@@ -63,6 +63,15 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
       this.formButtonEl.disabled = disabled;
     }
   }
+  /**
+   * This is responsible for rendering a hidden native
+   * button element inside the associated form. This allows
+   * users to submit a form by pressing "Enter" when a text
+   * field inside of the form is focused. The native button
+   * rendered inside of `ion-button` is in the Shadow DOM
+   * and therefore does not participate in form submission
+   * which is why the following code is necessary.
+   */
   renderHiddenButton() {
     const formEl = (this.formEl = this.findForm());
     if (formEl) {
@@ -181,6 +190,13 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
     if (fill == null) {
       fill = this.inToolbar || this.inListHeader ? 'clear' : 'solid';
     }
+    /**
+     * We call renderHiddenButton in the render function to account
+     * for any properties being set async. For example, changing the
+     * "type" prop from "button" to "submit" after the component has
+     * loaded would warrant the hidden button being added to the
+     * associated form.
+     */
     {
       type !== 'button' && this.renderHiddenButton();
     }

package/components/input-shims.js

@@ -253,68 +253,6 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
    * Resize info is available on Capacitor 4+
    */
   const addScrollPadding = enableScrollPadding && (keyboardResize === undefined || keyboardResize.mode === KeyboardResize.None);
-  /**
-   * This tracks whether or not the keyboard has been
-   * presented for a single focused text field. Note
-   * that it does not track if the keyboard is open
-   * in general such as if the keyboard is open for
-   * a different focused text field.
-   */
-  let hasKeyboardBeenPresentedForTextField = false;
-  /**
-   * Scroll assist is run when a text field
-   * is focused. However, it may need to
-   * re-run when the keyboard size changes
-   * such that the text field is now hidden
-   * underneath the keyboard.
-   * This function re-runs scroll assist
-   * when that happens.
-   *
-   * One limitation of this is on a web browser
-   * where native keyboard APIs do not have cross-browser
-   * support. `ionKeyboardDidShow` relies on the Visual Viewport API.
-   * This means that if the keyboard changes but does not change
-   * geometry, then scroll assist will not re-run even if
-   * the user has scrolled the text field under the keyboard.
-   * This should not be a problem when running in Cordova/Capacitor
-   * because `ionKeyboardDidShow` uses the native events
-   * which fire every time the keyboard changes.
-   */
-  const keyboardShow = (ev) => {
-    /**
-     * If the keyboard has not yet been presented
-     * for this text field then the text field has just
-     * received focus. In that case, the focusin listener
-     * will run scroll assist.
-     */
-    if (hasKeyboardBeenPresentedForTextField === false) {
-      hasKeyboardBeenPresentedForTextField = true;
-      return;
-    }
-    /**
-     * Otherwise, the keyboard has already been presented
-     * for the focused text field.
-     * This means that the keyboard likely changed
-     * geometry, and we need to re-run scroll assist.
-     * This can happen when the user rotates their device
-     * or when they switch keyboards.
-     *
-     * Make sure we pass in the computed keyboard height
-     * rather than the estimated keyboard height.
-     *
-     * Since the keyboard is already open then we do not
-     * need to wait for the webview to resize, so we pass
-     * "waitForResize: false".
-     */
-    jsSetFocus(componentEl, inputEl, contentEl, footerEl, ev.detail.keyboardHeight, addScrollPadding, disableClonedInput, false);
-  };
-  /**
-   * Reset the internal state when the text field loses focus.
-   */
-  const focusOut = () => {
-    hasKeyboardBeenPresentedForTextField = false;
-    window.removeEventListener('ionKeyboardDidShow', keyboardShow);
-  };
   /**
    * When the input is about to receive
    * focus, we need to move it to prevent
@@ -332,22 +270,10 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
       return;
     }
     jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight, addScrollPadding, disableClonedInput);
-    /**
-     * Listen for any changes to the keyboard
-     * dimensions in case we need to re-run scroll assist.
-     */
-    window.addEventListener('ionKeyboardDidShow', keyboardShow);
-    componentEl.addEventListener('focusout', focusOut, true);
   };
   componentEl.addEventListener('focusin', focusIn, true);
-  /**
-   * Scroll assist is being destroyed for this
-   * text field instance, so remove any remaining listeners.
-   */
   return () => {
     componentEl.removeEventListener('focusin', focusIn, true);
-    window.removeEventListener('ionKeyboardDidShow', keyboardShow);
-    componentEl.removeEventListener('focusout', focusOut, true);
   };
 };
 /**
@@ -366,7 +292,7 @@ const setManualFocus = (el) => {
   el.setAttribute(SKIP_SCROLL_ASSIST, 'true');
   el.focus();
 };
-const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHeight, enableScrollPadding, disableClonedInput = false, waitForResize = true) => {
+const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHeight, enableScrollPadding, disableClonedInput = false) => {
   if (!contentEl && !footerEl) {
     return;
   }
@@ -457,7 +383,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
        * bandwidth to become available.
        */
       const totalScrollAmount = scrollEl.scrollHeight - scrollEl.clientHeight;
-      if (waitForResize && scrollData.scrollAmount > totalScrollAmount - scrollEl.scrollTop) {
+      if (scrollData.scrollAmount > totalScrollAmount - scrollEl.scrollTop) {
         /**
          * On iOS devices, the system will show a "Passwords" bar above the keyboard
          * after the initial keyboard is shown. This prevents the webview from resizing

package/dist/cjs/{input-shims-d8e322aa.js → input-shims-f8569707.js}

@@ -258,68 +258,6 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
    * Resize info is available on Capacitor 4+
    */
   const addScrollPadding = enableScrollPadding && (keyboardResize === undefined || keyboardResize.mode === keyboard.KeyboardResize.None);
-  /**
-   * This tracks whether or not the keyboard has been
-   * presented for a single focused text field. Note
-   * that it does not track if the keyboard is open
-   * in general such as if the keyboard is open for
-   * a different focused text field.
-   */
-  let hasKeyboardBeenPresentedForTextField = false;
-  /**
-   * Scroll assist is run when a text field
-   * is focused. However, it may need to
-   * re-run when the keyboard size changes
-   * such that the text field is now hidden
-   * underneath the keyboard.
-   * This function re-runs scroll assist
-   * when that happens.
-   *
-   * One limitation of this is on a web browser
-   * where native keyboard APIs do not have cross-browser
-   * support. `ionKeyboardDidShow` relies on the Visual Viewport API.
-   * This means that if the keyboard changes but does not change
-   * geometry, then scroll assist will not re-run even if
-   * the user has scrolled the text field under the keyboard.
-   * This should not be a problem when running in Cordova/Capacitor
-   * because `ionKeyboardDidShow` uses the native events
-   * which fire every time the keyboard changes.
-   */
-  const keyboardShow = (ev) => {
-    /**
-     * If the keyboard has not yet been presented
-     * for this text field then the text field has just
-     * received focus. In that case, the focusin listener
-     * will run scroll assist.
-     */
-    if (hasKeyboardBeenPresentedForTextField === false) {
-      hasKeyboardBeenPresentedForTextField = true;
-      return;
-    }
-    /**
-     * Otherwise, the keyboard has already been presented
-     * for the focused text field.
-     * This means that the keyboard likely changed
-     * geometry, and we need to re-run scroll assist.
-     * This can happen when the user rotates their device
-     * or when they switch keyboards.
-     *
-     * Make sure we pass in the computed keyboard height
-     * rather than the estimated keyboard height.
-     *
-     * Since the keyboard is already open then we do not
-     * need to wait for the webview to resize, so we pass
-     * "waitForResize: false".
-     */
-    jsSetFocus(componentEl, inputEl, contentEl, footerEl, ev.detail.keyboardHeight, addScrollPadding, disableClonedInput, false);
-  };
-  /**
-   * Reset the internal state when the text field loses focus.
-   */
-  const focusOut = () => {
-    hasKeyboardBeenPresentedForTextField = false;
-    window.removeEventListener('ionKeyboardDidShow', keyboardShow);
-  };
   /**
    * When the input is about to receive
    * focus, we need to move it to prevent
@@ -337,22 +275,10 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
       return;
     }
     jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight, addScrollPadding, disableClonedInput);
-    /**
-     * Listen for any changes to the keyboard
-     * dimensions in case we need to re-run scroll assist.
-     */
-    window.addEventListener('ionKeyboardDidShow', keyboardShow);
-    componentEl.addEventListener('focusout', focusOut, true);
   };
   componentEl.addEventListener('focusin', focusIn, true);
-  /**
-   * Scroll assist is being destroyed for this
-   * text field instance, so remove any remaining listeners.
-   */
   return () => {
     componentEl.removeEventListener('focusin', focusIn, true);
-    window.removeEventListener('ionKeyboardDidShow', keyboardShow);
-    componentEl.removeEventListener('focusout', focusOut, true);
   };
 };
 /**
@@ -371,7 +297,7 @@ const setManualFocus = (el) => {
   el.setAttribute(SKIP_SCROLL_ASSIST, 'true');
   el.focus();
 };
-const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHeight, enableScrollPadding, disableClonedInput = false, waitForResize = true) => {
+const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHeight, enableScrollPadding, disableClonedInput = false) => {
   if (!contentEl && !footerEl) {
     return;
   }
@@ -462,7 +388,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
        * bandwidth to become available.
        */
       const totalScrollAmount = scrollEl.scrollHeight - scrollEl.clientHeight;
-      if (waitForResize && scrollData.scrollAmount > totalScrollAmount - scrollEl.scrollTop) {
+      if (scrollData.scrollAmount > totalScrollAmount - scrollEl.scrollTop) {
         /**
          * On iOS devices, the system will show a "Passwords" bar above the keyboard
          * after the initial keyboard is shown. This prevents the webview from resizing

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

@@ -42,7 +42,7 @@ const App = class {
            * platforms proceed into this block.
            */
           const platform = ionicGlobal.isPlatform(window, 'ios') ? 'ios' : 'android';
-          Promise.resolve().then(function () { return require('./input-shims-d8e322aa.js'); }).then((module) => module.startInputShims(ionicGlobal.config, platform));
+          Promise.resolve().then(function () { return require('./input-shims-f8569707.js'); }).then((module) => module.startInputShims(ionicGlobal.config, platform));
         }
         const hardwareBackButtonModule = await Promise.resolve().then(function () { return require('./hardware-back-button-b67c8e75.js'); });
         if (ionicGlobal.config.getBoolean('hardwareBackButton', isHybrid)) {

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

@@ -184,6 +184,15 @@ const Button = class {
       this.formButtonEl.disabled = disabled;
     }
   }
+  /**
+   * This is responsible for rendering a hidden native
+   * button element inside the associated form. This allows
+   * users to submit a form by pressing "Enter" when a text
+   * field inside of the form is focused. The native button
+   * rendered inside of `ion-button` is in the Shadow DOM
+   * and therefore does not participate in form submission
+   * which is why the following code is necessary.
+   */
   renderHiddenButton() {
     const formEl = (this.formEl = this.findForm());
     if (formEl) {
@@ -302,6 +311,13 @@ const Button = class {
     if (fill == null) {
       fill = this.inToolbar || this.inListHeader ? 'clear' : 'solid';
     }
+    /**
+     * We call renderHiddenButton in the render function to account
+     * for any properties being set async. For example, changing the
+     * "type" prop from "button" to "submit" after the component has
+     * loaded would warrant the hidden button being added to the
+     * associated form.
+     */
     {
       type !== 'button' && this.renderHiddenButton();
     }

package/dist/collection/components/button/button.js

@@ -62,6 +62,15 @@ export class Button {
       this.formButtonEl.disabled = disabled;
     }
   }
+  /**
+   * This is responsible for rendering a hidden native
+   * button element inside the associated form. This allows
+   * users to submit a form by pressing "Enter" when a text
+   * field inside of the form is focused. The native button
+   * rendered inside of `ion-button` is in the Shadow DOM
+   * and therefore does not participate in form submission
+   * which is why the following code is necessary.
+   */
   renderHiddenButton() {
     const formEl = (this.formEl = this.findForm());
     if (formEl) {
@@ -180,6 +189,13 @@ export class Button {
     if (fill == null) {
       fill = this.inToolbar || this.inListHeader ? 'clear' : 'solid';
     }
+    /**
+     * We call renderHiddenButton in the render function to account
+     * for any properties being set async. For example, changing the
+     * "type" prop from "button" to "submit" after the component has
+     * loaded would warrant the hidden button being added to the
+     * associated form.
+     */
     {
       type !== 'button' && this.renderHiddenButton();
     }

package/dist/collection/utils/input-shims/hacks/scroll-assist.js

@@ -20,68 +20,6 @@ export const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, ke
    * Resize info is available on Capacitor 4+
    */
   const addScrollPadding = enableScrollPadding && (keyboardResize === undefined || keyboardResize.mode === KeyboardResize.None);
-  /**
-   * This tracks whether or not the keyboard has been
-   * presented for a single focused text field. Note
-   * that it does not track if the keyboard is open
-   * in general such as if the keyboard is open for
-   * a different focused text field.
-   */
-  let hasKeyboardBeenPresentedForTextField = false;
-  /**
-   * Scroll assist is run when a text field
-   * is focused. However, it may need to
-   * re-run when the keyboard size changes
-   * such that the text field is now hidden
-   * underneath the keyboard.
-   * This function re-runs scroll assist
-   * when that happens.
-   *
-   * One limitation of this is on a web browser
-   * where native keyboard APIs do not have cross-browser
-   * support. `ionKeyboardDidShow` relies on the Visual Viewport API.
-   * This means that if the keyboard changes but does not change
-   * geometry, then scroll assist will not re-run even if
-   * the user has scrolled the text field under the keyboard.
-   * This should not be a problem when running in Cordova/Capacitor
-   * because `ionKeyboardDidShow` uses the native events
-   * which fire every time the keyboard changes.
-   */
-  const keyboardShow = (ev) => {
-    /**
-     * If the keyboard has not yet been presented
-     * for this text field then the text field has just
-     * received focus. In that case, the focusin listener
-     * will run scroll assist.
-     */
-    if (hasKeyboardBeenPresentedForTextField === false) {
-      hasKeyboardBeenPresentedForTextField = true;
-      return;
-    }
-    /**
-     * Otherwise, the keyboard has already been presented
-     * for the focused text field.
-     * This means that the keyboard likely changed
-     * geometry, and we need to re-run scroll assist.
-     * This can happen when the user rotates their device
-     * or when they switch keyboards.
-     *
-     * Make sure we pass in the computed keyboard height
-     * rather than the estimated keyboard height.
-     *
-     * Since the keyboard is already open then we do not
-     * need to wait for the webview to resize, so we pass
-     * "waitForResize: false".
-     */
-    jsSetFocus(componentEl, inputEl, contentEl, footerEl, ev.detail.keyboardHeight, addScrollPadding, disableClonedInput, false);
-  };
-  /**
-   * Reset the internal state when the text field loses focus.
-   */
-  const focusOut = () => {
-    hasKeyboardBeenPresentedForTextField = false;
-    window.removeEventListener('ionKeyboardDidShow', keyboardShow);
-  };
   /**
    * When the input is about to receive
    * focus, we need to move it to prevent
@@ -99,22 +37,10 @@ export const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, ke
       return;
     }
     jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight, addScrollPadding, disableClonedInput);
-    /**
-     * Listen for any changes to the keyboard
-     * dimensions in case we need to re-run scroll assist.
-     */
-    window.addEventListener('ionKeyboardDidShow', keyboardShow);
-    componentEl.addEventListener('focusout', focusOut, true);
   };
   componentEl.addEventListener('focusin', focusIn, true);
-  /**
-   * Scroll assist is being destroyed for this
-   * text field instance, so remove any remaining listeners.
-   */
   return () => {
     componentEl.removeEventListener('focusin', focusIn, true);
-    window.removeEventListener('ionKeyboardDidShow', keyboardShow);
-    componentEl.removeEventListener('focusout', focusOut, true);
   };
 };
 /**
@@ -133,7 +59,7 @@ const setManualFocus = (el) => {
   el.setAttribute(SKIP_SCROLL_ASSIST, 'true');
   el.focus();
 };
-const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHeight, enableScrollPadding, disableClonedInput = false, waitForResize = true) => {
+const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHeight, enableScrollPadding, disableClonedInput = false) => {
   if (!contentEl && !footerEl) {
     return;
   }
@@ -224,7 +150,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
        * bandwidth to become available.
        */
       const totalScrollAmount = scrollEl.scrollHeight - scrollEl.clientHeight;
-      if (waitForResize && scrollData.scrollAmount > totalScrollAmount - scrollEl.scrollTop) {
+      if (scrollData.scrollAmount > totalScrollAmount - scrollEl.scrollTop) {
         /**
          * On iOS devices, the system will show a "Passwords" bar above the keyboard
          * after the initial keyboard is shown. This prevents the webview from resizing

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-08-17T17:37:26",
+  "timestamp": "2023-08-17T20:52:47",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.0.3",

package/dist/esm/{input-shims-c738363e.js → input-shims-af993f05.js}

@@ -256,68 +256,6 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
    * Resize info is available on Capacitor 4+
    */
   const addScrollPadding = enableScrollPadding && (keyboardResize === undefined || keyboardResize.mode === KeyboardResize.None);
-  /**
-   * This tracks whether or not the keyboard has been
-   * presented for a single focused text field. Note
-   * that it does not track if the keyboard is open
-   * in general such as if the keyboard is open for
-   * a different focused text field.
-   */
-  let hasKeyboardBeenPresentedForTextField = false;
-  /**
-   * Scroll assist is run when a text field
-   * is focused. However, it may need to
-   * re-run when the keyboard size changes
-   * such that the text field is now hidden
-   * underneath the keyboard.
-   * This function re-runs scroll assist
-   * when that happens.
-   *
-   * One limitation of this is on a web browser
-   * where native keyboard APIs do not have cross-browser
-   * support. `ionKeyboardDidShow` relies on the Visual Viewport API.
-   * This means that if the keyboard changes but does not change
-   * geometry, then scroll assist will not re-run even if
-   * the user has scrolled the text field under the keyboard.
-   * This should not be a problem when running in Cordova/Capacitor
-   * because `ionKeyboardDidShow` uses the native events
-   * which fire every time the keyboard changes.
-   */
-  const keyboardShow = (ev) => {
-    /**
-     * If the keyboard has not yet been presented
-     * for this text field then the text field has just
-     * received focus. In that case, the focusin listener
-     * will run scroll assist.
-     */
-    if (hasKeyboardBeenPresentedForTextField === false) {
-      hasKeyboardBeenPresentedForTextField = true;
-      return;
-    }
-    /**
-     * Otherwise, the keyboard has already been presented
-     * for the focused text field.
-     * This means that the keyboard likely changed
-     * geometry, and we need to re-run scroll assist.
-     * This can happen when the user rotates their device
-     * or when they switch keyboards.
-     *
-     * Make sure we pass in the computed keyboard height
-     * rather than the estimated keyboard height.
-     *
-     * Since the keyboard is already open then we do not
-     * need to wait for the webview to resize, so we pass
-     * "waitForResize: false".
-     */
-    jsSetFocus(componentEl, inputEl, contentEl, footerEl, ev.detail.keyboardHeight, addScrollPadding, disableClonedInput, false);
-  };
-  /**
-   * Reset the internal state when the text field loses focus.
-   */
-  const focusOut = () => {
-    hasKeyboardBeenPresentedForTextField = false;
-    window.removeEventListener('ionKeyboardDidShow', keyboardShow);
-  };
   /**
    * When the input is about to receive
    * focus, we need to move it to prevent
@@ -335,22 +273,10 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
       return;
     }
     jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight, addScrollPadding, disableClonedInput);
-    /**
-     * Listen for any changes to the keyboard
-     * dimensions in case we need to re-run scroll assist.
-     */
-    window.addEventListener('ionKeyboardDidShow', keyboardShow);
-    componentEl.addEventListener('focusout', focusOut, true);
   };
   componentEl.addEventListener('focusin', focusIn, true);
-  /**
-   * Scroll assist is being destroyed for this
-   * text field instance, so remove any remaining listeners.
-   */
   return () => {
     componentEl.removeEventListener('focusin', focusIn, true);
-    window.removeEventListener('ionKeyboardDidShow', keyboardShow);
-    componentEl.removeEventListener('focusout', focusOut, true);
   };
 };
 /**
@@ -369,7 +295,7 @@ const setManualFocus = (el) => {
   el.setAttribute(SKIP_SCROLL_ASSIST, 'true');
   el.focus();
 };
-const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHeight, enableScrollPadding, disableClonedInput = false, waitForResize = true) => {
+const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHeight, enableScrollPadding, disableClonedInput = false) => {
   if (!contentEl && !footerEl) {
     return;
   }
@@ -460,7 +386,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
        * bandwidth to become available.
        */
       const totalScrollAmount = scrollEl.scrollHeight - scrollEl.clientHeight;
-      if (waitForResize && scrollData.scrollAmount > totalScrollAmount - scrollEl.scrollTop) {
+      if (scrollData.scrollAmount > totalScrollAmount - scrollEl.scrollTop) {
         /**
          * On iOS devices, the system will show a "Passwords" bar above the keyboard
          * after the initial keyboard is shown. This prevents the webview from resizing

package/dist/esm/ion-app_8.entry.js

@@ -38,7 +38,7 @@ const App = class {
            * platforms proceed into this block.
            */
           const platform = isPlatform(window, 'ios') ? 'ios' : 'android';
-          import('./input-shims-c738363e.js').then((module) => module.startInputShims(config, platform));
+          import('./input-shims-af993f05.js').then((module) => module.startInputShims(config, platform));
         }
         const hardwareBackButtonModule = await import('./hardware-back-button-39299f84.js');
         if (config.getBoolean('hardwareBackButton', isHybrid)) {

package/dist/esm/ion-button_2.entry.js

@@ -180,6 +180,15 @@ const Button = class {
       this.formButtonEl.disabled = disabled;
     }
   }
+  /**
+   * This is responsible for rendering a hidden native
+   * button element inside the associated form. This allows
+   * users to submit a form by pressing "Enter" when a text
+   * field inside of the form is focused. The native button
+   * rendered inside of `ion-button` is in the Shadow DOM
+   * and therefore does not participate in form submission
+   * which is why the following code is necessary.
+   */
   renderHiddenButton() {
     const formEl = (this.formEl = this.findForm());
     if (formEl) {
@@ -298,6 +307,13 @@ const Button = class {
     if (fill == null) {
       fill = this.inToolbar || this.inListHeader ? 'clear' : 'solid';
     }
+    /**
+     * We call renderHiddenButton in the render function to account
+     * for any properties being set async. For example, changing the
+     * "type" prop from "button" to "submit" after the component has
+     * loaded would warrant the hidden button being added to the
+     * associated form.
+     */
     {
       type !== 'button' && this.renderHiddenButton();
     }

package/dist/esm-es5/input-shims-af993f05.js

@@ -0,0 +1,4 @@
+import{__awaiter,__generator}from"tslib";
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */import{g as getScrollElement,c as scrollByPoint,f as findClosestIonContent}from"./index-746a238e.js";import{a as addEventListener,b as removeEventListener,r as raf,c as componentOnReady}from"./helpers-3379ba19.js";import{a as KeyboardResize,K as Keyboard}from"./keyboard-b063f012.js";import"./index-595d62c9.js";import"./capacitor-b4979570.js";import"./index-7a14ecec.js";var cloneMap=new WeakMap;var relocateInput=function(e,t,n,r,o){if(r===void 0){r=0}if(o===void 0){o=false}if(cloneMap.has(e)===n){return}if(n){addClone(e,t,r,o)}else{removeClone(e,t)}};var isFocused=function(e){return e===e.getRootNode().activeElement};var addClone=function(e,t,n,r){if(r===void 0){r=false}var o=t.parentNode;var i=t.cloneNode(false);i.classList.add("cloned-input");i.tabIndex=-1;if(r){i.disabled=true}o.appendChild(i);cloneMap.set(e,i);var a=e.ownerDocument;var l=a.dir==="rtl"?9999:-9999;e.style.pointerEvents="none";t.style.transform="translate3d(".concat(l,"px,").concat(n,"px,0) scale(0)")};var removeClone=function(e,t){var n=cloneMap.get(e);if(n){cloneMap.delete(e);n.remove()}e.style.pointerEvents="";t.style.transform=""};var SCROLL_AMOUNT_PADDING=50;var enableHideCaretOnScroll=function(e,t,n){if(!n||!t){return function(){return}}var r=function(n){if(isFocused(t)){relocateInput(e,t,n)}};var o=function(){return relocateInput(e,t,false)};var i=function(){return r(true)};var a=function(){return r(false)};addEventListener(n,"ionScrollStart",i);addEventListener(n,"ionScrollEnd",a);t.addEventListener("blur",o);return function(){removeEventListener(n,"ionScrollStart",i);removeEventListener(n,"ionScrollEnd",a);t.removeEventListener("blur",o)}};var SKIP_SELECTOR="input, textarea, [no-blur], [contenteditable]";var enableInputBlurring=function(){var e=true;var t=false;var n=document;var r=function(){t=true};var o=function(){e=true};var i=function(r){if(t){t=false;return}var o=n.activeElement;if(!o){return}if(o.matches(SKIP_SELECTOR)){return}var i=r.target;if(i===o){return}if(i.matches(SKIP_SELECTOR)||i.closest(SKIP_SELECTOR)){return}e=false;setTimeout((function(){if(!e){o.blur()}}),50)};addEventListener(n,"ionScrollStart",r);n.addEventListener("focusin",o,true);n.addEventListener("touchend",i,false);return function(){removeEventListener(n,"ionScrollStart",r,true);n.removeEventListener("focusin",o,true);n.removeEventListener("touchend",i,false)}};var SCROLL_ASSIST_SPEED=.3;var getScrollData=function(e,t,n){var r;var o=(r=e.closest("ion-item,[ion-item]"))!==null&&r!==void 0?r:e;return calcScrollData(o.getBoundingClientRect(),t.getBoundingClientRect(),n,e.ownerDocument.defaultView.innerHeight)};var calcScrollData=function(e,t,n,r){var o=e.top;var i=e.bottom;var a=t.top;var l=Math.min(t.bottom,r-n);var u=a+15;var s=l-SCROLL_AMOUNT_PADDING;var c=s-i;var d=u-o;var f=Math.round(c<0?-c:d>0?-d:0);var v=Math.min(f,o-a);var S=Math.abs(v);var m=S/SCROLL_ASSIST_SPEED;var p=Math.min(400,Math.max(150,m));return{scrollAmount:v,scrollDuration:p,scrollPadding:n,inputSafeY:-(o-u)+4}};var PADDING_TIMER_KEY="$ionPaddingTimer";var setScrollPadding=function(e,t,n){var r=e[PADDING_TIMER_KEY];if(r){clearTimeout(r)}if(t>0){e.style.setProperty("--keyboard-offset","".concat(t,"px"))}else{e[PADDING_TIMER_KEY]=setTimeout((function(){e.style.setProperty("--keyboard-offset","0px");if(n){n()}}),120)}};var setClearScrollPaddingListener=function(e,t,n){var r=function(){if(t){setScrollPadding(t,0,n)}};e.addEventListener("focusout",r,{once:true})};var currentPadding=0;var SKIP_SCROLL_ASSIST="data-ionic-skip-scroll-assist";var enableScrollAssist=function(e,t,n,r,o,i,a,l){if(l===void 0){l=false}var u=i&&(a===undefined||a.mode===KeyboardResize.None);var s=function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(i){if(t.hasAttribute(SKIP_SCROLL_ASSIST)){t.removeAttribute(SKIP_SCROLL_ASSIST);return[2]}jsSetFocus(e,t,n,r,o,u,l);return[2]}))}))};e.addEventListener("focusin",s,true);return function(){e.removeEventListener("focusin",s,true)}};var setManualFocus=function(e){if(document.activeElement===e){return}e.setAttribute(SKIP_SCROLL_ASSIST,"true");e.focus()};var jsSetFocus=function(e,t,n,r,o,i,a){if(a===void 0){a=false}return __awaiter(void 0,void 0,void 0,(function(){var l,u,s,c,d,f;return __generator(this,(function(v){switch(v.label){case 0:if(!n&&!r){return[2]}l=getScrollData(e,n||r,o);if(n&&Math.abs(l.scrollAmount)<4){setManualFocus(t);if(i&&n!==null){setScrollPadding(n,currentPadding);setClearScrollPaddingListener(t,n,(function(){return currentPadding=0}))}return[2]}relocateInput(e,t,true,l.inputSafeY,a);setManualFocus(t);raf((function(){return e.click()}));if(i&&n){currentPadding=l.scrollPadding;setScrollPadding(n,currentPadding)}if(!(typeof window!=="undefined"))return[3,3];s=function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:if(u!==undefined){clearTimeout(u)}window.removeEventListener("ionKeyboardDidShow",c);window.removeEventListener("ionKeyboardDidShow",s);if(!n)return[3,2];return[4,scrollByPoint(n,0,l.scrollAmount,l.scrollDuration)];case 1:r.sent();r.label=2;case 2:relocateInput(e,t,false,l.inputSafeY);setManualFocus(t);if(i){setClearScrollPaddingListener(t,n,(function(){return currentPadding=0}))}return[2]}}))}))};c=function(){window.removeEventListener("ionKeyboardDidShow",c);window.addEventListener("ionKeyboardDidShow",s)};if(!n)return[3,2];return[4,getScrollElement(n)];case 1:d=v.sent();f=d.scrollHeight-d.clientHeight;if(l.scrollAmount>f-d.scrollTop){if(t.type==="password"){l.scrollAmount+=SCROLL_AMOUNT_PADDING;window.addEventListener("ionKeyboardDidShow",c)}else{window.addEventListener("ionKeyboardDidShow",s)}u=setTimeout(s,1e3);return[2]}v.label=2;case 2:s();v.label=3;case 3:return[2]}}))}))};var INPUT_BLURRING=true;var startInputShims=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){var n,r,o,i,a,l,u,s,c,d,f,v,S,m,p,L,_;return __generator(this,(function(E){switch(E.label){case 0:n=document;r=t==="ios";o=t==="android";i=e.getNumber("keyboardHeight",290);a=e.getBoolean("scrollAssist",true);l=e.getBoolean("hideCaretOnScroll",r);u=e.getBoolean("inputBlurring",r);s=e.getBoolean("scrollPadding",true);c=Array.from(n.querySelectorAll("ion-input, ion-textarea"));d=new WeakMap;f=new WeakMap;return[4,Keyboard.getResizeMode()];case 1:v=E.sent();S=function(e){return __awaiter(void 0,void 0,void 0,(function(){var t,n,r,u,c,S,c;return __generator(this,(function(m){switch(m.label){case 0:return[4,new Promise((function(t){return componentOnReady(e,t)}))];case 1:m.sent();t=e.shadowRoot||e;n=t.querySelector("input")||t.querySelector("textarea");r=findClosestIonContent(e);u=!r?e.closest("ion-footer"):null;if(!n){return[2]}if(!!r&&l&&!d.has(e)){c=enableHideCaretOnScroll(e,n,r);d.set(e,c)}S=n.type==="date"||n.type==="datetime-local";if(!S&&(!!r||!!u)&&a&&!f.has(e)){c=enableScrollAssist(e,n,r,u,i,s,v,o);f.set(e,c)}return[2]}}))}))};m=function(e){if(l){var t=d.get(e);if(t){t()}d.delete(e)}if(a){var t=f.get(e);if(t){t()}f.delete(e)}};if(u&&INPUT_BLURRING){enableInputBlurring()}for(p=0,L=c;p<L.length;p++){_=L[p];S(_)}n.addEventListener("ionInputDidLoad",(function(e){S(e.detail)}));n.addEventListener("ionInputDidUnload",(function(e){m(e.detail)}));return[2]}}))}))};export{startInputShims};