@pie-element/explicit-constructed-response 4.6.1-beta.3 → 4.6.1-beta.4
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/configure/lib/alternateResponses.js +205 -0
- package/configure/lib/alternateResponses.js.map +1 -0
- package/configure/lib/alternateSection.js +334 -0
- package/configure/lib/alternateSection.js.map +1 -0
- package/configure/lib/defaults.js +107 -0
- package/configure/lib/defaults.js.map +1 -0
- package/configure/lib/ecr-toolbar.js +153 -0
- package/configure/lib/ecr-toolbar.js.map +1 -0
- package/configure/lib/index.js +155 -0
- package/configure/lib/index.js.map +1 -0
- package/configure/lib/main.js +517 -0
- package/configure/lib/main.js.map +1 -0
- package/configure/lib/markupUtils.js +62 -0
- package/configure/lib/markupUtils.js.map +1 -0
- package/configure/lib/utils.js +13 -0
- package/configure/lib/utils.js.map +1 -0
- package/controller/lib/defaults.js +21 -0
- package/controller/lib/defaults.js.map +1 -0
- package/controller/lib/index.js +292 -0
- package/controller/lib/index.js.map +1 -0
- package/lib/index.js +93 -0
- package/lib/index.js.map +1 -0
- package/lib/main.js +207 -0
- package/lib/main.js.map +1 -0
- package/lib/print.js +85 -0
- package/lib/print.js.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _default = {
|
|
8
|
+
model: {
|
|
9
|
+
disabled: false,
|
|
10
|
+
mode: 'gather',
|
|
11
|
+
prompt: 'Use the inputs to complete the sentence',
|
|
12
|
+
shuffle: true,
|
|
13
|
+
markup: '<p>The {{0}} jumped {{1}} the {{2}}</p>',
|
|
14
|
+
toolbarEditorPosition: 'bottom',
|
|
15
|
+
displayType: 'block',
|
|
16
|
+
spellCheckEnabled: true,
|
|
17
|
+
playerSpellCheckEnabled: true,
|
|
18
|
+
choices: {
|
|
19
|
+
0: [{
|
|
20
|
+
label: 'cow',
|
|
21
|
+
value: '0'
|
|
22
|
+
}, {
|
|
23
|
+
label: 'cattle',
|
|
24
|
+
value: '1'
|
|
25
|
+
}, {
|
|
26
|
+
label: 'calf',
|
|
27
|
+
value: '2',
|
|
28
|
+
correct: false
|
|
29
|
+
}],
|
|
30
|
+
1: [{
|
|
31
|
+
label: 'over',
|
|
32
|
+
value: '0'
|
|
33
|
+
}, {
|
|
34
|
+
label: 'past',
|
|
35
|
+
value: '1'
|
|
36
|
+
}, {
|
|
37
|
+
label: 'beyond',
|
|
38
|
+
value: '2'
|
|
39
|
+
}],
|
|
40
|
+
2: [{
|
|
41
|
+
label: 'moon',
|
|
42
|
+
value: '0'
|
|
43
|
+
}, {
|
|
44
|
+
label: 'satellite',
|
|
45
|
+
value: '2'
|
|
46
|
+
}, {
|
|
47
|
+
label: 'house ',
|
|
48
|
+
value: '3'
|
|
49
|
+
}]
|
|
50
|
+
},
|
|
51
|
+
maxLengthPerChoiceEnabled: true,
|
|
52
|
+
rationaleEnabled: true,
|
|
53
|
+
promptEnabled: true,
|
|
54
|
+
teacherInstructionsEnabled: true,
|
|
55
|
+
studentInstructionsEnabled: true
|
|
56
|
+
},
|
|
57
|
+
configuration: {
|
|
58
|
+
prompt: {
|
|
59
|
+
settings: true,
|
|
60
|
+
label: 'Prompt'
|
|
61
|
+
},
|
|
62
|
+
partialScoring: {
|
|
63
|
+
settings: false,
|
|
64
|
+
label: 'Allow Partial Scoring'
|
|
65
|
+
},
|
|
66
|
+
rationale: {
|
|
67
|
+
settings: true,
|
|
68
|
+
label: 'Rationale'
|
|
69
|
+
},
|
|
70
|
+
settingsPanelDisabled: false,
|
|
71
|
+
spellCheck: {
|
|
72
|
+
label: 'Spellcheck',
|
|
73
|
+
settings: false,
|
|
74
|
+
enabled: true
|
|
75
|
+
},
|
|
76
|
+
playerSpellCheck: {
|
|
77
|
+
label: 'Student Spellcheck',
|
|
78
|
+
settings: true,
|
|
79
|
+
enabled: true
|
|
80
|
+
},
|
|
81
|
+
teacherInstructions: {
|
|
82
|
+
settings: true,
|
|
83
|
+
label: 'Teacher Instructions'
|
|
84
|
+
},
|
|
85
|
+
maxLengthPerChoice: {
|
|
86
|
+
settings: true,
|
|
87
|
+
label: 'Maximum Length Per Choice'
|
|
88
|
+
},
|
|
89
|
+
maxResponseAreas: 10,
|
|
90
|
+
maxImageWidth: {
|
|
91
|
+
teacherInstructions: 300,
|
|
92
|
+
prompt: 300,
|
|
93
|
+
rationale: 300
|
|
94
|
+
},
|
|
95
|
+
maxImageHeight: {
|
|
96
|
+
teacherInstructions: 300,
|
|
97
|
+
prompt: 300,
|
|
98
|
+
rationale: 300
|
|
99
|
+
},
|
|
100
|
+
withRubric: {
|
|
101
|
+
settings: false,
|
|
102
|
+
label: 'Add Rubric'
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
exports["default"] = _default;
|
|
107
|
+
//# sourceMappingURL=defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.js","names":["model","disabled","mode","prompt","shuffle","markup","toolbarEditorPosition","displayType","spellCheckEnabled","playerSpellCheckEnabled","choices","label","value","correct","maxLengthPerChoiceEnabled","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","settings","partialScoring","rationale","settingsPanelDisabled","spellCheck","enabled","playerSpellCheck","teacherInstructions","maxLengthPerChoice","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric","exports","_default"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n model: {\n disabled: false,\n mode: 'gather',\n prompt: 'Use the inputs to complete the sentence',\n shuffle: true,\n markup: '<p>The {{0}} jumped {{1}} the {{2}}</p>',\n toolbarEditorPosition: 'bottom',\n displayType: 'block',\n spellCheckEnabled: true,\n playerSpellCheckEnabled: true,\n choices: {\n 0: [\n {\n label: 'cow',\n value: '0',\n },\n {\n label: 'cattle',\n value: '1',\n },\n {\n label: 'calf',\n value: '2',\n correct: false,\n },\n ],\n 1: [\n {\n label: 'over',\n value: '0',\n },\n {\n label: 'past',\n value: '1',\n },\n {\n label: 'beyond',\n value: '2',\n },\n ],\n 2: [\n {\n label: 'moon',\n value: '0',\n },\n {\n label: 'satellite',\n value: '2',\n },\n {\n label: 'house ',\n value: '3',\n },\n ],\n },\n maxLengthPerChoiceEnabled: true,\n rationaleEnabled: true,\n promptEnabled: true,\n teacherInstructionsEnabled: true,\n studentInstructionsEnabled: true,\n },\n configuration: {\n prompt: {\n settings: true,\n label: 'Prompt',\n },\n partialScoring: {\n settings: false,\n label: 'Allow Partial Scoring',\n },\n rationale: {\n settings: true,\n label: 'Rationale',\n },\n settingsPanelDisabled: false,\n spellCheck: {\n label: 'Spellcheck',\n settings: false,\n enabled: true,\n },\n playerSpellCheck: {\n label: 'Student Spellcheck',\n settings: true,\n enabled: true,\n },\n teacherInstructions: {\n settings: true,\n label: 'Teacher Instructions',\n },\n maxLengthPerChoice: {\n settings: true,\n label: 'Maximum Length Per Choice',\n },\n maxResponseAreas: 10,\n maxImageWidth: {\n teacherInstructions: 300,\n prompt: 300,\n rationale: 300,\n },\n maxImageHeight: {\n teacherInstructions: 300,\n prompt: 300,\n rationale: 300,\n },\n withRubric: {\n settings: false,\n label: 'Add Rubric',\n },\n },\n};\n"],"mappings":";;;;;;eAAe;EACbA,KAAK,EAAE;IACLC,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE,yCAAyC;IACjDC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAE,yCAAyC;IACjDC,qBAAqB,EAAE,QAAQ;IAC/BC,WAAW,EAAE,OAAO;IACpBC,iBAAiB,EAAE,IAAI;IACvBC,uBAAuB,EAAE,IAAI;IAC7BC,OAAO,EAAE;MACP,CAAC,EAAE,CACD;QACEC,KAAK,EAAE,KAAK;QACZC,KAAK,EAAE;MACT,CAAC,EACD;QACED,KAAK,EAAE,QAAQ;QACfC,KAAK,EAAE;MACT,CAAC,EACD;QACED,KAAK,EAAE,MAAM;QACbC,KAAK,EAAE,GAAG;QACVC,OAAO,EAAE;MACX,CAAC,CACF;MACD,CAAC,EAAE,CACD;QACEF,KAAK,EAAE,MAAM;QACbC,KAAK,EAAE;MACT,CAAC,EACD;QACED,KAAK,EAAE,MAAM;QACbC,KAAK,EAAE;MACT,CAAC,EACD;QACED,KAAK,EAAE,QAAQ;QACfC,KAAK,EAAE;MACT,CAAC,CACF;MACD,CAAC,EAAE,CACD;QACED,KAAK,EAAE,MAAM;QACbC,KAAK,EAAE;MACT,CAAC,EACD;QACED,KAAK,EAAE,WAAW;QAClBC,KAAK,EAAE;MACT,CAAC,EACD;QACED,KAAK,EAAE,QAAQ;QACfC,KAAK,EAAE;MACT,CAAC;IAEL,CAAC;IACDE,yBAAyB,EAAE,IAAI;IAC/BC,gBAAgB,EAAE,IAAI;IACtBC,aAAa,EAAE,IAAI;IACnBC,0BAA0B,EAAE,IAAI;IAChCC,0BAA0B,EAAE;EAC9B,CAAC;EACDC,aAAa,EAAE;IACbhB,MAAM,EAAE;MACNiB,QAAQ,EAAE,IAAI;MACdT,KAAK,EAAE;IACT,CAAC;IACDU,cAAc,EAAE;MACdD,QAAQ,EAAE,KAAK;MACfT,KAAK,EAAE;IACT,CAAC;IACDW,SAAS,EAAE;MACTF,QAAQ,EAAE,IAAI;MACdT,KAAK,EAAE;IACT,CAAC;IACDY,qBAAqB,EAAE,KAAK;IAC5BC,UAAU,EAAE;MACVb,KAAK,EAAE,YAAY;MACnBS,QAAQ,EAAE,KAAK;MACfK,OAAO,EAAE;IACX,CAAC;IACDC,gBAAgB,EAAE;MAChBf,KAAK,EAAE,oBAAoB;MAC3BS,QAAQ,EAAE,IAAI;MACdK,OAAO,EAAE;IACX,CAAC;IACDE,mBAAmB,EAAE;MACnBP,QAAQ,EAAE,IAAI;MACdT,KAAK,EAAE;IACT,CAAC;IACDiB,kBAAkB,EAAE;MAClBR,QAAQ,EAAE,IAAI;MACdT,KAAK,EAAE;IACT,CAAC;IACDkB,gBAAgB,EAAE,EAAE;IACpBC,aAAa,EAAE;MACbH,mBAAmB,EAAE,GAAG;MACxBxB,MAAM,EAAE,GAAG;MACXmB,SAAS,EAAE;IACb,CAAC;IACDS,cAAc,EAAE;MACdJ,mBAAmB,EAAE,GAAG;MACxBxB,MAAM,EAAE,GAAG;MACXmB,SAAS,EAAE;IACb,CAAC;IACDU,UAAU,EAAE;MACVZ,QAAQ,EAAE,KAAK;MACfT,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAAAsB,OAAA,cAAAC,QAAA"}
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = exports.ECRToolbar = void 0;
|
|
8
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
11
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
+
var _react = _interopRequireDefault(require("react"));
|
|
16
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
+
var _styles = require("@material-ui/core/styles");
|
|
18
|
+
var _OutlinedInput = _interopRequireDefault(require("@material-ui/core/OutlinedInput"));
|
|
19
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
|
+
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); }; }
|
|
23
|
+
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; } }
|
|
24
|
+
var findSlateNode = function findSlateNode(key) {
|
|
25
|
+
return window.document.querySelector('[data-key="' + key + '"]');
|
|
26
|
+
};
|
|
27
|
+
var ECRToolbar = /*#__PURE__*/function (_React$Component) {
|
|
28
|
+
(0, _inherits2["default"])(ECRToolbar, _React$Component);
|
|
29
|
+
var _super = _createSuper(ECRToolbar);
|
|
30
|
+
function ECRToolbar() {
|
|
31
|
+
var _this;
|
|
32
|
+
(0, _classCallCheck2["default"])(this, ECRToolbar);
|
|
33
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
34
|
+
args[_key] = arguments[_key];
|
|
35
|
+
}
|
|
36
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
37
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
|
38
|
+
markup: ''
|
|
39
|
+
});
|
|
40
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDone", function () {
|
|
41
|
+
var newValue = _this.state.markup;
|
|
42
|
+
var _this$props = _this.props,
|
|
43
|
+
node = _this$props.node,
|
|
44
|
+
nodePath = _this$props.nodePath,
|
|
45
|
+
editor = _this$props.editor,
|
|
46
|
+
onToolbarDone = _this$props.onToolbarDone,
|
|
47
|
+
onChangeResponse = _this$props.onChangeResponse;
|
|
48
|
+
var update = _objectSpread(_objectSpread({}, node.data), {}, {
|
|
49
|
+
value: newValue
|
|
50
|
+
});
|
|
51
|
+
editor.apply({
|
|
52
|
+
type: 'set_node',
|
|
53
|
+
path: nodePath,
|
|
54
|
+
properties: {
|
|
55
|
+
data: node.data
|
|
56
|
+
},
|
|
57
|
+
newProperties: {
|
|
58
|
+
data: update
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
onToolbarDone(true);
|
|
62
|
+
onChangeResponse(newValue);
|
|
63
|
+
});
|
|
64
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (e) {
|
|
65
|
+
return _this.setState({
|
|
66
|
+
markup: e.target.value
|
|
67
|
+
});
|
|
68
|
+
});
|
|
69
|
+
return _this;
|
|
70
|
+
}
|
|
71
|
+
(0, _createClass2["default"])(ECRToolbar, [{
|
|
72
|
+
key: "componentDidMount",
|
|
73
|
+
value: function componentDidMount() {
|
|
74
|
+
var _this$props2 = this.props,
|
|
75
|
+
correctChoice = _this$props2.correctChoice,
|
|
76
|
+
node = _this$props2.node;
|
|
77
|
+
var choice = correctChoice || {};
|
|
78
|
+
var domNode = findSlateNode(node.key);
|
|
79
|
+
if (domNode) {
|
|
80
|
+
//eslint-disable-next-line
|
|
81
|
+
var domNodeRect = domNode.getBoundingClientRect();
|
|
82
|
+
var editor = domNode.closest('[data-slate-editor]');
|
|
83
|
+
var editorRect = editor.getBoundingClientRect();
|
|
84
|
+
var top = domNodeRect.top - editorRect.top;
|
|
85
|
+
var left = domNodeRect.left - editorRect.left;
|
|
86
|
+
this.setState({
|
|
87
|
+
markup: choice.label,
|
|
88
|
+
toolbarStyle: {
|
|
89
|
+
position: 'absolute',
|
|
90
|
+
top: "".concat(top + domNodeRect.height + 20, "px"),
|
|
91
|
+
left: "".concat(left + 20, "px"),
|
|
92
|
+
width: domNodeRect.width
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}, {
|
|
98
|
+
key: "render",
|
|
99
|
+
value: function render() {
|
|
100
|
+
var _node$data;
|
|
101
|
+
var _this$props3 = this.props,
|
|
102
|
+
classes = _this$props3.classes,
|
|
103
|
+
node = _this$props3.node;
|
|
104
|
+
var _this$state = this.state,
|
|
105
|
+
markup = _this$state.markup,
|
|
106
|
+
toolbarStyle = _this$state.toolbarStyle;
|
|
107
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
108
|
+
style: _objectSpread(_objectSpread({}, toolbarStyle), {}, {
|
|
109
|
+
backgroundColor: '#E0E1E6'
|
|
110
|
+
})
|
|
111
|
+
}, /*#__PURE__*/_react["default"].createElement(_OutlinedInput["default"], {
|
|
112
|
+
style: {
|
|
113
|
+
width: '100%'
|
|
114
|
+
},
|
|
115
|
+
autoFocus: true,
|
|
116
|
+
labelWidth: 0,
|
|
117
|
+
classes: {
|
|
118
|
+
input: classes.input
|
|
119
|
+
},
|
|
120
|
+
onChange: this.onChange,
|
|
121
|
+
onBlur: this.onDone,
|
|
122
|
+
value: markup || (node === null || node === void 0 || (_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.value) || ''
|
|
123
|
+
}));
|
|
124
|
+
}
|
|
125
|
+
}]);
|
|
126
|
+
return ECRToolbar;
|
|
127
|
+
}(_react["default"].Component);
|
|
128
|
+
exports.ECRToolbar = ECRToolbar;
|
|
129
|
+
(0, _defineProperty2["default"])(ECRToolbar, "propTypes", {
|
|
130
|
+
correctChoice: _propTypes["default"].object,
|
|
131
|
+
classes: _propTypes["default"].object,
|
|
132
|
+
node: _propTypes["default"].object,
|
|
133
|
+
nodePath: _propTypes["default"].array,
|
|
134
|
+
onDone: _propTypes["default"].func,
|
|
135
|
+
onChangeResponse: _propTypes["default"].func.isRequired,
|
|
136
|
+
onToolbarDone: _propTypes["default"].func.isRequired,
|
|
137
|
+
editor: _propTypes["default"].object
|
|
138
|
+
});
|
|
139
|
+
var StyledECRToolbar = (0, _styles.withStyles)({
|
|
140
|
+
respArea: {
|
|
141
|
+
backgroundColor: '#fff'
|
|
142
|
+
},
|
|
143
|
+
input: {
|
|
144
|
+
backgroundColor: '#fff',
|
|
145
|
+
padding: '10px 20px 10px 10px'
|
|
146
|
+
},
|
|
147
|
+
errorInput: {
|
|
148
|
+
border: '2px solid red'
|
|
149
|
+
}
|
|
150
|
+
})(ECRToolbar);
|
|
151
|
+
var _default = StyledECRToolbar;
|
|
152
|
+
exports["default"] = _default;
|
|
153
|
+
//# sourceMappingURL=ecr-toolbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ecr-toolbar.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_OutlinedInput","_classnames","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","findSlateNode","window","document","querySelector","ECRToolbar","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","args","Array","_key","concat","_assertThisInitialized2","markup","newValue","state","_this$props","props","node","nodePath","editor","onToolbarDone","onChangeResponse","update","data","value","type","path","properties","newProperties","setState","_createClass2","componentDidMount","_this$props2","correctChoice","choice","domNode","domNodeRect","getBoundingClientRect","closest","editorRect","top","left","label","toolbarStyle","position","height","width","render","_node$data","_this$props3","classes","_this$state","createElement","style","backgroundColor","autoFocus","labelWidth","input","onChange","onBlur","onDone","React","Component","exports","PropTypes","array","func","isRequired","StyledECRToolbar","withStyles","respArea","padding","errorInput","border","_default"],"sources":["../src/ecr-toolbar.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport classNames from 'classnames';\n\nconst findSlateNode = (key) => {\n return window.document.querySelector('[data-key=\"' + key + '\"]');\n};\n\nexport class ECRToolbar extends React.Component {\n static propTypes = {\n correctChoice: PropTypes.object,\n classes: PropTypes.object,\n node: PropTypes.object,\n nodePath: PropTypes.array,\n onDone: PropTypes.func,\n onChangeResponse: PropTypes.func.isRequired,\n onToolbarDone: PropTypes.func.isRequired,\n editor: PropTypes.object\n };\n\n state = {\n markup: '',\n };\n\n componentDidMount() {\n const { correctChoice, node } = this.props;\n const choice = correctChoice || {};\n\n const domNode = findSlateNode(node.key);\n\n if (domNode) {\n //eslint-disable-next-line\n const domNodeRect = domNode.getBoundingClientRect();\n const editor = domNode.closest('[data-slate-editor]');\n const editorRect = editor.getBoundingClientRect();\n const top = domNodeRect.top - editorRect.top;\n const left = domNodeRect.left - editorRect.left;\n\n this.setState({\n markup: choice.label,\n toolbarStyle: {\n position: 'absolute',\n top: `${top + domNodeRect.height + 20}px`,\n left: `${left + 20}px`,\n width: domNodeRect.width,\n },\n });\n }\n }\n\n onDone = () => {\n const { markup: newValue } = this.state;\n const { node, nodePath, editor, onToolbarDone, onChangeResponse } = this.props;\n const update = { ...node.data, value: newValue };\n\n editor.apply({\n type: 'set_node',\n path: nodePath,\n properties: {\n data: node.data\n },\n newProperties: { data: update }\n });\n\n onToolbarDone(true);\n onChangeResponse(newValue);\n };\n\n onChange = (e) => this.setState({ markup: e.target.value });\n\n render() {\n const { classes, node } = this.props;\n const { markup, toolbarStyle } = this.state;\n\n return (\n <div\n style={{\n ...toolbarStyle,\n backgroundColor: '#E0E1E6',\n }}\n >\n <OutlinedInput\n style={{ width: '100%' }}\n autoFocus\n labelWidth={0}\n classes={{\n input: classes.input,\n }}\n onChange={this.onChange}\n onBlur={this.onDone}\n value={markup || node?.data?.value || ''}\n />\n </div>\n );\n }\n}\n\nconst StyledECRToolbar = withStyles({\n respArea: {\n backgroundColor: '#fff',\n },\n input: {\n backgroundColor: '#fff',\n padding: '10px 20px 10px 10px',\n },\n errorInput: {\n border: '2px solid red',\n },\n})(ECRToolbar);\n\nexport default StyledECRToolbar;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
11
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
+
var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
|
|
15
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
+
var _react = _interopRequireDefault(require("react"));
|
|
17
|
+
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
18
|
+
var _debug = _interopRequireDefault(require("debug"));
|
|
19
|
+
var _defaults = _interopRequireDefault(require("lodash/defaults"));
|
|
20
|
+
var _isArray = _interopRequireDefault(require("lodash/isArray"));
|
|
21
|
+
var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
|
|
22
|
+
var _main = _interopRequireDefault(require("./main"));
|
|
23
|
+
var _defaults2 = _interopRequireDefault(require("./defaults"));
|
|
24
|
+
var _markupUtils = require("./markupUtils");
|
|
25
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
|
+
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); }; }
|
|
28
|
+
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; } }
|
|
29
|
+
var log = (0, _debug["default"])('explicit-constructed-response:configure');
|
|
30
|
+
var ExplicitConstructedResponse = /*#__PURE__*/function (_HTMLElement) {
|
|
31
|
+
(0, _inherits2["default"])(ExplicitConstructedResponse, _HTMLElement);
|
|
32
|
+
var _super = _createSuper(ExplicitConstructedResponse);
|
|
33
|
+
function ExplicitConstructedResponse() {
|
|
34
|
+
var _this;
|
|
35
|
+
(0, _classCallCheck2["default"])(this, ExplicitConstructedResponse);
|
|
36
|
+
_this = _super.call(this);
|
|
37
|
+
_this._model = ExplicitConstructedResponse.prepareModel();
|
|
38
|
+
_this._configuration = _defaults2["default"].configuration;
|
|
39
|
+
_this.onModelChanged = _this.onModelChanged.bind((0, _assertThisInitialized2["default"])(_this));
|
|
40
|
+
_this.onConfigurationChanged = _this.onConfigurationChanged.bind((0, _assertThisInitialized2["default"])(_this));
|
|
41
|
+
return _this;
|
|
42
|
+
}
|
|
43
|
+
(0, _createClass2["default"])(ExplicitConstructedResponse, [{
|
|
44
|
+
key: "model",
|
|
45
|
+
set: function set(s) {
|
|
46
|
+
this._model = ExplicitConstructedResponse.prepareModel(s);
|
|
47
|
+
this._render();
|
|
48
|
+
}
|
|
49
|
+
}, {
|
|
50
|
+
key: "configuration",
|
|
51
|
+
set: function set(c) {
|
|
52
|
+
this._configuration = (0, _defaults["default"])(c, _defaults2["default"].configuration);
|
|
53
|
+
this._render();
|
|
54
|
+
}
|
|
55
|
+
}, {
|
|
56
|
+
key: "disableSidePanel",
|
|
57
|
+
set: function set(s) {
|
|
58
|
+
this._disableSidePanel = s;
|
|
59
|
+
this._render();
|
|
60
|
+
}
|
|
61
|
+
}, {
|
|
62
|
+
key: "dispatchModelUpdated",
|
|
63
|
+
value: function dispatchModelUpdated(reset) {
|
|
64
|
+
var resetValue = !!reset;
|
|
65
|
+
this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
|
|
66
|
+
}
|
|
67
|
+
}, {
|
|
68
|
+
key: "onModelChanged",
|
|
69
|
+
value: function onModelChanged(m, reset) {
|
|
70
|
+
this._model = ExplicitConstructedResponse.prepareModel(m);
|
|
71
|
+
this._render();
|
|
72
|
+
this.dispatchModelUpdated(reset);
|
|
73
|
+
}
|
|
74
|
+
}, {
|
|
75
|
+
key: "onConfigurationChanged",
|
|
76
|
+
value: function onConfigurationChanged(c) {
|
|
77
|
+
this._configuration = c;
|
|
78
|
+
this._render();
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
/** @param {done, progress, file} handler */
|
|
82
|
+
}, {
|
|
83
|
+
key: "insertImage",
|
|
84
|
+
value: function insertImage(handler) {
|
|
85
|
+
this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
|
|
86
|
+
}
|
|
87
|
+
}, {
|
|
88
|
+
key: "onDeleteImage",
|
|
89
|
+
value: function onDeleteImage(src, done) {
|
|
90
|
+
this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
|
|
91
|
+
}
|
|
92
|
+
}, {
|
|
93
|
+
key: "insertSound",
|
|
94
|
+
value: function insertSound(handler) {
|
|
95
|
+
this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
|
|
96
|
+
}
|
|
97
|
+
}, {
|
|
98
|
+
key: "onDeleteSound",
|
|
99
|
+
value: function onDeleteSound(src, done) {
|
|
100
|
+
this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
|
|
101
|
+
}
|
|
102
|
+
}, {
|
|
103
|
+
key: "_render",
|
|
104
|
+
value: function _render() {
|
|
105
|
+
log('_render');
|
|
106
|
+
var element = /*#__PURE__*/_react["default"].createElement(_main["default"], {
|
|
107
|
+
model: this._model,
|
|
108
|
+
configuration: this._configuration,
|
|
109
|
+
onModelChanged: this.onModelChanged,
|
|
110
|
+
onConfigurationChanged: this.onConfigurationChanged,
|
|
111
|
+
disableSidePanel: this._disableSidePanel,
|
|
112
|
+
imageSupport: {
|
|
113
|
+
add: this.insertImage.bind(this),
|
|
114
|
+
"delete": this.onDeleteImage.bind(this)
|
|
115
|
+
},
|
|
116
|
+
uploadSoundSupport: {
|
|
117
|
+
add: this.insertSound.bind(this),
|
|
118
|
+
"delete": this.onDeleteSound.bind(this)
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
_reactDom["default"].render(element, this);
|
|
122
|
+
}
|
|
123
|
+
}]);
|
|
124
|
+
return ExplicitConstructedResponse;
|
|
125
|
+
}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
|
|
126
|
+
exports["default"] = ExplicitConstructedResponse;
|
|
127
|
+
(0, _defineProperty2["default"])(ExplicitConstructedResponse, "prepareModel", function () {
|
|
128
|
+
var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
129
|
+
var joinedObj = _objectSpread(_objectSpread({}, _defaults2["default"].model), model);
|
|
130
|
+
var slateMarkup = joinedObj.slateMarkup || (0, _markupUtils.createSlateMarkup)(joinedObj.markup, joinedObj.choices);
|
|
131
|
+
var processedMarkup = (0, _markupUtils.processMarkup)(slateMarkup);
|
|
132
|
+
|
|
133
|
+
// this was added to treat an exception, when the model has choices without the "value" property
|
|
134
|
+
// like: { label: 'test' }
|
|
135
|
+
if (joinedObj.choices) {
|
|
136
|
+
Object.keys(joinedObj.choices).forEach(function (key) {
|
|
137
|
+
if ((0, _isArray["default"])(joinedObj.choices[key])) {
|
|
138
|
+
joinedObj.choices[key] = (joinedObj.choices[key] || []).map(function (item, index) {
|
|
139
|
+
if (!item.value) {
|
|
140
|
+
log('Choice does not contain "value" property, which is required.', item);
|
|
141
|
+
return _objectSpread({
|
|
142
|
+
value: "".concat(index)
|
|
143
|
+
}, item);
|
|
144
|
+
}
|
|
145
|
+
return item;
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
});
|
|
149
|
+
}
|
|
150
|
+
return _objectSpread(_objectSpread({}, joinedObj), {}, {
|
|
151
|
+
slateMarkup: slateMarkup,
|
|
152
|
+
markup: processedMarkup
|
|
153
|
+
});
|
|
154
|
+
});
|
|
155
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactDom","_debug","_defaults","_isArray","_pieConfigureEvents","_main","_defaults2","_markupUtils","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","ExplicitConstructedResponse","_HTMLElement","_inherits2","_super","_this","_classCallCheck2","_model","prepareModel","_configuration","sensibleDefaults","configuration","onModelChanged","bind","_assertThisInitialized2","onConfigurationChanged","_createClass2","set","s","_render","c","defaults","_disableSidePanel","value","dispatchModelUpdated","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","element","React","createElement","Main","model","disableSidePanel","imageSupport","add","uploadSoundSupport","ReactDOM","render","_wrapNativeSuper2","HTMLElement","exports","undefined","joinedObj","slateMarkup","createSlateMarkup","markup","choices","processedMarkup","processMarkup","isArray","map","item","index","concat"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\nimport defaults from 'lodash/defaults';\nimport isArray from 'lodash/isArray';\nimport {\n ModelUpdatedEvent,\n DeleteImageEvent,\n InsertImageEvent,\n InsertSoundEvent,\n DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport Main from './main';\n\nimport sensibleDefaults from './defaults';\nimport { processMarkup, createSlateMarkup } from './markupUtils';\n\nconst log = debug('explicit-constructed-response:configure');\n\nexport default class ExplicitConstructedResponse extends HTMLElement {\n static prepareModel = (model = {}) => {\n const joinedObj = {\n ...sensibleDefaults.model,\n ...model,\n };\n const slateMarkup = joinedObj.slateMarkup || createSlateMarkup(joinedObj.markup, joinedObj.choices);\n const processedMarkup = processMarkup(slateMarkup);\n\n // this was added to treat an exception, when the model has choices without the \"value\" property\n // like: { label: 'test' }\n if (joinedObj.choices) {\n Object.keys(joinedObj.choices).forEach((key) => {\n if (isArray(joinedObj.choices[key])) {\n joinedObj.choices[key] = (joinedObj.choices[key] || []).map((item, index) => {\n if (!item.value) {\n log('Choice does not contain \"value\" property, which is required.', item);\n return { value: `${index}`, ...item };\n }\n\n return item;\n });\n }\n });\n }\n\n return {\n ...joinedObj,\n slateMarkup,\n markup: processedMarkup,\n };\n };\n\n constructor() {\n super();\n this._model = ExplicitConstructedResponse.prepareModel();\n this._configuration = sensibleDefaults.configuration;\n this.onModelChanged = this.onModelChanged.bind(this);\n this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n }\n\n set model(s) {\n this._model = ExplicitConstructedResponse.prepareModel(s);\n this._render();\n }\n\n set configuration(c) {\n this._configuration = defaults(c, sensibleDefaults.configuration);\n this._render();\n }\n\n set disableSidePanel(s) {\n this._disableSidePanel = s;\n this._render();\n }\n\n dispatchModelUpdated(reset) {\n const resetValue = !!reset;\n\n this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n }\n\n onModelChanged(m, reset) {\n this._model = ExplicitConstructedResponse.prepareModel(m);\n this._render();\n this.dispatchModelUpdated(reset);\n }\n\n onConfigurationChanged(c) {\n this._configuration = c;\n this._render();\n }\n\n /** @param {done, progress, file} handler */\n insertImage(handler) {\n this.dispatchEvent(new InsertImageEvent(handler));\n }\n\n onDeleteImage(src, done) {\n this.dispatchEvent(new DeleteImageEvent(src, done));\n }\n\n insertSound(handler) {\n this.dispatchEvent(new InsertSoundEvent(handler));\n }\n\n onDeleteSound(src, done) {\n this.dispatchEvent(new DeleteSoundEvent(src, done));\n }\n\n _render() {\n log('_render');\n\n let element = React.createElement(Main, {\n model: this._model,\n configuration: this._configuration,\n onModelChanged: this.onModelChanged,\n onConfigurationChanged: this.onConfigurationChanged,\n disableSidePanel: this._disableSidePanel,\n imageSupport: {\n add: this.insertImage.bind(this),\n delete: this.onDeleteImage.bind(this),\n },\n uploadSoundSupport: {\n add: this.insertSound.bind(this),\n delete: this.onDeleteSound.bind(this),\n },\n });\n\n ReactDOM.render(element, this);\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,QAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAQA,IAAAM,KAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,IAAAO,UAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAAiE,SAAAS,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,QAAAC,gBAAA,aAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAW,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAd,SAAA,EAAAiB,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAlB,KAAA,OAAAI,SAAA,gBAAAqB,2BAAA,mBAAAL,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAE,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAR,OAAA,CAAAC,SAAA,CAAAI,OAAA,8CAAAI,CAAA;AAEjE,IAAMC,GAAG,GAAG,IAAAC,iBAAK,EAAC,yCAAyC,CAAC;AAAC,IAExCC,2BAA2B,0BAAAC,YAAA;EAAA,IAAAC,UAAA,aAAAF,2BAAA,EAAAC,YAAA;EAAA,IAAAE,MAAA,GAAAzB,YAAA,CAAAsB,2BAAA;EAiC9C,SAAAA,4BAAA,EAAc;IAAA,IAAAI,KAAA;IAAA,IAAAC,gBAAA,mBAAAL,2BAAA;IACZI,KAAA,GAAAD,MAAA,CAAAP,IAAA;IACAQ,KAAA,CAAKE,MAAM,GAAGN,2BAA2B,CAACO,YAAY,CAAC,CAAC;IACxDH,KAAA,CAAKI,cAAc,GAAGC,qBAAgB,CAACC,aAAa;IACpDN,KAAA,CAAKO,cAAc,GAAGP,KAAA,CAAKO,cAAc,CAACC,IAAI,KAAAC,uBAAA,aAAAT,KAAA,CAAK,CAAC;IACpDA,KAAA,CAAKU,sBAAsB,GAAGV,KAAA,CAAKU,sBAAsB,CAACF,IAAI,KAAAC,uBAAA,aAAAT,KAAA,CAAK,CAAC;IAAC,OAAAA,KAAA;EACvE;EAAC,IAAAW,aAAA,aAAAf,2BAAA;IAAA3B,GAAA;IAAA2C,GAAA,EAED,SAAAA,IAAUC,CAAC,EAAE;MACX,IAAI,CAACX,MAAM,GAAGN,2BAA2B,CAACO,YAAY,CAACU,CAAC,CAAC;MACzD,IAAI,CAACC,OAAO,CAAC,CAAC;IAChB;EAAC;IAAA7C,GAAA;IAAA2C,GAAA,EAED,SAAAA,IAAkBG,CAAC,EAAE;MACnB,IAAI,CAACX,cAAc,GAAG,IAAAY,oBAAQ,EAACD,CAAC,EAAEV,qBAAgB,CAACC,aAAa,CAAC;MACjE,IAAI,CAACQ,OAAO,CAAC,CAAC;IAChB;EAAC;IAAA7C,GAAA;IAAA2C,GAAA,EAED,SAAAA,IAAqBC,CAAC,EAAE;MACtB,IAAI,CAACI,iBAAiB,GAAGJ,CAAC;MAC1B,IAAI,CAACC,OAAO,CAAC,CAAC;IAChB;EAAC;IAAA7C,GAAA;IAAAiD,KAAA,EAED,SAAAC,qBAAqBC,KAAK,EAAE;MAC1B,IAAMC,UAAU,GAAG,CAAC,CAACD,KAAK;MAE1B,IAAI,CAACE,aAAa,CAAC,IAAIC,qCAAiB,CAAC,IAAI,CAACrB,MAAM,EAAEmB,UAAU,CAAC,CAAC;IACpE;EAAC;IAAApD,GAAA;IAAAiD,KAAA,EAED,SAAAX,eAAeiB,CAAC,EAAEJ,KAAK,EAAE;MACvB,IAAI,CAAClB,MAAM,GAAGN,2BAA2B,CAACO,YAAY,CAACqB,CAAC,CAAC;MACzD,IAAI,CAACV,OAAO,CAAC,CAAC;MACd,IAAI,CAACK,oBAAoB,CAACC,KAAK,CAAC;IAClC;EAAC;IAAAnD,GAAA;IAAAiD,KAAA,EAED,SAAAR,uBAAuBK,CAAC,EAAE;MACxB,IAAI,CAACX,cAAc,GAAGW,CAAC;MACvB,IAAI,CAACD,OAAO,CAAC,CAAC;IAChB;;IAEA;EAAA;IAAA7C,GAAA;IAAAiD,KAAA,EACA,SAAAO,YAAYC,OAAO,EAAE;MACnB,IAAI,CAACJ,aAAa,CAAC,IAAIK,oCAAgB,CAACD,OAAO,CAAC,CAAC;IACnD;EAAC;IAAAzD,GAAA;IAAAiD,KAAA,EAED,SAAAU,cAAcC,GAAG,EAAEC,IAAI,EAAE;MACvB,IAAI,CAACR,aAAa,CAAC,IAAIS,oCAAgB,CAACF,GAAG,EAAEC,IAAI,CAAC,CAAC;IACrD;EAAC;IAAA7D,GAAA;IAAAiD,KAAA,EAED,SAAAc,YAAYN,OAAO,EAAE;MACnB,IAAI,CAACJ,aAAa,CAAC,IAAIW,oCAAgB,CAACP,OAAO,CAAC,CAAC;IACnD;EAAC;IAAAzD,GAAA;IAAAiD,KAAA,EAED,SAAAgB,cAAcL,GAAG,EAAEC,IAAI,EAAE;MACvB,IAAI,CAACR,aAAa,CAAC,IAAIa,oCAAgB,CAACN,GAAG,EAAEC,IAAI,CAAC,CAAC;IACrD;EAAC;IAAA7D,GAAA;IAAAiD,KAAA,EAED,SAAAJ,QAAA,EAAU;MACRpB,GAAG,CAAC,SAAS,CAAC;MAEd,IAAI0C,OAAO,gBAAGC,iBAAK,CAACC,aAAa,CAACC,gBAAI,EAAE;QACtCC,KAAK,EAAE,IAAI,CAACtC,MAAM;QAClBI,aAAa,EAAE,IAAI,CAACF,cAAc;QAClCG,cAAc,EAAE,IAAI,CAACA,cAAc;QACnCG,sBAAsB,EAAE,IAAI,CAACA,sBAAsB;QACnD+B,gBAAgB,EAAE,IAAI,CAACxB,iBAAiB;QACxCyB,YAAY,EAAE;UACZC,GAAG,EAAE,IAAI,CAAClB,WAAW,CAACjB,IAAI,CAAC,IAAI,CAAC;UAChC,UAAQ,IAAI,CAACoB,aAAa,CAACpB,IAAI,CAAC,IAAI;QACtC,CAAC;QACDoC,kBAAkB,EAAE;UAClBD,GAAG,EAAE,IAAI,CAACX,WAAW,CAACxB,IAAI,CAAC,IAAI,CAAC;UAChC,UAAQ,IAAI,CAAC0B,aAAa,CAAC1B,IAAI,CAAC,IAAI;QACtC;MACF,CAAC,CAAC;MAEFqC,oBAAQ,CAACC,MAAM,CAACV,OAAO,EAAE,IAAI,CAAC;IAChC;EAAC;EAAA,OAAAxC,2BAAA;AAAA,oBAAAmD,iBAAA,aA9GsDC,WAAW;AAAAC,OAAA,cAAArD,2BAAA;AAAA,IAAA1B,gBAAA,aAA/C0B,2BAA2B,kBACxB,YAAgB;EAAA,IAAf4C,KAAK,GAAA3E,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAqF,SAAA,GAAArF,SAAA,MAAG,CAAC,CAAC;EAC/B,IAAMsF,SAAS,GAAAzF,aAAA,CAAAA,aAAA,KACV2C,qBAAgB,CAACmC,KAAK,GACtBA,KAAK,CACT;EACD,IAAMY,WAAW,GAAGD,SAAS,CAACC,WAAW,IAAI,IAAAC,8BAAiB,EAACF,SAAS,CAACG,MAAM,EAAEH,SAAS,CAACI,OAAO,CAAC;EACnG,IAAMC,eAAe,GAAG,IAAAC,0BAAa,EAACL,WAAW,CAAC;;EAElD;EACA;EACA,IAAID,SAAS,CAACI,OAAO,EAAE;IACrBtG,MAAM,CAACD,IAAI,CAACmG,SAAS,CAACI,OAAO,CAAC,CAACvF,OAAO,CAAC,UAACC,GAAG,EAAK;MAC9C,IAAI,IAAAyF,mBAAO,EAACP,SAAS,CAACI,OAAO,CAACtF,GAAG,CAAC,CAAC,EAAE;QACnCkF,SAAS,CAACI,OAAO,CAACtF,GAAG,CAAC,GAAG,CAACkF,SAAS,CAACI,OAAO,CAACtF,GAAG,CAAC,IAAI,EAAE,EAAE0F,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAK;UAC3E,IAAI,CAACD,IAAI,CAAC1C,KAAK,EAAE;YACfxB,GAAG,CAAC,8DAA8D,EAAEkE,IAAI,CAAC;YACzE,OAAAlG,aAAA;cAASwD,KAAK,KAAA4C,MAAA,CAAKD,KAAK;YAAE,GAAKD,IAAI;UACrC;UAEA,OAAOA,IAAI;QACb,CAAC,CAAC;MACJ;IACF,CAAC,CAAC;EACJ;EAEA,OAAAlG,aAAA,CAAAA,aAAA,KACKyF,SAAS;IACZC,WAAW,EAAXA,WAAW;IACXE,MAAM,EAAEE;EAAe;AAE3B,CAAC"}
|