@pie-element/ebsr 14.1.1-next.2 → 14.2.0-next.1

package/src/__tests__/index.test.js

@@ -0,0 +1,129 @@
+import React from 'react';
+import { SessionChangedEvent } from '@pie-framework/pie-player-events';
+import { isSessionComplete } from '..';
+
+jest.mock('@pie-lib/math-rendering', () => ({ renderMath: jest.fn() }));
+jest.mock('@pie-element/multiple-choice', () => jest.fn());
+
+const PART_A = 'partA';
+const PART_B = 'partB';
+
+const defaultModel = {
+  disabled: false,
+  mode: 'gather',
+  partA: {
+    choiceMode: 'radio',
+    choices: [
+      { value: 'a', label: 'label a' },
+      { value: 'b', label: 'label b' },
+      { value: 'c', label: 'label c', correct: true, feedback: 'great' },
+    ],
+    choicePrefix: 'numbers',
+    prompt: `prompt ${PART_A}`,
+  },
+  partB: {
+    choiceMode: 'radio',
+    choices: [
+      { value: 'd', label: 'label d', correct: true, feedback: 'great' },
+      { value: 'e', label: 'label e' },
+      { value: 'f', label: 'label f' },
+    ],
+    choicePrefix: 'numbers',
+    prompt: `prompt ${PART_B}`,
+  },
+};
+
+const defaultSession = { id: 1 };
+
+describe('ebsr', () => {
+  let Def;
+  let el;
+  let ebsr;
+
+  beforeAll(() => {
+    Def = require('../index').default;
+
+    // Register the custom element if not already registered
+    if (!customElements.get('ebsr-element')) {
+      customElements.define('ebsr-element', Def);
+    }
+  });
+
+  beforeEach(() => {
+    el = document.createElement('ebsr-element');
+
+    // Mock createElement for part elements
+    ebsr = {
+      partA: document.createElement('div'),
+      partB: document.createElement('div'),
+    };
+    el.querySelector = jest.fn((s) => {
+      if (s === '#part-a') {
+        return ebsr.partA;
+      } else {
+        return ebsr.partB;
+      }
+    });
+
+    // Mock _render to avoid innerHTML issues with custom elements
+    el._render = jest.fn();
+
+    // Mock dispatchEvent for testing
+    el.dispatchEvent = jest.fn();
+
+    el.connectedCallback();
+    el.model = defaultModel;
+    el.session = defaultSession;
+  });
+
+  describe('model', () => {
+    it('should have set the model', () => {
+      expect(el._model).toEqual(defaultModel);
+    });
+  });
+
+  describe('session', () => {
+    const dispatchesSessionEvent = (key, value) => {
+      it(`${key} dispatches session changed event`, () => {
+        const session = { id: key, value };
+        el.dispatchSessionChanged(session, key);
+
+        expect(el.dispatchEvent).toBeCalledWith(new SessionChangedEvent('ebsr-element', false));
+        expect(el._session.value[key]).toEqual(session);
+      });
+    };
+
+    it('should have set the session', () => {
+      expect(el._session).toEqual(defaultSession);
+    });
+
+    describe('changeAnswers', () => {
+      dispatchesSessionEvent(PART_A, 'a');
+      dispatchesSessionEvent(PART_B, 'd');
+    });
+  });
+
+  describe('setPartSession', () => {
+    it('sets the session object even if missing from session.value', () => {
+      const part = {};
+      el.model = {};
+      el.session = {
+        value: {},
+      };
+      el.setPartSession(part, 'partA');
+      expect(part.session).toEqual({ id: 'partA' });
+    });
+  });
+});
+
+describe('isSessionComplete', () => {
+  const assertComplete = (s, expected) => {
+    it(`${JSON.stringify(s)} => ${expected}`, () => {
+      const result = isSessionComplete(s);
+      expect(result).toEqual(expected);
+    });
+  };
+
+  assertComplete({}, false);
+  assertComplete({ value: { partA: { value: [1] }, partB: { value: [2] } } }, true);
+});

