@pie-element/math-inline 12.1.1-next.17 → 12.1.1-next.178

package/lib/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Component", {
+  enumerable: true,
+  get: function () {
+    return _main.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _debug = _interopRequireDefault(require("debug"));
+var _lodashEs = require("lodash-es");
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+var _defaults = _interopRequireDefault(require("../configure/lib/defaults"));
+var _main = _interopRequireDefault(require("./main"));
+const log = (0, _debug.default)('pie-ui:math-inline');
+class MathInline extends HTMLElement {
+  constructor() {
+    super();
+    this._root = null;
+    this._configuration = _defaults.default.configuration;
+    this.sessionChangedEventCaller = (0, _lodashEs.debounce)(() => {
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), true));
+    }, 1000);
+  }
+  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 the lang attribute for the nearest parent div with class 'player-container' for MPI items as per PD-2483
+    const playerContainer = this.closest('.player-container');
+    if (playerContainer) {
+      playerContainer.setAttribute('lang', lang);
+    }
+  }
+  set model(m) {
+    this._model = m;
+    this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this._model, true, !!this._model));
+    this.setLangAttribute();
+    this._render();
+  }
+  set session(s) {
+    this._session = s;
+    this._render();
+  }
+  get session() {
+    return this._session;
+  }
+  set configuration(c) {
+    this._configuration = c;
+    this._render();
+  }
+  sessionChanged(s) {
+    Object.keys(s).map(key => {
+      this._session[key] = s[key];
+    });
+    this.sessionChangedEventCaller();
+    log('session: ', this._session);
+  }
+  connectedCallback() {
+    this.setAttribute('aria-label', 'Math Response Question');
+    this.setAttribute('role', 'region');
+    this._render();
+  }
+  _render() {
+    if (!this._model || !this._session) {
+      return;
+    }
+    const el = /*#__PURE__*/_react.default.createElement(_main.default, {
+      model: this._model,
+      session: this._session,
+      configuration: this._configuration,
+      onSessionChange: this.sessionChanged.bind(this)
+    });
+    if (!this._root) {
+      this._root = (0, _client.createRoot)(this);
+    }
+    this._root.render(el);
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+      this._root = null;
+    }
+  }
+}
+exports.default = MathInline;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_debug","_lodashEs","_piePlayerEvents","_defaults","_main","log","debug","MathInline","HTMLElement","constructor","_root","_configuration","defaults","configuration","sessionChangedEventCaller","debounce","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","setLangAttribute","language","_model","lang","slice","setAttribute","playerContainer","closest","model","m","ModelSetEvent","_render","session","s","_session","c","sessionChanged","Object","keys","map","key","connectedCallback","el","React","createElement","Main","onSessionChange","bind","createRoot","render","disconnectedCallback","unmount","exports","default"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport debug from 'debug';\nimport { debounce } from 'lodash-es';\nimport { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';\n\nimport defaults from '../configure/lib/defaults';\nimport Main from './main';\n\nconst log = debug('pie-ui:math-inline');\n\nexport { Main as Component };\n\nexport default class MathInline extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n    this._configuration = defaults.configuration;\n    this.sessionChangedEventCaller = debounce(() => {\n      this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), true));\n    }, 1000);\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    // set the lang attribute for the nearest parent div with class 'player-container' for MPI items as per PD-2483\n    const playerContainer = this.closest('.player-container');\n    if (playerContainer) {\n      playerContainer.setAttribute('lang', lang);\n    }\n  }\n\n  set model(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelSetEvent(this._model, true, !!this._model));\n    this.setLangAttribute();\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  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  sessionChanged(s) {\n    Object.keys(s).map((key) => {\n      this._session[key] = s[key];\n    });\n\n    this.sessionChangedEventCaller();\n    log('session: ', this._session);\n  }\n\n  connectedCallback() {\n    this.setAttribute('aria-label', 'Math Response Question');\n    this.setAttribute('role', 'region');\n\n    this._render();\n  }\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      configuration: this._configuration,\n      onSessionChange: this.sessionChanged.bind(this),\n    });\n\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(el);\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}