@pie-element/hotspot 11.1.1 → 11.1.2-next.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.js +2 -0
- package/controller.js +1 -0
- package/dist/author/DeleteWidget.d.ts +38 -0
- package/dist/author/DeleteWidget.js +46 -0
- package/dist/author/button.d.ts +31 -0
- package/dist/author/button.js +27 -0
- package/dist/author/buttons/circle.d.ts +18 -0
- package/dist/author/buttons/circle.js +25 -0
- package/dist/author/buttons/polygon.d.ts +18 -0
- package/dist/author/buttons/polygon.js +36 -0
- package/dist/author/buttons/rectangle.d.ts +18 -0
- package/dist/author/buttons/rectangle.js +36 -0
- package/dist/author/defaults.d.ts +157 -0
- package/dist/author/defaults.js +119 -0
- package/dist/author/hotspot-circle.d.ts +21 -0
- package/dist/author/hotspot-circle.js +124 -0
- package/dist/author/hotspot-container.d.ts +29 -0
- package/dist/author/hotspot-container.js +210 -0
- package/dist/author/hotspot-drawable.d.ts +31 -0
- package/dist/author/hotspot-drawable.js +312 -0
- package/dist/author/hotspot-palette.d.ts +14 -0
- package/dist/author/hotspot-palette.js +72 -0
- package/dist/author/hotspot-polygon.d.ts +38 -0
- package/dist/author/hotspot-polygon.js +200 -0
- package/dist/author/hotspot-rectangle.d.ts +20 -0
- package/dist/author/hotspot-rectangle.js +119 -0
- package/dist/author/icons.d.ts +9 -0
- package/dist/author/icons.js +4 -0
- package/dist/author/image-konva.d.ts +19 -0
- package/dist/author/image-konva.js +49 -0
- package/dist/author/index.d.ts +52 -0
- package/dist/author/index.js +143 -0
- package/dist/author/root.d.ts +15 -0
- package/dist/author/root.js +215 -0
- package/dist/author/shapes/circle.d.ts +18 -0
- package/dist/author/shapes/circle.js +47 -0
- package/dist/author/shapes/index.d.ts +12 -0
- package/dist/author/shapes/polygon.d.ts +19 -0
- package/dist/author/shapes/polygon.js +51 -0
- package/dist/author/shapes/rectagle.d.ts +18 -0
- package/dist/author/shapes/rectagle.js +57 -0
- package/dist/author/shapes/utils.d.ts +19 -0
- package/dist/author/shapes/utils.js +16 -0
- package/dist/author/upload-control.d.ts +29 -0
- package/dist/author/upload-control.js +28 -0
- package/dist/author/utils.d.ts +24 -0
- package/dist/author/utils.js +83 -0
- package/dist/browser/ReactKonva-Z9-1H-UZ.js +19329 -0
- package/dist/browser/ReactKonva-Z9-1H-UZ.js.map +1 -0
- package/dist/browser/author/index.js +41646 -0
- package/dist/browser/author/index.js.map +1 -0
- package/dist/browser/browser-CfnAFove.js +219 -0
- package/dist/browser/browser-CfnAFove.js.map +1 -0
- package/dist/browser/controller/index.js +198 -0
- package/dist/browser/controller/index.js.map +1 -0
- package/dist/browser/delivery/index.js +2460 -0
- package/dist/browser/delivery/index.js.map +1 -0
- package/dist/browser/dist-C78LDz6R.js +96 -0
- package/dist/browser/dist-C78LDz6R.js.map +1 -0
- package/dist/browser/hotspot.css +2 -0
- package/dist/controller/defaults.d.ts +35 -0
- package/dist/controller/defaults.js +29 -0
- package/dist/controller/index.d.ts +22 -0
- package/dist/controller/index.js +154 -0
- package/dist/controller/utils.d.ts +10 -0
- package/dist/controller/utils.js +12 -0
- package/dist/delivery/hotspot/circle.d.ts +19 -0
- package/dist/delivery/hotspot/circle.js +100 -0
- package/dist/delivery/hotspot/container.d.ts +16 -0
- package/dist/delivery/hotspot/container.js +150 -0
- package/dist/delivery/hotspot/icons.d.ts +10 -0
- package/dist/delivery/hotspot/icons.js +4 -0
- package/dist/delivery/hotspot/image-konva-tooltip.d.ts +19 -0
- package/dist/delivery/hotspot/image-konva-tooltip.js +66 -0
- package/dist/delivery/hotspot/index.d.ts +17 -0
- package/dist/delivery/hotspot/index.js +114 -0
- package/dist/delivery/hotspot/polygon.d.ts +21 -0
- package/dist/delivery/hotspot/polygon.js +108 -0
- package/dist/delivery/hotspot/rectangle.d.ts +19 -0
- package/dist/delivery/hotspot/rectangle.js +104 -0
- package/dist/delivery/index.d.ts +20 -0
- package/dist/delivery/index.js +107 -0
- package/dist/delivery/session-updater.d.ts +10 -0
- package/dist/delivery/session-updater.js +14 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.iife.d.ts +8 -0
- package/dist/index.iife.js +169 -0
- package/dist/index.js +2 -0
- package/dist/runtime-support.d.ts +12 -0
- package/dist/runtime-support.js +12 -0
- package/package.json +84 -18
- package/CHANGELOG.json +0 -997
- package/CHANGELOG.md +0 -2214
- package/LICENSE.md +0 -5
- package/README.md +0 -1
- package/configure/CHANGELOG.json +0 -682
- package/configure/CHANGELOG.md +0 -1951
- package/configure/lib/DeleteWidget.js +0 -64
- package/configure/lib/DeleteWidget.js.map +0 -1
- package/configure/lib/button.js +0 -42
- package/configure/lib/button.js.map +0 -1
- package/configure/lib/buttons/circle.js +0 -33
- package/configure/lib/buttons/circle.js.map +0 -1
- package/configure/lib/buttons/polygon.js +0 -39
- package/configure/lib/buttons/polygon.js.map +0 -1
- package/configure/lib/buttons/rectangle.js +0 -39
- package/configure/lib/buttons/rectangle.js.map +0 -1
- package/configure/lib/defaults.js +0 -155
- package/configure/lib/defaults.js.map +0 -1
- package/configure/lib/hotspot-circle.js +0 -192
- package/configure/lib/hotspot-circle.js.map +0 -1
- package/configure/lib/hotspot-container.js +0 -320
- package/configure/lib/hotspot-container.js.map +0 -1
- package/configure/lib/hotspot-drawable.js +0 -519
- package/configure/lib/hotspot-drawable.js.map +0 -1
- package/configure/lib/hotspot-palette.js +0 -107
- package/configure/lib/hotspot-palette.js.map +0 -1
- package/configure/lib/hotspot-polygon.js +0 -293
- package/configure/lib/hotspot-polygon.js.map +0 -1
- package/configure/lib/hotspot-rectangle.js +0 -190
- package/configure/lib/hotspot-rectangle.js.map +0 -1
- package/configure/lib/icons.js +0 -7
- package/configure/lib/icons.js.map +0 -1
- package/configure/lib/image-konva.js +0 -66
- package/configure/lib/image-konva.js.map +0 -1
- package/configure/lib/index.js +0 -194
- package/configure/lib/index.js.map +0 -1
- package/configure/lib/root.js +0 -330
- package/configure/lib/root.js.map +0 -1
- package/configure/lib/shapes/circle.js +0 -84
- package/configure/lib/shapes/circle.js.map +0 -1
- package/configure/lib/shapes/index.js +0 -50
- package/configure/lib/shapes/index.js.map +0 -1
- package/configure/lib/shapes/polygon.js +0 -82
- package/configure/lib/shapes/polygon.js.map +0 -1
- package/configure/lib/shapes/rectagle.js +0 -84
- package/configure/lib/shapes/rectagle.js.map +0 -1
- package/configure/lib/shapes/utils.js +0 -21
- package/configure/lib/shapes/utils.js.map +0 -1
- package/configure/lib/upload-control.js +0 -41
- package/configure/lib/upload-control.js.map +0 -1
- package/configure/lib/utils.js +0 -185
- package/configure/lib/utils.js.map +0 -1
- package/configure/package.json +0 -26
- package/configure/src/DeleteWidget.jsx +0 -51
- package/configure/src/__tests__/DeleteWidget.test.jsx +0 -366
- package/configure/src/__tests__/button.test.jsx +0 -198
- package/configure/src/__tests__/hotspot-circle.test.jsx +0 -259
- package/configure/src/__tests__/hotspot-container.test.js +0 -366
- package/configure/src/__tests__/hotspot-drawable.test.js +0 -271
- package/configure/src/__tests__/hotspot-palette.test.jsx +0 -71
- package/configure/src/__tests__/image-konva.test.jsx +0 -226
- package/configure/src/__tests__/index.test.js +0 -329
- package/configure/src/__tests__/root.test.js +0 -400
- package/configure/src/__tests__/utils.test.js +0 -241
- package/configure/src/button.jsx +0 -35
- package/configure/src/buttons/circle.jsx +0 -18
- package/configure/src/buttons/polygon.jsx +0 -29
- package/configure/src/buttons/rectangle.jsx +0 -29
- package/configure/src/defaults.js +0 -109
- package/configure/src/hotspot-circle.jsx +0 -183
- package/configure/src/hotspot-container.jsx +0 -330
- package/configure/src/hotspot-drawable.jsx +0 -527
- package/configure/src/hotspot-palette.jsx +0 -90
- package/configure/src/hotspot-polygon.jsx +0 -294
- package/configure/src/hotspot-rectangle.jsx +0 -169
- package/configure/src/icons.js +0 -5
- package/configure/src/image-konva.jsx +0 -63
- package/configure/src/index.js +0 -208
- package/configure/src/root.jsx +0 -346
- package/configure/src/shapes/circle.js +0 -81
- package/configure/src/shapes/index.js +0 -4
- package/configure/src/shapes/polygon.js +0 -81
- package/configure/src/shapes/rectagle.js +0 -82
- package/configure/src/shapes/utils.js +0 -16
- package/configure/src/upload-control.jsx +0 -33
- package/configure/src/utils.js +0 -210
- package/controller/CHANGELOG.json +0 -362
- package/controller/CHANGELOG.md +0 -1304
- package/controller/lib/defaults.js +0 -33
- package/controller/lib/defaults.js.map +0 -1
- package/controller/lib/index.js +0 -341
- package/controller/lib/index.js.map +0 -1
- package/controller/lib/utils.js +0 -32
- package/controller/lib/utils.js.map +0 -1
- package/controller/package.json +0 -18
- package/controller/src/__tests__/index.test.js +0 -419
- package/controller/src/__tests__/utils.test.js +0 -5
- package/controller/src/defaults.js +0 -19
- package/controller/src/index.js +0 -328
- package/controller/src/utils.js +0 -29
- package/docs/config-schema.json +0 -2023
- package/docs/config-schema.json.md +0 -1495
- package/docs/demo/config.js +0 -8
- package/docs/demo/generate.js +0 -118
- package/docs/demo/index.html +0 -1
- package/docs/demo/session.js +0 -11
- package/docs/pie-schema.json +0 -1204
- package/docs/pie-schema.json.md +0 -851
- package/lib/hotspot/circle.js +0 -156
- package/lib/hotspot/circle.js.map +0 -1
- package/lib/hotspot/container.js +0 -206
- package/lib/hotspot/container.js.map +0 -1
- package/lib/hotspot/icons.js +0 -8
- package/lib/hotspot/icons.js.map +0 -1
- package/lib/hotspot/image-konva-tooltip.js +0 -86
- package/lib/hotspot/image-konva-tooltip.js.map +0 -1
- package/lib/hotspot/index.js +0 -163
- package/lib/hotspot/index.js.map +0 -1
- package/lib/hotspot/polygon.js +0 -203
- package/lib/hotspot/polygon.js.map +0 -1
- package/lib/hotspot/rectangle.js +0 -175
- package/lib/hotspot/rectangle.js.map +0 -1
- package/lib/index.js +0 -213
- package/lib/index.js.map +0 -1
- package/lib/session-updater.js +0 -42
- package/lib/session-updater.js.map +0 -1
- package/src/__tests__/container.test.jsx +0 -58
- package/src/__tests__/index.test.js +0 -123
- package/src/__tests__/session-updater.test.jsx +0 -69
- package/src/hotspot/__tests__/circle.test.jsx +0 -464
- package/src/hotspot/__tests__/container.test.jsx +0 -546
- package/src/hotspot/__tests__/image-konva-tooltip.test.jsx +0 -510
- package/src/hotspot/__tests__/polygon.test.jsx +0 -502
- package/src/hotspot/__tests__/rectangle.test.jsx +0 -418
- package/src/hotspot/circle.jsx +0 -152
- package/src/hotspot/container.jsx +0 -217
- package/src/hotspot/icons.js +0 -7
- package/src/hotspot/image-konva-tooltip.jsx +0 -76
- package/src/hotspot/index.jsx +0 -165
- package/src/hotspot/polygon.jsx +0 -195
- package/src/hotspot/rectangle.jsx +0 -171
- package/src/index.js +0 -226
- package/src/session-updater.js +0 -29
package/docs/pie-schema.json.md
DELETED
|
@@ -1,851 +0,0 @@
|
|
|
1
|
-
Model for the @pie-elements/hotspot Interaction
|
|
2
|
-
|
|
3
|
-
The schema defines the following properties:
|
|
4
|
-
|
|
5
|
-
# `prompt` (string)
|
|
6
|
-
|
|
7
|
-
The question prompt or item stem
|
|
8
|
-
|
|
9
|
-
# `promptEnabled` (boolean)
|
|
10
|
-
|
|
11
|
-
Indicates if the prompt is enabled
|
|
12
|
-
|
|
13
|
-
# `imageUrl` (string)
|
|
14
|
-
|
|
15
|
-
The image over which hotspots will be drawn
|
|
16
|
-
|
|
17
|
-
# `shapes` (object, required)
|
|
18
|
-
|
|
19
|
-
Properties of the `shapes` object:
|
|
20
|
-
|
|
21
|
-
## `rectangles` (array, required)
|
|
22
|
-
|
|
23
|
-
the rectangles of the shape
|
|
24
|
-
|
|
25
|
-
The object is an array with all elements of the type `object`.
|
|
26
|
-
|
|
27
|
-
The array object has the following properties:
|
|
28
|
-
|
|
29
|
-
### `id` (string)
|
|
30
|
-
|
|
31
|
-
the id of the rectangle
|
|
32
|
-
|
|
33
|
-
### `correct` (boolean)
|
|
34
|
-
|
|
35
|
-
indicates if the rectangle is correct
|
|
36
|
-
|
|
37
|
-
### `height` (number, required)
|
|
38
|
-
|
|
39
|
-
the height of the rectangle
|
|
40
|
-
|
|
41
|
-
### `width` (number, required)
|
|
42
|
-
|
|
43
|
-
the width of the rectangle
|
|
44
|
-
|
|
45
|
-
### `x` (number, required)
|
|
46
|
-
|
|
47
|
-
the x position of the rectangle
|
|
48
|
-
|
|
49
|
-
### `y` (number, required)
|
|
50
|
-
|
|
51
|
-
the y position of the rectangle
|
|
52
|
-
|
|
53
|
-
## `polygons` (array, required)
|
|
54
|
-
|
|
55
|
-
the polygons of the shape
|
|
56
|
-
|
|
57
|
-
The object is an array with all elements of the type `object`.
|
|
58
|
-
|
|
59
|
-
The array object has the following properties:
|
|
60
|
-
|
|
61
|
-
### `id` (string)
|
|
62
|
-
|
|
63
|
-
the id of the polygon
|
|
64
|
-
|
|
65
|
-
### `correct` (boolean)
|
|
66
|
-
|
|
67
|
-
indicates if the polygon is correct
|
|
68
|
-
|
|
69
|
-
### `points` (array, required)
|
|
70
|
-
|
|
71
|
-
the points of the polygon
|
|
72
|
-
|
|
73
|
-
The object is an array with all elements of the type `object`.
|
|
74
|
-
|
|
75
|
-
The array object has the following properties:
|
|
76
|
-
|
|
77
|
-
#### `x` (number, required)
|
|
78
|
-
|
|
79
|
-
the x position
|
|
80
|
-
|
|
81
|
-
#### `y` (number, required)
|
|
82
|
-
|
|
83
|
-
the y position
|
|
84
|
-
|
|
85
|
-
# `multipleCorrect` (boolean, required)
|
|
86
|
-
|
|
87
|
-
Indicates if the item supports multiple correct answers
|
|
88
|
-
|
|
89
|
-
# `partialScoring` (boolean, required)
|
|
90
|
-
|
|
91
|
-
Indicates if the item should use partial scoring
|
|
92
|
-
|
|
93
|
-
# `dimensions` (array, required)
|
|
94
|
-
|
|
95
|
-
The dimensions of the drawable section
|
|
96
|
-
|
|
97
|
-
The object is an array with all elements of the type `object`.
|
|
98
|
-
|
|
99
|
-
The array object has the following properties:
|
|
100
|
-
|
|
101
|
-
## `height` (number, required)
|
|
102
|
-
|
|
103
|
-
the height of the section
|
|
104
|
-
|
|
105
|
-
## `width` (number, required)
|
|
106
|
-
|
|
107
|
-
the width of the section
|
|
108
|
-
|
|
109
|
-
# `hotspotColor` (string)
|
|
110
|
-
|
|
111
|
-
The color that fills the hotspot
|
|
112
|
-
|
|
113
|
-
# `selectedHotspotColor` (string)
|
|
114
|
-
|
|
115
|
-
The color that fills the hotspot
|
|
116
|
-
|
|
117
|
-
# `hoverOutlineColor` (string)
|
|
118
|
-
|
|
119
|
-
The color of the rectangular outline
|
|
120
|
-
|
|
121
|
-
# `hotspotList` (array)
|
|
122
|
-
|
|
123
|
-
The filling hotspot color options
|
|
124
|
-
|
|
125
|
-
The object is an array with all elements of the type `string`.
|
|
126
|
-
|
|
127
|
-
# `outlineColor` (string)
|
|
128
|
-
|
|
129
|
-
The outline color of the hotspot
|
|
130
|
-
|
|
131
|
-
# `outlineList` (array)
|
|
132
|
-
|
|
133
|
-
The outline hotspot color options
|
|
134
|
-
|
|
135
|
-
The object is an array with all elements of the type `string`.
|
|
136
|
-
|
|
137
|
-
# `rationale` (string)
|
|
138
|
-
|
|
139
|
-
Indicates the value for rationale
|
|
140
|
-
|
|
141
|
-
# `rationaleEnabled` (boolean, required)
|
|
142
|
-
|
|
143
|
-
Indicates if Rationale are enabled
|
|
144
|
-
|
|
145
|
-
# `studentInstructionsEnabled` (boolean, required)
|
|
146
|
-
|
|
147
|
-
Indicates if Student Instructions are enabled
|
|
148
|
-
|
|
149
|
-
# `spellCheckEnabled` (boolean, required)
|
|
150
|
-
|
|
151
|
-
Indicates if spellcheck is enabled for the author. Default value is true
|
|
152
|
-
|
|
153
|
-
# `strokeWidth` (number, required)
|
|
154
|
-
|
|
155
|
-
Indicates the width of the outline for a selection
|
|
156
|
-
|
|
157
|
-
# `teacherInstructionsEnabled` (boolean, required)
|
|
158
|
-
|
|
159
|
-
Indicates if Teacher Instructions are enabled
|
|
160
|
-
|
|
161
|
-
# `toolbarEditorPosition` (string, enum)
|
|
162
|
-
|
|
163
|
-
Indicates the editor's toolbar position which can be 'bottom' or 'top'
|
|
164
|
-
|
|
165
|
-
This element must be one of the following enum values:
|
|
166
|
-
|
|
167
|
-
* `bottom`
|
|
168
|
-
* `top`
|
|
169
|
-
|
|
170
|
-
Default: `": 'bottom'"`
|
|
171
|
-
|
|
172
|
-
# `rubricEnabled` (boolean, required)
|
|
173
|
-
|
|
174
|
-
Indicates if Rubric is enabled
|
|
175
|
-
|
|
176
|
-
# `language` (string)
|
|
177
|
-
|
|
178
|
-
Indicates the language of the component
|
|
179
|
-
Supported options: en, es, en_US, en-US, es_ES, es-ES, es_MX, es-MX
|
|
180
|
-
|
|
181
|
-
# `fontSizeFactor` (number)
|
|
182
|
-
|
|
183
|
-
Indicates font size adjustment factor
|
|
184
|
-
|
|
185
|
-
# `autoplayAudioEnabled` (boolean)
|
|
186
|
-
|
|
187
|
-
Indicates if the audio for the prompt should autoplay
|
|
188
|
-
|
|
189
|
-
# `completeAudioEnabled` (boolean)
|
|
190
|
-
|
|
191
|
-
Indicates if the audio should reach the end before the item can be marked as 'complete'
|
|
192
|
-
|
|
193
|
-
# `customAudioButton` (object)
|
|
194
|
-
|
|
195
|
-
Indicates if the audio should be replaced with a custom audio button
|
|
196
|
-
playImage: image url for the play state
|
|
197
|
-
pauseImage: image url for the pause state
|
|
198
|
-
|
|
199
|
-
Properties of the `customAudioButton` object:
|
|
200
|
-
|
|
201
|
-
## `playImage` (string, required)
|
|
202
|
-
|
|
203
|
-
## `pauseImage` (string, required)
|
|
204
|
-
|
|
205
|
-
# `id` (string, required)
|
|
206
|
-
|
|
207
|
-
Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
|
|
208
|
-
|
|
209
|
-
# `element` (string, required)
|
|
210
|
-
|
|
211
|
-
The html Element tag name
|
|
212
|
-
|
|
213
|
-
---
|
|
214
|
-
|
|
215
|
-
# Sub Schemas
|
|
216
|
-
|
|
217
|
-
The schema defines the following additional types:
|
|
218
|
-
|
|
219
|
-
## `EditableHtmlConfigureProp` (object)
|
|
220
|
-
|
|
221
|
-
Properties of the `EditableHtmlConfigureProp` object:
|
|
222
|
-
|
|
223
|
-
### `math` (object)
|
|
224
|
-
|
|
225
|
-
Properties of the `math` object:
|
|
226
|
-
|
|
227
|
-
#### `disabled` (boolean)
|
|
228
|
-
|
|
229
|
-
Indicates if the plugin is disabled or not
|
|
230
|
-
|
|
231
|
-
### `audio` (object)
|
|
232
|
-
|
|
233
|
-
Properties of the `audio` object:
|
|
234
|
-
|
|
235
|
-
#### `disabled` (boolean)
|
|
236
|
-
|
|
237
|
-
Indicates if the plugin is disabled or not
|
|
238
|
-
|
|
239
|
-
### `video` (object)
|
|
240
|
-
|
|
241
|
-
Properties of the `video` object:
|
|
242
|
-
|
|
243
|
-
#### `disabled` (boolean)
|
|
244
|
-
|
|
245
|
-
Indicates if the plugin is disabled or not
|
|
246
|
-
|
|
247
|
-
### `image` (object)
|
|
248
|
-
|
|
249
|
-
Properties of the `image` object:
|
|
250
|
-
|
|
251
|
-
#### `disabled` (boolean)
|
|
252
|
-
|
|
253
|
-
Indicates if the plugin is disabled or not
|
|
254
|
-
|
|
255
|
-
### `customPlugins` (array)
|
|
256
|
-
|
|
257
|
-
An array of objects that determine custom plugins.
|
|
258
|
-
A custom plugin is an object which determines how the button will look like (icon) and the event name that will be triggered when button gets pressed (event).
|
|
259
|
-
Example can be found at https://github.com/pie-framework/pie-lib/blob/develop/packages/demo/pages/editable-html.js#L425.
|
|
260
|
-
|
|
261
|
-
The object is an array with all elements of the type `object`.
|
|
262
|
-
|
|
263
|
-
The array object has the following properties:
|
|
264
|
-
|
|
265
|
-
#### `event` (string, required)
|
|
266
|
-
|
|
267
|
-
The name of the custom event. It needs to be valid (only letters, numbers and "_" can be used).
|
|
268
|
-
PIE will emit the event prefixed with "PIE-".
|
|
269
|
-
Eg: event = 'client_custom_event_A' => the emitted event will be "PIE-client_custom_event_A"
|
|
270
|
-
|
|
271
|
-
#### `iconAlt` (string, required)
|
|
272
|
-
|
|
273
|
-
The alt for the custom button icon
|
|
274
|
-
|
|
275
|
-
#### `iconType` (string, required)
|
|
276
|
-
|
|
277
|
-
The icon type.
|
|
278
|
-
Currently, only "SVG" is supported.
|
|
279
|
-
|
|
280
|
-
#### `icon` (string, required)
|
|
281
|
-
|
|
282
|
-
The icon string. Currently, only "SVG" is supported, so it needs to be a valid svg.
|
|
283
|
-
|
|
284
|
-
### `blockquote` (object)
|
|
285
|
-
|
|
286
|
-
Properties of the `blockquote` object:
|
|
287
|
-
|
|
288
|
-
#### `disabled` (boolean)
|
|
289
|
-
|
|
290
|
-
Indicates if the plugin is disabled or not
|
|
291
|
-
|
|
292
|
-
### `h3` (object)
|
|
293
|
-
|
|
294
|
-
Properties of the `h3` object:
|
|
295
|
-
|
|
296
|
-
#### `disabled` (boolean)
|
|
297
|
-
|
|
298
|
-
Indicates if the plugin is disabled or not
|
|
299
|
-
|
|
300
|
-
### `characters` (object)
|
|
301
|
-
|
|
302
|
-
Properties of the `characters` object:
|
|
303
|
-
|
|
304
|
-
#### `disabled` (boolean)
|
|
305
|
-
|
|
306
|
-
Indicates if the plugin is disabled or not
|
|
307
|
-
|
|
308
|
-
### `bold` (object)
|
|
309
|
-
|
|
310
|
-
Properties of the `bold` object:
|
|
311
|
-
|
|
312
|
-
#### `disabled` (boolean)
|
|
313
|
-
|
|
314
|
-
Indicates if the plugin is disabled or not
|
|
315
|
-
|
|
316
|
-
### `html` (object)
|
|
317
|
-
|
|
318
|
-
Properties of the `html` object:
|
|
319
|
-
|
|
320
|
-
#### `disabled` (boolean)
|
|
321
|
-
|
|
322
|
-
Indicates if the plugin is disabled or not
|
|
323
|
-
|
|
324
|
-
### `italic` (object)
|
|
325
|
-
|
|
326
|
-
Properties of the `italic` object:
|
|
327
|
-
|
|
328
|
-
#### `disabled` (boolean)
|
|
329
|
-
|
|
330
|
-
Indicates if the plugin is disabled or not
|
|
331
|
-
|
|
332
|
-
### `ol_list` (object)
|
|
333
|
-
|
|
334
|
-
Properties of the `ol_list` object:
|
|
335
|
-
|
|
336
|
-
#### `disabled` (boolean)
|
|
337
|
-
|
|
338
|
-
Indicates if the plugin is disabled or not
|
|
339
|
-
|
|
340
|
-
### `redo` (object)
|
|
341
|
-
|
|
342
|
-
Properties of the `redo` object:
|
|
343
|
-
|
|
344
|
-
#### `disabled` (boolean)
|
|
345
|
-
|
|
346
|
-
Indicates if the plugin is disabled or not
|
|
347
|
-
|
|
348
|
-
### `strikethrough` (object)
|
|
349
|
-
|
|
350
|
-
Properties of the `strikethrough` object:
|
|
351
|
-
|
|
352
|
-
#### `disabled` (boolean)
|
|
353
|
-
|
|
354
|
-
Indicates if the plugin is disabled or not
|
|
355
|
-
|
|
356
|
-
### `sub` (object)
|
|
357
|
-
|
|
358
|
-
Properties of the `sub` object:
|
|
359
|
-
|
|
360
|
-
#### `disabled` (boolean)
|
|
361
|
-
|
|
362
|
-
Indicates if the plugin is disabled or not
|
|
363
|
-
|
|
364
|
-
### `sup` (object)
|
|
365
|
-
|
|
366
|
-
Properties of the `sup` object:
|
|
367
|
-
|
|
368
|
-
#### `disabled` (boolean)
|
|
369
|
-
|
|
370
|
-
Indicates if the plugin is disabled or not
|
|
371
|
-
|
|
372
|
-
### `table` (object)
|
|
373
|
-
|
|
374
|
-
Properties of the `table` object:
|
|
375
|
-
|
|
376
|
-
#### `disabled` (boolean)
|
|
377
|
-
|
|
378
|
-
Indicates if the plugin is disabled or not
|
|
379
|
-
|
|
380
|
-
### `ul_list` (object)
|
|
381
|
-
|
|
382
|
-
Properties of the `ul_list` object:
|
|
383
|
-
|
|
384
|
-
#### `disabled` (boolean)
|
|
385
|
-
|
|
386
|
-
Indicates if the plugin is disabled or not
|
|
387
|
-
|
|
388
|
-
### `underline` (object)
|
|
389
|
-
|
|
390
|
-
Properties of the `underline` object:
|
|
391
|
-
|
|
392
|
-
#### `disabled` (boolean)
|
|
393
|
-
|
|
394
|
-
Indicates if the plugin is disabled or not
|
|
395
|
-
|
|
396
|
-
### `undo` (object)
|
|
397
|
-
|
|
398
|
-
Properties of the `undo` object:
|
|
399
|
-
|
|
400
|
-
#### `disabled` (boolean)
|
|
401
|
-
|
|
402
|
-
Indicates if the plugin is disabled or not
|
|
403
|
-
|
|
404
|
-
## `EditableHtmlButtonConfigure` (object)
|
|
405
|
-
|
|
406
|
-
Properties of the `EditableHtmlButtonConfigure` object:
|
|
407
|
-
|
|
408
|
-
### `disabled` (boolean)
|
|
409
|
-
|
|
410
|
-
Indicates if the plugin is disabled or not
|
|
411
|
-
|
|
412
|
-
## `CustomPlugin` (object)
|
|
413
|
-
|
|
414
|
-
Properties of the `CustomPlugin` object:
|
|
415
|
-
|
|
416
|
-
### `event` (string, required)
|
|
417
|
-
|
|
418
|
-
The name of the custom event. It needs to be valid (only letters, numbers and "_" can be used).
|
|
419
|
-
PIE will emit the event prefixed with "PIE-".
|
|
420
|
-
Eg: event = 'client_custom_event_A' => the emitted event will be "PIE-client_custom_event_A"
|
|
421
|
-
|
|
422
|
-
### `iconAlt` (string, required)
|
|
423
|
-
|
|
424
|
-
The alt for the custom button icon
|
|
425
|
-
|
|
426
|
-
### `iconType` (string, required)
|
|
427
|
-
|
|
428
|
-
The icon type.
|
|
429
|
-
Currently, only "SVG" is supported.
|
|
430
|
-
|
|
431
|
-
### `icon` (string, required)
|
|
432
|
-
|
|
433
|
-
The icon string. Currently, only "SVG" is supported, so it needs to be a valid svg.
|
|
434
|
-
|
|
435
|
-
## `ConfigureProp` (object)
|
|
436
|
-
|
|
437
|
-
Properties of the `ConfigureProp` object:
|
|
438
|
-
|
|
439
|
-
### `settings` (boolean)
|
|
440
|
-
|
|
441
|
-
Indicates if the item has to be displayed in the Settings Panel
|
|
442
|
-
|
|
443
|
-
### `label` (string)
|
|
444
|
-
|
|
445
|
-
Indicates the label for the item that has to be displayed in the Settings Panel
|
|
446
|
-
|
|
447
|
-
## `EditableHtmlPluginConfigureRequired` (object)
|
|
448
|
-
|
|
449
|
-
Properties of the `EditableHtmlPluginConfigureRequired` object:
|
|
450
|
-
|
|
451
|
-
### `inputConfiguration` (object)
|
|
452
|
-
|
|
453
|
-
Properties of the `inputConfiguration` object:
|
|
454
|
-
|
|
455
|
-
#### `math` (object)
|
|
456
|
-
|
|
457
|
-
Properties of the `math` object:
|
|
458
|
-
|
|
459
|
-
##### `disabled` (boolean)
|
|
460
|
-
|
|
461
|
-
Indicates if the plugin is disabled or not
|
|
462
|
-
|
|
463
|
-
#### `audio` (object)
|
|
464
|
-
|
|
465
|
-
Properties of the `audio` object:
|
|
466
|
-
|
|
467
|
-
##### `disabled` (boolean)
|
|
468
|
-
|
|
469
|
-
Indicates if the plugin is disabled or not
|
|
470
|
-
|
|
471
|
-
#### `video` (object)
|
|
472
|
-
|
|
473
|
-
Properties of the `video` object:
|
|
474
|
-
|
|
475
|
-
##### `disabled` (boolean)
|
|
476
|
-
|
|
477
|
-
Indicates if the plugin is disabled or not
|
|
478
|
-
|
|
479
|
-
#### `image` (object)
|
|
480
|
-
|
|
481
|
-
Properties of the `image` object:
|
|
482
|
-
|
|
483
|
-
##### `disabled` (boolean)
|
|
484
|
-
|
|
485
|
-
Indicates if the plugin is disabled or not
|
|
486
|
-
|
|
487
|
-
#### `customPlugins` (array)
|
|
488
|
-
|
|
489
|
-
An array of objects that determine custom plugins.
|
|
490
|
-
A custom plugin is an object which determines how the button will look like (icon) and the event name that will be triggered when button gets pressed (event).
|
|
491
|
-
Example can be found at https://github.com/pie-framework/pie-lib/blob/develop/packages/demo/pages/editable-html.js#L425.
|
|
492
|
-
|
|
493
|
-
The object is an array with all elements of the type `object`.
|
|
494
|
-
|
|
495
|
-
The array object has the following properties:
|
|
496
|
-
|
|
497
|
-
##### `event` (string, required)
|
|
498
|
-
|
|
499
|
-
The name of the custom event. It needs to be valid (only letters, numbers and "_" can be used).
|
|
500
|
-
PIE will emit the event prefixed with "PIE-".
|
|
501
|
-
Eg: event = 'client_custom_event_A' => the emitted event will be "PIE-client_custom_event_A"
|
|
502
|
-
|
|
503
|
-
##### `iconAlt` (string, required)
|
|
504
|
-
|
|
505
|
-
The alt for the custom button icon
|
|
506
|
-
|
|
507
|
-
##### `iconType` (string, required)
|
|
508
|
-
|
|
509
|
-
The icon type.
|
|
510
|
-
Currently, only "SVG" is supported.
|
|
511
|
-
|
|
512
|
-
##### `icon` (string, required)
|
|
513
|
-
|
|
514
|
-
The icon string. Currently, only "SVG" is supported, so it needs to be a valid svg.
|
|
515
|
-
|
|
516
|
-
#### `blockquote` (object)
|
|
517
|
-
|
|
518
|
-
Properties of the `blockquote` object:
|
|
519
|
-
|
|
520
|
-
##### `disabled` (boolean)
|
|
521
|
-
|
|
522
|
-
Indicates if the plugin is disabled or not
|
|
523
|
-
|
|
524
|
-
#### `h3` (object)
|
|
525
|
-
|
|
526
|
-
Properties of the `h3` object:
|
|
527
|
-
|
|
528
|
-
##### `disabled` (boolean)
|
|
529
|
-
|
|
530
|
-
Indicates if the plugin is disabled or not
|
|
531
|
-
|
|
532
|
-
#### `characters` (object)
|
|
533
|
-
|
|
534
|
-
Properties of the `characters` object:
|
|
535
|
-
|
|
536
|
-
##### `disabled` (boolean)
|
|
537
|
-
|
|
538
|
-
Indicates if the plugin is disabled or not
|
|
539
|
-
|
|
540
|
-
#### `bold` (object)
|
|
541
|
-
|
|
542
|
-
Properties of the `bold` object:
|
|
543
|
-
|
|
544
|
-
##### `disabled` (boolean)
|
|
545
|
-
|
|
546
|
-
Indicates if the plugin is disabled or not
|
|
547
|
-
|
|
548
|
-
#### `html` (object)
|
|
549
|
-
|
|
550
|
-
Properties of the `html` object:
|
|
551
|
-
|
|
552
|
-
##### `disabled` (boolean)
|
|
553
|
-
|
|
554
|
-
Indicates if the plugin is disabled or not
|
|
555
|
-
|
|
556
|
-
#### `italic` (object)
|
|
557
|
-
|
|
558
|
-
Properties of the `italic` object:
|
|
559
|
-
|
|
560
|
-
##### `disabled` (boolean)
|
|
561
|
-
|
|
562
|
-
Indicates if the plugin is disabled or not
|
|
563
|
-
|
|
564
|
-
#### `ol_list` (object)
|
|
565
|
-
|
|
566
|
-
Properties of the `ol_list` object:
|
|
567
|
-
|
|
568
|
-
##### `disabled` (boolean)
|
|
569
|
-
|
|
570
|
-
Indicates if the plugin is disabled or not
|
|
571
|
-
|
|
572
|
-
#### `redo` (object)
|
|
573
|
-
|
|
574
|
-
Properties of the `redo` object:
|
|
575
|
-
|
|
576
|
-
##### `disabled` (boolean)
|
|
577
|
-
|
|
578
|
-
Indicates if the plugin is disabled or not
|
|
579
|
-
|
|
580
|
-
#### `strikethrough` (object)
|
|
581
|
-
|
|
582
|
-
Properties of the `strikethrough` object:
|
|
583
|
-
|
|
584
|
-
##### `disabled` (boolean)
|
|
585
|
-
|
|
586
|
-
Indicates if the plugin is disabled or not
|
|
587
|
-
|
|
588
|
-
#### `sub` (object)
|
|
589
|
-
|
|
590
|
-
Properties of the `sub` object:
|
|
591
|
-
|
|
592
|
-
##### `disabled` (boolean)
|
|
593
|
-
|
|
594
|
-
Indicates if the plugin is disabled or not
|
|
595
|
-
|
|
596
|
-
#### `sup` (object)
|
|
597
|
-
|
|
598
|
-
Properties of the `sup` object:
|
|
599
|
-
|
|
600
|
-
##### `disabled` (boolean)
|
|
601
|
-
|
|
602
|
-
Indicates if the plugin is disabled or not
|
|
603
|
-
|
|
604
|
-
#### `table` (object)
|
|
605
|
-
|
|
606
|
-
Properties of the `table` object:
|
|
607
|
-
|
|
608
|
-
##### `disabled` (boolean)
|
|
609
|
-
|
|
610
|
-
Indicates if the plugin is disabled or not
|
|
611
|
-
|
|
612
|
-
#### `ul_list` (object)
|
|
613
|
-
|
|
614
|
-
Properties of the `ul_list` object:
|
|
615
|
-
|
|
616
|
-
##### `disabled` (boolean)
|
|
617
|
-
|
|
618
|
-
Indicates if the plugin is disabled or not
|
|
619
|
-
|
|
620
|
-
#### `underline` (object)
|
|
621
|
-
|
|
622
|
-
Properties of the `underline` object:
|
|
623
|
-
|
|
624
|
-
##### `disabled` (boolean)
|
|
625
|
-
|
|
626
|
-
Indicates if the plugin is disabled or not
|
|
627
|
-
|
|
628
|
-
#### `undo` (object)
|
|
629
|
-
|
|
630
|
-
Properties of the `undo` object:
|
|
631
|
-
|
|
632
|
-
##### `disabled` (boolean)
|
|
633
|
-
|
|
634
|
-
Indicates if the plugin is disabled or not
|
|
635
|
-
|
|
636
|
-
### `required` (boolean)
|
|
637
|
-
|
|
638
|
-
Indicates if the item is required and the value cannot be empty
|
|
639
|
-
|
|
640
|
-
### `settings` (boolean)
|
|
641
|
-
|
|
642
|
-
Indicates if the item has to be displayed in the Settings Panel
|
|
643
|
-
|
|
644
|
-
### `label` (string)
|
|
645
|
-
|
|
646
|
-
Indicates the label for the item that has to be displayed in the Settings Panel
|
|
647
|
-
|
|
648
|
-
## `ConfigureMaxImageDimensionsProp` (object)
|
|
649
|
-
|
|
650
|
-
Properties of the `ConfigureMaxImageDimensionsProp` object:
|
|
651
|
-
|
|
652
|
-
### `teacherInstructions` (number)
|
|
653
|
-
|
|
654
|
-
Indicates the max dimension for images in teacher instructions
|
|
655
|
-
|
|
656
|
-
### `prompt` (number)
|
|
657
|
-
|
|
658
|
-
Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
|
|
659
|
-
|
|
660
|
-
### `rationale` (number)
|
|
661
|
-
|
|
662
|
-
Indicates the max dimension for images in rationale
|
|
663
|
-
|
|
664
|
-
## `ConfigureMathMLProp` (object)
|
|
665
|
-
|
|
666
|
-
Properties of the `ConfigureMathMLProp` object:
|
|
667
|
-
|
|
668
|
-
### `mmlOutput` (number)
|
|
669
|
-
|
|
670
|
-
Indicates if model should have mathML output instead of latex
|
|
671
|
-
|
|
672
|
-
### `mmlEditing` (number)
|
|
673
|
-
|
|
674
|
-
Indicates if mathML that's already in model should be editable
|
|
675
|
-
|
|
676
|
-
## `ConfigurePropWithEnabled` (object)
|
|
677
|
-
|
|
678
|
-
Properties of the `ConfigurePropWithEnabled` object:
|
|
679
|
-
|
|
680
|
-
### `enabled` (boolean)
|
|
681
|
-
|
|
682
|
-
Indicates the value of the item if it affects config-ui
|
|
683
|
-
(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
|
|
684
|
-
|
|
685
|
-
### `settings` (boolean)
|
|
686
|
-
|
|
687
|
-
Indicates if the item has to be displayed in the Settings Panel
|
|
688
|
-
|
|
689
|
-
### `label` (string)
|
|
690
|
-
|
|
691
|
-
Indicates the label for the item that has to be displayed in the Settings Panel
|
|
692
|
-
|
|
693
|
-
## `ConfigureLanguageOptionsProp` (object)
|
|
694
|
-
|
|
695
|
-
Properties of the `ConfigureLanguageOptionsProp` object:
|
|
696
|
-
|
|
697
|
-
### `value` (string, required)
|
|
698
|
-
|
|
699
|
-
Value of the language option
|
|
700
|
-
|
|
701
|
-
### `label` (string, required)
|
|
702
|
-
|
|
703
|
-
Label of the language option
|
|
704
|
-
|
|
705
|
-
## `Shape` (object)
|
|
706
|
-
|
|
707
|
-
Properties of the `Shape` object:
|
|
708
|
-
|
|
709
|
-
### `rectangles` (array, required)
|
|
710
|
-
|
|
711
|
-
the rectangles of the shape
|
|
712
|
-
|
|
713
|
-
The object is an array with all elements of the type `object`.
|
|
714
|
-
|
|
715
|
-
The array object has the following properties:
|
|
716
|
-
|
|
717
|
-
#### `id` (string)
|
|
718
|
-
|
|
719
|
-
the id of the rectangle
|
|
720
|
-
|
|
721
|
-
#### `correct` (boolean)
|
|
722
|
-
|
|
723
|
-
indicates if the rectangle is correct
|
|
724
|
-
|
|
725
|
-
#### `height` (number, required)
|
|
726
|
-
|
|
727
|
-
the height of the rectangle
|
|
728
|
-
|
|
729
|
-
#### `width` (number, required)
|
|
730
|
-
|
|
731
|
-
the width of the rectangle
|
|
732
|
-
|
|
733
|
-
#### `x` (number, required)
|
|
734
|
-
|
|
735
|
-
the x position of the rectangle
|
|
736
|
-
|
|
737
|
-
#### `y` (number, required)
|
|
738
|
-
|
|
739
|
-
the y position of the rectangle
|
|
740
|
-
|
|
741
|
-
### `polygons` (array, required)
|
|
742
|
-
|
|
743
|
-
the polygons of the shape
|
|
744
|
-
|
|
745
|
-
The object is an array with all elements of the type `object`.
|
|
746
|
-
|
|
747
|
-
The array object has the following properties:
|
|
748
|
-
|
|
749
|
-
#### `id` (string)
|
|
750
|
-
|
|
751
|
-
the id of the polygon
|
|
752
|
-
|
|
753
|
-
#### `correct` (boolean)
|
|
754
|
-
|
|
755
|
-
indicates if the polygon is correct
|
|
756
|
-
|
|
757
|
-
#### `points` (array, required)
|
|
758
|
-
|
|
759
|
-
the points of the polygon
|
|
760
|
-
|
|
761
|
-
The object is an array with all elements of the type `object`.
|
|
762
|
-
|
|
763
|
-
The array object has the following properties:
|
|
764
|
-
|
|
765
|
-
##### `x` (number, required)
|
|
766
|
-
|
|
767
|
-
the x position
|
|
768
|
-
|
|
769
|
-
##### `y` (number, required)
|
|
770
|
-
|
|
771
|
-
the y position
|
|
772
|
-
|
|
773
|
-
## `Rectangle` (object)
|
|
774
|
-
|
|
775
|
-
Properties of the `Rectangle` object:
|
|
776
|
-
|
|
777
|
-
### `id` (string)
|
|
778
|
-
|
|
779
|
-
the id of the rectangle
|
|
780
|
-
|
|
781
|
-
### `correct` (boolean)
|
|
782
|
-
|
|
783
|
-
indicates if the rectangle is correct
|
|
784
|
-
|
|
785
|
-
### `height` (number, required)
|
|
786
|
-
|
|
787
|
-
the height of the rectangle
|
|
788
|
-
|
|
789
|
-
### `width` (number, required)
|
|
790
|
-
|
|
791
|
-
the width of the rectangle
|
|
792
|
-
|
|
793
|
-
### `x` (number, required)
|
|
794
|
-
|
|
795
|
-
the x position of the rectangle
|
|
796
|
-
|
|
797
|
-
### `y` (number, required)
|
|
798
|
-
|
|
799
|
-
the y position of the rectangle
|
|
800
|
-
|
|
801
|
-
## `Polygon` (object)
|
|
802
|
-
|
|
803
|
-
Properties of the `Polygon` object:
|
|
804
|
-
|
|
805
|
-
### `id` (string)
|
|
806
|
-
|
|
807
|
-
the id of the polygon
|
|
808
|
-
|
|
809
|
-
### `correct` (boolean)
|
|
810
|
-
|
|
811
|
-
indicates if the polygon is correct
|
|
812
|
-
|
|
813
|
-
### `points` (array, required)
|
|
814
|
-
|
|
815
|
-
the points of the polygon
|
|
816
|
-
|
|
817
|
-
The object is an array with all elements of the type `object`.
|
|
818
|
-
|
|
819
|
-
The array object has the following properties:
|
|
820
|
-
|
|
821
|
-
#### `x` (number, required)
|
|
822
|
-
|
|
823
|
-
the x position
|
|
824
|
-
|
|
825
|
-
#### `y` (number, required)
|
|
826
|
-
|
|
827
|
-
the y position
|
|
828
|
-
|
|
829
|
-
## `Point` (object)
|
|
830
|
-
|
|
831
|
-
Properties of the `Point` object:
|
|
832
|
-
|
|
833
|
-
### `x` (number, required)
|
|
834
|
-
|
|
835
|
-
the x position
|
|
836
|
-
|
|
837
|
-
### `y` (number, required)
|
|
838
|
-
|
|
839
|
-
the y position
|
|
840
|
-
|
|
841
|
-
## `Dimension` (object)
|
|
842
|
-
|
|
843
|
-
Properties of the `Dimension` object:
|
|
844
|
-
|
|
845
|
-
### `height` (number, required)
|
|
846
|
-
|
|
847
|
-
the height of the section
|
|
848
|
-
|
|
849
|
-
### `width` (number, required)
|
|
850
|
-
|
|
851
|
-
the width of the section
|