package/src/{delivery/index.tsx → index.js}

@@ -1,14 +1,4 @@
-// @ts-nocheck
-/**
- * @synced-from pie-elements/packages/ebsr/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.
- */
-
-import { SessionChangedEvent } from '@pie-element/shared-player-events';
+import { SessionChangedEvent } from '@pie-framework/pie-player-events';
 import MultipleChoice from '@pie-element/multiple-choice';
 import { get } from 'lodash-es';
 import debug from 'debug';
@@ -75,7 +65,7 @@ export default class Ebsr extends HTMLElement {
     this._session = {};
   }
 
-  onSessionUpdated: any = (e) => {
+  onSessionUpdated = (e) => {
     if (e.target === this) {
       return;
     }

package/src/{print/index.tsx → print.js}

@@ -1,17 +1,7 @@
-// @ts-nocheck
-/**
- * @synced-from pie-elements/packages/ebsr/src/print.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.
- */
-
 import { cloneDeep, get } from 'lodash-es';
 import MultipleChoice from '@pie-element/multiple-choice';
 import debug from 'debug';
-import { SessionChangedEvent } from '@pie-element/shared-player-events';
+import { SessionChangedEvent } from '@pie-framework/pie-player-events';
 const MC_TAG_NAME = 'ebsr-multiple-choice';
 const SESSION_CHANGED = SessionChangedEvent.TYPE;
 import Translator from '@pie-lib/translator';
@@ -83,7 +73,7 @@ export default class Ebsr extends HTMLElement {
     this._options = null;
   }
 
-  onSessionUpdated: any = (e) => {
+  onSessionUpdated = (e) => {
     if (e.target === this) {
       return;
     }

package/dist/author/defaults.d.ts

@@ -1,67 +0,0 @@
-/**
- * @synced-from pie-elements/packages/ebsr/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.
- */
-declare const _default: {
-    model: {
-        partLabels: boolean;
-        partLabelType: string;
-        partA: any;
-        partB: any;
-    };
-    configuration: {
-        baseInputConfiguration: {
-            h3: {
-                disabled: boolean;
-            };
-            audio: {
-                disabled: boolean;
-            };
-            video: {
-                disabled: boolean;
-            };
-            image: {
-                disabled: boolean;
-            };
-            textAlign: {
-                disabled: boolean;
-            };
-            showParagraphs: {
-                disabled: boolean;
-            };
-            separateParagraphs: {
-                disabled: boolean;
-            };
-        };
-        partialScoring: {
-            label: string;
-            settings: boolean;
-        };
-        scoringType: {
-            settings: boolean;
-            label: string;
-        };
-        partA: any;
-        partB: any;
-        partLabels: {
-            settings: boolean;
-            label: string;
-        };
-        settingsPanelDisabled: boolean;
-        language: {
-            settings: boolean;
-            label: string;
-            enabled: boolean;
-        };
-        languageChoices: {
-            label: string;
-            options: never[];
-        };
-    };
-};
-export default _default;
-//# sourceMappingURL=defaults.d.ts.map

package/dist/author/defaults.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/author/defaults.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgIH,wBA8CE"}

package/dist/author/defaults.js

@@ -1,161 +0,0 @@
-import e from "../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.js";
-//#region src/author/defaults.ts
-var t = {
-	addChoiceButton: {
-		settings: !0,
-		label: "Add a Choice"
-	},
-	choiceMode: {
-		settings: !0,
-		label: "Response Type"
-	},
-	choicePrefix: {
-		settings: !0,
-		label: "Choice Labels"
-	},
-	deleteChoice: { settings: !0 },
-	feedback: {
-		settings: !0,
-		label: "Feedback"
-	},
-	lockChoiceOrder: {
-		settings: !0,
-		label: "Lock Choice Order"
-	},
-	prompt: {
-		settings: !0,
-		label: "Prompt",
-		inputConfiguration: {
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 }
-		},
-		required: !1
-	},
-	rationale: {
-		settings: !0,
-		label: "Rationale",
-		inputConfiguration: {
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 }
-		},
-		required: !1
-	},
-	settingsPanelDisabled: !0,
-	studentInstructions: {
-		settings: !1,
-		label: "Student Instructions"
-	},
-	teacherInstructions: {
-		settings: !0,
-		label: "Teacher Instructions",
-		inputConfiguration: {
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 }
-		},
-		required: !1
-	},
-	choicesLayout: {
-		settings: !1,
-		label: "Choices Layout"
-	},
-	gridColumns: { label: "Grid columns" },
-	spellCheck: {
-		label: "Spellcheck",
-		settings: !1,
-		enabled: !0
-	},
-	maxImageWidth: {
-		teacherInstructions: 300,
-		prompt: 300,
-		rationale: 636,
-		choices: 636
-	},
-	maxImageHeight: {
-		teacherInstructions: 300,
-		prompt: 300,
-		rationale: 300,
-		choices: 300
-	},
-	mathMlOptions: {
-		mmlOutput: !1,
-		mmlEditing: !1
-	},
-	choices: { inputConfiguration: {
-		audio: { disabled: !1 },
-		video: { disabled: !1 },
-		image: { disabled: !1 }
-	} },
-	baseInputConfiguration: {
-		h3: { disabled: !0 },
-		audio: { disabled: !1 },
-		video: { disabled: !1 },
-		image: { disabled: !1 },
-		textAlign: { disabled: !0 },
-		showParagraphs: { disabled: !1 },
-		separateParagraphs: { disabled: !0 }
-	}
-}, n = (e) => ({
-	choiceMode: "radio",
-	choicePrefix: "letters",
-	choices: [],
-	choicesLayout: "vertical",
-	feedbackEnabled: !1,
-	gridColumns: 2,
-	prompt: "",
-	promptEnabled: !0,
-	rationale: "",
-	rationaleEnabled: !0,
-	spellCheckEnabled: !0,
-	studentInstructionsEnabled: !0,
-	teacherInstructions: "",
-	teacherInstructionsEnabled: !0,
-	toolbarEditorPosition: "bottom",
-	...e
-}), r = {
-	model: {
-		partLabels: !0,
-		partLabelType: "Letters",
-		partA: n(),
-		partB: n()
-	},
-	configuration: {
-		baseInputConfiguration: {
-			h3: { disabled: !0 },
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 },
-			textAlign: { disabled: !0 },
-			showParagraphs: { disabled: !1 },
-			separateParagraphs: { disabled: !0 }
-		},
-		partialScoring: {
-			label: "Allow Partial Scoring",
-			settings: !1
-		},
-		scoringType: {
-			settings: !1,
-			label: "Scoring Type"
-		},
-		partA: e(t),
-		partB: e(t),
-		partLabels: {
-			settings: !0,
-			label: "Part Labels"
-		},
-		settingsPanelDisabled: !1,
-		language: {
-			settings: !1,
-			label: "Specify Language",
-			enabled: !1
-		},
-		languageChoices: {
-			label: "Language Choices",
-			options: []
-		}
-	}
-};
-//#endregion
-export { r as default };

