@bagelink/vue 0.0.712 → 0.0.716

package/dist/index.cjs

@@ -2939,7 +2939,10 @@ function AxiosError(message2, code2, config, request, response) {
   code2 && (this.code = code2);
   config && (this.config = config);
   request && (this.request = request);
-  response && (this.response = response);
+  if (response) {
+    this.response = response;
+    this.status = response.status ? response.status : null;
+  }
 }
 utils$1.inherits(AxiosError, Error, {
   toJSON: function toJSON() {
@@ -2958,7 +2961,7 @@ utils$1.inherits(AxiosError, Error, {
       // Axios
       config: utils$1.toJSONObject(this.config),
       code: this.code,
-      status: this.response && this.response.status ? this.response.status : null
+      status: this.status
     };
   }
 });
@@ -3239,9 +3242,8 @@ const platform$1 = {
   protocols: ["http", "https", "file", "blob", "url", "data"]
 };
 const hasBrowserEnv = typeof window !== "undefined" && typeof document !== "undefined";
-const hasStandardBrowserEnv = ((product) => {
-  return hasBrowserEnv && ["ReactNative", "NativeScript", "NS"].indexOf(product) < 0;
-})(typeof navigator !== "undefined" && navigator.product);
+const _navigator = typeof navigator === "object" && navigator || void 0;
+const hasStandardBrowserEnv = hasBrowserEnv && (!_navigator || ["ReactNative", "NativeScript", "NS"].indexOf(_navigator.product) < 0);
 const hasStandardBrowserWebWorkerEnv = (() => {
   return typeof WorkerGlobalScope !== "undefined" && // eslint-disable-next-line no-undef
   self instanceof WorkerGlobalScope && typeof self.importScripts === "function";
@@ -3252,6 +3254,7 @@ const utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   hasBrowserEnv,
   hasStandardBrowserEnv,
   hasStandardBrowserWebWorkerEnv,
+  navigator: _navigator,
   origin
 }, Symbol.toStringTag, { value: "Module" }));
 const platform = {
@@ -3827,7 +3830,7 @@ const isURLSameOrigin = platform.hasStandardBrowserEnv ? (
   // Standard browser envs have full support of the APIs needed to test
   // whether the request URL is of the same origin as current location.
   function standardBrowserEnv() {
-    const msie = /(msie|trident)/i.test(navigator.userAgent);
+    const msie = platform.navigator && /(msie|trident)/i.test(platform.navigator.userAgent);
     const urlParsingNode = document.createElement("a");
     let originURL;
     function resolveURL(url) {
@@ -4333,6 +4336,7 @@ const fetchAdapter = isFetchSupported && (async (config) => {
     if (!utils$1.isString(withCredentials)) {
       withCredentials = withCredentials ? "include" : "omit";
     }
+    const isCredentialsSupported = "credentials" in Request.prototype;
     request = new Request(url, {
       ...fetchOptions,
       signal: composedSignal,
@@ -4340,7 +4344,7 @@ const fetchAdapter = isFetchSupported && (async (config) => {
       headers: headers.normalize().toJSON(),
       body: data2,
       duplex: "half",
-      credentials: withCredentials
+      credentials: isCredentialsSupported ? withCredentials : void 0
     });
     let response = await fetch(request);
     const isStreamResponse = supportsResponseStream && (responseType === "stream" || responseType === "response");
@@ -4484,7 +4488,7 @@ function dispatchRequest(config) {
     return Promise.reject(reason);
   });
 }
-const VERSION = "1.7.4";
+const VERSION = "1.7.5";
 const validators$1 = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((type3, i2) => {
   validators$1[type3] = function validator2(thing) {
@@ -5469,14 +5473,16 @@ const ModalPlugin = {
     const hideModal = (index2) => {
       modalStack.value.splice(index2, 1);
     };
-    const modalConfirm = async (options) => new Promise((resolve) => {
-      if (typeof options === "string") options = { title: "", message: options };
-      modalStack.value.push({
-        modalOptions: { ...options, resolve },
-        modalType: "confirm",
-        componentSlots: {}
-      });
-    });
+    const modalConfirm = async (options) => new Promise(
+      (resolve) => {
+        if (typeof options === "string") options = { title: "", message: options };
+        modalStack.value.push({
+          modalOptions: { ...options, resolve },
+          modalType: "confirm",
+          componentSlots: {}
+        });
+      }
+    );
     const showModal = (modalType, options, slots = {}) => {
       modalStack.value.push({
         modalOptions: options,
@@ -5498,11 +5504,19 @@ const ModalPlugin = {
       data: () => ({ modalStack: modalStack.value }),
       render() {
         return this.modalStack.map((modal, index2) => {
-          const props2 = { ...modal.modalOptions, "visible": true, "onUpdate:visible": () => {
-            hideModal(index2);
-          } };
-          if (modal.modalType === "modalForm") return vue.h(ModalForm, props2, modal.componentSlots);
-          if (modal.modalType === "confirm") return vue.h(_sfc_main$v, props2, {});
+          const props2 = {
+            ...modal.modalOptions,
+            "visible": true,
+            "onUpdate:visible": () => {
+              hideModal(index2);
+            }
+          };
+          if (modal.modalType === "modalForm") {
+            return vue.h(ModalForm, props2, modal.componentSlots);
+          }
+          if (modal.modalType === "confirm") {
+            return vue.h(_sfc_main$v, props2, {});
+          }
           return vue.h(_sfc_main$N, props2, modal.componentSlots);
         });
       }
@@ -6107,7 +6121,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.to ? "RouterLink" : "div"), {
         to: _ctx.to,
-        class: vue.normalizeClass(["flex gap-1", { "list-item": _ctx.to || _ctx.onClick, "no-border-list": _ctx.flat }])
+        class: vue.normalizeClass(["flex gap-1 list-item", { "notClickable": !(_ctx.to || _ctx.onClick), "no-border-list": _ctx.flat }])
       }, {
         default: vue.withCtx(() => [
           _ctx.src || _ctx.showAvatar ? (vue.openBlock(), vue.createBlock(vue.unref(Avatar), {
@@ -6474,19 +6488,19 @@ function useVerticalVirtualList(options, list) {
     containerRef
   };
 }
-const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-5441d9cd"), n2 = n2(), vue.popScopeId(), n2);
+const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-5441d9cd"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$F = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
-const _hoisted_2$u = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1));
+const _hoisted_2$u = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1));
 const _hoisted_3$k = [
   _hoisted_2$u
 ];
 const _hoisted_4$e = { class: "infinite-wrapper" };
 const _hoisted_5$e = { class: "row first-row" };
 const _hoisted_6$9 = { key: 0 };
-const _hoisted_7$5 = ["onClick"];
+const _hoisted_7$4 = ["onClick"];
 const _hoisted_8$2 = { class: "flex" };
 const _hoisted_9$2 = ["onClick"];
 const _hoisted_10$1 = { key: 0 };
@@ -6659,7 +6673,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_7$5);
+                ], 8, _hoisted_7$4);
               }), 128))
             ]),
             vue.createElementVNode("tbody", null, [
@@ -6758,7 +6772,7 @@ const _hoisted_6$8 = {
   key: 0,
   class: "data-row"
 };
-const _hoisted_7$4 = { class: "key" };
+const _hoisted_7$3 = { class: "key" };
 const _hoisted_8$1 = { class: "m-0" };
 const _hoisted_9$1 = {
   key: 0,
@@ -6827,7 +6841,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, ({ id, label }) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: id }, [
               !isUnset(itemData.value[id]) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$8, [
-                vue.createElementVNode("div", _hoisted_7$4, [
+                vue.createElementVNode("div", _hoisted_7$3, [
                   vue.createElementVNode("p", _hoisted_8$1, vue.toDisplayString(label), 1)
                 ]),
                 vue.createElementVNode("div", null, [
@@ -16305,8 +16319,7 @@ const _hoisted_4$c = {
   class: "ms-auto ps-05 me-05"
 };
 const _hoisted_5$c = ["value"];
-const _hoisted_6$7 = { class: "selectinput-options" };
-const _hoisted_7$3 = ["aria-selected", "onClick", "onKeydown"];
+const _hoisted_6$7 = ["aria-selected", "onClick", "onKeydown"];
 const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "SelectInput",
   props: {
@@ -16471,7 +16484,9 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                 placeholder: "Search",
                 icon: "search"
               }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_6$7, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(["selectinput-options", { multiselect: _ctx.multiselect }])
+              }, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (option2, i2) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: `${option2}${i2}`,
@@ -16482,19 +16497,21 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                     onClick: ($event) => select2(option2),
                     onKeydown: vue.withKeys(($event) => select2(option2), ["enter"])
                   }, [
-                    isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
-                      key: 0,
-                      icon: "check"
-                    })) : vue.createCommentVNode("", true),
-                    !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
-                      key: 1,
-                      class: "opacity-3",
-                      icon: "fiber_manual_record"
-                    })) : vue.createCommentVNode("", true),
+                    _ctx.multiselect ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                      isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
+                        key: 0,
+                        icon: "select_check_box"
+                      })) : vue.createCommentVNode("", true),
+                      !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
+                        key: 1,
+                        class: "opacity-3",
+                        icon: "check_box_outline_blank"
+                      })) : vue.createCommentVNode("", true)
+                    ], 64)) : vue.createCommentVNode("", true),
                     vue.createElementVNode("span", null, vue.toDisplayString(getLabel(option2)), 1)
