@pie-element/inline-dropdown 8.3.4-next.3 → 9.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/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 +371 -496
- package/configure/lib/inline-dropdown-toolbar.js.map +1 -1
- package/configure/lib/main.js +479 -596
- 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 +34 -85
- 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/CHANGELOG.md +0 -11
- 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
package/CHANGELOG.md
CHANGED
|
@@ -3,17 +3,6 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [8.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown@8.3.2...@pie-element/inline-dropdown@8.3.3) (2025-11-27)
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
### Bug Fixes
|
|
10
|
-
|
|
11
|
-
* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
6
|
## [8.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown@8.3.1...@pie-element/inline-dropdown@8.3.2) (2025-10-22)
|
|
18
7
|
|
|
19
8
|
|
package/configure/CHANGELOG.md
CHANGED
|
@@ -3,17 +3,6 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [7.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown-configure@7.3.2...@pie-element/inline-dropdown-configure@7.3.3) (2025-11-27)
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
### Bug Fixes
|
|
10
|
-
|
|
11
|
-
* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
6
|
## [7.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown-configure@7.3.1...@pie-element/inline-dropdown-configure@7.3.2) (2025-10-22)
|
|
18
7
|
|
|
19
8
|
|
|
@@ -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":"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","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":[]}
|