@pie-element/rubric 8.2.2-beta.4 → 8.2.2-beta.6

package/module/controller.js

@@ -1,73 +0,0 @@
-var lib = {};
-
-var interopRequireDefault = {exports: {}};
-
-(function (module) {
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : {
-    "default": e
-  };
-}
-module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}(interopRequireDefault));
-
-var defaults = {};
-
-Object.defineProperty(defaults, "__esModule", {
-  value: true
-});
-defaults.default = void 0;
-defaults.default = {
-  points: ['', '', '', ''],
-  sampleAnswers: [null, null, null, null],
-  maxPoints: 3,
-  maxPointsEnabled: true,
-  excludeZero: false,
-  excludeZeroEnabled: true
-};
-
-var _interopRequireDefault = interopRequireDefault.exports;
-Object.defineProperty(lib, "__esModule", {
-  value: true
-});
-var model_1 = lib.model = model;
-var validate_1 = lib.validate = validate;
-var _defaults = _interopRequireDefault(defaults);
-const normalize = model => ({
-  ..._defaults.default,
-  ...model
-});
-function model(model, session, env) {
-  return new Promise(resolve => {
-    const modelResult = normalize(model || {});
-    resolve(env && env.role && env.role === 'instructor' ? modelResult : {});
-  });
-}
-function markupToText(s) {
-  return (s || '').replace(/(<([^>]+)>)/gi, '');
-}
-
-// IMPORTANT! If you make any changes to this function, please make sure you also update complex-rubric/controller/validateSimpleRubric function!“.
-function validate(model) {
-  const {
-    points
-  } = model;
-  const errors = {};
-  const pointsDescriptorsErrors = {};
-  (points || []).forEach((point, index) => {
-    if (!point || point === '<div></div>') {
-      pointsDescriptorsErrors[index] = 'Points descriptors cannot be empty.';
-    } else {
-      const identicalPointDescr = points.slice(index + 1).some(p => markupToText(p) === markupToText(point));
-      if (identicalPointDescr) {
-        pointsDescriptorsErrors[index] = 'Points descriptors should be unique.';
-      }
-    }
-  });
-  if (Object.keys(pointsDescriptorsErrors).length > 0) {
-    errors.pointsDescriptorsErrors = pointsDescriptorsErrors;
-  }
-  return errors;
-}
-
-export { lib as default, model_1 as model, validate_1 as validate };

package/module/demo.js

@@ -1,33 +0,0 @@
-import Configure from './configure.js';
-import Element from './element.js';
-import * as controller from './controller.js';
-
-var generate = {};
-
-generate.model = (id, element) => ({
-  id,
-  element,
-  points: ['nothing right', 'a teeny bit right', 'mostly right', 'bingo'],
-  sampleAnswers: [null, 'just right', 'not left', null],
-  maxPoints: 3,
-  excludeZero: false,
-});
-
-const { model } = generate;
-
-var config = {
-  elements: {
-    'pie-rubric': '../..',
-  },
-  models: [model('1', 'pie-rubric')],
-};
-
-//Note: demo-el is a custom element loaded in the markup.
-  customElements.whenDefined("demo-el").then(() => {
-    config.models.forEach((m) => {
-      const de = document.createElement("demo-el");
-      document.body.appendChild(de);
-      de.def = { tagName: m.element, Element, Configure, controller };
-      de.model = m;
-    });
-  });

package/module/element.js

