bt-core-app 2.1.36 → 2.2.0

package/dist/components/BT-Blade-Items.vue2.mjs

@@ -0,0 +1,943 @@
+import { defineComponent as Ie, ref as J, computed as k, watch as we, onMounted as Ee, resolveComponent as g, openBlock as i, createBlock as c, unref as l, withCtx as o, renderSlot as y, createElementBlock as p, createVNode as u, withKeys as ue, withModifiers as m, createCommentVNode as v, normalizeStyle as U, mergeProps as O, Fragment as $, renderList as z, createTextVNode as G, toDisplayString as X, createElementVNode as R, normalizeClass as F, createSlots as Pe, nextTick as Ve } from "vue";
+import { isLengthyArray as A, isNullOrEmpty as de, capitalizeWords as ce } from "../composables/helpers.mjs";
+import { useAuth as Te } from "../composables/auth.mjs";
+import { useList as Fe } from "../composables/list.mjs";
+import { useNavigation as He } from "../composables/navigation.mjs";
+import { useNested as Me } from "../composables/nested.mjs";
+import { usePresets as Ne } from "../composables/presets.mjs";
+import { useRoute as Ue, useRouter as De } from "vue-router";
+import { useHeights as Le } from "../composables/heights.mjs";
+import { useDisplay as Oe } from "vuetify";
+const Ge = {
+  key: 0,
+  class: "d-flex"
+}, Re = {
+  key: 0,
+  class: "d-flex align-center mr-2"
+}, Ke = { key: "0" }, qe = {
+  class: "d-flex",
+  key: "a1"
+}, Ye = {
+  key: "itemActions",
+  class: "text-right"
+}, Qe = ["onClick"], We = { key: "0" }, je = {
+  class: "d-flex",
+  key: "a1"
+}, Je = { key: 0 }, st = /* @__PURE__ */ Ie({
+  __name: "BT-Blade-Items",
+  props: {
+    actionButtonSize: { default: "x-small" },
+    activeClass: { default: "text-primary" },
+    actualHeight: {},
+    actualUsedHeight: {},
+    archiveBladeName: {},
+    bordered: { type: Boolean },
+    canAdd: { type: Boolean, default: !0 },
+    canDelete: { type: Boolean, default: !0 },
+    canEdit: { type: Boolean },
+    canExportCSV: { type: Boolean },
+    canRestore: { type: Boolean },
+    canSearch: { type: Boolean, default: !0 },
+    canShowInactive: { type: Boolean },
+    density: { default: "compact" },
+    dividers: { type: Boolean, default: !0 },
+    fadingActions: { type: Boolean, default: void 0 },
+    fixedHeader: { type: Boolean, default: !0 },
+    flat: { type: Boolean },
+    heightStrat: { default: "fixed" },
+    hideColumns: { type: Boolean },
+    hideFilters: { type: Boolean },
+    hideFooter: { type: Boolean },
+    hideIntegrations: { type: Boolean, default: !1 },
+    hideRefresh: { type: Boolean },
+    hideSubtoolbar: { type: Boolean, default: void 0 },
+    hideSubtoolbarSettings: { type: Boolean, default: !1 },
+    hideToolbar: { type: Boolean },
+    itemValue: {},
+    label: {},
+    lines: {},
+    onFocusSearch: {},
+    opacity: {},
+    paginate: {},
+    preset: {},
+    returnCSV: { type: Boolean },
+    returnIndex: { type: Boolean },
+    ripple: { type: Boolean, default: !0 },
+    showCount: { type: Boolean, default: !1 },
+    scrollY: { type: Boolean },
+    selectMulti: { type: Boolean, default: !1 },
+    selectSingle: { type: Boolean, default: !1 },
+    selected: {},
+    showListOnly: { type: Boolean },
+    showTableOnly: { type: Boolean },
+    size: { default: "small" },
+    transparent: { type: Boolean },
+    addBladeName: {},
+    additionalUrl: {},
+    bladeGroup: {},
+    bladeName: {},
+    bladeStartShowing: { type: Boolean },
+    canSelect: { type: Boolean, default: !0 },
+    canUnselect: { type: Boolean, default: !0 },
+    closeBladeNames: {},
+    confirmOnDelete: { type: Boolean },
+    customFilters: {},
+    dateFrom: {},
+    dateTo: {},
+    defaultFilters: {},
+    eager: { type: Boolean, default: !0 },
+    errorMsg: {},
+    filterToggle: { type: Boolean },
+    headers: {},
+    hideActions: { type: Boolean },
+    idSelector: {},
+    ignoreID: { type: Boolean },
+    inactiveProp: {},
+    isSingle: { type: Boolean },
+    itemBladeName: {},
+    itemID: {},
+    items: {},
+    itemsPerPage: { default: 75 },
+    itemText: {},
+    keyStrategy: {},
+    loadingMsg: {},
+    localFilters: {},
+    localOnly: { type: Boolean },
+    nav: {},
+    navType: {},
+    onCanDelete: {},
+    onCanDeleteAsync: {},
+    onCanIntegrate: {},
+    onCanRestore: {},
+    onCanRestoreAsync: {},
+    onCanSave: {},
+    onCanSaveAsync: {},
+    onCanSelectItem: {},
+    onDeleteAsync: {},
+    onDeleteSuccessAsync: {},
+    onError: {},
+    onFilter: {},
+    onFinished: {},
+    onGetAsync: {},
+    onGetSingleAsync: {},
+    onGetSaveAsync: {},
+    onGetSingleSuccessAsync: {},
+    onGetSuccessAsync: {},
+    onRestoreAsync: {},
+    onRestoreSuccessAsync: {},
+    onSaveAsync: {},
+    onSaveSuccessAsync: {},
+    onSelectItem: {},
+    onSyncAsync: {},
+    onUpdateAsyncItem: {},
+    params: {},
+    proxyID: {},
+    proxyKey: {},
+    refreshOnChange: { type: Boolean },
+    queryParams: {},
+    refreshLiteToggle: { type: Boolean },
+    refreshToggle: { type: Boolean },
+    searchKey: {},
+    searchProps: {},
+    searchStr: {},
+    selectProps: {},
+    sortDirection: {},
+    sortProp: {},
+    startEditing: { type: Boolean },
+    startShowingInactive: { type: Boolean },
+    startShowingSearch: { type: Boolean },
+    storeMode: {},
+    storageMode: {},
+    trackSearchQuery: { type: Boolean },
+    useBladeSrc: { type: Boolean, default: void 0 },
+    useRouteSrc: { type: Boolean, default: void 0 },
+    variant: { default: "page" }
+  },
+  emits: ["update:selected", "change", "deleted", "fetched", "input", "select", "confirm", "mouse-over-item"],
+  setup(ve, { emit: pe }) {
+    const K = pe, s = ve, Z = J(null), x = J(null), { getValue: _ } = Me(), { xs: ye } = Oe(), D = Ue(), T = Ne(s.preset), { findDisplay: he } = He(), P = Te(), ee = Le(), t = Fe(s, K, {
+      hideActions: !0,
+      onError: (e) => {
+        if (e.code == 401)
+          P.logout(), P.login(location.pathname);
+        else
+          return e;
+      },
+      router: De(),
+      route: D
+    }), f = k(() => s.actionButtonSize ?? s.size), me = k(() => T.canAdd ?? s.canAdd), te = k(() => {
+      const e = T.fadingActions ?? s.fadingActions;
+      return t.currentExternalParty.value == null && (e ?? !ye.value);
+    }), ge = k(() => T.hideColumns ?? s.hideColumns), fe = k(() => T.hideFilters ?? s.hideFilters), q = k(() => (T.hideIntegrations ?? s.hideIntegrations) || t.proxyID.value != null), Se = k(() => T.hideRefresh ?? s.hideRefresh), le = k(() => !!s.hideSubtoolbar || s.variant == "inline"), ke = k(() => {
+      var n, r, S;
+      let e = s.label ?? (s.variant == "page" ? (n = D == null ? void 0 : D.meta) == null ? void 0 : n.displayName : void 0) ?? he(s.nav);
+      return s.showCount && (s.paginate == "server" ? t.totalCount.value != null && (e = `${e} (${t.totalCount.value})`) : ((r = t.filteredItems.value) == null ? void 0 : r.length) != null && ((S = t.asyncItems.value) == null ? void 0 : S.length) != null && (e = `${e} (${t.filteredItems.value.length} of ${t.asyncItems.value.length})`)), e;
+    }), Y = k(() => s.variant == "inline" && (s.canSearch || A(s.searchProps))), H = k(() => {
+      let e = s.opacity != null ? `opacity: ${s.opacity};` : "";
+      if (s.actualHeight != null)
+        return `${e} ${s.heightStrat == "upto" ? "max-height" : "height"}: calc(${s.actualHeight})`;
+      if (s.actualUsedHeight != null)
+        return `${e} ${s.heightStrat == "upto" ? "max-height" : "height"}: calc(100vh - ${ee.getUsedHeight(s.actualUsedHeight)}px)`;
+      {
+        let n = 154;
+        return s.bordered ? n += 26 : s.variant == "page" && (n += 16), s.variant == "pure" && (n -= 96), le.value && (n -= 48), s.hideToolbar == !0 && (n -= 48), de(s.paginate) && (n -= 58), `${e} ${s.heightStrat == "upto" ? "max-height" : "height"}: calc(100vh - ${ee.getUsedHeight(n)}px)`;
+      }
+    }), M = J([]), ne = k({
+      get() {
+        const e = s.selected ?? M.value;
+        let n = s.returnCSV ? e.split(",") : e;
+        if (s.selectSingle && !Array.isArray(n) && (n = [n]), s.returnIndex && s.returnCSV)
+          return n.map((S) => Number.parseInt(S));
+        let r = [];
+        return s.itemValue != null && A(n) ? t.filteredItems.value.forEach((S) => {
+          const V = _(S, s.itemValue);
+          n.some((C) => C == V) && r.push(S);
+        }) : s.itemValue == null && r.push(...n), s.selectSingle ? A(r) ? [r[0]] : [] : r;
+      },
+      set(e) {
+        if (e == null)
+          K("update:selected", e), M.value = [];
+        else {
+          let n = e;
+          s.returnIndex ? n = e.map((r) => t.filteredItems.value.indexOf((S) => S === r)) : s.itemValue != null && (n = e.map((r) => _(r, s.itemValue))), s.selectSingle ? (n = A(n) ? n[0] : void 0, M.value = n != null ? [n] : []) : M.value = n, s.returnCSV && n != null && (n = n.toString()), K("update:selected", n), M.value = n;
+        }
+      }
+    });
+    function ae() {
+      s.onFocusSearch != null ? s.onFocusSearch() : Ve(() => {
+        var n, r;
+        let e;
+        Y.value ? e = (n = x.value) == null ? void 0 : n.$el.querySelector("input:not([type=hidden]),textarea:not([type=hidden])") : t.showSearch.value && (e = (r = Z.value) == null ? void 0 : r.$el.querySelector("input:not([type=hidden]),textarea:not([type=hidden])")), e == null || e.focus();
+      });
+    }
+    function $e() {
+      (s.canSearch !== !1 || A(s.searchProps)) && !t.showSearch.value && t.toggleSearch();
+    }
+    return we(t.showSearch, (e) => {
+      e && ae();
+    }), Ee(() => {
+      ae();
+    }), (e, n) => {
+      const r = g("v-btn"), S = g("v-text-field"), V = g("v-slide-x-transition"), C = g("v-list-item"), N = g("v-list"), L = g("v-menu"), be = g("v-slide-y-transition"), ie = g("v-spacer"), se = g("v-icon"), oe = g("v-fade-transition"), Q = g("v-slide-y-reverse-transition"), W = g("bt-header-option"), re = g("v-row"), ze = g("v-divider"), Ce = g("v-table"), Be = g("v-pagination"), Ae = g("bt-blade");
+      return i(), c(Ae, {
+        onTitled: $e,
+        bladeBasic: "",
+        bladeName: e.bladeName,
+        bladeStartShowing: e.bladeStartShowing,
+        bordered: e.bordered,
+        density: e.density,
+        flat: e.flat,
+        errorMsg: l(t).errorMsg.value,
+        hideSubtoolbar: le.value,
+        hideToolbar: e.hideToolbar,
+        label: ke.value,
+        loadingMsg: l(t).loadingMsg.value,
+        opacity: e.opacity,
+        preset: e.preset,
+        showOnlyTitleLeft: Y.value && l(t).showSearch.value,
+        size: e.size,
+        transparent: e.transparent,
+        variant: e.variant
+      }, {
+        "blade-toolbar": o(() => [
+          y(e.$slots, "blade-toolbar", {
+            refresh: l(t).refresh,
+            searchString: l(t).searchString,
+            showSearch: l(t).showSearch,
+            toggleSearch: l(t).toggleSearch,
+            ui: l(t)
+          }, void 0, !0)
+        ]),
+        "blade-toolbar-left": o(() => [
+          y(e.$slots, "toolbar-left", { ui: l(t) }, void 0, !0)
+        ]),
+        "blade-title-left": o(() => [
+          Y.value ? (i(), p("div", Ge, [
+            y(e.$slots, "search-box", { ui: l(t) }, () => [
+              u(r, {
+                icon: l(t).showSearch.value ? "$close" : "$magnify",
+                size: e.size,
+                onClick: l(t).toggleSearch,
+                variant: "text"
+              }, null, 8, ["icon", "size", "onClick"]),
+              u(V, { "hide-on-leave": "" }, {
+                default: o(() => [
+                  l(t).showSearch.value ? (i(), c(S, {
+                    key: 0,
+                    "onClick:appendInner": n[0] || (n[0] = () => l(t).refresh({ deepRefresh: !0 })),
+                    onKeyup: n[1] || (n[1] = ue(m(() => {
+                      console.log("kk");
+                    }, ["stop"]), ["native", "enter"])),
+                    "append-inner-icon": "$magnify",
+                    autofocus: "",
+                    density: e.density,
+                    flat: "",
+                    "hide-details": "",
+                    placeholder: "Find",
+                    ref_key: "inlineSearchEl",
+                    ref: x,
+                    style: { width: "200px" },
+                    variant: "solo",
+                    modelValue: l(t).searchString.value,
+                    "onUpdate:modelValue": n[2] || (n[2] = (d) => l(t).searchString.value = d)
+                  }, null, 8, ["density", "modelValue"])) : v("", !0)
+                ]),
+                _: 1
+              })
+            ], !0)
+          ])) : v("", !0)
+        ]),
+        "blade-toolbar-right": o(() => [
+          y(e.$slots, "toolbar-right", {
+            style: U(H.value),
+            ui: l(t)
+          }, void 0, !0),
+          Se.value ? v("", !0) : (i(), c(r, {
+            key: 0,
+            icon: "$refresh",
+            onClick: n[3] || (n[3] = m((d) => l(t).refresh({ deepRefresh: !0 }), ["stop"])),
+            size: e.size,
+            title: "Refresh",
+            variant: "text"
+          }, null, 8, ["size"])),
+          me.value ? (i(), c(r, {
+            key: 1,
+            icon: "$plus",
+            onClick: n[4] || (n[4] = m((d) => l(t).add(e.variant), ["stop"])),
+            size: e.size,
+            disabled: !l(P).canEdit(e.nav),
+            title: "Add",
+            variant: "text"
+          }, null, 8, ["size", "disabled"])) : v("", !0)
+        ]),
+        subtoolbar: o(() => [
+          y(e.$slots, "subtoolbar", {}, () => [
+            e.hideSubtoolbarSettings ? v("", !0) : (i(), c(L, {
+              key: 0,
+              "close-on-content-click": !1,
+              density: e.density
+            }, {
+              activator: o(({ props: d }) => [
+                u(r, O({
+                  icon: "$cog",
+                  size: e.size
+                }, d, { variant: "text" }), null, 16, ["size"])
+              ]),
+              default: o(() => [
+                u(N, {
+                  density: e.density,
+                  "min-width": "300"
+                }, {
+                  default: o(() => [
+                    ge.value ? v("", !0) : (i(), c(L, {
+                      key: 0,
+                      "close-on-content-click": !1,
+                      density: e.density,
+                      location: "end"
+                    }, {
+                      activator: o(({ props: d }) => [
+                        u(C, O(d, {
+                          "prepend-icon": "$view-column",
+                          subtitle: "Columns"
+                        }), null, 16)
+                      ]),
+                      default: o(() => [
+                        u(N, null, {
+                          default: o(() => [
+                            (i(!0), p($, null, z(l(t).headerOptions.value, (d, B) => (i(), c(C, {
+                              key: B,
+                              "prepend-icon": d.hide === !0 ? "mdi" : "$check",
+                              subtitle: d.title,
+                              onClick: m((a) => d.hide = !d.hide, ["stop"])
+                            }, null, 8, ["prepend-icon", "subtitle", "onClick"]))), 128))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["density"])),
+                    e.archiveBladeName != null ? (i(), c(C, {
+                      key: 1,
+                      density: e.density,
+                      "prepend-icon": "$archive-outline",
+                      subtitle: "Archives",
+                      to: { name: e.archiveBladeName }
+                    }, null, 8, ["density", "to"])) : v("", !0),
+                    e.canShowInactive ? (i(), c(C, {
+                      key: 2,
+                      density: e.density,
+                      "prepend-icon": "$eraser",
+                      subtitle: l(t).showInactive.value ? "Hide Inactive" : "Show Inactive",
+                      onClick: n[5] || (n[5] = m((d) => l(t).showInactive.value = !l(t).showInactive.value, ["stop"]))
+                    }, null, 8, ["density", "subtitle"])) : v("", !0),
+                    e.canExportCSV ? (i(), c(C, {
+                      key: 3,
+                      density: e.density,
+                      "prepend-icon": "$file-delimited-outline",
+                      subtitle: "Export To CSV",
+                      onClick: l(t).exportToCSV
+                    }, null, 8, ["density", "onClick"])) : v("", !0),
+                    y(e.$slots, "settings", {
+                      items: l(t).filteredItems.value,
+                      allItems: l(t).asyncItems.value,
+                      size: e.size,
+                      ui: l(t)
+                    }, void 0, !0)
+                  ]),
+                  _: 3
+                }, 8, ["density"])
+              ]),
+              _: 3
+            }, 8, ["density"])),
+            y(e.$slots, "search-box", { ui: l(t) }, () => [
+              u(be, { "hide-on-leave": "" }, {
+                default: o(() => [
+                  (e.canSearch !== !1 || l(A)(e.searchProps)) && !l(t).showSearch.value ? (i(), c(r, {
+                    icon: "$magnify",
+                    key: "11",
+                    size: e.size,
+                    onClick: m(l(t).toggleSearch, ["stop"])
+                  }, null, 8, ["size", "onClick"])) : (e.canSearch !== !1 || l(A)(e.searchProps)) && l(t).showSearch.value ? (i(), c(S, {
+                    "onClick:appendInner": n[6] || (n[6] = () => l(t).refresh({ deepRefresh: !0 })),
+                    "onClick:prependInner": n[7] || (n[7] = () => l(t).toggleSearch()),
+                    onKeyup: n[8] || (n[8] = ue(m(() => l(t).refresh({ deepRefresh: !0 }), ["stop"]), ["native", "enter"])),
+                    "append-inner-icon": "$magnify",
+                    "prepend-inner-icon": "$close",
+                    density: e.density,
+                    flat: "",
+                    "hide-details": "",
+                    ref_key: "searchEl",
+                    ref: Z,
+                    key: "12",
+                    placeholder: "Find",
+                    variant: "outlined",
+                    modelValue: l(t).searchString.value,
+                    "onUpdate:modelValue": n[9] || (n[9] = (d) => l(t).searchString.value = d)
+                  }, null, 8, ["density", "modelValue"])) : v("", !0)
+                ]),
+                _: 1
+              })
+            ], !0),
+            y(e.$slots, "actions", {
+              ui: l(t),
+              allItems: l(t).asyncItems.value,
+              size: e.size
+            }, void 0, !0),
+            u(ie),
+            y(e.$slots, "actions-right", {
+              ui: l(t),
+              allItems: l(t).asyncItems.value,
+              size: e.size
+            }, void 0, !0),
+            !fe.value && l(A)(l(t).filters.value) ? (i(), c(L, {
+              key: 1,
+              "close-on-content-click": !1,
+              density: e.density,
+              location: "start"
+            }, {
+              activator: o(({ props: d }) => [
+                u(r, O({
+                  icon: "$filter",
+                  size: e.size
+                }, d, { variant: "text" }), null, 16, ["size"])
+              ]),
+              default: o(() => [
+                u(N, {
+                  class: "pa-0",
+                  density: e.density,
+                  "open-strategy": "multiple",
+                  "select-strategy": "classic",
+                  selected: l(t).selectedFilters.value,
+                  "onUpdate:selected": n[10] || (n[10] = (d) => l(t).selectedFilters.value = d)
+                }, {
+                  default: o(() => [
+                    (i(!0), p($, null, z(l(t).filters.value, (d, B) => (i(), c(C, {
+                      key: B,
+                      subtitle: d,
+                      value: B
+                    }, {
+                      prepend: o(({ isActive: a }) => [
+                        u(V, null, {
+                          default: o(() => [
+                            u(se, { size: e.size }, {
+                              default: o(() => [
+                                G(X(a ? "$check" : ""), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["size"])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1032, ["subtitle", "value"]))), 128)),
+                    u(oe, { "hide-on-leave": "" }, {
+                      default: o(() => [
+                        l(t).filtersChanged.value ? (i(), c(r, {
+                          key: 0,
+                          block: "",
+                          onClick: m(l(t).applyFilters, ["stop"]),
+                          size: e.size
+                        }, {
+                          default: o(() => [
+                            u(se, {
+                              start: "",
+                              size: e.size
+                            }, {
+                              default: o(() => n[16] || (n[16] = [
+                                G("$filter")
+                              ])),
+                              _: 1
+                            }, 8, ["size"]),
+                            n[17] || (n[17] = G("Apply "))
+                          ]),
+                          _: 1
+                        }, 8, ["onClick", "size"])) : v("", !0)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["density", "selected"])
+              ]),
+              _: 1
+            }, 8, ["density"])) : v("", !0),
+            !q.value && l(A)(l(t).externalParties.value) ? (i(), c(L, {
+              key: 2,
+              density: e.density,
+              location: "bottom"
+            }, {
+              activator: o(({ props: d }) => [
+                u(Q, { "hide-on-leave": "" }, {
+                  default: o(() => [
+                    l(t).currentExternalParty.value != null ? (i(), p("div", Re, [
+                      u(r, {
+                        icon: "$close",
+                        onClick: n[11] || (n[11] = m((B) => l(t).selectExternalParty(void 0), ["stop"]))
+                      }),
+                      R("span", null, "Sync: " + X(l(ce)(l(t).currentExternalParty.value.party)), 1)
+                    ])) : (i(), c(r, O({
+                      key: 1,
+                      icon: "$cloud-sync",
+                      size: e.size
+                    }, d, {
+                      title: "Open sync options",
+                      variant: "text"
+                    }), null, 16, ["size"]))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              default: o(() => [
+                u(N, {
+                  density: e.density,
+                  "min-width": "150"
+                }, {
+                  default: o(() => [
+                    (i(!0), p($, null, z(l(t).externalParties.value, (d, B) => (i(), c(C, {
+                      onClick: m((a) => l(t).selectExternalParty(d), ["stop"]),
+                      key: (d.party ?? "") + B,
+                      title: l(ce)(d.party)
+                    }, null, 8, ["onClick", "title"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["density"])
+              ]),
+              _: 1
+            }, 8, ["density"])) : v("", !0)
+          ], !0)
+        ]),
+        content: o(({ bladeData: d, isMobile: B }) => [
+          y(e.$slots, "d", {
+            items: l(t).asyncItems
+          }, void 0, !0),
+          y(e.$slots, "body", {
+            bladeData: d,
+            items: l(t).filteredItems.value,
+            allItems: l(t).asyncItems.value,
+            refresh: l(t).refresh,
+            searchString: l(t).searchString,
+            showSearch: l(t).showSearch,
+            size: e.size,
+            style: U(H.value),
+            toggleSearch: l(t).toggleSearch,
+            ui: l(t)
+          }, () => [
+            y(e.$slots, "top", {
+              refresh: l(t).refresh,
+              searchString: l(t).searchString,
+              showSearch: l(t).showSearch,
+              toggleSearch: l(t).toggleSearch,
+              size: e.size,
+              allItems: l(t).asyncItems.value,
+              items: l(t).filteredItems.value,
+              ui: l(t)
+            }, void 0, !0),
+            l(A)(l(t).asyncItems.value) ? e.selectSingle || e.selectMulti || e.showListOnly === !0 || B ? (i(), c(N, {
+              key: 1,
+              "active-class": e.activeClass,
+              class: F(["pt-0", e.scrollY ? "overflow-y-auto" : ""]),
+              "bg-color": e.transparent ? "transparent" : void 0,
+              flat: "",
+              density: e.density,
+              lines: e.lines,
+              mandatory: !e.canUnselect,
+              selectable: e.selectSingle || e.selectMulti,
+              "select-strategy": e.selectSingle ? "single-independent" : "independent",
+              style: U(H.value),
+              selected: ne.value,
+              "onUpdate:selected": n[13] || (n[13] = (a) => ne.value = a)
+            }, {
+              default: o(() => [
+                u(V, {
+                  group: "",
+                  "hide-on-leave": ""
+                }, {
+                  default: o(() => [
+                    (i(!0), p($, null, z(l(t).filteredItems.value, (a, I) => (i(), p($, {
+                      key: `${a.id}${I}-table-list-item`
+                    }, [
+                      y(e.$slots, "listItem", {
+                        bladeData: d,
+                        deleteItem: () => l(t).deleteItem(a),
+                        item: a,
+                        index: I,
+                        size: e.size,
+                        select: () => l(t).selectItem(a, e.variant),
+                        ui: l(t)
+                      }, () => [
+                        u(C, {
+                          class: "mouse-item",
+                          density: e.density,
+                          ripple: e.ripple,
+                          value: a,
+                          onClick: (h) => l(t).selectItem(a, e.variant),
+                          onMouseover: (h) => e.$emit("mouse-over-item", a)
+                        }, Pe({
+                          title: o(() => [
+                            y(e.$slots, "itemTitle", {
+                              item: a,
+                              index: I,
+                              size: e.size
+                            }, () => [
+                              (i(!0), p($, null, z(l(t).titleOptions.value, (h, w) => (i(), p("span", { key: w }, [
+                                (i(!0), p($, null, z(h.values, (b, E) => y(e.$slots, b.value, {
+                                  key: E,
+                                  item: a,
+                                  class: "mr-1"
+                                }, () => [
+                                  u(W, {
+                                    option: b,
+                                    data: a
+                                  }, null, 8, ["option", "data"])
+                                ], !0)), 128))
+                              ]))), 128))
+                            ], !0)
+                          ]),
+                          subtitle: o(() => [
+                            y(e.$slots, "itemSubtitle", {
+                              item: a,
+                              index: I,
+                              size: e.size
+                            }, () => [
+                              (i(!0), p($, null, z(l(t).subtitleOptions.value, (h, w) => (i(), p("span", { key: w }, [
+                                (i(!0), p($, null, z(h.values, (b, E) => y(e.$slots, b.value, {
+                                  key: E,
+                                  item: a,
+                                  class: "mr-1"
+                                }, () => [
+                                  u(W, {
+                                    option: b,
+                                    data: a
+                                  }, null, 8, ["option", "data"])
+                                ], !0)), 128))
+                              ]))), 128))
+                            ], !0)
+                          ]),
+                          prepend: o(() => [
+                            y(e.$slots, "itemPrepend", {
+                              item: a,
+                              index: I,
+                              size: e.size
+                            }, void 0, !0)
+                          ]),
+                          _: 2
+                        }, [
+                          e.hideActions ? void 0 : {
+                            name: "append",
+                            fn: o(() => [
+                              u(re, {
+                                "no-gutters": "",
+                                class: F(te.value ? "actionButtons" : null)
+                              }, {
+                                default: o(() => [
+                                  y(e.$slots, "itemActions", {
+                                    item: a,
+                                    index: I,
+                                    items: l(t).asyncItems.value,
+                                    size: f.value
+                                  }, void 0, !0),
+                                  u(V, {
+                                    group: "",
+                                    "hide-on-leave": ""
+                                  }, {
+                                    default: o(() => [
+                                      !q.value && l(t).isIntegratable.value(a) ? (i(), p("div", Ke, [
+                                        u(Q, { "hide-on-leave": "" }, {
+                                          default: o(() => {
+                                            var h, w, b, E;
+                                            return [
+                                              l(t).isIntegrated.value(a) ? (i(), p("div", qe, [
+                                                u(r, {
+                                                  class: "text-success",
+                                                  icon: "$cloud-check",
+                                                  size: f.value,
+                                                  title: `Synced with ${(h = l(t).currentExternalParty.value) == null ? void 0 : h.party}`,
+                                                  variant: "text"
+                                                }, null, 8, ["size", "title"]),
+                                                (w = l(t).currentExternalParty.value) != null && w.canUnlink ? (i(), c(r, {
+                                                  key: 0,
+                                                  onClick: m((j) => l(t).unlinkFromExternalParty(a), ["stop"]),
+                                                  class: "text-error",
+                                                  icon: "$cloud-remove",
+                                                  size: f.value,
+                                                  title: `Unlink from ${(b = l(t).currentExternalParty.value) == null ? void 0 : b.party}`,
+                                                  variant: "text"
+                                                }, null, 8, ["onClick", "size", "title"])) : v("", !0)
+                                              ])) : (i(), c(r, {
+                                                onClick: m((j) => l(t).pushToExternalParty(a), ["stop"]),
+                                                icon: "$cloud-upload",
+                                                key: "a2",
+                                                size: f.value,
+                                                title: `Send to ${(E = l(t).currentExternalParty.value) == null ? void 0 : E.party}`,
+                                                variant: "text"
+                                              }, null, 8, ["onClick", "size", "title"]))
+                                            ];
+                                          }),
+                                          _: 2
+                                        }, 1024)
+                                      ])) : v("", !0),
+                                      a.errorMsg != null ? (i(), c(r, {
+                                        onClick: n[12] || (n[12] = m(() => {
+                                        }, ["stop"])),
+                                        class: "text-warning",
+                                        icon: "$alert-circle",
+                                        key: "1",
+                                        size: f.value,
+                                        title: a.errorMsg
+                                      }, null, 8, ["size", "title"])) : v("", !0),
+                                      e.canDelete && l(t).isDeletable.value(a) ? (i(), c(r, {
+                                        onClick: m((h) => l(t).deleteItem(a), ["stop"]),
+                                        class: "text-error",
+                                        disabled: !l(P).canEdit(e.nav),
+                                        icon: "$delete",
+                                        key: "2",
+                                        loading: a.loadingCount > 0,
+                                        size: f.value,
+                                        variant: "text"
+                                      }, null, 8, ["onClick", "disabled", "loading", "size"])) : v("", !0),
+                                      e.canRestore && l(t).isRestorable.value(a) ? (i(), c(r, {
+                                        onClick: m((h) => l(t).restoreItem(a), ["stop"]),
+                                        disabled: !l(P).canEdit(e.nav),
+                                        key: "3",
+                                        icon: "$eraser-variant",
+                                        loading: a.loadingCount > 0,
+                                        size: f.value,
+                                        variant: "text"
+                                      }, null, 8, ["onClick", "disabled", "loading", "size"])) : v("", !0)
+                                    ]),
+                                    _: 2
+                                  }, 1024)
+                                ]),
+                                _: 2
+                              }, 1032, ["class"])
+                            ]),
+                            key: "0"
+                          }
+                        ]), 1032, ["density", "ripple", "value", "onClick", "onMouseover"])
+                      ], !0),
+                      e.dividers ? (i(), c(ze, {
+                        key: "d" + I.toString()
+                      })) : v("", !0)
+                    ], 64))), 128))
+                  ]),
+                  _: 2
+                }, 1024),
+                y(e.$slots, "bottomItem", {}, void 0, !0)
+              ]),
+              _: 2
+            }, 1032, ["active-class", "class", "bg-color", "density", "lines", "mandatory", "selectable", "select-strategy", "style", "selected"])) : e.showTableOnly === !0 || !B ? (i(), c(Ce, {
+              key: 2,
+              class: "text-body-2 overflow-y-auto",
+              density: e.density,
+              "fixed-header": e.fixedHeader,
+              hover: "",
+              style: U(H.value)
+            }, {
+              default: o(() => [
+                R("thead", null, [
+                  R("tr", null, [
+                    (i(!0), p($, null, z(l(t).tableHeaders.value, (a) => (i(), p("th", {
+                      key: a.value,
+                      class: F(`d-none d-${a.showSize ?? "sm"}-table-cell ${a.align == "end" ? "text-right" : void 0}`)
+                    }, [
+                      y(e.$slots, `${a.value}-header`, { options: a }, () => [
+                        G(X(a.title), 1)
+                      ], !0)
+                    ], 2))), 128)),
+                    e.hideActions ? v("", !0) : (i(), p("th", Ye, " Actions "))
+                  ])
+                ]),
+                R("tbody", null, [
+                  u(V, {
+                    group: "",
+                    "hide-on-leave": ""
+                  }, {
+                    default: o(() => [
+                      (i(!0), p($, null, z(l(t).filteredItems.value, (a, I) => (i(), p("tr", {
+                        key: `${a.id}${I}`,
+                        onClick: (h) => l(t).selectItem(a, e.variant)
+                      }, [
+                        (i(!0), p($, null, z(l(t).tableHeaders.value, (h) => (i(), p("td", {
+                          key: "1" + h.value,
+                          class: F(`d-none d-${h.showSize ?? "sm"}-table-cell ${h.align == "end" ? "text-right" : void 0}`)
+                        }, [
+                          y(e.$slots, h.value, {
+                            item: a,
+                            options: h
+                          }, () => [
+                            u(W, {
+                              option: h,
+                              data: a
+                            }, null, 8, ["option", "data"])
+                          ], !0)
+                        ], 2))), 128)),
+                        e.hideActions ? v("", !0) : (i(), p("td", {
+                          key: "itemActions" + a.id,
+                          class: "text-right"
+                        }, [
+                          u(oe, { "hide-on-leave": "" }, {
+                            default: o(() => [
+                              u(re, {
+                                "no-gutters": "",
+                                class: F([te.value ? "actionButtons" : null, "flex-nowrap"])
+                              }, {
+                                default: o(() => [
+                                  u(ie),
+                                  y(e.$slots, "itemActions", {
+                                    item: a,
+                                    allItems: l(t).asyncItems.value,
+                                    items: l(t).filteredItems.value,
+                                    size: f.value,
+                                    density: e.density,
+                                    ui: l(t)
+                                  }, void 0, !0),
+                                  !q.value && l(t).isIntegratable.value(a) ? (i(), p("div", We, [
+                                    u(Q, { "hide-on-leave": "" }, {
+                                      default: o(() => {
+                                        var h, w, b, E;
+                                        return [
+                                          l(t).isIntegrated.value(a) ? (i(), p("div", je, [
+                                            u(r, {
+                                              class: "text-success",
+                                              icon: "$cloud-check",
+                                              size: f.value,
+                                              title: `Synced with ${(h = l(t).currentExternalParty.value) == null ? void 0 : h.party}`,
+                                              variant: "text"
+                                            }, null, 8, ["size", "title"]),
+                                            (w = l(t).currentExternalParty.value) != null && w.canUnlink ? (i(), c(r, {
+                                              key: 0,
+                                              onClick: m((j) => l(t).unlinkFromExternalParty(a), ["stop"]),
+                                              class: "text-error",
+                                              icon: "$cloud-remove",
+                                              size: f.value,
+                                              title: `Unlink from ${(b = l(t).currentExternalParty.value) == null ? void 0 : b.party}`,
+                                              variant: "text"
+                                            }, null, 8, ["onClick", "size", "title"])) : v("", !0)
+                                          ])) : (i(), c(r, {
+                                            onClick: m((j) => l(t).pushToExternalParty(a), ["stop"]),
+                                            icon: "$cloud-upload",
+                                            key: "a2",
+                                            size: f.value,
+                                            title: `Send to ${(E = l(t).currentExternalParty.value) == null ? void 0 : E.party}`,
+                                            variant: "text"
+                                          }, null, 8, ["onClick", "size", "title"]))
+                                        ];
+                                      }),
+                                      _: 2
+                                    }, 1024)
+                                  ])) : v("", !0),
+                                  a.errorMsg != null ? (i(), c(r, {
+                                    onClick: n[14] || (n[14] = m(() => {
+                                    }, ["stop"])),
+                                    class: "text-warning",
+                                    icon: "$alert-circle",
+                                    key: "1",
+                                    size: f.value,
+                                    title: a.errorMsg
+                                  }, null, 8, ["size", "title"])) : v("", !0),
+                                  e.canDelete && l(t).isDeletable.value(a) ? (i(), c(r, {
+                                    onClick: m((h) => l(t).deleteItem(a), ["stop"]),
+                                    class: "text-error",
+                                    disabled: !l(P).canEdit(e.nav),
+                                    icon: "$delete",
+                                    key: "2",
+                                    size: f.value,
+                                    variant: "text"
+                                  }, null, 8, ["onClick", "disabled", "size"])) : v("", !0),
+                                  e.canRestore && l(t).isRestorable.value(a) ? (i(), c(r, {
+                                    onClick: m((h) => l(t).restoreItem(a), ["stop"]),
+                                    disabled: !l(P).canEdit(e.nav),
+                                    key: "3",
+                                    icon: "$eraser-variant",
+                                    size: f.value,
+                                    variant: "text"
+                                  }, null, 8, ["onClick", "disabled", "size"])) : v("", !0)
+                                ]),
+                                _: 2
+                              }, 1032, ["class"])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]))
+                      ], 8, Qe))), 128))
+                    ]),
+                    _: 3
+                  })
+                ])
+              ]),
+              _: 3
+            }, 8, ["density", "fixed-header", "style"])) : v("", !0) : (i(), p("div", {
+              key: 0,
+              class: F(e.scrollY ? "overflow-y-auto" : ""),
+              style: U(H.value)
+            }, [
+              y(e.$slots, "notFound", {
+                ui: l(t),
+                bladeData: d,
+                refresh: l(t).refresh,
+                size: e.size
+              }, void 0, !0)
+            ], 6)),
+            y(e.$slots, "bottom", {
+              size: e.size,
+              allItems: l(t).asyncItems.value,
+              items: l(t).filteredItems.value
+            }, void 0, !0)
+          ], !0),
+          l(de)(e.paginate) ? v("", !0) : (i(), p("div", Je, [
+            u(Be, {
+              modelValue: l(t).currentPage.value,
+              "onUpdate:modelValue": n[15] || (n[15] = (a) => l(t).currentPage.value = a),
+              length: l(t).totalPages.value
+            }, null, 8, ["modelValue", "length"])
+          ]))
+        ]),
+        _: 3
+      }, 8, ["bladeName", "bladeStartShowing", "bordered", "density", "flat", "errorMsg", "hideSubtoolbar", "hideToolbar", "label", "loadingMsg", "opacity", "preset", "showOnlyTitleLeft", "size", "transparent", "variant"]);
+    };
+  }
+});
+export {
+  st as default
+};