angular-jk-carousel-fork
Advanced tools
Comparing version 0.1.7 to 1.0.0
{ | ||
"name": "angular-jk-carousel-fork", | ||
"version": "0.1.7", | ||
"description": "Amazing carousel for angular material", | ||
"main": "dist/jk-carousel.js", | ||
"version": "1.0.0", | ||
"description": "", | ||
"main": "index.js", | ||
"scripts": { | ||
"test": "echo \"Error: no test specified\" && exit 1" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "git://github.com/juank11memphis/angular-jk-carousel.git" | ||
"url": "git+https://github.com/npm/deprecate-holder.git" | ||
}, | ||
"scripts": { | ||
"prepublish": "gulp build", | ||
"test": "echo \"Error: no test specified\" && exit 1" | ||
}, | ||
"author": "", | ||
"license": "ISC", | ||
"bugs": { | ||
"url": "https://github.com/MRdotB/angular-jk-carousel/issues" | ||
"url": "https://github.com/npm/deprecate-holder/issues" | ||
}, | ||
"homepage": "https://github.com/juank11memphis/angular-jk-carousel#readme", | ||
"author": "Juan Carlos Morales Mora <juank.memphis@gmail.com>", | ||
"contributors": [ | ||
{ | ||
"name": "Pablo Gonzalez", | ||
"email": "pablohgm@gmail.com" | ||
} | ||
], | ||
"license": "MIT", | ||
"keywords": [ | ||
"angular", | ||
"angular-material", | ||
"carousel", | ||
"slider" | ||
], | ||
"devDependencies": { | ||
"gulp": "3.9.0", | ||
"require-dir": "0.3.0", | ||
"run-sequence": "1.1.5", | ||
"gulp-sass": "2.1.1", | ||
"gulp-autoprefixer": "3.1.0", | ||
"gulp-concat": "2.6.0", | ||
"gulp-size": "2.0.0", | ||
"del": "2.2.0", | ||
"gulp-cache": "0.4.1", | ||
"gulp-angular-templatecache": "1.8.0", | ||
"gulp-csso": "1.0.1", | ||
"systemjs-builder": "0.14.15", | ||
"gulp-uglify": "1.5.1", | ||
"uglify-save-license": "0.4.1", | ||
"gulp-util": "3.0.7", | ||
"gulp-rename": "1.2.2", | ||
"gulp-jshint": "1.10.0", | ||
"jshint-stylish": "2.1.0", | ||
"gulp-util": "3.0.7" | ||
} | ||
"homepage": "https://github.com/npm/deprecate-holder#readme" | ||
} |
@@ -1,64 +0,5 @@ | ||
# AngularJS Responsive Carousel | ||
# Deprecated Package | ||
An Amazing Fully Responsive AngularJS 1 Carousel that works with Angular Material and has no jQuery dependency. | ||
This package is no longer supported and has been deprecated. To avoid malicious use, npm is hanging on to the package name. | ||
Demo : https://embed.plnkr.co/ovBExhpO40yzWPJ47QFE/ | ||
## Install : | ||
### npm | ||
`npm install angular-jk-carousel` | ||
## Usage : | ||
- Add `jk-carousel.js` to your index file: | ||
```html | ||
<script src="angular.js"></script> | ||
<script src="jk-carousel.js"></script> | ||
``` | ||
- Add `jk-carousel.css` to your index file: | ||
```html | ||
<link href="jk-carousel.css" rel="stylesheet" type="text/css" /> | ||
``` | ||
- Add a dependency to the `jkAngularCarousel` module in your application. | ||
```js | ||
angular.module('MyApp', ['jkAngularCarousel']); | ||
``` | ||
- Add a `jk-carousel` tag to your html, set the data array, the item template url and the carousel max width and height. | ||
```html | ||
<jk-carousel data="ctrl.arrayData" item-template-url="'item-template.html'" max-width="700" max-height="400" > | ||
</jk-carousel> | ||
``` | ||
NOTE: If a maxWidth and a maxHeight is not set, the component will work, but, it will not be responsive, this feature requires those properties to be properly set ('100%' is not an accepted value, a specific size in pixels needs to be set). | ||
- The data array can be pretty much any collection of any kind of objects that you like | ||
```js | ||
vm.arrayData = [ | ||
{ src: 'image1.png' }, | ||
{ src: 'image2.png' }, | ||
{ src: 'image3.png' }, | ||
{ src: 'image4.png' } | ||
]; | ||
``` | ||
- A very simple example of an item template looks like this: | ||
```html | ||
<div> | ||
<img ng-src="{{slideItem.src}}" > | ||
</div> | ||
``` | ||
- It is possible to set the component to auto slide, if the auto slide time is not set, we use the default of 5 seconds: | ||
```html | ||
<jk-carousel data="ctrl.arrayData" item-template-url="'item-template.html'" auto-slide="true" auto-slide-time="1000" max-width="700" max-height="400" > | ||
</jk-carousel> | ||
``` | ||
## TODO : | ||
- Add Fade transition type | ||
## License | ||
This module is released under the permissive [MIT license](http://revolunet.mit-license.org). Contributions or suggestions are always welcome :D | ||
Please contact support@npmjs.com if you have questions about this package. |
Empty package
Supply chain riskPackage does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage 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
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
No contributors or author data
MaintenancePackage does not specify a list of contributors or an author in package.json.
Found 1 instance in 1 package
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
0
1
687
2
0
6
3