bt-core-app 2.2.6 → 2.2.7

package/dist/components/BT-Blade.vue.mjs

@@ -1,22 +1,23 @@
-import { defineComponent as K, computed as r, ref as g, provide as C, watch as Q, onMounted as X, resolveComponent as Y, openBlock as p, createBlock as m, unref as l, normalizeClass as Z, normalizeStyle as x, withCtx as a, createVNode as n, renderSlot as u, createCommentVNode as i, createTextVNode as N, toDisplayString as B, mergeProps as _, createElementVNode as ee } from "vue";
-import { usePresets as te } from "../composables/presets.mjs";
-import { useBlade as le } from "../composables/blade.mjs";
-import { useNavBack as ae } from "../composables/navigation.mjs";
-import { useSpring as oe } from "../bt-core/core/node_modules/vue-use-spring/dist/index.mjs";
-import { useDisplay as ie } from "vuetify";
-import { useComponentConfig as re } from "../composables/component-config.mjs";
+import { defineComponent as J, computed as r, ref as g, provide as $, watch as K, onMounted as Q, openBlock as v, createBlock as m, unref as l, normalizeClass as X, normalizeStyle as Z, withCtx as a, createVNode as n, renderSlot as u, createCommentVNode as i, createTextVNode as C, toDisplayString as B, mergeProps as x, createElementVNode as _ } from "vue";
+import { usePresets as ee } from "../composables/presets.mjs";
+import { useBlade as te } from "../composables/blade.mjs";
+import { useNavBack as le } from "../composables/navigation.mjs";
+import { useSpring as ae } from "../bt-core/core/node_modules/vue-use-spring/dist/index.mjs";
+import { useDisplay as oe } from "vuetify";
+import { useComponentConfig as ie } from "../composables/component-config.mjs";
 import { VToolbar as W } from "../bt-core/core/node_modules/vuetify/lib/components/VToolbar/VToolbar.mjs";
-import { VToolbarTitle as ne } from "../bt-core/core/node_modules/vuetify/lib/components/VToolbar/VToolbarTitle.mjs";
-import { VListSubheader as se } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListSubheader.mjs";
-import { VAlert as de } from "../bt-core/core/node_modules/vuetify/lib/components/VAlert/VAlert.mjs";
-import { VOverlay as ue } from "../bt-core/core/node_modules/vuetify/lib/components/VOverlay/VOverlay.mjs";
-import { VProgressCircular as fe } from "../bt-core/core/node_modules/vuetify/lib/components/VProgressCircular/VProgressCircular.mjs";
+import { VToolbarTitle as re } from "../bt-core/core/node_modules/vuetify/lib/components/VToolbar/VToolbarTitle.mjs";
+import { VListSubheader as ne } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListSubheader.mjs";
+import { VAlert as se } from "../bt-core/core/node_modules/vuetify/lib/components/VAlert/VAlert.mjs";
+import { VOverlay as de } from "../bt-core/core/node_modules/vuetify/lib/components/VOverlay/VOverlay.mjs";
+import { VProgressCircular as ue } from "../bt-core/core/node_modules/vuetify/lib/components/VProgressCircular/VProgressCircular.mjs";
 import { VCard as D } from "../bt-core/core/node_modules/vuetify/lib/components/VCard/VCard.mjs";
+import { VSlideYTransition as N } from "../bt-core/core/node_modules/vuetify/lib/components/transitions/index.mjs";
 import { VBtn as T } from "../bt-core/core/node_modules/vuetify/lib/components/VBtn/VBtn.mjs";
-import { VMenu as ve } from "../bt-core/core/node_modules/vuetify/lib/components/VMenu/VMenu.mjs";
+import { VMenu as fe } from "../bt-core/core/node_modules/vuetify/lib/components/VMenu/VMenu.mjs";
 import { VList as pe } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VList.mjs";
