golden-logic-ui 1.2.21 → 1.2.23

package/dist/DatatableFiles-BROH3vBH.js

@@ -0,0 +1,80 @@
+import { createElementBlock as i, createCommentVNode as o, openBlock as a, Fragment as s, renderList as u, createElementVNode as e, createTextVNode as n } from "vue";
+import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const f = {
+  props: ["field", "row"],
+  computed: {
+    isArray() {
+      return Array.isArray(this.row[this.field]);
+    },
+    isObject() {
+      return typeof this.row[this.field] == "object";
+    }
+  }
+}, h = ["href", "title"], b = {
+  key: 1,
+  class: "m-1 d-inline-block"
+}, v = ["href", "title"];
+function g(w, l, t, m, x, d) {
+  return d.isArray ? (a(!0), i(s, { key: 0 }, u(t.row[t.field], (r) => (a(), i("div", {
+    key: r.id,
+    class: "m-1 d-inline-block"
+  }, [
+    e("a", {
+      href: r.url,
+      title: r.name,
+      target: "_blank",
+      class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-hidden focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+    }, l[0] || (l[0] = [
+      e("svg", {
+        class: "w-3 h-3 text-white me-2",
+        "aria-hidden": "true",
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "currentColor",
+        viewBox: "0 0 24 24"
+      }, [
+        e("path", {
+          "fill-rule": "evenodd",
+          d: "M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z",
+          "clip-rule": "evenodd"
+        }),
+        e("path", {
+          "fill-rule": "evenodd",
+          d: "M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z",
+          "clip-rule": "evenodd"
+        })
+      ], -1),
+      n(" Download ")
+    ]), 8, h)
+  ]))), 128)) : d.isObject ? (a(), i("div", b, [
+    e("a", {
+      href: t.row[t.field].url,
+      title: t.row[t.field].name,
+      target: "_blank",
+      class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-hidden focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+    }, l[1] || (l[1] = [
+      e("svg", {
+        class: "w-3 h-3 text-white me-2",
+        "aria-hidden": "true",
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "currentColor",
+        viewBox: "0 0 24 24"
+      }, [
+        e("path", {
+          "fill-rule": "evenodd",
+          d: "M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z",
+          "clip-rule": "evenodd"
+        }),
+        e("path", {
+          "fill-rule": "evenodd",
+          d: "M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z",
+          "clip-rule": "evenodd"
+        })
+      ], -1),
+      n(" Download ")
+    ]), 8, v)
+  ])) : o("", !0);
+}
+const _ = /* @__PURE__ */ c(f, [["render", g]]);
+export {
+  _ as default
+};

package/dist/DatatableHtml-ChZzeapg.js

@@ -0,0 +1,17 @@
+import { createElementBlock as t, createCommentVNode as o, openBlock as n, createElementVNode as r } from "vue";
+import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const l = {
+  props: ["field", "row", "tdProps"]
+}, a = { key: 0 }, d = ["innerHTML"];
+function i(s, _, e, f, m, u) {
+  return e.row[e.field] ? (n(), t("div", a, [
+    r("div", {
+      class: "w-full",
+      innerHTML: e.row[e.field]
+    }, null, 8, d)
+  ])) : o("", !0);
+}
+const h = /* @__PURE__ */ c(l, [["render", i]]);
+export {
+  h as default
+};

package/dist/DatatableList-BSVI22pu.js

@@ -0,0 +1,35 @@
+import { createElementBlock as t, createCommentVNode as d, openBlock as r, Fragment as o, renderList as u, toDisplayString as i, markRaw as c } from "vue";
+import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const k = {
+  props: ["field", "row", "tdProps"],
+  computed: {
+    entry() {
+      const [s, a] = this.field.split(".");
+      return c({ key: s, field: a });
+    },
+    isArray() {
+      return Array.isArray(this.row[this.entry.key]);
+    },
+    isObject() {
+      return typeof this.row[this.entry.key] == "object";
+    }
+  }
+}, m = {
+  key: 0,
+  class: "flex flex-wrap gap-2"
+}, b = {
+  key: 1,
+  class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded-sm dark:bg-blue-900 dark:text-blue-300"
+};
+function x(s, a, n, p, _, e) {
+  return this.row[this.entry.key] ? (r(), t("div", m, [
+    e.isArray ? (r(!0), t(o, { key: 0 }, u(n.row[e.entry.key], (y, l) => (r(), t("span", {
+      key: l,
+      class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded-sm dark:bg-blue-900 dark:text-blue-300"
+    }, i(y[e.entry.field]), 1))), 128)) : e.isObject ? (r(), t("span", b, i(n.row[e.entry.key][e.entry.field]), 1)) : d("", !0)
+  ])) : d("", !0);
+}
+const g = /* @__PURE__ */ f(k, [["render", x]]);
+export {
+  g as default
+};

package/dist/DatatableListNested-BWEqWRCc.js

@@ -0,0 +1,37 @@
+import { createElementBlock as a, openBlock as d, createCommentVNode as i, Fragment as y, renderList as o, toDisplayString as u } from "vue";
+import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = {
+  props: ["field", "row", "tdProps"],
+  computed: {
+    entry() {
+      const t = this.field.split("."), r = t.pop();
+      return { keys: t, field: r };
+    },
+    isArray() {
+      return Array.isArray(this.getNestedValue(this.row, this.entry.keys));
+    },
+    isObject() {
+      return typeof this.getNestedValue(this.row, this.entry.keys) == "object";
+    }
+  },
+  methods: {
+    getNestedValue(t, r) {
+      return r.reduce((s, l) => (s || {})[l], t);
+    }
+  }
+}, b = { class: "flex flex-wrap gap-2" }, x = {
+  key: 1,
+  class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded-sm dark:bg-blue-900 dark:text-blue-300"
+};
+function k(t, r, s, l, p, e) {
+  return d(), a("div", b, [
+    e.isArray ? (d(!0), a(y, { key: 0 }, o(e.getNestedValue(s.row, e.entry.keys), (n, c) => (d(), a("span", {
+      key: c,
+      class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded-sm dark:bg-blue-900 dark:text-blue-300"
+    }, u(n[e.entry.field]), 1))), 128)) : e.isObject ? (d(), a("span", x, u(e.getNestedValue(s.row, e.entry.keys)[e.entry.field]), 1)) : i("", !0)
+  ]);
+}
+const h = /* @__PURE__ */ f(m, [["render", k]]);
+export {
+  h as default
+};

package/dist/DatatablePicture-DaWD4uIX.js

@@ -0,0 +1,26 @@
+import { createElementBlock as i, createCommentVNode as l, openBlock as a, createElementVNode as t } from "vue";
+import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const n = {
+  props: ["field", "row", "tdProps"]
+}, o = { key: 0 }, d = { class: "m-1 d-inline-block" }, r = ["href", "title"], _ = ["src", "alt", "title"];
+function f(m, s, e, u, h, w) {
+  return e.row[e.field] ? (a(), i("div", o, [
+    t("div", d, [
+      t("a", {
+        href: e.row[e.field].url,
+        title: e.row[e.field].name,
+        target: "_blank"
+      }, [
+        t("img", {
+          src: e.row[e.field].thumbnail,
+          alt: e.row[e.field].name,
+          title: e.row[e.field].name
+        }, null, 8, _)
+      ], 8, r)
+    ])
+  ])) : l("", !0);
+}
+const v = /* @__PURE__ */ c(n, [["render", f], ["__scopeId", "data-v-18c4893e"]]);
+export {
+  v as default
+};

package/dist/DatatablePictures-xxeghKp3.js

@@ -0,0 +1,39 @@
+import { createElementBlock as t, createCommentVNode as s, openBlock as r, Fragment as o, renderList as c, createElementVNode as i } from "vue";
+import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const n = {
+  props: ["field", "row", "tdProps"],
+  computed: {
+    isArray() {
+      return Array.isArray(this.row[this.field]);
+    },
+    isObject() {
+      return typeof this.row[this.field] == "object";
+    }
+  }
+}, u = {
+  key: 0,
+  class: "grid grid-cols-2 gap-4"
+}, _ = ["src", "alt"], f = { key: 1 }, m = ["src", "alt"];
+function h(g, w, e, y, b, a) {
+  return a.isArray ? (r(), t("div", u, [
+    (r(!0), t(o, null, c(e.row[e.field], (l) => (r(), t("div", {
+      key: l.id
+    }, [
+      i("img", {
+        class: "h-auto max-w-full rounded-lg",
+        src: l.thumbnail,
+        alt: l.file_name
+      }, null, 8, _)
+    ]))), 128))
+  ])) : a.isObject ? (r(), t("div", f, [
+    i("img", {
+      class: "h-auto max-w-full rounded-lg",
+      src: e.row[e.field].thumbnail,
+      alt: e.row[e.field].file_name
+    }, null, 8, m)
+  ])) : s("", !0);
+}
+const A = /* @__PURE__ */ d(n, [["render", h]]);
+export {
+  A as default
+};

