bt-core-app 2.2.6 → 2.2.7

package/dist/components/BT-Dialog-Select.vue.mjs

@@ -1,35 +1,36 @@
-import { defineComponent as O, ref as h, computed as T, onUnmounted as w, resolveComponent as F, openBlock as m, createBlock as f, unref as l, withCtx as r, createVNode as u, createElementBlock as k, createTextVNode as B, toDisplayString as E, withModifiers as V, createCommentVNode as x, createElementVNode as R, createSlots as _, Fragment as U, renderList as W } from "vue";
+import { defineComponent as N, ref as h, computed as T, onUnmounted as O, resolveComponent as w, openBlock as m, createBlock as c, unref as l, withCtx as u, createVNode as r, createElementBlock as F, createTextVNode as B, toDisplayString as E, withModifiers as V, createCommentVNode as f, createElementVNode as R, createSlots as k, Fragment as U, renderList as W } from "vue";
 import { useNested as G } from "../composables/nested.mjs";
 import { registerDialog as I } from "../composables/dialog-items.mjs";
 import { useList as A } from "../composables/list.mjs";
-import { isLengthyArray as D, isArrayOfLength as j } from "../composables/helpers.mjs";
-import q from "./BT-Loader.vue.mjs";
-import { VDialog as z } from "../bt-core/core/node_modules/vuetify/lib/components/VDialog/VDialog.mjs";
-import { VCard as H } from "../bt-core/core/node_modules/vuetify/lib/components/VCard/VCard.mjs";
-import { VCardTitle as J } from "../bt-core/core/node_modules/vuetify/lib/components/VCard/VCardTitle.mjs";
-import { VSpacer as K } from "../bt-core/core/node_modules/vuetify/lib/components/VGrid/VSpacer.mjs";
-import { VBtn as p } from "../bt-core/core/node_modules/vuetify/lib/components/VBtn/VBtn.mjs";
-import { VTextField as Q } from "../bt-core/core/node_modules/vuetify/lib/components/VTextField/VTextField.mjs";
-import { VList as X } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VList.mjs";
-import { VListItem as Y } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListItem.mjs";
-import { VListItemTitle as Z } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListItemTitle.mjs";
-import { VListItemSubtitle as ee } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListItemSubtitle.mjs";
-const te = {
+import { isLengthyArray as D, isArrayOfLength as Y } from "../composables/helpers.mjs";
+import j from "./BT-Loader.vue.mjs";
+import { VDialog as q } from "../bt-core/core/node_modules/vuetify/lib/components/VDialog/VDialog.mjs";
+import { VCard as z } from "../bt-core/core/node_modules/vuetify/lib/components/VCard/VCard.mjs";
+import { VCardTitle as H } from "../bt-core/core/node_modules/vuetify/lib/components/VCard/VCardTitle.mjs";
+import { VSpacer as J } from "../bt-core/core/node_modules/vuetify/lib/components/VGrid/VSpacer.mjs";
+import { VBtn as x } from "../bt-core/core/node_modules/vuetify/lib/components/VBtn/VBtn.mjs";
+import { VTextField as K } from "../bt-core/core/node_modules/vuetify/lib/components/VTextField/VTextField.mjs";
+import { VList as Q } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VList.mjs";
+import { VSlideYTransition as X } from "../bt-core/core/node_modules/vuetify/lib/components/transitions/index.mjs";
+import { VListItem as Z } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListItem.mjs";
+import { VListItemTitle as ee } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListItemTitle.mjs";
+import { VListItemSubtitle as te } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListItemSubtitle.mjs";
+const le = {
   key: 0,
   class: "d-flex align-center"
-}, le = { class: "d-flex align-center" }, Ve = /* @__PURE__ */ O({
+}, ie = { class: "d-flex align-center" }, Se = /* @__PURE__ */ N({
   __name: "BT-Dialog-Select",
-  setup(ie) {
-    const c = h(!1), e = h({}), o = h([]), { getValue: y } = G();
+  setup(ae) {
+    const v = h(!1), e = h({}), o = h([]), { getValue: C } = G();
     let d, n = A(e.value);
-    const C = T(() => ({
+    const S = T(() => ({
       itemText: e.value.itemTitle,
       prefix: e.value.itemTitlePrefix,
       textFilter: e.value.itemTitleFilter,
       textFunction: e.value.itemTitleFunction,
       truncate: e.value.itemTitleTruncate,
       value: e.value.itemTitleProp ?? e.value.itemTitle
-    })), S = T(() => {
+    })), b = T(() => {
       let t = {
         itemText: e.value.itemSubtitle,
         prefix: e.value.itemSubtitlePrefix,
@@ -39,7 +40,7 @@ const te = {
         value: e.value.itemSubtitleProp ?? e.value.itemSubtitle
       };
       return t.itemText != null || t.textFilter != null || t.textFunction != null || t.value != null ? t : void 0;
-    }), b = T(() => {
+    }), y = T(() => {
       let t = {
         itemText: e.value.itemActionTitle,
         prefix: e.value.itemActionPrefix,
@@ -49,29 +50,29 @@ const te = {
         value: e.value.itemActionProp ?? e.value.itemActionTitle
       };
       return t.itemText != null || t.textFilter != null || t.textFunction != null || t.value != null ? t : void 0;
-    }), L = I({
+    }), _ = I({
       dialogType: "items",
       open: (t, a) => {
         t.height ?? (t.height = "65vh"), t.maxWidth ?? (t.maxWidth = "350px"), t.cancelText ?? (t.cancelText = "Cancel"), t.confirmText ?? (t.confirmText = "Confirm"), t.onDisabled ?? (t.onDisabled = () => !1), e.value = t;
-        const s = t.selector ?? ((v) => v.id);
-        t.onGetSuccessAsync = async (v) => {
+        const s = t.selector ?? ((i) => i.id);
+        t.onGetSuccessAsync = async (i) => {
           if (t.selected != null)
             if (Array.isArray(t.selected))
-              o.value = v.data.filter((i) => {
+              o.value = i.data.filter((p) => {
                 var g;
-                return (g = t.selected) == null ? void 0 : g.some((N) => s(N) == s(i));
+                return (g = t.selected) == null ? void 0 : g.some((M) => s(M) == s(p));
               });
             else {
-              const i = v.data.filter((g) => s(g) == s(t.selected));
-              i != null && (o.value = [i]);
+              const p = i.data.filter((g) => s(g) == s(t.selected));
+              p != null && (o.value = [p]);
             }
           else
             o.value = [];
-          return v;
-        }, n = A(t, void 0, { isNotSetup: !0 }), n.refresh({ deepRefresh: t.refresh }), c.value = !0, d = a;
+          return i;
+        }, n = A(t, void 0, { isNotSetup: !0 }), n.refresh({ deepRefresh: t.refresh }), v.value = !0, d = a;
       }
     });
-    function P(t) {
+    function L(t) {
       if (e.value.selectMode == "single") {
         if (e.value.onCanSelectItem != null && !e.value.onCanSelectItem(t))
           return;
@@ -80,56 +81,56 @@ const te = {
           isConfirmed: !0,
           isError: !1,
           result: t.value == !0 ? t.id : void 0
-        }), c.value = !1;
+        }), v.value = !1;
       }
     }
-    function $() {
+    function P() {
       d != null && d({
         isCancelled: !1,
         isConfirmed: !0,
         isError: !1,
-        result: e.value.selectMode == "single" && j(o.value, 0) ? void 0 : o.value
-      }), c.value = !1;
+        result: e.value.selectMode == "single" && Y(o.value, 0) ? void 0 : o.value
+      }), v.value = !1;
     }
-    function M() {
+    function $() {
       d != null && d({
         isCancelled: !0,
         isConfirmed: !1,
         isError: !1
-      }), c.value = !1;
+      }), v.value = !1;
     }
-    return w(() => {
-      L();
+    return O(() => {
+      _();
     }), (t, a) => {
-      const s = F("bt-header-option"), v = F("v-slide-y-transition");
-      return m(), f(l(z), {
+      const s = w("bt-header-option");
+      return m(), c(l(q), {
         "max-width": e.value.maxWidth,
-        modelValue: c.value,
-        "onUpdate:modelValue": a[7] || (a[7] = (i) => c.value = i)
+        modelValue: v.value,
+        "onUpdate:modelValue": a[7] || (a[7] = (i) => v.value = i)
       }, {
-        default: r(() => [
-          u(l(H), {
+        default: u(() => [
+          r(l(z), {
             subtitle: e.value.subtitle,
             text: e.value.text
           }, {
-            default: r(() => [
-              e.value.title != null ? (m(), k("div", te, [
-                u(l(J), null, {
-                  default: r(() => [
+            default: u(() => [
+              e.value.title != null ? (m(), F("div", le, [
+                r(l(H), null, {
+                  default: u(() => [
                     B(E(e.value.title), 1)
                   ]),
                   _: 1
                 }),
-                u(l(K)),
-                u(l(p), {
+                r(l(J)),
+                r(l(x), {
                   onClick: a[0] || (a[0] = V((i) => l(n).refresh({ deepRefresh: !0 }), ["stop"])),
                   icon: "$refresh",
                   title: "Refresh list",
                   variant: "text"
                 })
-              ])) : x("", !0),
-              R("div", le, [
-                l(D)(e.value.searchProps) ? (m(), f(l(Q), {
+              ])) : f("", !0),
+              R("div", ie, [
+                l(D)(e.value.searchProps) ? (m(), c(l(K), {
                   key: 0,
                   autofocus: "",
                   clearable: "",
@@ -137,11 +138,11 @@ const te = {
                   placeholder: "Search",
                   modelValue: l(n).searchString.value,
                   "onUpdate:modelValue": a[2] || (a[2] = (i) => l(n).searchString.value = i)
-                }, _({ _: 2 }, [
+                }, k({ _: 2 }, [
                   e.value.title == null ? {
                     name: "append-inner",
-                    fn: r(() => [
-                      u(l(p), {
+                    fn: u(() => [
+                      r(l(x), {
                         onClick: a[1] || (a[1] = V((i) => l(n).refresh({ deepRefresh: !0 }), ["stop"])),
                         icon: "$refresh",
                         title: "Refresh list",
@@ -150,17 +151,17 @@ const te = {
                     ]),
                     key: "0"
                   } : void 0
-                ]), 1032, ["modelValue"])) : x("", !0),
-                !l(D)(e.value.searchProps) && e.value.title == null ? (m(), f(l(p), {
+                ]), 1032, ["modelValue"])) : f("", !0),
+                !l(D)(e.value.searchProps) && e.value.title == null ? (m(), c(l(x), {
                   key: 1,
                   onClick: a[3] || (a[3] = V((i) => l(n).refresh({ deepRefresh: !0 }), ["stop"])),
                   icon: "$refresh",
                   title: "Refresh list",
                   variant: "text"
-                })) : x("", !0)
+                })) : f("", !0)
               ]),
-              u(l(X), {
-                "onClick:select": P,
+              r(l(Q), {
+                "onClick:select": L,
                 height: e.value.height,
                 lines: e.value.lines,
                 "open-strategy": "multiple",
@@ -168,44 +169,44 @@ const te = {
                 selected: o.value,
                 "onUpdate:selected": a[4] || (a[4] = (i) => o.value = i)
               }, {
-                default: r(() => [
-                  u(v, {
+                default: u(() => [
+                  r(l(X), {
                     group: "",
                     "hide-on-leave": ""
                   }, {
-                    default: r(() => [
-                      (m(!0), k(U, null, W(l(n).filteredItems.value, (i) => (m(), f(l(Y), {
-                        key: `${i.id ?? l(y)(i, e.value.itemValue)}-table-list-item`,
-                        value: l(y)(i, e.value.itemValue),
+                    default: u(() => [
+                      (m(!0), F(U, null, W(l(n).filteredItems.value, (i) => (m(), c(l(Z), {
+                        key: `${i.id ?? l(C)(i, e.value.itemValue)}-table-list-item`,
+                        value: l(C)(i, e.value.itemValue),
                         disabled: e.value.onDisabled(i)
-                      }, _({
-                        default: r(() => [
-                          C.value != null ? (m(), f(l(Z), { key: 0 }, {
-                            default: r(() => [
-                              u(s, {
-                                option: C.value,
+                      }, k({
+                        default: u(() => [
+                          S.value != null ? (m(), c(l(ee), { key: 0 }, {
+                            default: u(() => [
+                              r(s, {
+                                option: S.value,
                                 data: i
                               }, null, 8, ["option", "data"])
                             ]),
                             _: 2
-                          }, 1024)) : x("", !0),
-                          S.value != null ? (m(), f(l(ee), { key: 1 }, {
-                            default: r(() => [
-                              u(s, {
-                                option: S.value,
+                          }, 1024)) : f("", !0),
+                          b.value != null ? (m(), c(l(te), { key: 1 }, {
+                            default: u(() => [
+                              r(s, {
+                                option: b.value,
                                 data: i
                               }, null, 8, ["option", "data"])
                             ]),
                             _: 2
-                          }, 1024)) : x("", !0)
+                          }, 1024)) : f("", !0)
                         ]),
                         _: 2
                       }, [
-                        b.value != null ? {
+                        y.value != null ? {
                           name: "append",
-                          fn: r(() => [
-                            u(s, {
-                              option: b.value,
+                          fn: u(() => [
+                            r(s, {
+                              option: y.value,
                               data: i
                             }, null, 8, ["option", "data"])
                           ]),
@@ -218,17 +219,17 @@ const te = {
                 ]),
                 _: 1
               }, 8, ["height", "lines", "select-strategy", "selected"]),
-              u(q, {
+              r(j, {
                 loadingMsg: l(n).loadingMsg.value
               }, null, 8, ["loadingMsg"])
             ]),
-            actions: r(() => [
-              u(l(p), {
-                onClick: a[5] || (a[5] = () => M()),
+            actions: u(() => [
+              r(l(x), {
+                onClick: a[5] || (a[5] = () => $()),
                 text: e.value.cancelText
               }, null, 8, ["text"]),
-              u(l(p), {
-                onClick: a[6] || (a[6] = () => $()),
+              r(l(x), {
+                onClick: a[6] || (a[6] = () => P()),
                 text: e.value.confirmText
               }, null, 8, ["text"])
             ]),
@@ -241,5 +242,5 @@ const te = {
   }
 });
 export {
-  Ve as default
+  Se as default
 };

package/dist/components/BT-Drag-Counter.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./BT-Drag-Counter.vue2.mjs";
 import "./BT-Drag-Counter.vue3.mjs";
 import r from "../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-54956d38"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bd9e67a1"]]);
 export {
-  p as default
+  m as default
 };

package/dist/components/BT-Drag-Counter.vue2.mjs

@@ -1,12 +1,13 @@
-import { defineComponent as I, ref as d, computed as $, watch as F, resolveComponent as w, openBlock as p, createElementBlock as c, normalizeClass as G, createVNode as m, withCtx as T, renderSlot as E, createCommentVNode as h, unref as P, mergeProps as H, withModifiers as b, normalizeStyle as J, toDisplayString as q } from "vue";
-import { watchDebounced as K, useEventListener as D } from "@vueuse/core";
-import { t as Q } from "../bt-core/core/node_modules/thenby/thenBy.module.mjs";
-import { VBtn as R } from "../bt-core/core/node_modules/vuetify/lib/components/VBtn/VBtn.mjs";
-import { VIcon as U } from "../bt-core/core/node_modules/vuetify/lib/components/VIcon/VIcon.mjs";
-const W = { key: 0 }, Z = {
+import { defineComponent as I, ref as v, computed as w, watch as R, openBlock as p, createElementBlock as c, normalizeClass as F, createVNode as m, unref as h, withCtx as D, renderSlot as E, createCommentVNode as x, mergeProps as G, withModifiers as P, normalizeStyle as H, toDisplayString as b } from "vue";
+import { watchDebounced as J, useEventListener as L } from "@vueuse/core";
+import { t as K } from "../bt-core/core/node_modules/thenby/thenBy.module.mjs";
+import { VSlideYReverseTransition as Y, VSlideYTransition as Q } from "../bt-core/core/node_modules/vuetify/lib/components/transitions/index.mjs";
+import { VBtn as U } from "../bt-core/core/node_modules/vuetify/lib/components/VBtn/VBtn.mjs";
+import { VIcon as W } from "../bt-core/core/node_modules/vuetify/lib/components/VIcon/VIcon.mjs";
+const Z = { key: 0 }, ee = {
   class: "mr-1",
   key: "2"
-}, ee = { key: "3" }, te = { key: 0 }, se = /* @__PURE__ */ I({
+}, te = { key: "3" }, ae = { key: 0 }, ue = /* @__PURE__ */ I({
   __name: "BT-Drag-Counter",
   props: {
     applyOnEnd: { type: Boolean },
@@ -35,15 +36,15 @@ const W = { key: 0 }, Z = {
     "startDragging",
     "stopDragging"
   ],
-  setup(A, { emit: Y }) {
-    const t = A, l = Y, a = d(0), f = d("x1"), o = d(!1), L = d(!1), s = d(!1), N = $(() => {
+  setup(q, { emit: A }) {
+    const t = q, l = A, a = v(0), f = v("x1"), i = v(!1), O = v(!1), o = v(!1), N = w(() => {
       var e = "position: absolute;";
       return t.popupDirection == "top" ? e = `${e} bottom: 130%` : t.popupDirection == "bottom" ? e = `${e} top: 130%` : t.popupDirection == "left" ? e = `${e} right: 130%` : t.popupDirection == "right" && (e = `${e} left: 130%`), e;
-    }), j = $(() => {
+    }), j = w(() => {
       if (t.centerOfParent)
-        return t.opaque && !o.value ? "center-of-parent-opaque" : "center-of-parent";
+        return t.opaque && !i.value ? "center-of-parent-opaque" : "center-of-parent";
     });
-    let O = 0, _, V, r = [], y = { x: 0, y: 0 }, z = t.mathOptions ?? [
+    let V = 0, z, S, r = [], y = { x: 0, y: 0 }, B = t.mathOptions ?? [
       { yLevelLessThan: 25, xDifTrigger: 40, valOnTrigger: 1, txt: "x1" },
       { yLevelLessThan: 50, xDifTrigger: 30, valOnTrigger: 1, txt: "x2" },
       { yLevelLessThan: 75, xDifTrigger: 20, valOnTrigger: 1, txt: "x3" },
@@ -52,107 +53,104 @@ const W = { key: 0 }, Z = {
       { yLevelLessThan: 400, xDifTrigger: 1, valOnTrigger: 10, txt: "x50" },
       { yLevelLessThan: 4e3, xDifTrigger: 1, valOnTrigger: 100, txt: "x100" }
     ];
-    z = z.sort(Q.firstBy((e) => e.yLevelLessThan, "asc")), F(o, (e) => {
+    B = B.sort(K.firstBy((e) => e.yLevelLessThan, "asc")), R(i, (e) => {
       l(e ? "startDragging" : "stopDragging");
     });
-    function B() {
-      r.push(D("mousemove", k)), r.push(D("touchmove", k)), o.value = !0, s.value = !0, a.value = t.modelValue ?? 0, f.value = "x1", O = y.x;
+    function M() {
+      r.push(L("mousemove", X)), r.push(L("touchmove", X)), i.value = !0, o.value = !0, a.value = t.modelValue ?? 0, f.value = "x1", V = y.x;
     }
-    function S(e) {
-      L.value = !0;
+    function _(e) {
+      O.value = !0;
       const n = e.type === "touchstart" && e.touches.length > 0 ? e.touches[0] : e;
-      y = { x: n.clientX, y: n.clientY }, r.push(D("mouseup", M)), r.push(D("touchend", M));
-      const i = t.delay ?? 0;
-      i <= 0 ? B() : setTimeout(() => {
-        L.value && B();
-      }, i), e.preventDefault(), e.stopPropagation();
+      y = { x: n.clientX, y: n.clientY }, r.push(L("mouseup", k)), r.push(L("touchend", k));
+      const s = t.delay ?? 0;
+      s <= 0 ? M() : setTimeout(() => {
+        O.value && M();
+      }, s), e.preventDefault(), e.stopPropagation();
     }
-    function M() {
-      L.value = !1, r.forEach((e) => {
+    function k() {
+      O.value = !1, r.forEach((e) => {
         e();
-      }), r.length = 0, o.value && t.applyOnEnd ? (l("update:modelValue", a.value), l("change", a.value)) : o.value || l("click", a.value), o.value = !1, t.clearOnLastChange && (a.value = 0), _ = void 0, V = void 0;
+      }), r.length = 0, i.value && t.applyOnEnd ? (l("update:modelValue", a.value), l("change", a.value)) : i.value || l("click", a.value), i.value = !1, t.clearOnLastChange && (a.value = 0), z = void 0, S = void 0;
     }
-    function k(e) {
+    function X(e) {
       const n = e.type == "touchmove" && e.touches.length > 0 ? e.touches[0] : e;
       if (y ?? (y = {
         x: n.clientX,
         y: n.clientY
-      }), o.value)
-        if (_ ?? (_ = e.timeStamp), V ?? (V = n.clientX), t.max != null && t.useMaxer && e.timeStamp - _ < t.toMaxSpeed && n.clientX - V > t.toMaxDistance)
+      }), i.value)
+        if (z ?? (z = e.timeStamp), S ?? (S = n.clientX), t.max != null && t.useMaxer && e.timeStamp - z < t.toMaxSpeed && n.clientX - S > t.toMaxDistance)
           a.value < t.max && (f.value = "MAX", a.value = t.max, t.applyOnEnd || (l("update:modelValue", a.value), l("change", a.value)), l("dragging"));
         else {
-          let i = n.clientX - O;
-          if (i > 0 && f.value == "MAX")
+          let s = n.clientX - V;
+          if (s > 0 && f.value == "MAX")
             return;
           {
             let g = n.clientY - y.y;
             g = g < 0 ? 0 - g : g;
-            const x = z.find((v) => g < v.yLevelLessThan);
-            if (x != null) {
-              f.value = x.txt;
-              let v = x.xDifTrigger, X = x.valOnTrigger;
-              if (i > v || i < 0 - v) {
-                O = n.clientX;
-                let u = a.value + (i > v ? X : 0 - X);
+            const T = B.find((d) => g < d.yLevelLessThan);
+            if (T != null) {
+              f.value = T.txt;
+              let d = T.xDifTrigger, $ = T.valOnTrigger;
+              if (s > d || s < 0 - d) {
+                V = n.clientX;
+                let u = a.value + (s > d ? $ : 0 - $);
                 t.max != null && u > t.max && (u = t.max), t.min != null && u < t.min && (u = t.min), a.value != u && (a.value = u, t.applyOnEnd || (l("update:modelValue", a.value), l("change", a.value)), l("dragging"));
               }
             }
           }
         }
     }
-    return K(o, (e) => {
-      e || (s.value = !1);
-    }, { debounce: 1e3 }), (e, C) => {
-      const n = w("v-slide-y-reverse-transition"), i = w("v-slide-y-transition");
-      return p(), c("div", {
-        class: G([j.value, "d-flex"])
-      }, [
-        m(n, null, {
-          default: T(() => [
-            s.value ? h("", !0) : (p(), c("div", W, [
-              E(e.$slots, "prepend", { size: e.size }, void 0, !0)
-            ]))
-          ]),
-          _: 3
-        }),
-        m(P(R), H(e.$attrs, {
-          icon: e.icon,
-          size: e.size,
-          onMousedown: b(S, ["stop"]),
-          onTouchstart: b(S, ["stop"])
-        }), {
-          default: T(() => [
-            m(P(U), {
-              icon: e.icon,
-              size: e.iconSize
-            }, null, 8, ["icon", "size"]),
-            m(i, null, {
-              default: T(() => [
-                s.value ? (p(), c("span", {
-                  key: 0,
-                  style: J(N.value)
-                }, [
-                  s.value ? (p(), c("span", Z, "(" + q(f.value) + ")", 1)) : h("", !0),
-                  s.value ? (p(), c("span", ee, q(a.value), 1)) : h("", !0)
-                ], 4)) : h("", !0)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 16, ["icon", "size"]),
-        m(n, null, {
-          default: T(() => [
-            s.value ? h("", !0) : (p(), c("div", te, [
-              E(e.$slots, "append", { size: e.size }, void 0, !0)
-            ]))
-          ]),
-          _: 3
-        })
-      ], 2);
-    };
+    return J(i, (e) => {
+      e || (o.value = !1);
+    }, { debounce: 1e3 }), (e, C) => (p(), c("div", {
+      class: F([j.value, "d-flex"])
+    }, [
+      m(h(Y), null, {
+        default: D(() => [
+          o.value ? x("", !0) : (p(), c("div", Z, [
+            E(e.$slots, "prepend", { size: e.size }, void 0, !0)
+          ]))
+        ]),
+        _: 3
+      }),
+      m(h(U), G(e.$attrs, {
+        icon: e.icon,
+        size: e.size,
+        onMousedown: P(_, ["stop"]),
+        onTouchstart: P(_, ["stop"])
+      }), {
+        default: D(() => [
+          m(h(W), {
+            icon: e.icon,
+            size: e.iconSize
+          }, null, 8, ["icon", "size"]),
+          m(h(Q), null, {
+            default: D(() => [
+              o.value ? (p(), c("span", {
+                key: 0,
+                style: H(N.value)
+              }, [
+                o.value ? (p(), c("span", ee, "(" + b(f.value) + ")", 1)) : x("", !0),
+                o.value ? (p(), c("span", te, b(a.value), 1)) : x("", !0)
+              ], 4)) : x("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 16, ["icon", "size"]),
+      m(h(Y), null, {
+        default: D(() => [
+          o.value ? x("", !0) : (p(), c("div", ae, [
+            E(e.$slots, "append", { size: e.size }, void 0, !0)
+          ]))
+        ]),
+        _: 3
+      })
+    ], 2));
   }
 });
 export {
-  se as default
+  ue as default
 };