@pie-element/ebsr 6.6.2 → 6.6.3-next.1016

package/configure/node_modules/@pie-element/multiple-choice/module/demo.js

@@ -0,0 +1,77 @@
+import Configure from './configure.js';
+import Element from './element.js';
+import * as controller from './controller.js';
+
+var generate = {};
+
+generate.model = (id, element) => ({
+  id,
+  element,
+  choiceMode: 'checkbox',
+  choicePrefix: 'numbers',
+  choices: [
+    {
+      correct: true,
+      value: 'sweden',
+      label: 'Sweden',
+      feedback: {
+        type: 'none',
+        value: ''
+      },
+      accessibility: 'sweden'
+    },
+    {
+      value: 'iceland',
+      label: 'Iceland',
+      feedback: {
+        type: 'none',
+        value: ''
+      },
+      rationale: 'Rationale for Iceland',
+      accessibility: 'iceland'
+    },
+    {
+      value: 'norway',
+      label: 'Norway',
+      feedback: {
+        type: 'none',
+        value: ''
+      },
+      rationale: 'Rationale for Norway',
+      accessibility: 'norway'
+    },
+    {
+      correct: true,
+      value: 'finland',
+      label: 'Finland',
+      feedback: {
+        type: 'none',
+        value: ''
+      },
+      rationale: 'Rationale for Finland',
+      accessibility: 'finland'
+    }
+  ],
+  prompt: 'Which of these northern European countries are EU members? <math><mstack><msrow><mn>111</mn></msrow><msline/></mstack></math>',
+  promptEnabled: true,
+  toolbarEditorPosition: 'bottom'
+});
+
+const { model } = generate;
+
+var config = {
+  elements: {
+    'multiple-choice': '../..'
+  },
+  models: [model('1', 'multiple-choice')]
+};
+
+//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;
+    });
+  });