vuetify-masonry 0.0.5 → 0.0.6

package/dist/vuetify-masonry.mjs

@@ -1,6 +1,7 @@
-import { defineComponent as B, computed as x, resolveComponent as m, createBlock as v, openBlock as t, withCtx as i, createVNode as M, createElementBlock as p, Fragment as _, renderList as g, normalizeClass as E, renderSlot as N } from "vue";
-import { useDisplay as z } from "vuetify";
-const y = /* @__PURE__ */ B({
+import { defineComponent as k, computed as f, createBlock as p, openBlock as o, unref as m, withCtx as i, createVNode as b, createElementBlock as d, Fragment as x, renderList as v, normalizeClass as B, renderSlot as M } from "vue";
+import { useDisplay as w } from "vuetify";
+import { VContainer as E, VRow as N, VCol as z } from "vuetify/components";
+const g = /* @__PURE__ */ k({
   __name: "VMasonry",
   props: {
     col: {},
@@ -12,26 +13,26 @@ const y = /* @__PURE__ */ B({
     xl: {},
     xxl: {}
   },
-  setup(s) {
-    const e = s, {
-      xs: A,
-      smAndUp: h,
-      mdAndUp: U,
-      lgAndUp: k,
-      xlAndUp: C,
-      xxl: b
-    } = z(), c = x(() => {
-      const l = (o) => {
-        if (o !== void 0)
-          return typeof o == "string" ? Number(o) : o;
-      }, n = (...o) => {
-        for (const u of o) {
-          const r = l(u);
-          if (r !== void 0) return r;
+  setup(u) {
+    const e = u, {
+      xs: y,
+      smAndUp: _,
+      mdAndUp: A,
+      lgAndUp: V,
+      xlAndUp: h,
+      xxl: C
+    } = w(), c = f(() => {
+      const n = (l) => {
+        if (l !== void 0)
+          return typeof l == "string" ? Number(l) : l;
+      }, r = (...l) => {
+        for (const t of l) {
+          const s = n(t);
+          if (s !== void 0) return s;
         }
         return 1;
       };
-      return b.value ? n(
+      return C.value ? r(
         e.xxl,
         e.xl,
         e.lg,
@@ -39,52 +40,49 @@ const y = /* @__PURE__ */ B({
         e.sm,
         e.xs,
         e.col
-      ) : C.value ? n(e.xl, e.lg, e.md, e.sm, e.xs, e.col) : k.value ? n(e.lg, e.md, e.sm, e.xs, e.col) : U.value ? n(e.md, e.sm, e.xs, e.col) : h.value ? n(e.sm, e.xs, e.col) : A.value ? n(e.xs, e.col) : n(e.col);
-    }), V = x(() => {
-      const l = Array.from({ length: c.value }, () => []);
-      return e.items.forEach((n, o) => {
-        l[o % c.value].push(n);
-      }), l;
+      ) : h.value ? r(e.xl, e.lg, e.md, e.sm, e.xs, e.col) : V.value ? r(e.lg, e.md, e.sm, e.xs, e.col) : A.value ? r(e.md, e.sm, e.xs, e.col) : _.value ? r(e.sm, e.xs, e.col) : y.value ? r(e.xs, e.col) : r(e.col);
+    }), U = f(() => {
+      const n = Array.from({ length: c.value }, () => []);
+      return e.items.forEach((r, l) => {
+        n[l % c.value].push(r);
+      }), n;
     });
-    return (l, n) => {
-      const o = m("v-col"), u = m("v-row"), r = m("v-container");
-      return t(), v(r, { class: "pt-6" }, {
-        default: i(() => [
-          M(u, null, {
-            default: i(() => [
-              (t(!0), p(_, null, g(V.value, (d, f) => (t(), v(o, {
-                key: f,
-                cols: 12 / c.value
-              }, {
-                default: i(() => [
-                  (t(!0), p(_, null, g(d, (w, a) => (t(), p("div", {
-                    key: a,
-                    class: E({ "mb-6": a !== d.length - 1 })
-                  }, [
-                    N(l.$slots, "item", {
-                      item: w,
-                      index: a,
-                      columnIndex: f
-                    })
-                  ], 2))), 128))
-                ]),
-                _: 2
-              }, 1032, ["cols"]))), 128))
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      });
-    };
+    return (n, r) => (o(), p(m(E), { class: "pt-6" }, {
+      default: i(() => [
+        b(m(N), null, {
+          default: i(() => [
+            (o(!0), d(x, null, v(U.value, (l, t) => (o(), p(m(z), {
+              key: t,
+              cols: 12 / c.value
+            }, {
+              default: i(() => [
+                (o(!0), d(x, null, v(l, (s, a) => (o(), d("div", {
+                  key: a,
+                  class: B({ "mb-6": a !== l.length - 1 })
+                }, [
+                  M(n.$slots, "item", {
+                    item: s,
+                    index: a,
+                    columnIndex: t
+                  })
+                ], 2))), 128))
+              ]),
+              _: 2
+            }, 1032, ["cols"]))), 128))
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
   }
-}), L = {
-  ...y,
-  install(s) {
-    s.component("VMasonry", y);
+}), R = {
+  ...g,
+  install(u) {
+    u.component("VMasonry", g);
   }
 };
 export {
-  y as VMasonry,
-  L as default
+  g as VMasonry,
+  R as default
 };

package/dist/vuetify-masonry.umd.js

@@ -1 +1 @@
-(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vuetify")):typeof define=="function"&&define.amd?define(["exports","vue","vuetify"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.VuetifyMasonry={},l.Vue,l.Vuetify))})(this,(function(l,e,p){"use strict";const c=e.defineComponent({__name:"VMasonry",props:{col:{},items:{default:()=>[]},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{}},setup(i){const n=i,{xs:_,smAndUp:y,mdAndUp:k,lgAndUp:h,xlAndUp:g,xxl:B}=p.useDisplay(),a=e.computed(()=>{const r=t=>{if(t!==void 0)return typeof t=="string"?Number(t):t},o=(...t)=>{for(const m of t){const s=r(m);if(s!==void 0)return s}return 1};return B.value?o(n.xxl,n.xl,n.lg,n.md,n.sm,n.xs,n.col):g.value?o(n.xl,n.lg,n.md,n.sm,n.xs,n.col):h.value?o(n.lg,n.md,n.sm,n.xs,n.col):k.value?o(n.md,n.sm,n.xs,n.col):y.value?o(n.sm,n.xs,n.col):_.value?o(n.xs,n.col):o(n.col)}),C=e.computed(()=>{const r=Array.from({length:a.value},()=>[]);return n.items.forEach((o,t)=>{r[t%a.value].push(o)}),r});return(r,o)=>{const t=e.resolveComponent("v-col"),m=e.resolveComponent("v-row"),s=e.resolveComponent("v-container");return e.openBlock(),e.createBlock(s,{class:"pt-6"},{default:e.withCtx(()=>[e.createVNode(m,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,(d,f)=>(e.openBlock(),e.createBlock(t,{key:f,cols:12/a.value},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d,(A,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,class:e.normalizeClass({"mb-6":u!==d.length-1})},[e.renderSlot(r.$slots,"item",{item:A,index:u,columnIndex:f})],2))),128))]),_:2},1032,["cols"]))),128))]),_:3})]),_:3})}}}),x={...c,install(i){i.component("VMasonry",c)}};l.VMasonry=c,l.default=x,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vuetify"),require("vuetify/components")):typeof define=="function"&&define.amd?define(["exports","vue","vuetify","vuetify/components"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.VuetifyMasonry={},o.Vue,o.Vuetify,o.components))})(this,(function(o,e,m,i){"use strict";const u=e.defineComponent({__name:"VMasonry",props:{col:{},items:{default:()=>[]},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{}},setup(f){const n=f,{xs:x,smAndUp:y,mdAndUp:k,lgAndUp:h,xlAndUp:B,xxl:V}=m.useDisplay(),a=e.computed(()=>{const l=t=>{if(t!==void 0)return typeof t=="string"?Number(t):t},r=(...t)=>{for(const s of t){const c=l(s);if(c!==void 0)return c}return 1};return V.value?r(n.xxl,n.xl,n.lg,n.md,n.sm,n.xs,n.col):B.value?r(n.xl,n.lg,n.md,n.sm,n.xs,n.col):h.value?r(n.lg,n.md,n.sm,n.xs,n.col):k.value?r(n.md,n.sm,n.xs,n.col):y.value?r(n.sm,n.xs,n.col):x.value?r(n.xs,n.col):r(n.col)}),_=e.computed(()=>{const l=Array.from({length:a.value},()=>[]);return n.items.forEach((r,t)=>{l[t%a.value].push(r)}),l});return(l,r)=>(e.openBlock(),e.createBlock(e.unref(i.VContainer),{class:"pt-6"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,(t,s)=>(e.openBlock(),e.createBlock(e.unref(i.VCol),{key:s,cols:12/a.value},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,(c,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,class:e.normalizeClass({"mb-6":d!==t.length-1})},[e.renderSlot(l.$slots,"item",{item:c,index:d,columnIndex:s})],2))),128))]),_:2},1032,["cols"]))),128))]),_:3})]),_:3}))}}),p={...u,install(f){f.component("VMasonry",u)}};o.VMasonry=u,o.default=p,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuetify-masonry",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "A simple Vuetify-compatible masonry grid Vue 3 component",
   "main": "dist/vuetify-masonry.umd.js",
   "module": "dist/vuetify-masonry.mjs",