@manuscripts/body-editor 2.2.5-LEAN-4013.0 → 2.2.6

package/dist/cjs/commands.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.autoComplete = exports.mergeCellsWithSpace = exports.addColumns = exports.addRows = exports.insertTableFootnote = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertContributors = exports.insertAbstract = exports.insertBackMatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertInlineFootnote = exports.insertFootnote = exports.createFootnote = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = exports.insertFigure = exports.insertGeneralFootnote = exports.undoFootnoteDelete = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = void 0;
+exports.autoComplete = exports.mergeCellsWithSpace = exports.addColumns = exports.addRows = exports.insertTableFootnote = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertContributors = exports.insertAbstract = exports.insertBackMatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertInlineFootnote = exports.insertFootnote = exports.createFootnote = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = exports.insertFigure = exports.insertGeneralFootnote = exports.undoFootnoteDelete = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
 const json_schema_1 = require("@manuscripts/json-schema");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
@@ -36,6 +36,28 @@ const comments_2 = require("./plugins/comments");
 const editor_props_1 = require("./plugins/editor-props");
 const footnotes_2 = require("./plugins/footnotes");
 const autocompletion_1 = require("./plugins/section_title/autocompletion");
+const addToStart = (state, dispatch) => {
+    const { selection } = state;
+    if (!dispatch ||
+        !(selection instanceof prosemirror_state_1.TextSelection) ||
+        selection.$from.node().type !== transform_1.schema.nodes.paragraph) {
+        return false;
+    }
+    const { $anchor: { parentOffset: startOffset }, $head: { parentOffset: endOffset }, $from, $to, } = selection;
+    const parentSize = $from.node().content.size;
+    if ((startOffset === 0 && endOffset === 0) ||
+        startOffset === parentSize ||
+        endOffset === parentSize) {
+        const side = (!$from.parentOffset && $to.index() < $to.parent.childCount ? $from : $to)
+            .pos - (startOffset === 0 ? 1 : 0);
+        const tr = state.tr.insert(side, $from.node().type.createAndFill());
+        tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, side + 1));
+        dispatch(tr.scrollIntoView());
+        return true;
+    }
+    return false;
+};
+exports.addToStart = addToStart;
 const markActive = (type) => (state) => {
     const { from, $from, to, empty } = state.selection;
     return empty

package/dist/cjs/keys/misc.js

@@ -39,7 +39,7 @@ const customKeymap = {
     'Mod-Alt-=': (0, prosemirror_commands_1.toggleMark)(transform_1.schema.marks.superscript),
     'Mod-Alt--': (0, prosemirror_commands_1.toggleMark)(transform_1.schema.marks.subscript),
     'Ctrl->': (0, prosemirror_commands_1.wrapIn)(transform_1.schema.nodes.blockquote),
-    Enter: (0, prosemirror_commands_1.chainCommands)(commands_1.autoComplete, prosemirror_commands_1.newlineInCode, prosemirror_commands_1.createParagraphNear, prosemirror_commands_1.liftEmptyBlock, prosemirror_commands_1.splitBlock),
+    Enter: (0, prosemirror_commands_1.chainCommands)(commands_1.autoComplete, commands_1.addToStart, prosemirror_commands_1.newlineInCode, prosemirror_commands_1.createParagraphNear, prosemirror_commands_1.liftEmptyBlock, prosemirror_commands_1.splitBlock),
     'Shift-Mod-Enter': (0, commands_1.insertSection)(true),
     'Mod-Enter': (0, prosemirror_commands_1.chainCommands)(prosemirror_commands_1.exitCode, (0, commands_1.insertSection)()),
     'Shift-Enter': (0, prosemirror_commands_1.chainCommands)(prosemirror_commands_1.exitCode, commands_1.insertBreak),

package/dist/cjs/lib/paste.js

@@ -53,7 +53,9 @@ const handlePaste = (view, event, slice) => {
     if (event.type !== 'paste') {
         return false;
     }
-    const { state: { tr }, dispatch, } = view;
+    const { state: { tr, selection }, dispatch, } = view;
+    tr.setMeta('uiEvent', 'paste');
+    tr.setMeta('paste', true);
     const parent = (0, prosemirror_utils_1.findParentNode)((node) => node.type === transform_1.schema.nodes.section)(tr.selection);
     if (((_a = slice.content.firstChild) === null || _a === void 0 ? void 0 : _a.type) === transform_1.schema.nodes.section && parent) {
         const $pos = tr.doc.resolve(parent.start);
@@ -62,6 +64,17 @@ const handlePaste = (view, event, slice) => {
         dispatch(tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, insertPos)).scrollIntoView());
         return true;
     }
+    if (selection instanceof prosemirror_state_1.TextSelection &&
+        selection.$anchor.parentOffset === 0 &&
+        selection.$head.parentOffset === 0 &&
+        selection.$from.node().type === transform_1.schema.nodes.paragraph) {
+        const { $from, $to } = selection;
+        const side = (!$from.parentOffset && $to.index() < $to.parent.childCount ? $from : $to)
+            .pos - 1;
+        tr.insert(side, slice.content);
+        dispatch(tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, side + 1)).scrollIntoView());
+        return true;
+    }
     return false;
 };
 exports.handlePaste = handlePaste;

