@pie-element/ebsr 12.3.4-next.0 → 13.0.0-beta.0

package/lib/print.js

@@ -1,52 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isSessionComplete = exports["default"] = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
+exports.isSessionComplete = exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _multipleChoice = _interopRequireDefault(require("@pie-element/multiple-choice"));
-
 var _debug = _interopRequireDefault(require("debug"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _piePlayerEvents = require("@pie-framework/pie-player-events");
-
 var _translator = _interopRequireDefault(require("@pie-lib/translator"));
+const MC_TAG_NAME = 'ebsr-multiple-choice';
+const SESSION_CHANGED = _piePlayerEvents.SessionChangedEvent.TYPE;
+const {
+  translator
+} = _translator.default;
+const log = (0, _debug.default)('pie-element:ebsr:print');
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var MC_TAG_NAME = 'ebsr-multiple-choice';
-var SESSION_CHANGED = _piePlayerEvents.SessionChangedEvent.TYPE;
-var translator = _translator["default"].translator;
-var log = (0, _debug["default"])('pie-element:ebsr:print');
 /**
  * Live in same package as main element - so we can access some of the shared comps!
  *
@@ -55,8 +27,8 @@ var log = (0, _debug["default"])('pie-element:ebsr:print');
  * - get configure/controller building
  */
 
-var preparePrintModel = function preparePrintModel(model, opts) {
-  var instr = opts.role === 'instructor';
+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;
@@ -66,8 +38,8 @@ var preparePrintModel = function preparePrintModel(model, opts) {
   model.animationsDisabled = true;
   model.lockChoiceOrder = true;
   model.choicesLayout = model.choicesLayout || 'vertical';
-  var choices = (0, _cloneDeep["default"])(model.choices);
-  model.choices = choices.map(function (c) {
+  const choices = (0, _cloneDeep.default)(model.choices);
+  model.choices = choices.map(c => {
     c.rationale = instr && model.rationaleEnabled !== false ? c.rationale : undefined;
     c.hideTick = instr;
     c.feedback = undefined;
@@ -76,191 +48,135 @@ var preparePrintModel = function preparePrintModel(model, opts) {
   model.keyMode = model.choicePrefix || 'letters';
   return model;
 };
-
-var EbsrMC = /*#__PURE__*/function (_MultipleChoice) {
-  (0, _inherits2["default"])(EbsrMC, _MultipleChoice);
-
-  var _super = _createSuper(EbsrMC);
-
-  function EbsrMC() {
-    (0, _classCallCheck2["default"])(this, EbsrMC);
-    return _super.apply(this, arguments);
-  }
-
-  return (0, _createClass2["default"])(EbsrMC);
-}(_multipleChoice["default"]);
-
-var defineMultipleChoice = function defineMultipleChoice() {
+class EbsrMC extends _multipleChoice.default {}
+const defineMultipleChoice = () => {
   if (!customElements.get(MC_TAG_NAME)) {
     customElements.define(MC_TAG_NAME, EbsrMC);
   }
 };
-
 defineMultipleChoice();
-
-var isNonEmptyArray = function isNonEmptyArray(a) {
-  return Array.isArray(a) && a.length > 0;
-};
-
-var isSessionComplete = function isSessionComplete(session) {
-  var a = (0, _get["default"])(session, 'value.partA.value');
-  var b = (0, _get["default"])(session, 'value.partB.value');
+const isNonEmptyArray = a => Array.isArray(a) && a.length > 0;
+const isSessionComplete = session => {
+  const a = (0, _get.default)(session, 'value.partA.value');
+  const b = (0, _get.default)(session, 'value.partB.value');
   return isNonEmptyArray(a) && isNonEmptyArray(b);
 };
-
 exports.isSessionComplete = isSessionComplete;
-
-var Ebsr = /*#__PURE__*/function (_HTMLElement) {
-  (0, _inherits2["default"])(Ebsr, _HTMLElement);
-
-  var _super2 = _createSuper(Ebsr);
-
-  function Ebsr() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Ebsr);
-    _this = _super2.call(this);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onSessionUpdated", function (e) {
-      if (e.target === (0, _assertThisInitialized2["default"])(_this)) {
+class Ebsr extends HTMLElement {
+  constructor() {
+    super();
+    (0, _defineProperty2.default)(this, "onSessionUpdated", e => {
+      if (e.target === this) {
         return;
       }
-
       e.preventDefault();
       e.stopImmediatePropagation();
-      var id = e.target.getAttribute('id');
-
+      const id = e.target.getAttribute('id');
       if (id) {
-        var key = "part".concat(id.toUpperCase());
-
+        const key = `part${id.toUpperCase()}`;
         if (e.update) {
-          _this._model[key] = e.update;
-        } //TODO: accessing a private property here. The session event should contain the update in future to prevent this.
-
-
-        _this.dispatchSessionChanged(e.srcElement._session, key);
+          this._model[key] = e.update;
+        }
+        //TODO: accessing a private property here. The session event should contain the update in future to prevent this.
+        this.dispatchSessionChanged(e.srcElement._session, key);
       }
     });
-    _this._model = {};
-    _this._session = {};
-    _this._options = null;
-    return _this;
+    this._model = {};
+    this._session = {};
+    this._options = null;
   }
-
-  (0, _createClass2["default"])(Ebsr, [{
-    key: "model",
-    set: function set(m) {
-      var _this2 = this;
-
-      this._model = m;
-      customElements.whenDefined(MC_TAG_NAME).then(function () {
-        _this2.setPartModel(_this2.partA, 'partA');
-
-        _this2.setPartModel(_this2.partB, 'partB');
-      });
-    }
-  }, {
-    key: "session",
-    set: function set(s) {
-      var _this3 = this;
-
-      this._session = s;
-      customElements.whenDefined(MC_TAG_NAME).then(function () {
-        _this3.setPartSession(_this3.partA, 'partA');
-
-        _this3.setPartSession(_this3.partB, 'partB');
-      });
-    }
-  }, {
-    key: "setPartModel",
-    value: function setPartModel(part, key) {
-      if (this._model && this._model[key] && part) {
-        var labels = {
-          'partA': undefined,
-          'partB': undefined
+  set model(m) {
+    this._model = m;
+    customElements.whenDefined(MC_TAG_NAME).then(() => {
+      this.setPartModel(this.partA, 'partA');
+      this.setPartModel(this.partB, 'partB');
+    });
+  }
+  set session(s) {
+    this._session = s;
+    customElements.whenDefined(MC_TAG_NAME).then(() => {
+      this.setPartSession(this.partA, 'partA');
+      this.setPartSession(this.partB, 'partB');
+    });
+  }
+  setPartModel(part, key) {
+    if (this._model && this._model[key] && part) {
+      let labels = {
+        'partA': undefined,
+        'partB': undefined
+      };
+      if (this._model.partLabels) {
+        const language = this._model.language;
+        labels = {
+          'partA': translator.t('ebsr.part', {
+            lng: language,
+            index: this._model.partLabelType === 'Letters' ? 'A' : '1'
+          }),
+          'partB': translator.t('ebsr.part', {
+            lng: language,
+            index: this._model.partLabelType === 'Letters' ? 'B' : '2'
+          })
         };
-
-        if (this._model.partLabels) {
-          var language = this._model.language;
-          labels = {
-            'partA': translator.t('ebsr.part', {
-              lng: language,
-              index: this._model.partLabelType === 'Letters' ? 'A' : '1'
-            }),
-            'partB': translator.t('ebsr.part', {
-              lng: language,
-              index: this._model.partLabelType === 'Letters' ? 'B' : '2'
-            })
-          };
-        }
-
-        part.model = _objectSpread(_objectSpread({}, preparePrintModel(this._model[key], this._options)), {}, {
-          keyMode: this._model[key].choicePrefix,
-          partLabel: labels[key]
-        }); // pass options to enable print mode detection in multiple-choice component
-
-        part.options = this._options;
-
-        if (!part._session) {
-          // for print, "set session" is not called,
-          // but ebsr needs sessions in order to render the elements,
-          // so we set it here it was not set already
-          part.session = {};
-        }
       }
-    }
-  }, {
-    key: "options",
-    set: function set(o) {
-      this._options = o;
-    }
-  }, {
-    key: "setPartSession",
-    value: function setPartSession(part, key) {
-      if (this._session && this._model && part) {
-        var value = this._session.value;
-        part.session = value && value[key] ? value[key] : {
-          id: key
-        };
+      part.model = {
+        ...preparePrintModel(this._model[key], this._options),
+        keyMode: this._model[key].choicePrefix,
+        partLabel: labels[key]
+      };
+
+      // pass options to enable print mode detection in multiple-choice component
+      part.options = this._options;
+      if (!part._session) {
+        // for print, "set session" is not called,
+        // but ebsr needs sessions in order to render the elements,
+        // so we set it here it was not set already
+        part.session = {};
       }
     }
-  }, {
-    key: "dispatchSessionChanged",
-    value: function dispatchSessionChanged(partSession, key) {
-      this._session.value = _objectSpread(_objectSpread({}, this._session.value), {}, (0, _defineProperty2["default"])({}, key, partSession));
-      log('[onSessionChanged] session: ', this._session);
-      var complete = isSessionComplete(this._session);
-      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), complete));
-    }
-  }, {
-    key: "partA",
-    get: function get() {
-      return this.querySelector("".concat(MC_TAG_NAME, "#a"));
-    }
-  }, {
-    key: "partB",
-    get: function get() {
-      return this.querySelector("".concat(MC_TAG_NAME, "#b"));
-    }
-  }, {
-    key: "connectedCallback",
-    value: function connectedCallback() {
-      this._render();
-
-      this.addEventListener(SESSION_CHANGED, this.onSessionUpdated);
-    }
-  }, {
-    key: "disconnectedCallback",
-    value: function disconnectedCallback() {
-      this.removeEventListener(SESSION_CHANGED, this.onSessionUpdated);
-    }
-  }, {
-    key: "_render",
-    value: function _render() {
-      this.innerHTML = "\n      <div>\n        <".concat(MC_TAG_NAME, " id=\"a\"></").concat(MC_TAG_NAME, ">\n        <").concat(MC_TAG_NAME, " id=\"b\"></").concat(MC_TAG_NAME, ">\n      </div>\n    ");
+  }
+  set options(o) {
+    this._options = o;
+  }
+  setPartSession(part, key) {
+    if (this._session && this._model && part) {
+      const {
+        value
+      } = this._session;
+      part.session = value && value[key] ? value[key] : {
+        id: key
+      };
     }
-  }]);
-  return Ebsr;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = Ebsr;
+  }
+  dispatchSessionChanged(partSession, key) {
+    this._session.value = {
+      ...this._session.value,
+      [key]: partSession
+    };
+    log('[onSessionChanged] session: ', this._session);
+    const complete = isSessionComplete(this._session);
+    this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), complete));
+  }
+  get partA() {
+    return this.querySelector(`${MC_TAG_NAME}#a`);
+  }
+  get partB() {
+    return this.querySelector(`${MC_TAG_NAME}#b`);
+  }
+  connectedCallback() {
+    this._render();
+    this.addEventListener(SESSION_CHANGED, this.onSessionUpdated);
+  }
+  disconnectedCallback() {
+    this.removeEventListener(SESSION_CHANGED, this.onSessionUpdated);
+  }
+  _render() {
+    this.innerHTML = `
+      <div>
+        <${MC_TAG_NAME} id="a"></${MC_TAG_NAME}>
+        <${MC_TAG_NAME} id="b"></${MC_TAG_NAME}>
+      </div>
+    `;
+  }
+}
+exports.default = Ebsr;
 //# sourceMappingURL=print.js.map

package/lib/print.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/print.js"],"names":["MC_TAG_NAME","SESSION_CHANGED","SessionChangedEvent","TYPE","translator","Translator","log","preparePrintModel","model","opts","instr","role","prompt","promptEnabled","undefined","teacherInstructions","teacherInstructionsEnabled","showTeacherInstructions","alwaysShowCorrect","mode","disabled","animationsDisabled","lockChoiceOrder","choicesLayout","choices","map","c","rationale","rationaleEnabled","hideTick","feedback","keyMode","choicePrefix","EbsrMC","MultipleChoice","defineMultipleChoice","customElements","get","define","isNonEmptyArray","a","Array","isArray","length","isSessionComplete","session","b","Ebsr","e","target","preventDefault","stopImmediatePropagation","id","getAttribute","key","toUpperCase","update","_model","dispatchSessionChanged","srcElement","_session","_options","m","whenDefined","then","setPartModel","partA","partB","s","setPartSession","part","labels","partLabels","language","t","lng","index","partLabelType","partLabel","options","o","value","partSession","complete","dispatchEvent","tagName","toLowerCase","querySelector","_render","addEventListener","onSessionUpdated","removeEventListener","innerHTML","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAGA;;;;;;;;;;AAFA,IAAMA,WAAW,GAAG,sBAApB;AACA,IAAMC,eAAe,GAAGC,qCAAoBC,IAA5C;AAGA,IAAQC,UAAR,GAAuBC,sBAAvB,CAAQD,UAAR;AAEA,IAAME,GAAG,GAAG,uBAAM,wBAAN,CAAZ;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAQC,IAAR,EAAiB;AACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAL,KAAc,YAA5B;AAEAH,EAAAA,KAAK,CAACI,MAAN,GAAeJ,KAAK,CAACK,aAAN,KAAwB,KAAxB,GAAgCL,KAAK,CAACI,MAAtC,GAA+CE,SAA9D;AACAN,EAAAA,KAAK,CAACO,mBAAN,GACEL,KAAK,IAAIF,KAAK,CAACQ,0BAAN,KAAqC,KAA9C,GAAsDR,KAAK,CAACO,mBAA5D,GAAkFD,SADpF;AAEAN,EAAAA,KAAK,CAACS,uBAAN,GAAgCP,KAAhC;AACAF,EAAAA,KAAK,CAACU,iBAAN,GAA0BR,KAA1B;AACAF,EAAAA,KAAK,CAACW,IAAN,GAAaT,KAAK,GAAG,UAAH,GAAgB,QAAlC;AAEAF,EAAAA,KAAK,CAACY,QAAN,GAAiB,IAAjB;AACAZ,EAAAA,KAAK,CAACa,kBAAN,GAA2B,IAA3B;AACAb,EAAAA,KAAK,CAACc,eAAN,GAAwB,IAAxB;AACAd,EAAAA,KAAK,CAACe,aAAN,GAAsBf,KAAK,CAACe,aAAN,IAAuB,UAA7C;AAEA,MAAMC,OAAO,GAAG,2BAAUhB,KAAK,CAACgB,OAAhB,CAAhB;AAEAhB,EAAAA,KAAK,CAACgB,OAAN,GAAgBA,OAAO,CAACC,GAAR,CAAY,UAACC,CAAD,EAAO;AACjCA,IAAAA,CAAC,CAACC,SAAF,GAAcjB,KAAK,IAAIF,KAAK,CAACoB,gBAAN,KAA2B,KAApC,GAA4CF,CAAC,CAACC,SAA9C,GAA0Db,SAAxE;AACAY,IAAAA,CAAC,CAACG,QAAF,GAAanB,KAAb;AACAgB,IAAAA,CAAC,CAACI,QAAF,GAAahB,SAAb;AACA,WAAOY,CAAP;AACD,GALe,CAAhB;AAOAlB,EAAAA,KAAK,CAACuB,OAAN,GAAgBvB,KAAK,CAACwB,YAAN,IAAsB,SAAtC;AAEA,SAAOxB,KAAP;AACD,CA3BD;;IA6BMyB,M;;;;;;;;;;;EAAeC,0B;;AAErB,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,MAAI,CAACC,cAAc,CAACC,GAAf,CAAmBrC,WAAnB,CAAL,EAAsC;AACpCoC,IAAAA,cAAc,CAACE,MAAf,CAAsBtC,WAAtB,EAAmCiC,MAAnC;AACD;AACF,CAJD;;AAMAE,oBAAoB;;AAEpB,IAAMI,eAAe,GAAG,SAAlBA,eAAkB,CAACC,CAAD;AAAA,SAAOC,KAAK,CAACC,OAAN,CAAcF,CAAd,KAAoBA,CAAC,CAACG,MAAF,GAAW,CAAtC;AAAA,CAAxB;;AAEO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,OAAD,EAAa;AAC5C,MAAML,CAAC,GAAG,qBAAIK,OAAJ,EAAa,mBAAb,CAAV;AACA,MAAMC,CAAC,GAAG,qBAAID,OAAJ,EAAa,mBAAb,CAAV;AAEA,SAAON,eAAe,CAACC,CAAD,CAAf,IAAsBD,eAAe,CAACO,CAAD,CAA5C;AACD,CALM;;;;IAOcC,I;;;;;AACnB,kBAAc;AAAA;;AAAA;AACZ;AADY,yGAOK,UAACC,CAAD,EAAO;AACxB,UAAIA,CAAC,CAACC,MAAF,mDAAJ,EAAuB;AACrB;AACD;;AAEDD,MAAAA,CAAC,CAACE,cAAF;AACAF,MAAAA,CAAC,CAACG,wBAAF;AAEA,UAAMC,EAAE,GAAGJ,CAAC,CAACC,MAAF,CAASI,YAAT,CAAsB,IAAtB,CAAX;;AAEA,UAAID,EAAJ,EAAQ;AACN,YAAME,GAAG,iBAAUF,EAAE,CAACG,WAAH,EAAV,CAAT;;AAEA,YAAIP,CAAC,CAACQ,MAAN,EAAc;AACZ,gBAAKC,MAAL,CAAYH,GAAZ,IAAmBN,CAAC,CAACQ,MAArB;AACD,SALK,CAMN;;;AACA,cAAKE,sBAAL,CAA4BV,CAAC,CAACW,UAAF,CAAaC,QAAzC,EAAmDN,GAAnD;AACD;AACF,KA1Ba;AAEZ,UAAKG,MAAL,GAAc,EAAd;AACA,UAAKG,QAAL,GAAgB,EAAhB;AACA,UAAKC,QAAL,GAAgB,IAAhB;AAJY;AAKb;;;;SAuBD,aAAUC,CAAV,EAAa;AAAA;;AACX,WAAKL,MAAL,GAAcK,CAAd;AAEA1B,MAAAA,cAAc,CAAC2B,WAAf,CAA2B/D,WAA3B,EAAwCgE,IAAxC,CAA6C,YAAM;AACjD,QAAA,MAAI,CAACC,YAAL,CAAkB,MAAI,CAACC,KAAvB,EAA8B,OAA9B;;AACA,QAAA,MAAI,CAACD,YAAL,CAAkB,MAAI,CAACE,KAAvB,EAA8B,OAA9B;AACD,OAHD;AAID;;;SAED,aAAYC,CAAZ,EAAe;AAAA;;AACb,WAAKR,QAAL,GAAgBQ,CAAhB;AAEAhC,MAAAA,cAAc,CAAC2B,WAAf,CAA2B/D,WAA3B,EAAwCgE,IAAxC,CAA6C,YAAM;AACjD,QAAA,MAAI,CAACK,cAAL,CAAoB,MAAI,CAACH,KAAzB,EAAgC,OAAhC;;AACA,QAAA,MAAI,CAACG,cAAL,CAAoB,MAAI,CAACF,KAAzB,EAAgC,OAAhC;AACD,OAHD;AAID;;;WAED,sBAAaG,IAAb,EAAmBhB,GAAnB,EAAwB;AACtB,UAAI,KAAKG,MAAL,IAAe,KAAKA,MAAL,CAAYH,GAAZ,CAAf,IAAmCgB,IAAvC,EAA6C;AAC3C,YAAIC,MAAM,GAAG;AACX,mBAASzD,SADE;AAEX,mBAASA;AAFE,SAAb;;AAKA,YAAI,KAAK2C,MAAL,CAAYe,UAAhB,EAA4B;AAC1B,cAAMC,QAAQ,GAAG,KAAKhB,MAAL,CAAYgB,QAA7B;AAEAF,UAAAA,MAAM,GAAG;AACP,qBAASnE,UAAU,CAACsE,CAAX,CAAa,WAAb,EAA0B;AACjCC,cAAAA,GAAG,EAAEF,QAD4B;AAEjCG,cAAAA,KAAK,EAAE,KAAKnB,MAAL,CAAYoB,aAAZ,KAA8B,SAA9B,GAA0C,GAA1C,GAAgD;AAFtB,aAA1B,CADF;AAKP,qBAASzE,UAAU,CAACsE,CAAX,CAAa,WAAb,EAA0B;AACjCC,cAAAA,GAAG,EAAEF,QAD4B;AAEjCG,cAAAA,KAAK,EAAE,KAAKnB,MAAL,CAAYoB,aAAZ,KAA8B,SAA9B,GAA0C,GAA1C,GAAgD;AAFtB,aAA1B;AALF,WAAT;AAUD;;AAEDP,QAAAA,IAAI,CAAC9D,KAAL,mCACKD,iBAAiB,CAAC,KAAKkD,MAAL,CAAYH,GAAZ,CAAD,EAAmB,KAAKO,QAAxB,CADtB;AAEE9B,UAAAA,OAAO,EAAE,KAAK0B,MAAL,CAAYH,GAAZ,EAAiBtB,YAF5B;AAGE8C,UAAAA,SAAS,EAAEP,MAAM,CAACjB,GAAD;AAHnB,WArB2C,CA2B3C;;AACAgB,QAAAA,IAAI,CAACS,OAAL,GAAe,KAAKlB,QAApB;;AAEA,YAAI,CAACS,IAAI,CAACV,QAAV,EAAoB;AAClB;AACA;AACA;AACAU,UAAAA,IAAI,CAACzB,OAAL,GAAe,EAAf;AACD;AACF;AACF;;;SAED,aAAYmC,CAAZ,EAAe;AACb,WAAKnB,QAAL,GAAgBmB,CAAhB;AACD;;;WAED,wBAAeV,IAAf,EAAqBhB,GAArB,EAA0B;AACxB,UAAI,KAAKM,QAAL,IAAiB,KAAKH,MAAtB,IAAgCa,IAApC,EAA0C;AACxC,YAAQW,KAAR,GAAkB,KAAKrB,QAAvB,CAAQqB,KAAR;AACAX,QAAAA,IAAI,CAACzB,OAAL,GAAeoC,KAAK,IAAIA,KAAK,CAAC3B,GAAD,CAAd,GAAsB2B,KAAK,CAAC3B,GAAD,CAA3B,GAAmC;AAAEF,UAAAA,EAAE,EAAEE;AAAN,SAAlD;AACD;AACF;;;WAED,gCAAuB4B,WAAvB,EAAoC5B,GAApC,EAAyC;AACvC,WAAKM,QAAL,CAAcqB,KAAd,mCACK,KAAKrB,QAAL,CAAcqB,KADnB,4CAEG3B,GAFH,EAES4B,WAFT;AAKA5E,MAAAA,GAAG,CAAC,8BAAD,EAAiC,KAAKsD,QAAtC,CAAH;AACA,UAAMuB,QAAQ,GAAGvC,iBAAiB,CAAC,KAAKgB,QAAN,CAAlC;AACA,WAAKwB,aAAL,CAAmB,IAAIlF,oCAAJ,CAAwB,KAAKmF,OAAL,CAAaC,WAAb,EAAxB,EAAoDH,QAApD,CAAnB;AACD;;;SAED,eAAY;AACV,aAAO,KAAKI,aAAL,WAAsBvF,WAAtB,QAAP;AACD;;;SAED,eAAY;AACV,aAAO,KAAKuF,aAAL,WAAsBvF,WAAtB,QAAP;AACD;;;WAED,6BAAoB;AAClB,WAAKwF,OAAL;;AACA,WAAKC,gBAAL,CAAsBxF,eAAtB,EAAuC,KAAKyF,gBAA5C;AACD;;;WAED,gCAAuB;AACrB,WAAKC,mBAAL,CAAyB1F,eAAzB,EAA0C,KAAKyF,gBAA/C;AACD;;;WAED,mBAAU;AACR,WAAKE,SAAL,qCAEO5F,WAFP,yBAE+BA,WAF/B,yBAGOA,WAHP,yBAG+BA,WAH/B;AAMD;;;kDArI+B6F,W","sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\nimport MultipleChoice from '@pie-element/multiple-choice';\nimport debug from 'debug';\nimport get from 'lodash/get';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nconst MC_TAG_NAME = 'ebsr-multiple-choice';\nconst SESSION_CHANGED = SessionChangedEvent.TYPE;\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst log = debug('pie-element:ebsr: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' : 'gather';\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\nclass EbsrMC extends MultipleChoice {}\n\nconst defineMultipleChoice = () => {\n  if (!customElements.get(MC_TAG_NAME)) {\n    customElements.define(MC_TAG_NAME, EbsrMC);\n  }\n};\n\ndefineMultipleChoice();\n\nconst isNonEmptyArray = (a) => Array.isArray(a) && a.length > 0;\n\nexport const isSessionComplete = (session) => {\n  const a = get(session, 'value.partA.value');\n  const b = get(session, 'value.partB.value');\n\n  return isNonEmptyArray(a) && isNonEmptyArray(b);\n};\n\nexport default class Ebsr extends HTMLElement {\n  constructor() {\n    super();\n    this._model = {};\n    this._session = {};\n    this._options = null;\n  }\n\n  onSessionUpdated = (e) => {\n    if (e.target === this) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopImmediatePropagation();\n\n    const id = e.target.getAttribute('id');\n\n    if (id) {\n      const key = `part${id.toUpperCase()}`;\n\n      if (e.update) {\n        this._model[key] = e.update;\n      }\n      //TODO: accessing a private property here. The session event should contain the update in future to prevent this.\n      this.dispatchSessionChanged(e.srcElement._session, key);\n    }\n  };\n\n  set model(m) {\n    this._model = m;\n\n    customElements.whenDefined(MC_TAG_NAME).then(() => {\n      this.setPartModel(this.partA, 'partA');\n      this.setPartModel(this.partB, 'partB');\n    });\n  }\n\n  set session(s) {\n    this._session = s;\n\n    customElements.whenDefined(MC_TAG_NAME).then(() => {\n      this.setPartSession(this.partA, 'partA');\n      this.setPartSession(this.partB, 'partB');\n    });\n  }\n\n  setPartModel(part, key) {\n    if (this._model && this._model[key] && part) {\n      let labels = {\n        'partA': undefined,\n        'partB': undefined\n      };\n\n      if (this._model.partLabels) {\n        const language = this._model.language;\n\n        labels = {\n          'partA': translator.t('ebsr.part', {\n            lng: language,\n            index: this._model.partLabelType === 'Letters' ? 'A' : '1'\n          }),\n          'partB': translator.t('ebsr.part', {\n            lng: language,\n            index: this._model.partLabelType === 'Letters' ? 'B' : '2'\n          })\n        };\n      }\n\n      part.model = {\n        ...preparePrintModel(this._model[key], this._options),\n        keyMode: this._model[key].choicePrefix,\n        partLabel: labels[key]\n      };\n\n      // pass options to enable print mode detection in multiple-choice component\n      part.options = this._options;\n\n      if (!part._session) {\n        // for print, \"set session\" is not called,\n        // but ebsr needs sessions in order to render the elements,\n        // so we set it here it was not set already\n        part.session = {};\n      }\n    }\n  }\n\n  set options(o) {\n    this._options = o;\n  }\n\n  setPartSession(part, key) {\n    if (this._session && this._model && part) {\n      const { value } = this._session;\n      part.session = value && value[key] ? value[key] : { id: key };\n    }\n  }\n\n  dispatchSessionChanged(partSession, key) {\n    this._session.value = {\n      ...this._session.value,\n      [key]: partSession,\n    };\n\n    log('[onSessionChanged] session: ', this._session);\n    const complete = isSessionComplete(this._session);\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\n  }\n\n  get partA() {\n    return this.querySelector(`${MC_TAG_NAME}#a`);\n  }\n\n  get partB() {\n    return this.querySelector(`${MC_TAG_NAME}#b`);\n  }\n\n  connectedCallback() {\n    this._render();\n    this.addEventListener(SESSION_CHANGED, this.onSessionUpdated);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(SESSION_CHANGED, this.onSessionUpdated);\n  }\n\n  _render() {\n    this.innerHTML = `\n      <div>\n        <${MC_TAG_NAME} id=\"a\"></${MC_TAG_NAME}>\n        <${MC_TAG_NAME} id=\"b\"></${MC_TAG_NAME}>\n      </div>\n    `;\n  }\n}\n"],"file":"print.js"}
+{"version":3,"file":"print.js","names":["_cloneDeep","_interopRequireDefault","require","_multipleChoice","_debug","_get","_piePlayerEvents","_translator","MC_TAG_NAME","SESSION_CHANGED","SessionChangedEvent","TYPE","translator","Translator","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","EbsrMC","MultipleChoice","defineMultipleChoice","customElements","get","define","isNonEmptyArray","a","Array","isArray","length","isSessionComplete","session","b","exports","Ebsr","HTMLElement","constructor","_defineProperty2","default","e","target","preventDefault","stopImmediatePropagation","id","getAttribute","key","toUpperCase","update","_model","dispatchSessionChanged","srcElement","_session","_options","m","whenDefined","then","setPartModel","partA","partB","s","setPartSession","part","labels","partLabels","language","t","lng","index","partLabelType","partLabel","options","o","value","partSession","complete","dispatchEvent","tagName","toLowerCase","querySelector","connectedCallback","_render","addEventListener","onSessionUpdated","disconnectedCallback","removeEventListener","innerHTML"],"sources":["../src/print.js"],"sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\nimport MultipleChoice from '@pie-element/multiple-choice';\nimport debug from 'debug';\nimport get from 'lodash/get';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nconst MC_TAG_NAME = 'ebsr-multiple-choice';\nconst SESSION_CHANGED = SessionChangedEvent.TYPE;\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst log = debug('pie-element:ebsr: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' : 'gather';\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\nclass EbsrMC extends MultipleChoice {}\n\nconst defineMultipleChoice = () => {\n  if (!customElements.get(MC_TAG_NAME)) {\n    customElements.define(MC_TAG_NAME, EbsrMC);\n  }\n};\n\ndefineMultipleChoice();\n\nconst isNonEmptyArray = (a) => Array.isArray(a) && a.length > 0;\n\nexport const isSessionComplete = (session) => {\n  const a = get(session, 'value.partA.value');\n  const b = get(session, 'value.partB.value');\n\n  return isNonEmptyArray(a) && isNonEmptyArray(b);\n};\n\nexport default class Ebsr extends HTMLElement {\n  constructor() {\n    super();\n    this._model = {};\n    this._session = {};\n    this._options = null;\n  }\n\n  onSessionUpdated = (e) => {\n    if (e.target === this) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopImmediatePropagation();\n\n    const id = e.target.getAttribute('id');\n\n    if (id) {\n      const key = `part${id.toUpperCase()}`;\n\n      if (e.update) {\n        this._model[key] = e.update;\n      }\n      //TODO: accessing a private property here. The session event should contain the update in future to prevent this.\n      this.dispatchSessionChanged(e.srcElement._session, key);\n    }\n  };\n\n  set model(m) {\n    this._model = m;\n\n    customElements.whenDefined(MC_TAG_NAME).then(() => {\n      this.setPartModel(this.partA, 'partA');\n      this.setPartModel(this.partB, 'partB');\n    });\n  }\n\n  set session(s) {\n    this._session = s;\n\n    customElements.whenDefined(MC_TAG_NAME).then(() => {\n      this.setPartSession(this.partA, 'partA');\n      this.setPartSession(this.partB, 'partB');\n    });\n  }\n\n  setPartModel(part, key) {\n    if (this._model && this._model[key] && part) {\n      let labels = {\n        'partA': undefined,\n        'partB': undefined\n      };\n\n      if (this._model.partLabels) {\n        const language = this._model.language;\n\n        labels = {\n          'partA': translator.t('ebsr.part', {\n            lng: language,\n            index: this._model.partLabelType === 'Letters' ? 'A' : '1'\n          }),\n          'partB': translator.t('ebsr.part', {\n            lng: language,\n            index: this._model.partLabelType === 'Letters' ? 'B' : '2'\n          })\n        };\n      }\n\n      part.model = {\n        ...preparePrintModel(this._model[key], this._options),\n        keyMode: this._model[key].choicePrefix,\n        partLabel: labels[key]\n      };\n\n      // pass options to enable print mode detection in multiple-choice component\n      part.options = this._options;\n\n      if (!part._session) {\n        // for print, \"set session\" is not called,\n        // but ebsr needs sessions in order to render the elements,\n        // so we set it here it was not set already\n        part.session = {};\n      }\n    }\n  }\n\n  set options(o) {\n    this._options = o;\n  }\n\n  setPartSession(part, key) {\n    if (this._session && this._model && part) {\n      const { value } = this._session;\n      part.session = value && value[key] ? value[key] : { id: key };\n    }\n  }\n\n  dispatchSessionChanged(partSession, key) {\n    this._session.value = {\n      ...this._session.value,\n      [key]: partSession,\n    };\n\n    log('[onSessionChanged] session: ', this._session);\n    const complete = isSessionComplete(this._session);\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\n  }\n\n  get partA() {\n    return this.querySelector(`${MC_TAG_NAME}#a`);\n  }\n\n  get partB() {\n    return this.querySelector(`${MC_TAG_NAME}#b`);\n  }\n\n  connectedCallback() {\n    this._render();\n    this.addEventListener(SESSION_CHANGED, this.onSessionUpdated);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(SESSION_CHANGED, this.onSessionUpdated);\n  }\n\n  _render() {\n    this.innerHTML = `\n      <div>\n        <${MC_TAG_NAME} id=\"a\"></${MC_TAG_NAME}>\n        <${MC_TAG_NAME} id=\"b\"></${MC_TAG_NAME}>\n      </div>\n    `;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,29 +1,25 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "12.3.4-next.0+bb17c7e0a",
+  "version": "13.0.0-beta.0",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@pie-element/multiple-choice": "^11.4.4-next.0+bb17c7e0a",
+    "@pie-element/multiple-choice": "12.0.0-beta.0",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/translator": "2.23.1",
+    "@pie-lib/translator": "2.23.3-next.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11"
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "bb17c7e0a54b6b5ff139075cccf1e341cc6f859f",
+  "gitHead": "7879a67078db250e4b7e8fdc869638024600411d",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },
   "main": "lib/index.js",
-  "module": "src/index.js",
-  "exports": {
-    ".": "./src/index.js",
-    "./print": "./src/print.js"
-  }
+  "module": "src/index.js"
 }

package/src/__tests__/index.test.js

@@ -42,14 +42,20 @@ describe('ebsr', () => {
 
   beforeAll(() => {
     Def = require('../index').default;
+
+    // Register the custom element if not already registered
+    if (!customElements.get('ebsr-element')) {
+      customElements.define('ebsr-element', Def);
+    }
   });
 
   beforeEach(() => {
-    el = new Def();
-    el.connectedCallback();
+    el = document.createElement('ebsr-element');
+
+    // Mock createElement for part elements
     ebsr = {
-      partA: new HTMLElement(),
-      partB: new HTMLElement(),
+      partA: document.createElement('div'),
+      partB: document.createElement('div'),
     };
     el.querySelector = jest.fn((s) => {
       if (s === '#part-a') {
@@ -58,7 +64,14 @@ describe('ebsr', () => {
         return ebsr.partB;
       }
     });
-    el.tagName = 'ebsr-element';
+
+    // Mock _render to avoid innerHTML issues with custom elements
+    el._render = jest.fn();
+
+    // Mock dispatchEvent for testing
+    el.dispatchEvent = jest.fn();
+
+    el.connectedCallback();
     el.model = defaultModel;
     el.session = defaultSession;
   });

package/configure/src/__tests__/__snapshots__/index.test.js.snap

@@ -1,83 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`index createDefaultModel default-snapshot 1`] = `
-Object {
-  "partA": Object {
-    "choiceMode": "radio",
-    "choicePrefix": "letters",
-    "choices": Array [],
-    "choicesLayout": "vertical",
-    "feedbackEnabled": false,
-    "gridColumns": 2,
-    "prompt": "",
-    "promptEnabled": true,
-    "rationale": "",
-    "rationaleEnabled": true,
-    "spellCheckEnabled": true,
-    "studentInstructionsEnabled": true,
-    "teacherInstructions": "",
-    "teacherInstructionsEnabled": true,
-    "toolbarEditorPosition": "bottom",
-  },
-  "partB": Object {
-    "choiceMode": "radio",
-    "choicePrefix": "letters",
-    "choices": Array [],
-    "choicesLayout": "vertical",
-    "feedbackEnabled": false,
-    "gridColumns": 2,
-    "prompt": "",
-    "promptEnabled": true,
-    "rationale": "",
-    "rationaleEnabled": true,
-    "spellCheckEnabled": true,
-    "studentInstructionsEnabled": true,
-    "teacherInstructions": "",
-    "teacherInstructionsEnabled": true,
-    "toolbarEditorPosition": "bottom",
-  },
-  "partLabelType": "Letters",
-  "partLabels": true,
-}
-`;
-
-exports[`index createDefaultModel with-overrides-snapshot 1`] = `
-Object {
-  "partA": Object {
-    "choiceMode": "radio",
-    "choicePrefix": "letters",
-    "choices": Array [],
-    "choicesLayout": "vertical",
-    "feedbackEnabled": false,
-    "gridColumns": 2,
-    "prompt": "",
-    "promptEnabled": true,
-    "rationale": "foo",
-    "rationaleEnabled": true,
-    "spellCheckEnabled": true,
-    "studentInstructionsEnabled": true,
-    "teacherInstructions": "ti",
-    "teacherInstructionsEnabled": true,
-    "toolbarEditorPosition": "bottom",
-  },
-  "partB": Object {
-    "choiceMode": "radio",
-    "choicePrefix": "letters",
-    "choices": Array [],
-    "choicesLayout": "vertical",
-    "feedbackEnabled": false,
-    "gridColumns": 2,
-    "prompt": "",
-    "promptEnabled": true,
-    "rationale": "",
-    "rationaleEnabled": true,
-    "spellCheckEnabled": true,
-    "studentInstructionsEnabled": true,
-    "teacherInstructions": "",
-    "teacherInstructionsEnabled": true,
-    "toolbarEditorPosition": "bottom",
-  },
-  "partLabelType": "Letters",
-  "partLabels": true,
-}
-`;

package/module/configure.js

@@ -1 +0,0 @@
-import{_dll_react as e,_dll_prop_types as t,_dll_material_ui__core_styles as i,_dll_lodash as a,_dll_react_dom as s}from"../../../@pie-lib/shared-module@^1.17.5/module/index.js";import o from"@pie-element/multiple-choice/configure/lib";import{_dll_pie_lib__config_ui as n}from"../../../@pie-lib/config-module@^2.23.3/module/index.js";var l={};Object.defineProperty(l,"__esModule",{value:!0});class r extends CustomEvent{constructor(e,t=!1){super(r.TYPE,{bubbles:!0,detail:{update:e,reset:t}}),this.update=e,this.reset=t}}r.TYPE="model.updated";var c=l.ModelUpdatedEvent=r;class d extends CustomEvent{constructor(e,t){super(d.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}d.TYPE="delete.image",l.DeleteImageEvent=d;class h extends CustomEvent{constructor(e){super(h.TYPE,{bubbles:!0,detail:e}),this.handler=e}}h.TYPE="insert.image",l.InsertImageEvent=h;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.sound",l.DeleteSoundEvent=p;class g extends CustomEvent{constructor(e){super(g.TYPE,{bubbles:!0,detail:e}),this.handler=e}}g.TYPE="insert.sound",l.InsertSoundEvent=g;const u=e,b=t,{withStyles:m}=i,{settings:_}=n,{layout:f}=n,{Panel:C,toggle:E,radio:A,dropdown:v}=_;class L extends u.Component{constructor(...e){super(...e),L.prototype.__init.call(this),L.prototype.__init2.call(this)}static __initStatic(){this.propTypes={classes:b.object,configuration:b.object,model:b.object,onModelChanged:b.func,onConfigurationChanged:b.func}}__init(){this.removeExtraChoices=e=>{let t=!1;return(e||[]).map((e=>t?(e.correct=!1,e):(e.correct&&(t=!0),e)))}}__init2(){this.onModelChanged=(e,t)=>{const{onModelChanged:i}=this.props;return"partA.choiceMode"===t&&"radio"===e.partA.choiceMode?(e.partA.choices=this.removeExtraChoices(e.partA.choices),i(e,!0)):"partB.choiceMode"===t&&"radio"===e.partB.choiceMode?(e.partB.choices=this.removeExtraChoices(e.partB.choices),i(e,!0)):i(e)}}render(){const{classes:e,model:t,configuration:i,onConfigurationChanged:a}=this.props,{partLabelType:s,partA:o,partB:n,extraCSSRules:l}=t,{contentDimensions:r={},partA:c={},partB:d={},partialScoring:h={},settingsPanelDisabled:p,scoringType:g={},language:b={},languageChoices:m={},..._}=i,{feedback:L={},choiceMode:y={},choicePrefix:B={},lockChoiceOrder:P={},prompt:M={},teacherInstructions:x={},studentInstructions:k={},choicesLayout:I={},gridColumns:S={},rationale:T={},spellCheck:D={}}=c||{},{feedback:Y={},choiceMode:O={},choicePrefix:w={},lockChoiceOrder:$={},prompt:j={},teacherInstructions:N={},studentInstructions:U={},choicesLayout:z={},gridColumns:R={},rationale:q={},spellCheck:H={}}=d||{},F="Numbers"===(s||"Numbers"),G="Part "+(F?"1":"A"),W="Part "+(F?"2":"B"),J={partA:o.choices&&o.choices.length?Array.from({length:o.choices.length},((e,t)=>`${t+1}`)):[],partB:n.choices&&n.choices.length?Array.from({length:n.choices.length},((e,t)=>`${t+1}`)):[]},K={partLabels:_.partLabels.settings&&E(_.partLabels.label),partLabelType:t.partLabels&&v("",["Numbers","Letters"]),partialScoring:h.settings&&E(h.label),scoringType:g.settings&&A(g.label,["auto","rubric"]),"language.enabled":b.settings&&E(b.label,!0),language:b.settings&&b.enabled&&v(m.label,m.options)},Q={"partA.choiceMode":y.settings&&A(y.label,["checkbox","radio"]),"partA.choicePrefix":B.settings&&A(B.label,["numbers","letters"]),"partA.lockChoiceOrder":P.settings&&E(P.label),"partA.choicesLayout":I.settings&&v(I.label,["vertical","grid","horizontal"]),"partA.gridColumns":I.settings&&"grid"===o.choicesLayout&&J.partA.length>0&&v(S.label,J.partA)},V={"partA.feedbackEnabled":L.settings&&E(L.label),"partA.promptEnabled":M.settings&&E(M.label),"partA.teacherInstructionsEnabled":x.settings&&E(x.label),"partA.studentInstructionsEnabled":k.settings&&E(k.label),"partA.rationaleEnabled":T.settings&&E(T.label),"partA.spellCheckEnabled":D.settings&&E(D.label)},X={"partB.choiceMode":O.settings&&A(O.label,["checkbox","radio"]),"partB.choicePrefix":w.settings&&A(w.label,["numbers","letters"]),"partB.lockChoiceOrder":$.settings&&E($.label),"partB.choicesLayout":z.settings&&v(z.label,["vertical","grid","horizontal"]),"partB.gridColumns":z.settings&&"grid"===n.choicesLayout&&J.partB.length>0&&v(R.label,J.partB)},Z={"partB.feedbackEnabled":Y.settings&&E(Y.label),"partB.promptEnabled":j.settings&&E(j.label),"partB.teacherInstructionsEnabled":N.settings&&E(N.label),"partB.studentInstructionsEnabled":U.settings&&E(U.label),"partB.rationaleEnabled":q.settings&&E(q.label),"partB.spellCheckEnabled":H.settings&&E(H.label)};return u.createElement(f.ConfigLayout,{extraCSSRules:l,dimensions:r,hideSettings:p,settings:u.createElement(C,{model:t,onChangeModel:this.onModelChanged,configuration:i,onChangeConfiguration:a,groups:{"Settings for both":K,[`Settings ${G}`]:Q,[`Properties ${G}`]:V,[`Settings ${W}`]:X,[`Properties ${W}`]:Z}})},t.partLabels&&u.createElement("div",{className:e.partLabel},G),u.createElement("ebsr-multiple-choice-configure",{id:"A",key:"partA",ref:e=>{e&&(this.partA=e,this.partA._model={...this.props.model.partA,errors:this.props.model.errors&&this.props.model.errors.partA||{}},this.partA.configuration={...c,..._})}}),u.createElement("div",{className:e.divider}),t.partLabels&&u.createElement("div",{className:e.partLabel},W),u.createElement("ebsr-multiple-choice-configure",{id:"B",key:"partB",ref:e=>{e&&(this.partB=e,this.partB._model={...this.props.model.partB,errors:this.props.model.errors&&this.props.model.errors.partB||{}},this.partB.configuration={...d,..._})}}))}}L.__initStatic();const y=m((e=>({partLabel:{paddingBottom:2*e.spacing.unit},divider:{flex:1,height:2.5*e.spacing.unit}})))(L),{cloneDeep:B}=a,P={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"},lockChoiceOrder:{settings:!0,label:"Lock Choice Order"},prompt:{settings:!0,label:"Prompt",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},rationale:{settings:!0,label:"Rationale",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},settingsPanelDisabled:!0,studentInstructions:{settings:!1,label:"Student Instructions"},teacherInstructions:{settings:!0,label:"Teacher Instructions",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},choicesLayout:{settings:!1,label:"Choices Layout"},gridColumns:{label:"Grid columns"},spellCheck:{label:"Spellcheck",settings:!1,enabled:!0},maxImageWidth:{teacherInstructions:300,prompt:300,rationale:636,choices:636},maxImageHeight:{teacherInstructions:300,prompt:300,rationale:300,choices:300},mathMlOptions:{mmlOutput:!1,mmlEditing:!1},choices:{inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}}},baseInputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},textAlign:{disabled:!0},showParagraphs:{disabled:!1},separateParagraphs:{disabled:!0}}},M=e=>({choiceMode:"radio",choicePrefix:"letters",choices:[],choicesLayout:"vertical",feedbackEnabled:!1,gridColumns:2,prompt:"",promptEnabled:!0,rationale:"",rationaleEnabled:!0,spellCheckEnabled:!0,studentInstructionsEnabled:!0,teacherInstructions:"",teacherInstructionsEnabled:!0,toolbarEditorPosition:"bottom",...e});var x={model:{partLabels:!0,partLabelType:"Letters",partA:M(),partB:M()},configuration:{baseInputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},textAlign:{disabled:!0},showParagraphs:{disabled:!1},separateParagraphs:{disabled:!0}},partialScoring:{label:"Allow Partial Scoring",settings:!1},scoringType:{settings:!1,label:"Scoring Type"},partA:B(P),partB:B(P),partLabels:{settings:!0,label:"Part Labels"},settingsPanelDisabled:!1,language:{settings:!1,label:"Specify Language",enabled:!1},languageChoices:{label:"Language Choices",options:[]}}};const k=e,I=s,{defaults:S}=a;function T(e){let t,i=e[0],a=1;for(;a<e.length;){const s=e[a],o=e[a+1];if(a+=2,("optionalAccess"===s||"optionalCall"===s)&&null==i)return;"access"===s||"optionalAccess"===s?(t=i,i=o(i)):"call"!==s&&"optionalCall"!==s||(i=o(((...e)=>i.call(t,...e))),t=void 0)}return i}const D=c.TYPE;customElements.get("ebsr-multiple-choice-configure")||customElements.define("ebsr-multiple-choice-configure",class extends o{});const Y=(e,t)=>({configuration:S(e,x.configuration),model:t}),{model:O}=x||{};class w extends HTMLElement{static __initStatic(){this.createDefaultModel=({partA:e={},partB:t={},...i}={},a=O)=>({...a,...i,partA:{...a.partA,...e,choicesLayout:e.choicesLayout||!1===e.verticalMode&&"horizontal"||a.partA.choicesLayout},partB:{...a.partB,...t,choicesLayout:t.choicesLayout||!1===t.verticalMode&&"horizontal"||a.partB.choicesLayout}})}constructor(){super(),w.prototype.__init.call(this),w.prototype.__init2.call(this),this._model=w.createDefaultModel(),this._configuration=x.configuration,this.onConfigurationChanged=this.onConfigurationChanged.bind(this)}set model(e){this._model=w.createDefaultModel(e,this._model),this._render()}dispatchModelUpdated(e){const t=!!e;this.dispatchEvent(new c(this._model,t))}__init(){this.onModelChanged=(e,t)=>{this._model=w.createDefaultModel(e,this._model),this.dispatchModelUpdated(t),this._render()}}set configuration(e){const t=Y(e,this._model),i={...x.configuration,...t.configuration};this._configuration=i,T([i,"optionalAccess",e=>e.language,"optionalAccess",e=>e.enabled])?T([i,"optionalAccess",e=>e.languageChoices,"optionalAccess",e=>e.options,"optionalAccess",e=>e.length])&&(this._model.language=T([i,"optionalAccess",e=>e.languageChoices,"access",e=>e.options,"access",e=>e[0],"access",e=>e.value])):i.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()}onConfigurationChanged(e){this._configuration=Y(e,this._model).configuration,this._model&&this.onModelChanged(this._model),this._render()}__init2(){this.onModelUpdated=e=>{if(e.target===this)return;e.preventDefault(),e.stopImmediatePropagation();const t=e.target&&e.target.getAttribute("id");t&&(e.update&&(this._model[`part${t}`]=e.update),this.dispatchEvent(new c(this._model)))}}connectedCallback(){this.addEventListener(D,this.onModelUpdated),this._render()}disconnectedCallback(){this.removeEventListener(D,this.onModelUpdated)}_render(){let e=k.createElement(y,{model:this._model,configuration:this._configuration,onModelChanged:this.onModelChanged,onConfigurationChanged:this.onConfigurationChanged});I.render(e,this)}}w.__initStatic();export{w as default};