-                  ], 42, _hoisted_7$3);
+                  ], 42, _hoisted_6$7);
                 }), 128))
-              ]),
+              ], 2),
               vue.renderSlot(_ctx.$slots, "last", {}, void 0, true)
             ]),
             _: 3
@@ -16518,9 +16535,10 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                 !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$g, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
                 _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$c, [
                   vue.createVNode(vue.unref(Btn), {
+                    flat: "",
                     thin: "",
                     icon: "clear",
-                    class: "color-primary bg-gray-20",
+                    class: "color-gray",
                     onClick: _cache[0] || (_cache[0] = ($event) => {
                       vue.isRef(selectedItems) ? selectedItems.value = [] : selectedItems = [];
                       emitUpdate();
@@ -16548,7 +16566,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-a26862a2"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-25fde24f"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -19542,32 +19560,30 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d86ce838"]]);
-const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-4c71cd49"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$k = { class: "bagel-input" };
 const _hoisted_2$f = {
   key: 0,
-  class: "single-image"
+  class: "bgl-multi-preview"
 };
 const _hoisted_3$b = ["src"];
-const _hoisted_4$7 = {
-  key: 1,
-  class: "multi-image-item previewName"
-};
-const _hoisted_5$7 = ["src"];
-const _hoisted_6$5 = { class: "no-margin" };
+const _hoisted_4$7 = { class: "m-0" };
+const _hoisted_5$7 = ["width", "src"];
+const _hoisted_6$5 = { class: "no-margin multi-preview-txt" };
 const _hoisted_7$2 = {
   key: 0,
-  class: "imagePreviewWrap"
+  class: "progress"
 };
-const _hoisted_8 = ["src"];
-const _hoisted_9 = { class: "previewName" };
-const _hoisted_10 = ["width", "src"];
-const _hoisted_11 = { class: "no-margin" };
-const _hoisted_12 = {
+const _hoisted_8 = {
+  key: 1,
+  class: "bgl-single-preview"
+};
+const _hoisted_9 = ["src"];
+const _hoisted_10 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_13 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode("p", null, "Drop files here or click to upload", -1));
+const _hoisted_11 = ["src"];
+const _hoisted_12 = { class: "p-1 flex column hover fileUploadPlaceHolder" };
 const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "FileUpload",
   props: {
@@ -19577,7 +19593,10 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     bindkey: {},
     modelValue: {},
     width: {},
-    topic: {}
+    height: {},
+    topic: {},
+    fill: { type: Boolean },
+    oval: { type: Boolean }
   },
   emits: ["update:modelValue", "addFileStart"],
   setup(__props, { emit: __emit }) {
@@ -19585,6 +19604,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     const emit2 = __emit;
     const bagel = useBagel();
     const bindKey2 = props2.bindkey || "id";
+    const isImage = (str) => IMAGE_FORMATS_REGEXP.test(str);
     let file_bindkeys = vue.ref(props2.modelValue || []);
     const storageFiles = vue.ref([]);
     async function fetchFiles() {
@@ -19703,9 +19723,11 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label), 1),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["fileUploadWrap", {
-            fileDropZone: !storageFiles.value.length && !fileQueue.value.length,
-            dragover: vue.unref(isDragOver)
+            "fileDropZone": !storageFiles.value.length && !fileQueue.value.length,
+            "dragover": vue.unref(isDragOver),
+            "bgl_oval-upload": _ctx.oval
           }]),
+          style: vue.normalizeStyle({ width: props2.width, height: props2.height || "215px" }),
           onClick: browse,
           onDragover: dragover,
           onDrop: drop3,
@@ -19715,24 +19737,23 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             files: storageFiles.value,
             fileQueue: fileQueue.value
           }, () => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(storageFiles.value, (file) => {
-              return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                key: file.id
-              }, [
-                !_ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
-                  vue.createElementVNode("img", {
-                    class: "single preview",
-                    src: file.url,
-                    alt: ""
-                  }, null, 8, _hoisted_3$b)
-                ])) : vue.createCommentVNode("", true),
-                _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, [
-                  vue.createElementVNode("img", {
-                    class: "preview",
+            _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(storageFiles.value, (file) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: file.id,
+                  class: "multi-image-item-preview"
+                }, [
+                  isImage(file.extension || file.url) ? (vue.openBlock(), vue.createElementBlock("img", {
+                    key: 0,
+                    class: "multi-preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, _hoisted_5$7),
-                  vue.createElementVNode("p", _hoisted_6$5, vue.toDisplayString(file.name), 1),
+                  }, null, 8, _hoisted_3$b)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
+                    key: 1,
+                    icon: "draft",
+                    class: "multi-preview"
+                  })),
+                  vue.createElementVNode("p", _hoisted_4$7, vue.toDisplayString(file.name), 1),
                   vue.createVNode(vue.unref(Btn), {
                     thin: "",
                     flat: "",
@@ -19740,42 +19761,84 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                     color: "red",
                     onClick: vue.withModifiers(($event) => removeFile(file), ["stop"])
                   }, null, 8, ["onClick"])
-                ])) : vue.createCommentVNode("", true)
-              ], 64);
-            }), 128)),
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fileQueue.value, (fileQ) => {
-              return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                key: fileQ.file
-              }, [
-                !_ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
-                  vue.createElementVNode("img", {
-                    class: "preview",
-                    src: fileToUrl(fileQ.file),
-                    alt: ""
-                  }, null, 8, _hoisted_8)
-                ])) : vue.createCommentVNode("", true),
-                vue.createElementVNode("div", _hoisted_9, [
-                  _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("img", {
+                ]);
+              }), 128)),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fileQueue.value, (fileQ) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: fileQ.file.name,
+                  class: "multi-image-item-preview"
+                }, [
+                  isImage(fileQ.file.type) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                    _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("img", {
+                      key: 0,
+                      width: _ctx.width || "220",
+                      class: "multi-preview",
+                      src: fileToUrl(fileQ.file),
+                      alt: ""
+                    }, null, 8, _hoisted_5$7)) : vue.createCommentVNode("", true)
+                  ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
+                    key: 1,
+                    icon: "draft",
+                    class: "multi-preview"
+                  })),
+                  vue.createElementVNode("p", _hoisted_6$5, vue.toDisplayString(fileQ.name), 1),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["pie", { complete: fileQ.progress === 100 }]),
+                    style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
+                  }, [
+                    fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$2, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
+                    vue.createVNode(vue.unref(_sfc_main$Q), {
+                      class: "success",
+                      icon: "check"
+                    })
+                  ], 6)
+                ]);
+              }), 128))
+            ])) : vue.createCommentVNode("", true),
+            !_ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(storageFiles.value, (file) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: file.id,
+                  class: vue.normalizeClass(["single-image-item-preview", { "bgl_fill-image": _ctx.fill }])
+                }, [
+                  isImage(file.extension || file.url) ? (vue.openBlock(), vue.createElementBlock("img", {
                     key: 0,
-                    width: _ctx.width || "220",
-                    class: "preview",
-                    src: fileToUrl(fileQ.file),
+                    class: "single-preview",
+                    src: file.url,
                     alt: ""
-                  }, null, 8, _hoisted_10)) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("p", _hoisted_11, vue.toDisplayString(fileQ.name), 1),
+                  }, null, 8, _hoisted_9)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
+                    key: 1,
+                    size: 4,
+                    weight: "2",
+                    icon: "draft",
+                    class: "color-primary w-100"
+                  }))
+                ], 2);
+              }), 128)),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fileQueue.value, (fileQ) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: fileQ.file.name,
+                  class: vue.normalizeClass(["single-image-item-preview", { "bgl_fill-image": _ctx.fill }])
+                }, [
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["pie", { complete: fileQ.progress === 100 }]),
                     style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
