@opengis/gis 0.2.115 → 0.2.117

package/dist/RastersTablePage-DpKkFOyo.js

@@ -0,0 +1,359 @@
+import { defineComponent as ie, defineAsyncComponent as re, computed as b, ref as d, onMounted as de, onBeforeUnmount as ce, watch as L, resolveComponent as ue, openBlock as o, createElementBlock as i, createVNode as c, createSlots as fe, withCtx as N, createTextVNode as v, toDisplayString as h, createElementVNode as a, unref as r, normalizeClass as q, withDirectives as ve, vModelText as ge, Fragment as A, renderList as I, createStaticVNode as pe, createCommentVNode as me } from "vue";
+import { useRoute as be, useRouter as he } from "vue-router";
+import { VsPagination as xe, notify as Q } from "@opengis/core";
+import { Filter as ye } from "@opengis/filter";
+import { RefreshCw as _e, LayoutGrid as we, List as ke, Plus as Ce, Search as $e, Image as Se } from "lucide-vue-next";
+import { _ as Te } from "./TableFormHeader.vue_vue_type_script_setup_true_lang-Mci_tseM.js";
+import { _ as Pe } from "./index-4aSsUBB8.js";
+const ze = { class: "flex-1 flex flex-col bg-gray-50 h-screen overflow-hidden p-0 m-0" }, Re = {
+  href: "/api/gis-create-xml",
+  target: "_blank",
+  rel: "noreferrer",
+  class: "flex h-[2rem] items-center gap-1.5 px-3 py-1.5 bg-slate-50 text-slate-700 rounded-md border border-slate-200 hover:bg-slate-100 transition-colors text-sm"
+}, je = { class: "inline-flex items-center rounded-lg border border-gray-200 bg-white p-1 shadow-sm" }, Ne = { class: "flex-1 px-4 sm:px-6 pb-4 overflow-y-auto overflow-x-visible" }, Ee = { class: "bg-white rounded-lg shadow-sm border border-gray-200 overflow-visible" }, Fe = { class: "p-3 border-b border-gray-200" }, Ve = { class: "flex flex-col sm:flex-row gap-2" }, De = { class: "flex-1 relative" }, Me = ["placeholder"], Ue = {
+  key: 0,
+  class: "entity-table-root"
+}, Be = { class: "gap-2 inline-flex" }, Le = ["onClick"], qe = {
+  key: 1,
+  class: "p-4"
+}, Ae = {
+  key: 0,
+  class: "grid grid-cols-1 gap-5 md:grid-cols-3 xl:grid-cols-4"
+}, Ie = {
+  key: 1,
+  class: "grid grid-cols-1 gap-5 md:grid-cols-3 xl:grid-cols-4"
+}, Qe = ["href"], Je = { class: "p-0" }, Ke = { class: "overflow-hidden border border-[#dbe5f3] bg-[#eef4fb]" }, Oe = { class: "relative aspect-[1.58/1] w-full overflow-hidden" }, We = ["src", "alt"], Ge = {
+  key: 1,
+  class: "flex h-full w-full items-center justify-center bg-[radial-gradient(circle_at_top_left,_#f8fbff,_#e8eef8_55%,_#dce6f3)]"
+}, He = { class: "p-5" }, Xe = { class: "mb-5 flex items-start justify-between gap-3" }, Ye = { class: "line-clamp-2 max-w-[72%] text-[1.02rem] font-semibold leading-[1.28] tracking-[-0.01em] text-[#183153]" }, Ze = { class: "border-t border-[#e9eef6] pt-4" }, et = { class: "flex items-center justify-between gap-3 text-[0.92rem]" }, tt = { class: "font-medium text-[#b3c1da]" }, st = { class: "truncate text-right font-medium text-[#c0cadb]" }, at = {
+  key: 2,
+  class: "py-16 text-center text-sm text-gray-500"
+}, nt = {
+  key: 2,
+  class: "flex flex-col gap-3 border-t border-gray-200 px-4 py-3 sm:flex-row sm:items-center sm:justify-between bg-gray-50"
+}, lt = { class: "text-sm text-gray-500" }, ot = { class: "font-medium text-gray-700" }, it = { class: "font-medium text-gray-700" }, rt = { class: "font-medium text-gray-700" }, dt = { class: "flex items-center justify-end gap-3" }, ct = /* @__PURE__ */ ie({
+  __name: "RastersTablePage",
+  props: {
+    entityKey: { default: "rasters" },
+    entityBasePath: { default: "/gis.rasters" },
+    columnsConfig: { default: () => [] }
+  },
+  setup(J) {
+    const K = re(() => import("@opengis/table")), g = be(), $ = he(), S = J, T = b(() => {
+      var e;
+      return String(((e = g.meta) == null ? void 0 : e.title) || "Растри");
+    }), F = b(() => {
+      var e;
+      return String(((e = g.meta) == null ? void 0 : e.description) || "");
+    }), O = b(() => `Пошук ${String(T.value).trim()}...`), V = b(() => S.entityKey || "rasters"), k = b(() => S.entityBasePath || "/gis.rasters"), _ = d([]), P = d(!0), x = d([]), D = d([]), y = d({}), W = d([]), u = d(String(g.query.search ?? "")), l = d(Math.max(1, Number(g.query.page) || 1)), z = d(15), p = d(0), f = d(g.query.view === "table" ? "table" : "tiles");
+    let C = null;
+    const G = b(() => p.value > 0), H = b(() => p.value ? (l.value - 1) * z.value + 1 : 0), X = b(() => p.value ? Math.min(l.value * z.value, p.value) : 0);
+    function Y(e) {
+      const t = new URLSearchParams();
+      return Object.entries(e).forEach(([n, s]) => {
+        if (!(s == null || s === "")) {
+          if (Array.isArray(s)) {
+            s.forEach((m) => {
+              m != null && m !== "" && t.append(n, String(m));
+            });
+            return;
+          }
+          t.append(n, String(s));
+        }
+      }), t.toString();
+    }
+    function Z() {
+      return `${k.value}/new`;
+    }
+    function ee(e) {
+      return `${k.value}/${e}/edit`;
+    }
+    async function w() {
+      try {
+        P.value = !0;
+        const e = `/api/data/gis.${V.value}.table`, t = Y({
+          ...y.value,
+          page: l.value,
+          limit: z.value
+        }), n = await fetch(t ? `${e}?${t}` : e);
+        if (!n.ok)
+          throw new Error(`Rows fetch failed: ${n.status}`);
+        const s = await n.json();
+        _.value = s.rows || [], p.value = Number(s.filtered ?? s.total ?? s.count ?? _.value.length) || 0, x.value = S.columnsConfig.length ? S.columnsConfig : s.columns || [], D.value = s.filters || [], W.value = s.actions || [], x.value.length && !x.value[0].link ? x.value[0].link = `${k.value}/{id}` : x.value.length && (x.value[0].link = `${k.value}/{id}`);
+      } catch {
+        _.value = [], p.value = 0;
+      } finally {
+        P.value = !1;
+      }
+    }
+    function M(e) {
+      const t = typeof (e == null ? void 0 : e.url) == "string" ? e.url.trim() : "";
+      return t ? (/^https?:\/\//i.test(t) ? t : `${location.origin}${t.startsWith("/") ? "" : "/"}${t}`).replace("{z}", "12").replace("{x}", "2422").replace("{y}", "1400") : "";
+    }
+    function te(e) {
+      if (!e) return "—";
+      const t = new Date(e);
+      return Number.isNaN(t.getTime()) ? "—" : t.toLocaleDateString("uk-UA", {
+        day: "2-digit",
+        month: "2-digit",
+        year: "numeric"
+      });
+    }
+    function se(e) {
+      return (e == null ? void 0 : e.holder) || (e == null ? void 0 : e.source_path) || (e == null ? void 0 : e.extension) || "—";
+    }
+    function ae(e) {
+      y.value = e, l.value = 1, R(), w();
+    }
+    async function ne(e, t, n) {
+      const s = await fetch(`/api/form/gis.${V.value}.table/${e.id}`);
+      if (!s.ok) throw new Error(`Form fetch failed: ${s.status}`);
+      const E = (await s.json()).token, j = await fetch(`/api/table/${E}`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ [t]: n })
+      });
+      if (!j.ok)
+        throw Q({
+          type: "error",
+          title: "Помилка збереження",
+          message: `Поле "${t}" не оновлено`
+        }), new Error(`Save failed: ${j.status}`);
+      Q({ title: "Збережено", message: `Поле "${t}" оновлено` });
+    }
+    function le(e, t) {
+      y.value = {
+        ...y.value,
+        [e]: t
+      }, R(), w();
+    }
+    function oe() {
+      C && clearTimeout(C), C = setTimeout(() => {
+        l.value = 1, le("search", u.value);
+      }, 250);
+    }
+    function U(e) {
+      !e || e === l.value || (l.value = e, R(), w());
+    }
+    function B(e) {
+      f.value !== e && (f.value = e, R());
+    }
+    function R() {
+      const e = {
+        ...g.query,
+        page: String(l.value),
+        view: f.value,
+        ...u.value ? { search: u.value } : {}
+      };
+      u.value || delete e.search, $.replace({ query: e });
+    }
+    return de(() => {
+      w(), document.title = T.value;
+    }), ce(() => {
+      C && clearTimeout(C);
+    }), L(
+      () => g.name,
+      () => {
+        l.value = 1, u.value = "", f.value = "tiles", w(), document.title = T.value;
+      }
+    ), L(
+      () => g.query,
+      (e) => {
+        const t = Math.max(1, Number(e.page) || 1), n = String(e.search ?? ""), s = e.view === "table" ? "table" : "tiles", m = t !== l.value, E = n !== u.value, j = s !== f.value;
+        !m && !E && !j || (l.value = t, u.value = n, f.value = s, y.value = {
+          ...y.value,
+          search: n || void 0
+        }, w());
+      }
+    ), (e, t) => {
+      const n = ue("FileEdit");
+      return o(), i("div", ze, [
+        c(Te, { variant: "table" }, fe({
+          title: N(() => [
+            v(h(T.value), 1)
+          ]),
+          actions: N(() => [
+            a("a", Re, [
+              c(r(_e), { size: 16 }),
+              t[4] || (t[4] = v(" Оновити растри ", -1))
+            ]),
+            a("div", je, [
+              a("button", {
+                type: "button",
+                class: q(["inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-sm transition-colors", f.value === "tiles" ? "bg-blue-600 text-white" : "text-gray-600 hover:bg-gray-100"]),
+                onClick: t[0] || (t[0] = (s) => B("tiles"))
+              }, [
+                c(r(we), { size: 16 }),
+                t[5] || (t[5] = v(" Плитка ", -1))
+              ], 2),
+              a("button", {
+                type: "button",
+                class: q(["inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-sm transition-colors", f.value === "table" ? "bg-blue-600 text-white" : "text-gray-600 hover:bg-gray-100"]),
+                onClick: t[1] || (t[1] = (s) => B("table"))
+              }, [
+                c(r(ke), { size: 16 }),
+                t[6] || (t[6] = v(" Таблиця ", -1))
+              ], 2)
+            ]),
+            a("a", {
+              onClick: t[2] || (t[2] = (s) => r($).push(Z())),
+              class: "hover:cursor-pointer flex items-center gap-1.5 px-3 py-1.5 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors text-sm"
+            }, [
+              c(r(Ce), { size: 16 }),
+              t[7] || (t[7] = v(" Додати ", -1))
+            ])
+          ]),
+          _: 2
+        }, [
+          F.value ? {
+            name: "description",
+            fn: N(() => [
+              v(h(F.value), 1)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1024),
+        a("div", Ne, [
+          a("div", Ee, [
+            a("div", Fe, [
+              a("div", Ve, [
+                a("div", De, [
+                  c(r($e), {
+                    size: 16,
+                    class: "absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"
+                  }),
+                  ve(a("input", {
+                    "onUpdate:modelValue": t[3] || (t[3] = (s) => u.value = s),
+                    onInput: oe,
+                    type: "text",
+                    placeholder: O.value,
+                    class: "w-full pl-9 pr-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+                  }, null, 40, Me), [
+                    [ge, u.value]
+                  ])
+                ]),
+                c(r(ye), {
+                  schema: D.value,
+                  value: y.value,
+                  onChange: ae,
+                  layout: "inline",
+                  mode: "soft",
+                  view: "popover",
+                  limit: 8,
+                  class: "flex-shrink-0"
+                }, null, 8, ["schema", "value"])
+              ])
+            ]),
+            f.value === "table" ? (o(), i("div", Ue, [
+              c(r(K), {
+                rows: _.value,
+                columns: x.value,
+                loading: P.value,
+                router: r($),
+                selectable: !1,
+                onCellUpdate: ne,
+                classWrapper: "overflow-x-auto overflow-y-visible",
+                TableStyle: "w-full",
+                classTable: "w-full min-w-[640px]",
+                classThead: "bg-gray-50 border-b border-gray-200",
+                classTh: "px-3 sm:px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",
+                classTbody: "bg-white divide-y divide-gray-200",
+                classTr: "hover:bg-gray-50 transition-colors",
+                classTd: "px-3 sm:px-4 py-2.5 whitespace-nowrap",
+                classLink: "text-sm font-medium text-blue-600 hover:text-blue-800 hover:underline text-left"
+              }, {
+                action: N(({ row: s }) => [
+                  a("div", Be, [
+                    a("button", {
+                      onClick: (m) => r($).push(ee(s.id)),
+                      class: "inline-flex items-center justify-center bg-white border rounded-md size-7 gap-x-2 hover:bg-gray-100"
+                    }, [
+                      c(n)
+                    ], 8, Le)
+                  ])
+                ]),
+                _: 1
+              }, 8, ["rows", "columns", "loading", "router"])
+            ])) : (o(), i("div", qe, [
+              P.value ? (o(), i("div", Ae, [
+                (o(), i(A, null, I(6, (s) => a("div", {
+                  key: s,
+                  class: "overflow-hidden rounded-md border border-[#dde6f2] bg-white animate-pulse"
+                }, [...t[8] || (t[8] = [
+                  pe('<div class="p-0" data-v-b310f540><div class="overflow-hidden border border-[#dbe5f3] bg-[#eef4fb]" data-v-b310f540><div class="aspect-[1.58/1] w-full bg-[radial-gradient(circle_at_top_left,_#f8fbff,_#edf2f9_55%,_#e2e9f4)]" data-v-b310f540></div></div></div><div class="p-5" data-v-b310f540><div class="mb-5 flex items-start justify-between gap-3" data-v-b310f540><div class="flex-1 space-y-2" data-v-b310f540><div class="h-4 w-[82%] rounded bg-[#e7edf6]" data-v-b310f540></div><div class="h-4 w-[58%] rounded bg-[#eef3fa]" data-v-b310f540></div></div><div class="h-8 w-20 shrink-0 rounded-[0.85rem] bg-[#e7efff]" data-v-b310f540></div></div><div class="border-t border-[#e9eef6] pt-4" data-v-b310f540><div class="flex items-center justify-between gap-3" data-v-b310f540><div class="h-4 w-20 rounded bg-[#eef3fa]" data-v-b310f540></div><div class="h-4 w-28 rounded bg-[#eef3fa]" data-v-b310f540></div></div></div></div>', 2)
+                ])])), 64))
+              ])) : _.value.length ? (o(), i("div", Ie, [
+                (o(!0), i(A, null, I(_.value, (s) => (o(), i("article", {
+                  key: s.id,
+                  class: "group overflow-hidden rounded-md border border-[#dde6f2] bg-white transition-all hover:border-[#bfd0ee] hover:ring-2 hover:ring-[#edf3ff]"
+                }, [
+                  a("a", {
+                    href: `${k.value}/${s.id}`,
+                    class: "block bg-white transition-colors group-hover:bg-[#fcfdff]"
+                  }, [
+                    a("div", Je, [
+                      a("div", Ke, [
+                        a("div", Oe, [
+                          M(s) ? (o(), i("img", {
+                            key: 0,
+                            src: M(s),
+                            alt: s.name || "Raster preview",
+                            class: "h-full w-full object-cover",
+                            loading: "lazy"
+                          }, null, 8, We)) : (o(), i("div", Ge, [
+                            c(r(Se), {
+                              size: 42,
+                              class: "text-slate-400"
+                            })
+                          ]))
+                        ])
+                      ])
+                    ]),
+                    a("div", He, [
+                      a("div", Xe, [
+                        a("h3", Ye, h(s.name || "Без назви"), 1),
+                        t[9] || (t[9] = a("span", { class: "inline-flex shrink-0 items-center rounded-[0.85rem] bg-[#e4edff] px-3 py-1.5 text-[0.78rem] font-semibold uppercase tracking-wide text-[#4f7cff]" }, " Raster ", -1))
+                      ]),
+                      a("div", Ze, [
+                        a("div", et, [
+                          a("span", tt, h(te(s.created_at || s.updated_at)), 1),
+                          a("span", st, h(se(s)), 1)
+                        ])
+                      ])
+                    ])
+                  ], 8, Qe)
+                ]))), 128))
+              ])) : (o(), i("div", at, " Нічого не знайдено "))
+            ])),
+            G.value ? (o(), i("div", nt, [
+              a("div", lt, [
+                t[10] || (t[10] = v(" Показано ", -1)),
+                a("span", ot, h(H.value), 1),
+                t[11] || (t[11] = v(" - ", -1)),
+                a("span", it, h(X.value), 1),
+                t[12] || (t[12] = v(" з ", -1)),
+                a("span", rt, h(p.value), 1)
+              ]),
+              a("div", dt, [
+                c(r(xe), {
+                  total: p.value,
+                  page: l.value,
+                  "page-size": z.value,
+                  showPageSizes: !1,
+                  pageRange: 5,
+                  view: "button",
+                  color: "gray",
+                  "onUpdate:page": U,
+                  onPageChange: U
+                }, null, 8, ["total", "page", "page-size"])
+              ])
+            ])) : me("", !0)
+          ])
+        ])
+      ]);
+    };
+  }
+}), ht = /* @__PURE__ */ Pe(ct, [["__scopeId", "data-v-b310f540"]]);
+export {
+  ht as default
+};

package/dist/TableFormHeader.vue_vue_type_script_setup_true_lang-Mci_tseM.js

@@ -0,0 +1,47 @@
+import { defineComponent as x, computed as i, openBlock as t, createElementBlock as s, normalizeClass as o, renderSlot as a, createCommentVNode as r, createElementVNode as p, createTextVNode as d, toDisplayString as f } from "vue";
+const u = {
+  key: 0,
+  class: "flex items-center text-sm text-gray-500 pb-[8px]"
+}, b = {
+  key: 0,
+  class: "flex items-center gap-2 flex-shrink-0"
+}, h = {
+  key: 1,
+  class: "text-xs text-gray-500 m-0 p-0 mt-[-0.3em]"
+}, k = /* @__PURE__ */ x({
+  __name: "TableFormHeader",
+  props: {
+    variant: { default: "table" },
+    title: { default: "" }
+  },
+  setup(l) {
+    const n = l, c = i(() => n.variant === "table" ? "px-6 pb-4 pt-0 mt-0 flex flex-col gap-0 px-[25px] pt-[24px]" : "px-6 pb-4 pt-0 mt-0 flex flex-col gap-0 px-[25px] pt-[16px]"), m = i(() => n.variant === "form" ? "font-medium" : "");
+    return (e, v) => (t(), s("header", {
+      class: o([c.value, "flex-shrink-0 pt"])
+    }, [
+      e.$slots.breadcrumbs ? (t(), s("div", u, [
+        a(e.$slots, "breadcrumbs")
+      ])) : r("", !0),
+      p("div", {
+        class: o(["flex items-center justify-between", { "gap-2": l.variant === "table" }])
+      }, [
+        p("h2", {
+          class: o(["text-xl font-semibold text-gray-900 p-0 m-0 flex-shrink-0", m.value])
+        }, [
+          a(e.$slots, "title", {}, () => [
+            d(f(l.title), 1)
+          ])
+        ], 2),
+        e.$slots.actions ? (t(), s("div", b, [
+          a(e.$slots, "actions")
+        ])) : r("", !0)
+      ], 2),
+      e.$slots.description ? (t(), s("p", h, [
+        a(e.$slots, "description")
+      ])) : r("", !0)
+    ], 2));
+  }
+});
+export {
+  k as _
+};