@opengis/widgets 0.0.58 → 0.0.59

package/README.md

@@ -1,91 +1,91 @@
-# OpenGIS Widgets Library
-
-Library of independent widgets for OpenGIS systems with a universal Card wrapper. All widgets can be used separately or as part of a single interface through the Card component.
-
-## Features
-
-### Card Widget - Universal wrapper
-
-- **Two display modes**: Tab (tabs) and Plain (panels)
-- **Flexible size control** through `col` and `width` parameters
-- **Support for HTML content**, dynamic components and slots
-- **Adaptive grid** with support for 12-column system
-
-### Available widgets
-
-- **CommentsWidget** - system comments with replies and likes
-- **HistoryWidget** - display of changes history
-- **FilesWidget** - file management with upload
-- **GalleryWidget** - gallery with adaptive grid
-- **DescriptionListWidget** - description lists with different data types
-
-## Documentation
-
-Check out the documentation and live demo here: [Live Demo & Docs](https://widget.opengis.info)
-
-
-## Install & Usage
-
-### Install
-
-```bash
-npm install @opengis/widgets
-```
-
-### Register the components
-
-```ts
-import { createApp } from 'vue'
-import App from './App.vue'
-import { DescriptionList, DescriptionItem } from '@opengis/widgets'
-
-createApp(App).component('DescriptionList', DescriptionList).mount('#app')
-createApp(App).component('DescriptionItem', DescriptionItem).mount('#app')
-```
-
-### Usage
-
-```vue
-<template>
-  <Card :data="tabsData" view="tab">
-    <template #tab-0>
-      <CommentsWidget :comments="comments" @add-comment="handleAddComment" />
-    </template>
-    <template #tab-1>
-      <HistoryWidget :items="historyItems" />
-    </template>
-  </Card>
-</template>
-
-<script setup>
-import { Card, CommentsWidget, HistoryWidget, FilesWidget, GalleryWidget } from '@opengis/widgets'
-
-const tabsData = [
-  {
-    "type": "tabs",
-    "col": 12,
-    "items": [
-      { "name": "comments", "title": "Comments" },
-      { "name": "history", "title": "History" }
-    ]
-  }
-]
-
-const panelsData = [
-  { name: "files", title: "Files", col: 6, width: 6 },
-  { name: "gallery", title: "Gallery", col: 6, width: 6 }
-]
-</script>
-```
-
-## Contributions
-
-1. Fork project
-2. Create a feature branch (`git checkout -b feature/amazing-feature`)
-3. Commit changes (`git commit -m 'Add amazing feature'`)
-4. Push to branch (`git push origin feature/amazing-feature`)
-5. Open Pull Request
-
-## License
-
-This project is licensed under MIT License.
+# OpenGIS Widgets Library
+
+Library of independent widgets for OpenGIS systems with a universal Card wrapper. All widgets can be used separately or as part of a single interface through the Card component.
+
+## Features
+
+### Card Widget - Universal wrapper
+
+- **Two display modes**: Tab (tabs) and Plain (panels)
+- **Flexible size control** through `col` and `width` parameters
+- **Support for HTML content**, dynamic components and slots
+- **Adaptive grid** with support for 12-column system
+
+### Available widgets
+
+- **CommentsWidget** - system comments with replies and likes
+- **HistoryWidget** - display of changes history
+- **FilesWidget** - file management with upload
+- **GalleryWidget** - gallery with adaptive grid
+- **DescriptionListWidget** - description lists with different data types
+
+## Documentation
+
+Check out the documentation and live demo here: [Live Demo & Docs](https://widget.opengis.info)
+
+
+## Install & Usage
+
+### Install
+
+```bash
+npm install @opengis/widgets
+```
+
+### Register the components
+
+```ts
+import { createApp } from 'vue'
+import App from './App.vue'
+import { DescriptionList, DescriptionItem } from '@opengis/widgets'
+
+createApp(App).component('DescriptionList', DescriptionList).mount('#app')
+createApp(App).component('DescriptionItem', DescriptionItem).mount('#app')
+```
+
+### Usage
+
+```vue
+<template>
+  <Card :data="tabsData" view="tab">
+    <template #tab-0>
+      <CommentsWidget :comments="comments" @add-comment="handleAddComment" />
+    </template>
+    <template #tab-1>
+      <HistoryWidget :items="historyItems" />
+    </template>
+  </Card>
+</template>
+
+<script setup>
+import { Card, CommentsWidget, HistoryWidget, FilesWidget, GalleryWidget } from '@opengis/widgets'
+
+const tabsData = [
+  {
+    "type": "tabs",
+    "col": 12,
+    "items": [
+      { "name": "comments", "title": "Comments" },
+      { "name": "history", "title": "History" }
+    ]
+  }
+]
+
+const panelsData = [
+  { name: "files", title: "Files", col: 6, width: 6 },
+  { name: "gallery", title: "Gallery", col: 6, width: 6 }
+]
+</script>
+```
+
+## Contributions
+
+1. Fork project
+2. Create a feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit changes (`git commit -m 'Add amazing feature'`)
+4. Push to branch (`git push origin feature/amazing-feature`)
+5. Open Pull Request
+
+## License
+
+This project is licensed under MIT License.

package/dist/index.css

@@ -1 +1 @@
-.image-wrapper{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:5px;grid-row-gap:3px;height:100%}.image0{height:100%;width:100%;grid-row-start:1;grid-column-start:1;grid-row-end:3;grid-column-end:3}.image1{grid-row-start:1;grid-column-start:3;grid-row-end:2;grid-column-end:4}.image2{grid-row-start:1;grid-column-start:4;grid-row-end:2;grid-column-end:5}.image3{grid-row-start:2;grid-column-start:3;grid-row-end:3;grid-column-end:4}.image4{grid-row-start:2;grid-column-start:4;grid-row-end:3;grid-column-end:5}.thumb-cover{position:absolute;inset:0;z-index:5;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px}.text-value[data-v-34a76c89]{word-break:break-word}.link-value[data-v-932f028c]{word-break:break-all}.date-value[data-v-cd4df08e],.status-value[data-v-aea1f529],.custom-value[data-v-12c8b3f3]{word-break:break-word}.description-list-widget[data-v-106790ef]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.map-center-control[data-v-bc627616]{display:flex;gap:.5rem}.notification-enter-active[data-v-d1ac6329],.notification-leave-active[data-v-d1ac6329]{transition:all .3s ease}.notification-enter-from[data-v-d1ac6329],.notification-leave-to[data-v-d1ac6329]{opacity:0;transform:translate(100%)}.notification-move[data-v-d1ac6329]{transition:transform .3s ease}
+.image-wrapper{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:5px;grid-row-gap:3px;height:100%}.image0{height:100%;width:100%;grid-row-start:1;grid-column-start:1;grid-row-end:3;grid-column-end:3}.image1{grid-row-start:1;grid-column-start:3;grid-row-end:2;grid-column-end:4}.image2{grid-row-start:1;grid-column-start:4;grid-row-end:2;grid-column-end:5}.image3{grid-row-start:2;grid-column-start:3;grid-row-end:3;grid-column-end:4}.image4{grid-row-start:2;grid-column-start:4;grid-row-end:3;grid-column-end:5}.thumb-cover{position:absolute;inset:0;z-index:5;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px}.text-value[data-v-c14550b7]{word-break:break-word}.link-value[data-v-e6eb07a6]{word-break:break-all}.date-value[data-v-b9600618],.status-value[data-v-c72e0b01],.custom-value[data-v-11a73810]{word-break:break-word}.description-list-widget[data-v-36d43e50]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.map-center-control[data-v-73fcd71f]{display:flex;gap:.5rem}.notification-enter-active[data-v-55903525],.notification-leave-active[data-v-55903525]{transition:all .3s ease}.notification-enter-from[data-v-55903525],.notification-leave-to[data-v-55903525]{opacity:0;transform:translate(100%)}.notification-move[data-v-55903525]{transition:transform .3s ease}

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as dr from "vue";
-import { h as xs, defineComponent as he, useModel as Fs, ref as R, openBlock as p, createElementBlock as g, createElementVNode as u, createVNode as ce, unref as ae, withDirectives as tt, vModelText as Kt, createTextVNode as je, createCommentVNode as X, mergeModels as zn, onMounted as ht, onUnmounted as ni, resolveComponent as Hn, normalizeClass as ne, toDisplayString as Q, createBlock as ye, Fragment as re, renderList as le, normalizeStyle as nt, resolveDynamicComponent as qe, withModifiers as Ye, computed as Y, renderSlot as wt, inject as fr, onBeforeUnmount as Ot, provide as si, getCurrentInstance as Bs, watch as ge, reactive as pr, nextTick as rn, Teleport as es, resolveDirective as hr, useAttrs as mr, createStaticVNode as gr, mergeProps as Nt, vShow as ko, defineAsyncComponent as yr, TransitionGroup as vr, withCtx as br } from "vue";
+import { h as xs, defineComponent as he, mergeModels as zn, useModel as Fs, ref as R, createElementBlock as g, openBlock as p, createElementVNode as u, createVNode as ce, unref as ae, withDirectives as tt, vModelText as Kt, createCommentVNode as X, createTextVNode as je, onMounted as ht, onUnmounted as ni, resolveComponent as Hn, normalizeClass as ne, createBlock as ye, toDisplayString as Q, Fragment as re, renderList as le, normalizeStyle as nt, resolveDynamicComponent as qe, withModifiers as Ye, computed as Y, renderSlot as wt, inject as fr, onBeforeUnmount as Ot, provide as si, getCurrentInstance as Bs, watch as ge, reactive as pr, nextTick as rn, Teleport as es, resolveDirective as hr, useAttrs as mr, createStaticVNode as gr, mergeProps as Nt, vShow as ko, defineAsyncComponent as yr, TransitionGroup as vr, withCtx as br } from "vue";
 import { notify as pt, TooltipDirective as wr, emitter as mn } from "@opengis/core";
 const Eo = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), xr = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
@@ -875,7 +875,7 @@ const Oa = { class: "space-y-0.5" }, Ma = ["onClick"], Da = ["onClick"], Va = {
     }, q = (S) => {
       const y = document.createElement("a");
       y.setAttribute("download", S?.uploaded_name || S?.name), y.href = S?.file_path || S?.path, y.click();
-    }, O = R("list");
+    }, O = R(n.view === "grid" ? "grid" : "list");
     async function I() {
       if (!n.id)
         return;
@@ -1234,7 +1234,7 @@ const Oa = { class: "space-y-0.5" }, Ma = ["onClick"], Da = ["onClick"], Va = {
   for (const [s, o] of t)
     n[s] = o;
   return n;
-}, wl = /* @__PURE__ */ Mt(bl, [["__scopeId", "data-v-34a76c89"]]), xl = { class: "link-value" }, kl = ["href"], El = /* @__PURE__ */ he({
+}, wl = /* @__PURE__ */ Mt(bl, [["__scopeId", "data-v-c14550b7"]]), xl = { class: "link-value" }, kl = ["href"], El = /* @__PURE__ */ he({
   __name: "LinkValue",
   props: {
     item: {}
@@ -1261,7 +1261,7 @@ const Oa = { class: "space-y-0.5" }, Ma = ["onClick"], Da = ["onClick"], Va = {
       ], 8, kl)
     ]));
   }
