@pie-element/select-text 6.5.19 → 6.5.20

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.5.20](https://github.com/pie-framework/pie-elements/compare/@pie-element/select-text@6.5.19...@pie-element/select-text@6.5.20) (2022-02-04)
+
+**Note:** Version bump only for package @pie-element/select-text
+
+
+
+
+
 ## [6.5.19](https://github.com/pie-framework/pie-elements/compare/@pie-element/select-text@6.5.18...@pie-element/select-text@6.5.19) (2022-01-24)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.2.16](https://github.com/pie-framework/pie-elements/compare/@pie-element/select-text-configure@5.2.15...@pie-element/select-text-configure@5.2.16) (2022-02-04)
+
+**Note:** Version bump only for package @pie-element/select-text-configure
+
+
+
+
+
 ## [5.2.15](https://github.com/pie-framework/pie-elements/compare/@pie-element/select-text-configure@5.2.14...@pie-element/select-text-configure@5.2.15) (2022-01-24)
 
 **Note:** Version bump only for package @pie-element/select-text-configure

package/configure/lib/index.js

@@ -31,7 +31,7 @@ var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
 
 var _defaultConfiguration = _interopRequireDefault(require("./defaultConfiguration"));
 
-var _textSelect = require("@pie-lib/text-select");
+var _utils = _interopRequireDefault(require("./utils"));
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -134,10 +134,6 @@ exports["default"] = SelectTextConfigure;
 
   var newModel = _objectSpread(_objectSpread({}, _defaultConfiguration["default"].model), model);
 
-  var newText = (0, _textSelect.prepareText)(newModel.text);
-  return _objectSpread(_objectSpread({}, newModel), {}, {
-    unpreparedText: newModel.text,
-    text: newText
-  });
+  return (0, _utils["default"])(newModel);
 });
 //# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["SelectTextConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","render","c","dispatchEvent","ModelUpdatedEvent","handler","InsertImageEvent","src","done","DeleteImageEvent","el","React","createElement","Main","model","onModelChanged","modelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","ReactDOM","HTMLElement","newModel","newText","text","unpreparedText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AACA;;;;;;;;;;IAEqBA,mB;;;;;AAenB,iCAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,EAAd;AACA,UAAKC,cAAL,GAAsBC,iCAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,CAAuCI,CAAvC,CAAd;AACA,WAAKC,MAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;AACA,WAAKD,MAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,MAAL;AACD;;;WAED,sBAAaD,CAAb,EAAgB;AACd,WAAKL,MAAL,GAAcK,CAAd;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,IAAvD;AACA,WAAKM,MAAL;AACD;;;WAED,gCAAuBC,CAAvB,EAA0B;AACxB,WAAKL,cAAL,GAAsBK,CAAtB;;AAEA,UAAI,KAAKP,MAAT,EAAiB;AACf,aAAKQ,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,KAAvD;AACD;;AAED,WAAKM,MAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYI,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIG,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIM,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,kBAAS;AACP,UAAI,KAAKb,MAAT,EAAiB;AACf,YAAMe,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,kBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKnB,MADuB;AAEnCI,UAAAA,aAAa,EAAE,KAAKF,cAFe;AAGnCkB,UAAAA,cAAc,EAAE,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAHmB;AAInCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAJW;AAKnCE,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI;AALqB,SAA1B,CAAX;;AAWAM,6BAAStB,MAAT,CAAgBS,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDA9E8Cc,W;;;iCAA5B9B,mB,wBACS,YAAgB;AAAA,MAAfoB,KAAe,uEAAP,EAAO;;AAC1C,MAAMW,QAAQ,mCACT3B,iCAAcgB,KADL,GAETA,KAFS,CAAd;;AAIA,MAAMY,OAAO,GAAG,6BAAYD,QAAQ,CAACE,IAArB,CAAhB;AAEA,yCACKF,QADL;AAEEG,IAAAA,cAAc,EAAEH,QAAQ,CAACE,IAF3B;AAGEA,IAAAA,IAAI,EAAED;AAHR;AAKD,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './design';\nimport {\n  DeleteImageEvent,\n  InsertImageEvent,\n  ModelUpdatedEvent\n} from '@pie-framework/pie-configure-events';\nimport defaultValues from './defaultConfiguration';\nimport { prepareText } from '@pie-lib/text-select';\n\nexport default class SelectTextConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const newModel = {\n      ...defaultValues.model,\n      ...model\n    };\n    const newText = prepareText(newModel.text);\n\n    return {\n      ...newModel,\n      unpreparedText: newModel.text,\n      text: newText\n    };\n  };\n\n  constructor() {\n    super();\n    this._model = SelectTextConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = SelectTextConfigure.createDefaultModel(m);\n    this.render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  modelChanged(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n    this.render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    if (this._model) {\n      this.dispatchEvent(new ModelUpdatedEvent(this._model), false);\n    }\n\n    this.render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  render() {\n    if (this._model) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.modelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this)\n        }\n      });\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["SelectTextConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","render","c","dispatchEvent","ModelUpdatedEvent","handler","InsertImageEvent","src","done","DeleteImageEvent","el","React","createElement","Main","model","onModelChanged","modelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","ReactDOM","HTMLElement","newModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AACA;;;;;;;;;;IAEqBA,mB;;;;;AAUnB,iCAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,EAAd;AACA,UAAKC,cAAL,GAAsBC,iCAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,CAAuCI,CAAvC,CAAd;AACA,WAAKC,MAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;AACA,WAAKD,MAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,MAAL;AACD;;;WAED,sBAAaD,CAAb,EAAgB;AACd,WAAKL,MAAL,GAAcK,CAAd;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,IAAvD;AACA,WAAKM,MAAL;AACD;;;WAED,gCAAuBC,CAAvB,EAA0B;AACxB,WAAKL,cAAL,GAAsBK,CAAtB;;AAEA,UAAI,KAAKP,MAAT,EAAiB;AACf,aAAKQ,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,KAAvD;AACD;;AAED,WAAKM,MAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYI,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIG,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIM,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,kBAAS;AACP,UAAI,KAAKb,MAAT,EAAiB;AACf,YAAMe,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,kBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKnB,MADuB;AAEnCI,UAAAA,aAAa,EAAE,KAAKF,cAFe;AAGnCkB,UAAAA,cAAc,EAAE,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAHmB;AAInCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAJW;AAKnCE,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI;AALqB,SAA1B,CAAX;;AAWAM,6BAAStB,MAAT,CAAgBS,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDAzE8Cc,W;;;iCAA5B9B,mB,wBACS,YAAgB;AAAA,MAAfoB,KAAe,uEAAP,EAAO;;AAC1C,MAAMW,QAAQ,mCACT3B,iCAAcgB,KADL,GAETA,KAFS,CAAd;;AAKA,SAAO,uBAAcW,QAAd,CAAP;AACD,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './design';\nimport {\n  DeleteImageEvent,\n  InsertImageEvent,\n  ModelUpdatedEvent\n} from '@pie-framework/pie-configure-events';\nimport defaultValues from './defaultConfiguration';\nimport generateModel  from './utils';\n\nexport default class SelectTextConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const newModel = {\n      ...defaultValues.model,\n      ...model\n    };\n\n    return generateModel(newModel);\n  };\n\n  constructor() {\n    super();\n    this._model = SelectTextConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = SelectTextConfigure.createDefaultModel(m);\n    this.render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  modelChanged(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n    this.render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    if (this._model) {\n      this.dispatchEvent(new ModelUpdatedEvent(this._model), false);\n    }\n\n    this.render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  render() {\n    if (this._model) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.modelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this)\n        }\n      });\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}

