@modusoperandi/licit 1.4.2 → 1.4.6

package/OrderedListNodeSpec.js.flow

@@ -1,131 +1,131 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec.js';
-import { LIST_ITEM } from './NodeNames.js';
-import { ATTRIBUTE_INDENT, MIN_INDENT_LEVEL, RESERVED_STYLE_NONE } from './ParagraphNodeSpec.js';
-
-import type { NodeSpec } from './Types.js';
-
-export const ATTRIBUTE_COUNTER_RESET = 'data-counter-reset';
-export const ATTRIBUTE_FOLLOWING = 'data-following';
-const AUTO_LIST_STYLE_TYPES = ['decimal', 'lower-alpha', 'lower-roman'];
-
-const OrderedListNodeSpec: NodeSpec = {
-  attrs: {
-    id: { default: null },
-    counterReset: { default: null },
-    indent: { default: MIN_INDENT_LEVEL },
-    following: { default: null },
-    listStyleType: { default: null },
-    name: { default: null },
-    start: { default: 1 },
-    type: { default: 'decimal' }
-  },
-  group: 'block',
-  content: LIST_ITEM + '+',
-  parseDOM: [
-    {
-      tag: 'ol',
-      getAttrs(dom: HTMLElement) {
-        const listStyleType = dom.getAttribute(ATTRIBUTE_LIST_STYLE_TYPE);
-        const counterReset =
-          dom.getAttribute(ATTRIBUTE_COUNTER_RESET) || undefined;
-
-        const start = dom.hasAttribute('start')
-          ? parseInt(dom.getAttribute('start'), 10)
-          : 1;
-
-        const indent = dom.hasAttribute(ATTRIBUTE_INDENT)
-          ? parseInt(dom.getAttribute(ATTRIBUTE_INDENT), 10)
-          : MIN_INDENT_LEVEL;
-
-        const name = dom.getAttribute('name') || undefined;
-
-        const following = dom.getAttribute(ATTRIBUTE_FOLLOWING) || undefined;
-        const type = dom.getAttribute('type') || undefined;
-
-        return {
-          counterReset,
-          following,
-          indent,
-          listStyleType,
-          name,
-          start,
-          type,
-        };
-      },
-    },
-  ],
-  toDOM(node: Node) {
-    const {
-      start,
-      indent,
-      listStyleType,
-      counterReset,
-      following,
-      name,
-      type,
-    } = node.attrs;
-    const attrs: Object = {
-      [ATTRIBUTE_INDENT]: indent,
-    };
-
-    if (counterReset === 'none') {
-      attrs[ATTRIBUTE_COUNTER_RESET] = counterReset;
-    }
-
-    if (following) {
-      attrs[ATTRIBUTE_FOLLOWING] = following;
-    }
-
-    if (listStyleType) {
-      attrs[ATTRIBUTE_LIST_STYLE_TYPE] = listStyleType;
-    }
-
-    if (start !== 1) {
-      attrs.start = start;
-    }
-
-    if (name) {
-      attrs.name = name;
-    }
-    let htmlListStyleType = listStyleType;
-
-    if (!htmlListStyleType || htmlListStyleType === 'decimal') {
-      htmlListStyleType =
-        AUTO_LIST_STYLE_TYPES[indent % AUTO_LIST_STYLE_TYPES.length];
-    }
-
-    const cssCounterName = `czi-counter-${indent}`;
-    if ('x.x.x' === type) {
-      if (RESERVED_STYLE_NONE !== node.attrs.styleName) {
-        attrs.style = buildStyleClass(indent, node.attrs.start);
-      } else {
-        attrs.style =
-          `--czi-counter-name: ${cssCounterName};` +
-          `--czi-counter-reset: ${following ? 'none' : start - 1};` +
-          `--czi-list-style-type: ${htmlListStyleType}`;
-      }
-    } else {
-      attrs.style =
-        `--czi-counter-name: ${cssCounterName};` +
-        `--czi-counter-reset: ${following ? 'none' : start - 1};` +
-        `--czi-list-style-type: ${htmlListStyleType}`;
-    }
-    attrs.type = type;
-
-    return ['ol', attrs, 0];
-  },
-};
-
-function buildStyleClass(indent, start) {
-  const cssCounterName = `czi-counter-${indent}`;
-  let cssCounterReset = `czi-counter-${indent} ${start - 1} `;
-  for (let index = 0; index < indent; index++) {
-    cssCounterReset += `czi-counter-${index} 1 `;
-  }
-  return `--czi-counter-name: ${cssCounterName}; counter-reset: ${cssCounterReset};`;
-}
-export default OrderedListNodeSpec;
+// @flow
+
+import { Node } from 'prosemirror-model';
+
+import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec.js';
+import { LIST_ITEM } from './NodeNames.js';
+import { ATTRIBUTE_INDENT, MIN_INDENT_LEVEL, RESERVED_STYLE_NONE } from './ParagraphNodeSpec.js';
+
+import type { NodeSpec } from './Types.js';
+
+export const ATTRIBUTE_COUNTER_RESET = 'data-counter-reset';
+export const ATTRIBUTE_FOLLOWING = 'data-following';
+const AUTO_LIST_STYLE_TYPES = ['decimal', 'lower-alpha', 'lower-roman'];
+
+const OrderedListNodeSpec: NodeSpec = {
+  attrs: {
+    id: { default: null },
+    counterReset: { default: null },
+    indent: { default: MIN_INDENT_LEVEL },
+    following: { default: null },
+    listStyleType: { default: null },
+    name: { default: null },
+    start: { default: 1 },
+    type: { default: 'decimal' }
+  },
+  group: 'block',
+  content: LIST_ITEM + '+',
+  parseDOM: [
+    {
+      tag: 'ol',
+      getAttrs(dom: HTMLElement) {
+        const listStyleType = dom.getAttribute(ATTRIBUTE_LIST_STYLE_TYPE);
+        const counterReset =
+          dom.getAttribute(ATTRIBUTE_COUNTER_RESET) || undefined;
+
+        const start = dom.hasAttribute('start')
+          ? parseInt(dom.getAttribute('start'), 10)
+          : 1;
+
+        const indent = dom.hasAttribute(ATTRIBUTE_INDENT)
+          ? parseInt(dom.getAttribute(ATTRIBUTE_INDENT), 10)
+          : MIN_INDENT_LEVEL;
+
+        const name = dom.getAttribute('name') || undefined;
+
+        const following = dom.getAttribute(ATTRIBUTE_FOLLOWING) || undefined;
+        const type = dom.getAttribute('type') || undefined;
+
+        return {
+          counterReset,
+          following,
+          indent,
+          listStyleType,
+          name,
+          start,
+          type,
+        };
+      },
+    },
+  ],
+  toDOM(node: Node) {
+    const {
+      start,
+      indent,
+      listStyleType,
+      counterReset,
+      following,
+      name,
+      type,
+    } = node.attrs;
+    const attrs: Object = {
+      [ATTRIBUTE_INDENT]: indent,
+    };
+
+    if (counterReset === 'none') {
+      attrs[ATTRIBUTE_COUNTER_RESET] = counterReset;
+    }
+
+    if (following) {
+      attrs[ATTRIBUTE_FOLLOWING] = following;
+    }
+
+    if (listStyleType) {
+      attrs[ATTRIBUTE_LIST_STYLE_TYPE] = listStyleType;
+    }
+
+    if (start !== 1) {
+      attrs.start = start;
+    }
+
+    if (name) {
+      attrs.name = name;
+    }
+    let htmlListStyleType = listStyleType;
+
+    if (!htmlListStyleType || htmlListStyleType === 'decimal') {
+      htmlListStyleType =
+        AUTO_LIST_STYLE_TYPES[indent % AUTO_LIST_STYLE_TYPES.length];
+    }
+
+    const cssCounterName = `czi-counter-${indent}`;
+    if ('x.x.x' === type) {
+      if (RESERVED_STYLE_NONE !== node.attrs.styleName) {
+        attrs.style = buildStyleClass(indent, node.attrs.start);
+      } else {
+        attrs.style =
+          `--czi-counter-name: ${cssCounterName};` +
+          `--czi-counter-reset: ${following ? 'none' : start - 1};` +
+          `--czi-list-style-type: ${htmlListStyleType}`;
+      }
+    } else {
+      attrs.style =
+        `--czi-counter-name: ${cssCounterName};` +
+        `--czi-counter-reset: ${following ? 'none' : start - 1};` +
+        `--czi-list-style-type: ${htmlListStyleType}`;
+    }
+    attrs.type = type;
+
+    return ['ol', attrs, 0];
+  },
+};
+
+function buildStyleClass(indent, start) {
+  const cssCounterName = `czi-counter-${indent}`;
+  let cssCounterReset = `czi-counter-${indent} ${start - 1} `;
+  for (let index = 0; index < indent; index++) {
+    cssCounterReset += `czi-counter-${index} 1 `;
+  }
+  return `--czi-counter-name: ${cssCounterName}; counter-reset: ${cssCounterReset};`;
+}
+export default OrderedListNodeSpec;

