golden-logic-ui 1.2.21 → 1.2.23

package/dist/GlTextInput-CoL8oZSw.js

@@ -0,0 +1,126 @@
+import { ref as h, onMounted as b, computed as x, createElementBlock as u, openBlock as d, Fragment as k, createCommentVNode as s, normalizeClass as m, createElementVNode as l, toDisplayString as i, withDirectives as v, vModelDynamic as S } from "vue";
+const w = { class: "font-bold dark:text-white" }, V = { class: "mt-1 text-gray-900 dark:text-white" }, q = ["for"], B = ["minlength", "maxlength", "required", "name", "id", "type", "placeholder"], D = { class: "gl-span-form-error" }, N = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, E = {
+  __name: "GlTextInput",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    minlength: {
+      type: String,
+      default: null
+    },
+    maxlength: {
+      type: String,
+      default: null
+    },
+    input_class: {
+      type: String,
+      default: ""
+    },
+    container_class: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "keydown", "blur-sm"],
+  setup(e, { expose: f, emit: g }) {
+    const c = e, y = g, a = h(null);
+    b(() => {
+      a.value !== null && a.value.hasAttribute("autofocus") && a.value.focus();
+    });
+    const o = x({
+      get() {
+        return c.modelValue;
+      },
+      set(r) {
+        y("update:modelValue", r);
+      }
+    });
+    return f({ focus: () => a.value.focus() }), (r, t) => (d(), u(k, null, [
+      e.show ? (d(), u("div", {
+        key: 0,
+        class: m(e.field_name)
+      }, [
+        l("h3", w, i(e.label_name), 1),
+        l("p", V, i(e.type == "password" ? e.modelValue.replace(/./g, "*") : e.modelValue), 1),
+        t[3] || (t[3] = l("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : s("", !0),
+      e.show ? s("", !0) : (d(), u("div", {
+        key: 1,
+        class: m({
+          [e.field_name]: e.field_name && e.field_name !== "",
+          [e.container_class]: e.container_class && e.container_class !== ""
+        })
+      }, [
+        e.label_name ? (d(), u("label", {
+          key: 0,
+          class: m({
+            "gl-label-form": e.error_message == "",
+            "gl-label-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, i(e.label_name), 11, q)) : s("", !0),
+        v(l("input", {
+          minlength: e.minlength,
+          maxlength: e.maxlength,
+          class: m(["rtl:text-right", {
+            "gl-input-form": e.error_message == "",
+            "gl-input-form-invalid": e.error_message !== "",
+            [e.input_class]: e.input_class && e.input_class !== ""
+          }]),
+          required: e.is_required,
+          name: e.field_name,
+          id: e.field_name,
+          type: e.type,
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => o.value = n),
+          onKeydown: t[1] || (t[1] = (n) => r.$emit("keydown", n)),
+          onBlur: t[2] || (t[2] = (n) => r.$emit("blur-sm", n)),
+          ref_key: "input",
+          ref: a,
+          placeholder: e.placeholder
+        }, null, 42, B), [
+          [S, o.value]
+        ]),
+        l("span", D, i(e.error_message), 1),
+        l("small", N, i(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+};
+export {
+  E as default
+};

package/dist/GlTextInputFile-BE2maeRQ.js

@@ -0,0 +1,95 @@
+import { ref as c, createElementBlock as i, openBlock as d, Fragment as g, createCommentVNode as s, normalizeClass as n, createElementVNode as l, toDisplayString as a } from "vue";
+const y = { class: "font-bold ptext-lg dark:text-white" }, h = { class: "mb-4 text-base text-gray-900 dark:text-white" }, b = ["for"], k = ["required", "name", "id", "placeholder"], x = { class: "gl-span-form-error" }, w = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, V = {
+  __name: "GlTextInputFile",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    model_value: {
+      type: [String, Number],
+      default: ""
+    },
+    modelValue: {
+      type: File,
+      default: null
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "keydown"],
+  setup(e, { emit: m }) {
+    const o = m, u = c(null), f = (r) => {
+      const t = r.target.files[0];
+      console.log(t), o("keydown", r), t && o("update:modelValue", t);
+    };
+    return (r, t) => (d(), i(g, null, [
+      e.show ? (d(), i("div", {
+        key: 0,
+        class: n(e.field_name)
+      }, [
+        l("h3", y, a(e.label_name), 1),
+        l("p", h, a(e.type == "password" ? e.modelValue.replace(/./g, "*") : e.modelValue), 1),
+        t[0] || (t[0] = l("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : s("", !0),
+      e.show ? s("", !0) : (d(), i("div", {
+        key: 1,
+        class: n(e.field_name)
+      }, [
+        l("label", {
+          class: n({
+            "gl-label-form": e.error_message == "",
+            "gl-label-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, a(e.label_name), 11, b),
+        l("input", {
+          required: e.is_required,
+          name: e.field_name,
+          id: e.field_name,
+          class: n({
+            "gl-input-form": e.error_message == "",
+            "gl-input-form-invalid": e.error_message !== ""
+          }),
+          type: "file",
+          onChange: f,
+          ref_key: "input",
+          ref: u,
+          placeholder: e.placeholder
+        }, null, 42, k),
+        l("span", x, a(e.error_message), 1),
+        l("small", w, a(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+};
+export {
+  V as default
+};

package/dist/GlTextInputWithText-C6fzOoYl.js

@@ -0,0 +1,116 @@
+import { ref as b, onMounted as x, computed as h, createElementBlock as n, openBlock as d, Fragment as k, createCommentVNode as u, normalizeClass as i, createElementVNode as t, toDisplayString as a, withDirectives as v, vModelDynamic as w } from "vue";
+const S = { class: "font-bold dark:text-white" }, V = { class: "mt-1 text-gray-900 dark:text-white" }, q = ["for"], p = { class: "flex items-center" }, B = { class: "relative w-full" }, N = ["required", "name", "id", "type", "placeholder"], D = { class: "h-10 z-10 inline-flex items-center shrink-0 px-4 text-sm font-medium text-center text-gray-500 bg-gray-100 border border-gray-300 dark:text-gray-400 rounded-e-lg focus:outline-hidden dark:bg-gray-700 dark:border-gray-600" }, z = { class: "gl-span-form-error" }, C = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, M = {
+  __name: "GlTextInputWithText",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    model_value: {
+      type: [String, Number],
+      default: ""
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    input_text: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "keydown"],
+  setup(e, { expose: f, emit: c }) {
+    const g = e, y = c, r = b(null);
+    x(() => {
+      r.value !== null && r.value.hasAttribute("autofocus") && r.value.focus();
+    });
+    const m = h({
+      get() {
+        return g.modelValue;
+      },
+      set(o) {
+        y("update:modelValue", o);
+      }
+    });
+    return f({ focus: () => r.value.focus() }), (o, l) => (d(), n(k, null, [
+      e.show ? (d(), n("div", {
+        key: 0,
+        class: i(e.field_name)
+      }, [
+        t("h3", S, a(e.label_name), 1),
+        t("p", V, a(e.type == "password" ? e.modelValue.replace(/./g, "*") : e.modelValue), 1),
+        l[2] || (l[2] = t("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : u("", !0),
+      e.show ? u("", !0) : (d(), n("div", {
+        key: 1,
+        class: i(e.field_name)
+      }, [
+        e.label_name ? (d(), n("label", {
+          key: 0,
+          class: i({
+            "gl-label-form": e.error_message == "",
+            "gl-label-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, a(e.label_name), 11, q)) : u("", !0),
+        t("div", p, [
+          t("div", B, [
+            v(t("input", {
+              required: e.is_required,
+              name: e.field_name,
+              id: e.field_name,
+              class: i([{
+                "gl-input-form-text": e.error_message == "",
+                "gl-input-form-invalid-text": e.error_message !== ""
+              }, "border-e-0! rounded-s-lg!"]),
+              type: e.type,
+              "onUpdate:modelValue": l[0] || (l[0] = (s) => m.value = s),
+              onKeydown: l[1] || (l[1] = (s) => o.$emit("keydown", s)),
+              ref_key: "input",
+              ref: r,
+              placeholder: e.placeholder
+            }, null, 42, N), [
+              [w, m.value]
+            ])
+          ]),
+          t("label", D, a(e.input_text), 1)
+        ]),
+        t("span", z, a(e.error_message), 1),
+        t("small", C, a(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+};
+export {
+  M as default
+};

package/dist/GlTextTranslate-C3DzCK6k.js

@@ -0,0 +1,125 @@
+import { ref as g, onMounted as V, createElementBlock as m, openBlock as f, Fragment as k, createCommentVNode as y, normalizeClass as s, createElementVNode as a, withDirectives as p, toDisplayString as r, vModelText as h } from "vue";
+const x = { class: "font-bold ptext-lg dark:text-white" }, T = ["name", "id"], w = ["id"], S = ["for"], q = ["name", "id"], B = ["required", "name", "id", "type"], C = { class: "gl-span-form-error" }, j = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, D = {
+  __name: "GlTextTranslate",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    modelValueTranslate: {
+      type: [String, Object],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    get_field_translations: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    translatable: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
+  setup(e, { expose: b, emit: c }) {
+    const n = e, o = c, l = g(null), i = g(null), v = () => {
+      i.value && o("update:modelValueTranslate", i.value.value);
+    };
+    return V(() => {
+      l.value !== null && l.value.hasAttribute("autofocus") && l.value.focus(), n.modelValue && (o("update:modelValue", n.modelValue), l.value.value = n.modelValue), n.modelValueTranslate && (o("update:modelValueTranslate", n.modelValueTranslate), i.value.value = n.modelValueTranslate), l.value.classList.add("gl-multilanguage");
+    }), b({ focus: () => l.value.focus() }), (u, t) => (f(), m(k, null, [
+      e.show ? (f(), m("div", {
+        key: 0,
+        class: s(e.field_name)
+      }, [
+        a("h3", x, r(e.label_name), 1),
+        p(a("input", {
+          type: "hidden",
+          "data-i18n": "true",
+          name: e.field_name + "_i18n",
+          id: e.field_name + "_i18n",
+          ref_key: "input_translate",
+          ref: i,
+          "onUpdate:modelValue": t[0] || (t[0] = (d) => u.inputTranslateValue = d)
+        }, null, 8, T), [
+          [h, u.inputTranslateValue]
+        ]),
+        a("p", {
+          id: e.field_name,
+          class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
+        }, r(u.model_value), 9, w),
+        t[3] || (t[3] = a("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : y("", !0),
+      e.show ? y("", !0) : (f(), m("div", {
+        key: 1,
+        class: s(["mb-4", e.field_name])
+      }, [
+        a("label", {
+          class: s({
+            "gl-label-translation-form": e.error_message == "",
+            "gl-label-translation-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, r(e.label_name), 11, S),
+        t[4] || (t[4] = a("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)),
+        a("input", {
+          class: "mb-4",
+          type: "hidden",
+          "data-i18n": "true",
+          name: e.field_name + "_i18n",
+          id: e.field_name + "_i18n",
+          onChange: v,
+          ref_key: "input_translate",
+          ref: i
+        }, null, 40, q),
+        a("input", {
+          required: e.is_required,
+          name: e.field_name,
+          id: e.field_name,
+          class: s(["mt-2 form-input-translation", {
+            " gl-input-form": e.error_message == "",
+            " gl-input-form-invalid": e.error_message !== ""
+          }]),
+          type: e.type,
+          onInput: t[1] || (t[1] = (d) => u.$emit("update:modelValue", d.target.value)),
+          onKeydown: t[2] || (t[2] = (d) => u.$emit("keydown", d)),
+          ref_key: "input",
+          ref: l
+        }, null, 42, B),
+        a("span", C, r(e.error_message), 1),
+        a("small", j, r(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+};
+export {
+  D as default
+};

package/dist/GlTextareaTranslate-DyU86Wf_.js

@@ -0,0 +1,126 @@
+import { ref as g, onMounted as V, createElementBlock as m, openBlock as f, Fragment as x, createCommentVNode as y, normalizeClass as s, createElementVNode as t, withDirectives as k, toDisplayString as r, vModelText as h } from "vue";
+const T = { class: "font-bold ptext-lg dark:text-white" }, p = ["name", "id"], w = ["id"], S = ["for"], q = ["name", "id"], B = ["required", "name", "id", "type"], C = { class: "gl-span-form-error" }, j = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, D = {
+  __name: "GlTextareaTranslate",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    modelValueTranslate: {
+      type: [String, Object],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    get_field_translations: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    translatable: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
+  setup(e, { expose: b, emit: c }) {
+    const n = e, o = c, l = g(null), i = g(null), v = () => {
+      i.value && o("update:modelValueTranslate", i.value.value);
+    };
+    return V(() => {
+      l.value !== null && l.value.hasAttribute("autofocus") && l.value.focus(), n.modelValue && (o("update:modelValue", n.modelValue), l.value.value = n.modelValue), n.modelValueTranslate && (o("update:modelValueTranslate", n.modelValueTranslate), i.value.value = n.modelValueTranslate), l.value.classList.add("gl-multilanguage");
+    }), b({ focus: () => l.value.focus() }), (d, a) => (f(), m(x, null, [
+      e.show ? (f(), m("div", {
+        key: 0,
+        class: s(e.field_name)
+      }, [
+        t("h3", T, r(e.label_name), 1),
+        k(t("input", {
+          type: "hidden",
+          "data-i18n": "true",
+          name: e.field_name + "_i18n",
+          id: e.field_name + "_i18n",
+          ref_key: "input_translate",
+          ref: i,
+          "onUpdate:modelValue": a[0] || (a[0] = (u) => d.inputTranslateValue = u)
+        }, null, 8, p), [
+          [h, d.inputTranslateValue]
+        ]),
+        t("p", {
+          id: e.field_name,
+          class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
+        }, r(d.model_value), 9, w),
+        a[3] || (a[3] = t("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : y("", !0),
+      e.show ? y("", !0) : (f(), m("div", {
+        key: 1,
+        class: s(["mb-4", e.field_name])
+      }, [
+        t("label", {
+          class: s({
+            "gl-label-translation-form": e.error_message == "",
+            "gl-label-translation-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, r(e.label_name), 11, S),
+        a[4] || (a[4] = t("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)),
+        t("input", {
+          class: "mb-4",
+          type: "hidden",
+          "data-i18n": "true",
+          name: e.field_name + "_i18n",
+          id: e.field_name + "_i18n",
+          onChange: v,
+          ref_key: "input_translate",
+          ref: i
+        }, null, 40, q),
+        t("textarea", {
+          class: s(["mt-4 form-input-translation", {
+            " gl-textarea-form": e.error_message == "",
+            " gl-textarea-form-invalid": e.error_message !== ""
+          }]),
+          required: e.is_required,
+          name: e.field_name,
+          id: e.field_name,
+          type: e.type,
+          onInput: a[1] || (a[1] = (u) => d.$emit("update:modelValue", u.target.value)),
+          onKeydown: a[2] || (a[2] = (u) => d.$emit("keydown", u)),
+          ref_key: "input",
+          ref: l,
+          rows: "4"
+        }, "   ", 42, B),
+        t("span", C, r(e.error_message), 1),
+        t("small", j, r(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+};
+export {
+  D as default
+};