Package Health Score

51 / 100

security
No known security issues
popularity
Small
maintenance
Inactive
community
Sustainable

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
4.0.1	\|	04/2023	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
3.0.0	\|	11/2021		0 C 0 H 0 M 0 L	0 H 0 M 0 L
2.1.1	\|	03/2020		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.1.1	\|	03/2019		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.0.0	\|	12/2018		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Small

Weekly Downloads (7,386)

GitHub Stars: 261
Forks: 66
Contributors: 8

Direct Usage Popularity

The npm package ngx-material-file-input receives a total of 7,386 downloads a week. As such, we scored ngx-material-file-input popularity level to be Small.

Based on project statistics from the GitHub repository for the npm package ngx-material-file-input, we found that it has been starred 261 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 8
Funding: Yes

This project has seen only 10 or less contributors.

We found a way for you to contribute to the project! Looks like ngx-material-file-input is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

No Recent Commits

Open Issues: 21
Open PR: 21
Last Release: 2 years ago
Last Commit: 2 years ago

Further analysis of the maintenance status of ngx-material-file-input based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for ngx-material-file-input is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 7 years
Dependencies: 1 Direct
Versions: 15
Install Size: 132 kB
Dist-tags: 1
# of Files: 23
Maintainers: 1
TS Typings: Yes

ngx-material-file-input has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

material-file-input

This project provides :

ngx-mat-file-input component, to use inside Angular Material mat-form-field
a FileValidator with maxContentSize, to limit the file size
a ByteFormatPipe to format the file size in a human-readable format

For more code samples, have a look at the DEMO SITE

Install

npm i ngx-material-file-input

API reference

MaterialFileInputModule

import { MaterialFileInputModule } from 'ngx-material-file-input';

@NgModule({
  imports: [
    // the module for this lib
    MaterialFileInputModule
  ]
})

NGX_MAT_FILE_INPUT_CONFIG token (optional):

Change the unit of the ByteFormat pipe

export const config: FileInputConfig = {
  sizeUnit: 'Octet'
};

// add with module injection
providers: [{ provide: NGX_MAT_FILE_INPUT_CONFIG, useValue: config }];

FileInputComponent

selector: ``

implements: MatFormFieldControl from Angular Material

Additionnal properties

Name	Description
@Input() valuePlaceholder: `string`	Placeholder for file names, empty by default
@Input() multiple: `boolean`	Allows multiple file inputs, `false` by default
@Input() autofilled: `boolean`	Whether the input is currently in an autofilled state. If property is not present on the control it is assumed to be false.
@Input() accept: `string`	Any value that `accept` attribute can get. more about "accept"
value: `FileInput`	Form control value
empty: `boolean`	Whether the input is empty (no files) or not
clear(): `(event?) => void`	Removes all files from the input

ByteFormatPipe

Example

<span>{{ 104857600 | byteFormat }}</span>

Output: 100 MB

FileValidator

Name	Description	Error structure
maxContentSize(value: `number`): `ValidatorFn`	Limit the total file(s) size to the given value	`{ actualSize: number, maxSize: number }`

About me

@jereyleg

☆ to show support 😃

Roadmap

drop event to add files
ideas?

Kudos to

https://github.com/dherges/ng-packagr
Jason Aden - Packaging Angular Libraries https://www.youtube.com/watch?v=QfvwQEJVOig

ngx-material-file-input dependencies

tslib

FAQs

What is ngx-material-file-input?

File input management for Angular Material. Visit Snyk Advisor to see a full health score report for ngx-material-file-input, including popularity, security, maintenance & community analysis.

Is ngx-material-file-input popular?

The npm package ngx-material-file-input receives a total of 7,386 weekly downloads. As such, ngx-material-file-input popularity was classified as small. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is ngx-material-file-input well maintained?

We found indications that ngx-material-file-input is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is ngx-material-file-input safe to use?

The npm package ngx-material-file-input was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 21 December-2024, at 01:44 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP