vlite3 1.5.1 → 1.5.4

package/components/Screen/components/ScreenToolbar.vue.js

@@ -1,15 +1,12 @@
-import { defineComponent as h, openBlock as o, createElementBlock as m, createElementVNode as u, createBlock as i, createCommentVNode as d, renderSlot as n, normalizeProps as r, guardReactiveProps as s, createVNode as c } from "vue";
-import f from "../../Button.vue.js";
-import v from "../../Input.vue.js";
+import { defineComponent as b, useSlots as R, computed as i, openBlock as o, createElementBlock as m, normalizeClass as s, createBlock as d, createCommentVNode as r, renderSlot as c, normalizeProps as f, guardReactiveProps as h, createVNode as w, createElementVNode as P } from "vue";
+import y from "../../Button.vue.js";
+import A from "../../Input.vue.js";
 /* empty css               */
-import w from "./ScreenViewToggle.vue.js";
-import y from "../ScreenFilter.vue.js";
-import S from "./ScreenAddAction.vue.js";
-import $ from "./ScreenOptionsDropdown.vue.js";
-const g = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, B = {
-  key: 4,
-  class: "w-full md:w-60! max-sm:order-last"
-}, k = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, E = /* @__PURE__ */ h({
+import D from "./ScreenViewToggle.vue.js";
+import E from "../ScreenFilter.vue.js";
+import F from "./ScreenAddAction.vue.js";
+import z from "./ScreenOptionsDropdown.vue.js";
+const W = /* @__PURE__ */ b({
   __name: "ScreenToolbar",
   props: {
     selectedRows: {},
@@ -36,28 +33,53 @@ const g = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none
     hasExportOrImport: { type: Boolean },
     exportProps: {},
     importProps: {},
-    screenState: {}
+    screenState: {},
+    inline: { type: Boolean }
   },
   emits: ["update:activeView", "update:activeFilters", "update:searchQuery", "delete", "refresh", "add", "select-dropdown"],
   setup(e) {
-    return (l, t) => (o(), m("div", null, [
-      u("div", g, [
-        e.selectedRows.length > 0 && !e.hideSelectable && !e.hideDeleteBtn ? (o(), i(f, {
+    const t = e, u = R(), p = i(
+      () => t.selectedRows.length > 0 && !t.hideSelectable && !t.hideDeleteBtn
+    ), v = i(() => !!t.filterSchema && t.filterSchema.length > 0), x = i(
+      () => p.value || t.hasMultipleViews || !!u["before-search"] || !!t.showRefresh || v.value || !!t.canSearch
+    ), S = i(
+      () => !!u.actions || !!t.addComponent || !!t.canAdd && !!t.addBtn
+    ), g = i(
+      () => S.value || !!t.hasExportOrImport || !!u["after-add"]
+    ), k = i(
+      () => t.inline ? "flex flex-col sm:flex-row items-stretch sm:items-center gap-2.5 w-full lg:w-auto justify-end" : "contents"
+    ), $ = i(
+      () => t.inline ? "flex items-center gap-2.5 w-full sm:w-auto min-w-0" : "order-2 min-[900px]:order-3 min-[1250px]:order-2 min-[900px]:col-span-2 min-[1250px]:col-span-1 flex items-center gap-2.5 min-w-0"
+    ), B = i(
+      () => t.inline ? "flex items-center gap-3 shrink-0 w-full sm:w-auto justify-end" : "order-3 min-[900px]:order-2 min-[1250px]:order-3 flex items-center gap-3 shrink-0 justify-end"
+    ), V = i(
+      () => t.inline ? "flex-1 sm:flex-none sm:w-56 lg:w-60 min-w-0" : "flex-1 min-w-0 min-[1250px]:flex-none min-[1250px]:w-60"
+    ), C = i(
+      () => t.inline ? "w-full sm:w-auto" : "flex-1 min-[900px]:flex-none min-w-0"
+    );
+    return (a, l) => (o(), m("div", {
+      class: s(k.value)
+    }, [
+      x.value ? (o(), m("div", {
+        key: 0,
+        class: s($.value)
+      }, [
+        p.value ? (o(), d(y, {
           key: 0,
           variant: "outline",
           class: "hover:bg-destructive/10 shrink-0 h-9! w-9!",
           icon: "lucide:trash-2",
           title: e.txtDeleteSelected,
-          onClick: t[0] || (t[0] = (a) => l.$emit("delete", e.selectedRows))
-        }, null, 8, ["title"])) : d("", !0),
-        e.hasMultipleViews ? (o(), i(w, {
+          onClick: l[0] || (l[0] = (n) => a.$emit("delete", e.selectedRows))
+        }, null, 8, ["title"])) : r("", !0),
+        e.hasMultipleViews ? (o(), d(D, {
           key: 1,
           "model-value": e.activeView,
-          "onUpdate:modelValue": t[1] || (t[1] = (a) => l.$emit("update:activeView", a)),
+          "onUpdate:modelValue": l[1] || (l[1] = (n) => a.$emit("update:activeView", n)),
           views: e.resolvedViews
-        }, null, 8, ["model-value", "views"])) : d("", !0),
-        n(l.$slots, "before-search", r(s(e.screenState))),
-        e.showRefresh ? (o(), i(f, {
+        }, null, 8, ["model-value", "views"])) : r("", !0),
+        c(a.$slots, "before-search", f(h(e.screenState))),
+        e.showRefresh ? (o(), d(y, {
           key: 2,
           variant: "outline",
           icon: "lucide:refresh-cw",
@@ -65,52 +87,63 @@ const g = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none
           class: "shrink-0 h-9! w-9!",
           title: e.txtRefresh,
           disabled: e.loading,
-          onClick: t[2] || (t[2] = (a) => l.$emit("refresh"))
-        }, null, 8, ["title", "disabled"])) : d("", !0),
-        e.filterSchema && e.filterSchema.length > 0 ? (o(), i(y, {
+          onClick: l[2] || (l[2] = (n) => a.$emit("refresh"))
+        }, null, 8, ["title", "disabled"])) : r("", !0),
+        v.value ? (o(), d(E, {
           key: 3,
           schema: e.filterSchema,
           type: e.filterType,
           "model-value": e.activeFilters,
-          "onUpdate:modelValue": t[3] || (t[3] = (a) => l.$emit("update:activeFilters", a)),
-          onChange: t[4] || (t[4] = (a) => l.$emit("refresh"))
-        }, null, 8, ["schema", "type", "model-value"])) : d("", !0),
-        e.canSearch ? (o(), m("div", B, [
-          c(v, {
+          "onUpdate:modelValue": l[3] || (l[3] = (n) => a.$emit("update:activeFilters", n)),
+          onChange: l[4] || (l[4] = (n) => a.$emit("refresh"))
+        }, null, 8, ["schema", "type", "model-value"])) : r("", !0),
+        e.canSearch ? (o(), m("div", {
+          key: 4,
+          class: s(V.value)
+        }, [
+          w(A, {
             lazy: "",
             "model-value": e.searchQuery,
-            "onUpdate:modelValue": t[5] || (t[5] = (a) => l.$emit("update:searchQuery", String(a))),
+            "onUpdate:modelValue": l[5] || (l[5] = (n) => a.$emit("update:searchQuery", String(n))),
             icon: "lucide:search",
             placeholder: e.txtSearch,
             variant: "outline",
             class: "bg-background w-full",
             "show-clear-button": !0
           }, null, 8, ["model-value", "placeholder"])
-        ])) : d("", !0)
-      ]),
-      u("div", k, [
-        n(l.$slots, "actions", r(s(e.screenState)), () => [
-          c(S, {
-            "can-add": e.canAdd,
-            "add-component": e.addComponent,
-            "add-btn": e.addBtn,
-            loading: e.loading,
-            data: e.data,
-            refetch: e.refetch,
-            onAdd: t[6] || (t[6] = (a) => l.$emit("add"))
-          }, null, 8, ["can-add", "add-component", "add-btn", "loading", "data", "refetch"])
-        ]),
-        e.hasExportOrImport ? (o(), i($, {
+        ], 2)) : r("", !0)
+      ], 2)) : r("", !0),
+      g.value ? (o(), m("div", {
+        key: 1,
+        class: s(B.value)
+      }, [
+        P("div", {
+          class: s(C.value)
+        }, [
+          c(a.$slots, "actions", f(h(e.screenState)), () => [
+            w(F, {
+              "can-add": e.canAdd,
+              "add-component": e.addComponent,
+              "add-btn": e.addBtn,
+              loading: e.loading,
+              data: e.data,
+              refetch: e.refetch,
+              onAdd: l[6] || (l[6] = (n) => a.$emit("add"))
+            }, null, 8, ["can-add", "add-component", "add-btn", "loading", "data", "refetch"])
+          ])
+        ], 2),
+        e.hasExportOrImport ? (o(), d(z, {
           key: 0,
+          class: "shrink-0",
           "export-props": e.exportProps,
           "import-props": e.importProps,
-          onSelect: t[7] || (t[7] = (a) => l.$emit("select-dropdown", a))
-        }, null, 8, ["export-props", "import-props"])) : d("", !0),
-        n(l.$slots, "after-add", r(s(e.screenState)))
-      ])
-    ]));
+          onSelect: l[7] || (l[7] = (n) => a.$emit("select-dropdown", n))
+        }, null, 8, ["export-props", "import-props"])) : r("", !0),
+        c(a.$slots, "after-add", f(h(e.screenState)))
+      ], 2)) : r("", !0)
+    ], 2));
   }
 });
 export {
-  E as default
+  W as default
 };