package/dist/author/index.d.ts

@@ -1,35 +0,0 @@
-/**
- * @synced-from pie-elements/packages/ebsr/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 EbsrConfigure extends HTMLElement {
-    static createDefaultModel: ({ partA, partB, ...model }?: {
-        partA?: {} | undefined;
-        partB?: {} | undefined;
-    }, defaults?: {
-        partLabels: boolean;
-        partLabelType: string;
-        partA: any;
-        partB: any;
-    }) => {
-        partA: any;
-        partB: any;
-        partLabels: boolean;
-        partLabelType: string;
-    };
-    constructor();
-    set model(m: any);
-    dispatchModelUpdated(reset: any): void;
-    onModelChanged: any;
-    set configuration(c: any);
-    onConfigurationChanged(c: any): void;
-    onModelUpdated: any;
-    connectedCallback(): void;
-    _render(): void;
-    disconnectedCallback(): void;
-}
-//# sourceMappingURL=index.d.ts.map

package/dist/author/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/author/index.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAkCH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;IACpD,MAAM,CAAC,kBAAkB,GAAI;;;KAAyC,EAAE;;;;;KAAuB;;;;;MAe5F;;IAYH,IAAI,KAAK,CAAC,CAAC,KAAA,EAIV;IAED,oBAAoB,CAAC,KAAK,KAAA;IAM1B,cAAc,EAAE,GAAG,CAKjB;IAEF,IAAI,aAAa,CAAC,CAAC,KAAA,EAsClB;IAED,sBAAsB,CAAC,CAAC,KAAA;IAUxB,cAAc,EAAE,GAAG,CAiBjB;IAEF,iBAAiB;IAKjB,OAAO;IAcP,oBAAoB;CAMrB"}

package/dist/author/index.js

@@ -1,78 +0,0 @@
-import e from "../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/defaults.js";
-import t from "./main.js";
-import n from "./defaults.js";
-import r from "react";
-import { createRoot as i } from "react-dom/client";
-import { ModelUpdatedEvent as a } from "@pie-element/shared-configure-events";
-import o from "@pie-element/multiple-choice/author";
-//#region src/author/index.ts
-var s = a.TYPE, c = "ebsr-multiple-choice-configure", l = class extends o {};
-customElements.get(c) || customElements.define(c, l);
-var u = (t, r) => ({
-	configuration: e(t, n.configuration),
-	model: r
-}), { model: d } = n || {}, f = class e extends HTMLElement {
-	static createDefaultModel = ({ partA: e = {}, partB: t = {}, ...n } = {}, r = d) => ({
-		...r,
-		...n,
-		partA: {
-			...r.partA,
-			...e,
-			choicesLayout: e.choicesLayout || e.verticalMode === !1 && "horizontal" || r.partA.choicesLayout
-		},
-		partB: {
-			...r.partB,
-			...t,
-			choicesLayout: t.choicesLayout || t.verticalMode === !1 && "horizontal" || r.partB.choicesLayout
-		}
-	});
-	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = n.configuration, this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
-	}
-	set model(t) {
-		this._model = e.createDefaultModel(t, this._model), this._render();
-	}
-	dispatchModelUpdated(e) {
-		let t = !!e;
-		this.dispatchEvent(new a(this._model, t));
-	}
-	onModelChanged = (t, n) => {
-		this._model = e.createDefaultModel(t, this._model), this.dispatchModelUpdated(n), this._render();
-	};
-	set configuration(e) {
-		let t = u(e, this._model), r = {
-			...n.configuration,
-			...t.configuration
-		};
-		this._configuration = r, r?.language?.enabled ? r?.languageChoices?.options?.length && (this._model.language = r?.languageChoices.options[0].value) : r.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();
-	}
-	onConfigurationChanged(e) {
-		this._configuration = u(e, this._model).configuration, this._model && this.onModelChanged(this._model), this._render();
-	}
-	onModelUpdated = (e) => {
-		if (e.target === this) return;
-		e.preventDefault(), e.stopImmediatePropagation();
-		let t = e.target && e.target.getAttribute("id");
-		t && (e.update && (this._model[`part${t}`] = e.update), this.dispatchEvent(new a(this._model)));
-	};
-	connectedCallback() {
-		this.addEventListener(s, this.onModelUpdated), this._render();
-	}
-	_render() {
-		let e = r.createElement(t, {
-			model: this._model,
-			configuration: this._configuration,
-			onModelChanged: this.onModelChanged,
-			onConfigurationChanged: this.onConfigurationChanged
-		});
-		this._root ||= i(this), this._root.render(e);
-	}
-	disconnectedCallback() {
-		this.removeEventListener(s, this.onModelUpdated), this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { f as default };

package/dist/author/main.d.ts

@@ -1,23 +0,0 @@
-/**
- * @synced-from pie-elements/packages/ebsr/configure/src/main.jsx
- * @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.
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-export declare class Main extends React.Component {
-    static propTypes: {
-        configuration: PropTypes.Requireable<object>;
-        model: PropTypes.Requireable<object>;
-        onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    removeExtraChoices: any;
-    onModelChanged: any;
-    render(): React.JSX.Element;
-}
-export default Main;
-//# sourceMappingURL=main.d.ts.map

package/dist/author/main.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/author/main.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAenC,qBAAa,IAAK,SAAQ,KAAK,CAAC,SAAS;IACvC,MAAM,CAAC,SAAS;;;;;MAKd;IAEF,kBAAkB,EAAE,GAAG,CAgBrB;IAEF,cAAc,EAAE,GAAG,CAgBjB;IAEF,MAAM;CA4KP;AAED,eAAe,IAAI,CAAC"}

package/dist/author/main.js

@@ -1,121 +0,0 @@
-import e from "react";
-import t from "prop-types";
-import { layout as n, settings as r } from "@pie-lib/config-ui";
-import { styled as i } from "@mui/material/styles";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/author/main.tsx
-var { Panel: s, toggle: c, radio: l, dropdown: u } = r, d = i("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), f = i("div")(({ theme: e }) => ({
-	flex: 1,
-	height: e.spacing(2.5)
-})), p = class extends e.Component {
-	static propTypes = {
-		configuration: t.object,
-		model: t.object,
-		onModelChanged: t.func,
-		onConfigurationChanged: t.func
-	};
-	removeExtraChoices = (e) => {
-		let t = !1;
-		return (e || []).map((e) => t ? (e.correct = !1, e) : (e.correct && (t = !0), e));
-	};
-	onModelChanged = (e, t) => {
-		let { onModelChanged: n } = this.props;
-		return t === "partA.choiceMode" && e.partA.choiceMode === "radio" ? (e.partA.choices = this.removeExtraChoices(e.partA.choices), n(e, !0)) : t === "partB.choiceMode" && e.partB.choiceMode === "radio" ? (e.partB.choices = this.removeExtraChoices(e.partB.choices), n(e, !0)) : n(e);
-	};
-	render() {
-		let { model: e, configuration: t, onConfigurationChanged: r } = this.props, { partLabelType: i, partA: p, partB: m, extraCSSRules: h } = e, { contentDimensions: g = {}, partA: _ = {}, partB: v = {}, partialScoring: y = {}, settingsPanelDisabled: b, scoringType: x = {}, language: S = {}, languageChoices: C = {}, ...w } = t, { feedback: T = {}, choiceMode: E = {}, choicePrefix: D = {}, lockChoiceOrder: O = {}, prompt: k = {}, teacherInstructions: A = {}, studentInstructions: j = {}, choicesLayout: M = {}, gridColumns: N = {}, rationale: P = {}, spellCheck: F = {} } = _ || {}, { feedback: I = {}, choiceMode: L = {}, choicePrefix: R = {}, lockChoiceOrder: z = {}, prompt: B = {}, teacherInstructions: V = {}, studentInstructions: H = {}, choicesLayout: U = {}, gridColumns: W = {}, rationale: G = {}, spellCheck: K = {} } = v || {}, q = (i || "Numbers") === "Numbers", J = `Part ${q ? "1" : "A"}`, Y = `Part ${q ? "2" : "B"}`, X = {
-			partA: p.choices && p.choices.length ? Array.from({ length: p.choices.length }, (e, t) => `${t + 1}`) : [],
-			partB: m.choices && m.choices.length ? Array.from({ length: m.choices.length }, (e, t) => `${t + 1}`) : []
-		}, Z = {
-			partLabels: w.partLabels.settings && c(w.partLabels.label),
-			partLabelType: e.partLabels && u("", ["Numbers", "Letters"]),
-			partialScoring: y.settings && c(y.label),
-			scoringType: x.settings && l(x.label, ["auto", "rubric"]),
-			"language.enabled": S.settings && c(S.label, !0),
-			language: S.settings && S.enabled && u(C.label, C.options)
-		}, Q = {
-			"partA.choiceMode": E.settings && l(E.label, ["checkbox", "radio"]),
-			"partA.choicePrefix": D.settings && l(D.label, ["numbers", "letters"]),
-			"partA.lockChoiceOrder": O.settings && c(O.label),
-			"partA.choicesLayout": M.settings && u(M.label, [
-				"vertical",
-				"grid",
-				"horizontal"
-			]),
-			"partA.gridColumns": M.settings && p.choicesLayout === "grid" && X.partA.length > 0 && u(N.label, X.partA)
-		}, $ = {
-			"partA.feedbackEnabled": T.settings && c(T.label),
-			"partA.promptEnabled": k.settings && c(k.label),
-			"partA.teacherInstructionsEnabled": A.settings && c(A.label),
-			"partA.studentInstructionsEnabled": j.settings && c(j.label),
-			"partA.rationaleEnabled": P.settings && c(P.label),
-			"partA.spellCheckEnabled": F.settings && c(F.label)
-		}, ee = {
-			"partB.choiceMode": L.settings && l(L.label, ["checkbox", "radio"]),
-			"partB.choicePrefix": R.settings && l(R.label, ["numbers", "letters"]),
-			"partB.lockChoiceOrder": z.settings && c(z.label),
-			"partB.choicesLayout": U.settings && u(U.label, [
-				"vertical",
-				"grid",
-				"horizontal"
-			]),
-			"partB.gridColumns": U.settings && m.choicesLayout === "grid" && X.partB.length > 0 && u(W.label, X.partB)
-		}, te = {
-			"partB.feedbackEnabled": I.settings && c(I.label),
-			"partB.promptEnabled": B.settings && c(B.label),
-			"partB.teacherInstructionsEnabled": V.settings && c(V.label),
-			"partB.studentInstructionsEnabled": H.settings && c(H.label),
-			"partB.rationaleEnabled": G.settings && c(G.label),
-			"partB.spellCheckEnabled": K.settings && c(K.label)
-		};
-		return /* @__PURE__ */ o(n.ConfigLayout, {
-			extraCSSRules: h,
-			dimensions: g,
-			hideSettings: b,
-			settings: /* @__PURE__ */ a(s, {
-				model: e,
-				onChangeModel: this.onModelChanged,
-				configuration: t,
-				onChangeConfiguration: r,
-				groups: {
-					"Settings for both": Z,
-					[`Settings ${J}`]: Q,
-					[`Properties ${J}`]: $,
-					[`Settings ${Y}`]: ee,
-					[`Properties ${Y}`]: te
-				}
-			}),
-			children: [
-				e.partLabels && /* @__PURE__ */ a(d, { children: J }),
-				/* @__PURE__ */ a("ebsr-multiple-choice-configure", {
-					id: "A",
-					ref: (e) => {
-						e && (this.partA = e, this.partA._model = {
-							...this.props.model.partA,
-							errors: this.props.model.errors && this.props.model.errors.partA || {}
-						}, this.partA.configuration = {
-							..._,
-							...w
-						});
-					}
-				}, "partA"),
-				/* @__PURE__ */ a(f, {}),
-				e.partLabels && /* @__PURE__ */ a(d, { children: Y }),
-				/* @__PURE__ */ a("ebsr-multiple-choice-configure", {
-					id: "B",
-					ref: (e) => {
-						e && (this.partB = e, this.partB._model = {
-							...this.props.model.partB,
-							errors: this.props.model.errors && this.props.model.errors.partB || {}
-						}, this.partB.configuration = {
-							...v,
-							...w
-						});
-					}
-				}, "partB")
-			]
-		});
-	}
-};
-//#endregion
-export { p as default };