-                    fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
+                    fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
                     vue.createVNode(vue.unref(_sfc_main$Q), {
                       class: "success",
                       icon: "check"
                     })
-                  ], 6)
-                ])
-              ], 64);
-            }), 128))
+                  ], 6),
+                  isImage(fileQ.file.type) ? (vue.openBlock(), vue.createElementBlock("img", {
+                    key: 0,
+                    class: "single-preview",
+                    src: fileToUrl(fileQ.file),
+                    alt: ""
+                  }, null, 8, _hoisted_11)) : vue.createCommentVNode("", true)
+                ], 2);
+              }), 128))
+            ])) : vue.createCommentVNode("", true)
           ], true),
           !storageFiles.value.length && !fileQueue.value.length || _ctx.multiple ? vue.renderSlot(_ctx.$slots, "placeholder", {
             key: 0,
@@ -19783,14 +19846,17 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             fileQueue: fileQueue.value,
             browse
           }, () => [
-            _hoisted_13
+            vue.createElementVNode("p", _hoisted_12, [
+              vue.createVNode(vue.unref(_sfc_main$Q), { icon: "upload_2" }),
+              vue.createTextVNode(" Drop files here or click to upload ")
+            ])
           ], true) : vue.createCommentVNode("", true)
-        ], 34)
+        ], 38)
       ]);
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-4c71cd49"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-5911e10d"]]);
 const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-06b95183"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
