ngx-fast-marquee - npm Package Compare versions

Comparing version 0.1.7 to 0.1.8

components/index.d.ts

 export * from './ngx-fast-marquee/ngx-fast-marquee.component';

components/ngx-fast-marquee/ngx-fast-marquee.component.d.ts

@@ -129,3 +129,3 @@ import { AfterContentInit, ElementRef, Renderer2, EventEmitter, NgZone, OnChanges, SimpleChanges, AfterContentChecked } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxFastMarqueeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxFastMarqueeComponent, "ngx-fast-marquee", never, { "direction": { "alias": "direction"; "required": false; }; "speed": { "alias": "speed"; "required": false; }; "useSystemReducedMotion": { "alias": "useSystemReducedMotion"; "required": false; }; "autoFill": { "alias": "autoFill"; "required": false; }; "maskStartPercentage": { "alias": "maskStartPercentage"; "required": false; }; "maskEndPercentage": { "alias": "maskEndPercentage"; "required": false; }; "maskPercentage": { "alias": "maskPercentage"; "required": false; }; "play": { "alias": "play"; "required": false; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; }; "pauseOnClick": { "alias": "pauseOnClick"; "required": false; }; }, { "mounted": "mounted"; "updated": "updated"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxFastMarqueeComponent, "ngx-fast-marquee", never, { "direction": "direction"; "speed": "speed"; "useSystemReducedMotion": "useSystemReducedMotion"; "autoFill": "autoFill"; "maskStartPercentage": "maskStartPercentage"; "maskEndPercentage": "maskEndPercentage"; "maskPercentage": "maskPercentage"; "play": "play"; "pauseOnHover": "pauseOnHover"; "pauseOnClick": "pauseOnClick"; }, { "mounted": "mounted"; "updated": "updated"; }, never, ["*"]>;
 }

models/marquee.model.d.ts

@@ -0,0 +0,0 @@ import { Renderer2 } from '@angular/core';

ngx-fast-marquee.module.d.ts

@@ -0,0 +0,0 @@ import * as i0 from "@angular/core";

package.json

 {
   "name": "ngx-fast-marquee",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "author": {
@@ -9,2 +9,3 @@ "name": "Julian Andres Gomez Gomez",
   },
+  "homepage": "https://ngx-fast-marquee.web.app/",
   "repository": {
@@ -14,3 +15,3 @@ "type": "git",
   },
-  "description": "This is a customazebale marquee component for angular based on react-fast-marquee",
+  "description": "Lightweight Angular Component that can bring to life your Angular applications through fast and user-friendly marquee animations.",
   "keywords": [
@@ -25,24 +26,17 @@ "angular",
   ],
+  "license": "MIT",
+  "sideEffects": false,
   "peerDependencies": {
-    "@angular/common": "^17.0.2",
-    "@angular/core": "^17.0.2"
+    "@angular/common": "^12.0.5",
+    "@angular/core": "^12.0.5"
   },
   "dependencies": {
-    "tslib": "^2.6.2"
+    "tslib": "^2.1.0"
   },
-  "license": "MIT",
-  "sideEffects": false,
-  "module": "fesm2022/ngx-fast-marquee.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/ngx-fast-marquee.mjs",
-      "esm": "./esm2022/ngx-fast-marquee.mjs",
-      "default": "./fesm2022/ngx-fast-marquee.mjs"
-    }
-  }
+  "main": "bundles/ngx-fast-marquee.umd.js",
+  "module": "fesm2015/ngx-fast-marquee.js",
+  "es2015": "fesm2015/ngx-fast-marquee.js",
+  "esm2015": "esm2015/ngx-fast-marquee.js",
+  "fesm2015": "fesm2015/ngx-fast-marquee.js",
+  "typings": "ngx-fast-marquee.d.ts"
 }

public-api.d.ts

 export * from './types';
 export * from './ngx-fast-marquee.module';
 export * from './components';

README.md

@@ -1,91 +0,24 @@
-# Ngx Fast Marquee
+# NgxFastMarquee
 
