update render root content

khiga8 · khiga8 · commit e50de7fa8a75 · 2025-05-07T11:57:59.000-04:00
diff --git a/src/relative-time-element.ts b/src/relative-time-element.ts
@@ -202,6 +202,17 @@ export class RelativeTimeElement extends HTMLElement implements Intl.DateTimeFor
     return `${this.prefix} ${formatter.format(date)}`.trim()
   }
 
+  #updateRenderRootContent(content: string | null): void {
+    if (this.hasAttribute('aria-hidden') && this.getAttribute('aria-hidden') === 'true') {
+      const span = document.createElement('span')
+      span.setAttribute('aria-hidden', 'true')
+      span.textContent = content
+      ;(this.#renderRoot as Element).replaceChildren(span)
+    } else {
+      this.#renderRoot.textContent = content
+    }
+  }
+
   #onRelativeTimeUpdated: ((event: RelativeTimeUpdatedEvent) => void) | null = null
   get onRelativeTimeUpdated() {
     return this.#onRelativeTimeUpdated
@@ -460,17 +471,10 @@ export class RelativeTimeElement extends HTMLElement implements Intl.DateTimeFor
     }
 
     if (newText) {
-      if (this.hasAttribute('aria-hidden') && this.getAttribute('aria-hidden') === 'true') {
-        const span = document.createElement('span')
-        span.setAttribute('aria-hidden', 'true')
-        span.textContent = newText
-        ;(this.#renderRoot as Element).replaceChildren(span)
-      } else {
-        this.#renderRoot.textContent = newText
-      }
+      this.#updateRenderRootContent(newText)
     } else if (this.shadowRoot === this.#renderRoot && this.textContent) {
       // Ensure invalid dates fall back to lightDOM text content
-      this.#renderRoot.textContent = this.textContent
+      this.#updateRenderRootContent(this.textContent)
     }
 
     if (newText !== oldText || newTitle !== oldTitle) {
