@pie-element/select-text 6.5.18 → 6.5.20-beta.1443

package/docs/demo/generate.js

@@ -1,44 +1,44 @@
 const tokens = () => [
   {
-    text: 'If \'tweren\'t for sight and sound and smell,',
+    text: "If 'tweren't for sight and sound and smell,",
     start: 0,
-    end: 43
+    end: 43,
   },
   {
-    text: 'I\'d like the city pretty well,',
+    text: "I'd like the city pretty well,",
     start: 44,
-    end: 74
+    end: 74,
   },
   {
     text: 'But when it comes to getting rest,',
     start: 75,
-    end: 109
+    end: 109,
   },
   {
     text: 'I like the country lots the best.',
     start: 110,
-    end: 143
+    end: 143,
   },
   {
     text: 'Sometimes it seems to me I must',
     start: 145,
-    end: 176
+    end: 176,
   },
   {
-    text: 'Just quit the city\'s din and dust,',
+    text: "Just quit the city's din and dust,",
     start: 177,
-    end: 211
+    end: 211,
   },
   {
     text: 'And get out where the sky is blue,',
     start: 212,
-    end: 246
+    end: 246,
   },
   {
     text: 'And say, now, how does it seem to you?',
     start: 247,
-    end: 285
-  }
+    end: 285,
+  },
 ];
 
 const mathSampleText =
@@ -48,30 +48,32 @@ const mathSampleTokens = [
   {
     start: 583,
     end: 1465,
-    text: '<span class="lrn_token"><math xmlns="http://www.w3.org/1998/Math/MathML">\n  <mstyle displaystyle="true">\n    <mrow>\n      <mo>[</mo>\n      <mn>6</mn>\n      <mi>x</mi>\n      <mrow>\n        <mo>(</mo>\n        <mo>-</mo>\n        <msup>\n          <mi>x</mi>\n          <mn>2</mn>\n        </msup>\n        <mo>+</mo>\n        <mn>3</mn>\n        <mi>x</mi>\n        <mo>-</mo>\n        <mn>1</mn>\n        <mo>)</mo>\n      </mrow>\n      <mo>+</mo>\n      <mn>2</mn>\n      <mrow>\n        <mo>(</mo>\n        <mo>-</mo>\n        <msup>\n          <mi>x</mi>\n          <mn>2</mn>\n        </msup>\n        <mo>+</mo>\n        <mn>3</mn>\n        <mi>x</mi>\n        <mo>-</mo>\n        <mn>1</mn>\n        <mo>)</mo>\n      </mrow>\n      <mo>]</mo>\n    </mrow>\n    <mrow>\n      <mo>(</mo>\n      <msup>\n        <mi>x</mi>\n        <mn>2</mn>\n      </msup>\n      <mo>)</mo>\n    </mrow>\n  </mstyle>\n</math></span>', correct: true },
+    text: '<span class="lrn_token"><math xmlns="http://www.w3.org/1998/Math/MathML">\n  <mstyle displaystyle="true">\n    <mrow>\n      <mo>[</mo>\n      <mn>6</mn>\n      <mi>x</mi>\n      <mrow>\n        <mo>(</mo>\n        <mo>-</mo>\n        <msup>\n          <mi>x</mi>\n          <mn>2</mn>\n        </msup>\n        <mo>+</mo>\n        <mn>3</mn>\n        <mi>x</mi>\n        <mo>-</mo>\n        <mn>1</mn>\n        <mo>)</mo>\n      </mrow>\n      <mo>+</mo>\n      <mn>2</mn>\n      <mrow>\n        <mo>(</mo>\n        <mo>-</mo>\n        <msup>\n          <mi>x</mi>\n          <mn>2</mn>\n        </msup>\n        <mo>+</mo>\n        <mn>3</mn>\n        <mi>x</mi>\n        <mo>-</mo>\n        <mn>1</mn>\n        <mo>)</mo>\n      </mrow>\n      <mo>]</mo>\n    </mrow>\n    <mrow>\n      <mo>(</mo>\n      <msup>\n        <mi>x</mi>\n        <mn>2</mn>\n      </msup>\n      <mo>)</mo>\n    </mrow>\n  </mstyle>\n</math></span>',
+    correct: true,
+  },
   { start: 1474, end: 2218 },
   { start: 2227, end: 2797 },
