@pie-element/math-templated 7.1.1-next.29 → 7.1.1-next.31

package/lib/index.js

@@ -1,76 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _client = require("react-dom/client");
-var _piePlayerEvents = require("@pie-framework/pie-player-events");
-var _main = _interopRequireDefault(require("./main"));
-var _lodashEs = require("lodash-es");
-class MathTemplated extends HTMLElement {
-  constructor() {
-    super();
-    this._root = null;
-    this.sessionChangedEventCaller = (0, _lodashEs.debounce)(() => {
-      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), true));
-    }, 1000);
-  }
-  set model(m) {
-    this._model = m;
-    this.render();
-    this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined));
-  }
-  get model() {
-    return this._model;
-  }
-  set session(s) {
-    this._session = s;
-    this.render();
-  }
-  get session() {
-    return this._session;
-  }
-  isSessionComplete() {
-    // a method to check if student answered the question
-    return true;
-  }
-  onSessionChange(session) {
-    // you can add an extra step here to validate session
-    Object.keys(session).map(key => {
-      this._session[key] = session[key];
-    });
-    this.sessionChangedEventCaller();
-    this.render();
-  }
-  connectedCallback() {
-    // TODO set accessibility labels
-
-    this.render();
-  }
-  render() {
-    if (!this._model || !this._session) {
-      return;
-    }
-    if (this._model && this._session) {
-      const el = /*#__PURE__*/_react.default.createElement(_main.default, {
-        model: this._model,
-        session: this._session,
-        onSessionChange: this.onSessionChange.bind(this)
-      });
-      if (!this._root) {
-        this._root = (0, _client.createRoot)(this);
-      }
-      this._root.render(el);
-    }
-  }
-  disconnectedCallback() {
-    if (this._root) {
-      this._root.unmount();
-    }
-  }
-}
-exports.default = MathTemplated;
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_piePlayerEvents","_main","_lodashEs","MathTemplated","HTMLElement","constructor","_root","sessionChangedEventCaller","debounce","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","model","m","_model","render","ModelSetEvent","isSessionComplete","undefined","session","s","_session","onSessionChange","Object","keys","map","key","connectedCallback","el","React","createElement","Main","bind","createRoot","disconnectedCallback","unmount","exports","default"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\nimport Main from './main';\nimport { debounce } from 'lodash-es';\n\nexport default class MathTemplated extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n    this.sessionChangedEventCaller = debounce(() => {\n      this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), true));\n    }, 1000);\n  }\n\n  set model(m) {\n    this._model = m;\n\n    this.render();\n    this.dispatchEvent(\n      new ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined),\n    );\n  }\n\n  get model() {\n    return this._model;\n  }\n\n  set session(s) {\n    this._session = s;\n\n    this.render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  isSessionComplete() {\n    // a method to check if student answered the question\n    return true;\n  }\n\n  onSessionChange(session) {\n    // you can add an extra step here to validate session\n    Object.keys(session).map((key) => {\n      this._session[key] = session[key];\n    });\n\n    this.sessionChangedEventCaller();\n    this.render();\n  }\n\n  connectedCallback() {\n    // TODO set accessibility labels\n\n    this.render();\n  }\n\n  render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    if (this._model && this._session) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        session: this._session,\n        onSessionChange: this.onSessionChange.bind(this),\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEe,MAAMK,aAAa,SAASC,WAAW,CAAC;EACrDC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,KAAK,GAAG,IAAI;IACjB,IAAI,CAACC,yBAAyB,GAAG,IAAAC,kBAAQ,EAAC,MAAM;MAC9C,IAAI,CAACC,aAAa,CAAC,IAAIC,oCAAmB,CAAC,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAC/E,CAAC,EAAE,IAAI,CAAC;EACV;EAEA,IAAIC,KAAKA,CAACC,CAAC,EAAE;IACX,IAAI,CAACC,MAAM,GAAGD,CAAC;IAEf,IAAI,CAACE,MAAM,CAAC,CAAC;IACb,IAAI,CAACP,aAAa,CAChB,IAAIQ,8BAAa,CAAC,IAAI,CAACN,OAAO,CAACC,WAAW,CAAC,CAAC,EAAE,IAAI,CAACM,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAACH,MAAM,KAAKI,SAAS,CACnG,CAAC;EACH;EAEA,IAAIN,KAAKA,CAAA,EAAG;IACV,OAAO,IAAI,CAACE,MAAM;EACpB;EAEA,IAAIK,OAAOA,CAACC,CAAC,EAAE;IACb,IAAI,CAACC,QAAQ,GAAGD,CAAC;IAEjB,IAAI,CAACL,MAAM,CAAC,CAAC;EACf;EAEA,IAAII,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACE,QAAQ;EACtB;EAEAJ,iBAAiBA,CAAA,EAAG;IAClB;IACA,OAAO,IAAI;EACb;EAEAK,eAAeA,CAACH,OAAO,EAAE;IACvB;IACAI,MAAM,CAACC,IAAI,CAACL,OAAO,CAAC,CAACM,GAAG,CAAEC,GAAG,IAAK;MAChC,IAAI,CAACL,QAAQ,CAACK,GAAG,CAAC,GAAGP,OAAO,CAACO,GAAG,CAAC;IACnC,CAAC,CAAC;IAEF,IAAI,CAACpB,yBAAyB,CAAC,CAAC;IAChC,IAAI,CAACS,MAAM,CAAC,CAAC;EACf;EAEAY,iBAAiBA,CAAA,EAAG;IAClB;;IAEA,IAAI,CAACZ,MAAM,CAAC,CAAC;EACf;EAEAA,MAAMA,CAAA,EAAG;IACP,IAAI,CAAC,IAAI,CAACD,MAAM,IAAI,CAAC,IAAI,CAACO,QAAQ,EAAE;MAClC;IACF;IAEA,IAAI,IAAI,CAACP,MAAM,IAAI,IAAI,CAACO,QAAQ,EAAE;MAChC,MAAMO,EAAE,gBAAGC,cAAK,CAACC,aAAa,CAACC,aAAI,EAAE;QACnCnB,KAAK,EAAE,IAAI,CAACE,MAAM;QAClBK,OAAO,EAAE,IAAI,CAACE,QAAQ;QACtBC,eAAe,EAAE,IAAI,CAACA,eAAe,CAACU,IAAI,CAAC,IAAI;MACjD,CAAC,CAAC;MAEF,IAAI,CAAC,IAAI,CAAC3B,KAAK,EAAE;QACf,IAAI,CAACA,KAAK,GAAG,IAAA4B,kBAAU,EAAC,IAAI,CAAC;MAC/B;MACA,IAAI,CAAC5B,KAAK,CAACU,MAAM,CAACa,EAAE,CAAC;IACvB;EACF;EAEAM,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAAC7B,KAAK,EAAE;MACd,IAAI,CAACA,KAAK,CAAC8B,OAAO,CAAC,CAAC;IACtB;EACF;AACF;AAACC,OAAA,CAAAC,OAAA,GAAAnC,aAAA","ignoreList":[]}