@pie-element/number-line 14.0.4-next.20261011174919 → 14.0.4

package/dist/author/defaults.d.ts

@@ -1,170 +1,345 @@
+import type { ConfigureLanguageOptionsProp } from '@pie-element/shared-types';
+import type { NumberLineResponse } from '../types.js';
 export declare const model: {
-    correctResponse: never[];
+    correctResponse: NumberLineResponse[];
     feedback: {
         correct: {
             default: string;
-            type: string;
+            type: "none";
         };
         incorrect: {
             default: string;
-            type: string;
+            type: "none";
         };
         partial: {
             default: string;
-            type: string;
+            type: "none";
         };
     };
     graph: {
         arrows: {
-            left: boolean;
-            right: boolean;
+            left: true;
+            right: true;
         };
         availableTypes: {
-            PF: boolean;
+            PF: true;
         };
         domain: {
             min: number;
             max: number;
         };
-        exhibitOnly: boolean;
-        initialElements: never[];
-        initialType: string;
+        exhibitOnly: false;
+        initialElements: NumberLineResponse[];
+        initialType: "PF";
         maxNumberOfPoints: number;
         ticks: {
             minor: number;
             major: number;
-            tickIntervalType: string;
+            tickIntervalType: "Decimal";
         };
         title: string;
         width: number;
     };
     prompt: string;
-    promptEnabled: boolean;
+    promptEnabled: true;
     rationale: string;
-    rationaleEnabled: boolean;
+    rationaleEnabled: true;
     teacherInstructions: string;
-    teacherInstructionsEnabled: boolean;
-    toolbarEditorPosition: string;
-    widthEnabled: boolean;
+    teacherInstructionsEnabled: true;
+    toolbarEditorPosition: "bottom";
+    widthEnabled: true;
 };
 export declare const configuration: {
     baseInputConfiguration: {
         h3: {
-            disabled: boolean;
+            disabled: true;
         };
         audio: {
-            disabled: boolean;
+            disabled: false;
         };
         video: {
-            disabled: boolean;
+            disabled: false;
         };
         image: {
-            disabled: boolean;
+            disabled: false;
         };
         textAlign: {
-            disabled: boolean;
+            disabled: true;
         };
         showParagraphs: {
-            disabled: boolean;
+            disabled: false;
         };
     };
     instruction: {
-        settings: boolean;
-        enabled: boolean;
+        settings: false;
+        enabled: true;
         label: string;
     };
     prompt: {
-        settings: boolean;
+        settings: true;
         label: string;
-        required: boolean;
+        required: false;
         inputConfiguration: {
             audio: {
-                disabled: boolean;
+                disabled: false;
             };
             video: {
-                disabled: boolean;
+                disabled: false;
             };
             image: {
-                disabled: boolean;
+                disabled: false;
             };
         };
     };
     rationale: {
-        settings: boolean;
+        settings: true;
         label: string;
-        required: boolean;
+        required: false;
         inputConfiguration: {
             audio: {
-                disabled: boolean;
+                disabled: false;
             };
             video: {
-                disabled: boolean;
+                disabled: false;
             };
             image: {
-                disabled: boolean;
+                disabled: false;
             };
         };
     };
     teacherInstructions: {
-        settings: boolean;
+        settings: true;
         label: string;
-        required: boolean;
+        required: false;
         inputConfiguration: {
             audio: {
-                disabled: boolean;
+                disabled: false;
             };
             video: {
-                disabled: boolean;
+                disabled: false;
             };
             image: {
-                disabled: boolean;
+                disabled: false;
             };
         };
     };
     title: {
         label: string;
-        settings: boolean;
-        enabled: boolean;
+        settings: true;
+        enabled: true;
         inputConfiguration: {
             audio: {
-                disabled: boolean;
+                disabled: false;
             };
             video: {
-                disabled: boolean;
+                disabled: false;
             };
             image: {
-                disabled: boolean;
+                disabled: false;
             };
         };
     };
     numberLineDimensions: {
-        settings: boolean;
+        settings: true;
         label: string;
-        enabled: boolean;
+        enabled: true;
         min: number;
         max: number;
         step: number;
     };
     mathMlOptions: {
-        mmlOutput: boolean;
-        mmlEditing: boolean;
+        mmlOutput: false;
+        mmlEditing: false;
     };
     language: {
-        settings: boolean;
+        settings: false;
         label: string;
-        enabled: boolean;
+        enabled: false;
     };
     languageChoices: {
         label: string;
-        options: never[];
+        options: ConfigureLanguageOptionsProp[];
     };
     spellCheck: {
         label: string;
-        settings: boolean;
-        enabled: boolean;
+        settings: false;
+        enabled: true;
     };
     maxMaxElements: number;
-    hidePointConfigButtons: boolean;
-    availableTools: string[];
-    settingsPanelDisabled: boolean;
+    hidePointConfigButtons: false;
+    availableTools: ("PF" | "LFF" | "LEF" | "LFE" | "LEE" | "RFN" | "RFP" | "REN" | "REP")[];
+    settingsPanelDisabled: false;
 };
+declare const _default: {
+    model: {
+        correctResponse: NumberLineResponse[];
+        feedback: {
+            correct: {
+                default: string;
+                type: "none";
+            };
+            incorrect: {
+                default: string;
+                type: "none";
+            };
+            partial: {
+                default: string;
+                type: "none";
+            };
+        };
+        graph: {
+            arrows: {
+                left: true;
+                right: true;
+            };
+            availableTypes: {
+                PF: true;
+            };
+            domain: {
+                min: number;
+                max: number;
+            };
+            exhibitOnly: false;
+            initialElements: NumberLineResponse[];
+            initialType: "PF";
+            maxNumberOfPoints: number;
+            ticks: {
+                minor: number;
+                major: number;
+                tickIntervalType: "Decimal";
+            };
+            title: string;
+            width: number;
+        };
+        prompt: string;
+        promptEnabled: true;
+        rationale: string;
+        rationaleEnabled: true;
+        teacherInstructions: string;
+        teacherInstructionsEnabled: true;
+        toolbarEditorPosition: "bottom";
+        widthEnabled: true;
+    };
+    configuration: {
+        baseInputConfiguration: {
+            h3: {
+                disabled: true;
+            };
+            audio: {
+                disabled: false;
+            };
+            video: {
+                disabled: false;
+            };
+            image: {
+                disabled: false;
+            };
+            textAlign: {
+                disabled: true;
+            };
+            showParagraphs: {
+                disabled: false;
+            };
+        };
+        instruction: {
+            settings: false;
+            enabled: true;
+            label: string;
+        };
+        prompt: {
+            settings: true;
+            label: string;
+            required: false;
+            inputConfiguration: {
+                audio: {
+                    disabled: false;
+                };
+                video: {
+                    disabled: false;
+                };
+                image: {
+                    disabled: false;
+                };
+            };
+        };
+        rationale: {
+            settings: true;
+            label: string;
+            required: false;
+            inputConfiguration: {
+                audio: {
+                    disabled: false;
+                };
+                video: {
+                    disabled: false;
+                };
+                image: {
+                    disabled: false;
+                };
+            };
+        };
+        teacherInstructions: {
+            settings: true;
+            label: string;
+            required: false;
+            inputConfiguration: {
+                audio: {
+                    disabled: false;
+                };
+                video: {
+                    disabled: false;
+                };
+                image: {
+                    disabled: false;
+                };
+            };
+        };
+        title: {
+            label: string;
+            settings: true;
+            enabled: true;
+            inputConfiguration: {
+                audio: {
+                    disabled: false;
+                };
+                video: {
+                    disabled: false;
+                };
+                image: {
+                    disabled: false;
+                };
+            };
+        };
+        numberLineDimensions: {
+            settings: true;
+            label: string;
+            enabled: true;
+            min: number;
+            max: number;
+            step: number;
+        };
+        mathMlOptions: {
+            mmlOutput: false;
+            mmlEditing: false;
+        };
+        language: {
+            settings: false;
+            label: string;
+            enabled: false;
+        };
+        languageChoices: {
+            label: string;
+            options: ConfigureLanguageOptionsProp[];
+        };
+        spellCheck: {
+            label: string;
+            settings: false;
+            enabled: true;
+        };
+        maxMaxElements: number;
+        hidePointConfigButtons: false;
+        availableTools: ("PF" | "LFF" | "LEF" | "LFE" | "LEE" | "RFN" | "RFP" | "REN" | "REP")[];
+        settingsPanelDisabled: false;
+    };
+};
+export default _default;

