@pie-element/select-text 13.2.2-beta.6 → 13.2.2-beta.7

package/configure/lib/design.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design.js","names":["_react","_interopRequireDefault","require","_propTypes","_TextField","_styles","_lodashEs","_textSelect","_configUi","_Chip","_Info","_debug","_editableHtmlTipTap","_Tooltip","_utils","Panel","toggle","radio","dropdown","settings","StyledInputContainer","styled","InputContainer","theme","width","paddingTop","spacing","marginBottom","StyledEditableHtml","EditableHtml","ErrorText","fontSize","typography","color","palette","error","main","StyledTextField","TextField","TokenizerContainer","paddingRight","marginRight","position","bottom","left","right","height","content","backgroundColor","primary","StyledTooltip","Tooltip","whiteSpace","maxWidth","StyledTokenizer","Tokenizer","marginTop","StyledChip","Chip","TokensDetails","display","alignItems","flexWrap","StyledNumberTextField","NumberTextField","margin","log","debug","Design","React","Component","constructor","props","_defineProperty2","default","debounce","val","apply","u","text","tokens","event","updateText","target","value","mode","correctTokenCount","filter","t","correct","length","max","isFinite","maxSelections","Math","fn","onModelChanged","model","update","cloneDeep","feedback","partialScoring","prompt","teacherInstructions","rationale","state","UNSAFE_componentWillReceiveProps","nProps","setState","render","textValue","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","baseInputConfiguration","correctAnswer","contentDimensions","highlightChoices","selectionCount","selections","settingsPanelDisabled","scoringType","spellCheck","studentInstructions","maxImageWidth","maxImageHeight","withRubric","mathMlOptions","language","languageChoices","errors","extraCSSRules","feedbackEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","promptError","rationaleError","selectionsError","teacherInstructionsError","tokensError","validationMessage","generateValidationMessage","defaultImageMaxWidth","defaultImageMaxHeight","tokensModel","toolbarOpts","panelSettings","label","enabled","options","panelProperties","studentInstructionsEnabled","rubricEnabled","getPluginProps","createElement","layout","ConfigLayout","dimensions","hideSettings","onChangeModel","onChangeConfiguration","groups","Settings","Properties","markup","onChange","onTeacherInstructionsChanged","nonEmpty","pluginProps","inputConfiguration","languageCharactersProps","onPromptChanged","variant","multiline","defaultValue","changeText","disableFocusListener","disableTouchListener","placement","title","style","top","changeTokens","min","changeMaxSelections","onRationaleChanged","FeedbackConfig","changeFeedback","exports","PropTypes","object","isRequired","func","shape","add","delete","_default"],"sources":["../src/design.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport TextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport { cloneDeep, debounce } from 'lodash-es';\nimport { Tokenizer } from '@pie-lib/text-select';\nimport { InputContainer, NumberTextField, FeedbackConfig, settings, layout } from '@pie-lib/config-ui';\nimport Chip from '@mui/material/Chip';\nimport Info from '@mui/icons-material/Info';\nimport debug from 'debug';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport Tooltip from '@mui/material/Tooltip';\nimport { generateValidationMessage } from './utils';\n\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst StyledInputContainer = styled(InputContainer)(({ theme }) => ({\n  width: '100%',\n  paddingTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nconst StyledEditableHtml = styled(EditableHtml)({\n  width: '100%',\n});\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingTop: theme.spacing(1),\n}));\n\nconst StyledTextField = styled(TextField)({\n  width: '100%',\n});\n\nconst TokenizerContainer = styled(InputContainer)(({ theme }) => ({\n  paddingRight: 0,\n  marginRight: 0,\n  position: 'relative',\n  '&:after': {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    height: '1px',\n    content: '\"\"',\n    backgroundColor: theme.palette.primary.main,\n  },\n  marginBottom: theme.spacing(1),\n}));\n\nconst StyledTooltip = styled(Tooltip)(({ theme }) => ({\n  '& .MuiTooltip-tooltip': {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n}));\n\nconst StyledTokenizer = styled(Tokenizer)(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\nconst StyledChip = styled(Chip)(({ theme }) => ({\n  marginTop: theme.spacing(0.5),\n  marginRight: theme.spacing(2),\n}));\n\nconst TokensDetails = styled('div')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  flexWrap: 'wrap',\n  marginBottom: theme.spacing(2.5),\n}));\n\nconst StyledNumberTextField = styled(NumberTextField)(({ theme }) => ({\n  width: '180px',\n  margin: `${theme.spacing(0.5)} auto 0`,\n}));\n\nconst log = debug('@pie-element:select-text:configure');\n\nexport class Design extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n\n    const { model } = this.props;\n\n    this.state = {\n      text: (model && model.text) || '',\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nProps) {\n    const { model } = nProps;\n\n    if (model && model.text) {\n      this.setState({\n        text: model.text,\n      });\n    }\n  }\n\n  updateText = debounce((val) => {\n    this.apply((u) => {\n      u.text = val;\n      u.tokens = [];\n    });\n  }, 200);\n\n  changeText = (event) => this.updateText(event.target.value);\n\n  changeTokens = (tokens, mode) => {\n    this.apply((u) => {\n      u.tokens = tokens;\n      u.mode = mode;\n\n      const correctTokenCount = tokens.filter((t) => t.correct).length;\n      const max = isFinite(u.maxSelections) ? u.maxSelections : 0;\n\n      u.maxSelections = Math.max(max, correctTokenCount);\n    });\n  };\n\n  changeMaxSelections = (event, max) => {\n    this.apply((u) => (u.maxSelections = max));\n  };\n\n  apply = (fn) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n\n    fn(update);\n    onModelChanged(update);\n  };\n\n  changeFeedback = (feedback) => {\n    this.apply((u) => (u.feedback = feedback));\n  };\n\n  changePartialScoring = (partialScoring) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n    update.partialScoring = partialScoring;\n\n    onModelChanged(update);\n  };\n\n  onPromptChanged = (prompt) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n\n    update.prompt = prompt;\n    onModelChanged(update);\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n\n    update.teacherInstructions = teacherInstructions;\n    onModelChanged(update);\n  };\n\n  onRationaleChanged = (rationale) => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({ ...model, rationale });\n  };\n\n  render() {\n    const { text: textValue } = this.state;\n    const { configuration, imageSupport, model, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      baseInputConfiguration = {},\n      correctAnswer = {},\n      contentDimensions = {},\n      feedback = {},\n      highlightChoices = {},\n      mode = {},\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      selectionCount = {},\n      selections = {},\n      settingsPanelDisabled,\n      scoringType = {},\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      text = {},\n      tokens = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n    } = configuration || {};\n    const {\n      errors,\n      extraCSSRules,\n      feedbackEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n\n    const {\n      prompt: promptError,\n      rationale: rationaleError,\n      selectionsError,\n      teacherInstructions: teacherInstructionsError,\n      tokensError,\n    } = errors || {};\n    const validationMessage = generateValidationMessage(configuration);\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    let { tokens: tokensModel } = model;\n    tokensModel = tokensModel || [];\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    log('[render] maxSelections:', model.maxSelections);\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      highlightChoices: highlightChoices.settings && toggle(highlightChoices.label),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <StyledInputContainer label={teacherInstructions.label}>\n            <StyledEditableHtml\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(configuration?.teacherInstructions?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {teacherInstructionsError && <ErrorText>{teacherInstructionsError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        {promptEnabled && (\n          <StyledInputContainer label={prompt.label || ''}>\n            <StyledEditableHtml\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(configuration?.prompt?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && <ErrorText>{promptError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        {text.settings && (\n          <StyledInputContainer label={text.label || ''}>\n            <StyledTextField\n              variant=\"standard\"\n              multiline\n              defaultValue={textValue}\n              onChange={this.changeText}\n              spellCheck={spellCheckEnabled}\n            />\n          </StyledInputContainer>\n        )}\n\n        {tokens.settings && (\n          <TokenizerContainer label={tokens.label || ''}>\n            <StyledTooltip disableFocusListener disableTouchListener placement={'right'} title={validationMessage}>\n              <Info fontSize={'small'} color={'primary'} style={{ position: 'absolute', left: '48px', top: '-3px' }} />\n            </StyledTooltip>\n\n            <StyledTokenizer text={model.text} tokens={tokensModel} onChange={this.changeTokens} />\n          </TokenizerContainer>\n        )}\n        {tokensError && <ErrorText>{tokensError}</ErrorText>}\n        {selectionsError && <ErrorText>{selectionsError}</ErrorText>}\n\n        <TokensDetails>\n          {mode.settings && <StyledChip label={`${mode.label}: ${model.mode ? model.mode : 'None'}`} />}\n\n          {selections.settings && <StyledChip label={`${selections.label}: ${tokensModel.length}`} />}\n\n          {correctAnswer.settings && (\n            <StyledChip label={`${correctAnswer.label}: ${tokensModel.filter((t) => t.correct).length}`} />\n          )}\n\n          {selectionCount.settings && (\n            <StyledNumberTextField\n              min={tokensModel.filter((t) => t.correct).length || 0}\n              label={`${selectionCount.label} (0:any)`}\n              max={tokensModel.length}\n              value={model.maxSelections}\n              onChange={this.changeMaxSelections}\n            />\n          )}\n        </TokensDetails>\n\n        {rationaleEnabled && (\n          <StyledInputContainer label={rationale.label || ''}>\n            <StyledEditableHtml\n              markup={model.rationale || ''}\n              onChange={this.onRationaleChanged}\n              imageSupport={imageSupport}\n              error={rationaleError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(configuration?.rationale?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {rationaleError && <ErrorText>{rationaleError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        {feedbackEnabled && (\n          <FeedbackConfig feedback={model.feedback} onChange={this.changeFeedback} toolbarOpts={toolbarOpts} />\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default Design;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/index.js

@@ -0,0 +1,129 @@
+"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 _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _design = _interopRequireDefault(require("./design"));
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+var _defaultConfiguration = _interopRequireDefault(require("./defaultConfiguration"));
+var _utils = require("./utils");
+class SelectTextConfigure extends HTMLElement {
+  constructor() {
+    super();
+    this._root = null;
+    this._model = SelectTextConfigure.createDefaultModel();
+    this._configuration = _defaultConfiguration.default.configuration;
+  }
+  set model(m) {
+    this._model = SelectTextConfigure.createDefaultModel(m);
+    this.render();
+  }
+  set configuration(c) {
+    const newConfiguration = {
+      ..._defaultConfiguration.default.configuration,
+      ...c
+    };
+    this._configuration = newConfiguration;
+
+    // if language:enabled is true, then the corresponding default item model should include a language value;
+    // if it is false, then the language field should be omitted from the item model.
+    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
+    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
+    if (newConfiguration?.language?.enabled) {
+      if (newConfiguration?.languageChoices?.options?.length) {
+        this._model.language = newConfiguration?.languageChoices.options[0].value;
+      }
+    } else if (newConfiguration.language.settings && this._model.language) {
+      this._configuration.language.enabled = true;
+      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
+        this._configuration.languageChoices.options = [];
+      }
+
+      // check if the language is already included in the languageChoices.options array
+      // and if not, then add it.
+      if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {
+        this._configuration.languageChoices.options.push({
+          value: this._model.language,
+          label: this._model.language
+        });
+      }
+    } else {
+      delete this._model.language;
+    }
+    this.render();
+  }
+  connectedCallback() {
+    this.render();
+  }
+  modelChanged(m) {
+    this._model = m;
+    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model), true);
+    this.render();
+  }
+  onConfigurationChanged(c) {
+    this._configuration = c;
+    if (this._model) {
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model), false);
+    }
+    this.render();
+  }
+
+  /**
+   *
+   * @param {done, progress, file} handler
+   */
+  insertImage(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+  }
+  onDeleteImage(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+  }
+  insertSound(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+  }
+  onDeleteSound(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+  }
+  render() {
+    if (this._model) {
+      const el = /*#__PURE__*/_react.default.createElement(_design.default, {
+        model: this._model,
+        configuration: this._configuration,
+        onModelChanged: this.modelChanged.bind(this),
+        onConfigurationChanged: this.onConfigurationChanged.bind(this),
+        imageSupport: {
+          add: this.insertImage.bind(this),
+          delete: this.onDeleteImage.bind(this)
+        },
+        uploadSoundSupport: {
+          add: this.insertSound.bind(this),
+          delete: this.onDeleteSound.bind(this)
+        }
+      });
+      if (!this._root) {
+        this._root = (0, _client.createRoot)(this);
+      }
+      this._root.render(el);
+    }
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+      this._root = null;
+    }
+  }
+}
+exports.default = SelectTextConfigure;
+(0, _defineProperty2.default)(SelectTextConfigure, "createDefaultModel", (model = {}) => {
+  const newModel = {
+    ..._defaultConfiguration.default.model,
+    ...model
+  };
+  return (0, _utils.generateModel)(newModel);
+});
+//# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_design","_pieConfigureEvents","_defaultConfiguration","_utils","SelectTextConfigure","HTMLElement","constructor","_root","_model","createDefaultModel","_configuration","defaultValues","configuration","model","m","render","c","newConfiguration","language","enabled","languageChoices","options","length","value","settings","find","option","push","label","connectedCallback","modelChanged","dispatchEvent","ModelUpdatedEvent","onConfigurationChanged","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","el","React","createElement","Main","onModelChanged","bind","imageSupport","add","delete","uploadSoundSupport","createRoot","disconnectedCallback","unmount","exports","default","_defineProperty2","newModel","generateModel"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Main from './design';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\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._root = null;\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    const newConfiguration = {\n      ...defaultValues.configuration,\n      ...c,\n    };\n\n    this._configuration = newConfiguration;\n\n    // if language:enabled is true, then the corresponding default item model should include a language value;\n    // if it is false, then the language field should be omitted from the item model.\n    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,\n    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).\n    if (newConfiguration?.language?.enabled) {\n      if (newConfiguration?.languageChoices?.options?.length) {\n        this._model.language = newConfiguration?.languageChoices.options[0].value;\n      }\n    } else if (newConfiguration.language.settings && this._model.language) {\n      this._configuration.language.enabled = true;\n\n      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {\n        this._configuration.languageChoices.options = [];\n      }\n\n      // check if the language is already included in the languageChoices.options array\n      // and if not, then add it.\n      if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {\n        this._configuration.languageChoices.options.push({\n          value: this._model.language,\n          label: this._model.language,\n        });\n      }\n    } else {\n      delete this._model.language;\n    }\n\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  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(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        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this),\n        },\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/utils.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateValidationMessage = exports.generateModel = void 0;
+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);
+};
+const generateModel = model => {
+  if (!model) return model;
+
+  // parsing
+  const modelText = prepareText(model.text || '');
+  const newTokens = (model.tokens || []).reduce((acc, token = {}) => {
+    const tokenText = prepareText((model.text || '').slice(token.start, token.end));
+    if (!tokenText) {
+      return [...acc, token];
+    }
+    const getStartIndex = start => {
+      let length = start;
+      while (length >= 0) {
+        let newStartIndex = modelText.slice(length).indexOf(tokenText);
+        if (newStartIndex >= 0) {
+          return newStartIndex + length;
+        }
+        length--;
+      }
+      return 0;
+    };
+    const lastToken = acc[acc.length - 1];
+    const newStart = getStartIndex(lastToken ? lastToken.end : token.start);
+    const newEnd = newStart + tokenText.length;
+    return [...acc, {
+      ...token,
+      text: tokenText,
+      start: newStart,
+      end: newEnd,
+      // needed for getScore when tokens position is recalculated
+      oldStart: token.start,
+      oldEnd: token.end
+    }];
+  }, []);
+  return {
+    ...model,
+    tokens: newTokens,
+    text: modelText
+  };
+};
+exports.generateModel = generateModel;
+const generateValidationMessage = config => {
+  const {
+    minTokens,
+    maxTokens,
+    maxSelections
+  } = config;
+  const tokensMessage = `\nThere should be at least ${minTokens} ` + (maxTokens ? `and at most ${maxTokens} ` : '') + 'tokens defined.';
+  const selectionsMessage = '\nThere should be at least 1 ' + (maxSelections ? `and at most ${maxSelections} ` : '') + 'token' + (maxSelections ? 's' : '') + ' selected.';
+  const message = 'Validation requirements:' + tokensMessage + selectionsMessage;
+  return message;
+};
+exports.generateValidationMessage = generateValidationMessage;
+//# sourceMappingURL=utils.js.map

package/configure/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"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","generateModel","model","modelText","newTokens","tokens","reduce","acc","token","tokenText","slice","start","getStartIndex","newStartIndex","indexOf","lastToken","newStart","newEnd","oldStart","oldEnd","exports","generateValidationMessage","config","minTokens","maxTokens","maxSelections","tokensMessage","selectionsMessage","message"],"sources":["../src/utils.js"],"sourcesContent":["var 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 const generateModel = (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        // needed for getScore when tokens position is recalculated\n        oldStart: token.start,\n        oldEnd: token.end,\n      },\n    ];\n  }, []);\n\n  return {\n    ...model,\n    tokens: newTokens,\n    text: modelText,\n  };\n};\n\nexport const generateValidationMessage = (config) => {\n  const { minTokens, maxTokens, maxSelections } = config;\n\n  const tokensMessage =\n    `\\nThere should be at least ${minTokens} ` + (maxTokens ? `and at most ${maxTokens} ` : '') + 'tokens defined.';\n\n  const selectionsMessage =\n    '\\nThere should be at least 1 ' +\n    (maxSelections ? `and at most ${maxSelections} ` : '') +\n    'token' +\n    (maxSelections ? 's' : '') +\n    ' selected.';\n\n  const message = 'Validation requirements:' + tokensMessage + selectionsMessage;\n\n  return message;\n};\n"],"mappings":"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","ignoreList":[]}

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/select-text-configure",
   "private": true,
-  "version": "11.4.0-beta.12",
+  "version": "11.4.0-beta.13",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -11,8 +11,8 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "13.0.22-beta.1",
-    "@pie-lib/editable-html-tip-tap": "2.1.20-beta.1",
+    "@pie-lib/config-ui": "13.0.22-beta.2",
+    "@pie-lib/editable-html-tip-tap": "2.1.20-beta.2",
     "@pie-lib/text-select": "3.0.5",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",

package/controller/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.4.0-beta.13](https://github.com/pie-framework/pie-elements/compare/@pie-element/select-text-controller@9.4.0-beta.12...@pie-element/select-text-controller@9.4.0-beta.13) (2026-09-24)
+
+**Note:** Version bump only for package @pie-element/select-text-controller
+
 # [9.4.0-beta.12](https://github.com/pie-framework/pie-elements/compare/@pie-element/select-text-controller@9.4.0-beta.11...@pie-element/select-text-controller@9.4.0-beta.12) (2026-09-24)
 
 **Note:** Version bump only for package @pie-element/select-text-controller

package/controller/lib/defaults.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  feedbackEnabled: false,
+  highlightChoices: false,
+  maxSelections: 0,
+  mode: 'sentence',
+  partialScoring: false,
+  prompt: '',
+  promptEnabled: true,
+  rationale: '',
+  rationaleEnabled: true,
+  scoringType: 'auto',
+  studentInstructionsEnabled: true,
+  teacherInstructions: '',
+  teacherInstructionsEnabled: true,
+  text: '',
+  tokens: [],
+  toolbarEditorPosition: 'bottom'
+};
+//# sourceMappingURL=defaults.js.map

