@pie-element/charting 12.2.2-beta.6 → 12.2.2-beta.8

package/configure/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_pieConfigureEvents","_debug","_configure","_defaults","_mathRendering","log","debug","GraphLinesConfigure","HTMLElement","constructor","_root","_model","createDefaultModel","_configuration","defaultValues","configuration","model","m","_render","c","newConfiguration","language","enabled","languageChoices","options","length","value","settings","find","option","push","label","onModelChanged","dispatchEvent","ModelUpdatedEvent","onConfigurationChanged","config","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","el","React","createElement","Configure","bind","imageSupport","add","delete","uploadSoundSupport","createRoot","render","queueMicrotask","renderMath","connectedCallback","disconnectedCallback","unmount","exports","default","_defineProperty2"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\nimport Configure from './configure';\nimport defaultValues from './defaults';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst log = debug('pie-elements:graphing:configure');\n\nexport default class GraphLinesConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({ ...defaultValues.model, ...model });\n\n  constructor() {\n    super();\n    this._root = null;\n    this._model = GraphLinesConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = GraphLinesConfigure.createDefaultModel(m);\n    this._render();\n  }\n\n  set configuration(c) {\n    const newConfiguration = {\n      ...defaultValues.configuration,\n      ...c,\n    };\n\n    this._configuration = newConfiguration;\n\n    // if language:enabled is true, then the corresponding default item model should include a language value;\n    // if it is false, then the language field should be omitted from the item model.\n    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,\n    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).\n    if (newConfiguration?.language?.enabled) {\n      if (newConfiguration?.languageChoices?.options?.length) {\n        this._model.language = newConfiguration?.languageChoices.options[0].value;\n      }\n    } else if (newConfiguration.language.settings && this._model.language) {\n      this._configuration.language.enabled = true;\n\n      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {\n        this._configuration.languageChoices.options = [];\n      }\n\n      // check if the language is already included in the languageChoices.options array\n      // and if not, then add it.\n      if (!this._configuration.languageChoices.options.find((option) => option.value === this._model.language)) {\n        this._configuration.languageChoices.options.push({\n          value: this._model.language,\n          label: this._model.language,\n        });\n      }\n    } else {\n      delete this._model.language;\n    }\n\n    this._render();\n  }\n\n  onModelChanged(model) {\n    this._model = model;\n    this._render();\n\n    log('[onModelChanged]: ', this._model);\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n  }\n\n  onConfigurationChanged(config) {\n    this._configuration = config;\n    this._render();\n  }\n\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  _render() {\n    if (this._model) {\n      const el = React.createElement(Configure, {\n        onModelChanged: this.onModelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        model: this._model,\n        configuration: this._configuration,\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this),\n        },\n        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this),\n        },\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n      queueMicrotask(() => {\n        renderMath(this);\n      });\n    }\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAOA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAEA,MAAMO,GAAG,GAAG,IAAAC,cAAK,EAAC,iCAAiC,CAAC;AAErC,MAAMC,mBAAmB,SAASC,WAAW,CAAC;EAG3DC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,KAAK,GAAG,IAAI;IACjB,IAAI,CAACC,MAAM,GAAGJ,mBAAmB,CAACK,kBAAkB,CAAC,CAAC;IACtD,IAAI,CAACC,cAAc,GAAGC,iBAAa,CAACC,aAAa;EACnD;EAEA,IAAIC,KAAKA,CAACC,CAAC,EAAE;IACX,IAAI,CAACN,MAAM,GAAGJ,mBAAmB,CAACK,kBAAkB,CAACK,CAAC,CAAC;IACvD,IAAI,CAACC,OAAO,CAAC,CAAC;EAChB;EAEA,IAAIH,aAAaA,CAACI,CAAC,EAAE;IACnB,MAAMC,gBAAgB,GAAG;MACvB,GAAGN,iBAAa,CAACC,aAAa;MAC9B,GAAGI;IACL,CAAC;IAED,IAAI,CAACN,cAAc,GAAGO,gBAAgB;;IAEtC;IACA;IACA;IACA;IACA,IAAIA,gBAAgB,EAAEC,QAAQ,EAAEC,OAAO,EAAE;MACvC,IAAIF,gBAAgB,EAAEG,eAAe,EAAEC,OAAO,EAAEC,MAAM,EAAE;QACtD,IAAI,CAACd,MAAM,CAACU,QAAQ,GAAGD,gBAAgB,EAAEG,eAAe,CAACC,OAAO,CAAC,CAAC,CAAC,CAACE,KAAK;MAC3E;IACF,CAAC,MAAM,IAAIN,gBAAgB,CAACC,QAAQ,CAACM,QAAQ,IAAI,IAAI,CAAChB,MAAM,CAACU,QAAQ,EAAE;MACrE,IAAI,CAACR,cAAc,CAACQ,QAAQ,CAACC,OAAO,GAAG,IAAI;MAE3C,IAAI,CAAC,IAAI,CAACT,cAAc,CAACU,eAAe,CAACC,OAAO,IAAI,CAAC,IAAI,CAACX,cAAc,CAACU,eAAe,CAACC,OAAO,CAACC,MAAM,EAAE;QACvG,IAAI,CAACZ,cAAc,CAACU,eAAe,CAACC,OAAO,GAAG,EAAE;MAClD;;MAEA;MACA;MACA,IAAI,CAAC,IAAI,CAACX,cAAc,CAACU,eAAe,CAACC,OAAO,CAACI,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACH,KAAK,KAAK,IAAI,CAACf,MAAM,CAACU,QAAQ,CAAC,EAAE;QACxG,IAAI,CAACR,cAAc,CAACU,eAAe,CAACC,OAAO,CAACM,IAAI,CAAC;UAC/CJ,KAAK,EAAE,IAAI,CAACf,MAAM,CAACU,QAAQ;UAC3BU,KAAK,EAAE,IAAI,CAACpB,MAAM,CAACU;QACrB,CAAC,CAAC;MACJ;IACF,CAAC,MAAM;MACL,OAAO,IAAI,CAACV,MAAM,CAACU,QAAQ;IAC7B;IAEA,IAAI,CAACH,OAAO,CAAC,CAAC;EAChB;EAEAc,cAAcA,CAAChB,KAAK,EAAE;IACpB,IAAI,CAACL,MAAM,GAAGK,KAAK;IACnB,IAAI,CAACE,OAAO,CAAC,CAAC;IAEdb,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAACM,MAAM,CAAC;IAEtC,IAAI,CAACsB,aAAa,CAAC,IAAIC,qCAAiB,CAAC,IAAI,CAACvB,MAAM,CAAC,CAAC;EACxD;EAEAwB,sBAAsBA,CAACC,MAAM,EAAE;IAC7B,IAAI,CAACvB,cAAc,GAAGuB,MAAM;IAC5B,IAAI,CAAClB,OAAO,CAAC,CAAC;EAChB;EAEAmB,WAAWA,CAACC,OAAO,EAAE;IACnB,IAAI,CAACL,aAAa,CAAC,IAAIM,oCAAgB,CAACD,OAAO,CAAC,CAAC;EACnD;EAEAE,aAAaA,CAACC,GAAG,EAAEC,IAAI,EAAE;IACvB,IAAI,CAACT,aAAa,CAAC,IAAIU,oCAAgB,CAACF,GAAG,EAAEC,IAAI,CAAC,CAAC;EACrD;EAEAE,WAAWA,CAACN,OAAO,EAAE;IACnB,IAAI,CAACL,aAAa,CAAC,IAAIY,oCAAgB,CAACP,OAAO,CAAC,CAAC;EACnD;EAEAQ,aAAaA,CAACL,GAAG,EAAEC,IAAI,EAAE;IACvB,IAAI,CAACT,aAAa,CAAC,IAAIc,oCAAgB,CAACN,GAAG,EAAEC,IAAI,CAAC,CAAC;EACrD;EAEAxB,OAAOA,CAAA,EAAG;IACR,IAAI,IAAI,CAACP,MAAM,EAAE;MACf,MAAMqC,EAAE,gBAAGC,cAAK,CAACC,aAAa,CAACC,kBAAS,EAAE;QACxCnB,cAAc,EAAE,IAAI,CAACA,cAAc,CAACoB,IAAI,CAAC,IAAI,CAAC;QAC9CjB,sBAAsB,EAAE,IAAI,CAACA,sBAAsB,CAACiB,IAAI,CAAC,IAAI,CAAC;QAC9DpC,KAAK,EAAE,IAAI,CAACL,MAAM;QAClBI,aAAa,EAAE,IAAI,CAACF,cAAc;QAClCwC,YAAY,EAAE;UACZC,GAAG,EAAE,IAAI,CAACjB,WAAW,CAACe,IAAI,CAAC,IAAI,CAAC;UAChCG,MAAM,EAAE,IAAI,CAACf,aAAa,CAACY,IAAI,CAAC,IAAI;QACtC,CAAC;QACDI,kBAAkB,EAAE;UAClBF,GAAG,EAAE,IAAI,CAACV,WAAW,CAACQ,IAAI,CAAC,IAAI,CAAC;UAChCG,MAAM,EAAE,IAAI,CAACT,aAAa,CAACM,IAAI,CAAC,IAAI;QACtC;MACF,CAAC,CAAC;MAEF,IAAI,CAAC,IAAI,CAAC1C,KAAK,EAAE;QACf,IAAI,CAACA,KAAK,GAAG,IAAA+C,kBAAU,EAAC,IAAI,CAAC;MAC/B;MACA,IAAI,CAAC/C,KAAK,CAACgD,MAAM,CAACV,EAAE,CAAC;MACrBW,cAAc,CAAC,MAAM;QACnB,IAAAC,yBAAU,EAAC,IAAI,CAAC;MAClB,CAAC,CAAC;IACJ;EACF;EAEAC,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAAC3C,OAAO,CAAC,CAAC;EAChB;EAEA4C,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACpD,KAAK,EAAE;MACd,IAAI,CAACA,KAAK,CAACqD,OAAO,CAAC,CAAC;MACpB,IAAI,CAACrD,KAAK,GAAG,IAAI;IACnB;EACF;AACF;AAACsD,OAAA,CAAAC,OAAA,GAAA1D,mBAAA;AAAA,IAAA2D,gBAAA,CAAAD,OAAA,EAxHoB1D,mBAAmB,wBACV,CAACS,KAAK,GAAG,CAAC,CAAC,MAAM;EAAE,GAAGF,iBAAa,CAACE,KAAK;EAAE,GAAGA;AAAM,CAAC,CAAC","ignoreList":[]}

