golden-logic-ui 1.2.373 → 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/dist/main.js

@@ -10,8 +10,8 @@ import { default as T } from "./components/GeneralComponents/GlTextInput.vue.js"
 import { default as b } from "./components/GeneralComponents/GlDatePicker.vue.js";
 import { default as C } from "./components/GeneralComponents/GlDateTimePicker.vue.js";
 import { default as M } from "./components/GeneralComponents/GlDateRangePicker.vue.js";
-import { default as w } from "./components/GeneralComponents/GlDateTimeRangePicker.vue.js";
-import { default as F } from "./components/GeneralComponents/GlDateRangeCalendar.vue.js";
+import { default as P } from "./components/GeneralComponents/GlDateTimeRangePicker.vue.js";
+import { default as y } from "./components/GeneralComponents/GlDateRangeCalendar.vue.js";
 import { default as v } from "./components/GeneralComponents/GlTextInputFile.vue.js";
 import { default as A } from "./components/GeneralComponents/GlTabsWrapper.vue.js";
 import { default as I } from "./components/GeneralComponents/GlTab.vue.js";
@@ -37,8 +37,8 @@ import { default as Ta } from "./components/GeneralComponents/DataTable/Datatabl
 import { default as ba } from "./components/GeneralComponents/DeleteConfirmationModal.vue.js";
 import { default as Ca } from "./components/GeneralComponents/GlAccordionsWrapper.vue.js";
 import { default as Ma } from "./components/GeneralComponents/GlAccordion.vue.js";
-import { default as wa } from "./components/GeneralComponents/GlToastList.vue.js";
-import { default as Fa } from "./Stores/toast.js";
+import { default as Pa } from "./components/GeneralComponents/GlToastList.vue.js";
+import { default as ya } from "./Stores/toast.js";
 import { default as va } from "./components/GeneralComponents/DataTable/DatatableAction.vue.js";
 import { default as Aa } from "./components/GeneralComponents/DataTable/DatatableDeleteAction.vue.js";
 import { default as Ia } from "./components/GeneralComponents/DataTable/DatatableDeleteEditAction.vue.js";
@@ -64,13 +64,14 @@ import { default as Te } from "./components/GeneralComponents/GlCodeCopy.vue.js"
 import { default as be } from "./components/GeneralComponents/GlTextCopy.vue.js";
 import { default as Ce } from "./components/GeneralComponents/StatusRunningSuccessFailed.vue.js";
 import { default as Me } from "./components/GeneralComponents/StatusConnectingConnectedDisconnected.vue.js";
-import { default as we } from "./ClickOutsideDirective.js";
-import { default as Fe } from "./Form.js";
+import { default as Pe } from "./ClickOutsideDirective.js";
+import { default as ye } from "./Form.js";
 import { default as ve } from "./multilingual.js";
+import { default as Ae, triggerPrint as Be } from "./print/print.js";
 export {
-  we as ClickOutsideDirective,
+  Pe as ClickOutsideDirective,
   ee as DatatableStatusTextLabelGeneral,
-  Fe as Form,
+  ye as Form,
   ue as GLDatatableCommand,
   re as GLDatatableDate,
   oe as GLDatatableDateTime,
@@ -102,10 +103,10 @@ export {
   Za as GlDatatableStatusGeneral,
   $a as GlDatatableStatusSpecficColor,
   b as GlDatePicker,
-  F as GlDateRangeCalendar,
+  y as GlDateRangeCalendar,
   M as GlDateRangePicker,
   C as GlDateTimePicker,
-  w as GlDateTimeRangePicker,
+  P as GlDateTimeRangePicker,
   ba as GlDeleteConfirmationModal,
   Z as GlDropdown,
   ne as GlDynamicConfirmation,
@@ -117,6 +118,7 @@ export {
   H as GlMultiItemSlide,
   E as GlMultiItemSlideDynamic,
   u as GlMultiSelectDropdown,
+  Ae as GlPrint,
   Me as GlStatusConnectingConnectedDisconnected,
   Ce as GlStatusRunningSuccessFailed,
   I as GlTab,
@@ -131,9 +133,10 @@ export {
   G as GlTextareaTranslate,
   ea as GlTinymce,
   da as GlTinymceTranslate,
-  Fa as GlToast,
-  wa as GlToastList,
+  ya as GlToast,
+  Pa as GlToastList,
   Q as GlToggleBox,
   X as GlToggleBoxTrueFalse,
-  ve as multilingual
+  ve as multilingual,
+  Be as triggerPrint
 };

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.373",
+  "version": "1.2.375",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mrgiant/GoldenLogicUi.git"