@pie-element/multiple-choice 13.0.1 → 13.1.1-next.0

package/lib/multiple-choice.js

@@ -1,385 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MultipleChoice = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _styles = require("@mui/material/styles");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _renderUi = require("@pie-lib/render-ui");
-var _translator = _interopRequireDefault(require("@pie-lib/translator"));
-var _choice = _interopRequireDefault(require("./choice"));
-const {
-  translator
-} = _translator.default;
-const MainContainer = (0, _styles.styled)(_Box.default)({
-  color: _renderUi.color.text(),
-  backgroundColor: _renderUi.color.background(),
-  '& *': {
-    '-webkit-font-smoothing': 'antialiased'
-  },
-  position: 'relative',
-  // remove border from legend tags inside main to override the OT default styles
-  '& legend': {
-    border: 'none !important'
-  }
-});
-const PartLabel = (0, _styles.styled)('h2')(({
-  theme
-}) => ({
-  display: 'block',
-  fontSize: 'inherit',
-  margin: '0',
-  fontWeight: 'normal',
-  paddingBottom: theme.spacing(2)
-}));
-const TeacherInstructions = (0, _styles.styled)(_Box.default)(({
-  theme
-}) => ({
-  marginBottom: theme.spacing(2)
-}));
-const HorizontalLayout = (0, _styles.styled)(_Box.default)({
-  display: 'flex',
-  flexDirection: 'row',
-  flexWrap: 'wrap'
-});
-const GridLayout = (0, _styles.styled)(_Box.default)({
-  display: 'grid'
-});
-const StyledFieldset = (0, _styles.styled)('fieldset')({
-  border: '0px',
-  padding: '0.01em 0 0 0',
-  margin: '0px',
-  minWidth: '0px',
-  '&:focus': {
-    outline: 'none'
-  }
-});
-const SrOnly = (0, _styles.styled)('h3')({
-  position: 'absolute',
-  left: '-10000px',
-  top: 'auto',
-  width: '1px',
-  height: '1px',
-  overflow: 'hidden'
-});
-const ErrorText = (0, _styles.styled)('div')(({
-  theme
-}) => ({
-  fontSize: theme.typography.fontSize - 2,
-  color: theme.palette.error.main,
-  paddingTop: theme.spacing(1)
-}));
-class MultipleChoice extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    // handleChange was added for accessibility. Please see comments and videos from PD-2441.
-    (0, _defineProperty2.default)(this, "handleChange", event => {
-      const {
-        value,
-        checked
-      } = event.target;
-      const {
-        maxSelections,
-        onChoiceChanged,
-        session
-      } = this.props;
-      if (session.value && session.value.length >= maxSelections) {
-        // show/hide max selections error when user select/deselect an answer
-        this.setState({
-          maxSelectionsErrorState: checked
-        });
-        if (checked) {
-          // prevent selecting more answers
-          return;
-        }
-      }
-      onChoiceChanged({
-        value,
-        selected: checked,
-        selector: 'Mouse'
-      });
-    });
-    (0, _defineProperty2.default)(this, "onToggle", () => {
-      if (this.props.mode === 'evaluate') {
-        this.setState({
-          showCorrect: !this.state.showCorrect
-        }, () => {
-          if (this.props.onShowCorrectToggle) {
-            this.props.onShowCorrectToggle();
-          }
-        });
-      }
-    });
-    (0, _defineProperty2.default)(this, "getCorrectness", (choice = {}) => {
-      const isCorrect = choice.correct;
-      const isChecked = this.isSelected(choice.value);
-      if (this.state.showCorrect) {
-        return isCorrect ? 'correct' : undefined;
-      }
-      if (isCorrect) {
-        if (isChecked) {
-          // A correct answer is selected: marked with a green checkmark
-          return 'correct';
-        } else {
-          // A correct answer is NOT selected: marked with an orange X
-          return 'incorrect';
-        }
-      } else {
-        if (isChecked) {
-          // An incorrect answer is selected: marked with an orange X
-          return 'incorrect';
-        } else {
-          // An incorrect answer is NOT selected: not marked
-          return undefined;
-        }
-      }
-    });
-    (0, _defineProperty2.default)(this, "handleGroupFocus", e => {
-      const fieldset = e.currentTarget;
-      const activeEl = document.activeElement;
-      if (fieldset.contains(activeEl) && activeEl !== fieldset) {
-        return;
-      }
-
-      // Only focus the first input if user is tabbing forward
-      if (!e.relatedTarget || fieldset.compareDocumentPosition(e.relatedTarget) & Node.DOCUMENT_POSITION_PRECEDING) {
-        if (this.firstInputRef?.current) {
-          this.firstInputRef.current.focus();
-        }
-      }
-    });
-    this.state = {
-      showCorrect: this.props.options && this.props.alwaysShowCorrect || false,
-      maxSelectionsErrorState: false
-    };
-    this.onToggle = this.onToggle.bind(this);
-    this.firstInputRef = /*#__PURE__*/_react.default.createRef();
-  }
-  isSelected(value) {
-    const sessionValue = this.props.session && this.props.session.value;
-    return sessionValue && sessionValue.indexOf && sessionValue.indexOf(value) >= 0;
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (!nextProps.correctResponse && this.state.showCorrect !== false) {
-      this.setState({
-        showCorrect: false
-      }, () => {
-        if (this.props.onShowCorrectToggle) {
-          this.props.onShowCorrectToggle();
-        }
-      });
-    }
-    if (nextProps.options && nextProps.alwaysShowCorrect && this.state.showCorrect !== true) {
-      this.setState({
-        showCorrect: true
-      }, () => {
-        if (this.props.onShowCorrectToggle) {
-          this.props.onShowCorrectToggle();
-        }
-      });
-    }
-  }
-  indexToSymbol(index) {
-    if (this.props.keyMode === 'numbers') {
-      return `${index + 1}`;
-    }
-    if (this.props.keyMode === 'letters') {
-      return String.fromCharCode(97 + index).toUpperCase();
-    }
-    return '';
-  }
-  getChecked(choice) {
-    // check for print context: options prop is passed from print.js and alwaysShowCorrect is true
-    const isPrintMode = this.props.options && this.props.alwaysShowCorrect;
-    if (isPrintMode) {
-      return choice.correct || false;
-    }
-
-    // evaluate mode with show correct toggled
-    const isEvaluateMode = this.state.showCorrect && this.props.mode === 'evaluate';
-    if (isEvaluateMode) {
-      return choice.correct || false;
-    }
-
-    // default behavior: show what the user has selected
-    return this.isSelected(choice.value);
-  }
-
-  // renderHeading function was added for accessibility.
-  renderHeading() {
-    const {
-      mode,
-      choiceMode
-    } = this.props;
-    if (mode !== 'gather') {
-      return null;
-    }
-    return choiceMode === 'radio' ? /*#__PURE__*/_react.default.createElement(SrOnly, null, "Multiple Choice Question") : /*#__PURE__*/_react.default.createElement(SrOnly, null, "Multiple Select Question");
-  }
-  render() {
-    const {
-      mode,
-      disabled,
-      className,
-      choices = [],
-      choiceMode,
-      gridColumns,
-      partLabel,
-      prompt,
-      responseCorrect,
-      teacherInstructions,
-      alwaysShowCorrect,
-      animationsDisabled,
-      language,
-      isSelectionButtonBelow,
-      minSelections,
-      maxSelections,
-      autoplayAudioEnabled,
-      session,
-      customAudioButton,
-      options
-    } = this.props;
-    const {
-      showCorrect,
-      maxSelectionsErrorState
-    } = this.state;
-    const isEvaluateMode = mode === 'evaluate';
-    const showCorrectAnswerToggle = isEvaluateMode && !responseCorrect;
-    const columnsStyle = gridColumns > 1 ? {
-      gridTemplateColumns: `repeat(${gridColumns}, 1fr)`
-    } : undefined;
-    const selections = session.value && session.value.length || 0;
-    const teacherInstructionsDiv = /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
-      tagName: "div",
-      className: "prompt",
-      defaultClassName: "teacher-instructions",
-      prompt: teacherInstructions
-    });
-    const getMultipleChoiceMinSelectionErrorMessage = () => {
-      if (minSelections && maxSelections) {
-        return minSelections === maxSelections ? translator.t('translation:multipleChoice:minmaxSelections_equal', {
-          lng: language,
-          minSelections
-        }) : translator.t('translation:multipleChoice:minmaxSelections_range', {
-          lng: language,
-          minSelections,
-          maxSelections
-        });
-      }
-      if (minSelections) {
-        return translator.t('translation:multipleChoice:minSelections', {
-          lng: language,
-          minSelections
-        });
-      }
-      return '';
-    };
-    const LayoutComponent = this.props.choicesLayout === 'grid' ? GridLayout : this.props.choicesLayout === 'horizontal' ? HorizontalLayout : _Box.default;
-    return /*#__PURE__*/_react.default.createElement(MainContainer, {
-      id: 'main-container',
-      className: (0, _classnames.default)(className, 'multiple-choice')
-    }, partLabel && /*#__PURE__*/_react.default.createElement(PartLabel, null, partLabel), this.renderHeading(), teacherInstructions && /*#__PURE__*/_react.default.createElement(TeacherInstructions, null, !animationsDisabled ? /*#__PURE__*/_react.default.createElement(_renderUi.Collapsible, {
-      labels: {
-        hidden: 'Show Teacher Instructions',
-        visible: 'Hide Teacher Instructions'
-      }
-    }, teacherInstructionsDiv) : teacherInstructionsDiv), /*#__PURE__*/_react.default.createElement(StyledFieldset, {
-      tabIndex: 0,
-      onFocus: this.handleGroupFocus,
-      role: choiceMode === 'radio' ? 'radiogroup' : 'group'
-    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
-      className: "prompt",
-      defaultClassName: "prompt",
-      prompt: prompt,
-      tagName: 'legend',
-      autoplayAudioEnabled: autoplayAudioEnabled,
-      customAudioButton: customAudioButton
-    }), !(options && alwaysShowCorrect) && /*#__PURE__*/_react.default.createElement(_correctAnswerToggle.default, {
-      show: showCorrectAnswerToggle,
-      toggled: showCorrect,
-      onToggle: this.onToggle.bind(this),
-      language: language
-    }), /*#__PURE__*/_react.default.createElement(LayoutComponent, {
-      style: columnsStyle
-    }, choices.map((choice, index) => /*#__PURE__*/_react.default.createElement(_choice.default, {
-      autoFocusRef: index === 0 ? this.firstInputRef : null,
-      choicesLayout: this.props.choicesLayout,
-      selectedAnswerBackgroundColor: this.props.selectedAnswerBackgroundColor,
-      selectedAnswerStrokeColor: this.props.selectedAnswerStrokeColor,
-      selectedAnswerStrokeWidth: this.props.selectedAnswerStrokeWidth,
-      hoverAnswerBackgroundColor: this.props.hoverAnswerBackgroundColor,
-      hoverAnswerStrokeColor: this.props.hoverAnswerStrokeColor,
-      hoverAnswerStrokeWidth: this.props.hoverAnswerStrokeWidth,
-      gridColumns: gridColumns,
-      key: `choice-${index}`,
-      choice: choice,
-      index: index,
-      choicesLength: choices.length,
-      showCorrect: showCorrect,
-      isEvaluateMode: isEvaluateMode,
-      choiceMode: choiceMode,
-      disabled: disabled,
-      tagName: partLabel ? `group-${partLabel}` : 'group',
-      onChoiceChanged: this.handleChange,
-      hideTick: choice.hideTick,
-      checked: this.getChecked(choice),
-      correctness: isEvaluateMode ? this.getCorrectness(choice) : undefined,
-      displayKey: this.indexToSymbol(index),
-      isSelectionButtonBelow: isSelectionButtonBelow
-    })))), choiceMode === 'checkbox' && selections < minSelections && /*#__PURE__*/_react.default.createElement(ErrorText, null, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && /*#__PURE__*/_react.default.createElement(ErrorText, null, translator.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
-      lng: language,
-      maxSelections
-    })));
-  }
-}
-exports.MultipleChoice = MultipleChoice;
-(0, _defineProperty2.default)(MultipleChoice, "propTypes", {
-  className: _propTypes.default.string,
-  mode: _propTypes.default.oneOf(['gather', 'view', 'evaluate']),
-  choiceMode: _propTypes.default.oneOf(['radio', 'checkbox']),
-  keyMode: _propTypes.default.oneOf(['numbers', 'letters', 'none']),
-  choices: _propTypes.default.array,
-  partLabel: _propTypes.default.string,
-  prompt: _propTypes.default.string,
-  teacherInstructions: _propTypes.default.string,
-  session: _propTypes.default.object,
-  disabled: _propTypes.default.bool,
-  onChoiceChanged: _propTypes.default.func,
-  responseCorrect: _propTypes.default.bool,
-  correctResponse: _propTypes.default.array,
-  choicesLayout: _propTypes.default.oneOf(['vertical', 'grid', 'horizontal']),
-  gridColumns: _propTypes.default.string,
-  alwaysShowCorrect: _propTypes.default.bool,
-  animationsDisabled: _propTypes.default.bool,
-  language: _propTypes.default.string,
-  selectedAnswerBackgroundColor: _propTypes.default.string,
-  selectedAnswerStrokeColor: _propTypes.default.string,
-  selectedAnswerStrokeWidth: _propTypes.default.string,
-  hoverAnswerBackgroundColor: _propTypes.default.string,
-  hoverAnswerStrokeColor: _propTypes.default.string,
-  hoverAnswerStrokeWidth: _propTypes.default.string,
-  onShowCorrectToggle: _propTypes.default.func,
-  isSelectionButtonBelow: _propTypes.default.bool,
-  minSelections: _propTypes.default.number,
-  maxSelections: _propTypes.default.number,
-  autoplayAudioEnabled: _propTypes.default.bool,
-  customAudioButton: {
-    playImage: _propTypes.default.string,
-    pauseImage: _propTypes.default.string
-  },
-  options: _propTypes.default.object
-});
-MultipleChoice.defaultProps = {
-  session: {
-    value: []
-  }
-};
-var _default = exports.default = MultipleChoice;
-//# sourceMappingURL=multiple-choice.js.map

package/lib/multiple-choice.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multiple-choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_correctAnswerToggle","_classnames","_styles","_Box","_renderUi","_translator","_choice","translator","Translator","MainContainer","styled","Box","color","text","backgroundColor","background","position","border","PartLabel","theme","display","fontSize","margin","fontWeight","paddingBottom","spacing","TeacherInstructions","marginBottom","HorizontalLayout","flexDirection","flexWrap","GridLayout","StyledFieldset","padding","minWidth","outline","SrOnly","left","top","width","height","overflow","ErrorText","typography","palette","error","main","paddingTop","MultipleChoice","React","Component","constructor","props","_defineProperty2","default","event","value","checked","target","maxSelections","onChoiceChanged","session","length","setState","maxSelectionsErrorState","selected","selector","mode","showCorrect","state","onShowCorrectToggle","choice","isCorrect","correct","isChecked","isSelected","undefined","e","fieldset","currentTarget","activeEl","document","activeElement","contains","relatedTarget","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","firstInputRef","current","focus","options","alwaysShowCorrect","onToggle","bind","createRef","sessionValue","indexOf","UNSAFE_componentWillReceiveProps","nextProps","correctResponse","indexToSymbol","index","keyMode","String","fromCharCode","toUpperCase","getChecked","isPrintMode","isEvaluateMode","renderHeading","choiceMode","createElement","render","disabled","className","choices","gridColumns","partLabel","prompt","responseCorrect","teacherInstructions","animationsDisabled","language","isSelectionButtonBelow","minSelections","autoplayAudioEnabled","customAudioButton","showCorrectAnswerToggle","columnsStyle","gridTemplateColumns","selections","teacherInstructionsDiv","PreviewPrompt","tagName","defaultClassName","getMultipleChoiceMinSelectionErrorMessage","t","lng","LayoutComponent","choicesLayout","id","classNames","Collapsible","labels","hidden","visible","tabIndex","onFocus","handleGroupFocus","role","show","toggled","style","map","autoFocusRef","selectedAnswerBackgroundColor","selectedAnswerStrokeColor","selectedAnswerStrokeWidth","hoverAnswerBackgroundColor","hoverAnswerStrokeColor","hoverAnswerStrokeWidth","key","choicesLength","handleChange","hideTick","correctness","getCorrectness","displayKey","exports","PropTypes","string","oneOf","array","object","bool","func","number","playImage","pauseImage","defaultProps","_default"],"sources":["../src/multiple-choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport classNames from 'classnames';\nimport { styled } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport { color, Collapsible, PreviewPrompt } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nimport Choice from './choice';\n\nconst { translator } = Translator;\n\nconst MainContainer = styled(Box)({\n  color: color.text(),\n  backgroundColor: color.background(),\n  '& *': {\n    '-webkit-font-smoothing': 'antialiased',\n  },\n  position: 'relative',\n  // remove border from legend tags inside main to override the OT default styles\n  '& legend': {\n    border: 'none !important',\n  },\n});\n\nconst PartLabel = styled('h2')(({ theme }) => ({\n  display: 'block',\n  fontSize: 'inherit',\n  margin: '0',\n  fontWeight: 'normal',\n  paddingBottom: theme.spacing(2),\n}));\n\nconst TeacherInstructions = styled(Box)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n}));\n\nconst HorizontalLayout = styled(Box)({\n  display: 'flex',\n  flexDirection: 'row',\n  flexWrap: 'wrap',\n});\n\nconst GridLayout = styled(Box)({\n  display: 'grid',\n});\n\nconst StyledFieldset = styled('fieldset')({\n  border: '0px',\n  padding: '0.01em 0 0 0',\n  margin: '0px',\n  minWidth: '0px',\n  '&:focus': {\n    outline: 'none',\n  },\n});\n\nconst SrOnly = styled('h3')({\n  position: 'absolute',\n  left: '-10000px',\n  top: 'auto',\n  width: '1px',\n  height: '1px',\n  overflow: 'hidden',\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\nexport class MultipleChoice extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    mode: PropTypes.oneOf(['gather', 'view', 'evaluate']),\n    choiceMode: PropTypes.oneOf(['radio', 'checkbox']),\n    keyMode: PropTypes.oneOf(['numbers', 'letters', 'none']),\n    choices: PropTypes.array,\n    partLabel: PropTypes.string,\n    prompt: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    session: PropTypes.object,\n    disabled: PropTypes.bool,\n    onChoiceChanged: PropTypes.func,\n    responseCorrect: PropTypes.bool,\n    correctResponse: PropTypes.array,\n    choicesLayout: PropTypes.oneOf(['vertical', 'grid', 'horizontal']),\n    gridColumns: PropTypes.string,\n    alwaysShowCorrect: PropTypes.bool,\n    animationsDisabled: PropTypes.bool,\n    language: PropTypes.string,\n    selectedAnswerBackgroundColor: PropTypes.string,\n    selectedAnswerStrokeColor: PropTypes.string,\n    selectedAnswerStrokeWidth: PropTypes.string,\n    hoverAnswerBackgroundColor: PropTypes.string,\n    hoverAnswerStrokeColor: PropTypes.string,\n    hoverAnswerStrokeWidth: PropTypes.string,\n    onShowCorrectToggle: PropTypes.func,\n    isSelectionButtonBelow: PropTypes.bool,\n    minSelections: PropTypes.number,\n    maxSelections: PropTypes.number,\n    autoplayAudioEnabled: PropTypes.bool,\n    customAudioButton: {\n      playImage: PropTypes.string,\n      pauseImage: PropTypes.string,\n    },\n    options: PropTypes.object,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showCorrect: (this.props.options && this.props.alwaysShowCorrect) || false,\n      maxSelectionsErrorState: false,\n    };\n\n    this.onToggle = this.onToggle.bind(this);\n    this.firstInputRef = React.createRef();\n  }\n\n  isSelected(value) {\n    const sessionValue = this.props.session && this.props.session.value;\n\n    return sessionValue && sessionValue.indexOf && sessionValue.indexOf(value) >= 0;\n  }\n\n  // handleChange was added for accessibility. Please see comments and videos from PD-2441.\n  handleChange = (event) => {\n    const { value, checked } = event.target;\n    const { maxSelections, onChoiceChanged, session } = this.props;\n\n    if (session.value && session.value.length >= maxSelections) {\n      // show/hide max selections error when user select/deselect an answer\n      this.setState({ maxSelectionsErrorState: checked });\n\n      if (checked) {\n        // prevent selecting more answers\n        return;\n      }\n    }\n\n    onChoiceChanged({ value, selected: checked, selector: 'Mouse' });\n  };\n\n  onToggle = () => {\n    if (this.props.mode === 'evaluate') {\n      this.setState({ showCorrect: !this.state.showCorrect }, () => {\n        if (this.props.onShowCorrectToggle) {\n          this.props.onShowCorrectToggle();\n        }\n      });\n    }\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!nextProps.correctResponse && this.state.showCorrect !== false) {\n      this.setState({ showCorrect: false }, () => {\n        if (this.props.onShowCorrectToggle) {\n          this.props.onShowCorrectToggle();\n        }\n      });\n    }\n\n    if (nextProps.options && nextProps.alwaysShowCorrect && this.state.showCorrect !== true) {\n      this.setState({ showCorrect: true }, () => {\n        if (this.props.onShowCorrectToggle) {\n          this.props.onShowCorrectToggle();\n        }\n      });\n    }\n  }\n\n  indexToSymbol(index) {\n    if (this.props.keyMode === 'numbers') {\n      return `${index + 1}`;\n    }\n\n    if (this.props.keyMode === 'letters') {\n      return String.fromCharCode(97 + index).toUpperCase();\n    }\n\n    return '';\n  }\n\n  getCorrectness = (choice = {}) => {\n    const isCorrect = choice.correct;\n    const isChecked = this.isSelected(choice.value);\n\n    if (this.state.showCorrect) {\n      return isCorrect ? 'correct' : undefined;\n    }\n\n    if (isCorrect) {\n      if (isChecked) {\n        // A correct answer is selected: marked with a green checkmark\n        return 'correct';\n      } else {\n        // A correct answer is NOT selected: marked with an orange X\n        return 'incorrect';\n      }\n    } else {\n      if (isChecked) {\n        // An incorrect answer is selected: marked with an orange X\n        return 'incorrect';\n      } else {\n        // An incorrect answer is NOT selected: not marked\n        return undefined;\n      }\n    }\n  };\n\n  getChecked(choice) {\n    // check for print context: options prop is passed from print.js and alwaysShowCorrect is true\n    const isPrintMode = this.props.options && this.props.alwaysShowCorrect;\n\n    if (isPrintMode) {\n      return choice.correct || false;\n    }\n\n    // evaluate mode with show correct toggled\n    const isEvaluateMode = this.state.showCorrect && this.props.mode === 'evaluate';\n\n    if (isEvaluateMode) {\n      return choice.correct || false;\n    }\n\n    // default behavior: show what the user has selected\n    return this.isSelected(choice.value);\n  }\n\n  // renderHeading function was added for accessibility.\n  renderHeading() {\n    const { mode, choiceMode } = this.props;\n\n    if (mode !== 'gather') {\n      return null;\n    }\n\n    return choiceMode === 'radio' ? (\n      <SrOnly>Multiple Choice Question</SrOnly>\n    ) : (\n      <SrOnly>Multiple Select Question</SrOnly>\n    );\n  }\n\n  handleGroupFocus = (e) => {\n    const fieldset = e.currentTarget;\n    const activeEl = document.activeElement;\n\n    if (fieldset.contains(activeEl) && activeEl !== fieldset) {\n      return;\n    }\n\n    // Only focus the first input if user is tabbing forward\n    if (!e.relatedTarget || fieldset.compareDocumentPosition(e.relatedTarget) & Node.DOCUMENT_POSITION_PRECEDING) {\n      if (this.firstInputRef?.current) {\n        this.firstInputRef.current.focus();\n      }\n    }\n  };\n\n  render() {\n    const {\n      mode,\n      disabled,\n      className,\n      choices = [],\n      choiceMode,\n      gridColumns,\n      partLabel,\n      prompt,\n      responseCorrect,\n      teacherInstructions,\n      alwaysShowCorrect,\n      animationsDisabled,\n      language,\n      isSelectionButtonBelow,\n      minSelections,\n      maxSelections,\n      autoplayAudioEnabled,\n      session,\n      customAudioButton,\n      options,\n    } = this.props;\n    const { showCorrect, maxSelectionsErrorState } = this.state;\n    const isEvaluateMode = mode === 'evaluate';\n    const showCorrectAnswerToggle = isEvaluateMode && !responseCorrect;\n    const columnsStyle = gridColumns > 1 ? { gridTemplateColumns: `repeat(${gridColumns}, 1fr)` } : undefined;\n    const selections = (session.value && session.value.length) || 0;\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt\n        tagName=\"div\"\n        className=\"prompt\"\n        defaultClassName=\"teacher-instructions\"\n        prompt={teacherInstructions}\n      />\n    );\n\n    const getMultipleChoiceMinSelectionErrorMessage = () => {\n      if (minSelections && maxSelections) {\n        return minSelections === maxSelections\n          ? translator.t('translation:multipleChoice:minmaxSelections_equal', { lng: language, minSelections })\n          : translator.t('translation:multipleChoice:minmaxSelections_range', {\n              lng: language,\n              minSelections,\n              maxSelections,\n            });\n      }\n\n      if (minSelections) {\n        return translator.t('translation:multipleChoice:minSelections', { lng: language, minSelections });\n      }\n\n      return '';\n    };\n\n    const LayoutComponent = this.props.choicesLayout === 'grid'\n      ? GridLayout\n      : this.props.choicesLayout === 'horizontal'\n        ? HorizontalLayout\n        : Box;\n\n    return (\n      <MainContainer id={'main-container'} className={classNames(className, 'multiple-choice')}>\n        {partLabel && <PartLabel>{partLabel}</PartLabel>}\n\n        {this.renderHeading()}\n\n        {teacherInstructions && (\n          <TeacherInstructions>\n            {!animationsDisabled ? (\n              <Collapsible\n                labels={{\n                  hidden: 'Show Teacher Instructions',\n                  visible: 'Hide Teacher Instructions',\n                }}\n              >\n                {teacherInstructionsDiv}\n              </Collapsible>\n            ) : (\n              teacherInstructionsDiv\n            )}\n          </TeacherInstructions>\n        )}\n\n        <StyledFieldset\n          tabIndex={0}\n          onFocus={this.handleGroupFocus}\n          role={choiceMode === 'radio' ? 'radiogroup' : 'group'}\n        >\n          <PreviewPrompt\n            className=\"prompt\"\n            defaultClassName=\"prompt\"\n            prompt={prompt}\n            tagName={'legend'}\n            autoplayAudioEnabled={autoplayAudioEnabled}\n            customAudioButton={customAudioButton}\n          />\n\n          {!(options && alwaysShowCorrect) && (\n            <CorrectAnswerToggle\n              show={showCorrectAnswerToggle}\n              toggled={showCorrect}\n              onToggle={this.onToggle.bind(this)}\n              language={language}\n            />\n          )}\n\n          <LayoutComponent style={columnsStyle}>\n            {choices.map((choice, index) => (\n              <Choice\n                autoFocusRef={index === 0 ? this.firstInputRef : null}\n                choicesLayout={this.props.choicesLayout}\n                selectedAnswerBackgroundColor={this.props.selectedAnswerBackgroundColor}\n                selectedAnswerStrokeColor={this.props.selectedAnswerStrokeColor}\n                selectedAnswerStrokeWidth={this.props.selectedAnswerStrokeWidth}\n                hoverAnswerBackgroundColor={this.props.hoverAnswerBackgroundColor}\n                hoverAnswerStrokeColor={this.props.hoverAnswerStrokeColor}\n                hoverAnswerStrokeWidth={this.props.hoverAnswerStrokeWidth}\n                gridColumns={gridColumns}\n                key={`choice-${index}`}\n                choice={choice}\n                index={index}\n                choicesLength={choices.length}\n                showCorrect={showCorrect}\n                isEvaluateMode={isEvaluateMode}\n                choiceMode={choiceMode}\n                disabled={disabled}\n                tagName={partLabel ? `group-${partLabel}` : 'group'}\n                onChoiceChanged={this.handleChange}\n                hideTick={choice.hideTick}\n                checked={this.getChecked(choice)}\n                correctness={isEvaluateMode ? this.getCorrectness(choice) : undefined}\n                displayKey={this.indexToSymbol(index)}\n                isSelectionButtonBelow={isSelectionButtonBelow}\n              />\n            ))}\n          </LayoutComponent>\n        </StyledFieldset>\n\n        {choiceMode === 'checkbox' && selections < minSelections && (\n          <ErrorText>{getMultipleChoiceMinSelectionErrorMessage()}</ErrorText>\n        )}\n        {choiceMode === 'checkbox' && maxSelectionsErrorState && (\n          <ErrorText>\n            {translator.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {\n              lng: language,\n              maxSelections,\n            })}\n          </ErrorText>\n        )}\n      </MainContainer>\n    );\n  }\n}\n\nMultipleChoice.defaultProps = {\n  session: {\n    value: [],\n  },\n};\n\nexport default MultipleChoice;\n"],"mappings":"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","ignoreList":[]}

package/lib/print.js

@@ -1,94 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _client = require("react-dom/client");
-var _lodashEs = require("lodash-es");
-var _main = _interopRequireDefault(require("./main"));
-var _mathRendering = require("@pie-lib/math-rendering");
-var _debug = _interopRequireDefault(require("debug"));
-const log = (0, _debug.default)('pie-element:multiple-choice:print');
-
-/**
- * Live in same package as main element - so we can access some of the shared comps!
- *
- * - update pslb to build print if src/print.js is there
- * - update demo el
- * - get configure/controller building
- */
-
-const preparePrintModel = (model, opts) => {
-  const instr = opts.role === 'instructor';
-  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;
-  model.teacherInstructions = instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;
-  model.showTeacherInstructions = instr;
-  model.alwaysShowCorrect = instr;
-  model.mode = instr ? 'evaluate' : model.mode;
-  model.disabled = true;
-  model.animationsDisabled = true;
-  model.lockChoiceOrder = true;
-  model.choicesLayout = model.choicesLayout || 'vertical';
-  const choices = (0, _lodashEs.cloneDeep)(model.choices);
-  model.choices = choices.map(c => {
-    c.rationale = instr && model.rationaleEnabled !== false ? c.rationale : undefined;
-    c.hideTick = instr;
-    c.feedback = undefined;
-    return c;
-  });
-  model.keyMode = model.choicePrefix || 'letters';
-  return model;
-};
-class MultipleChoicePrint extends HTMLElement {
-  constructor() {
-    super();
-    this._options = null;
-    this._model = null;
-    this._session = [];
-    this._root = null;
-    this._rerender = (0, _lodashEs.debounce)(() => {
-      if (this._model && this._session) {
-        const printModel = preparePrintModel(this._model, this._options);
-        const element = this._options && /*#__PURE__*/_react.default.createElement(_main.default, {
-          model: printModel,
-          session: {},
-          options: this._options
-        });
-        if (!this._root) {
-          this._root = (0, _client.createRoot)(this);
-        }
-        this._root.render(element);
-        // Use double requestAnimationFrame so React has committed to the DOM before we render math
-        requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            log('render complete - render math');
-            (0, _mathRendering.renderMath)(this);
-          });
-        });
-      } else {
-        log('skip');
-      }
-    }, 50, {
-      leading: false,
-      trailing: true
-    });
-  }
-  set options(o) {
-    this._options = o;
-  }
-  set model(s) {
-    this._model = s;
-    this._rerender();
-  }
-  connectedCallback() {}
-  disconnectedCallback() {
-    if (this._root) {
-      this._root.unmount();
-    }
-  }
-}
-exports.default = MultipleChoicePrint;
-//# sourceMappingURL=print.js.map

