npm - @pie-element/ebsr - Versions diffs - 14.2.1-next.2 → 14.2.1-next.31 - Mend

@pie-element/ebsr 14.2.1-next.2 → 14.2.1-next.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (221) hide show

package/module/manifest.json ADDED Viewed

@@ -0,0 +1,14 @@
+{
+  "name": "@pie-element/ebsr",
+  "version": "14.2.0",
+  "modules": [
+    {
+      "name": "@pie-lib/shared-module",
+      "version": "^5.2.5"
+    },
+    {
+      "name": "@pie-lib/math-rendering-module",
+      "version": "^5.0.10"
+    }
+  ]
+}

package/module/print-demo.js ADDED Viewed

@@ -0,0 +1,115 @@
+import PrintElement from './print.js';
+var generate = {};
+generate.model = (id, element) => ({
+  id,
+  element,
+  partA: {
+    choiceMode: 'radio',
+    choices: [
+      {
+        value: 'yellow',
+        label: 'Yellow',
+      },
+      {
+        value: 'green',
+        label: 'Green',
+      },
+      {
+        correct: true,
+        value: 'blue',
+        label: 'Blue',
+      },
+    ],
+    choicePrefix: 'numbers',
+    partialScoring: false,
+    prompt: 'What color is the sky?',
+    promptEnabled: true,
+  },
+  partB: {
+    choiceMode: 'radio',
+    choices: [
+      {
+        value: 'orange',
+        label: 'Orange',
+      },
+      {
+        correct: true,
+        value: 'purple',
+        label: 'Purple',
+      },
+      {
+        value: 'pink',
+        label: 'Pink',
+      },
+      {
+        value: 'green',
+        label: 'Green',
+      },
+    ],
+    choicePrefix: 'numbers',
+    partialScoring: false,
+    prompt: 'What color do you get when you mix Red with your answer in Part 1?',
+    promptEnabled: true,
+  },
+});
+const { model } = generate;
+var config = {
+  elements: {
+    'ebsr-element': '../..',
+  },
+  models: [model('1', 'ebsr-element') /*, model('2', 'ebsr-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);
+  });

package/module/print.html ADDED Viewed

@@ -0,0 +1,18 @@
+  <!doctype html>
+  <html>
+    <head>
+      <title>@pie-element/ebsr@14.2.0</title>
+      <link
+        href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
+        rel="stylesheet"
+      />
+      <style>
+        html, body {
+          font-family: 'Roboto', sans-serif;
+        }
+      </style>
+      <script type="module" src="./print-demo.js"></script>
+    </head>
+    <body></body>
+  </html>