bulma-extensions - npm Package Compare versions

Comparing version 1.0.27 to 1.0.28

bulma-carousel/CHANGELOG.md

@@ -0,1 +1,11 @@
+<a name="2.0.11"></a>
+## [2.0.11](https://github.com/Wikiki/bulma-carousel/compare/2.0.10...2.0.11) (2018-05-13)
+
+
+### Bug Fixes
+
+* **fade:** Blank image ([2eb732c](https://github.com/Wikiki/bulma-carousel/commit/2eb732c))
+
+
+
 <a name="2.0.10"></a>
@@ -2,0 +12,0 @@ ## [2.0.10](https://github.com/Wikiki/bulma-carousel/compare/2.0.9...2.0.10) (2018-05-13)

bulma-carousel/dist/bulma-carousel.js

@@ -425,34 +425,35 @@ (function (global, factory) {
    */
-  _slide(direction = 'next') {
-    if (this.carouselItems.length) {
-      this.emit('carousel:slide:before', this.currentItem);
-      this.currentItem.node.classList.remove('is-active');
-      // initialize direction to change order
-      if (direction === 'previous') {
-        this.currentItem.node = this._previous(this.currentItem.node);
-        // add reverse class
-        if (!this.carousel.classList.contains('carousel-animate-fade')) {
-          this.carousel.classList.add('is-reversing');
-          this.carouselContainer.style.transform = `translateX(${ - Math.abs(this.offset)}px)`;
-        }
-      } else {
-        // Reorder items
-        this.currentItem.node = this._next(this.currentItem.node);
-        // re_slide reverse class
-        this.carousel.classList.remove('is-reversing');
-        this.carouselContainer.style.transform = `translateX(${Math.abs(this.offset)}px)`;
-      }
-      this.currentItem.node.classList.add('is-active');
+   _slide(direction = 'next') {
+     if (this.carouselItems.length) {
+ 			this.oldItemNode = this.currentItem.node;
+       this.emit('carousel:slide:before', this.currentItem);
+       // initialize direction to change order
+       if (direction === 'previous') {
+         this.currentItem.node = this._previous(this.currentItem.node);
+         // add reverse class
+         if (!this.carousel.classList.contains('carousel-animate-fade')) {
+           this.carousel.classList.add('is-reversing');
+           this.carouselContainer.style.transform = `translateX(${ - Math.abs(this.offset)}px)`;
+         }
+       } else {
+         // Reorder items
+         this.currentItem.node = this._next(this.currentItem.node);
+         // re_slide reverse class
+         this.carousel.classList.remove('is-reversing');
+         this.carouselContainer.style.transform = `translateX(${Math.abs(this.offset)}px)`;
+       }
+       this.currentItem.node.classList.add('is-active');
+ 			this.oldItemNode.classList.remove('is-active');
 
-      // Disable transition to instant change order
-      this.carousel.classList.remove('carousel-animated');
-      // Enable transition to animate order 1 to order 2
-      setTimeout(() => {
-        this.carousel.classList.add('carousel-animated');
-      }, 50);
+       // Disable transition to instant change order
+       this.carousel.classList.remove('carousel-animated');
+       // Enable transition to animate order 1 to order 2
+       setTimeout(() => {
+         this.carousel.classList.add('carousel-animated');
+       }, 50);
 
-      this._setOrder();
-      this.emit('carousel:slide:after', this.currentItem);
-    }
-  }
+       this._setOrder();
+       this.emit('carousel:slide:after', this.currentItem);
+     }
+   }
 
@@ -459,0 +460,0 @@ /**

bulma-carousel/dist/bulma-carousel.min.js

@@ -1,1 +0,1 @@
-(function(a,b){'object'==typeof exports&&'undefined'!=typeof module?module.exports=b():'function'==typeof define&&define.amd?define('bulmaCarousel',b):a.bulmaCarousel=b()})(this,function(){'use strict';var a=Math.abs;class b{constructor(a=[]){this._listeners=new Map(a),this._middlewares=new Map}listenerCount(a){if(!this._listeners.has(a))return 0;const b=this._listeners.get(a);return b.length}removeListeners(a=null,b=!1){null===a?this._listeners=new Map:Array.isArray(a)?name.forEach((a)=>this.removeListeners(a,b)):(this._listeners.delete(a),b&&this.removeMiddleware(a))}middleware(a,b){Array.isArray(a)?name.forEach((a)=>this.middleware(a,b)):(!Array.isArray(this._middlewares.get(a))&&this._middlewares.set(a,[]),this._middlewares.get(a).push(b))}removeMiddleware(a=null){null===a?this._middlewares=new Map:Array.isArray(a)?name.forEach((a)=>this.removeMiddleware(a)):this._middlewares.delete(a)}on(a,b,c=!1){if(Array.isArray(a))a.forEach((a)=>this.on(a,b));else{a=a.toString();const d=a.split(/,|, | /);1<d.length?d.forEach((a)=>this.on(a,b)):(!Array.isArray(this._listeners.get(a))&&this._listeners.set(a,[]),this._listeners.get(a).push({once:c,callback:b}))}}once(a,b){this.on(a,b,!0)}emit(a,b,c=!1){a=a.toString();let d=this._listeners.get(a),e=null,f=0,g=c;if(Array.isArray(d))for(d.forEach((h,i)=>{c||(e=this._middlewares.get(a),Array.isArray(e)?(e.forEach((c)=>{c(b,(a=null)=>{null!==a&&(b=a),f++},a)}),f>=e.length&&(g=!0)):g=!0),g&&(h.once&&(d[i]=null),h.callback(b))});-1!==d.indexOf(null);)d.splice(d.indexOf(null),1)}}class c extends b{constructor(a){if(super(),this._clickEvents=['touchstart','click'],this.carousel='string'==typeof a?document.querySelector(a):a,!this.carousel)throw new Error('An invalid selector or non-DOM node has been provided.');this.options=Object.assign({},{threshold:50,restraint:100,allowedTime:500}),this.init()}static attach(a='.carousel, .hero-carousel'){let b=[];const d=document.querySelectorAll(a);return[].forEach.call(d,(a)=>{setTimeout(()=>{b.push(new c(a))},100)}),b}init(){let a=!1;if(this.computedStyle=window.getComputedStyle(this.carousel),this.carouselWidth=parseInt(this.computedStyle.getPropertyValue('width'),10),this.carouselContainer=this.carousel.querySelector('.carousel-container'),this.carouselItems=this.carousel.querySelectorAll('.carousel-item'),this.carouselItemsArray=Array.from(this.carouselItems),this.carousel.dataset.size&&!this.carousel.classList.contains('carousel-animate-fade')&&(this.carousel.dataset.size>=this.carouselItemsArray.length?(this.offset=0,a=!0):this.offset=this.carouselWidth/this.carousel.dataset.size,this.carouselContainer.style.left=0-this.offset+'px',this.carouselContainer.style.transform=`translateX(${this.offset}px)`,[].forEach.call(this.carouselItems,(a)=>{a.style.flexBasis=`${this.offset}px`})),this._initNavigation(a),this.carousel.classList.contains('carousel-animate-fade')&&this.carouselItems.length){let a=this.carouselItems[0].querySelector('img'),b=1;a.naturalWidth?(b=this.carouselWidth/a.naturalWidth,this.carouselContainer.style.height=a.naturalHeight*b+'px'):a.onload=()=>{b=this.carouselWidth/a.naturalWidth,this.carouselContainer.style.height=a.naturalHeight*b+'px'}}this.currentItem={carousel:this.carousel,node:null,pos:-1},this.currentItem.node=this.carousel.querySelector('.carousel-item.is-active'),this.currentItem.pos=this.currentItem.node?this.carouselItemsArray.indexOf(this.currentItem.node):-1,this.currentItem.node||(this.currentItem.node=this.carouselItems[0],this.currentItem.node.classList.add('is-active'),this.currentItem.pos=0),this._setOrder(),this.carousel.dataset.autoplay&&'true'==this.carousel.dataset.autoplay&&this._autoPlay(this.carousel.dataset.delay||5e3),this._bindEvents(),this.emit('carousel:ready',this.currentItem)}_initNavigation(a=!1){this.previousControl=this.carousel.querySelector('.carousel-nav-left'),this.nextControl=this.carousel.querySelector('.carousel-nav-right'),(1>=this.carouselItems.length||a)&&(this.carouselContainer&&(this.carouselContainer.style.left='0'),this.previousControl&&(this.previousControl.style.display='none'),this.nextControl&&(this.nextControl.style.display='none'))}_bindEvents(){this.previousControl&&this._clickEvents.forEach((a)=>{this.previousControl.addEventListener(a,(a)=>{a.preventDefault(),this._slide('previous'),this._autoPlayInterval&&(clearInterval(this._autoPlayInterval),this._autoPlay(this.carousel.dataset.delay||5e3))})}),this.nextControl&&this._clickEvents.forEach((a)=>{this.nextControl.addEventListener(a,(a)=>{a.preventDefault(),this._slide('next'),this._autoPlayInterval&&(clearInterval(this._autoPlayInterval),this._autoPlay(this.carousel.dataset.delay||5e3))})}),this.carousel.addEventListener('touchstart',(a)=>{this._swipeStart(a)}),this.carousel.addEventListener('touchmove',(a)=>{a.preventDefault()}),this.carousel.addEventListener('touchend',(a)=>{this._swipeEnd(a)})}_next(a){return a.nextElementSibling?a.nextElementSibling:this.carouselItems[0]}_previous(a){return a.previousElementSibling?a.previousElementSibling:this.carouselItems[this.carouselItems.length-1]}_setOrder(){this.currentItem.node.style.order='1',this.currentItem.node.style.zIndex='1';let a,b,c,d=this.currentItem.node;for(a=b=2,c=this.carouselItemsArray.length;2<=c?b<=c:b>=c;a=2<=c?++b:--b)d=this._next(d),d.style.order=''+a%this.carouselItemsArray.length,d.style.zIndex='0'}_swipeStart(a){a.preventDefault(),this._touch={start:{time:new Date().getTime(),x:touchObj.pageX,y:touchObj.pageY},dist:{x:0,y:0}}}_swipeEnd(a){a.preventDefault();const b=a.changedTouches[0];this._touch.dist={x:b.pageX-this._touch.start.x,y:b.pageY-this._touch.start.y},this._handleGesture()}_handleGesture(){const b=new Date().getTime()-this._touch.start.time;b<=this.options.allowedTime&&a(this._touch.dist.x)>=this.options.threshold&&a(this._touch.dist.y)<=this.options.restraint&&(0>this._touch.dist.x?this._slide('next'):this._slide('previous'))}_slide(b='next'){this.carouselItems.length&&(this.emit('carousel:slide:before',this.currentItem),this.currentItem.node.classList.remove('is-active'),'previous'===b?(this.currentItem.node=this._previous(this.currentItem.node),!this.carousel.classList.contains('carousel-animate-fade')&&(this.carousel.classList.add('is-reversing'),this.carouselContainer.style.transform=`translateX(${-a(this.offset)}px)`)):(this.currentItem.node=this._next(this.currentItem.node),this.carousel.classList.remove('is-reversing'),this.carouselContainer.style.transform=`translateX(${a(this.offset)}px)`),this.currentItem.node.classList.add('is-active'),this.carousel.classList.remove('carousel-animated'),setTimeout(()=>{this.carousel.classList.add('carousel-animated')},50),this._setOrder(),this.emit('carousel:slide:after',this.currentItem))}_autoPlay(a=5e3){this._autoPlayInterval=setInterval(()=>{this._slide('next')},a)}}return c});
+(function(a,b){'object'==typeof exports&&'undefined'!=typeof module?module.exports=b():'function'==typeof define&&define.amd?define('bulmaCarousel',b):a.bulmaCarousel=b()})(this,function(){'use strict';var a=Math.abs;class b{constructor(a=[]){this._listeners=new Map(a),this._middlewares=new Map}listenerCount(a){if(!this._listeners.has(a))return 0;const b=this._listeners.get(a);return b.length}removeListeners(a=null,b=!1){null===a?this._listeners=new Map:Array.isArray(a)?name.forEach((a)=>this.removeListeners(a,b)):(this._listeners.delete(a),b&&this.removeMiddleware(a))}middleware(a,b){Array.isArray(a)?name.forEach((a)=>this.middleware(a,b)):(!Array.isArray(this._middlewares.get(a))&&this._middlewares.set(a,[]),this._middlewares.get(a).push(b))}removeMiddleware(a=null){null===a?this._middlewares=new Map:Array.isArray(a)?name.forEach((a)=>this.removeMiddleware(a)):this._middlewares.delete(a)}on(a,b,c=!1){if(Array.isArray(a))a.forEach((a)=>this.on(a,b));else{a=a.toString();const d=a.split(/,|, | /);1<d.length?d.forEach((a)=>this.on(a,b)):(!Array.isArray(this._listeners.get(a))&&this._listeners.set(a,[]),this._listeners.get(a).push({once:c,callback:b}))}}once(a,b){this.on(a,b,!0)}emit(a,b,c=!1){a=a.toString();let d=this._listeners.get(a),e=null,f=0,g=c;if(Array.isArray(d))for(d.forEach((h,i)=>{c||(e=this._middlewares.get(a),Array.isArray(e)?(e.forEach((c)=>{c(b,(a=null)=>{null!==a&&(b=a),f++},a)}),f>=e.length&&(g=!0)):g=!0),g&&(h.once&&(d[i]=null),h.callback(b))});-1!==d.indexOf(null);)d.splice(d.indexOf(null),1)}}class c extends b{constructor(a){if(super(),this._clickEvents=['touchstart','click'],this.carousel='string'==typeof a?document.querySelector(a):a,!this.carousel)throw new Error('An invalid selector or non-DOM node has been provided.');this.options=Object.assign({},{threshold:50,restraint:100,allowedTime:500}),this.init()}static attach(a='.carousel, .hero-carousel'){let b=[];const d=document.querySelectorAll(a);return[].forEach.call(d,(a)=>{setTimeout(()=>{b.push(new c(a))},100)}),b}init(){let a=!1;if(this.computedStyle=window.getComputedStyle(this.carousel),this.carouselWidth=parseInt(this.computedStyle.getPropertyValue('width'),10),this.carouselContainer=this.carousel.querySelector('.carousel-container'),this.carouselItems=this.carousel.querySelectorAll('.carousel-item'),this.carouselItemsArray=Array.from(this.carouselItems),this.carousel.dataset.size&&!this.carousel.classList.contains('carousel-animate-fade')&&(this.carousel.dataset.size>=this.carouselItemsArray.length?(this.offset=0,a=!0):this.offset=this.carouselWidth/this.carousel.dataset.size,this.carouselContainer.style.left=0-this.offset+'px',this.carouselContainer.style.transform=`translateX(${this.offset}px)`,[].forEach.call(this.carouselItems,(a)=>{a.style.flexBasis=`${this.offset}px`})),this._initNavigation(a),this.carousel.classList.contains('carousel-animate-fade')&&this.carouselItems.length){let a=this.carouselItems[0].querySelector('img'),b=1;a.naturalWidth?(b=this.carouselWidth/a.naturalWidth,this.carouselContainer.style.height=a.naturalHeight*b+'px'):a.onload=()=>{b=this.carouselWidth/a.naturalWidth,this.carouselContainer.style.height=a.naturalHeight*b+'px'}}this.currentItem={carousel:this.carousel,node:null,pos:-1},this.currentItem.node=this.carousel.querySelector('.carousel-item.is-active'),this.currentItem.pos=this.currentItem.node?this.carouselItemsArray.indexOf(this.currentItem.node):-1,this.currentItem.node||(this.currentItem.node=this.carouselItems[0],this.currentItem.node.classList.add('is-active'),this.currentItem.pos=0),this._setOrder(),this.carousel.dataset.autoplay&&'true'==this.carousel.dataset.autoplay&&this._autoPlay(this.carousel.dataset.delay||5e3),this._bindEvents(),this.emit('carousel:ready',this.currentItem)}_initNavigation(a=!1){this.previousControl=this.carousel.querySelector('.carousel-nav-left'),this.nextControl=this.carousel.querySelector('.carousel-nav-right'),(1>=this.carouselItems.length||a)&&(this.carouselContainer&&(this.carouselContainer.style.left='0'),this.previousControl&&(this.previousControl.style.display='none'),this.nextControl&&(this.nextControl.style.display='none'))}_bindEvents(){this.previousControl&&this._clickEvents.forEach((a)=>{this.previousControl.addEventListener(a,(a)=>{a.preventDefault(),this._slide('previous'),this._autoPlayInterval&&(clearInterval(this._autoPlayInterval),this._autoPlay(this.carousel.dataset.delay||5e3))})}),this.nextControl&&this._clickEvents.forEach((a)=>{this.nextControl.addEventListener(a,(a)=>{a.preventDefault(),this._slide('next'),this._autoPlayInterval&&(clearInterval(this._autoPlayInterval),this._autoPlay(this.carousel.dataset.delay||5e3))})}),this.carousel.addEventListener('touchstart',(a)=>{this._swipeStart(a)}),this.carousel.addEventListener('touchmove',(a)=>{a.preventDefault()}),this.carousel.addEventListener('touchend',(a)=>{this._swipeEnd(a)})}_next(a){return a.nextElementSibling?a.nextElementSibling:this.carouselItems[0]}_previous(a){return a.previousElementSibling?a.previousElementSibling:this.carouselItems[this.carouselItems.length-1]}_setOrder(){this.currentItem.node.style.order='1',this.currentItem.node.style.zIndex='1';let a,b,c,d=this.currentItem.node;for(a=b=2,c=this.carouselItemsArray.length;2<=c?b<=c:b>=c;a=2<=c?++b:--b)d=this._next(d),d.style.order=''+a%this.carouselItemsArray.length,d.style.zIndex='0'}_swipeStart(a){a.preventDefault(),this._touch={start:{time:new Date().getTime(),x:touchObj.pageX,y:touchObj.pageY},dist:{x:0,y:0}}}_swipeEnd(a){a.preventDefault();const b=a.changedTouches[0];this._touch.dist={x:b.pageX-this._touch.start.x,y:b.pageY-this._touch.start.y},this._handleGesture()}_handleGesture(){const b=new Date().getTime()-this._touch.start.time;b<=this.options.allowedTime&&a(this._touch.dist.x)>=this.options.threshold&&a(this._touch.dist.y)<=this.options.restraint&&(0>this._touch.dist.x?this._slide('next'):this._slide('previous'))}_slide(b='next'){this.carouselItems.length&&(this.oldItemNode=this.currentItem.node,this.emit('carousel:slide:before',this.currentItem),'previous'===b?(this.currentItem.node=this._previous(this.currentItem.node),!this.carousel.classList.contains('carousel-animate-fade')&&(this.carousel.classList.add('is-reversing'),this.carouselContainer.style.transform=`translateX(${-a(this.offset)}px)`)):(this.currentItem.node=this._next(this.currentItem.node),this.carousel.classList.remove('is-reversing'),this.carouselContainer.style.transform=`translateX(${a(this.offset)}px)`),this.currentItem.node.classList.add('is-active'),this.oldItemNode.classList.remove('is-active'),this.carousel.classList.remove('carousel-animated'),setTimeout(()=>{this.carousel.classList.add('carousel-animated')},50),this._setOrder(),this.emit('carousel:slide:after',this.currentItem))}_autoPlay(a=5e3){this._autoPlayInterval=setInterval(()=>{this._slide('next')},a)}}return c});

bulma-carousel/package.json

 {
   "name": "bulma-carousel",
-  "version": "2.0.10",
+  "version": "2.0.11",
   "description": "Display a Image / Content carousel",
@@ -5,0 +5,0 @@ "main": "dist/bulma-carousel.sass",

CHANGELOG.md

@@ -0,1 +1,6 @@
+<a name="1.0.28"></a>
+## [1.0.28](https://github.com/Wikiki/bulma-extensions/compare/1.0.27...1.0.28) (2018-05-13)
+
+
+
 <a name="1.0.27"></a>
@@ -2,0 +7,0 @@ ## [1.0.27](https://github.com/Wikiki/bulma-extensions/compare/1.0.26...1.0.27) (2018-05-13)

package.json

 {
   "name": "bulma-extensions",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "description": "Set of extensions for Bulma.io CSS Framework",
@@ -5,0 +5,0 @@ "main": "dist/extensions.sass",

No alert changes

Improved metrics

Total package byte prevSize

811677

increased by0.05%

Lines of code

2810

increased by0.04%

No dependency changes