-  { start: 2806, end: 3112 }
+  { start: 2806, end: 3112 },
 ];
 
-const base = extras =>
+const base = (extras) =>
   Object.assign(
     {},
     {
-      highlightChoices: true,
+      // highlightChoices: true,
       feedback: {
         correct: {
           type: 'default',
-          default: 'Correct'
+          default: 'Correct',
         },
         incorrect: {
           type: 'default',
-          default: 'Incorrect'
+          default: 'Incorrect',
         },
         partial: {
           type: 'default',
-          default: 'Nearly'
-        }
+          default: 'Nearly',
+        },
       },
       partialScoring: false,
       maxSelections: 2,
@@ -92,10 +94,10 @@ And get out where the sky is blue,<br />
 And say, now, how does it seem to you?</p>`,
       tokens: tokens(),
     },
-    extras
+    extras,
   );
 
-const mathSample = extras => {
+const mathSample = (extras) => {
   return Object.assign(
     {},
     {
@@ -103,16 +105,16 @@ const mathSample = extras => {
       feedback: {
         correct: {
           type: 'default',
-          default: 'Correct'
+          default: 'Correct',
         },
         incorrect: {
           type: 'default',
-          default: 'Incorrect'
+          default: 'Incorrect',
         },
         partial: {
           type: 'default',
-          default: 'Nearly'
-        }
+          default: 'Nearly',
+        },
       },
       partialScoring: false,
       maxSelections: 2,
@@ -128,84 +130,191 @@ And get out where the sky is blue,<br />
 And say, now, how does it seem to you?</p>`,
       tokens: mathSampleTokens,
     },
-    extras
+    extras,
   );
 };
 
