npm - @pie-element/multiple-choice - Versions diffs - 13.1.1-next.0 → 13.2.0-next.0 - Mend

@pie-element/multiple-choice 13.1.1-next.0 → 13.2.0-next.0

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 (271) hide show

package/module/manifest.json ADDED Viewed

@@ -0,0 +1,10 @@
+{
+  "name": "@pie-element/multiple-choice",
+  "version": "13.2.0-next.0",
+  "modules": [
+    {
+      "name": "@pie-lib/shared-module",
+      "version": "^5.0.2"
+    }
+  ]
+}

package/module/print-demo.js ADDED Viewed

@@ -0,0 +1,124 @@
+import PrintElement from './print.js';
+var generate = {};
+generate.model = (id, element) => ({
+  id,
+  element,
+  choiceMode: 'checkbox',
+  choicePrefix: 'numbers',
+  choices: [
+    {
+      correct: true,
+      value: 'sweden',
+      label: 'Sweden',
+      feedback: {
+        type: 'none',
+        value: '',
+      },
+    },
+    {
+      value: 'iceland',
+      label: 'Iceland',
+      feedback: {
+        type: 'none',
+        value: '',
+      },
+      rationale: 'Rationale for Iceland',
+    },
+    {
+      value: 'norway',
+      label: 'Norway',
+      feedback: {
+        type: 'none',
+        value: '',
+      },
+      rationale: 'Rationale for Norway',
+    },
+    {
+      correct: true,
+      value: 'finland',
+      label: 'Finland',
+      feedback: {
+        type: 'none',
+        value: '',
+      },
+      rationale: 'Rationale for Finland',
+    },
+  ],
+  extraCSSRules: {
+    names: ['red', 'blue'],
+    rules: `
+      .red {
+        color: red !important;
+      }
+      .blue {
+        color: blue !important;
+      }
+    `,
+  },
+  prompt: '',
+  promptEnabled: true,
+  toolbarEditorPosition: 'bottom',
+  rubricEnabled: false,
+});
+const { model } = generate;
+var config = {
+  elements: {
+    'multiple-choice': '../..',
+  },
+  models: [model('1', 'multiple-choice')],
+};
+// 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/multiple-choice@13.2.0-next.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>