@pie-lib/math-input-mathlive 1.0.6 → 1.0.9-next.6608

package/lib/mathlive-instance.js.map

@@ -1 +1 @@
-{"version":3,"file":"mathlive-instance.js","names":["_debug","_interopRequireDefault","require","_latexBridge","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_interopRequireWildcard","WeakMap","n","__esModule","i","f","__proto__","_typeof","has","get","set","_t2","hasOwnProperty","call","log","debug","mathlive","fontsDirectory","absoluteFontsDirectory","dir","test","URL","document","baseURI","href","message","configureFonts","exports","MathfieldElement","PIE_MACROS","parallelogram","overarc","napprox","nsim","ncong","nparallel","perpendicular","divide","degree","square","longdiv","abs","embeds","Map","KNOWN_EMBED_LATEX","newLine","answerBlock","loadWarned","configureLoaded","undefined","injectCoreStylesheet","renderMathInElement","createElement","loadMathLiveSync","window","loadMathLive","_ref","_asyncToGenerator2","_regenerator","mark","_callee","_t","wrap","_context","prev","next","abrupt","Promise","resolve","then","sent","process","env","NODE_ENV","console","warn","stop","getMathLive","getMacros","out","_ref2","name","latex","concat","registerEmbed","factory","definition","prototype","mathliveLatex","registeredEmbeds","Array","from","__resetEmbeds","clear","__setMathLiveForTest","stub","applyStaticMath","element","options","source","textContent","ml","loaded","isConnected","innerHTML","convertLatexToMarkup","toMathLive","macros","latexToMarkup"],"sources":["../src/mathlive-instance.js"],"sourcesContent":["import debug from 'debug';\nimport { NEWLINE_EMBED, toMathLive } from './latex-bridge';\n\nconst log = debug('pie-lib:math-input-mathlive:instance');\n\n/**\n * MathLive bootstrap + compatibility shims for @pie-lib/math-input's public API.\n *\n * MathLive is loaded lazily and only in the browser: the editor bundle is\n * ~227KB gzip and registers custom elements, so it must never run during SSR.\n */\n\nlet mathlive;\n\n/**\n * Where the KaTeX woff2 fonts are served from, as configured by the host app.\n * `undefined` means \"not configured\"; `null` means \"explicitly disabled\".\n */\nlet fontsDirectory;\n\n/**\n * Turn a fonts path into a fully-qualified URL.\n *\n * MathLive's default `fontsDirectory` is the relative `'./fonts/'`, which it\n * resolves against its own script URL. Under a bundler (webpack/Next) that\n * script URL is empty, so `new URL('./fonts/', '')` throws\n * \"Failed to construct 'URL': Invalid base URL\" from `loadFonts`.\n * Resolving against `document.baseURI` avoids that entirely and honours any\n * <base href> / asset prefix the host app uses.\n */\nconst absoluteFontsDirectory = (dir) => {\n  if (!dir) {\n    return dir;\n  }\n\n  // Already absolute (http://, https://, //cdn...) - MathLive handles these.\n  if (/^(?:[a-z+]+:)?\\/\\//i.test(dir)) {\n    return dir;\n  }\n\n  try {\n    return new URL(dir, document.baseURI).href;\n  } catch (e) {\n    log('could not resolve fontsDirectory \"%s\": %s', dir, e && e.message);\n    return null;\n  }\n};\n\n/**\n * Tell the package where the MathLive fonts are served from.\n *\n * Call before `loadMathLive()`. Accepts an absolute URL, a root-relative path\n * (`/mathlive-fonts`) or a relative one; pass `null` to skip font loading and\n * fall back to system fonts.\n *\n * The fonts ship inside the `mathlive` package (`node_modules/mathlive/fonts`)\n * and must be copied into whatever the host app serves statically.\n *\n * @param {string|null} dir\n */\nexport const configureFonts = (dir) => {\n  fontsDirectory = dir;\n\n  if (mathlive) {\n    mathlive.MathfieldElement.fontsDirectory = absoluteFontsDirectory(dir);\n  }\n};\n\n/**\n * Custom macros for the pie-specific commands that the MathQuill fork\n * understood but stock LaTeX does not.\n *\n * Kept deliberately in sync with the MathJax macros in\n * @pie-lib/math-rendering (`render-math.js`) so the same latex renders the same\n * way in the editor and in the static renderer.\n */\nexport const PIE_MACROS = {\n  parallelogram: '\\\\htmlData{pie-macro=parallelogram}{\\\\unicode{\"25B1}}',\n  overarc: '\\\\overparen{#1}',\n  napprox: '\\\\not\\\\approx',\n  nsim: '\\\\not\\\\sim',\n  ncong: '\\\\not\\\\cong',\n  nparallel: '\\\\not\\\\parallel',\n  perpendicular: '\\\\perp',\n  divide: '\\\\div',\n  degree: '^{\\\\circ}',\n  square: '\\\\unicode{\"25A1}',\n  longdiv: '\\\\htmlData{pie-macro=longdiv}{#1}',\n  abs: '\\\\left|#1\\\\right|',\n};\n\n/**\n * Registry for `registerEmbed`.\n *\n * MathLive has no embed plugin system, so an embed is expressed as a macro that\n * expands to real LaTeX. `\\htmlData{embed=<name>}` tags the rendered output so\n * consumers can target it with CSS exactly as they targeted the old\n * `htmlString` markup.\n *\n * Known embeds map to native constructs:\n *  - `newLine`    -> structural, handled by latex-bridge (`\\displaylines` + `\\\\`)\n *  - `answerBlock`-> `\\placeholder{}` (interactive, read via the prompts API)\n *\n * @type {Map<string, {factory: Function, latex: string}>}\n */\nconst embeds = new Map();\n\nconst KNOWN_EMBED_LATEX = {\n  // newLine is structural: it is translated by latex-bridge before it ever\n  // reaches MathLive, so the macro only needs to be harmless.\n  newLine: '',\n  answerBlock: '\\\\placeholder{}',\n};\n\nlet loadWarned = false;\n\n/** Apply post-load configuration exactly once. */\nconst configureLoaded = () => {\n  // Always replace MathLive's relative `'./fonts/'` default: it throws\n  // \"Invalid base URL\" when bundled. Either point at the host app's copy or\n  // disable font loading, both of which are safe.\n  if (fontsDirectory === undefined) {\n    log(\n      'no fontsDirectory configured - MathLive will use fallback fonts. ' +\n        'Call configureFonts(\"/path/to/fonts\") with a copy of node_modules/mathlive/fonts to enable them.',\n    );\n  }\n\n  mathlive.MathfieldElement.fontsDirectory =\n    fontsDirectory === undefined ? null : absoluteFontsDirectory(fontsDirectory);\n\n  injectCoreStylesheet();\n};\n\n/**\n * Ensure MathLive's \"core\" stylesheet is in the document.\n *\n * `convertLatexToMarkup` - which renders keypad labels and static math - does\n * NOT inject it, while `renderMathInElement` and live mathfields do. Without it\n * the generated markup is unstyled: glyphs misalign and the <svg> used by\n * stretchy accents lays out statically at an unbounded width.\n *\n * Hosts that can import CSS should `import 'mathlive/static.css'`. For bundles\n * that cannot handle CSS imports (pie-elements ships JS-only web components),\n * this triggers MathLive's own injection against a detached element, so the\n * styles come from MathLive itself rather than being duplicated here.\n */\nconst injectCoreStylesheet = () => {\n  if (typeof document === 'undefined' || !mathlive || !mathlive.renderMathInElement) {\n    return;\n  }\n\n  try {\n    mathlive.renderMathInElement(document.createElement('span'));\n  } catch (e) {\n    log('could not trigger MathLive core stylesheet injection: %s', e && e.message);\n  }\n};\n\n/**\n * Load MathLive synchronously when the bundler allows it.\n *\n * `require` keeps MathLive inside the host's bundle. An `import()` would make\n * webpack emit a separate chunk, and a deployment that does not serve that\n * chunk fails with a 404 at runtime - leaving every mathfield and keypad label\n * blank with no obvious cause. Being in the main bundle also makes the engine\n * available on first render, so callers that run synchronously (applyStaticMath,\n * keypad labels) work without a second pass.\n *\n * Returns undefined during SSR or if the module is genuinely unavailable.\n *\n * @returns {object|undefined}\n */\nexport const loadMathLiveSync = () => {\n  if (typeof window === 'undefined') {\n    return undefined;\n  }\n\n  if (!mathlive) {\n    try {\n      // eslint-disable-next-line global-require\n      mathlive = require('mathlive');\n      configureLoaded();\n    } catch (e) {\n      log('synchronous MathLive load unavailable: %s', e && e.message);\n      return undefined;\n    }\n  }\n\n  return mathlive;\n};\n\n/**\n * Load MathLive. Prefers the synchronous path; falls back to a dynamic import.\n * Resolves to undefined during SSR.\n *\n * @returns {Promise<object|undefined>}\n */\nexport const loadMathLive = async () => {\n  if (typeof window === 'undefined') {\n    return undefined;\n  }\n\n  if (mathlive) {\n    return mathlive;\n  }\n\n  if (loadMathLiveSync()) {\n    return mathlive;\n  }\n\n  try {\n    mathlive = await import('mathlive');\n    configureLoaded();\n  } catch (e) {\n    // Surface this once: a silent failure here renders every field and keypad\n    // label blank, which is very hard to trace back to a module load.\n    // Skipped under test, where jsdom cannot load the browser build.\n    if (!loadWarned && process.env.NODE_ENV !== 'test') {\n      loadWarned = true;\n      // eslint-disable-next-line no-console\n      console.warn(\n        '[@pie-lib/math-input-mathlive] MathLive could not be loaded; math input will not render. ' +\n          'If this is a bundling issue, ensure \"mathlive\" is resolvable from the host bundle. Cause: ' +\n          (e && e.message),\n      );\n    }\n\n    return undefined;\n  }\n\n  return mathlive;\n};\n\n/**\n * Synchronous accessor for an already-loaded MathLive.\n * @returns {object|undefined}\n */\nexport const getMathLive = () => mathlive;\n\n/**\n * The macro dictionary to hand to a mathfield: pie macros plus anything\n * registered through `registerEmbed`.\n *\n * @returns {object}\n */\nexport const getMacros = () => {\n  const out = { ...PIE_MACROS };\n\n  embeds.forEach(({ latex }, name) => {\n    out[name] = `\\\\htmlData{embed=${name}}{${latex}}`;\n  });\n\n  return out;\n};\n\n/**\n * Register an embed. API-compatible with @pie-lib/math-input's `registerEmbed`\n * so existing callers do not change.\n *\n * MathQuill's factory returns `{ htmlString, text, latex }`. Only the\n * declarative parts survive: `latex` round-trips through a macro and the\n * styling hook becomes a `data-embed` attribute. Arbitrary DOM injection via\n * `htmlString` has no MathLive equivalent and is ignored.\n *\n * @param {string} name\n * @param {Function} factory\n */\nexport function registerEmbed(name, factory) {\n  if (!name || typeof factory !== 'function') {\n    return;\n  }\n\n  let definition = {};\n\n  try {\n    definition = factory() || {};\n  } catch (e) {\n    log('embed factory threw for \"%s\": %s', name, e.message);\n  }\n\n  const latex = Object.prototype.hasOwnProperty.call(KNOWN_EMBED_LATEX, name)\n    ? KNOWN_EMBED_LATEX[name]\n    : definition.mathliveLatex || '\\\\placeholder{}';\n\n  if (!Object.prototype.hasOwnProperty.call(KNOWN_EMBED_LATEX, name) && !definition.mathliveLatex) {\n    // Unknown third-party embed: degrade instead of throwing. `htmlString`\n    // cannot be reproduced, so it renders as an editable slot.\n    log(\n      'embed \"%s\" is not natively supported by MathLive; rendering as a placeholder. ' +\n        'Provide `mathliveLatex` in the factory result to control this.',\n      name,\n    );\n  }\n\n  embeds.set(name, { factory, latex });\n}\n\n/**\n * Embeds registered so far. Exposed for tests/diagnostics.\n * @returns {string[]}\n */\nexport const registeredEmbeds = () => Array.from(embeds.keys());\n\n/** Reset the embed registry. Test helper. */\nexport const __resetEmbeds = () => embeds.clear();\n\n/** Inject a stub MathLive instance. Test helper. */\nexport const __setMathLiveForTest = (stub) => {\n  mathlive = stub;\n};\n\n/**\n * Render static math into an element. API-compatible with\n * @pie-lib/math-input's `applyStaticMath`.\n *\n * Callers written against MathQuill invoke this synchronously from lifecycle\n * methods, where MathLive (a dynamic import) may not have loaded yet. Rather\n * than silently rendering nothing, this kicks off the load and re-applies once\n * the engine is ready, so the element fills in on the next tick.\n *\n * @param {HTMLElement} element\n * @param {string} [latex] assigned to the element before rendering\n * @param {object} [options] `{ macros }` overrides\n * @returns {HTMLElement|undefined} the element, or undefined if deferred\n */\nexport function applyStaticMath(element, latex, options = {}) {\n  if (!element || typeof window === 'undefined') {\n    return undefined;\n  }\n\n  // Capture the source now: if we defer, the element's textContent may have\n  // been overwritten by the time MathLive is ready.\n  const source = latex === undefined || latex === null ? element.textContent : latex;\n  const ml = getMathLive() || loadMathLiveSync();\n\n  if (!ml) {\n    log('applyStaticMath called before MathLive loaded - deferring until it is ready');\n\n    loadMathLive().then((loaded) => {\n      // The element may have been unmounted while loading.\n      if (loaded && element.isConnected !== false) {\n        applyStaticMath(element, source, options);\n      }\n    });\n\n    return undefined;\n  }\n\n  element.innerHTML = ml.convertLatexToMarkup(toMathLive(source), {\n    macros: { ...getMacros(), ...(options.macros || {}) },\n  });\n\n  return element;\n}\n\n/**\n * Convert latex to markup using the pie macro set. Used for keypad labels and\n * any read-only rendering that does not need a live mathfield.\n *\n * @param {string} latex\n * @param {object} [options]\n * @returns {string} HTML markup, or '' if MathLive is not loaded\n */\nexport function latexToMarkup(latex, options = {}) {\n  // Try the synchronous load so the very first render can produce markup\n  // instead of falling back to raw latex.\n  const ml = getMathLive() || loadMathLiveSync();\n\n  if (!ml || !latex) {\n    return '';\n  }\n\n  try {\n    return ml.convertLatexToMarkup(toMathLive(latex), {\n      macros: { ...getMacros(), ...(options.macros || {}) },\n      ...options,\n    });\n  } catch (e) {\n    log('convertLatexToMarkup failed for \"%s\": %s', latex, e.message);\n    return '';\n  }\n}\n\nexport { NEWLINE_EMBED };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"mathlive-instance.js","names":["_debug","_interopRequireDefault","require","_latexBridge","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_interopRequireWildcard","WeakMap","n","__esModule","i","f","__proto__","_typeof","has","get","set","_t2","hasOwnProperty","call","log","debug","mathlive","fontsDirectory","absoluteFontsDirectory","dir","test","URL","document","baseURI","href","message","configureFonts","exports","MathfieldElement","PIE_MACROS","parallelogram","napprox","nsim","ncong","nparallel","perpendicular","divide","degree","square","longdiv","overarc","abs","embeds","Map","KNOWN_EMBED_LATEX","newLine","answerBlock","loadWarned","configureLoaded","undefined","injectCoreStylesheet","renderMathInElement","createElement","loadMathLiveSync","window","loadMathLive","_ref","_asyncToGenerator2","_regenerator","mark","_callee","_t","wrap","_context","prev","next","abrupt","Promise","resolve","then","sent","process","env","NODE_ENV","console","warn","stop","getMathLive","getMacros","out","_ref2","name","latex","concat","registerEmbed","factory","definition","prototype","mathliveLatex","registeredEmbeds","Array","from","__resetEmbeds","clear","__setMathLiveForTest","stub","applyStaticMath","element","options","source","textContent","ml","loaded","isConnected","innerHTML","convertLatexToMarkup","withVisibleEmptySlots","toMathLive","macros","latexToMarkup"],"sources":["../src/mathlive-instance.js"],"sourcesContent":["import debug from 'debug';\nimport { NEWLINE_EMBED, toMathLive, withVisibleEmptySlots } from './latex-bridge';\n\nconst log = debug('pie-lib:math-input-mathlive:instance');\n\n/**\n * MathLive bootstrap + compatibility shims for @pie-lib/math-input's public API.\n *\n * MathLive is loaded lazily and only in the browser: the editor bundle is\n * ~227KB gzip and registers custom elements, so it must never run during SSR.\n */\n\nlet mathlive;\n\n/**\n * Where the KaTeX woff2 fonts are served from, as configured by the host app.\n * `undefined` means \"not configured\"; `null` means \"explicitly disabled\".\n */\nlet fontsDirectory;\n\n/**\n * Turn a fonts path into a fully-qualified URL.\n *\n * MathLive's default `fontsDirectory` is the relative `'./fonts/'`, which it\n * resolves against its own script URL. Under a bundler (webpack/Next) that\n * script URL is empty, so `new URL('./fonts/', '')` throws\n * \"Failed to construct 'URL': Invalid base URL\" from `loadFonts`.\n * Resolving against `document.baseURI` avoids that entirely and honours any\n * <base href> / asset prefix the host app uses.\n */\nconst absoluteFontsDirectory = (dir) => {\n  if (!dir) {\n    return dir;\n  }\n\n  // Already absolute (http://, https://, //cdn...) - MathLive handles these.\n  if (/^(?:[a-z+]+:)?\\/\\//i.test(dir)) {\n    return dir;\n  }\n\n  try {\n    return new URL(dir, document.baseURI).href;\n  } catch (e) {\n    log('could not resolve fontsDirectory \"%s\": %s', dir, e && e.message);\n    return null;\n  }\n};\n\n/**\n * Tell the package where the MathLive fonts are served from.\n *\n * Call before `loadMathLive()`. Accepts an absolute URL, a root-relative path\n * (`/mathlive-fonts`) or a relative one; pass `null` to skip font loading and\n * fall back to system fonts.\n *\n * The fonts ship inside the `mathlive` package (`node_modules/mathlive/fonts`)\n * and must be copied into whatever the host app serves statically.\n *\n * @param {string|null} dir\n */\nexport const configureFonts = (dir) => {\n  fontsDirectory = dir;\n\n  if (mathlive) {\n    mathlive.MathfieldElement.fontsDirectory = absoluteFontsDirectory(dir);\n  }\n};\n\n/**\n * Custom macros for the pie-specific commands that the MathQuill fork\n * understood but stock LaTeX does not.\n *\n * Kept deliberately in sync with the MathJax macros in\n * @pie-lib/math-rendering (`render-math.js`) so the same latex renders the same\n * way in the editor and in the static renderer.\n */\nexport const PIE_MACROS = {\n  // Argument-less symbols. Atomic is correct here: backspace should remove the\n  // whole glyph, and there is nothing to type into.\n  parallelogram: '\\\\htmlData{pie-macro=parallelogram}{\\\\unicode{\"25B1}}',\n  napprox: '\\\\not\\\\approx',\n  nsim: '\\\\not\\\\sim',\n  ncong: '\\\\not\\\\cong',\n  nparallel: '\\\\not\\\\parallel',\n  perpendicular: '\\\\perp',\n  divide: '\\\\div',\n  degree: '^{\\\\circ}',\n  square: '\\\\unicode{\"25A1}',\n\n  // Argument-taking commands, kept ONLY so previously authored latex still\n  // parses and renders. They are never used for editing: MathLive serialises a\n  // macro from the arguments it was created with, so text typed inside the\n  // expansion never comes back out of `getValue('latex')`. Anything entering a\n  // mathfield is rewritten to the native equivalent first - see\n  // `toNativeCommands` in latex-bridge.\n  longdiv: '\\\\enclose{longdiv}{#1}',\n  overarc: '\\\\overparen{#1}',\n  abs: '\\\\left|#1\\\\right|',\n};\n\n/**\n * Registry for `registerEmbed`.\n *\n * MathLive has no embed plugin system, so an embed is expressed as a macro that\n * expands to real LaTeX. `\\htmlData{embed=<name>}` tags the rendered output so\n * consumers can target it with CSS exactly as they targeted the old\n * `htmlString` markup.\n *\n * Known embeds map to native constructs:\n *  - `newLine`    -> structural, handled by latex-bridge (`\\displaylines` + `\\\\`)\n *  - `answerBlock`-> `\\placeholder{}` (interactive, read via the prompts API)\n *\n * @type {Map<string, {factory: Function, latex: string}>}\n */\nconst embeds = new Map();\n\nconst KNOWN_EMBED_LATEX = {\n  // newLine is structural: it is translated by latex-bridge before it ever\n  // reaches MathLive, so the macro only needs to be harmless.\n  newLine: '',\n  answerBlock: '\\\\placeholder{}',\n};\n\nlet loadWarned = false;\n\n/** Apply post-load configuration exactly once. */\nconst configureLoaded = () => {\n  // Always replace MathLive's relative `'./fonts/'` default: it throws\n  // \"Invalid base URL\" when bundled. Either point at the host app's copy or\n  // disable font loading, both of which are safe.\n  if (fontsDirectory === undefined) {\n    log(\n      'no fontsDirectory configured - MathLive will use fallback fonts. ' +\n        'Call configureFonts(\"/path/to/fonts\") with a copy of node_modules/mathlive/fonts to enable them.',\n    );\n  }\n\n  mathlive.MathfieldElement.fontsDirectory =\n    fontsDirectory === undefined ? null : absoluteFontsDirectory(fontsDirectory);\n\n  injectCoreStylesheet();\n};\n\n/**\n * Ensure MathLive's \"core\" stylesheet is in the document.\n *\n * `convertLatexToMarkup` - which renders keypad labels and static math - does\n * NOT inject it, while `renderMathInElement` and live mathfields do. Without it\n * the generated markup is unstyled: glyphs misalign and the <svg> used by\n * stretchy accents lays out statically at an unbounded width.\n *\n * Hosts that can import CSS should `import 'mathlive/static.css'`. For bundles\n * that cannot handle CSS imports (pie-elements ships JS-only web components),\n * this triggers MathLive's own injection against a detached element, so the\n * styles come from MathLive itself rather than being duplicated here.\n */\nconst injectCoreStylesheet = () => {\n  if (typeof document === 'undefined' || !mathlive || !mathlive.renderMathInElement) {\n    return;\n  }\n\n  try {\n    mathlive.renderMathInElement(document.createElement('span'));\n  } catch (e) {\n    log('could not trigger MathLive core stylesheet injection: %s', e && e.message);\n  }\n};\n\n/**\n * Load MathLive synchronously when the bundler allows it.\n *\n * `require` keeps MathLive inside the host's bundle. An `import()` would make\n * webpack emit a separate chunk, and a deployment that does not serve that\n * chunk fails with a 404 at runtime - leaving every mathfield and keypad label\n * blank with no obvious cause. Being in the main bundle also makes the engine\n * available on first render, so callers that run synchronously (applyStaticMath,\n * keypad labels) work without a second pass.\n *\n * Returns undefined during SSR or if the module is genuinely unavailable.\n *\n * @returns {object|undefined}\n */\nexport const loadMathLiveSync = () => {\n  if (typeof window === 'undefined') {\n    return undefined;\n  }\n\n  if (!mathlive) {\n    try {\n      // eslint-disable-next-line global-require\n      mathlive = require('mathlive');\n      configureLoaded();\n    } catch (e) {\n      log('synchronous MathLive load unavailable: %s', e && e.message);\n      return undefined;\n    }\n  }\n\n  return mathlive;\n};\n\n/**\n * Load MathLive. Prefers the synchronous path; falls back to a dynamic import.\n * Resolves to undefined during SSR.\n *\n * @returns {Promise<object|undefined>}\n */\nexport const loadMathLive = async () => {\n  if (typeof window === 'undefined') {\n    return undefined;\n  }\n\n  if (mathlive) {\n    return mathlive;\n  }\n\n  if (loadMathLiveSync()) {\n    return mathlive;\n  }\n\n  try {\n    mathlive = await import('mathlive');\n    configureLoaded();\n  } catch (e) {\n    // Surface this once: a silent failure here renders every field and keypad\n    // label blank, which is very hard to trace back to a module load.\n    // Skipped under test, where jsdom cannot load the browser build.\n    if (!loadWarned && process.env.NODE_ENV !== 'test') {\n      loadWarned = true;\n      // eslint-disable-next-line no-console\n      console.warn(\n        '[@pie-lib/math-input-mathlive] MathLive could not be loaded; math input will not render. ' +\n          'If this is a bundling issue, ensure \"mathlive\" is resolvable from the host bundle. Cause: ' +\n          (e && e.message),\n      );\n    }\n\n    return undefined;\n  }\n\n  return mathlive;\n};\n\n/**\n * Synchronous accessor for an already-loaded MathLive.\n * @returns {object|undefined}\n */\nexport const getMathLive = () => mathlive;\n\n/**\n * The macro dictionary to hand to a mathfield: pie macros plus anything\n * registered through `registerEmbed`.\n *\n * @returns {object}\n */\nexport const getMacros = () => {\n  const out = { ...PIE_MACROS };\n\n  embeds.forEach(({ latex }, name) => {\n    out[name] = `\\\\htmlData{embed=${name}}{${latex}}`;\n  });\n\n  return out;\n};\n\n/**\n * Register an embed. API-compatible with @pie-lib/math-input's `registerEmbed`\n * so existing callers do not change.\n *\n * MathQuill's factory returns `{ htmlString, text, latex }`. Only the\n * declarative parts survive: `latex` round-trips through a macro and the\n * styling hook becomes a `data-embed` attribute. Arbitrary DOM injection via\n * `htmlString` has no MathLive equivalent and is ignored.\n *\n * @param {string} name\n * @param {Function} factory\n */\nexport function registerEmbed(name, factory) {\n  if (!name || typeof factory !== 'function') {\n    return;\n  }\n\n  let definition = {};\n\n  try {\n    definition = factory() || {};\n  } catch (e) {\n    log('embed factory threw for \"%s\": %s', name, e.message);\n  }\n\n  const latex = Object.prototype.hasOwnProperty.call(KNOWN_EMBED_LATEX, name)\n    ? KNOWN_EMBED_LATEX[name]\n    : definition.mathliveLatex || '\\\\placeholder{}';\n\n  if (!Object.prototype.hasOwnProperty.call(KNOWN_EMBED_LATEX, name) && !definition.mathliveLatex) {\n    // Unknown third-party embed: degrade instead of throwing. `htmlString`\n    // cannot be reproduced, so it renders as an editable slot.\n    log(\n      'embed \"%s\" is not natively supported by MathLive; rendering as a placeholder. ' +\n        'Provide `mathliveLatex` in the factory result to control this.',\n      name,\n    );\n  }\n\n  embeds.set(name, { factory, latex });\n}\n\n/**\n * Embeds registered so far. Exposed for tests/diagnostics.\n * @returns {string[]}\n */\nexport const registeredEmbeds = () => Array.from(embeds.keys());\n\n/** Reset the embed registry. Test helper. */\nexport const __resetEmbeds = () => embeds.clear();\n\n/** Inject a stub MathLive instance. Test helper. */\nexport const __setMathLiveForTest = (stub) => {\n  mathlive = stub;\n};\n\n/**\n * Render static math into an element. API-compatible with\n * @pie-lib/math-input's `applyStaticMath`.\n *\n * Callers written against MathQuill invoke this synchronously from lifecycle\n * methods, where MathLive (a dynamic import) may not have loaded yet. Rather\n * than silently rendering nothing, this kicks off the load and re-applies once\n * the engine is ready, so the element fills in on the next tick.\n *\n * @param {HTMLElement} element\n * @param {string} [latex] assigned to the element before rendering\n * @param {object} [options] `{ macros }` overrides\n * @returns {HTMLElement|undefined} the element, or undefined if deferred\n */\nexport function applyStaticMath(element, latex, options = {}) {\n  if (!element || typeof window === 'undefined') {\n    return undefined;\n  }\n\n  // Capture the source now: if we defer, the element's textContent may have\n  // been overwritten by the time MathLive is ready.\n  const source = latex === undefined || latex === null ? element.textContent : latex;\n  const ml = getMathLive() || loadMathLiveSync();\n\n  if (!ml) {\n    log('applyStaticMath called before MathLive loaded - deferring until it is ready');\n\n    loadMathLive().then((loaded) => {\n      // The element may have been unmounted while loading.\n      if (loaded && element.isConnected !== false) {\n        applyStaticMath(element, source, options);\n      }\n    });\n\n    return undefined;\n  }\n\n  element.innerHTML = ml.convertLatexToMarkup(withVisibleEmptySlots(toMathLive(source)), {\n    macros: { ...getMacros(), ...(options.macros || {}) },\n  });\n\n  return element;\n}\n\n/**\n * Convert latex to markup using the pie macro set. Used for keypad labels and\n * any read-only rendering that does not need a live mathfield.\n *\n * @param {string} latex\n * @param {object} [options]\n * @returns {string} HTML markup, or '' if MathLive is not loaded\n */\nexport function latexToMarkup(latex, options = {}) {\n  // Try the synchronous load so the very first render can produce markup\n  // instead of falling back to raw latex.\n  const ml = getMathLive() || loadMathLiveSync();\n\n  if (!ml || !latex) {\n    return '';\n  }\n\n  try {\n    // Empty groups render as nothing in static markup, so give them a visible\n    // box. This covers every static path: keypad labels, mf.Static in display\n    // mode, and applyStaticMath.\n    return ml.convertLatexToMarkup(withVisibleEmptySlots(toMathLive(latex)), {\n      macros: { ...getMacros(), ...(options.macros || {}) },\n      ...options,\n    });\n  } catch (e) {\n    log('convertLatexToMarkup failed for \"%s\": %s', latex, e.message);\n    return '';\n  }\n}\n\nexport { NEWLINE_EMBED };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAkF,SAAAE,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAAA,SAAAoB,wBAAApB,CAAA,EAAAE,CAAA,6BAAAmB,OAAA,MAAApB,CAAA,OAAAoB,OAAA,IAAAC,CAAA,OAAAD,OAAA,YAAAD,uBAAA,YAAAA,wBAAApB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAuB,UAAA,SAAAvB,CAAA,MAAAM,CAAA,EAAAkB,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAA1B,CAAA,iBAAAA,CAAA,gBAAA2B,OAAA,CAAA3B,CAAA,0BAAAA,CAAA,SAAAyB,CAAA,MAAAnB,CAAA,GAAAJ,CAAA,GAAAoB,CAAA,GAAArB,CAAA,QAAAK,CAAA,CAAAsB,GAAA,CAAA5B,CAAA,UAAAM,CAAA,CAAAuB,GAAA,CAAA7B,CAAA,GAAAM,CAAA,CAAAwB,GAAA,CAAA9B,CAAA,EAAAyB,CAAA,cAAAM,GAAA,IAAA/B,CAAA,gBAAA+B,GAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjC,CAAA,EAAA+B,GAAA,OAAAP,CAAA,IAAAlB,CAAA,GAAAH,MAAA,CAAAgB,cAAA,KAAAhB,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAA+B,GAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAxB,CAAA,CAAAmB,CAAA,EAAAM,GAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,GAAA,IAAA/B,CAAA,CAAA+B,GAAA,WAAAN,CAAA,KAAAzB,CAAA,EAAAE,CAAA;AAElF,IAAMgC,GAAG,GAAG,IAAAC,iBAAK,EAAC,sCAAsC,CAAC;;AAEzD;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAIC,QAAQ;;AAEZ;AACA;AACA;AACA;AACA,IAAIC,cAAc;;AAElB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,GAAG,EAAK;EACtC,IAAI,CAACA,GAAG,EAAE;IACR,OAAOA,GAAG;EACZ;;EAEA;EACA,IAAI,qBAAqB,CAACC,IAAI,CAACD,GAAG,CAAC,EAAE;IACnC,OAAOA,GAAG;EACZ;EAEA,IAAI;IACF,OAAO,IAAIE,GAAG,CAACF,GAAG,EAAEG,QAAQ,CAACC,OAAO,CAAC,CAACC,IAAI;EAC5C,CAAC,CAAC,OAAO5C,CAAC,EAAE;IACVkC,GAAG,CAAC,2CAA2C,EAAEK,GAAG,EAAEvC,CAAC,IAAIA,CAAC,CAAC6C,OAAO,CAAC;IACrE,OAAO,IAAI;EACb;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIP,GAAG,EAAK;EACrCF,cAAc,GAAGE,GAAG;EAEpB,IAAIH,QAAQ,EAAE;IACZA,QAAQ,CAACY,gBAAgB,CAACX,cAAc,GAAGC,sBAAsB,CAACC,GAAG,CAAC;EACxE;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMU,UAAU,GAAAF,OAAA,CAAAE,UAAA,GAAG;EACxB;EACA;EACAC,aAAa,EAAE,wDAAuD;EACtEC,OAAO,EAAE,eAAe;EACxBC,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAE,aAAa;EACpBC,SAAS,EAAE,iBAAiB;EAC5BC,aAAa,EAAE,QAAQ;EACvBC,MAAM,EAAE,OAAO;EACfC,MAAM,EAAE,WAAW;EACnBC,MAAM,EAAE,mBAAkB;EAE1B;EACA;EACA;EACA;EACA;EACA;EACAC,OAAO,EAAE,wBAAwB;EACjCC,OAAO,EAAE,iBAAiB;EAC1BC,GAAG,EAAE;AACP,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,MAAM,GAAG,IAAIC,GAAG,CAAC,CAAC;AAExB,IAAMC,iBAAiB,GAAG;EACxB;EACA;EACAC,OAAO,EAAE,EAAE;EACXC,WAAW,EAAE;AACf,CAAC;AAED,IAAIC,UAAU,GAAG,KAAK;;AAEtB;AACA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EAC5B;EACA;EACA;EACA,IAAI/B,cAAc,KAAKgC,SAAS,EAAE;IAChCnC,GAAG,CACD,mEAAmE,GACjE,kGACJ,CAAC;EACH;EAEAE,QAAQ,CAACY,gBAAgB,CAACX,cAAc,GACtCA,cAAc,KAAKgC,SAAS,GAAG,IAAI,GAAG/B,sBAAsB,CAACD,cAAc,CAAC;EAE9EiC,oBAAoB,CAAC,CAAC;AACxB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;EACjC,IAAI,OAAO5B,QAAQ,KAAK,WAAW,IAAI,CAACN,QAAQ,IAAI,CAACA,QAAQ,CAACmC,mBAAmB,EAAE;IACjF;EACF;EAEA,IAAI;IACFnC,QAAQ,CAACmC,mBAAmB,CAAC7B,QAAQ,CAAC8B,aAAa,CAAC,MAAM,CAAC,CAAC;EAC9D,CAAC,CAAC,OAAOxE,CAAC,EAAE;IACVkC,GAAG,CAAC,0DAA0D,EAAElC,CAAC,IAAIA,CAAC,CAAC6C,OAAO,CAAC;EACjF;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAM4B,gBAAgB,GAAA1B,OAAA,CAAA0B,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,OAAOL,SAAS;EAClB;EAEA,IAAI,CAACjC,QAAQ,EAAE;IACb,IAAI;MACF;MACAA,QAAQ,GAAGvC,OAAO,CAAC,UAAU,CAAC;MAC9BuE,eAAe,CAAC,CAAC;IACnB,CAAC,CAAC,OAAOpE,CAAC,EAAE;MACVkC,GAAG,CAAC,2CAA2C,EAAElC,CAAC,IAAIA,CAAC,CAAC6C,OAAO,CAAC;MAChE,OAAOwB,SAAS;IAClB;EACF;EAEA,OAAOjC,QAAQ;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,IAAMuC,YAAY,GAAA5B,OAAA,CAAA4B,YAAA;EAAA,IAAAC,IAAA,OAAAC,kBAAA,0BAAAC,YAAA,YAAAC,IAAA,CAAG,SAAAC,QAAA;IAAA,IAAAC,EAAA;IAAA,OAAAH,YAAA,YAAAI,IAAA,WAAAC,QAAA;MAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;QAAA;UAAA,MACtB,OAAOX,MAAM,KAAK,WAAW;YAAAS,QAAA,CAAAE,IAAA;YAAA;UAAA;UAAA,OAAAF,QAAA,CAAAG,MAAA,WACxBjB,SAAS;QAAA;UAAA,KAGdjC,QAAQ;YAAA+C,QAAA,CAAAE,IAAA;YAAA;UAAA;UAAA,OAAAF,QAAA,CAAAG,MAAA,WACHlD,QAAQ;QAAA;UAAA,KAGbqC,gBAAgB,CAAC,CAAC;YAAAU,QAAA,CAAAE,IAAA;YAAA;UAAA;UAAA,OAAAF,QAAA,CAAAG,MAAA,WACblD,QAAQ;QAAA;UAAA+C,QAAA,CAAAC,IAAA;UAAAD,QAAA,CAAAE,IAAA;UAAA,OAAAE,OAAA,CAAAC,OAAA,GAAAC,IAAA;YAAA,OAAArE,uBAAA,CAAAvB,OAAA,CAIS,UAAU;UAAA;QAAA;UAAlCuC,QAAQ,GAAA+C,QAAA,CAAAO,IAAA;UACRtB,eAAe,CAAC,CAAC;UAACe,QAAA,CAAAE,IAAA;UAAA;QAAA;UAAAF,QAAA,CAAAC,IAAA;UAAAH,EAAA,GAAAE,QAAA;UAElB;UACA;UACA;UACA,IAAI,CAAChB,UAAU,IAAIwB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;YAClD1B,UAAU,GAAG,IAAI;YACjB;YACA2B,OAAO,CAACC,IAAI,CACV,2FAA2F,GACzF,4FAA4F,IAC3Fd,EAAA,IAAKA,EAAA,CAAEpC,OAAO,CACnB,CAAC;UACH;UAAC,OAAAsC,QAAA,CAAAG,MAAA,WAEMjB,SAAS;QAAA;UAAA,OAAAc,QAAA,CAAAG,MAAA,WAGXlD,QAAQ;QAAA;QAAA;UAAA,OAAA+C,QAAA,CAAAa,IAAA;MAAA;IAAA,GAAAhB,OAAA;EAAA,CAChB;EAAA,gBAlCYL,YAAYA,CAAA;IAAA,OAAAC,IAAA,CAAAjE,KAAA,OAAAE,SAAA;EAAA;AAAA,GAkCxB;;AAED;AACA;AACA;AACA;AACO,IAAMoF,WAAW,GAAAlD,OAAA,CAAAkD,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAS7D,QAAQ;AAAA;;AAEzC;AACA;AACA;AACA;AACA;AACA;AACO,IAAM8D,SAAS,GAAAnD,OAAA,CAAAmD,SAAA,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,IAAMC,GAAG,GAAAvF,aAAA,KAAQqC,UAAU,CAAE;EAE7Ba,MAAM,CAAC/C,OAAO,CAAC,UAAAqF,KAAA,EAAYC,IAAI,EAAK;IAAA,IAAlBC,KAAK,GAAAF,KAAA,CAALE,KAAK;IACrBH,GAAG,CAACE,IAAI,CAAC,uBAAAE,MAAA,CAAuBF,IAAI,QAAAE,MAAA,CAAKD,KAAK,MAAG;EACnD,CAAC,CAAC;EAEF,OAAOH,GAAG;AACZ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,aAAaA,CAACH,IAAI,EAAEI,OAAO,EAAE;EAC3C,IAAI,CAACJ,IAAI,IAAI,OAAOI,OAAO,KAAK,UAAU,EAAE;IAC1C;EACF;EAEA,IAAIC,UAAU,GAAG,CAAC,CAAC;EAEnB,IAAI;IACFA,UAAU,GAAGD,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;EAC9B,CAAC,CAAC,OAAOzG,CAAC,EAAE;IACVkC,GAAG,CAAC,kCAAkC,EAAEmE,IAAI,EAAErG,CAAC,CAAC6C,OAAO,CAAC;EAC1D;EAEA,IAAMyD,KAAK,GAAGnG,MAAM,CAACwG,SAAS,CAAC3E,cAAc,CAACC,IAAI,CAAC+B,iBAAiB,EAAEqC,IAAI,CAAC,GACvErC,iBAAiB,CAACqC,IAAI,CAAC,GACvBK,UAAU,CAACE,aAAa,IAAI,iBAAiB;EAEjD,IAAI,CAACzG,MAAM,CAACwG,SAAS,CAAC3E,cAAc,CAACC,IAAI,CAAC+B,iBAAiB,EAAEqC,IAAI,CAAC,IAAI,CAACK,UAAU,CAACE,aAAa,EAAE;IAC/F;IACA;IACA1E,GAAG,CACD,gFAAgF,GAC9E,gEAAgE,EAClEmE,IACF,CAAC;EACH;EAEAvC,MAAM,CAAChC,GAAG,CAACuE,IAAI,EAAE;IAAEI,OAAO,EAAPA,OAAO;IAAEH,KAAK,EAALA;EAAM,CAAC,CAAC;AACtC;;AAEA;AACA;AACA;AACA;AACO,IAAMO,gBAAgB,GAAA9D,OAAA,CAAA8D,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,OAASC,KAAK,CAACC,IAAI,CAACjD,MAAM,CAAC1D,IAAI,CAAC,CAAC,CAAC;AAAA;;AAE/D;AACO,IAAM4G,aAAa,GAAAjE,OAAA,CAAAiE,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAASlD,MAAM,CAACmD,KAAK,CAAC,CAAC;AAAA;;AAEjD;AACO,IAAMC,oBAAoB,GAAAnE,OAAA,CAAAmE,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAIC,IAAI,EAAK;EAC5C/E,QAAQ,GAAG+E,IAAI;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,eAAeA,CAACC,OAAO,EAAEf,KAAK,EAAgB;EAAA,IAAdgB,OAAO,GAAAzG,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAwD,SAAA,GAAAxD,SAAA,MAAG,CAAC,CAAC;EAC1D,IAAI,CAACwG,OAAO,IAAI,OAAO3C,MAAM,KAAK,WAAW,EAAE;IAC7C,OAAOL,SAAS;EAClB;;EAEA;EACA;EACA,IAAMkD,MAAM,GAAGjB,KAAK,KAAKjC,SAAS,IAAIiC,KAAK,KAAK,IAAI,GAAGe,OAAO,CAACG,WAAW,GAAGlB,KAAK;EAClF,IAAMmB,EAAE,GAAGxB,WAAW,CAAC,CAAC,IAAIxB,gBAAgB,CAAC,CAAC;EAE9C,IAAI,CAACgD,EAAE,EAAE;IACPvF,GAAG,CAAC,6EAA6E,CAAC;IAElFyC,YAAY,CAAC,CAAC,CAACc,IAAI,CAAC,UAACiC,MAAM,EAAK;MAC9B;MACA,IAAIA,MAAM,IAAIL,OAAO,CAACM,WAAW,KAAK,KAAK,EAAE;QAC3CP,eAAe,CAACC,OAAO,EAAEE,MAAM,EAAED,OAAO,CAAC;MAC3C;IACF,CAAC,CAAC;IAEF,OAAOjD,SAAS;EAClB;EAEAgD,OAAO,CAACO,SAAS,GAAGH,EAAE,CAACI,oBAAoB,CAAC,IAAAC,kCAAqB,EAAC,IAAAC,uBAAU,EAACR,MAAM,CAAC,CAAC,EAAE;IACrFS,MAAM,EAAApH,aAAA,CAAAA,aAAA,KAAOsF,SAAS,CAAC,CAAC,GAAMoB,OAAO,CAACU,MAAM,IAAI,CAAC,CAAC;EACpD,CAAC,CAAC;EAEF,OAAOX,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASY,aAAaA,CAAC3B,KAAK,EAAgB;EAAA,IAAdgB,OAAO,GAAAzG,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAwD,SAAA,GAAAxD,SAAA,MAAG,CAAC,CAAC;EAC/C;EACA;EACA,IAAM4G,EAAE,GAAGxB,WAAW,CAAC,CAAC,IAAIxB,gBAAgB,CAAC,CAAC;EAE9C,IAAI,CAACgD,EAAE,IAAI,CAACnB,KAAK,EAAE;IACjB,OAAO,EAAE;EACX;EAEA,IAAI;IACF;IACA;IACA;IACA,OAAOmB,EAAE,CAACI,oBAAoB,CAAC,IAAAC,kCAAqB,EAAC,IAAAC,uBAAU,EAACzB,KAAK,CAAC,CAAC,EAAA1F,aAAA;MACrEoH,MAAM,EAAApH,aAAA,CAAAA,aAAA,KAAOsF,SAAS,CAAC,CAAC,GAAMoB,OAAO,CAACU,MAAM,IAAI,CAAC,CAAC;IAAG,GAClDV,OAAO,CACX,CAAC;EACJ,CAAC,CAAC,OAAOtH,CAAC,EAAE;IACVkC,GAAG,CAAC,0CAA0C,EAAEoE,KAAK,EAAEtG,CAAC,CAAC6C,OAAO,CAAC;IACjE,OAAO,EAAE;EACX;AACF","ignoreList":[]}

package/lib/mf/common-styles.js

@@ -60,6 +60,19 @@ var placeholderStyles = exports.placeholderStyles = {
   '& .ML__placeholder': {
     borderBottom: '1px solid currentColor',
     minWidth: '1em'
+  },
+  // Stand-in glyph for an empty argument slot in STATIC math (see
+  // `withVisibleEmptySlots`). Muted so it reads as "a slot goes here" rather
+  // than as part of the symbol, matching how MathQuill shaded `.mq-empty`.
+  '& [data-pie-empty]': {
+    opacity: 0.5
+  },
+  // Stretchy accents render an <svg>; mathlive-static.css positions it
+  // absolutely at width:100%. Repeated here so static math cannot blow out its
+  // container if that stylesheet is missing.
+  '& svg': {
+    position: 'absolute',
+    width: '100%'
   }
 };
 

package/lib/mf/common-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"common-styles.js","names":["commonMqFontStyles","exports","fontFamily","longdivStyles","display","supsubStyles","placeholderStyles","borderBottom","minWidth","commonMqKeyboardStyles","_objectSpread","touchAction","fontSize","outline","commonMathLiveStyles","commonKeyboardStyles","_default"],"sources":["../../src/mf/common-styles.js"],"sourcesContent":["/**\n * Shared MathLive styling.\n *\n * Replaces @pie-lib/math-input's `common-mq-styles.js`. That file was built\n * around MathQuill's `.mq-*` class names, none of which exist in MathLive\n * output, so the selectors here target MathLive's own structure instead.\n *\n * The four named groups are kept because consumers destructure them:\n *\n *   const { commonMqFontStyles, commonMqKeyboardStyles, longdivStyles, supsubStyles }\n *     = mq.CommonMqStyles;   // math-toolbar/src/editor-and-pad.jsx, math-preview.jsx\n *\n * Most are intentionally near-empty: MathLive sizes scripts, radicals and\n * fences correctly on its own, so the MathQuill-era corrections are not needed.\n * They stay as documented extension points rather than being deleted, so the\n * destructuring above keeps working.\n */\n\n/**\n * Font styling. MathQuill needed explicit MathJax font families to match the\n * static renderer; MathLive ships the KaTeX fonts it renders with, so this only\n * smooths rendering and lets the host override the family.\n */\nexport const commonMqFontStyles = {\n  '-webkit-font-smoothing': 'antialiased',\n  '& math-field': {\n    fontFamily: 'inherit',\n  },\n};\n\n/**\n * Long division. The MathQuill fork drew this with nested `.mq-longdiv-*`\n * elements that needed manual offsets; here it comes from the `\\longdiv` macro\n * (see `PIE_MACROS`), tagged with `data-pie-macro=\"longdiv\"`.\n */\nexport const longdivStyles = {\n  '& [data-pie-macro=\"longdiv\"]': {\n    display: 'inline-flex',\n  },\n};\n\n/**\n * Superscript/subscript sizing. MathLive follows TeX metrics, so no overrides\n * are required.\n */\nexport const supsubStyles = {};\n\n/** Empty placeholder boxes (answer blocks / open slots). */\nexport const placeholderStyles = {\n  '& .ML__placeholder': {\n    borderBottom: '1px solid currentColor',\n    minWidth: '1em',\n  },\n};\n\n/**\n * Styling for the on-screen keyboard and any container rendering math labels.\n * Also hides MathLive's own affordances, since pie supplies its own keypad.\n */\nexport const commonMqKeyboardStyles = {\n  ...commonMqFontStyles,\n  ...longdivStyles,\n  ...placeholderStyles,\n  touchAction: 'manipulation',\n  '& math-field': {\n    fontSize: 'inherit',\n    outline: 'none',\n  },\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n};\n\n/** Everything combined - the common case for a container of math. */\nexport const commonMathLiveStyles = {\n  ...commonMqFontStyles,\n  ...longdivStyles,\n  ...supsubStyles,\n  ...placeholderStyles,\n  '& math-field': {\n    fontSize: 'inherit',\n    outline: 'none',\n  },\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n};\n\nexport const commonKeyboardStyles = commonMqKeyboardStyles;\n\n/**\n * Default export mirrors @pie-lib/math-input's `CommonMqStyles` object so\n * existing destructuring keeps working.\n */\nexport default {\n  commonMqFontStyles,\n  longdivStyles,\n  supsubStyles,\n  commonMqKeyboardStyles,\n  placeholderStyles,\n  commonMathLiveStyles,\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChC,wBAAwB,EAAE,aAAa;EACvC,cAAc,EAAE;IACdE,UAAU,EAAE;EACd;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACO,IAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG;EAC3B,8BAA8B,EAAE;IAC9BC,OAAO,EAAE;EACX;AACF,CAAC;;AAED;AACA;AACA;AACA;AACO,IAAMC,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,CAAC,CAAC;;AAE9B;AACO,IAAMC,iBAAiB,GAAAL,OAAA,CAAAK,iBAAA,GAAG;EAC/B,oBAAoB,EAAE;IACpBC,YAAY,EAAE,wBAAwB;IACtCC,QAAQ,EAAE;EACZ;AACF,CAAC;;AAED;AACA;AACA;AACA;AACO,IAAMC,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAC9BV,kBAAkB,GAClBG,aAAa,GACbG,iBAAiB;EACpBK,WAAW,EAAE,cAAc;EAC3B,cAAc,EAAE;IACdC,QAAQ,EAAE,SAAS;IACnBC,OAAO,EAAE;EACX,CAAC;EACD,6CAA6C,EAAE;IAC7CT,OAAO,EAAE;EACX,CAAC;EACD,iCAAiC,EAAE;IACjCA,OAAO,EAAE;EACX;AAAC,EACF;;AAED;AACO,IAAMU,oBAAoB,GAAAb,OAAA,CAAAa,oBAAA,GAAAJ,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAC5BV,kBAAkB,GAClBG,aAAa,GACbE,YAAY,GACZC,iBAAiB;EACpB,cAAc,EAAE;IACdM,QAAQ,EAAE,SAAS;IACnBC,OAAO,EAAE;EACX,CAAC;EACD,6CAA6C,EAAE;IAC7CT,OAAO,EAAE;EACX,CAAC;EACD,iCAAiC,EAAE;IACjCA,OAAO,EAAE;EACX;AAAC,EACF;AAEM,IAAMW,oBAAoB,GAAAd,OAAA,CAAAc,oBAAA,GAAGN,sBAAsB;;AAE1D;AACA;AACA;AACA;AAHA,IAAAO,QAAA,GAAAf,OAAA,cAIe;EACbD,kBAAkB,EAAlBA,kBAAkB;EAClBG,aAAa,EAAbA,aAAa;EACbE,YAAY,EAAZA,YAAY;EACZI,sBAAsB,EAAtBA,sBAAsB;EACtBH,iBAAiB,EAAjBA,iBAAiB;EACjBQ,oBAAoB,EAApBA;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"common-styles.js","names":["commonMqFontStyles","exports","fontFamily","longdivStyles","display","supsubStyles","placeholderStyles","borderBottom","minWidth","opacity","position","width","commonMqKeyboardStyles","_objectSpread","touchAction","fontSize","outline","commonMathLiveStyles","commonKeyboardStyles","_default"],"sources":["../../src/mf/common-styles.js"],"sourcesContent":["/**\n * Shared MathLive styling.\n *\n * Replaces @pie-lib/math-input's `common-mq-styles.js`. That file was built\n * around MathQuill's `.mq-*` class names, none of which exist in MathLive\n * output, so the selectors here target MathLive's own structure instead.\n *\n * The four named groups are kept because consumers destructure them:\n *\n *   const { commonMqFontStyles, commonMqKeyboardStyles, longdivStyles, supsubStyles }\n *     = mq.CommonMqStyles;   // math-toolbar/src/editor-and-pad.jsx, math-preview.jsx\n *\n * Most are intentionally near-empty: MathLive sizes scripts, radicals and\n * fences correctly on its own, so the MathQuill-era corrections are not needed.\n * They stay as documented extension points rather than being deleted, so the\n * destructuring above keeps working.\n */\n\n/**\n * Font styling. MathQuill needed explicit MathJax font families to match the\n * static renderer; MathLive ships the KaTeX fonts it renders with, so this only\n * smooths rendering and lets the host override the family.\n */\nexport const commonMqFontStyles = {\n  '-webkit-font-smoothing': 'antialiased',\n  '& math-field': {\n    fontFamily: 'inherit',\n  },\n};\n\n/**\n * Long division. The MathQuill fork drew this with nested `.mq-longdiv-*`\n * elements that needed manual offsets; here it comes from the `\\longdiv` macro\n * (see `PIE_MACROS`), tagged with `data-pie-macro=\"longdiv\"`.\n */\nexport const longdivStyles = {\n  '& [data-pie-macro=\"longdiv\"]': {\n    display: 'inline-flex',\n  },\n};\n\n/**\n * Superscript/subscript sizing. MathLive follows TeX metrics, so no overrides\n * are required.\n */\nexport const supsubStyles = {};\n\n/** Empty placeholder boxes (answer blocks / open slots). */\nexport const placeholderStyles = {\n  '& .ML__placeholder': {\n    borderBottom: '1px solid currentColor',\n    minWidth: '1em',\n  },\n  // Stand-in glyph for an empty argument slot in STATIC math (see\n  // `withVisibleEmptySlots`). Muted so it reads as \"a slot goes here\" rather\n  // than as part of the symbol, matching how MathQuill shaded `.mq-empty`.\n  '& [data-pie-empty]': {\n    opacity: 0.5,\n  },\n  // Stretchy accents render an <svg>; mathlive-static.css positions it\n  // absolutely at width:100%. Repeated here so static math cannot blow out its\n  // container if that stylesheet is missing.\n  '& svg': {\n    position: 'absolute',\n    width: '100%',\n  },\n};\n\n/**\n * Styling for the on-screen keyboard and any container rendering math labels.\n * Also hides MathLive's own affordances, since pie supplies its own keypad.\n */\nexport const commonMqKeyboardStyles = {\n  ...commonMqFontStyles,\n  ...longdivStyles,\n  ...placeholderStyles,\n  touchAction: 'manipulation',\n  '& math-field': {\n    fontSize: 'inherit',\n    outline: 'none',\n  },\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n};\n\n/** Everything combined - the common case for a container of math. */\nexport const commonMathLiveStyles = {\n  ...commonMqFontStyles,\n  ...longdivStyles,\n  ...supsubStyles,\n  ...placeholderStyles,\n  '& math-field': {\n    fontSize: 'inherit',\n    outline: 'none',\n  },\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n};\n\nexport const commonKeyboardStyles = commonMqKeyboardStyles;\n\n/**\n * Default export mirrors @pie-lib/math-input's `CommonMqStyles` object so\n * existing destructuring keeps working.\n */\nexport default {\n  commonMqFontStyles,\n  longdivStyles,\n  supsubStyles,\n  commonMqKeyboardStyles,\n  placeholderStyles,\n  commonMathLiveStyles,\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChC,wBAAwB,EAAE,aAAa;EACvC,cAAc,EAAE;IACdE,UAAU,EAAE;EACd;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACO,IAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG;EAC3B,8BAA8B,EAAE;IAC9BC,OAAO,EAAE;EACX;AACF,CAAC;;AAED;AACA;AACA;AACA;AACO,IAAMC,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,CAAC,CAAC;;AAE9B;AACO,IAAMC,iBAAiB,GAAAL,OAAA,CAAAK,iBAAA,GAAG;EAC/B,oBAAoB,EAAE;IACpBC,YAAY,EAAE,wBAAwB;IACtCC,QAAQ,EAAE;EACZ,CAAC;EACD;EACA;EACA;EACA,oBAAoB,EAAE;IACpBC,OAAO,EAAE;EACX,CAAC;EACD;EACA;EACA;EACA,OAAO,EAAE;IACPC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT;AACF,CAAC;;AAED;AACA;AACA;AACA;AACO,IAAMC,sBAAsB,GAAAX,OAAA,CAAAW,sBAAA,GAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAC9Bb,kBAAkB,GAClBG,aAAa,GACbG,iBAAiB;EACpBQ,WAAW,EAAE,cAAc;EAC3B,cAAc,EAAE;IACdC,QAAQ,EAAE,SAAS;IACnBC,OAAO,EAAE;EACX,CAAC;EACD,6CAA6C,EAAE;IAC7CZ,OAAO,EAAE;EACX,CAAC;EACD,iCAAiC,EAAE;IACjCA,OAAO,EAAE;EACX;AAAC,EACF;;AAED;AACO,IAAMa,oBAAoB,GAAAhB,OAAA,CAAAgB,oBAAA,GAAAJ,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAC5Bb,kBAAkB,GAClBG,aAAa,GACbE,YAAY,GACZC,iBAAiB;EACpB,cAAc,EAAE;IACdS,QAAQ,EAAE,SAAS;IACnBC,OAAO,EAAE;EACX,CAAC;EACD,6CAA6C,EAAE;IAC7CZ,OAAO,EAAE;EACX,CAAC;EACD,iCAAiC,EAAE;IACjCA,OAAO,EAAE;EACX;AAAC,EACF;AAEM,IAAMc,oBAAoB,GAAAjB,OAAA,CAAAiB,oBAAA,GAAGN,sBAAsB;;AAE1D;AACA;AACA;AACA;AAHA,IAAAO,QAAA,GAAAlB,OAAA,cAIe;EACbD,kBAAkB,EAAlBA,kBAAkB;EAClBG,aAAa,EAAbA,aAAa;EACbE,YAAY,EAAZA,YAAY;EACZO,sBAAsB,EAAtBA,sBAAsB;EACtBN,iBAAiB,EAAjBA,iBAAiB;EACjBW,oBAAoB,EAApBA;AACF,CAAC","ignoreList":[]}

package/lib/mf/static.js

@@ -20,11 +20,15 @@ var _styles = require("@mui/material/styles");
 var _debug = _interopRequireDefault(require("debug"));
 var _mathliveInstance = require("../mathlive-instance");
 var _latexBridge = require("../latex-bridge");
+var _commonStyles = require("./common-styles");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var log = (0, _debug["default"])('pie-lib:math-input-mathlive:static');
-var Holder = (0, _styles.styled)('span')({
-  display: 'inline-block',
+var Holder = (0, _styles.styled)('span')(_objectSpread(_objectSpread({
+  display: 'inline-block'
+}, _commonStyles.placeholderStyles), {}, {
   '& math-field': {
     display: 'inline-block',
     border: 'none',
@@ -36,7 +40,7 @@ var Holder = (0, _styles.styled)('span')({
   '& math-field::part(menu-toggle)': {
     display: 'none'
   }
-});
+}));
 
 /**
  * Static math. Drop-in replacement for @pie-lib/math-input's `mq.Static`.

package/lib/mf/static.js.map

@@ -1 +1 @@
-{"version":3,"file":"static.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_mathliveInstance","_latexBridge","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","Holder","styled","display","border","background","Static","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","document","liveRegion","createElement","Object","assign","style","position","width","height","marginTop","clip","overflow","setAttribute","body","appendChild","parentNode","removeChild","undefined","message","textContent","clearTimeout","announceTimeout","setTimeout","event","isDeleting","key","next","converted","keys","some","id","before","promptValues","after","length","test","slice","announce","_this$props","onSubFieldChange","getFieldName","mathField","values","announceConversion","fields","innerFields","forEach","name","promptHandle","_this$props2","onSubFieldFocus","ids","getPrompts","focused","find","range","getPromptRange","selection","ranges","_range","_slicedToArray2","start","end","_selection$ranges$","selStart","handle","setInput","holderRef","React","createRef","state","markup","_inherits2","_createClass2","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","ml","wrap","_context","prev","isInteractive","loadMathLive","renderMarkup","abrupt","sent","current","MathfieldElement","macros","getMacros","readOnly","mathVirtualKeyboardPolicy","toMathLive","latex","addEventListener","onPromptInput","onPromptFocus","onKeyDown","createLiveRegion","stop","componentDidMount","arguments","componentDidUpdate","prevProps","componentWillUnmount","removeEventListener","remove","removeLiveRegion","fieldIds","indexOf","latexToMarkup","setState","_this2","out","fromMathLive","getPromptValue","_this3","setPromptValue","get","_this4","map","focus","blur","render","_this$props3","className","onFocus","onBlur","ref","dangerouslySetInnerHTML","__html","Component","PropTypes","string","isRequired","func"],"sources":["../../src/mf/static.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { loadMathLive, getMacros, latexToMarkup } from '../mathlive-instance';\nimport { toMathLive, fromMathLive, fieldIds } from '../latex-bridge';\n\nconst log = debug('pie-lib:math-input-mathlive:static');\n\nconst Holder = styled('span')({\n  display: 'inline-block',\n  '& math-field': {\n    display: 'inline-block',\n    border: 'none',\n    background: 'transparent',\n  },\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n});\n\n/**\n * Static math. Drop-in replacement for @pie-lib/math-input's `mq.Static`.\n *\n * Two modes, chosen automatically:\n *\n *  - **display** (no answer blocks in the latex): rendered with\n *    `convertLatexToMarkup`. No mathfield instance, so it is cheap enough for\n *    keypad labels - the old implementation created a full MathQuill\n *    StaticMath per button.\n *\n *  - **interactive** (latex contains `\\MathQuillMathField[..]{}` /\n *    `\\placeholder[..]{}`): a read-only `<math-field>` whose placeholders stay\n *    editable. Sub-field values are surfaced through the prompts API, replacing\n *    MathQuill's `innerFields`.\n */\nexport default class Static extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    getFieldName: PropTypes.func,\n    onSubFieldChange: PropTypes.func,\n    onSubFieldFocus: PropTypes.func,\n    setInput: PropTypes.func,\n  };\n\n  static defaultProps = {\n    getFieldName: () => {},\n  };\n\n  constructor(props) {\n    super(props);\n    this.holderRef = React.createRef();\n    this.state = { markup: '' };\n    this.promptValues = {};\n  }\n\n  async componentDidMount() {\n    if (!this.isInteractive()) {\n      await loadMathLive();\n      this.renderMarkup();\n      return;\n    }\n\n    const ml = await loadMathLive();\n\n    if (!ml || !this.holderRef.current) {\n      return;\n    }\n\n    this.mathField = new ml.MathfieldElement({ macros: getMacros() });\n    this.mathField.readOnly = true;\n    this.mathField.mathVirtualKeyboardPolicy = 'manual';\n    this.mathField.value = toMathLive(this.props.latex);\n\n    this.mathField.addEventListener('input', this.onPromptInput);\n    this.mathField.addEventListener('focusin', this.onPromptFocus);\n    this.mathField.addEventListener('keydown', this.onKeyDown);\n\n    this.holderRef.current.appendChild(this.mathField);\n\n    this.createLiveRegion();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.latex === this.props.latex) {\n      return;\n    }\n\n    if (this.mathField) {\n      this.mathField.value = toMathLive(this.props.latex);\n    } else {\n      this.renderMarkup();\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.mathField) {\n      this.mathField.removeEventListener('input', this.onPromptInput);\n      this.mathField.removeEventListener('focusin', this.onPromptFocus);\n      this.mathField.removeEventListener('keydown', this.onKeyDown);\n      this.mathField.remove();\n      this.mathField = undefined;\n    }\n\n    this.removeLiveRegion();\n  }\n\n  /**\n   * Off-screen aria-live region, ported from @pie-lib/math-input's Static.\n   *\n   * MathLive has its own accessibility layer, but it does not announce that\n   * typed input was converted into a math symbol, which screen-reader users\n   * relied on in the MathQuill implementation.\n   */\n  createLiveRegion = () => {\n    if (typeof document === 'undefined' || this.liveRegion) {\n      return;\n    }\n\n    this.liveRegion = document.createElement('div');\n    Object.assign(this.liveRegion.style, {\n      position: 'absolute',\n      width: '1px',\n      height: '1px',\n      marginTop: '-1px',\n      clip: 'rect(1px, 1px, 1px, 1px)',\n      overflow: 'hidden',\n    });\n    this.liveRegion.setAttribute('aria-live', 'polite');\n    this.liveRegion.setAttribute('aria-atomic', 'true');\n\n    document.body.appendChild(this.liveRegion);\n  };\n\n  removeLiveRegion = () => {\n    if (this.liveRegion && this.liveRegion.parentNode) {\n      this.liveRegion.parentNode.removeChild(this.liveRegion);\n    }\n\n    this.liveRegion = undefined;\n  };\n\n  announce = (message) => {\n    if (!this.liveRegion) {\n      return;\n    }\n\n    this.liveRegion.textContent = message;\n\n    // Clear once announced, so the same message can be announced again.\n    clearTimeout(this.announceTimeout);\n    this.announceTimeout = setTimeout(() => {\n      if (this.liveRegion) {\n        this.liveRegion.textContent = '';\n      }\n    }, 500);\n  };\n\n  onKeyDown = (event) => {\n    // Deletions should not be announced as conversions.\n    this.isDeleting = event?.key === 'Backspace' || event?.key === 'Delete';\n  };\n\n  /**\n   * Announce when typed input became a math symbol. The MathQuill version\n   * inferred this by counting braces; here a prompt whose latex grew by more\n   * than the single character typed means a command was expanded.\n   */\n  announceConversion = (next) => {\n    if (this.isDeleting) {\n      this.isDeleting = false;\n      return;\n    }\n\n    const converted = Object.keys(next).some((id) => {\n      const before = this.promptValues[id] || '';\n      const after = next[id] || '';\n\n      return after.length > before.length + 1 && /\\\\/.test(after.slice(before.length));\n    });\n\n    if (converted) {\n      this.announce('Converted to math symbol');\n    }\n  };\n\n  /** Does this latex contain answer blocks? */\n  isInteractive() {\n    const latex = this.props.latex || '';\n\n    return fieldIds(latex).length > 0 || latex.indexOf('\\\\placeholder') !== -1;\n  }\n\n  renderMarkup() {\n    const markup = latexToMarkup(this.props.latex);\n\n    if (markup !== this.state.markup) {\n      this.setState({ markup });\n    }\n  }\n\n  /** MathQuill's `innerFields` equivalent, keyed by prompt id. */\n  values() {\n    if (!this.mathField) {\n      return {};\n    }\n\n    const out = {};\n\n    (this.mathField.getPrompts() || []).forEach((id) => {\n      out[id] = fromMathLive(this.mathField.getPromptValue(id));\n    });\n\n    return out;\n  }\n\n  /**\n   * A MathQuill-inner-field-like handle for a prompt.\n   *\n   * The old API handed callers a MathQuill field object, and consumers commonly\n   * called `field.latex()` on it. There is no equivalent object in MathLive -\n   * prompts are addressed by id - so this adapter exposes the parts that were\n   * actually used: `id` and a get/set `latex()`.\n   */\n  promptHandle(id) {\n    return {\n      id,\n      latex: (value) => {\n        if (!this.mathField) {\n          return '';\n        }\n\n        if (value === undefined) {\n          return fromMathLive(this.mathField.getPromptValue(id));\n        }\n\n        this.mathField.setPromptValue(id, toMathLive(value), {});\n\n        return value;\n      },\n    };\n  }\n\n  /** All prompt handles, the analogue of `mathField.innerFields`. */\n  get innerFields() {\n    if (!this.mathField) {\n      return [];\n    }\n\n    return (this.mathField.getPrompts() || []).map((id) => this.promptHandle(id));\n  }\n\n  onPromptInput = () => {\n    const { onSubFieldChange, getFieldName } = this.props;\n\n    if (!this.mathField) {\n      return;\n    }\n\n    const next = this.values();\n\n    this.announceConversion(next);\n\n    if (!onSubFieldChange) {\n      this.promptValues = next;\n      return;\n    }\n\n    const fields = this.innerFields;\n\n    // Emit only the prompts whose value actually changed, mirroring the\n    // per-field granularity of the old onSubFieldChange(name, latex).\n    Object.keys(next).forEach((id) => {\n      if (next[id] === this.promptValues[id]) {\n        return;\n      }\n\n      const name = getFieldName(this.promptHandle(id), fields) || id;\n\n      onSubFieldChange(name, next[id]);\n    });\n\n    this.promptValues = next;\n  };\n\n  onPromptFocus = () => {\n    const { onSubFieldFocus, getFieldName } = this.props;\n\n    if (!this.mathField || !onSubFieldFocus) {\n      return;\n    }\n\n    try {\n      const ids = this.mathField.getPrompts() || [];\n      // The focused prompt is the one containing the current selection.\n      const focused = ids.find((id) => {\n        const range = this.mathField.getPromptRange(id);\n        const selection = this.mathField.selection;\n\n        if (!range || !selection || !selection.ranges || !selection.ranges.length) {\n          return false;\n        }\n\n        const [start, end] = range;\n        const [selStart] = selection.ranges[0];\n\n        return selStart >= start && selStart <= end;\n      });\n\n      if (focused) {\n        const handle = this.promptHandle(focused);\n        const name = getFieldName(handle, this.innerFields) || focused;\n\n        if (this.props.setInput) {\n          this.props.setInput(handle);\n        }\n\n        onSubFieldFocus(name, handle);\n      }\n    } catch (e) {\n      log('error resolving focused prompt: %s', e.message);\n    }\n  };\n\n  focus() {\n    this.mathField && this.mathField.focus();\n  }\n\n  blur() {\n    this.mathField && this.mathField.blur();\n  }\n\n  render() {\n    const { className, onFocus, onBlur } = this.props;\n    const { markup } = this.state;\n\n    if (this.mathField || this.isInteractive()) {\n      return <Holder className={className} onFocus={onFocus} onBlur={onBlur} ref={this.holderRef} />;\n    }\n\n    return (\n      <Holder\n        className={className}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={this.holderRef}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{ __html: markup }}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"static.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_mathliveInstance","_latexBridge","_commonStyles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","Holder","styled","display","placeholderStyles","border","background","Static","exports","_React$Component","props","_this","_classCallCheck2","document","liveRegion","createElement","assign","style","position","width","height","marginTop","clip","overflow","setAttribute","body","appendChild","parentNode","removeChild","undefined","message","textContent","clearTimeout","announceTimeout","setTimeout","event","isDeleting","key","next","converted","some","id","before","promptValues","after","test","slice","announce","_this$props","onSubFieldChange","getFieldName","mathField","values","announceConversion","fields","innerFields","name","promptHandle","_this$props2","onSubFieldFocus","ids","getPrompts","focused","find","range","getPromptRange","selection","ranges","_range","_slicedToArray2","start","end","_selection$ranges$","selStart","handle","setInput","holderRef","React","createRef","state","markup","_inherits2","_createClass2","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","ml","wrap","_context","prev","isInteractive","loadMathLive","renderMarkup","abrupt","sent","current","MathfieldElement","macros","getMacros","readOnly","mathVirtualKeyboardPolicy","toMathLive","latex","addEventListener","onPromptInput","onPromptFocus","onKeyDown","createLiveRegion","stop","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","removeEventListener","remove","removeLiveRegion","fieldIds","indexOf","latexToMarkup","setState","_this2","out","fromMathLive","getPromptValue","_this3","setPromptValue","get","_this4","map","focus","blur","render","_this$props3","className","onFocus","onBlur","ref","dangerouslySetInnerHTML","__html","Component","PropTypes","string","isRequired","func"],"sources":["../../src/mf/static.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { loadMathLive, getMacros, latexToMarkup } from '../mathlive-instance';\nimport { toMathLive, fromMathLive, fieldIds } from '../latex-bridge';\nimport { placeholderStyles } from './common-styles';\n\nconst log = debug('pie-lib:math-input-mathlive:static');\n\nconst Holder = styled('span')({\n  display: 'inline-block',\n  // Shared static-math rules: muted empty-slot glyphs and svg containment.\n  ...placeholderStyles,\n  '& math-field': {\n    display: 'inline-block',\n    border: 'none',\n    background: 'transparent',\n  },\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n});\n\n/**\n * Static math. Drop-in replacement for @pie-lib/math-input's `mq.Static`.\n *\n * Two modes, chosen automatically:\n *\n *  - **display** (no answer blocks in the latex): rendered with\n *    `convertLatexToMarkup`. No mathfield instance, so it is cheap enough for\n *    keypad labels - the old implementation created a full MathQuill\n *    StaticMath per button.\n *\n *  - **interactive** (latex contains `\\MathQuillMathField[..]{}` /\n *    `\\placeholder[..]{}`): a read-only `<math-field>` whose placeholders stay\n *    editable. Sub-field values are surfaced through the prompts API, replacing\n *    MathQuill's `innerFields`.\n */\nexport default class Static extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    getFieldName: PropTypes.func,\n    onSubFieldChange: PropTypes.func,\n    onSubFieldFocus: PropTypes.func,\n    setInput: PropTypes.func,\n  };\n\n  static defaultProps = {\n    getFieldName: () => {},\n  };\n\n  constructor(props) {\n    super(props);\n    this.holderRef = React.createRef();\n    this.state = { markup: '' };\n    this.promptValues = {};\n  }\n\n  async componentDidMount() {\n    if (!this.isInteractive()) {\n      await loadMathLive();\n      this.renderMarkup();\n      return;\n    }\n\n    const ml = await loadMathLive();\n\n    if (!ml || !this.holderRef.current) {\n      return;\n    }\n\n    this.mathField = new ml.MathfieldElement({ macros: getMacros() });\n    this.mathField.readOnly = true;\n    this.mathField.mathVirtualKeyboardPolicy = 'manual';\n    this.mathField.value = toMathLive(this.props.latex);\n\n    this.mathField.addEventListener('input', this.onPromptInput);\n    this.mathField.addEventListener('focusin', this.onPromptFocus);\n    this.mathField.addEventListener('keydown', this.onKeyDown);\n\n    this.holderRef.current.appendChild(this.mathField);\n\n    this.createLiveRegion();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.latex === this.props.latex) {\n      return;\n    }\n\n    if (this.mathField) {\n      this.mathField.value = toMathLive(this.props.latex);\n    } else {\n      this.renderMarkup();\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.mathField) {\n      this.mathField.removeEventListener('input', this.onPromptInput);\n      this.mathField.removeEventListener('focusin', this.onPromptFocus);\n      this.mathField.removeEventListener('keydown', this.onKeyDown);\n      this.mathField.remove();\n      this.mathField = undefined;\n    }\n\n    this.removeLiveRegion();\n  }\n\n  /**\n   * Off-screen aria-live region, ported from @pie-lib/math-input's Static.\n   *\n   * MathLive has its own accessibility layer, but it does not announce that\n   * typed input was converted into a math symbol, which screen-reader users\n   * relied on in the MathQuill implementation.\n   */\n  createLiveRegion = () => {\n    if (typeof document === 'undefined' || this.liveRegion) {\n      return;\n    }\n\n    this.liveRegion = document.createElement('div');\n    Object.assign(this.liveRegion.style, {\n      position: 'absolute',\n      width: '1px',\n      height: '1px',\n      marginTop: '-1px',\n      clip: 'rect(1px, 1px, 1px, 1px)',\n      overflow: 'hidden',\n    });\n    this.liveRegion.setAttribute('aria-live', 'polite');\n    this.liveRegion.setAttribute('aria-atomic', 'true');\n\n    document.body.appendChild(this.liveRegion);\n  };\n\n  removeLiveRegion = () => {\n    if (this.liveRegion && this.liveRegion.parentNode) {\n      this.liveRegion.parentNode.removeChild(this.liveRegion);\n    }\n\n    this.liveRegion = undefined;\n  };\n\n  announce = (message) => {\n    if (!this.liveRegion) {\n      return;\n    }\n\n    this.liveRegion.textContent = message;\n\n    // Clear once announced, so the same message can be announced again.\n    clearTimeout(this.announceTimeout);\n    this.announceTimeout = setTimeout(() => {\n      if (this.liveRegion) {\n        this.liveRegion.textContent = '';\n      }\n    }, 500);\n  };\n\n  onKeyDown = (event) => {\n    // Deletions should not be announced as conversions.\n    this.isDeleting = event?.key === 'Backspace' || event?.key === 'Delete';\n  };\n\n  /**\n   * Announce when typed input became a math symbol. The MathQuill version\n   * inferred this by counting braces; here a prompt whose latex grew by more\n   * than the single character typed means a command was expanded.\n   */\n  announceConversion = (next) => {\n    if (this.isDeleting) {\n      this.isDeleting = false;\n      return;\n    }\n\n    const converted = Object.keys(next).some((id) => {\n      const before = this.promptValues[id] || '';\n      const after = next[id] || '';\n\n      return after.length > before.length + 1 && /\\\\/.test(after.slice(before.length));\n    });\n\n    if (converted) {\n      this.announce('Converted to math symbol');\n    }\n  };\n\n  /** Does this latex contain answer blocks? */\n  isInteractive() {\n    const latex = this.props.latex || '';\n\n    return fieldIds(latex).length > 0 || latex.indexOf('\\\\placeholder') !== -1;\n  }\n\n  renderMarkup() {\n    const markup = latexToMarkup(this.props.latex);\n\n    if (markup !== this.state.markup) {\n      this.setState({ markup });\n    }\n  }\n\n  /** MathQuill's `innerFields` equivalent, keyed by prompt id. */\n  values() {\n    if (!this.mathField) {\n      return {};\n    }\n\n    const out = {};\n\n    (this.mathField.getPrompts() || []).forEach((id) => {\n      out[id] = fromMathLive(this.mathField.getPromptValue(id));\n    });\n\n    return out;\n  }\n\n  /**\n   * A MathQuill-inner-field-like handle for a prompt.\n   *\n   * The old API handed callers a MathQuill field object, and consumers commonly\n   * called `field.latex()` on it. There is no equivalent object in MathLive -\n   * prompts are addressed by id - so this adapter exposes the parts that were\n   * actually used: `id` and a get/set `latex()`.\n   */\n  promptHandle(id) {\n    return {\n      id,\n      latex: (value) => {\n        if (!this.mathField) {\n          return '';\n        }\n\n        if (value === undefined) {\n          return fromMathLive(this.mathField.getPromptValue(id));\n        }\n\n        this.mathField.setPromptValue(id, toMathLive(value), {});\n\n        return value;\n      },\n    };\n  }\n\n  /** All prompt handles, the analogue of `mathField.innerFields`. */\n  get innerFields() {\n    if (!this.mathField) {\n      return [];\n    }\n\n    return (this.mathField.getPrompts() || []).map((id) => this.promptHandle(id));\n  }\n\n  onPromptInput = () => {\n    const { onSubFieldChange, getFieldName } = this.props;\n\n    if (!this.mathField) {\n      return;\n    }\n\n    const next = this.values();\n\n    this.announceConversion(next);\n\n    if (!onSubFieldChange) {\n      this.promptValues = next;\n      return;\n    }\n\n    const fields = this.innerFields;\n\n    // Emit only the prompts whose value actually changed, mirroring the\n    // per-field granularity of the old onSubFieldChange(name, latex).\n    Object.keys(next).forEach((id) => {\n      if (next[id] === this.promptValues[id]) {\n        return;\n      }\n\n      const name = getFieldName(this.promptHandle(id), fields) || id;\n\n      onSubFieldChange(name, next[id]);\n    });\n\n    this.promptValues = next;\n  };\n\n  onPromptFocus = () => {\n    const { onSubFieldFocus, getFieldName } = this.props;\n\n    if (!this.mathField || !onSubFieldFocus) {\n      return;\n    }\n\n    try {\n      const ids = this.mathField.getPrompts() || [];\n      // The focused prompt is the one containing the current selection.\n      const focused = ids.find((id) => {\n        const range = this.mathField.getPromptRange(id);\n        const selection = this.mathField.selection;\n\n        if (!range || !selection || !selection.ranges || !selection.ranges.length) {\n          return false;\n        }\n\n        const [start, end] = range;\n        const [selStart] = selection.ranges[0];\n\n        return selStart >= start && selStart <= end;\n      });\n\n      if (focused) {\n        const handle = this.promptHandle(focused);\n        const name = getFieldName(handle, this.innerFields) || focused;\n\n        if (this.props.setInput) {\n          this.props.setInput(handle);\n        }\n\n        onSubFieldFocus(name, handle);\n      }\n    } catch (e) {\n      log('error resolving focused prompt: %s', e.message);\n    }\n  };\n\n  focus() {\n    this.mathField && this.mathField.focus();\n  }\n\n  blur() {\n    this.mathField && this.mathField.blur();\n  }\n\n  render() {\n    const { className, onFocus, onBlur } = this.props;\n    const { markup } = this.state;\n\n    if (this.mathField || this.isInteractive()) {\n      return <Holder className={className} onFocus={onFocus} onBlur={onBlur} ref={this.holderRef} />;\n    }\n\n    return (\n      <Holder\n        className={className}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={this.holderRef}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{ __html: markup }}\n      />\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAAoD,SAAAO,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAAA,SAAAc,QAAAZ,CAAA,EAAAa,CAAA,QAAAf,CAAA,GAAAgB,MAAA,CAAAC,IAAA,CAAAf,CAAA,OAAAc,MAAA,CAAAE,qBAAA,QAAAjB,CAAA,GAAAe,MAAA,CAAAE,qBAAA,CAAAhB,CAAA,GAAAa,CAAA,KAAAd,CAAA,GAAAA,CAAA,CAAAkB,MAAA,WAAAJ,CAAA,WAAAC,MAAA,CAAAI,wBAAA,CAAAlB,CAAA,EAAAa,CAAA,EAAAM,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAb,KAAA,CAAAT,CAAA,EAAAC,CAAA,YAAAD,CAAA;AAAA,SAAAuB,cAAArB,CAAA,aAAAa,CAAA,MAAAA,CAAA,GAAAS,SAAA,CAAAC,MAAA,EAAAV,CAAA,UAAAf,CAAA,WAAAwB,SAAA,CAAAT,CAAA,IAAAS,SAAA,CAAAT,CAAA,QAAAA,CAAA,OAAAD,OAAA,CAAAE,MAAA,CAAAhB,CAAA,OAAA0B,OAAA,WAAAX,CAAA,QAAAY,gBAAA,aAAAzB,CAAA,EAAAa,CAAA,EAAAf,CAAA,CAAAe,CAAA,SAAAC,MAAA,CAAAY,yBAAA,GAAAZ,MAAA,CAAAa,gBAAA,CAAA3B,CAAA,EAAAc,MAAA,CAAAY,yBAAA,CAAA5B,CAAA,KAAAc,OAAA,CAAAE,MAAA,CAAAhB,CAAA,GAAA0B,OAAA,WAAAX,CAAA,IAAAC,MAAA,CAAAc,cAAA,CAAA5B,CAAA,EAAAa,CAAA,EAAAC,MAAA,CAAAI,wBAAA,CAAApB,CAAA,EAAAe,CAAA,iBAAAb,CAAA;AAEpD,IAAM6B,GAAG,GAAG,IAAAC,iBAAK,EAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAM,GAAG,IAAAC,cAAM,EAAC,MAAM,CAAC,CAAAX,aAAA,CAAAA,aAAA;EAC3BY,OAAO,EAAE;AAAc,GAEpBC,+BAAiB;EACpB,cAAc,EAAE;IACdD,OAAO,EAAE,cAAc;IACvBE,MAAM,EAAE,MAAM;IACdC,UAAU,EAAE;EACd,CAAC;EACD,6CAA6C,EAAE;IAC7CH,OAAO,EAAE;EACX,CAAC;EACD,iCAAiC,EAAE;IACjCA,OAAO,EAAE;EACX;AAAC,EACF,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAdA,IAeqBI,MAAM,GAAAC,OAAA,qCAAAC,gBAAA;EAgBzB,SAAAF,OAAYG,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAL,MAAA;IACjBI,KAAA,GAAA5C,UAAA,OAAAwC,MAAA,GAAMG,KAAK;IAyDb;AACF;AACA;AACA;AACA;AACA;AACA;IANE,IAAAf,gBAAA,aAAAgB,KAAA,sBAOmB,YAAM;MACvB,IAAI,OAAOE,QAAQ,KAAK,WAAW,IAAIF,KAAA,CAAKG,UAAU,EAAE;QACtD;MACF;MAEAH,KAAA,CAAKG,UAAU,GAAGD,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;MAC/C/B,MAAM,CAACgC,MAAM,CAACL,KAAA,CAAKG,UAAU,CAACG,KAAK,EAAE;QACnCC,QAAQ,EAAE,UAAU;QACpBC,KAAK,EAAE,KAAK;QACZC,MAAM,EAAE,KAAK;QACbC,SAAS,EAAE,MAAM;QACjBC,IAAI,EAAE,0BAA0B;QAChCC,QAAQ,EAAE;MACZ,CAAC,CAAC;MACFZ,KAAA,CAAKG,UAAU,CAACU,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC;MACnDb,KAAA,CAAKG,UAAU,CAACU,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;MAEnDX,QAAQ,CAACY,IAAI,CAACC,WAAW,CAACf,KAAA,CAAKG,UAAU,CAAC;IAC5C,CAAC;IAAA,IAAAnB,gBAAA,aAAAgB,KAAA,sBAEkB,YAAM;MACvB,IAAIA,KAAA,CAAKG,UAAU,IAAIH,KAAA,CAAKG,UAAU,CAACa,UAAU,EAAE;QACjDhB,KAAA,CAAKG,UAAU,CAACa,UAAU,CAACC,WAAW,CAACjB,KAAA,CAAKG,UAAU,CAAC;MACzD;MAEAH,KAAA,CAAKG,UAAU,GAAGe,SAAS;IAC7B,CAAC;IAAA,IAAAlC,gBAAA,aAAAgB,KAAA,cAEU,UAACmB,OAAO,EAAK;MACtB,IAAI,CAACnB,KAAA,CAAKG,UAAU,EAAE;QACpB;MACF;MAEAH,KAAA,CAAKG,UAAU,CAACiB,WAAW,GAAGD,OAAO;;MAErC;MACAE,YAAY,CAACrB,KAAA,CAAKsB,eAAe,CAAC;MAClCtB,KAAA,CAAKsB,eAAe,GAAGC,UAAU,CAAC,YAAM;QACtC,IAAIvB,KAAA,CAAKG,UAAU,EAAE;UACnBH,KAAA,CAAKG,UAAU,CAACiB,WAAW,GAAG,EAAE;QAClC;MACF,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IAAA,IAAApC,gBAAA,aAAAgB,KAAA,eAEW,UAACwB,KAAK,EAAK;MACrB;MACAxB,KAAA,CAAKyB,UAAU,GAAG,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,GAAG,MAAK,WAAW,IAAI,CAAAF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,GAAG,MAAK,QAAQ;IACzE,CAAC;IAED;AACF;AACA;AACA;AACA;IAJE,IAAA1C,gBAAA,aAAAgB,KAAA,wBAKqB,UAAC2B,IAAI,EAAK;MAC7B,IAAI3B,KAAA,CAAKyB,UAAU,EAAE;QACnBzB,KAAA,CAAKyB,UAAU,GAAG,KAAK;QACvB;MACF;MAEA,IAAMG,SAAS,GAAGvD,MAAM,CAACC,IAAI,CAACqD,IAAI,CAAC,CAACE,IAAI,CAAC,UAACC,EAAE,EAAK;QAC/C,IAAMC,MAAM,GAAG/B,KAAA,CAAKgC,YAAY,CAACF,EAAE,CAAC,IAAI,EAAE;QAC1C,IAAMG,KAAK,GAAGN,IAAI,CAACG,EAAE,CAAC,IAAI,EAAE;QAE5B,OAAOG,KAAK,CAACnD,MAAM,GAAGiD,MAAM,CAACjD,MAAM,GAAG,CAAC,IAAI,IAAI,CAACoD,IAAI,CAACD,KAAK,CAACE,KAAK,CAACJ,MAAM,CAACjD,MAAM,CAAC,CAAC;MAClF,CAAC,CAAC;MAEF,IAAI8C,SAAS,EAAE;QACb5B,KAAA,CAAKoC,QAAQ,CAAC,0BAA0B,CAAC;MAC3C;IACF,CAAC;IAAA,IAAApD,gBAAA,aAAAgB,KAAA,mBAoEe,YAAM;MACpB,IAAAqC,WAAA,GAA2CrC,KAAA,CAAKD,KAAK;QAA7CuC,gBAAgB,GAAAD,WAAA,CAAhBC,gBAAgB;QAAEC,YAAY,GAAAF,WAAA,CAAZE,YAAY;MAEtC,IAAI,CAACvC,KAAA,CAAKwC,SAAS,EAAE;QACnB;MACF;MAEA,IAAMb,IAAI,GAAG3B,KAAA,CAAKyC,MAAM,CAAC,CAAC;MAE1BzC,KAAA,CAAK0C,kBAAkB,CAACf,IAAI,CAAC;MAE7B,IAAI,CAACW,gBAAgB,EAAE;QACrBtC,KAAA,CAAKgC,YAAY,GAAGL,IAAI;QACxB;MACF;MAEA,IAAMgB,MAAM,GAAG3C,KAAA,CAAK4C,WAAW;;MAE/B;MACA;MACAvE,MAAM,CAACC,IAAI,CAACqD,IAAI,CAAC,CAAC5C,OAAO,CAAC,UAAC+C,EAAE,EAAK;QAChC,IAAIH,IAAI,CAACG,EAAE,CAAC,KAAK9B,KAAA,CAAKgC,YAAY,CAACF,EAAE,CAAC,EAAE;UACtC;QACF;QAEA,IAAMe,IAAI,GAAGN,YAAY,CAACvC,KAAA,CAAK8C,YAAY,CAAChB,EAAE,CAAC,EAAEa,MAAM,CAAC,IAAIb,EAAE;QAE9DQ,gBAAgB,CAACO,IAAI,EAAElB,IAAI,CAACG,EAAE,CAAC,CAAC;MAClC,CAAC,CAAC;MAEF9B,KAAA,CAAKgC,YAAY,GAAGL,IAAI;IAC1B,CAAC;IAAA,IAAA3C,gBAAA,aAAAgB,KAAA,mBAEe,YAAM;MACpB,IAAA+C,YAAA,GAA0C/C,KAAA,CAAKD,KAAK;QAA5CiD,eAAe,GAAAD,YAAA,CAAfC,eAAe;QAAET,YAAY,GAAAQ,YAAA,CAAZR,YAAY;MAErC,IAAI,CAACvC,KAAA,CAAKwC,SAAS,IAAI,CAACQ,eAAe,EAAE;QACvC;MACF;MAEA,IAAI;QACF,IAAMC,GAAG,GAAGjD,KAAA,CAAKwC,SAAS,CAACU,UAAU,CAAC,CAAC,IAAI,EAAE;QAC7C;QACA,IAAMC,OAAO,GAAGF,GAAG,CAACG,IAAI,CAAC,UAACtB,EAAE,EAAK;UAC/B,IAAMuB,KAAK,GAAGrD,KAAA,CAAKwC,SAAS,CAACc,cAAc,CAACxB,EAAE,CAAC;UAC/C,IAAMyB,SAAS,GAAGvD,KAAA,CAAKwC,SAAS,CAACe,SAAS;UAE1C,IAAI,CAACF,KAAK,IAAI,CAACE,SAAS,IAAI,CAACA,SAAS,CAACC,MAAM,IAAI,CAACD,SAAS,CAACC,MAAM,CAAC1E,MAAM,EAAE;YACzE,OAAO,KAAK;UACd;UAEA,IAAA2E,MAAA,OAAAC,eAAA,aAAqBL,KAAK;YAAnBM,KAAK,GAAAF,MAAA;YAAEG,GAAG,GAAAH,MAAA;UACjB,IAAAI,kBAAA,OAAAH,eAAA,aAAmBH,SAAS,CAACC,MAAM,CAAC,CAAC,CAAC;YAA/BM,QAAQ,GAAAD,kBAAA;UAEf,OAAOC,QAAQ,IAAIH,KAAK,IAAIG,QAAQ,IAAIF,GAAG;QAC7C,CAAC,CAAC;QAEF,IAAIT,OAAO,EAAE;UACX,IAAMY,MAAM,GAAG/D,KAAA,CAAK8C,YAAY,CAACK,OAAO,CAAC;UACzC,IAAMN,IAAI,GAAGN,YAAY,CAACwB,MAAM,EAAE/D,KAAA,CAAK4C,WAAW,CAAC,IAAIO,OAAO;UAE9D,IAAInD,KAAA,CAAKD,KAAK,CAACiE,QAAQ,EAAE;YACvBhE,KAAA,CAAKD,KAAK,CAACiE,QAAQ,CAACD,MAAM,CAAC;UAC7B;UAEAf,eAAe,CAACH,IAAI,EAAEkB,MAAM,CAAC;QAC/B;MACF,CAAC,CAAC,OAAOxG,CAAC,EAAE;QACV6B,GAAG,CAAC,oCAAoC,EAAE7B,CAAC,CAAC4D,OAAO,CAAC;MACtD;IACF,CAAC;IA/QCnB,KAAA,CAAKiE,SAAS,gBAAGC,iBAAK,CAACC,SAAS,CAAC,CAAC;IAClCnE,KAAA,CAAKoE,KAAK,GAAG;MAAEC,MAAM,EAAE;IAAG,CAAC;IAC3BrE,KAAA,CAAKgC,YAAY,GAAG,CAAC,CAAC;IAAC,OAAAhC,KAAA;EACzB;EAAC,IAAAsE,UAAA,aAAA1E,MAAA,EAAAE,gBAAA;EAAA,WAAAyE,aAAA,aAAA3E,MAAA;IAAA8B,GAAA;IAAA8C,KAAA;MAAA,IAAAC,kBAAA,OAAAC,kBAAA,0BAAAC,YAAA,YAAAC,IAAA,CAED,SAAAC,QAAA;QAAA,IAAAC,EAAA;QAAA,OAAAH,YAAA,YAAAI,IAAA,WAAAC,QAAA;UAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAArD,IAAA;YAAA;cAAA,IACO,IAAI,CAACuD,aAAa,CAAC,CAAC;gBAAAF,QAAA,CAAArD,IAAA;gBAAA;cAAA;cAAAqD,QAAA,CAAArD,IAAA;cAAA,OACjB,IAAAwD,8BAAY,EAAC,CAAC;YAAA;cACpB,IAAI,CAACC,YAAY,CAAC,CAAC;cAAC,OAAAJ,QAAA,CAAAK,MAAA;YAAA;cAAAL,QAAA,CAAArD,IAAA;cAAA,OAIL,IAAAwD,8BAAY,EAAC,CAAC;YAAA;cAAzBL,EAAE,GAAAE,QAAA,CAAAM,IAAA;cAAA,MAEJ,CAACR,EAAE,IAAI,CAAC,IAAI,CAACb,SAAS,CAACsB,OAAO;gBAAAP,QAAA,CAAArD,IAAA;gBAAA;cAAA;cAAA,OAAAqD,QAAA,CAAAK,MAAA;YAAA;cAIlC,IAAI,CAAC7C,SAAS,GAAG,IAAIsC,EAAE,CAACU,gBAAgB,CAAC;gBAAEC,MAAM,EAAE,IAAAC,2BAAS,EAAC;cAAE,CAAC,CAAC;cACjE,IAAI,CAAClD,SAAS,CAACmD,QAAQ,GAAG,IAAI;cAC9B,IAAI,CAACnD,SAAS,CAACoD,yBAAyB,GAAG,QAAQ;cACnD,IAAI,CAACpD,SAAS,CAACgC,KAAK,GAAG,IAAAqB,uBAAU,EAAC,IAAI,CAAC9F,KAAK,CAAC+F,KAAK,CAAC;cAEnD,IAAI,CAACtD,SAAS,CAACuD,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACC,aAAa,CAAC;cAC5D,IAAI,CAACxD,SAAS,CAACuD,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACE,aAAa,CAAC;cAC9D,IAAI,CAACzD,SAAS,CAACuD,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACG,SAAS,CAAC;cAE1D,IAAI,CAACjC,SAAS,CAACsB,OAAO,CAACxE,WAAW,CAAC,IAAI,CAACyB,SAAS,CAAC;cAElD,IAAI,CAAC2D,gBAAgB,CAAC,CAAC;YAAC;YAAA;cAAA,OAAAnB,QAAA,CAAAoB,IAAA;UAAA;QAAA,GAAAvB,OAAA;MAAA,CACzB;MAAA,SAzBKwB,iBAAiBA,CAAA;QAAA,OAAA5B,kBAAA,CAAA3G,KAAA,OAAAe,SAAA;MAAA;MAAA,OAAjBwH,iBAAiB;IAAA;EAAA;IAAA3E,GAAA;IAAA8C,KAAA,EA2BvB,SAAA8B,kBAAkBA,CAACC,SAAS,EAAE;MAC5B,IAAIA,SAAS,CAACT,KAAK,KAAK,IAAI,CAAC/F,KAAK,CAAC+F,KAAK,EAAE;QACxC;MACF;MAEA,IAAI,IAAI,CAACtD,SAAS,EAAE;QAClB,IAAI,CAACA,SAAS,CAACgC,KAAK,GAAG,IAAAqB,uBAAU,EAAC,IAAI,CAAC9F,KAAK,CAAC+F,KAAK,CAAC;MACrD,CAAC,MAAM;QACL,IAAI,CAACV,YAAY,CAAC,CAAC;MACrB;IACF;EAAC;IAAA1D,GAAA;IAAA8C,KAAA,EAED,SAAAgC,oBAAoBA,CAAA,EAAG;MACrB,IAAI,IAAI,CAAChE,SAAS,EAAE;QAClB,IAAI,CAACA,SAAS,CAACiE,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAACT,aAAa,CAAC;QAC/D,IAAI,CAACxD,SAAS,CAACiE,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACR,aAAa,CAAC;QACjE,IAAI,CAACzD,SAAS,CAACiE,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACP,SAAS,CAAC;QAC7D,IAAI,CAAC1D,SAAS,CAACkE,MAAM,CAAC,CAAC;QACvB,IAAI,CAAClE,SAAS,GAAGtB,SAAS;MAC5B;MAEA,IAAI,CAACyF,gBAAgB,CAAC,CAAC;IACzB;EAAC;IAAAjF,GAAA;IAAA8C,KAAA,EAiFD;IACA,SAAAU,aAAaA,CAAA,EAAG;MACd,IAAMY,KAAK,GAAG,IAAI,CAAC/F,KAAK,CAAC+F,KAAK,IAAI,EAAE;MAEpC,OAAO,IAAAc,qBAAQ,EAACd,KAAK,CAAC,CAAChH,MAAM,GAAG,CAAC,IAAIgH,KAAK,CAACe,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5E;EAAC;IAAAnF,GAAA;IAAA8C,KAAA,EAED,SAAAY,YAAYA,CAAA,EAAG;MACb,IAAMf,MAAM,GAAG,IAAAyC,+BAAa,EAAC,IAAI,CAAC/G,KAAK,CAAC+F,KAAK,CAAC;MAE9C,IAAIzB,MAAM,KAAK,IAAI,CAACD,KAAK,CAACC,MAAM,EAAE;QAChC,IAAI,CAAC0C,QAAQ,CAAC;UAAE1C,MAAM,EAANA;QAAO,CAAC,CAAC;MAC3B;IACF;;IAEA;EAAA;IAAA3C,GAAA;IAAA8C,KAAA,EACA,SAAA/B,MAAMA,CAAA,EAAG;MAAA,IAAAuE,MAAA;MACP,IAAI,CAAC,IAAI,CAACxE,SAAS,EAAE;QACnB,OAAO,CAAC,CAAC;MACX;MAEA,IAAMyE,GAAG,GAAG,CAAC,CAAC;MAEd,CAAC,IAAI,CAACzE,SAAS,CAACU,UAAU,CAAC,CAAC,IAAI,EAAE,EAAEnE,OAAO,CAAC,UAAC+C,EAAE,EAAK;QAClDmF,GAAG,CAACnF,EAAE,CAAC,GAAG,IAAAoF,yBAAY,EAACF,MAAI,CAACxE,SAAS,CAAC2E,cAAc,CAACrF,EAAE,CAAC,CAAC;MAC3D,CAAC,CAAC;MAEF,OAAOmF,GAAG;IACZ;;IAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EAPE;IAAAvF,GAAA;IAAA8C,KAAA,EAQA,SAAA1B,YAAYA,CAAChB,EAAE,EAAE;MAAA,IAAAsF,MAAA;MACf,OAAO;QACLtF,EAAE,EAAFA,EAAE;QACFgE,KAAK,EAAE,SAAPA,KAAKA,CAAGtB,KAAK,EAAK;UAChB,IAAI,CAAC4C,MAAI,CAAC5E,SAAS,EAAE;YACnB,OAAO,EAAE;UACX;UAEA,IAAIgC,KAAK,KAAKtD,SAAS,EAAE;YACvB,OAAO,IAAAgG,yBAAY,EAACE,MAAI,CAAC5E,SAAS,CAAC2E,cAAc,CAACrF,EAAE,CAAC,CAAC;UACxD;UAEAsF,MAAI,CAAC5E,SAAS,CAAC6E,cAAc,CAACvF,EAAE,EAAE,IAAA+D,uBAAU,EAACrB,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;UAExD,OAAOA,KAAK;QACd;MACF,CAAC;IACH;;IAEA;EAAA;IAAA9C,GAAA;IAAA4F,GAAA,EACA,SAAAA,IAAA,EAAkB;MAAA,IAAAC,MAAA;MAChB,IAAI,CAAC,IAAI,CAAC/E,SAAS,EAAE;QACnB,OAAO,EAAE;MACX;MAEA,OAAO,CAAC,IAAI,CAACA,SAAS,CAACU,UAAU,CAAC,CAAC,IAAI,EAAE,EAAEsE,GAAG,CAAC,UAAC1F,EAAE;QAAA,OAAKyF,MAAI,CAACzE,YAAY,CAAChB,EAAE,CAAC;MAAA,EAAC;IAC/E;EAAC;IAAAJ,GAAA;IAAA8C,KAAA,EA0ED,SAAAiD,KAAKA,CAAA,EAAG;MACN,IAAI,CAACjF,SAAS,IAAI,IAAI,CAACA,SAAS,CAACiF,KAAK,CAAC,CAAC;IAC1C;EAAC;IAAA/F,GAAA;IAAA8C,KAAA,EAED,SAAAkD,IAAIA,CAAA,EAAG;MACL,IAAI,CAAClF,SAAS,IAAI,IAAI,CAACA,SAAS,CAACkF,IAAI,CAAC,CAAC;IACzC;EAAC;IAAAhG,GAAA;IAAA8C,KAAA,EAED,SAAAmD,MAAMA,CAAA,EAAG;MACP,IAAAC,YAAA,GAAuC,IAAI,CAAC7H,KAAK;QAAzC8H,SAAS,GAAAD,YAAA,CAATC,SAAS;QAAEC,OAAO,GAAAF,YAAA,CAAPE,OAAO;QAAEC,MAAM,GAAAH,YAAA,CAANG,MAAM;MAClC,IAAQ1D,MAAM,GAAK,IAAI,CAACD,KAAK,CAArBC,MAAM;MAEd,IAAI,IAAI,CAAC7B,SAAS,IAAI,IAAI,CAAC0C,aAAa,CAAC,CAAC,EAAE;QAC1C,oBAAOvI,MAAA,YAAAyD,aAAA,CAACd,MAAM;UAACuI,SAAS,EAAEA,SAAU;UAACC,OAAO,EAAEA,OAAQ;UAACC,MAAM,EAAEA,MAAO;UAACC,GAAG,EAAE,IAAI,CAAC/D;QAAU,CAAE,CAAC;MAChG;MAEA,oBACEtH,MAAA,YAAAyD,aAAA,CAACd,MAAM;QACLuI,SAAS,EAAEA,SAAU;QACrBC,OAAO,EAAEA,OAAQ;QACjBC,MAAM,EAAEA,MAAO;QACfC,GAAG,EAAE,IAAI,CAAC/D;QACV;QAAA;QACAgE,uBAAuB,EAAE;UAAEC,MAAM,EAAE7D;QAAO;MAAE,CAC7C,CAAC;IAEN;EAAC;AAAA,EA7TiCH,iBAAK,CAACiE,SAAS;AAAA,IAAAnJ,gBAAA,aAA9BY,MAAM,eACN;EACjBkG,KAAK,EAAEsC,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCT,SAAS,EAAEO,qBAAS,CAACC,MAAM;EAC3BP,OAAO,EAAEM,qBAAS,CAACG,IAAI;EACvBR,MAAM,EAAEK,qBAAS,CAACG,IAAI;EACtBhG,YAAY,EAAE6F,qBAAS,CAACG,IAAI;EAC5BjG,gBAAgB,EAAE8F,qBAAS,CAACG,IAAI;EAChCvF,eAAe,EAAEoF,qBAAS,CAACG,IAAI;EAC/BvE,QAAQ,EAAEoE,qBAAS,CAACG;AACtB,CAAC;AAAA,IAAAvJ,gBAAA,aAVkBY,MAAM,kBAYH;EACpB2C,YAAY,EAAE,SAAdA,YAAYA,CAAA,EAAQ,CAAC;AACvB,CAAC","ignoreList":[]}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.0.6",
+  "version": "1.0.9-next.6608+1ae0088e3",
   "description": "MathLive-based math input (drop-in alternative to @pie-lib/math-input)",
   "main": "lib/index.js",
   "module": "src/index.jsx",
@@ -14,7 +14,7 @@
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/render-ui": "^6.1.0",
+    "@pie-lib/render-ui": "^6.1.3",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",
     "mathlive": "^0.110.0",
@@ -27,5 +27,6 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "scripts": {}
+  "scripts": {},
+  "gitHead": "1ae0088e3b8985aa65933d6a35d94f609cfb9420"
 }

package/src/__tests__/keypad-label.test.jsx

@@ -1,4 +1,4 @@
-import { latexForDisplay } from '../keypad';
+import { withVisibleEmptySlots as latexForDisplay } from '../latex-bridge';
 import { keyToAction } from '../latex-bridge';
 
 /**
@@ -16,11 +16,19 @@ describe('keypad label display normalisation', () => {
   });
 
   it('handles every empty-group key shape', () => {
-    ['\\frac{}{}', '\\overline{}', 'x^{}', 'x_{}', '\\sqrt{}', '\\sqrt[{}]{}', '\\abs{}', '\\log_{}', '\\longdiv{}'].forEach(
-      (latex) => {
-        expect(latexForDisplay(latex)).not.toContain('{}');
-      },
-    );
+    [
+      '\\frac{}{}',
+      '\\overline{}',
+      'x^{}',
+      'x_{}',
+      '\\sqrt{}',
+      '\\sqrt[{}]{}',
+      '\\abs{}',
+      '\\log_{}',
+      '\\longdiv{}',
+    ].forEach((latex) => {
+      expect(latexForDisplay(latex)).not.toContain('{}');
+    });
   });
 
   it('treats a whitespace-only group as empty', () => {

package/src/__tests__/latex-bridge.test.js

@@ -1,4 +1,12 @@
-import { toMathLive, fromMathLive, fieldIds, keyToAction, NEWLINE_EMBED, DEFAULT_FIELD_ID } from '../latex-bridge';
+import {
+  toMathLive,
+  fromMathLive,
+  fieldIds,
+  keyToAction,
+  toNativeCommands,
+  NEWLINE_EMBED,
+  DEFAULT_FIELD_ID,
+} from '../latex-bridge';
 
 describe('latex-bridge', () => {
   describe('toMathLive', () => {
@@ -64,6 +72,32 @@ describe('latex-bridge', () => {
       expect(fromMathLive(toMathLive(stored))).toEqual(stored);
     });
 
+    // MathLive serialises empty slots as \placeholder{}, which MathJax (used by
+    // @pie-lib/math-rendering for prompts/previews) renders as red error text.
+    it('strips unnamed placeholders that MathLive adds', () => {
+      expect(fromMathLive('\\longdiv{\\placeholder{}}')).toEqual('\\longdiv{}');
+      expect(fromMathLive('\\frac{\\placeholder{}}{\\placeholder{}}')).toEqual('\\frac{}{}');
+    });
+
+    it('keeps content inside an unnamed placeholder', () => {
+      expect(fromMathLive('\\sqrt{\\placeholder{7}}')).toEqual('\\sqrt{7}');
+    });
+
+    it('handles a bare \\placeholder with no argument', () => {
+      expect(fromMathLive('\\longdiv{\\placeholder}')).toEqual('\\longdiv{}');
+    });
+
+    it('never leaks the token \\placeholder', () => {
+      ['\\longdiv{\\placeholder{}}', '\\frac{\\placeholder{}}{x}', '\\placeholder{}'].forEach((l) => {
+        expect(fromMathLive(l)).not.toContain('\\placeholder');
+      });
+    });
+
+    it('still maps NAMED placeholders to answer blocks', () => {
+      // named ones are answer blocks and must survive
+      expect(fromMathLive('\\placeholder[r1]{}')).toEqual('\\MathQuillMathField[r1]{}');
+    });
+
     it('round-trips answer blocks combined with newlines', () => {
       const stored = `\\MathQuillMathField[r1]{}${NEWLINE_EMBED}y`;
 
@@ -71,6 +105,58 @@ describe('latex-bridge', () => {
     });
   });
 
+  // A MathLive macro serialises from the arguments it was created with, so text
+  // typed inside its expansion never comes back out of getValue('latex').
+  // Argument-taking pie commands must therefore become native constructs before
+  // they reach a mathfield.
+  describe('toNativeCommands', () => {
+    it('expands \\longdiv to native \\enclose', () => {
+      expect(toNativeCommands('\\longdiv{1234}')).toEqual('\\enclose{longdiv}{1234}');
+      expect(toNativeCommands('\\longdiv{}')).toEqual('\\enclose{longdiv}{}');
+    });
+
+    it('expands \\overarc to native \\overparen', () => {
+      expect(toNativeCommands('\\overarc{AB}')).toEqual('\\overparen{AB}');
+    });
+
+    it('expands \\abs to native \\left|..\\right|', () => {
+      expect(toNativeCommands('\\abs{x}')).toEqual('\\left|x\\right|');
+      expect(toNativeCommands('\\abs{}')).toEqual('\\left|\\right|');
+    });
+
+    it('handles nested braces inside \\abs', () => {
+      expect(toNativeCommands('\\abs{\\frac{1}{2}}')).toEqual('\\left|\\frac{1}{2}\\right|');
+    });
+
+    it('handles several occurrences', () => {
+      expect(toNativeCommands('\\abs{a}+\\abs{b}')).toEqual('\\left|a\\right|+\\left|b\\right|');
+      expect(toNativeCommands('\\longdiv{1}\\longdiv{2}')).toEqual('\\enclose{longdiv}{1}\\enclose{longdiv}{2}');
+    });
+
+    it('leaves other latex untouched', () => {
+      ['\\frac{1}{2}', '\\pi', '\\sqrt{x}', '\\overline{AB}'].forEach((l) => {
+        expect(toNativeCommands(l)).toEqual(l);
+      });
+    });
+
+    it('handles nullish input', () => {
+      expect(toNativeCommands(undefined)).toEqual('');
+      expect(toNativeCommands('')).toEqual('');
+    });
+
+    it('is applied by toMathLive', () => {
+      expect(toMathLive('\\longdiv{5}')).toEqual('\\enclose{longdiv}{5}');
+    });
+
+    it('does not leave a pie macro in what reaches the field', () => {
+      ['\\longdiv{7}', '\\abs{7}', '\\overarc{7}'].forEach((l) => {
+        const out = toMathLive(l);
+
+        expect(out).not.toMatch(/\\longdiv|\\abs|\\overarc/);
+      });
+    });
+  });
+
   describe('fieldIds', () => {
     it('returns ids in document order', () => {
       expect(fieldIds('\\MathQuillMathField[r1]{}+\\MathQuillMathField[r2]{}')).toEqual(['r1', 'r2']);

package/src/__tests__/mathlive-instance.test.js

@@ -63,6 +63,26 @@ describe('mathlive-instance', () => {
       expect(macros.longdiv).toBeDefined();
       expect(macros.napprox).toEqual('\\not\\approx');
     });
+
+    // Argument-taking macros exist only so previously authored latex parses.
+    // Editing never goes through them: MathLive serialises a macro from its
+    // original arguments, so typed content never comes back out.
+    it('argument-taking macros are plain parse-only definitions', () => {
+      ['longdiv', 'overarc', 'abs'].forEach((name) => {
+        expect(typeof instance.PIE_MACROS[name]).toBe('string');
+        expect(instance.PIE_MACROS[name]).toContain('#1');
+      });
+    });
+
+    it('argument-less symbols stay atomic', () => {
+      ['perpendicular', 'square', 'degree', 'napprox', 'parallelogram'].forEach((name) => {
+        expect(typeof instance.PIE_MACROS[name]).toBe('string');
+      });
+    });
+
+    it('longdiv matches the MathJax macro used by math-rendering', () => {
+      expect(instance.PIE_MACROS.longdiv).toEqual('\\enclose{longdiv}{#1}');
+    });
   });
 
   describe('applyStaticMath', () => {

package/src/keypad/index.jsx

@@ -57,28 +57,6 @@ const LabelHolder = styled('span')(() => ({
   },
 }));
 
-/**
- * A visible stand-in for an empty argument slot.
- *
- * Key latex uses empty groups to show the shape of a command - `\frac{}{}`,
- * `\overline{}`, `x^{}`. MathQuill drew those as a shaded box (`.mq-empty`);
- * MathLive renders `{}` as nothing at all, so those buttons come out blank.
- * `\placeholder{}` is not a substitute: in static markup it renders as a
- * non-breaking space (the editable box only exists inside a live mathfield), so
- * an actual glyph is required.
- *
- * Tagged with `pie-empty` so it can be muted via CSS.
- */
-const EMPTY_SLOT = '\\htmlData{pie-empty=1}{\\unicode{"25AB}}';
-const EMPTY_GROUP_REGEX = /\{\s*\}/g;
-
-/**
- * Display-only: give empty groups something visible.
- * Never use this for the value that gets inserted into the field - the key's
- * own latex is what gets typed.
- */
-export const latexForDisplay = (latex) => (latex || '').replace(EMPTY_GROUP_REGEX, `{${EMPTY_SLOT}}`);
-
 export class LatexLabel extends React.Component {
   static propTypes = {
     latex: PropTypes.string.isRequired,
@@ -86,7 +64,7 @@ export class LatexLabel extends React.Component {
 
   constructor(props) {
     super(props);
-    this.state = { markup: latexToMarkup(latexForDisplay(props.latex)) };
+    this.state = { markup: latexToMarkup(props.latex) };
   }
 
   async componentDidMount() {
@@ -101,7 +79,7 @@ export class LatexLabel extends React.Component {
       return;
     }
 
-    const markup = latexToMarkup(latexForDisplay(this.props.latex));
+    const markup = latexToMarkup(this.props.latex);
 
     if (markup) {
       this.setState({ markup });
@@ -119,7 +97,7 @@ export class LatexLabel extends React.Component {
 
   componentDidUpdate(prevProps) {
     if (prevProps.latex !== this.props.latex) {
-      this.setState({ markup: latexToMarkup(latexForDisplay(this.props.latex)) });
+      this.setState({ markup: latexToMarkup(this.props.latex) });
     }
   }