@pie-element/mc-populated-blank 0.2.0 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/mc-populated-blank",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Multiple-choice option populates an inline blank in a sentence template (Svelte 5 PIE element)",
   "type": "module",
   "main": "./dist/index.js",
@@ -43,6 +43,7 @@
     "clean": "rm -rf dist tsconfig.tsbuildinfo"
   },
   "dependencies": {
+    "@pie-lib-svelte/styling": "workspace:*",
     "lodash-es": "^4.17.21"
   },
   "peerDependencies": {

package/src/controller/defaults.ts

@@ -22,6 +22,8 @@ export const DEFAULT_LAYOUT_LIMITS = {
   horizontalChoiceRadioTopMarginRem: 0.5,
   audioBlankTemplateMarginTopRem: 0.8,
   audioBlankTemplateMarginBottomRem: 1.8,
+  audioInstructionsMaxWidthPx: 875,
+  narrowHorizontalChoiceMaxWidthPx: 230,
   stimulusGridColumnGapRem: 2,
   stimulusGridRowGapRem: 0.7,
   stimulusSentenceMarginTopRem: 0.2,

package/src/controller/index.ts

@@ -91,14 +91,14 @@ const shouldLockChoices = (question: any, env: any) => {
   return env?.role === 'instructor';
 };
 
-const shuffleArray = <T>(items: T[]): T[] => {
+function shuffleArray<T>(items: T[]): T[] {
   const out = [...items];
   for (let i = out.length - 1; i > 0; i--) {
     const j = Math.floor(Math.random() * (i + 1));
     [out[i], out[j]] = [out[j], out[i]];
   }
   return out;
-};
+}
 
 const getStoredShuffle = (session: any): string[] =>
   Array.isArray(session?.data?.shuffledValues)
@@ -163,10 +163,7 @@ export const model = async (question: any, session: any, env: any, updateSession
       typeof normalizedQuestion.layoutProfilePresets === 'object'
         ? normalizedQuestion.layoutProfilePresets
         : {},
-    layoutLimits: {
-      ...DEFAULT_LAYOUT_LIMITS,
-      ...(normalizedQuestion.layoutLimits || {}),
-    },
+    layoutLimits: normalizedQuestion.layoutLimits || { ...DEFAULT_LAYOUT_LIMITS },
     audioButtonSkin:
       normalizedQuestion.audioButtonSkin && typeof normalizedQuestion.audioButtonSkin === 'object'
         ? normalizedQuestion.audioButtonSkin
@@ -324,6 +321,8 @@ export const validate = (model: any = {}, _config: any = {}) => {
       'horizontalChoiceRadioTopMarginRem',
       'audioBlankTemplateMarginTopRem',
       'audioBlankTemplateMarginBottomRem',
+      'audioInstructionsMaxWidthPx',
+      'narrowHorizontalChoiceMaxWidthPx',
       'stimulusGridColumnGapRem',
       'stimulusGridRowGapRem',
       'stimulusSentenceMarginTopRem',