@vizel/core 0.0.1-alpha.5 → 0.0.1-alpha.6

package/dist/index44.js

@@ -1,84 +1,6 @@
-import { Mark as a, markPasteRule as s, markInputRule as l, mergeAttributes as u } from "@tiptap/core";
-var h = /(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))$/, d = /(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))/g, m = a.create({
-  name: "highlight",
-  addOptions() {
-    return {
-      multicolor: !1,
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return this.options.multicolor ? {
-      color: {
-        default: null,
-        parseHTML: (r) => r.getAttribute("data-color") || r.style.backgroundColor,
-        renderHTML: (r) => r.color ? {
-          "data-color": r.color,
-          style: `background-color: ${r.color}; color: inherit`
-        } : {}
-      }
-    } : {};
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "mark"
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: r }) {
-    return ["mark", u(this.options.HTMLAttributes, r), 0];
-  },
-  renderMarkdown: (r, t) => `==${t.renderChildren(r)}==`,
-  parseMarkdown: (r, t) => t.applyMark("highlight", t.parseInline(r.tokens || [])),
-  markdownTokenizer: {
-    name: "highlight",
-    level: "inline",
-    start: (r) => r.indexOf("=="),
-    tokenize(r, t, i) {
-      const e = /^(==)([^=]+)(==)/.exec(r);
-      if (e) {
-        const n = e[2].trim(), o = i.inlineTokens(n);
-        return {
-          type: "highlight",
-          raw: e[0],
-          text: n,
-          tokens: o
-        };
-      }
-    }
-  },
-  addCommands() {
-    return {
-      setHighlight: (r) => ({ commands: t }) => t.setMark(this.name, r),
-      toggleHighlight: (r) => ({ commands: t }) => t.toggleMark(this.name, r),
-      unsetHighlight: () => ({ commands: r }) => r.unsetMark(this.name)
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      "Mod-Shift-h": () => this.editor.commands.toggleHighlight()
-    };
-  },
-  addInputRules() {
-    return [
-      l({
-        find: h,
-        type: this.type
-      })
-    ];
-  },
-  addPasteRules() {
-    return [
-      s({
-        find: d,
-        type: this.type
-      })
-    ];
-  }
-});
+import { TaskItem as a } from "./index53.js";
+var t = a;
 export {
-  m as Highlight,
-  h as inputRegex,
-  d as pasteRegex
+  a as TaskItem,
+  t as default
 };

package/dist/index45.js

@@ -1,19 +1,6 @@
-import { mergeIconData as s } from "./index62.js";
-import { getIconsTree as f } from "./index63.js";
-function i(r, o, n) {
-  const u = r.icons, l = r.aliases || /* @__PURE__ */ Object.create(null);
-  let t = {};
-  function c(e) {
-    t = s(u[e] || l[e], t);
-  }
-  return c(o), n.forEach(c), s(r, t);
-}
-function g(r, o) {
-  if (r.icons[o]) return i(r, o, []);
-  const n = f(r, [o])[o];
-  return n ? i(r, o, n) : null;
-}
+import { TaskList as a } from "./index53.js";
+var e = a;
 export {
-  g as getIconData,
-  i as internalGetIconData
+  a as TaskList,
+  e as default
 };

package/dist/index46.js

