swiper-lite - npm Package Compare versions

Comparing version 4.3.5 to 4.3.6

package.json

 {
   "name": "swiper-lite",
-  "version": "4.3.5",
+  "version": "4.3.6",
   "description": "Most modern mobile touch slider and framework with hardware accelerated transitions",
@@ -5,0 +5,0 @@ "main": "dist/js/swiper.js",

README.md

@@ -1,74 +0,33 @@
-[![Join the chat at https://gitter.im/nolimits4web/Swiper](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/nolimits4web/Swiper)
-[![Build Status](https://travis-ci.org/nolimits4web/swiper.svg?branch=master)](https://travis-ci.org/nolimits4web/swiper)
-[![devDependency Status](https://david-dm.org/nolimits4web/swiper/dev-status.svg)](https://david-dm.org/nolimits4web/swiper#info=devDependencies)
-[![jsDelivr Hits](https://data.jsdelivr.com/v1/package/npm/swiper/badge?style=rounded)](https://www.jsdelivr.com/package/npm/swiper)
-
-Swiper
+Swiper Lite
 ==========
 
-[![Greenkeeper badge](https://badges.greenkeeper.io/nolimits4web/Swiper.svg)](https://greenkeeper.io/)
+This is a lite edition of [Swiper 4](https://github.com/nolimits4web/swiper/), which aims at modern mobile device and simple use cases.
 
-Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Designed mostly for iOS, but also works great on latest Android, Windows Phone 8 and modern Desktop browsers
+By removing unnecessary modules, the size of lite edition reduce from 264kb to 171kb.
 
-Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.
-
-# Getting Started
-  * [Getting Started Guide](http://www.idangero.us/swiper/get-started/)
-  * [API](http://www.idangero.us/swiper/api/)
-  * [Demos](http://www.idangero.us/swiper/demos/)
-  * [Forum](http://www.idangero.us/swiper/forum/)
-
-# Dist / Build
-
-On production use files (JS and CSS) only from `dist/` folder, there will be the most stable versions, `build/` folder is only for development purpose
-
-### Development Build
-
-Swiper uses `gulp` to build a development (build) and production (dist) versions.
-
-First you need to have `gulp-cli` which you should install globally.
-
+# Install
+```bash
+npm install --save swiper-lite
 ```
-$ npm install --global gulp
-```
 
-Then install all dependencies, in repo's root:
-
+```javascript
+// in your javascript
+import Swiper from 'swiper-lite'
 ```
-$ npm install
-```
 
-And build development version of Swiper:
-```
-$ npm run build:dev
-```
+# Whats removed?
 
-The result is available in `build/` folder.
-
-### Production Build
-
-```
-$ npm run build:prod
-```
-
-Production version will available in `dist/` folder.
-
-# Contributing
-
-All changes should be committed to `src/` files only. Before you open an issue please review the [contributing](https://github.com/nolimits4web/Swiper/blob/master/CONTRIBUTING.md) guideline.
-
-Swiper 3.x
-==========
-
-If you are still using Swiper 3.x.x, you may find it in [Swiper3 Branch](https://github.com/nolimits4web/Swiper/tree/Swiper3)
-* [Download Latest Swiper 3.4.2](https://github.com/nolimits4web/Swiper/archive/v3.4.2.zip)
-* [Source Files](https://github.com/nolimits4web/Swiper/tree/Swiper3/src)
-* [API](https://github.com/nolimits4web/Swiper/blob/Swiper3/API.md)
-
-Swiper 2.x
-==========
-
-If you are still using Swiper 2.x.x or you need old browsers support, you may find it in [Swiper2 Branch](https://github.com/nolimits4web/Swiper/tree/Swiper2)
-* [Download Latest Swiper 2.7.6](https://github.com/nolimits4web/Swiper/archive/v2.7.6.zip)
-* [Source Files](https://github.com/nolimits4web/Swiper/tree/Swiper2/src)
-* [API](https://github.com/nolimits4web/Swiper/blob/Swiper2/API.md)
+- `virtual slide` module <sup>removed</sup>
+- `keyboard` module <sup>removed</sup>
+- `mousewheel` module <sup>removed</sup>
+- `navigation` module <sup>removed</sup>
+- `scrollbar` module <sup>removed</sup>
+- `zoom` module <sup>removed</sup>
+- `lazy` module <sup>removed</sup>
+- `a11y` module <sup>removed</sup>
+- `history` module <sup>removed</sup>
+- `hash-navigation` module <sup>removed</sup>
+- `effect-cube` module <sup>removed</sup>
+- `effect-flip` module <sup>removed</sup>
+- `grabCursor` feature <sup>removed</sup>
+- `breakpoints` feature <sup>removed</sup>

src/components/core/update/updateSlidesProgress.js

@@ -5,3 +5,3 @@ export default function (translate = (this && this.translate) || 0) {
 
-  const { slides, rtlTranslate: rtl } = swiper;
+  const { slides, rtlTranslate: rtl, swiperSize } = swiper;
 
@@ -14,2 +14,7 @@ if (slides.length === 0) return;
 
+  let spaceBetween = params.spaceBetween;
+  if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
+    spaceBetween = (parseFloat(spaceBetween.replace('%', '')) / 100) * swiperSize;
+  }
+
   // Visible Slides
@@ -22,3 +27,3 @@ slides.removeClass(params.slideVisibleClass);
       (offsetCenter + (params.centeredSlides ? swiper.minTranslate() : 0)) - slide.swiperSlideOffset
-    ) / (slide.swiperSlideSize + params.spaceBetween);
+    ) / (slide.swiperSlideSize + spaceBetween);
     if (params.watchSlidesVisibility) {
@@ -25,0 +30,0 @@ const slideBefore = -(offsetCenter - slide.swiperSlideOffset);

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 2 instances in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Lines of code

26468

increased by0.06%

Number of low supply chain risk alerts

12

decreased by-45.45%

Worsened metrics

Total package byte prevSize

1322816

decreased by-0.06%

Number of lines in readme file

34

decreased by-54.67%

No dependency changes