@pie-element/graphing 3.7.9 → 3.7.10-beta.1443

package/docs/pie-schema.json.md

@@ -72,6 +72,22 @@ Additional restrictions:
 
 Indicates if coordinates of a point are displayed on hover
 
+# `defaultTool` (string, enum, required)
+
+Indicates the default selected tool for the graph
+
+This element must be one of the following enum values:
+
+* `circle`
+* `line`
+* `parabola`
+* `point`
+* `polygon`
+* `ray`
+* `segment`
+* `sine`
+* `vector`
+
 # `domain` (object, required)
 
 Properties of the `domain` object:
@@ -112,6 +128,10 @@ Width for graph representation
 
 Height for graph representation
 
+# `includeAxes` (boolean)
+
+Indicates if the graph axes and labels are enabled
+
 # `labels` (object)
 
 Properties of the `labels` object:
@@ -197,6 +217,14 @@ Indicates teacher instructions
 
 Indicates graph title
 
+# `labelsEnabled` (boolean)
+
+Indicates if the graph labels are displayed
+
+# `titleEnabled` (boolean)
+
+Indicates if the graph title is displayed
+
 # `toolbarTools` (array)
 
 Indicates the tools that have to be displayed in toolbar
@@ -209,6 +237,14 @@ Additional restrictions:
 
 Indicates if Rationale are enabled
 
+# `spellCheckEnabled` (boolean, required)
+
+Indicates if spellcheck is enabled for the author. Default value is true
+
+# `standardGrid` (boolean)
+
+Indicates if some domain values will be synched to the range values
+
 # `studentInstructionsEnabled` (boolean, required)
 
 Indicates if Student Instructions are enabled
@@ -217,6 +253,10 @@ Indicates if Student Instructions are enabled
 
 Indicates if Teacher Instructions 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.
@@ -231,22 +271,101 @@ The html Element tag name
 
 The schema defines the following additional types:
 
-## `ConfigurePropWithEnabled` (object)
+## `AuthoringConfigProp` (object)
 
-Properties of the `ConfigurePropWithEnabled` object:
+Properties of the `AuthoringConfigProp` object:
 
 ### `settings` (boolean)
 
-Indicates if the item has to be displayed in the Settings Panel
+Indicates if the item is displayed in the Settings Panel
 
 ### `label` (string)
 
-Indicates the label for the item that has to be displayed in the Settings Panel
+Indicates the label for the item that is 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)
+Indicates if the Grid Setup Panel is displayed
+
+### `includeAxesEnabled` (boolean)
+
+Indicates if the "includeAxes" toggle is displayed in the Grid Setup Panel
+
+### `standardGridEnabled` (boolean)
+
+Indicates if the "standardGrid" toggle is displayed in the Grid Setup Panel
+
+### `min` (object)
+
+Properties of the `min` object:
+
+#### `label` (string)
+
+Indicates the label for the item that is displayed in the Grid Setup Panel
+
+#### `enabled` (boolean)
+
+Indicates if the item is displayed in the Grid Setup Panel
+
+### `max` (object)
+
+Properties of the `max` object:
+
+#### `label` (string)
+
+Indicates the label for the item that is displayed in the Grid Setup Panel
+
+#### `enabled` (boolean)
+
+Indicates if the item is displayed in the Grid Setup Panel
+
+### `axisLabel` (object)
+
+Properties of the `axisLabel` object:
+
+#### `label` (string)
+
+Indicates the label for the item that is displayed in the Grid Setup Panel
+
+#### `enabled` (boolean)
+
+Indicates if the item is displayed in the Grid Setup Panel
+
+### `step` (object)
+
+Properties of the `step` object:
+
+#### `label` (string)
+
+Indicates the label for the item that is displayed in the Grid Setup Panel
+
+#### `enabled` (boolean)
+
+Indicates if the item is displayed in the Grid Setup Panel
+
+### `labelStep` (object)
+
+Properties of the `labelStep` object:
+
+#### `label` (string)
+
+Indicates the label for the item that is displayed in the Grid Setup Panel
+
+#### `enabled` (boolean)
+
+Indicates if the item is displayed in the Grid Setup Panel
+
+## `GridPanelConfigProp` (object)
+
+Properties of the `GridPanelConfigProp` object:
+
+### `label` (string)
+
+Indicates the label for the item that is displayed in the Grid Setup Panel
+
+### `enabled` (boolean)
+
+Indicates if the item is displayed in the Grid Setup Panel
 
 ## `ArrowsConfigProp` (object)
 
