@pie-lib/math-input-mathlive 1.0.4 → 1.0.6

package/lib/__tests__/keypad-label.test.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _keypad = require("../keypad");
+var _latexBridge = require("../latex-bridge");
+/**
+ * Keys use empty groups to show a command's shape (`\frac{}{}`, `x^{}`).
+ * MathLive renders `{}` as nothing, so labels need a visible stand-in - but the
+ * value that gets *inserted* must stay untouched.
+ */
+describe('keypad label display normalisation', function () {
+  it('gives empty groups a visible glyph', function () {
+    var out = (0, _keypad.latexForDisplay)('\\frac{}{}');
+    expect(out).not.toEqual('\\frac{}{}');
+    expect(out).toContain('25AB'); // white small square
+    expect(out).toContain('pie-empty');
+  });
+  it('handles every empty-group key shape', function () {
+    ['\\frac{}{}', '\\overline{}', 'x^{}', 'x_{}', '\\sqrt{}', '\\sqrt[{}]{}', '\\abs{}', '\\log_{}', '\\longdiv{}'].forEach(function (latex) {
+      expect((0, _keypad.latexForDisplay)(latex)).not.toContain('{}');
+    });
+  });
+  it('treats a whitespace-only group as empty', function () {
+    // e.g. \frac{x}{ }
+    expect((0, _keypad.latexForDisplay)('\\frac{x}{ }')).toContain('pie-empty');
+  });
+  it('leaves latex without empty groups alone', function () {
+    ['\\pi', '\\sin', 'x^2', '\\overline{AB}'].forEach(function (latex) {
+      expect((0, _keypad.latexForDisplay)(latex)).toEqual(latex);
+    });
+  });
+  it('handles nullish input', function () {
+    expect((0, _keypad.latexForDisplay)(undefined)).toEqual('');
+    expect((0, _keypad.latexForDisplay)('')).toEqual('');
+  });
+  it('does NOT affect what gets inserted into the field', function () {
+    // the action must use the key's own latex, never the display form
+    var key = {
+      name: 'frac',
+      latex: '\\frac{}{}'
+    };
+    expect((0, _latexBridge.keyToAction)(key).value).toEqual('\\frac{}{}');
+    expect((0, _latexBridge.keyToAction)(key).value).not.toContain('pie-empty');
+  });
+});
+//# sourceMappingURL=keypad-label.test.js.map

