From 936949af207c93e10bf7eb5302764838a3cee280 Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Tue, 6 Aug 2013 01:27:23 -0400 Subject: [PATCH] Adds default looping to transition Former-commit-id: b4031c7e715fb11fc6ea2f557f0a5047a2e0e1f5 Former-commit-id: 0d0db8cc7ed0f1e93573476c28a6b52cafea89d4 --- build/minified/modules/transition.js | 1 + build/minified/modules/transition.min.css | 2 +- build/minified/modules/transition.min.js | 2 +- build/packaged/modules/transition.js | 1 + build/packaged/semantic.min.css.REMOVED.git-id | 2 +- build/packaged/semantic.min.js.REMOVED.git-id | 2 +- build/uncompressed/modules/transition.css | 5 +++++ build/uncompressed/modules/transition.js | 1 + node/src/files/components/semantic/modules/transition.css | 5 +++++ node/src/files/components/semantic/modules/transition.js | 1 + src/modules/transition.js | 1 + src/modules/transition.less | 6 ++++++ 12 files changed, 25 insertions(+), 4 deletions(-) diff --git a/build/minified/modules/transition.js b/build/minified/modules/transition.js index 802d237a8..01c6f7019 100644 --- a/build/minified/modules/transition.js +++ b/build/minified/modules/transition.js @@ -263,6 +263,7 @@ $.fn.transition = function() { $module .removeClass(className.looping) ; + module.repaint(); } }, diff --git a/build/minified/modules/transition.min.css b/build/minified/modules/transition.min.css index cafebe130..1dc66b9f0 100644 --- a/build/minified/modules/transition.min.css +++ b/build/minified/modules/transition.min.css @@ -1 +1 @@ -.ui.transition{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.ui.hidden.transition{display:none}.ui.visible.transition{display:block}.ui.out.transition{-webkit-animation-direction:reverse;-moz-animation-direction:reverse;-o-animation-direction:reverse;animation-direction:reverse}.ui.disabled.transition{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.ui.looping.transition{-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.ui.flash.transition{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}.ui.shake.transition{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}.ui.bounce.transition{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}.ui.tada.transition{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}.ui.pulse.transition{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}.ui.flip.transition.in,.ui.flip.transition.out{-webkit-perspective:2000px;perspective:2000px}.ui.horizontal.flip.transition.in,.ui.horizontal.flip.transition.out{-webkit-animation-name:horizontalFlip;-moz-animation-name:horizontalFlip;-o-animation-name:horizontalFlip;animation-name:horizontalFlip}.ui.vertical.flip.transition.in,.ui.vertical.flip.transition.out{-webkit-animation-name:verticalFlip;-moz-animation-name:verticalFlip;-o-animation-name:verticalFlip;animation-name:verticalFlip}.ui.fade.transition.in,.ui.fade.transition.out{-webkit-animation-name:fade;-moz-animation-name:fade;-o-animation-name:fade;animation-name:fade}.ui.fade.up.transition.in{-webkit-animation-name:fadeUp;-moz-animation-name:fadeUp;-o-animation-name:fadeUp;animation-name:fadeUp}.ui.fade.up.transition.out{-webkit-animation-name:fadeDown;-moz-animation-name:fadeDown;-o-animation-name:fadeDown;animation-name:fadeDown}.ui.fade.down.transition.in{-webkit-animation-name:fadeDown;-moz-animation-name:fadeDown;-o-animation-name:fadeDown;animation-name:fadeDown}.ui.fade.down.transition.out{-webkit-animation-name:fadeUp;-moz-animation-name:fadeUp;-o-animation-name:fadeUp;animation-name:fadeUp}.ui.scale.transition.in,.ui.scale.transition.out{-webkit-animation-name:scale;-moz-animation-name:scale;-o-animation-name:scale;animation-name:scale}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@-webkit-keyframes horizontalFlip{0%{-webkit-transform:rotateX(90deg);opacity:0}100%{-webkit-transform:rotateX(0deg);opacity:1}}@-moz-keyframes horizontalFlip{0%{-moz-transform:rotateX(90deg);opacity:0}100%{-moz-transform:rotateX(0deg);opacity:1}}@-o-keyframes horizontalFlip{0%{-o-transform:rotateX(90deg);opacity:0}100%{-o-transform:rotateX(0deg);opacity:1}}@keyframes horizontalFlip{0%{transform:rotateX(90deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@-webkit-keyframes verticalFlip{0%{-webkit-transform:rotateY(90deg);opacity:0}100%{-webkit-transform:rotateY(0deg);opacity:1}}@-moz-keyframes verticalFlip{0%{-moz-transform:rotateY(90deg);opacity:0}100%{-moz-transform:rotateY(0deg);opacity:1}}@-o-keyframes verticalFlip{0%{-o-transform:rotateY(90deg);opacity:0}100%{-o-transform:rotateY(0deg);opacity:1}}@keyframes verticalFlip{0%{transform:rotateY(90deg);opacity:0}100%{transform:rotateY(0deg);opacity:1}}@-webkit-keyframes fade{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fade{0%{opacity:0}100%{opacity:1}}@-o-keyframes fade{0%{opacity:0}100%{opacity:1}}@keyframes fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes scale{0%{opacity:0;-webkit-transform:scale(0.7)}100%{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes scale{0%{opacity:0;-moz-transform:scale(0.7)}100%{opacity:1;-moz-transform:scale(1)}}@-o-keyframes scale{0%{opacity:0;-o-transform:scale(0.7)}100%{opacity:1;-o-transform:scale(1)}}@keyframes scale{0%{opacity:0;transform:scale(0.7)}100%{opacity:1;transform:scale(1)}} \ No newline at end of file +.ui.transition{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.ui.hidden.transition{display:none}.ui.visible.transition{display:block}.ui.out.transition{-webkit-animation-direction:reverse;-moz-animation-direction:reverse;-o-animation-direction:reverse;animation-direction:reverse}.ui.disabled.transition{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.ui.looping.transition{-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.ui.flash.transition{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}.ui.shake.transition{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}.ui.bounce.transition{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}.ui.tada.transition{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}.ui.pulse.transition{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}.ui.flip.transition.in,.ui.flip.transition.out{-webkit-perspective:2000px;perspective:2000px}.ui.horizontal.flip.transition.in,.ui.horizontal.flip.transition.out{-webkit-animation-name:horizontalFlip;-moz-animation-name:horizontalFlip;-o-animation-name:horizontalFlip;animation-name:horizontalFlip}.ui.vertical.flip.transition.in,.ui.vertical.flip.transition.out{-webkit-animation-name:verticalFlip;-moz-animation-name:verticalFlip;-o-animation-name:verticalFlip;animation-name:verticalFlip}.ui.fade.transition.in,.ui.fade.transition.out{-webkit-animation-name:fade;-moz-animation-name:fade;-o-animation-name:fade;animation-name:fade}.ui.fade.up.transition.in{-webkit-animation-name:fadeUp;-moz-animation-name:fadeUp;-o-animation-name:fadeUp;animation-name:fadeUp}.ui.fade.up.transition.out{-webkit-animation-name:fadeDown;-moz-animation-name:fadeDown;-o-animation-name:fadeDown;animation-name:fadeDown}.ui.fade.down.transition.in{-webkit-animation-name:fadeDown;-moz-animation-name:fadeDown;-o-animation-name:fadeDown;animation-name:fadeDown}.ui.fade.down.transition.out{-webkit-animation-name:fadeUp;-moz-animation-name:fadeUp;-o-animation-name:fadeUp;animation-name:fadeUp}.ui.scale.transition.in,.ui.scale.transition.out{-webkit-animation-name:scale;-moz-animation-name:scale;-o-animation-name:scale;animation-name:scale}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@-webkit-keyframes horizontalFlip{0%{-webkit-transform:rotateX(90deg);opacity:0}100%{-webkit-transform:rotateX(0deg);opacity:1}}@-moz-keyframes horizontalFlip{0%{-moz-transform:rotateX(90deg);opacity:0}100%{-moz-transform:rotateX(0deg);opacity:1}}@-o-keyframes horizontalFlip{0%{-o-transform:rotateX(90deg);opacity:0}100%{-o-transform:rotateX(0deg);opacity:1}}@keyframes horizontalFlip{0%{transform:rotateX(90deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@-webkit-keyframes verticalFlip{0%{-webkit-transform:rotateY(90deg);opacity:0}100%{-webkit-transform:rotateY(0deg);opacity:1}}@-moz-keyframes verticalFlip{0%{-moz-transform:rotateY(90deg);opacity:0}100%{-moz-transform:rotateY(0deg);opacity:1}}@-o-keyframes verticalFlip{0%{-o-transform:rotateY(90deg);opacity:0}100%{-o-transform:rotateY(0deg);opacity:1}}@keyframes verticalFlip{0%{transform:rotateY(90deg);opacity:0}100%{transform:rotateY(0deg);opacity:1}}@-webkit-keyframes fade{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fade{0%{opacity:0}100%{opacity:1}}@-o-keyframes fade{0%{opacity:0}100%{opacity:1}}@keyframes fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes scale{0%{opacity:0;-webkit-transform:scale(0.7)}100%{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes scale{0%{opacity:0;-moz-transform:scale(0.7)}100%{opacity:1;-moz-transform:scale(1)}}@-o-keyframes scale{0%{opacity:0;-o-transform:scale(0.7)}100%{opacity:1;-o-transform:scale(1)}}@keyframes scale{0%{opacity:0;transform:scale(0.7)}100%{opacity:1;transform:scale(1)}} \ No newline at end of file diff --git a/build/minified/modules/transition.min.js b/build/minified/modules/transition.min.js index 76aa9e543..8453e53d5 100644 --- a/build/minified/modules/transition.min.js +++ b/build/minified/modules/transition.min.js @@ -1 +1 @@ -!function(a,b,c,d){a.fn.transition=function(){var e,f=a(this),g=f.selector||"",h=(new Date).getTime(),i=[],j=arguments,k=j[0],l=[].slice.call(arguments,1),m="string"==typeof k;return b.requestAnimationFrame||b.mozRequestAnimationFrame||b.webkitRequestAnimationFrame||b.msRequestAnimationFrame||function(a){setTimeout(a,0)},f.each(function(){var b,f,n,o,p,q,r,s,t,u,v=a(this),w=this;u={initialize:function(){b=u.get.settings.apply(w,j),u.verbose("Converted arguments into settings object",b),n=b.error,o=b.className,s=b.namespace,p=b.metadata,t="module-"+s,q=u.get.animationEvent(),r=u.get.animationName(),f=v.data(t),f===d&&u.instantiate(),m&&(e=u.invoke(k)),m&&e!==!1||u.animate()},instantiate:function(){u.verbose("Storing instance of module",u),f=u,v.data(t,f)},destroy:function(){u.verbose("Destroying previous module for",w),v.removeData(t)},animate:function(a){return b=a||b,u.is.animating()?(u.queue(b.animation),!1):(u.save.conditions(),u.set.duration(b.duration),u.set.animating(),u.repaint(),v.addClass(o.transition).addClass(b.animation).one(q,u.complete),!u.has.direction()&&u.can.transition()&&u.set.direction(),u.can.animate()?(u.show(),u.debug("Beginning animation",b.animation,v.attr("class")),void 0):(u.restore.conditions(),u.error(n.noAnimation),!1))},queue:function(a){u.debug("Queueing animation of",a),u.queuing=!0,v.one(q,function(){u.queuing=!1,u.animate.apply(this,b)})},complete:function(){u.verbose("CSS animation complete",b.animation),u.is.looping()||(v.hasClass(o.outward)&&!u.queuing?(u.restore.conditions(),u.hide()):v.hasClass(o.inward)&&!u.queuing?(u.restore.conditions(),u.show()):u.restore.conditions(),u.remove.animating()),b.complete()},repaint:function(a){u.verbose("Forcing repaint event"),a=w.offsetWidth},has:{direction:function(a){return a=a||b.animation,v.hasClass(o.inward)||v.hasClass(o.outward)?!0:void 0}},set:{animating:function(){v.addClass(o.animating)},direction:function(){v.is(":visible")?(u.debug("Automatically determining the direction of animation","Outward"),v.addClass(o.outward).removeClass(o.inward)):(u.debug("Automatically determining the direction of animation","Inward"),v.addClass(o.inward).removeClass(o.outward))},looping:function(){u.debug("Transition set to loop"),v.addClass(o.looping)},duration:function(a){a=a||b.duration,a="number"==typeof a?a+"ms":a,u.verbose("Setting animation duration",a),v.css({"-webkit-animation-duration":a,"-moz-animation-duration":a,"-ms-animation-duration":a,"-o-animation-duration":a,"animation-duration":a})}},save:{conditions:function(){u.cache={className:v.attr("class"),style:v.attr("style")},u.verbose("Saving original attributes",u.cache)}},restore:{conditions:function(){return typeof u.cache===d?(u.error(n.cache),!1):(u.cache.className?v.attr("class",u.cache.className):v.removeAttr("class"),u.cache.style?v.attr("style",u.cache.style):v.removeAttr("style"),u.is.looping()&&u.remove.looping(),u.verbose("Restoring original attributes",u.cache),void 0)}},remove:{animating:function(){v.removeClass(o.animating)},looping:function(){u.debug("Transitions are no longer looping"),v.removeClass(o.looping)}},get:{settings:function(b,c,d){return a.isPlainObject(b)?a.extend(!0,{},a.fn.transition.settings,b):"function"==typeof d?a.extend(!0,{},a.fn.transition.settings,{animation:b,complete:d,duration:c}):"string"==typeof c||"number"==typeof c?a.extend(!0,{},a.fn.transition.settings,{animation:b,duration:c}):"object"==typeof c?a.extend(!0,{},a.fn.transition.settings,c,{animation:b}):"function"==typeof c?a.extend(!0,{},a.fn.transition.settings,{animation:b,complete:c}):a.extend(!0,{},a.fn.transition.settings,{animation:b})},animationName:function(){var a,b=c.createElement("element"),e={animation:"animationName",OAnimation:"oAnimationName",MozAnimation:"mozAnimationName",WebkitAnimation:"webkitAnimationName"};for(a in e)if(b.style[a]!==d)return u.verbose("Determining animation vendor name property",e[a]),e[a];return!1},animationEvent:function(){var a,b=c.createElement("element"),e={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"mozAnimationEnd",WebkitAnimation:"webkitAnimationEnd"};for(a in e)if(b.style[a]!==d)return u.verbose("Determining animation vendor end event",e[a]),e[a];return!1}},can:{animate:function(){return"none"!==v.css(r)?(u.debug("CSS definition found"),!0):(u.debug("Unable to find css definition"),!1)},transition:function(){var a=v.css(r),b=v.addClass(o.inward).css(r);return a!=b?(u.debug("In/out transitions exist"),v.removeClass(o.inward),!0):(u.debug("Static animation found"),v.removeClass(o.inward),!1)}},is:{animating:function(){return v.hasClass(o.animating)},looping:function(){return v.hasClass(o.looping)},visible:function(){return v.is(":visible")}},hide:function(){u.verbose("Hiding element"),v.removeClass(o.visible).addClass(o.transition).addClass(o.hidden)},show:function(){u.verbose("Showing element"),v.removeClass(o.hidden).addClass(o.transition).addClass(o.visible)},start:function(){u.verbose("Starting animation"),v.removeClass(o.disabled)},stop:function(){u.debug("Stopping animation"),v.addClass(o.disabled)},toggle:function(){u.debug("Toggling play status"),v.toggleClass(o.disabled)},setting:function(c,e){return e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},internal:function(b,c){return c===d?u[b]:(a.isPlainObject(b)?a.extend(!0,u,b):u[b]=c,void 0)},debug:function(){b.debug&&(b.performance?u.performance.log(arguments):(u.debug=Function.prototype.bind.call(console.info,console,b.moduleName+":"),u.debug.apply(console,arguments)))},verbose:function(){b.verbose&&b.debug&&(b.performance?u.performance.log(arguments):(u.verbose=Function.prototype.bind.call(console.info,console,b.moduleName+":"),u.verbose.apply(console,arguments)))},error:function(){u.error=Function.prototype.bind.call(console.error,console,b.moduleName+":"),u.error.apply(console,arguments)},performance:{log:function(a){var c,d,e;b.performance&&(c=(new Date).getTime(),e=h||c,d=c-e,h=c,i.push({Element:w,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(u.performance.timer),u.performance.timer=setTimeout(u.performance.display,100)},display:function(){var c=b.moduleName+":",e=0;h=!1,clearTimeout(u.performance.timer),a.each(i,function(a,b){e+=b["Execution Time"]}),c+=" "+e+"ms",g&&(c+=" '"+g+"'"),(console.group!==d||console.table!==d)&&i.length>0&&(console.groupCollapsed(c),console.table?console.table(i):a.each(i,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),i=[]}},invoke:function(b,c,e){var g,h,i=f;return c=c||l,e=w||e,"string"==typeof b&&i!==d&&(b=b.split(/[\. ]/),g=b.length-1,a.each(b,function(b,c){return a.isPlainObject(i[c])&&b!=g?(i=i[c],!0):i[c]!==d?(h=i[c],!0):!1})),a.isFunction(h)?(f.verbose("Executing invoked function",h),h.apply(e,c)):h||!1}},u.initialize()}),e?e:this},a.fn.transition.settings={moduleName:"Transition",debug:!0,verbose:!0,performance:!0,namespace:"transition",complete:function(){},animation:"fade",duration:"700ms",className:{transition:"ui transition",animating:"animating",looping:"looping",disabled:"disabled",hidden:"hidden",visible:"visible",inward:"in",outward:"out"},error:{noAnimation:"There is no css animation matching the one you specified.",method:"The method you called is not defined"}}}(jQuery,window,document); \ No newline at end of file +!function(a,b,c,d){a.fn.transition=function(){var e,f=a(this),g=f.selector||"",h=(new Date).getTime(),i=[],j=arguments,k=j[0],l=[].slice.call(arguments,1),m="string"==typeof k;return b.requestAnimationFrame||b.mozRequestAnimationFrame||b.webkitRequestAnimationFrame||b.msRequestAnimationFrame||function(a){setTimeout(a,0)},f.each(function(){var b,f,n,o,p,q,r,s,t,u,v=a(this),w=this;u={initialize:function(){b=u.get.settings.apply(w,j),u.verbose("Converted arguments into settings object",b),n=b.error,o=b.className,s=b.namespace,p=b.metadata,t="module-"+s,q=u.get.animationEvent(),r=u.get.animationName(),f=v.data(t),f===d&&u.instantiate(),m&&(e=u.invoke(k)),m&&e!==!1||u.animate()},instantiate:function(){u.verbose("Storing instance of module",u),f=u,v.data(t,f)},destroy:function(){u.verbose("Destroying previous module for",w),v.removeData(t)},animate:function(a){return b=a||b,u.is.animating()?(u.queue(b.animation),!1):(u.save.conditions(),u.set.duration(b.duration),u.set.animating(),u.repaint(),v.addClass(o.transition).addClass(b.animation).one(q,u.complete),!u.has.direction()&&u.can.transition()&&u.set.direction(),u.can.animate()?(u.show(),u.debug("Beginning animation",b.animation,v.attr("class")),void 0):(u.restore.conditions(),u.error(n.noAnimation),!1))},queue:function(a){u.debug("Queueing animation of",a),u.queuing=!0,v.one(q,function(){u.queuing=!1,u.animate.apply(this,b)})},complete:function(){u.verbose("CSS animation complete",b.animation),u.is.looping()||(v.hasClass(o.outward)&&!u.queuing?(u.restore.conditions(),u.hide()):v.hasClass(o.inward)&&!u.queuing?(u.restore.conditions(),u.show()):u.restore.conditions(),u.remove.animating()),b.complete()},repaint:function(a){u.verbose("Forcing repaint event"),a=w.offsetWidth},has:{direction:function(a){return a=a||b.animation,v.hasClass(o.inward)||v.hasClass(o.outward)?!0:void 0}},set:{animating:function(){v.addClass(o.animating)},direction:function(){v.is(":visible")?(u.debug("Automatically determining the direction of animation","Outward"),v.addClass(o.outward).removeClass(o.inward)):(u.debug("Automatically determining the direction of animation","Inward"),v.addClass(o.inward).removeClass(o.outward))},looping:function(){u.debug("Transition set to loop"),v.addClass(o.looping)},duration:function(a){a=a||b.duration,a="number"==typeof a?a+"ms":a,u.verbose("Setting animation duration",a),v.css({"-webkit-animation-duration":a,"-moz-animation-duration":a,"-ms-animation-duration":a,"-o-animation-duration":a,"animation-duration":a})}},save:{conditions:function(){u.cache={className:v.attr("class"),style:v.attr("style")},u.verbose("Saving original attributes",u.cache)}},restore:{conditions:function(){return typeof u.cache===d?(u.error(n.cache),!1):(u.cache.className?v.attr("class",u.cache.className):v.removeAttr("class"),u.cache.style?v.attr("style",u.cache.style):v.removeAttr("style"),u.is.looping()&&u.remove.looping(),u.verbose("Restoring original attributes",u.cache),void 0)}},remove:{animating:function(){v.removeClass(o.animating)},looping:function(){u.debug("Transitions are no longer looping"),v.removeClass(o.looping),u.repaint()}},get:{settings:function(b,c,d){return a.isPlainObject(b)?a.extend(!0,{},a.fn.transition.settings,b):"function"==typeof d?a.extend(!0,{},a.fn.transition.settings,{animation:b,complete:d,duration:c}):"string"==typeof c||"number"==typeof c?a.extend(!0,{},a.fn.transition.settings,{animation:b,duration:c}):"object"==typeof c?a.extend(!0,{},a.fn.transition.settings,c,{animation:b}):"function"==typeof c?a.extend(!0,{},a.fn.transition.settings,{animation:b,complete:c}):a.extend(!0,{},a.fn.transition.settings,{animation:b})},animationName:function(){var a,b=c.createElement("element"),e={animation:"animationName",OAnimation:"oAnimationName",MozAnimation:"mozAnimationName",WebkitAnimation:"webkitAnimationName"};for(a in e)if(b.style[a]!==d)return u.verbose("Determining animation vendor name property",e[a]),e[a];return!1},animationEvent:function(){var a,b=c.createElement("element"),e={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"mozAnimationEnd",WebkitAnimation:"webkitAnimationEnd"};for(a in e)if(b.style[a]!==d)return u.verbose("Determining animation vendor end event",e[a]),e[a];return!1}},can:{animate:function(){return"none"!==v.css(r)?(u.debug("CSS definition found"),!0):(u.debug("Unable to find css definition"),!1)},transition:function(){var a=v.css(r),b=v.addClass(o.inward).css(r);return a!=b?(u.debug("In/out transitions exist"),v.removeClass(o.inward),!0):(u.debug("Static animation found"),v.removeClass(o.inward),!1)}},is:{animating:function(){return v.hasClass(o.animating)},looping:function(){return v.hasClass(o.looping)},visible:function(){return v.is(":visible")}},hide:function(){u.verbose("Hiding element"),v.removeClass(o.visible).addClass(o.transition).addClass(o.hidden)},show:function(){u.verbose("Showing element"),v.removeClass(o.hidden).addClass(o.transition).addClass(o.visible)},start:function(){u.verbose("Starting animation"),v.removeClass(o.disabled)},stop:function(){u.debug("Stopping animation"),v.addClass(o.disabled)},toggle:function(){u.debug("Toggling play status"),v.toggleClass(o.disabled)},setting:function(c,e){return e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},internal:function(b,c){return c===d?u[b]:(a.isPlainObject(b)?a.extend(!0,u,b):u[b]=c,void 0)},debug:function(){b.debug&&(b.performance?u.performance.log(arguments):(u.debug=Function.prototype.bind.call(console.info,console,b.moduleName+":"),u.debug.apply(console,arguments)))},verbose:function(){b.verbose&&b.debug&&(b.performance?u.performance.log(arguments):(u.verbose=Function.prototype.bind.call(console.info,console,b.moduleName+":"),u.verbose.apply(console,arguments)))},error:function(){u.error=Function.prototype.bind.call(console.error,console,b.moduleName+":"),u.error.apply(console,arguments)},performance:{log:function(a){var c,d,e;b.performance&&(c=(new Date).getTime(),e=h||c,d=c-e,h=c,i.push({Element:w,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(u.performance.timer),u.performance.timer=setTimeout(u.performance.display,100)},display:function(){var c=b.moduleName+":",e=0;h=!1,clearTimeout(u.performance.timer),a.each(i,function(a,b){e+=b["Execution Time"]}),c+=" "+e+"ms",g&&(c+=" '"+g+"'"),(console.group!==d||console.table!==d)&&i.length>0&&(console.groupCollapsed(c),console.table?console.table(i):a.each(i,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),i=[]}},invoke:function(b,c,e){var g,h,i=f;return c=c||l,e=w||e,"string"==typeof b&&i!==d&&(b=b.split(/[\. ]/),g=b.length-1,a.each(b,function(b,c){return a.isPlainObject(i[c])&&b!=g?(i=i[c],!0):i[c]!==d?(h=i[c],!0):!1})),a.isFunction(h)?(f.verbose("Executing invoked function",h),h.apply(e,c)):h||!1}},u.initialize()}),e?e:this},a.fn.transition.settings={moduleName:"Transition",debug:!0,verbose:!0,performance:!0,namespace:"transition",complete:function(){},animation:"fade",duration:"700ms",className:{transition:"ui transition",animating:"animating",looping:"looping",disabled:"disabled",hidden:"hidden",visible:"visible",inward:"in",outward:"out"},error:{noAnimation:"There is no css animation matching the one you specified.",method:"The method you called is not defined"}}}(jQuery,window,document); \ No newline at end of file diff --git a/build/packaged/modules/transition.js b/build/packaged/modules/transition.js index 802d237a8..01c6f7019 100644 --- a/build/packaged/modules/transition.js +++ b/build/packaged/modules/transition.js @@ -263,6 +263,7 @@ $.fn.transition = function() { $module .removeClass(className.looping) ; + module.repaint(); } }, diff --git a/build/packaged/semantic.min.css.REMOVED.git-id b/build/packaged/semantic.min.css.REMOVED.git-id index dd57bdd53..489fdd17a 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -2a383194afb4a2e9042b517b51836485205a3b1d \ No newline at end of file +027a7ceb5a7590587a6c011811afd0713d347388 \ No newline at end of file diff --git a/build/packaged/semantic.min.js.REMOVED.git-id b/build/packaged/semantic.min.js.REMOVED.git-id index 41ae7e3ba..b3246a099 100644 --- a/build/packaged/semantic.min.js.REMOVED.git-id +++ b/build/packaged/semantic.min.js.REMOVED.git-id @@ -1 +1 @@ -1805ae5f15229e5261f09ae88661f64c33e86416 \ No newline at end of file +52af607b392c792fb7ba0c89a9a5147cc4edaebb \ No newline at end of file diff --git a/build/uncompressed/modules/transition.css b/build/uncompressed/modules/transition.css index d2bfb4512..ab17f79b4 100644 --- a/build/uncompressed/modules/transition.css +++ b/build/uncompressed/modules/transition.css @@ -17,6 +17,11 @@ -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; + -webkit-animation-iteration-count: 1; + -moz-animation-iteration-count: 1; + -ms-animation-iteration-count: 1; + -o-animation-iteration-count: 1; + animation-iteration-count: 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; diff --git a/build/uncompressed/modules/transition.js b/build/uncompressed/modules/transition.js index 802d237a8..01c6f7019 100644 --- a/build/uncompressed/modules/transition.js +++ b/build/uncompressed/modules/transition.js @@ -263,6 +263,7 @@ $.fn.transition = function() { $module .removeClass(className.looping) ; + module.repaint(); } }, diff --git a/node/src/files/components/semantic/modules/transition.css b/node/src/files/components/semantic/modules/transition.css index d2bfb4512..ab17f79b4 100644 --- a/node/src/files/components/semantic/modules/transition.css +++ b/node/src/files/components/semantic/modules/transition.css @@ -17,6 +17,11 @@ -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; + -webkit-animation-iteration-count: 1; + -moz-animation-iteration-count: 1; + -ms-animation-iteration-count: 1; + -o-animation-iteration-count: 1; + animation-iteration-count: 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; diff --git a/node/src/files/components/semantic/modules/transition.js b/node/src/files/components/semantic/modules/transition.js index 802d237a8..01c6f7019 100644 --- a/node/src/files/components/semantic/modules/transition.js +++ b/node/src/files/components/semantic/modules/transition.js @@ -263,6 +263,7 @@ $.fn.transition = function() { $module .removeClass(className.looping) ; + module.repaint(); } }, diff --git a/src/modules/transition.js b/src/modules/transition.js index 802d237a8..01c6f7019 100755 --- a/src/modules/transition.js +++ b/src/modules/transition.js @@ -263,6 +263,7 @@ $.fn.transition = function() { $module .removeClass(className.looping) ; + module.repaint(); } }, diff --git a/src/modules/transition.less b/src/modules/transition.less index d89f7b2a0..a620a868f 100755 --- a/src/modules/transition.less +++ b/src/modules/transition.less @@ -20,6 +20,12 @@ -o-backface-visibility: hidden; backface-visibility: hidden; + -webkit-animation-iteration-count: 1; + -moz-animation-iteration-count: 1; + -ms-animation-iteration-count: 1; + -o-animation-iteration-count: 1; + animation-iteration-count: 1; + -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s;