Server : Apache/2.4.41 (Ubuntu) System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/html/libs/absol-acomp/out/
Upload File :
Current File : /var/www/html/libs/absol-acomp/out/Follower.js.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: Follower.js</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Source: Follower.js</h1>
<section>
<article>
<pre class="prettyprint source linenums"><code>import '../css/follower.css';
import ACore from "../ACore";
import Dom from "absol/src/HTML5/Dom";
import Rectangle from "absol/src/Math/Rectangle";
import AElement from "absol/src/HTML5/AElement";
var _ = ACore._;
var $ = ACore.$;
/***
* @extends AElement
* @constructor
*/
function Follower() {
this.$attachhook = _('attachhook', this)
.addTo(this)
.on('attached', function () {
this.requestUpdateSize();
Dom.addToResizeSystem(this);
});
this.$attachhook.requestUpdateSize = this.updatePosition.bind(this);
this.$followTarget = undefined;
this.$scrollTrackElts = [];
this._scrollTrackEventHandler = undefined;
this._anchor = Follower.ANCHOR_PRIORITY;
this.defineEvent(['updateposition', 'preupdateposition']);
/***
* @name followTarget
* @type {AElement}
* @memberOf Follower#
*/
}
Follower.tag = 'Follower'.toLowerCase();
Follower.render = function () {
return _('.absol-follower');
};
Follower.prototype.clearChild = function () {
var children = Array.prototype.slice.call(this.children);
var attachhookElt = this.$attachhook;
children.forEach(function (elt) {
if (elt != attachhookElt)
elt.remove();
});
}
//Todo: remove child, find child....
/**
* X = $target.x + F[anchor_index][0] * $target.width + F[anchor_index][1] * $content.width
* Y = $target.y + F[anchor_index][2] * $target.height + F[anchor_index][3] * $content.height
*/
Follower.ANCHOR_FACTORS = [
[1, 0, 0, 0],//0
[0, 0, 1, 0],//1
[1, -1, 1, 0],//2
[0, -1, 0, 0],//3
[0, -1, 1, -1],//4
[1, -1, 0, -1],//5
[0, 0, 0, -1],//6
[1, 0, 1, -1],//7
[1, 0, 0.5, -0.5],//8
[0.5, -0.5, 1, 0],//9
[0, -1, 0.5, -0.5],//10
[0.5, -0.5, 0, -1],//11
[1, 0, 1, 0],//12
[0, -1, 1, 0],//13
[0, -1, 0, -1],//14
[1, 0, 0, -1],//15
];
Follower.ANCHOR_PRIORITY = [1, 6, 2, 5, 0, 7, 3, 4, 9, 11, 8, 10, 12, 15, 13, 14];
Follower.prototype.updatePosition = function () {
if (!this.$followTarget) return;
this.emit('preupdateposition', { target: this }, this);
var targetBound = this.$followTarget.getBoundingClientRect();
var screenSize = Dom.getScreenSize();
var outRect = new Rectangle(0, 0, screenSize.width, screenSize.height);
var bound = this.getBoundingClientRect();
var x = 0;
var y = 0;
var score;
var anchors = this._lastAnchor === undefined ? this.anchor : [this._lastAnchor].concat(this.anchor);
var factor;
var bestX, bestY, bestScore = -100000;
var newContentRect;
var bestAnchor;
for (var i = 0; i < anchors.length; ++i) {
factor = Follower.ANCHOR_FACTORS[anchors[i]];
x = targetBound.left + factor[0] * targetBound.width + factor[1] * bound.width;
y = targetBound.top + factor[2] * targetBound.height + factor[3] * bound.height;
newContentRect = new Rectangle(x, y, bound.width, bound.height);
score = newContentRect.collapsedSquare(outRect);
if (score - 10 > bestScore) {
bestAnchor = anchors[i];
bestScore = score;
bestX = x;
bestY = y;
}
}
if (this._lastAnchor !==bestAnchor){
this.removeClass('as-anchor-'+ this._lastAnchor);
this._lastAnchor = bestAnchor;
this.addClass('as-anchor-'+ this._lastAnchor);
}
this.addStyle({
left: bestX + 'px',
top: bestY + 'px'
});
this.emit('updateposition', { target: this }, this);
};
Follower.prototype.refollow = function () {
if (!this.$followTarget) return;
this.updatePosition();
this.addClass('following');
if (this._scrollTrackEventHandler) this.unfollow();
this._scrollTrackEventHandler = this.updatePosition.bind(this);
this.$scrollTrackElts = [];
var trackElt = this.$followTarget;
while (trackElt) {
if (trackElt.addEventListener)
trackElt.addEventListener('scroll', this._scrollTrackEventHandler, false);
else
trackElt.attachEvent('onscroll', this._scrollTrackEventHandler, false);
this.$scrollTrackElts.push(trackElt);
trackElt = trackElt.parentElement;
}
if (document.addEventListener) {
document.addEventListener('scroll', this._scrollTrackEventHandler, false);
}
else {
document.attachEvent('onscroll', this._scrollTrackEventHandler, false);
}
this.$scrollTrackElts.push(document);
};
Follower.prototype.unfollow = function () {
if (!this._scrollTrackEventHandler) return;// nothing to do
this.removeClass('following');
var trackElt;
for (var i = 0; i < this.$scrollTrackElts.length; ++i) {
trackElt = this.$scrollTrackElts[i];
if (trackElt.removeEventListener)
trackElt.removeEventListener('scroll', this._scrollTrackEventHandler, false);
else
trackElt.dettachEvent('onscroll', this._scrollTrackEventHandler, false);
}
this.$scrollTrackElts = [];
this._scrollTrackEventHandler = undefined;
};
Follower.property = {};
Follower.property.followTarget = {
set: function (elt) {
if (elt === null || elt === undefined || !elt) {
this.unfollow();
this.$followTarget = undefined;
return;
}
else if (typeof elt == 'string') {
elt = $(elt) || document.getElementById(elt);
}
if (Dom.isDomNode(elt)) {
this.$followTarget = elt;
this._lastAncho = undefined;
this.refollow();
}
else throw new Error("Invalid element");
},
get: function () {
return this.$followTarget;
}
}
Follower.property.anchor = {
set: function (value) {
value = value || Follower.ANCHOR_PRIORITY;
if (value == 'auto') value = Follower.ANCHOR_PRIORITY;
if (typeof value == null) value = [value];
if (!(value instanceof Array)) throw new Error('Invalid anchor ' + value);
value = value.map(function (x) {
x = Math.floor(x);
if (x >= 0 && x < Follower.ANCHOR_FACTORS.length) {
return x;
}
else throw new Error("Invalid anchor: " + x);
});
this._anchor = value;
this._lastAnchor = undefined;
this.updatePosition();
},
get: function () {
return this._anchor;
}
}
ACore.install(Follower);
export default Follower;</code></pre>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="CalendarInput.html">CalendarInput</a></li><li><a href="CandyBoxButton.html">CandyBoxButton</a></li><li><a href="ChromeCalendar.html">ChromeCalendar</a></li><li><a href="CircleSectionLabel.html">CircleSectionLabel</a></li><li><a href="Cluster.html">Cluster</a></li><li><a href="ClusterIconInfo.html">ClusterIconInfo</a></li><li><a href="ClusterIconStyle.html">ClusterIconStyle</a></li><li><a href="ContextCaptor.html">ContextCaptor</a></li><li><a href="DateInput.html">DateInput</a></li><li><a href="DateInput2.html">DateInput2</a></li><li><a href="DropPanel.html">DropPanel</a></li><li><a href="DropPanelStack.html">DropPanelStack</a></li><li><a href="FlexiconButton.html">FlexiconButton</a></li><li><a href="MarkerClusterer.html">MarkerClusterer</a></li><li><a href="MarkerClustererOptions.html">MarkerClustererOptions</a></li><li><a href="SearchTextInput.html">SearchTextInput</a></li><li><a href="Sprite.html">Sprite</a></li><li><a href="Time24Input.html">Time24Input</a></li></ul><h3>Events</h3><ul><li><a href="MarkerClusterer.html#event:click">click</a></li><li><a href="MarkerClusterer.html#event:clusteringbegin">clusteringbegin</a></li><li><a href="MarkerClusterer.html#event:clusteringend">clusteringend</a></li><li><a href="MarkerClusterer.html#event:mouseout">mouseout</a></li><li><a href="MarkerClusterer.html#event:mouseover">mouseover</a></li></ul><h3>Global</h3><ul><li><a href="global.html#$windowTitleText">$windowTitleText</a></li><li><a href="global.html#AddIcon">AddIcon</a></li><li><a href="global.html#calcMinHMTime">calcMinHMTime</a></li><li><a href="global.html#cleanMenuItemProperty">cleanMenuItemProperty</a></li><li><a href="global.html#preventNotNumberInput">preventNotNumberInput</a></li><li><a href="global.html#vScrollIntoView">vScrollIntoView</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.0</a> on Wed Jan 04 2023 18:18:58 GMT+0700 (Indochina Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>
Server : Apache/2.4.41 (Ubuntu)