@pie-element/select-text 11.3.4-next.3 → 12.0.0-beta.1
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/CHANGELOG.md +0 -11
- package/configure/CHANGELOG.md +0 -11
- package/configure/lib/defaultConfiguration.js +2 -3
- package/configure/lib/defaultConfiguration.js.map +1 -1
- package/configure/lib/design.js +359 -459
- package/configure/lib/design.js.map +1 -1
- package/configure/lib/index.js +104 -165
- package/configure/lib/index.js.map +1 -1
- package/configure/lib/utils.js +28 -52
- package/configure/lib/utils.js.map +1 -1
- package/configure/package.json +10 -7
- package/controller/CHANGELOG.md +0 -11
- package/controller/lib/defaults.js +2 -3
- package/controller/lib/defaults.js.map +1 -1
- package/controller/lib/index.js +104 -179
- package/controller/lib/index.js.map +1 -1
- package/controller/package.json +3 -3
- package/lib/index.js +84 -134
- package/lib/index.js.map +1 -1
- package/lib/main.js +163 -236
- package/lib/main.js.map +1 -1
- package/lib/print.js +38 -75
- package/lib/print.js.map +1 -1
- package/lib/utils.js +21 -45
- package/lib/utils.js.map +1 -1
- package/package.json +13 -14
- package/module/configure.js +0 -1
- package/module/controller.js +0 -1932
- package/module/demo.js +0 -301
- package/module/element.js +0 -1
- package/module/index.html +0 -21
- package/module/manifest.json +0 -14
- package/module/print-demo.js +0 -339
- package/module/print.html +0 -18
- package/module/print.js +0 -1
package/lib/index.js
CHANGED
|
@@ -1,153 +1,103 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
10
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
|
-
var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
|
|
23
|
-
|
|
7
|
+
exports.default = void 0;
|
|
24
8
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
|
-
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
27
|
-
|
|
9
|
+
var _client = require("react-dom/client");
|
|
28
10
|
var _piePlayerEvents = require("@pie-framework/pie-player-events");
|
|
29
|
-
|
|
30
11
|
var _main = _interopRequireDefault(require("./main"));
|
|
31
|
-
|
|
32
12
|
var _mathRendering = require("@pie-lib/math-rendering");
|
|
33
|
-
|
|
34
13
|
var _utils = _interopRequireDefault(require("./utils"));
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
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); }; }
|
|
41
|
-
|
|
42
|
-
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; } }
|
|
43
|
-
|
|
44
|
-
var SelectText = /*#__PURE__*/function (_HTMLElement) {
|
|
45
|
-
(0, _inherits2["default"])(SelectText, _HTMLElement);
|
|
46
|
-
|
|
47
|
-
var _super = _createSuper(SelectText);
|
|
48
|
-
|
|
49
|
-
function SelectText() {
|
|
50
|
-
(0, _classCallCheck2["default"])(this, SelectText);
|
|
51
|
-
return _super.call(this);
|
|
14
|
+
class SelectText extends HTMLElement {
|
|
15
|
+
constructor() {
|
|
16
|
+
super();
|
|
17
|
+
this._root = null;
|
|
52
18
|
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
}, true);
|
|
91
|
-
|
|
92
|
-
if (!allAreCorrect) {
|
|
93
|
-
// otherwise, make sure to parse selectedTokens as well
|
|
94
|
-
var _generatedModel = (0, _utils["default"])(_objectSpread(_objectSpread({}, this._model), {}, {
|
|
95
|
-
tokens: selectedTokens
|
|
96
|
-
})) || {};
|
|
97
|
-
|
|
98
|
-
var _tokens = _generatedModel.tokens;
|
|
99
|
-
|
|
100
|
-
if (_tokens) {
|
|
101
|
-
this._session.selectedTokens = _tokens;
|
|
102
|
-
}
|
|
19
|
+
set model(m) {
|
|
20
|
+
this._model = m;
|
|
21
|
+
this.render();
|
|
22
|
+
this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined));
|
|
23
|
+
}
|
|
24
|
+
set session(s) {
|
|
25
|
+
this._session = s;
|
|
26
|
+
if (this._model) {
|
|
27
|
+
const generatedModel = (0, _utils.default)(this._model) || {};
|
|
28
|
+
const {
|
|
29
|
+
tokens
|
|
30
|
+
} = generatedModel;
|
|
31
|
+
let {
|
|
32
|
+
selectedTokens
|
|
33
|
+
} = s || {};
|
|
34
|
+
selectedTokens = selectedTokens || [];
|
|
35
|
+
|
|
36
|
+
// This case was introduced mostly for createCorrectSession:
|
|
37
|
+
// make sure initial session tokens are parsed and have correct start and end (according to the regenerated model)
|
|
38
|
+
const selectedTokenExistsInGeneratedTokens = s => tokens.find(({
|
|
39
|
+
start: tStart,
|
|
40
|
+
end: tEnd
|
|
41
|
+
}) => s.start === tStart && s.end === tEnd);
|
|
42
|
+
|
|
43
|
+
// check if ALL the selectedTokens have the correct start and end
|
|
44
|
+
const allAreCorrect = selectedTokens.reduce((acc, selectedToken) => acc && selectedTokenExistsInGeneratedTokens(selectedToken), true);
|
|
45
|
+
if (!allAreCorrect) {
|
|
46
|
+
// otherwise, make sure to parse selectedTokens as well
|
|
47
|
+
const generatedModel = (0, _utils.default)({
|
|
48
|
+
...this._model,
|
|
49
|
+
tokens: selectedTokens
|
|
50
|
+
}) || {};
|
|
51
|
+
const {
|
|
52
|
+
tokens
|
|
53
|
+
} = generatedModel;
|
|
54
|
+
if (tokens) {
|
|
55
|
+
this._session.selectedTokens = tokens;
|
|
103
56
|
}
|
|
104
57
|
}
|
|
105
|
-
|
|
106
|
-
if (!Array.isArray(this._session.selectedTokens)) {
|
|
107
|
-
this._session.selectedTokens = [];
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
this.render();
|
|
111
|
-
}
|
|
112
|
-
}, {
|
|
113
|
-
key: "isSessionComplete",
|
|
114
|
-
value: function isSessionComplete() {
|
|
115
|
-
var _ref3 = this._session || {},
|
|
116
|
-
selectedTokens = _ref3.selectedTokens;
|
|
117
|
-
|
|
118
|
-
return Array.isArray(selectedTokens) && selectedTokens.length > 0;
|
|
119
58
|
}
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
value: function selectionChanged(selection) {
|
|
123
|
-
this._session.selectedTokens = selection;
|
|
124
|
-
this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));
|
|
59
|
+
if (!Array.isArray(this._session.selectedTokens)) {
|
|
60
|
+
this._session.selectedTokens = [];
|
|
125
61
|
}
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
62
|
+
this.render();
|
|
63
|
+
}
|
|
64
|
+
get session() {
|
|
65
|
+
return this._session;
|
|
66
|
+
}
|
|
67
|
+
isSessionComplete() {
|
|
68
|
+
const {
|
|
69
|
+
selectedTokens
|
|
70
|
+
} = this._session || {};
|
|
71
|
+
return Array.isArray(selectedTokens) && selectedTokens.length > 0;
|
|
72
|
+
}
|
|
73
|
+
selectionChanged(selection) {
|
|
74
|
+
this._session.selectedTokens = selection;
|
|
75
|
+
this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));
|
|
76
|
+
}
|
|
77
|
+
connectedCallback() {
|
|
78
|
+
this.render();
|
|
79
|
+
}
|
|
80
|
+
render() {
|
|
81
|
+
if (this._model && this._session) {
|
|
82
|
+
const el = /*#__PURE__*/_react.default.createElement(_main.default, {
|
|
83
|
+
model: this._model,
|
|
84
|
+
session: this._session,
|
|
85
|
+
onSelectionChange: this.selectionChanged.bind(this)
|
|
86
|
+
});
|
|
87
|
+
if (!this._root) {
|
|
88
|
+
this._root = (0, _client.createRoot)(this);
|
|
146
89
|
}
|
|
90
|
+
this._root.render(el);
|
|
91
|
+
queueMicrotask(() => {
|
|
92
|
+
(0, _mathRendering.renderMath)(this);
|
|
93
|
+
});
|
|
147
94
|
}
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
95
|
+
}
|
|
96
|
+
disconnectedCallback() {
|
|
97
|
+
if (this._root) {
|
|
98
|
+
this._root.unmount();
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
exports.default = SelectText;
|
|
153
103
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_piePlayerEvents","_main","_mathRendering","_utils","SelectText","HTMLElement","constructor","_root","model","m","_model","render","dispatchEvent","ModelSetEvent","tagName","toLowerCase","isSessionComplete","undefined","session","s","_session","generatedModel","generateModel","tokens","selectedTokens","selectedTokenExistsInGeneratedTokens","find","start","tStart","end","tEnd","allAreCorrect","reduce","acc","selectedToken","Array","isArray","length","selectionChanged","selection","SessionChangedEvent","connectedCallback","el","React","createElement","Main","onSelectionChange","bind","createRoot","queueMicrotask","renderMath","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 { renderMath } from '@pie-lib/math-rendering';\nimport generateModel from './utils';\n\nexport default class SelectText extends HTMLElement {\n constructor() {\n super();\n this._root = null;\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 set session(s) {\n this._session = s;\n\n if (this._model) {\n const generatedModel = generateModel(this._model) || {};\n const { tokens } = generatedModel;\n let { selectedTokens } = s || {};\n\n selectedTokens = selectedTokens || [];\n\n // This case was introduced mostly for createCorrectSession:\n // make sure initial session tokens are parsed and have correct start and end (according to the regenerated model)\n const selectedTokenExistsInGeneratedTokens = (s) =>\n tokens.find(({ start: tStart, end: tEnd }) => s.start === tStart && s.end === tEnd);\n\n // check if ALL the selectedTokens have the correct start and end\n const allAreCorrect = selectedTokens.reduce(\n (acc, selectedToken) => acc && selectedTokenExistsInGeneratedTokens(selectedToken),\n true,\n );\n\n if (!allAreCorrect) {\n // otherwise, make sure to parse selectedTokens as well\n const generatedModel = generateModel({ ...this._model, tokens: selectedTokens }) || {};\n const { tokens } = generatedModel;\n\n if (tokens) {\n this._session.selectedTokens = tokens;\n }\n }\n }\n\n if (!Array.isArray(this._session.selectedTokens)) {\n this._session.selectedTokens = [];\n }\n this.render();\n }\n\n get session() {\n return this._session;\n }\n\n isSessionComplete() {\n const { selectedTokens } = this._session || {};\n return Array.isArray(selectedTokens) && selectedTokens.length > 0;\n }\n\n selectionChanged(selection) {\n this._session.selectedTokens = selection;\n\n this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));\n }\n\n connectedCallback() {\n this.render();\n }\n\n render() {\n if (this._model && this._session) {\n const el = React.createElement(Main, {\n model: this._model,\n session: this._session,\n onSelectionChange: this.selectionChanged.bind(this),\n });\n\n if (!this._root) {\n this._root = createRoot(this);\n }\n this._root.render(el);\n queueMicrotask(() => {\n renderMath(this);\n });\n }\n }\n\n disconnectedCallback() {\n if (this._root) {\n this._root.unmount();\n }\n }\n}\n"],"mappings":"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","ignoreList":[]}
|