package/dist/cjs/plugins/footnotes/widgets.js

@@ -60,11 +60,23 @@ const deleteFootnoteWidget = (node, props, id, tableElement, tableElementFooter)
             if (node.type === transform_1.schema.nodes.footnote && pos) {
                 const targetNode = tableElement ? tableElement.node : view.state.doc;
                 const inlineFootnotes = (0, footnotes_1.getInlineFootnotes)(id, targetNode);
-                const footnote = (0, prosemirror_utils_1.findParentNodeClosestToPos)(tr.doc.resolve(pos), (node) => node.type === transform_1.schema.nodes.footnote);
-                if (footnote) {
-                    const { pos: fnPos, node: fnNode } = footnote;
+                const footnotesElement = (0, prosemirror_utils_1.findParentNodeClosestToPos)(tr.doc.resolve(pos), (node) => node.type === transform_1.schema.nodes.footnotes_element);
+                if ((footnotesElement === null || footnotesElement === void 0 ? void 0 : footnotesElement.node.childCount) === 1 &&
+                    (tableElementFooter === null || tableElementFooter === void 0 ? void 0 : tableElementFooter.node.childCount) === 1) {
+                    const { pos: fnPos, node: fnNode } = tableElementFooter;
                     tr.delete(fnPos, fnPos + fnNode.nodeSize + 1);
                 }
+                else if ((footnotesElement === null || footnotesElement === void 0 ? void 0 : footnotesElement.node.childCount) === 1) {
+                    const { pos: fnPos, node: fnNode } = footnotesElement;
+                    tr.delete(fnPos, fnPos + fnNode.nodeSize + 1);
+                }
+                else {
+                    const footnote = (0, prosemirror_utils_1.findParentNodeClosestToPos)(tr.doc.resolve(pos), (node) => node.type === transform_1.schema.nodes.footnote);
+                    if (footnote) {
+                        const { pos: fnPos, node: fnNode } = footnote;
+                        tr.delete(fnPos, fnPos + fnNode.nodeSize + 1);
+                    }
+                }
                 if (inlineFootnotes) {
                     inlineFootnotes.forEach((footnote) => {
                         const pos = footnote.pos + (tableElement ? tableElement.pos + 1 : 0);
@@ -79,24 +91,6 @@ const deleteFootnoteWidget = (node, props, id, tableElement, tableElementFooter)
                 }
             }
             view.dispatch(tr);
-            if (pos) {
-                const footnotesElement = (0, prosemirror_utils_1.findParentNodeClosestToPos)(view.state.doc.resolve(pos), (node) => node.type === transform_1.schema.nodes.footnotes_element);
-                if (footnotesElement) {
-                    let allFootnotesDeleted = true;
-                    footnotesElement.node.descendants((child) => {
-                        if (child.type === transform_1.schema.nodes.footnote && !(0, track_changes_utils_1.isDeleted)(child)) {
-                            allFootnotesDeleted = false;
-                            return false;
-                        }
-                    });
-                    if (allFootnotesDeleted) {
-                        const { pos: fnPos, node: fnNode } = footnotesElement;
-                        const tr2 = view.state.tr;
-                        tr2.delete(fnPos, fnPos + fnNode.nodeSize + 1);
-                        view.dispatch(tr2);
-                    }
-                }
-            }
         };
         const componentProps = {
             footnoteType: footnote.type,

package/dist/cjs/plugins/selected-suggestion.js

@@ -43,10 +43,12 @@ const buildPluginState = (state) => {
     }
 };
 const getEffectiveSelection = ($pos) => {
+    var _a;
     let current;
     for (let depth = $pos.depth; depth > 0; depth--) {
         const node = $pos.node(depth);
-        if (node.attrs.dataTracked) {
+        if (node.attrs.dataTracked &&
+            !((_a = node.attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.find((c) => c.operation === 'reference'))) {
             current = {
                 node,
                 from: $pos.before(depth),

package/dist/cjs/versions.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATHJAX_VERSION = exports.VERSION = void 0;
-exports.VERSION = '2.2.5-LEAN-4013.0';
+exports.VERSION = '2.2.6';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/block_view.js

@@ -49,12 +49,12 @@ class BlockView extends base_node_view_1.BaseNodeView {
             this.contentDOM.classList.toggle('empty-node', !this.node.childCount);
         };
         this.updateAttributes = () => {
-            var _a;
             if (!this.contentDOM) {
                 return;
             }
-            if ((_a = this.node.attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.length) {
-                const lastChange = this.node.attrs.dataTracked[this.node.attrs.dataTracked.length - 1];
+            const dataTracked = (this.node.attrs.dataTracked || []).filter((attr) => attr.operation !== 'reference');
+            if (dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.length) {
+                const lastChange = dataTracked[dataTracked.length - 1];
                 this.dom.setAttribute('data-track-status', lastChange.status);
                 this.dom.setAttribute('data-track-op', lastChange.operation);
             }

package/dist/es/commands.js

@@ -33,6 +33,27 @@ import { setCommentSelection } from './plugins/comments';
 import { getEditorProps } from './plugins/editor-props';
 import { footnotesKey } from './plugins/footnotes';
 import { checkForCompletion } from './plugins/section_title/autocompletion';
+export const addToStart = (state, dispatch) => {
+    const { selection } = state;
+    if (!dispatch ||
+        !(selection instanceof TextSelection) ||
+        selection.$from.node().type !== schema.nodes.paragraph) {
+        return false;
+    }
+    const { $anchor: { parentOffset: startOffset }, $head: { parentOffset: endOffset }, $from, $to, } = selection;
+    const parentSize = $from.node().content.size;
+    if ((startOffset === 0 && endOffset === 0) ||
+        startOffset === parentSize ||
+        endOffset === parentSize) {
+        const side = (!$from.parentOffset && $to.index() < $to.parent.childCount ? $from : $to)
+            .pos - (startOffset === 0 ? 1 : 0);
+        const tr = state.tr.insert(side, $from.node().type.createAndFill());
+        tr.setSelection(TextSelection.create(tr.doc, side + 1));
+        dispatch(tr.scrollIntoView());
+        return true;
+    }
+    return false;
+};
 export const markActive = (type) => (state) => {
     const { from, $from, to, empty } = state.selection;
     return empty

package/dist/es/keys/misc.js

@@ -18,7 +18,7 @@ import { chainCommands, createParagraphNear, exitCode, joinDown, joinUp, lift, l
 import { redo, undo } from 'prosemirror-history';
 import { undoInputRule } from 'prosemirror-inputrules';
 import { goToNextCell } from 'prosemirror-tables';
-import { autoComplete, ignoreAtomBlockNodeBackward, ignoreAtomBlockNodeForward, ignoreMetaNodeBackspaceCommand, insertBlock, insertBreak, insertCrossReference, insertInlineCitation, insertInlineEquation, insertSection, selectAllIsolating, } from '../commands';
+import { autoComplete, addToStart, ignoreAtomBlockNodeBackward, ignoreAtomBlockNodeForward, ignoreMetaNodeBackspaceCommand, insertBlock, insertBreak, insertCrossReference, insertInlineCitation, insertInlineEquation, insertSection, selectAllIsolating, } from '../commands';
 const customKeymap = {
     Backspace: chainCommands(undoInputRule, ignoreAtomBlockNodeBackward, ignoreMetaNodeBackspaceCommand),
     Delete: ignoreAtomBlockNodeForward,
@@ -37,7 +37,7 @@ const customKeymap = {
     'Mod-Alt-=': toggleMark(schema.marks.superscript),
     'Mod-Alt--': toggleMark(schema.marks.subscript),
     'Ctrl->': wrapIn(schema.nodes.blockquote),
-    Enter: chainCommands(autoComplete, newlineInCode, createParagraphNear, liftEmptyBlock, splitBlock),
+    Enter: chainCommands(autoComplete, addToStart, newlineInCode, createParagraphNear, liftEmptyBlock, splitBlock),
     'Shift-Mod-Enter': insertSection(true),
     'Mod-Enter': chainCommands(exitCode, insertSection()),
     'Shift-Enter': chainCommands(exitCode, insertBreak),

package/dist/es/lib/paste.js

@@ -49,7 +49,9 @@ export const handlePaste = (view, event, slice) => {
     if (event.type !== 'paste') {
         return false;
     }
-    const { state: { tr }, dispatch, } = view;
+    const { state: { tr, selection }, dispatch, } = view;
+    tr.setMeta('uiEvent', 'paste');
+    tr.setMeta('paste', true);
     const parent = findParentNode((node) => node.type === schema.nodes.section)(tr.selection);
     if (((_a = slice.content.firstChild) === null || _a === void 0 ? void 0 : _a.type) === schema.nodes.section && parent) {
         const $pos = tr.doc.resolve(parent.start);
@@ -58,5 +60,16 @@ export const handlePaste = (view, event, slice) => {
         dispatch(tr.setSelection(TextSelection.create(tr.doc, insertPos)).scrollIntoView());
         return true;
     }
+    if (selection instanceof TextSelection &&
+        selection.$anchor.parentOffset === 0 &&
+        selection.$head.parentOffset === 0 &&
+        selection.$from.node().type === schema.nodes.paragraph) {
+        const { $from, $to } = selection;
+        const side = (!$from.parentOffset && $to.index() < $to.parent.childCount ? $from : $to)
+            .pos - 1;
+        tr.insert(side, slice.content);
+        dispatch(tr.setSelection(TextSelection.create(tr.doc, side + 1)).scrollIntoView());
+        return true;
+    }
     return false;
 };

package/dist/es/plugins/footnotes/widgets.js

@@ -21,7 +21,7 @@ import { createElement } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 import { DeleteFootnoteDialog, } from '../../components/views/DeleteFootnoteDialog';
 import { getInlineFootnotes } from '../../lib/footnotes';
-import { getActualAttrs, isDeleted } from '../../lib/track-changes-utils';
+import { getActualAttrs } from '../../lib/track-changes-utils';
 import { getChildOfType } from '../../lib/utils';
 import ReactSubView from '../../views/ReactSubView';
 export const deleteFootnoteWidget = (node, props, id, tableElement, tableElementFooter) => (view, getPos) => {
@@ -54,11 +54,23 @@ export const deleteFootnoteWidget = (node, props, id, tableElement, tableElement
             if (node.type === schema.nodes.footnote && pos) {
                 const targetNode = tableElement ? tableElement.node : view.state.doc;
                 const inlineFootnotes = getInlineFootnotes(id, targetNode);
-                const footnote = findParentNodeClosestToPos(tr.doc.resolve(pos), (node) => node.type === schema.nodes.footnote);
-                if (footnote) {
-                    const { pos: fnPos, node: fnNode } = footnote;
+                const footnotesElement = findParentNodeClosestToPos(tr.doc.resolve(pos), (node) => node.type === schema.nodes.footnotes_element);
+                if ((footnotesElement === null || footnotesElement === void 0 ? void 0 : footnotesElement.node.childCount) === 1 &&
+                    (tableElementFooter === null || tableElementFooter === void 0 ? void 0 : tableElementFooter.node.childCount) === 1) {
+                    const { pos: fnPos, node: fnNode } = tableElementFooter;
                     tr.delete(fnPos, fnPos + fnNode.nodeSize + 1);
                 }
+                else if ((footnotesElement === null || footnotesElement === void 0 ? void 0 : footnotesElement.node.childCount) === 1) {
+                    const { pos: fnPos, node: fnNode } = footnotesElement;
+                    tr.delete(fnPos, fnPos + fnNode.nodeSize + 1);
+                }
+                else {
+                    const footnote = findParentNodeClosestToPos(tr.doc.resolve(pos), (node) => node.type === schema.nodes.footnote);
+                    if (footnote) {
+                        const { pos: fnPos, node: fnNode } = footnote;
+                        tr.delete(fnPos, fnPos + fnNode.nodeSize + 1);
+                    }
+                }
                 if (inlineFootnotes) {
                     inlineFootnotes.forEach((footnote) => {
                         const pos = footnote.pos + (tableElement ? tableElement.pos + 1 : 0);
@@ -73,24 +85,6 @@ export const deleteFootnoteWidget = (node, props, id, tableElement, tableElement
                 }
             }
             view.dispatch(tr);
-            if (pos) {
-                const footnotesElement = findParentNodeClosestToPos(view.state.doc.resolve(pos), (node) => node.type === schema.nodes.footnotes_element);
-                if (footnotesElement) {
-                    let allFootnotesDeleted = true;
-                    footnotesElement.node.descendants((child) => {
-                        if (child.type === schema.nodes.footnote && !isDeleted(child)) {
-                            allFootnotesDeleted = false;
-                            return false;
-                        }
-                    });
-                    if (allFootnotesDeleted) {
-                        const { pos: fnPos, node: fnNode } = footnotesElement;
-                        const tr2 = view.state.tr;
-                        tr2.delete(fnPos, fnPos + fnNode.nodeSize + 1);
-                        view.dispatch(tr2);
-                    }
-                }
-            }
         };
         const componentProps = {
             footnoteType: footnote.type,

package/dist/es/plugins/selected-suggestion.js

@@ -40,10 +40,12 @@ const buildPluginState = (state) => {
     }
 };
 const getEffectiveSelection = ($pos) => {
+    var _a;
     let current;
     for (let depth = $pos.depth; depth > 0; depth--) {
         const node = $pos.node(depth);
-        if (node.attrs.dataTracked) {
+        if (node.attrs.dataTracked &&
+            !((_a = node.attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.find((c) => c.operation === 'reference'))) {
             current = {
                 node,
                 from: $pos.before(depth),

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.2.5-LEAN-4013.0';
+export const VERSION = '2.2.6';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/block_view.js

@@ -47,12 +47,12 @@ export default class BlockView extends BaseNodeView {
             this.contentDOM.classList.toggle('empty-node', !this.node.childCount);
         };
         this.updateAttributes = () => {
-            var _a;
             if (!this.contentDOM) {
                 return;
             }
-            if ((_a = this.node.attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.length) {
-                const lastChange = this.node.attrs.dataTracked[this.node.attrs.dataTracked.length - 1];
+            const dataTracked = (this.node.attrs.dataTracked || []).filter((attr) => attr.operation !== 'reference');
+            if (dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.length) {
+                const lastChange = dataTracked[dataTracked.length - 1];
                 this.dom.setAttribute('data-track-status', lastChange.status);
                 this.dom.setAttribute('data-track-op', lastChange.operation);
             }

package/dist/types/commands.d.ts

@@ -21,6 +21,7 @@ import { EditorView } from 'prosemirror-view';
 import { FileAttachment } from './lib/files';
 import { EditorAction } from './types';
 export type Dispatch = (tr: ManuscriptTransaction) => void;
+export declare const addToStart: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const markActive: (type: ManuscriptMarkType) => (state: ManuscriptEditorState) => boolean;
 export declare const isNodeSelection: (selection: Selection) => selection is NodeSelection;
 export declare const blockActive: (type: ManuscriptNodeType) => (state: ManuscriptEditorState) => boolean;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.2.5-LEAN-4013.0";
+export declare const VERSION = "2.2.6";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "2.2.5-LEAN-4013.0",
+  "version": "2.2.6",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -33,7 +33,7 @@
     "@manuscripts/json-schema": "2.2.11",
     "@manuscripts/library": "1.3.11",
     "@manuscripts/style-guide": "2.0.21",
-    "@manuscripts/track-changes-plugin": "1.7.22",
+    "@manuscripts/track-changes-plugin": "1.7.23",
     "@manuscripts/transform": "2.6.0",
     "@popperjs/core": "^2.11.8",
     "astrocite-eutils": "^0.16.4",

package/styles/AdvancedEditor.css

@@ -512,7 +512,9 @@ span.accepted .selected-suggestion,
 }
 
 .ProseMirror .inserted.pending,
-.ProseMirror [data-track-op='insert'][data-track-status='pending'] .block {
+.ProseMirror [data-track-op='insert'][data-track-status='pending'] .block,
+.ProseMirror [data-track-op='node_split'][data-track-status='pending'] .block,
+.ProseMirror [data-track-op='wrap_with_node'][data-track-status='pending'] .block {
   background: var(--inserted-pending-bg-color);
   color: var(--inserted-pending-color);
   text-decoration: underline;