vlite3 0.8.11 → 0.9.2

package/components/Screen/ScreenFilter.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as $, ref as M, computed as d, openBlock as o, createBlock as n, withCtx as i, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F } from "vue";
+import { defineComponent as B, ref as M, computed as d, openBlock as i, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
 import f from "../Button.vue.js";
-import S from "../Modal.vue.js";
-import j from "../Dropdown/Dropdown.vue.js";
+import j from "../Modal.vue.js";
+import z from "../Dropdown/Dropdown.vue.js";
 import h from "../Icon.vue.js";
-import { $t as x } from "../../utils/i18n.js";
+import { $t as y } from "../../utils/i18n.js";
 /* empty css            */
 /* empty css                            */
-import C from "../Form/Form.vue.js";
+import O from "../Form/Form.vue.js";
 /* empty css                  */
 import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
@@ -18,7 +18,10 @@ import "iconify-icon-picker/style.css";
 /* empty css                        */
 /* empty css                      */
 import "../../core/config.js";
-const z = { class: "" }, B = { class: "py-4 px-3.5 min-w-[290px]" }, Z = /* @__PURE__ */ $({
+const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, E = { style: { "will-change": "transform", contain: "layout style" } }, I = {
+  class: "py-4 px-3.5 min-w-[290px]",
+  style: { "will-change": "transform", contain: "layout style" }
+}, le = /* @__PURE__ */ B({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -26,45 +29,45 @@ const z = { class: "" }, B = { class: "py-4 px-3.5 min-w-[290px]" }, Z = /* @__P
     type: { default: "modal" }
   },
   emits: ["update:modelValue", "change"],
-  setup(r, { emit: O }) {
-    const u = r, m = O, s = M(!1), p = d(() => u.modelValue ? Object.keys(u.modelValue).filter(
+  setup(r, { emit: $ }) {
+    const u = r, m = $, s = M(!1), p = d(() => u.modelValue ? Object.keys(u.modelValue).filter(
       (e) => u.modelValue[e] !== "" && u.modelValue[e] !== null && u.modelValue[e] !== void 0
     ).length : 0), k = (e) => {
       m("update:modelValue", e.values), m("change", e.values), s.value = !1;
-    }, y = () => {
+    }, x = () => {
       m("update:modelValue", {}), m("change", {});
     }, g = d(() => {
-      const e = x("vlite.screen.filters");
+      const e = y("vlite.screen.filters");
       return e !== "vlite.screen.filters" ? e : "Filters";
     }), b = d(() => {
-      const e = x("vlite.screen.applyFilters");
+      const e = y("vlite.screen.applyFilters");
       return e !== "vlite.screen.applyFilters" ? e : "Apply Filters";
     }), V = d(() => {
-      const e = x("vlite.screen.filter");
+      const e = y("vlite.screen.filter");
       return e !== "vlite.screen.filter" ? e : "Filter";
     });
-    return (e, t) => r.type === "modal" ? (o(), n(S, {
+    return (e, t) => r.type === "modal" ? (i(), n(j, {
       key: 0,
       title: g.value,
       show: s.value,
-      "onUpdate:show": t[2] || (t[2] = (c) => s.value = c),
+      "onUpdate:show": t[3] || (t[3] = (c) => s.value = c),
       "max-width": "sm:max-w-md"
     }, {
-      trigger: i(() => [
-        p.value > 0 ? (o(), n(f, {
+      trigger: o(() => [
+        p.value > 0 ? (i(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0",
           onClick: t[0] || (t[0] = (c) => s.value = !0)
         }, {
-          default: i(() => [
+          default: o(() => [
             a(h, {
               icon: "ci:filter",
               class: "w-4 h-4"
             }),
             l("span", null, v(g.value) + " (" + v(p.value) + ")", 1),
             l("div", {
-              onClick: F(y, ["stop"]),
+              onClick: F(x, ["stop"]),
               class: "ml-1 p-1 hover:bg-black/10 dark:hover:bg-white/10 rounded-full transition-colors cursor-pointer"
             }, [
               a(h, {
@@ -74,40 +77,40 @@ const z = { class: "" }, B = { class: "py-4 px-3.5 min-w-[290px]" }, Z = /* @__P
             ])
           ]),
           _: 1
-        })) : (o(), n(f, {
+        })) : (i(), n(f, {
           key: 1,
           variant: "outline",
-          onClick: t[1] || (t[1] = (c) => s.value = !0),
+          onClick: t[2] || (t[2] = (c) => s.value = !0),
           title: V.value,
           size: "lg",
           asIcon: "",
           class: "shrink-0 h-9! w-9!"
         }, {
-          default: i(() => [...t[4] || (t[4] = [
-            l("div", { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, [
-              l("svg", {
+          default: o(() => [
+            l("div", A, [
+              t[1] || (C(-1, !0), (t[1] = (i(), S("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "1.132em",
                 height: "1.132em",
                 viewBox: "0 0 24 24"
               }, [
-                l("path", {
+                t[5] || (t[5] = l("path", {
                   fill: "none",
                   stroke: "currentColor",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "stroke-width": "2",
                   d: "M20.67 7c.083-.182.127-.374.16-.627c.202-1.572.303-2.358-.158-2.866C20.212 3 19.396 3 17.766 3H6.234c-1.63 0-2.445 0-2.906.507c-.461.508-.36 1.294-.158 2.866c.06.459.158.72.457 1.076c.969 1.15 2.742 3.197 5.23 5.057c.228.17.377.448.402.755c.28 3.425.537 5.765.674 6.917c.071.604.741 1.069 1.293.678c.927-.655 2.66-1.39 2.888-2.612c.108-.577.267-1.585.445-3.244M17.5 8v7m3.5-3.5h-7"
-                })
-              ])
-            ], -1)
-          ])]),
+                }, null, -1))
+              ]))).cacheIndex = 1, C(1), t[1])
+            ])
+          ]),
           _: 1
         }, 8, ["title"]))
       ]),
-      default: i(() => [
-        l("div", z, [
-          a(w(C), {
+      default: o(() => [
+        l("div", E, [
+          a(w(O), {
             schema: r.schema,
             values: r.modelValue,
             "submit-text": b.value,
@@ -116,29 +119,29 @@ const z = { class: "" }, B = { class: "py-4 px-3.5 min-w-[290px]" }, Z = /* @__P
         ])
       ]),
       _: 1
-    }, 8, ["title", "show"])) : (o(), n(w(j), {
+    }, 8, ["title", "show"])) : (i(), n(w(z), {
       key: 1,
       isOpen: s.value,
-      "onUpdate:isOpen": t[3] || (t[3] = (c) => s.value = c),
+      "onUpdate:isOpen": t[4] || (t[4] = (c) => s.value = c),
       "close-on-select": !1,
       position: "bottom-end",
       class: "w-auto"
     }, {
-      trigger: i(() => [
-        p.value > 0 ? (o(), n(f, {
+      trigger: o(() => [
+        p.value > 0 ? (i(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0 bg-gray-150! hover:bg-gray-100!",
           style: { "pointer-events": "auto" }
         }, {
-          default: i(() => [
+          default: o(() => [
             a(h, {
               icon: "ci:filter",
               class: "w-4 h-4"
             }),
             l("span", null, v(g.value) + " (" + v(p.value) + ")", 1),
             l("div", {
-              onClick: F(y, ["stop"]),
+              onClick: F(x, ["stop"]),
               class: "ml-1 p-1 hover:bg-black/10 dark:hover:bg-white/10 rounded-full transition-colors cursor-pointer"
             }, [
               a(h, {
@@ -148,7 +151,7 @@ const z = { class: "" }, B = { class: "py-4 px-3.5 min-w-[290px]" }, Z = /* @__P
             ])
           ]),
           _: 1
-        })) : (o(), n(f, {
+        })) : (i(), n(f, {
           key: 1,
           variant: "outline",
           icon: "hugeicons:filter-add",
@@ -157,9 +160,9 @@ const z = { class: "" }, B = { class: "py-4 px-3.5 min-w-[290px]" }, Z = /* @__P
           class: "shrink-0 h-9! w-9!"
         }, null, 8, ["title"]))
       ]),
-      default: i(() => [
-        l("div", B, [
-          a(w(C), {
+      default: o(() => [
+        l("div", I, [
+          a(w(O), {
             schema: r.schema,
             values: r.modelValue,
             "submit-text": b.value,
@@ -177,5 +180,5 @@ const z = { class: "" }, B = { class: "py-4 px-3.5 min-w-[290px]" }, Z = /* @__P
   }
 });
 export {
-  Z as default
+  le as default
 };

package/components/Screen/components/ScreenAddAction.vue.d.ts

@@ -0,0 +1,15 @@
+import { AddBtnConfig } from '../types';
+type __VLS_Props = {
+    canAdd: boolean;
+    addComponent?: any;
+    addBtn?: AddBtnConfig;
+    loading?: boolean;
+    data?: any[];
+    refetch?: any;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    add: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAdd?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/Screen/components/ScreenAddAction.vue.js

@@ -0,0 +1,107 @@
+import { defineComponent as x, computed as m, markRaw as w, resolveComponent as N, openBlock as d, createBlock as o, resolveDynamicComponent as P, createElementBlock as f, Fragment as y, mergeProps as e, withCtx as n, createVNode as B, createTextVNode as i, toDisplayString as r, createCommentVNode as k } from "vue";
+import c from "../../Button.vue.js";
+import V from "../../Modal.vue.js";
+import { $t as g } from "../../../utils/i18n.js";
+const $ = ["href", "target"], F = /* @__PURE__ */ x({
+  __name: "ScreenAddAction",
+  props: {
+    canAdd: { type: Boolean },
+    addComponent: {},
+    addBtn: {},
+    loading: { type: Boolean },
+    data: {},
+    refetch: {}
+  },
+  emits: ["add"],
+  setup(t, { emit: C }) {
+    const a = t, b = C, v = m(
+      () => a.addComponent ? w(a.addComponent) : void 0
+    ), h = m(
+      () => a.addBtn?.modal ? w(a.addBtn.modal) : void 0
+    ), l = m(() => {
+      if (a.addBtn?.labelI18n) return g(a.addBtn.labelI18n);
+      if (a.addBtn?.label) return a.addBtn.label;
+      const u = g("vlite.screen.addNew");
+      return u !== "vlite.screen.addNew" ? u : "Add New";
+    });
+    return (u, s) => {
+      const A = N("router-link");
+      return v.value ? (d(), o(P(v.value), { key: 0 })) : t.canAdd ? (d(), f(y, { key: 1 }, [
+        t.addBtn ? (d(), f(y, { key: 0 }, [
+          t.addBtn.modal ? (d(), o(V, e({
+            key: 0,
+            body: h.value
+          }, t.addBtn.modalProps, {
+            refetch: t.refetch,
+            data: t.data,
+            triggerClass: "w-full",
+            loading: t.loading
+          }), {
+            trigger: n(() => [
+              B(c, e({
+                class: "w-full",
+                icon: t.addBtn.icon || "fluent:add-16-filled",
+                variant: t.addBtn.variant || "primary"
+              }, t.addBtn.buttonProps), {
+                default: n(() => [
+                  i(r(l.value), 1)
+                ]),
+                _: 1
+              }, 16, ["icon", "variant"])
+            ]),
+            _: 1
+          }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (d(), o(A, {
+            key: 1,
+            to: t.addBtn.to,
+            class: "inline-flex w-full sm:w-auto"
+          }, {
+            default: n(() => [
+              B(c, e({
+                class: "w-full",
+                icon: t.addBtn.icon || "fluent:add-16-filled",
+                variant: t.addBtn.variant || "primary"
+              }, t.addBtn.buttonProps), {
+                default: n(() => [
+                  i(r(l.value), 1)
+                ]),
+                _: 1
+              }, 16, ["icon", "variant"])
+            ]),
+            _: 1
+          }, 8, ["to"])) : t.addBtn.href ? (d(), f("a", {
+            key: 2,
+            href: t.addBtn.href,
+            target: t.addBtn.target,
+            class: "inline-flex w-full sm:w-auto"
+          }, [
+            B(c, e({
+              class: "w-full",
+              icon: t.addBtn.icon || "fluent:add-16-filled",
+              variant: t.addBtn.variant || "primary"
+            }, t.addBtn.buttonProps), {
+              default: n(() => [
+                i(r(l.value), 1)
+              ]),
+              _: 1
+            }, 16, ["icon", "variant"])
+          ], 8, $)) : (d(), o(c, e({
+            key: 3,
+            class: "w-full sm:w-auto",
+            icon: t.addBtn.icon || "fluent:add-16-filled",
+            variant: t.addBtn.variant || "primary"
+          }, t.addBtn.buttonProps, {
+            onClick: s[0] || (s[0] = (D) => t.addBtn.onClick ? t.addBtn.onClick() : b("add"))
+          }), {
+            default: n(() => [
+              i(r(l.value), 1)
+            ]),
+            _: 1
+          }, 16, ["icon", "variant"]))
+        ], 64)) : k("", !0)
+      ], 64)) : k("", !0);
+    };
+  }
+});
+export {
+  F as default
+};

package/components/Screen/components/ScreenAddAction.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ScreenAddAction.vue.js";
+export {
+  f as default
+};

package/components/Screen/components/ScreenEmptyState.vue.d.ts

@@ -0,0 +1,14 @@
+import { AddBtnConfig } from '../types';
+type __VLS_Props = {
+    emptyTitle?: string;
+    emptyTitleI18n?: string;
+    emptyDescription?: string;
+    emptyDescriptionI18n?: string;
+    emptyIcon?: string;
+    isFiltered: boolean;
+    canAdd: boolean;
+    addComponent?: any;
+    addBtn?: AddBtnConfig;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/Screen/components/ScreenEmptyState.vue.js

@@ -0,0 +1,105 @@
+import { defineComponent as C, computed as m, markRaw as k, resolveComponent as p, openBlock as n, createBlock as a, unref as h, withCtx as d, createElementBlock as o, Fragment as u, resolveDynamicComponent as w, mergeProps as i, createVNode as f, createTextVNode as y, toDisplayString as B, createCommentVNode as l } from "vue";
+import x from "../../Empty/Empty.vue.js";
+import s from "../../Button.vue.js";
+import A from "../../Modal.vue.js";
+import { $t as I } from "../../../utils/i18n.js";
+const D = ["href", "target"], $ = /* @__PURE__ */ C({
+  __name: "ScreenEmptyState",
+  props: {
+    emptyTitle: {},
+    emptyTitleI18n: {},
+    emptyDescription: {},
+    emptyDescriptionI18n: {},
+    emptyIcon: {},
+    isFiltered: { type: Boolean },
+    canAdd: { type: Boolean },
+    addComponent: {},
+    addBtn: {}
+  },
+  setup(e) {
+    const t = e, v = m(
+      () => t.addComponent ? k(t.addComponent) : void 0
+    ), b = m(
+      () => t.addBtn?.modal ? k(t.addBtn.modal) : void 0
+    ), c = m(() => {
+      if (t.addBtn?.labelI18n) return I(t.addBtn.labelI18n);
+      if (t.addBtn?.label) return t.addBtn.label;
+      const r = I("vlite.screen.addNew");
+      return r !== "vlite.screen.addNew" ? r : "Add New";
+    });
+    return (r, N) => {
+      const g = p("router-link");
+      return n(), a(h(x), {
+        title: e.emptyTitle,
+        titleI18n: e.emptyTitleI18n,
+        description: e.emptyDescription,
+        descriptionI18n: e.emptyDescriptionI18n,
+        icon: e.emptyIcon
+      }, {
+        action: d(() => [
+          e.isFiltered ? l("", !0) : (n(), o(u, { key: 0 }, [
+            v.value ? (n(), a(w(v.value), { key: 0 })) : e.canAdd ? (n(), o(u, { key: 1 }, [
+              e.addBtn ? (n(), o(u, { key: 0 }, [
+                e.addBtn.modal ? (n(), a(A, i({
+                  key: 0,
+                  body: b.value
+                }, e.addBtn.modalProps), {
+                  trigger: d(() => [
+                    f(s, i({
+                      icon: e.addBtn.icon || "fluent:add-16-filled",
+                      variant: "secondary",
+                      rounded: "full",
+                      class: "px-6!"
+                    }, e.addBtn.buttonProps), {
+                      default: d(() => [
+                        y(B(c.value), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["icon"])
+                  ]),
+                  _: 1
+                }, 16, ["body"])) : e.addBtn.to ? (n(), a(g, {
+                  key: 1,
+                  to: e.addBtn.to,
+                  class: "inline-flex"
+                }, {
+                  default: d(() => [
+                    f(s, i({
+                      icon: e.addBtn.icon || "fluent:add-16-filled",
+                      variant: "secondary"
+                    }, e.addBtn.buttonProps), {
+                      default: d(() => [
+                        y(B(c.value), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["icon"])
+                  ]),
+                  _: 1
+                }, 8, ["to"])) : e.addBtn.href ? (n(), o("a", {
+                  key: 2,
+                  href: e.addBtn.href,
+                  target: e.addBtn.target,
+                  class: "inline-flex"
+                }, [
+                  f(s, i({
+                    icon: e.addBtn.icon || "lucide:plus",
+                    variant: "secondary"
+                  }, e.addBtn.buttonProps), {
+                    default: d(() => [
+                      y(B(c.value), 1)
+                    ]),
+                    _: 1
+                  }, 16, ["icon"])
+                ], 8, D)) : l("", !0)
+              ], 64)) : l("", !0)
+            ], 64)) : l("", !0)
+          ], 64))
+        ]),
+        _: 1
+      }, 8, ["title", "titleI18n", "description", "descriptionI18n", "icon"]);
+    };
+  }
+});
+export {
+  $ as default
+};

package/components/Screen/components/ScreenEmptyState.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ScreenEmptyState.vue.js";
+export {
+  f as default
+};

package/components/Screen/components/ScreenExportModal.vue.d.ts

@@ -0,0 +1,49 @@
+type __VLS_Props = {
+    show: boolean;
+    data: any[];
+    fields: any[];
+    mode: 'frontend' | 'backend';
+    exportProps: any;
+    onExport: (format: string) => Promise<void>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:show": (val: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:show"?: (val: boolean) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    exportDataRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../ExportData').ExportDataProps> & Readonly<{}>, {
+        exportData: (format: import('../../ExportData').ExportFormat, close?: () => void) => Promise<void>;
+        availableFormats: import('vue').ComputedRef<{
+            label: string;
+            value: import('../../ExportData').ExportFormat;
+            icon: string;
+        }[]>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        title: string;
+        mode: "frontend" | "backend";
+        buttonText: string;
+        buttonIcon: string;
+        formats: import('../../ExportData').ExportFormat[];
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../ExportData').ExportDataProps> & Readonly<{}>, {
+        exportData: (format: import('../../ExportData').ExportFormat, close?: () => void) => Promise<void>;
+        availableFormats: import('vue').ComputedRef<{
+            label: string;
+            value: import('../../ExportData').ExportFormat;
+            icon: string;
+        }[]>;
+    }, {}, {}, {}, {
+        title: string;
+        mode: "frontend" | "backend";
+        buttonText: string;
+        buttonIcon: string;
+        formats: import('../../ExportData').ExportFormat[];
+    }>;
+}, any>;
+export default _default;

package/components/Screen/components/ScreenExportModal.vue.js

@@ -0,0 +1,83 @@
+import { defineComponent as _, ref as E, computed as d, openBlock as i, createBlock as p, withCtx as x, createVNode as f, mergeProps as b, createElementVNode as a, toDisplayString as v, createElementBlock as k, Fragment as g, renderList as F, isMemoSame as S } from "vue";
+import j from "../../Modal.vue.js";
+import C from "../../ExportData/ExportData.vue.js";
+import $ from "../../Button.vue.js";
+import B from "../../Icon.vue.js";
+import { $t as h } from "../../../utils/i18n.js";
+const P = {
+  class: "px-1 py-1 text-sm",
+  style: { "will-change": "transform", contain: "layout style" }
+}, M = { class: "font-medium mb-3 text-muted-foreground" }, N = { class: "space-y-3" }, G = /* @__PURE__ */ _({
+  __name: "ScreenExportModal",
+  props: {
+    show: { type: Boolean },
+    data: {},
+    fields: {},
+    mode: {},
+    exportProps: {},
+    onExport: { type: Function }
+  },
+  emits: ["update:show"],
+  setup(t, { emit: w }) {
+    const y = w, n = E(null), c = d(() => {
+      const o = h("vlite.screen.exportData");
+      return o !== "vlite.screen.exportData" ? o : "Export Data";
+    }), D = d(() => {
+      const o = h("vlite.exportData.selectFormat");
+      return o !== "vlite.exportData.selectFormat" ? o : "Select Export Format";
+    });
+    return (o, s) => (i(), p(j, {
+      show: t.show,
+      "onUpdate:show": s[2] || (s[2] = (r) => y("update:show", r)),
+      title: c.value,
+      "max-width": "sm:max-w-[400px]"
+    }, {
+      default: x(({ close: r }) => [
+        f(C, b({
+          ref_key: "exportDataRef",
+          ref: n,
+          data: t.data || [],
+          fields: t.fields,
+          mode: t.mode,
+          "on-export": t.onExport
+        }, typeof t.exportProps == "object" ? t.exportProps : {}, {
+          title: c.value,
+          class: "hidden!"
+        }), null, 16, ["data", "fields", "mode", "on-export", "title"]),
+        a("div", P, [
+          a("h6", M, v(D.value), 1),
+          a("div", N, [
+            (i(!0), k(g, null, F(n.value?.availableFormats || [
+              { value: "excel", label: "Excel (.xlsx)", icon: "lucide:file-spreadsheet" },
+              { value: "csv", label: "CSV (.csv)", icon: "lucide:file-text" },
+              { value: "json", label: "JSON (.json)", icon: "lucide:file-json" }
+            ], (e, V, R, l) => {
+              const m = [e.value, e.label, e.icon];
+              if (l && l.key === e.value && S(l, m)) return l;
+              const u = (i(), p($, {
+                key: e.value,
+                variant: "outline",
+                class: "w-full flex items-center justify-start gap-3 h-12",
+                onClick: (J) => n.value?.exportData(e.value, r)
+              }, {
+                default: x(() => [
+                  f(B, {
+                    icon: e.icon,
+                    class: "text-muted-foreground h-5 w-5"
+                  }, null, 8, ["icon"]),
+                  a("span", null, v(e.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]));
+              return u.memo = m, u;
+            }, s, 0), 128))
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["show", "title"]));
+  }
+});
+export {
+  G as default
+};

package/components/Screen/components/ScreenExportModal.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ScreenExportModal.vue.js";
+export {
+  f as default
+};

package/components/Screen/components/ScreenHeaderTitle.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    title?: string;
+    titleI18n?: string;
+    description?: string;
+    descriptionI18n?: string;
+    info?: string;
+    infoI18n?: string;
+    titleClass?: string;
+    descriptionClass?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        description?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};