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-form/js/dom/FontIconInput.js ***/
"use strict";

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

var _FCore = _interopRequireDefault(require("../core/FCore"));

require("./FontIconPicker");

var _EventEmitter = _interopRequireDefault(require("absol/src/HTML5/EventEmitter"));


var _ = _FCore.default._;
var $ = _FCore.default.$;
/***
 * @extends AElement
 * @constructor
 */

function FontIconInput() {
  this.on('click', this.eventHandler.click);
}

FontIconInput.tag = 'FontIconInput'.toLowerCase();
FontIconInput.eventHandler = {};

FontIconInput.eventHandler.click = function (event) {
  this.togglePicker();
};

FontIconInput.eventHandler.clickIcon = function (event) {
  this.value = event.value;
  this.emit('change', {
    type: 'change',
    value: event.value,
    target: this,
    originEvent: event.originEvent || event
  }, this);
  this.closePicker();
};

FontIconInput.prototype.share = {
  $follower: null,
  $picker: null,
  $holder: null
};

FontIconInput.eventHandler.clickBody = function (event) {
  if (_EventEmitter.default.hitElement(this, event) || _EventEmitter.default.hitElement(this.share.$picker, event)) return;
  this.closePicker();
};

FontIconInput.prototype.togglePicker = function () {
  if (this.containsClass('as-font-icon-selecting')) {
    this.closePicker();
  } else {
    this.openPicker();
  }
};

FontIconInput.prototype.openPicker = function () {
  this.prepare();

  if (this.share.$holder) {
    this.share.$holder.closePicker();
  }

  this.share.$holder = this;
  this.addClass('as-font-icon-selecting');
  this.share.$picker.on('clickicon', this.eventHandler.clickIcon);
  this.share.$follower.addTo(document.body);
  this.share.$follower.followTarget = this;
  $(document.body).on('click', this.eventHandler.clickBody);
  this.share.$picker.selectValues(this.value);
};

FontIconInput.prototype.closePicker = function () {
  this.removeClass('as-font-icon-selecting');
  document.body.off('click', this.eventHandler.clickBody);
  this.share.$picker.off('clickicon', this.eventHandler.clickIcon);

  if (this.share.$holder === this) {
    this.share.$holder = null;
    this.share.$follower.remove();
  }
};

FontIconInput.prototype.prepare = function () {
  if (!this.share.$picker) {
    this.share.$follower = _('follower.as-font-icon-follower');
    this.share.$picker = _('fonticonpicker').addTo(this.share.$follower);
  }
};

FontIconInput.render = function () {
  return _({
    tag: 'button',
    extendEvent: 'change',
    class: 'as-font-icon-input'
  });
};

FontIconInput.property = {};
FontIconInput.property.value = {
  set: function (value) {
    this.clearChild();
    this._value = value;

    if (this._value) {
      this.addChild(_(value));
    } else {
      this.addChild(_('<span></span>'));
    }
  },
  get: function () {
    return this._value;
  }
};

_FCore.default.install(FontIconInput);

var _default = FontIconInput;
exports.default = _default;