@@ -33180,7 +33246,11 @@ function createNodeFromContent(content, schema, options) {
       if (isArrayContent) {
         return Fragment.fromArray(content.map((item) => schema.nodeFromJSON(item)));
       }
-      return schema.nodeFromJSON(content);
+      const node = schema.nodeFromJSON(content);
+      if (options.errorOnInvalidContent) {
+        node.check();
+      }
+      return node;
     } catch (error) {
       if (options.errorOnInvalidContent) {
         throw new Error("[tiptap error]: Invalid JSON content", { cause: error });
@@ -46359,7 +46429,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
 });
 const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-9d176183"]]);
 /*!
- * Signature Pad v5.0.2 | https://github.com/szimek/signature_pad
+ * Signature Pad v5.0.3 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
  */
 class Point {
@@ -46399,7 +46469,7 @@ class Bezier {
     const l2 = Math.sqrt(dx2 * dx2 + dy2 * dy2);
     const dxm = m1.x - m2.x;
     const dym = m1.y - m2.y;
-    const k2 = l2 / (l1 + l2);
+    const k2 = l1 + l2 == 0 ? 0 : l2 / (l1 + l2);
     const cm = { x: m2.x + dxm * k2, y: m2.y + dym * k2 };
     const tx = s2.x - cm.x;
     const ty = s2.y - cm.y;
@@ -47090,7 +47160,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$f = {
-  class: "toolbar",
+  class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
 };
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
@@ -47101,82 +47171,58 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   emits: ["action"],
   setup(__props, { emit: __emit }) {
     const emit2 = __emit;
-    const colorPicker = vue.ref(null);
-    const fontSizeInput = vue.ref(null);
+    vue.ref(null);
+    vue.ref(null);
     const toolbarOptions = [
+      { name: "separator" },
       { name: "bold", icon: "format_bold" },
       { name: "italic", icon: "format_italic" },
       { name: "underline", icon: "format_underlined" },
-      { name: "fontSize", icon: "format_size" },
-      { name: "fontFamily", icon: "font_download" },
-      { name: "textColor", icon: "text_format" },
-      { name: "backgroundColor", icon: "format_color_fill" },
-      { name: "alignLeft", icon: "format_align_left" },
-      { name: "alignCenter", icon: "format_align_center" },
-      { name: "alignRight", icon: "format_align_right" },
-      { name: "alignJustify", icon: "format_align_justify" },
+      { name: "separator" },
       { name: "orderedList", icon: "format_list_numbered" },
       { name: "unorderedList", icon: "format_list_bulleted" },
-      { name: "indent", icon: "format_indent_increase" },
-      { name: "outdent", icon: "format_indent_decrease" },
-      { name: "link", icon: "link" },
-      { name: "image", icon: "image" },
-      { name: "table", icon: "table_chart" },
-      { name: "blockquote", icon: "format_quote" },
-      { name: "codeBlock", icon: "code" },
-      { name: "splitView", icon: "splitscreen_right" },
-      { name: "codeView", icon: "code" }
+      { name: "separator" },
+      { name: "link", icon: "add_link" },
+      { name: "image", icon: "add_photo_alternate" },
+      { name: "youtube", icon: "youtube_activity" },
+      { name: "separator" },
+      { name: "splitView", icon: "code" },
+      { name: "clear", icon: "format_clear" }
     ];
-    function handleColorPick(type3) {
-      var _a2;
-      const color2 = (_a2 = colorPicker.value) == null ? void 0 : _a2.value;
-      if (color2) {
-        emit2("action", type3, color2);
-      }
-    }
-    function handleFontSizeChange() {
-      var _a2;
-      const size2 = (_a2 = fontSizeInput.value) == null ? void 0 : _a2.value;
-      if (size2) {
-        emit2("action", "fontSize", size2);
-      }
+    function handleSelectChange(selectedOption) {
+      emit2("action", "formatBlock", selectedOption);
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(toolbarOptions.filter((t) => _ctx.config.includes(t.name)), (action) => {
-          return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(Btn), {
-            key: action.name,
-            thin: "",
-            color: "light",
-            "aria-label": action.name,
-            icon: action.icon,
-            onClick: ($event) => emit2("action", action.name)
-          }, null, 8, ["aria-label", "icon", "onClick"])), [
-            [_directive_tooltip, action.name]
-          ]);
-        }), 128)),
-        _ctx.config.includes("textColor") || _ctx.config.includes("backgroundColor") ? (vue.openBlock(), vue.createElementBlock("input", {
-          key: 0,
-          ref_key: "colorPicker",
-          ref: colorPicker,
-          type: "color",
-          onChange: _cache[0] || (_cache[0] = ($event) => handleColorPick(_ctx.config.includes("textColor") ? "textColor" : "backgroundColor"))
-        }, null, 544)) : vue.createCommentVNode("", true),
-        _ctx.config.includes("fontSize") ? (vue.openBlock(), vue.createElementBlock("input", {
-          key: 1,
-          ref_key: "fontSizeInput",
-          ref: fontSizeInput,
-          type: "number",
-          min: "1",
-          max: "7",
-          onChange: handleFontSizeChange
-        }, null, 544)) : vue.createCommentVNode("", true)
+        vue.createVNode(SelectInput, {
+          class: "m-0 w150",
+          options: ["Text", "Heading 1", "Heading 2", "Heading 3", "Heading 4", "Heading 5", "Heading 6", "Blockquote", "Code"],
+          onChange: handleSelectChange
+        }),
+        (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(toolbarOptions, (action, index2) => {
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+            action.name !== "separator" && _ctx.config.includes(action.name) ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+              key: action.name,
+              thin: "",
+              flat: "",
+              class: "rounded",
+              "aria-label": action.name,
+              icon: action.icon,
+              onClick: ($event) => emit2("action", action.name)
+            }, null, 8, ["aria-label", "icon", "onClick"])), [
+              [_directive_tooltip, action.name]
+            ]) : vue.createCommentVNode("", true),
+            action.name === "separator" ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: `separator-${index2}`,
+              class: "opacity-2 mb-025"
+            }, "|")) : vue.createCommentVNode("", true)
+          ], 64);
+        }), 64))
       ]);
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-4c741194"]]);
 function applyFormatting(command2, value = "") {
   const selection = window.getSelection();
   if (selection && selection.rangeCount > 0) {
@@ -47349,8 +47395,11 @@ function createTable() {
     }
   }
 }