@@ -312,157 +431,165 @@ 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
 
-## `Answer` (object)
+## `DimensionsConfigProp` (object)
 
-Properties of the `Answer` object:
+Properties of the `DimensionsConfigProp` object:
 
-### `name` (string, required)
+### `settings` (boolean)
 
-Indicates name of answer
+Indicates if the item has to be displayed in the Settings Panel
 
-### `marks` (array, required)
+### `label` (string)
 
-Indicates marks for the answer
+Indicates the label for the item that has to be displayed in the Settings Panel
 
-Additional restrictions:
+### `enabled` (boolean)
 
-* Minimum items: `1`
+Indicates if the graph dimensions are included in the Grid Setup Panel
 
-## `Mark` (object)
+### `min` (number)
 
-Properties of the `Mark` object:
+Indicates the minimum value for the graph width and height
 
-### `type` (string, enum, required)
+### `max` (number)
 
-Indicates type of mark
+Indicates the maximum value for the graph width and height
 
-This element must be one of the following enum values:
+### `step` (number)
 
-* `circle`
-* `line`
-* `parabola`
-* `point`
-* `polygon`
-* `ray`
-* `segment`
-* `sine`
-* `vector`
+Indicates the increase/decrease value for the graph width and height
 
-### `showLabel` (boolean)
+## `GridConfigurationsProp` (object)
 
-Indicates if label should be visible
+Properties of the `GridConfigurationsProp` object:
 
 ### `label` (string)
 
-Indicates label value for mark
+Indicates the label for the configuration
 
-### `building` (boolean, required)
+### `arrows` (object)
 
-Indicates if mark is in build process
+Properties of the `arrows` object:
 
-### `x` (number)
+#### `left` (boolean, required)
 
-Indicates x coordinate if type is point
+Indicates if left arrow is enabled
 
-### `y` (number)
+#### `right` (boolean, required)
 
-Indicates y coordinate if type is point
+Indicates if right arrow is enabled
 
-### `from` (object)
+#### `up` (boolean, required)
 
-Properties of the `from` object:
+Indicates if up arrow is enabled
 
-#### `x` (number, required)
+#### `down` (boolean, required)
 
-Indicates x coordinate
+Indicates if down arrow is enabled
 
-#### `y` (number, required)
+### `domain` (object, required)
 
-Indicates y coordinate
+Properties of the `domain` object:
 
-### `to` (object)
+#### `min` (number, required)
 
-Properties of the `to` object:
+Min value
 
-#### `x` (number, required)
+#### `max` (number, required)
 
-Indicates x coordinate
+Max value
 
-#### `y` (number, required)
+#### `padding` (number, required)
 
-Indicates y coordinate
+Padding value
 
-### `center` (object)
+#### `step` (number, required)
 
-Properties of the `center` object:
+Step value
 
-#### `x` (number, required)
+#### `labelStep` (number, required)
 
-Indicates x coordinate
+Label step value
 
-#### `y` (number, required)
+#### `axisLabel` (string, required)
 
-Indicates y coordinate
+Axis Label
 
-### `outerPoint` (object)
+### `graph` (object, required)
 
-Properties of the `outerPoint` object:
+Properties of the `graph` object:
 
-#### `x` (number, required)
+#### `width` (number, required)
 
-Indicates x coordinate
+Width for graph representation
 
-#### `y` (number, required)
+#### `height` (number, required)
 
-Indicates y coordinate
+Height for graph representation
 
-### `closed` (boolean)
+### `includeAxes` (boolean)
 
-Indicates if mark is closed if type is polygon, sine
+Indicates if the graph axes and labels are enabled
 
-### `points` (array)
+### `labels` (object)
 
-Indicates all mark's points if type is polygon
+Properties of the `labels` object:
 
-Additional restrictions:
+#### `top` (string, required)
 
-* Minimum items: `1`
+Label for top side of the graph
 
-### `root` (object)
+#### `bottom` (string, required)
 
-Properties of the `root` object:
+Label for bottom side of the graph
 
-#### `x` (number, required)
+#### `left` (string, required)
 
-Indicates x coordinate
+Label for left side of the graph
 
-#### `y` (number, required)
+#### `right` (string, required)
 
-Indicates y coordinate
+Label for right side of the graph
 
-### `edge` (object)
+### `padding` (boolean)
 
-Properties of the `edge` object:
+Indicates if padding is enabled
 