-exports.model = (id, element) => {
-  return Object.assign({}, { id, element }, base({}));
-};
-
 exports.mathSample = (id, element) => {
   return Object.assign({}, { id, element }, mathSample({}));
 };
 
 exports.htmlSample = (id, element) => {
-  return Object.assign({}, { id, element },     {
-    highlightChoices: true,
-    feedback: {
-      correct: {
-        type: 'default',
-        default: 'Correct'
-      },
-      incorrect: {
-        type: 'default',
-        default: 'Incorrect'
+  return Object.assign(
+    {},
+    { id, element },
+    {
+      highlightChoices: true,
+      feedback: {
+        correct: {
+          type: 'default',
+          default: 'Correct',
+        },
+        incorrect: {
+          type: 'default',
+          default: 'Incorrect',
+        },
+        partial: {
+          type: 'default',
+          default: 'Nearly',
+        },
       },
-      partial: {
-        type: 'default',
-        default: 'Nearly'
-      }
+      partialScoring: false,
+      text: '<p style=\'padding: 20px\'>A flicker and then gone. In its wake, only <span class="lrn_token">the after-echo of a distant high-pitched ringing that vibrated through him even as it returned to silence once again</span>, as he stared into the smiling faces of the crew and told himself that yes he was meant to be here, that <span class="lrn_token">it had been his destiny to succeed and so he had succeeded</span>, the sense of panic already replaced by the pride of his accomplishment, replaced so completely that he would not remember that flicker, would not allow himself to remember, <span class="lrn_token">even after everything else had happened</span>. In his memory of that moment, <span class="lrn_token">he was an astronaut and they were welcoming him aboard the space station</span>. And in his memory he was smiling. Is this not what he was meant to do? Is the answer not as fixed and indisputable as any equation he might have been tasked to solve?</p>\n',
+      prompt:
+        '<p>Select the <span class="relative-emphasis">one</span> phrase below that suggests that in the future, Keith may interpret this moment differently.</p>',
+      maxSelections: 2,
+      mode: 'sentence',
+      rationale: 'Rationale goes here.',
+      tokens: [
+        {
+          correct: false,
+          start: 67,
+          end: 215,
+          text: '<span class="lrn_token">the after-echo of a distant high-pitched ringing that vibrated through him even as it returned to silence once again</span>',
+        },
+        {
+          correct: false,
+          start: 321,
+          end: 410,
+          text: '<span class="lrn_token">it had been his destiny to succeed and so he had succeeded</span>',
+        },
+        {
+          correct: true,
+          start: 585,
+          end: 655,
+          text: '<span class="lrn_token">even after everything else had happened</span>',
+        },
+        {
+          correct: false,
+          start: 687,
+          end: 790,
+          text: '<span class="lrn_token">he was an astronaut and they were welcoming him aboard the space station</span>',
+        },
+      ],
     },
-    partialScoring: false,
-    text: '<p style=\'padding: 20px\'>A flicker and then gone. In its wake, only <span class="lrn_token">the after-echo of a distant high-pitched ringing that vibrated through him even as it returned to silence once again</span>, as he stared into the smiling faces of the crew and told himself that yes he was meant to be here, that <span class="lrn_token">it had been his destiny to succeed and so he had succeeded</span>, the sense of panic already replaced by the pride of his accomplishment, replaced so completely that he would not remember that flicker, would not allow himself to remember, <span class="lrn_token">even after everything else had happened</span>. In his memory of that moment, <span class="lrn_token">he was an astronaut and they were welcoming him aboard the space station</span>. And in his memory he was smiling. Is this not what he was meant to do? Is the answer not as fixed and indisputable as any equation he might have been tasked to solve?</p>\n',
-    prompt: '<p>Select the <span class="relative-emphasis">one</span> phrase below that suggests that in the future, Keith may interpret this moment differently.</p>',
-    maxSelections: 2,
-    mode: 'sentence',
-    rationale: 'Rationale goes here.',
-    tokens: [
-      {
-        correct: false,
-        start: 67,
-        end: 215,
-        text: '<span class="lrn_token">the after-echo of a distant high-pitched ringing that vibrated through him even as it returned to silence once again</span>'
-      },
-      {
-        correct: false,
-        start: 321,
-        end: 410,
-        text: '<span class="lrn_token">it had been his destiny to succeed and so he had succeeded</span>'
-      },
-      {
-        correct: true,
-        start: 585,
-        end: 655,
-        text: '<span class="lrn_token">even after everything else had happened</span>'
-      },
-      {
-        correct: false,
-        start: 687,
-        end: 790,
-        text: '<span class="lrn_token">he was an astronaut and they were welcoming him aboard the space station</span>'
-      }
-    ],
-  });
+  );
 };
 
 exports.htmlAscii = (id, element) => ({
-    id,
-    element,
-    highlightChoices: true,
-    prompt: 'Select the parts that have references for Lucy',
-    text: '<p>&#8220;Lucy? Are you using your time wisely to plan your project?&#8221; Mr. Wilson asked.</p><p>&nbsp;Lucy looked a little confused at first.</p>',
-    tokens: [{
+  id,
+  element,
+  highlightChoices: true,
+  prompt: 'Select the parts that have references for Lucy',
+  text: '<p>&#8220;Lucy? Are you using your time wisely to plan your project?&#8221; Mr. Wilson asked.</p><p>&nbsp;Lucy looked a little confused at first.</p>',
+  tokens: [
+    {
       start: 10,
       end: 68,
-      text: 'Lucy? Are you using your time wisely to plan your project?'
-    }, {
+      text: 'Lucy? Are you using your time wisely to plan your project?',
+    },
+    {
       start: 106,
       end: 145,
-      text: 'Lucy looked a little confused at first.'
-    }]
-  }
-);
+      text: 'Lucy looked a little confused at first.',
+    },
+  ],
+});
+
+const simpleItem = {
+  text: 'A. Almost never\n\nB. Once in a while\n\nC. Sometimes\n\nD. Often\n\nE. Almost all the time',
+  tokens: [
+    {
+      text: 'A. Almost never',
+      end: 15,
+      start: 0,
+      correct: true,
+    },
+    {
+      start: 17,
+      end: 35,
+      correct: false,
+      text: 'B. Once in a while',
+    },
+    {
+      correct: false,
+      end: 49,
+      start: 37,
+      text: 'C. Sometimes',
+    },
+    {
+      text: 'D. Often',
+      correct: false,
+      end: 59,
+      start: 51,
+    },
+    {
+      start: 61,
+      correct: false,
+      end: 83,
+      text: 'E. Almost all the time',
+    },
+  ],
+  rationale: '<p>answers vary</p>',
+  partialScoring: true,
+  teacherInstructions: '',
+  prompt: '<p>I got my work done right away instead of waiting until the last minute.</p>',
+  maxSelections: 1,
+};
+
+exports.model = (id, element) => {
+  return Object.assign(
+    {},
+    { id, element },
+    base({
+      // "id": "8a808081701d693801703174fb900421",
+      teacherInstructions: '',
+      partialScoring: true,
+      prompt:
+        '<p>Select the sentence from&#160;&#34;The Gymnast&#34; that <span class="relative-emphasis">best</span> represents the theme.</p>',
+      rationale:
+        '<p>The final sentence of the passage best exemplifies the theme of the short story because Natasha&#39;s practice and determination finally pays off.</p>',
+      tokens: [
+        {
+          text: 'She thought about what she had to do, struggling to rein in her wild, fearful thoughts.',
+          end: 90,
+          start: 3,
+          correct: false,
+        },
+        {
+          start: 449,
+          end: 585,
+          text: 'Just for a hair of a moment, Natasha wondered if she really wanted a perfect 10, so weary was she of trying for but never achieving one.',
+          correct: false,
+        },
+        {
+          end: 627,
+          correct: false,
+          text: "At last Natasha's moment arrived.",
+          start: 594,
+        },
+        {
+          end: 743,
+          text: "The faces of past giants of gymnastics swam before her mind's eye, now razor&#8211;sharp with fierce determination.",
+          correct: false,
+          start: 628,
+        },
+        {
+          text: 'Suddenly, the din of the gymnasium was silent to her.',
+          end: 997,
+          correct: false,
+          start: 944,
+        },
+        {
+          end: 1087,
+          start: 998,
+          correct: false,
+          text: 'Forcing all sound out of her mind, she focused on the gleaming balance beam ahead of her.',
+        },
+        {
+          correct: true,
+          start: 1088,
+          end: 1225,
+          text: 'Taking a deep breath, Natasha made her graceful, yet powerful approach, mounted the beam flawlessly, and...executed her first perfect 10.',
+        },
+      ],
+      // "element": "select-text",
+      text: "<p>She thought about what she had to do, struggling to rein in her wild, fearful thoughts. Coach Cummings always said that an undisciplined mind never scored a perfect 10. Natasha wanted to please her Coach, yet sometimes his approval wasn't as exciting as his anger. The gymnasts were unanimous about one thing: Coach Cummings's fits of disapproving rage were much more humorous to witness than his infrequent, backslapping moments of high praise. Just for a hair of a moment, Natasha wondered if she really wanted a perfect 10, so weary was she of trying for but never achieving one.</p>\n\n<p>At last Natasha's moment arrived. The faces of past giants of gymnastics swam before her mind's eye, now razor&#8211;sharp with fierce determination. \"I am talented. I am not afraid. I will make a perfect 10,\" she spoke aloud to herself, as she approached the mat, dusted her hands with chalk to prevent slippage, and returned to her starting point. Suddenly, the din of the gymnasium was silent to her. Forcing all sound out of her mind, she focused on the gleaming balance beam ahead of her. Taking a deep breath, Natasha made her graceful, yet powerful approach, mounted the beam flawlessly, and...executed her first perfect 10.</p>\n",
+      rubricEnabled: false,
+    }),
+  );
+};

