deps: adapt HTMLElement to HTMLStencilElement due to recent changes

Author: marcomontalbano

packages/drop-in/package.json

@@ -58,7 +58,7 @@
     "@stencil/core": "^4.0.0"
   },
   "devDependencies": {
-    "@stencil/core": "4.37.1",
+    "@stencil/core": "4.38.2",
     "@stencil/sass": "^3.2.2",
     "@types/iframe-resizer": "^4.0.0",
     "@types/jest": "^29.5.14",
@@ -71,7 +71,7 @@
     "puppeteer": "24.26.1",
     "sass": "^1.93.2",
     "ts-jest": "^29.4.5",
-    "typescript": "^5.9.3"
+    "typescript": "5.9.3"
   },
   "license": "MIT",
   "engines": {

packages/drop-in/src/components.d.ts

@@ -81,7 +81,7 @@ export namespace Components {
           * Open the minicart and set the opener so that the minicart can be closed by focusing on the opener. (available _only_ when the `cl-cart` component is used as _minicart_).
           * @param opener The opener of the minicart.
          */
-        "openMinicart": (opener: HTMLElement) => Promise<void>;
+        "openMinicart": (opener: Pick<HTMLElement, "focus">) => Promise<void>;
         /**
           * If `true` the minicart automatically opens as soon as an item is added to the shopping cart (available _only_ when the `cl-cart` component is used as _minicart_).
           * @default false

packages/drop-in/src/components/cl-cart/cl-cart.tsx

@@ -82,7 +82,7 @@ export class ClCart {
   /**
    * The opener of the minicart.
    */
-  @State() opener: HTMLElement | null = null
+  @State() opener: Pick<HTMLElement, "focus"> | null = null
 
   /**
    * Used for:
@@ -161,7 +161,7 @@ export class ClCart {
    * @param opener The opener of the minicart.
    */
   @Method()
-  async openMinicart(opener: HTMLElement): Promise<void> {
+  async openMinicart(opener: Pick<HTMLElement, "focus">): Promise<void> {
     this.opener = opener
     this.open = true
   }

packages/drop-in/src/components/cl-cart/readme.md

@@ -16,16 +16,16 @@
 
 ## Methods
 
-### `openMinicart(opener: HTMLElement) => Promise<void>`
+### `openMinicart(opener: Pick<HTMLElement, "focus">) => Promise<void>`
 
 Open the minicart and set the opener so that the minicart can be closed by focusing on the opener.
 (available _only_ when the `cl-cart` component is used as _minicart_).
 
 #### Parameters
 
-| Name     | Type          | Description                 |
-| -------- | ------------- | --------------------------- |
-| `opener` | `HTMLElement` | The opener of the minicart. |
+| Name     | Type                                                        | Description                 |
+| -------- | ----------------------------------------------------------- | --------------------------- |
+| `opener` | `{ focus: (options?: FocusOptions \| undefined) => void; }` | The opener of the minicart. |
 
 #### Returns
 

packages/drop-in/src/utils/validation-helpers.ts

@@ -4,7 +4,10 @@ export function isValidCode(code: string | undefined): code is string {
   return typeof code === "string" && code !== ""
 }
 
-export function logCode(host: HTMLElement, code: string | undefined): void {
+export function logCode(
+  host: Omit<HTMLElement, "autocorrect">,
+  code: string | undefined,
+): void {
   if (!isValidCode(code)) {
     log("warn", '"code" attribute should be a not empty string.', host)
   }
@@ -22,7 +25,7 @@ export function isValidUnion<T extends string | undefined>(
 }
 
 export function logUnion<T extends string | undefined>(
-  host: HTMLElement,
+  host: Omit<HTMLElement, "autocorrect">,
   attributeName: string,
   attributeValue: T,
   validValues: ReadonlyArray<NonNullable<T>>,