vlite3 0.6.4 → 0.6.6

package/components/Breadcrumb/Breadcrumb.vue.d.ts

@@ -1,4 +1,4 @@
-import { BreadcrumbProps, BreadcrumbVariant, BreadcrumbSeparator, BreadcrumbSize } from './types';
+import { BreadcrumbProps, BreadcrumbItemSchema, BreadcrumbVariant, BreadcrumbSeparator, BreadcrumbSize } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -8,7 +8,17 @@ declare function __VLS_template(): {
     rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BreadcrumbProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<BreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "item-click": (payload: {
+        item: BreadcrumbItemSchema;
+        index: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<BreadcrumbProps> & Readonly<{
+    "onItem-click"?: (payload: {
+        item: BreadcrumbItemSchema;
+        index: number;
+    }) => any;
+}>, {
     variant: BreadcrumbVariant;
     size: BreadcrumbSize;
     class: string;

package/components/Breadcrumb/Breadcrumb.vue.js

@@ -1,7 +1,7 @@
 import o from "./Breadcrumb.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ae18a95c"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-12cf2491"]]);
 export {
   c as default
 };

package/components/Breadcrumb/Breadcrumb.vue2.js

@@ -1,13 +1,9 @@
-import { defineComponent as C, ref as y, computed as s, openBlock as l, createElementBlock as n, normalizeClass as z, createElementVNode as r, Fragment as i, renderList as I, toDisplayString as f, createCommentVNode as v, createVNode as x, mergeProps as B, renderSlot as w } from "vue";
-import _ from "./BreadcrumbItem.vue.js";
-const M = { class: "breadcrumb-list" }, N = {
-  key: 0,
+import { defineComponent as B, ref as w, computed as l, openBlock as i, createElementBlock as m, normalizeClass as p, createElementVNode as s, Fragment as u, renderList as M, toDisplayString as v, createCommentVNode as h, createVNode as N, mergeProps as S, renderSlot as V } from "vue";
+import E from "./BreadcrumbItem.vue.js";
+const O = { class: "breadcrumb-list" }, _ = {
   class: "breadcrumb-separator",
   "aria-hidden": "true"
-}, S = {
-  class: "breadcrumb-separator",
-  "aria-hidden": "true"
-}, j = /* @__PURE__ */ C({
+}, F = /* @__PURE__ */ B({
   __name: "Breadcrumb",
   props: {
     items: {},
@@ -17,68 +13,83 @@ const M = { class: "breadcrumb-list" }, N = {
     maxItems: {},
     class: { default: "" }
   },
-  setup(t) {
-    const e = t, c = y(!0), m = s(() => !e.maxItems || !e.items ? !1 : e.items.length > e.maxItems && c.value), d = s(() => {
+  emits: ["item-click"],
+  setup(n, { emit: x }) {
+    const e = n, k = x, d = w(!0), c = l(() => !e.maxItems || !e.items ? !1 : e.items.length > e.maxItems && d.value), b = l(() => {
       if (!e.items) return [];
-      if (!m.value) return e.items;
-      const a = e.maxItems, u = Math.max(a - 1, 1);
-      return [e.items[0], ...e.items.slice(-u)];
-    }), h = s(() => m.value ? 1 : -1);
-    function g() {
-      c.value = !1;
+      if (!c.value) return e.items;
+      const t = e.maxItems, r = Math.max(t - 1, 1);
+      return [e.items[0], ...e.items.slice(-r)];
+    }), g = l(() => c.value ? 1 : -1);
+    function C() {
+      d.value = !1;
+    }
+    function I(t) {
+      if (!e.items || !c.value) return t;
+      const r = e.maxItems, o = Math.max(r - 1, 1), a = e.items.length - o;
+      return t === 0 ? 0 : a + (t - 1);
+    }
+    function z(t) {
+      k("item-click", { item: t.item, index: I(t.index) });
     }
-    const k = s(() => {
-      const a = {
+    const y = l(() => {
+      const t = {
         default: "breadcrumb--default",
         contained: "breadcrumb--contained",
         pills: "breadcrumb--pills",
         arrow: "breadcrumb--arrow"
-      }, u = {
+      }, r = {
         sm: "breadcrumb--sm",
         md: "breadcrumb--md",
         lg: "breadcrumb--lg"
       };
-      return ["breadcrumb", a[e.variant], u[e.size], e.class].filter(Boolean).join(" ");
-    }), b = s(() => ({
+      return ["breadcrumb", t[e.variant], r[e.size], e.class].filter(Boolean).join(" ");
+    }), f = l(() => ({
       slash: "/",
       chevron: "›",
       dot: "·",
       arrow: "→"
     })[e.separator] || "›");
-    return (a, u) => (l(), n("nav", {
-      class: z(k.value),
+    return (t, r) => (i(), m("nav", {
+      class: p(y.value),
       "aria-label": "Breadcrumb"
     }, [
-      r("ol", M, [
-        t.items && t.items.length ? (l(!0), n(i, { key: 0 }, I(d.value, (p, o) => (l(), n(i, {
-          key: p.label + o
+      s("ol", O, [
+        n.items && n.items.length ? (i(!0), m(u, { key: 0 }, M(b.value, (o, a) => (i(), m(u, {
+          key: o.label + a
         }, [
-          o > 0 ? (l(), n("li", N, [
-            r("span", null, f(b.value), 1)
-          ])) : v("", !0),
-          o === h.value ? (l(), n(i, { key: 1 }, [
-            r("li", S, [
-              r("span", null, f(b.value), 1)
+          a > 0 ? (i(), m("li", {
+            key: 0,
+            class: p(["breadcrumb-separator", (e.separator == "chevron" || e?.separator === "dot") && "text-fs-3!"]),
+            "aria-hidden": "true"
+          }, [
+            s("span", null, v(f.value), 1)
+          ], 2)) : h("", !0),
+          a === g.value ? (i(), m(u, { key: 1 }, [
+            s("li", _, [
+              s("span", null, v(f.value), 1)
             ]),
-            r("li", { class: "breadcrumb-ellipsis" }, [
-              r("button", {
+            s("li", { class: "breadcrumb-ellipsis" }, [
+              s("button", {
                 type: "button",
                 class: "breadcrumb-ellipsis-btn",
                 "aria-label": "Show all breadcrumb items",
-                onClick: g
+                onClick: C
               }, " … ")
             ])
-          ], 64)) : v("", !0),
-          x(_, B({ ref_for: !0 }, p, {
-            size: t.size,
-            variant: t.variant,
-            "is-current": o === d.value.length - 1
-          }), null, 16, ["size", "variant", "is-current"])
-        ], 64))), 128)) : w(a.$slots, "default", { key: 1 }, void 0, !0)
+          ], 64)) : h("", !0),
+          N(E, S({ ref_for: !0 }, o, {
+            size: n.size,
+            variant: n.variant,
+            "is-current": a === b.value.length - 1,
+            "item-index": a,
+            onItemClick: z
+          }), null, 16, ["size", "variant", "is-current", "item-index"])
+        ], 64))), 128)) : V(t.$slots, "default", { key: 1 }, void 0, !0)
       ])
     ], 2));
   }
 });
 export {
-  j as default
+  F as default
 };

package/components/Breadcrumb/BreadcrumbItem.vue.d.ts

@@ -3,6 +3,7 @@ interface Props extends BreadcrumbItemSchema {
     size?: BreadcrumbSize;
     isCurrent?: boolean;
     variant?: string;
+    itemIndex?: number;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -13,10 +14,21 @@ declare function __VLS_template(): {
     rootEl: HTMLLIElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "item-click": (payload: {
+        item: BreadcrumbItemSchema;
+        index: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onItem-click"?: (payload: {
+        item: BreadcrumbItemSchema;
+        index: number;
+    }) => any;
+}>, {
     variant: string;
     size: BreadcrumbSize;
     isCurrent: boolean;
+    itemIndex: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Breadcrumb/BreadcrumbItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./BreadcrumbItem.vue2.js";
 /* empty css                    */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0b2efcbc"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5c9662c5"]]);
 export {
-  e as default
+  a as default
 };

package/components/Breadcrumb/BreadcrumbItem.vue2.js

@@ -1,11 +1,12 @@
-import { defineComponent as u, computed as a, openBlock as i, createElementBlock as c, normalizeClass as n, createBlock as l, resolveDynamicComponent as m, mergeProps as f, withCtx as b, createCommentVNode as C, renderSlot as h, createTextVNode as v, toDisplayString as k } from "vue";
-import B from "../Icon.vue.js";
-const w = /* @__PURE__ */ u({
+import { defineComponent as f, computed as r, openBlock as a, createElementBlock as b, normalizeClass as n, createBlock as l, resolveDynamicComponent as C, mergeProps as h, withCtx as k, createCommentVNode as v, renderSlot as B, createTextVNode as x, toDisplayString as y } from "vue";
+import g from "../Icon.vue.js";
+const I = /* @__PURE__ */ f({
   __name: "BreadcrumbItem",
   props: {
     size: { default: "md" },
     isCurrent: { type: Boolean, default: !1 },
     variant: { default: "default" },
+    itemIndex: { default: 0 },
     label: {},
     to: {},
     href: {},
@@ -13,31 +14,45 @@ const w = /* @__PURE__ */ u({
     disabled: { type: Boolean },
     active: { type: Boolean }
   },
-  setup(r) {
-    const e = r, s = a(() => e.disabled || e.isCurrent ? "span" : e.to ? "router-link" : e.href ? "a" : "span"), o = a(() => e.to && !e.disabled && !e.isCurrent ? { to: e.to } : e.href && !e.disabled && !e.isCurrent ? { href: e.href } : {}), d = a(() => {
-      const t = {
+  emits: ["item-click"],
+  setup(t, { emit: s }) {
+    const e = t, c = s, d = r(() => e.disabled || e.isCurrent ? "span" : e.to ? "router-link" : e.href ? "a" : "span"), o = r(() => e.disabled || e.isCurrent ? {} : e.to ? { to: e.to } : e.href ? { href: e.href } : {}), u = r(() => {
+      const i = {
         sm: "w-3 h-3",
         md: "w-3.5 h-3.5",
         lg: "w-4 h-4"
       };
-      return t[e.size] || t.md;
+      return i[e.size] || i.md;
     });
-    return (t, y) => (i(), c("li", {
-      class: n(["breadcrumb-item", { "is-current": r.isCurrent, "is-disabled": r.disabled }])
+    function m() {
+      if (e.disabled || e.isCurrent) return;
+      const i = {
+        label: e.label,
+        to: e.to,
+        href: e.href,
+        icon: e.icon,
+        disabled: e.disabled,
+        active: e.active
+      };
+      c("item-click", { item: i, index: e.itemIndex });
+    }
+    return (i, z) => (a(), b("li", {
+      class: n(["breadcrumb-item", { "is-current": t.isCurrent, "is-disabled": t.disabled }])
     }, [
-      (i(), l(m(s.value), f(o.value, {
-        class: ["breadcrumb-link", { current: r.isCurrent, disabled: r.disabled }],
-        "aria-current": r.isCurrent ? "page" : void 0,
-        "aria-disabled": r.disabled || void 0
+      (a(), l(C(d.value), h(o.value, {
+        class: ["breadcrumb-link", { current: t.isCurrent, disabled: t.disabled }],
+        "aria-current": t.isCurrent ? "page" : void 0,
+        "aria-disabled": t.disabled || void 0,
+        onClick: m
       }), {
-        default: b(() => [
-          r.icon ? (i(), l(B, {
+        default: k(() => [
+          t.icon ? (a(), l(g, {
             key: 0,
-            icon: r.icon,
-            class: n(["breadcrumb-icon", d.value])
-          }, null, 8, ["icon", "class"])) : C("", !0),
-          h(t.$slots, "default", {}, () => [
-            v(k(r.label), 1)
+            icon: t.icon,
+            class: n(["breadcrumb-icon", u.value])
+          }, null, 8, ["icon", "class"])) : v("", !0),
+          B(i.$slots, "default", {}, () => [
+            x(y(t.label), 1)
           ], !0)
         ]),
         _: 3
@@ -46,5 +61,5 @@ const w = /* @__PURE__ */ u({
   }
 });
 export {
-  w as default
+  I as default
 };

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue2.js";
-/* empty css             */
+import o from "./ColorIro.vue.js";
+/* empty css              */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -5,8 +5,8 @@ import O from "../Input.vue.js";
 /* empty css            */
 import "../../core/config.js";
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue2.js";
-/* empty css             */
+import E from "./ColorIro.vue.js";
+/* empty css              */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

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

@@ -8,6 +8,7 @@ declare function __VLS_template(): {
         actions?(_: {}): any;
         'after-add'?(_: {}): any;
         'custom-header'?(_: {}): any;
+        'sub-header'?(_: {}): any;
         empty?(_: {}): any;
     };
     refs: {

package/components/Screen/Screen.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as De, computed as o, ref as x, provide as Z, watch as q, resolveComponent as Pe, openBlock as a, createElementBlock as c, normalizeClass as O, createElementVNode as g, renderSlot as B, toDisplayString as m, createBlock as s, withCtx as d, createVNode as u, createCommentVNode as f, unref as w, resolveDynamicComponent as z, Fragment as D, mergeProps as h, createTextVNode as p, renderList as Ie } from "vue";
+import { defineComponent as Ce, computed as o, ref as x, provide as Z, watch as q, resolveComponent as Pe, openBlock as a, createElementBlock as s, normalizeClass as O, createElementVNode as g, renderSlot as w, toDisplayString as f, createBlock as c, withCtx as d, createVNode as u, createCommentVNode as m, unref as b, resolveDynamicComponent as z, Fragment as C, mergeProps as v, createTextVNode as p, renderList as Ie } from "vue";
 import Se from "../Input.vue.js";
 /* empty css            */
-import v from "../Button.vue.js";
+import h from "../Button.vue.js";
 import R from "../Icon.vue.js";
 import $e from "../Tooltip.vue.js";
 import H from "../Modal.vue.js";
@@ -33,7 +33,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
 }, et = {
   key: 2,
   class: "-mt-2"
-}, tt = { class: "px-1 py-1 text-sm" }, nt = { class: "font-medium mb-3 text-muted-foreground" }, at = { class: "space-y-3" }, lt = { key: 4 }, kt = /* @__PURE__ */ De({
+}, tt = { class: "px-1 py-1 text-sm" }, nt = { class: "font-medium mb-3 text-muted-foreground" }, at = { class: "space-y-3" }, lt = { key: 4 }, kt = /* @__PURE__ */ Ce({
   __name: "Screen",
   props: {
     name: { default: "" },
@@ -84,14 +84,14 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
     const n = t, P = Fe(), J = _, ee = o(() => n.name || n.title || "default-screen"), I = Ne(
       `view-mode-${ee.value}`,
       n.table ? "table" : "list"
-    ), S = x(""), T = x({}), k = x(n.pageInfo?.currentPage || 1), V = x(n.pageInfo?.itemsPerPage || n.paginationProps?.itemsPerPage || 10), b = x([]), j = x([]), $ = x(!1);
-    Z("screen-selected-rows", b), Z("screen-request-delete", (e) => N(e));
+    ), S = x(""), T = x({}), k = x(n.pageInfo?.currentPage || 1), V = x(n.pageInfo?.itemsPerPage || n.paginationProps?.itemsPerPage || 10), B = x([]), j = x([]), $ = x(!1);
+    Z("screen-selected-rows", B), Z("screen-request-delete", (e) => N(e));
     const N = (e) => {
       j.value = e, $.value = !0;
     }, te = () => {
-      J("delete", j.value), $.value = !1, b.value = [];
+      J("delete", j.value), $.value = !1, B.value = [];
     }, ne = (e) => {
-      J("delete", e), b.value = [];
+      J("delete", e), B.value = [];
     };
     q(
       () => n.pageInfo?.currentPage,
@@ -107,14 +107,14 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
     let F = null;
     q(S, (e) => {
       F && clearTimeout(F), F = setTimeout(() => {
-        k.value = 1, C();
+        k.value = 1, D();
       }, 300);
     });
     const ae = (e) => {
-      k.value = e, C();
+      k.value = e, D();
     }, le = (e) => {
-      V.value = e, k.value = 1, C();
-    }, C = () => {
+      V.value = e, k.value = 1, D();
+    }, D = () => {
       const e = {
         pageinfo: {
           page: k.value,
@@ -196,8 +196,8 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
       failed: 0,
       errors: []
     }), Be = () => {
-      C();
-    }, ke = o(() => n.exportMode || P?.exportData?.mode || "frontend"), Ce = async (e) => {
+      D();
+    }, ke = o(() => n.exportMode || P?.exportData?.mode || "frontend"), De = async (e) => {
       if (P?.services?.exportApi && n.exportType) {
         const l = {
           format: e,
@@ -212,16 +212,16 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
     };
     return (e, l) => {
       const Y = Pe("router-link");
-      return a(), c("div", Le, [
-        t.customHeader ? B(e.$slots, "custom-header", { key: 1 }) : (a(), c("div", {
+      return a(), s("div", Le, [
+        t.customHeader ? w(e.$slots, "custom-header", { key: 1 }) : (a(), s("div", {
           key: 0,
           class: O([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
         }, [
           g("div", Me, [
-            B(e.$slots, "title", {}, () => [
-              Q.value ? (a(), c("div", Ue, [
-                g("h1", qe, m(Q.value), 1),
-                t.info || t.infoI18n ? (a(), s($e, {
+            w(e.$slots, "title", {}, () => [
+              Q.value ? (a(), s("div", Ue, [
+                g("h1", qe, f(Q.value), 1),
+                t.info || t.infoI18n ? (a(), c($e, {
                   key: 0,
                   content: t.info,
                   "content-i18n": t.infoI18n,
@@ -234,28 +234,28 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                     })
                   ]),
                   _: 1
-                }, 8, ["content", "content-i18n"])) : f("", !0)
-              ])) : f("", !0)
+                }, 8, ["content", "content-i18n"])) : m("", !0)
+              ])) : m("", !0)
             ]),
-            B(e.$slots, "description", {}, () => [
-              G.value ? (a(), c("p", ze, m(G.value), 1)) : f("", !0)
+            w(e.$slots, "description", {}, () => [
+              G.value ? (a(), s("p", ze, f(G.value), 1)) : m("", !0)
             ])
           ]),
           g("div", He, [
             g("div", Je, [
-              b.value.length > 0 ? (a(), s(v, {
+              B.value.length > 0 ? (a(), c(h, {
                 key: 0,
                 variant: "outline",
                 class: "hover:bg-destructive/10 shrink-0 h-9! w-9!",
                 icon: "lucide:trash-2",
                 title: ie.value,
-                onClick: l[0] || (l[0] = (i) => N(b.value))
-              }, null, 8, ["title"])) : f("", !0),
-              t.table && t.list ? (a(), c("div", Ke, [
+                onClick: l[0] || (l[0] = (i) => N(B.value))
+              }, null, 8, ["title"])) : m("", !0),
+              t.table && t.list ? (a(), s("div", Ke, [
                 g("button", {
                   onClick: l[1] || (l[1] = (i) => I.value = "list"),
                   class: O(["p-1.5 rounded", [
-                    w(I) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                    b(I) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
                   title: re.value
                 }, [
@@ -267,7 +267,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                 g("button", {
                   onClick: l[2] || (l[2] = (i) => I.value = "table"),
                   class: O(["p-1.5 rounded", [
-                    w(I) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                    b(I) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
                   title: de.value
                 }, [
@@ -276,9 +276,9 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                     class: "w-4 h-4"
                   })
                 ], 10, Ge)
-              ])) : f("", !0),
-              B(e.$slots, "before-search"),
-              t.showRefresh ? (a(), s(v, {
+              ])) : m("", !0),
+              w(e.$slots, "before-search"),
+              t.showRefresh ? (a(), c(h, {
                 key: 2,
                 variant: "outline",
                 icon: "lucide:refresh-cw",
@@ -286,17 +286,17 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                 class: "shrink-0 h-9! w-9!",
                 title: se.value,
                 disabled: t.loading,
-                onClick: C
-              }, null, 8, ["title", "disabled"])) : f("", !0),
-              t.filterSchema && t.filterSchema.length > 0 ? (a(), s(Ae, {
+                onClick: D
+              }, null, 8, ["title", "disabled"])) : m("", !0),
+              t.filterSchema && t.filterSchema.length > 0 ? (a(), c(Ae, {
                 key: 3,
                 schema: t.filterSchema,
                 type: t.filterType,
                 modelValue: T.value,
                 "onUpdate:modelValue": l[3] || (l[3] = (i) => T.value = i),
-                onChange: C
-              }, null, 8, ["schema", "type", "modelValue"])) : f("", !0),
-              t.canSearch ? (a(), c("div", We, [
+                onChange: D
+              }, null, 8, ["schema", "type", "modelValue"])) : m("", !0),
+              t.canSearch ? (a(), s("div", We, [
                 u(Se, {
                   lazy: "",
                   modelValue: S.value,
@@ -307,13 +307,13 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                   class: "bg-background w-full",
                   "show-clear-button": !0
                 }, null, 8, ["modelValue", "placeholder"])
-              ])) : f("", !0)
+              ])) : m("", !0)
             ]),
             g("div", Xe, [
-              B(e.$slots, "actions", {}, () => [
-                t.addComponent ? (a(), s(z(t.addComponent), { key: 0 })) : t.canAdd ? (a(), c(D, { key: 1 }, [
-                  t.addBtn ? (a(), c(D, { key: 0 }, [
-                    t.addBtn.modal ? (a(), s(H, h({
+              w(e.$slots, "actions", {}, () => [
+                t.addComponent ? (a(), c(z(t.addComponent), { key: 0 })) : t.canAdd ? (a(), s(C, { key: 1 }, [
+                  t.addBtn ? (a(), s(C, { key: 0 }, [
+                    t.addBtn.modal ? (a(), c(H, v({
                       key: 0,
                       body: t.addBtn.modal
                     }, t.addBtn.modalProps, {
@@ -323,53 +323,53 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                       loading: t.loading
                     }), {
                       trigger: d(() => [
-                        u(v, h({
+                        u(h, v({
                           class: "w-full",
                           icon: t.addBtn.icon || "fluent:add-16-filled",
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(m(y.value), 1)
+                            p(f(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (a(), s(Y, {
+                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (a(), c(Y, {
                       key: 1,
                       to: t.addBtn.to,
                       class: "inline-flex w-full sm:w-auto"
                     }, {
                       default: d(() => [
-                        u(v, h({
+                        u(h, v({
                           class: "w-full",
                           icon: t.addBtn.icon || "fluent:add-16-filled",
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(m(y.value), 1)
+                            p(f(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 8, ["to"])) : t.addBtn.href ? (a(), c("a", {
+                    }, 8, ["to"])) : t.addBtn.href ? (a(), s("a", {
                       key: 2,
                       href: t.addBtn.href,
                       target: t.addBtn.target,
                       class: "inline-flex w-full sm:w-auto"
                     }, [
-                      u(v, h({
+                      u(h, v({
                         class: "w-full",
                         icon: t.addBtn.icon || "fluent:add-16-filled",
                         variant: t.addBtn.variant || "primary"
                       }, t.addBtn.buttonProps), {
                         default: d(() => [
-                          p(m(y.value), 1)
+                          p(f(y.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
-                    ], 8, Ye)) : (a(), s(v, h({
+                    ], 8, Ye)) : (a(), c(h, v({
                       key: 3,
                       class: "w-full sm:w-auto",
                       icon: t.addBtn.icon || "fluent:add-16-filled",
@@ -378,25 +378,14 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                       onClick: l[5] || (l[5] = (i) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
                     }), {
                       default: d(() => [
-                        p(m(y.value), 1)
+                        p(f(y.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
-                  ], 64)) : (a(), s(v, {
-                    key: 1,
-                    class: "w-full sm:w-auto",
-                    icon: "fluent:add-16-filled",
-                    variant: "primary",
-                    onClick: l[6] || (l[6] = (i) => e.$emit("add"))
-                  }, {
-                    default: d(() => [
-                      p(m(y.value), 1)
-                    ]),
-                    _: 1
-                  }))
-                ], 64)) : f("", !0)
+                  ], 64)) : m("", !0)
+                ], 64)) : m("", !0)
               ]),
-              W.value ? (a(), s(Ee, {
+              W.value ? (a(), c(Ee, {
                 key: 0,
                 closeOnSelect: "",
                 position: "bottom-end",
@@ -404,24 +393,25 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                 onOnSelect: ye
               }, {
                 trigger: d(() => [
-                  u(v, {
+                  u(h, {
                     variant: "outline",
                     icon: "lucide:more-vertical",
                     class: "px-2!",
-                    title: w(r)("vlite.screen.moreOptions") !== "vlite.screen.moreOptions" ? w(r)("vlite.screen.moreOptions") : "More Options"
+                    title: b(r)("vlite.screen.moreOptions") !== "vlite.screen.moreOptions" ? b(r)("vlite.screen.moreOptions") : "More Options"
                   }, null, 8, ["title"])
                 ]),
                 _: 1
-              }, 8, ["options"])) : f("", !0),
-              B(e.$slots, "after-add")
+              }, 8, ["options"])) : m("", !0),
+              w(e.$slots, "after-add")
             ])
           ])
         ], 2)),
+        w(e.$slots, "sub-header"),
         g("div", {
-          class: O(["flex-1 w-full relative min-h-[300px]", t.containerClass])
+          class: O(["flex-1 w-full relative min-h-[250px]", t.containerClass])
         }, [
-          !oe.value && !t.loading ? B(e.$slots, "empty", { key: 0 }, () => [
-            u(w(je), {
+          !oe.value && !t.loading ? w(e.$slots, "empty", { key: 0 }, () => [
+            u(b(je), {
               title: t.emptyTitle,
               titleI18n: t.emptyTitleI18n,
               description: t.emptyDescription,
@@ -429,100 +419,100 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
               icon: t.emptyIcon
             }, {
               action: d(() => [
-                t.addComponent ? (a(), s(z(t.addComponent), { key: 0 })) : t.canAdd ? (a(), c(D, { key: 1 }, [
-                  t.addBtn ? (a(), c(D, { key: 0 }, [
-                    t.addBtn.modal ? (a(), s(H, h({
+                t.addComponent ? (a(), c(z(t.addComponent), { key: 0 })) : t.canAdd ? (a(), s(C, { key: 1 }, [
+                  t.addBtn ? (a(), s(C, { key: 0 }, [
+                    t.addBtn.modal ? (a(), c(H, v({
                       key: 0,
                       body: t.addBtn.modal
                     }, t.addBtn.modalProps), {
                       trigger: d(() => [
-                        u(v, h({
+                        u(h, v({
                           icon: t.addBtn.icon || "fluent:add-16-filled",
                           variant: t.addBtn.variant || "primary",
                           rounded: "full",
                           class: "px-6!"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(m(y.value), 1)
+                            p(f(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body"])) : t.addBtn.to ? (a(), s(Y, {
+                    }, 16, ["body"])) : t.addBtn.to ? (a(), c(Y, {
                       key: 1,
                       to: t.addBtn.to,
                       class: "inline-flex"
                     }, {
                       default: d(() => [
-                        u(v, h({
+                        u(h, v({
                           icon: t.addBtn.icon || "fluent:add-16-filled",
                           variant: t.addBtn.variant || "outline"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(m(y.value), 1)
+                            p(f(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 8, ["to"])) : t.addBtn.href ? (a(), c("a", {
+                    }, 8, ["to"])) : t.addBtn.href ? (a(), s("a", {
                       key: 2,
                       href: t.addBtn.href,
                       target: t.addBtn.target,
                       class: "inline-flex"
                     }, [
-                      u(v, h({
+                      u(h, v({
                         icon: t.addBtn.icon || "lucide:plus",
                         variant: t.addBtn.variant || "outline"
                       }, t.addBtn.buttonProps), {
                         default: d(() => [
-                          p(m(y.value), 1)
+                          p(f(y.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
-                    ], 8, Ze)) : (a(), s(v, h({
+                    ], 8, Ze)) : (a(), c(h, v({
                       key: 3,
                       icon: t.addBtn.icon || "lucide:plus",
                       variant: t.addBtn.variant || "outline"
                     }, t.addBtn.buttonProps, {
-                      onClick: l[7] || (l[7] = (i) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
+                      onClick: l[6] || (l[6] = (i) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
                     }), {
                       default: d(() => [
-                        p(m(y.value), 1)
+                        p(f(y.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
-                  ], 64)) : (a(), s(v, {
+                  ], 64)) : (a(), c(h, {
                     key: 1,
                     icon: "lucide:plus",
                     variant: "outline",
-                    onClick: l[8] || (l[8] = (i) => e.$emit("add"))
+                    onClick: l[7] || (l[7] = (i) => e.$emit("add"))
                   }, {
                     default: d(() => [
-                      p(m(y.value), 1)
+                      p(f(y.value), 1)
                     ]),
                     _: 1
                   }))
-                ], 64)) : f("", !0)
+                ], 64)) : m("", !0)
               ]),
               _: 1
             }, 8, ["title", "titleI18n", "description", "descriptionI18n", "icon"])
-          ]) : (a(), c(D, { key: 1 }, [
-            K.value ? (a(), s(z(K.value), {
+          ]) : (a(), s(C, { key: 1 }, [
+            K.value ? (a(), c(z(K.value), {
               key: 0,
               data: t.data,
               loading: t.loading,
               refetch: t.refetch,
-              selectedRows: b.value,
-              "onUpdate:selectedRows": l[9] || (l[9] = (i) => b.value = i),
+              selectedRows: B.value,
+              "onUpdate:selectedRows": l[8] || (l[8] = (i) => B.value = i),
               delete: N,
               onDelete: ne
-            }, null, 40, ["data", "loading", "refetch", "selectedRows"])) : (a(), c("div", _e, m(he.value), 1))
+            }, null, 40, ["data", "loading", "refetch", "selectedRows"])) : (a(), s("div", _e, f(he.value), 1))
           ], 64))
         ], 2),
-        t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), c("div", et, [
-          u(w(Ve), h({
+        t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), s("div", et, [
+          u(b(Ve), v({
             "current-page": t.pageInfo.currentPage,
             "total-pages": t.pageInfo.totalPages,
             "total-items": t.pageInfo.totalItems
@@ -530,45 +520,45 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
             onChange: ae,
             "onUpdate:itemsPerPage": le
           }), null, 16, ["current-page", "total-pages", "total-items"])
-        ])) : f("", !0),
+        ])) : m("", !0),
         u(Te, {
           show: $.value,
-          "onUpdate:show": l[10] || (l[10] = (i) => $.value = i),
+          "onUpdate:show": l[9] || (l[9] = (i) => $.value = i),
           title: ue.value,
           description: me.value,
           "confirm-text": fe.value,
           "cancel-text": ve.value,
           variant: "danger",
           onConfirm: te,
-          onCancel: l[11] || (l[11] = (i) => $.value = !1)
+          onCancel: l[10] || (l[10] = (i) => $.value = !1)
         }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"]),
-        A.value ? (a(), s(H, {
+        A.value ? (a(), c(H, {
           key: 3,
           show: A.value,
-          "onUpdate:show": l[12] || (l[12] = (i) => A.value = i),
+          "onUpdate:show": l[11] || (l[11] = (i) => A.value = i),
           title: L.value,
           "max-width": "sm:max-w-[400px]"
         }, {
           default: d(({ close: i }) => [
-            u(Oe, h({
+            u(Oe, v({
               ref_key: "exportDataRef",
               ref: M,
               data: t.data || [],
               fields: pe.value,
               mode: ke.value,
-              "on-export": Ce
+              "on-export": De
             }, typeof t.exportProps == "object" ? t.exportProps : {}, {
               title: L.value,
               class: "hidden!"
             }), null, 16, ["data", "fields", "mode", "title"]),
             g("div", tt, [
-              g("h6", nt, m(w(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? w(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
+              g("h6", nt, f(b(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? b(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
               g("div", at, [
-                (a(!0), c(D, null, Ie(M.value?.availableFormats || [
+                (a(!0), s(C, null, Ie(M.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) => (a(), s(v, {
+                ], (E) => (a(), c(h, {
                   key: E.value,
                   variant: "outline",
                   class: "w-full flex items-center justify-start gap-3 h-12",
@@ -579,7 +569,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                       icon: E.icon,
                       class: "text-muted-foreground h-5 w-5"
                     }, null, 8, ["icon"]),
-                    g("span", null, m(E.label), 1)
+                    g("span", null, f(E.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 128))
@@ -587,11 +577,11 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
             ])
           ]),
           _: 1
-        }, 8, ["show", "title"])) : f("", !0),
-        W.value ? (a(), c("div", lt, [
-          u(Re, h({
+        }, 8, ["show", "title"])) : m("", !0),
+        W.value ? (a(), s("div", lt, [
+          u(Re, v({
             show: U.value,
-            "onUpdate:show": l[13] || (l[13] = (i) => U.value = i),
+            "onUpdate:show": l[12] || (l[12] = (i) => U.value = i),
             ref_key: "importDataRef",
             ref: xe,
             fields: we.value,
@@ -601,7 +591,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
             title: X.value,
             class: "hidden!"
           }), null, 16, ["show", "fields", "title"])
-        ])) : f("", !0)
+        ])) : m("", !0)
       ]);
     };
   }

package/components/Screen/ScreenFilter.vue.js

@@ -11,7 +11,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                          */
+/* empty css                           */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.6.4",
+  "version": "0.6.6",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -894,5 +894,5 @@ textarea::-webkit-scrollbar-thumb {
 }
 
 /* --- Vite Generated CSS --- */
-input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.blink-bg[data-v-c26acbd9]{animation:blink-animation-c26acbd9 1s infinite}@keyframes blink-animation-c26acbd9{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-c9831df1] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-c9831df1] input,.custom-fields-table[data-v-c9831df1] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-c9831df1] input,.custom-fields-table[data-v-c9831df1] textarea,.custom-fields-table[data-v-c9831df1] select,.custom-fields-table[data-v-c9831df1] .input-wrapper,.custom-fields-table[data-v-c9831df1] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-c9831df1] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-c9831df1] input:focus,.custom-fields-table[data-v-c9831df1] textarea:focus,.custom-fields-table[data-v-c9831df1] select:focus,.custom-fields-table[data-v-c9831df1] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-c9831df1] .w-full{width:100%;height:100%}.list-enter-active[data-v-c9831df1]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-c9831df1]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-0fe8a23f]{display:flex;flex-direction:column}.form-field-item[data-v-0fe8a23f]:has([role=switch]),.form-field-item[data-v-0fe8a23f]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-78f87e2c]{width:100%}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-0b2efcbc]{display:inline-flex;align-items:center}.breadcrumb-link[data-v-0b2efcbc]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-0b2efcbc]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-0b2efcbc]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-0b2efcbc]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-0b2efcbc]{flex-shrink:0}.breadcrumb-list[data-v-ae18a95c]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.45em}.breadcrumb--sm[data-v-ae18a95c]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-ae18a95c]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-ae18a95c]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-ae18a95c]{display:inline-flex;align-items:center;color:var(--color-gray-400);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-ae18a95c]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-ae18a95c]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-ae18a95c]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-ae18a95c]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-ae18a95c] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-ae18a95c] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-ae18a95c] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-ae18a95c]{gap:0}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-ae18a95c] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-ae18a95c]{display:none}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}.permission-matrix-wrapper[data-v-c5641678]{max-height:70vh}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.first-toast-enter-active[data-v-dc3a3b49]{animation:first-toast-in-dc3a3b49 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-dc3a3b49]{transition:all .25s ease-in}.first-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-dc3a3b49{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-dc3a3b49],.stack-toast-leave-active[data-v-dc3a3b49]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-dc3a3b49]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-dc3a3b49]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}
+input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.blink-bg[data-v-c26acbd9]{animation:blink-animation-c26acbd9 1s infinite}@keyframes blink-animation-c26acbd9{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-c9831df1] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-c9831df1] input,.custom-fields-table[data-v-c9831df1] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-c9831df1] input,.custom-fields-table[data-v-c9831df1] textarea,.custom-fields-table[data-v-c9831df1] select,.custom-fields-table[data-v-c9831df1] .input-wrapper,.custom-fields-table[data-v-c9831df1] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-c9831df1] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-c9831df1] input:focus,.custom-fields-table[data-v-c9831df1] textarea:focus,.custom-fields-table[data-v-c9831df1] select:focus,.custom-fields-table[data-v-c9831df1] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-c9831df1] .w-full{width:100%;height:100%}.list-enter-active[data-v-c9831df1]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-c9831df1]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-0fe8a23f]{display:flex;flex-direction:column}.form-field-item[data-v-0fe8a23f]:has([role=switch]),.form-field-item[data-v-0fe8a23f]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-78f87e2c]{width:100%}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-5c9662c5]{display:inline-flex;align-items:center}.breadcrumb-link[data-v-5c9662c5]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-5c9662c5]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-5c9662c5]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-5c9662c5]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-5c9662c5]{flex-shrink:0}.breadcrumb-list[data-v-12cf2491]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.45em}.breadcrumb--sm[data-v-12cf2491]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-12cf2491]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-12cf2491]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-12cf2491]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-12cf2491]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-12cf2491]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-12cf2491]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-12cf2491]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-12cf2491]{gap:0}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-12cf2491]{display:none}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}.permission-matrix-wrapper[data-v-c5641678]{max-height:70vh}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-c5641678]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.first-toast-enter-active[data-v-dc3a3b49]{animation:first-toast-in-dc3a3b49 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-dc3a3b49]{transition:all .25s ease-in}.first-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-dc3a3b49{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-dc3a3b49],.stack-toast-leave-active[data-v-dc3a3b49]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-dc3a3b49]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-dc3a3b49]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}