@pie-element/inline-dropdown 11.0.5-esm.1 → 11.0.5-next.20261012213240

package/author.js

@@ -0,0 +1,2 @@
+export { default } from './dist/author/index.js';
+export * from './dist/author/index.js';

package/configure.js

@@ -0,0 +1,2 @@
+export { default } from './dist/author/index.js';
+export * from './dist/author/index.js';

package/controller.js

@@ -0,0 +1 @@
+export * from './dist/controller/index.js';

package/dist/author/defaults.d.ts

@@ -0,0 +1,187 @@
+import type { ConfigureLanguageOptionsProp } from '@pie-element/shared-types';
+declare const _default: {
+    model: {
+        alternateResponse: {};
+        choiceRationaleEnabled: true;
+        choices: {};
+        disabled: false;
+        displayType: string;
+        markup: string;
+        mode: "gather";
+        prompt: string;
+        promptEnabled: true;
+        rationale: string;
+        rationaleEnabled: true;
+        shuffle: true;
+        studentInstructionsEnabled: true;
+        teacherInstructions: string;
+        teacherInstructionsEnabled: true;
+        toolbarEditorPosition: "bottom";
+    };
+    configuration: {
+        baseInputConfiguration: {
+            audio: {
+                disabled: false;
+            };
+            video: {
+                disabled: false;
+            };
+            image: {
+                disabled: false;
+            };
+            h3: {
+                disabled: true;
+            };
+            blockquote: {
+                disabled: true;
+            };
+            textAlign: {
+                disabled: true;
+            };
+            showParagraphs: {
+                disabled: false;
+            };
+            separateParagraphs: {
+                disabled: true;
+            };
+        };
+        prompt: {
+            settings: true;
+            label: string;
+            required: false;
+            inputConfiguration: {
+                audio: {
+                    disabled: false;
+                };
+                video: {
+                    disabled: false;
+                };
+                image: {
+                    disabled: false;
+                };
+            };
+        };
+        responseAreaInputConfiguration: {
+            inputConfiguration: {
+                audio: {
+                    disabled: true;
+                };
+                video: {
+                    disabled: true;
+                };
+                image: {
+                    disabled: true;
+                };
+                table: {
+                    disabled: true;
+                };
+                ul_list: {
+                    disabled: true;
+                };
+                ol_list: {
+                    disabled: true;
+                };
+            };
+        };
+        settingsPanelDisabled: false;
+        spellCheck: {
+            label: string;
+            settings: false;
+            enabled: true;
+        };
+        lockChoiceOrder: {
+            settings: true;
+            label: string;
+        };
+        partialScoring: {
+            settings: false;
+            label: string;
+        };
+        rationale: {
+            settings: true;
+            label: string;
+            required: false;
+            inputConfiguration: {
+                audio: {
+                    disabled: false;
+                };
+                video: {
+                    disabled: false;
+                };
+                image: {
+                    disabled: false;
+                };
+                textAlign: {
+                    disabled: true;
+                };
+            };
+        };
+        teacherInstructions: {
+            settings: true;
+            label: string;
+            required: false;
+            inputConfiguration: {
+                audio: {
+                    disabled: false;
+                };
+                video: {
+                    disabled: false;
+                };
+                image: {
+                    disabled: false;
+                };
+            };
+        };
+        template: {
+            inputConfiguration: {
+                audio: {
+                    disabled: false;
+                };
+                video: {
+                    disabled: false;
+                };
+                image: {
+                    disabled: false;
+                };
+            };
+        };
+        choiceRationale: {
+            settings: true;
+            label: string;
+        };
+        toolbarEditorPosition: {
+            settings: false;
+            label: string;
+        };
+        maxResponseAreas: number;
+        maxResponseAreaChoices: number;
+        maxImageWidth: {
+            teacherInstructions: number;
+            prompt: number;
+            rationale: number;
+        };
+        maxImageHeight: {
+            teacherInstructions: number;
+            prompt: number;
+            rationale: number;
+        };
+        withRubric: {
+            settings: false;
+            label: string;
+        };
+        mathMlOptions: {
+            mmlOutput: false;
+            mmlEditing: false;
+        };
+        language: {
+            settings: false;
+            label: string;
+            enabled: false;
+        };
+        languageChoices: {
+            label: string;
+            options: ConfigureLanguageOptionsProp[];
+        };
+    };
+};
+export default _default;

package/dist/author/defaults.js