package/dist/DatatableStatus-Dx60sa7s.js

@@ -0,0 +1,31 @@
+import { createElementBlock as t, openBlock as r, createCommentVNode as o, createElementVNode as s, createTextVNode as d } from "vue";
+import { _ as l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const a = {
+  props: ["field", "row", "tdProps"],
+  computed: {
+    isActive() {
+      return this.row[this.field] === 1;
+    }
+  }
+}, i = { class: "flex flex-wrap gap-2 text-nowrap" }, c = {
+  key: 0,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-green-800 bg-green-100 rounded-full dark:bg-green-900 dark:text-green-300"
+}, p = {
+  key: 1,
+  class: "inline-flex items-center px-2 py-1 bg-red-100 text-red-800 text-xs font-medium rounded-full dark:bg-red-900 dark:text-red-300"
+};
+function u(f, e, x, m, g, n) {
+  return r(), t("div", i, [
+    n.isActive ? (r(), t("span", c, e[0] || (e[0] = [
+      s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1),
+      d(" Active ")
+    ]))) : n.isActive ? o("", !0) : (r(), t("span", p, e[1] || (e[1] = [
+      s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1),
+      d(" Inactive ")
+    ])))
+  ]);
+}
+const b = /* @__PURE__ */ l(a, [["render", u]]);
+export {
+  b as default
+};

package/dist/DatatableStatusGeneral-UOub65UY.js

@@ -0,0 +1,59 @@
+import { createElementBlock as t, openBlock as s, createCommentVNode as n, createElementVNode as l, createTextVNode as a, toDisplayString as o } from "vue";
+import { _ as i } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const f = {
+  props: ["field", "row", "tdProps"],
+  computed: {
+    hasLabelColor(u) {
+      const e = this.tdProps.status_general_labels_color.find(
+        (d) => d.label === this.row[this.field]
+      );
+      return e ? e.class : "";
+    }
+  }
+}, x = { class: "flex flex-wrap gap-2 text-nowrap" }, b = {
+  key: 0,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-green-800 bg-green-100 rounded-full dark:bg-green-900 dark:text-green-300"
+}, p = {
+  key: 1,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-red-800 bg-red-100 rounded-full dark:bg-red-900 dark:text-red-300"
+}, m = {
+  key: 2,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-yellow-800 bg-yellow-100 rounded-full dark:bg-gray-700 dark:text-yellow-300"
+}, g = {
+  key: 3,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded-full dark:bg-gray-700 dark:text-blue-400"
+}, c = {
+  key: 4,
+  class: "inline-flex items-center px-2 py-1 text-sm text-blue-800 bg-blue-100 rounded-full dark:bg-blue-900 dark:text-blue-300"
+};
+function h(u, e, d, w, y, r) {
+  return s(), t("div", x, [
+    r.hasLabelColor == "green" ? (s(), t("span", b, [
+      e[0] || (e[0] = l("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1)),
+      a(" " + o(this.row[this.field]), 1)
+    ])) : n("", !0),
+    r.hasLabelColor == "red" ? (s(), t("span", p, [
+      e[1] || (e[1] = l("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1)),
+      a(" " + o(this.row[this.field]), 1)
+    ])) : n("", !0),
+    r.hasLabelColor == "yellow" ? (s(), t("span", m, [
+      e[2] || (e[2] = l("span", { class: "w-2 h-2 bg-yellow-500 rounded-full me-1" }, null, -1)),
+      a(" " + o(this.row[this.field]), 1)
+    ])) : n("", !0),
+    r.hasLabelColor == "default" ? (s(), t("span", g, [
+      e[3] || (e[3] = l("span", { class: "w-2 h-2 bg-blue-500 rounded-full me-1" }, null, -1)),
+      a(" " + o(this.row[this.field]), 1)
+    ])) : n("", !0),
+    r.hasLabelColor == "animate" ? (s(), t("span", c, [
+      e[4] || (e[4] = l("span", { class: "relative flex w-2 h-2 mr-1" }, [
+        l("span", { class: "absolute inline-flex w-full h-full bg-blue-500 rounded-full animate-ping" }),
+        l("span", { class: "relative inline-flex w-2 h-2 bg-blue-500 rounded-full" })
+      ], -1)),
+      a(" " + o(this.row[this.field]), 1)
+    ])) : n("", !0)
+  ]);
+}
+const C = /* @__PURE__ */ i(f, [["render", h]]);
+export {
+  C as default
+};

package/dist/DatatableStatusServer-Dcq11U5_.js

@@ -0,0 +1,37 @@
+import { createElementBlock as n, openBlock as r, createCommentVNode as s, createElementVNode as t, createTextVNode as o } from "vue";
+import { _ as a } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const d = {
+  props: ["field", "row", "tdProps"]
+}, i = { class: "flex flex-wrap gap-2 text-nowrap" }, u = {
+  key: 0,
+  class: "inline-flex items-center px-2 py-1 text-sm text-blue-800 bg-blue-100 rounded-full dark:bg-blue-900 dark:text-blue-300"
+}, f = {
+  key: 1,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-yellow-800 bg-yellow-100 rounded-full dark:bg-gray-700 dark:text-yellow-300"
+}, x = {
+  key: 2,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-green-800 bg-green-100 rounded-full dark:bg-green-900 dark:text-green-300"
+};
+function m(c, e, l, g, b, p) {
+  return r(), n("div", i, [
+    l.row[l.field] === 0 ? (r(), n("span", u, e[0] || (e[0] = [
+      t("span", { class: "relative flex w-2 h-2 mr-1" }, [
+        t("span", { class: "absolute inline-flex w-full h-full bg-blue-500 rounded-full animate-ping" }),
+        t("span", { class: "relative inline-flex w-2 h-2 bg-blue-500 rounded-full" })
+      ], -1),
+      o(" Provisioning")
+    ]))) : s("", !0),
+    l.row[l.field] === 2 ? (r(), n("span", f, e[1] || (e[1] = [
+      t("span", { class: "w-2 h-2 bg-yellow-500 rounded-full me-1" }, null, -1),
+      o(" Paused ")
+    ]))) : s("", !0),
+    l.row[l.field] === 1 ? (r(), n("span", x, e[2] || (e[2] = [
+      t("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1),
+      o(" Active ")
+    ]))) : s("", !0)
+  ]);
+}
+const y = /* @__PURE__ */ a(d, [["render", m]]);
+export {
+  y as default
+};

package/dist/DatatableStatusSpecficColor-BYUuGgEb.js

@@ -0,0 +1,64 @@
+import { createElementBlock as r, openBlock as t, createCommentVNode as a, normalizeClass as d, toDisplayString as l } from "vue";
+import { _ as o } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const p = {
+  props: ["field", "row", "tdProps"],
+  computed: {
+    hasLabelColor() {
+      return this.tdProps.specfic_color ?? "";
+    },
+    badgeType() {
+      switch (this.tdProps.badge_type) {
+        case "Default":
+          return "rounded-sm text-xs";
+        case "Large":
+          return "rounded-sm text-sm ";
+        case "Bordered":
+          return "rounded-sm text-xs border";
+        case "Pills":
+          return "rounded-full text-xs";
+        default:
+          return "";
+      }
+    }
+  }
+}, i = { class: "flex flex-wrap gap-2 text-nowrap lg:justify-center" };
+function b(s, u, g, n, m, e) {
+  return t(), r("div", i, [
+    e.hasLabelColor == "Default" ? (t(), r("span", {
+      key: 0,
+      class: d(["bg-blue-100 text-blue-800 font-medium me-2 px-2.5 py-0.5 dark:bg-blue-900 dark:text-blue-300 border-blue-400", e.badgeType])
+    }, l(this.row[this.field]), 3)) : a("", !0),
+    e.hasLabelColor == "Dark" ? (t(), r("span", {
+      key: 1,
+      class: d(["bg-gray-100 text-gray-800 font-medium me-2 px-2.5 py-0.5 dark:bg-gray-700 dark:text-gray-300 border-gray-500", e.badgeType])
+    }, l(this.row[this.field]), 3)) : a("", !0),
+    e.hasLabelColor == "Red" ? (t(), r("span", {
+      key: 2,
+      class: d(["bg-red-100 text-red-800 font-medium me-2 px-2.5 py-0.5 dark:bg-red-900 dark:text-red-300 border-red-400", e.badgeType])
+    }, l(this.row[this.field]), 3)) : a("", !0),
+    e.hasLabelColor == "Green" ? (t(), r("span", {
+      key: 3,
+      class: d(["bg-green-100 text-green-800 font-medium me-2 px-2.5 py-0.5 dark:bg-green-900 dark:text-green-300 border-green-400", e.badgeType])
+    }, l(this.row[this.field]), 3)) : a("", !0),
+    e.hasLabelColor == "Yellow" ? (t(), r("span", {
+      key: 4,
+      class: d(["bg-yellow-100 text-yellow-800 font-medium me-2 px-2.5 py-0.5 dark:bg-yellow-900 dark:text-yellow-300 border-yellow-300", e.badgeType])
+    }, l(this.row[this.field]), 3)) : a("", !0),
+    e.hasLabelColor == "Indigo" ? (t(), r("span", {
+      key: 5,
+      class: d(["bg-indigo-100 text-indigo-800 font-medium me-2 px-2.5 py-0.5 dark:bg-indigo-900 dark:text-indigo-300 border-indigo-400", e.badgeType])
+    }, l(this.row[this.field]), 3)) : a("", !0),
+    e.hasLabelColor == "Purple" ? (t(), r("span", {
+      key: 6,
+      class: d(["bg-purple-100 text-purple-800 font-medium me-2 px-2.5 py-0.5 dark:bg-purple-900 dark:text-purple-300 border-purple-400", e.badgeType])
+    }, l(this.row[this.field]), 3)) : a("", !0),
+    e.hasLabelColor == "Pink" ? (t(), r("span", {
+      key: 7,
+      class: d(["bg-pink-100 text-pink-800 font-medium me-2 px-2.5 py-0.5 dark:bg-pink-900 dark:text-pink-300 border-pink-400", e.badgeType])
+    }, l(this.row[this.field]), 3)) : a("", !0)
+  ]);
+}
+const c = /* @__PURE__ */ o(p, [["render", b]]);
+export {
+  c as default
+};

package/dist/DatatableStatusTextLabelGeneral-J4MytOnh.js

@@ -0,0 +1,83 @@
+import { createElementBlock as r, openBlock as a, createCommentVNode as n, createElementVNode as s, createTextVNode as u, toDisplayString as d } from "vue";
+import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const f = {
+  props: ["field", "row", "tdProps"],
+  computed: {
+    entry() {
+      const l = this.field.split("."), e = l.pop();
+      return { keys: l, field: e };
+    },
+    isArray() {
+      return Array.isArray(this.getNestedValue(this.row, this.entry.keys));
+    },
+    isObject() {
+      return typeof this.getNestedValue(this.row, this.entry.keys) == "object";
+    },
+    hasLabelColor(l) {
+      const e = this.tdProps.status_general_labels_color.find(
+        (o) => o.text === this.getValue()
+      );
+      return e ? e.class : "";
+    },
+    getLabel() {
+      const l = this.tdProps.status_general_labels_color.find(
+        (e) => e.text === this.getValue()
+      );
+      return l ? l.label : "";
+    }
+  },
+  methods: {
+    getValue() {
+      return this.isObject ? this.getNestedValue(this.row, this.entry.keys)[this.entry.field] : this.row[this.field];
+    },
+    getNestedValue(l, e) {
+      return e.reduce((o, i) => (o || {})[i], l);
+    }
+  }
+}, g = { class: "flex flex-wrap gap-2 text-nowrap" }, x = {
+  key: 0,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-green-800 bg-green-100 rounded-full dark:bg-green-900 dark:text-green-300"
+}, p = {
+  key: 1,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-red-800 bg-red-100 rounded-full dark:bg-red-900 dark:text-red-300"
+}, m = {
+  key: 2,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-yellow-800 bg-yellow-100 rounded-full dark:bg-gray-700 dark:text-yellow-300"
+}, c = {
+  key: 3,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded-full dark:bg-gray-700 dark:text-blue-400"
+}, y = {
+  key: 4,
+  class: "inline-flex items-center px-2 py-1 text-sm text-blue-800 bg-blue-100 rounded-full dark:bg-blue-900 dark:text-blue-300"
+};
+function h(l, e, o, i, k, t) {
+  return a(), r("div", g, [
+    t.hasLabelColor == "green" ? (a(), r("span", x, [
+      e[0] || (e[0] = s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1)),
+      u(" " + d(t.getLabel), 1)
+    ])) : n("", !0),
+    t.hasLabelColor == "red" ? (a(), r("span", p, [
+      e[1] || (e[1] = s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1)),
+      u(" " + d(t.getLabel), 1)
+    ])) : n("", !0),
+    t.hasLabelColor == "yellow" ? (a(), r("span", m, [
+      e[2] || (e[2] = s("span", { class: "w-2 h-2 bg-yellow-500 rounded-full me-1" }, null, -1)),
+      u(" " + d(t.getLabel), 1)
+    ])) : n("", !0),
+    t.hasLabelColor == "default" ? (a(), r("span", c, [
+      e[3] || (e[3] = s("span", { class: "w-2 h-2 bg-blue-500 rounded-full me-1" }, null, -1)),
+      u(" " + d(t.getLabel), 1)
+    ])) : n("", !0),
+    t.hasLabelColor == "animate" ? (a(), r("span", y, [
+      e[4] || (e[4] = s("span", { class: "relative flex w-2 h-2 mr-1" }, [
+        s("span", { class: "absolute inline-flex w-full h-full bg-blue-500 rounded-full animate-ping" }),
+        s("span", { class: "relative inline-flex w-2 h-2 bg-blue-500 rounded-full" })
+      ], -1)),
+      u(" " + d(t.getLabel), 1)
+    ])) : n("", !0)
+  ]);
+}
+const L = /* @__PURE__ */ b(f, [["render", h]]);
+export {
+  L as default
+};

package/dist/DeleteConfirmationModal-CQ07_qiL.js

@@ -0,0 +1,96 @@
+import _ from "./GLButton-ByIDh6vq.js";
+import { resolveComponent as u, createElementBlock as f, createCommentVNode as g, openBlock as p, createElementVNode as e, toDisplayString as i, createVNode as r, withCtx as c, createTextVNode as m } from "vue";
+import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const h = {
+  components: {
+    GlButton: _
+  },
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: !1
+    },
+    language: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  methods: {
+    confirmDeletion() {
+      this.$emit("confirm-delete");
+    },
+    cancelDeletion() {
+      this.$emit("cancel-delete");
+    }
+  }
+}, x = {
+  key: 0,
+  class: "fixed inset-0 z-50 overflow-y-auto",
+  "aria-labelledby": "modal-title",
+  role: "dialog",
+  "aria-modal": "true"
+}, y = { class: "flex items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:p-0" }, v = { class: "inline-block relative overflow-hidden text-left align-bottom transition-all transform bg-white dark:bg-gray-800 rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, k = { class: "px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, C = { class: "sm:flex sm:items-start" }, w = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, D = {
+  class: "text-lg font-medium leading-6",
+  id: "modal-title"
+}, B = { class: "mt-2" }, N = { class: "text-sm" }, V = { class: "border-t border-gray-200 rounded-b dark:border-gray-600 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse gap-2" };
+function O(j, n, t, E, T, l) {
+  var a, d;
+  const s = u("gl-button");
+  return t.isOpen ? (p(), f("div", x, [
+    e("div", y, [
+      n[0] || (n[0] = e("div", {
+        class: "fixed inset-0 transition-opacity bg-gray-500/75",
+        "aria-hidden": "true"
+      }, null, -1)),
+      n[1] || (n[1] = e("span", {
+        class: "hidden sm:inline-block sm:align-middle sm:h-screen",
+        "aria-hidden": "true"
+      }, "​", -1)),
+      e("div", v, [
+        e("div", k, [
+          e("div", C, [
+            e("div", w, [
+              e("h3", D, i(((a = t.language) == null ? void 0 : a.title_delete_confirmation) ?? "Confirm Deletion"), 1),
+              e("div", B, [
+                e("p", N, i(((d = t.language) == null ? void 0 : d.message_delete_confirmation) ?? "Are you sure you want to delete this item? This action cannot be undone."), 1)
+              ])
+            ])
+          ])
+        ]),
+        e("div", V, [
+          r(s, {
+            onClick: l.confirmDeletion,
+            tag: "button",
+            button_type: "red"
+          }, {
+            default: c(() => {
+              var o;
+              return [
+                m(i(((o = t.language) == null ? void 0 : o.okbutton_delete_confirmation) ?? "Delete"), 1)
+              ];
+            }),
+            _: 1
+          }, 8, ["onClick"]),
+          r(s, {
+            onClick: l.cancelDeletion,
+            tag: "button",
+            button_type: "light"
+          }, {
+            default: c(() => {
+              var o;
+              return [
+                m(i(((o = t.language) == null ? void 0 : o.cancelbutton_delete_confirmation) ?? "Cancel"), 1)
+              ];
+            }),
+            _: 1
+          }, 8, ["onClick"])
+        ])
+      ])
+    ])
+  ])) : g("", !0);
+}
+const M = /* @__PURE__ */ b(h, [["render", O]]);
+export {
+  M as default
+};