npmpackage.info

@farhansyah/imask-svelte

vanilla javascript input mask

7.0.0-alpha.2-0

5,011

MIT

TypeScript

15.42 kB

559 3.6

Installations

npm install @farhansyah/imask-svelte

Developer Guide

BETA

Typescript

No

Module System

ESM

Node Version

20.2.0

NPM Version

9.6.6 Pull Requests

Open

15

Total

192

Closed

106

Merged

71

Issues

Open

52

Total

748

Closed

696

Releases

v7.6.1

Published on 21 May 2024

v7.6.0

Published on 09 Apr 2024

v7.5.0

Published on 28 Feb 2024

v7.4.0

Published on 08 Feb 2024

v7.3.0

Published on 25 Dec 2023

v7.2.1

Published on 18 Dec 2023

View all 71 releases

Contributors

Unable to fetch Contributors

View all 29 contributors

Languages

TypeScript

JavaScript

HTML

Ruby

TypeScript (93.31%)

JavaScript (3.67%)

HTML (2.96%)

Ruby (0.05%)

Developer

uNmAnNeR

Download Statistics

Total Downloads

559

Last Day

Last Week

Last Month

Last Year

248

GitHub Statistics

5,011 Stars

956 Commits

262 Forks

30 Watching

9 Branches

29 Contributors

Bundle Size

57.72 kB

Minified

15.42 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

7.0.0-alpha.2-0

Package Id

@farhansyah/imask-svelte@7.0.0-alpha.2-0

Unpacked Size

8.01 kB

Size

3.23 kB

File Count

NPM Version

9.6.6

Node Version

20.2.0

Publised On

08 Jun 2023

Total Downloads

Cumulative downloads

Total Downloads

559

Last day

Compared to previous day

Last week

100%

Compared to previous week

Last month

-28.6%

Compared to previous month

Last year

-20.3%

248

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

imask

Peer Dependencies

svelte

Versions

Svelte IMask Plugin

@imask/svelte

Install

npm install @imask/svelte

Mask Action Example

1<input
2  {value}
3  use:imask={options}
4  on:accept={accept}
5  on:complete={complete}
6>
7
8<script>
9  import { imask } from '@imask/svelte';
10
11  const options = {
12    mask: '{8}000000',
13    lazy: false
14  };
15
16  let value = '';
17
18  function accept({ detail: maskRef }) {
19    console.log('accept', maskRef.value);
20    value = maskRef.value;
21  }
22
23  function complete({ detail: maskRef }) {
24    console.log('complete', maskRef.unmaskedValue);
25  }
26</script>

More options see in a guide.

Input Mask Component

Currently plugin does not have component for input with 2-way binding support because it is not possible to pass all event listeners to child (issue).

Workaround is here: https://svelte.dev/repl/b590cddb69f4452b8f7704bd1e721e76?version=3.16.7

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

10

License

Determines if the project has defined a license.

3

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3.6

/10

Last Scanned on 2025-01-20

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More