@@ -0,0 +1,130 @@
+//#region src/author/defaults.ts
+var e = {
+	model: {
+		alternateResponse: {},
+		choiceRationaleEnabled: !0,
+		choices: {},
+		disabled: !1,
+		displayType: "block",
+		markup: "",
+		mode: "gather",
+		prompt: "",
+		promptEnabled: !0,
+		rationale: "",
+		rationaleEnabled: !0,
+		shuffle: !0,
+		studentInstructionsEnabled: !0,
+		teacherInstructions: "",
+		teacherInstructionsEnabled: !0,
+		toolbarEditorPosition: "bottom"
+	},
+	configuration: {
+		baseInputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 },
+			h3: { disabled: !0 },
+			blockquote: { disabled: !0 },
+			textAlign: { disabled: !0 },
+			showParagraphs: { disabled: !1 },
+			separateParagraphs: { disabled: !0 }
+		},
+		prompt: {
+			settings: !0,
+			label: "Prompt",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		responseAreaInputConfiguration: { inputConfiguration: {
+			audio: { disabled: !0 },
+			video: { disabled: !0 },
+			image: { disabled: !0 },
+			table: { disabled: !0 },
+			ul_list: { disabled: !0 },
+			ol_list: { disabled: !0 }
+		} },
+		settingsPanelDisabled: !1,
+		spellCheck: {
+			label: "Spellcheck",
+			settings: !1,
+			enabled: !0
+		},
+		lockChoiceOrder: {
+			settings: !0,
+			label: "Lock Choice Order"
+		},
+		partialScoring: {
+			settings: !1,
+			label: "Allow Partial Scoring"
+		},
+		rationale: {
+			settings: !0,
+			label: "Rationale",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 },
+				textAlign: { disabled: !0 }
+			}
+		},
+		teacherInstructions: {
+			settings: !0,
+			label: "Teacher Instructions",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		template: { inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		} },
+		choiceRationale: {
+			settings: !0,
+			label: "Choice Rationale"
+		},
+		toolbarEditorPosition: {
+			settings: !1,
+			label: "Toolbar Editor Position"
+		},
+		maxResponseAreas: 10,
+		maxResponseAreaChoices: 10,
+		maxImageWidth: {
+			teacherInstructions: 300,
+			prompt: 300,
+			rationale: 300
+		},
+		maxImageHeight: {
+			teacherInstructions: 300,
+			prompt: 300,
+			rationale: 300
+		},
+		withRubric: {
+			settings: !1,
+			label: "Add Rubric"
+		},
+		mathMlOptions: {
+			mmlOutput: !1,
+			mmlEditing: !1
+		},
+		language: {
+			settings: !1,
+			label: "Specify Language",
+			enabled: !1
+		},
+		languageChoices: {
+			label: "Language Choices",
+			options: []
+		}
+	}
+};
+//#endregion
+export { e as default };

package/dist/author/index.d.ts

