chore(): sync with main

chore(): sync with main

core/package-lock.json

@@ -1513,13 +1513,13 @@
       }
     },
     "node_modules/@playwright/test": {
-      "version": "1.29.0",
+      "version": "1.29.1",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.29.0.tgz",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.29.1.tgz",
-      "integrity": "sha512-gp5PVBenxTJsm2bATWDNc2CCnrL5OaA/MXQdJwwkGQtqTjmY+ZOqAdLqo49O9MLTDh2vYh+tHWDnmFsILnWaeA==",
+      "integrity": "sha512-iQxk2DX5U9wOGV3+/Jh9OHPsw5H3mleUL2S4BgQuwtlAfK3PnKvn38m4Rg9zIViGHVW24opSm99HQm/UFLEy6w==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
-        "playwright-core": "1.29.0"
+        "playwright-core": "1.29.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -8351,9 +8351,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.29.0",
+      "version": "1.29.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.29.0.tgz",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.29.1.tgz",
-      "integrity": "sha512-pboOm1m0RD6z1GtwAbEH60PYRfF87vKdzOSRw2RyO0Y0a7utrMyWN2Au1ojGvQr4umuBMODkKTv607YIRypDSQ==",
+      "integrity": "sha512-20Ai3d+lMkWpI9YZYlxk8gxatfgax5STW8GaMozAHwigLiyiKQrdkt7gaoT9UQR8FIVDg6qVXs9IoZUQrDjIIg==",
       "dev": true,
       "bin": {
         "playwright": "cli.js"
@@ -11477,7 +11477,8 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@ionic/prettier-config/-/prettier-config-2.0.0.tgz",
       "integrity": "sha512-ageMx54B9qqS1scnFW3kQW2NW8HyXwUM/p9c1YSWFKr6Yct7YVNbJFY3EcFapaNTiDnwo+GLlPRt+wST6E8AfA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
@@ -11913,13 +11914,13 @@
       }
     },
     "@playwright/test": {
-      "version": "1.29.0",
+      "version": "1.29.1",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.29.0.tgz",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.29.1.tgz",
-      "integrity": "sha512-gp5PVBenxTJsm2bATWDNc2CCnrL5OaA/MXQdJwwkGQtqTjmY+ZOqAdLqo49O9MLTDh2vYh+tHWDnmFsILnWaeA==",
+      "integrity": "sha512-iQxk2DX5U9wOGV3+/Jh9OHPsw5H3mleUL2S4BgQuwtlAfK3PnKvn38m4Rg9zIViGHVW24opSm99HQm/UFLEy6w==",
       "dev": true,
       "requires": {
         "@types/node": "*",
-        "playwright-core": "1.29.0"
+        "playwright-core": "1.29.1"
       }
     },
     "@rollup/plugin-node-resolve": {
@@ -11941,7 +11942,8 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-2.0.3.tgz",
       "integrity": "sha512-pw6ziJcyjZtntQ//bkad9qXaBx665SgEL8C8KI5wO8G5iU5MPxvdWrQyVaAvjojGm9tJoS8M9Z/EEepbqieYmw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@rollup/pluginutils": {
       "version": "3.1.0",
@@ -11976,7 +11978,8 @@
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/@stencil/angular-output-target/-/angular-output-target-0.4.0.tgz",
       "integrity": "sha512-zauaj0za46IWoPgv2IanDp3tiljwDRDNk4jB7WII6KeL66dkk7ffeqYZ0CgySTU5W2FjnKR6JEKbAnwUxjGIsA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@stencil/core": {
       "version": "2.18.0",
@@ -11987,19 +11990,22 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/@stencil/react-output-target/-/react-output-target-0.2.1.tgz",
       "integrity": "sha512-A6ut+ua3s9UPVXHmAco8g6phvRsr8Db1wM6Mws2bdSAawzc1n49afS+FbTMUMcjqKAGShMp5lsM0/QA0jx5SdQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@stencil/sass": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@stencil/sass/-/sass-2.0.0.tgz",
       "integrity": "sha512-Be7Tz7YJnMzloot0aG3m2wTVt9Dg0rjOU+ZVx49ts9+hyeW+NEmvSWPv6bhypblRXbSGik2Cc3AYboTma4Qpgg==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@stencil/vue-output-target": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.6.2.tgz",
       "integrity": "sha512-Oh7SLFbOUchCSCbGe/Dqal2xSYPKCFQiVKnvzvS0dsHP/XS7rfHqp3qptW6JCp9lBoo3wmmBurHfldqxhLlnag==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@stylelint/postcss-css-in-js": {
       "version": "0.37.2",
@@ -12494,7 +12500,8 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "acorn-walk": {
       "version": "7.2.0",
@@ -13906,7 +13913,8 @@
       "version": "8.5.0",
       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz",
       "integrity": "sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "eslint-import-resolver-node": {
       "version": "0.3.6",
@@ -15680,7 +15688,8 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz",
       "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "jest-regex-util": {
       "version": "27.5.1",
@@ -17003,14 +17012,15 @@
           "version": "8.4.2",
           "resolved": "https://registry.npmjs.org/ws/-/ws-8.4.2.tgz",
           "integrity": "sha512-Kbk4Nxyq7/ZWqr/tarI9yIt/+iNNFOjBXEWgTb4ydaNHBNGgvf2QHbS9fdfsndfjFlFwEd4Al+mw83YkaD10ZA==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         }
       }
     },
     "playwright-core": {
-      "version": "1.29.0",
+      "version": "1.29.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.29.0.tgz",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.29.1.tgz",
-      "integrity": "sha512-pboOm1m0RD6z1GtwAbEH60PYRfF87vKdzOSRw2RyO0Y0a7utrMyWN2Au1ojGvQr4umuBMODkKTv607YIRypDSQ==",
+      "integrity": "sha512-20Ai3d+lMkWpI9YZYlxk8gxatfgax5STW8GaMozAHwigLiyiKQrdkt7gaoT9UQR8FIVDg6qVXs9IoZUQrDjIIg==",
       "dev": true
     },
     "postcss": {
@@ -17175,7 +17185,8 @@
       "version": "0.36.2",
       "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
       "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-value-parser": {
       "version": "4.1.0",
@@ -18738,7 +18749,8 @@
       "version": "7.4.6",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.6.tgz",
       "integrity": "sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "xml-name-validator": {
       "version": "3.0.0",

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

@@ -121,11 +121,9 @@ test.describe('ar-EG', () => {
     `);
     await page.waitForSelector('.datetime-ready');
 
-    const datetimeYears = page.locator('ion-datetime .year-column .picker-item:not(.picker-item-empty)');
+    const datetimeYear = page.locator('ion-datetime .year-column .picker-item[data-value="2022"]');
 
-    await expect(datetimeYears.nth(0)).toHaveText('٢٠٢٢');
+    await expect(datetimeYear).toHaveText('٢٠٢٢');
-    await expect(datetimeYears.nth(1)).toHaveText('٢٠٢١');
-    await expect(datetimeYears.nth(2)).toHaveText('٢٠٢٠');
   });
 });
 
@@ -147,6 +145,7 @@ class DatetimeLocaleFixture {
         locale="${this.locale}"
         presentation="${presentation}"
         value="2022-04-19T04:20:00"
+        max="2022"
       ></ion-datetime>
     `);
 

core/src/components/datetime/test/prefer-wheel/datetime.e2e.ts

@@ -17,14 +17,14 @@ test.describe('datetime: prefer wheel', () => {
   test.describe('datetime: wheel rendering', () => {
     test('should not have visual regressions for date wheel', async ({ page }) => {
       await page.setContent(`
-        <ion-datetime size="cover" presentation="date" prefer-wheel="true" value="2019-05-30"></ion-datetime>
+        <ion-datetime size="cover" presentation="date" prefer-wheel="true" value="2019-05-30" max="2022"></ion-datetime>
       `);
 
       expect(await page.screenshot()).toMatchSnapshot(`datetime-wheel-date-diff-${page.getSnapshotSettings()}.png`);
     });
     test('should not have visual regressions for date-time wheel', async ({ page }) => {
       await page.setContent(`
-        <ion-datetime size="cover" presentation="date-time" prefer-wheel="true" value="2019-05-30T16:30:00"></ion-datetime>
+        <ion-datetime size="cover" presentation="date-time" prefer-wheel="true" value="2019-05-30T16:30:00" max="2022"></ion-datetime>
       `);
 
       expect(await page.screenshot()).toMatchSnapshot(
@@ -33,7 +33,7 @@ test.describe('datetime: prefer wheel', () => {
     });
     test('should not have visual regressions for time-date wheel', async ({ page }) => {
       await page.setContent(`
-        <ion-datetime size="cover" presentation="time-date" prefer-wheel="true" value="2019-05-30T16:30:00"></ion-datetime>
+        <ion-datetime size="cover" presentation="time-date" prefer-wheel="true" value="2019-05-30T16:30:00" max="2022"></ion-datetime>
       `);
 
       expect(await page.screenshot()).toMatchSnapshot(
@@ -42,7 +42,7 @@ test.describe('datetime: prefer wheel', () => {
     });
     test('should render a condense header when specified', async ({ page }) => {
       await page.setContent(`
-        <ion-datetime size="cover" presentation="time-date" prefer-wheel="true" value="2019-05-30T16:30:00"><div slot="title">My Custom Title</div></ion-datetime>
+        <ion-datetime size="cover" presentation="time-date" prefer-wheel="true" value="2019-05-30T16:30:00" max="2022"><div slot="title">My Custom Title</div></ion-datetime>
       `);
       await page.waitForSelector('.datetime-ready');
 
@@ -131,6 +131,19 @@ test.describe('datetime: prefer wheel', () => {
           presentation="date"
           prefer-wheel="true"
         ></ion-datetime>
+
+        <script>
+          const mockToday = '2022-10-10T16:22';
+          Date = class extends Date {
+            constructor(...args) {
+              if (args.length === 0) {
+                super(mockToday)
+              } else {
+                super(...args);
+              }
+            }
+          }
+        </script>
       `);
 
       await page.waitForSelector('.datetime-ready');

core/src/components/datetime/test/presentation/index.html

@@ -35,7 +35,7 @@
         </ion-toolbar>
       </ion-header>
       <ion-content class="ion-padding">
-        <ion-datetime presentation="date-time" value="2022-03-10T13:00:00"></ion-datetime>
+        <ion-datetime presentation="date-time" value="2022-03-10T13:00:00" max="2022"></ion-datetime>
       </ion-content>
     </ion-app>
     <script>

core/src/components/reorder-group/test/interactive/reorder-group.e2e.ts

@@ -1,7 +1,8 @@
 import { expect } from '@playwright/test';
 import { test, dragElementBy } from '@utils/test/playwright';
 
-test.describe('reorder group: interactive', () => {
+// TODO FW-3079
+test.describe.skip('reorder group: interactive', () => {
   test.beforeEach(({ skip }) => {
     skip.rtl();
     skip.mode('ios', 'Reorder group does not have per-mode styles');

core/src/components/reorder-group/test/nested/reorder-group.e2e.ts

@@ -1,7 +1,8 @@
 import { expect } from '@playwright/test';
 import { test, dragElementBy } from '@utils/test/playwright';
 
-test.describe('reorder group: nested', () => {
+// TODO FW-3079
+test.describe.skip('reorder group: nested', () => {
   test.beforeEach(({ skip }) => {
     skip.rtl();
     skip.mode('ios', 'Reorder group does not have per-mode styles');

core/src/components/reorder-group/test/scroll-target/reorder-group.e2e.ts

@@ -1,7 +1,8 @@
 import { expect } from '@playwright/test';
 import { test, dragElementBy } from '@utils/test/playwright';
 
-test.describe('reorder group: scroll-target', () => {
+// TODO FW-3079
+test.describe.skip('reorder group: scroll-target', () => {
   test.beforeEach(({ skip }) => {
     skip.rtl();
     skip.mode('ios', 'Reorder group does not have per-mode styles');

core/src/components/ripple-effect/test/basic/ripple-effect.e2e.ts

@@ -2,7 +2,8 @@ import { expect } from '@playwright/test';
 import type { E2EPage } from '@utils/test/playwright';
 import { test } from '@utils/test/playwright';
 
-test.describe('ripple-effect: basic', () => {
+// TODO FW-3081
+test.describe.skip('ripple-effect: basic', () => {
   test('should add .ion-activated when pressed', async ({ page }) => {
     await verifyRippleEffect(page, '#small-btn');
     await verifyRippleEffect(page, '#large-btn');

core/src/utils/test/overlays/overlays.e2e.ts

@@ -108,7 +108,8 @@ test.describe('overlays: focus', () => {
   test.beforeEach(({ skip }) => {
     skip.rtl();
   });
-  test('should not select a hidden focusable element', async ({ page, browserName }) => {
+  // TODO FW-3080
+  test.skip('should not select a hidden focusable element', async ({ page, browserName }) => {
     await page.setContent(`
       <style>
         [hidden] {