vue3-math-editor 0.2.3 → 0.2.5

package/dist/style.css

@@ -1,2 +1,2 @@
-.math-field[data-v-c390dc95]{font-size:var(--me-line-font-size,1.05rem);cursor:text;border-radius:6px;outline:none;align-items:center;min-height:2.6rem;padding:.45rem .7rem;display:flex;position:relative;overflow-x:auto}.math-field.focused[data-v-c390dc95]{box-shadow:0 0 0 2px #2563eb59}.math-content[data-v-c390dc95]{z-index:1;min-width:0;position:relative}.selection[data-v-c390dc95]{z-index:0;pointer-events:none;background:#94a3b84d;border-radius:3px;position:absolute}.row-tint[data-v-c390dc95]{z-index:0;pointer-events:none;background:#2563eb12;border-radius:3px;position:absolute;box-shadow:inset 0 0 0 1px #2563eb2e}.math-field.focused .selection[data-v-c390dc95]{background:#2563eb33}.mark[data-v-c390dc95]{z-index:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='3'%3E%3Cpath d='M0 2.5 L1.5 0.5 L3 2.5 L4.5 0.5 L6 2.5' fill='none' stroke='%23dc2626' stroke-width='1'/%3E%3C/svg%3E") 0 100%/6px 3px repeat-x,#dc262614;border-radius:2px;position:absolute}.mark-units[data-v-c390dc95]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='3'%3E%3Cpath d='M0 2.5 L1.5 0.5 L3 2.5 L4.5 0.5 L6 2.5' fill='none' stroke='%23d97706' stroke-width='1'/%3E%3C/svg%3E") 0 100%/6px 3px repeat-x,#d977061a}.math-field[data-v-c390dc95] .me-units{color:#60a5fa}.math-field[data-v-c390dc95] .me-ph.me-units-ph{color:#60a5fa;border:1px dashed #60a5fa;border-radius:3px;padding:0 .15em}.math-field.focused[data-v-c390dc95] .me-units-ph.me-ph-active{color:#3b82f6;background:#60a5fa1f}.math-field[data-v-c390dc95] .me-units-flag{width:0;height:0;display:inline-block;position:relative}.math-field[data-v-c390dc95] .me-units-flag:after{content:"";border-top:.22em solid #60a5fa;border-left:.22em solid #0000;position:absolute;bottom:.52em;right:-.05em}.fixed-origin[data-v-c390dc95]{visibility:hidden;pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.mark-tip[data-v-c390dc95]{z-index:10;color:#f8fafc;white-space:normal;pointer-events:none;background:#1e293b;border-radius:.35rem;width:max-content;max-width:24rem;padding:.25rem .5rem;font-size:.75rem;line-height:1.3;position:fixed}.caret[data-v-c390dc95]{z-index:2;pointer-events:none;background:#2563eb;width:2px;margin-left:-1px;animation:1.1s step-end infinite math-field-blink-c390dc95;position:absolute}.math-field[data-v-c390dc95] .katex-display{text-align:left;margin:0}.math-field[data-v-c390dc95] .katex-display>.katex{text-align:left}.math-field[data-v-c390dc95] .me-ph{color:#94a3b8}.math-field.focused[data-v-c390dc95] .me-ph-active{color:#2563eb;background:#2563eb1f;border-radius:2px}@keyframes math-field-blink-c390dc95{50%{opacity:0}}.editor-grid[data-v-2efa820f],.gallery[data-v-2efa820f]{--me-accent:var(--math-editor-accent,#2563eb);--me-surface:var(--p-content-background,#fff);--me-subtle:var(--p-content-hover-background,#f1f5f9);--me-border:var(--p-content-border-color,#e2e8f0);--me-border-strong:var(--p-form-field-border-color,#cbd5e1);--me-text:var(--p-text-color,#0f172a);--me-muted:var(--p-text-muted-color,#64748b);--me-warn:#d97706;--me-caution:#ea580c;--me-danger:#dc2626;outline:none;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"editor outputs";align-items:start;gap:1rem;max-width:1240px;margin:0 auto;display:grid}.editor-grid.has-side[data-v-2efa820f]{grid-template-rows:auto 1fr;grid-template-areas:"editor side""outputs side"}.editor-grid.no-outputs[data-v-2efa820f]{grid-template-columns:minmax(0,1fr);grid-template-areas:"editor"}.editor-grid.no-outputs.has-side[data-v-2efa820f]{grid-template:"editor side"/minmax(0,1.35fr) minmax(0,1fr)}.editor-panel[data-v-2efa820f]{border:1px solid var(--me-border);background:var(--me-surface);min-width:0;color:var(--me-text);border-radius:.75rem;grid-area:editor;padding:0 1rem .85rem}.output-card[data-v-2efa820f]{grid-area:outputs;min-width:0}.side-column[data-v-2efa820f]{grid-area:side;align-self:start;min-width:0;position:sticky;top:1rem}.toolbar[data-v-2efa820f]{top:var(--me-toolbar-top,0);z-index:2;border-top:1px solid #0000;border-bottom:1px solid var(--me-border);background:var(--me-surface);background-clip:padding-box;border-radius:calc(.75rem - 1px) calc(.75rem - 1px) 0 0;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;margin:-1px -1rem .6rem;padding:.5rem 1rem;display:flex;position:sticky}.toolbar.stuck[data-v-2efa820f]{border-top-color:var(--me-border);border-radius:0}.toolbar-group[data-v-2efa820f]{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.toolbar-lines[data-v-2efa820f] .p-button{width:2rem;height:2rem;padding:0}.tool-button[data-v-2efa820f]{border:1px solid var(--me-border-strong);background:var(--me-surface);min-width:2rem;height:2rem;color:var(--me-text);cursor:pointer;border-radius:.45rem;justify-content:center;align-items:center;padding:0 .35rem;font-size:.72rem;transition:border-color .12s,background .12s,box-shadow .12s;display:inline-flex}.tool-button[data-v-2efa820f]:disabled{opacity:.45;cursor:default}.tool-chevron[data-v-2efa820f]{color:var(--me-muted);margin-left:.2rem;font-size:.55rem}.tool-button[data-v-2efa820f]:hover:not(:disabled){border-color:var(--me-accent);background:color-mix(in srgb, var(--me-accent) 8%, var(--me-surface))}.tool-button[data-v-2efa820f]:active{box-shadow:inset 0 1px 3px #0f172a26}.gallery[data-v-2efa820f]{flex-direction:column;gap:.5rem;max-width:22rem;display:flex}.gallery-label[data-v-2efa820f]{color:var(--me-muted);margin-bottom:.25rem;font-size:.72rem}.gallery-items[data-v-2efa820f]{flex-wrap:wrap;gap:.25rem;display:flex}.gallery .tool-button[data-v-2efa820f]{min-width:2.4rem;font-size:.8rem}.equations-stack[data-v-2efa820f]{flex-direction:column;gap:.6rem;display:flex}.equation-row[data-v-2efa820f]{border:1px solid var(--me-border);background:var(--me-surface);color:var(--me-text);border-radius:.65rem;align-items:stretch;gap:.5rem;transition:border-color .12s,box-shadow .12s;display:flex}.equation-row.active[data-v-2efa820f]{border-color:var(--me-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--me-accent) 12%, transparent)}.equation-row.has-error[data-v-2efa820f]{border-color:var(--me-danger)}.equation-row.has-units-issue[data-v-2efa820f]{border-color:var(--me-warn)}.equation-row.active.has-error[data-v-2efa820f]{box-shadow:0 0 0 3px color-mix(in srgb, var(--me-danger) 14%, transparent)}.equation-row.active.has-units-issue[data-v-2efa820f]{box-shadow:0 0 0 3px color-mix(in srgb, var(--me-warn) 16%, transparent)}.equation-label[data-v-2efa820f]{color:var(--me-muted);font-variant-numeric:tabular-nums;border-right:1px solid var(--me-border);align-items:center;padding:0 .4rem 0 .65rem;font-size:.75rem;display:flex}.equation-field[data-v-2efa820f]{flex:1;min-width:0}.equation-field.focused[data-v-2efa820f]{box-shadow:none}.status-bar[data-v-2efa820f]{white-space:nowrap;border-radius:.45rem;align-items:center;gap:.5rem;height:1.75rem;margin-top:.5rem;padding:0 .6rem;font-size:.8rem;display:flex;overflow:hidden}.status-text[data-v-2efa820f]{text-overflow:ellipsis;min-width:0;overflow:hidden}.status-more[data-v-2efa820f]{opacity:.75;flex:none}.status-error[data-v-2efa820f],.status-units[data-v-2efa820f]{cursor:pointer}.status-error[data-v-2efa820f]{background:color-mix(in srgb, var(--me-danger) 12%, var(--me-surface));color:color-mix(in srgb, var(--me-danger) 55%, var(--me-text))}.status-units[data-v-2efa820f]{background:color-mix(in srgb, var(--me-caution) 14%, var(--me-surface));color:color-mix(in srgb, var(--me-caution) 55%, var(--me-text))}.status-info[data-v-2efa820f]{background:color-mix(in srgb, var(--me-accent) 8%, var(--me-surface));color:color-mix(in srgb, var(--me-accent) 45%, var(--me-text))}.status-command[data-v-2efa820f]{padding:0}.command-chip[data-v-2efa820f]{color:#e2e8f0;background:#0f172a;border-radius:.45rem;align-items:center;height:100%;padding:0 .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.9rem;display:inline-flex}.command-slash[data-v-2efa820f]{color:#7dd3fc}.command-caret[data-v-2efa820f]{background:#e2e8f0;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite chip-blink-2efa820f}@keyframes chip-blink-2efa820f{50%{opacity:0}}.focus-meta[data-v-2efa820f]{color:var(--me-muted);margin:.75rem 0 0;font-size:.8rem}.output-actions[data-v-2efa820f]{justify-content:flex-end;margin-bottom:.25rem;display:flex}.tab-tag[data-v-2efa820f]{margin-left:.4rem;padding:.05rem .35rem;font-size:.7rem}.key-help[data-v-2efa820f]{margin-top:.75rem}.key-help summary[data-v-2efa820f]{cursor:pointer;width:fit-content;color:var(--me-muted);font-size:.85rem}.key-hint[data-v-2efa820f]{color:var(--me-muted);margin:.5rem 0 0;font-size:.8rem;line-height:1.5}.key-hint kbd[data-v-2efa820f]{border:1px solid var(--me-border-strong);background:var(--me-subtle);border-bottom-width:2px;border-radius:.3rem;margin:0 .08rem;padding:0 .3rem;font-family:inherit;font-size:.72rem;display:inline-block}.key-hint code[data-v-2efa820f]{background:var(--me-subtle);border-radius:.25rem;padding:.05rem .3rem}.output-card pre[data-v-2efa820f]{color:#e2e8f0;background:#0f172a;border-radius:.55rem;max-height:28rem;margin:0;padding:.85rem;font-size:.83rem;line-height:1.35;overflow:auto}@media (width<=900px){.editor-grid[data-v-2efa820f],.editor-grid.has-side[data-v-2efa820f],.editor-grid.no-outputs.has-side[data-v-2efa820f]{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"editor""side""outputs"}.side-column[data-v-2efa820f]{position:static}}.units-form[data-v-effe158e]{background:#f8fbff;border:1px solid #bfdbfe;border-radius:.5rem;margin-top:.5rem;padding:.6rem}.form-name[data-v-effe158e]{color:#334155;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.form-name input[data-v-effe158e]{flex:1}input[data-v-effe158e],select[data-v-effe158e]{font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:.3rem;min-width:0;padding:.2rem .35rem;font-size:.85rem}input[data-v-effe158e]:focus,select[data-v-effe158e]:focus{outline-offset:0;border-color:#60a5fa;outline:2px solid #93c5fd}.form-parts[data-v-effe158e]{border-collapse:collapse;width:100%;margin-top:.5rem}.form-parts th[data-v-effe158e]{color:#64748b;text-align:left;padding:0 .25rem .15rem 0;font-size:.72rem;font-weight:600}.form-parts td[data-v-effe158e]{padding:.1rem .25rem .1rem 0}.form-parts td input[data-v-effe158e],.form-parts td select[data-v-effe158e]{width:100%}.form-parts .number[data-v-effe158e]{width:4.5rem}.form-problems[data-v-effe158e]{color:#b91c1c;margin:.4rem 0 0;padding-left:1.1rem;font-size:.82rem}.form-actions[data-v-effe158e]{align-items:center;gap:.25rem;margin-top:.4rem;display:flex}.spacer[data-v-effe158e]{flex:1}.visually-hidden[data-v-effe158e]{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.units-title[data-v-ada663af]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.units-section+.units-section[data-v-ada663af]{margin-top:1.25rem}.section-head[data-v-ada663af]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.section-head h3[data-v-ada663af]{color:#0f172a;margin:0;font-size:.95rem;font-weight:600}.section-actions[data-v-ada663af]{align-items:center;gap:.25rem;display:flex}.hint[data-v-ada663af]{color:#64748b;margin:.4rem 0 0;font-size:.875rem}.files[data-v-ada663af]{gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.files>li[data-v-ada663af]{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.4rem .6rem}.file-head[data-v-ada663af]{align-items:center;gap:.5rem;display:flex}.file-name[data-v-ada663af]{color:#0f172a;overflow-wrap:anywhere;font-weight:600}.file-count[data-v-ada663af]{color:#64748b;flex:1;font-size:.8rem}.units-names[data-v-ada663af]{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}.units-names code[data-v-ada663af]{color:#334155;background:#f1f5f9;border-radius:.25rem;padding:.05rem .35rem;font-size:.78rem}.problems[data-v-ada663af]{color:#92400e;margin:.4rem 0 .1rem;padding-left:1.1rem;font-size:.82rem}.new-units[data-v-ada663af]{gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.new-units-row[data-v-ada663af]{align-items:center;gap:.4rem;display:flex}.new-units-name[data-v-ada663af]{color:#1d4ed8;background:#eff6ff;border-radius:.25rem;padding:.05rem .35rem;font-size:.85rem}.new-units-definition[data-v-ada663af]{color:#334155;overflow-wrap:anywhere;flex:1;font-size:.85rem}.missing-count[data-v-ada663af]{color:#b45309;font-size:.82rem}.variables[data-v-ada663af]{border-collapse:collapse;width:100%;margin-top:.5rem}.variables th[data-v-ada663af],.variables td[data-v-ada663af]{text-align:left;vertical-align:middle;padding:.2rem .5rem .2rem 0}.variables th[data-v-ada663af]{width:1%;padding-right:1rem}.variables td[data-v-ada663af]:nth-child(2){width:16rem}.variable-name[data-v-ada663af]{white-space:nowrap;color:#0f172a;font-family:KaTeX_Math,Times New Roman,serif;font-size:1.05rem;font-style:italic;font-weight:400}.units-input[data-v-ada663af]{width:100%;min-width:8rem;max-width:16rem;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;padding:.25rem .45rem;font-size:.9rem}.units-input[data-v-ada663af]:focus{outline-offset:0;border-color:#60a5fa;outline:2px solid #93c5fd}.state-missing .units-input[data-v-ada663af],.state-unknown .units-input[data-v-ada663af]{background:#fffbeb;border-color:#f59e0b}.variable-state[data-v-ada663af]{white-space:nowrap;color:#b45309;font-size:.8rem}.unused .variable-name[data-v-ada663af],.unused .variable-state[data-v-ada663af]{color:#94a3b8}
+.math-field[data-v-afb31880]{--mf-accent:var(--me-accent,#2563eb);--mf-units:var(--me-units,#60a5fa);font-size:var(--me-line-font-size,1.05rem);cursor:text;border-radius:6px;outline:none;align-items:center;min-height:2.6rem;padding:.45rem .7rem;display:flex;position:relative;overflow-x:auto}.math-field.focused[data-v-afb31880]{box-shadow:0 0 0 2px color-mix(in srgb, var(--mf-accent) 35%, transparent)}.math-content[data-v-afb31880]{z-index:1;min-width:0;position:relative}.selection[data-v-afb31880]{z-index:0;pointer-events:none;background:#94a3b84d;border-radius:3px;position:absolute}.row-tint[data-v-afb31880]{z-index:0;background:color-mix(in srgb, var(--mf-accent) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mf-accent) 18%, transparent);pointer-events:none;border-radius:3px;position:absolute}.math-field.focused .selection[data-v-afb31880]{background:color-mix(in srgb, var(--mf-accent) 20%, transparent)}.mark[data-v-afb31880]{--mark-color:var(--me-danger,#dc2626);z-index:0;pointer-events:none;background:color-mix(in srgb, var(--mark-color) 8%, transparent);border-radius:2px;position:absolute}.mark[data-v-afb31880]:after{--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='3'%3E%3Cpath d='M0 2.5 L1.5 0.5 L3 2.5 L4.5 0.5 L6 2.5' fill='none' stroke='black' stroke-width='1'/%3E%3C/svg%3E");content:"";background:var(--mark-color);-webkit-mask:var(--wave) repeat-x left bottom / 6px 3px;-webkit-mask:var(--wave) repeat-x left bottom / 6px 3px;mask:var(--wave) repeat-x left bottom / 6px 3px;position:absolute;inset:0}.mark-units[data-v-afb31880]{--mark-color:var(--me-warn,#d97706);background:color-mix(in srgb, var(--mark-color) 10%, transparent)}.math-field[data-v-afb31880] .me-units{color:var(--mf-units)}.math-field[data-v-afb31880] .me-ph.me-units-ph{border:1px dashed var(--mf-units);color:var(--mf-units);border-radius:3px;padding:0 .15em}.math-field.focused[data-v-afb31880] .me-units-ph.me-ph-active{color:color-mix(in srgb, var(--mf-units) 75%, var(--mf-accent));background:color-mix(in srgb, var(--mf-units) 12%, transparent)}.math-field[data-v-afb31880] .me-units-flag{width:0;height:0;display:inline-block;position:relative}.math-field[data-v-afb31880] .me-units-flag:after{content:"";border-top:.22em solid var(--mf-units);border-left:.22em solid #0000;position:absolute;bottom:.52em;right:-.05em}.fixed-origin[data-v-afb31880]{visibility:hidden;pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.mark-tip[data-v-afb31880]{z-index:10;background:var(--me-tip-bg,#1e293b);width:max-content;max-width:24rem;color:var(--me-tip-text,#f8fafc);white-space:normal;pointer-events:none;border-radius:.35rem;padding:.25rem .5rem;font-size:.75rem;line-height:1.3;position:fixed}.caret[data-v-afb31880]{z-index:2;background:var(--mf-accent);pointer-events:none;width:2px;margin-left:-1px;animation:1.1s step-end infinite math-field-blink-afb31880;position:absolute}.math-field[data-v-afb31880] .katex-display{text-align:left;margin:0}.math-field[data-v-afb31880] .katex-display>.katex{text-align:left}.math-field[data-v-afb31880] .me-ph{color:color-mix(in srgb, var(--me-muted,#64748b) 70%, transparent)}.math-field.focused[data-v-afb31880] .me-ph-active{color:var(--mf-accent);background:color-mix(in srgb, var(--mf-accent) 12%, transparent);border-radius:2px}@keyframes math-field-blink-afb31880{50%{opacity:0}}.me-workbench[data-v-99af4c22]{container-type:inline-size}.editor-grid[data-v-99af4c22],.gallery[data-v-99af4c22],.command-list[data-v-99af4c22]{--me-accent:var(--math-editor-accent,#2563eb);--me-surface:var(--p-content-background,#fff);--me-subtle:var(--p-content-hover-background,#f1f5f9);--me-border:var(--p-content-border-color,#e2e8f0);--me-border-strong:var(--p-form-field-border-color,#cbd5e1);--me-text:var(--p-text-color,#0f172a);--me-muted:var(--p-text-muted-color,#64748b);--me-warn:var(--math-editor-warn,#d97706);--me-caution:var(--math-editor-warn,#ea580c);--me-danger:var(--math-editor-danger,#dc2626);--me-units:var(--math-editor-units,#60a5fa);--me-tip-bg:#1e293b;--me-tip-text:#f8fafc;--me-code-bg:#0f172a;--me-code-text:#e2e8f0}.editor-grid[data-v-99af4c22]{outline:none;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"editor outputs";align-items:start;gap:1rem;display:grid}.editor-grid.has-side[data-v-99af4c22]{grid-template-rows:auto 1fr;grid-template-areas:"editor side""outputs side"}.editor-grid.no-outputs[data-v-99af4c22]{grid-template-columns:minmax(0,1fr);grid-template-areas:"editor"}.editor-grid.no-outputs.has-side[data-v-99af4c22]{grid-template:"editor side"/minmax(0,1.35fr) minmax(0,1fr)}.editor-panel[data-v-99af4c22]{border:1px solid var(--me-border);background:var(--me-surface);min-width:0;color:var(--me-text);border-radius:.75rem;grid-area:editor;padding:0 1rem .85rem}.output-card[data-v-99af4c22]{grid-area:outputs;min-width:0}.side-column[data-v-99af4c22]{top:var(--me-side-top,calc(var(--me-toolbar-top,0px) + 1rem));grid-area:side;align-self:start;min-width:0;position:sticky}.toolbar[data-v-99af4c22]{top:var(--me-toolbar-top,0);z-index:2;border-top:1px solid #0000;border-bottom:1px solid var(--me-border);background:var(--me-surface);background-clip:padding-box;border-radius:calc(.75rem - 1px) calc(.75rem - 1px) 0 0;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;margin:-1px -1rem .6rem;padding:.5rem 1rem;display:flex;position:sticky}.toolbar.stuck[data-v-99af4c22]{border-top-color:var(--me-border);border-radius:0}.toolbar-group[data-v-99af4c22]{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.toolbar-tools[data-v-99af4c22]{flex-wrap:nowrap;flex:1 1 0;min-width:4.5rem;position:relative}.tool-button.overflowed[data-v-99af4c22]{visibility:hidden;pointer-events:none;position:absolute}.toolbar-lines[data-v-99af4c22] .p-button{width:2rem;height:2rem;padding:0}.redo-button[data-v-99af4c22] .p-button-icon{transform:scaleX(-1)}.tool-button[data-v-99af4c22]{border:1px solid var(--me-border-strong);background:var(--me-surface);min-width:2rem;height:2rem;color:var(--me-text);cursor:pointer;border-radius:.45rem;justify-content:center;align-items:center;padding:0 .35rem;font-size:.72rem;transition:border-color .12s,background .12s,box-shadow .12s;display:inline-flex}.tool-button[data-v-99af4c22]:disabled{opacity:.45;cursor:default}.tool-chevron[data-v-99af4c22]{color:var(--me-muted);margin-left:.2rem;font-size:.55rem}.tool-button[data-v-99af4c22]:hover:not(:disabled){border-color:var(--me-accent);background:color-mix(in srgb, var(--me-accent) 8%, var(--me-surface))}.tool-button[data-v-99af4c22]:active{box-shadow:inset 0 1px 3px #0f172a26}.gallery[data-v-99af4c22]{flex-direction:column;gap:.5rem;max-width:22rem;display:flex}.gallery-label[data-v-99af4c22]{color:var(--me-muted);margin-bottom:.25rem;font-size:.72rem}.gallery-items[data-v-99af4c22]{flex-wrap:wrap;gap:.25rem;display:flex}.gallery .tool-button[data-v-99af4c22]{min-width:2.4rem;font-size:.8rem}.equations-stack[data-v-99af4c22]{flex-direction:column;gap:.6rem;display:flex}.equation-row[data-v-99af4c22]{border:1px solid var(--me-border);background:var(--me-surface);color:var(--me-text);border-radius:.65rem;align-items:stretch;gap:.5rem;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.equation-row.active[data-v-99af4c22]{border-color:var(--me-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--me-accent) 12%, transparent)}.equation-row.has-error[data-v-99af4c22]{border-color:var(--me-danger)}.equation-row.has-units-issue[data-v-99af4c22]{border-color:var(--me-warn)}.equation-row.active.has-error[data-v-99af4c22]{box-shadow:0 0 0 3px color-mix(in srgb, var(--me-danger) 14%, transparent)}.equation-row.active.has-units-issue[data-v-99af4c22]{box-shadow:0 0 0 3px color-mix(in srgb, var(--me-warn) 16%, transparent)}.equation-label[data-v-99af4c22]{min-width:2.1rem;color:var(--me-muted);font-variant-numeric:tabular-nums;border-right:1px solid var(--me-border);-webkit-user-select:none;user-select:none;border-radius:calc(.65rem - 1px) 0 0 calc(.65rem - 1px);flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:0 .35rem;font-size:.75rem;display:flex}.equation-label[draggable=true][data-v-99af4c22]{cursor:grab}.equation-label[draggable=true][data-v-99af4c22]:hover{background:var(--me-subtle)}.line-problem[data-v-99af4c22]{color:var(--me-danger);font-size:.7rem}.line-problem.pi-exclamation-triangle[data-v-99af4c22]{color:var(--me-warn)}.equation-row.line-selected[data-v-99af4c22]{background:color-mix(in srgb, var(--me-accent) 6%, var(--me-surface))}.equation-row.line-selected .equation-label[data-v-99af4c22]{background:color-mix(in srgb, var(--me-accent) 16%, var(--me-surface));color:var(--me-accent)}.equation-row.dragging[data-v-99af4c22]{opacity:.5}.equation-row.drop-before[data-v-99af4c22]:before,.equation-row.drop-after[data-v-99af4c22]:after{content:"";background:var(--me-accent);pointer-events:none;border-radius:1px;height:2px;position:absolute;left:0;right:0}.equation-row.drop-before[data-v-99af4c22]:before{top:calc(-.3rem - 2px)}.equation-row.drop-after[data-v-99af4c22]:after{bottom:calc(-.3rem - 2px)}.equation-field[data-v-99af4c22]{flex:1;min-width:0}.equation-field.focused[data-v-99af4c22]{box-shadow:none}.status-bar[data-v-99af4c22]{white-space:nowrap;border-radius:.45rem;align-items:center;gap:.5rem;height:1.75rem;margin-top:.5rem;padding:0 .6rem;font-size:.8rem;display:flex;overflow:hidden}.status-text[data-v-99af4c22]{text-overflow:ellipsis;min-width:0;overflow:hidden}.status-more[data-v-99af4c22]{opacity:.75;flex:none}.status-error[data-v-99af4c22],.status-units[data-v-99af4c22]{cursor:pointer}.status-error[data-v-99af4c22]{background:color-mix(in srgb, var(--me-danger) 12%, var(--me-surface));color:color-mix(in srgb, var(--me-danger) 55%, var(--me-text))}.status-units[data-v-99af4c22]{background:color-mix(in srgb, var(--me-caution) 14%, var(--me-surface));color:color-mix(in srgb, var(--me-caution) 55%, var(--me-text))}.status-info[data-v-99af4c22]{background:color-mix(in srgb, var(--me-accent) 8%, var(--me-surface));color:color-mix(in srgb, var(--me-accent) 45%, var(--me-text))}.command-list[data-v-99af4c22]{z-index:1300;border:1px solid var(--me-border);background:var(--me-surface);width:max-content;min-width:17.5rem;max-width:20rem;color:var(--me-text);border-radius:.55rem;flex-direction:column;gap:.35rem;padding:.4rem;font-size:.8rem;display:flex;position:fixed;box-shadow:0 6px 24px #0f172a24}.command-list .command-chip[data-v-99af4c22]{align-self:flex-start}.command-options[data-v-99af4c22]{grid-template-columns:minmax(2.4rem,max-content) max-content minmax(0,1fr);column-gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.command-option[data-v-99af4c22]{grid-column:1/-1;grid-template-columns:subgrid;cursor:pointer;border-radius:.35rem;align-items:center;min-height:1.9rem;padding:.1rem .4rem;display:grid}.command-option[data-v-99af4c22]:hover{background:var(--me-subtle)}.command-option.highlighted[data-v-99af4c22]{background:color-mix(in srgb, var(--me-accent) 12%, var(--me-surface))}.command-preview[data-v-99af4c22]{text-align:center;font-size:.85rem}.command-name[data-v-99af4c22]{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.command-title[data-v-99af4c22]{color:var(--me-muted);justify-self:end;font-size:.72rem}.command-hint[data-v-99af4c22]{border-top:1px solid var(--me-border);color:var(--me-muted);white-space:nowrap;margin:0;padding:.3rem .4rem 0;font-size:.7rem}.command-hint kbd[data-v-99af4c22]{border:1px solid var(--me-border-strong);background:var(--me-subtle);border-radius:.25rem;padding:0 .25rem;font-family:inherit;font-size:.65rem}.command-chip[data-v-99af4c22]{background:var(--me-code-bg);height:1.6rem;color:var(--me-code-text);border-radius:.45rem;align-items:center;padding:0 .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.9rem;display:inline-flex}.command-slash[data-v-99af4c22]{color:var(--me-units)}.command-caret[data-v-99af4c22]{background:var(--me-code-text);width:2px;height:1em;margin-left:2px;animation:1s step-end infinite chip-blink-99af4c22}@keyframes chip-blink-99af4c22{50%{opacity:0}}.focus-meta[data-v-99af4c22]{color:var(--me-muted);margin:.75rem 0 0;font-size:.8rem}.output-actions[data-v-99af4c22]{justify-content:flex-end;margin-bottom:.25rem;display:flex}.tab-tag[data-v-99af4c22]{margin-left:.4rem;padding:.05rem .35rem;font-size:.7rem}.key-help[data-v-99af4c22]{margin-top:.75rem}.key-help summary[data-v-99af4c22]{cursor:pointer;width:fit-content;color:var(--me-muted);font-size:.85rem}.key-hint[data-v-99af4c22]{color:var(--me-muted);margin:.5rem 0 0;font-size:.8rem;line-height:1.5}.key-hint kbd[data-v-99af4c22]{border:1px solid var(--me-border-strong);background:var(--me-subtle);border-bottom-width:2px;border-radius:.3rem;margin:0 .08rem;padding:0 .3rem;font-family:inherit;font-size:.72rem;display:inline-block}.key-hint code[data-v-99af4c22]{background:var(--me-subtle);border-radius:.25rem;padding:.05rem .3rem}.output-card pre[data-v-99af4c22]{background:var(--me-code-bg);max-height:28rem;color:var(--me-code-text);border-radius:.55rem;margin:0;padding:.85rem;font-size:.83rem;line-height:1.35;overflow:auto}@container (width<=900px){.editor-grid[data-v-99af4c22],.editor-grid.has-side[data-v-99af4c22],.editor-grid.no-outputs.has-side[data-v-99af4c22]{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"editor""side""outputs"}.side-column[data-v-99af4c22]{position:static}}.units-form[data-v-effe158e]{background:#f8fbff;border:1px solid #bfdbfe;border-radius:.5rem;margin-top:.5rem;padding:.6rem}.form-name[data-v-effe158e]{color:#334155;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.form-name input[data-v-effe158e]{flex:1}input[data-v-effe158e],select[data-v-effe158e]{font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:.3rem;min-width:0;padding:.2rem .35rem;font-size:.85rem}input[data-v-effe158e]:focus,select[data-v-effe158e]:focus{outline-offset:0;border-color:#60a5fa;outline:2px solid #93c5fd}.form-parts[data-v-effe158e]{border-collapse:collapse;width:100%;margin-top:.5rem}.form-parts th[data-v-effe158e]{color:#64748b;text-align:left;padding:0 .25rem .15rem 0;font-size:.72rem;font-weight:600}.form-parts td[data-v-effe158e]{padding:.1rem .25rem .1rem 0}.form-parts td input[data-v-effe158e],.form-parts td select[data-v-effe158e]{width:100%}.form-parts .number[data-v-effe158e]{width:4.5rem}.form-problems[data-v-effe158e]{color:#b91c1c;margin:.4rem 0 0;padding-left:1.1rem;font-size:.82rem}.form-actions[data-v-effe158e]{align-items:center;gap:.25rem;margin-top:.4rem;display:flex}.spacer[data-v-effe158e]{flex:1}.visually-hidden[data-v-effe158e]{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.units-title[data-v-ada663af]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.units-section+.units-section[data-v-ada663af]{margin-top:1.25rem}.section-head[data-v-ada663af]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.section-head h3[data-v-ada663af]{color:#0f172a;margin:0;font-size:.95rem;font-weight:600}.section-actions[data-v-ada663af]{align-items:center;gap:.25rem;display:flex}.hint[data-v-ada663af]{color:#64748b;margin:.4rem 0 0;font-size:.875rem}.files[data-v-ada663af]{gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.files>li[data-v-ada663af]{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.4rem .6rem}.file-head[data-v-ada663af]{align-items:center;gap:.5rem;display:flex}.file-name[data-v-ada663af]{color:#0f172a;overflow-wrap:anywhere;font-weight:600}.file-count[data-v-ada663af]{color:#64748b;flex:1;font-size:.8rem}.units-names[data-v-ada663af]{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}.units-names code[data-v-ada663af]{color:#334155;background:#f1f5f9;border-radius:.25rem;padding:.05rem .35rem;font-size:.78rem}.problems[data-v-ada663af]{color:#92400e;margin:.4rem 0 .1rem;padding-left:1.1rem;font-size:.82rem}.new-units[data-v-ada663af]{gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.new-units-row[data-v-ada663af]{align-items:center;gap:.4rem;display:flex}.new-units-name[data-v-ada663af]{color:#1d4ed8;background:#eff6ff;border-radius:.25rem;padding:.05rem .35rem;font-size:.85rem}.new-units-definition[data-v-ada663af]{color:#334155;overflow-wrap:anywhere;flex:1;font-size:.85rem}.missing-count[data-v-ada663af]{color:#b45309;font-size:.82rem}.variables[data-v-ada663af]{border-collapse:collapse;width:100%;margin-top:.5rem}.variables th[data-v-ada663af],.variables td[data-v-ada663af]{text-align:left;vertical-align:middle;padding:.2rem .5rem .2rem 0}.variables th[data-v-ada663af]{width:1%;padding-right:1rem}.variables td[data-v-ada663af]:nth-child(2){width:16rem}.variable-name[data-v-ada663af]{white-space:nowrap;color:#0f172a;font-family:KaTeX_Math,Times New Roman,serif;font-size:1.05rem;font-style:italic;font-weight:400}.units-input[data-v-ada663af]{width:100%;min-width:8rem;max-width:16rem;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;padding:.25rem .45rem;font-size:.9rem}.units-input[data-v-ada663af]:focus{outline-offset:0;border-color:#60a5fa;outline:2px solid #93c5fd}.state-missing .units-input[data-v-ada663af],.state-unknown .units-input[data-v-ada663af]{background:#fffbeb;border-color:#f59e0b}.variable-state[data-v-ada663af]{white-space:nowrap;color:#b45309;font-size:.8rem}.unused .variable-name[data-v-ada663af],.unused .variable-state[data-v-ada663af]{color:#94a3b8}
 /*$vite$:1*/

package/dist/types/components/EquationWorkbench.vue.d.ts

@@ -15,9 +15,9 @@ type __VLS_Props = {
 };
 declare function focusActive(): void;
 declare function setMathML(xml: string): MathMLImport;
-declare var __VLS_65: {};
+declare var __VLS_71: {};
 type __VLS_Slots = {} & {
-    side?: (props: typeof __VLS_65) => any;
+    side?: (props: typeof __VLS_71) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     setMathML: typeof setMathML;

package/dist/types/components/MathField.vue.d.ts

@@ -19,8 +19,10 @@ type __VLS_Props = {
     greekNames?: boolean;
     typesetNames?: boolean;
 };
+declare function caretRect(): DOMRect | null;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     focus: () => void | undefined;
+    caretRect: typeof caretRect;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     navigate: (state: NavigationState) => any;
     import: (result: MathMLImport) => any;

package/dist/types/editor/commands.d.ts

@@ -35,3 +35,9 @@ export declare const insertNthRoot: Command;
 export declare const insertAbs: Command;
 export declare const insertDerivative: Command;
 export declare function namedCommand(name: string): Command;
+export interface CommandSuggestion {
+    name: string;
+    title: string;
+    latex: string;
+}
+export declare function commandSuggestions(prefix: string, limit?: number): CommandSuggestion[];

package/dist/types/editor/exports.d.ts

@@ -9,5 +9,6 @@ export declare const EXPORT_FORMATS: ReadonlyArray<{
 export declare const CELLML_NAMESPACE = "http://www.cellml.org/cellml/2.0#";
 export type ExportOptions = ContentMathMLOptions & LatexOptions;
 export declare function exportRow(row: Row, format: ExportFormat, options?: ExportOptions): string;
+export declare function exportRows(rows: readonly Row[], format: ExportFormat, options?: ExportOptions): string;
 export declare function contentMathML(row: Row, options?: ExportOptions): string;
 export declare function formatXml(xml: string, indent?: string): string;