@volverjs/ui-vue 0.0.13-beta.9 → 0.0.13

package/dist/composables/index.es.js

@@ -1,98 +1,98 @@
-import { computed as c, getCurrentInstance as _, onMounted as A, onUnmounted as T, reactive as z, ref as d, unref as u } from "vue";
+import { computed as c, getCurrentInstance as _, onMounted as A, onUnmounted as U, reactive as z, ref as d, unref as u } from "vue";
 import { wrap as P } from "comlink";
 import D from "pica";
 import { useVirtualizer as N } from "@tanstack/vue-virtual";
-var j = 1e4, F = "info", g = "default", U = "information", W = "check-circle", V = "warning", H = "error", M = /* @__PURE__ */ new Map([
+var j = 1e4, F = "info", g = "default", T = "information", W = "check-circle", V = "warning", H = "error", M = /* @__PURE__ */ new Map([
   ["success", W],
-  ["info", U],
+  ["info", T],
   ["warning", V],
   ["danger", H]
 ]), m = z(/* @__PURE__ */ new Map([[g, /* @__PURE__ */ new Map()]]));
 function Z() {
-  const n = ({ id: r = crypto.randomUUID(), group: a = g, title: s, icon: i = U, content: l, footer: o, modifiers: f = F, dismissable: p = !0, autoClose: h = j, timestamp: x = Date.now() } = {}) => {
+  const n = ({ id: r = crypto.randomUUID(), group: a = g, title: s, icon: o = T, content: i, footer: l, modifiers: f = F, dismissable: p = !0, autoClose: h = j, timestamp: x = Date.now() } = {}) => {
     m.has(a) || m.set(a, /* @__PURE__ */ new Map());
     const C = m.get(a), k = typeof f == "string" ? f.split(" ") : f;
-    if (!i) {
+    if (!o) {
       const w = k.find((O) => M.has(O));
-      w && (i = M.get(w));
+      w && (o = M.get(w));
     }
     C?.set(r.toString(), {
       id: r,
       group: a,
       title: s,
-      icon: i,
-      content: l,
-      footer: o,
+      icon: o,
+      content: i,
+      footer: l,
       modifiers: f,
       dismissable: p,
       autoClose: h,
       timestamp: x
     });
-  }, e = (r, a = g) => {
+  }, t = (r, a = g) => {
     m.get(a)?.delete(r.toString());
-  }, t = (r = g) => c(() => {
+  }, e = (r = g) => c(() => {
     const a = m.get(r);
-    return a && a instanceof Map ? [...a.values()].toSorted((s, i) => s.timestamp - i.timestamp) : [];
+    return a && a instanceof Map ? [...a.values()].toSorted((s, o) => s.timestamp - o.timestamp) : [];
   });
   return {
     groups: m,
-    alerts: t(),
+    alerts: e(),
     addAlert: n,
-    removeAlert: e,
-    getAlerts: t
+    removeAlert: t,
+    getAlerts: e
   };
 }
-function nn(n, e) {
-  const { x: t, y: r, getBoundingClientRect: a, onScroll: s } = G(n), i = (o) => {
-    t.value = o.clientX, r.value = o.clientY, o.preventDefault(), n.value.show();
-  }, l = c(() => u(e));
-  return l && _() && (A(() => {
-    l.value?.addEventListener("contextmenu", i, !1);
-  }), T(() => {
-    l.value?.removeEventListener("contextmenu", i);
+function nn(n, t) {
+  const { x: e, y: r, getBoundingClientRect: a, onScroll: s } = G(n), o = (l) => {
+    e.value = l.clientX, r.value = l.clientY, l.preventDefault(), n.value.show();
+  }, i = c(() => u(t));
+  return i && _() && (A(() => {
+    i.value?.addEventListener("contextmenu", o, !1);
+  }), U(() => {
+    i.value?.removeEventListener("contextmenu", o);
   })), {
-    x: t,
+    x: e,
     y: r,
     getBoundingClientRect: a,
-    onContextmenu: i,
+    onContextmenu: o,
     onScroll: s
   };
 }
 function B(n) {
   if (!n) return;
-  let e = n.parentElement;
-  for (; e; ) {
-    const { overflow: t } = window.getComputedStyle(e);
-    if (t.split(" ").every((r) => r === "auto" || r === "scroll")) return e;
-    e = e.parentElement;
+  let t = n.parentElement;
+  for (; t; ) {
+    const { overflow: e } = window.getComputedStyle(t);
+    if (e.split(" ").every((r) => r === "auto" || r === "scroll")) return t;
+    t = t.parentElement;
   }
   return document.documentElement;
 }
 function G(n) {
-  const e = d(0), t = d(0), r = d();
-  let a = 0, s = 0, i = 0, l = 0;
-  const o = (p) => {
+  const t = d(0), e = d(0), r = d();
+  let a = 0, s = 0, o = 0, i = 0;
+  const l = (p) => {
     const h = p.target;
-    a = h.scrollLeft - l, s = h.scrollTop - i, t.value = t.value - s, e.value = e.value - a, l = h.scrollLeft, i = h.scrollTop;
+    a = h.scrollLeft - i, s = h.scrollTop - o, e.value = e.value - s, t.value = t.value - a, i = h.scrollLeft, o = h.scrollTop;
   }, f = () => ({
     width: 0,
     height: 0,
-    x: e.value,
-    y: t.value,
-    top: t.value,
-    left: e.value,
-    right: e.value,
-    bottom: t.value
+    x: t.value,
+    y: e.value,
+    top: e.value,
+    left: t.value,
+    right: t.value,
+    bottom: e.value
   });
   return _() && (A(() => {
-    n.value && (n.value.init({ getBoundingClientRect: f }), r.value = B(n.value.$el), r.value && r.value.addEventListener("scroll", o));
-  }), T(() => {
-    r.value && r.value.removeEventListener("scroll", o);
+    n.value && (n.value.init({ getBoundingClientRect: f }), r.value = B(n.value.$el), r.value && r.value.addEventListener("scroll", l));
+  }), U(() => {
+    r.value && r.value.removeEventListener("scroll", l);
   })), {
-    x: e,
-    y: t,
+    x: t,
+    y: e,
     getBoundingClientRect: f,
-    onScroll: o
+    onScroll: l
   };
 }
 var I = `(function() {
@@ -516,13 +516,13 @@ var I = `(function() {
 })();
 `, E = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", I], { type: "text/javascript;charset=utf-8" });
 function $(n) {
-  let e;
+  let t;
   try {
-    if (e = E && (self.URL || self.webkitURL).createObjectURL(E), !e) throw "";
-    const t = new Worker(e, { name: n?.name });
-    return t.addEventListener("error", () => {
-      (self.URL || self.webkitURL).revokeObjectURL(e);
-    }), t;
+    if (t = E && (self.URL || self.webkitURL).createObjectURL(E), !t) throw "";
+    const e = new Worker(t, { name: n?.name });
+    return e.addEventListener("error", () => {
+      (self.URL || self.webkitURL).revokeObjectURL(t);
+    }), e;
   } catch {
     return new Worker("data:text/javascript;charset=utf-8," + encodeURIComponent(I), { name: n?.name });
   }
@@ -532,35 +532,40 @@ function y() {
   return v || (v = P(new $())), v;
 }
 function b(n) {
-  return new Promise((e, t) => {
+  return new Promise((t, e) => {
     const r = new Image();
-    r.onload = () => e(r), r.onerror = (...a) => t(a), r.src = n;
+    r.onload = () => t(r), r.onerror = (...a) => e(a), r.src = n;
   });
 }
-function Y(n, e, t) {
-  return n > e ? {
-    width: t,
-    height: Math.round(t * (e / n))
+function Y(n, t, e) {
+  return n > t ? {
+    width: e,
+    height: Math.round(e * (t / n))
   } : {
-    width: Math.round(t * (n / e)),
-    height: t
+    width: Math.round(e * (n / t)),
+    height: e
   };
 }
-async function X(n, e, t) {
-  const r = new D(), a = document.createElement("canvas");
-  return a.width = e, a.height = t, (await r.resize(n, a)).getContext("2d")?.getImageData(0, 0, e, t).data;
+async function X(n, t, e) {
+  const r = D(), a = document.createElement("canvas");
+  return a.width = t, a.height = e, (await r.resize(n, a)).getContext("2d")?.getImageData(0, 0, t, e).data;
 }
 function tn() {
-  async function n(e) {
-    const t = await b(URL.createObjectURL(e));
-    if ("width" in t && "height" in t) {
-      const { width: r, height: a } = Y(t.width, t.height, 32), s = await X(t, r, a);
-      if (s) return y().encode(s, r, a, 4, 4);
+  async function n(t) {
+    const e = URL.createObjectURL(t);
+    try {
+      const r = await b(e);
+      if ("width" in r && "height" in r) {
+        const { width: a, height: s } = Y(r.width, r.height, 32), o = await X(r, a, s);
+        if (o) return y().encode(o, a, s, 4, 4);
+      }
+    } finally {
+      URL.revokeObjectURL(e);
     }
   }
   return {
     encode: n,
-    decode: (...e) => y().decode(...e),
+    decode: (...t) => y().decode(...t),
     loadImage: b
   };
 }
@@ -575,40 +580,40 @@ function S(n) {
   return { height: `${n}px` };
 }
 function en(n) {
-  const e = N({
+  const t = N({
     get count() {
       return u(n.count);
     },
     getScrollElement: () => u(n.scrollEl),
     getItemKey: n.getItemKey,
-    estimateSize: (l) => {
-      const o = u(n.estimateSize);
-      return typeof o == "function" ? o(l) : L(o);
+    estimateSize: (i) => {
+      const l = u(n.estimateSize);
+      return typeof l == "function" ? l(i) : L(l);
     },
     overscan: L(u(n.overscan)),
     horizontal: u(n.horizontal)
-  }), t = c(() => e.value.getVirtualItems()), r = c(() => t.value.length), a = c(() => t.value[0]), s = c(() => t.value[r.value - 1]), i = c(() => e.value.getTotalSize() ?? 0);
+  }), e = c(() => t.value.getVirtualItems()), r = c(() => e.value.length), a = c(() => e.value[0]), s = c(() => e.value[r.value - 1]), o = c(() => t.value.getTotalSize() ?? 0);
   return {
-    virtualizer: e,
-    virtualItems: t,
+    virtualizer: t,
+    virtualItems: e,
     virtualItemsLength: r,
     firstVirtualItem: a,
     lastVirtualItem: s,
-    totalSize: i,
+    totalSize: o,
     startSpacer: c(() => {
-      const l = a.value?.start ?? 0;
+      const i = a.value?.start ?? 0;
       return {
-        show: l > 0,
-        size: l,
-        style: u(n.horizontal) ? R(l) : S(l)
+        show: i > 0,
+        size: i,
+        style: u(n.horizontal) ? R(i) : S(i)
       };
     }),
     endSpacer: c(() => {
-      const l = s.value?.end ?? 0, o = i.value - l;
+      const i = s.value?.end ?? 0, l = o.value - i;
       return {
-        show: o > 0,
-        size: o,
-        style: u(n.horizontal) ? R(o) : S(o)
+        show: l > 0,
+        size: l,
+        style: u(n.horizontal) ? R(l) : S(l)
       };
     })
   };

package/dist/composables/index.umd.js

@@ -1,4 +1,4 @@
-(function(u,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("comlink"),require("pica"),require("@tanstack/vue-virtual")):typeof define=="function"&&define.amd?define(["exports","vue","comlink","pica","@tanstack/vue-virtual"],a):(u=typeof globalThis<"u"?globalThis:u||self,a(u.composables={},u.Vue,u.comlink,u.pica,u.TanstackVueVirtual))})(this,function(u,a,P,g,U){Object.defineProperty(u,Symbol.toStringTag,{value:"Module"});var C=Object.create,v=Object.defineProperty,I=Object.getOwnPropertyDescriptor,x=Object.getOwnPropertyNames,k=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty,z=(n,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(var o=x(t),s=0,c=o.length,l;s<c;s++)l=o[s],!j.call(n,l)&&l!==e&&v(n,l,{get:(i=>t[i]).bind(null,l),enumerable:!(r=I(t,l))||r.enumerable});return n},D=(n,t,e)=>(e=n!=null?C(k(n)):{},z(t||!n||!n.__esModule?v(e,"default",{value:n,enumerable:!0}):e,n));g=D(g);var N=1e4,V="info",m="default",M="information",F="check-circle",W="warning",H="error",E=new Map([["success",F],["info",M],["warning",W],["danger",H]]),h=(0,a.reactive)(new Map([[m,new Map]]));function B(){const n=({id:r=crypto.randomUUID(),group:o=m,title:s,icon:c=M,content:l,footer:i,modifiers:f=V,dismissable:w=!0,autoClose:p=N,timestamp:Q=Date.now()}={})=>{h.has(o)||h.set(o,new Map);const Z=h.get(o),nn=typeof f=="string"?f.split(" "):f;if(!c){const A=nn.find(tn=>E.has(tn));A&&(c=E.get(A))}Z?.set(r.toString(),{id:r,group:o,title:s,icon:c,content:l,footer:i,modifiers:f,dismissable:w,autoClose:p,timestamp:Q})},t=(r,o=m)=>{h.get(o)?.delete(r.toString())},e=(r=m)=>(0,a.computed)(()=>{const o=h.get(r);return o&&o instanceof Map?[...o.values()].toSorted((s,c)=>s.timestamp-c.timestamp):[]});return{groups:h,alerts:e(),addAlert:n,removeAlert:t,getAlerts:e}}function G(n,t){const{x:e,y:r,getBoundingClientRect:o,onScroll:s}=y(n),c=i=>{e.value=i.clientX,r.value=i.clientY,i.preventDefault(),n.value.show()},l=(0,a.computed)(()=>(0,a.unref)(t));return l&&(0,a.getCurrentInstance)()&&((0,a.onMounted)(()=>{l.value?.addEventListener("contextmenu",c,!1)}),(0,a.onUnmounted)(()=>{l.value?.removeEventListener("contextmenu",c)})),{x:e,y:r,getBoundingClientRect:o,onContextmenu:c,onScroll:s}}function $(n){if(!n)return;let t=n.parentElement;for(;t;){const{overflow:e}=window.getComputedStyle(t);if(e.split(" ").every(r=>r==="auto"||r==="scroll"))return t;t=t.parentElement}return document.documentElement}function y(n){const t=(0,a.ref)(0),e=(0,a.ref)(0),r=(0,a.ref)();let o=0,s=0,c=0,l=0;const i=w=>{const p=w.target;o=p.scrollLeft-l,s=p.scrollTop-c,e.value=e.value-s,t.value=t.value-o,l=p.scrollLeft,c=p.scrollTop},f=()=>({width:0,height:0,x:t.value,y:e.value,top:e.value,left:t.value,right:t.value,bottom:e.value});return(0,a.getCurrentInstance)()&&((0,a.onMounted)(()=>{n.value&&(n.value.init({getBoundingClientRect:f}),r.value=$(n.value.$el),r.value&&r.value.addEventListener("scroll",i))}),(0,a.onUnmounted)(()=>{r.value&&r.value.removeEventListener("scroll",i)})),{x:t,y:e,getBoundingClientRect:f,onScroll:i}}var b=`(function() {
+(function(u,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("comlink"),require("pica"),require("@tanstack/vue-virtual")):typeof define=="function"&&define.amd?define(["exports","vue","comlink","pica","@tanstack/vue-virtual"],a):(u=typeof globalThis<"u"?globalThis:u||self,a(u.composables={},u.Vue,u.comlink,u.pica,u.TanstackVueVirtual))})(this,function(u,a,U,g,P){Object.defineProperty(u,Symbol.toStringTag,{value:"Module"});var C=Object.create,v=Object.defineProperty,I=Object.getOwnPropertyDescriptor,x=Object.getOwnPropertyNames,k=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty,z=(n,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(var o=x(t),c=0,i=o.length,l;c<i;c++)l=o[c],!j.call(n,l)&&l!==e&&v(n,l,{get:(s=>t[s]).bind(null,l),enumerable:!(r=I(t,l))||r.enumerable});return n},D=(n,t,e)=>(e=n!=null?C(k(n)):{},z(t||!n||!n.__esModule?v(e,"default",{value:n,enumerable:!0}):e,n));g=D(g,1);var N=1e4,V="info",m="default",M="information",F="check-circle",W="warning",H="error",y=new Map([["success",F],["info",M],["warning",W],["danger",H]]),h=(0,a.reactive)(new Map([[m,new Map]]));function B(){const n=({id:r=crypto.randomUUID(),group:o=m,title:c,icon:i=M,content:l,footer:s,modifiers:f=V,dismissable:w=!0,autoClose:p=N,timestamp:Q=Date.now()}={})=>{h.has(o)||h.set(o,new Map);const Z=h.get(o),nn=typeof f=="string"?f.split(" "):f;if(!i){const A=nn.find(tn=>y.has(tn));A&&(i=y.get(A))}Z?.set(r.toString(),{id:r,group:o,title:c,icon:i,content:l,footer:s,modifiers:f,dismissable:w,autoClose:p,timestamp:Q})},t=(r,o=m)=>{h.get(o)?.delete(r.toString())},e=(r=m)=>(0,a.computed)(()=>{const o=h.get(r);return o&&o instanceof Map?[...o.values()].toSorted((c,i)=>c.timestamp-i.timestamp):[]});return{groups:h,alerts:e(),addAlert:n,removeAlert:t,getAlerts:e}}function G(n,t){const{x:e,y:r,getBoundingClientRect:o,onScroll:c}=E(n),i=s=>{e.value=s.clientX,r.value=s.clientY,s.preventDefault(),n.value.show()},l=(0,a.computed)(()=>(0,a.unref)(t));return l&&(0,a.getCurrentInstance)()&&((0,a.onMounted)(()=>{l.value?.addEventListener("contextmenu",i,!1)}),(0,a.onUnmounted)(()=>{l.value?.removeEventListener("contextmenu",i)})),{x:e,y:r,getBoundingClientRect:o,onContextmenu:i,onScroll:c}}function $(n){if(!n)return;let t=n.parentElement;for(;t;){const{overflow:e}=window.getComputedStyle(t);if(e.split(" ").every(r=>r==="auto"||r==="scroll"))return t;t=t.parentElement}return document.documentElement}function E(n){const t=(0,a.ref)(0),e=(0,a.ref)(0),r=(0,a.ref)();let o=0,c=0,i=0,l=0;const s=w=>{const p=w.target;o=p.scrollLeft-l,c=p.scrollTop-i,e.value=e.value-c,t.value=t.value-o,l=p.scrollLeft,i=p.scrollTop},f=()=>({width:0,height:0,x:t.value,y:e.value,top:e.value,left:t.value,right:t.value,bottom:e.value});return(0,a.getCurrentInstance)()&&((0,a.onMounted)(()=>{n.value&&(n.value.init({getBoundingClientRect:f}),r.value=$(n.value.$el),r.value&&r.value.addEventListener("scroll",s))}),(0,a.onUnmounted)(()=>{r.value&&r.value.removeEventListener("scroll",s)})),{x:t,y:e,getBoundingClientRect:f,onScroll:s}}var b=`(function() {
 	var v = [
 		"0",
 		"1",
@@ -417,4 +417,4 @@
 		isBlurhashValid: Y
 	});
 })();
-`,_=typeof self<"u"&&self.Blob&&new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);",b],{type:"text/javascript;charset=utf-8"});function q(n){let t;try{if(t=_&&(self.URL||self.webkitURL).createObjectURL(_),!t)throw"";const e=new Worker(t,{name:n?.name});return e.addEventListener("error",()=>{(self.URL||self.webkitURL).revokeObjectURL(t)}),e}catch{return new Worker("data:text/javascript;charset=utf-8,"+encodeURIComponent(b),{name:n?.name})}}var d;function L(){return d||(d=(0,P.wrap)(new q)),d}function R(n){return new Promise((t,e)=>{const r=new Image;r.onload=()=>t(r),r.onerror=(...o)=>e(o),r.src=n})}function Y(n,t,e){return n>t?{width:e,height:Math.round(e*(t/n))}:{width:Math.round(e*(n/t)),height:e}}async function X(n,t,e){const r=new g.default,o=document.createElement("canvas");return o.width=t,o.height=e,(await r.resize(n,o)).getContext("2d")?.getImageData(0,0,t,e).data}function K(){async function n(t){const e=await R(URL.createObjectURL(t));if("width"in e&&"height"in e){const{width:r,height:o}=Y(e.width,e.height,32),s=await X(e,r,o);if(s)return L().encode(s,r,o,4,4)}}return{encode:n,decode:(...t)=>L().decode(...t),loadImage:R}}function S(n){if(n!==void 0)return typeof n=="number"?n:Number.parseInt(n.replace("px",""),10)}function O(n){return{width:`${n}px`}}function T(n){return{height:`${n}px`}}function J(n){const t=(0,U.useVirtualizer)({get count(){return(0,a.unref)(n.count)},getScrollElement:()=>(0,a.unref)(n.scrollEl),getItemKey:n.getItemKey,estimateSize:l=>{const i=(0,a.unref)(n.estimateSize);return typeof i=="function"?i(l):S(i)},overscan:S((0,a.unref)(n.overscan)),horizontal:(0,a.unref)(n.horizontal)}),e=(0,a.computed)(()=>t.value.getVirtualItems()),r=(0,a.computed)(()=>e.value.length),o=(0,a.computed)(()=>e.value[0]),s=(0,a.computed)(()=>e.value[r.value-1]),c=(0,a.computed)(()=>t.value.getTotalSize()??0);return{virtualizer:t,virtualItems:e,virtualItemsLength:r,firstVirtualItem:o,lastVirtualItem:s,totalSize:c,startSpacer:(0,a.computed)(()=>{const l=o.value?.start??0;return{show:l>0,size:l,style:(0,a.unref)(n.horizontal)?O(l):T(l)}}),endSpacer:(0,a.computed)(()=>{const l=s.value?.end??0,i=c.value-l;return{show:i>0,size:i,style:(0,a.unref)(n.horizontal)?O(i):T(i)}})}}u.useAlert=B,u.useBlurhash=K,u.useDropdownContextmenu=G,u.useDropdownVirtualElement=y,u.useVirtualScroll=J});
+`,_=typeof self<"u"&&self.Blob&&new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);",b],{type:"text/javascript;charset=utf-8"});function q(n){let t;try{if(t=_&&(self.URL||self.webkitURL).createObjectURL(_),!t)throw"";const e=new Worker(t,{name:n?.name});return e.addEventListener("error",()=>{(self.URL||self.webkitURL).revokeObjectURL(t)}),e}catch{return new Worker("data:text/javascript;charset=utf-8,"+encodeURIComponent(b),{name:n?.name})}}var d;function L(){return d||(d=(0,U.wrap)(new q)),d}function R(n){return new Promise((t,e)=>{const r=new Image;r.onload=()=>t(r),r.onerror=(...o)=>e(o),r.src=n})}function Y(n,t,e){return n>t?{width:e,height:Math.round(e*(t/n))}:{width:Math.round(e*(n/t)),height:e}}async function X(n,t,e){const r=(0,g.default)(),o=document.createElement("canvas");return o.width=t,o.height=e,(await r.resize(n,o)).getContext("2d")?.getImageData(0,0,t,e).data}function K(){async function n(t){const e=URL.createObjectURL(t);try{const r=await R(e);if("width"in r&&"height"in r){const{width:o,height:c}=Y(r.width,r.height,32),i=await X(r,o,c);if(i)return L().encode(i,o,c,4,4)}}finally{URL.revokeObjectURL(e)}}return{encode:n,decode:(...t)=>L().decode(...t),loadImage:R}}function S(n){if(n!==void 0)return typeof n=="number"?n:Number.parseInt(n.replace("px",""),10)}function O(n){return{width:`${n}px`}}function T(n){return{height:`${n}px`}}function J(n){const t=(0,P.useVirtualizer)({get count(){return(0,a.unref)(n.count)},getScrollElement:()=>(0,a.unref)(n.scrollEl),getItemKey:n.getItemKey,estimateSize:l=>{const s=(0,a.unref)(n.estimateSize);return typeof s=="function"?s(l):S(s)},overscan:S((0,a.unref)(n.overscan)),horizontal:(0,a.unref)(n.horizontal)}),e=(0,a.computed)(()=>t.value.getVirtualItems()),r=(0,a.computed)(()=>e.value.length),o=(0,a.computed)(()=>e.value[0]),c=(0,a.computed)(()=>e.value[r.value-1]),i=(0,a.computed)(()=>t.value.getTotalSize()??0);return{virtualizer:t,virtualItems:e,virtualItemsLength:r,firstVirtualItem:o,lastVirtualItem:c,totalSize:i,startSpacer:(0,a.computed)(()=>{const l=o.value?.start??0;return{show:l>0,size:l,style:(0,a.unref)(n.horizontal)?O(l):T(l)}}),endSpacer:(0,a.computed)(()=>{const l=c.value?.end??0,s=i.value-l;return{show:s>0,size:s,style:(0,a.unref)(n.horizontal)?O(s):T(s)}})}}u.useAlert=B,u.useBlurhash=K,u.useDropdownContextmenu=G,u.useDropdownVirtualElement=E,u.useVirtualScroll=J});