@pie-element/charting 12.1.1-next.11 → 12.1.2-next.0

package/dist/author/defaults.d.ts

@@ -0,0 +1,229 @@
+/**
+ * @synced-from pie-elements/packages/charting/configure/src/defaults.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+/**
+ * NOTE: There's no functionality described for graphTitle,
+ * rationale, scoringType, studentInstructions, teacherInstructions
+ * so there's no implementation (they are only added in model)
+ */
+declare const _default: {
+    model: {
+        addCategoryEnabled: boolean;
+        changeAddCategoryEnabled: boolean;
+        changeEditableEnabled: boolean;
+        changeInteractiveEnabled: boolean;
+        chartType: string;
+        correctAnswer: {};
+        data: never[];
+        domain: {};
+        graph: {
+            width: number;
+            height: number;
+        };
+        prompt: string;
+        promptEnabled: boolean;
+        range: {
+            label: string;
+            max: number;
+            min: number;
+            labelStep: number;
+        };
+        rationale: string;
+        rationaleEnabled: boolean;
+        scoringType: string;
+        studentInstructionsEnabled: boolean;
+        studentNewCategoryDefaultLabel: string;
+        teacherInstructions: string;
+        teacherInstructionsEnabled: boolean;
+        title: string;
+    };
+    configuration: {
+        baseInputConfiguration: {
+            h3: {
+                disabled: boolean;
+            };
+            audio: {
+                disabled: boolean;
+            };
+            video: {
+                disabled: boolean;
+            };
+            image: {
+                disabled: boolean;
+            };
+            textAlign: {
+                disabled: boolean;
+            };
+            showParagraphs: {
+                disabled: boolean;
+            };
+            separateParagraphs: {
+                disabled: boolean;
+            };
+        };
+        spellCheck: {
+            label: string;
+            settings: boolean;
+            enabled: boolean;
+        };
+        chartDimensions: {
+            settings: boolean;
+            label: string;
+            showInConfigPanel: boolean;
+            width: {
+                min: number;
+                max: number;
+                step: number;
+            };
+            height: {
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        authorNewCategoryDefaults: {
+            settings: boolean;
+            label: string;
+            interactive: boolean;
+            editable: boolean;
+        };
+        availableChartTypes: {
+            bar: string;
+            histogram: string;
+            lineDot: string;
+            lineCross: string;
+            dotPlot: string;
+            linePlot: string;
+        };
+        chartTypeLabel: string;
+        studentNewCategoryDefaultLabel: {
+            settings: boolean;
+            label: string;
+        };
+        prompt: {
+            settings: boolean;
+            label: string;
+            required: boolean;
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        rationale: {
+            settings: boolean;
+            label: string;
+            required: boolean;
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        scoringType: {
+            settings: boolean;
+            label: string;
+        };
+        settingsPanelDisabled: boolean;
+        studentInstructions: {
+            settings: boolean;
+            label: string;
+        };
+        teacherInstructions: {
+            settings: boolean;
+            label: string;
+            required: boolean;
+            inputConfiguration: {
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+            };
+        };
+        title: {
+            settings: boolean;
+            label: string;
+        };
+        instruction: {
+            settings: boolean;
+            label: string;
+        };
+        titlePlaceholder: {
+            settings: boolean;
+            label: string;
+        };
+        labelsPlaceholders: {
+            left: string;
+            right: string;
+            top: string;
+            bottom: string;
+        };
+        maxImageWidth: {
+            teacherInstructions: number;
+            prompt: number;
+            rationale: number;
+        };
+        maxImageHeight: {
+            teacherInstructions: number;
+            prompt: number;
+            rationale: number;
+        };
+        withRubric: {
+            settings: boolean;
+            label: string;
+        };
+        language: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        languageChoices: {
+            label: string;
+            options: never[];
+        };
+        chartingOptions: {
+            changeInteractive: {
+                settings: boolean;
+                authoringLabel: string;
+                settingsLabel: string;
+            };
+            changeEditable: {
+                settings: boolean;
+                authoringLabel: string;
+                settingsLabel: string;
+            };
+            addCategory: {
+                settings: boolean;
+                authoringLabel: string;
+                settingsLabel: string;
+            };
+            mathMlOptions: {
+                mmlOutput: boolean;
+                mmlEditing: boolean;
+            };
+        };
+    };
+};
+export default _default;

package/dist/author/defaults.js

@@ -0,0 +1,186 @@
+//#region src/author/defaults.ts
+var e = {
+	model: {
+		addCategoryEnabled: !0,
+		changeAddCategoryEnabled: !1,
+		changeEditableEnabled: !1,
+		changeInteractiveEnabled: !1,
+		chartType: "lineCross",
+		correctAnswer: {},
+		data: [],
+		domain: {},
+		graph: {
+			width: 480,
+			height: 480
+		},
+		prompt: "",
+		promptEnabled: !0,
+		range: {
+			label: "",
+			max: 1,
+			min: 0,
+			labelStep: 1
+		},
+		rationale: "",
+		rationaleEnabled: !0,
+		scoringType: "all or nothing",
+		studentInstructionsEnabled: !0,
+		studentNewCategoryDefaultLabel: "New Category",
+		teacherInstructions: "",
+		teacherInstructionsEnabled: !0,
+		title: ""
+	},
+	configuration: {
+		baseInputConfiguration: {
+			h3: { disabled: !0 },
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 },
+			textAlign: { disabled: !0 },
+			showParagraphs: { disabled: !1 },
+			separateParagraphs: { disabled: !0 }
+		},
+		spellCheck: {
+			label: "Spellcheck",
+			settings: !1,
+			enabled: !0
+		},
+		chartDimensions: {
+			settings: !1,
+			label: "Chart Dimensions",
+			showInConfigPanel: !0,
+			width: {
+				min: 50,
+				max: 700,
+				step: 20
+			},
+			height: {
+				min: 400,
+				max: 700,
+				step: 20
+			}
+		},
+		authorNewCategoryDefaults: {
+			settings: !1,
+			label: "Category",
+			interactive: !0,
+			editable: !1
+		},
+		availableChartTypes: {
+			bar: "Bar Chart",
+			histogram: "Histogram",
+			lineDot: "Line Chart ●",
+			lineCross: "Line Chart x",
+			dotPlot: "Dot/Line Plot ⬤",
+			linePlot: "Dot/Line Plot X"
+		},
+		chartTypeLabel: "ChartType",
+		studentNewCategoryDefaultLabel: {
+			settings: !1,
+			label: "Category"
+		},
+		prompt: {
+			settings: !0,
+			label: "Item Stem",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		rationale: {
+			settings: !0,
+			label: "Rationale",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		scoringType: {
+			settings: !1,
+			label: "Scoring Type"
+		},
+		settingsPanelDisabled: !1,
+		studentInstructions: {
+			settings: !1,
+			label: "Student Instructions"
+		},
+		teacherInstructions: {
+			settings: !0,
+			label: "Teacher Instructions",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		title: {
+			settings: !1,
+			label: "Chart Title"
+		},
+		instruction: {
+			settings: !1,
+			label: "This item type provides various types of interactive charts. Depending upon how an item is configured,\n          students can change the heights of bars (or other similar chart elements) created by the author; relabel bars\n          created by the author; and/or add new bars, label them, and set their heights."
+		},
+		titlePlaceholder: {
+			settings: !1,
+			label: "Click here to add a title"
+		},
+		labelsPlaceholders: {
+			left: "Click here to add a label for this axis",
+			right: "",
+			top: "",
+			bottom: "Click here to add a label for this axis"
+		},
+		maxImageWidth: {
+			teacherInstructions: 300,
+			prompt: 300,
+			rationale: 300
+		},
+		maxImageHeight: {
+			teacherInstructions: 300,
+			prompt: 300,
+			rationale: 300
+		},
+		withRubric: {
+			settings: !1,
+			label: "Add Rubric"
+		},
+		language: {
+			settings: !1,
+			label: "Specify Language",
+			enabled: !1
+		},
+		languageChoices: {
+			label: "Language Choices",
+			options: []
+		},
+		chartingOptions: {
+			changeInteractive: {
+				settings: !1,
+				authoringLabel: "Student can set value",
+				settingsLabel: "Allow non-interactive categories"
+			},
+			changeEditable: {
+				settings: !1,
+				authoringLabel: "Student can edit name",
+				settingsLabel: "Allow editable category names"
+			},
+			addCategory: {
+				settings: !1,
+				authoringLabel: "Student can add categories",
+				settingsLabel: "Allow changes to whether students can add categories"
+			},
+			mathMlOptions: {
+				mmlOutput: !1,
+				mmlEditing: !1
+			}
+		}
+	}
+};
+//#endregion
+export { e as default };

package/dist/author/index.d.ts

@@ -0,0 +1,51 @@
+/**
+ * @synced-from pie-elements/packages/charting/configure/src/index.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export default class GraphLinesConfigure extends HTMLElement {
+    static createDefaultModel: (model?: {}) => {
+        addCategoryEnabled: boolean;
+        changeAddCategoryEnabled: boolean;
+        changeEditableEnabled: boolean;
+        changeInteractiveEnabled: boolean;
+        chartType: string;
+        correctAnswer: {};
+        data: never[];
+        domain: {};
+        graph: {
+            width: number;
+            height: number;
+        };
+        prompt: string;
+        promptEnabled: boolean;
+        range: {
+            label: string;
+            max: number;
+            min: number;
+            labelStep: number;
+        };
+        rationale: string;
+        rationaleEnabled: boolean;
+        scoringType: string;
+        studentInstructionsEnabled: boolean;
+        studentNewCategoryDefaultLabel: string;
+        teacherInstructions: string;
+        teacherInstructionsEnabled: boolean;
+        title: string;
+    };
+    constructor();
+    set model(m: any);
+    set configuration(c: any);
+    onModelChanged(model: any): void;
+    onConfigurationChanged(config: any): void;
+    insertImage(handler: any): void;
+    onDeleteImage(src: any, done: any): void;
+    insertSound(handler: any): void;
+    onDeleteSound(src: any, done: any): void;
+    _render(): void;
+    disconnectedCallback(): void;
+}

package/dist/author/index.js

@@ -0,0 +1,74 @@
+import e from "./configure.js";
+import t from "./defaults.js";
+import n from "react";
+import { createRoot as r } from "react-dom/client";
+import { renderMath as i } from "@pie-element/shared-math-rendering-mathjax";
+import a from "debug";
+import { DeleteImageEvent as o, DeleteSoundEvent as s, InsertImageEvent as c, InsertSoundEvent as l, ModelUpdatedEvent as u } from "@pie-element/shared-configure-events";
+//#region src/author/index.ts
+var d = a("pie-elements:graphing:configure"), f = class a extends HTMLElement {
+	static createDefaultModel = (e = {}) => ({
+		...t.model,
+		...e
+	});
+	constructor() {
+		super(), this._root = null, this._model = a.createDefaultModel(), this._configuration = t.configuration;
+	}
+	set model(e) {
+		this._model = a.createDefaultModel(e), this._render();
+	}
+	set configuration(e) {
+		let n = {
+			...t.configuration,
+			...e
+		};
+		this._configuration = n, n?.language?.enabled ? n?.languageChoices?.options?.length && (this._model.language = n?.languageChoices.options[0].value) : n.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
+			value: this._model.language,
+			label: this._model.language
+		})) : delete this._model.language, this._render();
+	}
+	onModelChanged(e) {
+		this._model = e, this._render(), d("[onModelChanged]: ", this._model), this.dispatchEvent(new u(this._model));
+	}
+	onConfigurationChanged(e) {
+		this._configuration = e, this._render();
+	}
+	insertImage(e) {
+		this.dispatchEvent(new c(e));
+	}
+	onDeleteImage(e, t) {
+		this.dispatchEvent(new o(e, t));
+	}
+	insertSound(e) {
+		this.dispatchEvent(new l(e));
+	}
+	onDeleteSound(e, t) {
+		this.dispatchEvent(new s(e, t));
+	}
+	_render() {
+		if (this._model) {
+			let t = n.createElement(e, {
+				onModelChanged: this.onModelChanged.bind(this),
+				onConfigurationChanged: this.onConfigurationChanged.bind(this),
+				model: this._model,
+				configuration: this._configuration,
+				imageSupport: {
+					add: this.insertImage.bind(this),
+					delete: this.onDeleteImage.bind(this)
+				},
+				uploadSoundSupport: {
+					add: this.insertSound.bind(this),
+					delete: this.onDeleteSound.bind(this)
+				}
+			});
+			this._root ||= r(this), this._root.render(t), queueMicrotask(() => {
+				i(this);
+			});
+		}
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { f as default };

package/dist/author/utils.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @synced-from pie-elements/packages/charting/configure/src/utils.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export declare const VALID_LABEL_VALUES: {
+    0.01: number[];
+    0.02: number[];
+    0.04: number[];
+    0.05: number[];
+    0.0625: number[];
+    0.1: number[];
+    0.125: number[];
+    0.2: number[];
+    0.25: number[];
+    0.5: number[];
+    1: number[];
+    2: number[];
+    3: number[];
+    4: number[];
+    5: number[];
+    8: number[];
+    10: number[];
+    12: number[];
+    15: number[];
+    20: number[];
+    40: number[];
+    50: number[];
+    64: number[];
+    100: number[];
+    500: number[];
+    1000: number[];
+};
+export declare const getGridValues: (axis: any, size: any, prefferedValues?: boolean) => number[];
+export declare const getLabelValues: (value: any) => any;
+export declare const applyConstraints: (axis: any, size: any, oldGridValues: any, oldLabelValues: any) => {
+    gridValues: number[];
+    labelValues: any;
+};