package/configure/lib/utils.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var createElementFromHTML = function createElementFromHTML() {
+  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var div = document.createElement('div');
+  div.innerHTML = htmlString.trim();
+  return div;
+};
+
+var parseParagraph = function parseParagraph(paragraph, end) {
+  if (end) {
+    return paragraph.innerHTML;
+  }
+
+  return ''.concat(paragraph.innerHTML, '\n\n');
+};
+
+var parseParagraphs = function parseParagraphs(dom) {
+  var paragraphs = dom.querySelectorAll('div[separator=true]'); // separate variable for easily debugging, if needed
+
+  var str = '';
+  paragraphs.forEach(function (par, index) {
+    str += parseParagraph(par, index === paragraphs.length - 1);
+  });
+  return str || null;
+};
+
+var prepareText = function prepareText(text) {
+  var txtDom = createElementFromHTML(text);
+  var div = document.createElement('div');
+  div.innerHTML = '<div separator=\'true\'>'.concat(txtDom.innerHTML, '</div>');
+  txtDom = div;
+  var allDomElements = Array.from(txtDom.querySelectorAll('*'));
+
+  if (allDomElements.length === 0) {
+    return text;
+  }
+
+  return parseParagraphs(txtDom);
+};
+
+var _default = function _default(model) {
+  if (!model) return model; // parsing
+
+  var modelText = prepareText(model.text || '');
+  var newTokens = (model.tokens || []).reduce(function (acc) {
+    var token = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var tokenText = prepareText((model.text || '').slice(token.start, token.end));
+
+    if (!tokenText) {
+      return [].concat((0, _toConsumableArray2["default"])(acc), [token]);
+    }
+
+    var getStartIndex = function getStartIndex(start) {
+      var length = start;
+
+      while (length >= 0) {
+        var newStartIndex = modelText.slice(length).indexOf(tokenText);
+
+        if (newStartIndex >= 0) {
+          return newStartIndex + length;
+        }
+
+        length--;
+      }
+
+      return 0;
+    };
+
+    var lastToken = acc[acc.length - 1];
+    var newStart = getStartIndex(lastToken ? lastToken.end : token.start);
+    var newEnd = newStart + tokenText.length;
+    return [].concat((0, _toConsumableArray2["default"])(acc), [_objectSpread(_objectSpread({}, token), {}, {
+      text: tokenText,
+      start: newStart,
+      end: newEnd
+    })]);
+  }, []);
+  return _objectSpread(_objectSpread({}, model), {}, {
+    tokens: newTokens,
+    text: modelText
+  });
+};
+
+exports["default"] = _default;
+//# sourceMappingURL=utils.js.map