package/docs/demo/session.js

@@ -2,10 +2,23 @@ module.exports = [
   {
     id: '1',
     element: 'select-text',
-    // selectedTokens: [
-    //   { start: 0, end: 36 },
-    //   { start: 37, end: 74 },
-    //   { start: 117, end: 177 }
-    // ]
-  }
+    selectedTokens: [
+      // { start: 0, end: 36 },
+      // { start: 37, end: 74 },
+      // { start: 117, end: 177 }
+      // {
+      //   // "correct": true,
+      //   "start": 1088,
+      //   "end": 1225,
+      //   "text": "Taking a deep breath, Natasha made her graceful, yet powerful approach, mounted the beam flawlessly, and...executed her first perfect 10."
+      // },
+      // {
+      //   "start": 1082,
+      //   "end": 1219,
+      //   "text": "Taking a deep breath, Natasha made her graceful, yet powerful approach, mounted the beam flawlessly, and...executed her first perfect 10.",
+      //   "oldStart": 1088,
+      //   "oldEnd": 1225
+      // }
+    ],
+  },
 ];

package/docs/pie-schema.json

@@ -289,6 +289,11 @@
       "type": "boolean",
       "title": "teacherInstructionsEnabled"
     },
+    "spellCheckEnabled": {
+      "description": "Indicates if spellcheck is enabled",
+      "type": "boolean",
+      "title": "spellCheckEnabled"
+    },
     "toolbarEditorPosition": {
       "description": "Indicates the editor's toolbar position which can be 'bottom' or 'top'",
       "default": ": 'bottom'",
@@ -299,6 +304,11 @@
       "type": "string",
       "title": "toolbarEditorPosition"
     },
