From 3640b4c6e15eb54418b82cf87a45197417e072a6 Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Tue, 13 May 2025 14:32:31 -0400
Subject: [PATCH] [Image-comparer] Expose wrapper as part

---
 src/components/comparer/comparer.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/comparer/comparer.ts b/src/components/comparer/comparer.ts
index 3f2bac570..352ef0716 100644
--- a/src/components/comparer/comparer.ts
+++ b/src/components/comparer/comparer.ts
@@ -23,6 +23,7 @@ import styles from './comparer.css';
  *
  * @event change - Emitted when the position changes.
  *
+ * @csspart base - The container that wraps the before and after content.
  * @csspart before - The container that wraps the before content.
  * @csspart after - The container that wraps the after content.
  * @csspart divider - The divider that separates the before and after content.
@@ -96,7 +97,7 @@ export default class WaComparer extends WebAwesomeElement {
     const isRtl = this.hasUpdated ? this.localize.dir() === 'rtl' : this.dir === 'rtl';
 
     return html`
-      <div class="image">
+      <div class="image" part="base">
         <div part="before" class="before">
           <slot name="before"></slot>
         </div>