@pie-element/select-text 14.0.4-next.20261011174919 → 14.0.4

package/dist/author/defaultConfiguration.d.ts

@@ -1,141 +1,143 @@
+import type { ConfigureLanguageOptionsProp } from '@pie-element/shared-types';
+import type { TextToken } from '../types.js';
 declare const _default: {
     model: {
-        feedbackEnabled: boolean;
-        highlightChoices: boolean;
+        feedbackEnabled: false;
+        highlightChoices: false;
         maxSelections: number;
-        mode: string;
-        partialScoring: boolean;
+        mode: "sentence";
+        partialScoring: false;
         prompt: string;
-        promptEnabled: boolean;
+        promptEnabled: true;
         rationale: string;
-        rationaleEnabled: boolean;
-        scoringType: string;
-        studentInstructionsEnabled: boolean;
+        rationaleEnabled: true;
+        scoringType: "auto";
+        studentInstructionsEnabled: true;
         teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
+        teacherInstructionsEnabled: true;
         text: string;
-        tokens: never[];
-        toolbarEditorPosition: string;
+        tokens: TextToken[];
+        toolbarEditorPosition: "bottom";
     };
     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;
             };
             separateParagraphs: {
-                disabled: boolean;
+                disabled: true;
             };
         };
         selectionCount: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         correctAnswer: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         selections: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         highlightChoices: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         rationale: {
-            settings: boolean;
+            settings: true;
             label: string;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
-            required: boolean;
+            required: false;
         };
         scoringType: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         studentInstructions: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         teacherInstructions: {
-            settings: boolean;
+            settings: true;
             label: string;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
-            required: boolean;
+            required: false;
         };
         prompt: {
             label: string;
-            settings: boolean;
+            settings: true;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
-            required: boolean;
+            required: false;
         };
         text: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         tokens: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         feedback: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         spellCheck: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: false;
+            enabled: true;
         };
         partialScoring: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         mode: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         minTokens: number;
@@ -150,21 +152,21 @@ declare const _default: {
             rationale: number;
         };
         withRubric: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         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[];
         };
     };
 };

package/dist/author/design.d.ts

