@quoreadmin/ui 1.5.0 → 1.6.0

package/dist/index242.js

@@ -1,22 +1,217 @@
-import r from "./index305.js";
-import { createElementBlock as t, openBlock as o, mergeProps as n, createElementVNode as C } from "vue";
-var i = {
-  name: "PencilIcon",
-  extends: r
-}, l = /* @__PURE__ */ C("path", {
-  d: "M0.609628 13.959C0.530658 13.9599 0.452305 13.9451 0.379077 13.9156C0.305849 13.8861 0.239191 13.8424 0.18294 13.787C0.118447 13.7234 0.0688234 13.6464 0.0376166 13.5614C0.00640987 13.4765 -0.00560954 13.3857 0.00241768 13.2956L0.25679 10.1501C0.267698 10.0041 0.331934 9.86709 0.437312 9.76516L9.51265 0.705715C10.0183 0.233014 10.6911 -0.0203041 11.3835 0.00127367C12.0714 0.00660201 12.7315 0.27311 13.2298 0.746671C13.7076 1.23651 13.9824 1.88848 13.9992 2.57201C14.0159 3.25554 13.7733 3.92015 13.32 4.4327L4.23648 13.5331C4.13482 13.6342 4.0017 13.6978 3.85903 13.7133L0.667067 14L0.609628 13.959ZM1.43018 10.4696L1.25787 12.714L3.50619 12.5092L12.4502 3.56444C12.6246 3.35841 12.7361 3.10674 12.7714 2.83933C12.8067 2.57193 12.7644 2.30002 12.6495 2.05591C12.5346 1.8118 12.3519 1.60575 12.1231 1.46224C11.8943 1.31873 11.6291 1.2438 11.3589 1.24633C11.1813 1.23508 11.0033 1.25975 10.8355 1.31887C10.6677 1.37798 10.5136 1.47033 10.3824 1.59036L1.43018 10.4696Z",
-  fill: "currentColor"
-}, null, -1), p = [l];
-function s(e, a, c, d, m, L) {
-  return o(), t("svg", n({
-    width: "14",
-    height: "14",
-    viewBox: "0 0 14 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, e.pti()), p, 16);
-}
-i.render = s;
+import { Node as k, textblockTypeInputRule as S, mergeAttributes as C } from "./index238.js";
+import { Plugin as w, PluginKey as B, TextSelection as T, Selection as L } from "./index253.js";
+var y = 4, M = /^```([a-z]+)?[\s\n]$/, N = /^~~~([a-z]+)?[\s\n]$/, $ = k.create({
+  name: "codeBlock",
+  addOptions() {
+    return {
+      languageClassPrefix: "language-",
+      exitOnTripleEnter: !0,
+      exitOnArrowDown: !0,
+      defaultLanguage: null,
+      enableTabIndentation: !1,
+      tabSize: y,
+      HTMLAttributes: {}
+    };
+  },
+  content: "text*",
+  marks: "",
+  group: "block",
+  code: !0,
+  defining: !0,
+  addAttributes() {
+    return {
+      language: {
+        default: this.options.defaultLanguage,
+        parseHTML: (e) => {
+          var t;
+          const { languageClassPrefix: r } = this.options;
+          if (!r)
+            return null;
+          const o = [...((t = e.firstElementChild) == null ? void 0 : t.classList) || []].filter((s) => s.startsWith(r)).map((s) => s.replace(r, ""))[0];
+          return o || null;
+        },
+        rendered: !1
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "pre",
+        preserveWhitespace: "full"
+      }
+    ];
+  },
+  renderHTML({ node: e, HTMLAttributes: t }) {
+    return [
+      "pre",
+      C(this.options.HTMLAttributes, t),
+      [
+        "code",
+        {
+          class: e.attrs.language ? this.options.languageClassPrefix + e.attrs.language : null
+        },
+        0
+      ]
+    ];
+  },
+  markdownTokenName: "code",
+  parseMarkdown: (e, t) => {
+    var r;
+    return ((r = e.raw) == null ? void 0 : r.startsWith("```")) === !1 && e.codeBlockStyle !== "indented" ? [] : t.createNode(
+      "codeBlock",
+      { language: e.lang || null },
+      e.text ? [t.createTextNode(e.text)] : []
+    );
+  },
+  renderMarkdown: (e, t) => {
+    var r;
+    let n = "";
+    const a = ((r = e.attrs) == null ? void 0 : r.language) || "";
+    return e.content ? n = [`\`\`\`${a}`, t.renderChildren(e.content), "```"].join(`
+`) : n = `\`\`\`${a}
+
+\`\`\``, n;
+  },
+  addCommands() {
+    return {
+      setCodeBlock: (e) => ({ commands: t }) => t.setNode(this.name, e),
+      toggleCodeBlock: (e) => ({ commands: t }) => t.toggleNode(this.name, "paragraph", e)
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-Alt-c": () => this.editor.commands.toggleCodeBlock(),
+      // remove code block when at start of document or code block is empty
+      Backspace: () => {
+        const { empty: e, $anchor: t } = this.editor.state.selection, r = t.pos === 1;
+        return !e || t.parent.type.name !== this.name ? !1 : r || !t.parent.textContent.length ? this.editor.commands.clearNodes() : !1;
+      },
+      // handle tab indentation
+      Tab: ({ editor: e }) => {
+        var t;
+        if (!this.options.enableTabIndentation)
+          return !1;
+        const r = (t = this.options.tabSize) != null ? t : y, { state: n } = e, { selection: a } = n, { $from: o, empty: s } = a;
+        if (o.parent.type !== this.type)
+          return !1;
+        const i = " ".repeat(r);
+        return s ? e.commands.insertContent(i) : e.commands.command(({ tr: l }) => {
+          const { from: c, to: f } = a, u = n.doc.textBetween(c, f, `
+`, `
+`).split(`
+`).map((p) => i + p).join(`
+`);
+          return l.replaceWith(c, f, n.schema.text(u)), !0;
+        });
+      },
+      // handle shift+tab reverse indentation
+      "Shift-Tab": ({ editor: e }) => {
+        var t;
+        if (!this.options.enableTabIndentation)
+          return !1;
+        const r = (t = this.options.tabSize) != null ? t : y, { state: n } = e, { selection: a } = n, { $from: o, empty: s } = a;
+        return o.parent.type !== this.type ? !1 : s ? e.commands.command(({ tr: i }) => {
+          var l;
+          const { pos: c } = o, f = o.start(), h = o.end(), u = n.doc.textBetween(f, h, `
+`, `
+`).split(`
+`);
+          let p = 0, g = 0;
+          const b = c - f;
+          for (let d = 0; d < u.length; d += 1) {
+            if (g + u[d].length >= b) {
+              p = d;
+              break;
+            }
+            g += u[d].length + 1;
+          }
+          const A = ((l = u[p].match(/^ */)) == null ? void 0 : l[0]) || "", v = Math.min(A.length, r);
+          if (v === 0)
+            return !0;
+          let m = f;
+          for (let d = 0; d < p; d += 1)
+            m += u[d].length + 1;
+          return i.delete(m, m + v), c - m <= v && i.setSelection(T.create(i.doc, m)), !0;
+        }) : e.commands.command(({ tr: i }) => {
+          const { from: l, to: c } = a, x = n.doc.textBetween(l, c, `
+`, `
+`).split(`
+`).map((u) => {
+            var p;
+            const g = ((p = u.match(/^ */)) == null ? void 0 : p[0]) || "", b = Math.min(g.length, r);
+            return u.slice(b);
+          }).join(`
+`);
+          return i.replaceWith(l, c, n.schema.text(x)), !0;
+        });
+      },
+      // exit node on triple enter
+      Enter: ({ editor: e }) => {
+        if (!this.options.exitOnTripleEnter)
+          return !1;
+        const { state: t } = e, { selection: r } = t, { $from: n, empty: a } = r;
+        if (!a || n.parent.type !== this.type)
+          return !1;
+        const o = n.parentOffset === n.parent.nodeSize - 2, s = n.parent.textContent.endsWith(`
+
+`);
+        return !o || !s ? !1 : e.chain().command(({ tr: i }) => (i.delete(n.pos - 2, n.pos), !0)).exitCode().run();
+      },
+      // exit node on arrow down
+      ArrowDown: ({ editor: e }) => {
+        if (!this.options.exitOnArrowDown)
+          return !1;
+        const { state: t } = e, { selection: r, doc: n } = t, { $from: a, empty: o } = r;
+        if (!o || a.parent.type !== this.type || !(a.parentOffset === a.parent.nodeSize - 2))
+          return !1;
+        const i = a.after();
+        return i === void 0 ? !1 : n.nodeAt(i) ? e.commands.command(({ tr: c }) => (c.setSelection(L.near(n.resolve(i))), !0)) : e.commands.exitCode();
+      }
+    };
+  },
+  addInputRules() {
+    return [
+      S({
+        find: M,
+        type: this.type,
+        getAttributes: (e) => ({
+          language: e[1]
+        })
+      }),
+      S({
+        find: N,
+        type: this.type,
+        getAttributes: (e) => ({
+          language: e[1]
+        })
+      })
+    ];
+  },
+  addProseMirrorPlugins() {
+    return [
+      // this plugin creates a code block for pasted content from VS Code
+      // we can also detect the copied code language
+      new w({
+        key: new B("codeBlockVSCodeHandler"),
+        props: {
+          handlePaste: (e, t) => {
+            if (!t.clipboardData || this.editor.isActive(this.type.name))
+              return !1;
+            const r = t.clipboardData.getData("text/plain"), n = t.clipboardData.getData("vscode-editor-data"), a = n ? JSON.parse(n) : void 0, o = a?.mode;
+            if (!r || !o)
+              return !1;
+            const { tr: s, schema: i } = e.state, l = i.text(r.replace(/\r\n?/g, `
+`));
+            return s.replaceSelectionWith(this.type.create({ language: o }, l)), s.selection.$from.parent.type !== this.type && s.setSelection(T.near(s.doc.resolve(Math.max(0, s.selection.from - 2)))), s.setMeta("paste", !0), e.dispatch(s), !0;
+          }
+        }
+      })
+    ];
+  }
+});
 export {
-  i as default
+  $ as CodeBlock,
+  M as backtickInputRegex,
+  N as tildeInputRegex
 };

package/dist/index243.js

@@ -1,22 +1,12 @@
-import r from "./index305.js";
-import { createElementBlock as t, openBlock as o, mergeProps as C, createElementVNode as n } from "vue";
-var i = {
-  name: "TimesIcon",
-  extends: r
-}, p = /* @__PURE__ */ n("path", {
-  d: "M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z",
-  fill: "currentColor"
-}, null, -1), s = [p];
-function l(e, a, c, d, m, h) {
-  return o(), t("svg", C({
-    width: "14",
-    height: "14",
-    viewBox: "0 0 14 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, e.pti()), s, 16);
-}
-i.render = l;
+import { Node as n } from "./index238.js";
+var o = n.create({
+  name: "doc",
+  topNode: !0,
+  content: "block+",
+  renderMarkdown: (e, r) => e.content ? r.renderChildren(e.content, `
+
+`) : ""
+});
 export {
-  i as default
+  o as Document
 };

package/dist/index244.js

@@ -1,5 +1,59 @@
-import { EventBus as e } from "./index165.js";
-var a = e();
+import { Node as l, mergeAttributes as c } from "./index238.js";
+var f = l.create({
+  name: "hardBreak",
+  markdownTokenName: "br",
+  addOptions() {
+    return {
+      keepMarks: !0,
+      HTMLAttributes: {}
+    };
+  },
+  inline: !0,
+  group: "inline",
+  selectable: !1,
+  linebreakReplacement: !0,
+  parseHTML() {
+    return [{ tag: "br" }];
+  },
+  renderHTML({ HTMLAttributes: e }) {
+    return ["br", c(this.options.HTMLAttributes, e)];
+  },
+  renderText() {
+    return `
+`;
+  },
+  renderMarkdown: () => `  
+`,
+  parseMarkdown: () => ({
+    type: "hardBreak"
+  }),
+  addCommands() {
+    return {
+      setHardBreak: () => ({ commands: e, chain: n, state: a, editor: s }) => e.first([
+        () => e.exitCode(),
+        () => e.command(() => {
+          const { selection: r, storedMarks: o } = a;
+          if (r.$from.parent.type.spec.isolating)
+            return !1;
+          const { keepMarks: i } = this.options, { splittableMarks: d } = s.extensionManager, t = o || r.$to.parentOffset && r.$from.marks();
+          return n().insertContent({ type: this.name }).command(({ tr: u, dispatch: k }) => {
+            if (k && t && i) {
+              const m = t.filter((p) => d.includes(p.type.name));
+              u.ensureMarks(m);
+            }
+            return !0;
+          }).run();
+        })
+      ])
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-Enter": () => this.editor.commands.setHardBreak(),
+      "Shift-Enter": () => this.editor.commands.setHardBreak()
+    };
+  }
+});
 export {
-  a as default
+  f as HardBreak
 };

package/dist/index245.js

@@ -1,189 +1,63 @@
-import f from "./index241.js";
-import { ObjectUtils as o } from "./index165.js";
-import h from "./index214.js";
-import p from "./index313.js";
-import { resolveComponent as m, createElementBlock as y, openBlock as d, mergeProps as l, createElementVNode as s, renderSlot as b, normalizeClass as g, createBlock as v, createCommentVNode as k } from "vue";
-var C = {
-  name: "BaseCheckbox",
-  extends: h,
-  props: {
-    value: null,
-    modelValue: null,
-    binary: Boolean,
-    name: {
-      type: String,
-      default: null
-    },
-    trueValue: {
-      type: null,
-      default: !0
-    },
-    falseValue: {
-      type: null,
-      default: !1
-    },
-    variant: {
-      type: String,
-      default: null
-    },
-    invalid: {
-      type: Boolean,
-      default: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    readonly: {
-      type: Boolean,
-      default: !1
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    tabindex: {
-      type: Number,
-      default: null
-    },
-    inputId: {
-      type: String,
-      default: null
-    },
-    inputClass: {
-      type: [String, Object],
-      default: null
-    },
-    inputStyle: {
-      type: Object,
-      default: null
-    },
-    ariaLabelledby: {
-      type: String,
-      default: null
-    },
-    ariaLabel: {
-      type: String,
-      default: null
-    }
-  },
-  style: p,
-  provide: function() {
+import { Node as l, textblockTypeInputRule as i, mergeAttributes as a } from "./index238.js";
+var d = l.create({
+  name: "heading",
+  addOptions() {
     return {
-      $parentInstance: this
+      levels: [1, 2, 3, 4, 5, 6],
+      HTMLAttributes: {}
     };
-  }
-};
-function S(e) {
-  return I(e) || V(e) || A(e) || B();
-}
-function B() {
-  throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function A(e, t) {
-  if (e) {
-    if (typeof e == "string") return i(e, t);
-    var n = Object.prototype.toString.call(e).slice(8, -1);
-    if (n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set") return Array.from(e);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return i(e, t);
-  }
-}
-function V(e) {
-  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
-}
-function I(e) {
-  if (Array.isArray(e)) return i(e);
-}
-function i(e, t) {
-  (t == null || t > e.length) && (t = e.length);
-  for (var n = 0, r = new Array(t); n < t; n++) r[n] = e[n];
-  return r;
-}
-var O = {
-  name: "Checkbox",
-  extends: C,
-  inheritAttrs: !1,
-  emits: ["update:modelValue", "change", "focus", "blur"],
-  methods: {
-    getPTOptions: function(t) {
-      var n = t === "root" ? this.ptmi : this.ptm;
-      return n(t, {
-        context: {
-          checked: this.checked,
-          disabled: this.disabled
-        }
-      });
-    },
-    onChange: function(t) {
-      var n = this;
-      if (!this.disabled && !this.readonly) {
-        var r;
-        this.binary ? r = this.checked ? this.falseValue : this.trueValue : this.checked ? r = this.modelValue.filter(function(u) {
-          return !o.equals(u, n.value);
-        }) : r = this.modelValue ? [].concat(S(this.modelValue), [this.value]) : [this.value], this.$emit("update:modelValue", r), this.$emit("change", t);
+  },
+  content: "inline*",
+  group: "block",
+  defining: !0,
+  addAttributes() {
+    return {
+      level: {
+        default: 1,
+        rendered: !1
       }
-    },
-    onFocus: function(t) {
-      this.$emit("focus", t);
-    },
-    onBlur: function(t) {
-      this.$emit("blur", t);
-    }
+    };
   },
-  computed: {
-    checked: function() {
-      return this.binary ? this.modelValue === this.trueValue : o.contains(this.value, this.modelValue);
-    }
+  parseHTML() {
+    return this.options.levels.map((e) => ({
+      tag: `h${e}`,
+      attrs: { level: e }
+    }));
   },
-  components: {
-    CheckIcon: f
+  renderHTML({ node: e, HTMLAttributes: t }) {
+    return [`h${this.options.levels.includes(e.attrs.level) ? e.attrs.level : this.options.levels[0]}`, a(this.options.HTMLAttributes, t), 0];
+  },
+  parseMarkdown: (e, t) => t.createNode("heading", { level: e.depth || 1 }, t.parseInline(e.tokens || [])),
+  renderMarkdown: (e, t) => {
+    var r;
+    const n = (r = e.attrs) != null && r.level ? parseInt(e.attrs.level, 10) : 1, s = "#".repeat(n);
+    return e.content ? `${s} ${t.renderChildren(e.content)}` : "";
+  },
+  addCommands() {
+    return {
+      setHeading: (e) => ({ commands: t }) => this.options.levels.includes(e.level) ? t.setNode(this.name, e) : !1,
+      toggleHeading: (e) => ({ commands: t }) => this.options.levels.includes(e.level) ? t.toggleNode(this.name, "paragraph", e) : !1
+    };
+  },
+  addKeyboardShortcuts() {
+    return this.options.levels.reduce(
+      (e, t) => ({
+        ...e,
+        [`Mod-Alt-${t}`]: () => this.editor.commands.toggleHeading({ level: t })
+      }),
+      {}
+    );
+  },
+  addInputRules() {
+    return this.options.levels.map((e) => i({
+      find: new RegExp(`^(#{${Math.min(...this.options.levels)},${e}})\\s$`),
+      type: this.type,
+      getAttributes: {
+        level: e
+      }
+    }));
   }
-}, T = ["data-p-highlight", "data-p-disabled"], P = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "required", "aria-labelledby", "aria-label", "aria-invalid"];
-function j(e, t, n, r, u, a) {
-  var c = m("CheckIcon");
-  return d(), y("div", l({
-    class: e.cx("root")
-  }, a.getPTOptions("root"), {
-    "data-p-highlight": a.checked,
-    "data-p-disabled": e.disabled
-  }), [s("input", l({
-    id: e.inputId,
-    type: "checkbox",
-    class: [e.cx("input"), e.inputClass],
-    style: e.inputStyle,
-    value: e.value,
-    name: e.name,
-    checked: a.checked,
-    tabindex: e.tabindex,
-    disabled: e.disabled,
-    readonly: e.readonly,
-    required: e.required,
-    "aria-labelledby": e.ariaLabelledby,
-    "aria-label": e.ariaLabel,
-    "aria-invalid": e.invalid || void 0,
-    onFocus: t[0] || (t[0] = function() {
-      return a.onFocus && a.onFocus.apply(a, arguments);
-    }),
-    onBlur: t[1] || (t[1] = function() {
-      return a.onBlur && a.onBlur.apply(a, arguments);
-    }),
-    onChange: t[2] || (t[2] = function() {
-      return a.onChange && a.onChange.apply(a, arguments);
-    })
-  }, a.getPTOptions("input")), null, 16, P), s("div", l({
-    class: e.cx("box")
-  }, a.getPTOptions("box")), [b(e.$slots, "icon", {
-    checked: a.checked,
-    class: g(e.cx("icon"))
-  }, function() {
-    return [a.checked ? (d(), v(c, l({
-      key: 0,
-      class: e.cx("icon")
-    }, a.getPTOptions("icon")), null, 16, ["class"])) : k("", !0)];
-  })], 16)], 16, T);
-}
-O.render = j;
+});
 export {
-  O as default
+  d as Heading
 };