package/lib/print.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"print.js","names":["_react","_interopRequireDefault","require","_client","_lodashEs","_main","_mathRendering","_debug","log","debug","preparePrintModel","model","opts","instr","role","prompt","promptEnabled","undefined","teacherInstructions","teacherInstructionsEnabled","showTeacherInstructions","alwaysShowCorrect","mode","disabled","animationsDisabled","lockChoiceOrder","choicesLayout","choices","cloneDeep","map","c","rationale","rationaleEnabled","hideTick","feedback","keyMode","choicePrefix","MultipleChoicePrint","HTMLElement","constructor","_options","_model","_session","_root","_rerender","debounce","printModel","element","React","createElement","Main","session","options","createRoot","render","requestAnimationFrame","renderMath","leading","trailing","o","s","connectedCallback","disconnectedCallback","unmount","exports","default"],"sources":["../src/print.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { cloneDeep, debounce } from 'lodash-es';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport debug from 'debug';\n\nconst log = debug('pie-element:multiple-choice:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;\n  model.teacherInstructions =\n    instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;\n  model.showTeacherInstructions = instr;\n  model.alwaysShowCorrect = instr;\n  model.mode = instr ? 'evaluate' : model.mode;\n\n  model.disabled = true;\n  model.animationsDisabled = true;\n  model.lockChoiceOrder = true;\n  model.choicesLayout = model.choicesLayout || 'vertical';\n\n  const choices = cloneDeep(model.choices);\n\n  model.choices = choices.map((c) => {\n    c.rationale = instr && model.rationaleEnabled !== false ? c.rationale : undefined;\n    c.hideTick = instr;\n    c.feedback = undefined;\n    return c;\n  });\n\n  model.keyMode = model.choicePrefix || 'letters';\n\n  return model;\n};\n\nexport default class MultipleChoicePrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = [];\n    this._root = null;\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              model: printModel,\n              session: {},\n              options: this._options,\n            });\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n          // Use double requestAnimationFrame so React has committed to the DOM before we render math\n          requestAnimationFrame(() => {\n            requestAnimationFrame(() => {\n              log('render complete - render math');\n              renderMath(this);\n            });\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/session-updater.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"session-updater.js","names":["updateSessionValue","session","choiceMode","data","value","selected","Array","from","Set","filter","v","selector","updateSessionMetadata","metadata","audioStartTime","audioEndTime","waitTime"],"sources":["../src/session-updater.js"],"sourcesContent":["export function updateSessionValue(session, choiceMode, data) {\n  session.value = session.value || [];\n  if (choiceMode === 'checkbox') {\n    if (data.selected) {\n      session.value = Array.from(new Set([...session.value, data.value]));\n    } else {\n      session.value = session.value.filter(v => v !== data.value);\n    }\n  }\n\n  if (choiceMode === 'radio') {\n    if (data.selected) {\n      session.value = [data.value];\n    } else {\n      session.value = [];\n    }\n  }\n  \n  //update session value metadata\n  session.selector = data.selector; //the input method used to select the choice (e.g. mouse, keyboard)\n}\n\nexport function updateSessionMetadata(session, metadata) {\n  session.audioStartTime = session.audioStartTime || metadata.audioStartTime; //timestamp when auto-played audio started playing\n  session.audioEndTime = session.audioEndTime || metadata.audioEndTime; //timestamp when auto-played audio completed playing\n  \n  if(!session.waitTime && session.audioStartTime && session.audioEndTime) {\n    // waitTime is elapsed time the user waited for auto-played audio to finish\n    session.waitTime = (session.audioEndTime - session.audioStartTime);\n  }\n}\n"],"mappings":";;;;;;;AAAO,SAASA,kBAAkBA,CAACC,OAAO,EAAEC,UAAU,EAAEC,IAAI,EAAE;EAC5DF,OAAO,CAACG,KAAK,GAAGH,OAAO,CAACG,KAAK,IAAI,EAAE;EACnC,IAAIF,UAAU,KAAK,UAAU,EAAE;IAC7B,IAAIC,IAAI,CAACE,QAAQ,EAAE;MACjBJ,OAAO,CAACG,KAAK,GAAGE,KAAK,CAACC,IAAI,CAAC,IAAIC,GAAG,CAAC,CAAC,GAAGP,OAAO,CAACG,KAAK,EAAED,IAAI,CAACC,KAAK,CAAC,CAAC,CAAC;IACrE,CAAC,MAAM;MACLH,OAAO,CAACG,KAAK,GAAGH,OAAO,CAACG,KAAK,CAACK,MAAM,CAACC,CAAC,IAAIA,CAAC,KAAKP,IAAI,CAACC,KAAK,CAAC;IAC7D;EACF;EAEA,IAAIF,UAAU,KAAK,OAAO,EAAE;IAC1B,IAAIC,IAAI,CAACE,QAAQ,EAAE;MACjBJ,OAAO,CAACG,KAAK,GAAG,CAACD,IAAI,CAACC,KAAK,CAAC;IAC9B,CAAC,MAAM;MACLH,OAAO,CAACG,KAAK,GAAG,EAAE;IACpB;EACF;;EAEA;EACAH,OAAO,CAACU,QAAQ,GAAGR,IAAI,CAACQ,QAAQ,CAAC,CAAC;AACpC;AAEO,SAASC,qBAAqBA,CAACX,OAAO,EAAEY,QAAQ,EAAE;EACvDZ,OAAO,CAACa,cAAc,GAAGb,OAAO,CAACa,cAAc,IAAID,QAAQ,CAACC,cAAc,CAAC,CAAC;EAC5Eb,OAAO,CAACc,YAAY,GAAGd,OAAO,CAACc,YAAY,IAAIF,QAAQ,CAACE,YAAY,CAAC,CAAC;;EAEtE,IAAG,CAACd,OAAO,CAACe,QAAQ,IAAIf,OAAO,CAACa,cAAc,IAAIb,OAAO,CAACc,YAAY,EAAE;IACtE;IACAd,OAAO,CAACe,QAAQ,GAAIf,OAAO,CAACc,YAAY,GAAGd,OAAO,CAACa,cAAe;EACpE;AACF","ignoreList":[]}

package/module/configure.js

@@ -1 +0,0 @@
-import{_dll_react as e,_dll_prop_types as t,_dll_mui__material_styles as n,_dll_pie_lib__render_ui as o,_dll_mui__material as i,_dll_mui__icons_material as r,_dll_debug as a,_dll_react_dom_client as s}from"../../../@pie-lib/shared-module@^5.0.0/module/index.js";import{_dll_pie_lib__config_ui as l}from"../../../@pie-lib/config-module@^4.0.0/module/index.js";import{_dll_pie_lib__editable_html_tip_tap as c}from"../../../@pie-lib/editable-html-module@^7.0.0/module/index.js";var u={};Object.defineProperty(u,"__esModule",{value:!0});class d extends CustomEvent{constructor(e,t=!1){super(d.TYPE,{bubbles:!0,detail:{update:e,reset:t}}),this.update=e,this.reset=t}}d.TYPE="model.updated";var h=u.ModelUpdatedEvent=d;class p extends CustomEvent{constructor(e,t){super(p.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}p.TYPE="delete.image";var g=u.DeleteImageEvent=p;class f extends CustomEvent{constructor(e){super(f.TYPE,{bubbles:!0,detail:e}),this.handler=e}}f.TYPE="insert.image";var b=u.InsertImageEvent=f;class m extends CustomEvent{constructor(e,t){super(m.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}m.TYPE="delete.sound";var _=u.DeleteSoundEvent=m;class y extends CustomEvent{constructor(e){super(y.TYPE,{bubbles:!0,detail:e}),this.handler=e}}y.TYPE="insert.sound";var C=u.InsertSoundEvent=y,v="object"==typeof global&&global&&global.Object===Object&&global,E="object"==typeof self&&self&&self.Object===Object&&self,j=v||E||Function("return this")(),A=j.Symbol,S=Object.prototype,x=S.hasOwnProperty,w=S.toString,O=A?A.toStringTag:void 0,P=Object.prototype.toString,I=A?A.toStringTag:void 0;function k(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":I&&I in Object(e)?function(e){var t=x.call(e,O),n=e[O];try{e[O]=void 0;var o=!0}catch(e){}var i=w.call(e);return o&&(t?e[O]=n:delete e[O]),i}(e):function(e){return P.call(e)}(e)}function M(e){return null!=e&&"object"==typeof e}var T=Array.isArray;function z(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function R(e){return e}function L(e){if(!z(e))return!1;var t=k(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t}var D,q=j["__core-js_shared__"],F=(D=/[^.]+$/.exec(q&&q.keys&&q.keys.IE_PROTO||""))?"Symbol(src)_1."+D:"",U=Function.prototype.toString,$=/^\[object .+?Constructor\]$/,B=Function.prototype,W=Object.prototype,Y=B.toString,H=W.hasOwnProperty,N=RegExp("^"+Y.call(H).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function G(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return function(e){return!(!z(e)||(t=e,F&&F in t))&&(L(e)?N:$).test(function(e){if(null!=e){try{return U.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e));var t}(n)?n:void 0}var V,J,K,Q=Object.create,X=function(){function e(){}return function(t){if(!z(t))return{};if(Q)return Q(t);e.prototype=t;var n=new e;return e.prototype=void 0,n}}(),Z=Date.now,ee=function(){try{var e=G(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),te=ee,ne=te?function(e,t){return te(e,"toString",{configurable:!0,enumerable:!1,value:(n=t,function(){return n}),writable:!0});var n}:R,oe=(V=ne,J=0,K=0,function(){var e=Z(),t=16-(e-K);if(K=e,t>0){if(++J>=800)return arguments[0]}else J=0;return V.apply(void 0,arguments)}),ie=/^(?:0|[1-9]\d*)$/;function re(e,t){var n=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==n||"symbol"!=n&&ie.test(e))&&e>-1&&e%1==0&&e<t}function ae(e,t,n){"__proto__"==t&&te?te(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n}function se(e,t){return e===t||e!=e&&t!=t}var le=Object.prototype.hasOwnProperty;function ce(e,t,n){var o=e[t];le.call(e,t)&&se(o,n)&&(void 0!==n||t in e)||ae(e,t,n)}var ue=Math.max;function de(e,t){return oe(function(e,t,n){return t=ue(void 0===t?e.length-1:t,0),function(){for(var o=arguments,i=-1,r=ue(o.length-t,0),a=Array(r);++i<r;)a[i]=o[t+i];i=-1;for(var s=Array(t+1);++i<t;)s[i]=o[i];return s[t]=n(a),function(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}(e,this,s)}}(e,t,R),e+"")}function he(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991}function pe(e){return null!=e&&he(e.length)&&!L(e)}function ge(e,t,n){if(!z(n))return!1;var o=typeof t;return!!("number"==o?pe(n)&&re(t,n.length):"string"==o&&t in n)&&se(n[t],e)}var fe=Object.prototype;function be(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||fe)}function me(e){return M(e)&&"[object Arguments]"==k(e)}var _e=Object.prototype,ye=_e.hasOwnProperty,Ce=_e.propertyIsEnumerable,ve=me(function(){return arguments}())?me:function(e){return M(e)&&ye.call(e,"callee")&&!Ce.call(e,"callee")},Ee="object"==typeof exports&&exports&&!exports.nodeType&&exports,je=Ee&&"object"==typeof module&&module&&!module.nodeType&&module,Ae=je&&je.exports===Ee?j.Buffer:void 0,Se=(Ae?Ae.isBuffer:void 0)||function(){return!1},xe={};xe["[object Float32Array]"]=xe["[object Float64Array]"]=xe["[object Int8Array]"]=xe["[object Int16Array]"]=xe["[object Int32Array]"]=xe["[object Uint8Array]"]=xe["[object Uint8ClampedArray]"]=xe["[object Uint16Array]"]=xe["[object Uint32Array]"]=!0,xe["[object Arguments]"]=xe["[object Array]"]=xe["[object ArrayBuffer]"]=xe["[object Boolean]"]=xe["[object DataView]"]=xe["[object Date]"]=xe["[object Error]"]=xe["[object Function]"]=xe["[object Map]"]=xe["[object Number]"]=xe["[object Object]"]=xe["[object RegExp]"]=xe["[object Set]"]=xe["[object String]"]=xe["[object WeakMap]"]=!1;var we="object"==typeof exports&&exports&&!exports.nodeType&&exports,Oe=we&&"object"==typeof module&&module&&!module.nodeType&&module,Pe=Oe&&Oe.exports===we&&v.process,Ie=function(){try{return Oe&&Oe.require&&Oe.require("util").types||Pe&&Pe.binding&&Pe.binding("util")}catch(e){}}(),ke=Ie&&Ie.isTypedArray,Me=ke?function(e){return function(t){return e(t)}}(ke):function(e){return M(e)&&he(e.length)&&!!xe[k(e)]},Te=Me,ze=Object.prototype.hasOwnProperty;var Re=Object.prototype.hasOwnProperty;function Le(e){return pe(e)?function(e,t){var n=T(e),o=!n&&ve(e),i=!n&&!o&&Se(e),r=!n&&!o&&!i&&Te(e),a=n||o||i||r,s=a?function(e,t){for(var n=-1,o=Array(e);++n<e;)o[n]=t(n);return o}(e.length,String):[],l=s.length;for(var c in e)!t&&!ze.call(e,c)||a&&("length"==c||i&&("offset"==c||"parent"==c)||r&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||re(c,l))||s.push(c);return s}(e,!0):function(e){if(!z(e))return function(e){var t=[];if(null!=e)for(var n in Object(e))t.push(n);return t}(e);var t=be(e),n=[];for(var o in e)("constructor"!=o||!t&&Re.call(e,o))&&n.push(o);return n}(e)}var De=G(Object,"create"),qe=Object.prototype.hasOwnProperty,Fe=Object.prototype.hasOwnProperty;function Ue(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var o=e[t];this.set(o[0],o[1])}}function $e(e,t){for(var n=e.length;n--;)if(se(e[n][0],t))return n;return-1}Ue.prototype.clear=function(){this.__data__=De?De(null):{},this.size=0},Ue.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Ue.prototype.get=function(e){var t=this.__data__;if(De){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return qe.call(t,e)?t[e]:void 0},Ue.prototype.has=function(e){var t=this.__data__;return De?void 0!==t[e]:Fe.call(t,e)},Ue.prototype.set=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=De&&void 0===t?"__lodash_hash_undefined__":t,this};var Be=Array.prototype.splice;function We(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var o=e[t];this.set(o[0],o[1])}}We.prototype.clear=function(){this.__data__=[],this.size=0},We.prototype.delete=function(e){var t=this.__data__,n=$e(t,e);return!(n<0||(n==t.length-1?t.pop():Be.call(t,n,1),--this.size,0))},We.prototype.get=function(e){var t=this.__data__,n=$e(t,e);return n<0?void 0:t[n][1]},We.prototype.has=function(e){return $e(this.__data__,e)>-1},We.prototype.set=function(e,t){var n=this.__data__,o=$e(n,e);return o<0?(++this.size,n.push([e,t])):n[o][1]=t,this};var Ye=G(j,"Map");function He(e,t){var n,o,i=e.__data__;return("string"==(o=typeof(n=t))||"number"==o||"symbol"==o||"boolean"==o?"__proto__"!==n:null===n)?i["string"==typeof t?"string":"hash"]:i.map}function Ne(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var o=e[t];this.set(o[0],o[1])}}Ne.prototype.clear=function(){this.size=0,this.__data__={hash:new Ue,map:new(Ye||We),string:new Ue}},Ne.prototype.delete=function(e){var t=He(this,e).delete(e);return this.size-=t?1:0,t},Ne.prototype.get=function(e){return He(this,e).get(e)},Ne.prototype.has=function(e){return He(this,e).has(e)},Ne.prototype.set=function(e,t){var n=He(this,e),o=n.size;return n.set(e,t),this.size+=n.size==o?0:1,this};var Ge=function(e,t){return function(n){return e(t(n))}}(Object.getPrototypeOf,Object),Ve=Ge,Je=Function.prototype,Ke=Object.prototype,Qe=Je.toString,Xe=Ke.hasOwnProperty,Ze=Qe.call(Object);function et(e){var t=this.__data__=new We(e);this.size=t.size}et.prototype.clear=function(){this.__data__=new We,this.size=0},et.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},et.prototype.get=function(e){return this.__data__.get(e)},et.prototype.has=function(e){return this.__data__.has(e)},et.prototype.set=function(e,t){var n=this.__data__;if(n instanceof We){var o=n.__data__;if(!Ye||o.length<199)return o.push([e,t]),this.size=++n.size,this;n=this.__data__=new Ne(o)}return n.set(e,t),this.size=n.size,this};var tt="object"==typeof exports&&exports&&!exports.nodeType&&exports,nt=tt&&"object"==typeof module&&module&&!module.nodeType&&module,ot=nt&&nt.exports===tt?j.Buffer:void 0,it=(ot&&ot.allocUnsafe,j.Uint8Array);var rt=Object.prototype,at=rt.hasOwnProperty,st=de(function(e,t){e=Object(e);var n=-1,o=t.length,i=o>2?t[2]:void 0;for(i&&ge(t[0],t[1],i)&&(o=1);++n<o;)for(var r=t[n],a=Le(r),s=-1,l=a.length;++s<l;){var c=a[s],u=e[c];(void 0===u||se(u,rt[c])&&!at.call(e,c))&&(e[c]=r[c])}return e});function lt(e,t,n){(void 0!==n&&!se(e[t],n)||void 0===n&&!(t in e))&&ae(e,t,n)}function ct(e,t){if(("constructor"!==t||"function"!=typeof e[t])&&"__proto__"!=t)return e[t]}function ut(e,t,n,o,i,r,a){var s=ct(e,n),l=ct(t,n),c=a.get(l);if(c)lt(e,n,c);else{var u,d=r?r(s,l,n+"",e,t,a):void 0,h=void 0===d;if(h){var p=T(l),g=!p&&Se(l),f=!p&&!g&&Te(l);d=l,p||g||f?T(s)?d=s:M(u=s)&&pe(u)?d=function(e,t){var n=-1,o=e.length;for(t||(t=Array(o));++n<o;)t[n]=e[n];return t}(s):g?(h=!1,d=function(e){return e.slice()}(l)):f?(h=!1,d=function(e,t){var n,o,i=t?(o=new(n=e.buffer).constructor(n.byteLength),new it(o).set(new it(n)),o):e.buffer;return new e.constructor(i,e.byteOffset,e.length)}(l,!0)):d=[]:function(e){if(!M(e)||"[object Object]"!=k(e))return!1;var t=Ve(e);if(null===t)return!0;var n=Xe.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&Qe.call(n)==Ze}(l)||ve(l)?(d=s,ve(s)?d=function(e){return function(e,t,n){var o=!n;n||(n={});for(var i=-1,r=t.length;++i<r;){var a=t[i],s=void 0;void 0===s&&(s=e[a]),o?ae(n,a,s):ce(n,a,s)}return n}(e,Le(e))}(s):z(s)&&!L(s)||(d=function(e){return"function"!=typeof e.constructor||be(e)?{}:X(Ve(e))}(l))):h=!1}h&&(a.set(l,d),i(d,l,o,r,a),a.delete(l)),lt(e,n,d)}}function dt(e,t,n,o,i){e!==t&&function(e,t,n){for(var o=-1,i=Object(e),r=n(e),a=r.length;a--;){var s=r[++o];if(!1===t(i[s],s,i))break}}(t,function(r,a){if(i||(i=new et),z(r))ut(e,t,a,n,dt,o,i);else{var s=o?o(ct(e,a),r,a+"",e,t,i):void 0;void 0===s&&(s=r),lt(e,a,s)}},Le)}var ht,pt=(ht=function(e,t,n){dt(e,t,n)},de(function(e,t){var n=-1,o=t.length,i=o>1?t[o-1]:void 0,r=o>2?t[2]:void 0;for(i=ht.length>3&&"function"==typeof i?(o--,i):void 0,r&&ge(t[0],t[1],r)&&(i=o<3?void 0:i,o=1),e=Object(e);++n<o;){var a=t[n];a&&ht(e,a,n)}return e}));const gt=e,ft=t,{styled:bt}=n,{color:mt}=o,{Button:_t}=i,{Tooltip:yt}=i,{Typography:Ct}=i,{Box:vt}=i,{Info:Et}=r,jt=c,{AlertDialog:At}=l,{InputContainer:St}=l,{ChoiceConfiguration:xt}=l,{settings:wt}=l,{layout:Ot}=l,{choiceUtils:Pt}=l;function It(e){let t,n=e[0],o=1;for(;o<e.length;){const i=e[o],r=e[o+1];if(o+=2,("optionalAccess"===i||"optionalCall"===i)&&null==n)return;"access"===i||"optionalAccess"===i?(t=n,n=r(n)):"call"!==i&&"optionalCall"!==i||(n=r((...e)=>n.call(t,...e)),t=void 0)}return n}const{Panel:kt,toggle:Mt,radio:Tt,dropdown:zt}=wt,Rt=bt(St)(({theme:e})=>({width:"100%",paddingTop:e.spacing(2),marginBottom:e.spacing(2)})),Lt=bt(St)(({theme:e})=>({flex:1,marginTop:e.spacing(1.5),paddingTop:e.spacing(2),marginLeft:e.spacing(3.5)})),Dt=bt(St)(({theme:e})=>({display:"flex",flexDirection:"column",marginBottom:e.spacing(1),width:"100%"})),qt=bt(_t)(({theme:e})=>({marginTop:e.spacing(1),float:"right"})),Ft=bt(qt)({cursor:"not-allowed",pointerEvents:"all",backgroundColor:mt.disabled(),"&:hover":{backgroundColor:mt.disabled()},"&:focus":{backgroundColor:mt.disabled()}}),Ut=bt(vt)({display:"flex",alignItems:"center"}),$t=bt(Ct)(({theme:e})=>({fontSize:e.typography.fontSize+2,marginRight:e.spacing(1)})),Bt=bt(yt)(({theme:e})=>({"& .MuiTooltip-tooltip":{fontSize:e.typography.fontSize-2,whiteSpace:"pre",maxWidth:"500px"}})),Wt=bt("div")(({theme:e})=>({fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingTop:e.spacing(1)})),Yt=e=>{const{model:t,configuration:n,onPromptChanged:o,onChoiceChanged:i,onRemoveChoice:r,onAddChoice:a,imageSupport:s,uploadSoundSupport:l,onChangeModel:c,onConfigurationChanged:u,onTeacherInstructionsChanged:d}=e,{addChoiceButton:h={},contentDimensions:p={},feedback:g={},deleteChoice:f={},choiceMode:b={},choicePrefix:m={},partialScoring:_={},lockChoiceOrder:y={},teacherInstructions:C={},studentInstructions:v={},rationale:E={},scoringType:j={},sequentialChoiceLabels:A={},settingsPanelDisabled:S,choicesLayout:x,spellCheck:w={},gridColumns:O,maxImageWidth:P={},maxImageHeight:I={},prompt:k={},withRubric:M={},mathMlOptions:T={},language:z={},languageChoices:R={}}=n||{};let{maxAnswerChoices:L}=n||{};const{limitChoicesNumber:D,teacherInstructionsEnabled:q,rationaleEnabled:F,feedbackEnabled:U,promptEnabled:$,spellCheckEnabled:B,choices:W,errors:Y,toolbarEditorPosition:H,extraCSSRules:N}=t||{},{answerChoices:G,choices:V,correctResponse:J,prompt:K,rationale:Q,teacherInstructions:X}=Y||{},Z=It([W,"optionalAccess",e=>e.length])?Array.from({length:W.length},(e,t)=>`${t+1}`):[],{baseInputConfiguration:ee={}}=n,te={position:"top"===H?"top":"bottom"};D&&(L=9);const ne=(e={})=>({...ee,...e}),oe=(e=>{const{minAnswerChoices:t,maxAnswerChoices:n}=e;return`Validation requirements:\nThere should be at least ${t} `+(n?`and at most ${n} `:"")+"answer choices defined.\nEvery answer choice should be non-blank and unique.\nA correct answer must be defined."})(n),ie=P&&P.prompt,re=I&&I.prompt,ae=L&&It([W,"optionalAccess",e=>e.length])>=L?`Only ${L} allowed maximum`:"",se={choiceMode:b.settings&&Tt(b.label,["checkbox","radio"]),"sequentialChoiceLabels.enabled":A.settings&&Mt(A.label,!0),choicePrefix:m.settings&&Tt(m.label,["numbers","letters"]),partialScoring:_.settings&&Mt(_.label),lockChoiceOrder:y.settings&&Mt(y.label),feedbackEnabled:g.settings&&Mt(g.label),choicesLayout:x.settings&&zt(x.label,["vertical","grid","horizontal"]),gridColumns:x.settings&&"grid"===t.choicesLayout&&Z.length>0&&zt(O.label,Z),"language.enabled":z.settings&&Mt(z.label,!0),language:z.settings&&z.enabled&&zt(R.label,R.options)},le={teacherInstructionsEnabled:C.settings&&Mt(C.label),studentInstructionsEnabled:v.settings&&Mt(v.label),promptEnabled:k.settings&&Mt(k.label),rationaleEnabled:E.settings&&Mt(E.label),spellCheckEnabled:w.settings&&Mt(w.label),scoringType:j.settings&&Tt(j.label,["auto","rubric"]),rubricEnabled:It([M,"optionalAccess",e=>e.settings])&&Mt(It([M,"optionalAccess",e=>e.label]))};return gt.createElement(Ot.ConfigLayout,{dimensions:p,hideSettings:S,extraCSSRules:N,classes:{},settings:gt.createElement(kt,{model:t,onChangeModel:c,configuration:n,onChangeConfiguration:u,groups:{Settings:se,Properties:le}})},q&&gt.createElement(Rt,{label:C.label},gt.createElement(jt,{markup:t.teacherInstructions||"",onChange:d,imageSupport:s,nonEmpty:!1,disableUnderline:!0,error:X,toolbarOpts:te,pluginProps:ne(It([n,"optionalAccess",e=>e.teacherInstructions,"optionalAccess",e=>e.inputConfiguration])),spellCheck:B,maxImageWidth:P&&P.teacherInstructions||ie,maxImageHeight:I&&I.teacherInstructions||re,uploadSoundSupport:l,languageCharactersProps:[{language:"spanish"},{language:"special"}],mathMlOptions:T}),X&&gt.createElement(Wt,null,X)),$&&gt.createElement(Rt,{label:k.label},gt.createElement(jt,{markup:t.prompt,onChange:o,imageSupport:s,nonEmpty:!1,disableUnderline:!0,error:K,toolbarOpts:te,pluginProps:ne(It([n,"optionalAccess",e=>e.prompt,"optionalAccess",e=>e.inputConfiguration])),spellCheck:B,maxImageWidth:P&&P.prompt,maxImageHeight:I&&I.prompt,uploadSoundSupport:l,languageCharactersProps:[{language:"spanish"},{language:"special"}],mathMlOptions:T}),K&&gt.createElement(Wt,null,K)),gt.createElement(Ut,null,gt.createElement($t,{component:"div"},"Choices"),gt.createElement(Bt,{disableFocusListener:!0,disableTouchListener:!0,placement:"right",title:oe},gt.createElement(Et,{fontSize:"small",color:"primary"}))),W.map((e,o)=>gt.createElement(Dt,{key:`choice-${o}`},gt.createElement(xt,{key:o,index:o+1,useLetterOrdering:"letters"===t.choicePrefix,mode:t.choiceMode,data:e,defaultFeedback:{},imageSupport:s,disableImageAlignmentButtons:!0,onDelete:()=>r(o),onChange:e=>i(o,e),allowFeedBack:U,allowDelete:f.settings,noLabels:!0,pluginOpts:ne(It([n,"optionalAccess",e=>e.choices,"optionalAccess",e=>e.inputConfiguration])),toolbarOpts:te,spellCheck:B,error:It([V,"optionalAccess",t=>t[e.value]])||null,noCorrectAnswerError:J,maxImageWidth:P&&P.choices||ie,maxImageHeight:I&&I.choices||re,uploadSoundSupport:l,mathMlOptions:T}),F&&gt.createElement(Lt,{key:`rationale-${o}`,label:E.label},gt.createElement(jt,{markup:e.rationale||"",onChange:t=>i(o,{...e,rationale:t}),imageSupport:s,error:It([Q,"optionalAccess",t=>t[e.value]])||null,toolbarOpts:te,pluginProps:ne(It([n,"optionalAccess",e=>e.rationale,"optionalAccess",e=>e.inputConfiguration])),spellCheck:B,maxImageWidth:P&&P.rationale||ie,maxImageHeight:I&&I.rationale||re,uploadSoundSupport:l,languageCharactersProps:[{language:"spanish"},{language:"special"}],mathMlOptions:T}),It([Q,"optionalAccess",t=>t[e.value]])&&gt.createElement(Wt,null,It([Q,"optionalAccess",t=>t[e.value]]))))),J&&gt.createElement(Wt,null,J),G&&gt.createElement(Wt,null,G),h.settings&&gt.createElement(Bt,{title:ae},L&&It([W,"optionalAccess",e=>e.length])>=L?gt.createElement(Ft,{variant:"contained",color:"primary",onClick:a,disabled:!0},h.label):gt.createElement(qt,{variant:"contained",color:"primary",onClick:a},h.label)))};class Ht extends gt.Component{constructor(...e){super(...e),Ht.prototype.__init.call(this),Ht.prototype.__init2.call(this),Ht.prototype.__init3.call(this),Ht.prototype.__init4.call(this),Ht.prototype.__init5.call(this),Ht.prototype.__init6.call(this),Ht.prototype.__init7.call(this)}static __initStatic(){this.propTypes={model:ft.object.isRequired,configuration:ft.object.isRequired,disableSidePanel:ft.bool,onModelChanged:ft.func.isRequired,onConfigurationChanged:ft.func.isRequired,imageSupport:ft.shape({add:ft.func.isRequired,delete:ft.func.isRequired})}}__init(){this.state={showWarning:!1}}__init2(){this.onRemoveChoice=e=>{const{model:t,configuration:n,onModelChanged:o}=this.props,{minAnswerChoices:i}=n||{};i&&t.choices.length===i?this.setState({showWarning:!0}):(t.choices.splice(e,1),o(t))}}__init3(){this.onAddChoice=()=>{const{model:e,configuration:t,onModelChanged:n}=this.props;let{maxAnswerChoices:o}=t||{};const{limitChoicesNumber:i}=e||{};i&&(o=9),o&&e.choices.length>=o||(e.choices.push({label:"",value:Pt.firstAvailableIndex(e.choices.map(e=>e.value),0),feedback:{type:"none"}}),n(e))}}__init4(){this.onChoiceChanged=(e,t)=>{const{model:n,onModelChanged:o}=this.props;t.correct&&"radio"===n.choiceMode&&(n.choices=n.choices.map(e=>pt({},e,{correct:!1}))),n.choices.splice(e,1,t),o(n)}}__init5(){this.onPromptChanged=e=>{this.props.onModelChanged({...this.props.model,prompt:e})}}__init6(){this.onTeacherInstructionsChanged=e=>{this.props.onModelChanged({...this.props.model,teacherInstructions:e})}}__init7(){this.onModelChanged=(e,t)=>{const{onModelChanged:n}=this.props;if("choiceMode"===t){if("radio"===e.choiceMode){let t=!1;e.choices=e.choices.map(e=>t?(e.correct=!1,e):(e.correct&&(t=!0),e))}n(e,!0)}else n(e)}}render(){const{configuration:{minAnswerChoices:e}={}}=this.props,{showWarning:t}=this.state;return gt.createElement(gt.Fragment,null,gt.createElement(At,{open:t,title:"Warning",text:`There can't be less than ${e||0} choices.`,onConfirm:()=>this.setState({showWarning:!1})}),gt.createElement(Yt,{...this.props,onChangeModel:this.onModelChanged,onRemoveChoice:this.onRemoveChoice,onChoiceChanged:this.onChoiceChanged,onAddChoice:this.onAddChoice,onPromptChanged:this.onPromptChanged,onTeacherInstructionsChanged:this.onTeacherInstructionsChanged}))}}Ht.__initStatic();var Nt={choiceMode:"checkbox",choicePrefix:"letters",choices:[],choicesLayout:"vertical",feedbackEnabled:!1,gridColumns:2,lockChoiceOrder:!0,partialScoring:!0,prompt:"",promptEnabled:!0,rationale:"",rationaleEnabled:!0,scoringType:"auto",studentInstructionsEnabled:!0,teacherInstructions:"",teacherInstructionsEnabled:!0,toolbarEditorPosition:"bottom",selectedAnswerBackgroundColor:"initial",keyboardEventsEnabled:!1},Gt={baseInputConfiguration:{h3:{disabled:!0},audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},textAlign:{disabled:!0},showParagraphs:{disabled:!1},separateParagraphs:{disabled:!0}},choices:{inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}}},spellCheck:{label:"Spellcheck",settings:!1,enabled:!0},choicesLayout:{settings:!1,label:"Choices Layout"},gridColumns:{label:"Grid columns"},answerChoiceCount:0,addChoiceButton:{settings:!0,label:"Add a Choice"},choiceMode:{settings:!0,label:"Response Type"},choicePrefix:{settings:!0,label:"Choice Labels"},deleteChoice:{settings:!0},feedback:{settings:!0,label:"Feedback"},prompt:{settings:!0,label:"Prompt",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},lockChoiceOrder:{settings:!0,label:"Lock Choice Order"},partialScoring:{settings:!1,label:"Allow Partial Scoring"},rationale:{settings:!0,label:"Rationale",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!1}},required:!1},scoringType:{settings:!1,label:"Scoring Type"},studentInstructions:{settings:!1,label:"Student Instructions"},teacherInstructions:{settings:!0,label:"Teacher Instructions",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},toolbarEditorPosition:{settings:!1,label:"Toolbar Editor Position"},minAnswerChoices:2,maxAnswerChoices:5,maxImageWidth:{teacherInstructions:300,prompt:300,rationale:636,choices:900},maxImageHeight:{teacherInstructions:300,prompt:300,rationale:300,choices:300},withRubric:{settings:!1,label:"Add Rubric"},mathMlOptions:{mmlOutput:!1,mmlEditing:!1},language:{settings:!1,label:"Specify Language",enabled:!1},languageChoices:{label:"Language Choices",options:[]}};const Vt=e,{createRoot:Jt}=s,Kt=a,{choiceUtils:Qt}=l;function Xt(e){let t,n=e[0],o=1;for(;o<e.length;){const i=e[o],r=e[o+1];if(o+=2,("optionalAccess"===i||"optionalCall"===i)&&null==n)return;"access"===i||"optionalAccess"===i?(t=n,n=r(n)):"call"!==i&&"optionalCall"!==i||(n=r((...e)=>n.call(t,...e)),t=void 0)}return n}const Zt=Kt("multiple-choice:configure"),en=(e,t=0)=>{if(!e||0===e.length){let e=[];for(let n=0;n<t;n++)e.push({value:`${n}`,label:"",feedback:{type:"none",value:""}});return e}return e},tn=(e,t)=>{const n=st(e,Gt);return{configuration:n,model:{...t,choices:en(t&&t.choices||[],n&&n.answerChoiceCount)}}};class nn extends HTMLElement{static __initStatic(){this.createDefaultModel=(e={})=>{const t=Qt.normalizeChoices({...Nt,...e,choices:en(e&&e.choices||[])});return t.choicesLayout=e.choicesLayout||!1===e.verticalMode&&"horizontal"||Nt.choicesLayout,t}}constructor(){super(),this._root=null,this._reactContainer=null,this._model=nn.createDefaultModel(),this._configuration=Gt,this.onModelChanged=this.onModelChanged.bind(this),this.onConfigurationChanged=this.onConfigurationChanged.bind(this)}set model(e){this._model=nn.createDefaultModel(e),this._render()}set configuration(e){const t=tn(e,this._model);this.onModelChanged(t.model);const n={...Gt,...t.configuration};this._configuration=n,Xt([n,"optionalAccess",e=>e.language,"optionalAccess",e=>e.enabled])?Xt([n,"optionalAccess",e=>e.languageChoices,"optionalAccess",e=>e.options,"optionalAccess",e=>e.length])&&(this._model.language=Xt([n,"optionalAccess",e=>e.languageChoices,"access",e=>e.options,"access",e=>e[0],"access",e=>e.value])):n.language.settings&&this._model.language?(this._configuration.language.enabled=!0,this._configuration.languageChoices.options&&this._configuration.languageChoices.options.length||(this._configuration.languageChoices.options=[]),this._configuration.languageChoices.options.find(e=>e.value===this._model.language)||this._configuration.languageChoices.options.push({value:this._model.language,label:this._model.language})):delete this._model.language,this._render()}set disableSidePanel(e){this._disableSidePanel=e,this._render()}dispatchModelUpdated(e){const t=!!e;this.dispatchEvent(new h(this._model,t))}onModelChanged(e,t){this._model=e,this._render(),this.dispatchModelUpdated(t)}onConfigurationChanged(e){this._configuration=tn(e,this._model).configuration,this._model&&this.onModelChanged(this._model),this._render()}insertImage(e){this.dispatchEvent(new b(e))}onDeleteImage(e,t){this.dispatchEvent(new g(e,t))}insertSound(e){this.dispatchEvent(new C(e))}onDeleteSound(e,t){this.dispatchEvent(new _(e,t))}_render(){Zt("_render - Starting render"),Zt("_render - Model:",this._model?"present":"missing"),Zt("_render - Configuration:",this._configuration?"present":"missing"),Zt("_render - Root exists:",!!this._root);try{let e=Vt.createElement(Ht,{model:this._model,configuration:this._configuration,onModelChanged:this.onModelChanged,onConfigurationChanged:this.onConfigurationChanged,disableSidePanel:this._disableSidePanel,imageSupport:{add:this.insertImage.bind(this),delete:this.onDeleteImage.bind(this)},uploadSoundSupport:{add:this.insertSound.bind(this),delete:this.onDeleteSound.bind(this)}});this._root||(Zt("_render - Creating React container"),this._reactContainer=document.createElement("div"),this._reactContainer.className="pie-configure-wrapper",this.appendChild(this._reactContainer),Zt("_render - Creating new React root"),this._root=Jt(this._reactContainer),Zt("_render - React root created successfully")),Zt("_render - Calling root.render()"),this._root.render(e),Zt("_render - Render completed successfully")}catch(e){throw console.error("❌ [multiple-choice-configure] Render error:",e),console.error("Error stack:",e.stack),e}}connectedCallback(){Zt("connectedCallback - Component connected to DOM"),Zt("connectedCallback - Model:",this._model?"present":"missing"),Zt("connectedCallback - Configuration:",this._configuration?"present":"missing")}disconnectedCallback(){Zt("disconnectedCallback - Component disconnected from DOM"),this._root&&(Zt("disconnectedCallback - Unmounting React root"),this._root.unmount(),this._root=null),this._reactContainer&&(this._reactContainer=null)}}nn.__initStatic();export{nn as default};