@openpresentation/opf-editor 0.18.0 → 0.18.2

package/README.md

@@ -158,6 +158,19 @@ Plain-text carets are resolved from the rendered SVG glyphs: each line carries i
 
 The canvas retains canonical SVG glyphs while a transparent native input supplies the caret. Advanced shaping, freeform object positioning, all chart/media treatments, and cross-engine pixel identity remain work in progress. The Source dialog in the playground now provides a live JSON preview; changes are validated before committing.
 
+### Input methods (IME): not certified
+
+IME input is **not certified**. Real Japanese (Kana to Kanji), Chinese (pinyin) and Korean (Hangul) input methods have not been tested in this editor, on any browser or operating system; no run with a real input method is recorded (opf-editor#137). Only synthetic `CompositionEvent`s are tested (`test/rich-input-browser.mjs` dispatches `compositionstart`, an `insertCompositionText` input and `compositionend` on the rich-text input and checks that the canvas does not commit midway and that one Undo restores the original). Synthetic events do not reproduce a candidate window, a re-render during a composition, or the order of `keydown`, `compositionend` and `input` that real browsers and input methods produce, so treat inline editing with an input method as unverified until a pass is recorded.
+
+What exists in the code (written for input methods, not verified with one):
+
+- **Canvas** (`src/canvas.js`): the inline text input marks the field as composing between `compositionstart` and `compositionend` (no draft and no commit are made meanwhile, and the input is repositioned), ignores `keydown` while `isComposing` (so Enter and Escape that act on a composition do not commit or cancel the edit), and queues a draft when the composition ends.
+- **Rich-text input** (`src/rich-text-input.js`): tracks composition, keeps the pre-composition value so one history step covers the composed text, and ignores `isComposing` key events.
+- **Data grid** (`src/data-grid.js`): an Enter or Tab that confirms a composition is not treated as a command (`isComposing`).
+- **Outline view** (`src/outline-view.js`) and the **design controls** (`src/design-controls.js`): Enter during a composition does not commit (`isComposing`).
+
+Not tested at all, even with synthetic events: the data grid, the outline view and the design controls. Failures with a real input method are reported as defects with the input method named.
+
 ## List numbering (RR-33)
 
 `@openpresentation/opf-editor/numbering` is the headless model and `/numbering-panel` the DOM control for the `numbering` field of `items` and `bullets` payloads (a style name, a `{ style, start, suffix }` object, or an array per list level). `setNumbering(editor, path, value)` numbers the list a path points at or into (`undefined` turns numbering off and drops the entry `start` values), `setEntryStart(editor, itemPath, start)` restarts the count at an entry, `numberingValue(levels)` writes the shortest form, `numberingState(presentation, path)` reads the settings and the markers the list draws, and `findNumberableLists(presentation, slideIndex)` lists a slide's lists. Each write is one validated, undoable session edit. `createNumberingPanel(container, { editor, getTarget, getSlideIndex, onStatus })` mounts the control: number this list, style, start and suffix, different numbering per level, the markers it will draw, and a restart at the selected entry. The playground opens it from **List numbering**. Needs a core release that ships `numbering`; see core's [numbered lists](https://github.com/OpenPresentation/opf/blob/main/docs/numbered-lists.md).
@@ -631,6 +644,17 @@ const { files, findings } = await convert(editor.presentation, {
 ```
 
 - **Same drawing as the preview.** The slides are drawn by `toSvg` with the same fonts handle as the preview (its `textMeasurement`), so a PNG or SVG is the preview, and the PDF is converted from those SVGs rather than laid out again.
+- **Subset faces and outlined text (opf-editor#141).** A browser fonts handle embeds whole faces in an SVG (hundreds of KB to MBs per slide) unless it was created with `subsetWasm`, and shapes outlined text with fontkit unless it has `shapeWasm`. Serve harfbuzzjs's two WASM files like the font files (the copies of the `harfbuzzjs` package the renderer depends on: `harfbuzzjs/dist/harfbuzz-subset.wasm`, 651 KB, and `harfbuzzjs/dist/harfbuzz.wasm`, 434 KB, both MIT) and create the handle you pass as `fonts` with them:
+
+  ```js
+  const fonts = await loadFonts({
+    faces, scriptBaseUrl, lazyFontsBaseUrl,
+    subsetWasm: "/vendor/harfbuzz-subset.wasm", // URL, bytes or a WebAssembly.Module; SVG downloads embed each face cut to the slide's glyphs
+    shapeWasm: "/vendor/harfbuzz.wasm",         // outlined text (renderOptions.text: "paths") is shaped by HarfBuzz, as browsers shape text
+  });
+  ```
+
+  `convert` reads `fonts.subsets` and `fonts.outlines` from that handle, so nothing else changes: the same call writes SVG files with the faces cut to what each slide draws (the licence rule above still decides which faces may be embedded, and the renderer cuts only faces whose licence allows a modified version; the others stay whole) and, with `renderOptions: { text: "paths" }`, SVG and PNG files whose text is glyph outlines (no font needed). A PDF is unaffected: it embeds the registry's faces and cuts its own subsets, and it always draws selectable text. `renderOptions.subsetFonts: false` embeds whole faces. The canvas draws with `text: "system"`, which embeds nothing, so it never reads either. The playground does this: `npm run build:playground` copies both files next to the page.
 - **Fonts.** The fonts handle loads the faces the deck needs before anything is drawn (a failure rejects with `fonts-unavailable`). Only faces the handle's registry holds are embedded (bundled or hash-pinned, never a system font), only where a slide draws them, as `@font-face` data in each SVG and as subsets in the PDF. A face whose own license text is not OFL, Apache, MIT or UFL is left out and reported (`fonts/export-font-license`).
 - **PDF** is the renderer's vector PDF (selectable text, vector shapes, embedded subsets, tagged structure), `raster: true` is the image-only form. **PNG** is drawn on a canvas from the same SVG (within anti-aliasing of the renderer's resvg PNG) and is limited to 40 megapixels. **SVG** files are standalone (XML header, fonts embedded, no external references).
 - **Files.** A PDF is one file (`pages`, and the one-based `slides` it shows). PNG and SVG give one file per slide, in slide order, each with its one-based `slide`, its `id` and its `width` and `height` in pixels, as core's `convert` does; with `zip: true` they are one archive (`createZip`, no dependency; `entries` names the files in it), even for one slide. `zip` with a PDF, or `raster` with PNG or SVG, rejects with `invalid-option`.

package/dist/canvas.d.ts

@@ -6,8 +6,10 @@ import type { Catalog } from "@openpresentation/opf";
 /**
  * The fonts the canvas, the export and `whenFontsReady` take: the renderer's handle from `loadFonts()` (`@openpresentation/opf-render/fonts-browser`).
  * Only `textMeasurement` is required to measure; `pending` and `ensure` make the canvas load script and vendored faces before it draws.
+ * `subsets` and `outlines` are there when the handle was created with `loadFonts({ subsetWasm, shapeWasm })` (opf-editor#141): `convert` then
+ * writes SVG downloads with each face cut to the slide's glyphs and can draw `renderOptions.text: "paths"` with HarfBuzz-shaped outlines.
  */
-export type EditorFonts = Pick<BrowserFontsHandle, "textMeasurement"> & Partial<Pick<BrowserFontsHandle, "embeddedFonts" | "pending" | "ensure" | "registry">>;
+export type EditorFonts = Pick<BrowserFontsHandle, "textMeasurement"> & Partial<Pick<BrowserFontsHandle, "embeddedFonts" | "pending" | "ensure" | "registry" | "subsets" | "outlines">>;
 export interface FontsReadyHandlers {
   /** Return false once the document was superseded; the late result is then dropped. */
   isCurrent?: () => boolean;

package/dist/canvas.js

@@ -247,6 +247,15 @@ export function createCanvasEditor(container, options = {}) {
     if (fonts?.pending(presentation ?? editor.presentation, resolveOptions()).length) show(presentation);
     else render(presentation);
   }
+  // The text an editing target draws: its outermost <text> elements, whitespace collapsed (the renderer's <title> and <desc> are not drawn).
+  function targetText(node) {
+    return [...node.querySelectorAll("text")]
+      .filter((text) => !text.parentNode.closest("text"))
+      .map((text) => text.textContent)
+      .join(" ")
+      .replace(/\s+/g, " ")
+      .trim();
+  }
   function render(presentation = editor.presentation) {
     if (disposed) return;
     requireFonts(presentation);
@@ -300,9 +309,12 @@ export function createCanvasEditor(container, options = {}) {
       }
       node.setAttribute("role", "button");
       node.setAttribute("tabindex", "0");
+      // WCAG 2.5.3 (label in name): the name carries every word the target draws, in drawing order, after "Edit <field>:", so the visible
+      // text is always part of the name. Content with no drawn text (a picture) falls back to the source text or "content properties".
+      const drawn = targetText(node);
       node.setAttribute(
         "aria-label",
-        `Edit ${path.split(".").at(-1)}: ${["string", "number"].includes(typeof value) ? String(value).slice(0, 80) : "content properties"}`,
+        `Edit ${path.split(".").at(-1)}: ${drawn || (["string", "number"].includes(typeof value) ? String(value) : "content properties")}`,
       );
       if (node.matches("g")) {
         const bounds = allocatedSelectionBox(node, item);

package/dist/data-grid.js

@@ -446,8 +446,9 @@ export function createDataGrid(container, options = {}) {
     updateFormatRow();
     const nameRows = count > 1 ? `${count} rows` : "row";
     buttons.get("delete-rows").textContent = count > 1 ? `Delete ${count} rows` : "Delete rows";
-    buttons.get("insert-row-above").setAttribute("aria-label", `Insert ${nameRows === "row" ? "row" : nameRows} above`);
-    buttons.get("insert-row-below").setAttribute("aria-label", `Insert ${nameRows === "row" ? "row" : nameRows} below`);
+    // WCAG 2.5.3 (label in name): the button says what it does in its text, so there is no aria-label to differ from it.
+    buttons.get("insert-row-above").textContent = `Insert ${nameRows} above`;
+    buttons.get("insert-row-below").textContent = `Insert ${nameRows} below`;
     buttons.get("delete-columns").textContent = columns > 1 ? `Delete ${columns} columns` : "Delete columns";
   }
 

package/dist/export.d.ts

@@ -53,7 +53,13 @@ export interface ConvertOptions {
   renderOptions?: ToSvgOptions;
   /** Host catalogs (merged with `renderOptions.catalogs`). The deck is embedded first (core `embed`), like a saved file. */
   catalogs?: readonly Catalog[];
-  /** The renderer's fonts handle (`loadFonts()`): it measures the text, loads the faces the deck needs before anything is drawn, and its registry's faces are what gets embedded. */
+  /**
+   * The renderer's fonts handle (`loadFonts()`): it measures the text, loads the faces the deck needs before anything is drawn, and its registry's faces are what gets embedded.
+   * Create a browser handle with `loadFonts({ subsetWasm, shapeWasm })` (the URLs, bytes or compiled modules of harfbuzzjs's `harfbuzz-subset.wasm` and `harfbuzz.wasm`, which the host
+   * serves) and `convert` uses them: an SVG embeds each face cut to the glyphs its slide draws (a few KB to tens of KB instead of whole faces of hundreds of KB to MBs), and
+   * `renderOptions.text: "paths"` draws outlines shaped by HarfBuzz instead of fontkit. A Node handle (`/fonts-node`) always has both. Only SVG files are subset (a PNG is a picture, and a PDF cuts its own
+   * subsets); a PNG takes the outlines, and a PDF is always drawn as selectable text (`text: "paths"` is ignored for it).
+   */
   fonts?: EditorFonts;
   /** Faces to embed instead of the registry's. */
   embeddedFonts?: Array<Record<string, unknown>>;

package/dist/export.js

@@ -3,7 +3,9 @@
 // one-based `slide`). The slides are drawn by the same renderer the preview uses (`toSvg`, with the fonts handle's text measurement),
 // so a file is the preview, not a second layout. Fonts are the renderer's fonts handle's: the faces the document needs load through
 // the handle first, and only faces its registry holds (bundled or hash-pinned, permissively licensed) are embedded, as @font-face
-// data in each SVG and as subsets in the PDF. No system font is read and nothing is fetched at export time.
+// data in each SVG and as subsets in the PDF. No system font is read and nothing is fetched at export time. A browser handle made with
+// `loadFonts({ subsetWasm, shapeWasm })` (opf-editor#141) also cuts each SVG's faces to the slide's glyphs and draws
+// `renderOptions.text: "paths"` with HarfBuzz-shaped outlines.
 //
 //   const { files, findings } = await convert(editor.presentation, { format: "pdf", fonts, renderOptions, signal, onProgress });
 //   // files: one PDF; one PNG or SVG per slide; or, with `zip: true`, one archive of them.
@@ -241,11 +243,25 @@ export async function convert(input, options = {}) {
   });
   progress("render", 0, numbers.length, "Drawing slides…");
   await yieldToHost();
+  // RR-65, RR-64: the handle's subset engine (a browser handle created with `subsetWasm`) cuts each face a standalone SVG embeds to the
+  // slide's glyphs, and its outline engine (`shapeWasm` shapes them with HarfBuzz) draws `renderOptions.text: "paths"`. Both are carried
+  // from the handle by hand because the face list above is the editor's licensed one, not the handle's. A PDF reads whole faces and
+  // the SVG's own @font-face data (its converter cuts its own subsets), and selectable text is its point, so it gets neither: a
+  // `text: "paths"` render option draws a PDF's text as text. A PNG is a picture of the SVG: it takes the outlines, not the subsets.
+  const toPdf = format.extension === "pdf";
+  const handle = options.fonts;
+  const drawFonts = {
+    textMeasurement: handle?.textMeasurement,
+    embeddedFonts,
+    ...(format.extension === "svg" && handle?.subsets ? { subsets: handle.subsets } : {}),
+    ...(!toPdf && handle?.outlines ? { outlines: handle.outlines } : {}),
+  };
   const svgs = toSvg(deck, numbers, {
     ...renderOptions,
-    fonts: { textMeasurement: options.fonts?.textMeasurement, embeddedFonts },
+    ...(toPdf && renderOptions.text === "paths" ? { text: "fonts" } : {}),
+    fonts: drawFonts,
     // The PDF reports problems by element path; the SVG and PNG are the plain drawing.
-    trace: format.extension === "pdf",
+    trace: toPdf,
     onDiagnostic: (diagnostic) => {
       record("render", diagnostic);
       renderOptions.onDiagnostic?.(diagnostic);

package/dist/find-panel.js

@@ -147,8 +147,9 @@ export function createFindPanel(container, options) {
     matches.slice(0, MAX_LISTED).forEach((match, index) => {
       const mark = h(doc, "mark", { text: match.context.match });
       const text = h(doc, "span", { class: "opf-find-text" }, doc.createTextNode(match.context.before), mark, doc.createTextNode(match.context.after));
-      const button = h(doc, "button", { type: "button", class: "opf-find-result", "aria-current": index === current ? "true" : "false", "data-index": String(index), "aria-label": `${whereLabel(match)}: ${match.context.before}${match.context.match}${match.context.after}` },
-        h(doc, "span", { class: "opf-find-where", text: whereLabel(match) }), text);
+      const button = h(doc, "button", { type: "button", class: "opf-find-result", "aria-current": index === current ? "true" : "false", "data-index": String(index) },
+        // WCAG 2.5.3 (label in name): no aria-label. The name is the visible text, the place and then the matching line, kept apart by a space.
+        h(doc, "span", { class: "opf-find-where", text: whereLabel(match) }), " ", text);
       list.append(h(doc, "li", {}, button));
     });
     if (matches.length > MAX_LISTED) list.append(h(doc, "li", { class: "opf-find-more", text: `Showing the first ${MAX_LISTED} of ${matches.length}${result.truncated ? "+" : ""} matches.` }));

package/dist/review-panel.js

@@ -159,7 +159,8 @@ export function createReviewPanel(container, options) {
   const list = h(doc, "div", { class: "opf-review-list", role: "group", "aria-label": "Review findings" });
   const empty = h(doc, "p", { class: "opf-review-empty" });
   const ignoredBox = h(doc, "details", { class: "opf-review-ignored", hidden: true });
-  root.append(head, ...(hookStatus ? [hookStatus] : []), filters, list, empty, ignoredBox);
+  const gotoHint = h(doc, "span", { id: `${id}-goto-hint`, hidden: true, text: "Go to it." });
+  root.append(head, ...(hookStatus ? [hookStatus] : []), filters, list, empty, ignoredBox, gotoHint);
   container.append(root);
 
   const say = (message, error = false) => {
@@ -310,11 +311,13 @@ export function createReviewPanel(container, options) {
       type: "button",
       class: "opf-review-goto",
       "data-finding-id": finding.id,
-      "aria-label": `${SEVERITY_LABELS[finding.severity]}, ${where}: ${finding.message} Go to it.`,
+      // WCAG 2.5.3 (label in name): no aria-label. The name is the visible text (severity, message, where and rule), kept apart by spaces;
+      // what the button does is its description.
+      "aria-describedby": `${id}-goto-hint`,
       onclick: () => go(finding),
     },
-    h(doc, "span", { class: "opf-review-sev", text: SEVERITY_LABELS[finding.severity] }),
-    h(doc, "span", { class: "opf-review-msg", text: finding.message }),
+    h(doc, "span", { class: "opf-review-sev", text: SEVERITY_LABELS[finding.severity] }), " ",
+    h(doc, "span", { class: "opf-review-msg", text: finding.message }), " ",
     h(doc, "span", { class: "opf-review-meta", text: `${where} · ${finding.ruleId}${finding.source && finding.source !== CORE_SOURCE ? ` · ${finding.source}` : ""}` }));
     const li = h(doc, "li", { class: "opf-review-item", "data-finding-id": finding.id, "data-rule": finding.ruleId, "data-source": finding.source ?? CORE_SOURCE, "data-severity": finding.severity, "aria-current": String(finding.id === currentId) }, go_,
       finding.help ? h(doc, "p", { class: "opf-review-help", text: finding.help }) : undefined);
@@ -359,7 +362,7 @@ export function createReviewPanel(container, options) {
     ignoredBox.replaceChildren(
       h(doc, "summary", { text: `Hidden checks (${ignored.size})` }),
       h(doc, "ul", { class: "opf-review-ignored-list", style: "list-style:none;padding:0" }, ...[...ignored].map((ruleId) => h(doc, "li", {}, h(doc, "span", { text: ruleId }),
-        h(doc, "button", { type: "button", class: "opf-review-fix quiet", "data-restore": ruleId, text: "Show again", "aria-label": `Show ${ruleId} findings again`, onclick: () => setIgnored(ruleId, false) })))),
+        h(doc, "button", { type: "button", class: "opf-review-fix quiet", "data-restore": ruleId, text: "Show again", "aria-label": `Show again, ${ruleId} findings`, onclick: () => setIgnored(ruleId, false) })))),
     );
   }
 

package/dist/slide-manager.js

@@ -139,10 +139,12 @@ export function createSlideManager(container, options) {
     const selected = selection.has(index);
     const title = slideTitle(slide) || "Untitled slide";
     const hidden = slide.hidden === true;
+    // WCAG 2.5.3 (label in name): the card has no aria-label. Its name is its own content (the number, the title and the "Hidden" badge;
+    // the thumbnail is aria-hidden), so the name always contains the visible text. The position and the selection are the description.
+    const position = `Slide ${index + 1} of ${slideCount}${selected && selection.size > 1 ? ", selected" : ""}`;
     const button = el("button", {
-      type: "button", class: "slide-card", draggable: "true", "data-index": index, "aria-current": String(index === current()),
-      "aria-label": `Slide ${index + 1} of ${slideCount}: ${title}${hidden ? ", hidden" : ""}${selected && selection.size > 1 ? ", selected" : ""}`,
-      "aria-describedby": `${id}-hint`, "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown Delete", tabindex: index === focusIndex ? "0" : "-1",
+      type: "button", class: "slide-card", draggable: "true", "data-index": index, "data-menu-label": `Slide ${index + 1} of ${slideCount}: ${title}`, "aria-current": String(index === current()),
+      "aria-describedby": `${id}-${index}-position ${id}-hint`, "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown Delete", tabindex: index === focusIndex ? "0" : "-1",
     });
     button.dataset.selected = String(selected);
     button.dataset.hidden = String(hidden);
@@ -156,8 +158,9 @@ export function createSlideManager(container, options) {
     thumbnail.querySelectorAll("[tabindex]").forEach((node) => node.removeAttribute("tabindex"));
     const label = el("span", { class: "thumbnail-title", text: slideTitle(slide) || "Untitled slide" });
     const content = el("span", { class: "thumbnail-content", draggable: "true" }, thumbnail, label);
-    if (hidden) content.append(el("span", { class: "slide-badge", text: "Hidden" }));
-    button.append(number, content);
+    if (hidden) content.append(" ", el("span", { class: "slide-badge", text: "Hidden" }));
+    // The explicit spaces keep the number, title and badge apart in the computed name; hidden elements still describe the button.
+    button.append(number, " ", content, el("span", { id: `${id}-${index}-position`, hidden: true, text: position }));
     button.addEventListener("click", (event) => choose(index, event));
     button.addEventListener("keydown", (event) => keydown(event, index));
     button.addEventListener("focus", () => { focusIndex = index; });
@@ -172,9 +175,11 @@ export function createSlideManager(container, options) {
     const name = sectionLabel(section.name);
     const header = el("div", { class: "slide-section", "data-section": section.index, "data-unnamed": String(section.unnamed) });
     const toggle = el("button", {
-      type: "button", class: "section-toggle", "aria-expanded": String(!isCollapsed), "aria-label": `${name}, ${plural(section.count, "slide")}`,
+      type: "button", class: "section-toggle", "aria-expanded": String(!isCollapsed), "aria-describedby": `${id}-section-${section.index}-count`,
       onclick: () => { if (isCollapsed) collapsed.delete(key); else collapsed.add(key); render(); },
-    }, el("span", { class: "section-caret", "aria-hidden": "true", text: isCollapsed ? "▸" : "▾" }), el("span", { class: "section-name", text: name }), el("span", { class: "section-count", "aria-hidden": "true", text: String(section.count) }));
+    }, el("span", { class: "section-caret", "aria-hidden": "true", text: isCollapsed ? "▸" : "▾" }), " ", el("span", { class: "section-name", text: name }), " ", el("span", { class: "section-count", "aria-hidden": "true", text: String(section.count) }),
+    // WCAG 2.5.3: no aria-label. The name is the visible section name; the slide count is the description.
+    el("span", { id: `${id}-section-${section.index}-count`, hidden: true, text: plural(section.count, "slide") }));
     const more = el("button", { type: "button", class: "section-more", "aria-label": `Section actions: ${name}`, "aria-haspopup": "menu", title: "Section actions" });
     more.append(icon("more"));
     more.addEventListener("click", () => { const box = more.getBoundingClientRect(); openMenu(box.left, box.bottom, more, sectionMenu(section)); });
@@ -424,7 +429,7 @@ export function createSlideManager(container, options) {
   }
   function openMenu(x, y, opener, items = slideMenu()) {
     closeMenu(false);
-    const root = el("div", { class: "opf-menu", role: "menu", "aria-label": opener.getAttribute?.("aria-label") ?? "Slide actions", tabindex: "-1" });
+    const root = el("div", { class: "opf-menu", role: "menu", "aria-label": opener.getAttribute?.("aria-label") ?? opener.dataset?.menuLabel ?? "Slide actions", tabindex: "-1" });
     const buttons = [];
     for (const item of items) {
       if (item.separator) { root.append(el("div", { class: "opf-menu-separator", role: "separator" })); continue; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openpresentation/opf-editor",
-  "version": "0.18.0",
+  "version": "0.18.2",
   "description": "Embeddable local OPF editor primitives built on the deterministic renderer.",
   "license": "MIT",
   "type": "module",
@@ -257,12 +257,12 @@
     "@codemirror/search": "6.7.2",
     "@codemirror/state": "6.7.6",
     "@codemirror/view": "6.43.13",
-    "@lezer/highlight": "1.2.4",
-    "@openpresentation/opf": "^0.18.1",
+    "@lezer/highlight": "1.2.5",
+    "@openpresentation/opf": "^0.18.4",
     "jsonc-parser": "3.3.1"
   },
   "peerDependencies": {
-    "@openpresentation/opf-render": "^0.18.0"
+    "@openpresentation/opf-render": "^0.18.2"
   },
   "peerDependenciesMeta": {
     "@openpresentation/opf-render": {
@@ -274,8 +274,8 @@
     "@expo-google-fonts/caladea": "0.4.2",
     "@expo-google-fonts/cousine": "0.4.3",
     "@expo-google-fonts/gelasio": "0.4.1",
-    "@expo-google-fonts/noto-color-emoji": "0.4.6",
-    "@expo-google-fonts/noto-emoji": "0.4.7",
+    "@expo-google-fonts/noto-color-emoji": "0.4.7",
+    "@expo-google-fonts/noto-emoji": "0.4.8",
     "@expo-google-fonts/noto-naskh-arabic": "0.4.5",
     "@expo-google-fonts/noto-nastaliq-urdu": "0.4.2",
     "@expo-google-fonts/noto-sans": "0.4.2",
@@ -288,23 +288,23 @@
     "@expo-google-fonts/noto-sans-gujarati": "0.4.2",
     "@expo-google-fonts/noto-sans-gurmukhi": "0.4.1",
     "@expo-google-fonts/noto-sans-hebrew": "0.4.1",
-    "@expo-google-fonts/noto-sans-jp": "0.4.3",
+    "@expo-google-fonts/noto-sans-jp": "0.4.4",
     "@expo-google-fonts/noto-sans-kannada": "0.4.3",
     "@expo-google-fonts/noto-sans-khmer": "0.4.3",
-    "@expo-google-fonts/noto-sans-kr": "0.4.3",
+    "@expo-google-fonts/noto-sans-kr": "0.4.4",
     "@expo-google-fonts/noto-sans-lao": "0.4.2",
     "@expo-google-fonts/noto-sans-malayalam": "0.4.2",
     "@expo-google-fonts/noto-sans-math": "0.4.2",
     "@expo-google-fonts/noto-sans-mongolian": "0.4.1",
     "@expo-google-fonts/noto-sans-myanmar": "0.4.2",
     "@expo-google-fonts/noto-sans-oriya": "0.4.2",
-    "@expo-google-fonts/noto-sans-sc": "0.4.3",
+    "@expo-google-fonts/noto-sans-sc": "0.4.4",
     "@expo-google-fonts/noto-sans-sinhala": "0.4.2",
     "@expo-google-fonts/noto-sans-symbols": "0.4.1",
     "@expo-google-fonts/noto-sans-symbols-2": "0.4.1",
     "@expo-google-fonts/noto-sans-syriac": "0.4.2",
     "@expo-google-fonts/noto-sans-tamil": "0.4.3",
-    "@expo-google-fonts/noto-sans-tc": "0.4.3",
+    "@expo-google-fonts/noto-sans-tc": "0.4.4",
     "@expo-google-fonts/noto-sans-telugu": "0.4.2",
     "@expo-google-fonts/noto-sans-thaana": "0.4.2",
     "@expo-google-fonts/noto-sans-thai": "0.4.2",
@@ -314,14 +314,14 @@
     "@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.18.0",
-    "@openpresentation/opf-render": "^0.18.0",
+    "@openpresentation/opf-pptx": "^0.18.2",
+    "@openpresentation/opf-render": "^0.18.2",
     "@resvg/resvg-js": "2.6.2",
-    "axe-core": "4.13.0",
+    "axe-core": "4.14.0",
     "esbuild": "0.28.2",
     "jszip": "3.10.2",
     "pdf-lib": "1.17.1",
-    "pdfjs-dist": "6.3.289",
+    "pdfjs-dist": "6.4.299",
     "playwright": "1.63.0"
   }
 }