@pie-element/multiple-choice 5.8.0 → 5.8.1-beta.587

package/docs/config-schema.json

@@ -106,7 +106,39 @@
         }
       }
     },
-    "verticalMode": {
+    "spellCheck": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
+    "choicesLayout": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
+    "gridColumns": {
       "title": "ConfigureProp",
       "type": "object",
       "properties": {
@@ -186,6 +218,11 @@
         }
       }
     },
+    "settingsPanelDisabled": {
+      "description": "Indicates if the settings panel is not available",
+      "type": "boolean",
+      "title": "settingsPanelDisabled"
+    },
     "studentInstructions": {
       "title": "ConfigureProp",
       "type": "object",
@@ -239,6 +276,100 @@
         }
       }
     },
+    "accessibility": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
+    "minAnswerChoices": {
+      "description": "Minimum number of answer choices",
+      "type": "number",
+      "title": "minAnswerChoices"
+    },
+    "maxAnswerChoices": {
+      "description": "Maximum number of answer choices",
+      "type": "number",
+      "title": "maxAnswerChoices"
+    },
+    "maxImageWidth": {
+      "title": "ConfigureMaxImageDimensionsProp",
+      "type": "object",
+      "properties": {
+        "teacherInstructions": {
+          "description": "Indicates the max dimension for images in teacher instructions",
+          "type": "number",
+          "title": "teacherInstructions"
+        },
+        "prompt": {
+          "description": "Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified",
+          "type": "number",
+          "title": "prompt"
+        },
+        "rationale": {
+          "description": "Indicates the max dimension for images in rationale",
+          "type": "number",
+          "title": "rationale"
+        },
+        "choices": {
+          "description": "Indicates the max dimension for images in choices",
+          "type": "number",
+          "title": "choices"
+        }
+      }
+    },
+    "maxImageHeight": {
+      "title": "ConfigureMaxImageDimensionsProp",
+      "type": "object",
+      "properties": {
+        "teacherInstructions": {
+          "description": "Indicates the max dimension for images in teacher instructions",
+          "type": "number",
+          "title": "teacherInstructions"
+        },
+        "prompt": {
+          "description": "Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified",
+          "type": "number",
+          "title": "prompt"
+        },
+        "rationale": {
+          "description": "Indicates the max dimension for images in rationale",
+          "type": "number",
+          "title": "rationale"
+        },
+        "choices": {
+          "description": "Indicates the max dimension for images in choices",
+          "type": "number",
+          "title": "choices"
+        }
+      }
+    },
+    "withRubric": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
     "showPrompt": {
       "description": "Determines whether prompt field will be displayed or not",
       "default": true,
@@ -289,6 +420,32 @@
           "title": "enabled"
         }
       }
+    },
+    "ConfigureMaxImageDimensionsProp": {
+      "title": "ConfigureMaxImageDimensionsProp",
+      "type": "object",
+      "properties": {
+        "teacherInstructions": {
+          "description": "Indicates the max dimension for images in teacher instructions",
+          "type": "number",
+          "title": "teacherInstructions"
+        },
+        "prompt": {
+          "description": "Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified",
+          "type": "number",
+          "title": "prompt"
+        },
+        "rationale": {
+          "description": "Indicates the max dimension for images in rationale",
+          "type": "number",
+          "title": "rationale"
+        },
+        "choices": {
+          "description": "Indicates the max dimension for images in choices",
+          "type": "number",
+          "title": "choices"
+        }
+      }
     }
   },
   "$schema": "http://json-schema.org/draft-07/schema#"

package/docs/config-schema.json.md

@@ -84,9 +84,33 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
-# `verticalMode` (object)
+# `spellCheck` (object)
 
-Properties of the `verticalMode` object:
+Properties of the `spellCheck` object:
+
+## `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+## `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+# `choicesLayout` (object)
+
+Properties of the `choicesLayout` object:
+
+## `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+## `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+# `gridColumns` (object)
+
+Properties of the `gridColumns` object:
 
 ## `settings` (boolean)
 
@@ -144,6 +168,10 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+# `settingsPanelDisabled` (boolean)
+
+Indicates if the settings panel is not available
+
 # `studentInstructions` (object)
 
 Properties of the `studentInstructions` object:
