golden-logic-ui 1.2.374 → 1.2.375

package/dist/components/GeneralComponents/GlTinymce.vue.js

@@ -1,4 +1,4 @@
-import { ref as g, onMounted as h, onBeforeUnmount as k, watch as x, computed as v, createElementBlock as s, openBlock as d, Fragment as w, createCommentVNode as y, normalizeClass as r, createElementVNode as a, toDisplayString as n, withDirectives as V, vModelText as C, nextTick as S } from "vue";
+import { ref as g, onMounted as h, onBeforeUnmount as k, watch as v, computed as x, createElementBlock as s, openBlock as d, Fragment as w, createCommentVNode as y, normalizeClass as r, createElementVNode as a, toDisplayString as o, withDirectives as V, vModelText as C, nextTick as S } from "vue";
 import B from "tinymce";
 import "tinymce/icons/default/icons";
 import "tinymce/themes/silver/theme";
@@ -21,7 +21,7 @@ import "tinymce/plugins/charmap/plugin";
 import "tinymce/plugins/insertdatetime/plugin";
 import "tinymce/plugins/visualblocks/plugin";
 import "tinymce/plugins/help/plugin";
-const T = { class: "font-bold ptext-lg dark:text-white" }, E = ["id"], M = ["for"], N = ["name", "id", "type"], q = { class: "gl-span-form-error" }, D = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, ae = {
+const T = { class: "font-bold ptext-lg dark:text-white" }, E = ["id"], M = ["for"], N = ["name", "id", "type"], q = { class: "gl-span-form-error" }, _ = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, ae = {
   __name: "GlTinymce",
   props: {
     is_required: { type: Boolean, default: !1 },
@@ -36,11 +36,11 @@ const T = { class: "font-bold ptext-lg dark:text-white" }, E = ["id"], M = ["for
   },
   emits: ["update:modelValue", "keydown"],
   setup(e, { expose: p, emit: b }) {
-    const o = e, u = b, f = g(null);
+    const n = e, u = b, f = g(null);
     let l = null;
     g(!1), h(async () => {
       await S(), l && (l.destroy(), l = null), B.init({
-        selector: "#" + o.field_name,
+        selector: "#" + n.field_name,
         height: 300,
         plugins: [
           "advlist",
@@ -67,22 +67,27 @@ const T = { class: "font-bold ptext-lg dark:text-white" }, E = ["id"], M = ["for
         content_css: !1,
         // disable import of css
         images_upload_url: "/uploadImages",
+        // Keep uploaded/inserted URLs root-relative. TinyMCE otherwise rewrites
+        // them relative to the page hosting the editor, so an image uploaded from
+        // an admin route is stored as ../storage/... and breaks elsewhere.
+        relative_urls: !1,
+        remove_script_host: !0,
         setup(t) {
           l = t, t.on("Change", () => {
             u("update:modelValue", t.getContent());
           }), t.on("init", () => {
-            t.setContent(o.modelValue);
+            t.setContent(n.modelValue);
           });
         }
       });
     }), k(() => {
       l && (l.destroy(), l = null);
-    }), x(() => o.modelValue, (t) => {
+    }), v(() => n.modelValue, (t) => {
       l && l.getContent() !== t && l.setContent(t);
     });
-    const c = v({
+    const c = x({
       get() {
-        return o.modelValue;
+        return n.modelValue;
       },
       set(t) {
         u("update:modelValue", t);
@@ -93,11 +98,11 @@ const T = { class: "font-bold ptext-lg dark:text-white" }, E = ["id"], M = ["for
         key: 0,
         class: r(e.field_name)
       }, [
-        a("h3", T, n(e.label_name), 1),
+        a("h3", T, o(e.label_name), 1),
         a("p", {
           id: e.field_name,
           class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
-        }, n(e.model_value), 9, E),
+        }, o(e.model_value), 9, E),
         i[2] || (i[2] = a("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
       ], 2)) : y("", !0),
       e.show ? y("", !0) : (d(), s("div", {
@@ -111,7 +116,7 @@ const T = { class: "font-bold ptext-lg dark:text-white" }, E = ["id"], M = ["for
             required: e.is_required
           }),
           for: e.field_name
-        }, n(e.label_name), 11, M),
+        }, o(e.label_name), 11, M),
         V(a("textarea", {
           name: e.field_name,
           id: e.field_name,
@@ -128,8 +133,8 @@ const T = { class: "font-bold ptext-lg dark:text-white" }, E = ["id"], M = ["for
         }, null, 42, N), [
           [C, c.value]
         ]),
-        a("span", q, n(e.error_message), 1),
-        a("small", D, n(e.description), 1)
+        a("span", q, o(e.error_message), 1),
+        a("small", _, o(e.description), 1)
       ], 2))
     ], 64));
   }

package/dist/components/GeneralComponents/GlTinymceTranslate.vue.js

@@ -1,4 +1,4 @@
-import { ref as f, onMounted as b, onBeforeUnmount as w, watch as S, computed as C, createElementBlock as g, openBlock as c, Fragment as _, createCommentVNode as v, normalizeClass as m, createElementVNode as i, withDirectives as V, toDisplayString as d, vModelText as k, nextTick as j } from "vue";
+import { ref as f, onMounted as b, onBeforeUnmount as w, watch as S, computed as C, createElementBlock as g, openBlock as c, Fragment as _, createCommentVNode as v, normalizeClass as m, createElementVNode as i, withDirectives as V, toDisplayString as u, vModelText as h, nextTick as j } from "vue";
 import B from "tinymce";
 import "tinymce/icons/default/icons";
 import "tinymce/themes/silver/theme";
@@ -78,8 +78,8 @@ const N = { class: "font-bold ptext-lg dark:text-white" }, q = ["name", "id"], E
     }
   },
   emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
-  setup(e, { expose: h, emit: x }) {
-    const l = e, o = x, s = f(null), r = f(null);
+  setup(e, { expose: k, emit: x }) {
+    const l = e, o = x, d = f(null), r = f(null);
     let a = null;
     f(!1);
     const p = async () => {
@@ -110,6 +110,11 @@ const N = { class: "font-bold ptext-lg dark:text-white" }, q = ["name", "id"], E
         content_css: !1,
         // disable import of css
         images_upload_url: "/uploadImages",
+        // Keep uploaded/inserted URLs root-relative. TinyMCE otherwise rewrites
+        // them relative to the page hosting the editor, so an image uploaded from
+        // an admin route is stored as ../storage/... and breaks elsewhere.
+        relative_urls: !1,
+        remove_script_host: !0,
         setup(t) {
           a = t, t.on("Change", () => {
             o("update:modelValue", t.getContent());
@@ -117,14 +122,14 @@ const N = { class: "font-bold ptext-lg dark:text-white" }, q = ["name", "id"], E
             t.setContent(l.modelValue);
           });
         }
-      }), s.value.classList.add("gl-multilanguage");
+      }), d.value.classList.add("gl-multilanguage");
     }, T = () => {
       r.value && o("update:modelValueTranslate", r.value.value);
     };
     b(p), w(() => {
       a && (a.destroy(), a = null);
     }), b(() => {
-      p(), l.modelValue && (o("update:modelValue", l.modelValue), s.value.value = l.modelValue), l.modelValueTranslate && (o("update:modelValueTranslate", l.modelValueTranslate), r.value.value = l.modelValueTranslate);
+      p(), l.modelValue && (o("update:modelValue", l.modelValue), d.value.value = l.modelValue), l.modelValueTranslate && (o("update:modelValueTranslate", l.modelValueTranslate), r.value.value = l.modelValueTranslate);
     }), S(() => l.modelValue, (t) => {
       a && a.getContent() !== t && a.setContent(t);
     });
@@ -136,12 +141,12 @@ const N = { class: "font-bold ptext-lg dark:text-white" }, q = ["name", "id"], E
         o("update:modelValue", t);
       }
     });
-    return h({ focus: () => s.value.focus() }), (t, n) => (c(), g(_, null, [
+    return k({ focus: () => d.value.focus() }), (t, n) => (c(), g(_, null, [
       e.show ? (c(), g("div", {
         key: 0,
         class: m(e.field_name)
       }, [
-        i("h3", N, d(e.label_name), 1),
+        i("h3", N, u(e.label_name), 1),
         V(i("input", {
           type: "hidden",
           "data-i18n": "true",
@@ -149,14 +154,14 @@ const N = { class: "font-bold ptext-lg dark:text-white" }, q = ["name", "id"], E
           id: e.field_name + "_i18n",
           ref_key: "input_translate",
           ref: r,
-          "onUpdate:modelValue": n[0] || (n[0] = (u) => t.inputTranslateValue = u)
+          "onUpdate:modelValue": n[0] || (n[0] = (s) => t.inputTranslateValue = s)
         }, null, 8, q), [
-          [k, t.inputTranslateValue]
+          [h, t.inputTranslateValue]
         ]),
         i("p", {
           id: e.field_name,
           class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
-        }, d(e.model_value), 9, E),
+        }, u(e.model_value), 9, E),
         n[3] || (n[3] = i("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
       ], 2)) : v("", !0),
       e.show ? v("", !0) : (c(), g("div", {
@@ -170,7 +175,7 @@ const N = { class: "font-bold ptext-lg dark:text-white" }, q = ["name", "id"], E
             required: e.is_required
           }),
           for: e.field_name
-        }, d(e.label_name), 11, I),
+        }, u(e.label_name), 11, I),
         n[4] || (n[4] = i("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded-sm dark:bg-blue-900 dark:text-blue-300" }, null, -1)),
         i("input", {
           class: "mb-4",
@@ -190,16 +195,16 @@ const N = { class: "font-bold ptext-lg dark:text-white" }, q = ["name", "id"], E
             " gl-textarea-form-invalid": e.error_message !== ""
           }]),
           type: e.type,
-          "onUpdate:modelValue": n[1] || (n[1] = (u) => y.value = u),
-          onKeydown: n[2] || (n[2] = (u) => t.$emit("keydown", u)),
+          "onUpdate:modelValue": n[1] || (n[1] = (s) => y.value = s),
+          onKeydown: n[2] || (n[2] = (s) => t.$emit("keydown", s)),
           ref_key: "input",
-          ref: s,
+          ref: d,
           rows: "4"
         }, "   ", 42, O), [
-          [k, y.value]
+          [h, y.value]
         ]),
-        i("span", U, d(e.error_message), 1),
-        i("small", D, d(e.description), 1)
+        i("span", U, u(e.error_message), 1),
+        i("small", D, u(e.description), 1)
       ], 2))
     ], 64));
   }

package/package.json

@@ -3,7 +3,7 @@
   "description": "The most popular library of interactive components built with Vuejs && Tailwind CSS",
   "type": "module",
   "private": false,
-  "version": "1.2.374",
+  "version": "1.2.375",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mrgiant/GoldenLogicUi.git"