0026506543
- prettier's formatting has changed, so files needed to be reformatted
- dart is spitting out deprecation warnings like:
254 │ 2: $spacer / 2,
│ ^^^^^^^^^^^
╵
bazel-out/darwin-fastbuild/bin/ts/sass/bootstrap/_variables.scss 254:6 @import
ts/sass/button_mixins.scss 2:9 @use
ts/components/ColorPicker.svelte 2:5 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($grid-gutter-width, 2)
117 lines
2.6 KiB
TypeScript
117 lines
2.6 KiB
TypeScript
// Copyright: Ankitects Pty Ltd and contributors
|
|
// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|
|
|
import type { EditingArea } from "./editingArea";
|
|
|
|
export function nodeIsElement(node: Node): node is Element {
|
|
return node.nodeType === Node.ELEMENT_NODE;
|
|
}
|
|
|
|
const INLINE_TAGS = [
|
|
"A",
|
|
"ABBR",
|
|
"ACRONYM",
|
|
"AUDIO",
|
|
"B",
|
|
"BDI",
|
|
"BDO",
|
|
"BIG",
|
|
"BR",
|
|
"BUTTON",
|
|
"CANVAS",
|
|
"CITE",
|
|
"CODE",
|
|
"DATA",
|
|
"DATALIST",
|
|
"DEL",
|
|
"DFN",
|
|
"EM",
|
|
"EMBED",
|
|
"I",
|
|
"IFRAME",
|
|
"IMG",
|
|
"INPUT",
|
|
"INS",
|
|
"KBD",
|
|
"LABEL",
|
|
"MAP",
|
|
"MARK",
|
|
"METER",
|
|
"NOSCRIPT",
|
|
"OBJECT",
|
|
"OUTPUT",
|
|
"PICTURE",
|
|
"PROGRESS",
|
|
"Q",
|
|
"RUBY",
|
|
"S",
|
|
"SAMP",
|
|
"SCRIPT",
|
|
"SELECT",
|
|
"SLOT",
|
|
"SMALL",
|
|
"SPAN",
|
|
"STRONG",
|
|
"SUB",
|
|
"SUP",
|
|
"SVG",
|
|
"TEMPLATE",
|
|
"TEXTAREA",
|
|
"TIME",
|
|
"U",
|
|
"TT",
|
|
"VAR",
|
|
"VIDEO",
|
|
"WBR",
|
|
];
|
|
|
|
export function nodeIsInline(node: Node): boolean {
|
|
return !nodeIsElement(node) || INLINE_TAGS.includes(node.tagName);
|
|
}
|
|
|
|
export function caretToEnd(currentField: EditingArea): void {
|
|
const range = document.createRange();
|
|
range.selectNodeContents(currentField.editable);
|
|
range.collapse(false);
|
|
const selection = currentField.getSelection();
|
|
selection.removeAllRanges();
|
|
selection.addRange(range);
|
|
}
|
|
|
|
const getAnchorParent =
|
|
<T extends Element>(predicate: (element: Element) => element is T) =>
|
|
(currentField: DocumentOrShadowRoot): T | null => {
|
|
const anchor = currentField.getSelection()?.anchorNode;
|
|
|
|
if (!anchor) {
|
|
return null;
|
|
}
|
|
|
|
let anchorParent: T | null = null;
|
|
let element = nodeIsElement(anchor) ? anchor : anchor.parentElement;
|
|
|
|
while (element) {
|
|
anchorParent = anchorParent || (predicate(element) ? element : null);
|
|
element = element.parentElement;
|
|
}
|
|
|
|
return anchorParent;
|
|
};
|
|
|
|
const isListItem = (element: Element): element is HTMLLIElement =>
|
|
window.getComputedStyle(element).display === "list-item";
|
|
const isParagraph = (element: Element): element is HTMLParamElement =>
|
|
element.tagName === "P";
|
|
const isBlockElement = (
|
|
element: Element
|
|
): element is HTMLLIElement & HTMLParamElement =>
|
|
isListItem(element) || isParagraph(element);
|
|
|
|
export const getListItem = getAnchorParent(isListItem);
|
|
export const getParagraph = getAnchorParent(isParagraph);
|
|
export const getBlockElement = getAnchorParent(isBlockElement);
|
|
|
|
export function appendInParentheses(text: string, appendix: string): string {
|
|
return `${text} (${appendix})`;
|
|
}
|