package/configure/lib/utils.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLabelValues = exports.getGridValues = exports.applyConstraints = exports.VALID_LABEL_VALUES = void 0;
+var _lodashEs = require("lodash-es");
+// this file is almost duplicated from graphing/configure/src/utils.js; the same logic must be used in charting
+
+const VALID_GRID_VALUES = [0.01, 0.02, 0.04, 0.05, 0.0625, 0.1, 0.125, 0.2, 0.25, 0.5, 1, 2, 3, 4, 5, 8, 10, 12, 15, 20, 40, 50, 64, 100, 500, 1000];
+
+// same as VALID_GRID_VALUES but next values are excluded: 0.04, 0.0625, 0.125, 3, 4, 8, 12, 15, 40, 64
+const PREFERRED_VALID_GRID_VALUES = [0.01, 0.02, 0.05, 0.1, 0.2, 0.25, 0.5, 1, 2, 5, 10, 20, 50, 100, 500, 1000];
+const VALID_LABEL_VALUES = exports.VALID_LABEL_VALUES = {
+  0.01: [0, 0.01, 0.02, 0.04, 0.05, 0.1],
+  0.02: [0, 0.02, 0.04, 0.1],
+  0.04: [0, 0.04, 0.08, 0.16, 0.2],
+  0.05: [0, 0.05, 0.1, 0.2, 0.25],
+  0.0625: [0, 0.0625, 0.125, 0.25, 0.5],
+  0.1: [0, 0.1, 0.2, 0.4, 0.5, 1],
+  0.125: [0, 0.125, 0.25, 0.5, 1],
+  0.2: [0, 0.2, 0.5, 0.1],
+  0.25: [0, 0.25, 0.5, 1, 2],
+  0.5: [0, 0.5, 1, 2],
+  1: [0, 1, 2, 4, 5, 10],
+  2: [0, 2, 4, 8, 10],
+  3: [0, 3, 6, 12, 15],
+  4: [0, 4, 8, 16, 20],
+  5: [0, 5, 10, 20, 25],
+  8: [0, 8, 16, 32, 40, 64],
+  10: [0, 10, 20, 40, 50, 100],
+  12: [0, 12, 24],
+  15: [0, 15, 30, 60],
+  20: [0, 20, 40, 80, 100],
+  40: [0, 40, 80, 160, 200],
+  50: [0, 50, 100, 200, 250],
+  64: [0, 64, 128],
+  100: [0, 100, 200, 400, 500],
+  500: [0, 500, 1000, 2500],
+  1000: [0, 1000, 2000, 4000, 5000]
+};
+const getGridValues = (axis, size, prefferedValues = false) => {
+  const minValue = 10 * (axis.max - axis.min) / size;
+  const maxValue = minValue * 10;
+
+  // if preferred values should be used enforce all values to be used if the axis step
+  // is included in all supported values and not included in preferred values
+  const useAllValues = prefferedValues && !PREFERRED_VALID_GRID_VALUES.includes(axis.step) && VALID_GRID_VALUES.includes(axis.step);
+  const values = !prefferedValues || useAllValues ? VALID_GRID_VALUES : PREFERRED_VALID_GRID_VALUES;
+  return values.filter(value => value >= minValue && value <= maxValue);
+};
+exports.getGridValues = getGridValues;
+const getLabelValues = value => VALID_LABEL_VALUES[value] || [];
+exports.getLabelValues = getLabelValues;
+const applyConstraints = (axis, size, oldGridValues, oldLabelValues) => {
+  const gridValues = getGridValues(axis, size);
+  let labelValues = getLabelValues(axis.step || 1);
+  if (!(0, _lodashEs.isEqual)(oldGridValues, gridValues) && !gridValues.includes(axis.step)) {
+    const preferredValues = getGridValues(axis, size, true);
+    const lowestValue = preferredValues[0] || 1;
+    axis.step = lowestValue;
+    labelValues = getLabelValues(lowestValue);
+    if (!labelValues.includes(axis.labelStep)) {
+      axis.labelStep = lowestValue;
+    }
+    return {
+      gridValues,
+      labelValues
+    };
+  }
+  if (!(0, _lodashEs.isEqual)(oldLabelValues, labelValues) && !labelValues.includes(axis.labelStep)) {
+    axis.labelStep = axis.step;
+  }
+  return {
+    gridValues,
+    labelValues
+  };
+};
+exports.applyConstraints = applyConstraints;
+//# sourceMappingURL=utils.js.map

