golden-logic-ui 1.2.21 → 1.2.23

package/dist/GLDataTable-Bixwkdr4.js

@@ -0,0 +1,278 @@
+import { resolveComponent as p, createElementBlock as o, openBlock as l, createElementVNode as t, createCommentVNode as f, createVNode as k, withDirectives as v, vModelText as w, Fragment as c, renderList as x, withModifiers as d, createTextVNode as y, toDisplayString as h } from "vue";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const D = {
+  components: {},
+  props: {
+    data: Array,
+    columns: Array
+  },
+  data() {
+    return {
+      showNoOfEntries: [1, 2, 3, 10, 20, 30, 40],
+      search: "",
+      sortKey: "",
+      sortOrder: 1,
+      currentPage: 1,
+      itemsPerPage: 10,
+      jumpToPage: "",
+      maxDisplayedPages: 10
+      // Set the maximum number of displayed pagination buttons
+    };
+  },
+  computed: {
+    filteredData() {
+      const r = this.search.toLowerCase();
+      return this.sortData(this.data).filter((i) => Object.values(i).some(
+        (g) => g != null && g.toString().toLowerCase().includes(r)
+      ));
+    },
+    totalPages() {
+      return Math.ceil(this.filteredData.length / this.itemsPerPage);
+    },
+    paginatedData() {
+      const r = (this.currentPage - 1) * this.itemsPerPage, e = r + this.itemsPerPage;
+      return this.filteredData.slice(r, e);
+    },
+    displayedPageNumbers() {
+      let r = Math.max(
+        this.currentPage - Math.floor(this.maxDisplayedPages / 2),
+        1
+      ), e = r + this.maxDisplayedPages - 1;
+      return e > this.totalPages && (e = this.totalPages, r = Math.max(e - this.maxDisplayedPages + 1, 1)), Array.from(
+        { length: e - r + 1 },
+        (i, g) => r + g
+      );
+    },
+    firstItemIndex() {
+      return this.itemsPerPage * (this.currentPage - 1) + 1;
+    },
+    lastItemIndex() {
+      const r = this.itemsPerPage * this.currentPage;
+      return r > this.filteredData.length ? this.filteredData.length : r;
+    }
+  },
+  methods: {
+    handleItemsPerPageChange(r) {
+      this.itemsPerPage = r;
+    },
+    goToPage(r) {
+      r >= 1 && r <= this.totalPages && (this.currentPage = r);
+    },
+    sort(r) {
+      r === this.sortKey ? this.sortOrder *= -1 : (this.sortKey = r, this.sortOrder = 1);
+    },
+    sortData(r) {
+      return this.sortKey ? r.slice().sort((e, i) => (e[this.sortKey] < i[this.sortKey] ? -1 : 1) * this.sortOrder) : r;
+    },
+    previousPage() {
+      this.currentPage > 1 && this.currentPage--;
+    },
+    nextPage() {
+      this.currentPage < this.totalPages && this.currentPage++;
+    },
+    firstPage() {
+      this.currentPage = 1;
+    },
+    lastPage() {
+      this.currentPage = this.totalPages;
+    },
+    goToPage(r) {
+      r >= 1 && r <= this.totalPages && (this.currentPage = r);
+    }
+  }
+}, C = { class: "p-2" }, j = { class: "flex flex-wrap pb-4 space-y-4 md:items-center md:justify-between flex-column sm:flex-row sm:space-y-0" }, I = { class: "flex items-center gap-2" }, T = { style: { "margin-top": "9px" } }, M = { class: "relative" }, O = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, V = { class: "w-full h-full max-w-full overflow-hidden bg-white border-separate xl:overflow-auto lg:border-collapse border-spacing-y-3 lg:border-spacing-y-0 dark:border-strokeDark dark:bg-boxDark" }, K = { class: "hidden text-sm font-normal text-center text-gray-700 lg:table-header-group dark:border-strokeDark bg-gray-50 dark:bg-gray-700 dark:text-gray-400" }, E = ["onClick"], L = {
+  key: 0,
+  class: "ml-2"
+}, S = {
+  key: 0,
+  class: "fa fa-arrow-up"
+}, B = {
+  key: 1,
+  class: "fa fa-arrow-down"
+}, A = ["data-label"], z = ["innerHTML"], H = {
+  key: 0,
+  class: "flex items-center justify-between px-4 py-3 bg-white border-gray-200 sm:px-6 dark:text-gray-400 dark:bg-gray-800"
+}, U = { class: "flex justify-between flex-1 sm:hidden" }, q = ["disabled"], F = ["disabled"], G = { class: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between" }, N = { class: "text-sm text-gray-700 dark:text-gray-400" }, J = { class: "font-medium" }, Q = { class: "font-medium" }, R = { class: "font-medium" }, W = { "aria-label": "Page navigation" }, X = { class: "flex items-center h-8 -space-x-px text-sm" }, Y = ["disabled"], Z = ["onClick"], $ = ["onClick"], ee = ["disabled"];
+function te(r, e, i, g, n, a) {
+  const P = p("dropdown");
+  return l(), o("div", C, [
+    t("div", j, [
+      t("div", I, [
+        e[6] || (e[6] = t("span", { class: "font-medium" }, " Show ", -1)),
+        t("div", T, [
+          k(P, {
+            has_cancel: !1,
+            options: n.showNoOfEntries,
+            modelValue: n.itemsPerPage,
+            "onUpdate:modelValue": e[0] || (e[0] = (s) => n.itemsPerPage = s),
+            is_required: !1,
+            field_name: "NoOfEntries",
+            label_name: "",
+            default_value: 10,
+            show: !1,
+            placeholder: "Please select an option"
+          }, null, 8, ["options", "modelValue"])
+        ]),
+        e[7] || (e[7] = t("span", { class: "font-medium" }, " Entries ", -1))
+      ]),
+      e[9] || (e[9] = t("label", {
+        for: "table-search",
+        class: "sr-only"
+      }, "Search", -1)),
+      t("div", M, [
+        e[8] || (e[8] = t("div", { class: "absolute inset-y-0 left-0 flex items-center pointer-events-none rtl:inset-r-0 rtl:right-0 ps-3" }, null, -1)),
+        v(t("input", {
+          type: "text",
+          "onUpdate:modelValue": e[1] || (e[1] = (s) => n.search = s),
+          class: "block p-2 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 w-80 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
+          placeholder: "Search ..."
+        }, null, 512), [
+          [w, n.search]
+        ])
+      ])
+    ]),
+    t("div", O, [
+      t("table", V, [
+        t("thead", K, [
+          t("tr", null, [
+            (l(!0), o(c, null, x(i.columns, (s, u) => (l(), o("th", {
+              key: u,
+              onClick: d((b) => a.sort(s), ["prevent"]),
+              class: "w-full px-4 py-2 lg:w-2/12 capitalize"
+            }, [
+              y(h(s) + " ", 1),
+              n.sortKey === s ? (l(), o("span", L, [
+                n.sortOrder === 1 ? (l(), o("i", S)) : (l(), o("i", B))
+              ])) : f("", !0)
+            ], 8, E))), 128))
+          ])
+        ]),
+        t("tbody", null, [
+          (l(!0), o(c, null, x(a.paginatedData, (s, u) => (l(), o("tr", {
+            key: u,
+            class: "bg-white dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 dark:hover:text-gray-200 text-gray-500"
+          }, [
+            (l(!0), o(c, null, x(i.columns, (b, m) => (l(), o("td", {
+              key: m,
+              "data-label": b,
+              class: "text-pretty before:content-[attr(data-label)] before:font-bold lg:before:content-none flex md:flex-row flex-col justify-between gap-2 lg:table-cell py-4 px-5 lg:py-2.5 lg:px-4 border-[1px] dark:border-gray-700"
+            }, [
+              t("p", {
+                class: "text-pretty",
+                innerHTML: s[m]
+              }, null, 8, z)
+            ], 8, A))), 128))
+          ]))), 128))
+        ])
+      ])
+    ]),
+    a.paginatedData.length > 0 ? (l(), o("div", H, [
+      t("div", U, [
+        t("a", {
+          href: "#",
+          onClick: e[2] || (e[2] = d((...s) => a.previousPage && a.previousPage(...s), ["prevent"])),
+          disabled: n.currentPage === 1,
+          class: "relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50"
+        }, "Previous", 8, q),
+        t("a", {
+          href: "#",
+          onClick: e[3] || (e[3] = d((...s) => a.nextPage && a.nextPage(...s), ["prevent"])),
+          disabled: n.currentPage === a.totalPages,
+          class: "relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50"
+        }, "Next", 8, F)
+      ]),
+      t("div", G, [
+        t("div", null, [
+          t("p", N, [
+            e[10] || (e[10] = y(" Showing ")),
+            t("span", J, h(a.firstItemIndex), 1),
+            e[11] || (e[11] = y(" to ")),
+            t("span", Q, h(a.lastItemIndex), 1),
+            e[12] || (e[12] = y(" of ")),
+            t("span", R, h(a.filteredData.length), 1),
+            e[13] || (e[13] = y(" entries "))
+          ])
+        ]),
+        t("div", null, [
+          t("nav", W, [
+            t("ul", X, [
+              t("li", null, [
+                t("a", {
+                  href: "#",
+                  onClick: e[4] || (e[4] = d((...s) => a.previousPage && a.previousPage(...s), ["prevent"])),
+                  disabled: n.currentPage === 1,
+                  class: "flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 ms-0 border-e-0 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
+                }, e[14] || (e[14] = [
+                  t("span", { class: "sr-only" }, "Previous", -1),
+                  t("svg", {
+                    class: "w-2.5 h-2.5 rtl:rotate-180",
+                    "aria-hidden": "true",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    fill: "none",
+                    viewBox: "0 0 6 10"
+                  }, [
+                    t("path", {
+                      stroke: "currentColor",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M5 1 1 5l4 4"
+                    })
+                  ], -1)
+                ]), 8, Y)
+              ]),
+              (l(!0), o(c, null, x(a.displayedPageNumbers, (s) => (l(), o(c, { key: s }, [
+                t("li", null, [
+                  n.currentPage !== s ? (l(), o("a", {
+                    key: 0,
+                    href: "#",
+                    onClick: d((u) => a.goToPage(s), ["prevent"]),
+                    class: "flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
+                  }, h(s), 9, Z)) : f("", !0)
+                ]),
+                t("li", null, [
+                  n.currentPage === s ? (l(), o("a", {
+                    key: 0,
+                    href: "#",
+                    onClick: d((u) => a.goToPage(s), ["prevent"]),
+                    "aria-current": "page",
+                    class: "z-10 flex items-center justify-center h-8 px-3 leading-tight text-blue-600 border border-blue-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white"
+                  }, h(s), 9, $)) : f("", !0)
+                ])
+              ], 64))), 128)),
+              t("li", null, [
+                t("a", {
+                  href: "#",
+                  onClick: e[5] || (e[5] = d((...s) => a.nextPage && a.nextPage(...s), ["prevent"])),
+                  disabled: n.currentPage === a.totalPages,
+                  class: "flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
+                }, e[15] || (e[15] = [
+                  t("span", { class: "sr-only" }, "Next", -1),
+                  t("svg", {
+                    class: "w-2.5 h-2.5 rtl:rotate-180",
+                    "aria-hidden": "true",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    fill: "none",
+                    viewBox: "0 0 6 10"
+                  }, [
+                    t("path", {
+                      stroke: "currentColor",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "m1 9 4-4-4-4"
+                    })
+                  ], -1)
+                ]), 8, ee)
+              ])
+            ])
+          ])
+        ])
+      ])
+    ])) : f("", !0)
+  ]);
+}
+const ae = /* @__PURE__ */ _(D, [["render", te]]);
+export {
+  ae as default
+};