-#### `x` (number, required)
+### `range` (object, required)
 
-Indicates x coordinate
+Properties of the `range` object:
 
-#### `y` (number, required)
+#### `min` (number, required)
 
-Indicates y coordinate
+Min value
 
-## `Point` (object)
+#### `max` (number, required)
 
-Properties of the `Point` object:
+Max value
 
-### `x` (number, required)
+#### `padding` (number, required)
 
-Indicates x coordinate
+Padding value
 
-### `y` (number, required)
+#### `step` (number, required)
 
-Indicates y coordinate
+Step value
+
+#### `labelStep` (number, required)
+
+Label step value
+
+#### `axisLabel` (string, required)
+
+Axis Label
+
+### `standardGrid` (boolean)
+
+Indicates if some domain values will be synched to the range values
+
+### `title` (string)
+
+Indicates graph title
 
 ## `Arrows` (object)
 
@@ -542,4 +669,202 @@ Label for left side of the graph
 
 ### `right` (string, required)
 
-Label for right side of the graph
+Label for right side of the graph
+
+## `LabelsConfigProp` (object)
+
+Properties of the `LabelsConfigProp` object:
+
+### `top` (string)
+
+Indicates the placeholder for the top label
+
+### `right` (string)
+
+Indicates the placeholder for the right label
+
+### `bottom` (string)
+
+Indicates the placeholder for the bottom label
+
+### `left` (string)
+
+Indicates the placeholder for the left label
+
+### `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
+
+### `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)
+
+## `TitleConfigProp` (object)
+
+Properties of the `TitleConfigProp` object:
+
+### `placeholder` (string)
+
+Indicates the placeholder for the title label
+
+### `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
+
+### `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)
+
+## `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
+
+## `Answer` (object)
+
+Properties of the `Answer` object:
+
+### `name` (string, required)
+
+Indicates name of answer
+
+### `marks` (array, required)
+
+Indicates marks for the answer
+
+Additional restrictions:
+
+* Minimum items: `1`
+
+## `Mark` (object)
+
+Properties of the `Mark` object:
+
+### `type` (string, enum, required)
+
+Indicates type of mark
+
+This element must be one of the following enum values:
+
+* `circle`
+* `line`
+* `parabola`
+* `point`
+* `polygon`
+* `ray`
+* `segment`
+* `sine`
+* `vector`
+
+### `showLabel` (boolean)
+
+Indicates if label should be visible
+
+### `label` (string)
+
+Indicates label value for mark
+
+### `building` (boolean, required)
+
+Indicates if mark is in build process
+
+### `x` (number)
+
+Indicates x coordinate if type is point
+
+### `y` (number)
+
+Indicates y coordinate if type is point
+
+### `from` (object)
+
+Properties of the `from` object:
+
+#### `x` (number, required)
+
+Indicates x coordinate
+
+#### `y` (number, required)
+
+Indicates y coordinate
+
+### `to` (object)
+
+Properties of the `to` object:
+
+#### `x` (number, required)
+
+Indicates x coordinate
+
+#### `y` (number, required)
+
+Indicates y coordinate
+
+### `closed` (boolean)
+
+Indicates if mark is closed if type is polygon, sine
+
+### `points` (array)
+
+Indicates all mark's points if type is polygon
+
+Additional restrictions:
+
+* Minimum items: `1`
+
+### `root` (object)
+
+Properties of the `root` object:
+
+#### `x` (number, required)
+
+Indicates x coordinate
+
+#### `y` (number, required)
+
+Indicates y coordinate
+
+### `edge` (object)
+
+Properties of the `edge` object:
+
+#### `x` (number, required)
+
+Indicates x coordinate
+
+#### `y` (number, required)
+
+Indicates y coordinate
+
+## `Point` (object)
+
+Properties of the `Point` object:
+
+### `x` (number, required)
+
+Indicates x coordinate
+
+### `y` (number, required)
+
+Indicates y coordinate

package/lib/index.js

