bt-core-app 2.2.5 → 2.2.7

package/dist/components/BT-Select-List-Box.vue.mjs

@@ -1,8 +1,22 @@
-import { defineComponent as ne, ref as k, inject as I, computed as v, resolveComponent as a, openBlock as s, createBlock as r, normalizeClass as oe, withCtx as o, createElementVNode as T, renderSlot as d, createVNode as u, createTextVNode as m, mergeProps as E, unref as i, createCommentVNode as p, toDisplayString as g, createElementBlock as L, Fragment as O, renderList as se } from "vue";
-import { useList as ie } from "../composables/list.mjs";
-import { useFilters as ae } from "../composables/filters.mjs";
-import { nestedValue as H, isLengthyArray as re } from "../composables/helpers.mjs";
-const ue = { class: "d-flex align-center" }, de = { class: "d-flex align-center" }, ge = /* @__PURE__ */ ne({
+import { defineComponent as Y, ref as V, inject as C, computed as m, openBlock as a, createBlock as s, unref as t, normalizeClass as J, withCtx as i, createElementVNode as $, renderSlot as u, createVNode as r, createTextVNode as c, mergeProps as z, createCommentVNode as p, toDisplayString as f, createElementBlock as P, Fragment as O, renderList as W } from "vue";
+import { useList as Z } from "../composables/list.mjs";
+import { useFilters as x } from "../composables/filters.mjs";
+import { nestedValue as R, isLengthyArray as _ } from "../composables/helpers.mjs";
+import { VVirtualScroll as ee } from "../bt-core/core/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScroll.mjs";
+import { VCol as te } from "../bt-core/core/node_modules/vuetify/lib/components/VGrid/VCol.mjs";
+import { VListItem as S } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListItem.mjs";
+import { VIcon as E } from "../bt-core/core/node_modules/vuetify/lib/components/VIcon/VIcon.mjs";
+import { VMenu as H } from "../bt-core/core/node_modules/vuetify/lib/components/VMenu/VMenu.mjs";
+import { VBtn as A } from "../bt-core/core/node_modules/vuetify/lib/components/VBtn/VBtn.mjs";
+import { VList as I } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VList.mjs";
+import { VSlideYTransition as le, VSlideXTransition as ne } from "../bt-core/core/node_modules/vuetify/lib/components/transitions/index.mjs";
+import { VTextField as oe } from "../bt-core/core/node_modules/vuetify/lib/components/VTextField/VTextField.mjs";
+import { VListItemTitle as T } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListItemTitle.mjs";
+import { VListItemSubtitle as w } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListItemSubtitle.mjs";
+import { VDivider as ie } from "../bt-core/core/node_modules/vuetify/lib/components/VDivider/VDivider.mjs";
+import { VOverlay as ae } from "../bt-core/core/node_modules/vuetify/lib/components/VOverlay/VOverlay.mjs";
+import { VProgressCircular as se } from "../bt-core/core/node_modules/vuetify/lib/components/VProgressCircular/VProgressCircular.mjs";
+const re = { class: "d-flex align-center" }, ue = { class: "d-flex align-center" }, Te = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "BT-Select-List-Box",
   props: {
@@ -119,296 +133,293 @@ const ue = { class: "d-flex align-center" }, de = { class: "d-flex align-center"
   },
   emits: ["update:modelValue", "change", "deleted", "fetched", "input", "select", "confirm", "mouse-over-item"],
   setup(G, { emit: U }) {
-    const F = U, l = G, y = k((l.alwaysOpen || l.isSelecting) ?? !1), f = I("size", () => k("small"), !0), j = I("isEditing", () => k(!1), !0), K = v(() => l.isEditing ?? j.value), c = ie(l, F, {
+    const b = U, n = G, y = V((n.alwaysOpen || n.isSelecting) ?? !1), g = C("size", () => V("small"), !0), j = C("isEditing", () => V(!1), !0), K = m(() => n.isEditing ?? j.value), d = Z(n, b, {
       // useBladeSrc: false,
       // useRouteSrc: false
-    }), D = ae(), M = v(() => (e) => {
-      let t = l.subtextFunction != null ? l.subtextFunction(e) : e;
-      return t = l.itemSubtext != null ? H(t, l.itemSubtext) : t, l.subtextFilter != null ? D.findFilter(l.subtextFilter)(t) : t;
-    }), C = v(() => (e) => {
-      let t = l.textFunction != null ? l.textFunction(e) : e;
-      return t = l.itemText != null ? H(t, l.itemText) : t, l.textFilter != null ? D.findFilter(l.textFilter)(t) : t;
-    }), B = v(() => (e) => (l.itemValue ? e[l.itemValue] : e) == l.modelValue);
-    function N() {
+    }), D = x(), L = m(() => (e) => {
+      let l = n.subtextFunction != null ? n.subtextFunction(e) : e;
+      return l = n.itemSubtext != null ? R(l, n.itemSubtext) : l, n.subtextFilter != null ? D.findFilter(n.subtextFilter)(l) : l;
+    }), k = m(() => (e) => {
+      let l = n.textFunction != null ? n.textFunction(e) : e;
+      return l = n.itemText != null ? R(l, n.itemText) : l, n.textFilter != null ? D.findFilter(n.textFilter)(l) : l;
+    }), h = m(() => (e) => (n.itemValue ? e[n.itemValue] : e) == n.modelValue);
+    function M() {
       K.value && (y.value = !0);
     }
-    function S(e) {
-      if (y.value = !1, e != null || l.canSelectNone) {
-        let t = e;
-        e != null && l.itemValue != null && (t = e[l.itemValue]), F("update:modelValue", t), F("change", t);
+    function v(e) {
+      if (y.value = !1, e != null || n.canSelectNone) {
+        let l = e;
+        e != null && n.itemValue != null && (l = e[n.itemValue]), b("update:modelValue", l), b("change", l);
       }
     }
-    const z = v(() => {
-      const e = l.itemValue ?? "id";
-      return l.modelValue != null && c.asyncItems.value != null ? c.asyncItems.value.find((t) => t[e] == l.modelValue) : null;
-    }), V = I("isMobile", () => k(!1), !0), q = v(() => l.isMobile ?? V.value ? !1 : l.lg), x = v(() => l.isMobile ?? V.value ? !1 : l.md), Q = v(() => l.isMobile ?? V.value ? !1 : l.sm);
-    return (e, t) => {
-      const P = a("v-icon"), $ = a("v-btn"), A = a("v-list"), R = a("v-menu"), h = a("v-list-item"), J = a("v-text-field"), _ = a("v-list-item-title"), w = a("v-list-item-subtitle"), W = a("v-virtual-scroll"), X = a("v-divider"), Y = a("v-slide-x-transition"), Z = a("v-slide-y-transition"), ee = a("v-progress-circular"), te = a("v-overlay"), le = a("v-col");
-      return s(), r(le, {
-        class: oe(e.colClass),
-        lg: q.value,
-        md: x.value,
-        sm: Q.value,
-        cols: e.cols
-      }, {
-        default: o(() => [
-          !e.alwaysOpen && y.value ? (s(), r(h, {
-            key: 0,
-            onClick: t[0] || (t[0] = (n) => y.value = !1),
-            density: e.density,
-            subtitle: e.label
-          }, {
-            append: o(() => [
-              T("div", ue, [
-                d(e.$slots, "actions"),
-                u(P, null, {
-                  default: o(() => t[6] || (t[6] = [
-                    m("$chevron-up")
-                  ])),
-                  _: 1
-                }),
-                d(e.$slots, "actionsRight"),
-                e.showSettings ? (s(), r(R, {
-                  key: 0,
-                  "offset-y": "",
-                  "close-on-content-click": !1
-                }, {
-                  activator: o(({ props: n }) => [
-                    u($, E({
-                      icon: "$cog",
-                      size: i(f),
-                      title: "Settings"
-                    }, n), null, 16, ["size"])
-                  ]),
-                  default: o(() => [
-                    u(A, null, {
-                      default: o(() => [
-                        d(e.$slots, "settings")
-                      ]),
-                      _: 3
-                    })
-                  ]),
-                  _: 3
-                })) : p("", !0)
-              ])
-            ]),
-            _: 3
-          }, 8, ["density", "subtitle"])) : p("", !0),
-          u(Z, {
-            "hide-on-leave": "",
-            group: ""
-          }, {
-            default: o(() => [
-              (e.alwaysOpen || y.value) && i(re)(e.searchProps) ? (s(), r(J, {
-                "onClick:prependInner": t[2] || (t[2] = (n) => i(c).searchString.value = void 0),
-                "hide-details": "",
-                key: "1",
-                placeholder: "Search",
-                "prepend-inner-icon": i(c).searchString.value != null ? "$close" : void 0,
-                modelValue: i(c).searchString.value,
-                "onUpdate:modelValue": t[3] || (t[3] = (n) => i(c).searchString.value = n)
-              }, {
-                "append-inner": o(() => [
-                  e.canRefresh ? (s(), r($, {
-                    key: 0,
-                    onClick: t[1] || (t[1] = (n) => i(c).refresh({ deepRefresh: !0 })),
-                    icon: "$refresh",
-                    size: i(f),
-                    variant: "text"
-                  }, null, 8, ["size"])) : p("", !0)
-                ]),
+    const N = m(() => {
+      const e = n.itemValue ?? "id";
+      return n.modelValue != null && d.asyncItems.value != null ? d.asyncItems.value.find((l) => l[e] == n.modelValue) : null;
+    }), F = C("isMobile", () => V(!1), !0), q = m(() => n.isMobile ?? F.value ? !1 : n.lg), Q = m(() => n.isMobile ?? F.value ? !1 : n.md), X = m(() => n.isMobile ?? F.value ? !1 : n.sm);
+    return (e, l) => (a(), s(t(te), {
+      class: J(e.colClass),
+      lg: q.value,
+      md: Q.value,
+      sm: X.value,
+      cols: e.cols
+    }, {
+      default: i(() => [
+        !e.alwaysOpen && y.value ? (a(), s(t(S), {
+          key: 0,
+          onClick: l[0] || (l[0] = (o) => y.value = !1),
+          density: e.density,
+          subtitle: e.label
+        }, {
+          append: i(() => [
+            $("div", re, [
+              u(e.$slots, "actions"),
+              r(t(E), null, {
+                default: i(() => l[6] || (l[6] = [
+                  c("$chevron-up")
+                ])),
                 _: 1
-              }, 8, ["prepend-inner-icon", "modelValue"])) : p("", !0),
-              (e.alwaysOpen || y.value) && e.useVirtualScroller ? (s(), r(W, {
-                height: e.height,
-                "item-height": "50",
-                items: i(c).filteredItems.value,
-                key: "2",
-                maxHeight: e.maxHeight
+              }),
+              u(e.$slots, "actionsRight"),
+              e.showSettings ? (a(), s(t(H), {
+                key: 0,
+                "offset-y": "",
+                "close-on-content-click": !1
               }, {
-                default: o(({ item: n }) => [
-                  d(e.$slots, "item", {
-                    item: n,
-                    selectItem: S(n),
-                    active: B.value(n)
-                  }, () => [
-                    u(h, {
-                      onClick: (b) => S(n),
-                      active: B.value(n),
-                      color: "primary",
-                      density: e.density
-                    }, {
-                      default: o(() => [
-                        d(e.$slots, "default", { item: n }, () => [
-                          e.itemText != null || e.textFilter != null || e.textFunction != null ? (s(), r(_, { key: 0 }, {
-                            default: o(() => [
-                              m(g(C.value(n)), 1)
-                            ]),
-                            _: 2
-                          }, 1024)) : p("", !0),
-                          e.itemSubtext != null || e.subtextFilter != null || e.subtextFunction != null ? (s(), r(w, { key: 1 }, {
-                            default: o(() => [
-                              m(g(M.value(n)), 1)
-                            ]),
-                            _: 2
-                          }, 1024)) : p("", !0)
-                        ])
-                      ]),
-                      _: 2
-                    }, 1032, ["onClick", "active", "density"])
-                  ])
+                activator: i(({ props: o }) => [
+                  r(t(A), z({
+                    icon: "$cog",
+                    size: t(g),
+                    title: "Settings"
+                  }, o), null, 16, ["size"])
                 ]),
-                _: 3
-              }, 8, ["height", "items", "maxHeight"])) : e.alwaysOpen || y.value ? (s(), r(A, {
-                "bg-color": e.transparent ? "transparent" : void 0,
-                height: e.height,
-                maxHeight: e.maxHeight,
-                key: "3",
-                width: "100%"
-              }, {
-                default: o(() => [
-                  d(e.$slots, "topItem"),
-                  e.canSelectNone ? (s(), r(h, {
-                    key: "-1",
-                    density: e.density,
-                    onClick: t[4] || (t[4] = (n) => S(null)),
-                    subtitle: "(Select None)"
-                  }, null, 8, ["density"])) : p("", !0),
-                  u(Y, {
-                    group: "",
-                    "hide-on-leave": ""
-                  }, {
-                    default: o(() => [
-                      (s(!0), L(O, null, se(i(c).filteredItems.value, (n, b) => (s(), L(O, {
-                        key: `${n.id ?? b}-list-item`
-                      }, [
-                        d(e.$slots, "item", {
-                          item: n,
-                          index: b,
-                          size: i(f),
-                          isActive: B.value(n),
-                          selectItem: S
-                        }, () => [
-                          u(h, {
-                            active: B.value(n),
-                            density: e.density,
-                            "prepend-icon": e.prependIcon,
-                            value: n,
-                            onClick: (ce) => S(n)
-                          }, {
-                            default: o(() => [
-                              d(e.$slots, "default", {
-                                item: n,
-                                index: b,
-                                size: i(f)
-                              }, () => [
-                                e.itemText != null || e.textFilter != null || e.textFunction != null ? (s(), r(_, { key: 0 }, {
-                                  default: o(() => [
-                                    m(g(C.value(n)), 1)
-                                  ]),
-                                  _: 2
-                                }, 1024)) : p("", !0),
-                                e.itemSubtext != null || e.subtextFilter != null || e.subtextFunction != null ? (s(), r(w, { key: 1 }, {
-                                  default: o(() => [
-                                    m(g(M.value(n)), 1)
-                                  ]),
-                                  _: 2
-                                }, 1024)) : p("", !0)
-                              ])
-                            ]),
-                            _: 2
-                          }, 1032, ["active", "density", "prepend-icon", "value", "onClick"])
-                        ]),
-                        e.hideDividers !== !0 ? (s(), r(X, { key: 0 })) : p("", !0)
-                      ], 64))), 128))
+                default: i(() => [
+                  r(t(I), null, {
+                    default: i(() => [
+                      u(e.$slots, "settings")
                     ]),
                     _: 3
-                  }),
-                  d(e.$slots, "bottomItem")
+                  })
                 ]),
                 _: 3
-              }, 8, ["bg-color", "height", "maxHeight"])) : d(e.$slots, "selected", {
-                key: 3,
-                item: z.value,
-                open: N
-              }, () => [
-                u(h, {
-                  onClick: N,
+              })) : p("", !0)
+            ])
+          ]),
+          _: 3
+        }, 8, ["density", "subtitle"])) : p("", !0),
+        r(t(le), {
+          "hide-on-leave": "",
+          group: ""
+        }, {
+          default: i(() => [
+            (e.alwaysOpen || y.value) && t(_)(e.searchProps) ? (a(), s(t(oe), {
+              "onClick:prependInner": l[2] || (l[2] = (o) => t(d).searchString.value = void 0),
+              "hide-details": "",
+              key: "1",
+              placeholder: "Search",
+              "prepend-inner-icon": t(d).searchString.value != null ? "$close" : void 0,
+              modelValue: t(d).searchString.value,
+              "onUpdate:modelValue": l[3] || (l[3] = (o) => t(d).searchString.value = o)
+            }, {
+              "append-inner": i(() => [
+                e.canRefresh ? (a(), s(t(A), {
+                  key: 0,
+                  onClick: l[1] || (l[1] = (o) => t(d).refresh({ deepRefresh: !0 })),
+                  icon: "$refresh",
+                  size: t(g),
+                  variant: "text"
+                }, null, 8, ["size"])) : p("", !0)
+              ]),
+              _: 1
+            }, 8, ["prepend-inner-icon", "modelValue"])) : p("", !0),
+            (e.alwaysOpen || y.value) && e.useVirtualScroller ? (a(), s(t(ee), {
+              height: e.height,
+              "item-height": "50",
+              items: t(d).filteredItems.value,
+              key: "2",
+              maxHeight: e.maxHeight
+            }, {
+              default: i(({ item: o }) => [
+                u(e.$slots, "item", {
+                  item: o,
+                  selectItem: v(o),
+                  active: h.value(o)
+                }, () => [
+                  r(t(S), {
+                    onClick: (B) => v(o),
+                    active: h.value(o),
+                    color: "primary",
+                    density: e.density
+                  }, {
+                    default: i(() => [
+                      u(e.$slots, "default", { item: o }, () => [
+                        e.itemText != null || e.textFilter != null || e.textFunction != null ? (a(), s(t(T), { key: 0 }, {
+                          default: i(() => [
+                            c(f(k.value(o)), 1)
+                          ]),
+                          _: 2
+                        }, 1024)) : p("", !0),
+                        e.itemSubtext != null || e.subtextFilter != null || e.subtextFunction != null ? (a(), s(t(w), { key: 1 }, {
+                          default: i(() => [
+                            c(f(L.value(o)), 1)
+                          ]),
+                          _: 2
+                        }, 1024)) : p("", !0)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick", "active", "density"])
+                ])
+              ]),
+              _: 3
+            }, 8, ["height", "items", "maxHeight"])) : e.alwaysOpen || y.value ? (a(), s(t(I), {
+              "bg-color": e.transparent ? "transparent" : void 0,
+              height: e.height,
+              maxHeight: e.maxHeight,
+              key: "3",
+              width: "100%"
+            }, {
+              default: i(() => [
+                u(e.$slots, "topItem"),
+                e.canSelectNone ? (a(), s(t(S), {
+                  key: "-1",
                   density: e.density,
-                  key: "4"
+                  onClick: l[4] || (l[4] = (o) => v(null)),
+                  subtitle: "(Select None)"
+                }, null, 8, ["density"])) : p("", !0),
+                r(t(ne), {
+                  group: "",
+                  "hide-on-leave": ""
                 }, {
-                  default: o(() => [
-                    e.label != null ? (s(), r(w, { key: 0 }, {
-                      default: o(() => [
-                        m(g(e.label), 1)
-                      ]),
-                      _: 1
-                    })) : p("", !0),
-                    u(_, null, {
-                      default: o(() => [
-                        m(g(C.value(z.value) ?? e.placeholder), 1)
+                  default: i(() => [
+                    (a(!0), P(O, null, W(t(d).filteredItems.value, (o, B) => (a(), P(O, {
+                      key: `${o.id ?? B}-list-item`
+                    }, [
+                      u(e.$slots, "item", {
+                        item: o,
+                        index: B,
+                        size: t(g),
+                        isActive: h.value(o),
+                        selectItem: v
+                      }, () => [
+                        r(t(S), {
+                          active: h.value(o),
+                          density: e.density,
+                          "prepend-icon": e.prependIcon,
+                          value: o,
+                          onClick: (de) => v(o)
+                        }, {
+                          default: i(() => [
+                            u(e.$slots, "default", {
+                              item: o,
+                              index: B,
+                              size: t(g)
+                            }, () => [
+                              e.itemText != null || e.textFilter != null || e.textFunction != null ? (a(), s(t(T), { key: 0 }, {
+                                default: i(() => [
+                                  c(f(k.value(o)), 1)
+                                ]),
+                                _: 2
+                              }, 1024)) : p("", !0),
+                              e.itemSubtext != null || e.subtextFilter != null || e.subtextFunction != null ? (a(), s(t(w), { key: 1 }, {
+                                default: i(() => [
+                                  c(f(L.value(o)), 1)
+                                ]),
+                                _: 2
+                              }, 1024)) : p("", !0)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["active", "density", "prepend-icon", "value", "onClick"])
                       ]),
-                      _: 1
-                    })
-                  ]),
-                  append: o(() => [
-                    T("div", de, [
-                      d(e.$slots, "actions"),
-                      u(P, null, {
-                        default: o(() => t[7] || (t[7] = [
-                          m("$chevron-down")
-                        ])),
-                        _: 1
-                      }),
-                      d(e.$slots, "actionsRight"),
-                      e.showSettings ? (s(), r(R, {
-                        key: 0,
-                        "offset-y": "",
-                        "close-on-content-click": !1
-                      }, {
-                        activator: o(({ props: n }) => [
-                          u($, E({ icon: "" }, n, {
-                            size: i(f),
-                            title: "Settings"
-                          }), null, 16, ["size"])
-                        ]),
-                        default: o(() => [
-                          u(A, null, {
-                            default: o(() => [
-                              d(e.$slots, "settings")
-                            ]),
-                            _: 3
-                          })
-                        ]),
-                        _: 3
-                      })) : p("", !0)
-                    ])
+                      e.hideDividers !== !0 ? (a(), s(t(ie), { key: 0 })) : p("", !0)
+                    ], 64))), 128))
                   ]),
                   _: 3
-                }, 8, ["density"])
-              ])
-            ]),
-            _: 3
-          }),
-          u(te, {
-            modelValue: i(c).isLoading.value,
-            "onUpdate:modelValue": t[5] || (t[5] = (n) => i(c).isLoading.value = n),
-            class: "align-center justify-center text-center",
-            contained: "",
-            persistent: ""
-          }, {
-            default: o(() => [
-              u(ee, { indeterminate: "" }),
-              T("p", null, g(i(c).loadingMsg.value), 1)
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _: 3
-      }, 8, ["class", "lg", "md", "sm", "cols"]);
-    };
+                }),
+                u(e.$slots, "bottomItem")
+              ]),
+              _: 3
+            }, 8, ["bg-color", "height", "maxHeight"])) : u(e.$slots, "selected", {
+              key: 3,
+              item: N.value,
+              open: M
+            }, () => [
+              r(t(S), {
+                onClick: M,
+                density: e.density,
+                key: "4"
+              }, {
+                default: i(() => [
+                  e.label != null ? (a(), s(t(w), { key: 0 }, {
+                    default: i(() => [
+                      c(f(e.label), 1)
+                    ]),
+                    _: 1
+                  })) : p("", !0),
+                  r(t(T), null, {
+                    default: i(() => [
+                      c(f(k.value(N.value) ?? e.placeholder), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                append: i(() => [
+                  $("div", ue, [
+                    u(e.$slots, "actions"),
+                    r(t(E), null, {
+                      default: i(() => l[7] || (l[7] = [
+                        c("$chevron-down")
+                      ])),
+                      _: 1
+                    }),
+                    u(e.$slots, "actionsRight"),
+                    e.showSettings ? (a(), s(t(H), {
+                      key: 0,
+                      "offset-y": "",
+                      "close-on-content-click": !1
+                    }, {
+                      activator: i(({ props: o }) => [
+                        r(t(A), z({ icon: "" }, o, {
+                          size: t(g),
+                          title: "Settings"
+                        }), null, 16, ["size"])
+                      ]),
+                      default: i(() => [
+                        r(t(I), null, {
+                          default: i(() => [
+                            u(e.$slots, "settings")
+                          ]),
+                          _: 3
+                        })
+                      ]),
+                      _: 3
+                    })) : p("", !0)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["density"])
+            ])
+          ]),
+          _: 3
+        }),
+        r(t(ae), {
+          modelValue: t(d).isLoading.value,
+          "onUpdate:modelValue": l[5] || (l[5] = (o) => t(d).isLoading.value = o),
+          class: "align-center justify-center text-center",
+          contained: "",
+          persistent: ""
+        }, {
+          default: i(() => [
+            r(t(se), { indeterminate: "" }),
+            $("p", null, f(t(d).loadingMsg.value), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 3
+    }, 8, ["class", "lg", "md", "sm", "cols"]));
   }
 });
 export {
-  ge as default
+  Te as default
 };