-const _hoisted_1$e = { class: "rich-text-editor" };
-const _hoisted_2$b = ["innerHTML"];
+const _hoisted_1$e = { class: "rich-text-editor round pt-05 px-1 pb-1" };
+const _hoisted_2$b = {
+  key: 0,
+  class: "preview-area bg-black color-white w-100 rounded p-1"
+};
 const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -47384,7 +47433,9 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
       "blockquote",
       "codeBlock",
       "splitView",
-      "codeView"
+      "youtube",
+      "codeView",
+      "clear"
     ];
     const config = vue.ref(props2.toolbarConfig || defaultConfig2);
     let contentHtml = vue.ref(props2.modelValue);
@@ -47467,15 +47518,15 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
-        vue.createVNode(Toolbar, {
+        vue.createVNode(_sfc_main$a, {
           config: config.value,
           onAction: handleToolbarAction
         }, null, 8, ["config"]),
         vue.createElementVNode("div", {
-          class: vue.normalizeClass(["editor-container", { "split-view": vue.unref(isSplitView) }])
+          class: vue.normalizeClass(["editor-container flex flex-stretch", { "split-view": vue.unref(isSplitView) }])
         }, [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(["content-area", { "code-view": vue.unref(isCodeView) }])
+            class: vue.normalizeClass(["content-area rounded p-1 bg-white shadow-light w-100 grid", { "code-view": vue.unref(isCodeView) }])
           }, [
             vue.unref(isCodeView) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", {
               key: 0,
@@ -47488,6 +47539,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
               ref_key: "editableContent",
               ref: editableContent,
               contenteditable: "true",
+              class: "editableContent",
               role: "textbox",
               "aria-multiline": "true",
               tabindex: "0",
@@ -47495,17 +47547,13 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
               onKeydown: handleKeyDown2
             }, null, 544))
           ], 2),
-          vue.unref(isSplitView) ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: "preview-area",
-            innerHTML: vue.unref(contentHtml)
-          }, null, 8, _hoisted_2$b)) : vue.createCommentVNode("", true)
+          vue.unref(isSplitView) ? (vue.openBlock(), vue.createElementBlock("code", _hoisted_2$b, vue.toDisplayString(vue.unref(contentHtml)), 1)) : vue.createCommentVNode("", true)
         ], 2)
       ]);
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-e3cd444d"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-d3f64de7"]]);
 const _hoisted_1$d = ["for"];
 const _hoisted_2$a = ["id", "name", "value"];
 const _hoisted_3$8 = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
@@ -54382,6 +54430,10 @@ const allCountries = countryArray.map(
     areaCodes
   })
 );
+const IMAGE_FORMATS = ["jpeg", "png", "webp", "avif", "apng", "gif", "avifs", "svg", "bmp", "jpg"];
+const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join("|")})$`, "i");
+const VIDEO_FORMATS = ["mp4", "webm", "ogg", "mov", "avi", "flv", "wmv", "mkv", "ts", "m3u8"];
+const VIDEO_FORMATS_REGEXP = new RegExp(`(${VIDEO_FORMATS.join("|")})$`, "i");
 exports.Accordion = _sfc_main$A;
 exports.AccordionItem = AccordionItem;
 exports.Alert = Alert;
@@ -54406,6 +54458,8 @@ exports.DatePicker = _sfc_main$h;
 exports.Dropdown = kt$1;
 exports.FileUpload = $el;
 exports.Flag = Flag;
+exports.IMAGE_FORMATS = IMAGE_FORMATS;
+exports.IMAGE_FORMATS_REGEXP = IMAGE_FORMATS_REGEXP;
 exports.Icon = _sfc_main$Q;
 exports.JSONInput = JSONInput;
 exports.Layout = Layout;
@@ -54439,6 +54493,8 @@ exports.TextInput = TextInput;
 exports.Title = _sfc_main$B;
 exports.ToggleInput = ToggleInput;
 exports.TopBar = TopBar;
+exports.VIDEO_FORMATS = VIDEO_FORMATS;
+exports.VIDEO_FORMATS_REGEXP = VIDEO_FORMATS_REGEXP;
 exports.allCountries = allCountries;
 exports.bagelFormUtils = bagelFormUtils;
 exports.bagelInjectionKey = bagelInjectionKey;