vuetify-masonry 0.2.2 → 0.2.4

package/dist/components/VMasonry.vue.d.ts

@@ -0,0 +1,30 @@
+export type NbMasonryColumns = 1 | 2 | 3 | 4 | 6 | 12;
+export type ColProp = NbMasonryColumns | `${NbMasonryColumns}`;
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
+        col?: ColProp;
+        items?: T[];
+        xs?: ColProp;
+        sm?: ColProp;
+        md?: ColProp;
+        lg?: ColProp;
+        xl?: ColProp;
+        xxl?: ColProp;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        item?(_: {
+            item: T;
+            index: number;
+            columnIndex: number;
+        }): any;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+import { default as VMasonry } from './components/VMasonry.vue';
+declare const installable: {
+    install(app: App): void;
+};
+export { VMasonry };
+export default installable;

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from '../index'
+export {}
+import VuetifyMasonry from '../index'
+export default VuetifyMasonry
+export * from '../index'
+export {}

package/dist/vuetify-masonry.mjs

@@ -0,0 +1,90 @@
+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 z, VCol as D } from "vuetify/components";
+const g = /* @__PURE__ */ b({
+  __name: "VMasonry",
+  props: {
+    col: {},
+    items: { default: () => [] },
+    xs: {},
+    sm: {},
+    md: {},
+    lg: {},
+    xl: {},
+    xxl: {}
+  },
+  setup(u) {
+    const e = u, {
+      xs: y,
+      smAndUp: V,
+      mdAndUp: A,
+      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 o of l) {
+          const s = t(o);
+          if (s !== void 0) return s;
+        }
+        return 1;
+      };
+      return _.value ? r(
+        e.xxl,
+        e.xl,
+        e.lg,
+        e.md,
+        e.sm,
+        e.xs,
+        e.col
+      ) : 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) => {
+        t[l % a.value].push(r);
+      }), t;
+    });
+    return (t, r) => (n(), p(c(E), { class: "pt-6" }, {
+      default: i(() => [
+        h(c(z), null, {
+          default: i(() => [
+            (n(!0), d(x, null, v(k.value, (l, o) => (n(), p(c(D), {
+              key: o,
+              cols: 12 / a.value
+            }, {
+              default: i(() => [
+                (n(!0), d(x, null, v(l, (s, m) => (n(), d("div", {
+                  key: m,
+                  class: B({ "mb-6": m !== l.length - 1 })
+                }, [
+                  M(t.$slots, "item", {
+                    item: s,
+                    index: m,
+                    columnIndex: o
+                  }, () => [
+                    r[0] || (r[0] = N(' Please define a slot named "item" to render items ', -1))
+                  ])
+                ], 2))), 128))
+              ]),
+              _: 2
+            }, 1032, ["cols"]))), 128))
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), R = {
+  ...g,
+  install(u) {
+    u.component("VMasonry", g);
+  }
+};
+export {
+  g as VMasonry,
+  R as default
+};

package/dist/vuetify-masonry.umd.js

@@ -0,0 +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.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,6 +1,6 @@
 {
   "name": "vuetify-masonry",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "A simple Vuetify-compatible masonry grid Vue 3 component",
   "main": "dist/vuetify-masonry.umd.js",
   "module": "dist/vuetify-masonry.mjs",
@@ -22,6 +22,7 @@
   },
   "scripts": {
     "dev": "vite",
+    "prepublishOnly": "npm run build",
     "build": "vite build",
     "lint": "eslint . --ext .ts,.vue",
     "release": "semantic-release"