@solid-design-system/components 5.16.0-next.0 → 5.16.1-next.0

package/cdn/internal/solid-element.d.ts

@@ -2,10 +2,12 @@ import { LitElement } from 'lit';
 export default class SolidElement extends LitElement {
     dir: 'ltr' | 'rtl' | 'auto';
     lang: string;
-    private themeObserver?;
-    protected onThemeChange?(theme: string): void;
+    protected onThemeChange?(e: CustomEvent<{
+        theme: string;
+    }>): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     static styles: import("lit").CSSResult[];
-    constructor();
     emit(name: string, options?: CustomEventInit): CustomEvent<any>;
     token<T>(name: string, fallback: T): T;
 }

package/cdn/internal/solid-element.js

@@ -7,12 +7,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { cssVar, parseDuration } from './animate';
 import { LitElement, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
-import { ThemeObserver } from './theme-observer';
 const css = unsafeCSS;
 const tokenProcessors = {
     'sd-duration': (value) => parseDuration(value)
 };
 export default class SolidElement extends LitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.onThemeChange)
+            return;
+        this.renderRoot.addEventListener('sd-theme-change', this.onThemeChange.bind(this));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (!this.onThemeChange)
+            return;
+        this.renderRoot.removeEventListener('sd-theme-change', this.onThemeChange.bind(this));
+    }
     static { this.styles = [
         css `
       @import '../styles/src/modules/interactive.css';
@@ -82,13 +93,6 @@ export default class SolidElement extends LitElement {
       }
     `
     ]; }
-    constructor() {
-        super();
-        if (!this.onThemeChange)
-            return;
-        this.themeObserver = new ThemeObserver(this, this.onThemeChange.bind(this));
-        this.themeObserver.connect();
-    }
     emit(name, options) {
         const event = new CustomEvent(name, {
             bubbles: true,