+    "rubricEnabled": {
+      "description": "Indicates if Rubric is enabled",
+      "type": "boolean",
+      "title": "rubricEnabled"
+    },
     "id": {
       "description": "Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.",
       "type": "string",
@@ -316,6 +326,8 @@
     "id",
     "prompt",
     "rationaleEnabled",
+    "rubricEnabled",
+    "spellCheckEnabled",
     "studentInstructionsEnabled",
     "teacherInstructionsEnabled",
     "text",
@@ -338,6 +350,27 @@
         }
       }
     },
+    "ConfigureMaxImageDimensionsProp": {
+      "title": "ConfigureMaxImageDimensionsProp",
+      "type": "object",
+      "properties": {
+        "teacherInstructions": {
+          "description": "Indicates the max dimension for images in teacher instructions",
+          "type": "number",
+          "title": "teacherInstructions"
+        },
+        "prompt": {
+          "description": "Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified",
+          "type": "number",
+          "title": "prompt"
+        },
+        "rationale": {
+          "description": "Indicates the max dimension for images in rationale",
+          "type": "number",
+          "title": "rationale"
+        }
+      }
+    },
     "ComplexFeedbackType": {
       "title": "ComplexFeedbackType",
       "type": "object",

package/docs/pie-schema.json.md

@@ -117,6 +117,10 @@ Indicates if Student Instructions are enabled
 
 Indicates if Teacher Instructions are enabled
 
+# `spellCheckEnabled` (boolean, required)
+
+Indicates if spellcheck is enabled
+
 # `toolbarEditorPosition` (string, enum)
 
 Indicates the editor's toolbar position which can be 'bottom' or 'top'
@@ -128,6 +132,10 @@ This element must be one of the following enum values:
 
 Default: `": 'bottom'"`
 
+# `rubricEnabled` (boolean, required)
+
+Indicates if Rubric is enabled
+
 # `id` (string, required)
 
 Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
@@ -154,6 +162,22 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+## `ConfigureMaxImageDimensionsProp` (object)
+
+Properties of the `ConfigureMaxImageDimensionsProp` object:
+
+### `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+### `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+### `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
 ## `ComplexFeedbackType` (object)
 
 Properties of the `ComplexFeedbackType` object:

package/lib/index.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -29,6 +31,12 @@ var _main = _interopRequireDefault(require("./main"));
 
 var _mathRendering = require("@pie-lib/math-rendering");
 
+var _utils = _interopRequireDefault(require("./utils"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -52,9 +60,49 @@ var SelectText = /*#__PURE__*/function (_HTMLElement) {
     }
   }, {
     key: "session",
+    get: function get() {
+      return this._session;
+    },
     set: function set(s) {
       this._session = s;
 
+      if (this._model) {
+        var generatedModel = (0, _utils["default"])(this._model) || {};
+        var tokens = generatedModel.tokens;
+
+        var _ref = s || {},
+            selectedTokens = _ref.selectedTokens;
+
+        selectedTokens = selectedTokens || []; // This case was introduced mostly for createCorrectSession:
+        // make sure initial session tokens are parsed and have correct start and end (according to the regenerated model)
+
+        var selectedTokenExistsInGeneratedTokens = function selectedTokenExistsInGeneratedTokens(s) {
+          return tokens.find(function (_ref2) {
+            var tStart = _ref2.start,
+                tEnd = _ref2.end;
+            return s.start === tStart && s.end === tEnd;
+          });
+        }; // check if ALL the selectedTokens have the correct start and end
+
+
+        var allAreCorrect = selectedTokens.reduce(function (acc, selectedToken) {
+          return acc && selectedTokenExistsInGeneratedTokens(selectedToken);
+        }, true);
+
+        if (!allAreCorrect) {
+          // otherwise, make sure to parse selectedTokens as well
+          var _generatedModel = (0, _utils["default"])(_objectSpread(_objectSpread({}, this._model), {}, {
+            tokens: selectedTokens
+          })) || {};
+
+          var _tokens = _generatedModel.tokens;
+
+          if (_tokens) {
+            this._session.selectedTokens = _tokens;
+          }
+        }
+      }
+
       if (!Array.isArray(this._session.selectedTokens)) {
         this._session.selectedTokens = [];
       }
@@ -64,8 +112,8 @@ var SelectText = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "isSessionComplete",
     value: function isSessionComplete() {
-      var _ref = this._session || {},
-          selectedTokens = _ref.selectedTokens;
+      var _ref3 = this._session || {},
+          selectedTokens = _ref3.selectedTokens;
 
       return Array.isArray(selectedTokens) && selectedTokens.length > 0;
     }

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["SelectText","m","_model","render","dispatchEvent","ModelSetEvent","tagName","toLowerCase","isSessionComplete","undefined","s","_session","Array","isArray","selectedTokens","length","selection","SessionChangedEvent","el","React","createElement","Main","model","session","onSelectionChange","selectionChanged","bind","ReactDOM","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;;;;;IAEqBA,U;;;;;AACnB,wBAAc;AAAA;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;AAEA,WAAKE,MAAL;AACA,WAAKC,aAAL,CACE,IAAIC,8BAAJ,CACE,KAAKC,OAAL,CAAaC,WAAb,EADF,EAEE,KAAKC,iBAAL,EAFF,EAGE,KAAKN,MAAL,KAAgBO,SAHlB,CADF;AAOD;;;SAED,aAAYC,CAAZ,EAAe;AACb,WAAKC,QAAL,GAAgBD,CAAhB;;AACA,UAAI,CAACE,KAAK,CAACC,OAAN,CAAc,KAAKF,QAAL,CAAcG,cAA5B,CAAL,EAAkD;AAChD,aAAKH,QAAL,CAAcG,cAAd,GAA+B,EAA/B;AACD;;AACD,WAAKX,MAAL;AACD;;;WAED,6BAAoB;AAClB,iBAA2B,KAAKQ,QAAL,IAAiB,EAA5C;AAAA,UAAQG,cAAR,QAAQA,cAAR;;AACA,aAAOF,KAAK,CAACC,OAAN,CAAcC,cAAd,KAAiCA,cAAc,CAACC,MAAf,GAAwB,CAAhE;AACD;;;WAED,0BAAiBC,SAAjB,EAA4B;AAC1B,WAAKL,QAAL,CAAcG,cAAd,GAA+BE,SAA/B;AAEA,WAAKZ,aAAL,CACE,IAAIa,oCAAJ,CACE,KAAKX,OAAL,CAAaC,WAAb,EADF,EAEE,KAAKC,iBAAL,EAFF,CADF;AAMD;;;WAED,6BAAoB;AAClB,WAAKL,MAAL;AACD;;;WAED,kBAAS;AAAA;;AACP,UAAI,KAAKD,MAAL,IAAe,KAAKS,QAAxB,EAAkC;AAChC,YAAMO,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKpB,MADuB;AAEnCqB,UAAAA,OAAO,EAAE,KAAKZ,QAFqB;AAGnCa,UAAAA,iBAAiB,EAAE,KAAKC,gBAAL,CAAsBC,IAAtB,CAA2B,IAA3B;AAHgB,SAA1B,CAAX;;AAMAC,6BAASxB,MAAT,CAAgBe,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,yCAAW,KAAX;AACD,SAFD;AAGD;AACF;;;kDA1DqCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n  SessionChangedEvent,\n  ModelSetEvent\n} from '@pie-framework/pie-player-events';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nexport default class SelectText extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n\n    this.render();\n    this.dispatchEvent(\n      new ModelSetEvent(\n        this.tagName.toLowerCase(),\n        this.isSessionComplete(),\n        this._model !== undefined\n      )\n    );\n  }\n\n  set session(s) {\n    this._session = s;\n    if (!Array.isArray(this._session.selectedTokens)) {\n      this._session.selectedTokens = [];\n    }\n    this.render();\n  }\n\n  isSessionComplete() {\n    const { selectedTokens } = this._session || {};\n    return Array.isArray(selectedTokens) && selectedTokens.length > 0;\n  }\n\n  selectionChanged(selection) {\n    this._session.selectedTokens = selection;\n\n    this.dispatchEvent(\n      new SessionChangedEvent(\n        this.tagName.toLowerCase(),\n        this.isSessionComplete()\n      )\n    );\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  render() {\n    if (this._model && this._session) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        session: this._session,\n        onSelectionChange: this.selectionChanged.bind(this)\n      });\n\n      ReactDOM.render(el, this, () => {\n        renderMath(this);\n      });\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["SelectText","m","_model","render","dispatchEvent","ModelSetEvent","tagName","toLowerCase","isSessionComplete","undefined","_session","s","generatedModel","tokens","selectedTokens","selectedTokenExistsInGeneratedTokens","find","tStart","start","tEnd","end","allAreCorrect","reduce","acc","selectedToken","Array","isArray","length","selection","SessionChangedEvent","el","React","createElement","Main","model","session","onSelectionChange","selectionChanged","bind","ReactDOM","HTMLElement"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport generateModel from './utils';\n\nexport default class SelectText extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n\n    this.render();\n    this.dispatchEvent(\n      new ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined),\n    );\n  }\n\n  set session(s) {\n    this._session = s;\n\n    if (this._model) {\n      const generatedModel = generateModel(this._model) || {};\n      const { tokens } = generatedModel;\n      let { selectedTokens } = s || {};\n\n      selectedTokens = selectedTokens || [];\n\n      // This case was introduced mostly for createCorrectSession:\n      // make sure initial session tokens are parsed and have correct start and end (according to the regenerated model)\n      const selectedTokenExistsInGeneratedTokens = (s) =>\n        tokens.find(({ start: tStart, end: tEnd }) => s.start === tStart && s.end === tEnd);\n\n      // check if ALL the selectedTokens have the correct start and end\n      const allAreCorrect = selectedTokens.reduce(\n        (acc, selectedToken) => acc && selectedTokenExistsInGeneratedTokens(selectedToken),\n        true,\n      );\n\n      if (!allAreCorrect) {\n        // otherwise, make sure to parse selectedTokens as well\n        const generatedModel = generateModel({ ...this._model, tokens: selectedTokens }) || {};\n        const { tokens } = generatedModel;\n\n        if (tokens) {\n          this._session.selectedTokens = tokens;\n        }\n      }\n    }\n\n    if (!Array.isArray(this._session.selectedTokens)) {\n      this._session.selectedTokens = [];\n    }\n    this.render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  isSessionComplete() {\n    const { selectedTokens } = this._session || {};\n    return Array.isArray(selectedTokens) && selectedTokens.length > 0;\n  }\n\n  selectionChanged(selection) {\n    this._session.selectedTokens = selection;\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  render() {\n    if (this._model && this._session) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        session: this._session,\n        onSelectionChange: this.selectionChanged.bind(this),\n      });\n\n      ReactDOM.render(el, this, () => {\n        renderMath(this);\n      });\n    }\n  }\n}\n"],"file":"index.js"}