package/configure/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.js"],"names":["createElementFromHTML","htmlString","arguments","length","undefined","div","document","createElement","innerHTML","trim","parseParagraph","paragraph","end","concat","parseParagraphs","dom","paragraphs","querySelectorAll","str","forEach","par","index","prepareText","text","txtDom","allDomElements","Array","from","model","modelText","newTokens","tokens","reduce","acc","token","tokenText","slice","start","getStartIndex","newStartIndex","indexOf","lastToken","newStart","newEnd"],"mappings":"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","sourcesContent":["import React from 'react';\n\nvar createElementFromHTML = function createElementFromHTML() {\n  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n  var div = document.createElement('div');\n  div.innerHTML = htmlString.trim();\n  return div;\n};\n\nvar parseParagraph = function parseParagraph(paragraph, end) {\n  if (end) {\n    return paragraph.innerHTML;\n  }\n\n  return ''.concat(paragraph.innerHTML, '\\n\\n');\n};\n\nvar parseParagraphs = function parseParagraphs(dom) {\n  var paragraphs = dom.querySelectorAll('div[separator=true]'); // separate variable for easily debugging, if needed\n\n  var str = '';\n  paragraphs.forEach(function (par, index) {\n    str += parseParagraph(par, index === paragraphs.length - 1);\n  });\n  return str || null;\n};\n\nvar prepareText = function prepareText(text) {\n  var txtDom = createElementFromHTML(text);\n\n  var div = document.createElement('div');\n  div.innerHTML = '<div separator=\\'true\\'>'.concat(txtDom.innerHTML, '</div>');\n  txtDom = div;\n\n  var allDomElements = Array.from(txtDom.querySelectorAll('*'));\n\n  if (allDomElements.length === 0) {\n    return text;\n  }\n\n  return parseParagraphs(txtDom);\n};\n\nexport default (model) => {\n  if (!model) return model;\n\n  // parsing\n  const modelText = prepareText(model.text || '');\n\n  const newTokens = (model.tokens || []).reduce((acc, token = {}) => {\n    const tokenText = prepareText((model.text || '').slice(token.start, token.end));\n\n    if (!tokenText) {\n      return [...acc, token];\n    }\n\n    const getStartIndex = (start) => {\n      let length = start;\n\n      while (length >= 0) {\n        let newStartIndex = modelText.slice(length).indexOf(tokenText);\n\n        if (newStartIndex >= 0) {\n          return newStartIndex + length;\n        }\n\n        length--;\n      }\n\n      return 0;\n    };\n\n    const lastToken = acc[acc.length - 1];\n    const newStart = getStartIndex(lastToken ? lastToken.end : token.start);\n    const newEnd = newStart + tokenText.length;\n\n    return [\n      ...acc,\n      {\n        ...token,\n        text: tokenText,\n        start: newStart,\n        end: newEnd\n      }\n    ];\n  }, []);\n\n\n  return {\n    ...model,\n    tokens: newTokens,\n    text: modelText\n  }\n}\n"],"file":"utils.js"}

package/configure/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@pie-element/select-text-configure",
   "private": true,
-  "version": "5.2.15",
+  "version": "5.2.16",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.10.16",
-    "@pie-lib/editable-html": "^7.17.16",
-    "@pie-lib/scoring-config": "^3.5.145",
-    "@pie-lib/text-select": "^1.8.11",
+    "@pie-lib/config-ui": "^10.10.18",
+    "@pie-lib/editable-html": "^7.17.18",
+    "@pie-lib/scoring-config": "^3.5.147",
+    "@pie-lib/text-select": "^1.8.12",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.1.28](https://github.com/pie-framework/pie-elements/compare/@pie-element/select-text-controller@4.1.27...@pie-element/select-text-controller@4.1.28) (2022-02-04)
+
+**Note:** Version bump only for package @pie-element/select-text-controller
+
+
+
+
+
 ## [4.1.26](https://github.com/pie-framework/pie-elements/compare/@pie-element/select-text-controller@4.1.25...@pie-element/select-text-controller@4.1.26) (2021-12-13)
 
 **Note:** Version bump only for package @pie-element/select-text-controller

package/controller/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/select-text-controller",
   "private": true,
-  "version": "4.1.27",
+  "version": "4.1.28",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
     "@pie-lib/controller-utils": "^0.2.26",
     "@pie-lib/feedback": "^0.4.27",
-    "@pie-lib/text-select": "^1.8.11",
+    "@pie-lib/text-select": "^1.8.12",
     "debug": "^3.1.0",
     "lodash": "^4.17.15"
   },