@@ -1,30 +1,42 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-export declare class Design extends React.Component {
-    static propTypes: {
-        model: PropTypes.Validator<object>;
-        configuration: PropTypes.Validator<object>;
-        onModelChanged: PropTypes.Validator<(...args: any[]) => any>;
-        onConfigurationChanged: PropTypes.Validator<(...args: any[]) => any>;
-        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
-            add: PropTypes.Validator<(...args: any[]) => any>;
-            delete: PropTypes.Validator<(...args: any[]) => any>;
-        }>>;
-        uploadSoundSupport: PropTypes.Requireable<object>;
+import type { DeleteDone, ImageHandler, SoundHandler } from '@pie-element/shared-configure-events';
+import type { SelectTextValidationErrors } from '../controller/index.js';
+import type { ComplexFeedbackType, SelectTextConfiguration, SelectTextModel, TextToken } from '../types.js';
+/** The model the author edits; the host sets `errors` from the controller's `validate()`. */
+export type AuthorModel = Partial<SelectTextModel> & {
+    errors?: SelectTextValidationErrors;
+};
+export type DesignProps = {
+    model: AuthorModel;
+    configuration: SelectTextConfiguration;
+    onModelChanged: (model: AuthorModel) => void;
+    onConfigurationChanged: (configuration: SelectTextConfiguration) => void;
+    imageSupport?: {
+        add: (handler: ImageHandler) => void;
+        delete: (src: string, done: DeleteDone) => void;
     };
+    uploadSoundSupport?: {
+        add: (handler: SoundHandler) => void;
+        delete: (src: string, done: DeleteDone) => void;
+    };
+};
+type DesignState = {
+    text: string;
+};
+export declare class Design extends React.Component<DesignProps, DesignState> {
     static defaultProps: {};
-    constructor(props: any);
-    UNSAFE_componentWillReceiveProps(nProps: any): void;
-    updateText: import("@pie-element/shared-lodash").CancelableFunction<(val: any) => void>;
-    changeText: (event: any) => void | undefined;
-    changeTokens: any;
-    changeMaxSelections: any;
-    apply: any;
-    changeFeedback: any;
-    changePartialScoring: any;
-    onPromptChanged: any;
-    onTeacherInstructionsChanged: any;
-    onRationaleChanged: any;
+    constructor(props: DesignProps);
+    UNSAFE_componentWillReceiveProps(nProps: DesignProps): void;
+    updateText: import("@pie-element/shared-lodash").CancelableFunction<(val: string) => void>;
+    changeText: (event: React.ChangeEvent<HTMLInputElement>) => void | undefined;
+    changeTokens: (tokens: TextToken[], mode: SelectTextModel["mode"]) => void;
+    changeMaxSelections: (_event: unknown, max: number) => void;
+    apply: (fn: (update: AuthorModel) => void) => void;
+    changeFeedback: (feedback: ComplexFeedbackType) => void;
+    changePartialScoring: (partialScoring: boolean) => void;
+    onPromptChanged: (prompt: string) => void;
+    onTeacherInstructionsChanged: (teacherInstructions: string) => void;
+    onRationaleChanged: (rationale: string) => void;
     render(): React.JSX.Element;
 }
 export default Design;

package/dist/author/design.js

@@ -1,27 +1,26 @@
 import { generateValidationMessage as e } from "./utils.js";
 import t from "react";
-import n from "prop-types";
-import { Tokenizer as r } from "@pie-lib/text-select";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { styled as o } from "@mui/material/styles";
-import s from "debug";
-import { cloneDeep as c, debounce as l } from "@pie-element/shared-lodash";
-import u from "@mui/material/TextField";
-import { FeedbackConfig as ee, InputContainer as d, NumberTextField as f, layout as p, settings as m } from "@pie-lib/config-ui";
-import h from "@mui/material/Chip";
+import { Tokenizer as n } from "@pie-lib/text-select";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { styled as a } from "@mui/material/styles";
+import o from "debug";
+import { cloneDeep as s, debounce as c } from "@pie-element/shared-lodash";
+import l from "@mui/material/TextField";
+import { FeedbackConfig as ee, InputContainer as u, NumberTextField as d, layout as f, settings as p } from "@pie-lib/config-ui";
+import m from "@mui/material/Chip";
 import te from "@mui/icons-material/Info";
-import g from "@pie-lib/editable-html-tip-tap";
-import _ from "@mui/material/Tooltip";
+import h from "@pie-lib/editable-html-tip-tap";
+import g from "@mui/material/Tooltip";
 //#region src/author/design.tsx
-var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }) => ({
+var { Panel: ne, toggle: _, radio: v, dropdown: y } = p, b = a(u)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), x = o(g)({ width: "100%" }), S = o("div")(({ theme: e }) => ({
+})), x = a(h)({ width: "100%" }), S = a("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), ie = o(u)({ width: "100%" }), ae = o(d)(({ theme: e }) => ({
+})), re = a(l)({ width: "100%" }), ie = a(u)(({ theme: e }) => ({
 	paddingRight: 0,
 	marginRight: 0,
 	position: "relative",
@@ -35,33 +34,22 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }
 		backgroundColor: e.palette.primary.main
 	},
 	marginBottom: e.spacing(1)
-})), C = o(_)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+})), ae = a(g)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre",
 	maxWidth: "500px"
