angular-image-text-slider - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

lib/angular-image-text-slider.component.d.ts

@@ -1,8 +0,18 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AngularImageTextSliderComponent implements OnInit {
+    currentSlide: any;
+    imageUrl: string;
+    currentIndex: number;
+    slides: any[];
+    slideActionEvent: EventEmitter<any>;
     constructor();
+    ngOnChanges(): void;
     ngOnInit(): void;
+    getFirstItem(): void;
+    goToPrevious(): void;
+    goToNext(): void;
+    doAction(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AngularImageTextSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AngularImageTextSliderComponent, "lib-angular-image-text-slider", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularImageTextSliderComponent, "lib-angular-image-text-slider", never, { "slides": "slides"; }, { "slideActionEvent": "slideActionEvent"; }, never, never>;
 }

package.json

 {
   "name": "angular-image-text-slider",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "peerDependencies": {
@@ -11,2 +11,7 @@ "@angular/common": "^13.2.0",
   },
+  "author": {
+    "name": "iwajutech",
+    "url": "https://iwajutech.com/"
+  },
+  "description": "This package is an angualar responsive image slider ",
   "module": "fesm2015/angular-image-text-slider.mjs",
@@ -13,0 +18,0 @@ "es2020": "fesm2020/angular-image-text-slider.mjs",

README.md

@@ -1,24 +0,67 @@
-# AngularImageTextSlider
+# Angular Image Text Slider
 
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
+An Angular responsive image slider with lightbox popup. Also support youtube and mp4 video urls.
 
-## Code scaffolding
+## Features!
+-Responsive (support images width and height in both % and px)
+-captures swipes from phones and tablets
+-Compatible with Angular Universal
+-Image lightbox popup
+-captures keyboard next/previous arrow key event for lightbox image move
+-Support Images (jpeg, jpg, gif, png and Base64-String), 
+-Handling runtime image arraylist changes
 
-Run `ng generate component component-name --project angular-image-text-slider` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project angular-image-text-slider`.
-> Note: Don't forget to add `--project angular-image-text-slider` or else it will be added to the default project in your `angular.json` file. 
+## Installation
+npm i angular-image-text-slider
 
-## Build
+## Setup :
+###import { AngularImageTextSliderModule } from 'angular-image-text-slider';
+...
 
-Run `ng build angular-image-text-slider` to build the project. The build artifacts will be stored in the `dist/` directory.
+@NgModule({
+    declarations: [
+        AppComponent
+    ],
+    imports: [
+        AngularImageTextSliderModule,
+        ...
+    ],
+    providers: [],
+    bootstrap: [AppComponent]
+})
 
-## Publishing
+export class AppModule {
+}
 
-After building your library with `ng build angular-image-text-slider`, go to the dist folder `cd dist/angular-image-text-slider` and run `npm publish`.
+### Add component in your template file.
+ 
+ <lib-angular-image-text-slider [slides]="eventsList" (slideActionEvent)="goToEventsPage()"></lib-angular-image-text-slider>
 
-## Running unit tests
+### EventsList format 
+ eventsList: Array<Object> = [ 
+    {
+      title:'Title 1',
+      description:'description 1',
+      imageUrl:'https://www.itsolutionstuff.com/upload/angular-8-add-bootstrap.png',
+      
+    },
+    {
+      title:'Title 2',
+      description:'description 2',
+      imageUrl:'https://img-19.commentcamarche.net/cI8qqj-finfDcmx6jMK6Vr-krEw=/1500x/smart/b829396acc244fd484c5ddcdcb2b08f3/ccmcms-commentcamarche/20494859.jpg',
+      
+    },
+    {
+      title:'Title 3',
+      description:'description 3',
+      imageUrl:'https://images.ctfassets.net/hrltx12pl8hq/3j5RylRv1ZdswxcBaMi0y7/b84fa97296bd2350db6ea194c0dce7db/Music_Icon.jpg',
+      
+    },
+   ]; 
 
-Run `ng test angular-image-text-slider` to execute the unit tests via [Karma](https://karma-runner.github.io).
+##License
+As Angular itself, this module is released under the permissive MIT license.
+Your contributions and suggestions are always welcome :)
 
-## Further help
-
-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.
+##Keywords
+Angular Angular image slider Angular video slider Angular Carousel responsive slider slideshow carousel slider

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

No contributors or author data

Maintenance

Package does not specify a list of contributors or an author in package.json.

Found 1 instance in 1 package

No License Found

License

(Experimental) License information could not be found.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

61513

69.37%

Number of low license alerts

0

-100%

Lines of code

424

25.07%

Number of low maintenance alerts

1

-50%

Number of lines in readme file

67

168%

Worsened metrics

Number of low supply chain risk alerts

8

700%

No dependency changes