package/OverrideMarkSpec.js.flow

@@ -1,49 +1,49 @@
-import type { MarkSpec } from './Types.js';
-const OverrideMarkSpec: MarkSpec = {
-    attrs: {
-        strong: { default: false },
-        em: { default: false },
-        underline: { default: false },
-        strike: { default: false },
-    },
-    inline: true,
-    group: 'inline',
-    parseDOM: [
-        {
-            tag: 'span',
-            getAttrs: (dom) => {
-                const strong = dom.getAttribute('cs-strong') === 'true';
-                const em = dom.getAttribute('cs-em') === 'true';
-                const underline = dom.getAttribute('cs-underline') === 'true';
-                const strike = dom.getAttribute('cs-strike') === 'true';
-
-                // Only create the mark if at least one attribute is true
-                if (strong || em || underline || strike) {
-                    return { strong, em, underline, strike };
-                }
-
-                return false; // Ignore spans where all attributes are false
-            },
-        },
-    ],
-    toDOM: (mark) => {
-        // Only render the <span> if at least one attribute is true
-        if (mark.attrs.strong || mark.attrs.em || mark.attrs.underline || mark.attrs.strike) {
-            return [
-                'span',
-                {
-                    'cs-strong': mark.attrs.strong,
-                    'cs-em': mark.attrs.em,
-                    'cs-underline': mark.attrs.underline,
-                    'cs-strike': mark.attrs.strike,
-                },
-                0,
-            ];
-        }
-
-        // If no attributes are true, return nothing (ProseMirror will ignore this)
-        return null;
-    },
-};
-
-export default OverrideMarkSpec;
+import type { MarkSpec } from './Types.js';
+const OverrideMarkSpec: MarkSpec = {
+    attrs: {
+        strong: { default: false },
+        em: { default: false },
+        underline: { default: false },
+        strike: { default: false },
+    },
+    inline: true,
+    group: 'inline',
+    parseDOM: [
+        {
+            tag: 'span',
+            getAttrs: (dom) => {
+                const strong = dom.getAttribute('cs-strong') === 'true';
+                const em = dom.getAttribute('cs-em') === 'true';
+                const underline = dom.getAttribute('cs-underline') === 'true';
+                const strike = dom.getAttribute('cs-strike') === 'true';
+
+                // Only create the mark if at least one attribute is true
+                if (strong || em || underline || strike) {
+                    return { strong, em, underline, strike };
+                }
+
+                return false; // Ignore spans where all attributes are false
+            },
+        },
+    ],
+    toDOM: (mark) => {
+        // Only render the <span> if at least one attribute is true
+        if (mark.attrs.strong || mark.attrs.em || mark.attrs.underline || mark.attrs.strike) {
+            return [
+                'span',
+                {
+                    'cs-strong': mark.attrs.strong,
+                    'cs-em': mark.attrs.em,
+                    'cs-underline': mark.attrs.underline,
+                    'cs-strike': mark.attrs.strike,
+                },
+                0,
+            ];
+        }
+
+        // If no attributes are true, return nothing (ProseMirror will ignore this)
+        return null;
+    },
+};
+
+export default OverrideMarkSpec;