-} })), oe = o(r)(({ theme: e }) => ({ marginTop: e.spacing(2) })), w = o(h)(({ theme: e }) => ({
+} })), oe = a(n)(({ theme: e }) => ({ marginTop: e.spacing(2) })), C = a(m)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	marginRight: e.spacing(2)
-})), se = o("div")(({ theme: e }) => ({
+})), se = a("div")(({ theme: e }) => ({
 	display: "flex",
 	alignItems: "center",
 	flexWrap: "wrap",
 	marginBottom: e.spacing(2.5)
-})), ce = o(f)(({ theme: e }) => ({
+})), ce = a(d)(({ theme: e }) => ({
 	width: "180px",
 	margin: `${e.spacing(.5)} auto 0`
-})), le = s("@pie-element:select-text:configure"), T = class extends t.Component {
-	static propTypes = {
-		model: n.object.isRequired,
-		configuration: n.object.isRequired,
-		onModelChanged: n.func.isRequired,
-		onConfigurationChanged: n.func.isRequired,
-		imageSupport: n.shape({
-			add: n.func.isRequired,
-			delete: n.func.isRequired
-		}),
-		uploadSoundSupport: n.object
-	};
+})), le = o("@pie-element:select-text:configure"), w = class extends t.Component {
 	static defaultProps = {};
 	constructor(e) {
 		super(e);
@@ -72,7 +60,7 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }
 		let { model: t } = e;
 		t && t.text && this.setState({ text: t.text });
 	}
