fix(datetime): clear button calls reset method

Issue number: #

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

Shawn noted that I had an outdated comment in the `playwright.config.ts`
file when working on
https://github.com/ionic-team/ionic-framework/pull/27961:
https://github.com/ionic-team/ionic-framework/pull/27961#pullrequestreview-1572374939
 
## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- Remove the old comment

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!-- If this introduces a breaking change, please describe the impact
and migration path for existing applications below. -->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

core/playwright.config.ts

@@ -62,14 +62,16 @@ const config: PlaywrightTestConfig = {
   },
   /* Fail the build on CI if you accidentally left test.only in the source code. */
   forbidOnly: !!process.env.CI,
-  /* Fail fast on CI */
-  maxFailures: process.env.CI ? 1 : 0,
-  /* Flaky test should be either addressed or disabled until we can address them */
-  retries: 0,
+  maxFailures: 0,
+  retries: 2,
+  reportSlowTests: null,
   /* Opt out of parallel tests on CI. */
   workers: process.env.CI ? 1 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: 'html',
+  reporter: [
+    ['html'],
+    ['github']
+  ],
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */

core/src/components.d.ts

@@ -819,7 +819,7 @@ export namespace Components {
     }
     interface IonDatetime {
         /**
-          * Emits the ionCancel event and optionally closes the popover or modal that the datetime was presented in.
+          * The cancel method performs the following actions: 1. Emits the ionCancel event 2. Resets the internal state of the datetime 3. Closes the parent popover or modal if "closeOverlay" is true.
          */
         "cancel": (closeOverlay?: boolean) => Promise<void>;
         /**
@@ -915,15 +915,15 @@ export namespace Components {
          */
         "readonly": boolean;
         /**
-          * Resets the internal state of the datetime but does not update the value. Passing a valid ISO-8601 string will reset the state of the component to the provided date. If no value is provided, the internal state will be reset to the clamped value of the min, max and today.
+          * Resets the internal state of the datetime but does not update the value property. Passing a valid ISO-8601 string will reset the state of the component to the provided date. If no date string was passed but the value property is set, then the internal state of datetime will be reset to that value. Otherwise, the internal state will be reset to the clamped value of the min, max and today.
          */
         "reset": (startDate?: string) => Promise<void>;
         /**
-          * If `true`, a "Clear" button will be rendered alongside the default "Cancel" and "OK" buttons at the bottom of the `ion-datetime` component. Developers can also use the `button` slot if they want to customize these buttons. If custom buttons are set in the `button` slot then the default buttons will not be rendered.
+          * If `true`, a "Clear" button will be rendered alongside the default "Cancel" and "OK" buttons at the bottom of the `ion-datetime` component. Developers can also use the `button` slot if they want to customize these buttons. If custom buttons are set in the `button` slot then the default buttons will not be rendered.  Pressing the "Clear" button will call the "reset" method.
          */
         "showClearButton": boolean;
         /**
-          * If `true`, the default "Cancel" and "OK" buttons will be rendered at the bottom of the `ion-datetime` component. Developers can also use the `button` slot if they want to customize these buttons. If custom buttons are set in the `button` slot then the default buttons will not be rendered.
+          * If `true`, the default "Cancel" and "OK" buttons will be rendered at the bottom of the `ion-datetime` component. Developers can also use the `button` slot if they want to customize these buttons. If custom buttons are set in the `button` slot then the default buttons will not be rendered.  Pressing the "Cancel" button will call the "cancel" method. Pressing the "OK" button will the "confirm" method.
          */
         "showDefaultButtons": boolean;
         /**
@@ -1277,9 +1277,6 @@ export namespace Components {
           * The shape of the input. If "round" it will have an increased border radius.
          */
         "shape"?: 'round';
-        /**
-          * The initial size of the control. This value is in pixels unless the value of the type attribute is `"text"` or `"password"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
-         */
         "size"?: number;
         /**
           * If `true`, the element will have its spelling and grammar checked.
@@ -4957,11 +4954,11 @@ declare namespace LocalJSX {
          */
         "readonly"?: boolean;
         /**
-          * If `true`, a "Clear" button will be rendered alongside the default "Cancel" and "OK" buttons at the bottom of the `ion-datetime` component. Developers can also use the `button` slot if they want to customize these buttons. If custom buttons are set in the `button` slot then the default buttons will not be rendered.
+          * If `true`, a "Clear" button will be rendered alongside the default "Cancel" and "OK" buttons at the bottom of the `ion-datetime` component. Developers can also use the `button` slot if they want to customize these buttons. If custom buttons are set in the `button` slot then the default buttons will not be rendered.  Pressing the "Clear" button will call the "reset" method.
          */
         "showClearButton"?: boolean;
         /**
-          * If `true`, the default "Cancel" and "OK" buttons will be rendered at the bottom of the `ion-datetime` component. Developers can also use the `button` slot if they want to customize these buttons. If custom buttons are set in the `button` slot then the default buttons will not be rendered.
+          * If `true`, the default "Cancel" and "OK" buttons will be rendered at the bottom of the `ion-datetime` component. Developers can also use the `button` slot if they want to customize these buttons. If custom buttons are set in the `button` slot then the default buttons will not be rendered.  Pressing the "Cancel" button will call the "cancel" method. Pressing the "OK" button will the "confirm" method.
          */
         "showDefaultButtons"?: boolean;
         /**
@@ -5339,9 +5336,6 @@ declare namespace LocalJSX {
           * The shape of the input. If "round" it will have an increased border radius.
          */
         "shape"?: 'round';
-        /**
-          * The initial size of the control. This value is in pixels unless the value of the type attribute is `"text"` or `"password"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
-         */
         "size"?: number;
         /**
           * If `true`, the element will have its spelling and grammar checked.

core/src/components/datetime/datetime.tsx

@@ -424,6 +424,9 @@ export class Datetime implements ComponentInterface {
    * if they want to customize these buttons. If custom
    * buttons are set in the `button` slot then the
    * default buttons will not be rendered.
+   *
+   * Pressing the "Cancel" button will call the "cancel" method.
+   * Pressing the "OK" button will the "confirm" method.
    */
   @Prop() showDefaultButtons = false;
 
@@ -434,6 +437,8 @@ export class Datetime implements ComponentInterface {
    * if they want to customize these buttons. If custom
    * buttons are set in the `button` slot then the
    * default buttons will not be rendered.
+   *
+   * Pressing the "Clear" button will call the "reset" method.
    */
   @Prop() showClearButton = false;
 
@@ -540,25 +545,29 @@ export class Datetime implements ComponentInterface {
   }
 
   /**
-   * Resets the internal state of the datetime but does not update the value.
+   * Resets the internal state of the datetime but does not update the value property.
    * Passing a valid ISO-8601 string will reset the state of the component to the provided date.
-   * If no value is provided, the internal state will be reset to the clamped value of the min, max and today.
+   * If no date string was passed but the value property is set, then the internal state of
+   * datetime will be reset to that value. Otherwise, the internal state will be reset to the
+   * clamped value of the min, max and today.
    */
   @Method()
   async reset(startDate?: string) {
-    this.processValue(startDate);
+    this.processValue(startDate ?? this.value);
   }
 
   /**
-   * Emits the ionCancel event and
-   * optionally closes the popover
-   * or modal that the datetime was
-   * presented in.
+   * The cancel method performs the following actions:
+   * 1. Emits the ionCancel event
+   * 2. Resets the internal state of the datetime
+   * 3. Closes the parent popover or modal if "closeOverlay" is true.
    */
   @Method()
   async cancel(closeOverlay = false) {
     this.ionCancel.emit();
 
+    this.reset();
+
     if (closeOverlay) {
       this.closeParentOverlay();
     }
@@ -1376,11 +1385,6 @@ export class Datetime implements ComponentInterface {
       return;
     }
 
-    const clearButtonClick = () => {
-      this.reset();
-      this.setValue(undefined);
-    };
-
     /**
      * By default we render two buttons:
      * Cancel - Dismisses the datetime and
@@ -1406,7 +1410,7 @@ export class Datetime implements ComponentInterface {
                 )}
                 <div>
                   {showClearButton && (
-                    <ion-button id="clear-button" color={this.color} onClick={() => clearButtonClick()}>
+                    <ion-button id="clear-button" color={this.color} onClick={() => this.reset()}>
                       {this.clearText}
                     </ion-button>
                   )}

core/src/components/datetime/test/basic/datetime.e2e.ts

@@ -380,40 +380,6 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
   });
 });
 
-/**
- * This behavior does not differ across
- * modes/directions.
- */
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('datetime: clear button'), () => {
-    test('should clear the active calendar day', async ({ page }, testInfo) => {
-      testInfo.annotations.push({
-        type: 'issue',
-        description: 'https://github.com/ionic-team/ionic-framework/issues/26258',
-      });
-
-      await page.setContent(
-        `
-        <ion-datetime value="2022-11-10" show-clear-button="true"></ion-datetime>
-      `,
-        config
-      );
-
-      await page.waitForSelector('.datetime-ready');
-
-      const selectedDay = page.locator('ion-datetime .calendar-day-active');
-
-      await expect(selectedDay).toHaveText('10');
-
-      await page.click('ion-datetime #clear-button');
-
-      await page.waitForChanges();
-
-      await expect(selectedDay).toHaveCount(0);
-    });
-  });
-});
-
 /**
  * This behavior does not differ across
  * modes/directions.

core/src/components/datetime/test/cancel/datetime.e2e.ts

@@ -0,0 +1,75 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('datetime: cancel method'), () => {
+    test('should emit ionCancel', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-datetime></ion-datetime>
+      `,
+        config
+      );
+
+      const ionCancel = await page.spyOnEvent('ionCancel');
+      const datetime = page.locator('ion-datetime');
+
+      await datetime.evaluate((el: HTMLIonDatetimeElement) => el.cancel());
+
+      await ionCancel.next();
+    });
+
+    test('parent overlay should be dismissed when true is passed', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-modal>
+          <ion-datetime></ion-datetime>
+        </ion-modal>
+      `,
+        config
+      );
+
+      const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
+      const ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
+
+      const datetime = page.locator('ion-datetime');
+      const modal = page.locator('ion-modal');
+
+      await modal.evaluate((el: HTMLIonModalElement) => el.present());
+
+      await ionModalDidPresent.next();
+
+      await datetime.evaluate((el: HTMLIonDatetimeElement) => el.cancel(true));
+
+      await ionModalDidDismiss.next();
+    });
+
+    test('should reset the internal state of datetime', async ({ page }, testInfo) => {
+      testInfo.annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/27975',
+      });
+
+      await page.setContent(
+        `
+        <ion-datetime value="2023-06-06T16:30" show-default-buttons="true"></ion-datetime>
+      `,
+        config
+      );
+
+      const datetime = page.locator('ion-datetime');
+
+      const dayOne = datetime.locator('.calendar-day[data-month="6"][data-day="1"][data-year="2023"]');
+      const daySix = datetime.locator('.calendar-day[data-month="6"][data-day="6"][data-year="2023"]');
+      await dayOne.click();
+      await page.waitForChanges();
+
+      await expect(dayOne).toHaveClass(/calendar-day-active/);
+
+      await datetime.evaluate((el: HTMLIonDatetimeElement) => el.cancel());
+      await page.waitForChanges();
+
+      await expect(daySix).toHaveClass(/calendar-day-active/);
+    });
+  });
+});

core/src/components/datetime/test/reset/datetime.e2e.ts

@@ -0,0 +1,100 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('datetime: reset method'), () => {
+    test('should reset the internal state of datetime to the set value', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-datetime value="2023-06-06T16:30" show-default-buttons="true"></ion-datetime>
+      `,
+        config
+      );
+
+      const datetime = page.locator('ion-datetime');
+
+      const dayOne = datetime.locator('.calendar-day[data-month="6"][data-day="1"][data-year="2023"]');
+      const daySix = datetime.locator('.calendar-day[data-month="6"][data-day="6"][data-year="2023"]');
+      await dayOne.click();
+      await page.waitForChanges();
+
+      await expect(dayOne).toHaveClass(/calendar-day-active/);
+
+      await datetime.evaluate((el: HTMLIonDatetimeElement) => el.reset());
+      await page.waitForChanges();
+
+      await expect(daySix).toHaveClass(/calendar-day-active/);
+    });
+
+    test('should reset the internal state of datetime to the provided value', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-datetime show-default-buttons="true"></ion-datetime>
+
+        <script>
+          const mockToday = '2023-06-12T16:22';
+          Date = class extends Date {
+            constructor(...args) {
+              if (args.length === 0) {
+                super(mockToday)
+              } else {
+                super(...args);
+              }
+            }
+          }
+        </script>
+      `,
+        config
+      );
+
+      const datetime = page.locator('ion-datetime');
+
+      const dayOne = datetime.locator('.calendar-day[data-month="6"][data-day="1"][data-year="2023"]');
+      const daySix = datetime.locator('.calendar-day[data-month="6"][data-day="6"][data-year="2023"]');
+      await dayOne.click();
+      await page.waitForChanges();
+
+      await expect(dayOne).toHaveClass(/calendar-day-active/);
+
+      await datetime.evaluate((el: HTMLIonDatetimeElement) => el.reset('2023-06-06T16:30'));
+      await page.waitForChanges();
+
+      await expect(daySix).toHaveClass(/calendar-day-active/);
+    });
+
+    test('should reset the internal state of datetime to today when value is set or passed', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-datetime show-default-buttons="true"></ion-datetime>
+
+        <script>
+          const mockToday = '2023-06-06T16:22';
+          Date = class extends Date {
+            constructor(...args) {
+              if (args.length === 0) {
+                super(mockToday)
+              } else {
+                super(...args);
+              }
+            }
+          }
+        </script>
+      `,
+        config
+      );
+
+      const datetime = page.locator('ion-datetime');
+
+      const dayOne = datetime.locator('.calendar-day[data-month="6"][data-day="1"][data-year="2023"]');
+      await dayOne.click();
+      await page.waitForChanges();
+
+      await expect(dayOne).toHaveClass(/calendar-day-active/);
+
+      await datetime.evaluate((el: HTMLIonDatetimeElement) => el.reset());
+      await page.waitForChanges();
+
+      await expect(await datetime.locator('.calendar-day-active').count()).toBe(0);
+    });
+  });
+});

core/src/components/input/input.tsx

@@ -268,9 +268,7 @@ export class Input implements ComponentInterface {
    */
   @Prop() step?: string;
 
