@ionic/core 7.2.4 → 7.3.1-dev.11692202566.13cd16c4

package/dist/collection/components/action-sheet/action-sheet.js

@@ -1,16 +1,16 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { Host, h, readTask } from '@stencil/core';
+import { Host, h, readTask } from "@stencil/core";
 import { createButtonActiveGesture } from "../../utils/gesture/button-active";
 import { raf } from "../../utils/helpers";
 import { BACKDROP, createDelegateController, createTriggerController, dismiss, eventMethod, isCancel, prepareOverlay, present, safeCall, setOverlayId, } from "../../utils/overlays";
 import { getClassMap } from "../../utils/theme";
-import { getIonMode } from '../../global/ionic-global';
-import { iosEnterAnimation } from './animations/ios.enter';
-import { iosLeaveAnimation } from './animations/ios.leave';
-import { mdEnterAnimation } from './animations/md.enter';
-import { mdLeaveAnimation } from './animations/md.leave';
+import { getIonMode } from "../../global/ionic-global";
+import { iosEnterAnimation } from "./animations/ios.enter";
+import { iosLeaveAnimation } from "./animations/ios.leave";
+import { mdEnterAnimation } from "./animations/md.enter";
+import { mdLeaveAnimation } from "./animations/md.leave";
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
@@ -190,7 +190,7 @@ export class ActionSheet {
       }, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), h("ion-backdrop", { tappable: this.backdropDismiss }), h("div", { tabindex: "0" }), h("div", { class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, h("div", { class: "action-sheet-container" }, h("div", { class: "action-sheet-group", ref: (el) => (this.groupEl = el) }, header !== undefined && (h("div", { id: headerID, class: {
         'action-sheet-title': true,
         'action-sheet-has-sub-title': this.subHeader !== undefined,
-      } }, header, this.subHeader && h("div", { class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (h("button", { type: "button", id: b.id, class: buttonClass(b), onClick: () => this.buttonClick(b) }, h("span", { class: "action-sheet-button-inner" }, b.icon && h("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && h("ion-ripple-effect", null))))), cancelButton && (h("div", { class: "action-sheet-group action-sheet-group-cancel" }, h("button", { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }, h("span", { class: "action-sheet-button-inner" }, cancelButton.icon && (h("ion-icon", { icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && h("ion-ripple-effect", null)))))), h("div", { tabindex: "0" })));
+      } }, header, this.subHeader && h("div", { class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (h("button", Object.assign({}, b.htmlAttributes, { type: "button", id: b.id, class: buttonClass(b), onClick: () => this.buttonClick(b) }), h("span", { class: "action-sheet-button-inner" }, b.icon && h("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && h("ion-ripple-effect", null))))), cancelButton && (h("div", { class: "action-sheet-group action-sheet-group-cancel" }, h("button", Object.assign({}, cancelButton.htmlAttributes, { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }), h("span", { class: "action-sheet-button-inner" }, cancelButton.icon && (h("ion-icon", { icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && h("ion-ripple-effect", null)))))), h("div", { tabindex: "0" })));
   }
   static get is() { return "ion-action-sheet"; }
   static get encapsulation() { return "scoped"; }
@@ -237,7 +237,8 @@ export class ActionSheet {
           "references": {
             "FrameworkDelegate": {
               "location": "import",
-              "path": "../../interface"
+              "path": "../../interface",
+              "id": "src/interface.d.ts::FrameworkDelegate"
             }
           }
         },
@@ -299,7 +300,8 @@ export class ActionSheet {
           "references": {
             "AnimationBuilder": {
               "location": "import",
-              "path": "../../interface"
+              "path": "../../interface",
+              "id": "src/interface.d.ts::AnimationBuilder"
             }
           }
         },
@@ -319,7 +321,8 @@ export class ActionSheet {
           "references": {
             "AnimationBuilder": {
               "location": "import",
-              "path": "../../interface"
+              "path": "../../interface",
+              "id": "src/interface.d.ts::AnimationBuilder"
             }
           }
         },
@@ -339,7 +342,8 @@ export class ActionSheet {
           "references": {
             "ActionSheetButton": {
               "location": "import",
-              "path": "./action-sheet-interface"
+              "path": "./action-sheet-interface",
+              "id": "src/components/action-sheet/action-sheet-interface.ts::ActionSheetButton"
             }
           }
         },
@@ -555,7 +559,8 @@ export class ActionSheet {
           "references": {
             "OverlayEventDetail": {
               "location": "import",
-              "path": "../../utils/overlays-interface"
+              "path": "../../utils/overlays-interface",
+              "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
             }
           }
         }
@@ -575,7 +580,8 @@ export class ActionSheet {
           "references": {
             "OverlayEventDetail": {
               "location": "import",
-              "path": "../../utils/overlays-interface"
+              "path": "../../utils/overlays-interface",
+              "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
             }
           }
         }
@@ -625,7 +631,8 @@ export class ActionSheet {
           "references": {
             "OverlayEventDetail": {
               "location": "import",
-              "path": "../../utils/overlays-interface"
+              "path": "../../utils/overlays-interface",
+              "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
             }
           }
         }
@@ -645,7 +652,8 @@ export class ActionSheet {
           "references": {
             "OverlayEventDetail": {
               "location": "import",
-              "path": "../../utils/overlays-interface"
+              "path": "../../utils/overlays-interface",
+              "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
             }
           }
         }
@@ -659,7 +667,8 @@ export class ActionSheet {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -687,7 +696,8 @@ export class ActionSheet {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<boolean>"
@@ -709,14 +719,17 @@ export class ActionSheet {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "OverlayEventDetail": {
               "location": "import",
-              "path": "../../utils/overlays-interface"
+              "path": "../../utils/overlays-interface",
+              "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
             },
             "T": {
-              "location": "global"
+              "location": "global",
+              "id": "global::T"
             }
           },
           "return": "Promise<OverlayEventDetail<T>>"
@@ -732,14 +745,17 @@ export class ActionSheet {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "OverlayEventDetail": {
               "location": "import",
-              "path": "../../utils/overlays-interface"
+              "path": "../../utils/overlays-interface",
+              "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
             },
             "T": {
-              "location": "global"
+              "location": "global",
+              "id": "global::T"
             }
           },
           "return": "Promise<OverlayEventDetail<T>>"

package/dist/collection/components/action-sheet/test/a11y/action-sheet.e2e.js

@@ -1,22 +1,31 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import AxeBuilder from '@axe-core/playwright';
-import { expect } from '@playwright/test';
+import AxeBuilder from "@axe-core/playwright";
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
 const testAria = async (page, buttonID, expectedAriaLabelledBy) => {
   const didPresent = await page.spyOnEvent('ionActionSheetDidPresent');
   const button = page.locator(`#${buttonID}`);
   await button.click();
   await didPresent.next();
-  const alert = page.locator('ion-action-sheet');
+  const actionSheet = page.locator('ion-action-sheet');
   /**
    * expect().toHaveAttribute() can't check for a null value, so grab and check
    * the value manually instead.
    */
-  const ariaLabelledBy = await alert.getAttribute('aria-labelledby');
+  const ariaLabelledBy = await actionSheet.getAttribute('aria-labelledby');
   expect(ariaLabelledBy).toBe(expectedAriaLabelledBy);
 };
+const testAriaButton = async (page, buttonID, expectedAriaLabelledBy, expectedAriaLabel) => {
+  const didPresent = await page.spyOnEvent('ionActionSheetDidPresent');
+  const button = page.locator(`#${buttonID}`);
+  await button.click();
+  await didPresent.next();
+  const actionSheetButton = page.locator('ion-action-sheet .action-sheet-button');
+  await expect(actionSheetButton).toHaveAttribute('aria-labelledby', expectedAriaLabelledBy);
+  await expect(actionSheetButton).toHaveAttribute('aria-label', expectedAriaLabel);
+};
 configs({ directions: ['ltr'] }).forEach(({ config, title }) => {
   test.describe(title('action-sheet: a11y'), () => {
     test.beforeEach(async ({ page }) => {
@@ -44,5 +53,11 @@ configs({ directions: ['ltr'] }).forEach(({ config, title }) => {
     test('should allow for manually specifying aria attributes', async ({ page }) => {
       await testAria(page, 'customAria', 'Custom title');
     });
+    test('should have aria-labelledby and aria-label added to the button when htmlAttributes is set', async ({ page, }) => {
+      await testAriaButton(page, 'ariaLabelButton', 'close-label', 'close button');
+    });
+    test('should have aria-labelledby and aria-label added to the cancel button when htmlAttributes is set', async ({ page, }) => {
+      await testAriaButton(page, 'ariaLabelCancelButton', 'cancel-label', 'cancel button');
+    });
   });
 });

package/dist/collection/components/action-sheet/test/basic/action-sheet-rendering.e2e.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { configs, test } from "../../../../utils/test/playwright/index";
-import { ActionSheetFixture } from './fixture';
+import { ActionSheetFixture } from "./fixture";
 configs().forEach(({ config, screenshot, title }) => {
   test.describe(title('action sheet: variant rendering'), () => {
     let actionSheetFixture;

package/dist/collection/components/action-sheet/test/basic/action-sheet.e2e.js

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
-import { ActionSheetFixture } from './fixture';
+import { ActionSheetFixture } from "./fixture";
 /**
  * This behavior does not vary across modes/directions
  */

package/dist/collection/components/action-sheet/test/basic/fixture.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 export class ActionSheetFixture {
   constructor(page, screenshot) {
     this.page = page;

package/dist/collection/components/action-sheet/test/is-open/action-sheet.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
 configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ config, title }) => {
   test.describe(title('action sheet: isOpen'), () => {

package/dist/collection/components/action-sheet/test/translucent/action-sheet.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
 configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ config, screenshot, title }) => {
   test.describe(title('action sheet: translucent'), () => {

package/dist/collection/components/action-sheet/test/trigger/action-sheet.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
 configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ config, title }) => {
   test.describe(title('action sheet: trigger'), () => {

package/dist/collection/components/alert/alert.ios.css

@@ -143,6 +143,7 @@
   justify-content: center;
   width: 100%;
   height: 100%;
+  min-height: inherit;
 }
 
 .alert-input-disabled,
@@ -170,7 +171,7 @@
   line-height: initial;
   text-align: start;
   appearance: none;
-  contain: strict;
+  contain: content;
 }
 
 .alert-button,
@@ -292,7 +293,7 @@ textarea.alert-input {
 }
 
 .alert-tappable {
-  height: 44px;
+  min-height: 44px;
 }
 
 .alert-radio-label {
@@ -305,9 +306,6 @@ textarea.alert-input {
   flex: 1;
   order: 0;
   color: var(--ion-text-color, #000);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
 }
 
 [aria-checked=true] .alert-radio-label {
@@ -369,9 +367,6 @@ textarea.alert-input {
   padding-bottom: 13px;
   flex: 1;
   color: var(--ion-text-color, #000);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
 }
 
 .alert-checkbox-icon {

package/dist/collection/components/alert/alert.js

@@ -1,19 +1,19 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { Host, forceUpdate, h } from '@stencil/core';
+import { Host, forceUpdate, h } from "@stencil/core";
 import { ENABLE_HTML_CONTENT_DEFAULT } from "../../utils/config";
 import { createButtonActiveGesture } from "../../utils/gesture/button-active";
 import { raf } from "../../utils/helpers";
 import { createDelegateController, createTriggerController, BACKDROP, dismiss, eventMethod, isCancel, prepareOverlay, present, safeCall, setOverlayId, } from "../../utils/overlays";
 import { sanitizeDOMString } from "../../utils/sanitization/index";
 import { getClassMap } from "../../utils/theme";
-import { config } from '../../global/config';
-import { getIonMode } from '../../global/ionic-global';
-import { iosEnterAnimation } from './animations/ios.enter';
-import { iosLeaveAnimation } from './animations/ios.leave';
-import { mdEnterAnimation } from './animations/md.enter';
-import { mdLeaveAnimation } from './animations/md.leave';
+import { config } from "../../global/config";
+import { getIonMode } from "../../global/ionic-global";
+import { iosEnterAnimation } from "./animations/ios.enter";
+import { iosLeaveAnimation } from "./animations/ios.leave";
+import { mdEnterAnimation } from "./animations/md.enter";
+import { mdLeaveAnimation } from "./animations/md.leave";
 // TODO(FW-2832): types
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
@@ -356,7 +356,7 @@ export class Alert {
       'alert-button-group': true,
       'alert-button-group-vertical': buttons.length > 2,
     };
-    return (h("div", { class: alertButtonGroupClass }, buttons.map((button) => (h("button", { type: "button", id: button.id, class: buttonClass(button), tabIndex: 0, onClick: () => this.buttonClick(button) }, h("span", { class: "alert-button-inner" }, button.text), mode === 'md' && h("ion-ripple-effect", null))))));
+    return (h("div", { class: alertButtonGroupClass }, buttons.map((button) => (h("button", Object.assign({}, button.htmlAttributes, { type: "button", id: button.id, class: buttonClass(button), tabIndex: 0, onClick: () => this.buttonClick(button) }), h("span", { class: "alert-button-inner" }, button.text), mode === 'md' && h("ion-ripple-effect", null))))));
   }
   renderAlertMessage(msgId) {
     const { customHTMLEnabled, message } = this;
@@ -426,7 +426,8 @@ export class Alert {
           "references": {
             "FrameworkDelegate": {
               "location": "import",
-              "path": "../../interface"
+              "path": "../../interface",
+              "id": "src/interface.d.ts::FrameworkDelegate"
             }
           }
         },
@@ -488,7 +489,8 @@ export class Alert {
           "references": {
             "AnimationBuilder": {
               "location": "import",
-              "path": "../../interface"
+              "path": "../../interface",
+              "id": "src/interface.d.ts::AnimationBuilder"
             }
           }
         },
@@ -508,7 +510,8 @@ export class Alert {
           "references": {
             "AnimationBuilder": {
               "location": "import",
-              "path": "../../interface"
+              "path": "../../interface",
+              "id": "src/interface.d.ts::AnimationBuilder"
             }
           }
         },
@@ -579,7 +582,8 @@ export class Alert {
           "references": {
             "IonicSafeString": {
               "location": "import",
-              "path": "../../utils/sanitization"
+              "path": "../../utils/sanitization",
+              "id": "src/utils/sanitization/index.ts::IonicSafeString"
             }
           }
         },
@@ -601,7 +605,8 @@ export class Alert {
           "references": {
             "AlertButton": {
               "location": "import",
-              "path": "./alert-interface"
+              "path": "./alert-interface",
+              "id": "src/components/alert/alert-interface.ts::AlertButton"
             }
           }
         },
@@ -622,7 +627,8 @@ export class Alert {
           "references": {
             "AlertInput": {
               "location": "import",
-              "path": "./alert-interface"
+              "path": "./alert-interface",
+              "id": "src/components/alert/alert-interface.ts::AlertInput"
             }
           }
         },
@@ -787,7 +793,8 @@ export class Alert {
           "references": {
             "OverlayEventDetail": {
               "location": "import",
-              "path": "../../utils/overlays-interface"
+              "path": "../../utils/overlays-interface",
+              "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
             }
           }
         }
@@ -807,7 +814,8 @@ export class Alert {
           "references": {
             "OverlayEventDetail": {
               "location": "import",
-              "path": "../../utils/overlays-interface"
+              "path": "../../utils/overlays-interface",
+              "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
             }
           }
         }
@@ -857,7 +865,8 @@ export class Alert {
           "references": {
             "OverlayEventDetail": {
               "location": "import",
-              "path": "../../utils/overlays-interface"
+              "path": "../../utils/overlays-interface",
+              "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
             }
           }
         }
@@ -877,7 +886,8 @@ export class Alert {
           "references": {
             "OverlayEventDetail": {
               "location": "import",
-              "path": "../../utils/overlays-interface"
+              "path": "../../utils/overlays-interface",
+              "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
             }
           }
         }
@@ -891,7 +901,8 @@ export class Alert {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -919,7 +930,8 @@ export class Alert {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<boolean>"
@@ -941,14 +953,17 @@ export class Alert {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "OverlayEventDetail": {
               "location": "import",
-              "path": "../../utils/overlays-interface"
+              "path": "../../utils/overlays-interface",
+              "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
             },
             "T": {
-              "location": "global"
+              "location": "global",
+              "id": "global::T"
             }
           },
           "return": "Promise<OverlayEventDetail<T>>"
@@ -964,14 +979,17 @@ export class Alert {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "OverlayEventDetail": {
               "location": "import",
-              "path": "../../utils/overlays-interface"
+              "path": "../../utils/overlays-interface",
+              "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
             },
             "T": {
-              "location": "global"
+              "location": "global",
+              "id": "global::T"
             }
           },
           "return": "Promise<OverlayEventDetail<T>>"

package/dist/collection/components/alert/alert.md.css

@@ -143,6 +143,7 @@
   justify-content: center;
   width: 100%;
   height: 100%;
+  min-height: inherit;
 }
 
 .alert-input-disabled,
@@ -170,7 +171,7 @@
   line-height: initial;
   text-align: start;
   appearance: none;
-  contain: strict;
+  contain: content;
 }
 
 .alert-button,
@@ -284,8 +285,7 @@ textarea.alert-input {
 
 .alert-tappable {
   position: relative;
-  height: 48px;
-  overflow: hidden;
+  min-height: 48px;
 }
 
 .alert-radio-label {
@@ -298,9 +298,6 @@ textarea.alert-input {
   flex: 1;
   color: var(--ion-color-step-850, #262626);
   font-size: 16px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
 }
 
 .alert-radio-icon {
@@ -402,9 +399,6 @@ textarea.alert-input {
   flex: 1;
   color: var(--ion-color-step-850, #262626);
   font-size: 16px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
 }
 
 .alert-checkbox-icon {

package/dist/collection/components/alert/test/a11y/alert.e2e.js

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import AxeBuilder from '@axe-core/playwright';
-import { expect } from '@playwright/test';
+import AxeBuilder from "@axe-core/playwright";
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
 const testAria = async (page, buttonID, expectedAriaLabelledBy, expectedAriaDescribedBy) => {
   const didPresent = await page.spyOnEvent('ionAlertDidPresent');
@@ -45,5 +45,14 @@ configs({ directions: ['ltr'] }).forEach(({ config, title }) => {
     test('should allow for manually specifying aria attributes', async ({ page }) => {
       await testAria(page, 'customAria', 'Custom title', 'Custom description');
     });
+    test('should have aria-labelledby and aria-label added to the button when htmlAttributes is set', async ({ page, }) => {
+      const didPresent = await page.spyOnEvent('ionAlertDidPresent');
+      const button = page.locator('#ariaLabelButton');
+      await button.click();
+      await didPresent.next();
+      const alertButton = page.locator('ion-alert .alert-button');
+      await expect(alertButton).toHaveAttribute('aria-labelledby', 'close-label');
+      await expect(alertButton).toHaveAttribute('aria-label', 'close button');
+    });
   });
 });

package/dist/collection/components/alert/test/basic/alert.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
 configs({ directions: ['ltr'] }).forEach(({ config, screenshot, title }) => {
   test.describe(title('alert: basic'), () => {

package/dist/collection/components/alert/test/is-open/alert.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
 configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ config, title }) => {
   test.describe(title('alert: isOpen'), () => {

package/dist/collection/components/alert/test/standalone/alert.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
 configs().forEach(({ config, screenshot, title }) => {
   test.describe(title('alert: standalone'), () => {

package/dist/collection/components/alert/test/trigger/alert.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { expect } from '@playwright/test';
+import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
 configs({ directions: ['ltr'], modes: ['ios'] }).forEach(({ config, title }) => {
   test.describe(title('alert: trigger'), () => {