@pie-element/complex-rubric 2.1.2-next.44 → 2.1.2-next.69

package/docs/config-schema.json

@@ -68,6 +68,11 @@
             }
           }
         },
+        "maxMaxPoints": {
+          "description": "Indicates the max limit for scoring points",
+          "type": "number",
+          "title": "maxMaxPoints"
+        },
         "showPrompt": {
           "description": "Determines whether prompt field will be displayed or not",
           "default": true,
@@ -348,6 +353,11 @@
               "title": "mmlEditing"
             }
           }
+        },
+        "maxMaxPoints": {
+          "description": "Indicates the max limit for scoring points",
+          "type": "number",
+          "title": "maxMaxPoints"
         }
       },
       "required": [
@@ -422,6 +432,11 @@
             }
           }
         },
+        "maxMaxPoints": {
+          "description": "Indicates the max limit for scoring points",
+          "type": "number",
+          "title": "maxMaxPoints"
+        },
         "showPrompt": {
           "description": "Determines whether prompt field will be displayed or not",
           "default": true,
@@ -734,6 +749,11 @@
               "title": "mmlEditing"
             }
           }
+        },
+        "maxMaxPoints": {
+          "description": "Indicates the max limit for scoring points",
+          "type": "number",
+          "title": "maxMaxPoints"
         }
       },
       "required": [

package/docs/config-schema.json.md

@@ -52,6 +52,10 @@ Indicates if model should have mathML output instead of latex
 
 Indicates if mathML that's already in model should be editable
 
+## `maxMaxPoints` (number)
+
+Indicates the max limit for scoring points
+
 ## `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not
@@ -271,6 +275,10 @@ Indicates if model should have mathML output instead of latex
 
 Indicates if mathML that's already in model should be editable
 
+## `maxMaxPoints` (number)
+
+Indicates the max limit for scoring points
+
 ---
 
 # Sub Schemas
@@ -325,6 +333,10 @@ Indicates if model should have mathML output instead of latex
 
 Indicates if mathML that's already in model should be editable
 
+### `maxMaxPoints` (number)
+
+Indicates the max limit for scoring points
+
 ### `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not
@@ -568,6 +580,10 @@ Indicates if model should have mathML output instead of latex
 
 Indicates if mathML that's already in model should be editable
 
+### `maxMaxPoints` (number)
+
+Indicates the max limit for scoring points
+
 ## `DialogContent` (object)
 
 Properties of the `DialogContent` object:

package/docs/demo/generate.js

@@ -2,6 +2,7 @@ exports.model = (id, element) => ({
   id,
   element,
   rubricType: 'simpleRubric',
+  rubricOptions: ['simpleRubric', 'multiTraitRubric', 'rubricless'],
   rubrics: {
     simpleRubric: {
       points: ['nothing right', 'a teeny bit right', 'mostly right', 'bingo'],
@@ -9,6 +10,11 @@ exports.model = (id, element) => ({
       maxPoints: 4,
       excludeZero: false,
     },
+    rubricless: {
+      maxPoints: 100,
+      excludeZero: false,
+      rubriclessInstructionEnabled: true,
+    },
     multiTraitRubric: {
       visibleToStudent: true,
       halfScoring: false,

package/docs/pie-schema.json

@@ -300,6 +300,11 @@
             }
           }
         },
+        "maxMaxPoints": {
+          "description": "Indicates the max limit for scoring points",
+          "type": "number",
+          "title": "maxMaxPoints"
+        },
         "showPrompt": {
           "description": "Determines whether prompt field will be displayed or not",
           "default": true,
@@ -612,6 +617,11 @@
               "title": "mmlEditing"
             }
           }
+        },
+        "maxMaxPoints": {
+          "description": "Indicates the max limit for scoring points",
+          "type": "number",
+          "title": "maxMaxPoints"
         }
       },
       "required": [

package/docs/pie-schema.json.md

@@ -205,6 +205,10 @@ Indicates if model should have mathML output instead of latex
 
 Indicates if mathML that's already in model should be editable
 
+### `maxMaxPoints` (number)
+
+Indicates the max limit for scoring points
+
 ### `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not
@@ -448,6 +452,10 @@ Indicates if model should have mathML output instead of latex
 
 Indicates if mathML that's already in model should be editable
 
+### `maxMaxPoints` (number)
+
+Indicates the max limit for scoring points
+
 ## `DialogContent` (object)
 
 Properties of the `DialogContent` object:

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":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,eAAe,GAAG,uBAAxB;AACA,IAAMC,2BAA2B,GAAG,4BAApC;;IAEMC,mB;;;;;;;;;;;EAA4BC,kB;;IAG5BC,uB;;;;;;;;;;;EAAgCC,4B;;AAGtC,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B,MAAI,CAACC,cAAc,CAACC,GAAf,CAAmBR,eAAnB,CAAL,EAA0C;AACxCO,IAAAA,cAAc,CAACE,MAAf,CAAsBT,eAAtB,EAAuCE,mBAAvC;AACD;;AAED,MAAI,CAACK,cAAc,CAACC,GAAf,CAAmBP,2BAAnB,CAAL,EAAsD;AACpDM,IAAAA,cAAc,CAACE,MAAf,CAAsBR,2BAAtB,EAAmDG,uBAAnD;AACD;AACF,CARD;;AAUAE,aAAa;;IAEPI,a;;;;;AACJ,2BAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAc,EAAd;AACA,UAAKC,KAAL,GAAaC,sBAAaC,aAA1B;AAHY;AAIb;;;;SAMD,eAAW;AACT,aAAO,KAAKF,KAAZ;AACD,K;SAND,aAASG,CAAT,EAAY;AACV,WAAKH,KAAL,GAAaG,CAAb;AACD;;;SAMD,aAAUC,CAAV,EAAa;AAAA;;AACX,WAAKL,MAAL,GAAcK,CAAd;AACA,UAAMC,OAAO,GAAG,KAAKL,KAArB;AACA,WAAKM,IAAL,GAAYF,CAAC,CAACG,UAAd;;AAEA,cAAQ,KAAKP,KAAb;AACE,aAAKC,sBAAaC,aAAlB;AACA;AACEP,UAAAA,cAAc,CAACa,WAAf,CAA2BpB,eAA3B,EAA4CqB,IAA5C,CAAiD,YAAM;AACrD,YAAA,MAAI,CAACC,cAAL,CAAoB,MAAI,CAACC,YAAzB;AACD,WAFD;AAGA;;AACF,aAAKV,sBAAaW,kBAAlB;AACEjB,UAAAA,cAAc,CAACa,WAAf,CAA2BnB,2BAA3B,EAAwDoB,IAAxD,CAA6D,YAAM;AACjE,YAAA,MAAI,CAACI,wBAAL,CAA8B,MAAI,CAACC,gBAAnC;AACD,WAFD;AAGA;;AACF,aAAKb,sBAAac,UAAlB;AACEpB,UAAAA,cAAc,CAACa,WAAf,CAA2BpB,eAA3B,EAA4CqB,IAA5C,CAAiD,YAAM;AACrD,YAAA,MAAI,CAACO,kBAAL,CAAwB,MAAI,CAACC,UAA7B;AACD,WAFD;AAGA;AAhBJ;;AAmBA,UAAIZ,OAAO,KAAK,KAAKC,IAArB,EAA2B;AACzB,aAAKY,OAAL;AACD;AACF;;;WAED,wBAAeP,YAAf,EAA6B;AAC3B,UAAI,KAAKZ,MAAL,IAAe,KAAKA,MAAL,CAAYoB,OAA3B,IAAsC,KAAKpB,MAAL,CAAYoB,OAAZ,CAAoBR,YAA9D,EAA4E;AAC1E,YAAQS,IAAR,GAAiB,KAAKrB,MAAtB,CAAQqB,IAAR;AAEAT,QAAAA,YAAY,CAACU,KAAb,mCACK,KAAKtB,MAAL,CAAYoB,OAAZ,CAAoBR,YADzB;AAEES,UAAAA,IAAI,EAAJA;AAFF;AAID;AACF;;;WAED,kCAAyBN,gBAAzB,EAA2C;AACzC,UAAI,KAAKf,MAAL,IAAe,KAAKA,MAAL,CAAYoB,OAA3B,IAAsC,KAAKpB,MAAL,CAAYoB,OAAZ,CAAoBL,gBAA9D,EAAgF;AAC9E,YAAQM,IAAR,GAAiB,KAAKrB,MAAtB,CAAQqB,IAAR;AAEAN,QAAAA,gBAAgB,CAACO,KAAjB,mCACK,KAAKtB,MAAL,CAAYoB,OAAZ,CAAoBL,gBADzB;AAEEM,UAAAA,IAAI,EAAJA;AAFF;AAID;AACF;;;WAED,4BAAmBH,UAAnB,EAA+B;AAC7B,UAAI,KAAKlB,MAAL,IAAe,KAAKA,MAAL,CAAYoB,OAA3B,IAAsC,KAAKpB,MAAL,CAAYoB,OAAZ,CAAoBF,UAA9D,EAA0E;AACxE,YAAQG,IAAR,GAAiB,KAAKrB,MAAtB,CAAQqB,IAAR;AAEAH,QAAAA,UAAU,CAACI,KAAX,mCACK,KAAKtB,MAAL,CAAYoB,OAAZ,CAAoBF,UADzB;AAEEG,UAAAA,IAAI,EAAJA;AAFF;AAID;AACF;;;SAED,eAAuB;AACrB,aAAO,KAAKE,aAAL,WAAsBjC,2BAAtB,uBAAP;AACD;;;SAED,eAAmB;AACjB,aAAO,KAAKiC,aAAL,WAAsBlC,eAAtB,mBAAP;AACD;;;SAED,eAAiB;AACf,aAAO,KAAKkC,aAAL,WAAsBlC,eAAtB,iBAAP;AACD;;;WAED,6BAAoB;AAClB,WAAK8B,OAAL;AACD;;;WAED,mBAAU;AACR,UAAIK,SAAJ;;AACA,UAAI,KAAKvB,KAAL,KAAeC,sBAAaC,aAAhC,EAA+C;AAC7CqB,QAAAA,SAAS,cAAOnC,eAAP,4BAAT;AACD,OAFD,MAGK,IAAI,KAAKY,KAAL,KAAeC,sBAAac,UAAhC,EAA2C;AAC9CQ,QAAAA,SAAS,cAAOnC,eAAP,0BAAT;AACD,OAFI,MAGD;AACFmC,QAAAA,SAAS,cAAOlC,2BAAP,gCAAT;AACD;;AAED,WAAKmC,SAAL,GAAiBD,SAAjB,CAZQ,CAcR;AACA;;AACA,cAAQ,KAAKvB,KAAb;AACE,aAAKC,sBAAaC,aAAlB;AACA;AACE,cAAIP,cAAc,CAACC,GAAf,CAAmBR,eAAnB,CAAJ,EAAyC;AACvC,iBAAKsB,cAAL,CAAoB,KAAKC,YAAzB;AACD;;AACD;;AACF,aAAKV,sBAAaW,kBAAlB;AACE,cAAIjB,cAAc,CAACC,GAAf,CAAmBP,2BAAnB,CAAJ,EAAqD;AACnD,iBAAKwB,wBAAL,CAA8B,KAAKC,gBAAnC;AACD;;AACD;;AACF,aAAKb,sBAAac,UAAlB;AACE,cAAIpB,cAAc,CAACC,GAAf,CAAmBR,eAAnB,CAAJ,EAAyC;AACvC,iBAAK4B,kBAAL,CAAwB,KAAKC,UAA7B;AACD;;AACD;AAhBJ;AAmBD;;;kDAhIyBQ,W;;eAmIb3B,a","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,7 +1,7 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "2.1.2-next.44+0e15a9c76",
+  "version": "2.1.2-next.69+84f517e36",
   "publishConfig": {
     "access": "public"
   },
@@ -15,7 +15,7 @@
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2"
   },
-  "gitHead": "0e15a9c76e19cff2dd791799dbc94b4fdecd2417",
+  "gitHead": "84f517e360d8415650bb7f0aec1be8cf8660c8f9",
   "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;
+
     }
   }
 }