masonry-tile - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

lib/masonry-tile.component.d.ts

@@ -13,3 +13,5 @@ import { ElementRef } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<MasonryTileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MasonryTileComponent, "masonry-tile", never, { "rowHeight": "rowHeight"; "gutterSize": "gutterSize"; "matGridTile": "matGridTile"; "matGridList": "matGridList"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MasonryTileComponent, "masonry-tile", never, { "rowHeight": { "alias": "rowHeight"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "matGridTile": { "alias": "matGridTile"; "required": false; }; "matGridList": { "alias": "matGridList"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ngAcceptInputType_rowHeight: unknown;
+    static ngAcceptInputType_gutterSize: unknown;
 }

LICENSE.md

@@ -0,0 +0,0 @@ The MIT License (MIT)

package.json

 {
   "name": "masonry-tile",
+  "version": "1.1.0",
+  "description": "An Angular library for use masonry with Material Grid List",
   "license": "MIT",
@@ -9,7 +11,11 @@ "author": {
   },
-  "version": "1.0.0",
+  "keywords": [
+    "masonry",
+    "material",
+    "angular"
+  ],
   "peerDependencies": {
-    "@angular/common": ">=13.0.0",
-    "@angular/core": ">=13.0.0",
-    "@angular/material": ">=13.0.0"
+    "@angular/common": ">=16.2.0",
+    "@angular/core": ">=16.2.0",
+    "@angular/material": ">=16.2.0"
   },
@@ -19,8 +25,16 @@ "dependencies": {
   },
-  "module": "fesm2015/masonry-tile.mjs",
-  "es2020": "fesm2020/masonry-tile.mjs",
-  "esm2020": "esm2020/masonry-tile.mjs",
-  "fesm2020": "fesm2020/masonry-tile.mjs",
-  "fesm2015": "fesm2015/masonry-tile.mjs",
-  "typings": "masonry-tile.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Harvest-Dev/masonry-tile.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.com",
+    "access": "public"
+  },
+  "bugs": {
+    "url": "https://github.com/Harvest-Dev/masonry-tile/issues"
+  },
+  "homepage": "https://github.com/Harvest-Dev/masonry-tile#readme",
+  "module": "fesm2022/masonry-tile.mjs",
+  "typings": "index.d.ts",
   "exports": {
@@ -31,8 +45,6 @@ "./package.json": {
     ".": {
-      "types": "./masonry-tile.d.ts",
-      "esm2020": "./esm2020/masonry-tile.mjs",
-      "es2020": "./fesm2020/masonry-tile.mjs",
-      "es2015": "./fesm2015/masonry-tile.mjs",
-      "node": "./fesm2015/masonry-tile.mjs",
-      "default": "./fesm2020/masonry-tile.mjs"
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/masonry-tile.mjs",
+      "esm": "./esm2022/masonry-tile.mjs",
+      "default": "./fesm2022/masonry-tile.mjs"
     }
@@ -39,0 +51,0 @@ },

README.md

@@ -1,2 +0,2 @@
-[![npm version](https://badge.fury.io/js/masonry-tile.svg)](https://badge.fury.io/js/masonry-tile) [![Downloads](https://img.shields.io/npm/dm/masonry-tile.svg)](https://www.npmjs.com/package/masonry-tile) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/Harvest-Dev/ng-select2/master/LICENSE.md)
+[![npm version](https://badge.fury.io/js/masonry-tile.svg)](https://badge.fury.io/js/masonry-tile) [![Downloads](https://img.shields.io/npm/dm/masonry-tile.svg)](https://www.npmjs.com/package/masonry-tile) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/Harvest-Dev/masonry-tile/master/LICENSE.md)
 
@@ -15,8 +15,12 @@ # Masonry Tile
 
-- peerDependencies:
+-   peerDependencies:
 
-  - `angular` 13.0.0 and more
-  - `angular/cdk` 13.0.0 and more
-  - `angular/material` 13.0.0 and more
+    -   `angular` 16.2.0 and more
+    -   `angular/material` 16.2.0 and more
 
+Use 1.0.0 for:
+
+-   `angular` >=13.0.0
+-   `angular/material` >=13.0.0
+
 ## Demo
@@ -34,18 +38,31 @@
 <mat-grid-list #matGridList [cols]="4">
-  <mat-grid-tile *ngFor="let imageItem of images" #matGridTile>
-    <masonry-tile
-      [rowHeight]="1"
-      [gutterSize]="1"
-      [matGridTile]="matGridTile"
-      [matGridList]="matGridList"
-    >
-      <!-- content start -->
-      <img [src]="imageItem?.src" [alt]="imageItem?.alt" />
-      <div>{{ imageItem?.alt }}</div>
-      <!-- content end -->
-    </masonry-tile>
-  </mat-grid-tile>
+    <mat-grid-tile *ngFor="let imageItem of images" #matGridTile>
+        <masonry-tile [rowHeight]="1" [gutterSize]="1" [matGridTile]="matGridTile" [matGridList]="matGridList">
+            <!-- content start -->
+            <img [src]="imageItem?.src" [alt]="imageItem?.alt" />
+            <div>{{ imageItem?.alt }}</div>
+            <!-- content end -->
+        </masonry-tile>
+    </mat-grid-tile>
 </mat-grid-list>
 ```
 
+`matGridTile` (Required) : refence to matGridTile
+`matGridList` (Required) : refence to matGridList
+
+Include in your module:
+
+```ts
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MasonryTileModule } from 'masonry-tile';
+
+@NgModule({
+    imports: [
+        MatGridListModule, // required
+        MasonryTileModule,
+    ],
+})
+export class MyModule {}
+```
+
 ## Publishing the library
@@ -52,0 +69,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Number of low maintenance alerts

0

decreased by-100%

Number of low quality alerts

0

decreased by-100%

Number of lines in readme file

83

increased by25.76%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

23121

decreased by-21.15%

Number of package files

13

decreased by-13.33%

Lines of code

165

decreased by-31.82%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes