@pie-element/hotspot 5.7.1-beta.3 → 5.7.1-beta.4

package/lib/index.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+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"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _mathRendering = require("@pie-lib/math-rendering");
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+var _hotspot = _interopRequireDefault(require("./hotspot"));
+var _sessionUpdater = require("./session-updater");
+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 Hotspot = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(Hotspot, _HTMLElement);
+  var _super = _createSuper(Hotspot);
+  function Hotspot() {
+    (0, _classCallCheck2["default"])(this, Hotspot);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Hotspot, [{
+    key: "model",
+    set: function set(m) {
+      this._model = m;
+      this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.isComplete(), !!this._model));
+      this._render();
+    }
+  }, {
+    key: "isComplete",
+    value: function isComplete() {
+      if (!this._session) {
+        return false;
+      }
+      return Array.isArray(this._session.answers) && this._session.answers.length > 0;
+    }
+  }, {
+    key: "session",
+    get: function get() {
+      return this._session;
+    },
+    set: function set(s) {
+      if (s && !s.answers) {
+        s.answers = [];
+      }
+      this._session = s;
+      this._render();
+    }
+  }, {
+    key: "onSelectChoice",
+    value: function onSelectChoice(data) {
+      (0, _sessionUpdater.updateSessionValue)(this._session, this._model, data);
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete()));
+      this._render();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this._render();
+    }
+  }, {
+    key: "_render",
+    value: function _render() {
+      var _this = this;
+      if (this._model && this._session) {
+        var el = /*#__PURE__*/_react["default"].createElement(_hotspot["default"], {
+          model: this._model,
+          session: this._session,
+          onSelectChoice: this.onSelectChoice.bind(this)
+        });
+        _reactDom["default"].render(el, this, function () {
+          (0, _mathRendering.renderMath)(_this);
+        });
+      }
+    }
+  }]);
+  return Hotspot;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+exports["default"] = Hotspot;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactDom","_mathRendering","_piePlayerEvents","_hotspot","_sessionUpdater","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Hotspot","_HTMLElement","_inherits2","_super","_classCallCheck2","_createClass2","key","set","m","_model","dispatchEvent","ModelSetEvent","tagName","toLowerCase","isComplete","_render","value","_session","Array","isArray","answers","length","get","s","onSelectChoice","data","updateSessionValue","SessionChangedEvent","connectedCallback","_this","el","React","createElement","HotspotComponent","model","session","bind","ReactDOM","render","renderMath","_wrapNativeSuper2","HTMLElement","exports"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\n\nimport HotspotComponent from './hotspot';\nimport { updateSessionValue } from './session-updater';\n\nexport default class Hotspot extends HTMLElement {\n  set model(m) {\n    this._model = m;\n\n    this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this.isComplete(), !!this._model));\n    this._render();\n  }\n\n  isComplete() {\n    if (!this._session) {\n      return false;\n    }\n\n    return Array.isArray(this._session.answers) && this._session.answers.length > 0;\n  }\n\n  set session(s) {\n    if (s && !s.answers) {\n      s.answers = [];\n    }\n\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  onSelectChoice(data) {\n    updateSessionValue(this._session, this._model, data);\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete()));\n\n    this._render();\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (this._model && this._session) {\n      const el = React.createElement(HotspotComponent, {\n        model: this._model,\n        session: this._session,\n        onSelectChoice: this.onSelectChoice.bind(this),\n      });\n\n      ReactDOM.render(el, this, () => {\n        renderMath(this);\n      });\n    }\n  }\n}\n"],"mappings":"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"}

package/lib/session-updater.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateSessionValue = updateSessionValue;
+function updateSessionValue(session, model, data) {
+  var id = data.id,
+    selected = data.selected;
+  var multipleCorrect = model.multipleCorrect;
+  session.answers = session.answers || [];
+  if (!selected) {
+    session.answers = session.answers.filter(function (answer) {
+      return answer.id !== id;
+    });
+  } else {
+    var item = {
+      id: id
+    };
+    if (multipleCorrect) {
+      session.answers.push(item);
+    } else {
+      session.answers = [item];
+    }
+  }
+}
+//# sourceMappingURL=session-updater.js.map

package/lib/session-updater.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-updater.js","names":["updateSessionValue","session","model","data","id","selected","multipleCorrect","answers","filter","answer","item","push"],"sources":["../src/session-updater.js"],"sourcesContent":["export function updateSessionValue(session, model, data) {\n  const { id, selected } = data;\n  const { multipleCorrect } = model;\n  session.answers = session.answers || [];\n\n  if (!selected) {\n    session.answers = session.answers.filter((answer) => answer.id !== id);\n  } else {\n    const item = { id };\n    if (multipleCorrect) {\n      session.answers.push(item);\n    } else {\n      session.answers = [item];\n    }\n  }\n}\n"],"mappings":";;;;;;AAAO,SAASA,kBAAkBA,CAACC,OAAO,EAAEC,KAAK,EAAEC,IAAI,EAAE;EACvD,IAAQC,EAAE,GAAeD,IAAI,CAArBC,EAAE;IAAEC,QAAQ,GAAKF,IAAI,CAAjBE,QAAQ;EACpB,IAAQC,eAAe,GAAKJ,KAAK,CAAzBI,eAAe;EACvBL,OAAO,CAACM,OAAO,GAAGN,OAAO,CAACM,OAAO,IAAI,EAAE;EAEvC,IAAI,CAACF,QAAQ,EAAE;IACbJ,OAAO,CAACM,OAAO,GAAGN,OAAO,CAACM,OAAO,CAACC,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKA,MAAM,CAACL,EAAE,KAAKA,EAAE;IAAA,EAAC;EACxE,CAAC,MAAM;IACL,IAAMM,IAAI,GAAG;MAAEN,EAAE,EAAFA;IAAG,CAAC;IACnB,IAAIE,eAAe,EAAE;MACnBL,OAAO,CAACM,OAAO,CAACI,IAAI,CAACD,IAAI,CAAC;IAC5B,CAAC,MAAM;MACLT,OAAO,CAACM,OAAO,GAAG,CAACG,IAAI,CAAC;IAC1B;EACF;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/hotspot",
-  "version": "5.7.1-beta.3+e0e0490c5",
+  "version": "5.7.1-beta.4+4157b2b34",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
@@ -22,7 +22,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "e0e0490c5b040c67f504c0bdfd00f6b834a28481",
+  "gitHead": "4157b2b34711d36e3fea05d833ab5ed9d4b05b48",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },