@pie-element/drag-in-the-blank 4.6.0 → 4.6.1-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/configure/package.json +24 -6
- package/controller/package.json +2 -2
- package/package.json +9 -7
- package/configure/lib/choice.js +0 -126
- package/configure/lib/choice.js.map +0 -1
- package/configure/lib/choices.js +0 -350
- package/configure/lib/choices.js.map +0 -1
- package/configure/lib/defaults.js +0 -77
- package/configure/lib/defaults.js.map +0 -1
- package/configure/lib/index.js +0 -179
- package/configure/lib/index.js.map +0 -1
- package/configure/lib/main.js +0 -413
- package/configure/lib/main.js.map +0 -1
- package/configure/lib/markupUtils.js +0 -105
- package/configure/lib/markupUtils.js.map +0 -1
- package/controller/lib/defaults.js +0 -14
- package/controller/lib/defaults.js.map +0 -1
- package/controller/lib/index.js +0 -277
- package/controller/lib/index.js.map +0 -1
- package/controller/lib/utils.js +0 -53
- package/controller/lib/utils.js.map +0 -1
- package/lib/index.js +0 -106
- package/lib/index.js.map +0 -1
- package/lib/main.js +0 -156
- package/lib/main.js.map +0 -1
|
@@ -1,77 +0,0 @@
|
|
|
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
|
-
markup: '',
|
|
13
|
-
choices: [],
|
|
14
|
-
choicesPosition: 'below',
|
|
15
|
-
correctResponse: {},
|
|
16
|
-
duplicates: true,
|
|
17
|
-
rationaleEnabled: true,
|
|
18
|
-
promptEnabled: true,
|
|
19
|
-
teacherInstructionsEnabled: true,
|
|
20
|
-
studentInstructionsEnabled: true,
|
|
21
|
-
toolbarEditorPosition: 'bottom'
|
|
22
|
-
},
|
|
23
|
-
configuration: {
|
|
24
|
-
spellCheck: {
|
|
25
|
-
label: 'Spellcheck',
|
|
26
|
-
settings: false,
|
|
27
|
-
enabled: true
|
|
28
|
-
},
|
|
29
|
-
choicesPosition: {
|
|
30
|
-
settings: true,
|
|
31
|
-
label: 'Choices Position'
|
|
32
|
-
},
|
|
33
|
-
prompt: {
|
|
34
|
-
settings: true,
|
|
35
|
-
label: 'Prompt'
|
|
36
|
-
},
|
|
37
|
-
duplicates: {
|
|
38
|
-
settings: true,
|
|
39
|
-
label: 'Duplicates'
|
|
40
|
-
},
|
|
41
|
-
lockChoiceOrder: {
|
|
42
|
-
settings: true,
|
|
43
|
-
label: 'Lock Choice Order'
|
|
44
|
-
},
|
|
45
|
-
partialScoring: {
|
|
46
|
-
settings: false,
|
|
47
|
-
label: 'Allow Partial Scoring'
|
|
48
|
-
},
|
|
49
|
-
rationale: {
|
|
50
|
-
settings: true,
|
|
51
|
-
label: 'Rationale'
|
|
52
|
-
},
|
|
53
|
-
settingsPanelDisabled: false,
|
|
54
|
-
teacherInstructions: {
|
|
55
|
-
settings: true,
|
|
56
|
-
label: 'Teacher Instructions'
|
|
57
|
-
},
|
|
58
|
-
minChoices: 2,
|
|
59
|
-
maxResponseAreas: 10,
|
|
60
|
-
maxImageWidth: {
|
|
61
|
-
teacherInstructions: 300,
|
|
62
|
-
prompt: 300,
|
|
63
|
-
rationale: 300
|
|
64
|
-
},
|
|
65
|
-
maxImageHeight: {
|
|
66
|
-
teacherInstructions: 300,
|
|
67
|
-
prompt: 300,
|
|
68
|
-
rationale: 300
|
|
69
|
-
},
|
|
70
|
-
withRubric: {
|
|
71
|
-
settings: false,
|
|
72
|
-
label: 'Add Rubric'
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
exports["default"] = _default;
|
|
77
|
-
//# sourceMappingURL=defaults.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/defaults.js"],"names":["model","disabled","mode","prompt","markup","choices","choicesPosition","correctResponse","duplicates","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","configuration","spellCheck","label","settings","enabled","lockChoiceOrder","partialScoring","rationale","settingsPanelDisabled","teacherInstructions","minChoices","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,IAAI,EAAE,QAFD;AAGLC,IAAAA,MAAM,EAAE,yCAHH;AAILC,IAAAA,MAAM,EAAE,EAJH;AAKLC,IAAAA,OAAO,EAAE,EALJ;AAMLC,IAAAA,eAAe,EAAE,OANZ;AAOLC,IAAAA,eAAe,EAAE,EAPZ;AAQLC,IAAAA,UAAU,EAAE,IARP;AASLC,IAAAA,gBAAgB,EAAE,IATb;AAULC,IAAAA,aAAa,EAAE,IAVV;AAWLC,IAAAA,0BAA0B,EAAE,IAXvB;AAYLC,IAAAA,0BAA0B,EAAE,IAZvB;AAaLC,IAAAA,qBAAqB,EAAE;AAblB,GADM;AAgBbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,UAAU,EAAE;AACVC,MAAAA,KAAK,EAAE,YADG;AAEVC,MAAAA,QAAQ,EAAE,KAFA;AAGVC,MAAAA,OAAO,EAAE;AAHC,KADC;AAMbZ,IAAAA,eAAe,EAAE;AACfW,MAAAA,QAAQ,EAAE,IADK;AAEfD,MAAAA,KAAK,EAAE;AAFQ,KANJ;AAUbb,IAAAA,MAAM,EAAE;AACNc,MAAAA,QAAQ,EAAE,IADJ;AAEND,MAAAA,KAAK,EAAE;AAFD,KAVK;AAcbR,IAAAA,UAAU,EAAE;AACVS,MAAAA,QAAQ,EAAE,IADA;AAEVD,MAAAA,KAAK,EAAE;AAFG,KAdC;AAkBbG,IAAAA,eAAe,EAAE;AACfF,MAAAA,QAAQ,EAAE,IADK;AAEfD,MAAAA,KAAK,EAAE;AAFQ,KAlBJ;AAsBbI,IAAAA,cAAc,EAAE;AACdH,MAAAA,QAAQ,EAAE,KADI;AAEdD,MAAAA,KAAK,EAAE;AAFO,KAtBH;AA0BbK,IAAAA,SAAS,EAAE;AACTJ,MAAAA,QAAQ,EAAE,IADD;AAETD,MAAAA,KAAK,EAAE;AAFE,KA1BE;AA8BbM,IAAAA,qBAAqB,EAAE,KA9BV;AA+BbC,IAAAA,mBAAmB,EAAE;AACnBN,MAAAA,QAAQ,EAAE,IADS;AAEnBD,MAAAA,KAAK,EAAE;AAFY,KA/BR;AAmCbQ,IAAAA,UAAU,EAAE,CAnCC;AAoCbC,IAAAA,gBAAgB,EAAE,EApCL;AAqCbC,IAAAA,aAAa,EAAE;AACbH,MAAAA,mBAAmB,EAAE,GADR;AAEbpB,MAAAA,MAAM,EAAE,GAFK;AAGbkB,MAAAA,SAAS,EAAE;AAHE,KArCF;AA0CbM,IAAAA,cAAc,EAAE;AACdJ,MAAAA,mBAAmB,EAAE,GADP;AAEdpB,MAAAA,MAAM,EAAE,GAFM;AAGdkB,MAAAA,SAAS,EAAE;AAHG,KA1CH;AA+CbO,IAAAA,UAAU,EAAE;AACVX,MAAAA,QAAQ,EAAE,KADA;AAEVD,MAAAA,KAAK,EAAE;AAFG;AA/CC;AAhBF,C","sourcesContent":["export default {\n model: {\n disabled: false,\n mode: 'gather',\n prompt: 'Use the inputs to complete the sentence',\n markup: '',\n choices: [],\n choicesPosition: 'below',\n correctResponse: {},\n duplicates: true,\n rationaleEnabled: true,\n promptEnabled: true,\n teacherInstructionsEnabled: true,\n studentInstructionsEnabled: true,\n toolbarEditorPosition: 'bottom',\n },\n configuration: {\n spellCheck: {\n label: 'Spellcheck',\n settings: false,\n enabled: true,\n },\n choicesPosition: {\n settings: true,\n label: 'Choices Position',\n },\n prompt: {\n settings: true,\n label: 'Prompt',\n },\n duplicates: {\n settings: true,\n label: 'Duplicates',\n },\n lockChoiceOrder: {\n settings: true,\n label: 'Lock Choice Order',\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 teacherInstructions: {\n settings: true,\n label: 'Teacher Instructions',\n },\n minChoices: 2,\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"],"file":"defaults.js"}
|
package/configure/lib/index.js
DELETED
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
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
|
-
|
|
24
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
|
-
var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
|
|
27
|
-
|
|
28
|
-
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
|
-
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
31
|
-
|
|
32
|
-
var _main = _interopRequireDefault(require("./main"));
|
|
33
|
-
|
|
34
|
-
var _debug = _interopRequireDefault(require("debug"));
|
|
35
|
-
|
|
36
|
-
var _defaults = _interopRequireDefault(require("lodash/defaults"));
|
|
37
|
-
|
|
38
|
-
var _defaults2 = _interopRequireDefault(require("./defaults"));
|
|
39
|
-
|
|
40
|
-
var _markupUtils = require("./markupUtils");
|
|
41
|
-
|
|
42
|
-
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; }
|
|
43
|
-
|
|
44
|
-
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; }
|
|
45
|
-
|
|
46
|
-
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); }; }
|
|
47
|
-
|
|
48
|
-
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; } }
|
|
49
|
-
|
|
50
|
-
var log = (0, _debug["default"])('multiple-choice:configure');
|
|
51
|
-
|
|
52
|
-
var DragInTheBlank = /*#__PURE__*/function (_HTMLElement) {
|
|
53
|
-
(0, _inherits2["default"])(DragInTheBlank, _HTMLElement);
|
|
54
|
-
|
|
55
|
-
var _super = _createSuper(DragInTheBlank);
|
|
56
|
-
|
|
57
|
-
function DragInTheBlank() {
|
|
58
|
-
var _this;
|
|
59
|
-
|
|
60
|
-
(0, _classCallCheck2["default"])(this, DragInTheBlank);
|
|
61
|
-
_this = _super.call(this);
|
|
62
|
-
_this._model = DragInTheBlank.prepareModel();
|
|
63
|
-
_this._configuration = _defaults2["default"].configuration;
|
|
64
|
-
_this.onModelChanged = _this.onModelChanged.bind((0, _assertThisInitialized2["default"])(_this));
|
|
65
|
-
_this.onConfigurationChanged = _this.onConfigurationChanged.bind((0, _assertThisInitialized2["default"])(_this));
|
|
66
|
-
return _this;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
(0, _createClass2["default"])(DragInTheBlank, [{
|
|
70
|
-
key: "model",
|
|
71
|
-
set: function set(m) {
|
|
72
|
-
var formModel = _objectSpread(_objectSpread({}, m), {}, {
|
|
73
|
-
markup: "<span>".concat(m.markup || _defaults2["default"].model.markup, "</span>")
|
|
74
|
-
});
|
|
75
|
-
|
|
76
|
-
this._model = DragInTheBlank.prepareModel(formModel);
|
|
77
|
-
|
|
78
|
-
this._render();
|
|
79
|
-
}
|
|
80
|
-
}, {
|
|
81
|
-
key: "configuration",
|
|
82
|
-
set: function set(c) {
|
|
83
|
-
this._configuration = (0, _defaults["default"])(c, _defaults2["default"].configuration);
|
|
84
|
-
|
|
85
|
-
this._render();
|
|
86
|
-
}
|
|
87
|
-
}, {
|
|
88
|
-
key: "disableSidePanel",
|
|
89
|
-
set: function set(s) {
|
|
90
|
-
this._disableSidePanel = s;
|
|
91
|
-
|
|
92
|
-
this._render();
|
|
93
|
-
}
|
|
94
|
-
}, {
|
|
95
|
-
key: "dispatchModelUpdated",
|
|
96
|
-
value: function dispatchModelUpdated(reset) {
|
|
97
|
-
var resetValue = !!reset;
|
|
98
|
-
this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
|
|
99
|
-
}
|
|
100
|
-
}, {
|
|
101
|
-
key: "onModelChanged",
|
|
102
|
-
value: function onModelChanged(m, reset) {
|
|
103
|
-
this._model = DragInTheBlank.prepareModel(m);
|
|
104
|
-
|
|
105
|
-
this._render();
|
|
106
|
-
|
|
107
|
-
this.dispatchModelUpdated(reset);
|
|
108
|
-
}
|
|
109
|
-
}, {
|
|
110
|
-
key: "onConfigurationChanged",
|
|
111
|
-
value: function onConfigurationChanged(c) {
|
|
112
|
-
this._configuration = c;
|
|
113
|
-
|
|
114
|
-
this._render();
|
|
115
|
-
}
|
|
116
|
-
/** @param {done, progress, file} handler */
|
|
117
|
-
|
|
118
|
-
}, {
|
|
119
|
-
key: "insertImage",
|
|
120
|
-
value: function insertImage(handler) {
|
|
121
|
-
this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
|
|
122
|
-
}
|
|
123
|
-
}, {
|
|
124
|
-
key: "onDeleteImage",
|
|
125
|
-
value: function onDeleteImage(src, done) {
|
|
126
|
-
this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
|
|
127
|
-
}
|
|
128
|
-
}, {
|
|
129
|
-
key: "insertSound",
|
|
130
|
-
value: function insertSound(handler) {
|
|
131
|
-
this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
|
|
132
|
-
}
|
|
133
|
-
}, {
|
|
134
|
-
key: "onDeleteSound",
|
|
135
|
-
value: function onDeleteSound(src, done) {
|
|
136
|
-
this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
|
|
137
|
-
}
|
|
138
|
-
}, {
|
|
139
|
-
key: "_render",
|
|
140
|
-
value: function _render() {
|
|
141
|
-
log('_render');
|
|
142
|
-
|
|
143
|
-
var element = /*#__PURE__*/_react["default"].createElement(_main["default"], {
|
|
144
|
-
model: this._model,
|
|
145
|
-
configuration: this._configuration,
|
|
146
|
-
onModelChanged: this.onModelChanged,
|
|
147
|
-
onConfigurationChanged: this.onConfigurationChanged,
|
|
148
|
-
disableSidePanel: this._disableSidePanel,
|
|
149
|
-
imageSupport: {
|
|
150
|
-
add: this.insertImage.bind(this),
|
|
151
|
-
"delete": this.onDeleteImage.bind(this)
|
|
152
|
-
},
|
|
153
|
-
uploadSoundSupport: {
|
|
154
|
-
add: this.insertSound.bind(this),
|
|
155
|
-
"delete": this.onDeleteSound.bind(this)
|
|
156
|
-
}
|
|
157
|
-
});
|
|
158
|
-
|
|
159
|
-
_reactDom["default"].render(element, this);
|
|
160
|
-
}
|
|
161
|
-
}]);
|
|
162
|
-
return DragInTheBlank;
|
|
163
|
-
}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
|
|
164
|
-
|
|
165
|
-
exports["default"] = DragInTheBlank;
|
|
166
|
-
(0, _defineProperty2["default"])(DragInTheBlank, "prepareModel", function () {
|
|
167
|
-
var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
168
|
-
|
|
169
|
-
var joinedObj = _objectSpread(_objectSpread({}, _defaults2["default"].model), model);
|
|
170
|
-
|
|
171
|
-
var slateMarkup = model.slateMarkup || (0, _markupUtils.createSlateMarkup)(joinedObj.markup, joinedObj.choices, joinedObj.correctResponse);
|
|
172
|
-
var processedMarkup = (0, _markupUtils.processMarkup)(slateMarkup);
|
|
173
|
-
return _objectSpread(_objectSpread({}, joinedObj), {}, {
|
|
174
|
-
slateMarkup: slateMarkup,
|
|
175
|
-
markup: processedMarkup.markup,
|
|
176
|
-
correctResponse: processedMarkup.correctResponse
|
|
177
|
-
});
|
|
178
|
-
});
|
|
179
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"names":["log","DragInTheBlank","_model","prepareModel","_configuration","sensibleDefaults","configuration","onModelChanged","bind","onConfigurationChanged","m","formModel","markup","model","_render","c","s","_disableSidePanel","reset","resetValue","dispatchEvent","ModelUpdatedEvent","dispatchModelUpdated","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","element","React","createElement","Main","disableSidePanel","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","render","HTMLElement","joinedObj","slateMarkup","choices","correctResponse","processedMarkup"],"mappings":"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","sourcesContent":["import {\n ModelUpdatedEvent,\n DeleteImageEvent,\n InsertImageEvent,\n InsertSoundEvent,\n DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './main';\nimport debug from 'debug';\nimport defaults from 'lodash/defaults';\n\nimport sensibleDefaults from './defaults';\nimport { processMarkup, createSlateMarkup } from './markupUtils';\n\nconst log = debug('multiple-choice:configure');\n\nexport default class DragInTheBlank extends HTMLElement {\n static prepareModel = (model = {}) => {\n const joinedObj = {\n ...sensibleDefaults.model,\n ...model,\n };\n const slateMarkup =\n model.slateMarkup || createSlateMarkup(joinedObj.markup, joinedObj.choices, joinedObj.correctResponse);\n const processedMarkup = processMarkup(slateMarkup);\n\n return {\n ...joinedObj,\n slateMarkup,\n markup: processedMarkup.markup,\n correctResponse: processedMarkup.correctResponse,\n };\n };\n\n constructor() {\n super();\n this._model = DragInTheBlank.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(m) {\n const formModel = {\n ...m,\n markup: `<span>${m.markup || sensibleDefaults.model.markup}</span>`,\n };\n\n this._model = DragInTheBlank.prepareModel(formModel);\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 = DragInTheBlank.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"],"file":"index.js"}
|