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-full/dist/js/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/*** module: node_modules/absol-tutor/js/dom/PuncturedModal.js ***/
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

require("../../css/puncturedmodal.css");

var _AElement = _interopRequireDefault(require("absol/src/HTML5/AElement"));

var _Core = _interopRequireWildcard(require("./Core"));

var _ResizeSystem = _interopRequireDefault(require("absol/src/HTML5/ResizeSystem"));

var _Icon = require("./Icon");




/***
 * @extends AElement
 * @constructor
 */
function PuncturedModal() {
  this.$target = null;
  this.$trackScrollParents = [];
  this._handlePositionChange = this._handlePositionChange.bind(this);
  this.$attachhook = (0, _Core.$)('attachhook', this);
  this.$attachhook.requestUpdateSize = this._handlePositionChange;
  this.$a = (0, _Core.$)('.atr-punctured-modal-a', this);
  this.$b = (0, _Core.$)('.atr-punctured-modal-b', this);
  this.$c = (0, _Core.$)('.atr-punctured-modal-c', this);
  this.$d = (0, _Core.$)('.atr-punctured-modal-d', this);
  this._updateTimeout = -1;
}

PuncturedModal.tag = 'PuncturedModal'.toLowerCase();

PuncturedModal.render = function () {
  return (0, _Core._)({
    extendEvent: 'positionchange',
    class: ['atr-punctured-modal', 'atr-punctured-modal-root'],
    child: ['.atr-punctured-modal.atr-punctured-modal-a', '.atr-punctured-modal.atr-punctured-modal-b', '.atr-punctured-modal.atr-punctured-modal-d', '.atr-punctured-modal.atr-punctured-modal-c', 'attachhook']
  });
};

PuncturedModal.prototype.follow = function (targetElt) {
  if (this.$trackScrollParents.length > 0) this.stopTrackPosition();
  this.$target = targetElt || null;
  var trackElt = this.$target;
  if (!trackElt) return;

  while (trackElt) {
    if (trackElt.addEventListener) trackElt.addEventListener('scroll', this._handlePositionChange, false);else trackElt.attachEvent('onscroll', this._handlePositionChange, false);
    this.$trackScrollParents.push(trackElt);
    trackElt = trackElt.parentElement;
  }

  if (document.addEventListener) {
    document.addEventListener('scroll', this._handlePositionChange, false);
  } else {
    document.attachEvent('onscroll', this._handlePositionChange, false);
  }

  this.$trackScrollParents.push(document);

  if (this.isDescendantOf(document.body)) {
    this._handlePositionChange();
  } else {
    this.$attachhook.resetState();
  }

  _ResizeSystem.default.add(this.$attachhook);
};

PuncturedModal.prototype.stopTrackPosition = function () {
  var trackElt;

  for (var i = 0; i < this.$trackScrollParents.length; ++i) {
    trackElt = this.$trackScrollParents[i];
    if (trackElt.removeEventListener) trackElt.removeEventListener('scroll', this._handlePositionChange, false);else trackElt.dettachEvent && trackElt.dettachEvent('onscroll', this._handlePositionChange, false);
  }

  this.$trackScrollParents = [];
};

PuncturedModal.prototype._handlePositionChange = function (event) {
  if (!this.$target) return;
  var thisM = this;
  if (this._updateTimeout > 0) clearTimeout(this._updateTimeout);
  var bound = undefined;

  function update() {
    thisM._updateTimeout = -1;
    if (!thisM.$target) return;
    var bound1 = thisM.$target.getBoundingClientRect();

    if (!bound || bound1.left !== bound.left || bound1.width !== bound.width || bound1.top !== bound.top || bound1.height !== bound.height) {
      thisM.addStyle({
        '--punctured-x': bound1.left + 'px',
        '--punctured-y': bound1.top + 'px',
        '--punctured-width': bound1.width + 'px',
        '--punctured-height': bound1.height + 'px'
      });
      thisM.emit('positionchange', {
        target: this,
        bound: bound
      }, this);
      bound = bound1;
      thisM._updateTimeout = setTimeout(update, 10);
    }
  }

  update();
};

PuncturedModal.prototype.reset = function () {
  this.removeStyle({
    '--punctured-x': null,
    '--punctured-y': null,
    '--punctured-width': null,
    '--punctured-height': null
  });
};

_Core.default.install(PuncturedModal);

var _default = PuncturedModal;
exports.default = _default;