@@ -77,6 +77,9 @@ var Graphing = /*#__PURE__*/function (_HTMLElement) {
     }
   }, {
     key: "session",
+    get: function get() {
+      return this._session;
+    },
     set: function set(s) {
       this._session = s;
 

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["Graphing","answer","Array","isArray","length","_session","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","isComplete","_render","m","_model","s","el","React","createElement","Main","model","session","onAnswersChange","changeAnswers","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;IAIqBA,Q;;;;;AACnB,sBAAc;AAAA;;AAAA;AACZ;AADY,mGAkBD,UAAAC,MAAM;AAAA,aAAIC,KAAK,CAACC,OAAN,CAAcF,MAAd,KAAyBA,MAAM,CAACG,MAAP,GAAgB,CAA7C;AAAA,KAlBL;AAAA,sGAoBE,UAAAH,MAAM,EAAI;AACxB,YAAKI,QAAL,CAAcJ,MAAd,GAAuB,iCAAqBA,MAArB,CAAvB;;AAEA,YAAKK,aAAL,CACE,IAAIC,oCAAJ,CACE,MAAKC,OAAL,CAAaC,WAAb,EADF,EAEE,MAAKC,UAAL,CAAgB,MAAKL,QAAL,CAAcJ,MAA9B,CAFF,CADF;;AAOA,YAAKU,OAAL;AACD,KA/Ba;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKD,OAAL;AACD;;;SAED,aAAYG,CAAZ,EAAe;AACb,WAAKT,QAAL,GAAgBS,CAAhB;;AACA,WAAKH,OAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAiBD,mBAAU;AAAA;;AACR,UAAI,CAAC,KAAKE,MAAN,IAAgB,CAAC,KAAKR,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMU,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKN,MADuB;AAEnCO,QAAAA,OAAO,EAAE,KAAKf,QAFqB;AAGnCgB,QAAAA,eAAe,EAAE,KAAKC;AAHa,OAA1B,CAAX;;AAMAC,2BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,uCAAW,MAAX;AACD,OAFD;AAGD;;;kDAhDmCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nimport {  removeInvalidAnswers } from './utils';\nimport Main from './main';\n\nexport { Main as Component };\n\nexport default class Graphing extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  isComplete = answer => Array.isArray(answer) && answer.length > 0;\n\n  changeAnswers = answer => {\n    this._session.answer = removeInvalidAnswers(answer);\n\n    this.dispatchEvent(\n      new SessionChangedEvent(\n        this.tagName.toLowerCase(),\n        this.isComplete(this._session.answer)\n      )\n    );\n\n    this._render();\n  };\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onAnswersChange: this.changeAnswers\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["Graphing","answer","Array","isArray","length","_session","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","isComplete","_render","m","_model","s","el","React","createElement","Main","model","session","onAnswersChange","changeAnswers","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;IAIqBA,Q;;;;;AACnB,sBAAc;AAAA;;AAAA;AACZ;AADY,mGAsBD,UAACC,MAAD;AAAA,aAAYC,KAAK,CAACC,OAAN,CAAcF,MAAd,KAAyBA,MAAM,CAACG,MAAP,GAAgB,CAArD;AAAA,KAtBC;AAAA,sGAwBE,UAACH,MAAD,EAAY;AAC1B,YAAKI,QAAL,CAAcJ,MAAd,GAAuB,iCAAqBA,MAArB,CAAvB;;AAEA,YAAKK,aAAL,CAAmB,IAAIC,oCAAJ,CAAwB,MAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoD,MAAKC,UAAL,CAAgB,MAAKL,QAAL,CAAcJ,MAA9B,CAApD,CAAnB;;AAEA,YAAKU,OAAL;AACD,KA9Ba;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKD,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAKN,QAAZ;AACD,K;SAPD,aAAYS,CAAZ,EAAe;AACb,WAAKT,QAAL,GAAgBS,CAAhB;;AACA,WAAKH,OAAL;AACD;;;WAMD,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAYD,mBAAU;AAAA;;AACR,UAAI,CAAC,KAAKE,MAAN,IAAgB,CAAC,KAAKR,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMU,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKN,MADuB;AAEnCO,QAAAA,OAAO,EAAE,KAAKf,QAFqB;AAGnCgB,QAAAA,eAAe,EAAE,KAAKC;AAHa,OAA1B,CAAX;;AAMAC,2BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,uCAAW,MAAX;AACD,OAFD;AAGD;;;kDA/CmCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nimport { removeInvalidAnswers } from './utils';\nimport Main from './main';\n\nexport { Main as Component };\n\nexport default class Graphing extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  isComplete = (answer) => Array.isArray(answer) && answer.length > 0;\n\n  changeAnswers = (answer) => {\n    this._session.answer = removeInvalidAnswers(answer);\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete(this._session.answer)));\n\n    this._render();\n  };\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onAnswersChange: this.changeAnswers,\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"file":"index.js"}