芝麻web文件管理V1.00

编辑当前文件:/var/www/cognitio.in/wp-content/plugins/Ultimate_VC_Addons/assets/js/tooltip.js

/* ========================================================================
 * Bootstrap: bsf_tooltip.js v3.1.1
 * http://getbootstrap.com/javascript/#bsf_tooltip
 * Inspired by the original jQuery.tipsy by Jason Frame
 * ========================================================================
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * ======================================================================== */
+( function ( $ ) {
	'use strict';
	// TOOLTIP PUBLIC CLASS DEFINITION
	// ===============================
	const Tooltip = function ( element, options ) {
		this.type = this.options = this.enabled = this.timeout = this.hoverState = this.$element = null;
		this.init( 'bsf_tooltip', element, options );
	};
	Tooltip.DEFAULTS = {
		animation: true,
		placement: 'top',
		selector: false,
		template:
			'<div class="bsf_tooltip"><div class="bsf_tooltip-arrow"></div><div class="bsf_tooltip-inner"></div></div>',
		trigger: 'hover focus',
		title: '',
		delay: 0,
		html: false,
		container: false,
	};
	Tooltip.prototype.init = function ( type, element, options ) {
		this.enabled = true;
		this.type = type;
		this.$element = $( element );
		this.options = this.getOptions( options );
		const triggers = this.options.trigger.split( ' ' );
		for ( let i = triggers.length; i--;  ) {
			const trigger = triggers[ i ];
			if ( trigger == 'click' ) {
				this.$element.on(
					'click.' + this.type,
					this.options.selector,
					$.proxy( this.toggle, this )
				);
			} else if ( trigger != 'manual' ) {
				const eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin';
				const eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout';
				this.$element.on(
					eventIn + '.' + this.type,
					this.options.selector,
					$.proxy( this.enter, this )
				);
				this.$element.on(
					eventOut + '.' + this.type,
					this.options.selector,
					$.proxy( this.leave, this )
				);
			}
		}
		this.options.selector
			? ( this._options = $.extend( {}, this.options, {
					trigger: 'manual',
					selector: '',
			  } ) )
			: this.fixTitle();
	};
	Tooltip.prototype.getDefaults = function () {
		return Tooltip.DEFAULTS;
	};
	Tooltip.prototype.getOptions = function ( options ) {
		options = $.extend(
			{},
			this.getDefaults(),
			this.$element.data(),
			options
		);
		if ( options.delay && typeof options.delay === 'number' ) {
			options.delay = {
				show: options.delay,
				hide: options.delay,
			};
		}
		return options;
	};
	Tooltip.prototype.getDelegateOptions = function () {
		const options = {};
		const defaults = this.getDefaults();
		this._options &&
			$.each( this._options, function ( key, value ) {
				if ( defaults[ key ] != value ) options[ key ] = value;
			} );
		return options;
	};
	Tooltip.prototype.enter = function ( obj ) {
		const self =
			obj instanceof this.constructor
				? obj
				: $( obj.currentTarget )
						[ this.type ]( this.getDelegateOptions() )
						.data( 'bs.' + this.type );
		clearTimeout( self.timeout );
		self.hoverState = 'in';
		if ( ! self.options.delay || ! self.options.delay.show )
			return self.show();
		self.timeout = setTimeout( function () {
			if ( self.hoverState == 'in' ) self.show();
		}, self.options.delay.show );
	};
	Tooltip.prototype.leave = function ( obj ) {
		const self =
			obj instanceof this.constructor
				? obj
				: $( obj.currentTarget )
						[ this.type ]( this.getDelegateOptions() )
						.data( 'bs.' + this.type );
		clearTimeout( self.timeout );
		self.hoverState = 'out';
		if ( ! self.options.delay || ! self.options.delay.hide )
			return self.hide();
		self.timeout = setTimeout( function () {
			if ( self.hoverState == 'out' ) self.hide();
		}, self.options.delay.hide );
	};
	Tooltip.prototype.show = function () {
		const e = $.Event( 'show.bs.' + this.type );
		if ( this.hasContent() && this.enabled ) {
			this.$element.trigger( e );
			if ( e.isDefaultPrevented() ) return;
			const that = this;
			const $tip = this.tip();
			this.setContent();
			if ( this.options.animation ) $tip.addClass( 'fade' );
			let placement =
				typeof this.options.placement === 'function'
					? this.options.placement.call(
							this,
							$tip[ 0 ],
							this.$element[ 0 ]
					  )
					: this.options.placement;
			const autoToken = /\s?auto?\s?/i;
			const autoPlace = autoToken.test( placement );
			if ( autoPlace )
				placement = placement.replace( autoToken, '' ) || 'top';
			$tip.detach()
				.css( { top: 0, left: 0, display: 'block' } )
				.addClass( placement );
			this.options.container
				? $tip.appendTo( this.options.container )
				: $tip.insertAfter( this.$element );
			const pos = this.getPosition();
			const actualWidth = $tip[ 0 ].offsetWidth;
			const actualHeight = $tip[ 0 ].offsetHeight;
			if ( autoPlace ) {
				const $parent = this.$element.parent();
				const orgPlacement = placement;
				const docScroll =
					document.documentElement.scrollTop ||
					document.body.scrollTop;
				const parentWidth =
					this.options.container == 'body'
						? window.innerWidth
						: $parent.outerWidth();
				const parentHeight =
					this.options.container == 'body'
						? window.innerHeight
						: $parent.outerHeight();
				const parentLeft =
					this.options.container == 'body'
						? 0
						: $parent.offset().left;
				placement =
					placement == 'bottom' &&
					pos.top + pos.height + actualHeight - docScroll >
						parentHeight
						? 'top'
						: placement == 'top' &&
						  pos.top - docScroll - actualHeight < 0
						? 'bottom'
						: placement == 'right' &&
						  pos.right + actualWidth > parentWidth
						? 'left'
						: placement == 'left' &&
						  pos.left - actualWidth < parentLeft
						? 'right'
						: placement;
				$tip.removeClass( orgPlacement ).addClass( placement );
			}
			const calculatedOffset = this.getCalculatedOffset(
				placement,
				pos,
				actualWidth,
				actualHeight
			);
			this.applyPlacement( calculatedOffset, placement );
			this.hoverState = null;
			const complete = function () {
				that.$element.trigger( 'shown.bs.' + that.type );
			};
			$.support.transition && this.$tip.hasClass( 'fade' )
				? $tip
						.one( $.support.transition.end, complete )
						.emulateTransitionEnd( 150 )
				: complete();
		}
	};
	Tooltip.prototype.applyPlacement = function ( offset, placement ) {
		let replace;
		const $tip = this.tip();
		const width = $tip[ 0 ].offsetWidth;
		const height = $tip[ 0 ].offsetHeight;
		// manually read margins because getBoundingClientRect includes difference
		let marginTop = parseInt( $tip.css( 'margin-top' ), 10 );
		let marginLeft = parseInt( $tip.css( 'margin-left' ), 10 );
		// we must check for NaN for ie 8/9
		if ( isNaN( marginTop ) ) marginTop = 0;
		if ( isNaN( marginLeft ) ) marginLeft = 0;
		offset.top = offset.top + marginTop;
		offset.left = offset.left + marginLeft;
		// $.fn.offset doesn't round pixel values
		// so we use setOffset directly with our own function B-0
		$.offset.setOffset(
			$tip[ 0 ],
			$.extend(
				{
					using( props ) {
						$tip.css( {
							top: Math.round( props.top ),
							left: Math.round( props.left ),
						} );
					},
				},
				offset
			),
			0
		);
		$tip.addClass( 'in' );
		// check to see if placing tip in new offset caused the tip to resize itself
		let actualWidth = $tip[ 0 ].offsetWidth;
		let actualHeight = $tip[ 0 ].offsetHeight;
		if ( placement == 'top' && actualHeight != height ) {
			replace = true;
			offset.top = offset.top + height - actualHeight;
		}
		if ( /bottom|top/.test( placement ) ) {
			let delta = 0;
			if ( offset.left < 0 ) {
				delta = offset.left * -2;
				offset.left = 0;
				$tip.offset( offset );
				actualWidth = $tip[ 0 ].offsetWidth;
				actualHeight = $tip[ 0 ].offsetHeight;
			}
			this.replaceArrow(
				delta - width + actualWidth,
				actualWidth,
				'left'
			);
		} else {
			this.replaceArrow( actualHeight - height, actualHeight, 'top' );
		}
		if ( replace ) $tip.offset( offset );
	};
	Tooltip.prototype.replaceArrow = function ( delta, dimension, position ) {
		this.arrow().css(
			position,
			delta ? 50 * ( 1 - delta / dimension ) + '%' : ''
		);
	};
	Tooltip.prototype.setContent = function () {
		const $tip = this.tip();
		const title = this.getTitle();
		$tip.find( '.bsf_tooltip-inner' )[
			this.options.html ? 'html' : 'text'
		]( title );
		$tip.removeClass( 'fade in top bottom left right' );
	};
	Tooltip.prototype.hide = function () {
		const that = this;
		const $tip = this.tip();
		const e = $.Event( 'hide.bs.' + this.type );
		function complete() {
			if ( that.hoverState != 'in' ) $tip.detach();
			that.$element.trigger( 'hidden.bs.' + that.type );
		}
		this.$element.trigger( e );
		if ( e.isDefaultPrevented() ) return;
		$tip.removeClass( 'in' );
		$.support.transition && this.$tip.hasClass( 'fade' )
			? $tip
					.one( $.support.transition.end, complete )
					.emulateTransitionEnd( 150 )
			: complete();
		this.hoverState = null;
		return this;
	};
	Tooltip.prototype.fixTitle = function () {
		const $e = this.$element;
		if (
			$e.attr( 'title' ) ||
			typeof $e.attr( 'data-original-title' ) !== 'string'
		) {
			$e.attr( 'data-original-title', $e.attr( 'title' ) || '' ).attr(
				'title',
				''
			);
		}
	};
	Tooltip.prototype.hasContent = function () {
		return this.getTitle();
	};
	Tooltip.prototype.getPosition = function () {
		const el = this.$element[ 0 ];
		return $.extend(
			{},
			typeof el.getBoundingClientRect === 'function'
				? el.getBoundingClientRect()
				: {
						width: el.offsetWidth,
						height: el.offsetHeight,
				  },
			this.$element.offset()
		);
	};
	Tooltip.prototype.getCalculatedOffset = function (
		placement,
		pos,
		actualWidth,
		actualHeight
	) {
		return placement == 'bottom'
			? {
					top: pos.top + pos.height,
					left: pos.left + pos.width / 2 - actualWidth / 2,
			  }
			: placement == 'top'
			? {
					top: pos.top - actualHeight,
					left: pos.left + pos.width / 2 - actualWidth / 2,
			  }
			: placement == 'left'
			? {
					top: pos.top + pos.height / 2 - actualHeight / 2,
					left: pos.left - actualWidth,
			  }
			: /* placement == 'right' */ {
					top: pos.top + pos.height / 2 - actualHeight / 2,
					left: pos.left + pos.width,
			  };
	};
	Tooltip.prototype.getTitle = function () {
		let title;
		const $e = this.$element;
		const o = this.options;
		title =
			$e.attr( 'data-original-title' ) ||
			( typeof o.title === 'function'
				? o.title.call( $e[ 0 ] )
				: o.title );
		return title;
	};
	Tooltip.prototype.tip = function () {
		return ( this.$tip = this.$tip || $( this.options.template ) );
	};
	Tooltip.prototype.arrow = function () {
		return ( this.$arrow =
			this.$arrow || this.tip().find( '.bsf_tooltip-arrow' ) );
	};
	Tooltip.prototype.validate = function () {
		if ( ! this.$element[ 0 ].parentNode ) {
			this.hide();
			this.$element = null;
			this.options = null;
		}
	};
	Tooltip.prototype.enable = function () {
		this.enabled = true;
	};
	Tooltip.prototype.disable = function () {
		this.enabled = false;
	};
	Tooltip.prototype.toggleEnabled = function () {
		this.enabled = ! this.enabled;
	};
	Tooltip.prototype.toggle = function ( e ) {
		const self = e
			? $( e.currentTarget )
					[ this.type ]( this.getDelegateOptions() )
					.data( 'bs.' + this.type )
			: this;
		self.tip().hasClass( 'in' ) ? self.leave( self ) : self.enter( self );
	};
	Tooltip.prototype.destroy = function () {
		clearTimeout( this.timeout );
		this.hide()
			.$element.off( '.' + this.type )
			.removeData( 'bs.' + this.type );
	};
	// TOOLTIP PLUGIN DEFINITION
	// =========================
	const old = $.fn.bsf_tooltip;
	$.fn.bsf_tooltip = function ( option ) {
		return this.each( function () {
			const $this = $( this );
			let data = $this.data( 'bs.bsf_tooltip' );
			const options = typeof option === 'object' && option;
			if ( ! data && option == 'destroy' ) return;
			if ( ! data )
				$this.data(
					'bs.bsf_tooltip',
					( data = new Tooltip( this, options ) )
				);
			if ( typeof option === 'string' ) data[ option ]();
		} );
	};
	$.fn.bsf_tooltip.Constructor = Tooltip;
	// TOOLTIP NO CONFLICT
	// ===================
	$.fn.bsf_tooltip.noConflict = function () {
		$.fn.bsf_tooltip = old;
		return this;
	};

// Uptimate buttons
	$('[id^=ubtn-]').bsf_tooltip();

// Uptimate icons Hide tooltip with no tooltip_disp
	$('ul[data-placement=""]').bsf_tooltip("hide");

} )( jQuery );