@pie-element/complex-rubric 2.1.2-next.57 → 2.1.2-next.72

package/docs/pie-schema.json.md

@@ -7,6 +7,7 @@ The schema defines the following properties:
 This element must be one of the following enum values:
 
 * `multiTraitRubric`
+* `rubricless`
 * `simpleRubric`
 
 # `rubrics` (object, required)
@@ -143,6 +144,30 @@ Identifier to identify the Pie Element in html markup, Must be unique within a p
 
 The html Element tag name
 
+## `rubricless` (object, required)
+
+Properties of the `rubricless` object:
+
+### `maxPoints` (number)
+
+Indicates the max limit for scoring points
+
+### `excludeZeros` (boolean)
+
+Indicates if point 0 should be shown
+
+### `rubriclessInstructionEnabled` (boolean, required)
+
+Indicates that rubricInstruction is enabled
+
+### `id` (string, required)
+
+Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
+
+### `element` (string, required)
+
+The html Element tag name
+
 # `id` (string, required)
 
 Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
@@ -468,6 +493,134 @@ Dialog box title
 
 Dialog box text
 
+## `RubriclessConfigure` (object)
+
+Properties of the `RubriclessConfigure` object:
+
+### `settingsPanelDisabled` (boolean)
+
+Indicates if the settings panel is not available
+
+### `showExcludeZero` (object)
+
+Properties of the `showExcludeZero` 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
+
+### `showMaxPoint` (object)
+
+Properties of the `showMaxPoint` 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
+
+### `width` (string)
+
+How large can the rubric be
+
+### `mathMlOptions` (object)
+
+Properties of the `mathMlOptions` object:
+
+#### `mmlOutput` (number)
+
+Indicates if model should have mathML output instead of latex
+
+#### `mmlEditing` (number)
+
+Indicates if mathML that's already in model should be editable
+
+### `maxMaxPoints` (number)
+
+Indicates the max limit for scoring points
+
+### `rubricless` (boolean, enum, required)
+
+Indicates that it is rubricless
+
+This element must be one of the following enum values:
+
+* `true`
+
+### `rubriclessInstruction` (object, required)
+
+Properties of the `rubriclessInstruction` object:
+
+#### `settings` (boolean, enum, required)
+
+This element must be one of the following enum values:
+
+* `true`
+
+#### `label` (string, enum, required)
+
+This element must be one of the following enum values:
+
+* `Instruction`
+
+### `showPrompt` (boolean)
+
+Determines whether prompt field will be displayed or not
+
+Default: `true`
+
+### `promptLabel` (string)
+
+The label for the item stem/prompt field
+
+Default: `"Item Stemm"`
+
+### `contentDimensions` (object)
+
+Indicates the dimensions configuration for the authoring container
+Note: Some items have a default minimum width because of their content, but if
+the minWidth is lower than this, the overflow behavior will take care of that
+
+Properties of the `contentDimensions` object:
+
+#### `maxHeight` (string,number)
+
+Indicates the max height of the authoring container
+
+Default: `"undefined"`
+
+#### `maxWidth` (string,number)
+
+Indicates the max width of the authoring container
+
+Default: `"undefined"`
+
+#### `minHeight` (string,number)
+
+Indicates the min height of the authoring container
+
+Default: `"undefined"`
+
+#### `minWidth` (string,number)
+
+Indicates the min width of the authoring container
+
+Default: `"undefined"`
+
+Default: `": {}"`
+
+### `settingsPartialScoring` (boolean)
+
+Indicates whether the settings panel wil allow the author to modify settings for partial scoring
+
+Default: `true`
+
 ## `RubricType` (string)
 
 ## `RubricModels` (object)
@@ -604,6 +757,30 @@ Identifier to identify the Pie Element in html markup, Must be unique within a p
 
 The html Element tag name
 
+### `rubricless` (object, required)
+
+Properties of the `rubricless` object:
+
+#### `maxPoints` (number)
+
+Indicates the max limit for scoring points
+
+#### `excludeZeros` (boolean)
+
+Indicates if point 0 should be shown
+
+#### `rubriclessInstructionEnabled` (boolean, required)
+
+Indicates that rubricInstruction is enabled
+
+#### `id` (string, required)
+
+Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
+
+#### `element` (string, required)
+
+The html Element tag name
+
 ## `RubricPie` (object)
 
 Model for the RubricPie Interaction
@@ -802,4 +979,28 @@ Trait description
 
 Score point descriptors. Starting from 0 to max.
 
-The object is an array with all elements of the type `string`.
+The object is an array with all elements of the type `string`.
+
+## `RubriclessPie` (object)
+
+Properties of the `RubriclessPie` object:
+
+### `maxPoints` (number)
+
+Indicates the max limit for scoring points
+
+### `excludeZeros` (boolean)
+
+Indicates if point 0 should be shown
+
+### `rubriclessInstructionEnabled` (boolean, required)
+
+Indicates that rubricInstruction is enabled
+
+### `id` (string, required)
+
+Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
+
+### `element` (string, required)
+
+The html Element tag name

package/lib/index.js

@@ -121,6 +121,12 @@ var ComplexRubric = /*#__PURE__*/function (_HTMLElement) {
             _this2.setMultiTraitRubricModel(_this2.multiTraitRubric);
           });
           break;
+
+        case _rubric2.RUBRIC_TYPES.RUBRICLESS:
+          customElements.whenDefined(RUBRIC_TAG_NAME).then(function () {
+            _this2.setRubriclessModel(_this2.rubricless);
+          });
+          break;
       }
 
       if (oldType !== this.type) {
@@ -147,6 +153,16 @@ var ComplexRubric = /*#__PURE__*/function (_HTMLElement) {
         });
       }
     }
+  }, {
+    key: "setRubriclessModel",
+    value: function setRubriclessModel(rubricless) {
+      if (this._model && this._model.rubrics && this._model.rubrics.rubricless) {
+        var mode = this._model.mode;
+        rubricless.model = _objectSpread(_objectSpread({}, this._model.rubrics.rubricless), {}, {
+          mode: mode
+        });
+      }
+    }
   }, {
     key: "multiTraitRubric",
     get: function get() {
@@ -157,6 +173,11 @@ var ComplexRubric = /*#__PURE__*/function (_HTMLElement) {
     get: function get() {
       return this.querySelector("".concat(RUBRIC_TAG_NAME, "#simpleRubric"));
     }
+  }, {
+    key: "rubricless",
+    get: function get() {
+      return this.querySelector("".concat(RUBRIC_TAG_NAME, "#rubricless"));
+    }
   }, {
     key: "connectedCallback",
     value: function connectedCallback() {
@@ -165,7 +186,16 @@ var ComplexRubric = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "_render",
     value: function _render() {
-      var rubricTag = this._type === _rubric2.RUBRIC_TYPES.SIMPLE_RUBRIC ? "<".concat(RUBRIC_TAG_NAME, " id=\"simpleRubric\" />") : "<".concat(MULTI_TRAIT_RUBRIC_TAG_NAME, " id=\"multiTraitRubric\" />");
+      var rubricTag;
+
+      if (this._type === _rubric2.RUBRIC_TYPES.SIMPLE_RUBRIC) {
+        rubricTag = "<".concat(RUBRIC_TAG_NAME, " id=\"simpleRubric\" />");
+      } else if (this._type === _rubric2.RUBRIC_TYPES.RUBRICLESS) {
+        rubricTag = "<".concat(RUBRIC_TAG_NAME, " id=\"rubricless\" />");
+      } else {
+        rubricTag = "<".concat(MULTI_TRAIT_RUBRIC_TAG_NAME, " id=\"multiTraitRubric\" />");
+      }
+
       this.innerHTML = rubricTag; // when item is re-rendered (due to connectedCallback), if the custom element is already defined,
       // we need to set the model and session, otherwise the setters are not reached again
 
@@ -183,6 +213,13 @@ var ComplexRubric = /*#__PURE__*/function (_HTMLElement) {
             this.setMultiTraitRubricModel(this.multiTraitRubric);
           }
 
+          break;
+
+        case _rubric2.RUBRIC_TYPES.RUBRICLESS:
+          if (customElements.get(RUBRIC_TAG_NAME)) {
+            this.setRubriclessModel(this.rubricless);
+          }
+
           break;
       }
     }

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["RUBRIC_TAG_NAME","MULTI_TRAIT_RUBRIC_TAG_NAME","ComplexRubricSimple","Rubric","ComplexRubricMultiTrait","MultiTraitRubric","defineRubrics","customElements","get","define","ComplexRubric","_model","_type","RUBRIC_TYPES","SIMPLE_RUBRIC","t","m","oldType","type","rubricType","whenDefined","then","setRubricModel","simpleRubric","MULTI_TRAIT_RUBRIC","setMultiTraitRubricModel","multiTraitRubric","_render","rubrics","mode","model","querySelector","rubricTag","innerHTML","HTMLElement"],"mappings":"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","sourcesContent":["import Rubric from '@pie-element/rubric';\nimport MultiTraitRubric from '@pie-element/multi-trait-rubric';\nimport { RUBRIC_TYPES } from '@pie-lib/pie-toolbox/rubric';\n\nconst RUBRIC_TAG_NAME = 'complex-rubric-simple';\nconst MULTI_TRAIT_RUBRIC_TAG_NAME = 'complex-rubric-multi-trait';\n\nclass ComplexRubricSimple extends Rubric {\n}\n\nclass ComplexRubricMultiTrait extends MultiTraitRubric {\n}\n\nconst defineRubrics = () => {\n  if (!customElements.get(RUBRIC_TAG_NAME)) {\n    customElements.define(RUBRIC_TAG_NAME, ComplexRubricSimple);\n  }\n\n  if (!customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {\n    customElements.define(MULTI_TRAIT_RUBRIC_TAG_NAME, ComplexRubricMultiTrait);\n  }\n};\n\ndefineRubrics();\n\nclass ComplexRubric extends HTMLElement {\n  constructor() {\n    super();\n    this._model = {};\n    this._type = RUBRIC_TYPES.SIMPLE_RUBRIC;\n  }\n\n  set type(t) {\n    this._type = t;\n  }\n\n  get type() {\n    return this._type;\n  }\n\n  set model(m) {\n    this._model = m;\n    const oldType = this._type;\n    this.type = m.rubricType;\n\n    switch (this._type) {\n      case RUBRIC_TYPES.SIMPLE_RUBRIC:\n      default:\n        customElements.whenDefined(RUBRIC_TAG_NAME).then(() => {\n          this.setRubricModel(this.simpleRubric);\n        });\n        break;\n      case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n        customElements.whenDefined(MULTI_TRAIT_RUBRIC_TAG_NAME).then(() => {\n          this.setMultiTraitRubricModel(this.multiTraitRubric);\n        });\n        break;\n    }\n\n    if (oldType !== this.type) {\n      this._render();\n    }\n  }\n\n  setRubricModel(simpleRubric) {\n    if (this._model && this._model.rubrics && this._model.rubrics.simpleRubric) {\n      const { mode } = this._model;\n\n      simpleRubric.model = {\n        ...this._model.rubrics.simpleRubric,\n        mode,\n      };\n    }\n  }\n\n  setMultiTraitRubricModel(multiTraitRubric) {\n    if (this._model && this._model.rubrics && this._model.rubrics.multiTraitRubric) {\n      const { mode } = this._model;\n\n      multiTraitRubric.model = {\n        ...this._model.rubrics.multiTraitRubric,\n        mode,\n      };\n    }\n  }\n\n  get multiTraitRubric() {\n    return this.querySelector(`${MULTI_TRAIT_RUBRIC_TAG_NAME}#multiTraitRubric`);\n  }\n\n  get simpleRubric() {\n    return this.querySelector(`${RUBRIC_TAG_NAME}#simpleRubric`);\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    const rubricTag =\n      this._type === RUBRIC_TYPES.SIMPLE_RUBRIC\n        ? `<${RUBRIC_TAG_NAME} id=\"simpleRubric\" />`\n        : `<${MULTI_TRAIT_RUBRIC_TAG_NAME} id=\"multiTraitRubric\" />`;\n\n    this.innerHTML = rubricTag;\n\n    // when item is re-rendered (due to connectedCallback), if the custom element is already defined,\n    // we need to set the model and session, otherwise the setters are not reached again\n    switch (this._type) {\n      case RUBRIC_TYPES.SIMPLE_RUBRIC:\n      default:\n        if (customElements.get(RUBRIC_TAG_NAME)) {\n          this.setRubricModel(this.simpleRubric);\n        }\n        break;\n      case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n        if (customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {\n          this.setMultiTraitRubricModel(this.multiTraitRubric);\n        }\n        break;\n    }\n  }\n}\n\nexport default ComplexRubric;\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["RUBRIC_TAG_NAME","MULTI_TRAIT_RUBRIC_TAG_NAME","ComplexRubricSimple","Rubric","ComplexRubricMultiTrait","MultiTraitRubric","defineRubrics","customElements","get","define","ComplexRubric","_model","_type","RUBRIC_TYPES","SIMPLE_RUBRIC","t","m","oldType","type","rubricType","whenDefined","then","setRubricModel","simpleRubric","MULTI_TRAIT_RUBRIC","setMultiTraitRubricModel","multiTraitRubric","RUBRICLESS","setRubriclessModel","rubricless","_render","rubrics","mode","model","querySelector","rubricTag","innerHTML","HTMLElement"],"mappings":"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","sourcesContent":["import Rubric from '@pie-element/rubric';\nimport MultiTraitRubric from '@pie-element/multi-trait-rubric';\nimport { RUBRIC_TYPES } from '@pie-lib/pie-toolbox/rubric';\n\nconst RUBRIC_TAG_NAME = 'complex-rubric-simple';\nconst MULTI_TRAIT_RUBRIC_TAG_NAME = 'complex-rubric-multi-trait';\n\nclass ComplexRubricSimple extends Rubric {\n}\n\nclass ComplexRubricMultiTrait extends MultiTraitRubric {\n}\n\nconst defineRubrics = () => {\n  if (!customElements.get(RUBRIC_TAG_NAME)) {\n    customElements.define(RUBRIC_TAG_NAME, ComplexRubricSimple);\n  }\n\n  if (!customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {\n    customElements.define(MULTI_TRAIT_RUBRIC_TAG_NAME, ComplexRubricMultiTrait);\n  }\n};\n\ndefineRubrics();\n\nclass ComplexRubric extends HTMLElement {\n  constructor() {\n    super();\n    this._model = {};\n    this._type = RUBRIC_TYPES.SIMPLE_RUBRIC;\n  }\n\n  set type(t) {\n    this._type = t;\n  }\n\n  get type() {\n    return this._type;\n  }\n\n  set model(m) {\n    this._model = m;\n    const oldType = this._type;\n    this.type = m.rubricType;\n\n    switch (this._type) {\n      case RUBRIC_TYPES.SIMPLE_RUBRIC:\n      default:\n        customElements.whenDefined(RUBRIC_TAG_NAME).then(() => {\n          this.setRubricModel(this.simpleRubric);\n        });\n        break;\n      case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n        customElements.whenDefined(MULTI_TRAIT_RUBRIC_TAG_NAME).then(() => {\n          this.setMultiTraitRubricModel(this.multiTraitRubric);\n        });\n        break;\n      case RUBRIC_TYPES.RUBRICLESS:\n        customElements.whenDefined(RUBRIC_TAG_NAME).then(() => {\n          this.setRubriclessModel(this.rubricless);\n        });\n        break;\n    }\n\n    if (oldType !== this.type) {\n      this._render();\n    }\n  }\n\n  setRubricModel(simpleRubric) {\n    if (this._model && this._model.rubrics && this._model.rubrics.simpleRubric) {\n      const { mode } = this._model;\n\n      simpleRubric.model = {\n        ...this._model.rubrics.simpleRubric,\n        mode,\n      };\n    }\n  }\n\n  setMultiTraitRubricModel(multiTraitRubric) {\n    if (this._model && this._model.rubrics && this._model.rubrics.multiTraitRubric) {\n      const { mode } = this._model;\n\n      multiTraitRubric.model = {\n        ...this._model.rubrics.multiTraitRubric,\n        mode,\n      };\n    }\n  }\n\n  setRubriclessModel(rubricless) {\n    if (this._model && this._model.rubrics && this._model.rubrics.rubricless) {\n      const { mode } = this._model;\n\n      rubricless.model = {\n        ...this._model.rubrics.rubricless,\n        mode,\n      };\n    }\n  }\n\n  get multiTraitRubric() {\n    return this.querySelector(`${MULTI_TRAIT_RUBRIC_TAG_NAME}#multiTraitRubric`);\n  }\n\n  get simpleRubric() {\n    return this.querySelector(`${RUBRIC_TAG_NAME}#simpleRubric`);\n  }\n\n  get rubricless() {\n    return this.querySelector(`${RUBRIC_TAG_NAME}#rubricless`);\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    let rubricTag;\n    if (this._type === RUBRIC_TYPES.SIMPLE_RUBRIC) {\n      rubricTag = `<${RUBRIC_TAG_NAME} id=\"simpleRubric\" />`\n    }\n    else if (this._type === RUBRIC_TYPES.RUBRICLESS){\n      rubricTag = `<${RUBRIC_TAG_NAME} id=\"rubricless\" />`;\n    }\n    else{\n      rubricTag = `<${MULTI_TRAIT_RUBRIC_TAG_NAME} id=\"multiTraitRubric\" />`;\n    }\n\n    this.innerHTML = rubricTag;\n\n    // when item is re-rendered (due to connectedCallback), if the custom element is already defined,\n    // we need to set the model and session, otherwise the setters are not reached again\n    switch (this._type) {\n      case RUBRIC_TYPES.SIMPLE_RUBRIC:\n      default:\n        if (customElements.get(RUBRIC_TAG_NAME)) {\n          this.setRubricModel(this.simpleRubric);\n        }\n        break;\n      case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n        if (customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {\n          this.setMultiTraitRubricModel(this.multiTraitRubric);\n        }\n        break;\n      case RUBRIC_TYPES.RUBRICLESS:\n        if (customElements.get(RUBRIC_TAG_NAME)) {\n          this.setRubriclessModel(this.rubricless);\n        }\n        break;\n\n    }\n  }\n}\n\nexport default ComplexRubric;\n"],"file":"index.js"}

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "2.1.2-next.57+2eabcbd03",
+  "version": "2.1.2-next.72+34eccd52c",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^3.0.4-next.57+2eabcbd03",
-    "@pie-element/rubric": "^3.0.4-next.57+2eabcbd03",
+    "@pie-element/multi-trait-rubric": "^3.0.4-next.72+34eccd52c",
+    "@pie-element/rubric": "^3.0.4-next.72+34eccd52c",
     "@pie-framework/pie-player-events": "^0.1.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2"
   },
-  "gitHead": "2eabcbd036e318bb24552f4140ca7384ad865951",
+  "gitHead": "34eccd52c44259eddf3e2b816b00b82f83bc2bf8",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },

package/src/index.js

@@ -55,6 +55,11 @@ class ComplexRubric extends HTMLElement {
           this.setMultiTraitRubricModel(this.multiTraitRubric);
         });
         break;
+      case RUBRIC_TYPES.RUBRICLESS:
+        customElements.whenDefined(RUBRIC_TAG_NAME).then(() => {
+          this.setRubriclessModel(this.rubricless);
+        });
+        break;
     }
 
     if (oldType !== this.type) {
@@ -84,6 +89,17 @@ class ComplexRubric extends HTMLElement {
     }
   }
 
+  setRubriclessModel(rubricless) {
+    if (this._model && this._model.rubrics && this._model.rubrics.rubricless) {
+      const { mode } = this._model;
+
+      rubricless.model = {
+        ...this._model.rubrics.rubricless,
+        mode,
+      };
+    }
+  }
+
   get multiTraitRubric() {
     return this.querySelector(`${MULTI_TRAIT_RUBRIC_TAG_NAME}#multiTraitRubric`);
   }
@@ -92,15 +108,25 @@ class ComplexRubric extends HTMLElement {
     return this.querySelector(`${RUBRIC_TAG_NAME}#simpleRubric`);
   }
 
+  get rubricless() {
+    return this.querySelector(`${RUBRIC_TAG_NAME}#rubricless`);
+  }
+
   connectedCallback() {
     this._render();
   }
 
   _render() {
-    const rubricTag =
-      this._type === RUBRIC_TYPES.SIMPLE_RUBRIC
-        ? `<${RUBRIC_TAG_NAME} id="simpleRubric" />`
-        : `<${MULTI_TRAIT_RUBRIC_TAG_NAME} id="multiTraitRubric" />`;
+    let rubricTag;
+    if (this._type === RUBRIC_TYPES.SIMPLE_RUBRIC) {
+      rubricTag = `<${RUBRIC_TAG_NAME} id="simpleRubric" />`
+    }
+    else if (this._type === RUBRIC_TYPES.RUBRICLESS){
+      rubricTag = `<${RUBRIC_TAG_NAME} id="rubricless" />`;
+    }
+    else{
+      rubricTag = `<${MULTI_TRAIT_RUBRIC_TAG_NAME} id="multiTraitRubric" />`;
+    }
 
     this.innerHTML = rubricTag;
 
@@ -118,6 +144,12 @@ class ComplexRubric extends HTMLElement {
           this.setMultiTraitRubricModel(this.multiTraitRubric);
         }
         break;
+      case RUBRIC_TYPES.RUBRICLESS:
+        if (customElements.get(RUBRIC_TAG_NAME)) {
+          this.setRubriclessModel(this.rubricless);
+        }
+        break;
+
     }
   }
 }