-import { VCardText as me } from "../bt-core/core/node_modules/vuetify/lib/components/VCard/VCardText.mjs";
-const We = /* @__PURE__ */ K({
+import { VCardText as ve } from "../bt-core/core/node_modules/vuetify/lib/components/VCard/VCardText.mjs";
+const We = /* @__PURE__ */ J({
   __name: "BT-Blade",
   props: {
     bordered: { type: Boolean },
@@ -58,7 +59,7 @@ const We = /* @__PURE__ */ K({
   },
   emits: ["close", "titled"],
   setup(P, { emit: H }) {
-    const t = P, M = H, c = te(t.preset), s = r(() => {
+    const t = P, S = H, V = ee(t.preset), s = r(() => {
       if (t.width == "grow")
         return "grow";
       if (t.width == "auto")
@@ -70,21 +71,21 @@ const We = /* @__PURE__ */ K({
           return "auto";
       }
       return "number";
-    }), S = r(() => t.bladeName == null || !!t.bladeStartShowing), V = r(() => S.value ? typeof t.width == "number" ? t.width : 400 : 0), y = g(!S.value);
+    }), M = r(() => t.bladeName == null || !!t.bladeStartShowing), c = r(() => M.value ? typeof t.width == "number" ? t.width : 400 : 0), y = g(!M.value);
     let w = 0;
-    const d = oe(
-      { width: V.value },
+    const d = ae(
+      { width: c.value },
       { precision: 0.1, mass: 1, friction: 26, tension: 250 },
       { onRest() {
         f.value = !1;
       } }
-    ), { xs: U } = ie(), f = g(!1), b = g(null), z = g(null), { navBack: E } = ae();
+    ), { xs: U } = oe(), f = g(!1), b = g(null), z = g(null), { navBack: E } = le();
     function I() {
       var e = t.getNavBack ?? (() => {
       }), o = e() ?? E;
       o();
     }
-    const v = le({
+    const p = te({
       ...t,
       blade: b,
       handle: z,
@@ -92,186 +93,183 @@ const We = /* @__PURE__ */ K({
         y.value || (b.value != null && (w = parseInt(window.getComputedStyle(b.value.$el).getPropertyValue("width"))), (s.value == "auto" || s.value == "percent" || s.value == "grow") && (d.width = w), f.value = !0, y.value = !0, d.width = 0);
       },
       onUpdate: () => {
-        d.width == 0 && (typeof t.width == "number" ? d.width = t.width : w > 0 ? d.width = w : d.width = V.value != 0 ? V.value : 400, f.value = !0, y.value = !1);
+        d.width == 0 && (typeof t.width == "number" ? d.width = t.width : w > 0 ? d.width = w : d.width = c.value != 0 ? c.value : 400, f.value = !0, y.value = !1);
       }
-    }), { editVariant: R, viewVariant: j } = re();
-    C("isMobile", v.isMobile), C("editVariant", t.editVariant ?? R ?? "outlined"), C("viewVariant", t.viewVariant ?? j ?? "list-item");
-    const L = r(() => t.loadingMsg != null), A = r(() => !!(c.hideBladeControls ?? t.hideBladeControls) || !t.bladeName), G = r(() => !!(c.hideNavigation ?? t.hideNavigation) || v.variant.value != "page"), q = r(() => {
-      const e = c.noMargins ?? t.noMargins;
+    }), { editVariant: R, viewVariant: j } = ie();
+    $("isMobile", p.isMobile), $("editVariant", t.editVariant ?? R ?? "outlined"), $("viewVariant", t.viewVariant ?? j ?? "list-item");
+    const L = r(() => t.loadingMsg != null), A = r(() => !!(V.hideBladeControls ?? t.hideBladeControls) || !t.bladeName), G = r(() => !!(V.hideNavigation ?? t.hideNavigation) || p.variant.value != "page"), Y = r(() => {
+      const e = V.noMargins ?? t.noMargins;
       return e ?? U.value;
     }), O = r(() => {
       if (t.toolbarVariant != "inverted")
         return t.bordered || t.variant == "inline" ? "transparent" : "primary";
-    }), k = g(!1), F = r(() => {
+    }), k = g(!1), q = r(() => {
       var e = "";
-      return q.value ? e = "" : (t.bordered && !y.value || v.variant.value == "page") && (e = "ma-2"), t.bordered && !y.value && (e = `${e} border-thin pa-1`), t.bladeName != null && s.value == "grow" && (e = `${e} flex-grow-1`), e;
-    }), J = r(() => {
+      return Y.value ? e = "" : (t.bordered && !y.value || p.variant.value == "page") && (e = "ma-2"), t.bordered && !y.value && (e = `${e} border-thin pa-1`), t.bladeName != null && s.value == "grow" && (e = `${e} flex-grow-1`), e;
+    }), F = r(() => {
       var e = t.opacity != null ? `opacity: ${t.opacity};` : "";
       return t.maxWidth != null && (e = `${e} max-width: ${t.maxWidth};`), t.bladeName != null ? f.value ? `${e} width: ${d.width}px;` : y.value ? `${e} width: 0px;` : s.value == "grow" ? e : s.value == "number" ? `${e} width: ${d.width}px;` : s.value == "auto" ? e : `${e} width: calc(${t.width});` : e;
     });
-    return Q(() => t.errorMsg, (e) => {
+    return K(() => t.errorMsg, (e) => {
       k.value = e != null;
-    }), X(() => {
+    }), Q(() => {
       (s.value == "percent" || s.value == "auto") && b.value != null && (d.width = parseInt(window.getComputedStyle(b.value.$el).getPropertyValue("width")));
-    }), (e, o) => {
-      const $ = Y("v-slide-y-transition");
-      return f.value || !y.value ? (p(), m(l(D), {
-        class: Z(F.value),
-        color: e.transparent ? "transparent" : void 0,
-        density: e.density,
-        flat: e.flat ?? (l(v).variant.value == "inline" || l(v).variant.value == "pure"),
-        key: "1",
-        "min-height": e.minHeight,
-        ref_key: "blade",
-        ref: b,
-        style: x(J.value)
-      }, {
-        default: a(() => [
-          n($, { "hide-on-leave": "" }, {
-            default: a(() => [
-              !f.value && !e.hideToolbar && e.variant != "pure" ? (p(), m(l(W), {
-                key: 0,
-                class: "overflow-x-auto",
-                color: O.value,
-                density: e.density,
-                ref_key: "handle",
-                ref: z
-              }, {
-                default: a(() => [
-                  u(e.$slots, "blade-toolbar", {}, () => [
-                    G.value ? i("", !0) : (p(), m(l(T), {
-                      key: 0,
-                      icon: "$arrow-left",
-                      size: e.size,
-                      title: "Back",
-                      onClick: o[0] || (o[0] = () => I())
-                    }, null, 8, ["size"])),
-                    e.showOnlyTitleLeft ? i("", !0) : u(e.$slots, "blade-toolbar-left", { key: 1 }),
-                    u(e.$slots, "blade-title-left"),
-                    u(e.$slots, "blade-label", {}, () => [
-                      !e.showOnlyTitleLeft && e.label != null && e.variant != "inline" ? (p(), m(l(ne), {
-                        key: 0,
-                        onClick: o[1] || (o[1] = (h) => M("titled"))
-                      }, {
-                        default: a(() => [
-                          N(B(e.label), 1)
-                        ]),
-                        _: 1
-                      })) : !e.showOnlyTitleLeft && e.label != null ? (p(), m(l(se), {
-                        key: 1,
-                        class: "text-truncate",
-                        onClick: o[2] || (o[2] = (h) => M("titled"))
-                      }, {
-                        default: a(() => [
-                          N(B(e.label), 1)
-                        ]),
-                        _: 1
-                      })) : i("", !0)
-                    ]),
-                    e.showOnlyTitleLeft ? i("", !0) : u(e.$slots, "blade-title-right", { key: 2 })
-                  ])
-                ]),
-                append: a(() => [
-                  e.showOnlyTitleLeft ? i("", !0) : u(e.$slots, "blade-toolbar-right", { key: 0 }),
-                  !A.value && !e.showOnlyTitleLeft ? (p(), m(l(T), {
-                    icon: "$close",
-                    key: "6.1",
+    }), (e, o) => f.value || !y.value ? (v(), m(l(D), {
+      class: X(q.value),
+      color: e.transparent ? "transparent" : void 0,
+      density: e.density,
+      flat: e.flat ?? (l(p).variant.value == "inline" || l(p).variant.value == "pure"),
+      key: "1",
+      "min-height": e.minHeight,
+      ref_key: "blade",
+      ref: b,
+      style: Z(F.value)
+    }, {
+      default: a(() => [
+        n(l(N), { "hide-on-leave": "" }, {
+          default: a(() => [
+            !f.value && !e.hideToolbar && e.variant != "pure" ? (v(), m(l(W), {
+              key: 0,
+              class: "overflow-x-auto",
+              color: O.value,
+              density: e.density,
+              ref_key: "handle",
+              ref: z
+            }, {
+              default: a(() => [
+                u(e.$slots, "blade-toolbar", {}, () => [
+                  G.value ? i("", !0) : (v(), m(l(T), {
+                    key: 0,
+                    icon: "$arrow-left",
                     size: e.size,
-                    title: "Close",
-                    onClick: o[3] || (o[3] = () => l(v).closeBlade({ bladeName: e.bladeName, mode: "remove" }))
-                  }, null, 8, ["size"])) : i("", !0),
-                  !e.hideToolbarSettings && !e.showOnlyTitleLeft ? (p(), m(l(ve), {
-                    "close-on-content-click": !1,
-                    density: e.density,
-                    key: "7"
-                  }, {
-                    activator: a(({ props: h }) => [
-                      n(l(T), _({
-                        icon: "$cog",
-                        size: e.size
-                      }, h), null, 16, ["size"])
-                    ]),
-                    default: a(() => [
-                      n(l(pe), { density: e.density }, {
-                        default: a(() => [
-                          u(e.$slots, "blade-settings")
-                        ]),
-                        _: 3
-                      }, 8, ["density"])
-                    ]),
-                    _: 3
-                  }, 8, ["density"])) : i("", !0)
-                ]),
-                _: 3
-              }, 8, ["color", "density"])) : i("", !0)
-            ]),
-            _: 3
-          }),
-          n($, { "hide-on-leave": "" }, {
-            default: a(() => [
-              !f.value && !e.hideSubtoolbar && e.variant != "pure" ? (p(), m(l(W), {
-                key: 0,
-                color: O.value,
-                density: e.density,
-                tile: ""
-              }, {
-                default: a(() => [
-                  u(e.$slots, "subtoolbar")
-                ]),
-                _: 3
-              }, 8, ["color", "density"])) : i("", !0)
-            ]),
-            _: 3
-          }),
-          n($, null, {
-            default: a(() => [
-              n(l(de), {
-                closable: "",
-                color: "red-lighten-1",
-                title: "Error",
-                modelValue: k.value,
-                "onUpdate:modelValue": o[4] || (o[4] = (h) => k.value = h)
-              }, {
-                default: a(() => [
-                  N(B(e.errorMsg), 1)
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            _: 1
-          }),
-          f.value ? i("", !0) : u(e.$slots, "content", {
-            key: 0,
-            isMobile: l(v).isMobile.value,
-            bladeData: l(v).bladeData
-          }),
-          n(l(ue), {
-            modelValue: L.value,
-            "onUpdate:modelValue": o[5] || (o[5] = (h) => L.value = h),
-            class: "align-center justify-center text-center overlay",
-            contained: "",
-            persistent: ""
-          }, {
-            default: a(() => [
-              n(l(D), null, {
-                default: a(() => [
-                  n(l(me), null, {
-                    default: a(() => [
-                      n(l(fe), { indeterminate: "" }),
-                      ee("p", null, B(e.loadingMsg), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _: 3
-      }, 8, ["class", "color", "density", "flat", "min-height", "style"])) : i("", !0);
-    };
+                    title: "Back",
+                    onClick: o[0] || (o[0] = () => I())
+                  }, null, 8, ["size"])),
+                  e.showOnlyTitleLeft ? i("", !0) : u(e.$slots, "blade-toolbar-left", { key: 1 }),
+                  u(e.$slots, "blade-title-left"),
+                  u(e.$slots, "blade-label", {}, () => [
+                    !e.showOnlyTitleLeft && e.label != null && e.variant != "inline" ? (v(), m(l(re), {
+                      key: 0,
+                      onClick: o[1] || (o[1] = (h) => S("titled"))
+                    }, {
+                      default: a(() => [
+                        C(B(e.label), 1)
+                      ]),
+                      _: 1
+                    })) : !e.showOnlyTitleLeft && e.label != null ? (v(), m(l(ne), {
+                      key: 1,
+                      class: "text-truncate",
+                      onClick: o[2] || (o[2] = (h) => S("titled"))
+                    }, {
+                      default: a(() => [
+                        C(B(e.label), 1)
+                      ]),
+                      _: 1
+                    })) : i("", !0)
+                  ]),
+                  e.showOnlyTitleLeft ? i("", !0) : u(e.$slots, "blade-title-right", { key: 2 })
+                ])
+              ]),
+              append: a(() => [
+                e.showOnlyTitleLeft ? i("", !0) : u(e.$slots, "blade-toolbar-right", { key: 0 }),
+                !A.value && !e.showOnlyTitleLeft ? (v(), m(l(T), {
+                  icon: "$close",
+                  key: "6.1",
+                  size: e.size,
+                  title: "Close",
+                  onClick: o[3] || (o[3] = () => l(p).closeBlade({ bladeName: e.bladeName, mode: "remove" }))
+                }, null, 8, ["size"])) : i("", !0),
+                !e.hideToolbarSettings && !e.showOnlyTitleLeft ? (v(), m(l(fe), {
+                  "close-on-content-click": !1,
+                  density: e.density,
+                  key: "7"
+                }, {
+                  activator: a(({ props: h }) => [
+                    n(l(T), x({
+                      icon: "$cog",
+                      size: e.size
+                    }, h), null, 16, ["size"])
+                  ]),
+                  default: a(() => [
+                    n(l(pe), { density: e.density }, {
+                      default: a(() => [
+                        u(e.$slots, "blade-settings")
+                      ]),
+                      _: 3
+                    }, 8, ["density"])
+                  ]),
+                  _: 3
+                }, 8, ["density"])) : i("", !0)
+              ]),
+              _: 3
+            }, 8, ["color", "density"])) : i("", !0)
+          ]),
+          _: 3
+        }),
+        n(l(N), { "hide-on-leave": "" }, {
+          default: a(() => [
+            !f.value && !e.hideSubtoolbar && e.variant != "pure" ? (v(), m(l(W), {
+              key: 0,
+              color: O.value,
+              density: e.density,
+              tile: ""
+            }, {
+              default: a(() => [
+                u(e.$slots, "subtoolbar")
+              ]),
+              _: 3
+            }, 8, ["color", "density"])) : i("", !0)
+          ]),
+          _: 3
+        }),
+        n(l(N), null, {
+          default: a(() => [
+            n(l(se), {
+              closable: "",
+              color: "red-lighten-1",
+              title: "Error",
+              modelValue: k.value,
+              "onUpdate:modelValue": o[4] || (o[4] = (h) => k.value = h)
+            }, {
+              default: a(() => [
+                C(B(e.errorMsg), 1)
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        f.value ? i("", !0) : u(e.$slots, "content", {
+          key: 0,
+          isMobile: l(p).isMobile.value,
+          bladeData: l(p).bladeData
+        }),
+        n(l(de), {
+          modelValue: L.value,
+          "onUpdate:modelValue": o[5] || (o[5] = (h) => L.value = h),
+          class: "align-center justify-center text-center overlay",
+          contained: "",
+          persistent: ""
+        }, {
+          default: a(() => [
+            n(l(D), null, {
+              default: a(() => [
+                n(l(ve), null, {
+                  default: a(() => [
+                    n(l(ue), { indeterminate: "" }),
+                    _("p", null, B(e.loadingMsg), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 3
+    }, 8, ["class", "color", "density", "flat", "min-height", "style"])) : i("", !0);
   }
 });
 export {