bt-core-app 2.1.36 → 2.2.0

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

@@ -0,0 +1,1305 @@
+import { defineComponent as st, computed as g, ref as X, provide as rt, watch as _, onMounted as ut, onUnmounted as dt, resolveComponent as S, openBlock as o, createBlock as d, unref as l, withCtx as r, renderSlot as m, createCommentVNode as v, createVNode as u, mergeProps as ne, createElementBlock as p, Fragment as E, renderList as P, withKeys as De, withModifiers as T, createTextVNode as fe, toDisplayString as oe, createElementVNode as x, normalizeStyle as W, normalizeClass as Z, createSlots as Ne, nextTick as vt } from "vue";
+import { isLengthyArray as Y, isNullOrEmpty as ie, copyDeep as ge, capitalizeWords as Me } from "../composables/helpers.mjs";
+import { useAuth as ct } from "../composables/auth.mjs";
+import { useList as pt } from "../composables/list.mjs";
+import { useNavigation as yt } from "../composables/navigation.mjs";
+import { usePresets as mt } from "../composables/presets.mjs";
+import { useRoute as ht, useRouter as He } from "vue-router";
+import { useHeights as ft } from "../composables/heights.mjs";
+import { useDisplay as gt } from "vuetify";
+import { registerSteps as St, unregisterSteps as kt } from "../composables/steps.mjs";
+import { useTracker as $t } from "../composables/track.mjs";
+const bt = {
+  key: 0,
+  class: "d-flex align-center mr-2"
+}, Ct = {
+  key: 0,
+  class: "d-flex"
+}, zt = {
+  key: 0,
+  class: "d-flex align-center",
+  density: "compact",
+  flat: "",
+  tile: ""
+}, Bt = { class: "text-h6 ml-3" }, wt = { key: "0" }, At = {
+  class: "d-flex",
+  key: "a1"
+}, Et = {
+  key: "itemActions",
+  class: "text-right"
+}, It = ["onClick"], Pt = { key: "0" }, Tt = {
+  class: "d-flex",
+  key: "a1"
+}, Dt = { key: 0 }, Yt = /* @__PURE__ */ st({
+  __name: "BT-Blade-Steps",
+  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 },
+    canSave: { type: Boolean, default: !0 },
+    canSearch: { type: Boolean, default: !0 },
+    canShowInactive: { type: Boolean },
+    defaultNew: { type: Boolean },
+    density: { default: "compact" },
+    dividers: { type: Boolean, default: !0 },
+    fadingActions: { type: Boolean, default: void 0 },
+    fixedHeader: { type: Boolean, default: !0 },
+    flat: { type: Boolean },
+    getLabel: {},
+    heightStrat: { default: "fixed" },
+    hideColumns: { type: Boolean },
+    hideFilters: { type: Boolean },
+    hideFooter: { type: Boolean },
+    hideIntegrations: { type: Boolean, default: !1 },
+    hideRefresh: { type: Boolean },
+    hideSubtoolbar: { type: Boolean },
+    hideSubtoolbarSettings: { type: Boolean, default: !1 },
+    hideToolbar: { type: Boolean },
+    itemValue: {},
+    label: {},
+    lines: {},
+    onGetNewAsync: {},
+    onSelectAsync: {},
+    paginate: {},
+    preset: {},
+    resetSlidesToggle: { type: Boolean },
+    resetTrackerToggle: { type: Boolean },
+    returnCSV: { type: Boolean },
+    returnIndex: { type: Boolean },
+    ripple: { type: Boolean, default: !0 },
+    showCount: { type: Boolean, default: !1 },
+    scrollY: { type: Boolean },
+    selected: {},
+    showListOnly: { type: Boolean },
+    showTableOnly: { type: Boolean },
+    size: { default: "small" },
+    steps: {},
+    stepsID: {},
+    trackChanges: { type: Boolean, default: !0 },
+    trackIgnoreProps: {},
+    trackProps: {},
+    transparent: { type: Boolean },
+    useStepHeader: { type: Boolean, default: !1 },
+    addBladeName: {},
+    additionalUrl: {},
+    bladeGroup: {},
+    bladeName: {},
+    bladeStartShowing: { type: Boolean },
+    canSelect: { type: Boolean, default: !0 },
+    canUnselect: { type: Boolean },
+    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, default: !0 },
+    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: ["change", "deleted", "fetched", "input", "select", "confirm", "mouse-over-item", "saved"],
+  setup(Fe, { emit: Ve }) {
+    const Se = Ve, i = Fe, F = g(() => i.steps ?? []), ke = X(null), $e = X(null), { xs: Ue } = gt(), I = ht(), j = mt(i.preset), U = He(), { findDisplay: Le, findSingleDisplay: Oe } = yt(), q = ct(), be = ft(), t = pt(i, Se, {
+      hideActions: !0,
+      onError: (e) => {
+        if (console.log(e), e.code == 401)
+          q.logout(), q.login(location.pathname);
+        else
+          return e;
+      },
+      onFinishedAsync: async (e) => {
+        if (i.defaultNew === !0 && !Y(e))
+          G();
+        else if (t.id.value != null) {
+          if (t.id.value == "new")
+            G();
+          else if (e != null) {
+            var a = e.find((s) => s.id == t.id.value);
+            a != null && (await J(a), ee(), B());
+          }
+        }
+      },
+      router: He(),
+      route: I
+    }), D = X([]), y = X(0), se = X(0);
+    function qe(e) {
+      console.log(`window updated to: ${e.toString()}`);
+    }
+    const $ = g(() => y.value > 0 ? F.value[y.value - 1] : void 0), Ge = g(() => y.value > 0), re = g(() => {
+      var e;
+      return !(y.value >= F.value.length || ((e = $.value) == null ? void 0 : e.onCanMoveNext) != null && $.value.onCanMoveNext({
+        isChanged: N.value,
+        item: k.value,
+        meta: C.value,
+        mode: t.mode.value
+      }) !== !0);
+    }), Ke = g(() => y.value > 0), ue = g(() => {
+      var e;
+      return ((e = $.value) == null ? void 0 : e.onCanSave) != null ? $.value.onCanSave({
+        isChanged: N.value,
+        item: k.value,
+        meta: C.value,
+        mode: t.mode.value
+      }) && N.value : !!(i.canSave && y.value >= F.value.length && N.value);
+    }), Ye = g(() => {
+      var e;
+      return !!(((e = $.value) == null ? void 0 : e.onCanSave) != null && $.value.onCanSave({
+        isChanged: N.value,
+        item: k.value,
+        meta: C.value,
+        mode: t.mode.value
+      }) && !N.value || y.value >= F.value.length && !N.value);
+    }), Ce = g(() => {
+      var e;
+      return !!(((e = $.value) == null ? void 0 : e.onCanSkip) != null && $.value.onCanSkip({
+        isChanged: N.value,
+        item: k.value,
+        meta: C.value,
+        mode: t.mode.value
+      }));
+    }), Qe = g(() => i.nav != null && !q.canEdit(i.nav) ? !1 : t.isEditing.value);
+    rt("isEditing", Qe);
+    const z = g(() => i.actionButtonSize ?? i.size), We = g(() => j.canAdd ?? i.canAdd), ze = g(() => {
+      const e = j.fadingActions ?? i.fadingActions;
+      return t.currentExternalParty.value == null && (e ?? !Ue.value);
+    }), je = g(() => j.hideColumns ?? i.hideColumns), Je = g(() => j.hideFilters ?? i.hideFilters), de = g(() => (j.hideIntegrations ?? i.hideIntegrations) || t.proxyID.value != null), Xe = g(() => j.hideRefresh ?? i.hideRefresh), Be = g(() => !!i.hideSubtoolbar || i.variant == "inline"), Ze = g(() => {
+      var a, s, h;
+      let e = i.label ?? (i.variant == "page" ? (a = I == null ? void 0 : I.meta) == null ? void 0 : a.displayName : void 0) ?? Le(i.nav);
+      return i.showCount == !0 && ((s = t.filteredItems.value) == null ? void 0 : s.length) != null && ((h = t.asyncItems.value) == null ? void 0 : h.length) != null && (e = `${e} (${t.filteredItems.value.length} of ${t.asyncItems.value.length})`), e;
+    }), we = g(() => {
+      var e, a;
+      return ((e = $.value) == null ? void 0 : e.label) != null ? $.value.label : ((a = $.value) == null ? void 0 : a.getLabel) != null ? $.value.getLabel({
+        item: k.value,
+        meta: C.value
+      }) : i.getLabel != null ? i.getLabel(k.value, $.value) : Oe(i.nav);
+    }), ve = g(() => i.variant == "inline" && (i.canSearch || Y(i.searchProps))), Q = g(() => {
+      if (i.actualHeight != null)
+        return `${i.heightStrat == "upto" ? "max-height" : "height"}: calc(${i.actualHeight})`;
+      if (i.actualUsedHeight != null)
+        return `${i.heightStrat == "upto" ? "max-height" : "height"}: calc(100vh - ${be.getUsedHeight(i.actualUsedHeight)}px)`;
+      {
+        let e = 154;
+        return y.value > 0 ? e -= 48 : i.variant == "pure" && (e -= 96), i.bordered ? e += 26 : i.variant == "page" && (e += 16), Be.value && y.value == 0 && (e -= 48), i.hideToolbar == !0 && (e -= 48), (ie(i.paginate) || y.value > 0) && (e -= 58), `${i.heightStrat == "upto" ? "max-height" : "height"}: calc(100vh - ${be.getUsedHeight(e)}px)`;
+      }
+    });
+    function Ae() {
+      vt(() => {
+        var a, s;
+        let e;
+        ve.value ? e = (a = $e.value) == null ? void 0 : a.$el.querySelector("input:not([type=hidden]),textarea:not([type=hidden])") : t.showSearch.value && (e = (s = ke.value) == null ? void 0 : s.$el.querySelector("input:not([type=hidden]),textarea:not([type=hidden])")), e == null || e.focus();
+      });
+    }
+    const C = X(), { asyncItem: k, isChanged: N, restartTracker: ee } = $t(void 0, {
+      useTracker: i.trackChanges,
+      propsToIgnore: i.trackIgnoreProps,
+      propsToTrack: i.trackProps
+    });
+    async function J(e, a) {
+      var s;
+      if (k.value = i.onSelectAsync != null ? await i.onSelectAsync(ge(e), e) : ge(e), C.value = {}, ((s = k.value) == null ? void 0 : s.id) != null) {
+        let h = {};
+        t.proxyID.value != null && (h.proxyID = t.proxyID.value);
+        let A = {
+          ...I,
+          params: {
+            ...I.params,
+            id: k.value.id
+          },
+          query: h,
+          replace: !0
+        };
+        U == null || U.replace(A);
+      }
+      ee(), a == null ? B() : typeof a == "string" ? K(a) : typeof a == "number" && b(a);
+    }
+    async function G() {
+      var e = i.onGetNewAsync ?? (async () => ({}));
+      t.mode.value = "new", k.value = await e(), C.value = {};
+      let a = {};
+      t.proxyID.value != null && (a.proxyID = t.proxyID.value);
+      const s = {
+        ...I,
+        params: {
+          ...I.params,
+          id: "new"
+        },
+        query: a,
+        replace: !0
+      };
+      U == null || U.replace(s), B();
+    }
+    function Re() {
+      (i.canSearch !== !1 || Y(i.searchProps)) && !t.showSearch.value && t.toggleSearch();
+    }
+    function B() {
+      var h, A;
+      var e = y.value + 1;
+      if (((h = $.value) == null ? void 0 : h.onMoveNext) != null) {
+        var a = (A = $.value) == null ? void 0 : A.onMoveNext({
+          item: k.value,
+          meta: C.value,
+          mode: t.mode.value,
+          next: e
+        });
+        if (a == null)
+          return;
+        if (typeof a == "string") {
+          if (a == $.value.name)
+            return;
+          var s = F.value.findIndex((M) => M.name == a);
+          if (s == null)
+            return;
+          s >= 0 && (e = s + 1);
+        } else if (typeof a == "number") {
+          if (a == y.value)
+            return;
+          e = a;
+        }
+      }
+      e <= F.value.length && b(e);
+    }
+    function ce() {
+      D.value.pop(), pe();
+    }
+    function b(e) {
+      if (console.log(`from: ${y.value} (other: ${se.value}) | to: ${e}`), e != 0) {
+        var a = e - 1;
+        if (a < F.value.length) {
+          var s = F.value[a];
+          if (s.onMoveInto != null) {
+            var h = s.onMoveInto({
+              item: k.value,
+              meta: C.value,
+              mode: t.mode.value,
+              from: y.value,
+              thisStep: e
+            });
+            if (console.log(`returned: ${h}`), h == null)
+              return;
+            if (typeof h == "string") {
+              var A = F.value.findIndex((M) => M.name == h) ?? -1;
+              A >= 0 && (e = A + 1);
+            } else
+              typeof h == "number" && (e = h);
+          }
+        }
+      }
+      if (e == 0 ? (D.value = [e], pe(), console.log(`zero: ${y.value}`)) : y.value !== e ? (D.value.length == 0 && D.value.push(0), D.value.push(e), pe()) : console.log(`same same: ${e}`), e == 0) {
+        let M = {};
+        t.proxyID.value != null && (M.proxyID = t.proxyID.value);
+        const le = {
+          ...I,
+          params: {},
+          query: M,
+          replace: !0
+        };
+        U == null || U.replace(le), i.startEditing == !0 ? t.mode.value = "edit" : t.mode.value = "view";
+      }
+    }
+    _(y, (e) => {
+      console.log(`changed to: ${e}`);
+    });
+    function pe() {
+      se.value = D.value.length > 0 ? D.value[D.value.length - 1] : 0, y.value = D.value.length > 0 ? D.value[D.value.length - 1] : 0;
+    }
+    function K(e) {
+      if (e != null) {
+        var a = F.value.findIndex((s) => s.name == e);
+        a >= 0 && b(a + 1);
+      }
+    }
+    function _e() {
+      console.log("skip not implemented yet");
+    }
+    async function te() {
+      var s;
+      if (k.value != null) {
+        var e = await t.saveItem(k.value);
+        if (e != null) {
+          k.value = ge(e), ee();
+          var a = ((s = $.value) == null ? void 0 : s.onSaveMoveNext) ?? 0;
+          typeof a == "number" ? b(a) : typeof a == "boolean" && a == !0 && B();
+        }
+      }
+    }
+    return _(y, (e) => {
+      Se("change", e);
+    }), _(t.showSearch, () => {
+      Ae();
+    }), _(() => i.resetTrackerToggle, () => {
+      ee();
+    }), _(() => i.resetSlidesToggle, () => {
+      b(0);
+    }), ut(() => {
+      var a;
+      console.log("mounted"), Ae();
+      var e = (a = I == null ? void 0 : I.query) == null ? void 0 : a.step;
+      e != null ? K(e) : (console.log("mm"), b(0)), ie(i.stepsID) || St(i.stepsID, {
+        navBack: ce,
+        navTo: b,
+        navToName: K,
+        nextStep: B
+      });
+    }), dt(() => {
+      console.log("unmounte"), ie(i.stepsID) || kt(i.stepsID);
+    }), (e, a) => {
+      const s = S("v-btn"), h = S("v-list-item"), A = S("v-list"), M = S("v-menu"), le = S("v-text-field"), xe = S("v-slide-y-transition"), ae = S("v-spacer"), Ee = S("v-icon"), R = S("v-slide-x-transition"), Ie = S("v-fade-transition"), ye = S("v-slide-y-reverse-transition"), et = S("v-slide-x-reverse-transition"), me = S("bt-header-option"), Pe = S("v-row"), tt = S("v-divider"), lt = S("v-table"), Te = S("v-window-item"), at = S("v-card"), nt = S("v-window"), ot = S("v-pagination"), it = S("bt-blade");
+      return o(), d(it, {
+        onTitled: Re,
+        bladeBasic: "",
+        bladeName: e.bladeName,
+        bladeStartShowing: e.bladeStartShowing,
+        bordered: e.bordered,
+        density: e.density,
+        flat: e.flat,
+        errorMsg: l(t).errorMsg.value,
+        hideSubtoolbar: e.useStepHeader != !1 || y.value !== 0 || Be.value,
+        hideToolbar: e.useStepHeader != !1 || y.value !== 0 || e.hideToolbar,
+        label: Ze.value,
+        loadingMsg: l(t).loadingMsg.value,
+        preset: e.preset,
+        showOnlyTitleLeft: ve.value && l(t).showSearch.value,
+        size: e.size,
+        transparent: e.transparent,
+        variant: e.variant
+      }, {
+        "blade-toolbar": r(() => [
+          m(e.$slots, "blade-toolbar", {
+            newItem: G,
+            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": r(() => [
+          m(e.$slots, "toolbar-left", { ui: l(t) }, void 0, !0)
+        ]),
+        "blade-toolbar-right": r(() => [
+          m(e.$slots, "toolbar-right", {
+            newItem: G,
+            ui: l(t)
+          }, void 0, !0),
+          Xe.value ? v("", !0) : (o(), d(s, {
+            key: 0,
+            icon: "$refresh",
+            onClick: a[0] || (a[0] = (c) => l(t).refresh({ deepRefresh: !0 })),
+            size: e.size,
+            title: "Refresh",
+            variant: "text"
+          }, null, 8, ["size"])),
+          We.value ? (o(), d(s, {
+            key: 1,
+            icon: "$plus",
+            onClick: G,
+            size: e.size,
+            disabled: !l(q).canEdit(e.nav),
+            title: "Add",
+            variant: "text"
+          }, null, 8, ["size", "disabled"])) : v("", !0)
+        ]),
+        subtoolbar: r(() => [
+          m(e.$slots, "subtoolbar", {}, () => [
+            e.hideSubtoolbarSettings ? v("", !0) : (o(), d(M, {
+              key: 0,
+              "close-on-content-click": !1,
+              density: e.density
+            }, {
+              activator: r(({ props: c }) => [
+                u(s, ne({
+                  icon: "$cog",
+                  size: e.size
+                }, c, { variant: "text" }), null, 16, ["size"])
+              ]),
+              default: r(() => [
+                u(A, {
+                  density: e.density,
+                  "min-width": "300"
+                }, {
+                  default: r(() => [
+                    je.value ? v("", !0) : (o(), d(M, {
+                      key: 0,
+                      "close-on-content-click": !1,
+                      density: e.density,
+                      location: "end"
+                    }, {
+                      activator: r(({ props: c }) => [
+                        u(h, ne(c, {
+                          "prepend-icon": "$view-column",
+                          subtitle: "Columns"
+                        }), null, 16)
+                      ]),
+                      default: r(() => [
+                        u(A, null, {
+                          default: r(() => [
+                            (o(!0), p(E, null, P(l(t).headerOptions.value, (c, V) => (o(), d(h, {
+                              key: V,
+                              "prepend-icon": c.hide === !0 ? "mdi" : "$check",
+                              subtitle: c.title,
+                              onClick: (n) => c.hide = !c.hide
+                            }, null, 8, ["prepend-icon", "subtitle", "onClick"]))), 128))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["density"])),
+                    e.archiveBladeName != null ? (o(), d(h, {
+                      key: 1,
+                      density: e.density,
+                      "prepend-icon": "$archive-outline",
+                      subtitle: "Archives",
+                      to: { name: e.archiveBladeName }
+                    }, null, 8, ["density", "to"])) : v("", !0),
+                    e.canShowInactive ? (o(), d(h, {
+                      key: 2,
+                      density: e.density,
+                      "prepend-icon": "$eraser",
+                      subtitle: l(t).showInactive.value ? "Hide Inactive" : "Show Inactive",
+                      onClick: a[1] || (a[1] = (c) => l(t).showInactive.value = !l(t).showInactive.value)
+                    }, null, 8, ["density", "subtitle"])) : v("", !0),
+                    e.canExportCSV ? (o(), d(h, {
+                      key: 3,
+                      density: e.density,
+                      "prepend-icon": "$file-delimited-outline",
+                      subtitle: "Export To CSV",
+                      onClick: l(t).exportToCSV
+                    }, null, 8, ["density", "onClick"])) : v("", !0),
+                    m(e.$slots, "settings", {
+                      items: l(t).filteredItems.value,
+                      allItems: l(t).asyncItems.value,
+                      size: e.size
+                    }, void 0, !0)
+                  ]),
+                  _: 3
+                }, 8, ["density"])
+              ]),
+              _: 3
+            }, 8, ["density"])),
+            u(xe, {
+              group: "",
+              "hide-on-leave": ""
+            }, {
+              default: r(() => [
+                (e.canSearch !== !1 || l(Y)(e.searchProps)) && !l(t).showSearch.value ? (o(), d(s, {
+                  icon: "$magnify",
+                  key: "11",
+                  size: e.size,
+                  onClick: l(t).toggleSearch
+                }, null, 8, ["size", "onClick"])) : v("", !0),
+                (e.canSearch !== !1 || l(Y)(e.searchProps)) && l(t).showSearch.value ? (o(), d(le, {
+                  "onClick:appendInner": a[2] || (a[2] = () => l(t).refresh({ deepRefresh: !0 })),
+                  "onClick:prependInner": a[3] || (a[3] = () => l(t).toggleSearch()),
+                  onKeyup: a[4] || (a[4] = De(T(() => 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: ke,
+                  key: "12",
+                  placeholder: "Find",
+                  variant: "outlined",
+                  modelValue: l(t).searchString.value,
+                  "onUpdate:modelValue": a[5] || (a[5] = (c) => l(t).searchString.value = c)
+                }, null, 8, ["density", "modelValue"])) : v("", !0)
+              ]),
+              _: 1
+            }),
+            m(e.$slots, "actions", {
+              allItems: l(t).asyncItems.value,
+              size: e.size,
+              last: se.value,
+              navToName: K
+            }, void 0, !0),
+            e.variant != "inline" ? (o(), d(ae, { key: 1 })) : v("", !0),
+            m(e.$slots, "actions-right", {
+              allItems: l(t).asyncItems.value,
+              size: e.size
+            }, void 0, !0),
+            !Je.value && l(Y)(l(t).filters.value) ? (o(), d(M, {
+              key: 2,
+              "close-on-content-click": !1,
+              density: e.density,
+              location: "start"
+            }, {
+              activator: r(({ props: c }) => [
+                u(s, ne({
+                  icon: "$filter",
+                  size: e.size
+                }, c, { variant: "text" }), null, 16, ["size"])
+              ]),
+              default: r(() => [
+                u(A, {
+                  class: "pa-0",
+                  density: e.density,
+                  "open-strategy": "multiple",
+                  "select-strategy": "classic",
+                  selected: l(t).selectedFilters.value,
+                  "onUpdate:selected": a[6] || (a[6] = (c) => l(t).selectedFilters.value = c)
+                }, {
+                  default: r(() => [
+                    (o(!0), p(E, null, P(l(t).filters.value, (c, V) => (o(), d(h, {
+                      key: V,
+                      subtitle: c,
+                      value: V
+                    }, {
+                      prepend: r(({ isActive: n }) => [
+                        u(R, null, {
+                          default: r(() => [
+                            u(Ee, { size: e.size }, {
+                              default: r(() => [
+                                fe(oe(n ? "$check" : ""), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["size"])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1032, ["subtitle", "value"]))), 128)),
+                    u(Ie, {
+                      "hide-on-leave": "",
+                      group: ""
+                    }, {
+                      default: r(() => [
+                        l(t).filtersChanged.value ? (o(), d(s, {
+                          key: 0,
+                          block: "",
+                          onClick: l(t).applyFilters,
+                          size: e.size
+                        }, {
+                          default: r(() => [
+                            u(Ee, {
+                              start: "",
+                              size: e.size
+                            }, {
+                              default: r(() => a[17] || (a[17] = [
+                                fe("$filter")
+                              ])),
+                              _: 1
+                            }, 8, ["size"]),
+                            a[18] || (a[18] = fe("Apply "))
+                          ]),
+                          _: 1
+                        }, 8, ["onClick", "size"])) : v("", !0)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["density", "selected"])
+              ]),
+              _: 1
+            }, 8, ["density"])) : v("", !0),
+            !de.value && l(Y)(l(t).externalParties.value) ? (o(), d(M, {
+              key: 3,
+              "close-on-content-click": !1,
+              density: e.density,
+              location: "bottom"
+            }, {
+              activator: r(({ props: c }) => [
+                u(ye, { "hide-on-leave": "" }, {
+                  default: r(() => [
+                    l(t).currentExternalParty.value != null ? (o(), p("div", bt, [
+                      u(s, {
+                        icon: "$close",
+                        onClick: a[7] || (a[7] = (V) => l(t).selectExternalParty(void 0))
+                      }),
+                      x("span", null, "Sync: " + oe(l(Me)(l(t).currentExternalParty.value.party)), 1)
+                    ])) : (o(), d(s, ne({
+                      key: 1,
+                      icon: "$cloud-sync",
+                      size: e.size
+                    }, c, {
+                      title: "Open sync options",
+                      variant: "text"
+                    }), null, 16, ["size"]))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              default: r(() => [
+                u(A, {
+                  density: e.density,
+                  "min-width": "150"
+                }, {
+                  default: r(() => [
+                    (o(!0), p(E, null, P(l(t).externalParties.value, (c, V) => (o(), d(h, {
+                      onClick: (n) => l(t).selectExternalParty(c),
+                      key: (c.party ?? "") + V,
+                      title: l(Me)(c.party)
+                    }, null, 8, ["onClick", "title"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["density"])
+              ]),
+              _: 1
+            }, 8, ["density"])) : v("", !0)
+          ], !0)
+        ]),
+        content: r(({ bladeData: c, isMobile: V }) => [
+          m(e.$slots, "body", {
+            bladeData: c,
+            items: l(t).filteredItems.value,
+            allItems: l(t).asyncItems.value,
+            refresh: l(t).refresh,
+            searchString: l(t).searchString,
+            selectItem: J,
+            showSearch: l(t).showSearch,
+            size: e.size,
+            style: W(Q.value),
+            toggleSearch: l(t).toggleSearch
+          }, () => [
+            ve.value ? (o(), p("div", Ct, [
+              u(s, {
+                icon: l(t).showSearch.value ? "$close" : "$magnify",
+                size: e.size,
+                onClick: l(t).toggleSearch,
+                variant: "text"
+              }, null, 8, ["icon", "size", "onClick"]),
+              u(et, null, {
+                default: r(() => [
+                  l(t).showSearch.value ? (o(), d(le, {
+                    key: 0,
+                    "onClick:appendInner": a[8] || (a[8] = () => l(t).refresh()),
+                    onKeyup: a[9] || (a[9] = De(T(() => l(t).refresh(), ["stop"]), ["native", "enter"])),
+                    "append-inner-icon": "$magnify",
+                    autofocus: "",
+                    density: e.density,
+                    flat: "",
+                    "hide-details": "",
+                    placeholder: "Find",
+                    ref_key: "inlineSearchEl",
+                    ref: $e,
+                    variant: "solo",
+                    modelValue: l(t).searchString.value,
+                    "onUpdate:modelValue": a[10] || (a[10] = (n) => l(t).searchString.value = n)
+                  }, null, 8, ["density", "modelValue"])) : v("", !0)
+                ]),
+                _: 1
+              })
+            ])) : v("", !0),
+            m(e.$slots, "top", {
+              mode: l(t).mode.value,
+              newItem: G,
+              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
+            }, void 0, !0),
+            u(R, { "hide-on-leave": "" }, {
+              default: r(() => [
+                e.useStepHeader != !1 || y.value != 0 ? (o(), p("div", zt, [
+                  m(e.$slots, "step-toolbar", {
+                    back: () => ce(),
+                    item: l(k),
+                    meta: C.value,
+                    navTo: b,
+                    nextStep: B,
+                    title: we.value
+                  }, () => [
+                    u(s, {
+                      icon: "$chevron-left",
+                      onClick: ce,
+                      disabled: !Ge.value,
+                      variant: "text"
+                    }, null, 8, ["disabled"]),
+                    u(s, {
+                      icon: "$chevron-right",
+                      onClick: B,
+                      disabled: !re.value,
+                      variant: "text"
+                    }, null, 8, ["disabled"]),
+                    u(s, {
+                      icon: "$restart",
+                      onClick: a[11] || (a[11] = (n) => b(0)),
+                      disabled: !Ke.value,
+                      variant: "text",
+                      size: "small"
+                    }, null, 8, ["disabled"]),
+                    x("div", Bt, oe(we.value), 1),
+                    m(e.$slots, "step-label", {
+                      item: l(k),
+                      meta: C.value,
+                      mode: l(t).mode.value,
+                      navTo: b,
+                      navToName: K,
+                      nextStep: B
+                    }, void 0, !0),
+                    u(ae),
+                    Ce.value ? (o(), d(s, {
+                      key: 0,
+                      icon: "$debug-step-over",
+                      onClick: _e,
+                      variant: "text",
+                      text: "Skip"
+                    })) : v("", !0),
+                    ue.value ? (o(), d(s, {
+                      key: 1,
+                      "prepend-icon": "$content-save",
+                      class: "mr-2",
+                      onClick: te,
+                      text: "Save"
+                    })) : v("", !0)
+                  ], !0)
+                ])) : v("", !0)
+              ]),
+              _: 3
+            }),
+            u(nt, {
+              modelValue: y.value,
+              "onUpdate:modelValue": [
+                a[15] || (a[15] = (n) => y.value = n),
+                qe
+              ],
+              class: "ma-0 pa-0"
+            }, {
+              default: r(() => [
+                u(Te, null, {
+                  default: r(() => [
+                    m(e.$slots, "firstStep", {
+                      allItems: l(t).asyncItems.value,
+                      bladeData: c,
+                      items: l(t).filteredItems.value,
+                      meta: C.value,
+                      mode: l(t).mode.value,
+                      navTo: b,
+                      navToName: K,
+                      nextStep: B,
+                      refresh: l(t).refresh,
+                      searchString: l(t).searchString,
+                      selectItem: J,
+                      showSearch: l(t).showSearch,
+                      size: e.size,
+                      style: W(Q.value),
+                      toggleSearch: l(t).toggleSearch,
+                      ui: l(t)
+                    }, () => [
+                      l(Y)(l(t).asyncItems.value) ? e.showListOnly || V ? (o(), d(A, {
+                        key: 1,
+                        "active-class": e.activeClass,
+                        class: Z(["pt-0", e.scrollY ? "overflow-y-auto" : ""]),
+                        "bg-color": e.transparent ? "transparent" : void 0,
+                        flat: "",
+                        density: e.density,
+                        lines: e.lines,
+                        style: W(Q.value)
+                      }, {
+                        default: r(() => [
+                          u(R, {
+                            group: "",
+                            "hide-on-leave": ""
+                          }, {
+                            default: r(() => [
+                              (o(!0), p(E, null, P(l(t).filteredItems.value, (n, w) => (o(), p(E, {
+                                key: `${n != null && (n == null ? void 0 : n.id) != null ? n.id : w}-table-list-item`
+                              }, [
+                                m(e.$slots, "listItem", {
+                                  bladeData: c,
+                                  deleteItem: () => l(t).deleteItem(n),
+                                  item: n,
+                                  index: w,
+                                  size: e.size,
+                                  select: () => J(n)
+                                }, () => [
+                                  u(h, {
+                                    class: "mouse-item",
+                                    density: e.density,
+                                    ripple: e.ripple,
+                                    value: n,
+                                    onClick: (f) => J(n)
+                                  }, Ne({
+                                    title: r(() => [
+                                      m(e.$slots, "itemTitle", {
+                                        item: n,
+                                        index: w,
+                                        size: e.size
+                                      }, () => [
+                                        (o(!0), p(E, null, P(l(t).titleOptions.value, (f, L) => (o(), p("span", { key: L }, [
+                                          (o(!0), p(E, null, P(f.values, (H, O) => m(e.$slots, H.value, {
+                                            key: O,
+                                            item: n,
+                                            class: "mr-1"
+                                          }, () => [
+                                            u(me, {
+                                              option: H,
+                                              data: n
+                                            }, null, 8, ["option", "data"])
+                                          ], !0)), 128))
+                                        ]))), 128))
+                                      ], !0)
+                                    ]),
+                                    subtitle: r(() => [
+                                      m(e.$slots, "itemSubtitle", {
+                                        item: n,
+                                        index: w,
+                                        size: e.size
+                                      }, () => [
+                                        (o(!0), p(E, null, P(l(t).subtitleOptions.value, (f, L) => (o(), p("span", { key: L }, [
+                                          (o(!0), p(E, null, P(f.values, (H, O) => m(e.$slots, H.value, {
+                                            key: O,
+                                            item: n,
+                                            class: "mr-1"
+                                          }, () => [
+                                            u(me, {
+                                              option: H,
+                                              data: n
+                                            }, null, 8, ["option", "data"])
+                                          ], !0)), 128))
+                                        ]))), 128))
+                                      ], !0)
+                                    ]),
+                                    prepend: r(() => [
+                                      m(e.$slots, "itemPrepend", {
+                                        item: n,
+                                        index: w,
+                                        size: e.size
+                                      }, void 0, !0)
+                                    ]),
+                                    _: 2
+                                  }, [
+                                    e.hideActions ? void 0 : {
+                                      name: "append",
+                                      fn: r(() => [
+                                        u(Pe, {
+                                          "no-gutters": "",
+                                          class: Z(ze.value ? "actionButtons" : null)
+                                        }, {
+                                          default: r(() => [
+                                            m(e.$slots, "itemActions", {
+                                              item: n,
+                                              index: w,
+                                              items: l(t).asyncItems.value,
+                                              size: z.value,
+                                              density: e.density,
+                                              ui: l(t)
+                                            }, void 0, !0),
+                                            u(R, {
+                                              group: "",
+                                              "hide-on-leave": ""
+                                            }, {
+                                              default: r(() => [
+                                                !de.value && l(t).isIntegratable.value(n) ? (o(), p("div", wt, [
+                                                  u(ye, { "hide-on-leave": "" }, {
+                                                    default: r(() => {
+                                                      var f, L, H, O;
+                                                      return [
+                                                        l(t).isIntegrated.value(n) ? (o(), p("div", At, [
+                                                          u(s, {
+                                                            class: "text-success",
+                                                            icon: "$cloud-check",
+                                                            size: z.value,
+                                                            title: `Synced with ${(f = l(t).currentExternalParty.value) == null ? void 0 : f.party}`,
+                                                            variant: "text"
+                                                          }, null, 8, ["size", "title"]),
+                                                          (L = l(t).currentExternalParty.value) != null && L.canUnlink ? (o(), d(s, {
+                                                            key: 0,
+                                                            onClick: T((he) => l(t).unlinkFromExternalParty(n), ["stop"]),
+                                                            class: "text-error",
+                                                            icon: "$cloud-remove",
+                                                            size: z.value,
+                                                            title: `Unlink from ${(H = l(t).currentExternalParty.value) == null ? void 0 : H.party}`,
+                                                            variant: "text"
+                                                          }, null, 8, ["onClick", "size", "title"])) : v("", !0)
+                                                        ])) : (o(), d(s, {
+                                                          onClick: T((he) => l(t).pushToExternalParty(n), ["stop"]),
+                                                          icon: "$cloud-upload",
+                                                          key: "a2",
+                                                          size: z.value,
+                                                          title: `Send to ${(O = l(t).currentExternalParty.value) == null ? void 0 : O.party}`,
+                                                          variant: "text"
+                                                        }, null, 8, ["onClick", "size", "title"]))
+                                                      ];
+                                                    }),
+                                                    _: 2
+                                                  }, 1024)
+                                                ])) : v("", !0),
+                                                n.errorMsg != null ? (o(), d(s, {
+                                                  onClick: a[12] || (a[12] = T(() => {
+                                                  }, ["stop"])),
+                                                  class: "text-warning",
+                                                  icon: "$alert-circle",
+                                                  key: "1",
+                                                  size: z.value,
+                                                  title: n.errorMsg
+                                                }, null, 8, ["size", "title"])) : v("", !0),
+                                                e.canDelete && l(t).isDeletable.value(n) ? (o(), d(s, {
+                                                  onClick: T((f) => l(t).deleteItem(n), ["stop"]),
+                                                  class: "text-error",
+                                                  disabled: !l(q).canEdit(e.nav),
+                                                  icon: "$delete",
+                                                  key: "2",
+                                                  loading: n.loadingCount > 0,
+                                                  size: z.value,
+                                                  variant: "text"
+                                                }, null, 8, ["onClick", "disabled", "loading", "size"])) : v("", !0),
+                                                e.canRestore && l(t).isRestorable.value(n) ? (o(), d(s, {
+                                                  onClick: T((f) => l(t).restoreItem(n), ["stop"]),
+                                                  disabled: !l(q).canEdit(e.nav),
+                                                  key: "3",
+                                                  icon: "$eraser-variant",
+                                                  loading: n.loadingCount > 0,
+                                                  size: z.value,
+                                                  variant: "text"
+                                                }, null, 8, ["onClick", "disabled", "loading", "size"])) : v("", !0)
+                                              ]),
+                                              _: 2
+                                            }, 1024)
+                                          ]),
+                                          _: 2
+                                        }, 1032, ["class"])
+                                      ]),
+                                      key: "0"
+                                    }
+                                  ]), 1032, ["density", "ripple", "value", "onClick"])
+                                ], !0),
+                                e.dividers ? (o(), d(tt, {
+                                  key: "d" + w.toString()
+                                })) : v("", !0)
+                              ], 64))), 128))
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1032, ["active-class", "class", "bg-color", "density", "lines", "style"])) : e.showTableOnly === !0 || !V ? (o(), d(lt, {
+                        key: 2,
+                        class: "text-body-2 overflow-y-auto",
+                        density: e.density,
+                        "fixed-header": e.fixedHeader,
+                        hover: "",
+                        style: W(Q.value)
+                      }, {
+                        default: r(() => [
+                          x("thead", null, [
+                            x("tr", null, [
+                              (o(!0), p(E, null, P(l(t).tableHeaders.value, (n) => (o(), p("th", {
+                                key: n.value,
+                                class: Z(`d-none d-${n.showSize ?? "sm"}-table-cell`)
+                              }, oe(n.title), 3))), 128)),
+                              e.hideActions ? v("", !0) : (o(), p("th", Et, " Actions "))
+                            ])
+                          ]),
+                          x("tbody", null, [
+                            u(R, {
+                              group: "",
+                              "hide-on-leave": ""
+                            }, {
+                              default: r(() => [
+                                (o(!0), p(E, null, P(l(t).filteredItems.value, (n, w) => (o(), p("tr", {
+                                  key: `${n.id}${w}`,
+                                  onClick: (f) => J(n)
+                                }, [
+                                  (o(!0), p(E, null, P(l(t).tableHeaders.value, (f) => (o(), p("td", {
+                                    key: "1" + f.value,
+                                    class: Z(`d-none d-${f.showSize ?? "sm"}-table-cell`)
+                                  }, [
+                                    m(e.$slots, f.value, {
+                                      item: n,
+                                      options: f
+                                    }, () => [
+                                      u(me, {
+                                        option: f,
+                                        data: n
+                                      }, null, 8, ["option", "data"])
+                                    ], !0)
+                                  ], 2))), 128)),
+                                  e.hideActions ? v("", !0) : (o(), p("td", {
+                                    key: "itemActions" + n.id,
+                                    class: "text-right"
+                                  }, [
+                                    u(Ie, { "hide-on-leave": "" }, {
+                                      default: r(() => [
+                                        u(Pe, {
+                                          "no-gutters": "",
+                                          class: Z([ze.value ? "actionButtons" : null, "flex-nowrap"])
+                                        }, {
+                                          default: r(() => [
+                                            u(ae),
+                                            m(e.$slots, "itemActions", {
+                                              item: n,
+                                              allItems: l(t).asyncItems.value,
+                                              items: l(t).filteredItems.value,
+                                              size: z.value,
+                                              density: e.density
+                                            }, void 0, !0),
+                                            !de.value && l(t).isIntegratable.value(n) ? (o(), p("div", Pt, [
+                                              u(ye, { "hide-on-leave": "" }, {
+                                                default: r(() => {
+                                                  var f, L, H, O;
+                                                  return [
+                                                    l(t).isIntegrated.value(n) ? (o(), p("div", Tt, [
+                                                      u(s, {
+                                                        class: "text-success",
+                                                        icon: "$cloud-check",
+                                                        size: z.value,
+                                                        title: `Synced with ${(f = l(t).currentExternalParty.value) == null ? void 0 : f.party}`,
+                                                        variant: "text"
+                                                      }, null, 8, ["size", "title"]),
+                                                      (L = l(t).currentExternalParty.value) != null && L.canUnlink ? (o(), d(s, {
+                                                        key: 0,
+                                                        onClick: T((he) => l(t).unlinkFromExternalParty(n), ["stop"]),
+                                                        class: "text-error",
+                                                        icon: "$cloud-remove",
+                                                        size: z.value,
+                                                        title: `Unlink from ${(H = l(t).currentExternalParty.value) == null ? void 0 : H.party}`,
+                                                        variant: "text"
+                                                      }, null, 8, ["onClick", "size", "title"])) : v("", !0)
+                                                    ])) : (o(), d(s, {
+                                                      onClick: T((he) => l(t).pushToExternalParty(n), ["stop"]),
+                                                      icon: "$cloud-upload",
+                                                      key: "a2",
+                                                      size: z.value,
+                                                      title: `Send to ${(O = l(t).currentExternalParty.value) == null ? void 0 : O.party}`,
+                                                      variant: "text"
+                                                    }, null, 8, ["onClick", "size", "title"]))
+                                                  ];
+                                                }),
+                                                _: 2
+                                              }, 1024)
+                                            ])) : v("", !0),
+                                            n.errorMsg != null ? (o(), d(s, {
+                                              onClick: a[13] || (a[13] = T(() => {
+                                              }, ["stop"])),
+                                              class: "text-warning",
+                                              icon: "$alert-circle",
+                                              key: "1",
+                                              size: z.value,
+                                              title: n.errorMsg
+                                            }, null, 8, ["size", "title"])) : v("", !0),
+                                            e.canDelete && l(t).isDeletable.value(n) ? (o(), d(s, {
+                                              onClick: T((f) => l(t).deleteItem(n), ["stop"]),
+                                              class: "text-error",
+                                              disabled: !l(q).canEdit(e.nav),
+                                              icon: "$delete",
+                                              key: "2",
+                                              size: z.value,
+                                              variant: "text"
+                                            }, null, 8, ["onClick", "disabled", "size"])) : v("", !0),
+                                            e.canRestore && l(t).isRestorable.value(n) ? (o(), d(s, {
+                                              onClick: T((f) => l(t).restoreItem(n), ["stop"]),
+                                              disabled: !l(q).canEdit(e.nav),
+                                              key: "3",
+                                              icon: "$eraser-variant",
+                                              size: z.value,
+                                              variant: "text"
+                                            }, null, 8, ["onClick", "disabled", "size"])) : v("", !0)
+                                          ]),
+                                          _: 2
+                                        }, 1032, ["class"])
+                                      ]),
+                                      _: 2
+                                    }, 1024)
+                                  ]))
+                                ], 8, It))), 128))
+                              ]),
+                              _: 3
+                            })
+                          ])
+                        ]),
+                        _: 3
+                      }, 8, ["density", "fixed-header", "style"])) : v("", !0) : (o(), p("div", {
+                        key: 0,
+                        class: Z(e.scrollY ? "overflow-y-auto" : ""),
+                        style: W(Q.value)
+                      }, [
+                        m(e.$slots, "notFound", {
+                          bladeData: c,
+                          create: G,
+                          navTo: b,
+                          nextStep: B,
+                          refresh: l(t).refresh,
+                          size: e.size
+                        }, void 0, !0)
+                      ], 6))
+                    ], !0)
+                  ]),
+                  _: 2
+                }, 1024),
+                (o(!0), p(E, null, P(e.steps, (n, w) => (o(), d(Te, {
+                  key: w,
+                  class: "ma-0 pa-0"
+                }, {
+                  default: r(() => [
+                    m(e.$slots, `${n.name}-top`, {
+                      isChanged: l(N),
+                      isShowing: w == y.value - 1,
+                      item: l(k),
+                      meta: C.value,
+                      mode: l(t).mode.value,
+                      navTo: b,
+                      navToName: K,
+                      nextStep: B,
+                      ui: l(t)
+                    }, void 0, !0),
+                    u(at, {
+                      style: W(Q.value),
+                      class: "overflow-y-auto"
+                    }, Ne({
+                      default: r(() => [
+                        m(e.$slots, `${n.name}`, {
+                          meta: C.value,
+                          mode: l(t).mode.value,
+                          isChanged: l(N),
+                          isShowing: w == y.value - 1,
+                          item: l(k),
+                          navTo: b,
+                          navToName: K,
+                          nextStep: B,
+                          save: te,
+                          style: W(Q.value),
+                          ui: l(t)
+                        }, void 0, !0)
+                      ]),
+                      _: 2
+                    }, [
+                      n.hideActions !== !0 ? {
+                        name: "actions",
+                        fn: r(() => [
+                          m(e.$slots, `${n.name}-actions`, {
+                            meta: C.value,
+                            mode: l(t).mode.value,
+                            isChanged: l(N),
+                            isShowing: w == y.value - 1,
+                            item: l(k),
+                            canMoveNext: re.value,
+                            canSave: ue.value,
+                            canSkip: Ce.value,
+                            navTo: b,
+                            nextStep: B,
+                            save: te,
+                            ui: l(t)
+                          }, () => [
+                            u(ae),
+                            ue.value ? (o(), d(s, {
+                              key: 0,
+                              "prepend-icon": "$content-save",
+                              onClick: te,
+                              text: "Save"
+                            })) : v("", !0),
+                            Ye.value ? (o(), d(s, {
+                              key: 1,
+                              "prepend-icon": "$check",
+                              onClick: a[14] || (a[14] = (f) => b(0)),
+                              text: "Done"
+                            })) : v("", !0),
+                            re.value ? (o(), d(s, {
+                              key: 2,
+                              onClick: B,
+                              text: "Next"
+                            })) : v("", !0)
+                          ], !0)
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1032, ["style"])
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 2
+            }, 1032, ["modelValue"]),
+            m(e.$slots, "bottom", {
+              mode: l(t).mode.value,
+              newItem: G,
+              size: e.size,
+              allItems: l(t).asyncItems.value,
+              items: l(t).filteredItems.value,
+              ui: l(t)
+            }, void 0, !0)
+          ], !0),
+          y.value == 0 && !l(ie)(e.paginate) ? (o(), p("div", Dt, [
+            u(ot, {
+              modelValue: l(t).currentPage.value,
+              "onUpdate:modelValue": a[16] || (a[16] = (n) => l(t).currentPage.value = n),
+              length: l(t).totalPages.value
+            }, null, 8, ["modelValue", "length"])
+          ])) : v("", !0)
+        ]),
+        _: 3
+      }, 8, ["bladeName", "bladeStartShowing", "bordered", "density", "flat", "errorMsg", "hideSubtoolbar", "hideToolbar", "label", "loadingMsg", "preset", "showOnlyTitleLeft", "size", "transparent", "variant"]);
+    };
+  }
+});
+export {
+  Yt as default
+};