joomla/Component-Builder
39
25
Fork 12
Code Issues 78 Pull Requests 2 Projects 4 Wiki Activity

updated Uikit v2

Browse Source
This commit is contained in:
Llewellyn van der Merwe
2017-11-12 02:33:10 +02:00
parent 7d27af5d59
commit 1cc40dbfe4
437 changed files with 9171 additions and 5797 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
media/uikit/js/components/slideshow-fx.js
View File

@ -1,15 +1,15 @@
/*! UIkit 2.25.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
/*! UIkit 2.27.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
(function(addon) {
var component;
if (window.UIkit) {
component = addon(UIkit);
if (window.UIkit2) {
component = addon(UIkit2);
}
if (typeof define == "function" && define.amd) {
define("uikit-slideshow-fx", ["uikit"], function() {
return component || addon(UIkit);
if (typeof define == 'function' && define.amd) {
define('uikit-slideshow-fx', ['uikit'], function() {
return component || addon(UIkit2);
});
}
@ -20,7 +20,7 @@
var Animations = UI.slideshow.animations;
UI.$.extend(UI.slideshow.animations, {
'slice': function(current, next, dir, fromfx) {
slice: function(current, next, dir, fromfx) {
if (!current.data('cover')) {
return Animations.fade.apply(this, arguments);
@ -30,7 +30,7 @@
var sliceWidth = Math.ceil(this.element.width() / this.options.slices),
bgimage = next.data('cover').css('background-image'),
ghost = UI.$('<li></li>').css({
ghost = UI.$('<li class="uk-slideshow-ghost"></li>').css({
top : 0,
left : 0,
width : this.container.width(),
@ -80,19 +80,18 @@
this.container.append(ghost);
ghost.children().last().on(UI.support.transition.end, function() {
ghost.remove();
d.resolve();
setTimeout(function() {
ghost.remove();
d.resolve();
}, 0);
});
ghost.width();
ghost.children().each(function() {
var bar = UI.$(this);
bar.css({
'clip': bar.data('clip'),
'opacity': 1
});
bar = UI.$(this);
bar.css({ clip: bar.data('clip'), opacity: 1 });
});
return d.promise();
@ -110,7 +109,7 @@
return Animations.slice.apply(this, [current, next, dir, 'slice-up-down']);
},
'fold': function(current, next, dir) {
fold: function(current, next, dir) {
if (!next.data('cover')) {
return Animations.fade.apply(this, arguments);
@ -120,7 +119,7 @@
var sliceWidth = Math.ceil(this.element.width() / this.options.slices),
bgimage = next.data('cover').css('background-image'),
ghost = UI.$('<li></li>').css({
ghost = UI.$('<li class="uk-slideshow-ghost"></li>').css({
width : next.width(),
height : next.height(),
opacity: 1,
@ -155,17 +154,19 @@
ghost.width();
ghost.children().first().on(UI.support.transition.end, function() {
ghost.remove();
d.resolve();
setTimeout(function() {
ghost.remove();
d.resolve();
}, 0);
}).end().css({
'transform': 'scaleX(1)',
'opacity': 1
transform: 'scaleX(1)',
opacity: 1
});
return d.promise();
},
'puzzle': function(current, next, dir) {
puzzle: function(current, next, dir) {
if (!next.data('cover')) {
return Animations.fade.apply(this, arguments);
@ -178,7 +179,7 @@
boxRows = Math.round(next.height()/boxWidth),
boxHeight = Math.round(next.height()/boxRows)+1,
bgimage = next.data('cover').css('background-image'),
ghost = UI.$('<li></li>').css({
ghost = UI.$('<li class="uk-slideshow-ghost"></li>').css({
width : this.container.width(),
height : this.container.height(),
opacity : 1,
@ -228,18 +229,21 @@
'-webkit-transition': 'all '+$this.options.duration+'ms ease-in-out '+(50+i*25)+'ms'
});
}).last().on(UI.support.transition.end, function() {
ghost.remove();
d.resolve();
setTimeout(function() {
ghost.remove();
d.resolve();
}, 0);
});
ghost.width();
boxes.css({'opacity': 1});
boxes.css({opacity: 1});
return d.promise();
},
'boxes': function(current, next, dir, fromfx) {
boxes: function(current, next, dir, fromfx) {
if (!next.data('cover')) {
return Animations.fade.apply(this, arguments);
@ -252,7 +256,7 @@
boxRows = Math.round(next.height()/boxWidth),
boxHeight = Math.round(next.height()/boxRows)+1,
bgimage = next.data('cover').css('background-image'),
ghost = UI.$('<li></li>').css({
ghost = UI.$('<li class="uk-slideshow-ghost"></li>').css({
width : next.width(),
height : next.height(),
opacity : 1,
@ -332,8 +336,11 @@
}
boxes.last().on(UI.support.transition.end, function() {
ghost.remove();
d.resolve();
setTimeout(function() {
ghost.remove();
d.resolve();
}, 0);
});
ghost.width();