v6.7.2

fixes #26809

.github/workflows/release.yml

@@ -16,9 +16,7 @@ on:
         type: choice
         description: Which npm tag should this be published to?
         options:
-          - latest
-          - v5-lts
-          - v4-lts
+          - v6-lts
 
 jobs:
   release-ionic:

CHANGELOG.md

@@ -3,6 +3,45 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.7.2](https://github.com/ionic-team/ionic-framework/compare/v6.7.1...v6.7.2) (2023-04-05)
+
+
+### Bug Fixes
+
+* **item-divider:** set padding-end for md ([#27070](https://github.com/ionic-team/ionic-framework/issues/27070)) ([214e835](https://github.com/ionic-team/ionic-framework/commit/214e83529f7115852c27a37869c8231330fdb8ac))
+* **picker-column-internal:** hide empty picker items from screenreaders ([#27114](https://github.com/ionic-team/ionic-framework/issues/27114)) ([3ecfb9c](https://github.com/ionic-team/ionic-framework/commit/3ecfb9ce43d9d5cf93f1f2be26a0922a16894362)), closes [#26809](https://github.com/ionic-team/ionic-framework/issues/26809)
+
+
+
+## [6.0.16](https://github.com/ionic-team/ionic-framework/compare/v6.0.15...v6.0.16) (2022-04-08)
+
+
+### Bug Fixes
+
+* **angular:** button components now route correctly without reload ([#25071](https://github.com/ionic-team/ionic-framework/issues/25071)) ([fb994fa](https://github.com/ionic-team/ionic-framework/commit/fb994fa9a7721a3575fb8d123be34aea4bf076a4))
+
+
+
+## [6.0.15](https://github.com/ionic-team/ionic-framework/compare/v6.0.14...v6.0.15) (2022-04-06)
+
+
+
+
+
+## [6.7.1](https://github.com/ionic-team/ionic-framework/compare/v6.7.0...v6.7.1) (2023-03-29)
+
+
+### Bug Fixes
+
+* **item-sliding:** open method works with items added async ([#27035](https://github.com/ionic-team/ionic-framework/issues/27035)) ([521063b](https://github.com/ionic-team/ionic-framework/commit/521063bf241dc2c55bcd02a92ed8a418cfec6b1e)), closes [#26991](https://github.com/ionic-team/ionic-framework/issues/26991)
+* **item:** use thumbnail's size when present ([#27014](https://github.com/ionic-team/ionic-framework/issues/27014)) ([6cecdf4](https://github.com/ionic-team/ionic-framework/commit/6cecdf41451a5c7aa908494dfad9fab1496a0c6c)), closes [#22935](https://github.com/ionic-team/ionic-framework/issues/22935)
+* **radio-group:** radios participate in form submission ([#27018](https://github.com/ionic-team/ionic-framework/issues/27018)) ([3b99c31](https://github.com/ionic-team/ionic-framework/commit/3b99c31bab41bf7fcec340ac7159d3e8fce126c1)), closes [#27016](https://github.com/ionic-team/ionic-framework/issues/27016)
+* **select:** inherit white-space in select-text to allow text wrapping ([#26973](https://github.com/ionic-team/ionic-framework/issues/26973)) ([19c1e25](https://github.com/ionic-team/ionic-framework/commit/19c1e25399ca18c8e6a8dd39c0131979c0bb01e9)), closes [#19949](https://github.com/ionic-team/ionic-framework/issues/19949)
+
+
+
+
+
 # [6.7.0](https://github.com/ionic-team/ionic-framework/compare/v6.6.3...v6.7.0) (2023-03-23)
 
 

README.md

@@ -42,7 +42,7 @@
   <span> · </span>
   <a href="https://blog.ionicframework.com/">Blog</a>
   <br />
-  Community: 
+  Community:
   <a href="https://ionic.link/discord">Discord</a>
   <span> · </span>
   <a href="https://forum.ionicframework.com/">Forums</a>
@@ -77,8 +77,12 @@ Already have an Ionic app? These guides will help you migrate to the latest vers
 
 ### Examples
 
-The [Ionic Conference App](https://github.com/ionic-team/ionic-conference-app) is a full featured Ionic app.
-It is the perfect starting point for learning and building your own app.
+The Ionic Conference App is a full featured Ionic app. It is the perfect starting point for learning and building your own app.
+
+- [Angular Ionic Conference App](https://github.com/ionic-team/ionic-conference-app)
+- [React Ionic Conference App](https://github.com/ionic-team/ionic-react-conference-app)
+<!-- TODO(FW-3811): add this when the vue conference app is updated -->
+<!-- - [Vue Ionic Conference App](https://github.com/ionic-team/ionic-vue-conference-app) -->
 
 ### Contributing
 

angular/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.7.2](https://github.com/ionic-team/ionic/compare/v6.7.1...v6.7.2) (2023-04-05)
+
+
+
+## [6.0.16](https://github.com/ionic-team/ionic/compare/v6.0.15...v6.0.16) (2022-04-08)
+
+
+### Bug Fixes
+
+* **angular:** button components now route correctly without reload ([#25071](https://github.com/ionic-team/ionic/issues/25071)) ([fb994fa](https://github.com/ionic-team/ionic/commit/fb994fa9a7721a3575fb8d123be34aea4bf076a4))
+
+
+
+## [6.0.15](https://github.com/ionic-team/ionic/compare/v6.0.14...v6.0.15) (2022-04-06)
+
+
+
+
+
+## [6.7.1](https://github.com/ionic-team/ionic/compare/v6.7.0...v6.7.1) (2023-03-29)
+
+**Note:** Version bump only for package @ionic/angular
+
+
+
+
+
 # [6.7.0](https://github.com/ionic-team/ionic/compare/v6.6.3...v6.7.0) (2023-03-23)
 
 **Note:** Version bump only for package @ionic/angular
@@ -493,7 +520,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [6.1.0](https://github.com/ionic-team/ionic/compare/v6.0.14...v6.1.0) (2022-04-13)
+# [6.1.0](https://github.com/ionic-team/ionic/compare/v6.0.16...v6.1.0) (2022-04-13)
 
 
 ### Bug Fixes

angular/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular",
-  "version": "6.7.0",
+  "version": "6.7.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular",
-      "version": "6.7.0",
+      "version": "6.7.2",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^6.7.0",
+        "@ionic/core": "^6.7.2",
         "ionicons": "^6.1.3",
         "jsonc-parser": "^3.0.0",
         "tslib": "^2.0.0"
@@ -1006,9 +1006,9 @@
       "license": "BSD-3-Clause"
     },
     "node_modules/@ionic/core": {
-      "version": "6.6.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.6.3.tgz",
-      "integrity": "sha512-jkXxvsnn/aCCi5fBjjkkTL6gMjalAjF71+IGi01b+J29F4SCoqmmKykVM99tEJV8NR5ArBGObUTtCzHaax8NCw==",
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.7.1.tgz",
+      "integrity": "sha512-nUuSFV8gT+Ilb2w37gGlV34tVwpGloQMVbjnoNT/ItrQtckGVjKxEzwt27PFlJxKIT7f3OXIccKoW5l3A5NLMg==",
       "dependencies": {
         "@stencil/core": "^2.18.0",
         "ionicons": "^6.1.3",
@@ -7335,9 +7335,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "6.6.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.6.3.tgz",
-      "integrity": "sha512-jkXxvsnn/aCCi5fBjjkkTL6gMjalAjF71+IGi01b+J29F4SCoqmmKykVM99tEJV8NR5ArBGObUTtCzHaax8NCw==",
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.7.1.tgz",
+      "integrity": "sha512-nUuSFV8gT+Ilb2w37gGlV34tVwpGloQMVbjnoNT/ItrQtckGVjKxEzwt27PFlJxKIT7f3OXIccKoW5l3A5NLMg==",
       "requires": {
         "@stencil/core": "^2.18.0",
         "ionicons": "^6.1.3",

angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "6.7.0",
+  "version": "6.7.2",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -42,7 +42,7 @@
     "validate": "npm i && npm run lint && npm run test && npm run build"
   },
   "dependencies": {
-    "@ionic/core": "^6.7.0",
+    "@ionic/core": "^6.7.2",
     "ionicons": "^6.1.3",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.0.0"

core/CHANGELOG.md

@@ -3,6 +3,40 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.7.2](https://github.com/ionic-team/ionic/compare/v6.7.1...v6.7.2) (2023-04-05)
+
+
+### Bug Fixes
+
+* **item-divider:** set padding-end for md ([#27070](https://github.com/ionic-team/ionic/issues/27070)) ([214e835](https://github.com/ionic-team/ionic/commit/214e83529f7115852c27a37869c8231330fdb8ac))
+* **picker-column-internal:** hide empty picker items from screenreaders ([#27114](https://github.com/ionic-team/ionic/issues/27114)) ([3ecfb9c](https://github.com/ionic-team/ionic/commit/3ecfb9ce43d9d5cf93f1f2be26a0922a16894362)), closes [#26809](https://github.com/ionic-team/ionic/issues/26809)
+
+
+
+## [6.0.16](https://github.com/ionic-team/ionic/compare/v6.0.15...v6.0.16) (2022-04-08)
+
+
+
+## [6.0.15](https://github.com/ionic-team/ionic/compare/v6.0.14...v6.0.15) (2022-04-06)
+
+
+
+
+
+## [6.7.1](https://github.com/ionic-team/ionic/compare/v6.7.0...v6.7.1) (2023-03-29)
+
+
+### Bug Fixes
+
+* **item-sliding:** open method works with items added async ([#27035](https://github.com/ionic-team/ionic/issues/27035)) ([521063b](https://github.com/ionic-team/ionic/commit/521063bf241dc2c55bcd02a92ed8a418cfec6b1e)), closes [#26991](https://github.com/ionic-team/ionic/issues/26991)
+* **item:** use thumbnail's size when present ([#27014](https://github.com/ionic-team/ionic/issues/27014)) ([6cecdf4](https://github.com/ionic-team/ionic/commit/6cecdf41451a5c7aa908494dfad9fab1496a0c6c)), closes [#22935](https://github.com/ionic-team/ionic/issues/22935)
+* **radio-group:** radios participate in form submission ([#27018](https://github.com/ionic-team/ionic/issues/27018)) ([3b99c31](https://github.com/ionic-team/ionic/commit/3b99c31bab41bf7fcec340ac7159d3e8fce126c1)), closes [#27016](https://github.com/ionic-team/ionic/issues/27016)
+* **select:** inherit white-space in select-text to allow text wrapping ([#26973](https://github.com/ionic-team/ionic/issues/26973)) ([19c1e25](https://github.com/ionic-team/ionic/commit/19c1e25399ca18c8e6a8dd39c0131979c0bb01e9)), closes [#19949](https://github.com/ionic-team/ionic/issues/19949)
+
+
+
+
+
 # [6.7.0](https://github.com/ionic-team/ionic/compare/v6.6.3...v6.7.0) (2023-03-23)
 
 
@@ -781,7 +815,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [6.1.0](https://github.com/ionic-team/ionic/compare/v6.0.14...v6.1.0) (2022-04-13)
+# [6.1.0](https://github.com/ionic-team/ionic/compare/v6.0.16...v6.1.0) (2022-04-13)
 
 
 ### Bug Fixes

core/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@ionic/core",
-  "version": "6.7.0",
+  "version": "6.7.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/core",
-      "version": "6.7.0",
+      "version": "6.7.2",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "^2.18.0",
@@ -18,7 +18,7 @@
         "@ionic/eslint-config": "^0.3.0",
         "@ionic/prettier-config": "^2.0.0",
         "@jest/core": "^27.5.1",
-        "@playwright/test": "^1.31.1",
+        "@playwright/test": "^1.32.1",
         "@rollup/plugin-node-resolve": "^8.4.0",
         "@rollup/plugin-virtual": "^2.0.3",
         "@stencil/angular-output-target": "^0.4.0",
@@ -1503,13 +1503,13 @@
       }
     },
     "node_modules/@playwright/test": {
-      "version": "1.31.2",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.31.2.tgz",
-      "integrity": "sha512-BYVutxDI4JeZKV1+ups6dt5WiqKhjBtIYowyZIJ3kBDmJgsuPKsqqKNIMFbUePLSCmp2cZu+BDL427RcNKTRYw==",
+      "version": "1.32.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.32.1.tgz",
+      "integrity": "sha512-FTwjCuhlm1qHUGf4hWjfr64UMJD/z0hXYbk+O387Ioe6WdyZQ+0TBDAc6P+pHjx2xCv1VYNgrKbYrNixFWy4Dg==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
-        "playwright-core": "1.31.2"
+        "playwright-core": "1.32.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -8155,14 +8155,14 @@
       }
     },
     "node_modules/playwright": {
-      "version": "1.31.2",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.31.2.tgz",
-      "integrity": "sha512-jpC47n2PKQNtzB7clmBuWh6ftBRS/Bt5EGLigJ9k2QAKcNeYXZkEaDH5gmvb6+AbcE0DO6GnXdbl9ogG6Eh+og==",
+      "version": "1.32.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.32.1.tgz",
+      "integrity": "sha512-GnEizysWMvoqHC3I9l8+4/ZxeLwLNdJJG76xdKGxzOcIZDcw5RSk/FKrFb5CuA+zcLpjIM2p9eR9Z4CuUDkWXg==",
       "dev": true,
       "hasInstallScript": true,
       "peer": true,
       "dependencies": {
-        "playwright-core": "1.31.2"
+        "playwright-core": "1.32.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -8172,9 +8172,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.31.2",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.31.2.tgz",
-      "integrity": "sha512-a1dFgCNQw4vCsG7bnojZjDnPewZcw7tZUNFN0ZkcLYKj+mPmXvg4MpaaKZ5SgqPsOmqIf2YsVRkgqiRDxD+fDQ==",
+      "version": "1.32.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.32.1.tgz",
+      "integrity": "sha512-KZYUQC10mXD2Am1rGlidaalNGYk3LU1vZqqNk0gT4XPty1jOqgup8KDP8l2CUlqoNKhXM5IfGjWgW37xvGllBA==",
       "dev": true,
       "bin": {
         "playwright": "cli.js"
@@ -11427,14 +11427,14 @@
       }
     },
     "@playwright/test": {
-      "version": "1.31.2",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.31.2.tgz",
-      "integrity": "sha512-BYVutxDI4JeZKV1+ups6dt5WiqKhjBtIYowyZIJ3kBDmJgsuPKsqqKNIMFbUePLSCmp2cZu+BDL427RcNKTRYw==",
+      "version": "1.32.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.32.1.tgz",
+      "integrity": "sha512-FTwjCuhlm1qHUGf4hWjfr64UMJD/z0hXYbk+O387Ioe6WdyZQ+0TBDAc6P+pHjx2xCv1VYNgrKbYrNixFWy4Dg==",
       "dev": true,
       "requires": {
         "@types/node": "*",
         "fsevents": "2.3.2",
-        "playwright-core": "1.31.2"
+        "playwright-core": "1.32.1"
       }
     },
     "@rollup/plugin-node-resolve": {
@@ -16312,19 +16312,19 @@
       }
     },
     "playwright": {
-      "version": "1.31.2",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.31.2.tgz",
-      "integrity": "sha512-jpC47n2PKQNtzB7clmBuWh6ftBRS/Bt5EGLigJ9k2QAKcNeYXZkEaDH5gmvb6+AbcE0DO6GnXdbl9ogG6Eh+og==",
+      "version": "1.32.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.32.1.tgz",
+      "integrity": "sha512-GnEizysWMvoqHC3I9l8+4/ZxeLwLNdJJG76xdKGxzOcIZDcw5RSk/FKrFb5CuA+zcLpjIM2p9eR9Z4CuUDkWXg==",
       "dev": true,
       "peer": true,
       "requires": {
-        "playwright-core": "1.31.2"
+        "playwright-core": "1.32.1"
       }
     },
     "playwright-core": {
-      "version": "1.31.2",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.31.2.tgz",
-      "integrity": "sha512-a1dFgCNQw4vCsG7bnojZjDnPewZcw7tZUNFN0ZkcLYKj+mPmXvg4MpaaKZ5SgqPsOmqIf2YsVRkgqiRDxD+fDQ==",
+      "version": "1.32.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.32.1.tgz",
+      "integrity": "sha512-KZYUQC10mXD2Am1rGlidaalNGYk3LU1vZqqNk0gT4XPty1jOqgup8KDP8l2CUlqoNKhXM5IfGjWgW37xvGllBA==",
       "dev": true
     },
     "postcss": {

core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "6.7.0",
+  "version": "6.7.2",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
@@ -40,7 +40,7 @@
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
     "@jest/core": "^27.5.1",
-    "@playwright/test": "^1.31.1",
+    "@playwright/test": "^1.32.1",
     "@rollup/plugin-node-resolve": "^8.4.0",
     "@rollup/plugin-virtual": "^2.0.3",
     "@stencil/angular-output-target": "^0.4.0",

core/src/components/alert/alert.tsx

@@ -185,13 +185,13 @@ export class Alert implements ComponentInterface, OverlayInterface {
 
     // If hitting arrow down or arrow right, move to the next radio
     // If we're on the last radio, move to the first radio
-    if (['ArrowDown', 'ArrowRight'].includes(ev.code)) {
+    if (['ArrowDown', 'ArrowRight'].includes(ev.key)) {
       nextEl = index === radios.length - 1 ? radios[0] : radios[index + 1];
     }
 
     // If hitting arrow up or arrow left, move to the previous radio
     // If we're on the first radio, move to the last radio
-    if (['ArrowUp', 'ArrowLeft'].includes(ev.code)) {
+    if (['ArrowUp', 'ArrowLeft'].includes(ev.key)) {
       nextEl = index === 0 ? radios[radios.length - 1] : radios[index - 1];
     }
 

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

@@ -8,6 +8,7 @@ test.describe('datetime: display', () => {
         await page.setContent(`
           <ion-datetime value="2022-02-22T16:30:00" presentation="date-time"></ion-datetime>
         `);
+        await page.waitForSelector('.datetime-ready');
         const datetime = page.locator('ion-datetime');
         await expect(datetime).toHaveScreenshot(`datetime-display-date-time-${page.getSnapshotSettings()}.png`);
       });
@@ -15,6 +16,7 @@ test.describe('datetime: display', () => {
         await page.setContent(`
           <ion-datetime value="2022-02-22T16:30:00" presentation="time-date"></ion-datetime>
         `);
+        await page.waitForSelector('.datetime-ready');
         const datetime = page.locator('ion-datetime');
         await expect(datetime).toHaveScreenshot(`datetime-display-time-date-${page.getSnapshotSettings()}.png`);
       });
@@ -22,6 +24,7 @@ test.describe('datetime: display', () => {
         await page.setContent(`
           <ion-datetime value="2022-02-22T16:30:00" presentation="time"></ion-datetime>
         `);
+        await page.waitForSelector('.datetime-ready');
         const datetime = page.locator('ion-datetime');
         await expect(datetime).toHaveScreenshot(`datetime-display-time-${page.getSnapshotSettings()}.png`);
       });
@@ -29,6 +32,7 @@ test.describe('datetime: display', () => {
         await page.setContent(`
           <ion-datetime value="2022-02-22T16:30:00" presentation="date"></ion-datetime>
         `);
+        await page.waitForSelector('.datetime-ready');
         const datetime = page.locator('ion-datetime');
         await expect(datetime).toHaveScreenshot(`datetime-display-date-${page.getSnapshotSettings()}.png`);
       });
@@ -46,6 +50,7 @@ test.describe('datetime: display', () => {
         await page.setContent(`
           <ion-datetime size="cover" value="2022-02-22T16:30:00" presentation="date-time"></ion-datetime>
         `);
+        await page.waitForSelector('.datetime-ready');
         const datetime = page.locator('ion-datetime');
         await expect(datetime).toHaveScreenshot(`datetime-display-cover-date-time-${page.getSnapshotSettings()}.png`);
       });
@@ -53,6 +58,7 @@ test.describe('datetime: display', () => {
         await page.setContent(`
           <ion-datetime size="cover" value="2022-02-22T16:30:00" presentation="time-date"></ion-datetime>
         `);
+        await page.waitForSelector('.datetime-ready');
         const datetime = page.locator('ion-datetime');
         await expect(datetime).toHaveScreenshot(`datetime-display-cover-time-date-${page.getSnapshotSettings()}.png`);
       });
@@ -60,6 +66,7 @@ test.describe('datetime: display', () => {
         await page.setContent(`
           <ion-datetime size="cover" value="2022-02-22T16:30:00" presentation="time"></ion-datetime>
         `);
+        await page.waitForSelector('.datetime-ready');
         const datetime = page.locator('ion-datetime');
         await expect(datetime).toHaveScreenshot(`datetime-display-cover-time-${page.getSnapshotSettings()}.png`);
       });
@@ -67,6 +74,7 @@ test.describe('datetime: display', () => {
         await page.setContent(`
           <ion-datetime size="cover" value="2022-02-22T16:30:00" presentation="date"></ion-datetime>
         `);
+        await page.waitForSelector('.datetime-ready');
         const datetime = page.locator('ion-datetime');
         await expect(datetime).toHaveScreenshot(`datetime-display-cover-date-${page.getSnapshotSettings()}.png`);
       });

core/src/components/datetime/test/parse.spec.ts

@@ -1,4 +1,4 @@
-import { clampDate, getPartsFromCalendarDay, parseAmPm, parseMinParts, parseMaxParts } from '../utils/parse';
+import { clampDate, getPartsFromCalendarDay, parseAmPm, parseDate, parseMinParts, parseMaxParts } from '../utils/parse';
 
 describe('getPartsFromCalendarDay()', () => {
   it('should extract DatetimeParts from a calendar day element', () => {
@@ -17,7 +17,54 @@ describe('getPartsFromCalendarDay()', () => {
   });
 });
 
-// TODO FW-2794: parseDate()
+describe('parseDate()', () => {
+  it('should return undefined when passed undefined', () => {
+    expect(parseDate(undefined)).toStrictEqual(undefined);
+  });
+
+  it('should return undefined when passed null', () => {
+    expect(parseDate(null)).toStrictEqual(undefined);
+  });
+
+  it('should return the correct date object when passed a date', () => {
+    expect(parseDate('2022-12-15T13:47')).toEqual({
+      ampm: 'pm',
+      day: 15,
+      hour: 13,
+      minute: 47,
+      month: 12,
+      tzOffset: 0,
+      year: 2022,
+    });
+  });
+
+  it('should return the correct time zone offset', () => {
+    expect(parseDate('2022-12-15T13:47:30-02:00').tzOffset).toEqual(-120);
+  });
+
+  it('should parse an array of dates', () => {
+    expect(parseDate(['2022-12-15T13:47', '2023-03-23T20:19:33.517Z'])).toEqual([
+      {
+        ampm: 'pm',
+        day: 15,
+        hour: 13,
+        minute: 47,
+        month: 12,
+        tzOffset: 0,
+        year: 2022,
+      },
+      {
+        ampm: 'pm',
+        day: 23,
+        hour: 20,
+        minute: 19,
+        month: 3,
+        tzOffset: 0,
+        year: 2023,
+      },
+    ]);
+  });
+});
 
 describe('clampDate()', () => {
   const minParts = {

core/src/components/item-divider/item-divider.md.scss

@@ -96,13 +96,11 @@
   height: $item-md-avatar-height;
 }
 
-
 // Material Design Item Divider Thumbnail
 // --------------------------------------------------
 
 ::slotted(ion-thumbnail) {
-  width: $item-md-thumbnail-width;
-  height: $item-md-thumbnail-height;
+  --size: #{$item-md-thumbnail-size};
 }
 
 // Material Design Item Divider Avatar/Thumbnail

core/src/components/item-divider/item-divider.md.vars.scss

@@ -23,4 +23,4 @@ $item-divider-md-border-bottom:      1px solid $item-md-border-color !default;
 $item-divider-md-padding-start:      $item-md-padding-start !default;
 
 /// @prop - Padding end for the divider
-$item-divider-md-padding-end:        0 !default;
+$item-divider-md-padding-end:        $item-md-padding-end !default;

core/src/components/item-divider/test/basic/item-divider.e2e.ts

@@ -0,0 +1,39 @@
+import { expect } from '@playwright/test';
+import { test } from '@utils/test/playwright';
+
+test.describe('item-divider: basic', () => {
+  test('should display an item divider with text', async ({ page }) => {
+    await page.setContent(`
+      <ion-item-divider>
+        <ion-label>Item Divider</ion-label>
+      </ion-item-divider>
+    `);
+
+    const divider = page.locator('ion-item-divider');
+    await expect(divider).toHaveScreenshot(`item-divider-text-${page.getSnapshotSettings()}.png`);
+  });
+
+  test('should display an item divider with a button in the end slot', async ({ page }) => {
+    await page.setContent(`
+      <ion-item-divider>
+        <ion-label>Item Divider</ion-label>
+        <ion-button slot="end">Button</ion-button>
+      </ion-item-divider>
+    `);
+
+    const divider = page.locator('ion-item-divider');
+    await expect(divider).toHaveScreenshot(`item-divider-button-end-${page.getSnapshotSettings()}.png`);
+  });
+
+  test('should display an item divider with an icon in the start slot', async ({ page }) => {
+    await page.setContent(`
+      <ion-item-divider>
+        <ion-icon slot="start" name="star"></ion-icon>
+        <ion-label>Item Divider</ion-label>
+      </ion-item-divider>
+    `);
+
+    const divider = page.locator('ion-item-divider');
+    await expect(divider).toHaveScreenshot(`item-divider-icon-start-${page.getSnapshotSettings()}.png`);
+  });
+});

core/src/components/item-sliding/item-sliding.tsx

@@ -127,7 +127,16 @@ export class ItemSliding implements ComponentInterface {
    */
   @Method()
   async open(side: Side | undefined) {
-    if (this.item === null) {
+    /**
+     * It is possible for the item to be added to the DOM
+     * after the item-sliding component was created. As a result,
+     * if this.item is null, then we should attempt to
+     * query for the ion-item again.
+     * However, if the item is already defined then
+     * we do not query for it again.
+     */
+    const item = (this.item = this.item ?? this.el.querySelector('ion-item'));
+    if (item === null) {
       return;
     }
 

core/src/components/item-sliding/test/async/index.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Item Sliding - Async</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
+    />
+    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
+    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
+    <script src="../../../../../scripts/testing/scripts.js"></script>
+    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
+    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
+  </head>
+
+  <body>
+    <ion-app>
+      <ion-header>
+        <ion-toolbar>
+          <ion-title>Item Sliding - Basic</ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <ion-content>
+        <ion-list>
+          <ion-item-sliding>
+            <ion-item-options side="end">
+              <ion-item-option>Option</ion-item-option>
+            </ion-item-options>
+          </ion-item-sliding>
+        </ion-list>
+
+        <script>
+          const itemSliding = document.querySelector('ion-item-sliding');
+          setTimeout(() => {
+            const item = document.createElement('ion-item');
+            item.innerText = 'Item Sliding Option';
+            itemSliding.appendChild(item);
+
+            item.onclick = () => {
+              itemSliding.open('end');
+            };
+          }, 250);
+        </script>
+      </ion-content>
+    </ion-app>
+  </body>
+</html>

core/src/components/item-sliding/test/async/item-sliding.e2e.ts

@@ -0,0 +1,23 @@
+import { expect } from '@playwright/test';
+import { test } from '@utils/test/playwright';
+
+test.describe('item-sliding: async', () => {
+  test('should open even when item is added async', async ({ page, skip }) => {
+    skip.rtl();
+    skip.mode('md');
+
+    await page.goto(`/src/components/item-sliding/test/async`);
+
+    const itemEl = page.locator('ion-item');
+    const itemSlidingEl = page.locator('ion-item-sliding');
+
+    // Wait for item to be added to DOM
+    await page.waitForSelector('ion-item');
+
+    // Click item to open ion-item-sliding
+    await itemEl.click();
+
+    // This class is added when the item sliding component is fully open
+    await expect(itemSlidingEl).toHaveClass(/item-sliding-active-slide/);
+  });
+});

core/src/components/item/item.ios.scss

@@ -154,8 +154,7 @@
   font-size: 13px;
 }
 
-
-// iOS Item Avatar & Thumbnail
+// iOS Item Avatar
 // --------------------------------------------------
 
 ::slotted(ion-avatar) {
@@ -163,11 +162,16 @@
   height: $item-ios-avatar-height;
 }
 
+// iOS Item Thumbnail
+// --------------------------------------------------
+
 ::slotted(ion-thumbnail) {
-  width: $item-ios-thumbnail-width;
-  height: $item-ios-thumbnail-height;
+  --size: #{$item-ios-thumbnail-size};
 }
 
+// iOS Item Avatar/Thumbnail
+// --------------------------------------------------
+
 ::slotted(ion-avatar[slot="end"]),
 ::slotted(ion-thumbnail[slot="end"]) {
   @include margin(($item-ios-padding-end * 0.5));

core/src/components/item/item.ios.vars.scss

@@ -33,11 +33,8 @@ $item-ios-avatar-width:                      36px !default;
 /// @prop - Height of the avatar in the item
 $item-ios-avatar-height:                     $item-ios-avatar-width !default;
 
-/// @prop - Width of the thumbnail in the item
-$item-ios-thumbnail-width:                   56px !default;
-
-/// @prop - Height of the thumbnail in the item
-$item-ios-thumbnail-height:                  $item-ios-thumbnail-width !default;
+/// @prop - Size of the thumbnail in the item
+$item-ios-thumbnail-size:                   56px !default;
 
 /// @prop - Color of the detail arrow icon
 $item-ios-detail-icon-color:                 $item-ios-border-color !default;

core/src/components/item/item.md.scss

@@ -258,7 +258,6 @@
   @include padding-horizontal($item-md-note-end-slot-padding-start, $item-md-note-end-slot-padding-end);
 }
 
-
 // Material Design Item Avatar
 // --------------------------------------------------
 
@@ -267,13 +266,11 @@
   height: $item-md-avatar-height;
 }
 
-
 // Material Design Item Thumbnail
 // --------------------------------------------------
 
 ::slotted(ion-thumbnail) {
-  width: $item-md-thumbnail-width;
-  height: $item-md-thumbnail-height;
+  --size: #{$item-md-thumbnail-size};
 }
 
 // Material Design Item Avatar/Thumbnail

core/src/components/item/item.md.vars.scss

@@ -18,11 +18,8 @@ $item-md-avatar-width:                      40px !default;
 /// @prop - Height of the avatar in the item
 $item-md-avatar-height:                     $item-md-avatar-width !default;
 
-/// @prop - Width of the thumbnail in the item
-$item-md-thumbnail-width:                   56px !default;
-
-/// @prop - Height of the thumbnail in the item
-$item-md-thumbnail-height:                  $item-md-thumbnail-width !default;
+/// @prop - Size of the thumbnail in the item
+$item-md-thumbnail-size:                   56px !default;
 
 /// @prop - Color of the detail arrow icon
 $item-md-detail-icon-color:                 $item-md-border-color !default;