package/configure/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["_lodashEs","require","VALID_GRID_VALUES","PREFERRED_VALID_GRID_VALUES","VALID_LABEL_VALUES","exports","getGridValues","axis","size","prefferedValues","minValue","max","min","maxValue","useAllValues","includes","step","values","filter","value","getLabelValues","applyConstraints","oldGridValues","oldLabelValues","gridValues","labelValues","isEqual","preferredValues","lowestValue","labelStep"],"sources":["../src/utils.js"],"sourcesContent":["// this file is almost duplicated from graphing/configure/src/utils.js; the same logic must be used in charting\nimport { isEqual } from 'lodash-es';\n\nconst VALID_GRID_VALUES = [\n  0.01, 0.02, 0.04, 0.05, 0.0625, 0.1, 0.125, 0.2, 0.25, 0.5, 1, 2, 3, 4, 5, 8, 10, 12, 15, 20, 40, 50, 64, 100, 500,\n  1000,\n];\n\n// same as VALID_GRID_VALUES but next values are excluded: 0.04, 0.0625, 0.125, 3, 4, 8, 12, 15, 40, 64\nconst PREFERRED_VALID_GRID_VALUES = [0.01, 0.02, 0.05, 0.1, 0.2, 0.25, 0.5, 1, 2, 5, 10, 20, 50, 100, 500, 1000];\n\nexport const VALID_LABEL_VALUES = {\n  0.01: [0, 0.01, 0.02, 0.04, 0.05, 0.1],\n  0.02: [0, 0.02, 0.04, 0.1],\n  0.04: [0, 0.04, 0.08, 0.16, 0.2],\n  0.05: [0, 0.05, 0.1, 0.2, 0.25],\n  0.0625: [0, 0.0625, 0.125, 0.25, 0.5],\n  0.1: [0, 0.1, 0.2, 0.4, 0.5, 1],\n  0.125: [0, 0.125, 0.25, 0.5, 1],\n  0.2: [0, 0.2, 0.5, 0.1],\n  0.25: [0, 0.25, 0.5, 1, 2],\n  0.5: [0, 0.5, 1, 2],\n  1: [0, 1, 2, 4, 5, 10],\n  2: [0, 2, 4, 8, 10],\n  3: [0, 3, 6, 12, 15],\n  4: [0, 4, 8, 16, 20],\n  5: [0, 5, 10, 20, 25],\n  8: [0, 8, 16, 32, 40, 64],\n  10: [0, 10, 20, 40, 50, 100],\n  12: [0, 12, 24],\n  15: [0, 15, 30, 60],\n  20: [0, 20, 40, 80, 100],\n  40: [0, 40, 80, 160, 200],\n  50: [0, 50, 100, 200, 250],\n  64: [0, 64, 128],\n  100: [0, 100, 200, 400, 500],\n  500: [0, 500, 1000, 2500],\n  1000: [0, 1000, 2000, 4000, 5000],\n};\n\nexport const getGridValues = (axis, size, prefferedValues = false) => {\n  const minValue = (10 * (axis.max - axis.min)) / size;\n  const maxValue = minValue * 10;\n\n  // if preferred values should be used enforce all values to be used if the axis step\n  // is included in all supported values and not included in preferred values\n  const useAllValues =\n    prefferedValues && !PREFERRED_VALID_GRID_VALUES.includes(axis.step) && VALID_GRID_VALUES.includes(axis.step);\n  const values = !prefferedValues || useAllValues ? VALID_GRID_VALUES : PREFERRED_VALID_GRID_VALUES;\n\n  return values.filter((value) => value >= minValue && value <= maxValue);\n};\n\nexport const getLabelValues = (value) => VALID_LABEL_VALUES[value] || [];\n\nexport const applyConstraints = (axis, size, oldGridValues, oldLabelValues) => {\n  const gridValues = getGridValues(axis, size);\n  let labelValues = getLabelValues(axis.step || 1);\n\n  if (!isEqual(oldGridValues, gridValues) && !gridValues.includes(axis.step)) {\n    const preferredValues = getGridValues(axis, size, true);\n    const lowestValue = preferredValues[0] || 1;\n\n    axis.step = lowestValue;\n    labelValues = getLabelValues(lowestValue);\n\n    if (!labelValues.includes(axis.labelStep)) {\n      axis.labelStep = lowestValue;\n    }\n\n    return { gridValues, labelValues };\n  }\n\n  if (!isEqual(oldLabelValues, labelValues) && !labelValues.includes(axis.labelStep)) {\n    axis.labelStep = axis.step;\n  }\n\n  return { gridValues, labelValues };\n};\n"],"mappings":"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","ignoreList":[]}

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/charting-configure",
   "private": true,
