@pie-element/boilerplate-item-type 2.0.4-next.4 → 2.0.5-next.1

package/configure/lib/design.js

@@ -31,7 +31,7 @@ var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 
 var _configUi = require("@pie-lib/pie-toolbox/config-ui");
 
-var _editableHtml = _interopRequireDefault(require("@pie-lib/pie-toolbox/editable-html"));
+var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -110,7 +110,7 @@ var Design = /*#__PURE__*/function (_React$Component) {
       }, promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: prompt.label || '',
         className: classes.promptHolder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
         className: classes.prompt,
         markup: model.prompt,
         onChange: this.onPromptChanged,

package/configure/lib/design.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","Design","prompt","props","onModelChanged","model","update","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","contentDimensions","settingsPanelDisabled","promptEnabled","panelSettings","panelProperties","label","Settings","Properties","promptHolder","onPromptChanged","language","React","Component","PropTypes","object","isRequired","func","shape","add","theme","width","paddingTop","spacing","unit","marginBottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { InputContainer, settings, layout } from '@pie-lib/pie-toolbox/config-ui';\nimport EditableHtml from '@pie-lib/pie-toolbox/editable-html';\n\nconst { Panel, toggle } = settings;\n\nexport class Design extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  onPromptChanged = (prompt) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n\n    update.prompt = prompt;\n    onModelChanged(update);\n  };\n\n  render() {\n    const { classes, configuration, imageSupport, model, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      contentDimensions = {},\n      prompt = {},\n      settingsPanelDisabled,\n    } = configuration || {};\n    const { promptEnabled } = model || {};\n\n    const panelSettings = {};\n\n    const panelProperties = {\n      promptEnabled: prompt.settings && toggle(prompt.label),\n    };\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {promptEnabled && (\n          <InputContainer label={prompt.label || ''} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          </InputContainer>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  }\n}))(Design);\n"],"file":"design.js"}
+{"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","Design","prompt","props","onModelChanged","model","update","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","contentDimensions","settingsPanelDisabled","promptEnabled","panelSettings","panelProperties","label","Settings","Properties","promptHolder","onPromptChanged","language","React","Component","PropTypes","object","isRequired","func","shape","add","theme","width","paddingTop","spacing","unit","marginBottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { InputContainer, settings, layout } from '@pie-lib/pie-toolbox/config-ui';\nimport {EditableHtml} from '@pie-lib/pie-toolbox/editable-html';\n\nconst { Panel, toggle } = settings;\n\nexport class Design extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  onPromptChanged = (prompt) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n\n    update.prompt = prompt;\n    onModelChanged(update);\n  };\n\n  render() {\n    const { classes, configuration, imageSupport, model, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      contentDimensions = {},\n      prompt = {},\n      settingsPanelDisabled,\n    } = configuration || {};\n    const { promptEnabled } = model || {};\n\n    const panelSettings = {};\n\n    const panelProperties = {\n      promptEnabled: prompt.settings && toggle(prompt.label),\n    };\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {promptEnabled && (\n          <InputContainer label={prompt.label || ''} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          </InputContainer>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  }\n}))(Design);\n"],"file":"design.js"}

package/configure/package.json

@@ -8,7 +8,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "1.2.3",
+    "@pie-lib/pie-toolbox": "1.2.4",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/package.json

@@ -6,7 +6,7 @@
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.2.3",
+    "@pie-lib/pie-toolbox": "1.2.4",
     "debug": "^3.1.0",
     "lodash": "^4.17.15"
   },

package/lib/main.js

