vue-gallery - npm Package Compare versions

Comparing version 1.1.5 to 1.2.0

dist/js/vue-gallery.js

@@ -151,6 +151,4 @@ (function (global, factory) {
 var VueGallery$1 = { render: function render() {
-    var _vm = this;return _vm._m(0);
-  }, staticRenderFns: [function () {
-    var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('div', { staticClass: "blueimp-gallery blueimp-gallery-controls", attrs: { "id": "blueimp-gallery" } }, [_c('div', { staticClass: "slides" }), _c('h3', { staticClass: "title" }), _c('a', { staticClass: "prev" }, [_vm._v("‹")]), _vm._v(" "), _c('a', { staticClass: "next" }, [_vm._v("›")]), _vm._v(" "), _c('a', { staticClass: "close" }, [_vm._v("×")]), _c('ol', { staticClass: "indicator" })]);
-  }],
+    var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('div', { staticClass: "blueimp-gallery blueimp-gallery-controls", class: { 'blueimp-gallery-carousel': _vm.carousel } }, [_c('div', { staticClass: "slides" }), _c('h3', { staticClass: "title" }), _c('a', { staticClass: "prev" }, [_vm._v("‹")]), _vm._v(" "), _c('a', { staticClass: "next" }, [_vm._v("›")]), _vm._v(" "), !_vm.carousel ? _c('a', { staticClass: "close" }, [_vm._v("×")]) : _vm._e(), !_vm.carousel ? _c('ol', { staticClass: "indicator" }) : _vm._e(), _vm.carousel ? _c('a', { staticClass: "play-pause" }) : _vm._e()]);
+  }, staticRenderFns: [],
   props: {
@@ -171,2 +169,7 @@ images: {
 
+    carousel: {
+      type: Boolean,
+      default: false
+    },
+
     index: {
@@ -186,2 +189,6 @@ type: Number
     index: function index(value) {
+      if (this.carousel) {
+        return;
+      }
+
       if (value !== null) {
@@ -199,2 +206,5 @@ this.open(value);
 
+  mounted: function mounted() {
+    this.open();
+  },
   destoryed: function destoryed() {
@@ -207,11 +217,14 @@ this.instance.close();
   methods: {
-    open: function open(index) {
+    open: function open() {
       var _this = this;
 
+      var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+
       var instance = typeof blueimp.Gallery !== 'undefined' ? blueimp.Gallery : blueimp;
 
-      this.instance = instance(this.images, _extends({
+      var options = _extends({
         toggleControlsOnReturn: false,
         toggleControlsOnSlideClick: false,
         closeOnSlideClick: false,
+        carousel: this.carousel,
         index: index,
@@ -239,3 +252,9 @@ onopen: function onopen() {
         }
-      }, this.options));
+      }, this.options);
+
+      if (this.carousel) {
+        options.container = this.$el;
+      }
+
+      this.instance = instance(this.images, options);
     }
@@ -242,0 +261,0 @@ }

dist/js/vue-gallery.min.js

@@ -1,1 +0,1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("blueimp-gallery/css/blueimp-gallery.min.css"),require("blueimp-gallery/js/blueimp-gallery-fullscreen.js"),require("blueimp-gallery/js/blueimp-gallery.js")):"function"==typeof define&&define.amd?define(["blueimp-gallery/css/blueimp-gallery.min.css","blueimp-gallery/js/blueimp-gallery-fullscreen.js","blueimp-gallery/js/blueimp-gallery.js"],n):e.VueGallery=n(null,null,e.blueimp)}(this,function(e,n,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;!function(){function e(e){this.value=e}function n(n){function t(r,l){try{var o=n[r](l),s=o.value;s instanceof e?Promise.resolve(s.value).then(function(e){t("next",e)},function(e){t("throw",e)}):i(o.done?"return":"normal",o.value)}catch(e){i("throw",e)}}function i(e,n){switch(e){case"return":r.resolve({value:n,done:!0});break;case"throw":r.reject(n);break;default:r.resolve({value:n,done:!1})}(r=r.next)?t(r.key,r.arg):l=null}var r,l;this._invoke=function(e,n){return new Promise(function(i,o){var s={key:e,arg:n,resolve:i,reject:o,next:null};l?l=l.next=s:(r=l=s,t(e,n))})},"function"!=typeof n.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(n.prototype[Symbol.asyncIterator]=function(){return this}),n.prototype.next=function(e){return this._invoke("next",e)},n.prototype.throw=function(e){return this._invoke("throw",e)},n.prototype.return=function(e){return this._invoke("return",e)}}();var i=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e};return{render:function(){return this._m(0)},staticRenderFns:[function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"blueimp-gallery blueimp-gallery-controls",attrs:{id:"blueimp-gallery"}},[t("div",{staticClass:"slides"}),t("h3",{staticClass:"title"}),t("a",{staticClass:"prev"},[e._v("‹")]),e._v(" "),t("a",{staticClass:"next"},[e._v("›")]),e._v(" "),t("a",{staticClass:"close"},[e._v("×")]),t("ol",{staticClass:"indicator"})])}],props:{images:{type:Array,default:function(){return[]}},options:{type:Object,default:function(){return{}}},index:{type:Number}},data:function(){return{instance:null}},watch:{index:function(e){null!==e?this.open(e):(this.instance&&this.instance.close(),this.$emit("close"))}},destoryed:function(){this.instance.close(),this.instance=null},methods:{open:function(e){var n=this,r=void 0!==t.Gallery?t.Gallery:t;this.instance=r(this.images,i({toggleControlsOnReturn:!1,toggleControlsOnSlideClick:!1,closeOnSlideClick:!1,index:e,onopen:function(){return n.$emit("onopen")},onopened:function(){return n.$emit("onopened")},onslide:function(e,t){return n.$emit("onslide",{index:e,slide:t})},onslideend:function(e,t){return n.$emit("onslideend",{index:e,slide:t})},onslidecomplete:function(e,t){return n.$emit("onslidecomplete",{index:e,slide:t})},onclose:function(){return n.$emit("close")},onclosed:function(){return n.$emit("onclosed")}},this.options))}}}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("blueimp-gallery/css/blueimp-gallery.min.css"),require("blueimp-gallery/js/blueimp-gallery-fullscreen.js"),require("blueimp-gallery/js/blueimp-gallery.js")):"function"==typeof define&&define.amd?define(["blueimp-gallery/css/blueimp-gallery.min.css","blueimp-gallery/js/blueimp-gallery-fullscreen.js","blueimp-gallery/js/blueimp-gallery.js"],t):e.VueGallery=t(null,null,e.blueimp)}(this,function(e,t,n){"use strict";n=n&&n.hasOwnProperty("default")?n.default:n;!function(){function e(e){this.value=e}function t(t){function n(i,o){try{var r=t[i](o),s=r.value;s instanceof e?Promise.resolve(s.value).then(function(e){n("next",e)},function(e){n("throw",e)}):l(r.done?"return":"normal",r.value)}catch(e){l("throw",e)}}function l(e,t){switch(e){case"return":i.resolve({value:t,done:!0});break;case"throw":i.reject(t);break;default:i.resolve({value:t,done:!1})}(i=i.next)?n(i.key,i.arg):o=null}var i,o;this._invoke=function(e,t){return new Promise(function(l,r){var s={key:e,arg:t,resolve:l,reject:r,next:null};o?o=o.next=s:(i=o=s,n(e,t))})},"function"!=typeof t.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(t.prototype[Symbol.asyncIterator]=function(){return this}),t.prototype.next=function(e){return this._invoke("next",e)},t.prototype.throw=function(e){return this._invoke("throw",e)},t.prototype.return=function(e){return this._invoke("return",e)}}();var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e};return{render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"blueimp-gallery blueimp-gallery-controls",class:{"blueimp-gallery-carousel":e.carousel}},[n("div",{staticClass:"slides"}),n("h3",{staticClass:"title"}),n("a",{staticClass:"prev"},[e._v("‹")]),e._v(" "),n("a",{staticClass:"next"},[e._v("›")]),e._v(" "),e.carousel?e._e():n("a",{staticClass:"close"},[e._v("×")]),e.carousel?e._e():n("ol",{staticClass:"indicator"}),e.carousel?n("a",{staticClass:"play-pause"}):e._e()])},staticRenderFns:[],props:{images:{type:Array,default:function(){return[]}},options:{type:Object,default:function(){return{}}},carousel:{type:Boolean,default:!1},index:{type:Number}},data:function(){return{instance:null}},watch:{index:function(e){this.carousel||(null!==e?this.open(e):(this.instance&&this.instance.close(),this.$emit("close")))}},mounted:function(){this.open()},destoryed:function(){this.instance.close(),this.instance=null},methods:{open:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,i=void 0!==n.Gallery?n.Gallery:n,o=l({toggleControlsOnReturn:!1,toggleControlsOnSlideClick:!1,closeOnSlideClick:!1,carousel:this.carousel,index:t,onopen:function(){return e.$emit("onopen")},onopened:function(){return e.$emit("onopened")},onslide:function(t,n){return e.$emit("onslide",{index:t,slide:n})},onslideend:function(t,n){return e.$emit("onslideend",{index:t,slide:n})},onslidecomplete:function(t,n){return e.$emit("onslidecomplete",{index:t,slide:n})},onclose:function(){return e.$emit("close")},onclosed:function(){return e.$emit("onclosed")}},this.options);this.carousel&&(o.container=this.$el),this.instance=i(this.images,o)}}}});

package.json

 {
   "name": "vue-gallery",
-  "version": "1.1.5",
+  "version": "1.2.0",
   "description": "VueJS responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.",
@@ -5,0 +5,0 @@ "main": "dist/js/vue-gallery.js",

No alert changes

Improved metrics

Total package byte prevSize

135945

increased by1.58%

Lines of code

276

increased by6.15%

No dependency changes