vuetify-masonry 0.0.6 → 0.2.1

package/dist/vuetify-masonry.mjs

@@ -1,7 +1,7 @@
-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 { defineComponent as b, computed as f, createBlock as p, openBlock as n, unref as c, withCtx as i, createVNode as h, createElementBlock as d, Fragment as x, renderList as v, normalizeClass as B, renderSlot as M, createTextVNode as N } 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({
+import { VContainer as E, VRow as z, VCol as D } from "vuetify/components";
+const g = /* @__PURE__ */ b({
   __name: "VMasonry",
   props: {
     col: {},
@@ -16,23 +16,23 @@ const g = /* @__PURE__ */ k({
   setup(u) {
     const e = u, {
       xs: y,
-      smAndUp: _,
+      smAndUp: V,
       mdAndUp: A,
-      lgAndUp: V,
-      xlAndUp: h,
-      xxl: C
-    } = w(), c = f(() => {
-      const n = (l) => {
+      lgAndUp: C,
+      xlAndUp: U,
+      xxl: _
+    } = w(), a = f(() => {
+      const t = (l) => {
         if (l !== void 0)
           return typeof l == "string" ? Number(l) : l;
       }, r = (...l) => {
-        for (const t of l) {
-          const s = n(t);
+        for (const o of l) {
+          const s = t(o);
           if (s !== void 0) return s;
         }
         return 1;
       };
-      return C.value ? r(
+      return _.value ? r(
         e.xxl,
         e.xl,
         e.lg,
@@ -40,31 +40,33 @@ const g = /* @__PURE__ */ k({
         e.sm,
         e.xs,
         e.col
-      ) : 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 }, () => []);
+      ) : U.value ? r(e.xl, e.lg, e.md, e.sm, e.xs, e.col) : C.value ? r(e.lg, e.md, e.sm, e.xs, e.col) : A.value ? r(e.md, e.sm, e.xs, e.col) : V.value ? r(e.sm, e.xs, e.col) : y.value ? r(e.xs, e.col) : r(e.col);
+    }), k = f(() => {
+      const t = Array.from({ length: a.value }, () => []);
       return e.items.forEach((r, l) => {
-        n[l % c.value].push(r);
-      }), n;
+        t[l % a.value].push(r);
+      }), t;
     });
-    return (n, r) => (o(), p(m(E), { class: "pt-6" }, {
+    return (t, r) => (n(), p(c(E), { class: "pt-6" }, {
       default: i(() => [
-        b(m(N), null, {
+        h(c(z), null, {
           default: i(() => [
-            (o(!0), d(x, null, v(U.value, (l, t) => (o(), p(m(z), {
-              key: t,
-              cols: 12 / c.value
+            (n(!0), d(x, null, v(k.value, (l, o) => (n(), p(c(D), {
+              key: o,
+              cols: 12 / a.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 })
+                (n(!0), d(x, null, v(l, (s, m) => (n(), d("div", {
+                  key: m,
+                  class: B({ "mb-6": m !== l.length - 1 })
                 }, [
-                  M(n.$slots, "item", {
+                  M(t.$slots, "item", {
                     item: s,
-                    index: a,
-                    columnIndex: t
-                  })
+                    index: m,
+                    columnIndex: o
+                  }, () => [
+                    r[0] || (r[0] = N(' please define a slot named "item" to render items ', -1))
+                  ])
                 ], 2))), 128))
               ]),
               _: 2
@@ -76,7 +78,7 @@ const g = /* @__PURE__ */ k({
       _: 3
     }));
   }
-}), R = {
+}), S = {
   ...g,
   install(u) {
     u.component("VMasonry", g);
@@ -84,5 +86,5 @@ const g = /* @__PURE__ */ k({
 };
 export {
   g as VMasonry,
-  R as default
+  S as default
 };

package/dist/vuetify-masonry.umd.js

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

package/package.json

@@ -1,24 +1,32 @@
 {
   "name": "vuetify-masonry",
-  "version": "0.0.6",
+  "version": "0.2.1",
   "description": "A simple Vuetify-compatible masonry grid Vue 3 component",
   "main": "dist/vuetify-masonry.umd.js",
   "module": "dist/vuetify-masonry.mjs",
   "exports": {
+    "./package.json": "./package.json",
     ".": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/vuetify-masonry.mjs",
-      "require": "./dist/vuetify-masonry.umd.js"
+      "require": "./dist/vuetify-masonry.umd.js",
+      "default": "./dist/vuetify-masonry.mjs"
     }
   },
   "types": "dist/types/index.d.ts",
   "files": [
     "dist"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/senerh/vuetify-masonry.git"
+  },
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "lint": "eslint . --ext .ts,.vue"
+    "prepare": "npm run build",
+    "lint": "eslint . --ext .ts,.vue",
+    "release": "semantic-release"
   },
   "peerDependencies": {
     "vue": "^3.2.0",