@pie-element/passage 1.6.4-ps.1 → 1.6.4-ps.5

package/module/demo.js

@@ -1,6 +1,8 @@
-import PrintElement from './print.js';
+import Element from './element.js';
 
-var model$1 = (id, element) => ({
+var generate = {};
+
+generate.model = (id, element) => ({
   id,
   element,
   passages: [
@@ -30,10 +32,6 @@ var model$1 = (id, element) => ({
   ]
 });
 
-var generate = {
-	model: model$1
-};
-
 const { model } = generate;
 
 var config = {
@@ -43,52 +41,23 @@ var config = {
   models: [model('1', 'passage-element')]
 };
 
-// new init - just shows off print!
-
-const init = async () => {
-  console.log('define the element...');
-  await Promise.all(
-    config.models.map(async (m) => {
-      try {
-        const printTag = `${m.element}-print`;
-        if (customElements.get(printTag)) {
-          return true;
-        } else {
-          customElements.define(printTag, PrintElement);
-          await customElements.whenDefined(printTag);
-          return true;
-        }
-      } catch (e) {
-        return false;
-      }
-    })
-  );
-
-  console.log('now apply the model...');
-  config.models.forEach((m) => {
-    const printTag = `${m.element}-print`;
-    const h3s = document.createElement('h3');
-    h3s.textContent = 'student mode';
-    document.body.appendChild(h3s);
-    const de = document.createElement(printTag);
-    document.body.appendChild(de);
-    de.options = {};
-    de.model = m;
-
-    const h3 = document.createElement('h3');
-    h3.textContent = 'instructor mode';
-    document.body.appendChild(h3);
-    const instr = document.createElement(printTag);
-    document.body.appendChild(instr);
-    instr.options = { mode: 'instructor' };
-    instr.model = JSON.parse(JSON.stringify(m));
-  });
-};
-
-init()
-  .then(() => {
-    console.log('ready');
-  })
-  .catch((e) => {
-    console.error(e);
+// configure 
+      class Configure extends HTMLElement{}
+
+
+      // controller 
+      const controller = {
+        model: (q) => Promise.resolve(q),
+        outcome: (q) => Promise.resolve(q)
+      };
+
+      
+  //Note: demo-el is a custom element loaded in the markup.
+  customElements.whenDefined("demo-el").then(() => {
+    config.models.forEach((m) => {
+      const de = document.createElement("demo-el");
+      document.body.appendChild(de);
+      de.def = { tagName: m.element, Element, Configure, controller };
+      de.model = m;
+    });
   });