-}), _l = /* @__PURE__ */ Mt(El, [["__scopeId", "data-v-932f028c"]]), Sl = { class: "date-value" }, Cl = { class: "text-sm text-gray-900" }, Nl = /* @__PURE__ */ he({
+}), _l = /* @__PURE__ */ Mt(El, [["__scopeId", "data-v-e6eb07a6"]]), Sl = { class: "date-value" }, Cl = { class: "text-sm text-gray-900" }, Nl = /* @__PURE__ */ he({
   __name: "DateValue",
   props: {
     item: {}
@@ -1294,7 +1294,7 @@ const Oa = { class: "space-y-0.5" }, Ma = ["onClick"], Da = ["onClick"], Va = {
       u("span", Cl, Q(n.value), 1)
     ]));
   }
-}), $l = /* @__PURE__ */ Mt(Nl, [["__scopeId", "data-v-cd4df08e"]]), Tl = { class: "status-value" }, Al = {
+}), $l = /* @__PURE__ */ Mt(Nl, [["__scopeId", "data-v-b9600618"]]), Tl = { class: "status-value" }, Al = {
   key: 0,
   class: "mr-1"
 }, Il = /* @__PURE__ */ he({
@@ -1363,7 +1363,7 @@ const Oa = { class: "space-y-0.5" }, Ma = ["onClick"], Da = ["onClick"], Va = {
       ], 2)
     ]));
   }
