Fixed type issue

Author: xdev1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-element",
-  "version": "0.0.216",
+  "version": "0.0.220",
   "description": "",
   "license": "LGPL-3.0",
   "main": "./index.js",

src/main/js-element.ts

@@ -27,12 +27,10 @@ const interceptions = {
 
 // === types =========================================================
 
-declare const methodsSymbol: unique symbol
-
 type Methods = Record<string, (...args: any[]) => any>
 
 type Component<M extends Methods = {}> = HTMLElement &
-  M & { [methodsSymbol]: M }
+  M & { valueOf(): HTMLElement & M }
 
 type MethodsOf<T> = T extends Component<infer M> ? M : never
 

src/stories/demos/context-demo.ts

@@ -28,11 +28,11 @@ function implThemeInfo() {
 @elem({
   tag: 'context-demo',
   uses: [ThemeProvider, ThemeInfo],
-  impl: lit(implContextDemo)
+  impl: lit(contextDemoImpl)
 })
 class ContextDemo extends component() {}
 
-function implContextDemo(self: ContextDemo) {
+function contextDemoImpl(self: ContextDemo) {
   const [state, setState] = useState({ theme: 'light' })
 
   useInterval(() => {

src/stories/demos/counter-demo.ts

@@ -42,11 +42,11 @@ function counterImpl(self: Counter) {
 @elem({
   tag: 'x-counter-demo',
   styles: () => styles,
-  impl: lit(counterDemo)
+  impl: lit(counterDemoImpl)
 })
 class CounterDemo extends component() {}
 
-function counterDemo() {
+function counterDemoImpl() {
   const counterRef = createRef<Counter>()
 
   const onResetClick = () => counterRef.value!.reset()