-  "version": "11.4.0-beta.12",
+  "version": "11.4.0-beta.14",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -12,9 +12,9 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/charting": "7.0.22-beta.1",
-    "@pie-lib/config-ui": "13.0.22-beta.1",
-    "@pie-lib/editable-html-tip-tap": "2.1.20-beta.1",
+    "@pie-lib/charting": "7.0.22-beta.3",
+    "@pie-lib/config-ui": "13.0.22-beta.3",
+    "@pie-lib/editable-html-tip-tap": "2.1.20-beta.3",
     "@pie-lib/math-rendering": "5.1.0",
     "@pie-lib/render-ui": "6.1.3",
     "debug": "^4.1.1",

package/controller/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0-beta.14](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-controller@8.4.0-beta.13...@pie-element/charting-controller@8.4.0-beta.14) (2026-09-29)
+
+**Note:** Version bump only for package @pie-element/charting-controller
+
+# [8.4.0-beta.13](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-controller@8.4.0-beta.12...@pie-element/charting-controller@8.4.0-beta.13) (2026-09-24)
+
+**Note:** Version bump only for package @pie-element/charting-controller
+
 # [8.4.0-beta.12](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-controller@8.4.0-beta.11...@pie-element/charting-controller@8.4.0-beta.12) (2026-09-24)
 
 **Note:** Version bump only for package @pie-element/charting-controller