package/docs/demo/generate.js

@@ -132,10 +132,6 @@ And say, now, how does it seem to you?</p>`,
   );
 };
 
-exports.model = (id, element) => {
-  return Object.assign({}, { id, element }, base({}));
-};
-
 exports.mathSample = (id, element) => {
   return Object.assign({}, { id, element }, mathSample({}));
 };
@@ -209,3 +205,418 @@ exports.htmlAscii = (id, element) => ({
     }]
   }
 );
+
+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(     {
+    "partialScoring": true,
+    "tokens": [
+      {
+        "correct": false,
+        "start": 3,
+        "end": 6,
+        "text": "Our"
+      },
+      {
+        "correct": false,
+        "start": 7,
+        "end": 16,
+        "text": "challenge"
+      },
+      {
+        "correct": false,
+        "start": 18,
+        "end": 21,
+        "text": "not"
+      },
+      {
+        "correct": false,
+        "start": 22,
+        "end": 30,
+        "text": "tomorrow"
+      },
+      {
+        "correct": false,
+        "start": 31,
+        "end": 34,
+        "text": "but"
+      },
+      {
+        "correct": false,
+        "start": 35,
+        "end": 40,
+        "text": "today"
+      },
+      {
+        "correct": false,
+        "start": 42,
+        "end": 44,
+        "text": "is"
+      },
+      {
+        "correct": false,
+        "start": 45,
+        "end": 47,
+        "text": "to"
+      },
+      {
+        "correct": false,
+        "start": 48,
+        "end": 58,
+        "text": "accomplish"
+      },
+      {
+        "correct": false,
+        "start": 59,
+        "end": 69,
+        "text": "objectives"
+      },
+      {
+        "correct": false,
+        "start": 70,
+        "end": 75,
+        "text": "which"
+      },
+      {
+        "correct": false,
+        "start": 76,
+        "end": 80,
+        "text": "have"
+      },
+      {
+        "correct": false,
+        "start": 81,
+        "end": 87,
+        "text": "eluded"
+      },
+      {
+        "correct": false,
+        "start": 88,
+        "end": 95,
+        "text": "mankind"
+      },
+      {
+        "correct": false,
+        "start": 96,
+        "end": 101,
+        "text": "since"
+      },
+      {
+        "correct": false,
+        "start": 102,
+        "end": 105,
+        "text": "the"
+      },
+      {
+        "correct": false,
+        "start": 106,
+        "end": 115,
+        "text": "beginning"
+      },
+      {
+        "correct": false,
+        "start": 116,
+        "end": 118,
+        "text": "of"
+      },
+      {
+        "correct": false,
+        "start": 119,
+        "end": 123,
+        "text": "time"
+      },
+      {
+        "correct": false,
+        "start": 125,
+        "end": 127,
+        "text": "We"
+      },
+      {
+        "correct": false,
+        "start": 128,
+        "end": 132,
+        "text": "must"
+      },
+      {
+        "correct": false,
+        "start": 133,
+        "end": 138,
+        "text": "bring"
+      },
+      {
+        "correct": false,
+        "start": 139,
+        "end": 144,
+        "text": "equal"
+      },
+      {
+        "correct": false,
+        "start": 145,
+        "end": 152,
+        "text": "justice"
+      },
+      {
+        "correct": false,
+        "start": 153,
+        "end": 155,
+        "text": "to"
+      },
+      {
+        "correct": false,
+        "start": 156,
+        "end": 159,
+        "text": "all"
+      },
+      {
+        "correct": false,
+        "start": 160,
+        "end": 163,
+        "text": "our"
+      },
+      {
+        "correct": false,
+        "start": 164,
+        "end": 172,
+        "text": "citizens"
+      },
+      {
+        "correct": false,
+        "start": 174,
+        "end": 176,
+        "text": "We"
+      },
+      {
+        "correct": false,
+        "start": 177,
+        "end": 181,
+        "text": "must"
+      },
+      {
+        "correct": false,
+        "start": 182,
+        "end": 189,
+        "text": "abolish"
+      },
+      {
+        "correct": false,
+        "start": 190,
+        "end": 195,
+        "text": "human"
+      },
+      {
+        "correct": true,
+        "start": 196,
+        "end": 203,
+        "text": "poverty"
+      },
+      {
+        "correct": false,
+        "start": 205,
+        "end": 207,
+        "text": "We"
+      },
+      {
+        "correct": false,
+        "start": 208,
+        "end": 212,
+        "text": "must"
+      },
+      {
+        "correct": false,
+        "start": 213,
+        "end": 222,
+        "text": "eradicate"
+      },
+      {
+        "correct": false,
+        "start": 223,
+        "end": 230,
+        "text": "killing"
+      },
+      {
+        "correct": false,
+        "start": 231,
+        "end": 234,
+        "text": "and"
+      },
+      {
+        "correct": false,
+        "start": 235,
+        "end": 244,
+        "text": "crippling"
+      },
+      {
+        "correct": true,
+        "start": 245,
+        "end": 252,
+        "text": "disease"
+      },
+      {
+        "correct": false,
+        "start": 253,
+        "end": 256,
+        "text": "and"
+      },
+      {
+        "correct": false,
+        "start": 257,
+        "end": 265,
+        "text": "lengthen"
+      },
+      {
+        "correct": false,
+        "start": 266,
+        "end": 269,
+        "text": "the"
+      },
+      {
+        "correct": false,
+        "start": 270,
+        "end": 274,
+        "text": "span"
+      },
+      {
+        "correct": false,
+        "start": 275,
+        "end": 277,
+        "text": "of"
+      },
+      {
+        "correct": false,
+        "start": 278,
+        "end": 282,
+        "text": "life"
+      },
+      {
+        "correct": false,
+        "start": 283,
+        "end": 285,
+        "text": "to"
+      },
+      {
+        "correct": false,
+        "start": 286,
+        "end": 289,
+        "text": "100"
+      },
+      {
+        "correct": false,
+        "start": 290,
+        "end": 292,
+        "text": "or"
+      },
+      {
+        "correct": false,
+        "start": 293,
+        "end": 296,
+        "text": "200"
+      },
+      {
+        "correct": false,
+        "start": 297,
+        "end": 302,
+        "text": "years"
+      },
+      {
+        "correct": false,
+        "start": 304,
+        "end": 306,
+        "text": "We"
+      },
+      {
+        "correct": false,
+        "start": 307,
+        "end": 311,
+        "text": "must"
+      },
+      {
+        "correct": false,
+        "start": 312,
+        "end": 321,
+        "text": "eliminate"
+      },
+      {
+        "correct": true,
+        "start": 322,
+        "end": 332,
+        "text": "illiteracy"
+      },
+      {
+        "correct": false,
+        "start": 333,
+        "end": 338,
+        "text": "among"
+      },
+      {
+        "correct": false,
+        "start": 339,
+        "end": 342,
+        "text": "all"
+      },
+      {
+        "correct": false,
+        "start": 343,
+        "end": 345,
+        "text": "of"
+      },
+      {
+        "correct": false,
+        "start": 346,
+        "end": 349,
+        "text": "our"
+      },
+      {
+        "correct": false,
+        "start": 350,
+        "end": 356,
+        "text": "people"
+      }
+    ],
+    // "id": "0",
+    "text": "<p>Our challenge, not tomorrow but today, is to accomplish objectives which have eluded mankind since the beginning of time. We must bring equal justice to all our citizens. We must abolish human poverty. We must eradicate killing and crippling disease and lengthen the span of life to 100 or 200 years. We must eliminate illiteracy among all of our people.</p>\n",
+    "prompt": "<p>Select the <span class=\"relative-emphasis\">three</span> words from below that specifically describe the &#8220;enemies&#8221; which Johnson wants to eliminate.</p>",
+    "rationale": "<p>In paragraph 6, Johnson refers to the &#8220;ancient enemies&#8221;&#8212;which he defines as poverty, disease, illiteracy, strife, and bigotry. In paragraph 3, he talks about this idea by explaining that he wants to &#8220;accomplish objectives which have eluded mankind;&#8221; that is, to eliminate these enemies.</p>",
+    // "element": "select-text",
+    "maxSelections": 3
+  }  ));
+};