@ionic/core 7.3.1-nightly.20230817 → 7.3.1-nightly.20230818

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/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/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-08-17T06:03:34",
+  "timestamp": "2023-08-18T06:03:55",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.0.3",

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/types/components/button/button.d.ts

@@ -111,6 +111,15 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
    * Emitted when the button loses focus.
    */
   ionBlur: EventEmitter<void>;
+  /**
+   * 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.
+   */
   private renderHiddenButton;
   componentWillLoad(): void;
   private get hasIconOnly();

package/hydrate/index.js

@@ -11363,6 +11363,15 @@ 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) {
@@ -11481,6 +11490,13 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "7.3.1-nightly.20230817",
+  "version": "7.3.1-nightly.20230818",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",