package/controller/lib/defaults.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * NOTE: There's no functionality described for graphTitle,
+ * rationale, scoringType, studentInstructions, teacherInstructions
+ * so there's no implementation (they are only added in model)
+ */
+var _default = exports.default = {
+  addCategoryEnabled: true,
+  changeAddCategoryEnabled: false,
+  changeEditableEnabled: false,
+  changeInteractiveEnabled: false,
+  chartType: 'lineCross',
+  correctAnswer: {},
+  data: [],
+  domain: {},
+  graph: {
+    width: 480,
+    height: 480
+  },
+  prompt: '',
+  promptEnabled: true,
+  range: {
+    label: '',
+    max: 1,
+    min: 0,
+    labelStep: 1
+  },
+  rationale: '',
+  rationaleEnabled: true,
+  scoringType: 'all or nothing',
+  studentInstructionsEnabled: true,
+  studentNewCategoryDefaultLabel: 'New Category',
+  teacherInstructions: '',
+  teacherInstructionsEnabled: true,
+  title: ''
+};
+//# sourceMappingURL=defaults.js.map

package/controller/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["_default","exports","default","addCategoryEnabled","changeAddCategoryEnabled","changeEditableEnabled","changeInteractiveEnabled","chartType","correctAnswer","data","domain","graph","width","height","prompt","promptEnabled","range","label","max","min","labelStep","rationale","rationaleEnabled","scoringType","studentInstructionsEnabled","studentNewCategoryDefaultLabel","teacherInstructions","teacherInstructionsEnabled","title"],"sources":["../src/defaults.js"],"sourcesContent":["/**\n * NOTE: There's no functionality described for graphTitle,\n * rationale, scoringType, studentInstructions, teacherInstructions\n * so there's no implementation (they are only added in model)\n */\n\nexport default {\n  addCategoryEnabled: true,\n  changeAddCategoryEnabled: false,\n  changeEditableEnabled: false,\n  changeInteractiveEnabled: false,\n  chartType: 'lineCross',\n  correctAnswer: {},\n  data: [],\n  domain: {},\n  graph: { width: 480, height: 480 },\n  prompt: '',\n  promptEnabled: true,\n  range: { label: '', max: 1, min: 0, labelStep: 1 },\n  rationale: '',\n  rationaleEnabled: true,\n  scoringType: 'all or nothing',\n  studentInstructionsEnabled: true,\n  studentNewCategoryDefaultLabel: 'New Category',\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  title: '',\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAJA,IAAAA,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAMe;EACbC,kBAAkB,EAAE,IAAI;EACxBC,wBAAwB,EAAE,KAAK;EAC/BC,qBAAqB,EAAE,KAAK;EAC5BC,wBAAwB,EAAE,KAAK;EAC/BC,SAAS,EAAE,WAAW;EACtBC,aAAa,EAAE,CAAC,CAAC;EACjBC,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE,CAAC,CAAC;EACVC,KAAK,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAI,CAAC;EAClCC,MAAM,EAAE,EAAE;EACVC,aAAa,EAAE,IAAI;EACnBC,KAAK,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,CAAC;IAAEC,GAAG,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAE,CAAC;EAClDC,SAAS,EAAE,EAAE;EACbC,gBAAgB,EAAE,IAAI;EACtBC,WAAW,EAAE,gBAAgB;EAC7BC,0BAA0B,EAAE,IAAI;EAChCC,8BAA8B,EAAE,cAAc;EAC9CC,mBAAmB,EAAE,EAAE;EACvBC,0BAA0B,EAAE,IAAI;EAChCC,KAAK,EAAE;AACT,CAAC","ignoreList":[]}

package/controller/lib/index.js