@@ -1 +0,0 @@
-import{_dll_react as e,_dll_mui__material_styles as t,_dll_mui__material as n,_dll_mui__material_collapse as i,_dll_pie_lib__render_ui as r,_dll_prop_types as o,_dll_react_dom_client as l,_dll_debug as s}from"../../../@pie-lib/shared-module@^5.1.1/module/index.js";import{_dll_pie_lib__math_rendering as a}from"../../../@pie-lib/math-rendering-module@^5.0.4/module/index.js";const c=e,{styled:d}=t,{ListItem:h}=n,{List:p}=n,m=i,{color:u}=r,{UiLayout:g}=r,x=o,b=d(g)({color:u.text(),backgroundColor:u.background(),"&:not(.MathJax) table":{borderCollapse:"collapse"},"&:not(.MathJax) table td, &:not(.MathJax) table th":{padding:"8px 12px",textAlign:"left"},"& ul p, & ol p":{marginBottom:0,marginTop:0,lineHeight:"normal"}}),_=d(h)({display:"flex",flexDirection:"column",alignItems:"flex-start",padding:"12px 0px"}),f=d("div")({color:u.text()}),y=d("h3")({color:u.text(),fontSize:"16px",fontWeight:"700",margin:0,paddingBottom:"6px"}),k=d("h4")({color:u.text(),fontSize:"16px",fontWeight:"normal",margin:0,paddingBottom:"6px"}),S=d("h2")(({theme:e})=>({display:"flex",alignItems:"center",cursor:"pointer",userSelect:"none",fontSize:e.typography.fontSize,fontWeight:"500",color:u.tertiary(),margin:0})),E=d("span")({display:"inline-flex",transition:"transform 0.2s",marginLeft:2,alignSelf:"center"}),w=d("h2")({position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",border:0,whiteSpace:"nowrap"}),C=x.shape({excludeZero:x.bool,points:x.arrayOf(x.string),sampleAnswers:x.arrayOf(x.string),animationsDisabled:x.bool});class v extends c.Component{__init(){this.dudUrl="javascript:;"}constructor(e){super(e),v.prototype.__init.call(this),v.prototype.__init2.call(this),this.state={rubricOpen:!1,linkPrefix:"Show"},this.toggleRubric=this.toggleRubric.bind(this)}static __initStatic(){this.propTypes={model:x.object.isRequired,animationsDisabled:x.bool,value:C}}toggleRubric(){this.setState({rubricOpen:!this.state.rubricOpen}),this.setState({linkPrefix:this.state.rubricOpen?"Show":"Hide"})}__init2(){this.shouldRenderPoint=(e,t)=>!t.excludeZero||0!==e}render(){const{model:e,value:t}=this.props;let{animationsDisabled:n}=this.props;if(n=n||t.animationsDisabled,t&&t.points){const{extraCSSRules:i}=e||{},{points:r,sampleAnswers:o}=t,l=c.createElement(p,{component:"nav"},r.slice(0).reverse().map((e,n)=>{n=r.length-n-1;const i=t.excludeZero?n+1:n;return c.createElement(c.Fragment,{key:n},c.createElement(_,{key:`P${n}`},c.createElement(y,null,1===i?`${i} PT`:`${i} PTS`),c.createElement(f,{dangerouslySetInnerHTML:{__html:e}})),o&&o[n]&&c.createElement(_,{key:`S${n}`},c.createElement(k,null,"Sample Answer"),c.createElement(f,{dangerouslySetInnerHTML:{__html:o[n]}})))}));return c.createElement(b,{extraCSSRules:i},c.createElement(w,null,"Rubric"),n?l:c.createElement(c.Fragment,null,c.createElement(S,{id:"rubric-toggle",tabIndex:0,role:"button","aria-expanded":this.state.rubricOpen,onClick:this.toggleRubric,onKeyPress:e=>{"Enter"!==e.key&&" "!==e.key||this.toggleRubric()}},this.state.linkPrefix," Rubric",c.createElement(E,{"aria-hidden":"true"},this.state.rubricOpen?c.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c.createElement("polyline",{points:"18 15 12 9 6 15"})):c.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c.createElement("polyline",{points:"6 9 12 15 18 9"})))),c.createElement(m,{in:this.state.rubricOpen,timeout:{enter:225,exit:195}},l)))}return null}}v.__initStatic();const R=e,{createRoot:L}=l,M=s,{renderMath:O}=a;class P extends HTMLElement{constructor(){super(),M.log("constructor called"),this.onModelChanged=this.onModelChanged.bind(this),this._root=null}set model(e){this._model=e,this._render()}onModelChanged(e){this._model=e,this._render()}connectedCallback(){this._render()}_render(){if(this._model){const e=R.createElement(v,{value:this._model});this._root||(this._root=L(this)),this._root.render(e),queueMicrotask(()=>{O(this)})}}disconnectedCallback(){this._root&&this._root.unmount()}}export{P as default};

package/module/index.html

@@ -1,21 +0,0 @@
-
-  <!doctype html>
-  <html>
-    <head>
-      <title>@pie-element/rubric@8.1.0-next.1</title>
-      <script
-        type="module"
-        src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>
-     
-      <link
-        href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
-        rel="stylesheet"
-      />
-      <style>
-        html, body {
-          font-family: 'Roboto', sans-serif;
-        }
-      </style>
-      <script type="module" src="./demo.js"></script> 
-    </head>
-  </html>

package/module/manifest.json

@@ -1,14 +0,0 @@
-{
-  "name": "@pie-element/rubric",
-  "version": "8.1.0-next.1",
-  "modules": [
-    {
-      "name": "@pie-lib/shared-module",
-      "version": "^5.1.1"
-    },
-    {
-      "name": "@pie-lib/math-rendering-module",
-      "version": "^5.0.4"
-    }
-  ]
-}

package/module/print-demo.js

@@ -1,71 +0,0 @@
-import PrintElement from './print.js';
-
-var generate = {};
-
-generate.model = (id, element) => ({
-  id,
-  element,
-  points: ['nothing right', 'a teeny bit right', 'mostly right', 'bingo'],
-  sampleAnswers: [null, 'just right', 'not left', null],
-  maxPoints: 3,
-  excludeZero: false,
-});
-
-const { model } = generate;
-
-var config = {
-  elements: {
-    'pie-rubric': '../..',
-  },
-  models: [model('1', 'pie-rubric')],
-};
-
-// new init - just shows off print!
-
-const init = async () => {
-  console.log('define the element...');
-  await Promise.all(
-    config.models.map(async (m) => {
-      try {
-        const printTag = `${m.element}-print`;
-        if (customElements.get(printTag)) {
-          return true;
-        } else {
-          customElements.define(printTag, PrintElement);
-          await customElements.whenDefined(printTag);
-          return true;
-        }
-      } catch (e) {
-        return false;
-      }
-    })
-  );
-
-  console.log('now apply the model...');
-  config.models.forEach((m) => {
-    const printTag = `${m.element}-print`;
-    const h3s = document.createElement('h3');
-    h3s.textContent = 'student mode';
-    document.body.appendChild(h3s);
-    const de = document.createElement(printTag);
-    document.body.appendChild(de);
-    de.options = {};
-    de.model = m;
-
-    const h3 = document.createElement('h3');
-    h3.textContent = 'instructor mode';
-    document.body.appendChild(h3);
-    const instr = document.createElement(printTag);
-    document.body.appendChild(instr);
-    instr.options = { mode: 'instructor' };
-    instr.model = JSON.parse(JSON.stringify(m));
-  });
-};
-
-init()
-  .then(() => {
-    console.log('ready');
-  })
-  .catch((e) => {
-    console.error(e);
-  });

package/module/print.html

@@ -1,18 +0,0 @@
-
-  <!doctype html>
-  <html>
-    <head>
-      <title>@pie-element/rubric@8.1.0-next.1</title>
-      <link
-        href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
-        rel="stylesheet"
-      />
-      <style>
-        html, body {
-          font-family: 'Roboto', sans-serif;
-        }
-      </style>
-      <script type="module" src="./print-demo.js"></script> 
-    </head>
-    <body></body>
-  </html>

package/module/print.js

@@ -1 +0,0 @@
-import{_dll_react as e,_dll_mui__material_styles as t,_dll_mui__material as n,_dll_mui__material_collapse as r,_dll_pie_lib__render_ui as i,_dll_prop_types as o,_dll_debug as l,_dll_react_dom_client as a}from"../../../@pie-lib/shared-module@^5.1.1/module/index.js";import{_dll_pie_lib__math_rendering as s}from"../../../@pie-lib/math-rendering-module@^5.0.4/module/index.js";var c="object"==typeof global&&global&&global.Object===Object&&global,u="object"==typeof self&&self&&self.Object===Object&&self,p=c||u||Function("return this")(),d=p.Symbol,h=Object.prototype,m=h.hasOwnProperty,f=h.toString,g=d?d.toStringTag:void 0;var b=Object.prototype.toString;var v=d?d.toStringTag:void 0;function x(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":v&&v in Object(e)?function(e){var t=m.call(e,g),n=e[g];try{e[g]=void 0;var r=!0}catch(e){}var i=f.call(e);return r&&(t?e[g]=n:delete e[g]),i}(e):function(e){return b.call(e)}(e)}var y=/\s/;var _=/^\s+/;function S(e){return e?e.slice(0,function(e){for(var t=e.length;t--&&y.test(e.charAt(t)););return t}(e)+1).replace(_,""):e}function k(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}var E=/^[-+]0x[0-9a-f]+$/i,j=/^0b[01]+$/i,O=/^0o[0-7]+$/i,w=parseInt;function T(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return null!=e&&"object"==typeof e}(e)&&"[object Symbol]"==x(e)}(e))return NaN;if(k(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=k(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=S(e);var n=j.test(e);return n||O.test(e)?w(e.slice(2),n?2:8):E.test(e)?NaN:+e}var R=function(){return p.Date.now()},L=Math.max,C=Math.min;function M(e,t,n){var r,i,o,l,a,s,c=0,u=!1,p=!1,d=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function h(t){var n=r,o=i;return r=i=void 0,c=t,l=e.apply(o,n)}function m(e){var n=e-s;return void 0===s||n>=t||n<0||p&&e-c>=o}function f(){var e=R();if(m(e))return g(e);a=setTimeout(f,function(e){var n=t-(e-s);return p?C(n,o-(e-c)):n}(e))}function g(e){return a=void 0,d&&r?h(e):(r=i=void 0,l)}function b(){var e=R(),n=m(e);if(r=arguments,i=this,s=e,n){if(void 0===a)return function(e){return c=e,a=setTimeout(f,t),u?h(e):l}(s);if(p)return clearTimeout(a),a=setTimeout(f,t),h(s)}return void 0===a&&(a=setTimeout(f,t)),l}return t=T(t)||0,k(n)&&(u=!!n.leading,o=(p="maxWait"in n)?L(T(n.maxWait)||0,t):o,d="trailing"in n?!!n.trailing:d),b.cancel=function(){void 0!==a&&clearTimeout(a),c=0,r=s=i=a=void 0},b.flush=function(){return void 0===a?l:g(R())},b}const P=e,{styled:D}=t,{ListItem:I}=n,{List:W}=n,$=r,{color:A}=i,{UiLayout:B}=i,H=o,N=D(B)({color:A.text(),backgroundColor:A.background(),"&:not(.MathJax) table":{borderCollapse:"collapse"},"&:not(.MathJax) table td, &:not(.MathJax) table th":{padding:"8px 12px",textAlign:"left"},"& ul p, & ol p":{marginBottom:0,marginTop:0,lineHeight:"normal"}}),z=D(I)({display:"flex",flexDirection:"column",alignItems:"flex-start",padding:"12px 0px"}),F=D("div")({color:A.text()}),J=D("h3")({color:A.text(),fontSize:"16px",fontWeight:"700",margin:0,paddingBottom:"6px"}),U=D("h4")({color:A.text(),fontSize:"16px",fontWeight:"normal",margin:0,paddingBottom:"6px"}),Z=D("h2")(({theme:e})=>({display:"flex",alignItems:"center",cursor:"pointer",userSelect:"none",fontSize:e.typography.fontSize,fontWeight:"500",color:A.tertiary(),margin:0})),q=D("span")({display:"inline-flex",transition:"transform 0.2s",marginLeft:2,alignSelf:"center"}),K=D("h2")({position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",border:0,whiteSpace:"nowrap"}),G=H.shape({excludeZero:H.bool,points:H.arrayOf(H.string),sampleAnswers:H.arrayOf(H.string),animationsDisabled:H.bool});class Q extends P.Component{__init(){this.dudUrl="javascript:;"}constructor(e){super(e),Q.prototype.__init.call(this),Q.prototype.__init2.call(this),this.state={rubricOpen:!1,linkPrefix:"Show"},this.toggleRubric=this.toggleRubric.bind(this)}static __initStatic(){this.propTypes={model:H.object.isRequired,animationsDisabled:H.bool,value:G}}toggleRubric(){this.setState({rubricOpen:!this.state.rubricOpen}),this.setState({linkPrefix:this.state.rubricOpen?"Show":"Hide"})}__init2(){this.shouldRenderPoint=(e,t)=>!t.excludeZero||0!==e}render(){const{model:e,value:t}=this.props;let{animationsDisabled:n}=this.props;if(n=n||t.animationsDisabled,t&&t.points){const{extraCSSRules:r}=e||{},{points:i,sampleAnswers:o}=t,l=P.createElement(W,{component:"nav"},i.slice(0).reverse().map((e,n)=>{n=i.length-n-1;const r=t.excludeZero?n+1:n;return P.createElement(P.Fragment,{key:n},P.createElement(z,{key:`P${n}`},P.createElement(J,null,1===r?`${r} PT`:`${r} PTS`),P.createElement(F,{dangerouslySetInnerHTML:{__html:e}})),o&&o[n]&&P.createElement(z,{key:`S${n}`},P.createElement(U,null,"Sample Answer"),P.createElement(F,{dangerouslySetInnerHTML:{__html:o[n]}})))}));return P.createElement(N,{extraCSSRules:r},P.createElement(K,null,"Rubric"),n?l:P.createElement(P.Fragment,null,P.createElement(Z,{id:"rubric-toggle",tabIndex:0,role:"button","aria-expanded":this.state.rubricOpen,onClick:this.toggleRubric,onKeyPress:e=>{"Enter"!==e.key&&" "!==e.key||this.toggleRubric()}},this.state.linkPrefix," Rubric",P.createElement(q,{"aria-hidden":"true"},this.state.rubricOpen?P.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},P.createElement("polyline",{points:"18 15 12 9 6 15"})):P.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},P.createElement("polyline",{points:"6 9 12 15 18 9"})))),P.createElement($,{in:this.state.rubricOpen,timeout:{enter:225,exit:195}},l)))}return null}}Q.__initStatic();const V=e,{createRoot:X}=a,Y=l,{renderMath:ee}=s,te=Y("pie-element:rubric:print");class ne extends HTMLElement{constructor(){super(),this._options=null,this._model=null,this._session=[],this._root=null,this._rerender=M(()=>{if(this._model&&this._session){const t=(e=this._model,"instructor"===this._options.role?(e.value={...e},e.mode="evaluate",e.animationsDisabled=!0,e):{}),n=this._options&&V.createElement(Q,{...t});this._root||(this._root=X(this)),this._root.render(n),queueMicrotask(()=>{te("render complete - render math"),ee(this)})}else te("skip");var e},50,{leading:!1,trailing:!0})}set options(e){this._options=e}set model(e){this._model=e,this._rerender()}connectedCallback(){}disconnectedCallback(){this._root&&this._root.unmount()}}export{ne as default};