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

package/lib/feedback-tick.js

@@ -1,134 +0,0 @@
-"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 _reactTransitionGroup = require("react-transition-group");
-var _styles = require("@mui/material/styles");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _renderUi = require("@pie-lib/render-ui");
-const FeedbackTickContainer = (0, _styles.styled)(_Box.default)({
-  width: '33px',
-  height: '33px',
-  '& svg': {
-    position: 'absolute',
-    display: 'inline-block',
-    width: '33px',
-    height: '33px',
-    verticalAlign: 'middle',
-    '& hide': {
-      display: 'none'
-    }
-  }
-});
-const StyledSVG = (0, _styles.styled)('svg')({
-  '& .incorrect-fill': {
-    fill: `var(--feedback-incorrect-bg-color, ${_renderUi.color.incorrect()})`
-  },
-  '& .correct-fill': {
-    fill: `var(--feedback-correct-bg-color, ${_renderUi.color.correct()})`
-  }
-});
-const TransitionWrapper = (0, _styles.styled)('div')({
-  position: 'relative',
-  '&.feedback-tick-enter': {
-    opacity: '0',
-    left: '-50px'
-  },
-  '&.feedback-tick-enter-active': {
-    opacity: '1',
-    left: '0px',
-    transition: 'left 500ms ease-in 200ms, opacity 500ms linear 200ms'
-  },
-  '&.feedback-tick-exit': {
-    opacity: '1',
-    left: '0px'
-  },
-  '&.feedback-tick-exit-active': {
-    opacity: '0',
-    left: '-50px',
-    transition: 'left 300ms ease-in, opacity 300ms'
-  }
-});
-class FeedbackTick extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "getIncorrectIcon", () => /*#__PURE__*/_react.default.createElement(StyledSVG, {
-      key: "1",
-      preserveAspectRatio: "xMinYMin meet",
-      x: "0px",
-      y: "0px",
-      viewBox: "0 0 44 40",
-      style: {
-        enableBackground: 'new 0 0 44 40'
-      }
-    }, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("rect", {
-      x: "11",
-      y: "17.3",
-      transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)",
-      className: "incorrect-fill",
-      width: "16.6",
-      height: "3.7"
-    }), /*#__PURE__*/_react.default.createElement("rect", {
-      x: "17.4",
-      y: "10.7",
-      transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)",
-      className: "incorrect-fill",
-      width: "3.7",
-      height: "16.6"
-    }))));
-    (0, _defineProperty2.default)(this, "getCorrectIcon", () => /*#__PURE__*/_react.default.createElement(StyledSVG, {
-      key: "2",
-      preserveAspectRatio: "xMinYMin meet",
-      version: "1.1",
-      x: "0px",
-      y: "0px",
-      viewBox: "0 0 44 40",
-      style: {
-        enableBackground: 'new 0 0 44 40'
-      }
-    }, /*#__PURE__*/_react.default.createElement("polygon", {
-      className: "correct-fill",
-      points: "19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4"
-    })));
-    this.nodeRef = /*#__PURE__*/_react.default.createRef();
-  }
-  render() {
-    const {
-      correctness
-    } = this.props;
-    const icon = (() => {
-      if (correctness === 'incorrect') {
-        return this.getIncorrectIcon();
-      } else if (correctness === 'correct') {
-        return this.getCorrectIcon();
-      }
-      return null;
-    })();
-    return /*#__PURE__*/_react.default.createElement(FeedbackTickContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, correctness && /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
-      nodeRef: this.nodeRef,
-      classNames: {
-        enter: 'feedback-tick-enter',
-        enterActive: 'feedback-tick-enter-active',
-        exit: 'feedback-tick-exit',
-        exitActive: 'feedback-tick-exit-active'
-      },
-      timeout: {
-        enter: 700,
-        exit: 300
-      }
-    }, /*#__PURE__*/_react.default.createElement(TransitionWrapper, {
-      ref: this.nodeRef
-    }, icon))));
-  }
-}
-(0, _defineProperty2.default)(FeedbackTick, "propTypes", {
-  correctness: _propTypes.default.string
-});
-var _default = exports.default = FeedbackTick;
-//# sourceMappingURL=feedback-tick.js.map