package/dist/author/domain.d.ts

@@ -1,5 +1,12 @@
 import React from 'react';
-export declare class Domain extends React.Component {
+import type { NumberLineDomain } from '../types.js';
+type DomainProps = {
+    domain: NumberLineDomain;
+    /** Not read */
+    errors?: object;
+    onChange: (domain: NumberLineDomain) => void;
+};
+export declare class Domain extends React.Component<DomainProps> {
     constructor(props: any);
     change(key: any, event: any, value: any): void;
     render(): React.JSX.Element;

package/dist/author/index.d.ts

@@ -1,15 +1,23 @@
+import { type AuthorModel } from './main.js';
+import { type DeleteDone, type ImageHandler, type SoundHandler } from '@pie-element/shared-configure-events';
+import type { NumberLineConfiguration, NumberLineModel } from '../types.js';
 export default class NumberLine extends HTMLElement {
-    static createDefaultModel: (model?: {}) => any;
+    private _root;
+    private _model;
+    private _modelCopy?;
+    private _configuration;
+    private hasPlayerAsParent?;
+    static createDefaultModel: (model?: Partial<NumberLineModel>) => AuthorModel;
     constructor();
-    set model(m: any);
-    resetModelAfterConfigurationIsSet: any;
-    set configuration(c: any);
-    onChange: any;
-    onConfigurationChanged: any;
-    insertImage(handler: any): void;
-    onDeleteImage(src: any, done: any): void;
-    insertSound(handler: any): void;
-    onDeleteSound(src: any, done: any): void;
+    set model(m: Partial<NumberLineModel>);
+    resetModelAfterConfigurationIsSet: () => void;
+    set configuration(c: NumberLineConfiguration);
+    onChange: (o: Partial<AuthorModel>) => void;
+    onConfigurationChanged: (config: NumberLineConfiguration) => void;
+    insertImage(handler: ImageHandler): void;
+    onDeleteImage(src: string, done: DeleteDone): void;
+    insertSound(handler: SoundHandler): void;
+    onDeleteSound(src: string, done: DeleteDone): void;
     _rerender(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/author/index.js

@@ -15,6 +15,11 @@ var f = (t) => {
 	}
 	return t;
 }, p = class e extends HTMLElement {
+	_root;
+	_model;
+	_modelCopy;
+	_configuration;
+	hasPlayerAsParent;
 	static createDefaultModel = (e = {}) => {
 		let r = t, i = e.language || "";
 		return !i && r.language && r.language.enabled && r.languageChoices?.options?.length && (i = r.languageChoices.options[0].value), f({
@@ -38,7 +43,7 @@ var f = (t) => {
 			...t,
 			...e
 		});
-		this._configuration = n, this.resetModelAfterConfigurationIsSet(), 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({
+		this._configuration = n, this.resetModelAfterConfigurationIsSet(), n?.language?.enabled ? n?.languageChoices?.options?.length && (this._model.language = n?.languageChoices.options[0].value) : n.language.settings && this._model.language ? (n.language.enabled = !0, (!n.languageChoices.options || !n.languageChoices.options.length) && (n.languageChoices.options = []), n.languageChoices.options.find((e) => e.value === this._model.language) || n.languageChoices.options.push({
 			value: this._model.language,
 			label: this._model.language
 		})) : delete this._model.language, this._rerender();

package/dist/author/main.d.ts

@@ -1,36 +1,77 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-export declare const toPointType: (response: any) => string;
-export declare class Main extends React.Component {
-    static propTypes: {
-        model: PropTypes.Validator<object>;
-        configuration: PropTypes.Validator<object>;
-        onConfigurationChanged: PropTypes.Validator<(...args: any[]) => any>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        imageSupport: PropTypes.Validator<object>;
-        uploadSoundSupport: PropTypes.Validator<object>;
+import type { DeleteDone, ImageHandler, SoundHandler } from '@pie-element/shared-configure-events';
+import type { NumberLineValidationErrors } from '../controller/index.js';
+import type { NumberLineArrows, NumberLineAvailableTypes, NumberLineConfiguration, NumberLineGraph, NumberLineModel, NumberLinePointType, NumberLineRay, NumberLineResponse, NumberLineTicks } from '../types.js';
+/** The model the author edits; `createDefaultModel()` fills `graph` and `correctResponse`, and the host sets `errors` from the controller's `validate()`. */
+export type AuthorModel = Partial<NumberLineModel> & {
+    graph: NumberLineGraph;
+    correctResponse: NumberLineResponse[];
+    /** `rationale` is read, but `validate()` never sets it */
+    errors?: NumberLineValidationErrors & {
+        rationale?: string;
     };
-    constructor(props: any);
+};
+type MediaSupport<Handler> = {
+    add: (handler: Handler) => void;
+    delete: (src: string, done: DeleteDone) => void;
+};
+export type MainProps = {
+    model: AuthorModel;
+    configuration: NumberLineConfiguration;
+    onConfigurationChanged: (configuration: NumberLineConfiguration) => void;
+    onChange: (model: Partial<AuthorModel>) => void;
+    imageSupport: MediaSupport<ImageHandler>;
+    uploadSoundSupport: MediaSupport<SoundHandler>;
+};
+type DialogState = {
+    open: boolean;
+    text?: string;
+};
+type State = {
+    dialog: DialogState;
+    /** `indices` are the correct responses the graph change would drop; `graph` is the graph before it */
+    correctAnswerDialog: DialogState & {
+        indices?: number[];
+        graph?: NumberLineGraph;
+    };
+};
+/** A response in the delivery graph's format: a line's `position` holds both ends */
+type GraphElement = {
+    type: NumberLineResponse['type'];
+    position: number | {
+        left: number;
+        right: number;
+    };
+    pointType?: NumberLinePointType;
+    direction?: NumberLineRay['direction'];
+    leftPoint?: NumberLinePointType;
+    rightPoint?: NumberLinePointType;
+};
+export declare const toPointType: (response: NumberLineResponse) => string;
+export declare class Main extends React.Component<MainProps, State> {
+    constructor(props: MainProps);
     componentDidMount(): void;
-    graphChange: any;
+    graphChange: (obj: Partial<NumberLineGraph>) => void;
     changeSize: ({ width, height }: {
-        width: any;
-        height: any;
-    }) => any;
-    getAdjustedHeight: any;
-    changeMaxNoOfPoints: any;
-    changeGraphTitle: (title: any) => any;
-    changeTicks: any;
-    reloadTicksData: any;
-    updateMajorValue: any;
-    changeArrows: (arrows: any) => any;
-    setDefaults: any;
-    moveCorrectResponse: any;
-    availableTypesChange: any;
-    deleteCorrectResponse: any;
-    addCorrectResponse: any;
-    clearCorrectResponse: any;
-    undoCorrectResponse: any;
+        width: number;
+        height?: number;
+    }) => void;
+    getAdjustedHeight: (availableTypes: NumberLineAvailableTypes | undefined, maxNumberOfPoints: number | undefined) => number;
+    changeMaxNoOfPoints: (_event: unknown, maxNumberOfPoints: number) => void;
+    changeGraphTitle: (title: string) => void;
+    changeTicks: (object: {
+        ticks: NumberLineTicks;
+    }) => void;
+    reloadTicksData: (graph: NumberLineGraph) => NumberLineGraph;
+    updateMajorValue: (graph: NumberLineGraph) => NumberLineGraph;
+    changeArrows: (arrows: NumberLineArrows) => void;
+    setDefaults: () => void;
+    moveCorrectResponse: (index: number, el: GraphElement, position: GraphElement["position"]) => void;
+    availableTypesChange: (availableTypes: NumberLineAvailableTypes) => void;
+    deleteCorrectResponse: (indices: number[]) => void;
+    addCorrectResponse: (data: GraphElement) => void;
+    clearCorrectResponse: () => void;
+    undoCorrectResponse: () => void;
     render(): React.JSX.Element;
 }
 export default Main;