-[![Build Status](https://img.shields.io/badge/build-passing-brightgreen.svg)](https://your-build-url.com)
-[![License](https://img.shields.io/badge/license-MIT-orange.svg)](https://opensource.org/licenses/MIT)
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.5.
 
-## Description
+## Code scaffolding
 
-Welcome to the 🌟 Ngx Marquee Library 🌟! This library provides an easy-to-use and customizable marquee component for your Angular applications. 
+Run `ng generate component component-name --project ngx-fast-marquee` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-fast-marquee`.
+> Note: Don't forget to add `--project ngx-fast-marquee` or else it will be added to the default project in your `angular.json` file. 
 
-<small style="font-size:12px">
-Inspired by <a href="https://www.react-fast-marquee.com/" target="_blank">React-Fast-Marquee</a> <img src="https://www.react-fast-marquee.com//favicon.ico" alt="React.js Icon" width="16" height="16" style="transform: translateY(4px)">  
-</small>
+## Build
 
+Run `ng build ngx-fast-marquee` to build the project. The build artifacts will be stored in the `dist/` directory.
 
-## 🛠️ Installation
+## Publishing
 
-Install the library using your favorite package manager:
- - npm
-```bash
-npm i ngx-fast-marquee
-```
- - pnpm
-```bash
-pnpm i ngx-fast-marquee
-```
- - yarn
-```bash
-yarn add ngx-fast-marquee
-```
- - bun
-```bash
-bun add ngx-fast-marquee
-```
+After building your library with `ng build ngx-fast-marquee`, go to the dist folder `cd dist/ngx-fast-marquee` and run `npm publish`.
 
-Note: For Angular versions lower than v17 can be installed using the `--legacy-peer-deps` flag to avoid peer dependency errors.
+## Running unit tests
 
-## 🚀 Getting Started
+Run `ng test ngx-fast-marquee` to execute the unit tests via [Karma](https://karma-runner.github.io).
 
-Import the `NgxFastMarqueeModule` in your `AppModule`:
+## Further help
 
-```typescript
-import { NgxFastMarqueeModule } from 'ngx-fast-marquee';
-
-@NgModule({
-  declarations: [AppComponent],
-  imports: [BrowserModule, NgxFastMarqueeModule],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
-```
-
-Use the `ngx-fast-marquee` component in your templates:
-
-```html
-
-<ngx-fast-marquee>
-  <div>Item 1</div>
-  <div>Item 2</div>
-  <div>Item 3</div>
-  <div>Item 4</div>
-  <div>Item 5</div>
-</ngx-fast-marquee>
-
-```
-
-## 🖥️ Demo
-  <a href="https://stackblitz.com/edit/stackblitz-starters-m8pkwe?file=src%2Fmain.ts" target="_blank">
-    <img alt="Edit on StackBlitz" src="https://img.shields.io/badge/stackblitz-edit-blue?style=for-the-badge&logo=stackblitz">
-
-## 📚 Documentation
-In progress...🚧
-
-Marquee Inputs:
- - `speed` - The speed of the marquee in pixels per second. Also can be qualitative, `fast`, `medium`, `slow`.  __Default:__ `medium`.
-  - `direction` - The direction of the marquee (`left`, `right`, `up`, `down`).__Default:__ `left`.
-  - `autoFill` - `true` for auto filling the space. __Default:__ `true`.
-  - `useSystemReducedMotion` - `true` for avoid animate the marquee when the system has reduced motion. __Default:__ `false`.  
-  - `maskStartPercentage` - Start percentage of the mask. Suitable Range: 0 - 100, where 100 is the middle of the marquee.  __Default:__ `0`.  
-  - `maskEndPercentage` - End percentage of the mask. Suitable Range: 0 - 100, where 100 is the middle of the marquee.  __Default:__ `0`.    
-  - `maskPercentage` - Percentage of the mask. Suitable Range: 0 - 100, where 100 is the middle of the marquee (start to center and end to the center).  __Default:__ `0`.   
-  - `play` - `true` for playing the marquee animation, otherwise the animation is paused. __Default:__ `true`. 
-  - `pauseOnClick` - `true` for pausing the marquee when the cursor is held down on the marquee. __Default:__ `false`.
-  - `pauseOnHover` - `true` for Pausing the marquee when the mouse is over it. __Default:__ `false`.
-
- Marquee Outputs:
-  - `mounted` - Event emitted when the marquee is in the view. Emitted only once.
-  - `updated` - Event emitted each time the marquee is updated.
-
-
-## 📄 License
-This project is licensed under the MIT License.
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

services/marquee-duplication.service.d.ts

@@ -0,0 +0,0 @@ import { MarqueeModel } from '../models/marquee.model';

services/marquee.service.d.ts

@@ -0,0 +0,0 @@ import { SimpleChanges } from '@angular/core';

services/reduced-motion.service.d.ts

@@ -0,0 +0,0 @@ import * as i0 from "@angular/core";

types/direction.type.d.ts

@@ -1,1 +0,1 @@
-export type Direction = 'left' | 'right' | 'up' | 'down';
+export declare type Direction = 'left' | 'right' | 'up' | 'down';

types/index.d.ts

 export * from './direction.type';
 export * from './speed.type';

types/speed.type.d.ts

@@ -1,1 +0,1 @@
-export type Speed = number | 'slow' | 'medium' | 'fast';
+export declare type Speed = number | 'slow' | 'medium' | 'fast';

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 website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

298938

increased by79.02%

Number of package files

30

increased by7.14%

Lines of code

2580

increased by72.11%

Number of low quality alerts

1

decreased by-50%

Number of low supply chain risk alerts

3

decreased by-25%

Worsened metrics

Number of lines in readme file

25

decreased by-72.83%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@angular/common@12.2.17(transitive)

• + Added@angular/core@12.2.17(transitive)

• + Addedzone.js@0.11.8(transitive)

• - Removed@angular/common@17.3.12(transitive)

• - Removed@angular/core@17.3.12(transitive)

• - Removedzone.js@0.14.10(transitive)

• Updatedtslib@^2.1.0