golden-logic-ui 1.2.21 → 1.2.23

package/dist/GlModal-AMtSRssu.js

@@ -0,0 +1,123 @@
+import { computed as w, watch as p, createElementBlock as u, createCommentVNode as g, openBlock as c, normalizeClass as d, createElementVNode as e, withDirectives as m, toDisplayString as h, createStaticVNode as k, renderSlot as v, vShow as f } from "vue";
+const _ = { class: "pointer-events-auto relative flex max-h-[100%] w-full flex-col overflow-hidden text-current shadow-4 outline-hidden bg-white border rounded-lg border-stroke dark:border-strokeDark dark:bg-boxDark" }, C = { class: "flex items-center justify-between shrink-0 pt-10 pb-3 pl-3 pr-3 border-b-2 dark:border-gray-600" }, M = { class: "text-xl font-medium leading-normal text-surface dark:text-white" }, B = {
+  key: 0,
+  role: "status",
+  class: "max-w-full p-4 border border-gray-200 rounded-sm shadow-sm animate-pulse md:p-6 dark:border-gray-700"
+}, S = { class: "flex flex-wrap items-center justify-end shrink-0 p-4 border-t-2 rounded-b-md border-neutral-100 dark:border-gray-600" }, z = {
+  __name: "GlModal",
+  props: {
+    language: {
+      type: Object,
+      required: !1,
+      default: () => {
+      }
+    },
+    is_open: {
+      type: Boolean,
+      default: !1
+    },
+    hide_model_footer: {
+      type: Boolean,
+      default: !1
+    },
+    is_loading: {
+      type: Boolean,
+      default: !1
+    },
+    has_large_z_index: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    max_width: {
+      type: String,
+      default: "max-w-2xl"
+    },
+    bodyClass: {
+      type: String,
+      default: "p-4"
+    }
+  },
+  emits: ["closeModal"],
+  setup(t, { emit: y }) {
+    const l = t, b = y, x = () => {
+      document.documentElement.style.overflow = "hidden", document.documentElement.style.paddingRight = "0px";
+    }, s = () => {
+      document.documentElement.style.overflow = "", document.documentElement.style.paddingRight = "";
+    }, n = () => {
+      b("closeModal"), s();
+    }, o = w(() => l.is_loading);
+    return p(
+      () => l.is_open,
+      (r, a) => {
+        r ? x() : s();
+      },
+      { immediate: !0, deep: !0 }
+    ), (r, a) => {
+      var i;
+      return t.is_open ? (c(), u("div", {
+        key: 0,
+        class: d(["fixed left-0 top-13 h-full w-full overflow-y-auto overflow-x-hidden outline-hidden inset-0 bg-black/80!", t.has_large_z_index ? "z-9999" : "z-1055"]),
+        tabindex: "-1"
+      }, [
+        e("div", {
+          class: d(["pointer-events-none relative h-[calc(100%-1rem)] w-auto translate-y-[-50px] transition-all duration-300 ease-in-out min-[576px]:mx-auto mt-7 min-[576px]:h-[calc(100%-3.5rem)]", t.max_width])
+        }, [
+          e("div", _, [
+            e("div", C, [
+              e("h5", M, h(t.title), 1),
+              e("button", {
+                type: "button",
+                class: "box-content border-none rounded-none text-neutral-500 hover:text-neutral-800 hover:no-underline focus:text-neutral-800 focus:opacity-100 focus:shadow-none focus:outline-hidden dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
+                onClick: n,
+                "aria-label": "Close"
+              }, a[0] || (a[0] = [
+                e("span", { class: "[&>svg]:h-6 [&>svg]:w-6" }, [
+                  e("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    fill: "currentColor",
+                    viewBox: "0 0 24 24",
+                    "stroke-width": "1.5",
+                    stroke: "currentColor"
+                  }, [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      d: "M6 18L18 6M6 6l12 12"
+                    })
+                  ])
+                ], -1)
+              ]))
+            ]),
+            o.value ? (c(), u("div", B, a[1] || (a[1] = [
+              k('<div class="flex items-center justify-center h-48 mb-4 bg-gray-300 rounded-sm dark:bg-gray-700"><svg class="w-10 h-10 text-gray-200 dark:text-gray-600" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 20"><path d="M14.066 0H7v5a2 2 0 0 1-2 2H0v11a1.97 1.97 0 0 0 1.934 2h12.132A1.97 1.97 0 0 0 16 18V2a1.97 1.97 0 0 0-1.934-2ZM10.5 6a1.5 1.5 0 1 1 0 2.999A1.5 1.5 0 0 1 10.5 6Zm2.221 10.515a1 1 0 0 1-.858.485h-8a1 1 0 0 1-.9-1.43L5.6 10.039a.978.978 0 0 1 .936-.57 1 1 0 0 1 .9.632l1.181 2.981.541-1a.945.945 0 0 1 .883-.522 1 1 0 0 1 .879.529l1.832 3.438a1 1 0 0 1-.031.988Z"></path><path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.98 2.98 0 0 0 .13 5H5Z"></path></svg></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-48 mb-4"></div><div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div><div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div><div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div><div class="flex items-center mt-4"><svg class="w-10 h-10 text-gray-200 me-3 dark:text-gray-700" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"><path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 13a8.949 8.949 0 0 1-4.951-1.488A3.987 3.987 0 0 1 9 13h2a3.987 3.987 0 0 1 3.951 3.512A8.949 8.949 0 0 1 10 18Z"></path></svg><div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32 mb-2"></div><div class="w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div></div></div><span class="sr-only">Loading...</span>', 7)
+            ]))) : g("", !0),
+            m(e("div", {
+              class: d(["relative overflow-y-auto gl_modal_body", t.bodyClass])
+            }, [
+              v(r.$slots, "body")
+            ], 2), [
+              [f, !o.value]
+            ]),
+            m(e("div", S, [
+              v(r.$slots, "buttons"),
+              e("button", {
+                onClick: n,
+                type: "button",
+                class: "px-5 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-200 rounded-lg ms-3 hover:bg-gray-100 focus:ring-4 focus:outline-hidden focus:ring-blue-300 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600"
+              }, h(((i = t.language) == null ? void 0 : i.close) ?? "Close"), 1)
+            ], 512), [
+              [f, !o.value && !t.hide_model_footer]
+            ])
+          ])
+        ], 2)
+      ], 2)) : g("", !0);
+    };
+  }
+};
+export {
+  z as default
+};

package/dist/GlModalShow-BzbcLu51.js

@@ -0,0 +1,120 @@
+import { watch as y, withDirectives as o, createElementBlock as u, openBlock as g, normalizeClass as d, createElementVNode as e, createCommentVNode as x, toDisplayString as c, createStaticVNode as w, renderSlot as m, vShow as l } from "vue";
+const k = { class: "pointer-events-auto relative flex max-h-[100%] w-full flex-col overflow-hidden text-current shadow-4 outline-hidden bg-white border rounded-lg border-stroke dark:border-strokeDark dark:bg-boxDark" }, p = { class: "flex items-center justify-between shrink-0 pt-10 pb-3 pl-3 pr-3 border-b-2 dark:border-gray-600" }, C = { class: "text-xl font-medium leading-normal text-surface dark:text-white" }, M = {
+  key: 0,
+  role: "status",
+  class: "max-w-full p-4 border border-gray-200 rounded-sm shadow-sm animate-pulse md:p-6 dark:border-gray-700"
+}, S = { class: "flex flex-wrap items-center justify-end shrink-0 p-4 border-t-2 rounded-b-md border-neutral-100 dark:border-gray-600" }, B = {
+  __name: "GlModalShow",
+  props: {
+    language: {
+      type: Object,
+      required: !1,
+      default: () => {
+      }
+    },
+    is_open: {
+      type: Boolean,
+      default: !1
+    },
+    is_loading: {
+      type: Boolean,
+      default: !1
+    },
+    has_large_z_index: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    max_width: {
+      type: String,
+      default: "max-w-2xl"
+    },
+    bodyClass: {
+      type: String,
+      default: "p-4"
+    }
+  },
+  emits: ["closeModal"],
+  setup(t, { emit: h }) {
+    const v = t, b = h, f = () => {
+      document.documentElement.style.overflow = "hidden", document.documentElement.style.paddingRight = "0px";
+    }, s = () => {
+      document.documentElement.style.overflow = "", document.documentElement.style.paddingRight = "";
+    }, n = () => {
+      b("closeModal"), s();
+    };
+    return y(
+      () => v.is_open,
+      (r, a) => {
+        r ? f() : s();
+      },
+      { immediate: !0, deep: !0 }
+    ), (r, a) => {
+      var i;
+      return o((g(), u("div", {
+        class: d(["fixed left-0 top-13 h-full w-full overflow-y-auto overflow-x-hidden outline-hidden inset-0 bg-black/80!", t.has_large_z_index ? "z-9999" : "z-1055"]),
+        tabindex: "-1"
+      }, [
+        e("div", {
+          class: d(["pointer-events-none relative h-[calc(100%-1rem)] w-auto translate-y-[-50px] transition-all duration-300 ease-in-out min-[576px]:mx-auto mt-7 min-[576px]:h-[calc(100%-3.5rem)]", t.max_width])
+        }, [
+          e("div", k, [
+            e("div", p, [
+              e("h5", C, c(t.title), 1),
+              e("button", {
+                type: "button",
+                class: "box-content border-none rounded-none text-neutral-500 hover:text-neutral-800 hover:no-underline focus:text-neutral-800 focus:opacity-100 focus:shadow-none focus:outline-hidden dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
+                onClick: n,
+                "aria-label": "Close"
+              }, a[0] || (a[0] = [
+                e("span", { class: "[&>svg]:h-6 [&>svg]:w-6" }, [
+                  e("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    fill: "currentColor",
+                    viewBox: "0 0 24 24",
+                    "stroke-width": "1.5",
+                    stroke: "currentColor"
+                  }, [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      d: "M6 18L18 6M6 6l12 12"
+                    })
+                  ])
+                ], -1)
+              ]))
+            ]),
+            t.is_loading ? (g(), u("div", M, a[1] || (a[1] = [
+              w('<div class="flex items-center justify-center h-48 mb-4 bg-gray-300 rounded-sm dark:bg-gray-700"><svg class="w-10 h-10 text-gray-200 dark:text-gray-600" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 20"><path d="M14.066 0H7v5a2 2 0 0 1-2 2H0v11a1.97 1.97 0 0 0 1.934 2h12.132A1.97 1.97 0 0 0 16 18V2a1.97 1.97 0 0 0-1.934-2ZM10.5 6a1.5 1.5 0 1 1 0 2.999A1.5 1.5 0 0 1 10.5 6Zm2.221 10.515a1 1 0 0 1-.858.485h-8a1 1 0 0 1-.9-1.43L5.6 10.039a.978.978 0 0 1 .936-.57 1 1 0 0 1 .9.632l1.181 2.981.541-1a.945.945 0 0 1 .883-.522 1 1 0 0 1 .879.529l1.832 3.438a1 1 0 0 1-.031.988Z"></path><path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.98 2.98 0 0 0 .13 5H5Z"></path></svg></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-48 mb-4"></div><div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div><div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div><div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div><div class="flex items-center mt-4"><svg class="w-10 h-10 text-gray-200 me-3 dark:text-gray-700" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"><path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 13a8.949 8.949 0 0 1-4.951-1.488A3.987 3.987 0 0 1 9 13h2a3.987 3.987 0 0 1 3.951 3.512A8.949 8.949 0 0 1 10 18Z"></path></svg><div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32 mb-2"></div><div class="w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div></div></div><span class="sr-only">Loading...</span>', 7)
+            ]))) : x("", !0),
+            o(e("div", {
+              class: d(["relative overflow-y-auto gl_modal_body", t.bodyClass])
+            }, [
+              m(r.$slots, "body")
+            ], 2), [
+              [l, !t.is_loading]
+            ]),
+            o(e("div", S, [
+              m(r.$slots, "buttons"),
+              e("button", {
+                onClick: n,
+                type: "button",
+                class: "px-5 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-200 rounded-lg ms-3 hover:bg-gray-100 focus:ring-4 focus:outline-hidden focus:ring-blue-300 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600"
+              }, c(((i = t.language) == null ? void 0 : i.close) ?? "Close"), 1)
+            ], 512), [
+              [l, !t.is_loading]
+            ])
+          ])
+        ], 2)
+      ], 2)), [
+        [l, t.is_open]
+      ]);
+    };
+  }
+};
+export {
+  B as default
+};