@@ -0,0 +1,434 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getScore = exports.getLogTrace = exports.filterCategories = exports.createCorrectResponseSession = exports.checkLabelsEquality = void 0;
+exports.model = model;
+exports.normalize = void 0;
+exports.outcome = outcome;
+exports.validate = exports.setCorrectness = void 0;
+var _debug = _interopRequireDefault(require("debug"));
+var _lodashEs = require("lodash-es");
+var _defaults = _interopRequireDefault(require("./defaults"));
+var _controllerUtils = require("@pie-lib/controller-utils");
+const log = (0, _debug.default)('@pie-element:graphing:controller');
+const lowerCase = string => (string || '').toLowerCase();
+const checkLabelsEquality = (givenAnswerLabel, correctAnswerLabel) => lowerCase(givenAnswerLabel) === lowerCase(correctAnswerLabel);
+exports.checkLabelsEquality = checkLabelsEquality;
+const setCorrectness = (answers, partialScoring) => answers ? answers.map(answer => ({
+  ...answer,
+  correctness: {
+    value: partialScoring ? 'incorrect' : 'correct',
+    label: partialScoring ? 'incorrect' : 'correct'
+  }
+})) : [];
+exports.setCorrectness = setCorrectness;
+const normalize = question => ({
+  ..._defaults.default,
+  ...question
+});
+exports.normalize = normalize;
+const getScore = (question, session, env = {}) => {
+  const {
+    correctAnswer,
+    data: initialData = [],
+    scoringType
+  } = question;
+  let correctResponses = [];
+  const isPartialScoring = _controllerUtils.partialScoring.enabled({
+    partialScoring: scoringType !== undefined ? scoringType === 'partial scoring' : scoringType
+  }, env);
+  const {
+    data: correctAnswers = []
+  } = correctAnswer || {};
+  const defaultAnswers = filterCategories(initialData);
+  let answers = setCorrectness(session && session.answer || defaultAnswers, isPartialScoring);
+  let result = 0;
+  if (isPartialScoring) {
+    // if score type is "partial scoring"
+    // maxScore is calculated based on the correct response
+    // score is calculated based on the given response
+    let maxScore = 0;
+    let score = 0;
+    const scoreForLabelAndValueEditable = (answer, corrAnswer) => {
+      const {
+        value,
+        label,
+        index
+      } = answer;
+      const valueIsCorrect = value === corrAnswer.value;
+      const labelIsCorrect = checkLabelsEquality(label, corrAnswer.label);
+      maxScore += 2;
+      if (valueIsCorrect) {
+        score += 1;
+        answer.correctness.value = 'correct';
+      }
+      if (labelIsCorrect) {
+        score += 1;
+        answer.correctness.label = 'correct';
+      }
+      if (valueIsCorrect && labelIsCorrect) {
+        correctResponses.push({
+          label: label,
+          index: index
+        });
+      }
+    };
+
+    // if given answer has more categories than the correct answers, the "extra" will be ignored
+    correctAnswers.forEach((corrAnswer, index) => {
+      const defaultAnswer = defaultAnswers[index];
+      const answer = answers[index];
+
+      // if there is a corresponding category at the same position in the given answer
+      if (answer) {
+        // if there is a corresponding category at the same position in the default answer
+        if (defaultAnswer) {
+          // if category's label (in default answer) was not editable
+          // it means that this category values only one point (only the value can be changed)
+          if (!defaultAnswer.editable && answer.interactive) {
+            maxScore += 1;
+            if (answer.value === corrAnswer.value) {
+              score += 1;
+              answer.correctness.value = 'correct';
+              correctResponses.push({
+                label: answer.label,
+                index: index
+              });
+            }
+            answer.correctness.label = 'correct';
+
+            // if category's label (in default answer) was editable
+            // it means that this category values 2 points (both label and value can be changed)
+          } else if (defaultAnswer.editable && answer.interactive) {
+            scoreForLabelAndValueEditable(answer, corrAnswer);
+          } else if (!answer.interactive) {
+            answer.correctness.value = 'correct';
+            answer.correctness.label = 'correct';
+            correctResponses.push({
+              label: answer.label,
+              index: index
+            });
+          }
+        } else {
+          // if there is not a corresponding category at the same position in the default answer
+          scoreForLabelAndValueEditable(answer, corrAnswer);
+        }
+      } else {
+        // if there is not a corresponding category at the same position in the given answer
+        // it means that the given answer has less categories than the correct answer
+        maxScore += 2;
+      }
+    });
+    result = maxScore ? score / maxScore : 0;
+  } else {
+    // all-or-nothing scoring: overall score is 1 only if lengths and all values/labels match
+    result = correctAnswers.length === answers.length ? 1 : 0;
+
+    // regardless of overall result, mark each answer individually for user feedback
+    answers = answers.map((answer, index) => {
+      const correctAnswer = correctAnswers[index];
+      const valueIsCorrect = correctAnswer ? answer.value === correctAnswer.value : false;
+      const labelIsCorrect = correctAnswer ? lowerCase(answer.label) === lowerCase(correctAnswer.label) : false;
+      if (!valueIsCorrect || !labelIsCorrect) {
+        result = 0;
+      }
+      if (valueIsCorrect && labelIsCorrect) {
+        correctResponses.push({
+          label: answer.label,
+          index
+        });
+      }
+      return {
+        ...answer,
+        correctness: {
+          value: valueIsCorrect ? 'correct' : 'incorrect',
+          label: labelIsCorrect ? 'correct' : 'incorrect'
+        }
+      };
+    });
+  }
+  const score = {
+    score: parseFloat(result.toFixed(2)),
+    answers
+  };
+  if (env.extraProps && env.extraProps.correctResponseEnabled) {
+    score.correctResponses = correctResponses;
+  }
+  return score;
+};
+
+/**
+ * Generates detailed trace log for scoring evaluation
+ * @param {Object} model - the question model
+ * @param {Object} session - the student session
+ * @param {Object} env - the environment
+ * @returns {Array} traceLog - array of trace messages
+ */
+exports.getScore = getScore;
+const getLogTrace = (model, session, env) => {
+  const traceLog = [];
+  const {
+    correctAnswer,
+    data: initialData = [],
+    scoringType
+  } = model || {};
+  const {
+    data: correctAnswers = []
+  } = correctAnswer || {};
+  const studentAnswers = session && session.answer || [];
+  const isPartialScoring = _controllerUtils.partialScoring.enabled({
+    partialScoring: scoringType !== undefined ? scoringType === 'partial scoring' : scoringType
+  }, env);
+  const defaultAnswers = filterCategories(initialData);
+  const answers = studentAnswers.length > 0 ? filterCategories(studentAnswers) : defaultAnswers;
+  if (!studentAnswers.length) {
+    traceLog.push(`Student did not modify the chart. Initial chart is scored.`);
+  }
+  correctAnswers.forEach((correct, index) => {
+    const initial = defaultAnswers[index];
+    const student = answers[index];
+    if (!student) {
+      traceLog.push(`Category ${index + 1}: missing (expected value '${correct.value}', label '${correct.label}').`);
+      return;
+    }
+    const valueCorrect = student.value === correct.value;
+    const labelCorrect = checkLabelsEquality(student.label, correct.label);
+    if (!student.interactive) {
+      traceLog.push(`Category ${index + 1}: non-interactive category treated as correct.`);
+      return;
+    }
+    if (studentAnswers.length > 0) {
+      const valueChanged = initial ? student.value !== initial.value : true;
+      const labelChanged = initial ? !checkLabelsEquality(student.label, initial.label) : true;
+      if (!valueChanged && !labelChanged) {
+        if (valueCorrect && labelCorrect) {
+          traceLog.push(`Category ${index + 1}: unchanged from initial value and correct.`);
+        } else {
+          traceLog.push(`Category ${index + 1}: unchanged from initial value but incorrect.`);
+        }
+        return;
+      }
+      const parts = [];
+      if (valueChanged) {
+        parts.push(`value ${valueCorrect ? 'correct' : 'incorrect'}`);
+      }
+      if (labelChanged) {
+        parts.push(`label ${labelCorrect ? 'correct' : 'incorrect'}`);
+      }
+      traceLog.push(`Category ${index + 1}: modified - ${parts.join(', ')}.`);
+    } else {
+      if (valueCorrect && labelCorrect) {
+        traceLog.push(`Category ${index + 1}: initial values are correct.`);
+      } else if (valueCorrect) {
+        traceLog.push(`Category ${index + 1}: initial value correct, label incorrect.`);
+      } else if (labelCorrect) {
+        traceLog.push(`Category ${index + 1}: initial value incorrect, label correct.`);
+      } else {
+        traceLog.push(`Category ${index + 1}: initial value and label incorrect.`);
+      }
+    }
+  });
+  if (answers.length > correctAnswers.length) {
+    const extra = answers.length - correctAnswers.length;
+    traceLog.push(`${extra} extra category(ies) provided beyond expected number.`);
+  }
+  if (isPartialScoring) {
+    traceLog.push('Score calculated using partial scoring.');
+    traceLog.push('Student receives credit for each correct value and label independently.');
+  } else {
+    traceLog.push('Score calculated using all-or-nothing scoring.');
+    traceLog.push('Student must match all category values and labels exactly for full credit.');
+  }
+  const scoreObject = getScore(model, session, env);
+  traceLog.push(`Score: ${scoreObject.score}.`);
+  return traceLog;
+};
+
+// eslint-disable-next-line no-unused-vars
+exports.getLogTrace = getLogTrace;
+const filterCategories = categories => categories ? categories.map(({
+  deletable,
+  ...rest
+}) => rest) : [];
+exports.filterCategories = filterCategories;
+function model(question, session, env) {
+  return new Promise(resolve => {
+    const normalizedQuestion = normalize(question);
+    const {
+      addCategoryEnabled,
+      chartType,
+      data,
+      domain,
+      graph,
+      prompt,
+      promptEnabled,
+      range,
+      rationale,
+      title,
+      rationaleEnabled,
+      teacherInstructions,
+      teacherInstructionsEnabled,
+      correctAnswer,
+      scoringType,
+      studentNewCategoryDefaultLabel,
+      language,
+      extraCSSRules
+    } = normalizedQuestion;
+    const correctInfo = {
+      correctness: 'incorrect',
+      score: '0%'
+    };
+    const base = {
+      addCategoryEnabled,
+      chartType,
+      data: filterCategories(data),
+      domain,
+      graph,
+      prompt: promptEnabled ? prompt : null,
+      range,
+      rationale,
+      title,
+      size: graph,
+      showToggle: false,
+      correctness: correctInfo,
+      disabled: env.mode !== 'gather',
+      scoringType,
+      studentNewCategoryDefaultLabel,
+      language,
+      env,
+      extraCSSRules
+    };
+    const scoreObject = getScore(normalizedQuestion, session, env);
+    const answers = filterCategories(scoreObject.answers);
+    if (env.mode === 'view') {
+      // eslint-disable-next-line no-unused-vars
+      base.correctedAnswer = answers.map(({
+        correctness,
+        ...rest
+      }) => {
+        return {
+          ...rest,
+          interactive: false
+        };
+      });
+      base.addCategoryEnabled = false;
+    }
+    if (env.mode === 'evaluate') {
+      base.correctedAnswer = answers;
+      base.correctAnswer = correctAnswer;
+      base.showToggle = !!correctAnswer?.data?.length && scoreObject.score !== 1;
+      base.addCategoryEnabled = false;
+      base.showKeyLegend = true;
+    }
+    if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {
+      base.rationale = rationaleEnabled ? rationale : null;
+      base.teacherInstructions = teacherInstructionsEnabled ? teacherInstructions : null;
+    } else {
+      base.rationale = null;
+      base.teacherInstructions = null;
+    }
+    log('base: ', base);
+    resolve(base);
+  });
+}
+function outcome(model, session, env) {
+  return new Promise(resolve => {
+    const traceLog = getLogTrace(model, session, env);
+    const scoreObject = getScore(model, session, env);
+    const result = {
+      score: scoreObject.score,
+      empty: !session || (0, _lodashEs.isEmpty)(session),
+      traceLog
+    };
+    if (env.extraProps && env.extraProps.correctResponseEnabled) {
+      result.extraProps = {
+        correctResponse: scoreObject.correctResponses
+      };
+    }
+    resolve(result);
+  });
+}
+const createCorrectResponseSession = (question, env) => {
+  return new Promise(resolve => {
+    if (env.mode !== 'evaluate' && env.role === 'instructor') {
+      const {
+        correctAnswer
+      } = question;
+      let answers = correctAnswer && correctAnswer.data;
+
+      // for IBX preview mode
+      if (env.mode === 'gather') {
+        const {
+          data
+        } = question;
+        answers = (correctAnswer && correctAnswer.data || []).map((answer, index) => {
+          return {
+            ...data[index],
+            ...answer
+          };
+        });
+      }
+      resolve({
+        answer: answers,
+        id: '1'
+      });
+    } else {
+      return resolve(null);
+    }
+  });
+};
+
+// remove all html tags
+exports.createCorrectResponseSession = createCorrectResponseSession;
+const getInnerText = html => (html || '').replaceAll(/<[^>]*>/g, '');
+
+// remove all html tags except img, iframe and source tag for audio
+const getContent = html => (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');
+const validate = (model = {}, config = {}) => {
+  const {
+    correctAnswer,
+    data
+  } = model || {};
+  const {
+    data: correctData
+  } = correctAnswer || {};
+  const categories = correctData || [];
+  const errors = {};
+  const correctAnswerErrors = {};
+  const categoryErrors = {};
+  ['teacherInstructions', 'prompt', 'rationale'].forEach(field => {
+    if (config[field]?.required && !getContent(model[field])) {
+      errors[field] = 'This field is required.';
+    }
+  });
+  categories.forEach((category, index) => {
+    const {
+      label
+    } = category;
+    if (!getInnerText(label)) {
+      categoryErrors[index] = 'Content should not be empty. ';
+    } else {
+      const identicalAnswer = categories.some((c, i) => c.label === label && index !== i);
+      if (identicalAnswer) {
+        categoryErrors[index] = 'Category names should be unique. ';
+      }
+    }
+  });
+  if (categories.length < 1 || categories.length > 20) {
+    correctAnswerErrors.categoriesError = 'The correct answer should include between 1 and 20 categories.';
+  } else if ((0, _lodashEs.isEqual)(data.map(category => (0, _lodashEs.pick)(category, 'value', 'label')), correctData.map(category => (0, _lodashEs.pick)(category, 'value', 'label')))) {
+    correctAnswerErrors.identicalError = 'Correct answer should not be identical to the chart’s initial state';
+  }
+  if (!(0, _lodashEs.isEmpty)(categoryErrors)) {
+    errors.categoryErrors = categoryErrors;
+  }
+  if (!(0, _lodashEs.isEmpty)(correctAnswerErrors)) {
+    errors.correctAnswerErrors = correctAnswerErrors;
+  }
+  return errors;
+};
+exports.validate = validate;
+//# sourceMappingURL=index.js.map