-	updateText = l((e) => {
+	updateText = c((e) => {
 		this.apply((t) => {
 			t.text = e, t.tokens = [];
 		});
@@ -89,22 +77,22 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }
 		this.apply((e) => e.maxSelections = t);
 	};
 	apply = (e) => {
-		let { onModelChanged: t, model: n } = this.props, r = c(n);
+		let { onModelChanged: t, model: n } = this.props, r = s(n);
 		e(r), t(r);
 	};
 	changeFeedback = (e) => {
 		this.apply((t) => t.feedback = e);
 	};
 	changePartialScoring = (e) => {
-		let { onModelChanged: t, model: n } = this.props, r = c(n);
+		let { onModelChanged: t, model: n } = this.props, r = s(n);
 		r.partialScoring = e, t(r);
 	};
 	onPromptChanged = (e) => {
-		let { onModelChanged: t, model: n } = this.props, r = c(n);
+		let { onModelChanged: t, model: n } = this.props, r = s(n);
 		r.prompt = e, t(r);
 	};
 	onTeacherInstructionsChanged = (e) => {
-		let { onModelChanged: t, model: n } = this.props, r = c(n);
+		let { onModelChanged: t, model: n } = this.props, r = s(n);
 		r.teacherInstructions = e, t(r);
 	};
 	onRationaleChanged = (e) => {
@@ -115,33 +103,33 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }
 		});
 	};
 	render() {
-		let { text: t } = this.state, { configuration: n, imageSupport: r, model: o, onConfigurationChanged: s, onModelChanged: c, uploadSoundSupport: l } = this.props, { baseInputConfiguration: u = {}, correctAnswer: d = {}, contentDimensions: f = {}, feedback: m = {}, highlightChoices: h = {}, mode: g = {}, partialScoring: _ = {}, prompt: T = {}, rationale: E = {}, selectionCount: D = {}, selections: O = {}, settingsPanelDisabled: ue, scoringType: k = {}, spellCheck: A = {}, studentInstructions: j = {}, teacherInstructions: M = {}, text: N = {}, tokens: P = {}, maxImageWidth: F = {}, maxImageHeight: I = {}, withRubric: L = {}, mathMlOptions: R = {}, language: z = {}, languageChoices: B = {} } = n || {}, { errors: V, extraCSSRules: H, feedbackEnabled: de, promptEnabled: fe, rationaleEnabled: pe, spellCheckEnabled: U, teacherInstructionsEnabled: me, toolbarEditorPosition: he } = o || {}, { prompt: W, rationale: G, selectionsError: K, teacherInstructions: q, tokensError: J } = V || {}, ge = e(n), Y = F && F.prompt, X = I && I.prompt, { tokens: Z } = o;
+		let { text: t } = this.state, { configuration: n, imageSupport: a, model: o, onConfigurationChanged: s, onModelChanged: c, uploadSoundSupport: l } = this.props, { baseInputConfiguration: u = {}, correctAnswer: d = {}, contentDimensions: p = {}, feedback: m = {}, highlightChoices: h = {}, mode: g = {}, partialScoring: w = {}, prompt: T = {}, rationale: E = {}, selectionCount: D = {}, selections: O = {}, settingsPanelDisabled: ue, scoringType: k = {}, spellCheck: A = {}, studentInstructions: j = {}, teacherInstructions: M = {}, text: N = {}, tokens: P = {}, maxImageWidth: F = {}, maxImageHeight: I = {}, withRubric: L = {}, mathMlOptions: R = {}, language: z = {}, languageChoices: B = {} } = n || {}, { errors: V, extraCSSRules: H, feedbackEnabled: de, promptEnabled: fe, rationaleEnabled: pe, spellCheckEnabled: U, teacherInstructionsEnabled: me, toolbarEditorPosition: he } = o || {}, { prompt: W, rationale: G, selectionsError: K, teacherInstructions: q, tokensError: J } = V || {}, ge = e(n), Y = F && F.prompt, X = I && I.prompt, { tokens: Z } = o;
 		Z ||= [];
 		let Q = { position: he === "top" ? "top" : "bottom" };
 		le("[render] maxSelections:", o.maxSelections);
 		let _e = {
-			partialScoring: _.settings && v(_.label),
-			highlightChoices: h.settings && v(h.label),
-			feedbackEnabled: m.settings && v(m.label),
-			"language.enabled": z.settings && v(z.label, !0),
-			language: z.settings && z.enabled && re(B.label, B.options)
+			partialScoring: w.settings && _(w.label),
+			highlightChoices: h.settings && _(h.label),
+			feedbackEnabled: m.settings && _(m.label),
+			"language.enabled": z.settings && _(z.label, !0),
+			language: z.settings && z.enabled && y(B.label, B.options)
 		}, ve = {
-			teacherInstructionsEnabled: M.settings && v(M.label),
-			studentInstructionsEnabled: j.settings && v(j.label),
-			promptEnabled: T.settings && v(T.label),
-			rationaleEnabled: E.settings && v(E.label),
-			spellCheckEnabled: A.settings && v(A.label),
-			scoringType: k.settings && y(k.label, ["auto", "rubric"]),
-			rubricEnabled: L?.settings && v(L?.label)
+			teacherInstructionsEnabled: M.settings && _(M.label),
+			studentInstructionsEnabled: j.settings && _(j.label),
+			promptEnabled: T.settings && _(T.label),
+			rationaleEnabled: E.settings && _(E.label),
+			spellCheckEnabled: A.settings && _(A.label),
+			scoringType: k.settings && v(k.label, ["auto", "rubric"]),
+			rubricEnabled: L?.settings && _(L?.label)
 		}, $ = (e = {}) => ({
 			...u,
 			...e
 		});
-		return /* @__PURE__ */ a(p.ConfigLayout, {
+		return /* @__PURE__ */ i(f.ConfigLayout, {
 			extraCSSRules: H,
-			dimensions: f,
+			dimensions: p,
 			hideSettings: ue,
-			settings: /* @__PURE__ */ i(ne, {
+			settings: /* @__PURE__ */ r(ne, {
 				model: o,
 				configuration: n,
 				onChangeModel: (e) => c(e),
@@ -152,12 +140,12 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }
 				}
 			}),
 			children: [
-				me && /* @__PURE__ */ a(b, {
+				me && /* @__PURE__ */ i(b, {
 					label: M.label,
-					children: [/* @__PURE__ */ i(x, {
+					children: [/* @__PURE__ */ r(x, {
 						markup: o.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChanged,
-						imageSupport: r,
+						imageSupport: a,
 						nonEmpty: !1,
 						error: q,
 						toolbarOpts: Q,
@@ -168,14 +156,14 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }
 						uploadSoundSupport: l,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: R
-					}), q && /* @__PURE__ */ i(S, { children: q })]
+					}), q && /* @__PURE__ */ r(S, { children: q })]
 				}),
-				fe && /* @__PURE__ */ a(b, {
+				fe && /* @__PURE__ */ i(b, {
 					label: T.label || "",
-					children: [/* @__PURE__ */ i(x, {
+					children: [/* @__PURE__ */ r(x, {
 						markup: o.prompt,
 						onChange: this.onPromptChanged,
-						imageSupport: r,
+						imageSupport: a,
 						error: W,
 						toolbarOpts: Q,
 						pluginProps: $(n?.prompt?.inputConfiguration),
@@ -185,11 +173,11 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }
 						uploadSoundSupport: l,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: R
-					}), W && /* @__PURE__ */ i(S, { children: W })]
+					}), W && /* @__PURE__ */ r(S, { children: W })]
 				}),
-				N.settings && /* @__PURE__ */ i(b, {
+				N.settings && /* @__PURE__ */ r(b, {
 					label: N.label || "",
-					children: /* @__PURE__ */ i(ie, {
+					children: /* @__PURE__ */ r(re, {
 						variant: "standard",
 						multiline: !0,
 						defaultValue: t,
@@ -197,14 +185,14 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }
 						spellCheck: U
 					})
 				}),
-				P.settings && /* @__PURE__ */ a(ae, {
+				P.settings && /* @__PURE__ */ i(ie, {
 					label: P.label || "",
-					children: [/* @__PURE__ */ i(C, {
+					children: [/* @__PURE__ */ r(ae, {
 						disableFocusListener: !0,
 						disableTouchListener: !0,
 						placement: "right",
 						title: ge,
-						children: /* @__PURE__ */ i(te, {
+						children: /* @__PURE__ */ r(te, {
 							fontSize: "small",
 							color: "primary",
 							style: {
@@ -213,19 +201,19 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }
 								top: "-3px"
 							}
 						})
-					}), /* @__PURE__ */ i(oe, {
+					}), /* @__PURE__ */ r(oe, {
 						text: o.text,
 						tokens: Z,
 						onChange: this.changeTokens
 					})]
 				}),
-				J && /* @__PURE__ */ i(S, { children: J }),
-				K && /* @__PURE__ */ i(S, { children: K }),
-				/* @__PURE__ */ a(se, { children: [
-					g.settings && /* @__PURE__ */ i(w, { label: `${g.label}: ${o.mode ? o.mode : "None"}` }),
-					O.settings && /* @__PURE__ */ i(w, { label: `${O.label}: ${Z.length}` }),
-					d.settings && /* @__PURE__ */ i(w, { label: `${d.label}: ${Z.filter((e) => e.correct).length}` }),
-					D.settings && /* @__PURE__ */ i(ce, {
+				J && /* @__PURE__ */ r(S, { children: J }),
+				K && /* @__PURE__ */ r(S, { children: K }),
+				/* @__PURE__ */ i(se, { children: [
+					g.settings && /* @__PURE__ */ r(C, { label: `${g.label}: ${o.mode ? o.mode : "None"}` }),
+					O.settings && /* @__PURE__ */ r(C, { label: `${O.label}: ${Z.length}` }),
+					d.settings && /* @__PURE__ */ r(C, { label: `${d.label}: ${Z.filter((e) => e.correct).length}` }),
+					D.settings && /* @__PURE__ */ r(ce, {
 						min: Z.filter((e) => e.correct).length || 0,
 						label: `${D.label} (0:any)`,
 						max: Z.length,
@@ -233,12 +221,12 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }
 						onChange: this.changeMaxSelections
 					})
 				] }),
-				pe && /* @__PURE__ */ a(b, {
+				pe && /* @__PURE__ */ i(b, {
 					label: E.label || "",
-					children: [/* @__PURE__ */ i(x, {
+					children: [/* @__PURE__ */ r(x, {
 						markup: o.rationale || "",
 						onChange: this.onRationaleChanged,
-						imageSupport: r,
+						imageSupport: a,
 						error: G,
 						toolbarOpts: Q,
 						pluginProps: $(n?.rationale?.inputConfiguration),
@@ -248,9 +236,9 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }
 						uploadSoundSupport: l,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: R
-					}), G && /* @__PURE__ */ i(S, { children: G })]
+					}), G && /* @__PURE__ */ r(S, { children: G })]
 				}),
-				de && /* @__PURE__ */ i(ee, {
+				de && /* @__PURE__ */ r(ee, {
 					feedback: o.feedback,
 					onChange: this.changeFeedback,
 					toolbarOpts: Q
@@ -260,4 +248,4 @@ var { Panel: ne, toggle: v, radio: y, dropdown: re } = m, b = o(d)(({ theme: e }
 	}
 };
 //#endregion
-export { T as Design, T as default };
+export { w as Design, w as default };

package/dist/author/index.d.ts

@@ -1,19 +1,25 @@
+import { type AuthorModel } from './design.js';
+import { type DeleteDone, type ImageHandler, type SoundHandler } from '@pie-element/shared-configure-events';
+import type { SelectTextConfiguration, SelectTextModel } from '../types.js';
 export default class SelectTextConfigure extends HTMLElement {
-    static createDefaultModel: (model?: {}) => any;
+    private _root;
+    private _model;
+    private _configuration;
+    static createDefaultModel: (model?: Partial<SelectTextModel>) => AuthorModel;
     constructor();
-    set model(m: any);
-    set configuration(c: any);
+    set model(m: Partial<SelectTextModel>);
+    set configuration(c: SelectTextConfiguration);
     connectedCallback(): void;
-    modelChanged(m: any): void;
-    onConfigurationChanged(c: any): void;
+    modelChanged(m: AuthorModel): void;
+    onConfigurationChanged(c: SelectTextConfiguration): void;
     /**
      *
      * @param {done, progress, file} handler
      */
-    insertImage(handler: any): void;
-    onDeleteImage(src: any, done: any): void;
-    insertSound(handler: any): void;
-    onDeleteSound(src: any, done: any): void;
+    insertImage(handler: ImageHandler): void;
+    onDeleteImage(src: string, done: DeleteDone): void;
+    insertSound(handler: SoundHandler): void;
+    onDeleteSound(src: string, done: DeleteDone): void;
     render(): void;
     disconnectedCallback(): void;
 }

package/dist/author/index.js

@@ -6,6 +6,9 @@ import { createRoot as i } from "react-dom/client";
 import { DeleteImageEvent as a, DeleteSoundEvent as o, InsertImageEvent as s, InsertSoundEvent as c, ModelUpdatedEvent as l } from "@pie-element/shared-configure-events";
 //#region src/author/index.ts
 var u = class u extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
 	static createDefaultModel = (t = {}) => e({
 		...n.model,
 		...t
@@ -21,7 +24,7 @@ var u = class u extends HTMLElement {
 			...n.configuration,
 			...e
 		};
-		this._configuration = t, t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.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 = t, t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.language.settings && this._model.language ? (t.language.enabled = !0, (!t.languageChoices.options || !t.languageChoices.options.length) && (t.languageChoices.options = []), t.languageChoices.options.find((e) => e.value === this._model.language) || t.languageChoices.options.push({
 			value: this._model.language,
 			label: this._model.language
 		})) : delete this._model.language, this.render();
@@ -30,10 +33,10 @@ var u = class u extends HTMLElement {
 		this.render();
 	}
 	modelChanged(e) {
-		this._model = e, this.dispatchEvent(new l(this._model), !0), this.render();
+		this._model = e, this.dispatchEvent(new l(this._model)), this.render();
 	}
 	onConfigurationChanged(e) {
-		this._configuration = e, this._model && this.dispatchEvent(new l(this._model), !1), this.render();
+		this._configuration = e, this._model && this.dispatchEvent(new l(this._model)), this.render();
 	}
 	insertImage(e) {
 		this.dispatchEvent(new s(e));