bitboss-ui 2.1.93 → 2.1.95

package/dist/{index80.js → index81.js}

@@ -1,18 +1,18 @@
 import { defineComponent as fe, ref as C, computed as p, useTemplateRef as ve, watch as $, onBeforeUnmount as be, createElementBlock as M, openBlock as E, Fragment as B, renderSlot as v, createCommentVNode as V, createVNode as x, normalizeProps as ye, mergeProps as q, withCtx as G, createElementVNode as J, normalizeStyle as we, unref as Q, renderList as ge, createBlock as Z, toDisplayString as he } from "vue";
-import { findRightIndex as R } from "./index268.js";
+import { findRightIndex as R } from "./index280.js";
 import { useId as Ee } from "./index8.js";
-import { useUntil as Le } from "./index232.js";
-import { wait as ke } from "./index140.js";
-import De from "./index13.js";
+import { useUntil as Le } from "./index260.js";
+import { wait as ke } from "./index141.js";
+import De from "./index14.js";
 /* empty css        */
-import ee from "./index86.js";
+import ee from "./index87.js";
 /* empty css        */
-import $e from "./index224.js";
+import $e from "./index275.js";
 /* empty css         */
-import te from "./index269.js";
-import { extractDomContainer as H } from "./index237.js";
-import { useIntersectionObserver as Ae, useElementSize as Se } from "./index141.js";
-import { parseWidthString as Pe } from "./index250.js";
+import te from "./index281.js";
+import { extractDomContainer as H } from "./index251.js";
+import { useIntersectionObserver as Ae, useElementSize as Se } from "./index142.js";
+import { parseWidthString as Pe } from "./index282.js";
 const Ie = ["id", "aria-labelledby", "inert"], Te = { class: "item__content" }, Oe = 500, _e = 10, ze = /* @__PURE__ */ fe({
   inheritAttrs: !1,
   __name: "BbDropdown",

package/dist/{index82.js → index83.js}

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as N, computed as g, createElementBlock as $, openBlock as l, mergeProps as y, unref as d, createVNode as u, withCtx as n, createBlock as L, createCommentVNode as _, createElementVNode as b, toDisplayString as v, createSlots as V, renderSlot as r, normalizeProps as s, guardReactiveProps as p, renderList as E } from "vue";
-import C from "./index13.js";
+import C from "./index14.js";
 /* empty css        */
-import A from "./index80.js";
+import A from "./index81.js";
 /* empty css        */
 /* empty css       */
 /* empty css       */
-import z from "./index86.js";
+import z from "./index87.js";
 /* empty css        */
-import I from "./index114.js";
+import I from "./index115.js";
 /* empty css         */
-import { useLocale as M } from "./index220.js";
+import { useLocale as M } from "./index239.js";
 const O = { class: "bb-dropdown-button__content" }, R = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"

package/dist/{index84.js → index85.js}

@@ -1,7 +1,7 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, createBlock as G, openBlock as V, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index271.js";
+import { findInTree as ae } from "./index295.js";
 import { useId as re } from "./index8.js";
-import oe from "./index112.js";
+import oe from "./index113.js";
 /* empty css         */
 const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dropzone__submittable-label" }, ne = ["id", "disabled", "multiple", "name"], ie = { class: "bb-dropzone__errors" }, fe = /* @__PURE__ */ j({
   __name: "BbDropzone",
@@ -53,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dr
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index270.js")).default);
+              b || (b = (await import("./index294.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/{index86.js → index87.js}

@@ -1,7 +1,7 @@
 import { defineComponent as $, ref as f, computed as a, getCurrentInstance as d, onServerPrefetch as I, onBeforeMount as _, watch as L, createElementBlock as M, openBlock as B, mergeProps as k, inject as A } from "vue";
-import { isCssColor as C } from "./index228.js";
-import { get as m } from "./index290.js";
-import { useLogger as N } from "./index257.js";
+import { isCssColor as C } from "./index222.js";
+import { get as m } from "./index293.js";
+import { useLogger as N } from "./index233.js";
 const S = ["innerHTML"], E = /* @__PURE__ */ $({
   __name: "BbIcon",
   props: {

package/dist/index89.js

@@ -1,134 +1,46 @@
-import { defineComponent as B, ref as u, computed as w, createBlock as g, openBlock as k, withCtx as n, createVNode as $, mergeProps as P, renderSlot as r, normalizeProps as l, guardReactiveProps as s } from "vue";
-import V from "./index27.js";
-/* empty css        */
-import q from "./index29.js";
-/* empty css        */
-const D = /* @__PURE__ */ B({
-  __name: "BbNumberInput",
+import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, createBlock as g, openBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
+import { throttle as c } from "./index292.js";
+const M = /* @__PURE__ */ h({
+  __name: "BbIntersection",
   props: {
-    "append:icon": {},
-    autocomplete: {},
-    autofocus: {},
-    clearable: { type: Boolean },
-    compact: { type: Boolean },
-    direction: {},
-    disabled: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
-    id: {},
-    label: {},
-    labelPosition: {},
-    loading: { type: Boolean },
-    max: {},
-    maxPrecision: {},
-    min: {},
-    modelValue: {},
-    name: {},
-    persistentHint: { type: Boolean },
-    placeholder: {},
-    "prepend:icon": {},
-    readonly: { type: Boolean },
-    required: { type: Boolean },
-    reverse: { type: Boolean },
-    step: {}
+    debounceTime: { default: 0 },
+    options: { default: () => ({
+      root: null,
+      threshold: [0, 0.2, 0.4, 0.6, 0.8, 1]
+    }) },
+    tag: { default: "div" }
   },
-  emits: ["blur", "change", "click", "decrease", "focus", "increase", "input", "keydown", "keyup", "mousedown", "mouseup", "update:modelValue"],
-  setup(m, { expose: c, emit: b }) {
-    const i = m, o = b, p = u(), d = u(!1), h = w(() => i.persistentHint || d.value), f = {
-      onBlur: (e) => {
-        d.value = !1, o("blur", e);
-      },
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onDecrease: (e) => o("decrease", e),
-      onFocus: (e) => {
-        d.value = !0, o("focus", e);
-      },
-      onIncrease: (e) => o("increase", e),
-      onInput: (e) => o("input", e),
-      onKeydown: (e) => o("keydown", e),
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e),
-      "onUpdate:modelValue": (e) => o("update:modelValue", e)
-    };
-    return c({
-      increase: () => {
-        p.value?.increase();
-      },
-      decrease: () => {
-        p.value?.decrease();
-      }
-    }), (e, I) => (k(), g(V, {
-      id: e.id,
-      class: "bb-number-input",
-      compact: e.compact,
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      hint: e.hint,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "model-value": e.modelValue,
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": h.value
+  emits: ["shown", "hidden", "intersected"],
+  setup(u, { emit: d }) {
+    const r = u, i = d, n = t(null), l = t(null), o = t(!1), s = t(!0), a = t(0);
+    m(() => {
+      n.value = new IntersectionObserver((e) => {
+        f(e[0]);
+      }, r.options), l.value && n.value.observe(l.value);
+    }), p(() => {
+      n.value && n.value.disconnect();
+    });
+    const f = c((e) => {
+      e.isIntersecting ? (a.value = Math.trunc(e.intersectionRatio * 100), e.intersectionRatio === 1 ? (o.value = !0, s.value = !1, i("shown")) : (o.value = !1, s.value = !1, v(Math.trunc(e.intersectionRatio * 100)))) : (o.value = !1, s.value = !0, i("hidden"));
+    }), v = c((e) => {
+      i("intersected", e);
+    }, r.debounceTime);
+    return (e, B) => (b(), g(w(e.tag), {
+      ref_key: "infinitescrolltrigger",
+      ref: l,
+      class: "bb-intersection"
     }, {
-      label: n((t) => [
-        r(e.$slots, "label", l(s(t)))
-      ]),
-      input: n(({ id: t, hasErrors: y, ariaDescribedby: v }) => [
-        $(q, P({
-          id: t,
-          ref_key: "bni",
-          ref: p,
-          "append:icon": i["append:icon"],
-          "aria-describedby": v,
-          autocomplete: e.autocomplete,
-          autofocus: e.autofocus,
-          clearable: e.clearable,
-          compact: e.compact,
-          disabled: e.disabled,
-          "has-errors": y,
-          loading: e.loading,
-          max: e.max,
-          "max-precision": e.maxPrecision,
-          min: e.min,
-          "model-value": e.modelValue,
-          name: e.name,
-          placeholder: e.placeholder,
-          "prepend:icon": i["prepend:icon"],
-          readonly: e.readonly,
-          required: e.required,
-          step: e.step
-        }, f), {
-          "append-outer": n((a) => [
-            r(e.$slots, "append-outer", l(s(a)))
-          ]),
-          append: n((a) => [
-            r(e.$slots, "append", l(s(a)))
-          ]),
-          prefix: n((a) => [
-            r(e.$slots, "prefix", l(s(a)))
-          ]),
-          prepend: n((a) => [
-            r(e.$slots, "prepend", l(s(a)))
-          ]),
-          suffix: n((a) => [
-            r(e.$slots, "suffix", l(s(a)))
-          ]),
-          "prepend-outer": n((a) => [
-            r(e.$slots, "prepend-outer", l(s(a)))
-          ]),
-          _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "max", "max-precision", "min", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "step"])
+      default: _(() => [
+        I(e.$slots, "default", {
+          hidden: s.value,
+          percentage: a.value,
+          shown: o.value
+        })
       ]),
       _: 3
-    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+    }, 512));
   }
 });
 export {
-  D as default
+  M as default
 };

package/dist/index9.js

@@ -1,4 +1,4 @@
-import { useWindowSize as i } from "./index141.js";
+import { useWindowSize as i } from "./index142.js";
 import { computed as e } from "vue";
 import { _config as t } from "./index4.js";
 const c = () => {

package/dist/index90.js

@@ -0,0 +1,134 @@
+import { defineComponent as B, ref as u, computed as w, createBlock as g, openBlock as k, withCtx as n, createVNode as $, mergeProps as P, renderSlot as r, normalizeProps as l, guardReactiveProps as s } from "vue";
+import V from "./index28.js";
+/* empty css        */
+import q from "./index30.js";
+/* empty css        */
+const D = /* @__PURE__ */ B({
+  __name: "BbNumberInput",
+  props: {
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    clearable: { type: Boolean },
+    compact: { type: Boolean },
+    direction: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    loading: { type: Boolean },
+    max: {},
+    maxPrecision: {},
+    min: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    step: {}
+  },
+  emits: ["blur", "change", "click", "decrease", "focus", "increase", "input", "keydown", "keyup", "mousedown", "mouseup", "update:modelValue"],
+  setup(m, { expose: c, emit: b }) {
+    const i = m, o = b, p = u(), d = u(!1), h = w(() => i.persistentHint || d.value), f = {
+      onBlur: (e) => {
+        d.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onDecrease: (e) => o("decrease", e),
+      onFocus: (e) => {
+        d.value = !0, o("focus", e);
+      },
+      onIncrease: (e) => o("increase", e),
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
+    };
+    return c({
+      increase: () => {
+        p.value?.increase();
+      },
+      decrease: () => {
+        p.value?.decrease();
+      }
+    }), (e, I) => (k(), g(V, {
+      id: e.id,
+      class: "bb-number-input",
+      compact: e.compact,
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      label: e.label,
+      "label-position": e.labelPosition,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": h.value
+    }, {
+      label: n((t) => [
+        r(e.$slots, "label", l(s(t)))
+      ]),
+      input: n(({ id: t, hasErrors: y, ariaDescribedby: v }) => [
+        $(q, P({
+          id: t,
+          ref_key: "bni",
+          ref: p,
+          "append:icon": i["append:icon"],
+          "aria-describedby": v,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          clearable: e.clearable,
+          compact: e.compact,
+          disabled: e.disabled,
+          "has-errors": y,
+          loading: e.loading,
+          max: e.max,
+          "max-precision": e.maxPrecision,
+          min: e.min,
+          "model-value": e.modelValue,
+          name: e.name,
+          placeholder: e.placeholder,
+          "prepend:icon": i["prepend:icon"],
+          readonly: e.readonly,
+          required: e.required,
+          step: e.step
+        }, f), {
+          "append-outer": n((a) => [
+            r(e.$slots, "append-outer", l(s(a)))
+          ]),
+          append: n((a) => [
+            r(e.$slots, "append", l(s(a)))
+          ]),
+          prefix: n((a) => [
+            r(e.$slots, "prefix", l(s(a)))
+          ]),
+          prepend: n((a) => [
+            r(e.$slots, "prepend", l(s(a)))
+          ]),
+          suffix: n((a) => [
+            r(e.$slots, "suffix", l(s(a)))
+          ]),
+          "prepend-outer": n((a) => [
+            r(e.$slots, "prepend-outer", l(s(a)))
+          ]),
+          _: 2
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "max", "max-precision", "min", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "step"])
+      ]),
+      _: 3
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+  }
+});
+export {
+  D as default
+};

package/dist/{index91.js → index92.js}

@@ -1,10 +1,10 @@
 import { defineComponent as I, mergeModels as B, useModel as N, computed as p, ref as L, watch as P, onMounted as W, createElementBlock as d, openBlock as c, withModifiers as F, normalizeStyle as O, normalizeClass as q, unref as v, createCommentVNode as h, Fragment as A, createElementVNode as t, renderSlot as l, createTextVNode as H, toDisplayString as M, nextTick as K } from "vue";
-import { parseSize as R } from "./index231.js";
+import { parseSize as R } from "./index259.js";
 import { useId as $ } from "./index8.js";
-import { useLocale as U } from "./index220.js";
+import { useLocale as U } from "./index239.js";
 import { useMobile as j } from "./index9.js";
-import { useUntil as G } from "./index232.js";
-import { wait as y } from "./index140.js";
+import { useUntil as G } from "./index260.js";
+import { wait as y } from "./index141.js";
 import { _config as J } from "./index4.js";
 const Q = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], X = {
   ref: "header",

package/dist/{index93.js → index94.js}

@@ -1,11 +1,11 @@
 import { defineComponent as V, mergeModels as W, useModel as U, computed as b, ref as d, onMounted as F, onBeforeUnmount as D, createElementBlock as S, openBlock as w, normalizeClass as G, createElementVNode as s, createVNode as q, unref as f, normalizeProps as B, guardReactiveProps as A, withCtx as x, renderSlot as h, toDisplayString as m, Fragment as I, renderList as O, mergeProps as j, nextTick as C } from "vue";
 /* empty css       */
 /* empty css       */
-import P from "./index13.js";
+import P from "./index14.js";
 /* empty css        */
-import { debounce as X } from "./index276.js";
-import { useLocale as H } from "./index220.js";
-import { useRoute as J } from "./index146.js";
+import { debounce as X } from "./index283.js";
+import { useLocale as H } from "./index239.js";
+import { useRoute as J } from "./index148.js";
 const K = ["aria-label"], Q = { class: "bb-pagination__page-label sr-only" }, Y = { class: "bb-pagination__page-label" }, Z = { class: "bb-pagination__page-label" }, ee = { class: "bb-pagination__page-label sr-only" }, ue = /* @__PURE__ */ V({
   __name: "BbPagination",
   props: /* @__PURE__ */ W({

package/dist/{index95.js → index96.js}

@@ -1,14 +1,14 @@
 import { defineComponent as re, mergeModels as I, ref as N, useTemplateRef as ae, computed as s, useModel as ie, watch as C, createElementBlock as se, openBlock as Y, Fragment as le, renderSlot as G, createCommentVNode as W, createVNode as ue, normalizeProps as de, mergeProps as X, unref as S, withCtx as F, createElementVNode as B, createBlock as ce, nextTick as pe } from "vue";
 import { useId as me } from "./index8.js";
-import { useIntersectionObserver as ve, useElementSize as fe } from "./index141.js";
-import { useLocale as be } from "./index220.js";
-import { useUntil as he } from "./index232.js";
-import ge from "./index13.js";
+import { useIntersectionObserver as ve, useElementSize as fe } from "./index142.js";
+import { useLocale as be } from "./index239.js";
+import { useUntil as he } from "./index260.js";
+import ge from "./index14.js";
 /* empty css        */
-import we from "./index224.js";
+import we from "./index275.js";
 /* empty css         */
-import { extractDomContainer as H } from "./index237.js";
-import { parseWidthString as U } from "./index250.js";
+import { extractDomContainer as H } from "./index251.js";
+import { parseWidthString as U } from "./index282.js";
 const Ee = ["inert"], Le = 500, ye = 10, De = /* @__PURE__ */ re({
   inheritAttrs: !1,
   __name: "BbPopover",

package/dist/{index97.js → index98.js}

@@ -1,6 +1,6 @@
 import { defineComponent as r, computed as a, createElementBlock as l, openBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
-import { clamp as p } from "./index214.js";
-import { getAsPercentageBetween as i } from "./index139.js";
+import { clamp as p } from "./index216.js";
+import { getAsPercentageBetween as i } from "./index140.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",
   props: {

package/package.json

@@ -1,11 +1,12 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.1.93",
+	"version": "2.1.95",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {
 		"dev": "vite",
 		"build": "vue-tsc --project tsconfig.build.json --emitDeclarationOnly && vite build",
+		"build:watch": "concurrently \"vue-tsc --project tsconfig.build.json --emitDeclarationOnly --watch\" \"vite build --watch\"",
 		"preview": "vite preview",
 		"tsc": "vue-tsc --project tsconfig.build.json --emitDeclarationOnly",
 		"docs:dev": "vitepress dev docs",
@@ -34,8 +35,14 @@
 		"object-code": "^1.3.4"
 	},
 	"peerDependencies": {
+		"@inertiajs/vue3": ">=1.0.0",
 		"vue": "^3.5.12"
 	},
+	"peerDependenciesMeta": {
+		"@inertiajs/vue3": {
+			"optional": true
+		}
+	},
 	"devDependencies": {
 		"@inertiajs/vue3": "^2.3.18",
 		"@rollup/plugin-terser": "^0.4.4",
@@ -53,6 +60,7 @@
 		"@typescript-eslint/parser": "^8.49.0",
 		"@vitejs/plugin-vue": "^6.0.2",
 		"autoprefixer": "^10.4.22",
+		"concurrently": "^9.2.1",
 		"cypress": "^15.7.1",
 		"eslint": "^9.39.1",
 		"eslint-config-prettier": "^10.1.8",
@@ -92,4 +100,4 @@
 	"lint-staged": {
 		"*.{js,css,md,html,json,vue,ts}": "prettier --write"
 	}
-}
+}

package/dist/index107.js

@@ -1,144 +0,0 @@
-import { defineComponent as D, computed as V, toRef as r, ref as E, reactive as L, watch as m, createElementBlock as b, openBlock as B, Fragment as g, renderSlot as i, createCommentVNode as P, unref as R, renderList as j } from "vue";
-import { useItemValue as G } from "./index239.js";
-import { isNil as k } from "./index227.js";
-import { indexBy as U } from "./index240.js";
-import { hash as p } from "./index241.js";
-import { useItemsGetter as W } from "./index242.js";
-import { usePrefill as q } from "./index243.js";
-import { useIndexById as z } from "./index244.js";
-import { useBaseOptions as J } from "./index245.js";
-import { useHashedWatcher as K } from "./index246.js";
-const oe = /* @__PURE__ */ D({
-  __name: "BbRows",
-  props: {
-    columns: { default: () => [] },
-    dependencies: { default: () => [] },
-    depsDebounceTime: { default: 0 },
-    disabled: { type: Boolean },
-    items: { type: [Array, Function], default: () => [] },
-    itemValue: {},
-    loading: { type: Boolean },
-    max: { default: 1 / 0 },
-    modelValue: { default: () => [] },
-    multiple: { type: Boolean, default: !0 },
-    selectable: { type: [Boolean, Function] },
-    selectAll: { type: Boolean },
-    unselectedItems: { default: () => [] }
-  },
-  emits: ["update:modelValue", "update:unselectedItems"],
-  setup(H, { emit: x }) {
-    const t = H, u = x, { getItemValue: A } = G(), f = V(() => !!(t.loading || w.value)), {
-      getter: v,
-      items: y,
-      loading: w
-    } = W({
-      items: r(t, "items")
-    }), { hasPrefilled: O } = q({
-      onStart: !0,
-      currentValue: t.modelValue,
-      multiple: t.multiple,
-      fn: async ({ prefill: e }) => {
-        await v(e, t.modelValue);
-      }
-    }), { data: h } = z({
-      items: r(t, "modelValue")
-    }), { options: S } = J({
-      disabled: r(t, "disabled"),
-      items: y,
-      itemText: void 0,
-      itemValue: t.itemValue,
-      max: t.max,
-      selectable: !0,
-      selectedIndexedByHash: h
-    }), F = async (e) => {
-      t.multiple ? u("update:modelValue", t.modelValue.concat(e.value)) : u("update:modelValue", e.value);
-    }, N = async (e) => {
-      if (t.multiple) {
-        const l = { ...h.value };
-        delete l[e.valueHash], u("update:modelValue", Object.values(l));
-      } else
-        u("update:modelValue", null);
-    };
-    K(
-      () => [t.dependencies, t.items],
-      async () => {
-        O.value && await v(!1, t.modelValue);
-      },
-      {
-        debounce: t.depsDebounceTime
-      }
-    );
-    const I = V(() => S.value.map((e) => {
-      let l = !t.selectable;
-      typeof t.selectable == "function" && (l = !t.selectable(e.item)), l = l || !!e.disabled;
-      const a = U(
-        t.columns.map((s) => {
-          const { label: $, key: C } = s;
-          let n = A(e.item, s.key);
-          return s.formatter && // By default the formatter runs anyway
-          (!k(n) || s.formatOnNull !== !1) && (n = s.formatter(n, s.key, e.item)), s.placeholder && k(n) && (n = s.placeholder), {
-            value: n,
-            key: C,
-            label: $
-          };
-        }),
-        (s) => s.key
-      ), c = !!(e.selected || d.value) && !o.has(e.valueHash);
-      return {
-        columns: a,
-        item: e.item,
-        text: e.text,
-        valueHash: e.valueHash,
-        value: e.value,
-        selected: c,
-        disabled: l
-      };
-    })), T = (e) => {
-      d.value || F(e), o.delete(e.valueHash), u(
-        "update:unselectedItems",
-        t.unselectedItems.filter((l) => p(l) !== p(e.value))
-      );
-    }, _ = (e) => {
-      o.add(e.valueHash), u("update:unselectedItems", [...t.unselectedItems, e.value]), N(e);
-    }, o = L(/* @__PURE__ */ new Set());
-    m(
-      () => t.unselectedItems,
-      () => {
-        o.clear(), t.unselectedItems.forEach((e) => {
-          o.add(p(e));
-        });
-      }
-    );
-    const d = E(t.selectAll);
-    return m(
-      () => t.selectAll,
-      () => {
-        d.value = t.selectAll;
-      }
-    ), m(d, () => {
-      o.clear(), u("update:unselectedItems", []), u("update:modelValue", []);
-    }), (e, l) => (B(), b(g, null, [
-      f.value ? i(e.$slots, "loading", {
-        key: 0,
-        items: R(y)
-      }) : P("", !0),
-      I.value.length ? (B(!0), b(g, { key: 2 }, j(I.value, (a, c) => i(e.$slots, "default", {
-        key: a.valueHash + d.value,
-        checked: a.selected,
-        columns: a.columns,
-        disabled: a.disabled,
-        index: c,
-        item: a.item,
-        select: () => T(a),
-        unselect: () => _(a),
-        value: a.value
-      })), 128)) : i(e.$slots, "no-data", {
-        key: 1,
-        loading: f.value
-      })
-    ], 64));
-  }
-});
-export {
-  oe as default
-};