@openpresentation/opf-editor 0.19.0 → 0.20.0

package/dist/layout-templates.js

@@ -38,7 +38,7 @@ export function layoutFromGrid({ id, name, summary, cells, regions, columns, row
   if (typeof name !== "string" || !name.trim()) throw fail("layout-name", "Name the custom layout.");
   if (!Array.isArray(cells) || cells.length < 1 || cells.length > 12 || !cells.every((row) => Array.isArray(row) && row.length === cells[0].length && row.length >= 1 && row.length <= 12))
     throw fail("layout-grid", "Draw a rectangular grid of at most 12 by 12 cells.");
-  const areas = cells.map((row) => row.join(" "));
+  const areas = cells.map((row) => [...row]);
   const names = new Set(cells.flat().filter((cell) => cell !== "."));
   for (const area of names) if (!NAME.test(area) || (RESERVED.has(area) && area !== "title" && area !== "subtitle")) throw fail("layout-area", `Invalid area name: ${area}.`);
   if (names.has("subtitle") && !names.has("title")) throw fail("layout-area", "A subtitle area needs a title area.");

package/dist/slide-manager.js

@@ -523,9 +523,9 @@ export function createSlideManager(container, options) {
         template.append(el("img", { src: choice.record.preview, alt: `${choice.label} template preview` }));
       } else if (Array.isArray(choice?.record?.areas)) {
         const diagram = el("div", { class: "opf-layout-diagram" });
-        diagram.style.gridTemplateAreas = choice.record.areas.map((row) => `"${row}"`).join(" ");
-        diagram.style.gridTemplateColumns = `repeat(${choice.record.areas[0]?.trim().split(/\s+/).length ?? 1}, 1fr)`;
-        const areas = [...new Set(choice.record.areas.flatMap((row) => row.trim().split(/\s+/)))].filter((area) => area !== ".");
+        diagram.style.gridTemplateAreas = choice.record.areas.map((row) => `"${row.join(" ")}"`).join(" ");
+        diagram.style.gridTemplateColumns = `repeat(${choice.record.areas[0]?.length ?? 1}, 1fr)`;
+        const areas = [...new Set(choice.record.areas.flat())].filter((area) => area !== ".");
         for (const area of areas) { const part = el("span", { text: area }); part.style.gridArea = area; diagram.append(part); }
         template.append(diagram);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openpresentation/opf-editor",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "Embeddable local OPF editor primitives built on the deterministic renderer.",
   "license": "MIT",
   "type": "module",
@@ -266,11 +266,11 @@
     "@codemirror/state": "6.7.6",
     "@codemirror/view": "6.43.13",
     "@lezer/highlight": "1.2.5",
-    "@openpresentation/opf": "^0.19.0",
+    "@openpresentation/opf": "^0.20.1",
     "jsonc-parser": "3.3.1"
   },
   "peerDependencies": {
-    "@openpresentation/opf-render": "^0.19.1"
+    "@openpresentation/opf-render": "^0.20.0"
   },
   "peerDependenciesMeta": {
     "@openpresentation/opf-render": {
@@ -278,7 +278,7 @@
     }
   },
   "devDependencies": {
-    "@openpresentation/gallery": "^2.0.0",
+    "@openpresentation/gallery": "^3.0.0",
     "@expo-google-fonts/arimo": "0.4.3",
     "@expo-google-fonts/caladea": "0.4.2",
     "@expo-google-fonts/cousine": "0.4.3",
@@ -323,8 +323,8 @@
     "@expo-google-fonts/roboto-mono": "0.4.2",
     "@expo-google-fonts/stix-two-math": "0.4.0",
     "@expo-google-fonts/tinos": "0.4.2",
-    "@openpresentation/opf-pptx": "^0.19.0",
-    "@openpresentation/opf-render": "^0.19.1",
+    "@openpresentation/opf-pptx": "^0.20.0",
+    "@openpresentation/opf-render": "^0.20.0",
     "@resvg/resvg-js": "2.6.2",
     "axe-core": "4.14.0",
     "esbuild": "0.28.2",