package/controller/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["feedbackEnabled","highlightChoices","maxSelections","mode","partialScoring","prompt","promptEnabled","rationale","rationaleEnabled","scoringType","studentInstructionsEnabled","teacherInstructions","teacherInstructionsEnabled","text","tokens","toolbarEditorPosition"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  feedbackEnabled: false,\n  highlightChoices: false,\n  maxSelections: 0,\n  mode: 'sentence',\n  partialScoring: false,\n  prompt: '',\n  promptEnabled: true,\n  rationale: '',\n  rationaleEnabled: true,\n  scoringType: 'auto',\n  studentInstructionsEnabled: true,\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  text: '',\n  tokens: [],\n  toolbarEditorPosition: 'bottom',\n};\n"],"mappings":";;;;;;iCAAe;EACbA,eAAe,EAAE,KAAK;EACtBC,gBAAgB,EAAE,KAAK;EACvBC,aAAa,EAAE,CAAC;EAChBC,IAAI,EAAE,UAAU;EAChBC,cAAc,EAAE,KAAK;EACrBC,MAAM,EAAE,EAAE;EACVC,aAAa,EAAE,IAAI;EACnBC,SAAS,EAAE,EAAE;EACbC,gBAAgB,EAAE,IAAI;EACtBC,WAAW,EAAE,MAAM;EACnBC,0BAA0B,EAAE,IAAI;EAChCC,mBAAmB,EAAE,EAAE;EACvBC,0BAA0B,EAAE,IAAI;EAChCC,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE,EAAE;EACVC,qBAAqB,EAAE;AACzB,CAAC","ignoreList":[]}

