// Accessing *any* attribute of such a node will throw "permission denied" error.
var className = e.eventMapRelatedTarget.className;
}
catch (ex)
{
// Skip to the parent element.
e.eventMapRelatedTarget = this._element;
}
},
_shouldUseEventCapture : function(eventName)
{
return (eventName == "blur" || eventName == "focus") && $telerik.isFirefox && Sys.Browser.version >= 3;
},
_getDomEventDelegate : function ()
{
if (!this._onDomEventDelegate)
{
this._onDomEventDelegate = Function.createDelegate(this, this._onDomEvent);
}
return this._onDomEventDelegate;
}
}
Telerik.Web.UI.EventMap.registerClass('Telerik.Web.UI.EventMap');
/* END Telerik.Web.UI.Common.Navigation.EventMap.js */
/* START Telerik.Web.UI.Common.Navigation.AttributeCollection.js */
Type.registerNamespace("Telerik.Web.UI");
Telerik.Web.UI.AttributeCollection = function (owner)
{
this._owner = owner;
this._data = {};
this._keys = [];
}
Telerik.Web.UI.AttributeCollection.prototype =
{
getAttribute : function (key)
{
return this._data[key];
},
setAttribute : function (key, value)
{
this._add(key, value);
var attributeEntry = {};
attributeEntry[key] = value;
this._owner._notifyPropertyChanged("attributes", attributeEntry);
},
_add : function (key, value)
{
if (Array.indexOf(this._keys, key) < 0)
Array.add(this._keys, key);
this._data[key] = value;
},
removeAttribute : function (key)
{
Array.remove(this._keys, key);
delete this._data[key];
},
_load : function (json)
{
for (var key in json)
this._add(key, json[key]);
},
get_count : function ()
{
return this._keys.length;
}
}
Telerik.Web.UI.AttributeCollection.registerClass('Telerik.Web.UI.AttributeCollection');
/* END Telerik.Web.UI.Common.Navigation.AttributeCollection.js */
/* START Telerik.Web.UI.Common.Animation.Animations.js */
// (c) Copyright Microsoft Corporation.
// This source is subject to the Microsoft Permissive License.
// See http://www.microsoft.com/resources/sharedsource/licensingbasics/sharedsourcelicenses.mspx.
// All other rights reserved.
Type.registerNamespace('Telerik.Web.Animation');
// Create an alias for the namespace to save 25 chars each time it's used since
// this is a very long script and will take awhile to download
var $TWA = Telerik.Web.Animation;
$TWA.registerAnimation = function(name, type) {
///
/// Register an animation with the AJAX Control Toolkit animation framework. This serves a dual purpose:
/// 1) to add standard utility methods to the animation type (such as a play method that creates
/// an animation, plays it, and disposes it when the animation is over), and 2) to associate a name with the
/// type that will be used when creating animations from a JSON description. This method can also be called
/// by other animation libraries to seamlessly interoperate with the AJAX Control Toolkit's animation
/// framework.
///
///
/// Name of the animation that will be used as the XML tag name in the XML animation description. It
/// should be a valid XML tag (i.e. an alpha-numeric sequence with no spaces, special characters, etc.).
///
///
/// The type of the new animation must inherit from
.
///
///
// Make sure the type inherits from Telerik.Web.Animation.Animation
if (type && ((type === $TWA.Animation) || (type.inheritsFrom && type.inheritsFrom($TWA.Animation)))) {
// We'll store the animation name/type mapping in a "static" object off of
// Telerik.Web.Animation. If this __animations object hasn't been
// created yet, demand create it on the first registration.
if (!$TWA.__animations) {
$TWA.__animations = { };
}
// Add the current type to the collection of animations
$TWA.__animations[name.toLowerCase()] = type;
// Add a play function that will make it very easy to create, play, and
// dispose of an animation. This is effectively a "static" function on
// each animation and will take the same parameters as that animation's
// constructor.
type.play = function() {
///
/// Create an animation, play it immediately, and dispose it when finished.
///
///
/// The play function takes the same parameters as the type's constructor
///
///
// Create and initialize a new animation of the right type and pass in
// any arguments given to the play function
var animation = new type();
type.apply(animation, arguments);
animation.initialize();
// Add an event handler to dispose the animation when it's finished
var handler = Function.createDelegate(animation,
function() {
///
/// Dispose the animation after playing
///
///
animation.remove_ended(handler);
handler = null;
animation.dispose();
});
animation.add_ended(handler);
// Once the animation has been created and initialized, play it and
// dispose it as soon as it's finished
animation.play();
}
} else {
// Raise an error if someone registers an animation that doesn't inherit
// from our base Animation class
throw Error.argumentType('type', type, $TWA.Animation, "Telerik.Web.Animation.registerAnimation can only register types that inherit from Telerik.Web.Animation.Animation");
}
}
// In the Xml comments for each of the animations below, there is a special
tag
// that describes how the animation is referenced from a generic XML animation description
$TWA.Animation = function(target, duration, fps) {
///
/// Animation is an abstract base class used as a starting point for all the other animations.
/// It provides the basic mechanics for the animation (playing, pausing, stopping, timing, etc.)
/// and leaves the actual animation to be done in the abstract methods getAnimatedValue
/// and setValue.
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// The DynamicProperties collection is used to associate JavaScript expressions with
/// properties. The expressions are evaluated just before the animation is played
/// everytime (in the base onStart method). The object itself maps strings with the
/// names of property setters (like "set_verticalOffset") to JavaScript expressions
/// (like "$find('MyBehavior').get_element().offsetHeight"). Note specifically that
/// the dynamic properties are JavaScript expressions and not abitrary statements (i.e.
/// you can't include things like "return foo;"), although you can include anything
/// inside an anonymous function definition that you immediately invoke (i.e.,
/// "(function() { return foo; })()"). A dynamic property can be set in the generic
/// XML animation description by appending Script onto any legitimate property name
/// (for example, instead of Height="70" we could use
/// HeightScript="$find('MyBehavior').get_element().offsetHeight"). Any exceptions
/// raised when setting dynamic properties (including both JavaScript evaluation errors
/// and other exceptions raised by property setters) will only be propogated when
/// debugging.
///
///
/// Animations need to be as fast as possible - even in debug mode. Don't add validation code to
/// methods involved in every step of the animation.
///
///
Animation
$TWA.Animation.initializeBase(this);
// Length of the animation in seconds
this._duration = 1;
// Number of steps per second
this._fps = 25;
// Target Sys.UI.DomElement of the animation
this._target = null;
// Tick event handler
this._tickHandler = null;
// Animation timer
this._timer = null;
// Percentage of the animation already played
this._percentComplete = 0;
// Percentage of the animation to play on each step
this._percentDelta = null;
// Reference to the animation that owns this animation (currently only set in
// ParallelAnimation.add). This concept of ownership allows an entire animation
// subtree to be driven off a single timer so all the operations are properly
// synchronized.
this._owner = null;
// Reference to the animation that contains this as a child (this is set
// in ParentAnimation.add). The primary use of the parent animation is in
// resolving the animation target when one isn't specified.
this._parentAnimation = null;
// The DynamicProperties collection is used to associate JavaScript expressions with
// properties. The expressions are evaluated just before the animation is played
// everytime (in the base onStart method). See the additional information in the
// XML
comment above.
this.DynamicProperties = { };
// Set the target, duration, and fps if they were provided in the constructor
if (target) {
this.set_target(target);
}
if (duration) {
this.set_duration(duration);
}
if (fps) {
this.set_fps(fps);
}
}
$TWA.Animation.prototype = {
dispose : function() {
///
/// Dispose the animation
///
///
if (this._timer) {
this._timer.dispose();
this._timer = null;
}
this._tickHandler = null;
this._target = null;
$TWA.Animation.callBaseMethod(this, 'dispose');
},
play : function() {
///
/// Play the animation from the beginning or where it was left off when paused.
///
///
///
/// If this animation is the child of another, you must call play on its parent instead.
///
// If ownership of this animation has been claimed, then we'll require the parent to
// handle playing the animation (this is very important because then the entire animation
// tree runs on the same timer and updates consistently)
if (!this._owner) {
var resume = true;
if (!this._timer) {
resume = false;
if (!this._tickHandler) {
this._tickHandler = Function.createDelegate(this, this._onTimerTick);
}
this._timer = new Telerik.Web.Timer();
this._timer.add_tick(this._tickHandler);
this.onStart();
this._timer.set_interval(1000 / this._fps);
this._percentDelta = 100 / (this._duration * this._fps);
this._updatePercentComplete(0, true);
}
this._timer.set_enabled(true);
this.raisePropertyChanged('isPlaying');
if (!resume) {
this.raisePropertyChanged('isActive');
}
}
},
pause : function() {
///
/// Pause the animation if it is playing. Calling play will resume where
/// the animation left off.
///
///
///
/// If this animation is the child of another, you must call pause on its parent instead.
///
if (!this._owner) {
if (this._timer) {
this._timer.set_enabled(false);
this.raisePropertyChanged('isPlaying');
}
}
},
stop : function(finish) {
///
/// Stop playing the animation.
///
///
/// Whether or not stopping the animation should leave the target element in a state
/// consistent with the animation playing completely by performing the last step.
/// The default value is true.
///
///
///
/// If this animation is the child of another, you must call stop on
/// its parent instead.
///
if (!this._owner) {
var t = this._timer;
this._timer = null;
if (t) {
t.dispose();
if (this._percentComplete !== 100) {
this._percentComplete = 100;
this.raisePropertyChanged('percentComplete');
if (finish || finish === undefined) {
this.onStep(100);
}
}
this.onEnd();
this.raisePropertyChanged('isPlaying');
this.raisePropertyChanged('isActive');
}
}
},
onStart : function() {
///
/// The onStart method is called just before the animation is played each time.
///
///
this.raiseStarted();
// Initialize any dynamic properties
for (var property in this.DynamicProperties) {
try {
// Invoke the property's setter on the evaluated expression
this[property](eval(this.DynamicProperties[property]));
} catch(ex) {
// Propogate any exceptions if we're debugging, otherwise eat them
if ( Sys.Debug.isDebug) {
throw ex;
}
}
}
},
onStep : function(percentage) {
///
/// The onStep method is called repeatedly to progress the animation through each frame
///
/// Percentage of the animation already complete
///
this.setValue(this.getAnimatedValue(percentage));
},
onEnd : function() {
///
/// The onEnd method is called just after the animation is played each time.
///
///
this.raiseEnded();
},
getAnimatedValue : function(percentage) {
///
/// Determine the state of the animation after the given percentage of its duration has elapsed
///
/// Percentage of the animation already complete
///
/// State of the animation after the given percentage of its duration has elapsed that will
/// be passed to setValue
///
throw Error.notImplemented();
},
setValue : function(value) {
///
/// Set the current state of the animation
///
/// Current state of the animation (as retreived from getAnimatedValue)
///
throw Error.notImplemented();
},
interpolate : function(start, end, percentage) {
///
/// The interpolate function is used to find the appropriate value between starting and
/// ending values given the current percentage.
///
///
/// Start of the range to interpolate
///
///
/// End of the range to interpolate
///
///
/// Percentage completed in the range to interpolate
///
///
/// Value the desired percentage between the start and end values
///
///
/// In the future, we hope to make several implementations of this available so we can dynamically
/// change the apparent speed of the animations, although it may make more sense to modify the
/// _updatePercentComplete function instead.
///
return start + (end - start) * (percentage / 100);
},
_onTimerTick : function() {
///
/// Handler for the tick event to move the animation along through its duration
///
///
this._updatePercentComplete(this._percentComplete + this._percentDelta, true);
this.raise_onTick();
},
_updatePercentComplete : function(percentComplete, animate) {
///
/// Update the animation and its target given the current percentage of its duration that
/// has already elapsed
///
///
/// Percentage of the animation duration that has already elapsed
///
///
/// Whether or not updating the animation should visually modify the animation's target
///
///
if (percentComplete > 100) {
percentComplete = 100;
}
this._percentComplete = percentComplete;
this.raisePropertyChanged('percentComplete');
if (animate) {
this.onStep(percentComplete);
}
if (percentComplete === 100) {
this.stop(false);
}
},
setOwner : function(owner) {
///
/// Make this animation the child of another animation
///
///
/// Parent animation
///
///
this._owner = owner;
},
raiseStarted : function() {
///
/// Raise the started event
///
///
var handlers = this.get_events().getHandler('started');
if (handlers) {
handlers(this, Sys.EventArgs.Empty);
}
},
add_started : function(handler) {
///
/// Adds an event handler for the started event.
///
///
/// The handler to add to the event.
///
///
this.get_events().addHandler("started", handler);
},
remove_started : function(handler) {
///
/// Removes an event handler for the started event.
///
///
/// The handler to remove from the event.
///
///
this.get_events().removeHandler("started", handler);
},
raiseEnded : function() {
///
/// Raise the ended event
///
///
var handlers = this.get_events().getHandler('ended');
if (handlers) {
handlers(this, Sys.EventArgs.Empty);
}
},
add_ended : function(handler) {
///
/// Adds an event handler for the ended event.
///
///
/// The handler to add to the event.
///
///
this.get_events().addHandler("ended", handler);
},
remove_ended : function(handler) {
///
/// Removes an event handler for the ended event.
///
///
/// The handler to remove from the event.
///
///
this.get_events().removeHandler("ended", handler);
},
raise_onTick : function ()
{
var handlers = this.get_events().getHandler('onTick');
if (handlers)
{
handlers(this, Sys.EventArgs.Empty);
}
},
add_onTick : function (handler)
{
this.get_events().addHandler("onTick", handler);
},
remove_onTick : function (handler)
{
this.get_events().removeHandler("onTick", handler);
},
get_target : function() {
///
/// Target of the animation. If the target of this animation is null and
/// the animation has a parent, then it will recursively use the target of
/// the parent animation instead.
///
///
/// Do not set this property in a generic Xml animation description. It should be set
/// using either the extender's TargetControlID or the AnimationTarget property (the latter
/// maps to Telerik.Web.Animation.set_animationTarget). The only valid way to
/// set this property in the generic Xml animation description is to use the dynamic
/// property TargetScript="$get('myElement')".
///
if (!this._target && this._parentAnimation) {
return this._parentAnimation.get_target();
}
return this._target;
},
set_target : function(value) {
if (this._target != value) {
this._target = value;
this.raisePropertyChanged('target');
}
},
set_animationTarget : function(id) {
///
/// ID of a Sys.UI.DomElement or Sys.UI.Control to use as the target of the animation
///
///
/// If no Sys.UI.DomElement or Sys.UI.Control can be found for the given ID, an
/// argument exception will be thrown.
///
// Try to find a Sys.UI.DomElement
var target = null;
var element = $get(id);
if (element) {
target = element;
} else {
// Try to find the control in the AJAX controls collection
var ctrl = $find(id);
if (ctrl) {
element = ctrl.get_element();
if (element) {
target = element;
}
}
}
// Use the new target if we have one, or raise an error if not
if (target) {
this.set_target(target);
} else {
throw Error.argument('id', String.format('Telerik.Web.Animation.Animation.set_animationTarget requires the ID of a Sys.UI.DomElement or Sys.UI.Control. No element or control could be found corresponding to "{0}"', id));
}
},
get_duration : function() {
///
/// Length of the animation in seconds. The default is 1.
///
return this._duration;
},
set_duration : function(value) {
value = this._getFloat(value);
if (this._duration != value) {
this._duration = value;
this.raisePropertyChanged('duration');
}
},
get_fps : function() {
///
/// Number of steps per second. The default is 25.
///
return this._fps;
},
set_fps : function(value) {
value = this._getInteger(value);
if (this.fps != value) {
this._fps = value;
this.raisePropertyChanged('fps');
}
},
get_isActive : function() {
///
/// true if animation is active, false if not.
///
return (this._timer !== null);
},
get_isPlaying : function() {
///
/// true if animation is playing, false if not.
///
return (this._timer !== null) && this._timer.get_enabled();
},
get_percentComplete : function() {
///
/// Percentage of the animation already played.
///
return this._percentComplete;
},
_getBoolean : function(value) {
///
/// Helper to convert strings to booleans for property setters
///
///
/// Value to convert if it's a string
///
///
/// Value that has been converted if it was a string
///
if (String.isInstanceOfType(value)) {
return Boolean.parse(value);
}
return value;
},
_getInteger : function(value) {
///
/// Helper to convert strings to integers for property setters
///
/// Value to convert if it's a string
/// Value that has been converted if it was a string
if (String.isInstanceOfType(value)) {
return parseInt(value);
}
return value;
},
_getFloat : function(value) {
///
/// Helper to convert strings to floats for property setters
///
/// Value to convert if it's a string
/// Value that has been converted if it was a string
if (String.isInstanceOfType(value)) {
return parseFloat(value);
}
return value;
},
_getEnum : function(value, type) {
///
/// Helper to convert strings to enum values for property setters
///
/// Value to convert if it's a string
/// Type of the enum to convert to
/// Value that has been converted if it was a string
if (String.isInstanceOfType(value) && type && type.parse) {
return type.parse(value);
}
return value;
}
}
$TWA.Animation.registerClass('Telerik.Web.Animation.Animation', Sys.Component);
$TWA.registerAnimation('animation', $TWA.Animation);
$TWA.ParentAnimation = function(target, duration, fps, animations) {
///
/// The ParentAnimation serves as a base class for all animations that contain children (such as
/// , ,
/// etc.). It does not actually play the animations, so any classes that inherit from it must do so. Any animation
/// that requires nested child animations must inherit from this class, although it will likely want to inherit off of
/// or
/// which will actually play their child animations.
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// Array of child animations to be played
///
/// Parent
$TWA.ParentAnimation.initializeBase(this, [target, duration, fps]);
// Array of child animations (there are no assumptions placed on order because
// it will matter for some derived animations like SequenceAnimation, but not
// for others like ParallelAnimation) that is demand created in add
this._animations = [];
// Add any child animations passed into the constructor
if (animations && animations.length) {
for (var i = 0; i < animations.length; i++) {
this.add(animations[i]);
}
}
}
$TWA.ParentAnimation.prototype = {
initialize : function() {
///
/// Initialize the parent along with any child animations that have not yet been initialized themselves
///
///
$TWA.ParentAnimation.callBaseMethod(this, 'initialize');
// Initialize all the uninitialized child animations
if (this._animations) {
for (var i = 0; i < this._animations.length; i++) {
var animation = this._animations[i];
if (animation && !animation.get_isInitialized) {
animation.initialize();
}
}
}
},
dispose : function() {
///
/// Dispose of the child animations
///
///
this.clear();
this._animations = null;
$TWA.ParentAnimation.callBaseMethod(this, 'dispose');
},
get_animations : function() {
///
/// Array of child animations to be played (there are no assumptions placed on order because it will matter for some
/// derived animations like , but not for
/// others like ). To manipulate the child
/// animations, use the functions add, clear, remove, and removeAt.
///
return this._animations;
},
add : function(animation) {
///
/// Add an animation as a child of this animation.
///
/// Child animation to add
///
if (this._animations) {
if (animation) {
animation._parentAnimation = this;
}
Array.add(this._animations, animation);
this.raisePropertyChanged('animations');
}
},
remove : function(animation) {
///
/// Remove the animation from the array of child animations.
///
///
/// Child animation to remove
///
///
///
/// This will dispose the removed animation.
///
if (this._animations) {
if (animation) {
animation.dispose();
}
Array.remove(this._animations, animation);
this.raisePropertyChanged('animations');
}
},
removeAt : function(index) {
///
/// Remove the animation at a given index from the array of child animations.
///
///
/// Index of the child animation to remove
///
///
if (this._animations) {
var animation = this._animations[index];
if (animation) {
animation.dispose();
}
Array.removeAt(this._animations, index);
this.raisePropertyChanged('animations');
}
},
clear : function() {
///
/// Clear the array of child animations.
///
///
/// This will dispose the cleared child animations.
///
///
if (this._animations) {
for (var i = this._animations.length - 1; i >= 0; i--) {
this._animations[i].dispose();
this._animations[i] = null;
}
Array.clear(this._animations);
this._animations = [];
this.raisePropertyChanged('animations');
}
}
}
$TWA.ParentAnimation.registerClass('Telerik.Web.Animation.ParentAnimation', $TWA.Animation);
$TWA.registerAnimation('parent', $TWA.ParentAnimation);
$TWA.ParallelAnimation = function(target, duration, fps, animations) {
///
/// The ParallelAnimation plays several animations simultaneously. It inherits from
/// , but makes itself the owner of all
/// its child animations to allow the use a single timer and syncrhonization mechanisms shared with
/// all the children (in other words, the duration properties of any child animations
/// are ignored in favor of the parent's duration). It is very useful in creating
/// sophisticated effects through combination of simpler animations.
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// Array of child animations
///
/// Parallel
$TWA.ParallelAnimation.initializeBase(this, [target, duration, fps, animations]);
}
$TWA.ParallelAnimation.prototype = {
add : function(animation) {
///
/// Add an animation as a child of this animation and make ourselves its owner.
///
/// Child animation to add
///
$TWA.ParallelAnimation.callBaseMethod(this, 'add', [animation]);
animation.setOwner(this);
},
onStart : function() {
///
/// Get the child animations ready to play
///
///
$TWA.ParallelAnimation.callBaseMethod(this, 'onStart');
var animations = this.get_animations();
for (var i = 0; i < animations.length; i++) {
animations[i].onStart();
}
},
onStep : function(percentage) {
///
/// Progress the child animations through each frame
///
///
/// Percentage of the animation already complete
///
///
var animations = this.get_animations();
for (var i = 0; i < animations.length; i++) {
animations[i].onStep(percentage);
}
},
onEnd : function() {
///
/// Finish playing all of the child animations
///
///
var animations = this.get_animations();
for (var i = 0; i < animations.length; i++) {
animations[i].onEnd();
}
$TWA.ParallelAnimation.callBaseMethod(this, 'onEnd');
}
}
$TWA.ParallelAnimation.registerClass('Telerik.Web.Animation.ParallelAnimation', $TWA.ParentAnimation);
$TWA.registerAnimation('parallel', $TWA.ParallelAnimation);
$TWA.FadeEffect = function() {
///
/// The FadeEffect enumeration determines whether a fade animation is used to fade in or fade out.
///
///
///
throw Error.invalidOperation();
}
$TWA.FadeEffect.prototype = {
FadeIn : 0,
FadeOut : 1
}
$TWA.FadeEffect.registerEnum("Telerik.Web.Animation.FadeEffect", false);
$TWA.FadeAnimation = function(target, duration, fps, effect, minimumOpacity, maximumOpacity, forceLayoutInIE) {
///
/// The FadeAnimation is used to fade an element in or out of view, depending on the
/// provided , by settings its opacity.
/// The minimum and maximum opacity values can be specified to precisely control the fade.
/// You may also consider using or
/// if you know the only direction you
/// are fading.
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// Determine whether to fade the element in or fade the element out. The possible values are FadeIn
/// and FadeOut. The default value is FadeOut.
///
///
/// Minimum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 0.
///
///
/// Maximum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 1.
///
///
/// Whether or not we should force a layout to be created for Internet Explorer by giving it a width and setting its
/// background color (the latter is required in case the user has ClearType enabled). The default value is true.
/// This is obviously ignored when working in other browsers.
///
/// Fade
$TWA.FadeAnimation.initializeBase(this, [target, duration, fps]);
// The effect determines whether or not we fade in or out
this._effect = (effect !== undefined) ? effect : $TWA.FadeEffect.FadeIn;
// Maximum and minimum opacities default to 100% and 0%
this._max = (maximumOpacity !== undefined) ? maximumOpacity : 1;
this._min = (minimumOpacity !== undefined) ? minimumOpacity : 0;
// Starting and ending opacities
this._start = this._min;
this._end = this._max;
// Whether the a layout has already been created (to work around IE problems)
this._layoutCreated = false;
// Whether or not we should force a layout to be created for IE by giving it a width
// and setting its background color (the latter is required in case the user has ClearType enabled).
// http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alpha.asp
this._forceLayoutInIE = (forceLayoutInIE === undefined || forceLayoutInIE === null) ? true : forceLayoutInIE;
// Current target of the animation that is cached before the animation plays (since looking up
// the target could mean walking all the way up to the root of the animation's tree, which we don't
// want to do for every step of the animation)
this._currentTarget = null;
// Properly set up the min/max values provided by the constructor
this._resetOpacities();
}
$TWA.FadeAnimation.prototype = {
_resetOpacities : function() {
///
/// Set the starting and ending opacity values based on the effect (i.e. when we're fading
/// in we go from _min to _max, but we go _max to
/// _min when fading out)
///
///
if (this._effect == $TWA.FadeEffect.FadeIn) {
this._start = this._min;
this._end = this._max;
} else {
this._start = this._max;
this._end = this._min;
}
},
_createLayout : function() {
///
/// Create a layout when using Internet Explorer (which entails setting a width and also
/// a background color if it currently has neither)
///
///
var element = this._currentTarget;
if (element) {
// Get the original width/height/back color
var originalWidth = $telerik.getCurrentStyle(element, 'width');
var originalHeight = $telerik.getCurrentStyle(element, 'height');
var originalBackColor = $telerik.getCurrentStyle(element, 'backgroundColor');
// Set the width which will force the creation of a layout
if ((!originalWidth || originalWidth == '' || originalWidth == 'auto') &&
(!originalHeight || originalHeight == '' || originalHeight == 'auto')) {
element.style.width = element.offsetWidth + 'px';
}
// Set the back color to avoid ClearType problems
if (!originalBackColor || originalBackColor == '' || originalBackColor == 'transparent' || originalBackColor == 'rgba(0, 0, 0, 0)') {
element.style.backgroundColor = $telerik.getInheritedBackgroundColor(element);
}
// Mark that we've created the layout so we only do it once
this._layoutCreated = true;
}
},
onStart : function() {
///
/// The onStart method is called just before the animation is played each time.
///
///
$TWA.FadeAnimation.callBaseMethod(this, 'onStart');
this._currentTarget = this.get_target();
this.setValue(this._start);
// Force the creation of a layout in IE if we're supposed to and the current browser is Internet Explorer
if (this._forceLayoutInIE && !this._layoutCreated && Sys.Browser.agent == Sys.Browser.InternetExplorer) {
this._createLayout();
}
},
getAnimatedValue : function(percentage) {
///
/// Determine the current opacity after the given percentage of its duration has elapsed
///
/// Percentage of the animation already complete
///
/// Current opacity after the given percentage of its duration has elapsed that will
/// be passed to setValue
///
return this.interpolate(this._start, this._end, percentage);
},
setValue : function(value) {
///
/// Set the current opacity of the element.
///
///
/// Current opacity (as retreived from getAnimatedValue)
///
///
///
/// This method will be replaced by a dynamically generated function that requires no logic
/// to determine whether it should use filters or the style's opacity.
///
if (this._currentTarget) {
$telerik.setOpacity(this._currentTarget, value);
}
},
// set_target : function(value) {
// ///
// /// Override the target property to dynamically create the setValue function.
// ///
// ///
// /// Do not set this property in a generic Xml animation description. It will be set automatically
// /// using either the extender's TargetControlID or the AnimationTarget property.
// ///
// $TWA.FadeAnimation.callBaseMethod(this, 'set_target', [value]);
//
// var element = value;
// if (element) {
// var filters = element.filters;
// if (filters) {
// var alphaFilter = null;
// if (filters.length !== 0) {
// alphaFilter = filters['DXImageTransform.Microsoft.Alpha'];
// }
// if (!alphaFilter) {
// element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (this._start * 100) + ')';
// alphaFilter = filters['DXImageTransform.Microsoft.Alpha'];
// }
// if (alphaFilter) {
// this.setValue = function(val) { alphaFilter.opacity = val * 100; }
// } else {
// this.setValue = function(val) {
// element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (val * 100) + ')';
// };
// }
// }
// else {
// this.setValue = function(val) { element.style.opacity = val; };
// }
// }
// },
get_effect : function() {
///
/// Determine whether to fade the element in or fade the element out. The possible values are
/// FadeIn and FadeOut. The default value is FadeOut.
///
return this._effect;
},
set_effect : function(value) {
value = this._getEnum(value, $TWA.FadeEffect);
if (this._effect != value) {
this._effect = value;
this._resetOpacities();
this.raisePropertyChanged('effect');
}
},
get_minimumOpacity : function() {
///
/// Minimum opacity to use when fading in or out. Its value can range from between 0 to 1.
/// The default value is 0.
///
return this._min;
},
set_minimumOpacity : function(value) {
value = this._getFloat(value);
if (this._min != value) {
this._min = value;
this._resetOpacities();
this.raisePropertyChanged('minimumOpacity');
}
},
get_maximumOpacity : function() {
///
/// Maximum opacity to use when fading in or out. Its value can range from between 0 to 1.
/// The default value is 1.
///
return this._max;
},
set_maximumOpacity : function(value) {
value = this._getFloat(value);
if (this._max != value) {
this._max = value;
this._resetOpacities();
this.raisePropertyChanged('maximumOpacity');
}
},
get_forceLayoutInIE : function() {
///
/// Whether or not we should force a layout to be created for Internet Explorer by giving it a width and setting its
/// background color (the latter is required in case the user has ClearType enabled). The default value is true.
/// This is obviously ignored when working in other browsers.
///
return this._forceLayoutInIE;
},
set_forceLayoutInIE : function(value) {
value = this._getBoolean(value);
if (this._forceLayoutInIE != value) {
this._forceLayoutInIE = value;
this.raisePropertyChanged('forceLayoutInIE');
}
},
set_startValue : function(value) {
///
/// Set the start value (so that child animations can set the current opacity as the start value when fading in or out)
///
value = this._getFloat(value);
this._start = value;
}
}
$TWA.FadeAnimation.registerClass('Telerik.Web.Animation.FadeAnimation', $TWA.Animation);
$TWA.registerAnimation('fade', $TWA.FadeAnimation);
$TWA.FadeInAnimation = function(target, duration, fps, minimumOpacity, maximumOpacity, forceLayoutInIE) {
///
/// The FadeInAnimation will fade the target in by moving from hidden to visible.
/// It starts the animation the target's current opacity.
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// Minimum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 0.
///
///
/// Maximum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 1.
///
///
/// Whether or not we should force a layout to be created for Internet Explorer by giving it a width and setting its
/// background color (the latter is required in case the user has ClearType enabled). The default value is true.
/// This is obviously ignored when working in other browsers.
///
/// FadeIn
$TWA.FadeInAnimation.initializeBase(this, [target, duration, fps, $TWA.FadeEffect.FadeIn, minimumOpacity, maximumOpacity, forceLayoutInIE]);
}
$TWA.FadeInAnimation.prototype = {
onStart : function() {
///
/// The onStart method is called just before the animation is played each time.
///
///
$TWA.FadeInAnimation.callBaseMethod(this, 'onStart');
if (this._currentTarget) {
this.set_startValue($telerik.getOpacity(this._currentTarget));
}
}
}
$TWA.FadeInAnimation.registerClass('Telerik.Web.Animation.FadeInAnimation', $TWA.FadeAnimation);
$TWA.registerAnimation('fadeIn', $TWA.FadeInAnimation);
$TWA.FadeOutAnimation = function(target, duration, fps, minimumOpacity, maximumOpacity, forceLayoutInIE) {
///
/// The FadeInAnimation will fade the element out by moving from visible to hidden. It starts the animation
/// at the element's current opacity.
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// Minimum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 0.
///
///
/// Maximum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 1.
///
///
/// Whether or not we should force a layout to be created for Internet Explorer by giving it a width and setting its
/// background color (the latter is required in case the user has ClearType enabled). The default value is true.
/// This is obviously ignored when working in other browsers.
///
/// FadeOut
$TWA.FadeOutAnimation.initializeBase(this, [target, duration, fps, $TWA.FadeEffect.FadeOut, minimumOpacity, maximumOpacity, forceLayoutInIE]);
}
$TWA.FadeOutAnimation.prototype = {
onStart : function() {
///
/// The onStart method is called just before the animation is played each time.
///
///
$TWA.FadeOutAnimation.callBaseMethod(this, 'onStart');
if (this._currentTarget) {
this.set_startValue($telerik.getOpacity(this._currentTarget));
}
}
}
$TWA.FadeOutAnimation.registerClass('Telerik.Web.Animation.FadeOutAnimation', $TWA.FadeAnimation);
$TWA.registerAnimation('fadeOut', $TWA.FadeOutAnimation);
$TWA.PropertyAnimation = function(target, duration, fps, property, propertyKey) {
///
/// The PropertyAnimation is a useful base animation that will assign the value from
/// getAnimatedValue to a specified property. You can provide the name of
/// a property alongside an optional propertyKey (which indicates the value
/// property[propertyKey], like style['backgroundColor']).
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// Property of the target element to set when animating
///
///
/// Optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color).
///
/// Property
$TWA.PropertyAnimation.initializeBase(this, [target, duration, fps]);
// Name of the property to set
this._property = property;
// Optional Key of the property to set (i.e., if the property were "style" then
// this might be "backgroundColor")
this._propertyKey = propertyKey;
// Current target of the animation that is cached before the animation plays (since looking up
// the target could mean walking all the way up to the root of the animation's tree, which we don't
// want to do for every step of the animation)
this._currentTarget = null;
}
$TWA.PropertyAnimation.prototype = {
onStart : function() {
///
/// The onStart method is called just before the animation is played each time.
///
///
$TWA.PropertyAnimation.callBaseMethod(this, 'onStart');
this._currentTarget = this.get_target();
},
setValue : function(value) {
///
/// Set the current value of the property
///
///
/// Value to assign
///
///
var element = this._currentTarget;
if (element && this._property && this._property.length > 0) {
if (this._propertyKey && this._propertyKey.length > 0 && element[this._property]) {
element[this._property][this._propertyKey] = value;
} else {
element[this._property] = value;
}
}
// Sys.TypeDescriptor.setProperty(this.get_target(), this._property, value, this._propertyKey);
},
getValue : function() {
///
/// Get the current value from the property
///
///
/// Current value of the property
///
var element = this.get_target();
if (element && this._property && this._property.length > 0) {
var property = element[this._property];
if (property) {
if (this._propertyKey && this._propertyKey.length > 0) {
return property[this._propertyKey];
}
return property;
}
}
return null;
// return Sys.TypeDescriptor.getProperty(this.get_target(), this._property, this._propertyKey);
},
get_property : function() {
///
/// Property of the target element to set when animating
///
return this._property;
},
set_property : function(value) {
if (this._property != value) {
this._property = value;
this.raisePropertyChanged('property');
}
},
get_propertyKey : function() {
///
/// Optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color).
///
return this._propertyKey;
},
set_propertyKey : function(value) {
if (this._propertyKey != value) {
this._propertyKey = value;
this.raisePropertyChanged('propertyKey');
}
}
}
$TWA.PropertyAnimation.registerClass('Telerik.Web.Animation.PropertyAnimation', $TWA.Animation);
$TWA.registerAnimation('property', $TWA.PropertyAnimation);
$TWA.DiscreteAnimation = function(target, duration, fps, property, propertyKey, values) {
///
/// The DiscreteAnimation inherits from
/// and sets the value of the property to the elements in a provided array of values.
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// Property of the target element to set when animating
///
///
/// Optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color).
///
///
/// Array of possible values of the property that will be iterated over as the animation is played
///
/// Discrete
$TWA.DiscreteAnimation.initializeBase(this, [target, duration, fps, property, propertyKey]);
// Values to assign to the property
this._values = (values && values.length) ? values : [];
}
$TWA.DiscreteAnimation.prototype = {
getAnimatedValue : function(percentage) {
///
/// Assign the value whose index corresponds to the current percentage
///
///
/// Percentage of the animation already complete
///
///
/// State of the animation after the given percentage of its duration has elapsed that will
/// be passed to setValue
///
var index = Math.floor(this.interpolate(0, this._values.length - 1, percentage));
return this._values[index];
},
get_values : function() {
///
/// Array of possible values of the property that will be iterated over as the animation is played
///
return this._values;
},
set_values : function(value) {
if (this._values != value) {
this._values = value;
this.raisePropertyChanged('values');
}
}
}
$TWA.DiscreteAnimation.registerClass('Telerik.Web.Animation.DiscreteAnimation', $TWA.PropertyAnimation);
$TWA.registerAnimation('discrete', $TWA.DiscreteAnimation);
$TWA.InterpolatedAnimation = function(target, duration, fps, property, propertyKey, startValue, endValue) {
///
/// The InterpolatedAnimation assigns a range of values between startValue
/// and endValue to the designated property.
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// Property of the target element to set when animating. The default value is 'style'.
///
///
/// Optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color).
///
///
/// Start of the range of values
///
///
/// End of the range of values
///
/// Interpolated
$TWA.InterpolatedAnimation.initializeBase(this, [target, duration, fps, ((property !== undefined) ? property : 'style'), propertyKey]);
// Start and end values
this._startValue = startValue;
this._endValue = endValue;
}
$TWA.InterpolatedAnimation.prototype = {
get_startValue : function() {
///
/// Start of the range of values
///
return this._startValue;
},
set_startValue : function(value) {
value = this._getFloat(value);
if (this._startValue != value) {
this._startValue = value;
this.raisePropertyChanged('startValue');
}
},
get_endValue : function() {
///
/// End of the range of values
///
return this._endValue;
},
set_endValue : function(value) {
value = this._getFloat(value);
if (this._endValue != value) {
this._endValue = value;
this.raisePropertyChanged('endValue');
}
}
}
$TWA.InterpolatedAnimation.registerClass('Telerik.Web.Animation.InterpolatedAnimation', $TWA.PropertyAnimation);
$TWA.registerAnimation('interpolated', $TWA.InterpolatedAnimation);
$TWA.ColorAnimation = function(target, duration, fps, property, propertyKey, startValue, endValue) {
///
/// The ColorAnimation transitions the value of the property between
/// two colors (although it does ignore the alpha channel). The colors must be 7-character hex strings
/// (like #246ACF).
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// Property of the target element to set when animating. The default value is 'style'.
///
///
/// Optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color).
///
///
/// Start of the range of colors
///
///
/// End of the range of colors
///
/// Color
$TWA.ColorAnimation.initializeBase(this, [target, duration, fps, property, propertyKey, startValue, endValue]);
// Cached start/end RBG triplets
this._start = null;
this._end = null;
// Flags indicating whether each dimension of color will be interpolated
this._interpolateRed = false;
this._interpolateGreen = false;
this._interpolateBlue = false;
}
$TWA.ColorAnimation.prototype = {
onStart : function() {
///
/// Determine which dimensions of color will be animated
///
///
$TWA.ColorAnimation.callBaseMethod(this, 'onStart');
this._start = $TWA.ColorAnimation.getRGB(this.get_startValue());
this._end = $TWA.ColorAnimation.getRGB(this.get_endValue());
this._interpolateRed = (this._start.Red != this._end.Red);
this._interpolateGreen = (this._start.Green != this._end.Green);
this._interpolateBlue = (this._start.Blue != this._end.Blue);
},
getAnimatedValue : function(percentage) {
///
/// Get the interpolated color values
///
///
/// Percentage of the animation already complete
///
///
/// Current color formatted as a 7-character hex string (like #246ACF).
///
var r = this._start.Red;
var g = this._start.Green;
var b = this._start.Blue;
if (this._interpolateRed)
r = Math.round(this.interpolate(r, this._end.Red, percentage));
if (this._interpolateGreen)
g = Math.round(this.interpolate(g, this._end.Green, percentage));
if (this._interpolateBlue)
b = Math.round(this.interpolate(b, this._end.Blue, percentage));
return $TWA.ColorAnimation.toColor(r, g, b);
},
set_startValue : function(value) {
///
/// Starting color of the transition formatted as a 7-character hex string (like #246ACF).
///
if (this._startValue != value) {
this._startValue = value;
this.raisePropertyChanged('startValue');
}
},
set_endValue : function(value) {
///
/// Ending color of the transition formatted as a 7-character hex string (like #246ACF).
///
if (this._endValue != value) {
this._endValue = value;
this.raisePropertyChanged('endValue');
}
}
}
$TWA.ColorAnimation.getRGB = function(color) {
///
/// Convert the color to an RGB triplet
///
///
/// Color formatted as a 7-character hex string (like #246ACF)
///
///
/// Object representing the color with Red, Green, and Blue properties.
///
if (!color || color.length != 7) {
throw String.format('Color must be a 7-character hex representation (e.g. #246ACF), not "{0}"', color);
}
return { 'Red': parseInt(color.substr(1,2), 16),
'Green': parseInt(color.substr(3,2), 16),
'Blue': parseInt(color.substr(5,2), 16) };
}
$TWA.ColorAnimation.toColor = function(red, green, blue) {
///
/// Convert an RBG triplet into a 7-character hex string (like #246ACF)
///
///
/// Value of the color's red dimension
///
///
/// Value of the color's green dimension
///
///
/// Value of the color's blue dimension
///
///
/// Color as a 7-character hex string (like #246ACF)
///
var r = red.toString(16);
var g = green.toString(16);
var b = blue.toString(16);
if (r.length == 1) r = '0' + r;
if (g.length == 1) g = '0' + g;
if (b.length == 1) b = '0' + b;
return '#' + r + g + b;
}
$TWA.ColorAnimation.registerClass('Telerik.Web.Animation.ColorAnimation', $TWA.InterpolatedAnimation);
$TWA.registerAnimation('color', $TWA.ColorAnimation);
$TWA.LengthAnimation = function(target, duration, fps, property, propertyKey, startValue, endValue, unit) {
///
/// The LengthAnimation is identical to
/// except it adds a unit to the value before assigning it to the property.
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// Property of the target element to set when animating. The default value is 'style'.
///
///
/// Optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color).
///
///
/// Start of the range of values
///
///
/// End of the range of values
///
///
/// Unit of the interpolated values. The default value is 'px'.
///
/// Length
$TWA.LengthAnimation.initializeBase(this, [target, duration, fps, property, propertyKey, startValue, endValue]);
// Unit of length (which defaults to px)
this._unit = (unit != null) ? unit : 'px';
}
$TWA.LengthAnimation.prototype = {
getAnimatedValue : function(percentage) {
///
/// Get the interpolated length value
///
///
/// Percentage of the animation already complete
///
///
/// Interpolated length
///
var value = this.interpolate(this.get_startValue(), this.get_endValue(), percentage);
return Math.round(value) + this._unit;
},
get_unit : function() {
///
/// Unit of the interpolated values. The default value is 'px'.
///
return this._unit;
},
set_unit : function(value) {
if (this._unit != value) {
this._unit = value;
this.raisePropertyChanged('unit');
}
}
}
$TWA.LengthAnimation.registerClass('Telerik.Web.Animation.LengthAnimation', $TWA.InterpolatedAnimation);
$TWA.registerAnimation('length', $TWA.LengthAnimation);
$TWA.MoveAnimation = function(target, duration, fps, horizontal, vertical, relative, unit) {
///
/// The MoveAnimation is used to move the target element. If the
/// relative flag is set to true, then it treats the horizontal
/// and vertical properties as offsets to move the element. If the relative
/// flag is false, then it will treat the horizontal and vertical
/// properties as coordinates on the page where the target element should be moved. It is
/// important to note that the target must be positioned (i.e. absolutely) so
/// that settings its top/left style attributes will change its location.
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// If relative is true, this is the offset to move horizontally. Otherwise this is the x
/// coordinate on the page where the target should be moved.
///
///
/// If relative is true, this is the offset to move vertically. Otherwise this is the y
/// coordinate on the page where the target should be moved.
///
///
/// true if we are moving relative to the current position, false if we are moving absolutely
///
///
/// Length unit for the size of the target. The default value is 'px'.
///
/// Move
$TWA.MoveAnimation.initializeBase(this, [target, duration, fps, null]);
// Distance to move horizontally and vertically
this._horizontal = horizontal ? horizontal : 0;
this._vertical = vertical ? vertical : 0;
this._relative = (relative === undefined) ? true : relative;
// Length animations representing the movememnts
this._horizontalAnimation = new $TWA.LengthAnimation(target, duration, fps, 'style', 'left', null, null, unit);
this._verticalAnimation = new $TWA.LengthAnimation(target, duration, fps, 'style', 'top', null, null, unit);
this.add(this._verticalAnimation);
this.add(this._horizontalAnimation);
}
$TWA.MoveAnimation.prototype = {
onStart : function() {
///
/// Use the target's current position as the starting point for the animation
///
///
$TWA.MoveAnimation.callBaseMethod(this, 'onStart');
// Set the start and end values of the animations by getting
// the element's current position and applying the offsets
var element = this.get_target();
this._horizontalAnimation.set_startValue(element.offsetLeft);
this._horizontalAnimation.set_endValue(this._relative ? element.offsetLeft + this._horizontal : this._horizontal);
this._verticalAnimation.set_startValue(element.offsetTop);
this._verticalAnimation.set_endValue(this._relative ? element.offsetTop + this._vertical : this._vertical);
},
get_horizontal : function() {
///
/// If relative is true, this is the offset to move horizontally. Otherwise this is the x
/// coordinate on the page where the target should be moved.
///
return this._horizontal;
},
set_horizontal : function(value) {
value = this._getFloat(value);
if (this._horizontal != value) {
this._horizontal = value;
this.raisePropertyChanged('horizontal');
}
},
get_vertical : function() {
///
/// If relative is true, this is the offset to move vertically. Otherwise this is the y
/// coordinate on the page where the target should be moved.
///
return this._vertical;
},
set_vertical : function(value) {
value = this._getFloat(value);
if (this._vertical != value) {
this._vertical = value;
this.raisePropertyChanged('vertical');
}
},
get_relative : function() {
///
/// true if we are moving relative to the current position, false if we are moving absolutely
///
return this._relative;
},
set_relative : function(value) {
value = this._getBoolean(value);
if (this._relative != value) {
this._relative = value;
this.raisePropertyChanged('relative');
}
},
get_unit : function() {
///
/// Length unit for the size of the target. The default value is 'px'.
///
this._horizontalAnimation.get_unit();
},
set_unit : function(value) {
var unit = this._horizontalAnimation.get_unit();
if (unit != value) {
this._horizontalAnimation.set_unit(value);
this._verticalAnimation.set_unit(value);
this.raisePropertyChanged('unit');
}
}
}
$TWA.MoveAnimation.registerClass('Telerik.Web.Animation.MoveAnimation', $TWA.ParallelAnimation);
$TWA.registerAnimation('move', $TWA.MoveAnimation);
$TWA.ResizeAnimation = function(target, duration, fps, width, height, unit) {
///
/// The ResizeAnimation changes the size of the target from its
/// current value to the specified width and height.
///
///
/// Target of the animation
///
///
/// Length of the animation in seconds. The default is 1.
///
///
/// Number of steps per second. The default is 25.
///
///
/// New width of the target
///
///
/// New height of the target
///
///
/// Length unit for the size of the target. The default value is 'px'.
///
/// Resize
$TWA.ResizeAnimation.initializeBase(this, [target, duration, fps, null]);
// New size of the element
this._width = width;
this._height = height;
// Animations to set the size across both dimensions
this._horizontalAnimation = new $TWA.LengthAnimation(target, duration, fps, 'style', 'width', null, null, unit);
this._verticalAnimation = new $TWA.LengthAnimation(target, duration, fps, 'style', 'height', null, null, unit);
this.add(this._horizontalAnimation);
this.add(this._verticalAnimation);
}
$TWA.ResizeAnimation.prototype = {
onStart : function() {
///
/// Use the target's current size as the starting point for the animation
///
///
$TWA.ResizeAnimation.callBaseMethod(this, 'onStart');
// Set the start and end values of the animations by getting
// the element's current width and height
var element = this.get_target();
this._horizontalAnimation.set_startValue(element.offsetWidth);
this._verticalAnimation.set_startValue(element.offsetHeight);
this._horizontalAnimation.set_endValue((this._width !== null && this._width !== undefined) ?
this._width : element.offsetWidth);
this._verticalAnimation.set_endValue((this._height !== null && this._height !== undefined) ?
this._height : element.offsetHeight);
},
get_width : function() {
///
/// New width of the target
///
return this._width;
},
set_width : function(value) {
value = this._getFloat(value);
if (this._width != value) {
this._width = value;
this.raisePropertyChanged('width');
}
},
get_height : function() {
///
/// New height of the target
///
return this._height;
},
set_height : function(value) {
value = this._getFloat(value);
if (this._height != value) {
this._height = value;
this.raisePropertyChanged('height');
}
},
get_unit : function() {
///
/// Length unit for the size of the target. The default value is 'px'.
///
this._horizontalAnimation.get_unit();
},
set_unit : function(value) {
var unit = this._horizontalAnimation.get_unit();
if (unit != value) {
this._horizontalAnimation.set_unit(value);
this._verticalAnimation.set_unit(value);
this.raisePropertyChanged('unit');
}
}
}
$TWA.ResizeAnimation.registerClass('Telerik.Web.Animation.ResizeAnimation', $TWA.ParallelAnimation);
$TWA.registerAnimation('resize', $TWA.ResizeAnimation);
/* END Telerik.Web.UI.Common.Animation.Animations.js */
/* START Telerik.Web.UI.Common.Scrolling.Scroller.js */
Type.registerNamespace("Telerik.Web.UI");
// ---------- ScrollerOrientation Enum ----------
Telerik.Web.UI.ScrollerOrientation = function(){}
Telerik.Web.UI.ScrollerOrientation.prototype =
{
Vertical: 0,
Horizontal: 1
}
Telerik.Web.UI.ScrollerOrientation.registerEnum("Telerik.Web.UI.ScrollerOrientation");
// ---------- ScrollerSpeed Enum ----------
Telerik.Web.UI.ScrollerSpeed = function(){}
Telerik.Web.UI.ScrollerSpeed.prototype =
{
Invalid: 0,
Slow: 1,
Medium: 2,
Fast: 3
}
Telerik.Web.UI.ScrollerSpeed.registerEnum("Telerik.Web.UI.ScrollerSpeed");
// ---------- ArrowPosition Enum ----------
Telerik.Web.UI.ArrowPosition = function(){}
Telerik.Web.UI.ArrowPosition.prototype =
{
Top: 0,
Bottom: 1,
Left: 2,
Right: 3
}
Telerik.Web.UI.ArrowPosition.registerEnum("Telerik.Web.UI.ArrowPosition");
// ---------- Scroller Class ----------
Telerik.Web.UI.Scroller = function(scrolledElement, element, orientation)
{
// Constants
this._timerInterval = 10;
this._scrolledElement = scrolledElement;
this._element = element;
this._orientation = orientation;
this._minPosition = 0;
this._maxPosition = null;
this._currentPosition = 0;
this._speed = Telerik.Web.UI.ScrollerSpeed.Invalid;
this._direction = 0;
this._events = null;
this._timer = null;
this._onTickDelegate = null;
}
Telerik.Web.UI.Scroller.prototype =
{
initialize: function()
{
this._onTickDelegate = Function.createDelegate(this, this._onTick);
this._timer = new Telerik.Web.Timer()
this._timer.set_interval(this._timerInterval);
this._timer.add_tick(this._onTickDelegate);
},
dispose: function()
{
if (this._timer)
this._timer.dispose();
this._onTickDelegate = null;
this._events = null;
},
// Properties
get_element : function ()
{
return this._element;
},
get_events: function ()
{
if (!this._events)
this._events = new Sys.EventHandlerList();
return this._events;
},
// Events
add_positionChanged : function(handler)
{
this.get_events().addHandler('positionChanged', handler);
},
remove_positionChanged : function(handler)
{
this.get_events().removeHandler('positionChanged', handler);
},
// Public methods
setScrollingLimits : function (minPosition, maxPosition)
{
this._minPosition = Math.max(0, minPosition);
this._maxPosition = Math.min(this._getElementSize(), maxPosition);
},
isAtMinPosition : function ()
{
return this._currentPosition <= this._minPosition;
},
isAtMaxPosition : function ()
{
return this._currentPosition >= this._maxPosition;
},
resetState : function ()
{
this._resetOverflowStyle();
this._scrollTo(0);
},
startScroll : function (speed, direction)
{
this._speed = speed;
this._direction = direction;
this._timer.set_enabled(true);
},
changeScrollSpeed : function (speed)
{
this._speed = speed;
},
stopScroll : function ()
{
this._speed = Telerik.Web.UI.ScrollerSpeed.Invalid;
this._direction = 0;
this._timer.set_enabled(false);
},
// Private methods
_onTick : function ()
{
var nextPosition = this._currentPosition + (this._direction * this._speed);
nextPosition = Math.max(nextPosition, this._minPosition);
nextPosition = Math.min(nextPosition, this._maxPosition);
this._scrollTo(nextPosition);
if (nextPosition == this._minPosition || nextPosition == this._maxPosition)
this.stopScroll();
},
_scrollTo : function (position)
{
var scrollProperty = "left";
if (this._orientation == Telerik.Web.UI.ScrollerOrientation.Vertical)
scrollProperty = "top";
this._currentPosition = position;
this._scrolledElement.style[scrollProperty] = -position + "px";
this._raiseEvent('positionChanged', Sys.EventArgs.Empty);
},
_resetOverflowStyle : function ()
{
if ($telerik.isIE)
{
this._element.style.overflow = "visible";
if (this._orientation == Telerik.Web.UI.ItemFlow.Vertical)
{
this._element.style.overflowX = "visible";
this._element.style.overflowY = "hidden";
}
else
{
this._element.style.overflowX = "hidden";
this._element.style.overflowY = "hidden";
}
}
else
{
this._element.style.overflow = "hidden";
}
},
_getElementSize : function ()
{
if (this._orientation == Telerik.Web.UI.ScrollerOrientation.Vertical)
{
return this._scrolledElement.offsetHeight;
}
else
{
return this._scrolledElement.offsetWidth;
}
},
_raiseEvent : function (eventName, eventArgs)
{
var handler = this.get_events().getHandler(eventName);
if (handler)
{
if (!eventArgs)
eventArgs = Sys.EventArgs.Empty;
handler(this, eventArgs);
}
}
}
Telerik.Web.UI.Scroller.registerClass('Telerik.Web.UI.Scroller', null, Sys.IDisposable);
/* END Telerik.Web.UI.Common.Scrolling.Scroller.js */
/* START Telerik.Web.UI.Common.Navigation.AnimationSettings.js */
Type.registerNamespace("Telerik.Web.UI");
// ---------- AnimationSettings Class ----------
Telerik.Web.UI.AnimationSettings = function(serializedAnimationSettings)
{
this._type = Telerik.Web.UI.AnimationType.OutQuart;
this._duration = 300;
if (typeof(serializedAnimationSettings.type) != "undefined")
{
this._type = serializedAnimationSettings.type;
}
if (typeof(serializedAnimationSettings.duration) != "undefined")
{
this._duration = serializedAnimationSettings.duration;
}
}
Telerik.Web.UI.AnimationSettings.prototype =
{
get_type : function ()
{
return this._type;
},
set_type : function(value)
{
this._type = value;
},
get_duration : function ()
{
return this._duration;
},
set_duration : function(value)
{
this._duration = value;
}
}
Telerik.Web.UI.AnimationSettings.registerClass('Telerik.Web.UI.AnimationSettings');
/* END Telerik.Web.UI.Common.Navigation.AnimationSettings.js */
/* START Telerik.Web.UI.Common.Navigation.Slide.js */
Type.registerNamespace("Telerik.Web.UI");
// ---------- SlideDirection Enum ----------
Telerik.Web.UI.SlideDirection = function()
{
};
Telerik.Web.UI.SlideDirection.prototype =
{
Up: 1,
Down: 2,
Left: 3,
Right: 4
}
Telerik.Web.UI.SlideDirection.registerEnum("Telerik.Web.UI.SlideDirection");
// ---------- Slide Class ----------
Telerik.Web.UI.Slide = function(animatedElement, expandAnimation, collapseAnimation, enableOverlay)
{
// Constants
this._fps = 60;
this._animatedElement = animatedElement;
this._element = animatedElement.parentNode;
this._expandAnimation = expandAnimation;
this._collapseAnimation = collapseAnimation;
this._direction = Telerik.Web.UI.SlideDirection.Down;
this._animation = null;
this._expanding = null;
if (enableOverlay == null)
{
this._enableOverlay = true;
}
else
{
this._enableOverlay = enableOverlay;
}
this._events = null;
this._overlay = null;
this._animationEndedDelegate = null;
this._expandAnimationStartedDelegate = null;
this._updateOverlayDelegate = null;
}
Telerik.Web.UI.Slide.prototype =
{
initialize: function()
{
if (Telerik.Web.UI.Overlay.IsSupported() && this._enableOverlay)
{
var animatedElement = this.get_animatedElement();
this._overlay = new Telerik.Web.UI.Overlay(animatedElement);
this._overlay.initialize();
}
this._animationEndedDelegate = Function.createDelegate(this, this._animationEnded);
this._expandAnimationStartedDelegate = Function.createDelegate(this, this._expandAnimationStarted);
this._updateOverlayDelegate = Function.createDelegate(this, this._updateOverlay);
},
dispose: function()
{
this._animatedElement = null;
this._events = null;
this._disposeAnimation();
if (this._overlay)
{
this._overlay.dispose();
this._overlay = null;
}
this._animationEndedDelegate = null;
this._expandAnimationStartedDelegate = null;
this._updateOverlayDelegate = null;
},
// Properties
get_element : function ()
{
return this._element;
},
get_animatedElement: function()
{
return this._animatedElement;
},
set_animatedElement: function(value)
{
this._animatedElement = value;
if (this._overlay)
{
this._overlay.set_targetElement(this._animatedElement);
}
},
get_direction: function()
{
return this._direction;
},
set_direction: function(value)
{
this._direction = value;
},
get_events: function ()
{
if (!this._events)
{
this._events = new Sys.EventHandlerList();
}
return this._events;
},
// Public methods
updateSize: function()
{
var animatedElement = this.get_animatedElement();
var element = this.get_element();
var top = 0;
if (animatedElement.style.top)
{
top = Math.max(parseInt(animatedElement.style.top), 0);
}
var left = 0;
if (animatedElement.style.left)
{
left = Math.max(parseInt(animatedElement.style.left), 0);
}
var height = animatedElement.offsetHeight + top;
if (element.style.height != height + "px")
{
element.style.height = Math.max(height, 0) + "px";
}
var width = animatedElement.offsetWidth + left;
if (element.style.width != width + "px")
{
element.style.width = Math.max(width, 0) + "px";
}
if (this._overlay)
{
this._updateOverlay();
}
},
show: function()
{
this._showElement();
},
expand: function()
{
this._expanding = true;
// Hide element before doing the calculations to prevent flicker.
this.get_animatedElement().style.visibility = "hidden";
this._resetState(true);
var startPosition = null;
var finalPosition = null;
switch (this.get_direction())
{
case Telerik.Web.UI.SlideDirection.Up:
case Telerik.Web.UI.SlideDirection.Left:
startPosition = parseInt(this._getSize());
finalPosition = 0;
break;
case Telerik.Web.UI.SlideDirection.Down:
case Telerik.Web.UI.SlideDirection.Right:
startPosition = parseInt(this._getPosition());
finalPosition = 0;
break;
}
if (this._animation)
{
this._animation.stop();
}
if ((startPosition == finalPosition) ||
(this._expandAnimation.get_type() == Telerik.Web.UI.AnimationType.None))
{
this._expandAnimationStarted();
this._setPosition(finalPosition);
this._animationEnded();
this.get_animatedElement().style.visibility = "visible";
}
else
{
this._playAnimation(this._expandAnimation, startPosition, finalPosition);
}
},
collapse: function()
{
this._resetState();
this._expanding = false;
var startPosition = null;
var finalPosition = null;
var size = parseInt(this._getSize());
var position = parseInt(this._getPosition());
switch (this.get_direction())
{
case Telerik.Web.UI.SlideDirection.Up:
case Telerik.Web.UI.SlideDirection.Left:
startPosition = 0;
finalPosition = size;
break;
case Telerik.Web.UI.SlideDirection.Down:
case Telerik.Web.UI.SlideDirection.Right:
startPosition = 0;
finalPosition = position - size;
break;
}
if (this._animation)
{
this._animation.stop();
}
if ((startPosition == finalPosition) ||
(this._collapseAnimation.get_type() == Telerik.Web.UI.AnimationType.None))
{
this._setPosition(finalPosition);
this._animationEnded();
}
else
{
this._playAnimation(this._collapseAnimation, startPosition, finalPosition);
}
},
// Events
add_collapseAnimationEnded : function(handler)
{
this.get_events().addHandler('collapseAnimationEnded', handler);
},
remove_collapseAnimationEnded : function(handler)
{
this.get_events().removeHandler('collapseAnimationEnded', handler);
},
add_expandAnimationEnded : function(handler)
{
this.get_events().addHandler('expandAnimationEnded', handler);
},
remove_expandAnimationEnded : function(handler)
{
this.get_events().removeHandler('expandAnimationEnded', handler);
},
add_expandAnimationStarted : function(handler)
{
this.get_events().addHandler('expandAnimationStarted', handler);
},
remove_expandAnimationStarted : function(handler)
{
this.get_events().removeHandler('expandAnimationStarted', handler);
},
// Private methods
_playAnimation: function(animationSettings, startPosition, finalPosition)
{
var duration = animationSettings.get_duration();
var animatedProperty = this._getAnimatedStyleProperty();
var points = Telerik.Web.UI.AnimationFunctions.CalculateAnimationPoints(animationSettings, startPosition, finalPosition, this._fps);
var animatedElement = this.get_animatedElement();
// Show the animatedElement after the calculations have been done.
animatedElement.style.visibility = "visible";
if (this._animation)
{
this._animation.set_target(animatedElement);
this._animation.set_duration(duration / 1000);
this._animation.set_propertyKey(animatedProperty);
this._animation.set_values(points);
}
else
{
this._animation = new $TWA.DiscreteAnimation(animatedElement, duration / 1000, this._fps, "style", animatedProperty, points);
this._animation.add_started(this._expandAnimationStartedDelegate);
this._animation.add_ended(this._animationEndedDelegate);
if (this._overlay)
{
this._animation.add_onTick(this._updateOverlayDelegate);
}
}
this._animation.play();
},
_animationEnded: function()
{
if (this._expanding)
{
this.get_element().style.overflow = "visible";
this._raiseEvent('expandAnimationEnded', Sys.EventArgs.Empty);
}
else
{
this.get_element().style.display = "none";
this._raiseEvent('collapseAnimationEnded', Sys.EventArgs.Empty);
}
if (this._overlay)
{
this._updateOverlay();
}
},
_expandAnimationStarted: function()
{
this._raiseEvent('expandAnimationStarted', Sys.EventArgs.Empty);
},
_updateOverlay : function ()
{
this._overlay.updatePosition();
},
_showElement: function()
{
var animatedElement = this.get_animatedElement();
var element = this.get_element();
if (!element)
return;
if (!element.style)
return;
// Table elements do not work well with "block" display.
element.style.display = (element.tagName.toUpperCase() != "TABLE") ? "block" : "";
animatedElement.style.display = (animatedElement.tagName.toUpperCase() != "TABLE") ? "block" : "";
element.style.overflow = "hidden";
},
_resetState: function(resetPosition)
{
this._stopAnimation();
this._showElement();
if (resetPosition)
{
var animatedElement = this.get_animatedElement();
switch (this.get_direction())
{
case Telerik.Web.UI.SlideDirection.Up:
animatedElement.style.top = "0px";
break;
case Telerik.Web.UI.SlideDirection.Down:
animatedElement.style.top = -animatedElement.offsetHeight + "px";
break;
case Telerik.Web.UI.SlideDirection.Left:
animatedElement.style.left = animatedElement.offsetWidth + "px";
break;
case Telerik.Web.UI.SlideDirection.Right:
animatedElement.style.left = -animatedElement.offsetWidth + "px";
break;
default:
Error.argumentOutOfRange("direction", this.get_direction(), "Slide direction is invalid. Use one of the values in the Telerik.Web.UI.SlideDirection enumeration.");
break;
}
}
},
_getSize : function ()
{
var animatedElement = this.get_animatedElement();
switch (this.get_direction())
{
case Telerik.Web.UI.SlideDirection.Up:
case Telerik.Web.UI.SlideDirection.Down:
return animatedElement.offsetHeight;
break;
case Telerik.Web.UI.SlideDirection.Left:
case Telerik.Web.UI.SlideDirection.Right:
return animatedElement.offsetWidth;
break;
default:
return 0;
}
},
_setPosition : function (value)
{
var animatedElement = this.get_animatedElement();
var animatedProperty = this._getAnimatedStyleProperty();
animatedElement.style[animatedProperty] = value;
},
_getPosition: function()
{
var animatedElement = this.get_animatedElement();
var animatedProperty = this._getAnimatedStyleProperty();
return animatedElement.style[animatedProperty];
},
_getAnimatedStyleProperty: function()
{
switch (this.get_direction())
{
case Telerik.Web.UI.SlideDirection.Up:
case Telerik.Web.UI.SlideDirection.Down:
return "top";
case Telerik.Web.UI.SlideDirection.Left:
case Telerik.Web.UI.SlideDirection.Right:
return "left";
}
},
_stopAnimation : function()
{
if (this._animation)
{
this._animation.stop();
}
},
_disposeAnimation: function()
{
if (this._animation)
{
this._animation.dispose();
this._animation = null;
}
},
_raiseEvent : function (eventName, eventArgs)
{
var handler = this.get_events().getHandler(eventName);
if (handler)
{
if (!eventArgs)
{
eventArgs = Sys.EventArgs.Empty;
}
handler(this, eventArgs);
}
}
}
Telerik.Web.UI.Slide.registerClass('Telerik.Web.UI.Slide', null, Sys.IDisposable);
/* END Telerik.Web.UI.Common.Navigation.Slide.js */
/* START Telerik.Web.UI.Common.Navigation.Overlay.js */
Type.registerNamespace("Telerik.Web.UI");
// ---------- Overlay Class ----------
Telerik.Web.UI.Overlay = function(targetElement)
{
this._targetElement = targetElement;
this._element = null;
}
Telerik.Web.UI.Overlay.IsSupported = function ()
{
return $telerik.isIE;
}
Telerik.Web.UI.Overlay.prototype =
{
initialize: function()
{
//Using this workaround to set the contents of the iframe (required for sectio 508 compliance)
var placeholder = document.createElement("div");
placeholder.innerHTML = "";
this._element = placeholder.firstChild;
this._element.src = "javascript:'';";
this._targetElement.parentNode.insertBefore(this._element, this._targetElement);
if (this._targetElement.style.zIndex > 0)
{
this._element.style.zIndex = this._targetElement.style.zIndex - 1;
}
this._element.style.position = "absolute";
this._element.style.border = "0px";
this._element.frameBorder = 0;
this._element.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
this._element.tabIndex = -1;
this.updatePosition();
},
dispose: function()
{
if (this._element.parentNode)
{
this._element.parentNode.removeChild(this._element);
}
this._targetElement = null;
this._element = null;
},
get_targetElement : function ()
{
return this._targetElement;
},
set_targetElement : function (value)
{
this._targetElement = value;
},
updatePosition: function()
{
this._element.style.top = this._toUnit(this._targetElement.style.top);
this._element.style.left = this._toUnit(this._targetElement.style.left);
this._element.style.width = this._targetElement.offsetWidth + "px";
this._element.style.height = this._targetElement.offsetHeight + "px";
},
_toUnit: function(value)
{
if (!value) return "0px";
return parseInt(value) + "px";
}
}
Telerik.Web.UI.Overlay.registerClass('Telerik.Web.UI.Overlay', null, Sys.IDisposable);
/* END Telerik.Web.UI.Common.Navigation.Overlay.js */
/* START Telerik.Web.UI.Common.Navigation.AnimationFunctions.js */
Type.registerNamespace("Telerik.Web.UI");
// ---------- AnimationType Enum ----------
Telerik.Web.UI.AnimationType = function () { };
Telerik.Web.UI.AnimationType.prototype =
{
None: 0,
Linear: 1,
InQuad: 2,
OutQuad: 3,
InOutQuad: 4,
InCubic: 5,
OutCubic: 6,
InOutCubic: 7,
InQuart: 8,
OutQuart: 9,
InOutQuart: 10,
InQuint: 11,
OutQuint: 12,
InOutQuint: 13,
InSine: 14,
OutSine: 15,
InOutSine: 16,
InExpo: 17,
OutExpo: 18,
InOutExpo: 19,
InBack: 20,
OutBack: 21,
InOutBack: 22,
InBounce: 23,
OutBounce: 24,
InOutBounce: 25,
InElastic: 26,
OutElastic: 27,
InOutElastic: 28
}
Telerik.Web.UI.AnimationType.registerEnum("Telerik.Web.UI.AnimationType");
Telerik.Web.UI.AnimationFunctions = function () { };
Telerik.Web.UI.AnimationFunctions.CalculateAnimationPoints = function(animationSettings, startPosition, finalPosition, fps)
{
if (startPosition == finalPosition)
{
return [finalPosition + "px"];
}
var duration = animationSettings.get_duration() / 1000;
var totalFrames = Math.round((duration) * fps);
var animationFunction = Telerik.Web.UI.AnimationFunctions[animationSettings.get_type()];
var points = new Array();
var distance = Math.max(startPosition, finalPosition) - Math.min(startPosition, finalPosition);
var direction = startPosition < finalPosition ? 1 : -1;
var lastValue = 0;
points[0] = startPosition + "px";
for (var frameIx = 0; frameIx < totalFrames; frameIx++)
{
var currentValue = animationFunction(frameIx / fps, 0, distance, duration);
if (frameIx > 0)
{
var lastPoint = parseInt(points[frameIx - 1]);
var delta = direction * (Math.round(currentValue) - Math.round(lastValue));
points[frameIx] = (lastPoint + delta) + "px";
}
lastValue = currentValue;
}
// Not all animation functions end the sequence at the exact desired position.
points[totalFrames - 1] = finalPosition + "px";
return points;
}
/*
Easing Equations v1.5
Open source under the BSD License.
Copyright � 2001 Robert Penner
All rights reserved.
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
* Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
* Neither the name of the author nor the names of contributors may be used to endorse or promote products derived from this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
// simple linear tweening - no easing
// t: current time, b: beginning value, c: change in value, d: duration
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.Linear] = function (t, b, c, d) {
return c*t/d + b;
};
///////////// QUADRATIC EASING: t^2 ///////////////////
// quadratic easing in - accelerating from zero velocity
// t: current time, b: beginning value, c: change in value, d: duration
// t and d can be in frames or seconds/milliseconds
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InQuad] = function (t, b, c, d) {
return c*(t/=d)*t + b;
};
// quadratic easing out - decelerating to zero velocity
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.OutQuad] = function (t, b, c, d) {
return -c *(t/=d)*(t-2) + b;
};
// quadratic easing in/out - acceleration until halfway, then deceleration
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InOutQuad] = function (t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
};
///////////// CUBIC EASING: t^3 ///////////////////////
// cubic easing in - accelerating from zero velocity
// t: current time, b: beginning value, c: change in value, d: duration
// t and d can be frames or seconds/milliseconds
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InCubic] = function (t, b, c, d) {
return c*(t/=d)*t*t + b;
};
// cubic easing out - decelerating to zero velocity
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.OutCubic] = function (t, b, c, d) {
return c*((t=t/d-1)*t*t + 1) + b;
};
// cubic easing in/out - acceleration until halfway, then deceleration
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InOutCubic] = function (t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t + b;
return c/2*((t-=2)*t*t + 2) + b;
};
///////////// QUARTIC EASING: t^4 /////////////////////
// quartic easing in - accelerating from zero velocity
// t: current time, b: beginning value, c: change in value, d: duration
// t and d can be frames or seconds/milliseconds
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InQuart] = function (t, b, c, d) {
return c*(t/=d)*t*t*t + b;
};
// quartic easing out - decelerating to zero velocity
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.OutQuart] = function (t, b, c, d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
};
// quartic easing in/out - acceleration until halfway, then deceleration
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InOutQuart] = function (t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
return -c/2 * ((t-=2)*t*t*t - 2) + b;
};
///////////// QUINTIC EASING: t^5 ////////////////////
// quintic easing in - accelerating from zero velocity
// t: current time, b: beginning value, c: change in value, d: duration
// t and d can be frames or seconds/milliseconds
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InQuint] = function (t, b, c, d) {
return c*(t/=d)*t*t*t*t + b;
};
// quintic easing out - decelerating to zero velocity
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.OutQuint] = function (t, b, c, d) {
return c*((t=t/d-1)*t*t*t*t + 1) + b;
};
// quintic easing in/out - acceleration until halfway, then deceleration
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InOutQuint] = function (t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
return c/2*((t-=2)*t*t*t*t + 2) + b;
};
///////////// SINUSOIDAL EASING: sin(t) ///////////////
// sinusoidal easing in - accelerating from zero velocity
// t: current time, b: beginning value, c: change in position, d: duration
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InSine] = function (t, b, c, d) {
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
};
// sinusoidal easing out - decelerating to zero velocity
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.OutSine] = function (t, b, c, d) {
return c * Math.sin(t/d * (Math.PI/2)) + b;
};
// sinusoidal easing in/out - accelerating until halfway, then decelerating
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InOutSine] = function (t, b, c, d) {
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
};
///////////// EXPONENTIAL EASING: 2^t /////////////////
// exponential easing in - accelerating from zero velocity
// t: current time, b: beginning value, c: change in position, d: duration
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InExpo] = function (t, b, c, d) {
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
};
// exponential easing out - decelerating to zero velocity
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.OutExpo] = function (t, b, c, d) {
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
};
// exponential easing in/out - accelerating until halfway, then decelerating
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InOutExpo] = function (t, b, c, d) {
if (t==0) return b;
if (t==d) return b+c;
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
};
/////////// CIRCULAR EASING: sqrt(1-t^2) //////////////
// circular easing in - accelerating from zero velocity
// t: current time, b: beginning value, c: change in position, d: duration
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InCirc] = function (t, b, c, d) {
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
};
// circular easing out - decelerating to zero velocity
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.OutCirc] = function (t, b, c, d) {
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
};
// circular easing in/out - acceleration until halfway, then deceleration
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InOutCirc] = function (t, b, c, d) {
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
};
/////////// ELASTIC EASING: exponentially decaying sine wave //////////////
// t: current time, b: beginning value, c: change in value, d: duration, a: amplitude (optional), p: period (optional)
// t and d can be in frames or seconds/milliseconds
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InElastic] = function (t, b, c, d, a, p) {
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if ((!a) || a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
};
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.OutElastic] = function (t, b, c, d, a, p) {
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if ((!a) || a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
};
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InOutElastic] = function (t, b, c, d, a, p) {
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
if ((!a) || a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
};
/////////// BACK EASING: overshooting cubic easing: (s+1)*t^3 - s*t^2 //////////////
// back easing in - backtracking slightly, then reversing direction and moving to target
// t: current time, b: beginning value, c: change in value, d: duration, s: overshoot amount (optional)
// t and d can be in frames or seconds/milliseconds
// s controls the amount of overshoot: higher s means greater overshoot
// s has a default value of 1.70158, which produces an overshoot of 10 percent
// s==0 produces cubic easing with no overshoot
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InBack] = function (t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*(t/=d)*t*((s+1)*t - s) + b;
};
// back easing out - moving towards target, overshooting it slightly, then reversing and coming back to target
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.OutBack] = function (t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
};
// back easing in/out - backtracking slightly, then reversing direction and moving to target,
// then overshooting target, reversing, and finally coming back to target
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InOutBack] = function (t, b, c, d, s) {
if (s == undefined) s = 1.70158;
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
};
/////////// BOUNCE EASING: exponentially decaying parabolic bounce //////////////
// bounce easing in
// t: current time, b: beginning value, c: change in position, d: duration
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InBounce] = function (t, b, c, d) {
return c - Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.OutBounce] (d-t, 0, c, d) + b;
};
// bounce easing out
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.OutBounce] = function (t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
};
// bounce easing in/out
Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InOutBounce] = function (t, b, c, d) {
if (t < d/2) return Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.InBounce] (t*2, 0, c, d) * .5 + b;
return Telerik.Web.UI.AnimationFunctions[Telerik.Web.UI.AnimationType.OutBounce] (t*2-d, 0, c, d) * .5 + c*.5 + b;
};
Telerik.Web.UI.AnimationFunctions.registerClass('Telerik.Web.UI.AnimationFunctions');
/* END Telerik.Web.UI.Common.Navigation.AnimationFunctions.js */
/* START Telerik.Web.UI.Common.Navigation.ControlItemContainer.js */
function WebForm_CallbackComplete()
{
for (var i = 0; i < __pendingCallbacks.length; i++) {
var callbackObject = __pendingCallbacks[i];
if (callbackObject && callbackObject.xmlRequest && (callbackObject.xmlRequest.readyState == 4)) {
__pendingCallbacks[i] = null;
WebForm_ExecuteCallback(callbackObject);
if (!callbackObject.async) {
__synchronousCallBackIndex = -1;
}
var callbackFrameID = "__CALLBACKFRAME" + i;
var xmlRequestFrame = document.getElementById(callbackFrameID);
if (xmlRequestFrame) {
xmlRequestFrame.parentNode.removeChild(xmlRequestFrame);
}
}
}
}
Type.registerNamespace("Telerik.Web.UI");
Telerik.Web.UI.ControlItemContainer = function (element)
{
Telerik.Web.UI.ControlItemContainer.initializeBase(this, [element]);
this._childControlsCreated = false;
this._enabled = true;
this._log = new Telerik.Web.UI.ChangeLog();
this._enableClientStatePersistence = false;
this._eventMap = new Telerik.Web.UI.EventMap();
this._attributes = new Telerik.Web.UI.AttributeCollection(this);
this._children = null;
}
Telerik.Web.UI.ControlItemContainer.prototype =
{
initialize : function ()
{
Telerik.Web.UI.ControlItemContainer.callBaseMethod(this, 'initialize');
this._ensureChildControls();
this._log.initialize();
this._initializeEventMap();
},
dispose : function ()
{
this._eventMap.dispose();
for (var i = 0; i < this._getChildren().get_count(); i++)
{
this._getChildren().getItem(i)._dispose();
}
Telerik.Web.UI.ControlItemContainer.callBaseMethod(this, 'dispose');
},
trackChanges : function ()
{
this._enableClientStatePersistence = true;
},
set_enabled: function(value)
{
this._enabled = value;
},
get_enabled: function()
{
return this._enabled;
},
commitChanges : function ()
{
this.updateClientState();
this._enableClientStatePersistence = false;
},
get_attributes : function ()
{
return this._attributes;
},
set_attributes : function (value)
{
this._attributes._load(value);
},
/*------------- Private Methods -----------*/
_initializeEventMap : function()
{
this._eventMap.initialize(this);
},
_getChildren : function ()
{
this._ensureChildControls();
return this._children;
},
_extractErrorMessage : function (error)
{
if (error.get_message)
{
// AJAX Exception
return error.get_message();
}
else
{
// ASP.NET callback return error messages in the following form:
// | e.g.
// Object reference not set to an instance of an object.56|/wEWAwLM2oLGBwLs0bLrBgLs0fbZDC3VMN/DL8xzHgo9Pw1ztfesraLy
return error.replace(/(\d*\|.*)/,"");
}
},
_notifyPropertyChanged : function (propertyName, propertyValue)
{
},
_childInserting : function (index, item, parent)
{
},
_childInserted : function (index, item, parent)
{
if (!parent._childControlsCreated) return;
if (!parent.get_element()) return;
itemElement = item._createDomElement();
var parentListElement = parent.get_childListElement();
if (!parentListElement)
parentListElement = parent._createChildListElement();
var nextItem = item.get_nextSibling();
var nextItemElement = nextItem ? nextItem.get_element() : null;
parent.get_childListElement().insertBefore(itemElement, nextItemElement);
if (!item.get_element())
{
item.set_element(itemElement);
item._initializeRenderedItem();
}
else
{
item.set_element(itemElement);
}
},
_childrenCleared : function (parent)
{
for(var i = 0; i < parent._getChildren().get_count(); i++)
{
parent._getChildren().getItem(i)._dispose();
}
var childListElement = parent.get_childListElement();
if(childListElement)
childListElement.innerHTML = "";
},
_childRemoving : function (child)
{
this._logRemoving(child);
},
_childRemoved : function (item, parent)
{
item._dispose();
},
_createChildListElement : function()
{
throw Error.notImplemeneted();
},
_createDomElement : function()
{
throw Error.notImplemented();
},
_getControl : function ()
{
return this;
},
_logInserted : function (item)
{
if (!item.get_parent()._childControlsCreated || !this._enableClientStatePersistence) return;
this._log.logInsert(item);
var children = item._getAllItems();
for (var i = 0; i < children.length; i++)
{
this._log.logInsert(children[i]);
}
},
_logRemoving : function (item)
{
if (this._enableClientStatePersistence)
this._log.logDelete(item);
},
_logClearing : function (item)
{
if (this._enableClientStatePersistence)
this._log.logClear(item);
},
_itemPropertyChanged : function (item, property, value)
{
if (this._enableClientStatePersistence)
this._log.logPropertyChanged(item, property, value);
},
_ensureChildControls : function ()
{
if (!this._childControlsCreated)
{
this._createChildControls();
this._childControlsCreated = true;
}
},
_extractItemFromDomElement : function (element)
{
this._ensureChildControls();
while (element && element.nodeType !== 9)
{
if (element._item && this._verifyChildType(element._itemTypeName))
return element._item;
element = element.parentNode;
}
return null;
},
_verifyChildType : function (targetTypeName)
{
return targetTypeName === this._childTypeName;
},
_getAllItems : function ()
{
var allItems = [];
for (var i = 0; i < this._getChildren().get_count(); i++)
{
var item = this._getChildren().getItem(i);
Array.add(allItems, item);
Array.addRange(allItems, item._getAllItems());
}
return allItems;
},
_findItemByText : function (text)
{
var allItems = this._getAllItems();
for (var i = 0; i < allItems.length; i++)
{
if (allItems[i].get_text() == text)
return allItems[i];
}
return null;
},
_findItemByValue : function (value)
{
var allItems = this._getAllItems();
for (var i = 0; i < allItems.length; i++)
{
if (allItems[i].get_value() == value)
return allItems[i];
}
return null;
},
_findItemByAttribute : function(attributeName, value)
{
var allItems = this._getAllItems();
for (var i = 0; i < allItems.length; i++)
{
if (allItems[i].get_attributes().getAttribute(attributeName) == value)
return allItems[i];
}
return null;
},
_findItemByHierarchicalIndex : function (index)
{
var currentItem = null;
var container = this;
var indexes = index.split(":");
for (var i = 0; i < indexes.length; i++)
{
var currentIndex = parseInt(indexes[i]);
if (container._getChildren().get_count() <= currentIndex)
return null;
currentItem = container._getChildren().getItem(currentIndex);
container = currentItem;
}
return currentItem;
}
}
Telerik.Web.UI.ControlItemContainer.registerClass("Telerik.Web.UI.ControlItemContainer", Telerik.Web.UI.RadWebControl);
/* END Telerik.Web.UI.Common.Navigation.ControlItemContainer.js */
/* START Telerik.Web.UI.Common.Navigation.ControlItemCollection.js */
Type.registerNamespace("Telerik.Web.UI");
Telerik.Web.UI.ControlItemCollection = function (parent)
{
this._array = new Array();
this._parent = parent;
this._control = null;
}
Telerik.Web.UI.ControlItemCollection.prototype =
{
add : function (item)
{
var index = this._array.length;
this.insert(index, item);
},
insert : function (index, item)
{
var itemParent = item.get_parent();
var control = this._parent._getControl();
if(itemParent)
itemParent._getChildren().remove(item);
if (control)
control._childInserting(index, item, this._parent);
Array.insert(this._array, index, item);
item.set_parent(this._parent);
if (control)
{
control._childInserted(index, item, this._parent);
control._logInserted(item);
}
},
remove : function (item)
{
var control = this._parent._getControl();
if (control)
control._childRemoving(item);
Array.remove(this._array, item);
if (control)
control._childRemoved(item, this._parent);
item.set_parent(null);
item._control = null;
},
removeAt : function (index)
{
var item = this.getItem(index);
if (item)
this.remove(item);
},
clear : function ()
{
var control = this._parent._getControl();
if (control)
{
control._logClearing(this._parent);
control._childrenCleared(this._parent);
}
this._array = new Array();
},
get_count : function ()
{
return this._array.length;
},
getItem : function(index)
{
return this._array[index];
},
indexOf : function (item)
{
return Array.indexOf(this._array, item);
},
forEach : function (lambda)
{
for (var i = 0, count = this.get_count(); i < count; i++)
{
lambda(this._array[i]);
}
}
}
Telerik.Web.UI.ControlItemCollection.registerClass("Telerik.Web.UI.ControlItemCollection");
/* END Telerik.Web.UI.Common.Navigation.ControlItemCollection.js */
/* START Telerik.Web.UI.Common.Navigation.PostbackWrapper.js */
Type.registerNamespace("Telerik.Web.UI");
Telerik.Web.UI._PostbackWrapper = function ()
{
this._doPostbackReplaced = false;
this._events = new Sys.EventHandlerList();
this._originalDoPostBack = null;
this._onWindowUnloadHandler = null;
this._postbackEventRaised = false;
this._beginRequestHandler = null;
this._onsubmitHandler = null;
this._partialRenderingEnabledChecked = false;
this._partialRenderingEnabled = false;
}
Telerik.Web.UI._PostbackWrapper.prototype =
{
initialize : function()
{
this._onWindowUnloadHandler = Function.createDelegate(this, this._onWindowUnload);
Sys.UI.DomEvent.addHandler(window, 'unload', this._onWindowUnloadHandler);
},
_raiseBeforePostback : function(eventArgs)
{
var handler = this._events.getHandler("beforePostback");
if (handler)
{
if (!eventArgs)
{
eventArgs = Sys.EventArgs.Empty;
}
handler(this, eventArgs);
}
this._postbackEventRaised = true;
},
_doPostback : function(eventTarget, eventArgument)
{
this._raiseBeforePostback(Sys.EventArgs.Empty);
this._originalDoPostBack(eventTarget, eventArgument);
},
_onSubmit : function()
{
if (!this._postbackEventRaised)
{
this._raiseBeforePostback(Sys.EventArgs.Empty);
}
return true;
},
_endRequest : function()
{
this._postbackEventRaised = false;
},
_isPartialRenderingEnabled : function()
{
if (!this._partialRenderingEnabledChecked)
{
this._partialRenderingEnabled = true;
if (typeof(Sys) == "undefined")
{
this._partialRenderingEnabled = false;
}
else if (typeof(Sys.WebForms) == "undefined")
{
this._partialRenderingEnabled = false;
}
else if (typeof(Sys.WebForms.PageRequestManager) == "undefined")
{
this._partialRenderingEnabled = false;
}
else if (!Sys.WebForms.PageRequestManager.getInstance())
{
this._partialRenderingEnabled = false;
}
this._partialRenderingEnabledChecked = true;
}
return this._partialRenderingEnabled;
},
add_beforePostback : function(handler)
{
if (!this._isPartialRenderingEnabled())
{
return;
}
if (!this._onsubmitHandler)
{
this._onsubmitHandler = Function.createDelegate(this, this._onSubmit);
Array.add(Sys.WebForms.PageRequestManager.getInstance()._onSubmitStatements, this._onsubmitHandler);
}
if (!this._endRequestHandler)
{
this._endRequestHandler = Function.createDelegate(this, this._endRequest);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(this._endRequestHandler);
}
if (!this._doPostbackReplaced)
{
this._replaceDoPostback();
}
this._events.addHandler("beforePostback", handler);
},
remove_beforePostback : function(handler)
{
this._events.removeHandler("beforePostback", handler);
},
_replaceDoPostback : function()
{
if (typeof(Page_IsValid) != "undefined")
{
return;
}
this._originalDoPostBack = window.__doPostBack;
if (this._originalDoPostBack)
{
window.__doPostBack = Function.createDelegate(this, this._doPostback);
}
this._doPostbackReplaced = true;
},
_onWindowUnload : function(rawEvent)
{
this.dispose();
},
dispose : function()
{
Sys.UI.DomEvent.removeHandler(window, 'unload', this._onWindowUnloadHandler);
if (this._endRequestHandler)
{
Sys.WebForms.PageRequestManager.getInstance().remove_endRequest(this._endRequestHandler);
this._endRequestHandler = null;
}
if (this._originalDoPostBack)
{
window.__doPostBack = this._originalDoPostBack;
this._originalDoPostBack = null;
}
}
}
Telerik.Web.UI._PostbackWrapper.registerClass("Telerik.Web.UI._PostbackWrapper");
Telerik.Web.UI.PostbackWrapper = new Telerik.Web.UI._PostbackWrapper();
Telerik.Web.UI.PostbackWrapper.initialize();
/* END Telerik.Web.UI.Common.Navigation.PostbackWrapper.js */
/* START Telerik.Web.UI.Common.Navigation.ControlItem.js */
Type.registerNamespace("Telerik.Web.UI");
Telerik.Web.UI.PropertyBag = function (owner)
{
Telerik.Web.UI.PropertyBag.initializeBase(this);
this._data = {};
this._owner = owner;
}
Telerik.Web.UI.PropertyBag.prototype = {
getValue : function (propertyName, defaultValue)
{
var value = this._data[propertyName];
if (typeof(value) === "undefined")
return defaultValue;
return value;
},
setValue : function (propertyName, value, notify)
{
this._data[propertyName] = value;
if (notify)
this._owner._notifyPropertyChanged(propertyName, value);
},
load : function (data)
{
this._data = data;
}
};
Telerik.Web.UI.PropertyBag.registerClass('Telerik.Web.UI.PropertyBag');
Telerik.Web.UI.ControlItem = function()
{
this._element = null;
this._parent = null;
this._text = null;
this._children = null;
this._childControlsCreated = false;
this._itemData = null;
this._control = null;
this._properties = new Telerik.Web.UI.PropertyBag(this);
this._attributes = new Telerik.Web.UI.AttributeCollection(this);
}
Telerik.Web.UI.ControlItem.prototype =
{
_shouldNavigate: function()
{
var navigateUrl = this.get_navigateUrl();
if (!navigateUrl) return false;
return !navigateUrl.endsWith("#");
},
_getNavigateUrl : function ()
{
if (this.get_linkElement())
return this._properties.getValue("navigateUrl", this.get_linkElement().getAttribute("href", 2));
return this._properties.getValue("navigateUrl", null);
},
_initialize: function(json, element)
{
this.set_element(element);
this._properties.load(json);
if (typeof(json["attributes"]) != "undefined")
this._attributes._load(json["attributes"]);
this._itemData = json["items"];
},
_dispose: function()
{
if (this._children)
this._children.forEach(function(child) { child._dispose(); } );
if (this._element)
{
this._element._item = null;
this._element = null;
}
if (this._control)
this._control = null;
},
// Public methods
_initializeRenderedItem: function()
{
var childItems = this._children;
if (!childItems || childItems.get_count() < 1)
return;
var childElements = this._getChildElements();
Sys.Debug.assert(childItems.get_count() == childElements.length, "Length of elements and child items must be the same!");
for (var i = 0, length = childItems.get_count(); i < length; i++)
{
var childItem = childItems.getItem(i);
if (!childItem.get_element())
{
childItem.set_element(childElements[i]);
if (this._shouldInitializeChild(childItem))
{
childItem._initializeRenderedItem();
}
}
}
},
get_attributes : function ()
{
return this._attributes;
},
// Public properties
get_element: function()
{
return this._element;
},
set_element: function(value)
{
this._element = value;
this._element._item = this;
this._element._itemTypeName = Object.getTypeName(this);
},
get_parent: function()
{
return this._parent;
},
set_parent: function(value)
{
this._parent = value;
},
get_text : function ()
{
if (this._text !== null) return this._text;
if (this._text = this._properties.getValue("text", ""))
return this._text;
if (!this.get_element())
return "";
var textElement = this.get_textElement();
if (!textElement)
return "";
if (typeof(textElement.innerText) != "undefined")
this._text = textElement.innerText;
else
this._text = textElement.textContent;
if($telerik.isSafari2)
{
this._text = textElement.innerHTML;
}
return this._text;
},
set_text : function (text)
{
var textElement = this.get_textElement();
if (textElement)
textElement.innerHTML = text;
this._text = text;
this._properties.setValue("text", text, true);
},
get_value: function()
{
return this._properties.getValue("value", null);
},
set_value: function(value)
{
this._properties.setValue("value", value, true);
},
get_itemData: function()
{
return this._itemData;
},
get_index : function ()
{
if (!this.get_parent())
return -1;
return this.get_parent()._getChildren().indexOf(this);
},
set_enabled: function(value)
{
this._properties.setValue("enabled", value, true);
},
get_enabled: function()
{
return this._properties.getValue("enabled", true) == true;
},
get_isEnabled : function()
{
var control = this._getControl();
if (control)
return control.get_enabled() && this.get_enabled();
return this.get_enabled();
},
set_visible: function(value)
{
this._properties.setValue("visible", value);
},
get_visible: function()
{
return this._properties.getValue("visible", true);
},
get_level : function ()
{
var parent = this.get_parent();
var level = 0;
while (parent)
{
if (Telerik.Web.UI.ControlItemContainer.isInstanceOfType(parent))
{
return level;
}
level++;
parent = parent.get_parent();
}
return level;
},
get_isLast : function()
{
return this.get_index() == this.get_parent()._getChildren().get_count() - 1;
},
get_isFirst : function()
{
return this.get_index() == 0;
},
get_nextSibling : function ()
{
if (!this.get_parent())
return null;
return this.get_parent()._getChildren().getItem(this.get_index() + 1);
},
get_previousSibling : function ()
{
if (!this.get_parent())
return null;
return this.get_parent()._getChildren().getItem(this.get_index() - 1);
},
// Private methods
_getHierarchicalIndex : function ()
{
var indexes = [];
var current = this;
while (!Telerik.Web.UI.ControlItemContainer.isInstanceOfType(current))
{
Array.insert(indexes, 0, current.get_index());
current = current.get_parent();
}
return indexes.join(":");
},
_getChildren : function()
{
this._ensureChildControls();
return this._children;
},
_ensureChildControls: function()
{
if (!this._childControlsCreated)
{
this._createChildControls();
this._childControlsCreated = true;
}
},
_setCssClass : function(element, cssClass)
{
if (element.className != cssClass)
element.className = cssClass;
},
_createChildControls: function()
{
this._children = this._createItemCollection();
},
_createItemCollection : function()
{
},
_getControl: function()
{
if (!this._control)
{
var parent = this.get_parent();
if (parent)
{
if (Telerik.Web.UI.ControlItemContainer.isInstanceOfType(parent))
{
this._control = parent;
}
else
{
this._control = parent._getControl();
}
}
}
return this._control;
},
_getAllItems: function()
{
var items = [];
this._getAllItemsRecursive(items, this);
return items;
},
_getAllItemsRecursive: function(items, currentItem)
{
var children = currentItem._getChildren();
for (var i = 0; i < children.get_count(); i++)
{
var child = children.getItem(i);
Array.add(items, child);
this._getAllItemsRecursive(items, child);
}
},
_getData: function()
{
var data = this._properties._data;
//we don't need this - it comes from the initial JSON
delete data.items;
data["text"] = this.get_text()
if (this.get_attributes().get_count() > 0)
data["attributes"] = this.get_attributes()._data;
return data;
},
_notifyPropertyChanged: function(property, value)
{
var control = this._getControl();
if (control)
control._itemPropertyChanged(this, property, value);
},
_loadFromDictionary : function (data)
{
if (typeof(data.Text) != "undefined")
this.set_text(data.Text);
if (typeof(data.Value) != "undefined" && data.Value !== "")
this.set_value(data.Value);
if (typeof(data.Enabled) != "undefined" && data.Enabled !== true)
this.set_enabled(data.Enabled);
var attributes = this.get_attributes();
for (var attributeKey in data.Attributes)
{
attributes.setAttribute(attributeKey, data.Attributes[attributeKey]);
}
},
_createDomElement: function()
{
var itemElementParent = document.createElement("ul");
var html = [];
this._render(html);
itemElementParent.innerHTML = html.join("");
return itemElementParent.firstChild;
}
}
Telerik.Web.UI.ControlItem.registerClass('Telerik.Web.UI.ControlItem');
/* END Telerik.Web.UI.Common.Navigation.ControlItem.js */
/* START Telerik.Web.UI.Menu.ClientEvents.js */
// ---------- RadMenuItemEventArgs Class ----------
Telerik.Web.UI.RadMenuItemEventArgs = function(item, domEvent)
{
Telerik.Web.UI.RadMenuItemEventArgs.initializeBase(this);
this._item = item;
this._domEvent = domEvent || null;
}
Telerik.Web.UI.RadMenuItemEventArgs.prototype =
{
get_item : function ()
{
return this._item;
},
get_domEvent : function()
{
return this._domEvent;
}
}
Telerik.Web.UI.RadMenuItemEventArgs.registerClass('Telerik.Web.UI.RadMenuItemEventArgs', Sys.EventArgs);
// ---------- RadMenuItemCancelEventArgs Class ----------
Telerik.Web.UI.RadMenuItemCancelEventArgs = function(item, domEvent)
{
Telerik.Web.UI.RadMenuItemCancelEventArgs.initializeBase(this);
this._item = item;
this._domEvent = domEvent || null;
}
Telerik.Web.UI.RadMenuItemCancelEventArgs.prototype =
{
get_item : function ()
{
return this._item;
},
get_domEvent : function()
{
return this._domEvent;
}
}
Telerik.Web.UI.RadMenuItemCancelEventArgs.registerClass('Telerik.Web.UI.RadMenuItemCancelEventArgs', Sys.CancelEventArgs);
// ---------- RadMenuMouseOverEventArgs Class ----------
Telerik.Web.UI.RadMenuMouseOverEventArgs = function(item, domEvent)
{
Telerik.Web.UI.RadMenuMouseOverEventArgs.initializeBase(this, [item, domEvent || null]);
}
Telerik.Web.UI.RadMenuMouseOverEventArgs.registerClass('Telerik.Web.UI.RadMenuMouseOverEventArgs', Telerik.Web.UI.RadMenuItemEventArgs);
// ---------- RadMenuMouseOutEventArgs Class ----------
Telerik.Web.UI.RadMenuMouseOutEventArgs = function(item, domEvent)
{
Telerik.Web.UI.RadMenuMouseOutEventArgs.initializeBase(this, [item, domEvent || null]);
}
Telerik.Web.UI.RadMenuMouseOutEventArgs.registerClass('Telerik.Web.UI.RadMenuMouseOutEventArgs', Telerik.Web.UI.RadMenuItemEventArgs);
// ---------- RadMenuItemFocusEventArgs Class ----------
Telerik.Web.UI.RadMenuItemFocusEventArgs = function(item, domEvent)
{
Telerik.Web.UI.RadMenuItemFocusEventArgs.initializeBase(this, [item, domEvent || null]);
}
Telerik.Web.UI.RadMenuItemFocusEventArgs.registerClass('Telerik.Web.UI.RadMenuItemFocusEventArgs', Telerik.Web.UI.RadMenuItemEventArgs);
// ---------- RadMenuItemBlurEventArgs Class ----------
Telerik.Web.UI.RadMenuItemBlurEventArgs = function(item, domEvent)
{
Telerik.Web.UI.RadMenuItemBlurEventArgs.initializeBase(this, [item, domEvent || null]);
}
Telerik.Web.UI.RadMenuItemBlurEventArgs.registerClass('Telerik.Web.UI.RadMenuItemBlurEventArgs', Telerik.Web.UI.RadMenuItemEventArgs);
// ---------- RadMenuItemClickingEventArgs Class ----------
Telerik.Web.UI.RadMenuItemClickingEventArgs = function(item, domEvent)
{
Telerik.Web.UI.RadMenuItemClickingEventArgs.initializeBase(this, [item, domEvent || null]);
}
Telerik.Web.UI.RadMenuItemClickingEventArgs.registerClass('Telerik.Web.UI.RadMenuItemClickingEventArgs', Telerik.Web.UI.RadMenuItemCancelEventArgs);
// ---------- RadMenuItemClickedEventArgs Class ----------
Telerik.Web.UI.RadMenuItemClickedEventArgs = function(item, domEvent)
{
Telerik.Web.UI.RadMenuItemClickedEventArgs.initializeBase(this, [item, domEvent || null]);
}
Telerik.Web.UI.RadMenuItemClickedEventArgs.registerClass('Telerik.Web.UI.RadMenuItemClickedEventArgs', Telerik.Web.UI.RadMenuItemEventArgs);
// ---------- RadMenuItemOpeningEventArgs Class ----------
Telerik.Web.UI.RadMenuItemOpeningEventArgs = function(item, domEvent)
{
Telerik.Web.UI.RadMenuItemOpeningEventArgs.initializeBase(this, [item, domEvent || null]);
}
Telerik.Web.UI.RadMenuItemOpeningEventArgs.registerClass('Telerik.Web.UI.RadMenuItemOpeningEventArgs', Telerik.Web.UI.RadMenuItemCancelEventArgs);
// ---------- RadMenuItemOpenedEventArgs Class ----------
Telerik.Web.UI.RadMenuItemOpenedEventArgs = function(item, domEvent)
{
Telerik.Web.UI.RadMenuItemOpenedEventArgs.initializeBase(this, [item, domEvent || null]);
}
Telerik.Web.UI.RadMenuItemOpenedEventArgs.registerClass('Telerik.Web.UI.RadMenuItemOpenedEventArgs', Telerik.Web.UI.RadMenuItemEventArgs);
// ---------- RadMenuItemClosingEventArgs Class ----------
Telerik.Web.UI.RadMenuItemClosingEventArgs = function(item, domEvent)
{
Telerik.Web.UI.RadMenuItemClosingEventArgs.initializeBase(this, [item, domEvent || null]);
}
Telerik.Web.UI.RadMenuItemClosingEventArgs.registerClass('Telerik.Web.UI.RadMenuItemClosingEventArgs', Telerik.Web.UI.RadMenuItemCancelEventArgs);
// ---------- RadMenuItemClosedEventArgs Class ----------
Telerik.Web.UI.RadMenuItemClosedEventArgs = function(item, domEvent)
{
Telerik.Web.UI.RadMenuItemClosedEventArgs.initializeBase(this, [item, domEvent || null]);
}
Telerik.Web.UI.RadMenuItemClosedEventArgs.registerClass('Telerik.Web.UI.RadMenuItemClosedEventArgs', Telerik.Web.UI.RadMenuItemEventArgs);
// ---------- RadMenuItemPopulatingEventArgs Class ----------
Telerik.Web.UI.RadMenuItemPopulatingEventArgs = function(item, context)
{
Telerik.Web.UI.RadMenuItemPopulatingEventArgs.initializeBase(this, [item]);
this._context = context;
}
Telerik.Web.UI.RadMenuItemPopulatingEventArgs.prototype =
{
get_context : function ()
{
return this._context;
}
}
Telerik.Web.UI.RadMenuItemPopulatingEventArgs.registerClass('Telerik.Web.UI.RadMenuItemPopulatingEventArgs', Telerik.Web.UI.RadMenuItemCancelEventArgs);
// ---------- RadMenuItemPopulatedEventArgs Class ----------
Telerik.Web.UI.RadMenuItemPopulatedEventArgs = function(item)
{
Telerik.Web.UI.RadMenuItemPopulatedEventArgs.initializeBase(this, [item]);
}
Telerik.Web.UI.RadMenuItemPopulatedEventArgs.registerClass('Telerik.Web.UI.RadMenuItemPopulatedEventArgs', Telerik.Web.UI.RadMenuItemEventArgs);
// ---------- RadMenuItemPopulationFailedEventArgs Class ----------
Telerik.Web.UI.RadMenuItemPopulationFailedEventArgs = function(item, errorMessage)
{
Telerik.Web.UI.RadMenuItemPopulationFailedEventArgs.initializeBase(this, [item]);
this._errorMessage = errorMessage;
}
Telerik.Web.UI.RadMenuItemPopulationFailedEventArgs.prototype =
{
get_errorMessage : function ()
{
return this._errorMessage;
}
}
Telerik.Web.UI.RadMenuItemPopulationFailedEventArgs.registerClass('Telerik.Web.UI.RadMenuItemPopulationFailedEventArgs', Telerik.Web.UI.RadMenuItemCancelEventArgs);
/* END Telerik.Web.UI.Menu.ClientEvents.js */
/* START Telerik.Web.UI.Menu.Scroller.js */
// ---------- MenuItemScroller Class ----------
Telerik.Web.UI.MenuItemScroller = function(childListElement, itemFlow)
{
// Constants
this._leftArrowCssClass = "rmLeftArrow";
this._rightArrowCssClass = "rmRightArrow";
this._topArrowCssClass = "rmTopArrow";
this._bottomArrowCssClass = "rmBottomArrow";
this._leftArrowDisabledCssClass = "rmLeftArrowDisabled";
this._rightArrowDisabledCssClass = "rmRightArrowDisabled";
this._topArrowDisabledCssClass = "rmTopArrowDisabled";
this._bottomArrowDisabledCssClass = "rmBottomArrowDisabled";
this._arrowsZIndex = 2000;
this._scroller = null;
this._childListElement = childListElement;
this._scrollElement = null;
this._orientation = null;
this._minScrollPosition = null;
this._itemFlow = itemFlow;
this._scrollerPositionChangedDelegate = null;
// Aliases for the current active arrow pair.
this._decArrow = null; // Left (Top)
this._incArrow = null; // Right (Bottom)
}
Telerik.Web.UI.MenuItemScroller.prototype =
{
initialize: function()
{
this._childListElement.style.position = "relative";
this._scrollElement = this._childListElement.parentNode;
this._orientation = Telerik.Web.UI.ScrollerOrientation.Horizontal;
if (this._itemFlow == Telerik.Web.UI.ItemFlow.Vertical)
{
this._orientation = Telerik.Web.UI.ScrollerOrientation.Vertical;
}
this._scroller = new Telerik.Web.UI.Scroller(this._childListElement, this._scrollElement, this._orientation);
this._scroller.initialize();
this._createArrows();
this._scroller.resetState();
this._scrollerPositionChangedDelegate = Function.createDelegate(this, this._onScrollerPositionChanged);
this._scroller.add_positionChanged(this._scrollerPositionChangedDelegate);
},
dispose: function()
{
if (this._scroller)
{
this._scroller.dispose();
this._scroller = null;
}
this._scrollerPositionChangedDelegate = null;
},
// Public methods
updateState : function ()
{
this._updateScrollingLimits();
this._updateArrows();
},
resetState : function ()
{
this._scroller.resetState();
},
startScroll : function (speed, direction)
{
this._scroller.startScroll(speed, direction);
},
changeScrollSpeed : function (speed)
{
this._scroller.changeScrollSpeed(speed);
},
stopScroll : function ()
{
this._scroller.stopScroll();
},
_createArrows : function ()
{
this._decArrow = this._createArrowDomElement();
this._incArrow = this._createArrowDomElement();
if (this._orientation == Telerik.Web.UI.ScrollerOrientation.Vertical)
{
this._decArrow.style.left = "0px";
this._decArrow.style.top = "0px";
this._incArrow.style.left = "0px";
this._incArrow.style.bottom = "0px";
}
else
{
this._decArrow.style.top = "0px";
this._decArrow.style.left = "-1px";
this._incArrow.style.top = "0px";
this._incArrow.style.right = "-1px";
}
},
_createArrowDomElement : function ()
{
var arrow = document.createElement("a");
arrow.href = "#";
arrow.style.zIndex = this._arrowsZIndex;
arrow.appendChild(document.createTextNode(" "));
this._scrollElement.appendChild(arrow);
return arrow;
},
_updateArrows : function ()
{
var isAtMinPosition = this._scroller.isAtMinPosition();
var isAtMaxPosition = this._scroller.isAtMaxPosition();
if (isAtMinPosition)
{
this._decArrow.disabled = "disabled";
this._setElementCssClass(this._decArrow, this._getDecArrowCssClass(false));
}
else
{
this._decArrow.disabled = "";
this._setElementCssClass(this._decArrow, this._getDecArrowCssClass(true));
}
if (isAtMaxPosition)
{
this._incArrow.disabled = "disabled";
this._setElementCssClass(this._incArrow, this._getIncArrowCssClass(false));
}
else
{
this._incArrow.disabled = "";
this._setElementCssClass(this._incArrow, this._getIncArrowCssClass(true));
}
},
_updateScrollingLimits : function ()
{
var totalSize = 0;
var decArrowSize = 0;
var incArrowSize = 0;
if (this._orientation == Telerik.Web.UI.ScrollerOrientation.Vertical)
{
totalSize = this._childListElement.offsetHeight - this._scrollElement.offsetHeight;
decArrowSize = this._decArrow.offsetHeight;
incArrowSize = this._incArrow.offsetHeight;
}
else
{
totalSize = this._childListElement.offsetWidth - this._scrollElement.offsetWidth;
decArrowSize = this._decArrow.offsetWidth;
incArrowSize = this._incArrow.offsetWidth;
}
var minPosition = 0;
var maxPosition = totalSize;
// var maxPosition = totalSize + decArrowSize + incArrowSize;
// Not implemented yet.
// this._scroller.setOffset(decArrowSize);
this._scroller.setScrollingLimits(minPosition, maxPosition);
},
_getDecArrowCssClass : function (isEnabled)
{
if (this._orientation == Telerik.Web.UI.ScrollerOrientation.Vertical)
{
return isEnabled ? this._topArrowCssClass : this._topArrowDisabledCssClass;
}
else
{
return isEnabled ? this._leftArrowCssClass : this._leftArrowDisabledCssClass;
}
},
_getIncArrowCssClass : function (isEnabled)
{
if (this._orientation == Telerik.Web.UI.ScrollerOrientation.Vertical)
{
return isEnabled ? this._bottomArrowCssClass : this._bottomArrowDisabledCssClass;
}
else
{
return isEnabled ? this._rightArrowCssClass : this._rightArrowDisabledCssClass;
}
},
_setElementCssClass : function (element, cssClass)
{
var oldCssClass = element.className;
if (oldCssClass != cssClass)
{
element.className = cssClass;
}
},
_onScrollerPositionChanged : function(sender, eventArgs)
{
this._updateArrows();
}
}
Telerik.Web.UI.MenuItemScroller.registerClass('Telerik.Web.UI.MenuItemScroller', null, Sys.IDisposable);
/* END Telerik.Web.UI.Menu.Scroller.js */
/* START Telerik.Web.UI.Menu.RadMenuItem.js */
// ---------- RadMenuItem Class ----------
Type.registerNamespace("Telerik.Web.UI");
Telerik.Web.UI.RadMenuItemState = function()
{
};
Telerik.Web.UI.RadMenuItemState.prototype =
{
Closed: 0,
Open: 1,
AboutToClose: 2,
AboutToOpen: 3
}
Telerik.Web.UI.RadMenuItemState.registerEnum("Telerik.Web.UI.RadMenuItemState");
Telerik.Web.UI.MenuItemExpandMode = function (){}
Telerik.Web.UI.MenuItemExpandMode.prototype =
{
ClientSide : 0,
WebService : 1
}
Telerik.Web.UI.MenuItemExpandMode.registerEnum("Telerik.Web.UI.MenuItemExpandMode");
Telerik.Web.UI.RadMenuItem = function()
{
Telerik.Web.UI.RadMenuItem.initializeBase(this);
// Constants
this._zIndexStep = 1000;
this._scrollWrapCssClass = "rmScrollWrap";
this._groupCssClass = "rmGroup";
this._levelCssClass = "rmLevel";
this._horizontalCssClass = "rmHorizontal";
this._verticalCssClass = "rmVertical";
this._leftImageCssClass = "rmLeftImage";
this._defaultDisabledCssClass = "rmDisabled";
this._defaultExpandedCssClass = "rmExpanded";
this._defaultFocusedCssClass = "rmFocused";
this._defaultClickedCssClass = "rmClicked";
this._defaultScrollSize = 16;
this._menu = null;
this._groupSettings = new Telerik.Web.UI.RadMenuItemGroupSettings({});
this._imageUrl = null;
this._flow = null;
this._openedItem = null;
this._timeoutRef = null;
this._focused = false;
this._clicked = false;
this._hovered = false;
this._isImageOnly = null;
this._itemsLoaded = false;
this._itemsLoading = false;
this._adjustSiblingsWidthOnShow = false;
this._state = Telerik.Web.UI.RadMenuItemState.Closed;
this._linkElement = null;
this._imageElement = null;
this._childListElement = null;
this._scrollWrapElement = null;
this._slideWrapElement = null;
this._animatedElement = null;
this._animationContainer = null;
this._childrenDetached = false;
this._autoScrollActive = false;
this._collapseAnimationEndedDelegate = null;
this._slide = null;
this._scroller = null;
this._styleCssText = null;
}
Telerik.Web.UI.RadMenuItem.prototype =
{
// Initialization and disposing
_initialize: function(json, element)
{
Telerik.Web.UI.RadMenuItem.callBaseMethod(this, '_initialize', [json, element]);
var menu = this.get_menu();
if (typeof(json.groupSettings) != "undefined")
this._groupSettings = new Telerik.Web.UI.RadMenuItemGroupSettings(json.groupSettings, menu.get_defaultGroupSettings());
this._initializeAnimation();
this._updateTextElementClass();
this._renderAccessKey();
},
_dispose: function()
{
Telerik.Web.UI.RadMenuItem.callBaseMethod(this, '_dispose');
if (this._collapseAnimationEndedDelegate)
{
if (this._slide)
{
this._slide.remove_collapseAnimationEnded(this._collapseAnimationEndedDelegate);
}
this._collapseAnimationEndedDelegate = null;
}
if (this._slide)
{
this._slide.dispose();
this._slide = null;
}
if (this._scroller)
{
this._scroller.dispose();
this._scroller = null;
}
var animationContainer = this._getAnimationContainer();
if (animationContainer)
{
animationContainer._item = null;
animationContainer._itemTypeName = null;
}
this._clearTimeout();
},
_initializeRenderedItem: function()
{
Telerik.Web.UI.RadMenuItem.callBaseMethod(this, '_initializeRenderedItem');
this._initializeAnimation();
this._updateTextElementClass();
this._updateLinkClass();
this._renderAccessKey();
},
// Public properties
get_linkElement: function()
{
if (!this._linkElement)
{
this._linkElement = $telerik.getFirstChildByTagName(this.get_element(), "a", 0);
}
return this._linkElement;
},
get_childListElement: function()
{
if (!this._childListElement)
{
var slideWrapElement = this._getSlideWrapElement();
if (slideWrapElement)
{
var container = slideWrapElement;
var scrollWrapElement = this._getScrollWrapElement();
if (scrollWrapElement)
{
container = scrollWrapElement;
}
this._childListElement = $telerik.getFirstChildByTagName(container, "ul", 0);
}
}
return this._childListElement;
},
get_imageElement: function()
{
if (!this._imageElement)
{
var linkElement = this.get_linkElement();
var element = this.get_element();
this._imageElement = $telerik.getFirstChildByTagName(linkElement || element, "img", 0);
}
return this._imageElement;
},
get_textElement: function()
{
var link = this.get_linkElement();
if (link)
{
return $telerik.getChildByClassName(link, "rmText", 0);
}
else
{
return null;
}
},
get_menu: function()
{
return this._getControl();
},
get_items : function ()
{
return this._getChildren();
},
set_text: function(value)
{
Telerik.Web.UI.RadMenuItem.callBaseMethod(this, 'set_text', [value]);
this._adjustSiblingsWidthOnShow = true;
},
get_navigateUrl : function()
{
return this._getNavigateUrl();
},
set_navigateUrl : function (value)
{
this._properties.setValue("navigateUrl", value, true);
if (this.get_linkElement())
this.get_linkElement().href = value;
},
get_target : function ()
{
return this._properties.getValue("target", null);
},
set_target : function (value)
{
this._properties.setValue("target", value);
if (this.get_linkElement())
this.get_linkElement().target = value;
},
get_groupSettings: function()
{
return this._groupSettings;
},
set_groupSettings: function(value)
{
this._groupSettings = value;
},
_getNextItem: function ()
{
var parentItems = this.get_parent().get_items();
var index = this.get_index();
if (index == parentItems.get_count() - 1)
{
return parentItems.getItem(0);
}
return parentItems.getItem(index + 1);
},
_getPreviousItem: function ()
{
var parentItems = this.get_parent().get_items();
var index = this.get_index();
if (index == 0)
{
return parentItems.getItem(parentItems.get_count() - 1);
}
return parentItems.getItem(index - 1);
},
_focus: function(e)
{
this._setFocused(true, e);
},
_blur : function(e)
{
this._setFocused(false, e);
},
_setFocused: function(value, e)
{
if (value)
{
this._doFocus(e);
}
else
{
this._doBlur(e);
}
this._focused = value;
this._updateLinkClass();
},
_open: function(e)
{
var menu = this.get_menu();
var openingArgs = new Telerik.Web.UI.RadMenuItemOpeningEventArgs(this, e);
menu._raiseEvent("itemOpening", openingArgs);
if (openingArgs.get_cancel())
{
return;
}
if (this._isWebServiceCallNeeded())
{
this._loadChildrenFromWebService();
return;
}
this._doOpen(e);
},
_close: function(e)
{
if (this.get_isSeparator() || this._state == Telerik.Web.UI.RadMenuItemState.Closed)
{
return;
}
var closingArgs = new Telerik.Web.UI.RadMenuItemClosingEventArgs(this, e);
this.get_menu()._raiseEvent("itemClosing", closingArgs);
if (closingArgs.get_cancel())
{
return;
}
if (this._openedItem)
{
this._openedItem._close(e);
}
var parent = this.get_parent();
parent._openedItem = null;
if (!this._getAnimationContainer())
{
return;
}
this._state = Telerik.Web.UI.RadMenuItemState.Closed;
var menu = this.get_menu();
if (this.get_level() == 0)
{
menu._aboutToCollapse = true;
}
// Clear the z-index, so other opening items can overlap us.
if (!this._getIsImageOnly())
{
// Only do so if we are not in image-only mode, otherwise the next item will overlap us.
this.get_element().style.zIndex = 0;
}
this._slide.collapse();
this._updateLinkClass();
this._updateImageSrc();
var closedArgs = new Telerik.Web.UI.RadMenuItemClosedEventArgs(this, e);
this.get_menu()._raiseEvent("itemClosed", closedArgs);
this._closeChildren(e);
},
get_nextItem: function()
{
return this.get_nextSibling();
},
get_previousItem: function()
{
return this.get_previousSibling();
},
get_focusedItem: function()
{
return this._focusedItem;
},
get_isSeparator: function()
{
return this._properties.getValue("isSeparator", false);
},
set_isSeparator : function (value)
{
this._properties.setValue("isSeparator", value, true);
},
get_openedItem: function()
{
return this._openedItem;
},
get_templated : function ()
{
return this._properties.getValue("templated", false) == true;
},
get_cssClass : function ()
{
return this._properties.getValue("cssClass", "");
},
set_cssClass : function (value)
{
this._properties.setValue("cssClass", value, true);
},
get_focused : function ()
{
return this._focused;
},
set_focused : function (value)
{
this._setFocused(value);
},
get_hoveredImageUrl: function()
{
return this._properties.getValue("hoveredImageUrl", null);
},
set_hoveredImageUrl: function(value)
{
this._properties.setValue("hoveredImageUrl", value, true);
this._updateImageSrc();
},
get_clickedImageUrl : function ()
{
return this._properties.getValue("clickedImageUrl", null);
},
set_clickedImageUrl : function (value)
{
this._properties.setValue("clickedImageUrl", value, true);
this._updateImageSrc();
},
get_imageUrl: function()
{
if (!this._imageUrl)
{
var imageElement = this.get_imageElement();
if (imageElement)
{
this._imageUrl = imageElement.src;
}
}
return this._imageUrl;
},
set_imageUrl: function(value)
{
this._imageUrl = value;
this._properties.setValue("imageUrl", value, true);
this._updateImageSrc();
},
set_visible : function (value)
{
var valueChanged = this.get_visible() != value;
if (!valueChanged)
{
return;
}
Telerik.Web.UI.RadMenuItem.callBaseMethod(this, 'set_visible', [value]);
this._adjustSiblingsWidthOnShow = true;
this._clearWidth();
var displayValue = value ? "" : "none";
var linkElement = this.get_linkElement();
var textElement = this.get_textElement();
var elementToHide;
if (linkElement)
{
elementToHide = linkElement;
}
else if (textElement)
{
elementToHide = textElement;
}
if (this.get_isSeparator() || this.get_templated())
{
elementToHide = this.get_element().childNodes[0];
}
elementToHide.style.display = displayValue;
if (this.get_visible())
{
this.get_element().style.cssText = this._styleCssText;
}
else
{
this._styleCssText = this.get_element().style.cssText;
this.get_element().style.cssText = "padding:0px;margin:0px;height:0px;overflow:hidden;";
}
var parentFlow = this._getParentFlow();
if (parentFlow == Telerik.Web.UI.ItemFlow.Vertical)
{
if (!value)
{
this._clearSiblingsWidth();
}
var parent = this.get_parent();
if (parent.get_element().offsetWidth > 0)
{
Telerik.Web.UI.RadMenu._adjustChildrenWidth(parent);
}
}
},
get_expandedImageUrl : function ()
{
return this._properties.getValue("expandedImageUrl", null);
},
set_expandedImageUrl : function (value)
{
this._properties.setValue("expandedImageUrl", value, true);
this._updateImageSrc();
},
get_disabledImageUrl : function ()
{
return this._properties.getValue("disabledImageUrl", null);
},
set_disabledImageUrl : function (value)
{
this._properties.setValue("disabledImageUrl", value, true);
this._updateImageSrc();
},
get_disabledCssClass : function ()
{
return this._properties.getValue("disabledCssClass", this._defaultDisabledCssClass);
},
set_disabledCssClass : function (value)
{
this._properties.setValue("disabledCssClass", value, true);
this._updateLinkClass();
},
get_expandedCssClass : function ()
{
return this._properties.getValue("expandedCssClass", this._defaultExpandedCssClass);
},
set_expandedCssClass : function (value)
{
this._properties.setValue("expandedCssClass", value, true);
this._updateLinkClass();
},
get_focusedCssClass : function ()
{
return this._properties.getValue("focusedCssClass", this._defaultFocusedCssClass);
},
set_focusedCssClass : function (value)
{
this._properties.setValue("focusedCssClass", value, true);
this._updateLinkClass();
},
get_clickedCssClass : function ()
{
return this._properties.getValue("clickedCssClass", this._defaultClickedCssClass);
},
set_clickedCssClass : function (value)
{
this._properties.setValue("clickedCssClass", value, true);
this._updateLinkClass();
},
get_postBack : function()
{
return this._properties.getValue("postBack", true) == true;
},
set_postBack : function(value)
{
this._properties.setValue("postBack", value);
},
get_expandMode : function ()
{
return this._properties.getValue("expandMode", Telerik.Web.UI.MenuItemExpandMode.ClientSide);
},
set_expandMode : function (value)
{
this._properties.setValue("expandMode", value, true);
},
set_enabled : function (value)
{
Telerik.Web.UI.RadMenuItem.callBaseMethod(this, 'set_enabled', [value]);
this._updateLinkClass();
},
// Public methods
open: function()
{
this._open(null);
},
close: function()
{
this._close(null);
},
hide: function()
{
this.set_visible(false);
},
show: function()
{
this.set_visible(true);
},
focus: function()
{
this._setFocused(true, null);
},
blur: function()
{
this._blur(null);
},
focusFirstChild: function(e)
{
var items = this.get_items();
if (items.get_count() == 0)
{
return;
}
var item = items.getItem(0);
var firstItem = item;
while (!item._canFocus())
{
item = item._getNextItem();
if (item == firstItem)
{
return; // no items to focus
}
}
item._focus(e || null);
},
focusLastChild: function(e)
{
var items = this.get_items();
if (items.get_count() == 0)
{
return;
}
var item = items.getItem(items.get_count() - 1);
var lastItem = item;
while (!item._canFocus())
{
item = item._getPreviousItem();
if (item == lastItem)
{
return; // no items to focus
}
}
item._focus(e || null);
},
focusNextItem: function(e)
{
var item = this._getNextItem();
while (!item._canFocus())
{
item = item._getNextItem();
}
item._focus(e || null);
},
focusPreviousItem: function(e)
{
var item = this._getPreviousItem();
while (!item._canFocus())
{
item = item._getPreviousItem();
}
item._focus(e || null);
},
disable: function()
{
this.set_enabled(false);
},
enable: function()
{
this.set_enabled(true);
},
click : function()
{
this._click(null);
},
// Private properties and methods
_modifyPositionClass : function()
{
var visibleIndex = this._getVisibleIndex();
if (visibleIndex == 0)
{
var nextVisibleSibling = this._getNextVisibleSibling(this.get_index());
var fromClass = this.get_visible() ? "rmItem" : "rmItem rmFirst";
var toClass = this.get_visible() ? "rmItem rmFirst" : "rmItem";
this._replaceCssClass(this.get_element(), fromClass, toClass);
this._replaceCssClass(nextVisibleSibling.get_element(), toClass, fromClass);
}
if (visibleIndex == this._getVisibleSiblingsCount())
{
var previousVisibleSibling = this._getPreviousVisibleSibling(this.get_index());
var fromClass = this.get_visible() ? "rmItem" : "rmItem rmLast";
var toClass = this.get_visible() ? "rmItem rmLast" : "rmItem";
this._replaceCssClass(this.get_element(), fromClass, toClass);
this._replaceCssClass(previousVisibleSibling.get_element(), toClass, fromClass);
}
},
_getSiblings : function()
{
return this.get_parent().get_items();
},
_getVisibleIndex : function()
{
var siblings = this._getSiblings();
if (this.get_index() == 0)
{
return 0;
}
var visibleIndex = 0;
for (var i=0; i<=this.get_index(); i++)
{
if (siblings.getItem(i).get_visible())
{
visibleIndex++;
}
}
return visibleIndex;
},
_getVisibleSiblingsCount : function()
{
var siblings = this._getSiblings();
var visibleCount = 0;
for (var i=0; i=0; i--)
{
var item = items.getItem(i);
if (item.get_visible())
{
return item;
}
}
return null;
},
_getNextVisibleSibling : function(itemIndex)
{
var items = this.get_parent().get_items();
for (var i=itemIndex + 1; i 0)
{
var previousFirstItem = parent.get_items().getItem(1);
if (previousFirstItem && previousFirstItem.get_element())
{
if (previousFirstItem.get_index() == lastIndex)
{
this._replaceCssClass(previousFirstItem.get_element(), "rmItem rmFirst", "rmItem rmLast");
}
else
{
this._replaceCssClass(previousFirstItem.get_element(), "rmItem rmFirst", "rmItem");
}
}
actualCssClass += " " + "rmFirst";
}
if (this.get_index() == lastIndex && itemsCount > 0)
{
var previousLastItem = parent.get_items().getItem(lastIndex - 1);
if (previousLastItem && previousLastItem.get_element())
{
if (previousLastItem.get_index() == 0)
{
this._replaceCssClass(previousLastItem.get_element(), "rmItem rmLast", "rmItem rmFirst");
}
else
{
this._replaceCssClass(previousLastItem.get_element(), "rmItem rmLast", "rmItem");
}
}
actualCssClass += " " + "rmLast";
}
if (this.get_isSeparator())
{
actualCssClass = "rmItem" + " " + "rmSeparator";
}
return actualCssClass;
},
_renderImage: function(html)
{
html[html.length] = "![](" + this.get_imageUrl() + ")
0)
{
html[html.length] = "";
var flowCssClass = groupSettings.get_flow();
if (flowCssClass == 0)
{
flowCssClass = "rmVertical";
}
else
{
flowCssClass = "rmHorizontal";
}
if (this._getRenderScroll())
{
var level = "rmLevel" + (this.get_level() + 1);
var wrapCssClass = "rmScrollWrap" + " " + "rmRootGroup" + " " + level;//rmRootGroup?
html[html.length] = "
";
groupCssClass = flowCssClass;
}
else
{
var level = "rmLevel" + (this.get_level() + 1);
groupCssClass = flowCssClass + " " + "rmGroup" + " " + level;
}
html[html.length] = "
";
for (var i = 0; i < childrenCount; i++)
{
this.get_items().getItem(i)._render(html);
}
html[html.length] = "
";
if (this._getRenderScroll())
{
html[html.length] = "