68fa661b53
* Move up MathjaxOverlay to be initialized only once * Move ImageOverlay to NoteEditor root * Move Symbols Overlay to NoteEditor root * Refactor image overlay to not require second mutation observer * Use elevation + overflow:hidden in Editorfield * Make it possible to show input next to each other again * Set handle background color to code bg * Make Collapsible unmount the component * Simplify how decorated elements are mounted * Set RichTextInput background to frame-bg again * Strip out FocusTrap code * Revert "Make Collapsible unmount the component" This reverts commit 52722065ea199fa57ae750fa34bf47ee1c5aab3c. * Allow clicking on label container to unfocus field * Fix mathjax overlay resetting too its api too soon * Allow scrolling on overlays * Set focus-border border-color in focused field * Fix background color of fields * Add back grid-gap removed it during merge to see if margin-top would behave any differently - which is not the case. * Fix double border issue within Collapsible.svelte * Format * Edit appearance of focused fields a bit * Remove unused properties * Include elevation in button_mixins_lib * Give label-container a background color Co-authored-by: Henrik Giesel <hengiesel@gmail.com>
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
// Copyright: Ankitects Pty Ltd and contributors
|
|
// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|
|
|
import { CustomElementArray } from "../editable/decorated";
|
|
import { FrameElement } from "../editable/frame-element";
|
|
import { FrameEnd, FrameStart } from "../editable/frame-handle";
|
|
import { Mathjax } from "../editable/mathjax-element";
|
|
import { BLOCK_ELEMENTS } from "../lib/dom";
|
|
import { parsingInstructions } from "./plain-text-input";
|
|
|
|
const decoratedElements = new CustomElementArray();
|
|
|
|
function registerMathjax() {
|
|
decoratedElements.push(Mathjax);
|
|
parsingInstructions.push("<style>anki-mathjax { white-space: pre; }</style>");
|
|
}
|
|
|
|
function registerFrameElement() {
|
|
customElements.define(FrameElement.tagName, FrameElement);
|
|
customElements.define(FrameStart.tagName, FrameStart);
|
|
customElements.define(FrameEnd.tagName, FrameEnd);
|
|
|
|
/* This will ensure that they are not targeted by surrounding algorithms */
|
|
BLOCK_ELEMENTS.push(FrameStart.tagName.toUpperCase());
|
|
BLOCK_ELEMENTS.push(FrameEnd.tagName.toUpperCase());
|
|
}
|
|
|
|
registerMathjax();
|
|
registerFrameElement();
|
|
|
|
export { decoratedElements };
|