@@ -0,0 +1,25 @@
+import { type DeleteDone, type ImageHandler, type SoundHandler } from '@pie-element/shared-configure-events';
+import { type AuthorModel } from './main.js';
+import type { InlineDropdownConfiguration, InlineDropdownModel } from '../types.js';
+export default class InlineDropdown extends HTMLElement {
+    private _root;
+    private _model;
+    private _configuration;
+    private _disableSidePanel?;
+    static prepareModel: (model?: Partial<InlineDropdownModel>) => AuthorModel;
+    constructor();
+    set model(s: Partial<InlineDropdownModel>);
+    set configuration(c: InlineDropdownConfiguration);
+    set disableSidePanel(s: boolean);
+    dispatchModelUpdated(reset?: boolean): void;
+    onModelChanged(m: Partial<InlineDropdownModel>, reset?: boolean): void;
+    onConfigurationChanged(c: InlineDropdownConfiguration): void;
+    /** @param {done, progress, file} handler */
+    insertImage(handler: ImageHandler): void;
+    onDeleteImage(src: string, done: DeleteDone): void;
+    insertSound(handler: SoundHandler): void;
+    onDeleteSound(src: string, done: DeleteDone): void;
+    _render(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}

package/dist/author/index.js

@@ -0,0 +1,91 @@
+import { Main as e } from "./main.js";
+import t from "./defaults.js";
+import { createSlateMarkup as n, processMarkup as r } from "./markupUtils.js";
+import i from "react";
+import { createRoot as a } from "react-dom/client";
+import { defaults as o } from "@pie-element/shared-lodash";
+import { DeleteImageEvent as s, DeleteSoundEvent as c, InsertImageEvent as l, InsertSoundEvent as u, ModelUpdatedEvent as d } from "@pie-element/shared-configure-events";
+import f from "debug";
+//#region src/author/index.ts
+var p = f("multiple-choice:configure"), m = class f extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
+	_disableSidePanel;
+	static prepareModel = (e = {}) => {
+		let i = {
+			...t.model,
+			...e
+		}, a = e.slateMarkup || n(i.markup, i.choices), o = r(a);
+		return {
+			...i,
+			slateMarkup: a,
+			markup: o
+		};
+	};
+	constructor() {
+		super(), this._root = null, this._model = f.prepareModel(), this._configuration = t.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+	}
+	set model(e) {
+		this._model = f.prepareModel(e), this._render();
+	}
+	set configuration(e) {
+		let n = o(e, t.configuration);
+		this._configuration = n, e.language?.enabled ? e.languageChoices?.options?.length && (this._model.language = e.languageChoices.options[0].value) : e.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._render();
+	}
+	set disableSidePanel(e) {
+		this._disableSidePanel = e, this._render();
+	}
+	dispatchModelUpdated(e) {
+		let t = !!e;
+		this.dispatchEvent(new d(this._model, t));
+	}
+	onModelChanged(e, t) {
+		this._model = f.prepareModel(e), this._render(), this.dispatchModelUpdated(t);
+	}
+	onConfigurationChanged(e) {
+		this._configuration = e, this._render();
+	}
+	insertImage(e) {
+		this.dispatchEvent(new l(e));
+	}
+	onDeleteImage(e, t) {
+		this.dispatchEvent(new s(e, t));
+	}
+	insertSound(e) {
+		this.dispatchEvent(new u(e));
+	}
+	onDeleteSound(e, t) {
+		this.dispatchEvent(new c(e, t));
+	}
+	_render() {
+		p("_render");
+		let t = i.createElement(e, {
+			model: this._model,
+			configuration: this._configuration,
+			onModelChanged: this.onModelChanged,
+			onConfigurationChanged: this.onConfigurationChanged,
+			disableSidePanel: this._disableSidePanel,
+			imageSupport: {
+				add: this.insertImage.bind(this),
+				delete: this.onDeleteImage.bind(this)
+			},
+			uploadSoundSupport: {
+				add: this.insertSound.bind(this),
+				delete: this.onDeleteSound.bind(this)
+			}
+		});
+		this._root ||= a(this), this._root.render(t);
+	}
+	connectedCallback() {
+		this._render();
+	}
+	disconnectedCallback() {
+		this._root &&= (this._root.unmount(), null);
+	}
+};
+//#endregion
+export { m as default };

package/dist/author/inline-dropdown-toolbar.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+declare class RespAreaToolbar extends React.Component {
+    static propTypes: {
+        node: PropTypes.Requireable<object>;
+        pos: PropTypes.Requireable<number>;
+        uploadSoundSupport: PropTypes.Requireable<object>;
+        onDone: PropTypes.Requireable<(...args: any[]) => any>;
+        choices: PropTypes.Requireable<any[]>;
+        onAddChoice: PropTypes.Validator<(...args: any[]) => any>;
+        editorCallback: PropTypes.Requireable<(...args: any[]) => any>;
+        onRemoveChoice: PropTypes.Validator<(...args: any[]) => any>;
+        onSelectChoice: PropTypes.Validator<(...args: any[]) => any>;
+        onToolbarDone: PropTypes.Validator<(...args: any[]) => any>;
+        editor: PropTypes.Requireable<object>;
+        spellCheck: PropTypes.Requireable<boolean>;
+        mathMlOptions: PropTypes.Requireable<object>;
+        baseInputConfiguration: PropTypes.Requireable<object>;
+        responseAreaInputConfiguration: PropTypes.Requireable<object>;
+    };
+    clickedInside: boolean;
+    preventDone: boolean;
+    state: {
+        respAreaMarkup: string;
+        editedChoiceIndex: number;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    commitPendingEdit: any;
+    onRespAreaChange: any;
+    onAddChoice: any;
+    onDone: any;
+    onSelectChoice: any;
+    onRemoveChoice: any;
+    onEditChoice: any;
+    finishEditing: any;
+    onKeyDown: any;
+    onBlur: any;
+    onClickInside: any;
+    render(): React.JSX.Element | null;
+}
+declare const StyledRespAreaToolbar: typeof RespAreaToolbar;
+export default StyledRespAreaToolbar;