package/controller/lib/index.js

@@ -0,0 +1,258 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createCorrectResponseSession = void 0;
+exports.createDefaultModel = createDefaultModel;
+exports.validate = exports.outcome = exports.normalizeSession = exports.normalize = exports.model = exports.getPartialScore = exports.getLogTrace = exports.getCorrectness = void 0;
+var _debug = _interopRequireDefault(require("debug"));
+var _lodashEs = require("lodash-es");
+var _feedback = require("@pie-lib/feedback");
+var _controllerUtils = require("@pie-lib/controller-utils");
+var _defaults = _interopRequireDefault(require("./defaults"));
+const log = (0, _debug.default)('@pie-element:select-text:controller');
+const equalTokens = (token1 = {}, token2 = {}) => token1?.start === token2?.start && token1?.end === token2?.end ||
+// this case is used for the cases when the token's start & end were recalculated
+token1?.start === token2?.oldStart && token1?.end === token2?.oldEnd;
+const normalizeTokens = (tokens = [], selectedTokens = [], evaluateMode = false) => (tokens || []).map(token => {
+  const isCorrect = !!token.correct;
+  // search if correct token is missing from session
+  const isMissing = isCorrect && !(selectedTokens || []).find(selectedToken => equalTokens(token, selectedToken));
+  return {
+    ...token,
+    correct: evaluateMode ? isCorrect : undefined,
+    isMissing: evaluateMode ? isMissing : undefined
+  };
+});
+const getCorrectness = (tokens, selected) => {
+  const correct = tokens.filter(t => t.correct === true);
+  if (correct.length === 0) {
+    return 'unknown';
+  }
+  const correctSelected = getCorrectSelected(tokens, selected);
+  if (correctSelected.length === selected.length) {
+    if (correctSelected.length === correct.length) {
+      return 'correct';
+    } else if (correctSelected.length > 0) {
+      return 'partially-correct';
+    }
+  }
+  if (correctSelected.length > 0) {
+    return 'partially-correct';
+  }
+  return 'incorrect';
+};
+exports.getCorrectness = getCorrectness;
+const getCorrectSelected = (tokens, selected) => (selected || []).filter(s => tokens.findIndex(token => token.correct && equalTokens(token, s)) !== -1);
+const getPartialScore = (question, session, totalCorrect) => {
+  if (!session || (0, _lodashEs.isEmpty)(session)) {
+    return 0;
+  }
+  const correctCount = getCorrectSelected(question.tokens, session.selectedTokens).length;
+  const correctTokens = (question.tokens || []).filter(t => t.correct === true);
+  const extraSelected = session.selectedTokens ? session.selectedTokens.length > correctTokens.length : 0;
+  const incorrectCount = extraSelected ? session.selectedTokens && session.selectedTokens.length - correctCount : 0;
+  const count = correctCount - incorrectCount;
+  const positiveCount = count < 0 ? 0 : count;
+  return totalCorrect.length ? parseFloat((positiveCount / totalCorrect.length).toFixed(2)) : 0;
+};
+
+/**
+ * Generates detailed trace log for select-text scoring evaluation
+ * @param {Object} question - the question model
+ * @param {Object} session - the student session
+ * @param {Object} env - the environment
+ * @returns {Array<string>} traceLog
+ */
+exports.getPartialScore = getPartialScore;
+const getLogTrace = (question, session, env) => {
+  const traceLog = [];
+  const selectedTokens = session?.selectedTokens || [];
+  const tokens = question?.tokens || [];
+  if (selectedTokens.length === 0) {
+    traceLog.push('Student did not select any token.');
+    return traceLog;
+  }
+  traceLog.push(`Student selected ${selectedTokens.length} token(s).`);
+  let totalCorrectTokens = 0;
+  let correctSelected = 0;
+  let missingCount = 0;
+  for (let i = 0; i < tokens.length; i++) {
+    const token = tokens[i];
+    if (token.correct) {
+      totalCorrectTokens++;
+      const matched = selectedTokens.some(s => equalTokens(token, s));
+      if (matched) {
+        correctSelected++;
+      } else {
+        missingCount++;
+      }
+    }
+  }
+  const incorrectSelected = selectedTokens.length - correctSelected;
+  if (correctSelected > 0) {
+    traceLog.push(`${correctSelected} correct token(s) selected.`);
+  }
+  if (incorrectSelected > 0) {
+    traceLog.push(`${incorrectSelected} incorrect token(s) selected.`);
+  }
+  if (missingCount > 0) {
+    traceLog.push(`${missingCount} required correct token(s) were not selected.`);
+  }
+  const partialScoringEnabled = _controllerUtils.partialScoring.enabled(question, env, true);
+  if (partialScoringEnabled) {
+    traceLog.push('Score calculated using partial scoring.');
+    traceLog.push('Score is based on the number of correct minus incorrect selections, divided by the total number of correct tokens.');
+    if (incorrectSelected > 0 && selectedTokens.length > totalCorrectTokens) {
+      traceLog.push('Extra selected tokens beyond the correct set reduce the score.');
+    }
+  } else {
+    traceLog.push('Score calculated using all-or-nothing scoring.');
+    traceLog.push('Student must select all correct tokens and no incorrect tokens to receive full credit.');
+  }
+  const rawScore = getPartialScore(question, session, tokens.filter(t => t.correct));
+  const finalScore = partialScoringEnabled ? rawScore : rawScore === 1 ? 1 : 0;
+  traceLog.push(`Final score: ${finalScore}.`);
+  return traceLog;
+};
+exports.getLogTrace = getLogTrace;
+const outcome = (question, session, env) => new Promise(resolve => {
+  if (!session || (0, _lodashEs.isEmpty)(session)) {
+    resolve({
+      score: 0,
+      empty: true,
+      logTrace: ['Student did not select any token.']
+    });
+  }
+  session = normalizeSession(session);
+  if (env.mode !== 'evaluate') {
+    resolve({
+      score: undefined,
+      completed: undefined,
+      logTrace: []
+    });
+  } else {
+    const enabled = _controllerUtils.partialScoring.enabled(question, env, true);
+    const totalCorrect = question.tokens.filter(t => t.correct);
+    const score = getPartialScore(question, session, totalCorrect);
+    resolve({
+      score: enabled ? score : score === 1 ? 1 : 0,
+      logTrace: getLogTrace(question, session, env)
+    });
+  }
+});
+exports.outcome = outcome;
+function createDefaultModel(model = {}) {
+  return new Promise(resolve => {
+    resolve({
+      ..._defaults.default,
+      ...model
+    });
+  });
+}
+const normalizeSession = session => ({
+  selectedTokens: [],
+  ...session
+});
+exports.normalizeSession = normalizeSession;
+const normalize = question => ({
+  ..._defaults.default,
+  ...question
+});
+exports.normalize = normalize;
+const model = (question, session, env) => {
+  session = session || {
+    selectedToken: []
+  };
+  session.selectedTokens = session.selectedTokens || [];
+  const normalizedQuestion = normalize(question);
+  return new Promise(resolve => {
+    log('[model]', 'normalizedQuestion: ', normalizedQuestion);
+    log('[model]', 'session: ', session);
+    const tokens = normalizeTokens(normalizedQuestion.tokens, session.selectedTokens, env.mode === 'evaluate');
+    log('[model] tokens:', tokens);
+    const correctness = env.mode === 'evaluate' ? getCorrectness(normalizedQuestion.tokens, session.selectedTokens) : undefined;
+    const fb = env.mode === 'evaluate' && normalizedQuestion.feedbackEnabled ? (0, _feedback.getFeedbackForCorrectness)(correctness, normalizedQuestion.feedback) : Promise.resolve(undefined);
+    fb.then(feedback => {
+      const out = {
+        tokens,
+        highlightChoices: normalizedQuestion.highlightChoices,
+        prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,
+        text: normalizedQuestion.text,
+        disabled: env.mode !== 'gather',
+        maxSelections: normalizedQuestion.maxSelections,
+        correctness,
+        env,
+        feedback,
+        incorrect: env.mode === 'evaluate' ? correctness !== 'correct' : undefined,
+        language: normalizedQuestion.language,
+        extraCSSRules: normalizedQuestion.extraCSSRules
+      };
+      if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {
+        out.rationale = normalizedQuestion.rationaleEnabled ? normalizedQuestion.rationale : null;
+        out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled ? normalizedQuestion.teacherInstructions : null;
+      } else {
+        out.rationale = null;
+        out.teacherInstructions = null;
+      }
+      resolve(out);
+    });
+  });
+};
+exports.model = model;
+const createCorrectResponseSession = (question, env) => {
+  return new Promise(resolve => {
+    if (env.mode !== 'evaluate' && env.role === 'instructor') {
+      const {
+        tokens
+      } = question;
+      const selectedTokens = tokens.filter(t => t.correct);
+      resolve({
+        id: '1',
+        selectedTokens
+      });
+    } else {
+      resolve(null);
+    }
+  });
+};
+
+// remove all html tags
+exports.createCorrectResponseSession = createCorrectResponseSession;
+const getInnerText = html => (html || '').replaceAll(/<[^>]*>/g, '');
+
+// remove all html tags except img, iframe and source tag for audio
+const getContent = html => (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');
+const validate = (model = {}, config = {}) => {
+  const {
+    tokens
+  } = model;
+  const {
+    minTokens = 2,
+    maxTokens,
+    maxSelections
+  } = config;
+  const errors = {};
+  const nbOfTokens = (tokens || []).length;
+  ['teacherInstructions', 'prompt', 'rationale'].forEach(field => {
+    if (config[field]?.required && !getContent(model[field])) {
+      errors[field] = 'This field is required.';
+    }
+  });
+  const nbOfSelections = (tokens || []).reduce((acc, token) => token.correct ? acc + 1 : acc, 0);
+  if (nbOfTokens < minTokens) {
+    errors.tokensError = `There should be at least ${minTokens} tokens defined.`;
+  } else if (nbOfTokens > maxTokens) {
+    errors.tokensError = `No more than ${maxTokens} tokens should be defined.`;
+  }
+  if (nbOfSelections < 1) {
+    errors.selectionsError = 'There should be at least 1 token selected.';
+  } else if (nbOfSelections > maxSelections) {
+    errors.selectionsError = `No more than ${maxSelections} tokens should be selected.`;
+  }
+  return errors;
+};
+exports.validate = validate;
+//# sourceMappingURL=index.js.map