package/ParagraphNodeSpec.js

@@ -66,6 +66,12 @@ var ParagraphNodeSpec = {
     },
     overriddenIndentValue: {
       "default": null
+    },
+    hangingIndent: {
+      "default": null
+    },
+    indentPosition: {
+      "default": null
     }
   },
   content: 'inline*',
@@ -102,6 +108,8 @@ function getAttrs(dom) {
   var overriddenIndentValue = dom.getAttribute('overriddenIndentValue') || '';
   var selectionId = dom.getAttribute('selectionId') || '';
   var objectId = dom.getAttribute('objectId') || '';
+  var hangingIndent = dom.getAttribute('hangingIndent') || '';
+  var indentPosition = dom.getAttribute('indentPosition') || '';
   return {
     align: align,
     indent: indent,
@@ -117,7 +125,9 @@ function getAttrs(dom) {
     overriddenIndent: overriddenIndent,
     overriddenIndentValue: overriddenIndentValue,
     selectionId: selectionId,
-    objectId: objectId
+    objectId: objectId,
+    hangingIndent: hangingIndent,
+    indentPosition: indentPosition
   };
 }
 function getStyle(attrs) {
@@ -155,11 +165,19 @@ function toDOM(node) {
     overriddenLineSpacingValue = _node$attrs.overriddenLineSpacingValue,
     overriddenIndent = _node$attrs.overriddenIndent,
     overriddenIndentValue = _node$attrs.overriddenIndentValue,
-    selectionId = _node$attrs.selectionId;
+    selectionId = _node$attrs.selectionId,
+    hangingIndent = _node$attrs.hangingIndent,
+    indentPosition = _node$attrs.indentPosition;
   var attrs = _objectSpread({}, node.attrs);
   var _getStyle = getStyle(node.attrs),
     style = _getStyle.style;
   style && (attrs.style = style);
+  if (indentPosition && hangingIndent) {
+    attrs['hangingIndent'] = 'true';
+    attrs['indentPosition'] = indentPosition;
+    var hIndentpx = Number(indentPosition) * 96;
+    document.documentElement.style.setProperty('--hangingIndentMargin', "".concat(hIndentpx, "px"));
+  }
   if (indent) {
     attrs[ATTRIBUTE_INDENT] = String(indent);
   }
@@ -173,6 +191,7 @@ function toDOM(node) {
   attrs.overriddenAlignValue = overriddenAlignValue;
   attrs.overriddenLineSpacingValue = overriddenLineSpacingValue;
   attrs.overriddenIndentValue = overriddenIndentValue;
+  attrs.hangingIndent = hangingIndent;
   if (selectionId) {
     attrs.selectionId = selectionId;
   }