@@ -185,6 +213,78 @@ Indicates the label for the item that has to be displayed in the Settings Panel
 Indicates the value of the item if it affects config-ui
 (eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
 
+# `accessibility` (object)
+
+Properties of the `accessibility` object:
+
+## `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+## `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+# `minAnswerChoices` (number)
+
+Minimum number of answer choices
+
+# `maxAnswerChoices` (number)
+
+Maximum number of answer choices
+
+# `maxImageWidth` (object)
+
+Properties of the `maxImageWidth` object:
+
+## `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+## `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+## `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
+## `choices` (number)
+
+Indicates the max dimension for images in choices
+
+# `maxImageHeight` (object)
+
+Properties of the `maxImageHeight` object:
+
+## `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+## `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+## `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
+## `choices` (number)
+
+Indicates the max dimension for images in choices
+
+# `withRubric` (object)
+
+Properties of the `withRubric` object:
+
+## `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+## `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
 # `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not
@@ -230,4 +330,24 @@ Indicates the label for the item that has to be displayed in the Settings Panel
 ### `enabled` (boolean)
 
 Indicates the value of the item if it affects config-ui
-(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
+(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
+
+## `ConfigureMaxImageDimensionsProp` (object)
+
+Properties of the `ConfigureMaxImageDimensionsProp` object:
+
+### `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+### `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+### `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
+### `choices` (number)
+
+Indicates the max dimension for images in choices

package/docs/demo/config.js

@@ -2,7 +2,7 @@ const { model } = require('./generate');
 
 module.exports = {
   elements: {
-    'multiple-choice': '../..'
+    'multiple-choice': '../..',
   },
-  models: [model('1', 'multiple-choice')]
+  models: [model('1', 'multiple-choice')],
 };

package/docs/demo/generate.js

@@ -10,26 +10,29 @@ exports.model = (id, element) => ({
       label: 'Sweden',
       feedback: {
         type: 'none',
-        value: ''
-      }
+        value: '',
+      },
+      accessibility: 'sweden',
     },
     {
       value: 'iceland',
       label: 'Iceland',
       feedback: {
         type: 'none',
-        value: ''
+        value: '',
       },
-      rationale: 'Rationale for Iceland'
+      rationale: 'Rationale for Iceland',
+      accessibility: 'iceland',
     },
     {
       value: 'norway',
       label: 'Norway',
       feedback: {
         type: 'none',
-        value: ''
+        value: '',
       },
-      rationale: 'Rationale for Norway'
+      rationale: 'Rationale for Norway',
+      accessibility: 'norway',
     },
     {
       correct: true,
@@ -37,11 +40,15 @@ exports.model = (id, element) => ({
       label: 'Finland',
       feedback: {
         type: 'none',
-        value: ''
+        value: '',
       },
-      rationale: 'Rationale for Finland'
-    }
+      rationale: 'Rationale for Finland',
+      accessibility: 'finland',
+    },
   ],
-  prompt: 'Which of these northern European countries are EU members? <math><mstack><msrow><mn>111</mn></msrow><msline/></mstack></math>',
-  promptEnabled: true
+  prompt:
+    'Which of these northern European countries are EU members? <math><mstack><msrow><mn>111</mn></msrow><msline/></mstack></math>',
+  promptEnabled: true,
+  toolbarEditorPosition: 'bottom',
+  rubricEnabled: false,
 });

package/docs/demo/index.html

@@ -1 +1 @@
-<multiple-choice pie-id="1"> </multiple-choice>
+<multiple-choice pie-id="1"> </multiple-choice>

package/docs/demo/session.js

@@ -3,5 +3,5 @@ module.exports = [
     id: '1',
     element: 'multiple-choice',
     // value: ['iceland', 'norway']
-  }
+  },
 ];

package/docs/pie-schema.json

@@ -97,11 +97,32 @@
       "type": "boolean",
       "title": "promptEnabled"
     },
