WebkitTransitionHandler.java

/*
 * Copyright 2011 cruxframework.org.
 * 
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */
package org.cruxframework.crux.core.client.css.transition;

import com.google.gwt.dom.client.Element;


/**
 * @author Thiago da Rosa de Bustamante
 *
 */
class WebkitTransitionHandler extends BaseTransitionHandler
{
	protected native void clearTransitionProperties(Element el)/*-{
		el.style.webkitTransitionProperty = 'all';//-webkit-transform
		el.style.webkitTransitionDuration = '';
		el.style.webkitTransitionTimingFunction = '';
    }-*/;

	protected native void fadeIn(Element el, double duration, double delay)/*-{
		el.style.webkitTransitionProperty = 'opacity';
		if (duration == 0)
		{
			el.style.webkitTransitionDelay = '0';
			el.style.webkitTransitionDuration = '';
			el.style.webkitTransitionTimingFunction = '';
		}
		else
		{
			el.style.webkitTransitionDelay = ''+delay;
			el.style.webkitTransitionDuration = duration+'ms';
			el.style.webkitTransitionTimingFunction = 'ease-out';
		}
	
		el.style.opacity = 1;
	}-*/;

	protected native void fadeOut(Element el, double duration)/*-{
		el.style.webkitTransitionProperty = 'opacity';
		el.style.webkitTransitionDelay = '0';
		if (duration == 0)
		{
			el.style.webkitTransitionDuration = '';
			el.style.webkitTransitionTimingFunction = '';
		}
		else
		{
			el.style.webkitTransitionDuration = duration+'ms';
			el.style.webkitTransitionTimingFunction = 'ease-out';
		}
	
		el.style.opacity = 0;
	}-*/;

	protected native void resetTransition(Element el)/*-{
		el.style.webkitTransform = 'translate3d(0px,0px,0px)';
	}-*/;

	protected native void setHeight(Element el, String height, int duration)/*-{
		el.style.webkitTransitionProperty = 'height';
		el.style.webkitTransitionDelay = '0';
		if (duration == 0)
		{
			el.style.webkitTransitionDuration = '';
			el.style.webkitTransitionTimingFunction = '';
		}
		else
		{
			el.style.webkitTransitionDuration = duration+'ms';
			el.style.webkitTransitionTimingFunction = 'ease-out';
		}

		el.style.height = height;
	}-*/;

	protected native void translateX(Element el, int diff)/*-{
		el.style.webkitTransitionProperty = 'all';//-webkit-transform
		el.style.webkitTransitionDuration = '';
		el.style.webkitTransitionTimingFunction = '';
		el.style.webkitTransitionDelay = '0';
		el.style.webkitTransform = 'translate3d(' + diff + 'px,0px,0px)';
	}-*/;

	protected native void translateX(Element el, int diff, int duration)/*-{
		el.style.webkitTransitionProperty = 'all';//-webkit-transform
		el.style.webkitTransitionDelay = '0';
		if (duration == 0)
		{
			el.style.webkitTransitionDuration = '';
			el.style.webkitTransitionTimingFunction = '';
		}
		else
		{
			el.style.webkitTransitionDuration = duration+'ms';
			el.style.webkitTransitionTimingFunction = 'ease-out';
		}

		el.style.webkitTransform = 'translate3d(' + diff + 'px,0px,0px)';
	}-*/;

	protected native void translateY(Element el, int diff)/*-{
		el.style.webkitTransitionProperty = 'all';//-webkit-transform
		el.style.webkitTransitionDuration = '';
		el.style.webkitTransitionTimingFunction = '';
		el.style.webkitTransitionDelay = '0';
		el.style.webkitTransform = 'translate3d(0px,' + diff + 'px,0px)';
	}-*/;

	protected native void translateY(Element el, int diff, int duration)/*-{
		el.style.webkitTransitionProperty = 'all';//-webkit-transform
		el.style.webkitTransitionDelay = '0';
		if (duration == 0)
		{
			el.style.webkitTransitionDuration = '';
			el.style.webkitTransitionTimingFunction = '';
		}
		else
		{
			el.style.webkitTransitionDuration = duration+'ms';
			el.style.webkitTransitionTimingFunction = 'ease-out';
		}

		el.style.webkitTransform = 'translate3d(0px,' + diff + 'px,0px)';
	}-*/;
}