-}), Ll = /* @__PURE__ */ Mt(Il, [["__scopeId", "data-v-aea1f529"]]), Ol = { class: "custom-value" }, Ml = { class: "text-sm text-gray-900" }, Dl = /* @__PURE__ */ he({
+}), Ll = /* @__PURE__ */ Mt(Il, [["__scopeId", "data-v-c72e0b01"]]), Ol = { class: "custom-value" }, Ml = { class: "text-sm text-gray-900" }, Dl = /* @__PURE__ */ he({
   __name: "CustomValue",
   props: {
     item: {}
@@ -1378,7 +1378,7 @@ const Oa = { class: "space-y-0.5" }, Ma = ["onClick"], Da = ["onClick"], Va = {
       ], !0)
     ]));
   }
-}), Vl = /* @__PURE__ */ Mt(Dl, [["__scopeId", "data-v-12c8b3f3"]]), Rl = ["id"], Pl = {
+}), Vl = /* @__PURE__ */ Mt(Dl, [["__scopeId", "data-v-11a73810"]]), Rl = ["id"], Pl = {
   key: 0,
   class: "text-xl font-semibold text-gray-900 mb-4"
 }, Fl = {
@@ -1509,7 +1509,7 @@ const Oa = { class: "space-y-0.5" }, Ma = ["onClick"], Da = ["onClick"], Va = {
       ]))
     ], 14, Rl));
   }
