@quoreadmin/ui 1.7.20 → 1.8.1

package/dist/index161.js

@@ -0,0 +1,210 @@
+import { defineComponent as q, ref as o, computed as c, watch as k, onBeforeUnmount as M, onMounted as z, onUnmounted as K, nextTick as Q } from "vue";
+import { useBreakpoints as W, onClickOutside as b, breakpointsTailwind as _ } from "./index165.js";
+import { EditorContent as $, useEditor as D } from "./index198.js";
+import G from "./index199.js";
+import I from "./index200.js";
+import { Underline as J } from "./index201.js";
+import { TextStyle as N, Color as X } from "./index202.js";
+import { Link as Y } from "./index203.js";
+import { Placeholder as Z } from "./index204.js";
+import ee from "./index24.js";
+import te from "./index164.js";
+const ve = q({
+  components: {
+    EditorContent: $,
+    EmojiPicker: G,
+    QFileUpload: ee
+  },
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    attachments: {
+      type: Object,
+      default: () => []
+    },
+    allowEmojis: {
+      type: Boolean,
+      default: !1
+    },
+    // If the wysiwyg should allow users to upload files/images
+    allowAttachments: {
+      type: Boolean,
+      default: !1
+    },
+    allowFormatting: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** Specify file types allowed */
+    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
+    filesAllowed: {
+      type: String,
+      default: "image/*,.pdf"
+    },
+    // If NOT isStacked we can expand it to be stacked when focused or files are attached
+    expands: {
+      type: Boolean,
+      default: !1
+    },
+    isStacked: {
+      type: Boolean,
+      default: !0
+    },
+    isStandalone: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    processing: {
+      type: Boolean,
+      default: !1
+    }
+    // If we have attachments, the wysiwyg should show the image preview as thumbnails (circle back)
+    // showThumbnails: {
+    //     type: Boolean,
+    //     default: true,
+    // },
+    // circle back to this
+    // mentions: {
+    //     // Refine type as we get further
+    //     type: Array as PropType<any>,
+    //     default: () => [],
+    // },
+  },
+  emits: ["update:model-value", "update:attachments", "keyboard-open"],
+  setup(a, { emit: i }) {
+    const d = o(), u = o(!1), C = o(""), f = o(), x = o(), s = o(!1), m = o(!1), n = o(!1), r = o([]), v = o(), E = o(), p = o(), l = o(!1), S = o(window.innerHeight), B = c(() => t.value.getAttributes("textStyle").color || "#121517"), h = c(() => a.attachments), V = c(() => a.isStacked || a.expands && (h.value.length > 0 || n.value || !t.value.isEmpty) || m.value), U = W(_).greaterOrEqual("md"), j = () => {
+      const e = window.prompt("URL");
+      t.value.chain().focus().extendMarkRange("link").setLink({ href: e || "" }).run();
+    }, L = (e) => {
+      t.value.chain().focus().setColor(e).run(), g();
+    }, F = () => {
+      s.value = !s.value;
+    }, g = () => {
+      s.value = !1;
+    }, O = () => {
+      v.value?.fileUpload?.choose();
+    }, P = (e) => {
+      t.value.chain().focus().insertContent(e).run(), f.value.$el.click();
+    }, w = async () => {
+      if (await Q(), n.value) {
+        const e = l.value, T = visualViewport?.height || window.innerHeight;
+        l.value = S.value - T > 0, e !== l.value && (n.value = l.value, i("keyboard-open", l.value));
+      }
+    }, R = () => {
+      n.value && a.expands && (l.value = !1, i("keyboard-open", l.value)), n.value = !1;
+    }, A = (e) => {
+      t.value.chain().focus().insertContent(e.i).run(), u.value = !1;
+    }, H = (e) => {
+      r.value = e, y();
+    }, y = () => {
+      let e = "";
+      t.value.isEmpty || (e = a.allowFormatting ? t.value.getHTML() : t.value.getText()), r.value !== a.attachments && i("update:attachments", r.value), i("update:model-value", e);
+    }, t = o(
+      D({
+        extensions: [
+          I.configure({
+            // Disable an included extension
+            // Command + z = undo
+            // TODO: Add an undo button if this is needed
+            // history: false,
+            // Configure an included extension
+            heading: {
+              levels: [1, 2]
+            }
+          }),
+          J,
+          N,
+          X,
+          Y.configure({
+            openOnClick: !1
+          }),
+          Z.configure({
+            placeholder: a.placeholder
+          })
+        ],
+        content: a.modelValue,
+        // Set this to the initial value coming in.
+        onUpdate: y,
+        editable: !a.disabled
+        // make the text editable or not - default is editable
+      })
+    );
+    return k(() => a.modelValue, (e) => {
+      t.value && !e && t.value.commands.clearContent();
+    }), k(() => a.disabled, (e) => {
+      t.value && (t.value.options.editable = !e, t.value.view.update(t.value.view.props));
+    }), M(() => {
+      t.value?.destroy();
+    }), z(() => {
+      visualViewport && a.expands && visualViewport.addEventListener("resize", w);
+    }), K(() => {
+      visualViewport && a.expands && visualViewport.removeEventListener("resize", w);
+    }), b(d, () => {
+      u.value = !1;
+    }), b(p, () => {
+      n.value && a.expands && (l.value = !1, i("keyboard-open", l.value)), n.value = !1;
+    }), {
+      colors: te.theme.colors,
+      colorExclusions: [
+        "success",
+        "success-light",
+        "error",
+        "error-light",
+        "warning",
+        "warning-light",
+        "info",
+        "info-light",
+        "transparent",
+        "current",
+        "green-quore",
+        "blue-sky",
+        "blue-quore",
+        "complaint",
+        "recurring",
+        "workorder"
+      ],
+      editor: t,
+      editorRef: E,
+      // refs
+      emojiPickerElement: d,
+      showEmojiPicker: u,
+      emojiSearch: C,
+      invoker: f,
+      isExpanded: V,
+      multiUploader: x,
+      showColorMenu: s,
+      focused: n,
+      files: h,
+      showFormatOptions: m,
+      uploadedfiles: r,
+      fileUploadRef: v,
+      wysiwygRef: p,
+      // computed
+      setColor: B,
+      // methods
+      mdAndLarger: U,
+      setLink: j,
+      selectColor: L,
+      showColors: F,
+      onClickAction: R,
+      onClickOutColors: g,
+      attachFiles: O,
+      appendEmoji: P,
+      onSelectEmoji: A,
+      onSelectFiles: H
+    };
+  }
+});
+export {
+  ve as default
+};