package/lib/feedback-tick.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feedback-tick.js","names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_styles","_Box","_propTypes","_renderUi","FeedbackTickContainer","styled","Box","width","height","position","display","verticalAlign","StyledSVG","fill","color","incorrect","correct","TransitionWrapper","opacity","left","transition","FeedbackTick","React","Component","constructor","props","_defineProperty2","default","createElement","key","preserveAspectRatio","x","y","viewBox","style","enableBackground","transform","className","version","points","nodeRef","createRef","render","correctness","icon","getIncorrectIcon","getCorrectIcon","TransitionGroup","CSSTransition","classNames","enter","enterActive","exit","exitActive","timeout","ref","PropTypes","string","_default","exports"],"sources":["../src/feedback-tick.jsx"],"sourcesContent":["import React from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { styled } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nconst FeedbackTickContainer = styled(Box)({\n  width: '33px',\n  height: '33px',\n  '& svg': {\n    position: 'absolute',\n    display: 'inline-block',\n    width: '33px',\n    height: '33px',\n    verticalAlign: 'middle',\n    '& hide': {\n      display: 'none',\n    },\n  },\n});\n\nconst StyledSVG = styled('svg')({\n  '& .incorrect-fill': {\n    fill: `var(--feedback-incorrect-bg-color, ${color.incorrect()})`,\n  },\n  '& .correct-fill': {\n    fill: `var(--feedback-correct-bg-color, ${color.correct()})`,\n  },\n});\n\nconst TransitionWrapper = styled('div')({\n  position: 'relative',\n  '&.feedback-tick-enter': {\n    opacity: '0',\n    left: '-50px',\n  },\n  '&.feedback-tick-enter-active': {\n    opacity: '1',\n    left: '0px',\n    transition: 'left 500ms ease-in 200ms, opacity 500ms linear 200ms',\n  },\n  '&.feedback-tick-exit': {\n    opacity: '1',\n    left: '0px',\n  },\n  '&.feedback-tick-exit-active': {\n    opacity: '0',\n    left: '-50px',\n    transition: 'left 300ms ease-in, opacity 300ms',\n  },\n});\n\nclass FeedbackTick extends React.Component {\n  static propTypes = {\n    correctness: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.nodeRef = React.createRef();\n  }\n\n  getIncorrectIcon = () => (\n    <StyledSVG\n      key=\"1\"\n      preserveAspectRatio=\"xMinYMin meet\"\n      x=\"0px\"\n      y=\"0px\"\n      viewBox=\"0 0 44 40\"\n      style={{ enableBackground: 'new 0 0 44 40' }}\n    >\n      <g>\n        <rect\n          x=\"11\"\n          y=\"17.3\"\n          transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)\"\n          className=\"incorrect-fill\"\n          width=\"16.6\"\n          height=\"3.7\"\n        />\n        <rect\n          x=\"17.4\"\n          y=\"10.7\"\n          transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)\"\n          className=\"incorrect-fill\"\n          width=\"3.7\"\n          height=\"16.6\"\n        />\n      </g>\n    </StyledSVG>\n  );\n\n  getCorrectIcon = () => (\n    <StyledSVG\n      key=\"2\"\n      preserveAspectRatio=\"xMinYMin meet\"\n      version=\"1.1\"\n      x=\"0px\"\n      y=\"0px\"\n      viewBox=\"0 0 44 40\"\n      style={{ enableBackground: 'new 0 0 44 40' }}\n    >\n      <polygon\n        className=\"correct-fill\"\n        points=\"19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4\"\n      />\n    </StyledSVG>\n  );\n\n  render() {\n    const { correctness } = this.props;\n\n    const icon = (() => {\n      if (correctness === 'incorrect') {\n        return this.getIncorrectIcon();\n      } else if (correctness === 'correct') {\n        return this.getCorrectIcon();\n      }\n      return null;\n    })();\n\n    return (\n      <FeedbackTickContainer>\n        <TransitionGroup>\n          {correctness && (\n            <CSSTransition\n              nodeRef={this.nodeRef}\n              classNames={{\n                enter: 'feedback-tick-enter',\n                enterActive: 'feedback-tick-enter-active',\n                exit: 'feedback-tick-exit',\n                exitActive: 'feedback-tick-exit-active',\n              }}\n              timeout={{ enter: 700, exit: 300 }}\n            >\n              <TransitionWrapper ref={this.nodeRef}>{icon}</TransitionWrapper>\n            </CSSTransition>\n          )}\n        </TransitionGroup>\n      </FeedbackTickContainer>\n    );\n  }\n}\n\nexport default FeedbackTick;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAEA,MAAMM,qBAAqB,GAAG,IAAAC,cAAM,EAACC,YAAG,CAAC,CAAC;EACxCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACd,OAAO,EAAE;IACPC,QAAQ,EAAE,UAAU;IACpBC,OAAO,EAAE,cAAc;IACvBH,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdG,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE;MACRD,OAAO,EAAE;IACX;EACF;AACF,CAAC,CAAC;AAEF,MAAME,SAAS,GAAG,IAAAP,cAAM,EAAC,KAAK,CAAC,CAAC;EAC9B,mBAAmB,EAAE;IACnBQ,IAAI,EAAE,sCAAsCC,eAAK,CAACC,SAAS,CAAC,CAAC;EAC/D,CAAC;EACD,iBAAiB,EAAE;IACjBF,IAAI,EAAE,oCAAoCC,eAAK,CAACE,OAAO,CAAC,CAAC;EAC3D;AACF,CAAC,CAAC;AAEF,MAAMC,iBAAiB,GAAG,IAAAZ,cAAM,EAAC,KAAK,CAAC,CAAC;EACtCI,QAAQ,EAAE,UAAU;EACpB,uBAAuB,EAAE;IACvBS,OAAO,EAAE,GAAG;IACZC,IAAI,EAAE;EACR,CAAC;EACD,8BAA8B,EAAE;IAC9BD,OAAO,EAAE,GAAG;IACZC,IAAI,EAAE,KAAK;IACXC,UAAU,EAAE;EACd,CAAC;EACD,sBAAsB,EAAE;IACtBF,OAAO,EAAE,GAAG;IACZC,IAAI,EAAE;EACR,CAAC;EACD,6BAA6B,EAAE;IAC7BD,OAAO,EAAE,GAAG;IACZC,IAAI,EAAE,OAAO;IACbC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,MAAMC,YAAY,SAASC,cAAK,CAACC,SAAS,CAAC;EAKzCC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA,4BAII,mBACjB/B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAChB,SAAS;MACRiB,GAAG,EAAC,GAAG;MACPC,mBAAmB,EAAC,eAAe;MACnCC,CAAC,EAAC,KAAK;MACPC,CAAC,EAAC,KAAK;MACPC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAE;QAAEC,gBAAgB,EAAE;MAAgB;IAAE,gBAE7CvC,MAAA,CAAA+B,OAAA,CAAAC,aAAA,yBACEhC,MAAA,CAAA+B,OAAA,CAAAC,aAAA;MACEG,CAAC,EAAC,IAAI;MACNC,CAAC,EAAC,MAAM;MACRI,SAAS,EAAC,qDAAqD;MAC/DC,SAAS,EAAC,gBAAgB;MAC1B9B,KAAK,EAAC,MAAM;MACZC,MAAM,EAAC;IAAK,CACb,CAAC,eACFZ,MAAA,CAAA+B,OAAA,CAAAC,aAAA;MACEG,CAAC,EAAC,MAAM;MACRC,CAAC,EAAC,MAAM;MACRI,SAAS,EAAC,qDAAqD;MAC/DC,SAAS,EAAC,gBAAgB;MAC1B9B,KAAK,EAAC,KAAK;MACXC,MAAM,EAAC;IAAM,CACd,CACA,CACM,CACZ;IAAA,IAAAkB,gBAAA,CAAAC,OAAA,0BAEgB,mBACf/B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAChB,SAAS;MACRiB,GAAG,EAAC,GAAG;MACPC,mBAAmB,EAAC,eAAe;MACnCQ,OAAO,EAAC,KAAK;MACbP,CAAC,EAAC,KAAK;MACPC,CAAC,EAAC,KAAK;MACPC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAE;QAAEC,gBAAgB,EAAE;MAAgB;IAAE,gBAE7CvC,MAAA,CAAA+B,OAAA,CAAAC,aAAA;MACES,SAAS,EAAC,cAAc;MACxBE,MAAM,EAAC;IAA6D,CACrE,CACQ,CACZ;IAhDC,IAAI,CAACC,OAAO,gBAAGlB,cAAK,CAACmB,SAAS,CAAC,CAAC;EAClC;EAiDAC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC;IAAY,CAAC,GAAG,IAAI,CAAClB,KAAK;IAElC,MAAMmB,IAAI,GAAG,CAAC,MAAM;MAClB,IAAID,WAAW,KAAK,WAAW,EAAE;QAC/B,OAAO,IAAI,CAACE,gBAAgB,CAAC,CAAC;MAChC,CAAC,MAAM,IAAIF,WAAW,KAAK,SAAS,EAAE;QACpC,OAAO,IAAI,CAACG,cAAc,CAAC,CAAC;MAC9B;MACA,OAAO,IAAI;IACb,CAAC,EAAE,CAAC;IAEJ,oBACElD,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAACxB,qBAAqB,qBACpBR,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAC7B,qBAAA,CAAAgD,eAAe,QACbJ,WAAW,iBACV/C,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAC7B,qBAAA,CAAAiD,aAAa;MACZR,OAAO,EAAE,IAAI,CAACA,OAAQ;MACtBS,UAAU,EAAE;QACVC,KAAK,EAAE,qBAAqB;QAC5BC,WAAW,EAAE,4BAA4B;QACzCC,IAAI,EAAE,oBAAoB;QAC1BC,UAAU,EAAE;MACd,CAAE;MACFC,OAAO,EAAE;QAAEJ,KAAK,EAAE,GAAG;QAAEE,IAAI,EAAE;MAAI;IAAE,gBAEnCxD,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAACX,iBAAiB;MAACsC,GAAG,EAAE,IAAI,CAACf;IAAQ,GAAEI,IAAwB,CAClD,CAEF,CACI,CAAC;EAE5B;AACF;AAAC,IAAAlB,gBAAA,CAAAC,OAAA,EA1FKN,YAAY,eACG;EACjBsB,WAAW,EAAEa,kBAAS,CAACC;AACzB,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAyFYN,YAAY","ignoreList":[]}

package/lib/index.js

@@ -1,337 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isComplete = exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _main = _interopRequireDefault(require("./main"));
-var _react = _interopRequireDefault(require("react"));
-var _client = require("react-dom/client");
-var _lodashEs = require("lodash-es");
-var _debug = _interopRequireDefault(require("debug"));
-var _piePlayerEvents = require("@pie-framework/pie-player-events");
-var _mathRendering = require("@pie-lib/math-rendering");
-var _renderUi = require("@pie-lib/render-ui");
-var _sessionUpdater = require("./session-updater");
-const log = (0, _debug.default)('pie-ui:multiple-choice');
-const isComplete = (session, model, audioComplete, elementContext) => {
-  const {
-    autoplayAudioEnabled,
-    completeAudioEnabled
-  } = model || {};
-
-  // check audio completion if audio settings are enabled and audio actually exists
-  if (autoplayAudioEnabled && completeAudioEnabled && !audioComplete) {
-    if (elementContext) {
-      const audio = elementContext.querySelector('audio');
-      const isInsidePrompt = audio && audio.closest('#preview-prompt');
-
-      // only require audio completion if audio exists and is inside the prompt
-      if (audio && isInsidePrompt) {
-        return false;
-      }
-    }
-  }
-  if (!session || !session.value) {
-    return false;
-  }
-  const {
-    choiceMode,
-    minSelections = 1,
-    maxSelections
-  } = model || {};
-  const selections = session.value.length || 0;
-  if (choiceMode === 'radio') {
-    return !!selections;
-  }
-  if (selections < minSelections || selections > maxSelections) {
-    return false;
-  }
-  return true;
-};
-exports.isComplete = isComplete;
-class MultipleChoice extends HTMLElement {
-  constructor() {
-    super();
-    (0, _defineProperty2.default)(this, "_scheduleMathRender", () => {
-      if (this._mathRenderPending) return;
-      this._mathRenderPending = true;
-      requestAnimationFrame(() => {
-        if (this._mathObserver) {
-          this._mathObserver.disconnect();
-        }
-        log('render complete - render math');
-        (0, _mathRendering.renderMath)(this);
-        this._mathRenderPending = false;
-        setTimeout(() => {
-          if (this._mathObserver) {
-            this._mathObserver.observe(this, {
-              childList: true,
-              subtree: true
-            });
-          }
-        }, 50);
-      });
-    });
-    this._model = null;
-    this._session = null;
-    this._options = null; // added for ebsr print mode detection
-    this.audioComplete = false;
-    this._boundHandleKeyDown = this.handleKeyDown.bind(this);
-    this._keyboardEventsEnabled = false;
-    this._audioInitialized = false;
-    this._root = null;
-    this._mathObserver = null;
-    this._mathRenderPending = false;
-    this._rerender = (0, _lodashEs.debounce)(() => {
-      if (this._model && this._session) {
-        var element = /*#__PURE__*/_react.default.createElement(_main.default, {
-          model: this._model,
-          session: this._session,
-          options: this._options,
-          onChoiceChanged: this._onChange.bind(this),
-          onShowCorrectToggle: this.onShowCorrectToggle.bind(this)
-        });
-
-        //TODO: aria-label is set in the _rerender because we need to change it when the model.choiceMode is updated. Consider revisiting the placement of the aria-label setting in the _rerender
-        this.setAttribute('aria-label', this._model.choiceMode === 'radio' ? 'Multiple Choice Question' : 'Multiple Correct Answer Question');
-        this.setAttribute('role', 'region');
-        this.setLangAttribute();
-        this._initMathObserver();
-        if (!this._root) {
-          this._root = (0, _client.createRoot)(this);
-        }
-        this._root.render(element);
-        if (this._model.keyboardEventsEnabled === true && !this._keyboardEventsEnabled) {
-          this.enableKeyboardEvents();
-        }
-      } else {
-        log('skip');
-      }
-    }, 50, {
-      leading: false,
-      trailing: true
-    });
-    this._dispatchResponseChanged = (0, _lodashEs.debounce)(() => {
-      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), isComplete(this._session, this._model, this.audioComplete, this)));
-    });
-    this._dispatchModelSet = (0, _lodashEs.debounce)(() => {
-      this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), isComplete(this._session, this._model, this.audioComplete, this), this._model !== undefined));
-    }, 50, {
-      leading: false,
-      trailing: true
-    });
-  }
-  _initMathObserver() {
-    if (this._mathObserver) return;
-    this._mathObserver = new MutationObserver(this._scheduleMathRender);
-    this._mathObserver.observe(this, {
-      childList: true,
-      subtree: true
-    });
-  }
-  _disconnectMathObserver() {
-    if (this._mathObserver) {
-      this._mathObserver.disconnect();
-      this._mathObserver = null;
-    }
-  }
-  onShowCorrectToggle() {
-    (0, _mathRendering.renderMath)(this);
-  }
-  setLangAttribute() {
-    const language = this._model && typeof this._model.language ? this._model.language : '';
-    const lang = language ? language.slice(0, 2) : 'en';
-    this.setAttribute('lang', lang);
-  }
-  set model(s) {
-    this._model = s;
-    this._rerender();
-    // reset the audioInitialized to false since the model changed, and we might need to reinitialize the audio
-    this._audioInitialized = false;
-    this._dispatchModelSet();
-  }
-  get session() {
-    return this._session;
-  }
-  get options() {
-    return this._options;
-  }
-  set options(o) {
-    this._options = o;
-    this._rerender();
-  }
-  set session(s) {
-    this._session = s;
-    this._rerender();
-    //TODO: remove this session-changed should only be emit on user change
-    this._dispatchResponseChanged();
-  }
-  _onChange(data) {
-    (0, _sessionUpdater.updateSessionValue)(this._session, this._model.choiceMode, data);
-    this._dispatchResponseChanged();
-    this._rerender();
-  }
-  _createAudioInfoToast() {
-    const info = document.createElement('div');
-    info.id = 'play-audio-info';
-    Object.assign(info.style, {
-      position: 'absolute',
-      top: 0,
-      width: '100%',
-      height: '100%',
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      background: 'white',
-      zIndex: '1000',
-      cursor: 'pointer'
-    });
-    const img = document.createElement('img');
-    img.src = _renderUi.EnableAudioAutoplayImage;
-    img.alt = 'Click anywhere to enable audio autoplay';
-    img.width = 500;
-    img.height = 300;
-    info.appendChild(img);
-    return info;
-  }
-  connectedCallback() {
-    this._initMathObserver();
-    this._rerender();
-
-    // Observation:  audio in Chrome will have the autoplay attribute,
-    // while other browsers will not have the autoplay attribute and will need a user interaction to play the audio
-    // This workaround fixes the issue of audio being cached and played on any user interaction in Safari and Firefox
-    const observer = new MutationObserver((mutationsList, observer) => {
-      mutationsList.forEach(mutation => {
-        if (mutation.type === 'childList') {
-          if (this._audioInitialized) return;
-          const audio = this.querySelector('audio');
-          const isInsidePrompt = audio && audio.closest('#preview-prompt');
-          if (!this._model) return;
-          if (!this._model.autoplayAudioEnabled) return;
-          if (audio && !isInsidePrompt) return;
-          if (!audio) return;
-          const info = this._createAudioInfoToast();
-          const container = this.querySelector('#main-container');
-          const enableAudio = () => {
-            if (this.querySelector('#play-audio-info')) {
-              audio.play();
-              container.removeChild(info);
-            }
-            document.removeEventListener('click', enableAudio);
-          };
-
-          // if the audio is paused, it means the user has not interacted with the page yet and the audio will not play
-          // FIX FOR SAFARI: play with a slight delay to check if autoplay was blocked
-          setTimeout(() => {
-            if (audio.paused && !this.querySelector('#play-audio-info')) {
-              // add info message as a toast to enable audio playback
-              container.appendChild(info);
-              document.addEventListener('click', enableAudio);
-            } else {
-              document.removeEventListener('click', enableAudio);
-            }
-          }, 500);
-
-          // we need to listen for the playing event to remove the toast in case the audio plays because of re-rendering
-          const handlePlaying = () => {
-            (0, _sessionUpdater.updateSessionMetadata)(this._session, {
-              audioStartTime: new Date().getTime()
-            });
-            const info = this.querySelector('#play-audio-info');
-            if (info) {
-              container.removeChild(info);
-            }
-            audio.removeEventListener('playing', handlePlaying);
-          };
-          audio.addEventListener('playing', handlePlaying);
-
-          // we need to listen for the ended event to update the isComplete state
-          const handleEnded = () => {
-            (0, _sessionUpdater.updateSessionMetadata)(this._session, {
-              audioEndTime: new Date().getTime()
-            });
-            this.audioComplete = true;
-            this._dispatchResponseChanged();
-            audio.removeEventListener('ended', handleEnded);
-          };
-          audio.addEventListener('ended', handleEnded);
-
-          // store references to remove later
-          this._audio = audio;
-          this._handlePlaying = handlePlaying;
-          this._handleEnded = handleEnded;
-          this._enableAudio = enableAudio;
-          // set to true to prevent multiple initializations
-          this._audioInitialized = true;
-          observer.disconnect();
-        }
-      });
-    });
-    observer.observe(this, {
-      childList: true,
-      subtree: true
-    });
-  }
-  enableKeyboardEvents() {
-    if (!this._keyboardEventsEnabled) {
-      window.addEventListener('keydown', this._boundHandleKeyDown);
-      this._keyboardEventsEnabled = true;
-    }
-  }
-  disconnectedCallback() {
-    this._disconnectMathObserver();
-    if (this._keyboardEventsEnabled) {
-      window.removeEventListener('keydown', this._boundHandleKeyDown);
-      this._keyboardEventsEnabled = false;
-    }
-    document.removeEventListener('click', this._enableAudio);
-    if (this._audio) {
-      this._audio.removeEventListener('playing', this._handlePlaying);
-      this._audio.removeEventListener('ended', this._handleEnded);
-      this._audio = null;
-    }
-    if (this._root) {
-      this._root.unmount();
-    }
-  }
-
-  /**
-   * Handles global keyboard events for selecting or toggling multiple-choice answers.
-   * Maps keys (1-9, 0, a-j, A-J) to choices and updates the session state accordingly.
-   * Ensures valid key presses toggle or select the appropriate choice based on the model.
-   */
-  handleKeyDown(event) {
-    if (!this._model || !this._session) {
-      return;
-    }
-    const {
-      mode
-    } = this._model;
-    if (mode !== 'gather') {
-      return;
-    }
-    const keyToIndex = key => {
-      const numOffset = key >= '1' && key <= '9' ? key - '1' : key === '0' ? 9 : -1;
-      const letterOffset = /^[a-jA-J]$/.test(key) ? key.toLowerCase().charCodeAt(0) - 'a'.charCodeAt(0) : -1;
-      return numOffset >= 0 ? numOffset : letterOffset;
-    };
-    const choiceIndex = keyToIndex(event.key);
-    if (choiceIndex === undefined || choiceIndex <= -1 || choiceIndex >= this._model.choices?.length) {
-      return;
-    }
-    const currentValue = this._session.value || [];
-    const choiceId = this._model.choices[choiceIndex].value;
-    const newValue = {
-      value: choiceId,
-      selected: !currentValue.includes(choiceId),
-      selector: 'Keyboard'
-    };
-    this._onChange(newValue);
-  }
-}
-exports.default = MultipleChoice;
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_main","_interopRequireDefault","require","_react","_client","_lodashEs","_debug","_piePlayerEvents","_mathRendering","_renderUi","_sessionUpdater","log","debug","isComplete","session","model","audioComplete","elementContext","autoplayAudioEnabled","completeAudioEnabled","audio","querySelector","isInsidePrompt","closest","value","choiceMode","minSelections","maxSelections","selections","length","exports","MultipleChoice","HTMLElement","constructor","_defineProperty2","default","_mathRenderPending","requestAnimationFrame","_mathObserver","disconnect","renderMath","setTimeout","observe","childList","subtree","_model","_session","_options","_boundHandleKeyDown","handleKeyDown","bind","_keyboardEventsEnabled","_audioInitialized","_root","_rerender","debounce","element","React","createElement","Main","options","onChoiceChanged","_onChange","onShowCorrectToggle","setAttribute","setLangAttribute","_initMathObserver","createRoot","render","keyboardEventsEnabled","enableKeyboardEvents","leading","trailing","_dispatchResponseChanged","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","_dispatchModelSet","ModelSetEvent","undefined","MutationObserver","_scheduleMathRender","_disconnectMathObserver","language","lang","slice","s","o","data","updateSessionValue","_createAudioInfoToast","info","document","id","Object","assign","style","position","top","width","height","display","justifyContent","alignItems","background","zIndex","cursor","img","src","EnableAudioAutoplayImage","alt","appendChild","connectedCallback","observer","mutationsList","forEach","mutation","type","container","enableAudio","play","removeChild","removeEventListener","paused","addEventListener","handlePlaying","updateSessionMetadata","audioStartTime","Date","getTime","handleEnded","audioEndTime","_audio","_handlePlaying","_handleEnded","_enableAudio","window","disconnectedCallback","unmount","event","mode","keyToIndex","key","numOffset","letterOffset","test","charCodeAt","choiceIndex","choices","currentValue","choiceId","newValue","selected","includes","selector"],"sources":["../src/index.js"],"sourcesContent":["import Main from './main';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { debounce } from 'lodash-es';\nimport debug from 'debug';\nimport { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { EnableAudioAutoplayImage } from '@pie-lib/render-ui';\nimport { updateSessionValue, updateSessionMetadata } from './session-updater';\n\nconst log = debug('pie-ui:multiple-choice');\n\nexport const isComplete = (session, model, audioComplete, elementContext) => {\n  const { autoplayAudioEnabled, completeAudioEnabled } = model || {};\n\n  // check audio completion if audio settings are enabled and audio actually exists\n  if (autoplayAudioEnabled && completeAudioEnabled && !audioComplete) {\n    if (elementContext) {\n      const audio = elementContext.querySelector('audio');\n      const isInsidePrompt = audio && audio.closest('#preview-prompt');\n\n      // only require audio completion if audio exists and is inside the prompt\n      if (audio && isInsidePrompt) {\n        return false;\n      }\n    }\n  }\n\n  if (!session || !session.value) {\n    return false;\n  }\n\n  const { choiceMode, minSelections = 1, maxSelections } = model || {};\n  const selections = session.value.length || 0;\n\n  if (choiceMode === 'radio') {\n    return !!selections;\n  }\n\n  if (selections < minSelections || selections > maxSelections) {\n    return false;\n  }\n\n  return true;\n};\n\nexport default class MultipleChoice extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n    this._options = null; // added for ebsr print mode detection\n    this.audioComplete = false;\n    this._boundHandleKeyDown = this.handleKeyDown.bind(this);\n    this._keyboardEventsEnabled = false;\n    this._audioInitialized = false;\n    this._root = null;\n    this._mathObserver = null;\n    this._mathRenderPending = false;\n\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          var element = React.createElement(Main, {\n            model: this._model,\n            session: this._session,\n            options: this._options,\n            onChoiceChanged: this._onChange.bind(this),\n            onShowCorrectToggle: this.onShowCorrectToggle.bind(this),\n          });\n\n          //TODO: aria-label is set in the _rerender because we need to change it when the model.choiceMode is updated. Consider revisiting the placement of the aria-label setting in the _rerender\n          this.setAttribute(\n            'aria-label',\n            this._model.choiceMode === 'radio' ? 'Multiple Choice Question' : 'Multiple Correct Answer Question',\n          );\n          this.setAttribute('role', 'region');\n          this.setLangAttribute();\n\n          this._initMathObserver();\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n\n          if (this._model.keyboardEventsEnabled === true && !this._keyboardEventsEnabled) {\n            this.enableKeyboardEvents();\n          }\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n\n    this._dispatchResponseChanged = debounce(() => {\n      this.dispatchEvent(\n        new SessionChangedEvent(\n          this.tagName.toLowerCase(),\n          isComplete(this._session, this._model, this.audioComplete, this),\n        ),\n      );\n    });\n\n    this._dispatchModelSet = debounce(\n      () => {\n        this.dispatchEvent(\n          new ModelSetEvent(\n            this.tagName.toLowerCase(),\n            isComplete(this._session, this._model, this.audioComplete, this),\n            this._model !== undefined,\n          ),\n        );\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n\n  _scheduleMathRender = () => {\n    if (this._mathRenderPending) return;\n    this._mathRenderPending = true;\n\n    requestAnimationFrame(() => {\n      if (this._mathObserver) {\n        this._mathObserver.disconnect();\n      }\n      log('render complete - render math');\n      renderMath(this);\n      this._mathRenderPending = false;\n      setTimeout(() => {\n        if (this._mathObserver) {\n          this._mathObserver.observe(this, { childList: true, subtree: true });\n        }\n      }, 50);\n    });\n  };\n\n  _initMathObserver() {\n    if (this._mathObserver) return;\n    this._mathObserver = new MutationObserver(this._scheduleMathRender);\n    this._mathObserver.observe(this, { childList: true, subtree: true });\n  }\n\n  _disconnectMathObserver() {\n    if (this._mathObserver) {\n      this._mathObserver.disconnect();\n      this._mathObserver = null;\n    }\n  }\n\n  onShowCorrectToggle() {\n    renderMath(this);\n  }\n\n  setLangAttribute() {\n    const language = this._model && typeof this._model.language ? this._model.language : '';\n    const lang = language ? language.slice(0, 2) : 'en';\n    this.setAttribute('lang', lang);\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n    // reset the audioInitialized to false since the model changed, and we might need to reinitialize the audio\n    this._audioInitialized = false;\n    this._dispatchModelSet();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  get options() {\n    return this._options;\n  }\n\n  set options(o) {\n    this._options = o;\n    this._rerender();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._rerender();\n    //TODO: remove this session-changed should only be emit on user change\n    this._dispatchResponseChanged();\n  }\n\n  _onChange(data) {\n    updateSessionValue(this._session, this._model.choiceMode, data);\n    this._dispatchResponseChanged();\n    this._rerender();\n  }\n\n  _createAudioInfoToast() {\n    const info = document.createElement('div');\n    info.id = 'play-audio-info';\n\n    Object.assign(info.style, {\n      position: 'absolute',\n      top: 0,\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      background: 'white',\n      zIndex: '1000',\n      cursor: 'pointer',\n    });\n\n    const img = document.createElement('img');\n    img.src = EnableAudioAutoplayImage;\n    img.alt = 'Click anywhere to enable audio autoplay';\n    img.width = 500;\n    img.height = 300;\n\n    info.appendChild(img);\n    return info;\n  }\n\n  connectedCallback() {\n    this._initMathObserver();\n    this._rerender();\n\n    // Observation:  audio in Chrome will have the autoplay attribute,\n    // while other browsers will not have the autoplay attribute and will need a user interaction to play the audio\n    // This workaround fixes the issue of audio being cached and played on any user interaction in Safari and Firefox\n    const observer = new MutationObserver((mutationsList, observer) => {\n      mutationsList.forEach((mutation) => {\n        if (mutation.type === 'childList') {\n          if (this._audioInitialized) return;\n\n          const audio = this.querySelector('audio');\n          const isInsidePrompt = audio && audio.closest('#preview-prompt');\n\n          if (!this._model) return;\n          if (!this._model.autoplayAudioEnabled) return;\n          if (audio && !isInsidePrompt) return;\n          if (!audio) return;\n\n          const info = this._createAudioInfoToast();\n          const container = this.querySelector('#main-container');\n          const enableAudio = () => {\n            if (this.querySelector('#play-audio-info')) {\n              audio.play();\n              container.removeChild(info);\n            }\n\n            document.removeEventListener('click', enableAudio);\n          };\n\n          // if the audio is paused, it means the user has not interacted with the page yet and the audio will not play\n          // FIX FOR SAFARI: play with a slight delay to check if autoplay was blocked\n          setTimeout(() => {\n            if (audio.paused && !this.querySelector('#play-audio-info')) {\n              // add info message as a toast to enable audio playback\n              container.appendChild(info);\n              document.addEventListener('click', enableAudio);\n            } else {\n              document.removeEventListener('click', enableAudio);\n            }\n          }, 500);\n\n          // we need to listen for the playing event to remove the toast in case the audio plays because of re-rendering\n          const handlePlaying = () => {\n            updateSessionMetadata(this._session, { audioStartTime: new Date().getTime() });\n\n            const info = this.querySelector('#play-audio-info');\n            if (info) {\n              container.removeChild(info);\n            }\n\n            audio.removeEventListener('playing', handlePlaying);\n          };\n\n          audio.addEventListener('playing', handlePlaying);\n\n          // we need to listen for the ended event to update the isComplete state\n          const handleEnded = () => {\n            updateSessionMetadata(this._session, { audioEndTime: new Date().getTime() });\n            this.audioComplete = true;\n            this._dispatchResponseChanged();\n            audio.removeEventListener('ended', handleEnded);\n          };\n\n          audio.addEventListener('ended', handleEnded);\n\n          // store references to remove later\n          this._audio = audio;\n          this._handlePlaying = handlePlaying;\n          this._handleEnded = handleEnded;\n          this._enableAudio = enableAudio;\n          // set to true to prevent multiple initializations\n          this._audioInitialized = true;\n\n          observer.disconnect();\n        }\n      });\n    });\n\n    observer.observe(this, { childList: true, subtree: true });\n  }\n\n  enableKeyboardEvents() {\n    if (!this._keyboardEventsEnabled) {\n      window.addEventListener('keydown', this._boundHandleKeyDown);\n      this._keyboardEventsEnabled = true;\n    }\n  }\n\n  disconnectedCallback() {\n    this._disconnectMathObserver();\n    if (this._keyboardEventsEnabled) {\n      window.removeEventListener('keydown', this._boundHandleKeyDown);\n      this._keyboardEventsEnabled = false;\n    }\n\n    document.removeEventListener('click', this._enableAudio);\n\n    if (this._audio) {\n      this._audio.removeEventListener('playing', this._handlePlaying);\n      this._audio.removeEventListener('ended', this._handleEnded);\n      this._audio = null;\n    }\n\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n\n  /**\n   * Handles global keyboard events for selecting or toggling multiple-choice answers.\n   * Maps keys (1-9, 0, a-j, A-J) to choices and updates the session state accordingly.\n   * Ensures valid key presses toggle or select the appropriate choice based on the model.\n   */\n  handleKeyDown(event) {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const { mode } = this._model;\n    if (mode !== 'gather') {\n      return;\n    }\n\n    const keyToIndex = (key) => {\n      const numOffset = key >= '1' && key <= '9' ? key - '1' : key === '0' ? 9 : -1;\n      const letterOffset = /^[a-jA-J]$/.test(key) ? key.toLowerCase().charCodeAt(0) - 'a'.charCodeAt(0) : -1;\n      return numOffset >= 0 ? numOffset : letterOffset;\n    };\n\n    const choiceIndex = keyToIndex(event.key);\n\n    if (choiceIndex === undefined || choiceIndex <= -1 || choiceIndex >= this._model.choices?.length) {\n      return;\n    }\n\n    const currentValue = this._session.value || [];\n    const choiceId = this._model.choices[choiceIndex].value;\n\n    const newValue = {\n      value: choiceId,\n      selected: !currentValue.includes(choiceId),\n      selector: 'Keyboard',\n    };\n\n    this._onChange(newValue);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/main.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _renderUi = require("@pie-lib/render-ui");
-var _multipleChoice = _interopRequireDefault(require("./multiple-choice"));
-class Main extends _react.default.Component {
-  render() {
-    const {
-      model,
-      onChoiceChanged,
-      session,
-      onShowCorrectToggle,
-      options
-    } = this.props;
-    const {
-      extraCSSRules,
-      fontSizeFactor
-    } = model;
-
-    // model.partLabel is a property used for ebsr
-    return /*#__PURE__*/_react.default.createElement(_renderUi.PreviewLayout, {
-      extraCSSRules: extraCSSRules,
-      fontSizeFactor: fontSizeFactor,
-      classes: {}
-    }, /*#__PURE__*/_react.default.createElement(_multipleChoice.default, (0, _extends2.default)({}, model, {
-      options: options,
-      session: session,
-      onChoiceChanged: onChoiceChanged,
-      onShowCorrectToggle: onShowCorrectToggle
-    })));
-  }
-}
-(0, _defineProperty2.default)(Main, "propTypes", {
-  model: _propTypes.default.object,
-  session: _propTypes.default.object,
-  options: _propTypes.default.object,
-  onChoiceChanged: _propTypes.default.func,
-  onShowCorrectToggle: _propTypes.default.func,
-  extraCSSRules: _propTypes.default.shape({
-    names: _propTypes.default.arrayOf(_propTypes.default.string),
-    rules: _propTypes.default.string
-  })
-});
-(0, _defineProperty2.default)(Main, "defaultProps", {
-  model: {},
-  session: {}
-});
-var _default = exports.default = Main;
-//# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_renderUi","_multipleChoice","Main","React","Component","render","model","onChoiceChanged","session","onShowCorrectToggle","options","props","extraCSSRules","fontSizeFactor","default","createElement","PreviewLayout","classes","_extends2","_defineProperty2","PropTypes","object","func","shape","names","arrayOf","string","rules","_default","exports"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { PreviewLayout } from '@pie-lib/render-ui';\nimport MultipleChoice from './multiple-choice';\n\nclass Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    session: PropTypes.object,\n    options: PropTypes.object,\n    onChoiceChanged: PropTypes.func,\n    onShowCorrectToggle: PropTypes.func,\n    extraCSSRules: PropTypes.shape({\n      names: PropTypes.arrayOf(PropTypes.string),\n      rules: PropTypes.string,\n    }),\n  };\n\n  static defaultProps = {\n    model: {},\n    session: {},\n  };\n\n  render() {\n    const { model, onChoiceChanged, session, onShowCorrectToggle, options } = this.props;\n    const { extraCSSRules, fontSizeFactor } = model;\n\n    // model.partLabel is a property used for ebsr\n    return (\n      <PreviewLayout extraCSSRules={extraCSSRules} fontSizeFactor={fontSizeFactor} classes={{}}>\n        <MultipleChoice\n          {...model}\n          options={options}\n          session={session}\n          onChoiceChanged={onChoiceChanged}\n          onShowCorrectToggle={onShowCorrectToggle}\n        />\n      </PreviewLayout>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,MAAMI,IAAI,SAASC,cAAK,CAACC,SAAS,CAAC;EAkBjCC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,eAAe;MAAEC,OAAO;MAAEC,mBAAmB;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACC,KAAK;IACpF,MAAM;MAAEC,aAAa;MAAEC;IAAe,CAAC,GAAGP,KAAK;;IAE/C;IACA,oBACEV,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,SAAA,CAAAgB,aAAa;MAACJ,aAAa,EAAEA,aAAc;MAACC,cAAc,EAAEA,cAAe;MAACI,OAAO,EAAE,CAAC;IAAE,gBACvFrB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,eAAA,CAAAa,OAAc,MAAAI,SAAA,CAAAJ,OAAA,MACTR,KAAK;MACTI,OAAO,EAAEA,OAAQ;MACjBF,OAAO,EAAEA,OAAQ;MACjBD,eAAe,EAAEA,eAAgB;MACjCE,mBAAmB,EAAEA;IAAoB,EAC1C,CACY,CAAC;EAEpB;AACF;AAAC,IAAAU,gBAAA,CAAAL,OAAA,EAnCKZ,IAAI,eACW;EACjBI,KAAK,EAAEc,kBAAS,CAACC,MAAM;EACvBb,OAAO,EAAEY,kBAAS,CAACC,MAAM;EACzBX,OAAO,EAAEU,kBAAS,CAACC,MAAM;EACzBd,eAAe,EAAEa,kBAAS,CAACE,IAAI;EAC/Bb,mBAAmB,EAAEW,kBAAS,CAACE,IAAI;EACnCV,aAAa,EAAEQ,kBAAS,CAACG,KAAK,CAAC;IAC7BC,KAAK,EAAEJ,kBAAS,CAACK,OAAO,CAACL,kBAAS,CAACM,MAAM,CAAC;IAC1CC,KAAK,EAAEP,kBAAS,CAACM;EACnB,CAAC;AACH,CAAC;AAAA,IAAAP,gBAAA,CAAAL,OAAA,EAXGZ,IAAI,kBAac;EACpBI,KAAK,EAAE,CAAC,CAAC;EACTE,OAAO,EAAE,CAAC;AACZ,CAAC;AAAA,IAAAoB,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAqBYZ,IAAI","ignoreList":[]}