@pie-element/math-inline 7.22.1-next.23 → 7.22.1-next.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +18 -2
- package/lib/index.js.map +1 -1
- package/module/element.js +536 -526
- package/package.json +2 -2
package/lib/index.js
CHANGED
|
@@ -13,6 +13,8 @@ Object.defineProperty(exports, "Component", {
|
|
|
13
13
|
});
|
|
14
14
|
exports["default"] = void 0;
|
|
15
15
|
|
|
16
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
17
|
+
|
|
16
18
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
19
|
|
|
18
20
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
@@ -29,8 +31,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
29
31
|
|
|
30
32
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
31
33
|
|
|
32
|
-
var _main = _interopRequireDefault(require("./main"));
|
|
33
|
-
|
|
34
34
|
var _debug = _interopRequireDefault(require("debug"));
|
|
35
35
|
|
|
36
36
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
@@ -39,6 +39,8 @@ var _piePlayerEvents = require("@pie-framework/pie-player-events");
|
|
|
39
39
|
|
|
40
40
|
var _defaults = _interopRequireDefault(require("../configure/lib/defaults"));
|
|
41
41
|
|
|
42
|
+
var _main = _interopRequireDefault(require("./main"));
|
|
43
|
+
|
|
42
44
|
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); }; }
|
|
43
45
|
|
|
44
46
|
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; } }
|
|
@@ -63,10 +65,24 @@ var MathInline = /*#__PURE__*/function (_HTMLElement) {
|
|
|
63
65
|
}
|
|
64
66
|
|
|
65
67
|
(0, _createClass2["default"])(MathInline, [{
|
|
68
|
+
key: "setLangAttribute",
|
|
69
|
+
value: function setLangAttribute() {
|
|
70
|
+
var language = this._model && (0, _typeof2["default"])(this._model.language) ? this._model.language : '';
|
|
71
|
+
var lang = language ? language.slice(0, 2) : 'en';
|
|
72
|
+
this.setAttribute('lang', lang); // set the lang attribute for the nearest parent div with class 'player-container' for MPI items as per PD-2483
|
|
73
|
+
|
|
74
|
+
var playerContainer = this.closest('.player-container');
|
|
75
|
+
|
|
76
|
+
if (playerContainer) {
|
|
77
|
+
playerContainer.setAttribute('lang', lang);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}, {
|
|
66
81
|
key: "model",
|
|
67
82
|
set: function set(m) {
|
|
68
83
|
this._model = m;
|
|
69
84
|
this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this._model, true, !!this._model));
|
|
85
|
+
this.setLangAttribute();
|
|
70
86
|
|
|
71
87
|
this._render();
|
|
72
88
|
}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"names":["log","MathInline","_configuration","defaults","configuration","sessionChangedEventCaller","_","debounce","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","
|
|
1
|
+
{"version":3,"sources":["../src/index.js"],"names":["log","MathInline","_configuration","defaults","configuration","sessionChangedEventCaller","_","debounce","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","language","_model","lang","slice","setAttribute","playerContainer","closest","m","ModelSetEvent","setLangAttribute","_render","_session","s","c","Object","keys","map","key","el","React","createElement","Main","model","session","onSessionChange","sessionChanged","bind","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,oBAAN,CAAZ;;IAIqBC,U;;;;;AACnB,wBAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,cAAL,GAAsBC,qBAASC,aAA/B;AACA,UAAKC,yBAAL,GAAiCC,mBAAEC,QAAF,CAAW,YAAM;AAChD,YAAKC,aAAL,CAAmB,IAAIC,oCAAJ,CAAwB,MAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoD,IAApD,CAAnB;AACD,KAFgC,EAE9B,IAF8B,CAAjC;AAHY;AAMb;;;;WAED,4BAAmB;AACjB,UAAMC,QAAQ,GAAG,KAAKC,MAAL,6BAAsB,KAAKA,MAAL,CAAYD,QAAlC,IAA6C,KAAKC,MAAL,CAAYD,QAAzD,GAAoE,EAArF;AACA,UAAME,IAAI,GAAGF,QAAQ,GAAGA,QAAQ,CAACG,KAAT,CAAe,CAAf,EAAkB,CAAlB,CAAH,GAA0B,IAA/C;AACA,WAAKC,YAAL,CAAkB,MAAlB,EAA0BF,IAA1B,EAHiB,CAKjB;;AACA,UAAMG,eAAe,GAAG,KAAKC,OAAL,CAAa,mBAAb,CAAxB;;AACA,UAAID,eAAJ,EAAqB;AACnBA,QAAAA,eAAe,CAACD,YAAhB,CAA6B,MAA7B,EAAqCF,IAArC;AACD;AACF;;;SAED,aAAUK,CAAV,EAAa;AACX,WAAKN,MAAL,GAAcM,CAAd;AACA,WAAKX,aAAL,CAAmB,IAAIY,8BAAJ,CAAkB,KAAKP,MAAvB,EAA+B,IAA/B,EAAqC,CAAC,CAAC,KAAKA,MAA5C,CAAnB;AACA,WAAKQ,gBAAL;;AACA,WAAKC,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAKC,QAAZ;AACD,K;SAPD,aAAYC,CAAZ,EAAe;AACb,WAAKD,QAAL,GAAgBC,CAAhB;;AACA,WAAKF,OAAL;AACD;;;SAMD,aAAkBG,CAAlB,EAAqB;AACnB,WAAKvB,cAAL,GAAsBuB,CAAtB;;AACA,WAAKH,OAAL;AACD;;;WAED,wBAAeE,CAAf,EAAkB;AAAA;;AAChBE,MAAAA,MAAM,CAACC,IAAP,CAAYH,CAAZ,EAAeI,GAAf,CAAmB,UAACC,GAAD,EAAS;AAC1B,QAAA,MAAI,CAACN,QAAL,CAAcM,GAAd,IAAqBL,CAAC,CAACK,GAAD,CAAtB;AACD,OAFD;AAIA,WAAKxB,yBAAL;AACAL,MAAAA,GAAG,CAAC,WAAD,EAAc,KAAKuB,QAAnB,CAAH;AACD;;;WAED,6BAAoB;AAClB,WAAKP,YAAL,CAAkB,YAAlB,EAAgC,wBAAhC;AACA,WAAKA,YAAL,CAAkB,MAAlB,EAA0B,QAA1B;;AAEA,WAAKM,OAAL;AACD;;;WAED,mBAAU;AACR,UAAI,CAAC,KAAKT,MAAN,IAAgB,CAAC,KAAKU,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMO,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKrB,MADuB;AAEnCsB,QAAAA,OAAO,EAAE,KAAKZ,QAFqB;AAGnCnB,QAAAA,aAAa,EAAE,KAAKF,cAHe;AAInCkC,QAAAA,eAAe,EAAE,KAAKC,cAAL,CAAoBC,IAApB,CAAyB,IAAzB;AAJkB,OAA1B,CAAX;;AAOAC,2BAASC,MAAT,CAAgBV,EAAhB,EAAoB,IAApB;AACD;;;kDAvEqCW,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\nimport _ from 'lodash';\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._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 ReactDOM.render(el, this);\n }\n}\n"],"file":"index.js"}
|