enigmatic 0.9.0 → 0.9.5

package/elements/hello-world.mjs

@@ -0,0 +1,6 @@
+class HelloWorld extends EnigmaticElement {
+    connectedCallback() {
+        this.innerHTML = `<h1>Hello World!</h1>`;
+    }
+}
+customElements.define('hello-world', HelloWorld);

package/main.js

@@ -13,13 +13,17 @@ window.load = src => {
 
 class Data {
     _ = {}
-    set (name, value) {
+    set (name, value) { 
         this._[name] = value
-        for(const e of $$(`[data^=${name}]`)) {
-            if (e.set) e.set(value)
+        for(const e of $$(`[data*=${name}]`)) {
+            let v = this._
+            for(const k of e.data.split('.')) {
+                v = v[k]
+            }
+            e.set(v)
         }
         for (const e of $$(`[data=ALL]`)) {
-            if (e.set) e.set(this._)
+            e.set(this._)
         }
     }
 }
@@ -57,4 +61,4 @@ class EnigmaticElement extends HTMLElement {
     }
 }
 
-customElements.define('enigmatic-element', EnigmaticElement)
+customElements.define('e-e', EnigmaticElement)

package/maker.html

@@ -0,0 +1,16 @@
+<script src='index.js'></script>
+
+<script>
+  class myElement extends EnigmaticElement {
+    constructor() {
+      super()
+    }
+    doSomething() {
+      this.innerHTML = `<h1>${this.key}</h1>`
+    }
+  }
+  customElements.define('my-element', myElement)
+</script>
+
+<my-element id='me' key='did something'></my-element>
+<button onclick='me.doSomething()'>enumerate</button>

package/package.json

@@ -11,5 +11,5 @@
     "type": "git",
     "url": "git://github.com/digplan/enigmatic.git"
   },
-  "version": "0.9.0"
+  "version": "0.9.5"
 }

package/test.html

@@ -25,4 +25,6 @@
     customElements.define('my-subclass', mySubclass);
 </script>
 
-<my-subclass></my-subclass>
+<my-subclass></my-subclass>
+
+<hello-world></hello-world>