@pie-element/inline-dropdown 8.3.4-next.3 → 9.0.0-beta.0

package/controller/lib/utils.js

@@ -1,33 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAllCorrectResponses = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _forEach = _interopRequireDefault(require("lodash/forEach"));
-
-var getAllCorrectResponses = function getAllCorrectResponses(_ref) {
-  var choices = _ref.choices,
-      alternateResponse = _ref.alternateResponse;
+const getAllCorrectResponses = ({
+  choices,
+  alternateResponse
+}) => {
   alternateResponse = alternateResponse || {};
-  var correctAnswers = {};
-  (0, _forEach["default"])(choices, function (respArea, key) {
+  const correctAnswers = {};
+  (0, _forEach.default)(choices, (respArea, key) => {
     if (!correctAnswers[key]) {
       correctAnswers[key] = [];
     }
-
     if (respArea) {
-      respArea.forEach(function (choice) {
+      respArea.forEach(choice => {
         if (choice.correct) {
           correctAnswers[key].push(choice.value);
-
           if (alternateResponse[key]) {
-            correctAnswers[key] = [].concat((0, _toConsumableArray2["default"])(correctAnswers[key]), (0, _toConsumableArray2["default"])(alternateResponse[key]));
+            correctAnswers[key] = [...correctAnswers[key], ...alternateResponse[key]];
           }
         }
       });
@@ -35,6 +29,5 @@ var getAllCorrectResponses = function getAllCorrectResponses(_ref) {
   });
   return correctAnswers;
 };
-
 exports.getAllCorrectResponses = getAllCorrectResponses;
 //# sourceMappingURL=utils.js.map

package/controller/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.js"],"names":["getAllCorrectResponses","choices","alternateResponse","correctAnswers","respArea","key","forEach","choice","correct","push","value"],"mappings":";;;;;;;;;;;AAAA;;AAEO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAAoC;AAAA,MAAjCC,OAAiC,QAAjCA,OAAiC;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;AACxEA,EAAAA,iBAAiB,GAAGA,iBAAiB,IAAI,EAAzC;AACA,MAAMC,cAAc,GAAG,EAAvB;AAEA,2BAAQF,OAAR,EAAiB,UAACG,QAAD,EAAWC,GAAX,EAAmB;AAClC,QAAI,CAACF,cAAc,CAACE,GAAD,CAAnB,EAA0B;AACxBF,MAAAA,cAAc,CAACE,GAAD,CAAd,GAAsB,EAAtB;AACD;;AAED,QAAID,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACE,OAAT,CAAiB,UAACC,MAAD,EAAY;AAC3B,YAAIA,MAAM,CAACC,OAAX,EAAoB;AAClBL,UAAAA,cAAc,CAACE,GAAD,CAAd,CAAoBI,IAApB,CAAyBF,MAAM,CAACG,KAAhC;;AAEA,cAAIR,iBAAiB,CAACG,GAAD,CAArB,EAA4B;AAC1BF,YAAAA,cAAc,CAACE,GAAD,CAAd,iDAA0BF,cAAc,CAACE,GAAD,CAAxC,uCAAkDH,iBAAiB,CAACG,GAAD,CAAnE;AACD;AACF;AACF,OARD;AASD;AACF,GAhBD;AAkBA,SAAOF,cAAP;AACD,CAvBM","sourcesContent":["import forEach from 'lodash/forEach';\n\nexport const getAllCorrectResponses = ({ choices, alternateResponse }) => {\n  alternateResponse = alternateResponse || {};\n  const correctAnswers = {};\n\n  forEach(choices, (respArea, key) => {\n    if (!correctAnswers[key]) {\n      correctAnswers[key] = [];\n    }\n\n    if (respArea) {\n      respArea.forEach((choice) => {\n        if (choice.correct) {\n          correctAnswers[key].push(choice.value);\n\n          if (alternateResponse[key]) {\n            correctAnswers[key] = [...correctAnswers[key], ...alternateResponse[key]];\n          }\n        }\n      });\n    }\n  });\n\n  return correctAnswers;\n};\n"],"file":"utils.js"}
+{"version":3,"file":"utils.js","names":["_forEach","_interopRequireDefault","require","getAllCorrectResponses","choices","alternateResponse","correctAnswers","forEach","respArea","key","choice","correct","push","value","exports"],"sources":["../src/utils.js"],"sourcesContent":["import forEach from 'lodash/forEach';\n\nexport const getAllCorrectResponses = ({ choices, alternateResponse }) => {\n  alternateResponse = alternateResponse || {};\n  const correctAnswers = {};\n\n  forEach(choices, (respArea, key) => {\n    if (!correctAnswers[key]) {\n      correctAnswers[key] = [];\n    }\n\n    if (respArea) {\n      respArea.forEach((choice) => {\n        if (choice.correct) {\n          correctAnswers[key].push(choice.value);\n\n          if (alternateResponse[key]) {\n            correctAnswers[key] = [...correctAnswers[key], ...alternateResponse[key]];\n          }\n        }\n      });\n    }\n  });\n\n  return correctAnswers;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAkB,CAAC,KAAK;EACxEA,iBAAiB,GAAGA,iBAAiB,IAAI,CAAC,CAAC;EAC3C,MAAMC,cAAc,GAAG,CAAC,CAAC;EAEzB,IAAAC,gBAAO,EAACH,OAAO,EAAE,CAACI,QAAQ,EAAEC,GAAG,KAAK;IAClC,IAAI,CAACH,cAAc,CAACG,GAAG,CAAC,EAAE;MACxBH,cAAc,CAACG,GAAG,CAAC,GAAG,EAAE;IAC1B;IAEA,IAAID,QAAQ,EAAE;MACZA,QAAQ,CAACD,OAAO,CAAEG,MAAM,IAAK;QAC3B,IAAIA,MAAM,CAACC,OAAO,EAAE;UAClBL,cAAc,CAACG,GAAG,CAAC,CAACG,IAAI,CAACF,MAAM,CAACG,KAAK,CAAC;UAEtC,IAAIR,iBAAiB,CAACI,GAAG,CAAC,EAAE;YAC1BH,cAAc,CAACG,GAAG,CAAC,GAAG,CAAC,GAAGH,cAAc,CAACG,GAAG,CAAC,EAAE,GAAGJ,iBAAiB,CAACI,GAAG,CAAC,CAAC;UAC3E;QACF;MACF,CAAC,CAAC;IACJ;EACF,CAAC,CAAC;EAEF,OAAOH,cAAc;AACvB,CAAC;AAACQ,OAAA,CAAAX,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/controller/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/inline-dropdown-controller",
   "private": true,
-  "version": "7.3.3",
+  "version": "8.0.0-beta.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/controller-utils": "0.22.2",
+    "@pie-lib/controller-utils": "0.22.4-next.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

package/lib/index.js

@@ -1,130 +1,85 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-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 _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
+var _client = require("react-dom/client");
 var _piePlayerEvents = require("@pie-framework/pie-player-events");
-
 var _mathRendering = require("@pie-lib/math-rendering");
-
 var _inlineDropdown = _interopRequireDefault(require("./inline-dropdown"));
-
-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 RootInlineDropdown = /*#__PURE__*/function (_HTMLElement) {
-  (0, _inherits2["default"])(RootInlineDropdown, _HTMLElement);
-
-  var _super = _createSuper(RootInlineDropdown);
-
-  function RootInlineDropdown() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, RootInlineDropdown);
-    _this = _super.call(this);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_render", function () {
-      if (_this._model && _this._session) {
-        var elem = /*#__PURE__*/_react["default"].createElement(_inlineDropdown["default"], {
-          model: _this._model,
-          prompt: _this._model.prompt,
-          rationale: _this._model.rationale,
-          teacherInstructions: _this._model.teacherInstructions,
-          disabled: _this._model.disabled,
-          displayType: _this._model.displayType,
-          markup: _this._model.markup,
-          mode: _this._model.mode,
-          choices: _this._model.choices,
-          value: _this._session.value,
-          feedback: _this._model.feedback,
-          language: _this._model.language,
-          onChange: _this.changeSession
+class RootInlineDropdown extends HTMLElement {
+  constructor() {
+    super();
+    (0, _defineProperty2.default)(this, "_render", () => {
+      if (this._model && this._session) {
+        let elem = /*#__PURE__*/_react.default.createElement(_inlineDropdown.default, {
+          model: this._model,
+          prompt: this._model.prompt,
+          rationale: this._model.rationale,
+          teacherInstructions: this._model.teacherInstructions,
+          disabled: this._model.disabled,
+          displayType: this._model.displayType,
+          markup: this._model.markup,
+          mode: this._model.mode,
+          choices: this._model.choices,
+          value: this._session.value,
+          feedback: this._model.feedback,
+          language: this._model.language,
+          onChange: this.changeSession
         });
-
-        _this.setLangAttribute();
-
-        _reactDom["default"].render(elem, (0, _assertThisInitialized2["default"])(_this), function () {
-          (0, _mathRendering.renderMath)((0, _assertThisInitialized2["default"])(_this));
+        this.setLangAttribute();
+        if (!this._root) {
+          this._root = (0, _client.createRoot)(this);
+        }
+        this._root.render(elem);
+        queueMicrotask(() => {
+          (0, _mathRendering.renderMath)(this);
         });
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dispatchChangedEvent", function () {
-      _this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(_this.tagName.toLowerCase(), _this.session && !!_this.session.value));
+    (0, _defineProperty2.default)(this, "dispatchChangedEvent", () => {
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), this.session && !!this.session.value));
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeSession", function (value) {
-      _this.session.value = value;
-
-      _this.dispatchChangedEvent();
-
-      _this._render();
+    (0, _defineProperty2.default)(this, "changeSession", value => {
+      this.session.value = value;
+      this.dispatchChangedEvent();
+      this._render();
     });
-    _this._model = null;
-    _this._session = null;
-    return _this;
+    this._model = null;
+    this._session = null;
+    this._root = null;
   }
-
-  (0, _createClass2["default"])(RootInlineDropdown, [{
-    key: "model",
-    set: function set(m) {
-      this._model = m;
-      this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model));
-
-      this._render();
-    }
-  }, {
-    key: "session",
-    get: function get() {
-      return this._session;
-    },
-    set: function set(s) {
-      this._session = s;
-
-      this._render();
-    }
-  }, {
-    key: "setLangAttribute",
-    value: function setLangAttribute() {
-      var language = this._model && (0, _typeof2["default"])(this._model.language) ? this._model.language : '';
-      var lang = language ? language.slice(0, 2) : 'en';
-      this.setAttribute('lang', lang);
-    }
-  }, {
-    key: "connectedCallback",
-    value: function connectedCallback() {
-      this.setAttribute('aria-label', 'Inline Dropdown Question');
-      this.setAttribute('role', 'region');
-
-      this._render();
+  set model(m) {
+    this._model = m;
+    this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model));
+    this._render();
+  }
+  set session(s) {
+    this._session = s;
+    this._render();
+  }
+  get session() {
+    return this._session;
+  }
+  setLangAttribute() {
+    const language = this._model && typeof this._model.language ? this._model.language : '';
+    const lang = language ? language.slice(0, 2) : 'en';
+    this.setAttribute('lang', lang);
+  }
+  connectedCallback() {
+    this.setAttribute('aria-label', 'Inline Dropdown Question');
+    this.setAttribute('role', 'region');
+    this._render();
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
     }
-  }]);
-  return RootInlineDropdown;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = RootInlineDropdown;
+  }
+}
+exports.default = RootInlineDropdown;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["RootInlineDropdown","_model","_session","elem","React","createElement","InlineDropdown","model","prompt","rationale","teacherInstructions","disabled","displayType","markup","mode","choices","value","feedback","language","onChange","changeSession","setLangAttribute","ReactDOM","render","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","session","dispatchChangedEvent","_render","m","ModelSetEvent","s","lang","slice","setAttribute","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEqBA,kB;;;;;AACnB,gCAAc;AAAA;;AAAA;AACZ;AADY,gGA6BJ,YAAM;AACd,UAAI,MAAKC,MAAL,IAAe,MAAKC,QAAxB,EAAkC;AAChC,YAAIC,IAAI,gBAAGC,kBAAMC,aAAN,CAAoBC,0BAApB,EAAoC;AAC7CC,UAAAA,KAAK,EAAE,MAAKN,MADiC;AAE7CO,UAAAA,MAAM,EAAE,MAAKP,MAAL,CAAYO,MAFyB;AAG7CC,UAAAA,SAAS,EAAE,MAAKR,MAAL,CAAYQ,SAHsB;AAI7CC,UAAAA,mBAAmB,EAAE,MAAKT,MAAL,CAAYS,mBAJY;AAK7CC,UAAAA,QAAQ,EAAE,MAAKV,MAAL,CAAYU,QALuB;AAM7CC,UAAAA,WAAW,EAAE,MAAKX,MAAL,CAAYW,WANoB;AAO7CC,UAAAA,MAAM,EAAE,MAAKZ,MAAL,CAAYY,MAPyB;AAQ7CC,UAAAA,IAAI,EAAE,MAAKb,MAAL,CAAYa,IAR2B;AAS7CC,UAAAA,OAAO,EAAE,MAAKd,MAAL,CAAYc,OATwB;AAU7CC,UAAAA,KAAK,EAAE,MAAKd,QAAL,CAAcc,KAVwB;AAW7CC,UAAAA,QAAQ,EAAE,MAAKhB,MAAL,CAAYgB,QAXuB;AAY7CC,UAAAA,QAAQ,EAAE,MAAKjB,MAAL,CAAYiB,QAZuB;AAa7CC,UAAAA,QAAQ,EAAE,MAAKC;AAb8B,SAApC,CAAX;;AAgBA,cAAKC,gBAAL;;AAEAC,6BAASC,MAAT,CAAgBpB,IAAhB,kDAA4B,YAAM;AAChC;AACD,SAFD;AAGD;AACF,KArDa;AAAA,6GAuDS,YAAM;AAC3B,YAAKqB,aAAL,CAAmB,IAAIC,oCAAJ,CAAwB,MAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoD,MAAKC,OAAL,IAAgB,CAAC,CAAC,MAAKA,OAAL,CAAaZ,KAAnF,CAAnB;AACD,KAzDa;AAAA,sGA2DE,UAACA,KAAD,EAAW;AACzB,YAAKY,OAAL,CAAaZ,KAAb,GAAqBA,KAArB;;AACA,YAAKa,oBAAL;;AACA,YAAKC,OAAL;AACD,KA/Da;AAEZ,UAAK7B,MAAL,GAAc,IAAd;AACA,UAAKC,QAAL,GAAgB,IAAhB;AAHY;AAIb;;;;SACD,aAAU6B,CAAV,EAAa;AACX,WAAK9B,MAAL,GAAc8B,CAAd;AACA,WAAKP,aAAL,CACE,IAAIQ,8BAAJ,CAAkB,KAAKN,OAAL,CAAaC,WAAb,EAAlB,EAA8C,KAAKC,OAAL,IAAgB,CAAC,CAAC,KAAKA,OAAL,CAAaZ,KAA7E,EAAoF,CAAC,CAAC,KAAKf,MAA3F,CADF;;AAIA,WAAK6B,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAK5B,QAAZ;AACD,K;SAPD,aAAY+B,CAAZ,EAAe;AACb,WAAK/B,QAAL,GAAgB+B,CAAhB;;AACA,WAAKH,OAAL;AACD;;;WAMD,4BAAmB;AACjB,UAAMZ,QAAQ,GAAG,KAAKjB,MAAL,6BAAsB,KAAKA,MAAL,CAAYiB,QAAlC,IAA6C,KAAKjB,MAAL,CAAYiB,QAAzD,GAAoE,EAArF;AACA,UAAMgB,IAAI,GAAGhB,QAAQ,GAAGA,QAAQ,CAACiB,KAAT,CAAe,CAAf,EAAkB,CAAlB,CAAH,GAA0B,IAA/C;AACA,WAAKC,YAAL,CAAkB,MAAlB,EAA0BF,IAA1B;AACD;;;WAsCD,6BAAoB;AAClB,WAAKE,YAAL,CAAkB,YAAlB,EAAgC,0BAAhC;AACA,WAAKA,YAAL,CAAkB,MAAlB,EAA0B,QAA1B;;AAEA,WAAKN,OAAL;AACD;;;kDAvE6CO,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport InlineDropdown from './inline-dropdown';\n\nexport default class RootInlineDropdown extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n  }\n  set model(m) {\n    this._model = m;\n    this.dispatchEvent(\n      new ModelSetEvent(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model),\n    );\n\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\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  _render = () => {\n    if (this._model && this._session) {\n      let elem = React.createElement(InlineDropdown, {\n        model: this._model,\n        prompt: this._model.prompt,\n        rationale: this._model.rationale,\n        teacherInstructions: this._model.teacherInstructions,\n        disabled: this._model.disabled,\n        displayType: this._model.displayType,\n        markup: this._model.markup,\n        mode: this._model.mode,\n        choices: this._model.choices,\n        value: this._session.value,\n        feedback: this._model.feedback,\n        language: this._model.language,\n        onChange: this.changeSession,\n      });\n\n      this.setLangAttribute();\n\n      ReactDOM.render(elem, this, () => {\n        renderMath(this);\n      });\n    }\n  };\n\n  dispatchChangedEvent = () => {\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.session && !!this.session.value));\n  };\n\n  changeSession = (value) => {\n    this.session.value = value;\n    this.dispatchChangedEvent();\n    this._render();\n  };\n\n  connectedCallback() {\n    this.setAttribute('aria-label', 'Inline Dropdown Question');\n    this.setAttribute('role', 'region');\n\n    this._render();\n  }\n}\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_piePlayerEvents","_mathRendering","_inlineDropdown","RootInlineDropdown","HTMLElement","constructor","_defineProperty2","default","_model","_session","elem","React","createElement","InlineDropdown","model","prompt","rationale","teacherInstructions","disabled","displayType","markup","mode","choices","value","feedback","language","onChange","changeSession","setLangAttribute","_root","createRoot","render","queueMicrotask","renderMath","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","session","dispatchChangedEvent","_render","m","ModelSetEvent","s","lang","slice","setAttribute","connectedCallback","disconnectedCallback","unmount","exports"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport InlineDropdown from './inline-dropdown';\n\nexport default class RootInlineDropdown extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n    this._root = null;\n  }\n  set model(m) {\n    this._model = m;\n    this.dispatchEvent(\n      new ModelSetEvent(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model),\n    );\n\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\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  _render = () => {\n    if (this._model && this._session) {\n      let elem = React.createElement(InlineDropdown, {\n        model: this._model,\n        prompt: this._model.prompt,\n        rationale: this._model.rationale,\n        teacherInstructions: this._model.teacherInstructions,\n        disabled: this._model.disabled,\n        displayType: this._model.displayType,\n        markup: this._model.markup,\n        mode: this._model.mode,\n        choices: this._model.choices,\n        value: this._session.value,\n        feedback: this._model.feedback,\n        language: this._model.language,\n        onChange: this.changeSession,\n      });\n\n      this.setLangAttribute();\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(elem);\n      queueMicrotask(() => {\n        renderMath(this);\n      });\n    }\n  };\n\n  dispatchChangedEvent = () => {\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.session && !!this.session.value));\n  };\n\n  changeSession = (value) => {\n    this.session.value = value;\n    this.dispatchChangedEvent();\n    this._render();\n  };\n\n  connectedCallback() {\n    this.setAttribute('aria-label', 'Inline Dropdown Question');\n    this.setAttribute('role', 'region');\n\n    this._render();\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}