@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-1868.js

@@ -1,127 +1,252 @@
-import { __module as k } from "./chunk-1869.js";
-var nt = k.exports, G;
-function it() {
-  return G ? k.exports : (G = 1, (function(I, ot) {
-    (function(E, F) {
-      I.exports = F();
-    })(nt, (function() {
-      var E = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, F = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, Q = /\d/, L = /\d\d/, s = /\d\d?/, x = /\d*[^-_:/,()\s\d]+/, m = {}, X = function(t) {
-        return (t = +t) + (t > 68 ? 1900 : 2e3);
-      }, o = function(t) {
-        return function(r) {
-          this[t] = +r;
+import { useEventListener as Et } from "./chunk-1709.js";
+import { isNumber as M } from "./chunk-1703.js";
+import { isString as K, hasOwn as Ot } from "./chunk-1721.js";
+import { isGreaterThan as Q } from "./chunk-2071.js";
+import { useNamespace as Tt } from "./chunk-1717.js";
+import { useCache as yt } from "./chunk-2195.js";
+import { ITEM_RENDER_EVT as X, SCROLL_EVT as Y, END_REACHED_EVT as U, FORWARD as Rt, RTL_OFFSET_POS_ASC as bt, RTL_OFFSET_NAG as Z, AUTO_ALIGNMENT as xt, RTL_OFFSET_POS_DESC as zt } from "./chunk-1865.js";
+import Lt from "./chunk-2072.js";
+import { virtualizedListProps as Mt } from "./chunk-1864.js";
+import { isHorizontal as _t, getRTLOffsetType as tt, getScrollDir as Ct } from "./chunk-1867.js";
+import kt from "./chunk-2196.js";
+import { defineComponent as Dt, resolveDynamicComponent as et, h as _, Fragment as It, mergeProps as $t, getCurrentInstance as Ft, ref as C, computed as a, unref as s, onMounted as Nt, onUpdated as Wt, onActivated as At, watch as Ht, nextTick as lt } from "vue";
+import { isClient as qt, clamp as Pt } from "./chunk-1722.js";
+const ee = ({ name: ot, getOffset: nt, getItemSize: st, getItemOffset: rt, getEstimatedTotalSize: it, getStartIndexForOffset: ct, getStopIndexForStartIndex: at, initCache: ft, clearCache: H, validateProps: dt }) => Dt({
+  name: ot ?? "ElVirtualList",
+  props: Mt,
+  emits: [
+    X,
+    Y,
+    U
+  ],
+  setup(e, { emit: w, expose: q }) {
+    dt(e);
+    const y = Ft(), P = Tt("vl"), m = C(ft(e, y)), R = yt(), d = C(), k = C(), D = C(), i = C({
+      isScrolling: !1,
+      scrollDir: Rt,
+      scrollOffset: M(e.initScrollOffset) ? e.initScrollOffset : 0,
+      updateRequested: !1,
+      isScrollbarDragging: !1
+    }), b = a(() => {
+      const { total: t, cache: o } = e, { isScrolling: l, scrollDir: r, scrollOffset: n } = s(i);
+      if (t === 0) return [
+        0,
+        0,
+        0,
+        0
+      ];
+      const c = ct(e, n, s(m)), h = at(e, c, n, s(m)), O = !l || r === "backward" ? Math.max(1, o) : 1, T = !l || r === "forward" ? Math.max(1, o) : 1;
+      return [
+        Math.max(0, c - O),
+        Math.max(0, Math.min(t - 1, h + T)),
+        c,
+        h
+      ];
+    }), E = a(() => it(e, s(m))), f = a(() => _t(e.layout)), V = a(() => [
+      {
+        position: "relative",
+        [`overflow-${f.value ? "x" : "y"}`]: "scroll",
+        WebkitOverflowScrolling: "touch",
+        willChange: "transform"
+      },
+      {
+        direction: e.direction,
+        height: M(e.height) ? `${e.height}px` : e.height,
+        width: M(e.width) ? `${e.width}px` : e.width
+      },
+      e.style
+    ]), I = a(() => {
+      const t = s(E), o = s(f), l = e.innerWidth;
+      return {
+        height: o ? "100%" : `${t}px`,
+        pointerEvents: s(i).isScrolling ? "none" : void 0,
+        width: o ? `${t}px` : l !== void 0 ? M(l) ? `${l}px` : l : "100%",
+        margin: 0,
+        boxSizing: "border-box"
+      };
+    }), $ = a(() => f.value ? e.width : e.height), S = a(() => Math.max(0, E.value - $.value)), x = (t) => Pt(t, 0, S.value), F = 1, N = (t) => ({
+      start: !Q(t, 0, F),
+      end: !Q(S.value, t, F)
+    }), W = a(() => x(i.value.scrollOffset)), v = a(() => N(W.value));
+    let g = v.value;
+    const { onWheel: z } = Lt({
+      atStartEdge: a(() => v.value.start),
+      atEndEdge: a(() => v.value.end),
+      layout: a(() => e.layout)
+    }, (t) => {
+      D.value.onMouseUp?.(), L(Math.min(i.value.scrollOffset + t, S.value));
+    });
+    Et(d, "wheel", z, { passive: !1 });
+    const A = () => {
+      const { total: t } = e;
+      if (t > 0) {
+        const [n, c, h, O] = s(b);
+        w(X, n, c, h, O);
+      }
+      const { scrollDir: o, scrollOffset: l, updateRequested: r } = s(i);
+      w(Y, o, l, r);
+    }, G = (t, o) => {
+      const l = N(o), r = e.direction === "rtl" ? "left" : "right", n = e.direction === "rtl" ? "right" : "left";
+      t === "forward" && l.end && !g.end && w(U, f.value ? r : "bottom"), t === "backward" && l.start && !g.start && w(U, f.value ? n : "top"), g = l;
+    }, u = (t, { isScrolling: o, updateRequested: l }) => {
+      const r = s(i), n = Math.max(t, 0);
+      if (n === r.scrollOffset) return;
+      const c = Ct(r.scrollOffset, n);
+      i.value = {
+        ...r,
+        isScrolling: o,
+        scrollDir: c,
+        scrollOffset: n,
+        updateRequested: l
+      }, G(c, x(n)), lt(vt);
+    }, ut = (t) => {
+      const { clientHeight: o, scrollHeight: l, scrollTop: r } = t.currentTarget;
+      s(i).scrollOffset !== r && u(Math.min(r, l - o), {
+        isScrolling: !0,
+        updateRequested: !1
+      });
+    }, ht = (t) => {
+      const { clientWidth: o, scrollLeft: l, scrollWidth: r } = t.currentTarget;
+      if (s(i).scrollOffset === l) return;
+      const { direction: n } = e;
+      let c = l;
+      if (n === "rtl") switch (tt()) {
+        case Z:
+          c = -l;
+          break;
+        case zt:
+          c = r - o - l;
+          break;
+      }
+      u(Math.min(c, r - o), {
+        isScrolling: !0,
+        updateRequested: !1
+      });
+    }, mt = (t) => {
+      s(f) ? ht(t) : ut(t), A();
+    }, St = (t, o) => {
+      const l = S.value / o * t;
+      L(Math.min(S.value, l));
+    }, L = (t) => {
+      u(t, {
+        isScrolling: s(i).isScrolling,
+        updateRequested: !0
+      });
+    }, B = (t, o = xt) => {
+      const { scrollOffset: l } = s(i);
+      t = Math.max(0, Math.min(t, e.total - 1)), L(nt(e, t, o, l, s(m)));
+    }, gt = (t) => {
+      const { direction: o, itemSize: l, layout: r } = e, n = R.value(H && l, H && r, H && o);
+      let c;
+      if (Ot(n, String(t))) c = n[t];
+      else {
+        const h = rt(e, t, s(m)), O = st(e, t, s(m)), T = s(f), p = o === "rtl", J = T ? h : 0;
+        n[t] = c = {
+          position: "absolute",
+          left: p ? void 0 : `${J}px`,
+          right: p ? `${J}px` : void 0,
+          top: T ? 0 : `${h}px`,
+          height: T ? "100%" : `${O}px`,
+          width: T ? `${O}px` : "100%"
         };
-      }, R = [/[+-]\d\d:?(\d\d)?|Z/, function(t) {
-        (this.zone || (this.zone = {})).offset = (function(r) {
-          if (!r || r === "Z") return 0;
-          var e = r.match(/([+-]|\d\d)/g), n = 60 * e[1] + (+e[2] || 0);
-          return n === 0 ? 0 : e[0] === "+" ? -n : n;
-        })(t);
-      }], P = function(t) {
-        var r = m[t];
-        return r && (r.indexOf ? r : r.s.concat(r.f));
-      }, V = function(t, r) {
-        var e, n = m.meridiem;
-        if (n) {
-          for (var f = 1; f <= 24; f += 1) if (t.indexOf(n(f, 0, r)) > -1) {
-            e = f > 12;
-            break;
-          }
-        } else e = t === (r ? "pm" : "PM");
-        return e;
-      }, J = { A: [x, function(t) {
-        this.afternoon = V(t, !1);
-      }], a: [x, function(t) {
-        this.afternoon = V(t, !0);
-      }], Q: [Q, function(t) {
-        this.month = 3 * (t - 1) + 1;
-      }], S: [Q, function(t) {
-        this.milliseconds = 100 * +t;
-      }], SS: [L, function(t) {
-        this.milliseconds = 10 * +t;
-      }], SSS: [/\d{3}/, function(t) {
-        this.milliseconds = +t;
-      }], s: [s, o("seconds")], ss: [s, o("seconds")], m: [s, o("minutes")], mm: [s, o("minutes")], H: [s, o("hours")], h: [s, o("hours")], HH: [s, o("hours")], hh: [s, o("hours")], D: [s, o("day")], DD: [L, o("day")], Do: [x, function(t) {
-        var r = m.ordinal, e = t.match(/\d+/);
-        if (this.day = e[0], r) for (var n = 1; n <= 31; n += 1) r(n).replace(/\[|\]/g, "") === t && (this.day = n);
-      }], w: [s, o("week")], ww: [L, o("week")], M: [s, o("month")], MM: [L, o("month")], MMM: [x, function(t) {
-        var r = P("months"), e = (P("monthsShort") || r.map((function(n) {
-          return n.slice(0, 3);
-        }))).indexOf(t) + 1;
-        if (e < 1) throw new Error();
-        this.month = e % 12 || e;
-      }], MMMM: [x, function(t) {
-        var r = P("months").indexOf(t) + 1;
-        if (r < 1) throw new Error();
-        this.month = r % 12 || r;
-      }], Y: [/[+-]?\d+/, o("year")], YY: [L, function(t) {
-        this.year = X(t);
-      }], YYYY: [/\d{4}/, o("year")], Z: R, ZZ: R };
-      function K(t) {
-        var r, e;
-        r = t, e = m && m.formats;
-        for (var n = (t = r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(v, l, u) {
-          var i = u && u.toUpperCase();
-          return l || e[u] || E[u] || e[i].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(M, Y, D) {
-            return Y || D.slice(1);
-          }));
-        }))).match(F), f = n.length, h = 0; h < f; h += 1) {
-          var $ = n[h], p = J[$], c = p && p[0], d = p && p[1];
-          n[h] = d ? { regex: c, parser: d } : $.replace(/^\[|\]$/g, "");
+      }
+      return c;
+    }, vt = () => {
+      i.value.isScrolling = !1, lt(() => {
+        R.value(-1, null, null);
+      });
+    }, j = () => {
+      const t = d.value;
+      t && (t.scrollTop = 0);
+    };
+    Nt(() => {
+      if (!qt) return;
+      const { initScrollOffset: t } = e, o = s(d);
+      M(t) && o && (s(f) ? o.scrollLeft = t : o.scrollTop = t), A();
+    }), Wt(() => {
+      const { direction: t, layout: o } = e, { scrollOffset: l, updateRequested: r } = s(i), n = s(d);
+      if (r && n) if (o === "horizontal") if (t === "rtl") switch (tt()) {
+        case Z:
+          n.scrollLeft = -l;
+          break;
+        case bt:
+          n.scrollLeft = l;
+          break;
+        default: {
+          const { clientWidth: c, scrollWidth: h } = n;
+          n.scrollLeft = h - c - l;
+          break;
         }
-        return function(v) {
-          for (var l = {}, u = 0, i = 0; u < f; u += 1) {
-            var M = n[u];
-            if (typeof M == "string") i += M.length;
-            else {
-              var Y = M.regex, D = M.parser, y = v.slice(i), g = Y.exec(y)[0];
-              D.call(l, g), v = v.replace(g, "");
-            }
-          }
-          return (function(w) {
-            var S = w.afternoon;
-            if (S !== void 0) {
-              var a = w.hours;
-              S ? a < 12 && (w.hours += 12) : a === 12 && (w.hours = 0), delete w.afternoon;
-            }
-          })(l), l;
-        };
       }
-      return function(t, r, e) {
-        e.p.customParseFormat = !0, t && t.parseTwoDigitYear && (X = t.parseTwoDigitYear);
-        var n = r.prototype, f = n.parse;
-        n.parse = function(h) {
-          var $ = h.date, p = h.utc, c = h.args;
-          this.$u = p;
-          var d = c[1];
-          if (typeof d == "string") {
-            var v = c[2] === !0, l = c[3] === !0, u = v || l, i = c[2];
-            l && (i = c[2]), m = this.$locale(), !v && i && (m = e.Ls[i]), this.$d = (function(y, g, w, S) {
-              try {
-                if (["x", "X"].indexOf(g) > -1) return new Date((g === "X" ? 1e3 : 1) * y);
-                var a = K(g)(y), _ = a.year, A = a.month, N = a.day, W = a.hours, tt = a.minutes, rt = a.seconds, et = a.milliseconds, j = a.zone, B = a.week, C = /* @__PURE__ */ new Date(), H = N || (_ || A ? 1 : C.getDate()), O = _ || C.getFullYear(), T = 0;
-                _ && !A || (T = A > 0 ? A - 1 : C.getMonth());
-                var Z, z = W || 0, q = tt || 0, U = rt || 0, b = et || 0;
-                return j ? new Date(Date.UTC(O, T, H, z, q, U, b + 60 * j.offset * 1e3)) : w ? new Date(Date.UTC(O, T, H, z, q, U, b)) : (Z = new Date(O, T, H, z, q, U, b), B && (Z = S(Z).week(B).toDate()), Z);
-              } catch {
-                return /* @__PURE__ */ new Date("");
-              }
-            })($, d, p, e), this.init(), i && i !== !0 && (this.$L = this.locale(i).$L), u && $ != this.format(d) && (this.$d = /* @__PURE__ */ new Date("")), m = {};
-          } else if (d instanceof Array) for (var M = d.length, Y = 1; Y <= M; Y += 1) {
-            c[1] = d[Y - 1];
-            var D = e.apply(this, c);
-            if (D.isValid()) {
-              this.$d = D.$d, this.$L = D.$L, this.init();
-              break;
-            }
-            Y === M && (this.$d = /* @__PURE__ */ new Date(""));
-          }
-          else f.call(this, h);
-        };
-      };
-    }));
-  })(k), k.exports);
-}
+      else n.scrollLeft = l;
+      else n.scrollTop = l;
+    }), At(() => {
+      s(d).scrollTop = s(i).scrollOffset;
+    }), Ht(S, () => {
+      g = v.value;
+    });
+    const wt = {
+      ns: P,
+      clientSize: $,
+      estimatedTotalSize: E,
+      windowStyle: V,
+      windowRef: d,
+      innerRef: k,
+      innerStyle: I,
+      itemsToRender: b,
+      scrollbarRef: D,
+      states: i,
+      getItemStyle: gt,
+      onScroll: mt,
+      onScrollbarScroll: St,
+      onWheel: z,
+      scrollTo: L,
+      scrollToItem: B,
+      resetScrollTop: j
+    };
+    return q({
+      windowRef: d,
+      innerRef: k,
+      getItemStyleCache: R,
+      scrollTo: L,
+      scrollToItem: B,
+      resetScrollTop: j,
+      states: i
+    }), wt;
+  },
+  render(e) {
+    const { $slots: w, className: q, clientSize: y, containerElement: P, data: m, getItemStyle: R, innerElement: d, itemsToRender: k, innerStyle: D, layout: i, scrollbarAlwaysOn: b, total: E, onScroll: f, onScrollbarScroll: V, states: I, useIsScrolling: $, windowStyle: S, ns: x } = e, [F, N] = k, W = et(P), v = et(d), g = [];
+    if (E > 0) for (let u = F; u <= N; u++) g.push(_(It, { key: u }, w.default?.({
+      data: m,
+      index: u,
+      isScrolling: $ ? I.isScrolling : void 0,
+      style: R(u)
+    })));
+    const z = [_(v, $t(e.innerProps, {
+      style: D,
+      ref: "innerRef"
+    }), K(v) ? g : { default: () => g })], A = _(kt, {
+      ref: "scrollbarRef",
+      clientSize: y,
+      layout: i,
+      onScroll: V,
+      ratio: y * 100 / this.estimatedTotalSize,
+      scrollFrom: I.scrollOffset / (this.estimatedTotalSize - y),
+      total: E,
+      alwaysOn: b
+    }), G = _(W, {
+      class: [x.e("window"), q],
+      style: S,
+      onScroll: f,
+      ref: "windowRef",
+      key: 0
+    }, K(W) ? [z] : { default: () => [z] });
+    return _("div", {
+      key: 0,
+      class: [x.e("wrapper"), b ? "always-on" : ""]
+    }, [G, A]);
+  }
+});
 export {
-  it as __require
+  ee as default
 };

package/dist/chunks/chunk-1869.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";const l=require("./chunk-1706.cjs"),d=require("./chunk-1865.cjs"),I=require("./chunk-1867.cjs"),S=require("./chunk-1868.cjs"),T="ElDynamicSizeList",z=(e,s,t)=>{const{itemSize:i}=e,{items:n,lastVisitedIndex:r}=t;if(s>r){let o=0;if(r>=0){const f=n[r];o=f.offset+f.size}for(let f=r+1;f<=s;f++){const c=i(f);n[f]={offset:o,size:c},o+=c}t.lastVisitedIndex=s}return n[s]},N=(e,s,t)=>{const{items:i,lastVisitedIndex:n}=s;return(n>0?i[n].offset:0)>=t?M(e,s,0,n,t):x(e,s,Math.max(0,n),t)},M=(e,s,t,i,n)=>{for(;t<=i;){const r=t+Math.floor((i-t)/2),o=z(e,r,s).offset;if(o===n)return r;o<n?t=r+1:o>n&&(i=r-1)}return Math.max(0,t-1)},x=(e,s,t,i)=>{const{total:n}=e;let r=1;for(;t<n&&z(e,t,s).offset<i;)t+=r,r*=2;return M(e,s,Math.floor(t/2),Math.min(t,n-1),i)},E=({total:e},{items:s,estimatedItemSize:t,lastVisitedIndex:i})=>{let n=0;if(i>=e&&(i=e-1),i>=0){const o=s[i];n=o.offset+o.size}const r=(e-i-1)*t;return n+r},y=S({name:"ElDynamicSizeList",getItemOffset:(e,s,t)=>z(e,s,t).offset,getItemSize:(e,s,{items:t})=>t[s].size,getEstimatedTotalSize:E,getOffset:(e,s,t,i,n)=>{const{height:r,layout:o,width:f}=e,c=I.isHorizontal(o)?f:r,m=z(e,s,n),h=E(e,n),u=Math.max(0,Math.min(h-c,m.offset)),a=Math.max(0,m.offset-c+m.size);switch(t==="smart"&&(i>=a-c&&i<=u+c?t=d.AUTO_ALIGNMENT:t=d.CENTERED_ALIGNMENT),t){case d.START_ALIGNMENT:return u;case"end":return a;case d.CENTERED_ALIGNMENT:return Math.round(a+(u-a)/2);case d.AUTO_ALIGNMENT:default:return i>=a&&i<=u?i:i<a?a:u}},getStartIndexForOffset:(e,s,t)=>N(e,t,s),getStopIndexForStartIndex:(e,s,t,i)=>{const{height:n,total:r,layout:o,width:f}=e,c=I.isHorizontal(o)?f:n,m=z(e,s,i),h=t+c;let u=m.offset+m.size,a=s;for(;a<r-1&&u<h;)a++,u+=z(e,a,i).size;return a},initCache({estimatedItemSize:e=50},s){const t={items:{},estimatedItemSize:e,lastVisitedIndex:-1};return t.clearCacheAfterIndex=(i,n=!0)=>{t.lastVisitedIndex=Math.min(t.lastVisitedIndex,i-1),s.exposed?.getItemStyleCache(-1),n&&s.proxy?.$forceUpdate()},t},clearCache:!1,validateProps:({itemSize:e})=>{typeof e!="function"&&l.throwError(T,`
+          itemSize is required as function, but the given value was ${typeof e}
+        `)}});module.exports=y;

package/dist/chunks/chunk-1869.js

@@ -1,4 +1,93 @@
-var o = { exports: {} };
+import { throwError as E } from "./chunk-1706.js";
+import { AUTO_ALIGNMENT as d, CENTERED_ALIGNMENT as I, START_ALIGNMENT as x } from "./chunk-1865.js";
+import { isHorizontal as S } from "./chunk-1867.js";
+import y from "./chunk-1868.js";
+const T = "ElDynamicSizeList", z = (e, s, t) => {
+  const { itemSize: i } = e, { items: o, lastVisitedIndex: n } = t;
+  if (s > n) {
+    let r = 0;
+    if (n >= 0) {
+      const a = o[n];
+      r = a.offset + a.size;
+    }
+    for (let a = n + 1; a <= s; a++) {
+      const m = i(a);
+      o[a] = {
+        offset: r,
+        size: m
+      }, r += m;
+    }
+    t.lastVisitedIndex = s;
+  }
+  return o[s];
+}, L = (e, s, t) => {
+  const { items: i, lastVisitedIndex: o } = s;
+  return (o > 0 ? i[o].offset : 0) >= t ? l(e, s, 0, o, t) : N(e, s, Math.max(0, o), t);
+}, l = (e, s, t, i, o) => {
+  for (; t <= i; ) {
+    const n = t + Math.floor((i - t) / 2), r = z(e, n, s).offset;
+    if (r === o) return n;
+    r < o ? t = n + 1 : r > o && (i = n - 1);
+  }
+  return Math.max(0, t - 1);
+}, N = (e, s, t, i) => {
+  const { total: o } = e;
+  let n = 1;
+  for (; t < o && z(e, t, s).offset < i; )
+    t += n, n *= 2;
+  return l(e, s, Math.floor(t / 2), Math.min(t, o - 1), i);
+}, M = ({ total: e }, { items: s, estimatedItemSize: t, lastVisitedIndex: i }) => {
+  let o = 0;
+  if (i >= e && (i = e - 1), i >= 0) {
+    const r = s[i];
+    o = r.offset + r.size;
+  }
+  const n = (e - i - 1) * t;
+  return o + n;
+}, D = y({
+  name: "ElDynamicSizeList",
+  getItemOffset: (e, s, t) => z(e, s, t).offset,
+  getItemSize: (e, s, { items: t }) => t[s].size,
+  getEstimatedTotalSize: M,
+  getOffset: (e, s, t, i, o) => {
+    const { height: n, layout: r, width: a } = e, m = S(r) ? a : n, u = z(e, s, o), h = M(e, o), c = Math.max(0, Math.min(h - m, u.offset)), f = Math.max(0, u.offset - m + u.size);
+    switch (t === "smart" && (i >= f - m && i <= c + m ? t = d : t = I), t) {
+      case x:
+        return c;
+      case "end":
+        return f;
+      case I:
+        return Math.round(f + (c - f) / 2);
+      case d:
+      default:
+        return i >= f && i <= c ? i : i < f ? f : c;
+    }
+  },
+  getStartIndexForOffset: (e, s, t) => L(e, t, s),
+  getStopIndexForStartIndex: (e, s, t, i) => {
+    const { height: o, total: n, layout: r, width: a } = e, m = S(r) ? a : o, u = z(e, s, i), h = t + m;
+    let c = u.offset + u.size, f = s;
+    for (; f < n - 1 && c < h; )
+      f++, c += z(e, f, i).size;
+    return f;
+  },
+  initCache({ estimatedItemSize: e = 50 }, s) {
+    const t = {
+      items: {},
+      estimatedItemSize: e,
+      lastVisitedIndex: -1
+    };
+    return t.clearCacheAfterIndex = (i, o = !0) => {
+      t.lastVisitedIndex = Math.min(t.lastVisitedIndex, i - 1), s.exposed?.getItemStyleCache(-1), o && s.proxy?.$forceUpdate();
+    }, t;
+  },
+  clearCache: !1,
+  validateProps: ({ itemSize: e }) => {
+    typeof e != "function" && E(T, `
+          itemSize is required as function, but the given value was ${typeof e}
+        `);
+  }
+});
 export {
-  o as __module
+  D as default
 };

package/dist/chunks/chunk-1870.cjs

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=(...e)=>o=>{e.forEach(t=>{t.value=o})};exports.composeRefs=r;
+"use strict";const N=require("./chunk-1703.cjs"),c=require("./chunk-1706.cjs"),i=require("./chunk-1865.cjs"),T=require("./chunk-1871.cjs"),d="ElFixedSizeGrid",O=T({name:"ElFixedSizeGrid",getColumnPosition:({columnWidth:t},e)=>[t,e*t],getRowPosition:({rowHeight:t},e)=>[t,e*t],getEstimatedTotalHeight:({totalRow:t,rowHeight:e})=>e*t,getEstimatedTotalWidth:({totalColumn:t,columnWidth:e})=>e*t,getColumnOffset:({totalColumn:t,columnWidth:e,width:r},u,n,a,m,E)=>{r=Number(r);const o=Math.max(0,t*e-r),f=Math.min(o,u*e),s=Math.max(0,u*e-r+E+e);switch(n==="smart"&&(a>=s-r&&a<=f+r?n=i.AUTO_ALIGNMENT:n=i.CENTERED_ALIGNMENT),n){case i.START_ALIGNMENT:return f;case"end":return s;case i.CENTERED_ALIGNMENT:{const M=Math.round(s+(f-s)/2);return M<Math.ceil(r/2)?0:M>o+Math.floor(r/2)?o:M}case i.AUTO_ALIGNMENT:default:return a>=s&&a<=f?a:s>f||a<s?s:f}},getRowOffset:({rowHeight:t,height:e,totalRow:r},u,n,a,m,E)=>{e=Number(e);const o=Math.max(0,r*t-e),f=Math.min(o,u*t),s=Math.max(0,u*t-e+E+t);switch(n==="smart"&&(a>=s-e&&a<=f+e?n=i.AUTO_ALIGNMENT:n=i.CENTERED_ALIGNMENT),n){case i.START_ALIGNMENT:return f;case"end":return s;case i.CENTERED_ALIGNMENT:{const M=Math.round(s+(f-s)/2);return M<Math.ceil(e/2)?0:M>o+Math.floor(e/2)?o:M}case i.AUTO_ALIGNMENT:default:return a>=s&&a<=f?a:s>f||a<s?s:f}},getColumnStartIndexForOffset:({columnWidth:t,totalColumn:e},r)=>Math.max(0,Math.min(e-1,Math.floor(r/t))),getColumnStopIndexForStartIndex:({columnWidth:t,totalColumn:e,width:r},u,n)=>{const a=u*t,m=Math.ceil((r+n-a)/t);return Math.max(0,Math.min(e-1,u+m-1))},getRowStartIndexForOffset:({rowHeight:t,totalRow:e},r)=>Math.max(0,Math.min(e-1,Math.floor(r/t))),getRowStopIndexForStartIndex:({rowHeight:t,totalRow:e,height:r},u,n)=>{const a=u*t,m=Math.ceil((r+n-a)/t);return Math.max(0,Math.min(e-1,u+m-1))},initCache:()=>{},clearCache:!0,validateProps:({columnWidth:t,rowHeight:e})=>{N.isNumber(t)||c.throwError(d,`
+          "columnWidth" must be passed as number,
+            instead ${typeof t} was given.
+        `),N.isNumber(e)||c.throwError(d,`
+          "columnWidth" must be passed as number,
+            instead ${typeof e} was given.
+        `)}});module.exports=O;

package/dist/chunks/chunk-1870.js

@@ -1,8 +1,74 @@
-const c = (...e) => (o) => {
-  e.forEach((r) => {
-    r.value = o;
-  });
-};
+import { isNumber as x } from "./chunk-1703.js";
+import { throwError as O } from "./chunk-1706.js";
+import { AUTO_ALIGNMENT as M, CENTERED_ALIGNMENT as d, START_ALIGNMENT as E } from "./chunk-1865.js";
+import C from "./chunk-1871.js";
+const l = "ElFixedSizeGrid", R = C({
+  name: "ElFixedSizeGrid",
+  getColumnPosition: ({ columnWidth: t }, e) => [t, e * t],
+  getRowPosition: ({ rowHeight: t }, e) => [t, e * t],
+  getEstimatedTotalHeight: ({ totalRow: t, rowHeight: e }) => e * t,
+  getEstimatedTotalWidth: ({ totalColumn: t, columnWidth: e }) => e * t,
+  getColumnOffset: ({ totalColumn: t, columnWidth: e, width: r }, m, n, s, u, c) => {
+    r = Number(r);
+    const o = Math.max(0, t * e - r), f = Math.min(o, m * e), a = Math.max(0, m * e - r + c + e);
+    switch (n === "smart" && (s >= a - r && s <= f + r ? n = M : n = d), n) {
+      case E:
+        return f;
+      case "end":
+        return a;
+      case d: {
+        const i = Math.round(a + (f - a) / 2);
+        return i < Math.ceil(r / 2) ? 0 : i > o + Math.floor(r / 2) ? o : i;
+      }
+      case M:
+      default:
+        return s >= a && s <= f ? s : a > f || s < a ? a : f;
+    }
+  },
+  getRowOffset: ({ rowHeight: t, height: e, totalRow: r }, m, n, s, u, c) => {
+    e = Number(e);
+    const o = Math.max(0, r * t - e), f = Math.min(o, m * t), a = Math.max(0, m * t - e + c + t);
+    switch (n === "smart" && (s >= a - e && s <= f + e ? n = M : n = d), n) {
+      case E:
+        return f;
+      case "end":
+        return a;
+      case d: {
+        const i = Math.round(a + (f - a) / 2);
+        return i < Math.ceil(e / 2) ? 0 : i > o + Math.floor(e / 2) ? o : i;
+      }
+      case M:
+      default:
+        return s >= a && s <= f ? s : a > f || s < a ? a : f;
+    }
+  },
+  getColumnStartIndexForOffset: ({ columnWidth: t, totalColumn: e }, r) => Math.max(0, Math.min(e - 1, Math.floor(r / t))),
+  getColumnStopIndexForStartIndex: ({ columnWidth: t, totalColumn: e, width: r }, m, n) => {
+    const s = m * t, u = Math.ceil((r + n - s) / t);
+    return Math.max(0, Math.min(e - 1, m + u - 1));
+  },
+  getRowStartIndexForOffset: ({ rowHeight: t, totalRow: e }, r) => Math.max(0, Math.min(e - 1, Math.floor(r / t))),
+  getRowStopIndexForStartIndex: ({ rowHeight: t, totalRow: e, height: r }, m, n) => {
+    const s = m * t, u = Math.ceil((r + n - s) / t);
+    return Math.max(0, Math.min(e - 1, m + u - 1));
+  },
+  /**
+  * Fixed size grid does not need this cache
+  * Using any to bypass it, TODO: Using type inference to fix this.
+  */
+  initCache: () => {
+  },
+  clearCache: !0,
+  validateProps: ({ columnWidth: t, rowHeight: e }) => {
+    x(t) || O(l, `
+          "columnWidth" must be passed as number,
+            instead ${typeof t} was given.
+        `), x(e) || O(l, `
+          "columnWidth" must be passed as number,
+            instead ${typeof e} was given.
+        `);
+  }
+});
 export {
-  c as composeRefs
+  R as default
 };

package/dist/chunks/chunk-1871.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=require("./chunk-1749.cjs"),t=()=>{const e=o.inject(r.DROPDOWN_INSTANCE_INJECTION_KEY,{}),n=o.computed(()=>e?.dropdownSize);return{elDropdown:e,_elDropdownSize:n}};exports.useDropdown=t;
+"use strict";const Ee=require("./chunk-1709.cjs"),b=require("./chunk-1703.cjs"),q=require("./chunk-1721.cjs"),Re=require("./chunk-1719.cjs"),Me=require("./chunk-1717.cjs"),ye=require("./chunk-2195.cjs"),m=require("./chunk-1865.cjs"),Ce=require("./chunk-1864.cjs"),T=require("./chunk-1867.cjs"),B=require("./chunk-2196.cjs"),_e=require("./chunk-2197.cjs"),Ae=require("./chunk-2198.cjs"),e=require("vue"),De=require("./chunk-1722.cjs"),qe=({name:P,clearCache:C,getColumnPosition:I,getColumnStartIndexForOffset:U,getColumnStopIndexForStartIndex:X,getEstimatedTotalHeight:O,getEstimatedTotalWidth:W,getColumnOffset:Y,getRowOffset:K,getRowPosition:j,getRowStartIndexForOffset:J,getRowStopIndexForStartIndex:Q,initCache:Z,injectToInstance:p,validateProps:ee})=>e.defineComponent({name:P??"ElVirtualList",props:Ce.virtualizedGridProps,emits:[m.ITEM_RENDER_EVT,m.SCROLL_EVT],setup(t,{emit:N,expose:te,slots:re}){const y=Me.useNamespace("vl");ee(t);const _=e.getCurrentInstance(),S=e.ref(Z(t,_));p?.(_,S);const v=e.ref(),k=e.ref(),F=e.ref(),G=e.ref(),a=e.ref({isScrolling:!1,scrollLeft:b.isNumber(t.initScrollLeft)?t.initScrollLeft:0,scrollTop:b.isNumber(t.initScrollTop)?t.initScrollTop:0,updateRequested:!1,xAxisScrollDir:m.FORWARD,yAxisScrollDir:m.FORWARD}),A=ye.useCache(),E=e.computed(()=>Number.parseInt(`${t.height}`,10)),R=e.computed(()=>Number.parseInt(`${t.width}`,10)),$=e.computed(()=>{const{totalColumn:o,totalRow:r,columnCache:n}=t,{isScrolling:l,xAxisScrollDir:c,scrollLeft:s}=e.unref(a);if(o===0||r===0)return[0,0,0,0];const i=U(t,s,e.unref(S)),u=X(t,i,s,e.unref(S)),d=!l||c==="backward"?Math.max(1,n):1,h=!l||c==="forward"?Math.max(1,n):1;return[Math.max(0,i-d),Math.max(0,Math.min(o-1,u+h)),i,u]}),V=e.computed(()=>{const{totalColumn:o,totalRow:r,rowCache:n}=t,{isScrolling:l,yAxisScrollDir:c,scrollTop:s}=e.unref(a);if(o===0||r===0)return[0,0,0,0];const i=J(t,s,e.unref(S)),u=Q(t,i,s,e.unref(S)),d=!l||c==="backward"?Math.max(1,n):1,h=!l||c==="forward"?Math.max(1,n):1;return[Math.max(0,i-d),Math.max(0,Math.min(r-1,u+h)),i,u]}),x=e.computed(()=>O(t,e.unref(S))),g=e.computed(()=>W(t,e.unref(S))),oe=e.computed(()=>[{position:"relative",overflow:"hidden",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:t.direction,height:b.isNumber(t.height)?`${t.height}px`:t.height,width:b.isNumber(t.width)?`${t.width}px`:t.width},t.style??{}]),ne=e.computed(()=>{const o=`${e.unref(g)}px`;return{height:`${e.unref(x)}px`,pointerEvents:e.unref(a).isScrolling?"none":void 0,width:o,margin:0,boxSizing:"border-box"}}),D=()=>{const{totalColumn:o,totalRow:r}=t;if(o>0&&r>0){const[u,d,h,f]=e.unref($),[w,M,Le,be]=e.unref(V);N(m.ITEM_RENDER_EVT,{columnCacheStart:u,columnCacheEnd:d,rowCacheStart:w,rowCacheEnd:M,columnVisibleStart:h,columnVisibleEnd:f,rowVisibleStart:Le,rowVisibleEnd:be})}const{scrollLeft:n,scrollTop:l,updateRequested:c,xAxisScrollDir:s,yAxisScrollDir:i}=e.unref(a);N(m.SCROLL_EVT,{xAxisScrollDir:s,scrollLeft:n,yAxisScrollDir:i,scrollTop:l,updateRequested:c})},le=o=>{const{clientHeight:r,clientWidth:n,scrollHeight:l,scrollLeft:c,scrollTop:s,scrollWidth:i}=o.currentTarget,u=e.unref(a);if(u.scrollTop===s&&u.scrollLeft===c)return;let d=c;if(T.isRTL(t.direction))switch(T.getRTLOffsetType()){case m.RTL_OFFSET_NAG:d=-c;break;case m.RTL_OFFSET_POS_DESC:d=i-n-c;break}a.value={...u,isScrolling:!0,scrollLeft:d,scrollTop:Math.max(0,Math.min(s,l-r)),updateRequested:!0,xAxisScrollDir:T.getScrollDir(u.scrollLeft,d),yAxisScrollDir:T.getScrollDir(u.scrollTop,s)},e.nextTick(()=>z()),H(),D()},ce=(o,r)=>{const n=e.unref(E),l=(x.value-n)/r*o;L({scrollTop:Math.min(x.value-n,l)})},se=(o,r)=>{const n=e.unref(R),l=(g.value-n)/r*o;L({scrollLeft:Math.min(g.value-n,l)})},{onWheel:ie}=_e.useGridWheel({atXStartEdge:e.computed(()=>a.value.scrollLeft<=0),atXEndEdge:e.computed(()=>a.value.scrollLeft>=g.value-e.unref(R)),atYStartEdge:e.computed(()=>a.value.scrollTop<=0),atYEndEdge:e.computed(()=>a.value.scrollTop>=x.value-e.unref(E))},(o,r)=>{k.value?.onMouseUp?.(),F.value?.onMouseUp?.();const n=e.unref(R),l=e.unref(E);L({scrollLeft:Math.min(a.value.scrollLeft+o,g.value-n),scrollTop:Math.min(a.value.scrollTop+r,x.value-l)})});Ee.useEventListener(v,"wheel",ie,{passive:!1});const L=({scrollLeft:o=a.value.scrollLeft,scrollTop:r=a.value.scrollTop})=>{o=Math.max(o,0),r=Math.max(r,0);const n=e.unref(a);r===n.scrollTop&&o===n.scrollLeft||(a.value={...n,xAxisScrollDir:T.getScrollDir(n.scrollLeft,o),yAxisScrollDir:T.getScrollDir(n.scrollTop,r),scrollLeft:o,scrollTop:r,updateRequested:!0},e.nextTick(()=>z()),H(),D())},{touchStartX:ae,touchStartY:ue,handleTouchStart:de,handleTouchMove:he}=Ae.useGridTouch(v,a,L,g,x,R,E),fe=(o=0,r=0,n=m.AUTO_ALIGNMENT)=>{const l=e.unref(a);r=Math.max(0,Math.min(r,t.totalColumn-1)),o=Math.max(0,Math.min(o,t.totalRow-1));const c=Re.getScrollBarWidth(y.namespace.value),s=e.unref(S),i=O(t,s),u=W(t,s);L({scrollLeft:Y(t,r,n,l.scrollLeft,s,u>t.width?c:0),scrollTop:K(t,o,n,l.scrollTop,s,i>t.height?c:0)})},me=(o,r)=>{const{columnWidth:n,direction:l,rowHeight:c}=t,s=A.value(C&&n,C&&c,C&&l),i=`${o},${r}`;if(q.hasOwn(s,i))return s[i];{const[,u]=I(t,r,e.unref(S)),d=e.unref(S),h=T.isRTL(l),[f,w]=j(t,o,d),[M]=I(t,r,d);return s[i]={position:"absolute",left:h?void 0:`${u}px`,right:h?`${u}px`:void 0,top:`${w}px`,height:`${f}px`,width:`${M}px`},s[i]}},z=()=>{a.value.isScrolling=!1,e.nextTick(()=>{A.value(-1,null,null)})};e.onMounted(()=>{if(!De.isClient)return;const{initScrollLeft:o,initScrollTop:r}=t,n=e.unref(v);n&&(b.isNumber(o)&&(n.scrollLeft=o),b.isNumber(r)&&(n.scrollTop=r)),D()});const H=()=>{const{direction:o}=t,{scrollLeft:r,scrollTop:n,updateRequested:l}=e.unref(a),c=e.unref(v);if(l&&c){if(o==="rtl")switch(T.getRTLOffsetType()){case m.RTL_OFFSET_NAG:c.scrollLeft=-r;break;case m.RTL_OFFSET_POS_ASC:c.scrollLeft=r;break;default:{const{clientWidth:s,scrollWidth:i}=c;c.scrollLeft=i-s-r;break}}else c.scrollLeft=Math.max(0,r);c.scrollTop=Math.max(0,n)}},{resetAfterColumnIndex:Se,resetAfterRowIndex:we,resetAfter:Te}=_.proxy;te({windowRef:v,innerRef:G,getItemStyleCache:A,touchStartX:ae,touchStartY:ue,handleTouchStart:de,handleTouchMove:he,scrollTo:L,scrollToItem:fe,states:a,resetAfterColumnIndex:Se,resetAfterRowIndex:we,resetAfter:Te});const xe=()=>{const{scrollbarAlwaysOn:o,scrollbarStartGap:r,scrollbarEndGap:n,totalColumn:l,totalRow:c}=t,s=e.unref(R),i=e.unref(E),u=e.unref(g),d=e.unref(x),{scrollLeft:h,scrollTop:f}=e.unref(a);return{horizontalScrollbar:e.h(B,{ref:k,alwaysOn:o,startGap:r,endGap:n,class:y.e("horizontal"),clientSize:s,layout:"horizontal",onScroll:se,ratio:s*100/u,scrollFrom:h/(u-s),total:c,visible:!0}),verticalScrollbar:e.h(B,{ref:F,alwaysOn:o,startGap:r,endGap:n,class:y.e("vertical"),clientSize:i,layout:"vertical",onScroll:ce,ratio:i*100/d,scrollFrom:f/(d-i),total:l,visible:!0})}},ge=()=>{const[o,r]=e.unref($),[n,l]=e.unref(V),{data:c,totalColumn:s,totalRow:i,useIsScrolling:u,itemKey:d}=t,h=[];if(i>0&&s>0)for(let f=n;f<=l;f++)for(let w=o;w<=r;w++){const M=d({columnIndex:w,data:c,rowIndex:f});h.push(e.h(e.Fragment,{key:M},re.default?.({columnIndex:w,data:c,isScrolling:u?e.unref(a).isScrolling:void 0,style:me(f,w),rowIndex:f})))}return h},ve=()=>{const o=e.resolveDynamicComponent(t.innerElement),r=ge();return[e.h(o,e.mergeProps(t.innerProps,{style:e.unref(ne),ref:G}),q.isString(o)?r:{default:()=>r})]};return()=>{const o=e.resolveDynamicComponent(t.containerElement),{horizontalScrollbar:r,verticalScrollbar:n}=xe(),l=ve();return e.h("div",{key:0,class:y.e("wrapper"),role:t.role},[e.h(o,{class:t.className,style:e.unref(oe),onScroll:le,ref:v},q.isString(o)?l:{default:()=>l}),r,n])}}});module.exports=qe;