-}), ui = /* @__PURE__ */ Mt(rc, [["__scopeId", "data-v-106790ef"]]);
+}), ui = /* @__PURE__ */ Mt(rc, [["__scopeId", "data-v-36d43e50"]]);
 function di(e) {
   return new Promise((t, n) => {
     if (typeof document > "u") {
@@ -2609,7 +2609,7 @@ const xc = { class: "map-base-layer-menu" }, kc = {
       ]);
     };
   }
-}), To = /* @__PURE__ */ Mt(su, [["__scopeId", "data-v-bc627616"]]), ou = {
+}), To = /* @__PURE__ */ Mt(su, [["__scopeId", "data-v-73fcd71f"]]), ou = {
   key: 1,
   class: "absolute bottom-[50px] right-[10px] flex flex-col items-center gap-2 pointer-events-none z-[520]"
 }, iu = {
@@ -8968,7 +8968,7 @@ const Yp = { class: "text-lg font-semibold text-gray-900" }, Xp = ["innerHTML"],
       })
     ]));
   }
-}), vh = /* @__PURE__ */ Mt(yh, [["__scopeId", "data-v-d1ac6329"]]);
+}), vh = /* @__PURE__ */ Mt(yh, [["__scopeId", "data-v-55903525"]]);
 Ps.install = function(e) {
   e.component("vs-widget-file", _s), e.component("vs-widget-comments", ks), e.component("vs-widget-history", Es), e.component("vs-widget-gallery", Ss), e.component("vs-widget-map", Cs), e.component("vs-group-interface", Rs), e.component("CommentsWidget", ks), e.component("HistoryWidget", Es), e.component("GalleryWidget", Ss), e.component("FilesWidget", _s), e.component("MapWidget", Cs), e.component("Card", Ps), e.component("CardItem", jn), e.component("DescriptionListWidget", ui), e.component("CopyNotification", vh), e.component("GroupInterfaceWidget", Rs);
 };