@@ -1,60 +1,240 @@
-import { defaultIconProps as k } from "./index59.js";
-import { defaultIconCustomisations as y } from "./index60.js";
-import { calculateSize as b } from "./index64.js";
-import { wrapSVGContent as C } from "./index65.js";
-const I = (s) => s === "unset" || s === "undefined" || s === "none";
-function H(s, x) {
-  const n = {
-    ...k,
-    ...s
-  }, g = {
-    ...y,
-    ...x
-  }, t = {
-    left: n.left,
-    top: n.top,
-    width: n.width,
-    height: n.height
-  };
-  let u = n.body;
-  [n, g].forEach((r) => {
-    const o = [], F = r.hFlip, S = r.vFlip;
-    let e = r.rotate;
-    F ? S ? e += 2 : (o.push("translate(" + (t.width + t.left).toString() + " " + (0 - t.top).toString() + ")"), o.push("scale(-1 1)"), t.top = t.left = 0) : S && (o.push("translate(" + (0 - t.left).toString() + " " + (t.height + t.top).toString() + ")"), o.push("scale(1 -1)"), t.top = t.left = 0);
-    let i;
-    switch (e < 0 && (e -= Math.floor(e / 4) * 4), e = e % 4, e) {
-      case 1:
-        i = t.height / 2 + t.top, o.unshift("rotate(90 " + i.toString() + " " + i.toString() + ")");
-        break;
-      case 2:
-        o.unshift("rotate(180 " + (t.width / 2 + t.left).toString() + " " + (t.height / 2 + t.top).toString() + ")");
-        break;
-      case 3:
-        i = t.width / 2 + t.left, o.unshift("rotate(-90 " + i.toString() + " " + i.toString() + ")");
-        break;
-    }
-    e % 2 === 1 && (t.left !== t.top && (i = t.left, t.left = t.top, t.top = i), t.width !== t.height && (i = t.width, t.width = t.height, t.height = i)), o.length && (u = C(u, '<g transform="' + o.join(" ") + '">', "</g>"));
+import { Mark as y, mergeAttributes as p, Extension as l } from "@tiptap/core";
+var d = 20, u = (t, e = 0) => {
+  const r = [];
+  return !t.children.length || e > d || Array.from(t.children).forEach((o) => {
+    o.tagName === "SPAN" ? r.push(o) : o.children.length && r.push(...u(o, e + 1));
+  }), r;
+}, f = (t) => {
+  if (!t.children.length)
+    return;
+  const e = u(t);
+  e && e.forEach((r) => {
+    var o, n;
+    const s = r.getAttribute("style"), i = (n = (o = r.parentElement) == null ? void 0 : o.closest("span")) == null ? void 0 : n.getAttribute("style");
+    r.setAttribute("style", `${i};${s}`);
   });
-  const p = g.width, h = g.height, f = t.width, l = t.height;
-  let a, c;
-  p === null ? (c = h === null ? "1em" : h === "auto" ? l : h, a = b(c, f / l)) : (a = p === "auto" ? f : p, c = h === null ? b(a, l / f) : h === "auto" ? l : h);
-  const d = {}, w = (r, o) => {
-    I(o) || (d[r] = o.toString());
-  };
-  w("width", a), w("height", c);
-  const m = [
-    t.left,
-    t.top,
-    f,
-    l
-  ];
-  return d.viewBox = m.join(" "), {
-    attributes: d,
-    viewBox: m,
-    body: u
-  };
-}
+}, c = y.create({
+  name: "textStyle",
+  priority: 101,
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+      mergeNestedSpanStyles: !0
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "span",
+        consuming: !1,
+        getAttrs: (t) => t.hasAttribute("style") ? (this.options.mergeNestedSpanStyles && f(t), {}) : !1
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["span", p(this.options.HTMLAttributes, t), 0];
+  },
+  addCommands() {
+    return {
+      toggleTextStyle: (t) => ({ commands: e }) => e.toggleMark(this.name, t),
+      removeEmptyTextStyle: () => ({ tr: t }) => {
+        const { selection: e } = t;
+        return t.doc.nodesBetween(e.from, e.to, (r, o) => {
+          if (r.isTextblock)
+            return !0;
+          r.marks.filter((n) => n.type === this.type).some((n) => Object.values(n.attrs).some((s) => !!s)) || t.removeMark(o, o + r.nodeSize, this.type);
+        }), !0;
+      }
+    };
+  }
+}), m = l.create({
+  name: "backgroundColor",
+  addOptions() {
+    return {
+      types: ["textStyle"]
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          backgroundColor: {
+            default: null,
+            parseHTML: (t) => {
+              var e;
+              const r = t.getAttribute("style");
+              if (r) {
+                const o = r.split(";").map((n) => n.trim()).filter(Boolean);
+                for (let n = o.length - 1; n >= 0; n -= 1) {
+                  const s = o[n].split(":");
+                  if (s.length >= 2) {
+                    const i = s[0].trim().toLowerCase(), a = s.slice(1).join(":").trim();
+                    if (i === "background-color")
+                      return a.replace(/['"]+/g, "");
+                  }
+                }
+              }
+              return (e = t.style.backgroundColor) == null ? void 0 : e.replace(/['"]+/g, "");
+            },
+            renderHTML: (t) => t.backgroundColor ? {
+              style: `background-color: ${t.backgroundColor}`
+            } : {}
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setBackgroundColor: (t) => ({ chain: e }) => e().setMark("textStyle", { backgroundColor: t }).run(),
+      unsetBackgroundColor: () => ({ chain: t }) => t().setMark("textStyle", { backgroundColor: null }).removeEmptyTextStyle().run()
+    };
+  }
+}), g = l.create({
+  name: "color",
+  addOptions() {
+    return {
+      types: ["textStyle"]
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          color: {
+            default: null,
+            parseHTML: (t) => {
+              var e;
+              const r = t.getAttribute("style");
+              if (r) {
+                const o = r.split(";").map((n) => n.trim()).filter(Boolean);
+                for (let n = o.length - 1; n >= 0; n -= 1) {
+                  const s = o[n].split(":");
+                  if (s.length >= 2) {
+                    const i = s[0].trim().toLowerCase(), a = s.slice(1).join(":").trim();
+                    if (i === "color")
+                      return a.replace(/['"]+/g, "");
+                  }
+                }
+              }
+              return (e = t.style.color) == null ? void 0 : e.replace(/['"]+/g, "");
+            },
+            renderHTML: (t) => t.color ? {
+              style: `color: ${t.color}`
+            } : {}
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setColor: (t) => ({ chain: e }) => e().setMark("textStyle", { color: t }).run(),
+      unsetColor: () => ({ chain: t }) => t().setMark("textStyle", { color: null }).removeEmptyTextStyle().run()
+    };
+  }
+}), h = l.create({
+  name: "fontFamily",
+  addOptions() {
+    return {
+      types: ["textStyle"]
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          fontFamily: {
+            default: null,
+            parseHTML: (t) => t.style.fontFamily,
+            renderHTML: (t) => t.fontFamily ? {
+              style: `font-family: ${t.fontFamily}`
+            } : {}
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setFontFamily: (t) => ({ chain: e }) => e().setMark("textStyle", { fontFamily: t }).run(),
+      unsetFontFamily: () => ({ chain: t }) => t().setMark("textStyle", { fontFamily: null }).removeEmptyTextStyle().run()
+    };
+  }
+}), S = l.create({
+  name: "fontSize",
+  addOptions() {
+    return {
+      types: ["textStyle"]
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          fontSize: {
+            default: null,
+            parseHTML: (t) => t.style.fontSize,
+            renderHTML: (t) => t.fontSize ? {
+              style: `font-size: ${t.fontSize}`
+            } : {}
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setFontSize: (t) => ({ chain: e }) => e().setMark("textStyle", { fontSize: t }).run(),
+      unsetFontSize: () => ({ chain: t }) => t().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
+    };
+  }
+}), b = l.create({
+  name: "lineHeight",
+  addOptions() {
+    return {
+      types: ["textStyle"]
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          lineHeight: {
+            default: null,
+            parseHTML: (t) => t.style.lineHeight,
+            renderHTML: (t) => t.lineHeight ? {
+              style: `line-height: ${t.lineHeight}`
+            } : {}
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setLineHeight: (t) => ({ chain: e }) => e().setMark("textStyle", { lineHeight: t }).run(),
+      unsetLineHeight: () => ({ chain: t }) => t().setMark("textStyle", { lineHeight: null }).removeEmptyTextStyle().run()
+    };
+  }
+});
+l.create({
+  name: "textStyleKit",
+  addExtensions() {
+    const t = [];
+    return this.options.backgroundColor !== !1 && t.push(m.configure(this.options.backgroundColor)), this.options.color !== !1 && t.push(g.configure(this.options.color)), this.options.fontFamily !== !1 && t.push(h.configure(this.options.fontFamily)), this.options.fontSize !== !1 && t.push(S.configure(this.options.fontSize)), this.options.lineHeight !== !1 && t.push(b.configure(this.options.lineHeight)), this.options.textStyle !== !1 && t.push(c.configure(this.options.textStyle)), t;
+  }
+});
 export {
-  H as iconToSVG,
-  I as isUnsetKeyword
+  m as BackgroundColor,
+  g as Color,
+  h as FontFamily,
+  S as FontSize,
+  b as LineHeight,
+  c as TextStyle
 };