-  /**
-   * The initial size of the control. This value is in pixels unless the value of the type attribute is `"text"` or `"password"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
-   */
+  // FW-4914 Remove this property in Ionic 8
   @Prop() size?: number;
 
   /**

core/src/utils/tap-click/index.ts

@@ -1,7 +1,13 @@
+import { doc } from '@utils/browser';
+
 import type { Config } from '../../interface';
 import { now, pointerCoord } from '../helpers';
 
 export const startTapClick = (config: Config) => {
+  if (doc === undefined) {
+    return;
+  }
+
   let lastTouch = -MOUSE_WAIT * 10;
   let lastActivated = 0;
 
@@ -143,7 +149,6 @@ export const startTapClick = (config: Config) => {
     }
   };
 
-  const doc = document;
   doc.addEventListener('ionGestureCaptured', cancelActive);
 
   doc.addEventListener('touchstart', onTouchStart, true);

packages/angular-server/package-lock.json

@@ -1060,9 +1060,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
       "dependencies": {
         "@stencil/core": "^3.4.0",
         "ionicons": "7.1.0",
@@ -7342,9 +7342,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
       "requires": {
         "@stencil/core": "^3.4.0",
         "ionicons": "7.1.0",

packages/angular/package-lock.json

@@ -1227,9 +1227,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
       "dependencies": {
         "@stencil/core": "^3.4.0",
         "ionicons": "7.1.0",
@@ -8104,9 +8104,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
       "requires": {
         "@stencil/core": "^3.4.0",
         "ionicons": "7.1.0",

packages/react-router/package-lock.json

@@ -205,9 +205,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
       "dependencies": {
         "@stencil/core": "^3.4.0",
         "ionicons": "7.1.0",
@@ -401,11 +401,11 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.2.2.tgz",
-      "integrity": "sha512-QFvLTCw/9/7aBFooRUZFD/pIOLgMO5E7AzW9DeJoyjenVp3TBbhKvlz275+2Z4Nmj82nXMZs2xWnmuzgweb2sQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.2.3.tgz",
+      "integrity": "sha512-yynxE2AdTd05wtYT1Cw3Gf2qSGy4VuUDk42M12CEtX00929oFDzbVATNnNqOOD14Kjwb9OUGJWYDzxS/VqqQxg==",
       "dependencies": {
-        "@ionic/core": "7.2.2",
+        "@ionic/core": "7.2.3",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -3663,9 +3663,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
       "requires": {
         "@stencil/core": "^3.4.0",
         "ionicons": "7.1.0",
@@ -3786,11 +3786,11 @@
       "requires": {}
     },
     "@ionic/react": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.2.2.tgz",
-      "integrity": "sha512-QFvLTCw/9/7aBFooRUZFD/pIOLgMO5E7AzW9DeJoyjenVp3TBbhKvlz275+2Z4Nmj82nXMZs2xWnmuzgweb2sQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.2.3.tgz",
+      "integrity": "sha512-yynxE2AdTd05wtYT1Cw3Gf2qSGy4VuUDk42M12CEtX00929oFDzbVATNnNqOOD14Kjwb9OUGJWYDzxS/VqqQxg==",
       "requires": {
-        "@ionic/core": "7.2.2",
+        "@ionic/core": "7.2.3",
         "ionicons": "^7.0.0",
         "tslib": "*"
       }

packages/react/package-lock.json

@@ -697,9 +697,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
       "dependencies": {
         "@stencil/core": "^3.4.0",
         "ionicons": "7.1.0",
@@ -11778,9 +11778,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
       "requires": {
         "@stencil/core": "^3.4.0",
         "ionicons": "7.1.0",

packages/vue-router/package-lock.json

@@ -660,9 +660,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
       "dependencies": {
         "@stencil/core": "^3.4.0",
         "ionicons": "7.1.0",
@@ -871,11 +871,11 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.2.2.tgz",
-      "integrity": "sha512-yRdwSg3GZokcIoBZ/ZxPl/ZDLyZsj6cisEg4XqtBAcX3d93rJtzxP4Hq+Ql7CN4hOhcpn1MX8BFLrCK/nSj94g==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.2.3.tgz",
+      "integrity": "sha512-LZBIoPOG/XeJS90pwR2Z7qIwsgyOQ8/nFMywj+SimRmgVaTO7h+ow4aAmbVEWH+DiOdlvtCsoZzJZGv+wy3EkA==",
       "dependencies": {
-        "@ionic/core": "7.2.2",
+        "@ionic/core": "7.2.3",
         "ionicons": "^7.0.0"
       }
     },
@@ -7697,9 +7697,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
       "requires": {
         "@stencil/core": "^3.4.0",
         "ionicons": "7.1.0",
@@ -7829,11 +7829,11 @@
       "requires": {}
     },
     "@ionic/vue": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.2.2.tgz",
-      "integrity": "sha512-yRdwSg3GZokcIoBZ/ZxPl/ZDLyZsj6cisEg4XqtBAcX3d93rJtzxP4Hq+Ql7CN4hOhcpn1MX8BFLrCK/nSj94g==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.2.3.tgz",
+      "integrity": "sha512-LZBIoPOG/XeJS90pwR2Z7qIwsgyOQ8/nFMywj+SimRmgVaTO7h+ow4aAmbVEWH+DiOdlvtCsoZzJZGv+wy3EkA==",
       "requires": {
-        "@ionic/core": "7.2.2",
+        "@ionic/core": "7.2.3",
         "ionicons": "^7.0.0"
       }
     },

packages/vue/package-lock.json

@@ -207,9 +207,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
       "dependencies": {
         "@stencil/core": "^3.4.0",
         "ionicons": "7.1.0",
@@ -3746,9 +3746,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
       "requires": {
         "@stencil/core": "^3.4.0",
         "ionicons": "7.1.0",