package/lib/__tests__/keypad-label.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keypad-label.test.js","names":["_keypad","require","_latexBridge","describe","it","out","latexForDisplay","expect","not","toEqual","toContain","forEach","latex","undefined","key","name","keyToAction","value"],"sources":["../../src/__tests__/keypad-label.test.jsx"],"sourcesContent":["import { latexForDisplay } from '../keypad';\nimport { keyToAction } from '../latex-bridge';\n\n/**\n * Keys use empty groups to show a command's shape (`\\frac{}{}`, `x^{}`).\n * MathLive renders `{}` as nothing, so labels need a visible stand-in - but the\n * value that gets *inserted* must stay untouched.\n */\ndescribe('keypad label display normalisation', () => {\n  it('gives empty groups a visible glyph', () => {\n    const out = latexForDisplay('\\\\frac{}{}');\n\n    expect(out).not.toEqual('\\\\frac{}{}');\n    expect(out).toContain('25AB'); // white small square\n    expect(out).toContain('pie-empty');\n  });\n\n  it('handles every empty-group key shape', () => {\n    ['\\\\frac{}{}', '\\\\overline{}', 'x^{}', 'x_{}', '\\\\sqrt{}', '\\\\sqrt[{}]{}', '\\\\abs{}', '\\\\log_{}', '\\\\longdiv{}'].forEach(\n      (latex) => {\n        expect(latexForDisplay(latex)).not.toContain('{}');\n      },\n    );\n  });\n\n  it('treats a whitespace-only group as empty', () => {\n    // e.g. \\frac{x}{ }\n    expect(latexForDisplay('\\\\frac{x}{ }')).toContain('pie-empty');\n  });\n\n  it('leaves latex without empty groups alone', () => {\n    ['\\\\pi', '\\\\sin', 'x^2', '\\\\overline{AB}'].forEach((latex) => {\n      expect(latexForDisplay(latex)).toEqual(latex);\n    });\n  });\n\n  it('handles nullish input', () => {\n    expect(latexForDisplay(undefined)).toEqual('');\n    expect(latexForDisplay('')).toEqual('');\n  });\n\n  it('does NOT affect what gets inserted into the field', () => {\n    // the action must use the key's own latex, never the display form\n    const key = { name: 'frac', latex: '\\\\frac{}{}' };\n\n    expect(keyToAction(key).value).toEqual('\\\\frac{}{}');\n    expect(keyToAction(key).value).not.toContain('pie-empty');\n  });\n});\n"],"mappings":";;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACAE,QAAQ,CAAC,oCAAoC,EAAE,YAAM;EACnDC,EAAE,CAAC,oCAAoC,EAAE,YAAM;IAC7C,IAAMC,GAAG,GAAG,IAAAC,uBAAe,EAAC,YAAY,CAAC;IAEzCC,MAAM,CAACF,GAAG,CAAC,CAACG,GAAG,CAACC,OAAO,CAAC,YAAY,CAAC;IACrCF,MAAM,CAACF,GAAG,CAAC,CAACK,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/BH,MAAM,CAACF,GAAG,CAAC,CAACK,SAAS,CAAC,WAAW,CAAC;EACpC,CAAC,CAAC;EAEFN,EAAE,CAAC,qCAAqC,EAAE,YAAM;IAC9C,CAAC,YAAY,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,CAAC,CAACO,OAAO,CACtH,UAACC,KAAK,EAAK;MACTL,MAAM,CAAC,IAAAD,uBAAe,EAACM,KAAK,CAAC,CAAC,CAACJ,GAAG,CAACE,SAAS,CAAC,IAAI,CAAC;IACpD,CACF,CAAC;EACH,CAAC,CAAC;EAEFN,EAAE,CAAC,yCAAyC,EAAE,YAAM;IAClD;IACAG,MAAM,CAAC,IAAAD,uBAAe,EAAC,cAAc,CAAC,CAAC,CAACI,SAAS,CAAC,WAAW,CAAC;EAChE,CAAC,CAAC;EAEFN,EAAE,CAAC,yCAAyC,EAAE,YAAM;IAClD,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAACO,OAAO,CAAC,UAACC,KAAK,EAAK;MAC5DL,MAAM,CAAC,IAAAD,uBAAe,EAACM,KAAK,CAAC,CAAC,CAACH,OAAO,CAACG,KAAK,CAAC;IAC/C,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFR,EAAE,CAAC,uBAAuB,EAAE,YAAM;IAChCG,MAAM,CAAC,IAAAD,uBAAe,EAACO,SAAS,CAAC,CAAC,CAACJ,OAAO,CAAC,EAAE,CAAC;IAC9CF,MAAM,CAAC,IAAAD,uBAAe,EAAC,EAAE,CAAC,CAAC,CAACG,OAAO,CAAC,EAAE,CAAC;EACzC,CAAC,CAAC;EAEFL,EAAE,CAAC,mDAAmD,EAAE,YAAM;IAC5D;IACA,IAAMU,GAAG,GAAG;MAAEC,IAAI,EAAE,MAAM;MAAEH,KAAK,EAAE;IAAa,CAAC;IAEjDL,MAAM,CAAC,IAAAS,wBAAW,EAACF,GAAG,CAAC,CAACG,KAAK,CAAC,CAACR,OAAO,CAAC,YAAY,CAAC;IACpDF,MAAM,CAAC,IAAAS,wBAAW,EAACF,GAAG,CAAC,CAACG,KAAK,CAAC,CAACT,GAAG,CAACE,SAAS,CAAC,WAAW,CAAC;EAC3D,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/keypad/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.LatexLabel = exports.KeyPad = void 0;
+exports.latexForDisplay = exports["default"] = exports.LatexLabel = exports.KeyPad = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -68,16 +68,46 @@ var LabelHolder = (0, _styles.styled)('span')(function () {
     // Answer-block / empty-slot boxes inside a label.
     '& .ML__placeholder': {
       backgroundColor: _renderUi.color.keypadEmptyPlaceholder ? _renderUi.color.keypadEmptyPlaceholder() : undefined
+    },
+    // The stand-in glyph for an empty argument slot (see EMPTY_SLOT). 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
     }
   };
 });
+
+/**
+ * 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.
+ */
+var EMPTY_SLOT = "\\htmlData{pie-empty=1}{\\unicode{\"25AB}}";
+var 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.
+ */
+var latexForDisplay = exports.latexForDisplay = function latexForDisplay(latex) {
+  return (latex || '').replace(EMPTY_GROUP_REGEX, "{".concat(EMPTY_SLOT, "}"));
+};
 var LatexLabel = exports.LatexLabel = /*#__PURE__*/function (_React$Component) {
   function LatexLabel(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, LatexLabel);
     _this = _callSuper(this, LatexLabel, [props]);
     _this.state = {
-      markup: (0, _mathliveInstance.latexToMarkup)(props.latex)
+      markup: (0, _mathliveInstance.latexToMarkup)(latexForDisplay(props.latex))
     };
     return _this;
   }
@@ -105,7 +135,7 @@ var LatexLabel = exports.LatexLabel = /*#__PURE__*/function (_React$Component) {
               }
               return _context.abrupt("return");
             case 3:
-              markup = (0, _mathliveInstance.latexToMarkup)(this.props.latex);
+              markup = (0, _mathliveInstance.latexToMarkup)(latexForDisplay(this.props.latex));
               if (!markup) {
                 _context.next = 4;
                 break;
@@ -138,7 +168,7 @@ var LatexLabel = exports.LatexLabel = /*#__PURE__*/function (_React$Component) {
     value: function componentDidUpdate(prevProps) {
       if (prevProps.latex !== this.props.latex) {
         this.setState({
-          markup: (0, _mathliveInstance.latexToMarkup)(this.props.latex)
+          markup: (0, _mathliveInstance.latexToMarkup)(latexForDisplay(this.props.latex))
         });
       }
     }

package/lib/keypad/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_Button","_IconButton","_styles","_debug","_lodashEs","_renderUi","_keys","_keysLayout","_commonStyles","_mathliveInstance","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","log","debug","LabelHolder","styled","pointerEvents","textTransform","color","text","display","alignItems","justifyContent","lineHeight","maxWidth","overflow","position","width","backgroundColor","keypadEmptyPlaceholder","undefined","LatexLabel","exports","_React$Component","props","_this","_classCallCheck2","state","markup","latexToMarkup","latex","_inherits2","_createClass2","key","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_context","prev","next","abrupt","loadMathLive","unmounted","setState","warned","stop","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","render","createElement","dangerouslySetInnerHTML","__html","React","Component","PropTypes","string","isRequired","createCustomLayout","layoutObj","gridTemplateColumns","concat","columns","gridTemplateRows","rows","gridAutoFlow","KeyPadContainer","commonKeyboardStyles","gridRowGap","gridColumnGap","fontFamily","buttonBackground","category","keypadButtonOperator","keypadButton","keypadButtonOperatorHover","keypadButtonHover","StyledButton","Button","_ref","isDelete","isComma","isDot","minWidth","fontSize","borderRadius","StyledLatexButtonWrapper","_ref2","padding","margin","StyledIconButton","IconButton","_ref3","height","KeyPad","_React$Component2","_this2","setKeypadInteraction","onPress","base","extras","flatten","_toConsumableArray2","sortKeys","noDecimal","write","label","keypadRef","createRef","_this$keypadRef","keyPadElement","current","mainContainer","closest","currentToolbar","controlledKeypadMode","mainContainerPosition","getBoundingClientRect","currentToolbarPosition","difference","top","totalHeight","style","addEventListener","handleKeypadInteraction","_this$keypadRef2","removeEventListener","_this3","_this$props","className","baseSet","additionalKeys","layoutForKeyPad","onFocus","mode","noBaseSet","keysWithoutBaseSet","includes","allKeys","flowKeys","shift","Math","floor","ref","join","map","k","index","command","extra","actions","extraProps","onClick","buttonClick","bind","disabled","keyIsNotAllowed","ariaLabel","name","_extends2","Icon","icon","tabIndex","size","bool","array","object","func","oneOfType","number","_default"],"sources":["../../src/keypad/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@mui/material/Button';\nimport IconButton from '@mui/material/IconButton';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { flatten } from 'lodash-es';\nimport { color } from '@pie-lib/render-ui';\n\nimport { baseSet } from '../keys';\nimport { sortKeys } from './keys-layout';\nimport { commonKeyboardStyles } from '../mf/common-styles';\nimport { loadMathLive, latexToMarkup } from '../mathlive-instance';\n\nconst log = debug('pie-lib:math-input-mathlive:keypad');\n\n/**\n * A LaTeX keypad label.\n *\n * The MathQuill implementation rendered every LaTeX label as its own\n * `MQ.StaticMath` instance. Here each label is static HTML produced once by\n * `convertLatexToMarkup`, so a 40-key keypad no longer creates 40 live math\n * instances.\n */\n// The `color.*()` helpers must be called lazily, inside the styled callback.\n// Evaluating them in a plain object literal runs them at module load, which\n// breaks any consumer that mocks a subset of @pie-lib/render-ui.\nconst LabelHolder = styled('span')(() => ({\n  pointerEvents: 'none',\n  textTransform: 'none',\n  color: color.text(),\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  lineHeight: 1,\n  // Never let a label size its grid column. Stretchy accents\n  // (\\overrightarrow, \\overleftrightarrow, \\overarc) render an <svg> that\n  // mathlive-static.css positions absolutely at width:100%; if that stylesheet\n  // is missing the svg lays out statically and expands without bound, dragging\n  // the whole column across the screen. `overflow: hidden` also collapses the\n  // label's min-content contribution, so the grid can't blow out either way.\n  maxWidth: '100%',\n  overflow: 'hidden',\n  '& svg': {\n    position: 'absolute',\n    width: '100%',\n  },\n  // Answer-block / empty-slot boxes inside a label.\n  '& .ML__placeholder': {\n    backgroundColor: color.keypadEmptyPlaceholder ? color.keypadEmptyPlaceholder() : undefined,\n  },\n}));\n\nexport class LatexLabel extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { markup: latexToMarkup(props.latex) };\n  }\n\n  async componentDidMount() {\n    // MathLive may not have finished loading when the keypad first mounts.\n    if (this.state.markup) {\n      return;\n    }\n\n    await loadMathLive();\n\n    if (this.unmounted) {\n      return;\n    }\n\n    const markup = latexToMarkup(this.props.latex);\n\n    if (markup) {\n      this.setState({ markup });\n      return;\n    }\n\n    // Still nothing: the engine is genuinely unavailable (a missing chunk, a\n    // blocked request). Keep the raw-latex fallback visible rather than an\n    // empty button, and log once so this is diagnosable.\n    if (!LatexLabel.warned) {\n      LatexLabel.warned = true;\n      log('MathLive unavailable - keypad labels are falling back to raw latex');\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.latex !== this.props.latex) {\n      this.setState({ markup: latexToMarkup(this.props.latex) });\n    }\n  }\n\n  componentWillUnmount() {\n    this.unmounted = true;\n  }\n\n  render() {\n    const { markup } = this.state;\n\n    // Fall back to the raw latex so a button is never blank.\n    return markup ? (\n      // eslint-disable-next-line react/no-danger\n      <LabelHolder dangerouslySetInnerHTML={{ __html: markup }} />\n    ) : (\n      <LabelHolder>{this.props.latex}</LabelHolder>\n    );\n  }\n}\n\nconst createCustomLayout = (layoutObj) => {\n  if (layoutObj) {\n    return {\n      gridTemplateColumns: `repeat(${layoutObj.columns}, minmax(min-content, 150px))`,\n      gridTemplateRows: `repeat(${layoutObj.rows}, minmax(40px, 60px))`,\n      gridAutoFlow: 'initial',\n    };\n  }\n\n  return {};\n};\n\nconst KeyPadContainer = styled('div')(() => ({\n  ...commonKeyboardStyles,\n  width: '100%',\n  display: 'grid',\n  gridTemplateRows: 'repeat(5, minmax(40px, 60px))',\n  gridRowGap: '0px',\n  gridColumnGap: '0px',\n  gridAutoFlow: 'column',\n  '&.character': {\n    textTransform: 'initial !important',\n    gridTemplateRows: 'repeat(5, minmax(40px, 50px)) !important',\n  },\n  '&.language': {\n    gridTemplateRows: 'repeat(4, minmax(40px, 50px)) !important',\n    '& *': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n    },\n  },\n}));\n\nconst buttonBackground = (category) => ({\n  backgroundColor: category === 'operators' ? color.keypadButtonOperator() : color.keypadButton(),\n  '&:hover': {\n    backgroundColor: category === 'operators' ? color.keypadButtonOperatorHover() : color.keypadButtonHover(),\n  },\n});\n\nconst StyledButton = styled(Button)(({ category, isDelete, isComma, isDot }) => ({\n  minWidth: 'auto',\n  textTransform: 'none',\n  fontSize: isComma || isDot ? '200% !important' : '140% !important',\n  lineHeight: isComma || isDot ? '100%' : 'normal',\n  color: color.text(),\n  ...buttonBackground(category),\n  borderRadius: 0,\n  ...(isDelete && {\n    fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n  }),\n}));\n\nconst StyledLatexButtonWrapper = styled(Button)(({ category }) => ({\n  textTransform: 'none',\n  padding: 0,\n  margin: 0,\n  fontSize: '110% !important',\n  minWidth: 'auto',\n  borderRadius: 0,\n  ...buttonBackground(category),\n}));\n\nconst StyledIconButton = styled(IconButton)(({ category }) => ({\n  minWidth: 'auto',\n  ...buttonBackground(category),\n  borderRadius: 0,\n  '& .icon': {\n    height: '30px',\n  },\n}));\n\nexport class KeyPad extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    controlledKeypadMode: PropTypes.bool,\n    baseSet: PropTypes.array,\n    additionalKeys: PropTypes.array,\n    layoutForKeyPad: PropTypes.object,\n    onPress: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    noDecimal: PropTypes.bool,\n    setKeypadInteraction: PropTypes.func,\n    mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  };\n\n  static defaultProps = {\n    baseSet: baseSet,\n    noDecimal: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.keypadRef = React.createRef();\n  }\n\n  componentDidMount() {\n    // Ensure MathLive is available for the LaTeX labels.\n    loadMathLive();\n\n    const keyPadElement = this.keypadRef?.current;\n    const mainContainer = keyPadElement?.closest('.main-container');\n    const currentToolbar = keyPadElement?.closest('.pie-toolbar');\n\n    // need only for math keyboard so we need also controlledKeypadMode\n    if (this.props.controlledKeypadMode && mainContainer && currentToolbar) {\n      const mainContainerPosition = mainContainer.getBoundingClientRect();\n      const currentToolbarPosition = currentToolbar.getBoundingClientRect();\n      const difference =\n        mainContainerPosition.top +\n        mainContainerPosition.height -\n        (currentToolbarPosition.top + currentToolbarPosition.height);\n\n      if (difference < 0) {\n        const totalHeight = mainContainerPosition.height + mainContainerPosition.top - difference;\n\n        mainContainer.style.height = `${totalHeight}px`;\n      }\n    }\n\n    if (keyPadElement) {\n      keyPadElement.addEventListener('touchstart', this.handleKeypadInteraction, true);\n      keyPadElement.addEventListener('mousedown', this.handleKeypadInteraction, true);\n    }\n  }\n\n  componentWillUnmount() {\n    const keyPadElement = this.keypadRef?.current;\n\n    if (this.props.controlledKeypadMode && keyPadElement) {\n      const mainContainer = keyPadElement.closest('.main-container');\n\n      if (mainContainer) {\n        mainContainer.style.height = 'unset';\n      }\n    }\n\n    if (keyPadElement) {\n      keyPadElement.removeEventListener('touchstart', this.handleKeypadInteraction, true);\n      keyPadElement.removeEventListener('mousedown', this.handleKeypadInteraction, true);\n    }\n  }\n\n  handleKeypadInteraction = () => {\n    if (this.props.setKeypadInteraction) {\n      this.props.setKeypadInteraction(true);\n    }\n  };\n\n  buttonClick = (key) => {\n    log('[buttonClick]', key);\n    this.props.onPress(key);\n  };\n\n  flowKeys = (base, extras) => flatten([...sortKeys(base), ...sortKeys(extras)]);\n\n  keyIsNotAllowed = (key) => {\n    const { noDecimal } = this.props;\n\n    return !!(((key.write === '.' && key.label === '.') || (key.write === ',' && key.label === ',')) && noDecimal);\n  };\n\n  render() {\n    const { className, baseSet: base, additionalKeys, layoutForKeyPad, onFocus, mode } = this.props;\n\n    const noBaseSet = ['non-negative-integers', 'integers', 'decimals', 'fractions', 'item-authoring', 'language'];\n    const keysWithoutBaseSet = noBaseSet.includes(mode);\n    const allKeys = keysWithoutBaseSet\n      ? this.flowKeys([], additionalKeys || [])\n      : this.flowKeys(base, additionalKeys || []);\n\n    const shift = allKeys.length % 5 ? 1 : 0;\n    const style = {\n      gridTemplateColumns: `repeat(${Math.floor(allKeys.length / 5) + shift}, minmax(min-content, 150px))`,\n      ...createCustomLayout(layoutForKeyPad),\n    };\n\n    return (\n      <KeyPadContainer\n        ref={this.keypadRef}\n        className={[className, mode].filter(Boolean).join(' ')}\n        style={style}\n        onFocus={onFocus}\n      >\n        {allKeys.map((k, index) => {\n          if (!k) {\n            return <span key={`empty-${index}`} />;\n          }\n\n          const key = `${k.label || k.latex || k.command}-${index}`;\n          const category = !keysWithoutBaseSet ? k.category : undefined;\n          const extra = { ...(k.actions || {}), ...(k.extraProps || {}) };\n          const onClick = this.buttonClick.bind(this, k);\n          const disabled = this.keyIsNotAllowed(k);\n          const ariaLabel = k.ariaLabel ? k.ariaLabel : k.name || k.label;\n\n          if (k.latex) {\n            return (\n              <StyledLatexButtonWrapper\n                key={key}\n                onClick={onClick}\n                disabled={disabled}\n                category={category}\n                aria-label={ariaLabel}\n                {...extra}\n              >\n                <LatexLabel latex={k.latex} />\n              </StyledLatexButtonWrapper>\n            );\n          }\n\n          if (k.label) {\n            return (\n              <StyledButton\n                key={key}\n                onClick={onClick}\n                disabled={disabled}\n                category={category}\n                isDelete={k.label === '⌫'}\n                isComma={k.label === ','}\n                isDot={k.label === '.'}\n                aria-label={ariaLabel}\n                {...extra}\n              >\n                {k.label}\n              </StyledButton>\n            );\n          }\n\n          const Icon = k.icon ? k.icon : 'div';\n\n          return (\n            <StyledIconButton\n              key={key}\n              tabIndex={'-1'}\n              onClick={onClick}\n              disabled={disabled}\n              category={category}\n              size=\"large\"\n              {...extra}\n            >\n              <Icon className=\"icon\" />\n            </StyledIconButton>\n          );\n        })}\n      </KeyPadContainer>\n    );\n  }\n}\n\nexport default KeyPad;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_Button","_IconButton","_styles","_debug","_lodashEs","_renderUi","_keys","_keysLayout","_commonStyles","_mathliveInstance","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","log","debug","LabelHolder","styled","pointerEvents","textTransform","color","text","display","alignItems","justifyContent","lineHeight","maxWidth","overflow","position","width","backgroundColor","keypadEmptyPlaceholder","undefined","opacity","EMPTY_SLOT","EMPTY_GROUP_REGEX","latexForDisplay","exports","latex","replace","concat","LatexLabel","_React$Component","props","_this","_classCallCheck2","state","markup","latexToMarkup","_inherits2","_createClass2","key","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_context","prev","next","abrupt","loadMathLive","unmounted","setState","warned","stop","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","render","createElement","dangerouslySetInnerHTML","__html","React","Component","PropTypes","string","isRequired","createCustomLayout","layoutObj","gridTemplateColumns","columns","gridTemplateRows","rows","gridAutoFlow","KeyPadContainer","commonKeyboardStyles","gridRowGap","gridColumnGap","fontFamily","buttonBackground","category","keypadButtonOperator","keypadButton","keypadButtonOperatorHover","keypadButtonHover","StyledButton","Button","_ref","isDelete","isComma","isDot","minWidth","fontSize","borderRadius","StyledLatexButtonWrapper","_ref2","padding","margin","StyledIconButton","IconButton","_ref3","height","KeyPad","_React$Component2","_this2","setKeypadInteraction","onPress","base","extras","flatten","_toConsumableArray2","sortKeys","noDecimal","write","label","keypadRef","createRef","_this$keypadRef","keyPadElement","current","mainContainer","closest","currentToolbar","controlledKeypadMode","mainContainerPosition","getBoundingClientRect","currentToolbarPosition","difference","top","totalHeight","style","addEventListener","handleKeypadInteraction","_this$keypadRef2","removeEventListener","_this3","_this$props","className","baseSet","additionalKeys","layoutForKeyPad","onFocus","mode","noBaseSet","keysWithoutBaseSet","includes","allKeys","flowKeys","shift","Math","floor","ref","join","map","k","index","command","extra","actions","extraProps","onClick","buttonClick","bind","disabled","keyIsNotAllowed","ariaLabel","name","_extends2","Icon","icon","tabIndex","size","bool","array","object","func","oneOfType","number","_default"],"sources":["../../src/keypad/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@mui/material/Button';\nimport IconButton from '@mui/material/IconButton';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { flatten } from 'lodash-es';\nimport { color } from '@pie-lib/render-ui';\n\nimport { baseSet } from '../keys';\nimport { sortKeys } from './keys-layout';\nimport { commonKeyboardStyles } from '../mf/common-styles';\nimport { loadMathLive, latexToMarkup } from '../mathlive-instance';\n\nconst log = debug('pie-lib:math-input-mathlive:keypad');\n\n/**\n * A LaTeX keypad label.\n *\n * The MathQuill implementation rendered every LaTeX label as its own\n * `MQ.StaticMath` instance. Here each label is static HTML produced once by\n * `convertLatexToMarkup`, so a 40-key keypad no longer creates 40 live math\n * instances.\n */\n// The `color.*()` helpers must be called lazily, inside the styled callback.\n// Evaluating them in a plain object literal runs them at module load, which\n// breaks any consumer that mocks a subset of @pie-lib/render-ui.\nconst LabelHolder = styled('span')(() => ({\n  pointerEvents: 'none',\n  textTransform: 'none',\n  color: color.text(),\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  lineHeight: 1,\n  // Never let a label size its grid column. Stretchy accents\n  // (\\overrightarrow, \\overleftrightarrow, \\overarc) render an <svg> that\n  // mathlive-static.css positions absolutely at width:100%; if that stylesheet\n  // is missing the svg lays out statically and expands without bound, dragging\n  // the whole column across the screen. `overflow: hidden` also collapses the\n  // label's min-content contribution, so the grid can't blow out either way.\n  maxWidth: '100%',\n  overflow: 'hidden',\n  '& svg': {\n    position: 'absolute',\n    width: '100%',\n  },\n  // Answer-block / empty-slot boxes inside a label.\n  '& .ML__placeholder': {\n    backgroundColor: color.keypadEmptyPlaceholder ? color.keypadEmptyPlaceholder() : undefined,\n  },\n  // The stand-in glyph for an empty argument slot (see EMPTY_SLOT). Muted so it\n  // reads as \"a slot goes here\" rather than as part of the symbol, matching how\n  // MathQuill shaded `.mq-empty`.\n  '& [data-pie-empty]': {\n    opacity: 0.5,\n  },\n}));\n\n/**\n * A visible stand-in for an empty argument slot.\n *\n * Key latex uses empty groups to show the shape of a command - `\\frac{}{}`,\n * `\\overline{}`, `x^{}`. MathQuill drew those as a shaded box (`.mq-empty`);\n * MathLive renders `{}` as nothing at all, so those buttons come out blank.\n * `\\placeholder{}` is not a substitute: in static markup it renders as a\n * non-breaking space (the editable box only exists inside a live mathfield), so\n * an actual glyph is required.\n *\n * Tagged with `pie-empty` so it can be muted via CSS.\n */\nconst EMPTY_SLOT = '\\\\htmlData{pie-empty=1}{\\\\unicode{\"25AB}}';\nconst EMPTY_GROUP_REGEX = /\\{\\s*\\}/g;\n\n/**\n * Display-only: give empty groups something visible.\n * Never use this for the value that gets inserted into the field - the key's\n * own latex is what gets typed.\n */\nexport const latexForDisplay = (latex) => (latex || '').replace(EMPTY_GROUP_REGEX, `{${EMPTY_SLOT}}`);\n\nexport class LatexLabel extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { markup: latexToMarkup(latexForDisplay(props.latex)) };\n  }\n\n  async componentDidMount() {\n    // MathLive may not have finished loading when the keypad first mounts.\n    if (this.state.markup) {\n      return;\n    }\n\n    await loadMathLive();\n\n    if (this.unmounted) {\n      return;\n    }\n\n    const markup = latexToMarkup(latexForDisplay(this.props.latex));\n\n    if (markup) {\n      this.setState({ markup });\n      return;\n    }\n\n    // Still nothing: the engine is genuinely unavailable (a missing chunk, a\n    // blocked request). Keep the raw-latex fallback visible rather than an\n    // empty button, and log once so this is diagnosable.\n    if (!LatexLabel.warned) {\n      LatexLabel.warned = true;\n      log('MathLive unavailable - keypad labels are falling back to raw latex');\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.latex !== this.props.latex) {\n      this.setState({ markup: latexToMarkup(latexForDisplay(this.props.latex)) });\n    }\n  }\n\n  componentWillUnmount() {\n    this.unmounted = true;\n  }\n\n  render() {\n    const { markup } = this.state;\n\n    // Fall back to the raw latex so a button is never blank.\n    return markup ? (\n      // eslint-disable-next-line react/no-danger\n      <LabelHolder dangerouslySetInnerHTML={{ __html: markup }} />\n    ) : (\n      <LabelHolder>{this.props.latex}</LabelHolder>\n    );\n  }\n}\n\nconst createCustomLayout = (layoutObj) => {\n  if (layoutObj) {\n    return {\n      gridTemplateColumns: `repeat(${layoutObj.columns}, minmax(min-content, 150px))`,\n      gridTemplateRows: `repeat(${layoutObj.rows}, minmax(40px, 60px))`,\n      gridAutoFlow: 'initial',\n    };\n  }\n\n  return {};\n};\n\nconst KeyPadContainer = styled('div')(() => ({\n  ...commonKeyboardStyles,\n  width: '100%',\n  display: 'grid',\n  gridTemplateRows: 'repeat(5, minmax(40px, 60px))',\n  gridRowGap: '0px',\n  gridColumnGap: '0px',\n  gridAutoFlow: 'column',\n  '&.character': {\n    textTransform: 'initial !important',\n    gridTemplateRows: 'repeat(5, minmax(40px, 50px)) !important',\n  },\n  '&.language': {\n    gridTemplateRows: 'repeat(4, minmax(40px, 50px)) !important',\n    '& *': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n    },\n  },\n}));\n\nconst buttonBackground = (category) => ({\n  backgroundColor: category === 'operators' ? color.keypadButtonOperator() : color.keypadButton(),\n  '&:hover': {\n    backgroundColor: category === 'operators' ? color.keypadButtonOperatorHover() : color.keypadButtonHover(),\n  },\n});\n\nconst StyledButton = styled(Button)(({ category, isDelete, isComma, isDot }) => ({\n  minWidth: 'auto',\n  textTransform: 'none',\n  fontSize: isComma || isDot ? '200% !important' : '140% !important',\n  lineHeight: isComma || isDot ? '100%' : 'normal',\n  color: color.text(),\n  ...buttonBackground(category),\n  borderRadius: 0,\n  ...(isDelete && {\n    fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n  }),\n}));\n\nconst StyledLatexButtonWrapper = styled(Button)(({ category }) => ({\n  textTransform: 'none',\n  padding: 0,\n  margin: 0,\n  fontSize: '110% !important',\n  minWidth: 'auto',\n  borderRadius: 0,\n  ...buttonBackground(category),\n}));\n\nconst StyledIconButton = styled(IconButton)(({ category }) => ({\n  minWidth: 'auto',\n  ...buttonBackground(category),\n  borderRadius: 0,\n  '& .icon': {\n    height: '30px',\n  },\n}));\n\nexport class KeyPad extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    controlledKeypadMode: PropTypes.bool,\n    baseSet: PropTypes.array,\n    additionalKeys: PropTypes.array,\n    layoutForKeyPad: PropTypes.object,\n    onPress: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    noDecimal: PropTypes.bool,\n    setKeypadInteraction: PropTypes.func,\n    mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  };\n\n  static defaultProps = {\n    baseSet: baseSet,\n    noDecimal: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.keypadRef = React.createRef();\n  }\n\n  componentDidMount() {\n    // Ensure MathLive is available for the LaTeX labels.\n    loadMathLive();\n\n    const keyPadElement = this.keypadRef?.current;\n    const mainContainer = keyPadElement?.closest('.main-container');\n    const currentToolbar = keyPadElement?.closest('.pie-toolbar');\n\n    // need only for math keyboard so we need also controlledKeypadMode\n    if (this.props.controlledKeypadMode && mainContainer && currentToolbar) {\n      const mainContainerPosition = mainContainer.getBoundingClientRect();\n      const currentToolbarPosition = currentToolbar.getBoundingClientRect();\n      const difference =\n        mainContainerPosition.top +\n        mainContainerPosition.height -\n        (currentToolbarPosition.top + currentToolbarPosition.height);\n\n      if (difference < 0) {\n        const totalHeight = mainContainerPosition.height + mainContainerPosition.top - difference;\n\n        mainContainer.style.height = `${totalHeight}px`;\n      }\n    }\n\n    if (keyPadElement) {\n      keyPadElement.addEventListener('touchstart', this.handleKeypadInteraction, true);\n      keyPadElement.addEventListener('mousedown', this.handleKeypadInteraction, true);\n    }\n  }\n\n  componentWillUnmount() {\n    const keyPadElement = this.keypadRef?.current;\n\n    if (this.props.controlledKeypadMode && keyPadElement) {\n      const mainContainer = keyPadElement.closest('.main-container');\n\n      if (mainContainer) {\n        mainContainer.style.height = 'unset';\n      }\n    }\n\n    if (keyPadElement) {\n      keyPadElement.removeEventListener('touchstart', this.handleKeypadInteraction, true);\n      keyPadElement.removeEventListener('mousedown', this.handleKeypadInteraction, true);\n    }\n  }\n\n  handleKeypadInteraction = () => {\n    if (this.props.setKeypadInteraction) {\n      this.props.setKeypadInteraction(true);\n    }\n  };\n\n  buttonClick = (key) => {\n    log('[buttonClick]', key);\n    this.props.onPress(key);\n  };\n\n  flowKeys = (base, extras) => flatten([...sortKeys(base), ...sortKeys(extras)]);\n\n  keyIsNotAllowed = (key) => {\n    const { noDecimal } = this.props;\n\n    return !!(((key.write === '.' && key.label === '.') || (key.write === ',' && key.label === ',')) && noDecimal);\n  };\n\n  render() {\n    const { className, baseSet: base, additionalKeys, layoutForKeyPad, onFocus, mode } = this.props;\n\n    const noBaseSet = ['non-negative-integers', 'integers', 'decimals', 'fractions', 'item-authoring', 'language'];\n    const keysWithoutBaseSet = noBaseSet.includes(mode);\n    const allKeys = keysWithoutBaseSet\n      ? this.flowKeys([], additionalKeys || [])\n      : this.flowKeys(base, additionalKeys || []);\n\n    const shift = allKeys.length % 5 ? 1 : 0;\n    const style = {\n      gridTemplateColumns: `repeat(${Math.floor(allKeys.length / 5) + shift}, minmax(min-content, 150px))`,\n      ...createCustomLayout(layoutForKeyPad),\n    };\n\n    return (\n      <KeyPadContainer\n        ref={this.keypadRef}\n        className={[className, mode].filter(Boolean).join(' ')}\n        style={style}\n        onFocus={onFocus}\n      >\n        {allKeys.map((k, index) => {\n          if (!k) {\n            return <span key={`empty-${index}`} />;\n          }\n\n          const key = `${k.label || k.latex || k.command}-${index}`;\n          const category = !keysWithoutBaseSet ? k.category : undefined;\n          const extra = { ...(k.actions || {}), ...(k.extraProps || {}) };\n          const onClick = this.buttonClick.bind(this, k);\n          const disabled = this.keyIsNotAllowed(k);\n          const ariaLabel = k.ariaLabel ? k.ariaLabel : k.name || k.label;\n\n          if (k.latex) {\n            return (\n              <StyledLatexButtonWrapper\n                key={key}\n                onClick={onClick}\n                disabled={disabled}\n                category={category}\n                aria-label={ariaLabel}\n                {...extra}\n              >\n                <LatexLabel latex={k.latex} />\n              </StyledLatexButtonWrapper>\n            );\n          }\n\n          if (k.label) {\n            return (\n              <StyledButton\n                key={key}\n                onClick={onClick}\n                disabled={disabled}\n                category={category}\n                isDelete={k.label === '⌫'}\n                isComma={k.label === ','}\n                isDot={k.label === '.'}\n                aria-label={ariaLabel}\n                {...extra}\n              >\n                {k.label}\n              </StyledButton>\n            );\n          }\n\n          const Icon = k.icon ? k.icon : 'div';\n\n          return (\n            <StyledIconButton\n              key={key}\n              tabIndex={'-1'}\n              onClick={onClick}\n              disabled={disabled}\n              category={category}\n              size=\"large\"\n              {...extra}\n            >\n              <Icon className=\"icon\" />\n            </StyledIconButton>\n          );\n        })}\n      </KeyPadContainer>\n    );\n  }\n}\n\nexport default KeyPad;\n"],"mappings":"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","ignoreList":[]}

package/lib/mathlive-instance.js

@@ -144,6 +144,31 @@ var configureLoaded = function configureLoaded() {
     log('no fontsDirectory configured - MathLive will use fallback fonts. ' + 'Call configureFonts("/path/to/fonts") with a copy of node_modules/mathlive/fonts to enable them.');
   }
   mathlive.MathfieldElement.fontsDirectory = fontsDirectory === undefined ? null : absoluteFontsDirectory(fontsDirectory);
+  injectCoreStylesheet();
+};
+
+/**
+ * Ensure MathLive's "core" stylesheet is in the document.
+ *
+ * `convertLatexToMarkup` - which renders keypad labels and static math - does
+ * NOT inject it, while `renderMathInElement` and live mathfields do. Without it
+ * the generated markup is unstyled: glyphs misalign and the <svg> used by
+ * stretchy accents lays out statically at an unbounded width.
+ *
+ * Hosts that can import CSS should `import 'mathlive/static.css'`. For bundles
+ * that cannot handle CSS imports (pie-elements ships JS-only web components),
+ * this triggers MathLive's own injection against a detached element, so the
+ * styles come from MathLive itself rather than being duplicated here.
+ */
+var injectCoreStylesheet = function injectCoreStylesheet() {
+  if (typeof document === 'undefined' || !mathlive || !mathlive.renderMathInElement) {
+    return;
+  }
+  try {
+    mathlive.renderMathInElement(document.createElement('span'));
+  } catch (e) {
+    log('could not trigger MathLive core stylesheet injection: %s', e && e.message);
+  }
 };
 
 /**

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","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\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","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":[]}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "MathLive-based math input (drop-in alternative to @pie-lib/math-input)",
   "main": "lib/index.js",
   "module": "src/index.jsx",

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

@@ -0,0 +1,49 @@
+import { latexForDisplay } from '../keypad';
+import { keyToAction } from '../latex-bridge';
+
+/**
+ * Keys use empty groups to show a command's shape (`\frac{}{}`, `x^{}`).
+ * MathLive renders `{}` as nothing, so labels need a visible stand-in - but the
+ * value that gets *inserted* must stay untouched.
+ */
+describe('keypad label display normalisation', () => {
+  it('gives empty groups a visible glyph', () => {
+    const out = latexForDisplay('\\frac{}{}');
+
+    expect(out).not.toEqual('\\frac{}{}');
+    expect(out).toContain('25AB'); // white small square
+    expect(out).toContain('pie-empty');
+  });
+
+  it('handles every empty-group key shape', () => {
+    ['\\frac{}{}', '\\overline{}', 'x^{}', 'x_{}', '\\sqrt{}', '\\sqrt[{}]{}', '\\abs{}', '\\log_{}', '\\longdiv{}'].forEach(
+      (latex) => {
+        expect(latexForDisplay(latex)).not.toContain('{}');
+      },
+    );
+  });
+
+  it('treats a whitespace-only group as empty', () => {
+    // e.g. \frac{x}{ }
+    expect(latexForDisplay('\\frac{x}{ }')).toContain('pie-empty');
+  });
+
+  it('leaves latex without empty groups alone', () => {
+    ['\\pi', '\\sin', 'x^2', '\\overline{AB}'].forEach((latex) => {
+      expect(latexForDisplay(latex)).toEqual(latex);
+    });
+  });
+
+  it('handles nullish input', () => {
+    expect(latexForDisplay(undefined)).toEqual('');
+    expect(latexForDisplay('')).toEqual('');
+  });
+
+  it('does NOT affect what gets inserted into the field', () => {
+    // the action must use the key's own latex, never the display form
+    const key = { name: 'frac', latex: '\\frac{}{}' };
+
+    expect(keyToAction(key).value).toEqual('\\frac{}{}');
+    expect(keyToAction(key).value).not.toContain('pie-empty');
+  });
+});

package/src/keypad/index.jsx

@@ -49,8 +49,36 @@ const LabelHolder = styled('span')(() => ({
   '& .ML__placeholder': {
     backgroundColor: color.keypadEmptyPlaceholder ? color.keypadEmptyPlaceholder() : undefined,
   },
+  // The stand-in glyph for an empty argument slot (see EMPTY_SLOT). 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,
+  },
 }));
 
+/**
+ * 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,
@@ -58,7 +86,7 @@ export class LatexLabel extends React.Component {
 
   constructor(props) {
     super(props);
-    this.state = { markup: latexToMarkup(props.latex) };
+    this.state = { markup: latexToMarkup(latexForDisplay(props.latex)) };
   }
 
   async componentDidMount() {
@@ -73,7 +101,7 @@ export class LatexLabel extends React.Component {
       return;
     }
 
-    const markup = latexToMarkup(this.props.latex);
+    const markup = latexToMarkup(latexForDisplay(this.props.latex));
 
     if (markup) {
       this.setState({ markup });
@@ -91,7 +119,7 @@ export class LatexLabel extends React.Component {
 
   componentDidUpdate(prevProps) {
     if (prevProps.latex !== this.props.latex) {
-      this.setState({ markup: latexToMarkup(this.props.latex) });
+      this.setState({ markup: latexToMarkup(latexForDisplay(this.props.latex)) });
     }
   }
 

package/src/mathlive-instance.js

@@ -128,6 +128,33 @@ const configureLoaded = () => {
 
   mathlive.MathfieldElement.fontsDirectory =
     fontsDirectory === undefined ? null : absoluteFontsDirectory(fontsDirectory);
+
+  injectCoreStylesheet();
+};
+
+/**
+ * Ensure MathLive's "core" stylesheet is in the document.
+ *
+ * `convertLatexToMarkup` - which renders keypad labels and static math - does
+ * NOT inject it, while `renderMathInElement` and live mathfields do. Without it
+ * the generated markup is unstyled: glyphs misalign and the <svg> used by
+ * stretchy accents lays out statically at an unbounded width.
+ *
+ * Hosts that can import CSS should `import 'mathlive/static.css'`. For bundles
+ * that cannot handle CSS imports (pie-elements ships JS-only web components),
+ * this triggers MathLive's own injection against a detached element, so the
+ * styles come from MathLive itself rather than being duplicated here.
+ */
+const injectCoreStylesheet = () => {
+  if (typeof document === 'undefined' || !mathlive || !mathlive.renderMathInElement) {
+    return;
+  }
+
+  try {
+    mathlive.renderMathInElement(document.createElement('span'));
+  } catch (e) {
+    log('could not trigger MathLive core stylesheet injection: %s', e && e.message);
+  }
 };
 
 /**