package/dist/GlModalWithoutOverflow-vR50Ulka.js

@@ -0,0 +1,127 @@
+import { watch as v, onBeforeUnmount as b, createElementBlock as o, createCommentVNode as d, openBlock as l, normalizeClass as n, createElementVNode as t, withDirectives as u, toDisplayString as x, createStaticVNode as w, renderSlot as g, vShow as c } from "vue";
+const k = { class: "relative flex flex-col w-full text-current bg-white border rounded-lg outline-hidden pointer-events-auto shadow-4 border-stroke dark:border-strokeDark dark:bg-boxDark" }, p = {
+  key: 0,
+  class: "flex items-center justify-between shrink-0 pt-10 pb-3 pl-3 pr-3 border-b-2 dark:border-gray-600"
+}, C = { class: "text-xl font-medium leading-normal text-surface dark:text-white" }, B = {
+  key: 1,
+  role: "status",
+  class: "max-w-full p-4 border border-gray-200 rounded-sm shadow-sm animate-pulse md:p-6 dark:border-gray-700"
+}, _ = {
+  key: 2,
+  class: "flex flex-wrap items-center justify-end shrink-0 p-4 border-t-2 rounded-b-md border-neutral-100 dark:border-gray-600"
+}, S = {
+  __name: "GlModalWithoutOverflow",
+  props: {
+    is_open: {
+      type: Boolean,
+      default: !1
+    },
+    is_loading: {
+      type: Boolean,
+      default: !1
+    },
+    has_large_z_index: {
+      type: Boolean,
+      default: !1
+    },
+    has_header: {
+      type: Boolean,
+      default: !0
+    },
+    has_footer: {
+      type: Boolean,
+      default: !0
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    max_width: {
+      type: String,
+      default: "max-w-2xl"
+    },
+    bodyClass: {
+      type: String,
+      default: "p-4"
+    }
+  },
+  emits: ["closeModal"],
+  setup(e, { emit: h }) {
+    const m = e, y = h, f = () => {
+      document.documentElement.style.overflow = "hidden", document.documentElement.style.paddingRight = "0px";
+    }, s = () => {
+      document.documentElement.style.overflow = "", document.documentElement.style.paddingRight = "";
+    }, i = () => {
+      y("closeModal"), s();
+    };
+    return v(
+      () => m.is_open,
+      (r, a) => {
+        r ? f() : s();
+      },
+      { immediate: !0, deep: !0 }
+    ), b(() => {
+      s();
+    }), (r, a) => e.is_open ? (l(), o("div", {
+      key: 0,
+      class: n(["fixed left-0 top-13 h-full w-full overflow-y-auto outline-hidden inset-0 bg-black/80!", e.has_large_z_index ? "z-9999" : "z-1055"]),
+      tabindex: "-1",
+      "aria-hidden": "true"
+    }, [
+      t("div", {
+        class: n(["pointer-events-none relative w-auto translate-y-[-50px] transition-all duration-300 ease-in-out min-[576px]:mx-auto mt-7", e.max_width])
+      }, [
+        t("div", k, [
+          e.has_header ? (l(), o("div", p, [
+            t("h5", C, x(e.title), 1),
+            t("button", {
+              type: "button",
+              class: "box-content border-none rounded-none text-neutral-500 hover:text-neutral-800 hover:no-underline focus:text-neutral-800 focus:opacity-100 focus:shadow-none focus:outline-hidden dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
+              onClick: i,
+              "aria-label": "Close"
+            }, a[0] || (a[0] = [
+              t("span", { class: "[&>svg]:h-6 [&>svg]:w-6" }, [
+                t("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  fill: "currentColor",
+                  viewBox: "0 0 24 24",
+                  "stroke-width": "1.5",
+                  stroke: "currentColor"
+                }, [
+                  t("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M6 18L18 6M6 6l12 12"
+                  })
+                ])
+              ], -1)
+            ]))
+          ])) : d("", !0),
+          e.is_loading ? (l(), o("div", B, a[1] || (a[1] = [
+            w('<div class="flex items-center justify-center h-48 mb-4 bg-gray-300 rounded-sm dark:bg-gray-700"><svg class="w-10 h-10 text-gray-200 dark:text-gray-600" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 20"><path d="M14.066 0H7v5a2 2 0 0 1-2 2H0v11a1.97 1.97 0 0 0 1.934 2h12.132A1.97 1.97 0 0 0 16 18V2a1.97 1.97 0 0 0-1.934-2ZM10.5 6a1.5 1.5 0 1 1 0 2.999A1.5 1.5 0 0 1 10.5 6Zm2.221 10.515a1 1 0 0 1-.858.485h-8a1 1 0 0 1-.9-1.43L5.6 10.039a.978.978 0 0 1 .936-.57 1 1 0 0 1 .9.632l1.181 2.981.541-1a.945.945 0 0 1 .883-.522 1 1 0 0 1 .879.529l1.832 3.438a1 1 0 0 1-.031.988Z"></path><path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.98 2.98 0 0 0 .13 5H5Z"></path></svg></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-48 mb-4"></div><div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div><div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div><div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div><div class="flex items-center mt-4"><svg class="w-10 h-10 text-gray-200 me-3 dark:text-gray-700" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"><path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 13a8.949 8.949 0 0 1-4.951-1.488A3.987 3.987 0 0 1 9 13h2a3.987 3.987 0 0 1 3.951 3.512A8.949 8.949 0 0 1 10 18Z"></path></svg><div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32 mb-2"></div><div class="w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div></div></div><span class="sr-only">Loading...</span>', 7)
+          ]))) : d("", !0),
+          u(t("div", {
+            class: n(["relative gl_modal_body", e.bodyClass])
+          }, [
+            g(r.$slots, "body")
+          ], 2), [
+            [c, !e.is_loading]
+          ]),
+          e.has_footer ? u((l(), o("div", _, [
+            g(r.$slots, "buttons"),
+            t("button", {
+              onClick: i,
+              type: "button",
+              class: "px-5 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-200 rounded-lg ms-3 hover:bg-gray-100 focus:ring-4 focus:outline-hidden focus:ring-blue-300 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600"
+            }, " Close ")
+          ], 512)), [
+            [c, !e.is_loading]
+          ]) : d("", !0)
+        ])
+      ], 2)
+    ], 2)) : d("", !0);
+  }
+};
+export {
+  S as default
+};