-    "verticalMode": {
+    "choicesLayout": {
       "description": "Indicates the layout of choices for player",
-      "default": ": true",
-      "type": "boolean",
-      "title": "verticalMode"
+      "default": ": 'vertical'",
+      "enum": [
+        "grid",
+        "horizontal",
+        "vertical"
+      ],
+      "type": "string",
+      "title": "choicesLayout"
+    },
+    "gridColumns": {
+      "description": "Indicates the number of columns for the grid layout",
+      "default": ": 2",
+      "type": "number",
+      "title": "gridColumns"
+    },
+    "toolbarEditorPosition": {
+      "description": "Indicates the editor's toolbar position which can be 'bottom' or 'top'",
+      "default": ": 'bottom'",
+      "enum": [
+        "bottom",
+        "top"
+      ],
+      "type": "string",
+      "title": "toolbarEditorPosition"
     },
     "lockChoiceOrder": {
       "description": "Indicates the order of choices should be randomly ordered when presented to user",
@@ -142,6 +163,11 @@
       "type": "boolean",
       "title": "rationaleEnabled"
     },
+    "spellCheckEnabled": {
+      "description": "Indicates if spellcheck is enabled for the author. Default value is true",
+      "type": "boolean",
+      "title": "spellCheckEnabled"
+    },
     "studentInstructionsEnabled": {
       "description": "Indicates if Student Instructions are enabled",
       "type": "boolean",
@@ -152,6 +178,16 @@
       "type": "boolean",
       "title": "teacherInstructionsEnabled"
     },
+    "accessibilityLabelsEnabled": {
+      "description": "Indicates if Accessibility Labels are enabled",
+      "type": "boolean",
+      "title": "accessibilityLabelsEnabled"
+    },
+    "rubricEnabled": {
+      "description": "Indicates if Rubric is enabled",
+      "type": "boolean",
+      "title": "rubricEnabled"
+    },
     "id": {
       "description": "Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.",
       "type": "string",
@@ -164,11 +200,14 @@
     }
   },
   "required": [
+    "accessibilityLabelsEnabled",
     "choices",
     "element",
     "feedbackEnabled",
     "id",
     "rationaleEnabled",
+    "rubricEnabled",
+    "spellCheckEnabled",
     "studentInstructionsEnabled",
     "teacherInstructionsEnabled"
   ],
@@ -210,6 +249,32 @@
         }
       }
     },
+    "ConfigureMaxImageDimensionsProp": {
+      "title": "ConfigureMaxImageDimensionsProp",
+      "type": "object",
+      "properties": {
+        "teacherInstructions": {
+          "description": "Indicates the max dimension for images in teacher instructions",
+          "type": "number",
+          "title": "teacherInstructions"
+        },
+        "prompt": {
+          "description": "Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified",
+          "type": "number",
+          "title": "prompt"
+        },
+        "rationale": {
+          "description": "Indicates the max dimension for images in rationale",
+          "type": "number",
+          "title": "rationale"
+        },
+        "choices": {
+          "description": "Indicates the max dimension for images in choices",
+          "type": "number",
+          "title": "choices"
+        }
+      }
+    },
     "Choice": {
       "title": "Choice",
       "type": "object",

package/docs/pie-schema.json.md

@@ -80,11 +80,34 @@ The question prompt or item stem
 
 Determines if prompt should show
 
-# `verticalMode` (boolean)
+# `choicesLayout` (string, enum)
 
 Indicates the layout of choices for player
 
-Default: `": true"`
+This element must be one of the following enum values:
+
+* `grid`
+* `horizontal`
+* `vertical`
+
+Default: `": 'vertical'"`
+
+# `gridColumns` (number)
+
+Indicates the number of columns for the grid layout
+
+Default: `": 2"`
+
+# `toolbarEditorPosition` (string, enum)
+
+Indicates the editor's toolbar position which can be 'bottom' or 'top'
+
+This element must be one of the following enum values:
+
+* `bottom`
+* `top`
+
+Default: `": 'bottom'"`
 
 # `lockChoiceOrder` (boolean)
 
@@ -119,6 +142,10 @@ Indicates if feedback is enabled
 
 Indicates if Rationale are enabled
 
+# `spellCheckEnabled` (boolean, required)
+
+Indicates if spellcheck is enabled for the author. Default value is true
+
 # `studentInstructionsEnabled` (boolean, required)
 
 Indicates if Student Instructions are enabled
@@ -127,6 +154,14 @@ Indicates if Student Instructions are enabled
 
 Indicates if Teacher Instructions are enabled
 
+# `accessibilityLabelsEnabled` (boolean, required)
+
+Indicates if Accessibility Labels are enabled
+
+# `rubricEnabled` (boolean, required)
+
+Indicates if Rubric is enabled
+
 # `id` (string, required)
 
 Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
@@ -170,6 +205,26 @@ Indicates the label for the item that has to be displayed in the Settings Panel
 Indicates the value of the item if it affects config-ui
 (eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
 
+## `ConfigureMaxImageDimensionsProp` (object)
+
+Properties of the `ConfigureMaxImageDimensionsProp` object:
+
+### `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+### `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+### `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
+### `choices` (number)
+
+Indicates the max dimension for images in choices
+
 ## `Choice` (object)
 
 Properties of the `Choice` object: