golden-logic-ui 1.2.21 → 1.2.23

package/dist/GLTextarea-j7XXWI7A.js

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

package/dist/GlAccordion-BIAfvctc.js

@@ -0,0 +1,91 @@
+import { createElementBlock as a, openBlock as d, createElementVNode as t, createCommentVNode as l, normalizeClass as p, toDisplayString as y, renderSlot as w, ref as b, inject as h, computed as x, onMounted as v, onUnmounted as A } from "vue";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const C = {
+  props: {
+    title: {
+      type: String,
+      required: !0
+    }
+  },
+  setup() {
+    const n = b(!1), e = h("accordionsWrapper"), r = (() => {
+      var s = (/* @__PURE__ */ new Date()).getTime();
+      typeof performance < "u" && typeof performance.now == "function" && (s += performance.now());
+      var m = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(k) {
+        var u = (s + Math.random() * 16) % 16 | 0;
+        return s = Math.floor(s / 16), (k === "x" ? u : u & 3 | 8).toString(16);
+      });
+      return m;
+    })(), i = { isOpen: n, id: r }, o = x(() => e.accordions.value), c = x(() => o.value.length > 0 && o.value[0].id === r), f = x(() => o.value.length > 0 && o.value[o.value.length - 1].id === r);
+    return v(() => {
+      e.registerAccordion(i);
+    }), A(() => {
+      e.unregisterAccordion(i);
+    }), { isOpen: n, isFirstAccordion: c, isLastAccordion: f, toggle: () => {
+      e.toggleAccordion(i);
+    } };
+  }
+}, M = { class: "flex items-center" }, O = {
+  key: 0,
+  class: "w-3 h-3 rotate-180 shrink-0",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 10 6"
+}, U = {
+  key: 1,
+  class: "w-3 h-3 shrink-0",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 10 6"
+};
+function j(n, e, g, r, i, o) {
+  return d(), a("div", null, [
+    t("h2", null, [
+      t("button", {
+        onClick: e[0] || (e[0] = (...c) => r.toggle && r.toggle(...c)),
+        type: "button",
+        class: p(["flex items-center justify-between w-full gap-3 p-5 font-medium text-gray-500 border border-gray-200 rtl:text-right dark:border-gray-700 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800", {
+          "rounded-t-xl": r.isFirstAccordion,
+          "border-b-0": !r.isLastAccordion,
+          "bg-gray-100 dark:bg-gray-800": r.isOpen
+        }]),
+        "aria-expanded": "true"
+      }, [
+        t("span", M, y(g.title), 1),
+        r.isOpen ? l("", !0) : (d(), a("svg", O, e[1] || (e[1] = [
+          t("path", {
+            stroke: "currentColor",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M9 5 5 1 1 5"
+          }, null, -1)
+        ]))),
+        r.isOpen ? (d(), a("svg", U, e[2] || (e[2] = [
+          t("path", {
+            stroke: "currentColor",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M9 5 5 1 1 5"
+          }, null, -1)
+        ]))) : l("", !0)
+      ], 2)
+    ]),
+    r.isOpen ? (d(), a("div", {
+      key: 0,
+      class: p([{
+        "border-b-0": !r.isLastAccordion,
+        "border-t-0": r.isLastAccordion
+      }, "p-5 border border-gray-200 dark:border-gray-700 dark:bg-gray-900"])
+    }, [
+      w(n.$slots, "default")
+    ], 2)) : l("", !0)
+  ]);
+}
+const S = /* @__PURE__ */ _(C, [["render", j]]);
+export {
+  S as default
+};

package/dist/GlAccordionsWrapper-DsdunDzi.js

@@ -0,0 +1,31 @@
+import { createElementBlock as t, openBlock as p, renderSlot as l, ref as c, provide as u } from "vue";
+import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const f = {
+  setup() {
+    const r = c([]);
+    return u("accordionsWrapper", {
+      registerAccordion: (e) => {
+        r.value.push(e);
+      },
+      unregisterAccordion: (e) => {
+        const n = r.value.indexOf(e);
+        n > -1 && r.value.splice(n, 1);
+      },
+      toggleAccordion: (e) => {
+        r.value.forEach((n) => {
+          n !== e && n.isOpen && n.isOpen.value !== void 0 && (n.isOpen.value = !1);
+        }), e.isOpen && e.isOpen.value !== void 0 && (e.isOpen.value = !e.isOpen.value);
+      },
+      accordions: r
+    }), {};
+  }
+};
+function a(r, o, s, i, e, n) {
+  return p(), t("div", null, [
+    l(r.$slots, "default")
+  ]);
+}
+const O = /* @__PURE__ */ d(f, [["render", a]]);
+export {
+  O as default
+};

package/dist/GlCard-BVXmTv6q.js

@@ -0,0 +1,37 @@
+import { computed as o, createElementBlock as t, openBlock as a, normalizeClass as d, createElementVNode as s, createCommentVNode as i, renderSlot as l } from "vue";
+const k = { class: "bg-white border rounded-lg border-stroke shadow-default dark:border-strokeDark dark:bg-boxDark" }, p = { class: "px-3 py-4 border-b border-stroke dark:border-strokeDark" }, u = { class: "font-semibold text-black dark:text-white" }, f = {
+  __name: "GlCard",
+  props: {
+    class: {
+      type: String,
+      default: ""
+    },
+    body_class: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(c) {
+    const r = c, n = o(() => r.class), b = o(() => r.body_class);
+    return (e, m) => (a(), t("div", {
+      class: d(["flex flex-col gap-9", n.value])
+    }, [
+      s("div", k, [
+        s("div", p, [
+          s("h3", u, [
+            l(e.$slots, "header")
+          ])
+        ]),
+        e.$slots.body ? (a(), t("div", {
+          key: 0,
+          class: d(["p-6", b.value])
+        }, [
+          l(e.$slots, "body")
+        ], 2)) : i("", !0)
+      ])
+    ], 2));
+  }
+};
+export {
+  f as default
+};

package/dist/GlCodeCopy-C068yRcM.js

@@ -0,0 +1,86 @@
+import { ref as g, computed as m, createElementBlock as a, openBlock as r, createElementVNode as e, toDisplayString as n, createCommentVNode as d } from "vue";
+const p = { class: "w-full" }, x = { class: "mb-2 flex justify-between items-center" }, h = { class: "text-sm font-medium text-gray-900 dark:text-white" }, y = { class: "relative bg-gray-50 rounded-lg dark:bg-gray-700 p-4 h-auto" }, v = { class: "overflow-auto max-h-32" }, b = { class: "text-sm text-gray-500 dark:text-gray-400" }, f = { class: "absolute top-2 end-2 bg-gray-50 dark:bg-gray-700" }, k = {
+  key: 0,
+  class: "inline-flex items-center"
+}, w = {
+  key: 1,
+  class: "inline-flex items-center"
+}, _ = { class: "mt-2 text-sm text-gray-500 dark:text-gray-400" }, B = {
+  __name: "GlCodeCopy",
+  props: {
+    label_name: {
+      type: String,
+      default: ""
+    },
+    code: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(o) {
+    const c = o, s = g(!1), u = (i) => {
+      navigator.clipboard.writeText(i).then(function() {
+        s.value = !0, setTimeout(() => {
+          s.value = !1;
+        }, 2e3);
+      }).catch(function(t) {
+        console.error("Error copying to clipboard: ", t);
+      });
+    }, l = m(() => c.code);
+    return (i, t) => (r(), a("div", p, [
+      e("div", x, [
+        e("p", h, n(o.label_name), 1)
+      ]),
+      e("div", y, [
+        e("div", v, [
+          e("code", b, n(l.value), 1)
+        ]),
+        e("div", f, [
+          e("button", {
+            onClick: t[0] || (t[0] = (C) => u(l.value)),
+            class: "text-gray-900 dark:text-gray-400 m-1 hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-600 dark:hover:bg-gray-700 rounded-lg py-2 px-3 inline-flex items-center justify-center bg-white border-gray-200 border"
+          }, [
+            s.value ? d("", !0) : (r(), a("span", k, t[1] || (t[1] = [
+              e("svg", {
+                class: "w-3 h-3 me-2",
+                "aria-hidden": "true",
+                xmlns: "http://www.w3.org/2000/svg",
+                fill: "currentColor",
+                viewBox: "0 0 18 20"
+              }, [
+                e("path", { d: "M16 1h-3.278A1.992 1.992 0 0 0 11 0H7a1.993 1.993 0 0 0-1.722 1H2a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2Zm-3 14H5a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0-4H5a1 1 0 0 1 0-2h8a1 1 0 1 1 0 2Zm0-5H5a1 1 0 0 1 0-2h2V2h4v2h2a1 1 0 1 1 0 2Z" })
+              ], -1),
+              e("span", { class: "text-xs font-semibold" }, "Copy", -1)
+            ]))),
+            s.value ? (r(), a("span", w, t[2] || (t[2] = [
+              e("svg", {
+                class: "w-3 h-3 text-blue-700 dark:text-blue-500 me-2",
+                "aria-hidden": "true",
+                xmlns: "http://www.w3.org/2000/svg",
+                fill: "none",
+                viewBox: "0 0 16 12"
+              }, [
+                e("path", {
+                  stroke: "currentColor",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M1 5.917 5.724 10.5 15 1.5"
+                })
+              ], -1),
+              e("span", { class: "text-xs font-semibold text-blue-700 dark:text-blue-500" }, "Copied", -1)
+            ]))) : d("", !0)
+          ])
+        ])
+      ]),
+      e("p", _, n(o.description), 1)
+    ]));
+  }
+};
+export {
+  B as default
+};

package/dist/GlCodeMirror-Ow8TJYSN.js

@@ -0,0 +1,161 @@
+import { ref as C, onMounted as A, watch as v, onUnmounted as j, createElementBlock as g, openBlock as m, Fragment as q, createCommentVNode as x, normalizeClass as u, createElementVNode as l, toDisplayString as r } from "vue";
+import { E as _, h as f, k, a as L, b as o, d as V, S as D, l as G, j as M, o as E } from "./index-B4V16SEr.js";
+const W = { class: "font-bold ptext-lg dark:text-white" }, z = ["id"], F = ["for"], H = { class: "gl-span-form-error" }, K = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, I = {
+  __name: "GlCodeMirror",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    language: {
+      type: String,
+      default: "javascript"
+    },
+    theme: {
+      type: String,
+      default: ""
+    },
+    is_required: { type: Boolean, default: !1 },
+    show: { type: Boolean, default: !1 },
+    error_message: { type: String, default: "" },
+    model_value: { type: [String, Number], default: null },
+    type: { type: String, default: "text" },
+    field_name: { type: String, default: "" },
+    label_name: { type: String, default: "" },
+    description: { type: String, default: "" },
+    showLineNumbers: {
+      type: Boolean,
+      default: !0
+    },
+    highlightActiveLine: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: N }) {
+    const a = e, s = N, c = C(null);
+    let i = null;
+    const h = (t) => {
+      switch (t) {
+        case "javascript":
+          return M();
+        // Add more languages here
+        default:
+          return [];
+      }
+    }, y = (t) => {
+      switch (t) {
+        case "one-dark":
+          return E;
+        default:
+          return document.body.classList.contains("dark") ? E : [];
+      }
+    }, b = (t) => t ? [G()] : [], p = (t) => t ? [f()] : [];
+    return A(() => {
+      if (c.value) {
+        const t = _.create({
+          doc: a.modelValue,
+          extensions: [
+            ...b(a.showLineNumbers),
+            ...p(a.highlightActiveLine),
+            f(),
+            //
+            k.of(V),
+            h(a.language),
+            ...y(a.theme),
+            L(),
+            o.updateListener.of((n) => {
+              if (n.docChanged) {
+                const d = n.state.doc.toString();
+                s("update:modelValue", d), s("change", d);
+              }
+            }),
+            o.lineWrapping
+          ]
+        });
+        i = new o({
+          state: t,
+          parent: c.value
+        });
+      }
+    }), v(
+      () => a.modelValue,
+      (t) => {
+        if (i) {
+          const n = i.state.doc.toString();
+          t !== n && i.dispatch({
+            changes: {
+              from: 0,
+              to: n.length,
+              insert: t
+            }
+          });
+        }
+      }
+    ), v(
+      () => [a.language, a.theme, a.showLineNumbers, a.highlightActiveLine],
+      ([t, n, d, B]) => {
+        i && i.dispatch({
+          effects: D.reconfigure.of([
+            ...b(d),
+            ...p(B),
+            f(),
+            // Ensure it's included if highlightActiveLine is true
+            k.of([...V]),
+            h(t),
+            ...y(n),
+            L(),
+            o.updateListener.of((w) => {
+              if (w.docChanged) {
+                const S = w.state.doc.toString();
+                s("update:modelValue", S), s("change", S);
+              }
+            }),
+            o.lineWrapping
+          ])
+        });
+      }
+    ), j(() => {
+      i && i.destroy();
+    }), (t, n) => (m(), g(q, null, [
+      e.show ? (m(), g("div", {
+        key: 0,
+        class: u(e.field_name)
+      }, [
+        l("h3", W, r(e.label_name), 1),
+        l("p", {
+          id: e.field_name,
+          class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
+        }, r(e.model_value), 9, z),
+        n[0] || (n[0] = l("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : x("", !0),
+      e.show ? x("", !0) : (m(), g("div", {
+        key: 1,
+        class: u(["mb-4", e.field_name])
+      }, [
+        l("label", {
+          class: u({
+            "gl-label-form": e.error_message == "",
+            "gl-label-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, r(e.label_name), 11, F),
+        l("div", {
+          ref_key: "editor",
+          ref: c,
+          class: u(["CodeEditor custom-editor", {
+            "gl-input-form": e.error_message == "",
+            "gl-input-form-invalid": e.error_message !== ""
+          }])
+        }, null, 2),
+        l("span", H, r(e.error_message), 1),
+        l("small", K, r(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+};
+export {
+  I as default
+};