@pie-element/categorize 11.0.5-esm.1 → 11.1.0

package/module/print-demo.js

@@ -1,420 +0,0 @@
-import PrintElement from './print.js';
-
-var generate = {};
-
-/* const E234 = {
-  choicesPosition: 'below',
-  lockChoiceOrder: false,
-  choices: [
-    {
-      content: 'built on board',
-      id: '0',
-      categoryCount: 1,
-    },
-    {
-      content: 'shipped from Earth',
-      id: '1',
-      categoryCount: 1,
-    },
-    {
-      id: '2',
-      categoryCount: 1,
-      content: 'carried on board',
-    },
-    {
-      categoryCount: 1,
-      content: 'rebuilt when lost or broken',
-      id: '3',
-    },
-  ],
-  categories: [
-    {
-      id: '0',
-      label: 'Traditional Equipment',
-    },
-    {
-      id: '1',
-      label: '3D-Printed Equipment',
-    },
-  ],
-  categoriesPerRow: 2,
-  rationale:
-    '<p>Traditional equipment must be carried on board or shipped from Earth. 3D-printed equipment can be built on demand or rebuilt if it gets lost or broken.</p>',
-  prompt: '<p>Drag <span class="relative-emphasis">two</span> phrases into each of the categories.</p>',
-  partialScoring: true,
-  correctResponse: [
-    {
-      choices: ['1', '2'],
-      category: '0',
-    },
-    {
-      choices: ['0', '3'],
-      category: '1',
-    },
-  ],
-}; */
-
-// const E236 = {
-//   choices: [
-//     {
-//       id: '0',
-//       categoryCount: 1,
-//       content: '3 pizzas cost $30.75',
-//     },
-//     {
-//       categoryCount: 1,
-//       content: '4 pizzas cost $39.00',
-//       id: '1',
-//     },
-//     {
-//       categoryCount: 1,
-//       content: '5 pizzas cost $57.50',
-//       id: '2',
-//     },
-//     {
-//       categoryCount: 1,
-//       content: '6 pizzas cost $69.00',
-//       id: '3',
-//     },
-//     {
-//       id: '4',
-//       categoryCount: 1,
-//       content: '7 pizzas cost $71.75',
-//     },
-//     {
-//       content: '8 pizzas cost $78.00',
-//       id: '5',
-//       categoryCount: 1,
-//     },
-//   ],
-//   categories: [
-//     {
-//       id: '0',
-//       label: 'Roma',
-//     },
-//     {
-//       id: '1',
-//       label: 'Pizza Plus',
-//     },
-//     {
-//       id: '2',
-//       label: 'Umberto\'s',
-//     },
-//   ],
-//   categoriesPerRow: 3,
-//   rationale:
-//     '<p>Find the unit price for each bill&#160;by dividing the total charged by the number of pizzas ordered.</p><p>3 pizzas for $30.75 is a unit price of $30.75/3 = $10.25 - Roma</p><p>4 pizzas for $39.00 is a unit price of $39.00/4 = $9.75 - Umberto&#39;s</p><p>5 pizzas for $57.50 is a unit price of $57.50/5 = $11.50 - Pizza Plus</p><p>6 pizzas for $69.00 is a unit price of $69.00/6 = $11.50 - Pizza Plus</p><p>7 pizzas for $71.75 is a unit price of $71.75/7 = $10.25 - Roma</p><p>8 pizzas for $78.00 is a unit price of $78.00/8 = $9.75 - Umberto&#39;s</p><p></p>',
-//   prompt:
-//     '<p>The prices for one regular pizza at three different pizzerias are shown in the table.</p><p><img alt="image dc3a3208bce04d0398af01b84816de4e" id="dc3a3208bce04d0398af01b84816de4e" src="https://storage.googleapis.com/pie-prod-221718-assets/image/90749ad9-968c-4c80-95fe-a83f8a1647cd"></p><p>Six different pizza orders and costs are shown below. Drag and drop each order and cost to&#160;the correct pizzeria.</p>',
-//   partialScoring: true,
-//   correctResponse: [
-//     {
-//       choices: ['0', '4'],
-//       category: '0',
-//     },
-//     {
-//       choices: ['2', '3'],
-//       category: '1',
-//     },
-//     {
-//       choices: ['1', '5'],
-//       category: '2',
-//     },
-//   ],
-//   choicesPosition: 'below',
-//   lockChoiceOrder: false,
-// };
-// const E216 = {
-//   choices: [
-//     {
-//       categoryCount: 1,
-//       content: 'to present limitations of the theory',
-//       id: '0',
-//     },
-//     {
-//       categoryCount: 1,
-//       content: 'to state the theory',
-//       id: '1',
-//     },
-//     {
-//       categoryCount: 1,
-//       content: 'to give evidence that the theory is correct',
-//       id: '2',
-//     },
-//     {
-//       id: '3',
-//       categoryCount: 1,
-//       content: 'to explain the purpose of the paragraph',
-//     },
-//     {
-//       categoryCount: 1,
-//       content: 'to explain how the theory was reached',
-//       id: '4',
-//     },
-//     {
-//       categoryCount: 1,
-//       content: 'to explain the science behind the theory',
-//       id: '5',
-//     },
-//   ],
-//   categories: [
-//     {
-//       id: '0',
-//       label: 'Purpose of the Sentence',
-//     },
-//     {
-//       id: '1',
-//       label: '',
-//     },
-//     {
-//       id: '2',
-//       label: '',
-//     },
-//     {
-//       id: '3',
-//       label: '',
-//     },
-//     {
-//       id: '4',
-//       label: '',
-//     },
-//     {
-//       id: '5',
-//       label: '',
-//     },
-//   ],
-//   categoriesPerRow: 1,
-//   rationale:
-//     '<p>Each sentence in the paragraph serves a purpose in the paragraph&#39;s development:</p><p>Sentence 1 explains the purpose of the paragraph, to describe a theory on which kind of nap is best.</p><p>Sentence 2 states the theory, that people should take a 15-minute nap.</p><p>Sentence 3 explains the science behind the theory, that memory is turned off when the brain is sleepy.</p><p>Sentence 4 explains how the theory was reached, as a deduction based on the experiment.</p><p>Sentence 5 presents limitations of the theory.</p><p>Sentence 6 gives evidence that the theory is correct.</p>',
-//   prompt:
-//     '<p>Drag the purpose of each sentence to its correct classification box. Show the role each sentence serves in developing the paragraph.</p><p>1 What kind of nap is best? 2 Social psychologist and sleep expert James Maas argued that people should take a 15-minute nap when they feel sluggish. 3 By measuring electricity in the brain, he found that when a person is excessively tired, his memory is turned off even when he is awake. 4 Maas deduced that a 15-minute nap would restore the brain&#8217;s full function, including memory. 5 However, a longer 30-minute nap would put a person into Delta&#8212;a deep sleep that leaves a person groggy upon awakening. 6 Over the years, he has found that regular naps improve workers&#8217; health and reaction time, and companies&#39; productivity increases.</p><p></p><p></p>',
-//   rowLabels: ['1', '2', '3', '4', '5', '6'],
-//   partialScoring: true,
-//   correctResponse: [
-//     {
-//       choices: ['3'],
-//       category: '0',
-//     },
-//     {
-//       choices: ['1'],
-//       category: '1',
-//     },
-//     {
-//       choices: ['5'],
-//       category: '2',
-//     },
-//     {
-//       choices: ['4'],
-//       category: '3',
-//     },
-//     {
-//       choices: ['0'],
-//       category: '4',
-//     },
-//     {
-//       category: '5',
-//       choices: ['2'],
-//     },
-//   ],
-//   choicesPosition: 'below',
-//   lockChoiceOrder: false,
-// };
-// const E215 = {
-//   rationale:
-//     '<p>The function is increasing over <span class="variable">x</span>-values where the graph is rising from left to right. This occurs for <span class="variable">x</span>-values less than&#160;&#8211;1, between&#160;&#8211;1 and 3, and <span class="variable">x</span>-values larger than 8.&#160;The function is decreasing over <span class="variable">x</span>-values where the graph is falling from left to right. This occurs for <span class="variable">x</span>-values between 3&#160;and 8.</p>',
-//   prompt:
-//     '<p>Consider the function <span class="variable">f</span>(<span class="variable">x</span>) graphed below.</p><p><img alt="image fa651e86bf6e4ad3b521aa4679941fc0" id="fa651e86bf6e4ad3b521aa4679941fc0" src="https://storage.googleapis.com/pie-prod-221718-assets/image/918fff4d-efeb-4971-9afa-c0a1f2eba825"></p><p>Each inequality represents a range of <span class="variable">x</span>-values over which <span class="variable">f</span>(<span class="variable">x</span>) is defined. Drag and drop the correct statement into each box to classify the behavior of the function over the given range of <span class="variable">x</span>-values.</p>',
-//   partialScoring: true,
-//   correctResponse: [
-//     {
-//       category: '0',
-//       choices: ['0'],
-//     },
-//     {
-//       category: '1',
-//       choices: ['0'],
-//     },
-//     {
-//       choices: ['1'],
-//       category: '2',
-//     },
-//     {
-//       choices: ['0'],
-//       category: '3',
-//     },
-//   ],
-//   choicesPosition: 'below',
-//   lockChoiceOrder: false,
-//   choices: [
-//     {
-//       content: '<em>f</em>(<em>x</em>) is increasing',
-//       id: '0',
-//     },
-//     {
-//       id: '1',
-//       content: '<span><em>f</em>(<em>x</em>) is decreasing</span>',
-//     },
-//     {
-//       content: '<em>f</em>(<em>x</em>)<em> </em>is constant',
-//       id: '2',
-//     },
-//   ],
-//   categories: [
-//     {
-//       id: '0',
-//       label: '<em>x</em> &lt; &#8722; 1',
-//     },
-//     {
-//       id: '1',
-//       label: '&#8722; 1 &lt; <em>x</em> &lt; 3',
-//     },
-//     {
-//       id: '2',
-//       label: '3 &lt; <em>x</em> &lt; 8',
-//     },
-//     {
-//       id: '3',
-//       label: '<em>x</em> &gt; 8',
-//     },
-//   ],
-//   categoriesPerRow: 4,
-// };
-
-generate.model = (id, element) => ({
-  id,
-  element,
-  'teacherInstructions': '',
-  'promptEnabled': true,
-  'prompt': '<p><audio controls="" controlslist="nodownload" id="2ad0337f-904c-4cd6-b6d3-399c08db8642.mp3" xmlns="http://www.w3.org/1999/html"><source src="https://assets.pie-api.com/assets/c9946808-ab26-45d9-bd98-f430c97f09fc/audio/mpeg/6ab9652e-7277-4a12-8f7a-a2bfb76f127c" type="audio/mpeg">Your browser does not support the audio element.</audio></p><p>Move the equations to tell whether they are true or false.</p>',
-  'categories': [
-    {
-      'id': '0',
-      'label': '<img height="150" src="https://assets.pie-api.com/assets/c9946808-ab26-45d9-bd98-f430c97f09fc/image/svg xml/ab759120-d9b0-4f6f-b755-f4f83f6bc0f7" width="265">'
-    },
-    {
-      'id': '1',
-      'label': '<img height="150" src="https://assets.pie-api.com/assets/c9946808-ab26-45d9-bd98-f430c97f09fc/image/svg xml/9f2a6102-7acb-43cb-8651-d75d4aece3ae" width="265">'
-    }
-  ],
-  'categoriesPerRow': 2,
-  'allowMaxChoicesPerCategory': false,
-  'maxChoicesPerCategory': 0,
-  'rowLabels': [],
-  'choices': [
-    {
-      'id': '0',
-      'content': '\\(6+3=9-2\\)',
-      'categoryCount': 1,
-      'correctResponseCount': 1
-    },
-    {
-      'id': '1',
-      'content': '\\(10-4=9-5\\)',
-      'categoryCount': 1,
-      'correctResponseCount': 1
-    },
-    {
-      'id': '2',
-      'content': '\\(17-9=9+17\\)',
-      'categoryCount': 1,
-      'correctResponseCount': 1
-    },
-    {
-      'id': '3',
-      'content': '\\(11+9=10+10\\)',
-      'categoryCount': 1,
-      'correctResponseCount': 1
-    },
-    {
-      'id': '4',
-      'content': '\\(14-4=5+5\\)',
-      'categoryCount': 1,
-      'correctResponseCount': 1
-    }
-  ],
-  'choicesPosition': 'above',
-  'choicesLabel': '',
-  'lockChoiceOrder': true,
-  'allowMultiplePlacementsEnabled': 'No',
-  'correctResponse': [
-    {
-      'category': '0',
-      'choices': [
-        '3',
-        '4'
-      ]
-    },
-    {
-      'category': '1',
-      'choices': [
-        '0',
-        '1',
-        '2'
-      ]
-    }
-  ],
-  'allowAlternateEnabled': false,
-  'alternates': [],
-  'partialScoring': true,
-  'minRowHeight': '175px',
-  'fontSizeFactor': 1.3
-});
-
-const { model } = generate;
-
-var config = {
-  elements: {
-    'categorize-element': '../..',
-  },
-  models: [model('1', 'categorize-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

@@ -1,18 +0,0 @@
-
-  <!doctype html>
-  <html>
-    <head>
-      <title>@pie-element/categorize@11.0.1-esm.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>