@pie-element/inline-dropdown 8.3.4-next.3 → 9.0.0-beta.0
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/defaults.js +2 -3
- package/configure/lib/defaults.js.map +1 -1
- package/configure/lib/index.js +111 -185
- package/configure/lib/index.js.map +1 -1
- package/configure/lib/inline-dropdown-toolbar.js +364 -482
- package/configure/lib/inline-dropdown-toolbar.js.map +1 -1
- package/configure/lib/main.js +457 -597
- package/configure/lib/main.js.map +1 -1
- package/configure/lib/markupUtils.js +20 -39
- package/configure/lib/markupUtils.js.map +1 -1
- package/configure/lib/response-area.js +33 -84
- package/configure/lib/response-area.js.map +1 -1
- package/configure/lib/utils.js +11 -22
- package/configure/lib/utils.js.map +1 -1
- package/configure/package.json +11 -9
- package/controller/lib/defaults.js +2 -3
- package/controller/lib/defaults.js.map +1 -1
- package/controller/lib/index.js +156 -290
- package/controller/lib/index.js.map +1 -1
- package/controller/lib/utils.js +8 -15
- package/controller/lib/utils.js.map +1 -1
- package/controller/package.json +2 -2
- package/lib/index.js +65 -110
- package/lib/index.js.map +1 -1
- package/lib/inline-dropdown.js +148 -220
- package/lib/inline-dropdown.js.map +1 -1
- package/package.json +12 -10
- package/esm/configure.js +0 -24594
- package/esm/configure.js.map +0 -1
- package/esm/controller.js +0 -3944
- package/esm/controller.js.map +0 -1
- package/esm/element.js +0 -9587
- package/esm/element.js.map +0 -1
- package/esm/package.json +0 -3
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
7
|
-
var _default = {
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _default = exports.default = {
|
|
8
8
|
model: {
|
|
9
9
|
alternateResponse: {},
|
|
10
10
|
choiceRationaleEnabled: true,
|
|
@@ -186,5 +186,4 @@ var _default = {
|
|
|
186
186
|
}
|
|
187
187
|
}
|
|
188
188
|
};
|
|
189
|
-
exports["default"] = _default;
|
|
190
189
|
//# sourceMappingURL=defaults.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"defaults.js","names":["model","alternateResponse","choiceRationaleEnabled","choices","disabled","displayType","markup","mode","prompt","promptEnabled","rationale","rationaleEnabled","shuffle","studentInstructionsEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition","configuration","baseInputConfiguration","audio","video","image","h3","blockquote","textAlign","showParagraphs","separateParagraphs","settings","label","required","inputConfiguration","responseAreaInputConfiguration","table","ul_list","ol_list","settingsPanelDisabled","spellCheck","enabled","lockChoiceOrder","partialScoring","template","choiceRationale","maxResponseAreas","maxResponseAreaChoices","maxImageWidth","maxImageHeight","withRubric","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n model: {\n alternateResponse: {},\n choiceRationaleEnabled: true,\n choices: {},\n disabled: false,\n displayType: 'block',\n markup: '',\n mode: 'gather',\n prompt: '',\n promptEnabled: true,\n rationale: '',\n rationaleEnabled: true,\n shuffle: true,\n studentInstructionsEnabled: true,\n teacherInstructions: '',\n teacherInstructionsEnabled: true,\n toolbarEditorPosition: 'bottom',\n },\n configuration: {\n baseInputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n h3: { disabled: true },\n blockquote: { disabled: true },\n textAlign: { disabled: true },\n showParagraphs: { disabled: false },\n separateParagraphs: { disabled: true },\n },\n prompt: {\n settings: true,\n label: 'Prompt',\n required: false,\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n },\n responseAreaInputConfiguration: {\n inputConfiguration: {\n audio: { disabled: true },\n video: { disabled: true },\n image: { disabled: true },\n table: { disabled: true },\n ul_list: { disabled: true },\n ol_list: { disabled: true },\n },\n },\n settingsPanelDisabled: false,\n spellCheck: {\n label: 'Spellcheck',\n settings: false,\n enabled: true,\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 required: false,\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n },\n teacherInstructions: {\n settings: true,\n label: 'Teacher Instructions',\n required: false,\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n },\n template: {\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n },\n choiceRationale: {\n settings: true,\n label: 'Choice Rationale',\n },\n toolbarEditorPosition: {\n settings: false,\n label: 'Toolbar Editor Position',\n },\n maxResponseAreas: 10,\n maxResponseAreaChoices: 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 mathMlOptions: {\n mmlOutput: false,\n mmlEditing: false,\n },\n language: {\n settings: false,\n label: 'Specify Language',\n enabled: false,\n },\n languageChoices: {\n label: 'Language Choices',\n options: [],\n },\n },\n};\n"],"mappings":";;;;;;iCAAe;EACbA,KAAK,EAAE;IACLC,iBAAiB,EAAE,CAAC,CAAC;IACrBC,sBAAsB,EAAE,IAAI;IAC5BC,OAAO,EAAE,CAAC,CAAC;IACXC,QAAQ,EAAE,KAAK;IACfC,WAAW,EAAE,OAAO;IACpBC,MAAM,EAAE,EAAE;IACVC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,EAAE;IACbC,gBAAgB,EAAE,IAAI;IACtBC,OAAO,EAAE,IAAI;IACbC,0BAA0B,EAAE,IAAI;IAChCC,mBAAmB,EAAE,EAAE;IACvBC,0BAA0B,EAAE,IAAI;IAChCC,qBAAqB,EAAE;EACzB,CAAC;EACDC,aAAa,EAAE;IACbC,sBAAsB,EAAE;MACtBC,KAAK,EAAE;QAAEf,QAAQ,EAAE;MAAM,CAAC;MAC1BgB,KAAK,EAAE;QAAEhB,QAAQ,EAAE;MAAM,CAAC;MAC1BiB,KAAK,EAAE;QAAEjB,QAAQ,EAAE;MAAM,CAAC;MAC1BkB,EAAE,EAAE;QAAElB,QAAQ,EAAE;MAAK,CAAC;MACtBmB,UAAU,EAAE;QAAEnB,QAAQ,EAAE;MAAK,CAAC;MAC9BoB,SAAS,EAAE;QAAEpB,QAAQ,EAAE;MAAK,CAAC;MAC7BqB,cAAc,EAAE;QAAErB,QAAQ,EAAE;MAAM,CAAC;MACnCsB,kBAAkB,EAAE;QAAEtB,QAAQ,EAAE;MAAK;IACvC,CAAC;IACDI,MAAM,EAAE;MACNmB,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,QAAQ;MACfC,QAAQ,EAAE,KAAK;MACfC,kBAAkB,EAAE;QAClBX,KAAK,EAAE;UAAEf,QAAQ,EAAE;QAAM,CAAC;QAC1BgB,KAAK,EAAE;UAAEhB,QAAQ,EAAE;QAAM,CAAC;QAC1BiB,KAAK,EAAE;UAAEjB,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACD2B,8BAA8B,EAAE;MAC9BD,kBAAkB,EAAE;QAClBX,KAAK,EAAE;UAAEf,QAAQ,EAAE;QAAK,CAAC;QACzBgB,KAAK,EAAE;UAAEhB,QAAQ,EAAE;QAAK,CAAC;QACzBiB,KAAK,EAAE;UAAEjB,QAAQ,EAAE;QAAK,CAAC;QACzB4B,KAAK,EAAE;UAAE5B,QAAQ,EAAE;QAAK,CAAC;QACzB6B,OAAO,EAAE;UAAE7B,QAAQ,EAAE;QAAK,CAAC;QAC3B8B,OAAO,EAAE;UAAE9B,QAAQ,EAAE;QAAK;MAC5B;IACF,CAAC;IACD+B,qBAAqB,EAAE,KAAK;IAC5BC,UAAU,EAAE;MACVR,KAAK,EAAE,YAAY;MACnBD,QAAQ,EAAE,KAAK;MACfU,OAAO,EAAE;IACX,CAAC;IACDC,eAAe,EAAE;MACfX,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDW,cAAc,EAAE;MACdZ,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE;IACT,CAAC;IACDlB,SAAS,EAAE;MACTiB,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,WAAW;MAClBC,QAAQ,EAAE,KAAK;MACfC,kBAAkB,EAAE;QAClBX,KAAK,EAAE;UAAEf,QAAQ,EAAE;QAAM,CAAC;QAC1BgB,KAAK,EAAE;UAAEhB,QAAQ,EAAE;QAAM,CAAC;QAC1BiB,KAAK,EAAE;UAAEjB,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACDU,mBAAmB,EAAE;MACnBa,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,sBAAsB;MAC7BC,QAAQ,EAAE,KAAK;MACfC,kBAAkB,EAAE;QAClBX,KAAK,EAAE;UAAEf,QAAQ,EAAE;QAAM,CAAC;QAC1BgB,KAAK,EAAE;UAAEhB,QAAQ,EAAE;QAAM,CAAC;QAC1BiB,KAAK,EAAE;UAAEjB,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACDoC,QAAQ,EAAE;MACRV,kBAAkB,EAAE;QAClBX,KAAK,EAAE;UAAEf,QAAQ,EAAE;QAAM,CAAC;QAC1BgB,KAAK,EAAE;UAAEhB,QAAQ,EAAE;QAAM,CAAC;QAC1BiB,KAAK,EAAE;UAAEjB,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACDqC,eAAe,EAAE;MACfd,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDZ,qBAAqB,EAAE;MACrBW,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE;IACT,CAAC;IACDc,gBAAgB,EAAE,EAAE;IACpBC,sBAAsB,EAAE,EAAE;IAC1BC,aAAa,EAAE;MACb9B,mBAAmB,EAAE,GAAG;MACxBN,MAAM,EAAE,GAAG;MACXE,SAAS,EAAE;IACb,CAAC;IACDmC,cAAc,EAAE;MACd/B,mBAAmB,EAAE,GAAG;MACxBN,MAAM,EAAE,GAAG;MACXE,SAAS,EAAE;IACb,CAAC;IACDoC,UAAU,EAAE;MACVnB,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE;IACT,CAAC;IACDmB,aAAa,EAAE;MACbC,SAAS,EAAE,KAAK;MAChBC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRvB,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE,kBAAkB;MACzBS,OAAO,EAAE;IACX,CAAC;IACDc,eAAe,EAAE;MACfvB,KAAK,EAAE,kBAAkB;MACzBwB,OAAO,EAAE;IACX;EACF;AACF,CAAC","ignoreList":[]}
|
package/configure/lib/index.js
CHANGED
|
@@ -1,209 +1,135 @@
|
|
|
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 _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
|
-
|
|
7
|
+
exports.default = void 0;
|
|
24
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
9
|
var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
|
|
27
|
-
|
|
28
10
|
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
|
-
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
31
|
-
|
|
11
|
+
var _client = require("react-dom/client");
|
|
32
12
|
var _main = _interopRequireDefault(require("./main"));
|
|
33
|
-
|
|
34
13
|
var _debug = _interopRequireDefault(require("debug"));
|
|
35
|
-
|
|
36
14
|
var _defaults = _interopRequireDefault(require("lodash/defaults"));
|
|
37
|
-
|
|
38
15
|
var _defaults2 = _interopRequireDefault(require("./defaults"));
|
|
39
|
-
|
|
40
16
|
var _markupUtils = require("./markupUtils");
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
var log = (0, _debug["default"])('multiple-choice:configure');
|
|
51
|
-
|
|
52
|
-
var InlineDropdown = /*#__PURE__*/function (_HTMLElement) {
|
|
53
|
-
(0, _inherits2["default"])(InlineDropdown, _HTMLElement);
|
|
54
|
-
|
|
55
|
-
var _super = _createSuper(InlineDropdown);
|
|
56
|
-
|
|
57
|
-
function InlineDropdown() {
|
|
58
|
-
var _this;
|
|
59
|
-
|
|
60
|
-
(0, _classCallCheck2["default"])(this, InlineDropdown);
|
|
61
|
-
_this = _super.call(this);
|
|
62
|
-
_this._model = InlineDropdown.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;
|
|
17
|
+
const log = (0, _debug.default)('multiple-choice:configure');
|
|
18
|
+
class InlineDropdown extends HTMLElement {
|
|
19
|
+
constructor() {
|
|
20
|
+
super();
|
|
21
|
+
this._root = null;
|
|
22
|
+
this._model = InlineDropdown.prepareModel();
|
|
23
|
+
this._configuration = _defaults2.default.configuration;
|
|
24
|
+
this.onModelChanged = this.onModelChanged.bind(this);
|
|
25
|
+
this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
|
|
67
26
|
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
if ((_c$language = c.language) !== null && _c$language !== void 0 && _c$language.enabled) {
|
|
88
|
-
var _c$languageChoices, _c$languageChoices$op;
|
|
89
|
-
|
|
90
|
-
if ((_c$languageChoices = c.languageChoices) !== null && _c$languageChoices !== void 0 && (_c$languageChoices$op = _c$languageChoices.options) !== null && _c$languageChoices$op !== void 0 && _c$languageChoices$op.length) {
|
|
91
|
-
this._model.language = c.languageChoices.options[0].value;
|
|
92
|
-
}
|
|
93
|
-
} else if (c.language.settings && this._model.language) {
|
|
94
|
-
this._configuration.language.enabled = true;
|
|
95
|
-
|
|
96
|
-
if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
|
|
97
|
-
this._configuration.languageChoices.options = [];
|
|
98
|
-
} // check if the language is already included in the languageChoices.options array
|
|
99
|
-
// and if not, then add it.
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
if (!this._configuration.languageChoices.options.find(function (option) {
|
|
103
|
-
return option.value === _this2._model.language;
|
|
104
|
-
})) {
|
|
105
|
-
this._configuration.languageChoices.options.push({
|
|
106
|
-
value: this._model.language,
|
|
107
|
-
label: this._model.language
|
|
108
|
-
});
|
|
109
|
-
}
|
|
110
|
-
} else {
|
|
111
|
-
delete this._model.language;
|
|
27
|
+
set model(s) {
|
|
28
|
+
this._model = InlineDropdown.prepareModel(s);
|
|
29
|
+
this._render();
|
|
30
|
+
}
|
|
31
|
+
set configuration(c) {
|
|
32
|
+
this._configuration = (0, _defaults.default)(c, _defaults2.default.configuration);
|
|
33
|
+
|
|
34
|
+
// if language:enabled is true, then the corresponding default item model should include a language value;
|
|
35
|
+
// if it is false, then the language field should be omitted from the item model.
|
|
36
|
+
// if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
|
|
37
|
+
// then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
|
|
38
|
+
if (c.language?.enabled) {
|
|
39
|
+
if (c.languageChoices?.options?.length) {
|
|
40
|
+
this._model.language = c.languageChoices.options[0].value;
|
|
41
|
+
}
|
|
42
|
+
} else if (c.language.settings && this._model.language) {
|
|
43
|
+
this._configuration.language.enabled = true;
|
|
44
|
+
if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
|
|
45
|
+
this._configuration.languageChoices.options = [];
|
|
112
46
|
}
|
|
113
47
|
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
key: "dispatchModelUpdated",
|
|
125
|
-
value: function dispatchModelUpdated(reset) {
|
|
126
|
-
var resetValue = !!reset;
|
|
127
|
-
this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
|
|
128
|
-
}
|
|
129
|
-
}, {
|
|
130
|
-
key: "onModelChanged",
|
|
131
|
-
value: function onModelChanged(m, reset) {
|
|
132
|
-
this._model = InlineDropdown.prepareModel(m);
|
|
133
|
-
|
|
134
|
-
this._render();
|
|
135
|
-
|
|
136
|
-
this.dispatchModelUpdated(reset);
|
|
137
|
-
}
|
|
138
|
-
}, {
|
|
139
|
-
key: "onConfigurationChanged",
|
|
140
|
-
value: function onConfigurationChanged(c) {
|
|
141
|
-
this._configuration = c;
|
|
142
|
-
|
|
143
|
-
this._render();
|
|
48
|
+
// check if the language is already included in the languageChoices.options array
|
|
49
|
+
// and if not, then add it.
|
|
50
|
+
if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {
|
|
51
|
+
this._configuration.languageChoices.options.push({
|
|
52
|
+
value: this._model.language,
|
|
53
|
+
label: this._model.language
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
} else {
|
|
57
|
+
delete this._model.language;
|
|
144
58
|
}
|
|
145
|
-
|
|
59
|
+
this._render();
|
|
60
|
+
}
|
|
61
|
+
set disableSidePanel(s) {
|
|
62
|
+
this._disableSidePanel = s;
|
|
63
|
+
this._render();
|
|
64
|
+
}
|
|
65
|
+
dispatchModelUpdated(reset) {
|
|
66
|
+
const resetValue = !!reset;
|
|
67
|
+
this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
|
|
68
|
+
}
|
|
69
|
+
onModelChanged(m, reset) {
|
|
70
|
+
this._model = InlineDropdown.prepareModel(m);
|
|
71
|
+
this._render();
|
|
72
|
+
this.dispatchModelUpdated(reset);
|
|
73
|
+
}
|
|
74
|
+
onConfigurationChanged(c) {
|
|
75
|
+
this._configuration = c;
|
|
76
|
+
this._render();
|
|
77
|
+
}
|
|
146
78
|
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
this.
|
|
79
|
+
/** @param {done, progress, file} handler */
|
|
80
|
+
insertImage(handler) {
|
|
81
|
+
this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
|
|
82
|
+
}
|
|
83
|
+
onDeleteImage(src, done) {
|
|
84
|
+
this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
|
|
85
|
+
}
|
|
86
|
+
insertSound(handler) {
|
|
87
|
+
this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
|
|
88
|
+
}
|
|
89
|
+
onDeleteSound(src, done) {
|
|
90
|
+
this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
|
|
91
|
+
}
|
|
92
|
+
_render() {
|
|
93
|
+
log('_render');
|
|
94
|
+
let element = /*#__PURE__*/_react.default.createElement(_main.default, {
|
|
95
|
+
model: this._model,
|
|
96
|
+
configuration: this._configuration,
|
|
97
|
+
onModelChanged: this.onModelChanged,
|
|
98
|
+
onConfigurationChanged: this.onConfigurationChanged,
|
|
99
|
+
disableSidePanel: this._disableSidePanel,
|
|
100
|
+
imageSupport: {
|
|
101
|
+
add: this.insertImage.bind(this),
|
|
102
|
+
delete: this.onDeleteImage.bind(this)
|
|
103
|
+
},
|
|
104
|
+
uploadSoundSupport: {
|
|
105
|
+
add: this.insertSound.bind(this),
|
|
106
|
+
delete: this.onDeleteSound.bind(this)
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
if (!this._root) {
|
|
110
|
+
this._root = (0, _client.createRoot)(this);
|
|
166
111
|
}
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
var element = /*#__PURE__*/_react["default"].createElement(_main["default"], {
|
|
173
|
-
model: this._model,
|
|
174
|
-
configuration: this._configuration,
|
|
175
|
-
onModelChanged: this.onModelChanged,
|
|
176
|
-
onConfigurationChanged: this.onConfigurationChanged,
|
|
177
|
-
disableSidePanel: this._disableSidePanel,
|
|
178
|
-
imageSupport: {
|
|
179
|
-
add: this.insertImage.bind(this),
|
|
180
|
-
"delete": this.onDeleteImage.bind(this)
|
|
181
|
-
},
|
|
182
|
-
uploadSoundSupport: {
|
|
183
|
-
add: this.insertSound.bind(this),
|
|
184
|
-
"delete": this.onDeleteSound.bind(this)
|
|
185
|
-
}
|
|
186
|
-
});
|
|
187
|
-
|
|
188
|
-
_reactDom["default"].render(element, this);
|
|
112
|
+
this._root.render(element);
|
|
113
|
+
}
|
|
114
|
+
disconnectedCallback() {
|
|
115
|
+
if (this._root) {
|
|
116
|
+
this._root.unmount();
|
|
189
117
|
}
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
markup: markup
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
exports.default = InlineDropdown;
|
|
121
|
+
(0, _defineProperty2.default)(InlineDropdown, "prepareModel", (model = {}) => {
|
|
122
|
+
const currModal = {
|
|
123
|
+
..._defaults2.default.model,
|
|
124
|
+
...model
|
|
125
|
+
};
|
|
126
|
+
const slateMarkup = model.slateMarkup || (0, _markupUtils.createSlateMarkup)(currModal.markup, currModal.choices);
|
|
127
|
+
const markup = (0, _markupUtils.processMarkup)(slateMarkup);
|
|
128
|
+
return {
|
|
129
|
+
...currModal,
|
|
130
|
+
slateMarkup,
|
|
131
|
+
markup
|
|
205
132
|
/*...processedMarkup,*/
|
|
206
|
-
|
|
207
|
-
});
|
|
133
|
+
};
|
|
208
134
|
});
|
|
209
135
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_pieConfigureEvents","require","_react","_interopRequireDefault","_client","_main","_debug","_defaults","_defaults2","_markupUtils","log","debug","InlineDropdown","HTMLElement","constructor","_root","_model","prepareModel","_configuration","sensibleDefaults","configuration","onModelChanged","bind","onConfigurationChanged","model","s","_render","c","defaults","language","enabled","languageChoices","options","length","value","settings","find","option","push","label","disableSidePanel","_disableSidePanel","dispatchModelUpdated","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","element","React","createElement","Main","imageSupport","add","delete","uploadSoundSupport","createRoot","render","disconnectedCallback","unmount","exports","default","_defineProperty2","currModal","slateMarkup","createSlateMarkup","markup","choices","processMarkup"],"sources":["../src/index.js"],"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 { createRoot } from 'react-dom/client';\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 InlineDropdown extends HTMLElement {\n static prepareModel = (model = {}) => {\n const currModal = {\n ...sensibleDefaults.model,\n ...model,\n };\n const slateMarkup = model.slateMarkup || createSlateMarkup(currModal.markup, currModal.choices);\n const markup = processMarkup(slateMarkup);\n\n return {\n ...currModal,\n slateMarkup,\n markup,\n /*...processedMarkup,*/\n };\n };\n\n constructor() {\n super();\n this._root = null;\n this._model = InlineDropdown.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 = InlineDropdown.prepareModel(s);\n this._render();\n }\n\n set configuration(c) {\n this._configuration = defaults(c, sensibleDefaults.configuration);\n\n // if language:enabled is true, then the corresponding default item model should include a language value;\n // if it is false, then the language field should be omitted from the item model.\n // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,\n // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).\n if (c.language?.enabled) {\n if (c.languageChoices?.options?.length) {\n this._model.language = c.languageChoices.options[0].value;\n }\n } else if (c.language.settings && this._model.language) {\n this._configuration.language.enabled = true;\n\n if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {\n this._configuration.languageChoices.options = [];\n }\n\n // check if the language is already included in the languageChoices.options array\n // and if not, then add it.\n if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {\n this._configuration.languageChoices.options.push({\n value: this._model.language,\n label: this._model.language,\n });\n }\n } else {\n delete this._model.language;\n }\n\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 = InlineDropdown.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 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 if (!this._root) {\n this._root = createRoot(this);\n }\n this._root.render(element);\n }\n\n disconnectedCallback() {\n if (this._root) {\n this._root.unmount();\n }\n }\n}\n"],"mappings":"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","ignoreList":[]}
|