@@ -43,7 +43,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var model = this.props.model;
-      return /*#__PURE__*/_react["default"].createElement("div", null, model.prompt && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+      return /*#__PURE__*/_react["default"].createElement("div", null, model.prompt && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "Boilerplate Item"), /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
         prompt: model.prompt
       })));
     }

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Main","model","props","prompt","React","Component","PropTypes","object","session","onSessionChange","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;IAEqBA,I;;;;;;;;;;;;WASnB,kBAAS;AACP,UAAQC,KAAR,GAAkB,KAAKC,KAAvB,CAAQD,KAAR;AAEA,0BACE,6CACGA,KAAK,CAACE,MAAN,iBACC,0DACE,gCAAC,uBAAD;AAAe,QAAA,MAAM,EAAEF,KAAK,CAACE;AAA7B,QADF,CAFJ,CADF;AASD;;;EArB+BC,kBAAMC,S;;;iCAAnBL,I,eACA;AACjBC,EAAAA,KAAK,EAAEK,sBAAUC,MADA;AAEjBC,EAAAA,OAAO,EAAEF,sBAAUC,MAFF;AAGjBE,EAAAA,eAAe,EAAEH,sBAAUI,IAAV,CAAeC;AAHf,C;iCADAX,I,kBAOG,E","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { PreviewPrompt } from '@pie-lib/pie-toolbox/render-ui';\n\nexport default class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    session: PropTypes.object,\n    onSessionChange: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { model } = this.props;\n\n    return (\n      <div>\n        {model.prompt && (\n          <div>\n            <PreviewPrompt prompt={model.prompt}/>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Main","model","props","prompt","React","Component","PropTypes","object","session","onSessionChange","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;IAEqBA,I;;;;;;;;;;;;WASnB,kBAAS;AACP,UAAQC,KAAR,GAAkB,KAAKC,KAAvB,CAAQD,KAAR;AAEA,0BACE,6CACGA,KAAK,CAACE,MAAN,iBACC,0DACE,8DADF,eAEE,gCAAC,uBAAD;AAAe,QAAA,MAAM,EAAEF,KAAK,CAACE;AAA7B,QAFF,CAFJ,CADF;AAUD;;;EAtB+BC,kBAAMC,S;;;iCAAnBL,I,eACA;AACjBC,EAAAA,KAAK,EAAEK,sBAAUC,MADA;AAEjBC,EAAAA,OAAO,EAAEF,sBAAUC,MAFF;AAGjBE,EAAAA,eAAe,EAAEH,sBAAUI,IAAV,CAAeC;AAHf,C;iCADAX,I,kBAOG,E","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { PreviewPrompt } from '@pie-lib/pie-toolbox/render-ui';\n\nexport default class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    session: PropTypes.object,\n    onSessionChange: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { model } = this.props;\n\n    return (\n      <div>\n        {model.prompt && (\n          <div>\n            <p>Boilerplate Item</p>\n            <PreviewPrompt prompt={model.prompt}/>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"file":"main.js"}

package/lib/print.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _main = _interopRequireDefault(require("./main"));
+
+var _mathRendering = require("@pie-lib/pie-toolbox/math-rendering");
+
+var _debug = _interopRequireDefault(require("debug"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var log = (0, _debug["default"])('pie-element:multiple-choice:print');
+/**
+ * Live in same package as main element - so we can access some of the shared comps!
+ *
+ * - update pslb to build print if src/print.js is there
+ * - update demo el
+ * - get configure/controller building
+ */
+
+var preparePrintModel = function preparePrintModel(model, opts) {
+  return model;
+};
+
+var BoilerPlateItemTypePrint = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(BoilerPlateItemTypePrint, _HTMLElement);
+
+  var _super = _createSuper(BoilerPlateItemTypePrint);
+
+  function BoilerPlateItemTypePrint() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, BoilerPlateItemTypePrint);
+    _this = _super.call(this);
+    _this._options = null;
+    _this._model = null;
+    _this._session = [];
+    _this._rerender = (0, _debounce["default"])(function () {
+      if (_this._model && _this._session) {
+        var printModel = preparePrintModel(_this._model, _this._options);
+
+        var element = _this._options && /*#__PURE__*/_react["default"].createElement(_main["default"], {
+          model: printModel,
+          session: {}
+        });
+
+        _reactDom["default"].render(element, (0, _assertThisInitialized2["default"])(_this), function () {
+          log('render complete - render math');
+          (0, _mathRendering.renderMath)((0, _assertThisInitialized2["default"])(_this));
+        });
+      } else {
+        log('skip');
+      }
+    }, 50, {
+      leading: false,
+      trailing: true
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(BoilerPlateItemTypePrint, [{
+    key: "options",
+    set: function set(o) {
+      this._options = o;
+    }
+  }, {
+    key: "model",
+    set: function set(s) {
+      this._model = s;
+
+      this._rerender();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {}
+  }]);
+  return BoilerPlateItemTypePrint;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = BoilerPlateItemTypePrint;
+//# sourceMappingURL=print.js.map

package/lib/print.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/print.js"],"names":["log","preparePrintModel","model","opts","BoilerPlateItemTypePrint","_options","_model","_session","_rerender","printModel","element","React","createElement","Main","session","ReactDOM","render","leading","trailing","o","s","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,mCAAN,CAAZ;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAQC,IAAR,EAAiB;AACzC,SAAOD,KAAP;AACD,CAFD;;IAIqBE,wB;;;;;AACnB,sCAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,QAAL,GAAgB,IAAhB;AACA,UAAKC,MAAL,GAAc,IAAd;AACA,UAAKC,QAAL,GAAgB,EAAhB;AACA,UAAKC,SAAL,GAAiB,0BACf,YAAM;AACJ,UAAI,MAAKF,MAAL,IAAe,MAAKC,QAAxB,EAAkC;AAChC,YAAME,UAAU,GAAGR,iBAAiB,CAAC,MAAKK,MAAN,EAAc,MAAKD,QAAnB,CAApC;;AAEA,YAAMK,OAAO,GACX,MAAKL,QAAL,iBACAM,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACxBX,UAAAA,KAAK,EAAEO,UADiB;AAExBK,UAAAA,OAAO,EAAE;AAFe,SAA1B,CAFF;;AAOAC,6BAASC,MAAT,CAAgBN,OAAhB,kDAA+B,YAAM;AACnCV,UAAAA,GAAG,CAAC,+BAAD,CAAH;AACA;AACD,SAHD;AAID,OAdD,MAcO;AACLA,QAAAA,GAAG,CAAC,MAAD,CAAH;AACD;AACF,KAnBc,EAoBf,EApBe,EAqBf;AAAEiB,MAAAA,OAAO,EAAE,KAAX;AAAkBC,MAAAA,QAAQ,EAAE;AAA5B,KArBe,CAAjB;AALY;AA4Bb;;;;SACD,aAAYC,CAAZ,EAAe;AACb,WAAKd,QAAL,GAAgBc,CAAhB;AACD;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKd,MAAL,GAAcc,CAAd;;AACA,WAAKZ,SAAL;AACD;;;WAED,6BAAoB,CAAE;;;kDAvC8Ba,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering';\nimport debug from 'debug';\n\nconst log = debug('pie-element:multiple-choice:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  return model;\n};\n\nexport default class BoilerPlateItemTypePrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = [];\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              model: printModel,\n              session: {},\n            });\n\n          ReactDOM.render(element, this, () => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n}\n"],"file":"print.js"}

package/module/demo.js

@@ -0,0 +1,30 @@
+import Configure from './configure.js';
+import Element from './element.js';
+import * as controller from './controller.js';
+
+var generate = {};
+
+generate.model = (id, element) => ({
+  id,
+  element,
+  prompt: 'Custom Prompt'
+});
+
+const { model } = generate;
+
+var config = {
+  elements: {
+    'boilerplate-item-type': '../..',
+  },
+  models: [model('1', 'boilerplate-item-type')],
+};
+
+//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

@@ -0,0 +1,128 @@
+import {_dll_react, _dll_prop_types, _dll_pie_lib__pie_toolbox_render_ui, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-module@1.3.3/module/index.js";
+var lib = {};
+Object.defineProperty(lib, "__esModule", {
+  value: true
+});
+class ModelSetEvent extends CustomEvent {
+  constructor(component, complete, hasModel) {
+    super(ModelSetEvent.TYPE, {
+      bubbles: true,
+      composed: true,
+      detail: {
+        complete,
+        component,
+        hasModel
+      }
+    });
+    this.component = component;
+    this.complete = complete;
+  }
+}
+ModelSetEvent.TYPE = 'model-set';
+var ModelSetEvent_1 = lib.ModelSetEvent = ModelSetEvent;
+class SessionChangedEvent extends CustomEvent {
+  constructor(component, complete) {
+    super(SessionChangedEvent.TYPE, {
+      bubbles: true,
+      composed: true,
+      detail: {
+        complete,
+        component
+      }
+    });
+    this.component = component;
+    this.complete = complete;
+  }
+}
+SessionChangedEvent.TYPE = 'session-changed';
+var SessionChangedEvent_1 = lib.SessionChangedEvent = SessionChangedEvent;
+const React$1 = _dll_react;
+const PropTypes = _dll_prop_types;
+const {PreviewPrompt: PreviewPrompt} = _dll_pie_lib__pie_toolbox_render_ui;
+const _jsxFileName = "/Users/andreeapescar/WORK/pie/pie-elements/packages/boilerplate-item-type/src/main.jsx";
+class Main extends React$1.Component {
+  static __initStatic() {
+    this.propTypes = {
+      model: PropTypes.object,
+      session: PropTypes.object,
+      onSessionChange: PropTypes.func.isRequired
+    };
+  }
+  static __initStatic2() {
+    this.defaultProps = {};
+  }
+  render() {
+    const {model} = this.props;
+    return React$1.createElement('div', {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 18
+      }
+    }, model.prompt && React$1.createElement('div', {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 20
+      }
+    }, React$1.createElement('p', {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 21
+      }
+    }, "Boilerplate Item"), React$1.createElement(PreviewPrompt, {
+      prompt: model.prompt,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 22
+      }
+    })));
+  }
+}
+Main.__initStatic();
+Main.__initStatic2();
+const React = _dll_react;
+const ReactDOM = _dll_react_dom;
+const {renderMath: renderMath} = _dll_pie_lib__pie_toolbox_math_rendering;
+class BoilerplateItemType extends HTMLElement {
+  set model(m) {
+    this._model = m;
+    this.render();
+    this.dispatchEvent(new ModelSetEvent_1(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined));
+  }
+  get model() {
+    return this._model;
+  }
+  set session(s) {
+    this._session = s;
+    this.render();
+  }
+  get session() {
+    return this._session;
+  }
+  isSessionComplete() {
+    return true;
+  }
+  onSessionChange(session) {
+    this._session = session;
+    this.dispatchEvent(new SessionChangedEvent_1(this.tagName.toLowerCase(), this.isSessionComplete()));
+  }
+  connectedCallback() {
+    this.render();
+  }
+  render() {
+    if (this._model && this._session) {
+      const el = React.createElement(Main, {
+        model: this._model,
+        session: this._session,
+        onSessionChange: this.onSessionChange.bind(this)
+      });
+      ReactDOM.render(el, this, () => {
+        renderMath(this);
+      });
+    }
+  }
+}
+export {BoilerplateItemType as default};

package/module/index.html

@@ -0,0 +1,21 @@
+
+  <!doctype html>
+  <html>
+    <head>
+      <title>@pie-element/boilerplate-item-type@2.0.5</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

@@ -0,0 +1,10 @@
+{
+  "name": "@pie-element/boilerplate-item-type",
+  "version": "2.0.5",
+  "modules": [
+    {
+      "name": "@pie-lib/pie-toolbox-module",
+      "version": "1.3.3"
+    }
+  ]
+}

package/module/print-demo.js

@@ -0,0 +1,68 @@
+import PrintElement from './print.js';
+
+var generate = {};
+
+generate.model = (id, element) => ({
+  id,
+  element,
+  prompt: 'Custom Prompt'
+});
+
+const { model } = generate;
+
+var config = {
+  elements: {
+    'boilerplate-item-type': '../..',
+  },
+  models: [model('1', 'boilerplate-item-type')],
+};
+
+// 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

@@ -0,0 +1,18 @@
+
+  <!doctype html>
+  <html>
+    <head>
+      <title>@pie-element/boilerplate-item-type@2.0.5</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

@@ -0,0 +1,92 @@
+import {_dll_react, _dll_prop_types, _dll_pie_lib__pie_toolbox_render_ui, _dll_react_dom, _dll_lodash, _dll_pie_lib__pie_toolbox_math_rendering, _dll_debug} from "../../../@pie-lib/pie-toolbox-module@1.3.3/module/index.js";
+const React$1 = _dll_react;
+const PropTypes = _dll_prop_types;
+const {PreviewPrompt: PreviewPrompt} = _dll_pie_lib__pie_toolbox_render_ui;
+const _jsxFileName = "/Users/andreeapescar/WORK/pie/pie-elements/packages/boilerplate-item-type/src/main.jsx";
+class Main extends React$1.Component {
+  static __initStatic() {
+    this.propTypes = {
+      model: PropTypes.object,
+      session: PropTypes.object,
+      onSessionChange: PropTypes.func.isRequired
+    };
+  }
+  static __initStatic2() {
+    this.defaultProps = {};
+  }
+  render() {
+    const {model} = this.props;
+    return React$1.createElement('div', {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 18
+      }
+    }, model.prompt && React$1.createElement('div', {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 20
+      }
+    }, React$1.createElement('p', {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 21
+      }
+    }, "Boilerplate Item"), React$1.createElement(PreviewPrompt, {
+      prompt: model.prompt,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 22
+      }
+    })));
+  }
+}
+Main.__initStatic();
+Main.__initStatic2();
+const React = _dll_react;
+const ReactDOM = _dll_react_dom;
+const {debounce: debounce} = _dll_lodash;
+const {renderMath: renderMath} = _dll_pie_lib__pie_toolbox_math_rendering;
+const debug = _dll_debug;
+const log = debug('pie-element:multiple-choice:print');
+const preparePrintModel = (model, opts) => {
+  return model;
+};
+class BoilerPlateItemTypePrint extends HTMLElement {
+  constructor() {
+    super();
+    this._options = null;
+    this._model = null;
+    this._session = [];
+    this._rerender = debounce(() => {
+      if (this._model && this._session) {
+        const printModel = preparePrintModel(this._model, this._options);
+        const element = this._options && React.createElement(Main, {
+          model: printModel,
+          session: {}
+        });
+        ReactDOM.render(element, this, () => {
+          log('render complete - render math');
+          renderMath(this);
+        });
+      } else {
+        log('skip');
+      }
+    }, 50, {
+      leading: false,
+      trailing: true
+    });
+  }
+  set options(o) {
+    this._options = o;
+  }
+  set model(s) {
+    this._model = s;
+    this._rerender();
+  }
+  connectedCallback() {}
+}
+export {BoilerPlateItemTypePrint as default};

package/package.json

@@ -4,12 +4,12 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "2.0.4-next.4",
+  "version": "2.0.5-next.1",
   "description": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "1.2.3",
+    "@pie-lib/pie-toolbox": "1.2.4",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
@@ -23,6 +23,7 @@
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {
-    ".": "./src/index.js"
+    ".": "./src/index.js",
+    "./print": "./src/print.js"
   }
 }