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-acomp/js/NumberInput.js ***/
"use strict";

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

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

var _ACore = _interopRequireDefault(require("../ACore"));

var _Dom = _interopRequireDefault(require("absol/src/HTML5/Dom"));

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

var _OOP = _interopRequireDefault(require("absol/src/HTML5/OOP"));

var _Text = require("absol/src/HTML5/Text");

var _int = require("absol/src/Math/int");


var _ = _ACore.default._;
var $ = _ACore.default.$;

function NumberInput() {
  this.eventHandler = _OOP.default.bindFunctions(this, NumberInput.eventHandler);
  this.$input = $('input', this).on('keydown', this.eventHandler.keydown).on('keyup', this.eventHandler.keyup).on('paste', this.eventHandler.paste).on('change', this.eventHandler.change);
  this.$input.value = 0;
  this._previusValue = 0; //to kwnow whenever the value changed

  this._value = 0;
  this._max = Infinity;
  this._min = -Infinity;
  this.$upBtn = $('.absol-number-input-button-up-container button', this).on('mousedown', this.eventHandler.mouseDownUpBtn);
  this.$downBtn = $('.absol-number-input-button-down-container button', this).on('mousedown', this.eventHandler.mouseDownDownBtn);
  this._decimalSeparator = '.';
  this._thousandsSeparator = '';
  this._floatFixed = -1; // unset

  this._decimalPadding = -1; //unset
}

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

NumberInput.render = function () {
  return _({
    class: 'absol-number-input',
    extendEvent: ['change'],
    child: [{
      class: 'absol-number-input-text-container',
      child: 'input[type="text"]'
    }, {
      class: 'absol-number-input-button-up-container',
      child: {
        tag: 'button',
        child: 'span.mdi.mdi-menu-up'
      }
    }, {
      class: 'absol-number-input-button-down-container',
      child: {
        tag: 'button',
        child: 'span.mdi.mdi-menu-down'
      }
    }]
  });
};

NumberInput.eventHandler = {};

NumberInput.eventHandler.mouseDownUpBtn = function (event) {
  if (_EventEmitter.default.isMouseRight(event)) return;
  var self = this;
  var body = $(document.body);
  var pressing = true;
  var timeout = -1;
  var i = 0;

  function tick() {
    if (pressing) {
      if (i == 0 || i >= 4) {
        self.value = Math.round(self.value * Math.pow(10, Math.max(self._floatFixed, 0)) + 1) / Math.pow(10, Math.max(self._floatFixed, 0));
        self.notifyChanged({
          by: 'long_press_button'
        });
      }

      ++i;
      self.__pressingUpTimeout__ = setTimeout(tick, 100);
    }
  }

  function finish(event) {
    pressing = false;

    if (timeout >= 0) {
      clearTimeout(timeout);
      timeout = -1;
    }

    body.off('mouseup', finish);
    body.off('mouseleave', finish);

    if (event.type == 'mouseup') {
      self.$input.focus();
    }

    self.notifyChanged({
      originEvent: event,
      by: 'press_button'
    });
  }

  body.on('mouseup', finish);
  body.on('mouseleave', finish);
  tick();
};

NumberInput.eventHandler.mouseDownDownBtn = function (event) {
  if (_EventEmitter.default.isMouseRight(event)) return;
  var self = this;
  var body = $(document.body);
  var pressing = true;
  var timeout = -1;
  var i = 0;

  function tick() {
    if (pressing) {
      if (i == 0 || i >= 4) {
        self.value = Math.round(self.value * Math.pow(10, Math.max(self._floatFixed, 0)) - 1) / Math.pow(10, Math.max(self._floatFixed, 0));
        self.notifyChanged({
          by: 'long_press_button'
        });
      }

      ++i;
      self.__pressingUpTimeout__ = setTimeout(tick, 100);
    }
  }

  function finish(event) {
    pressing = false;

    if (timeout >= 0) {
      clearTimeout(timeout);
      timeout = -1;
    }

    body.off('mouseup', finish);
    body.off('mouseleave', finish);

    if (event.type == 'mouseup') {
      self.$input.focus();
    }

    self.notifyChanged({
      originEvent: event,
      by: 'press_button'
    });
  }

  body.on('mouseup', finish);
  body.on('mouseleave', finish);
  tick();
};

NumberInput.eventHandler.keyup = function (event) {
  var cValue = parseFloat(this.$input.value);

  if (!isNaN(cValue) && cValue <= this.max && this.min <= cValue) {
    this._value = cValue;
    this.notifyChanged({
      originEvent: event,
      by: 'keyup'
    });
  }
};

NumberInput.eventHandler.keydown = function () {
  var key = event.key;
  var text = this.$input.value;

  if (key && key.length == 1 && !event.ctrlKey) {
    if (key.match(/[0-9.\-\+]/)) {
      if (key == '.' && text.indexOf('.') >= 0) event.preventDefault();
      if ((key == '+' || key == '-') && (text.indexOf('+') >= 0 || text.indexOf('-') >= 0 || (0, _Text.getCaretPosition)(this.$input) > 0)) event.preventDefault();
    } else event.preventDefault();
  }
};

NumberInput.eventHandler.change = function (event) {
  this.value = parseFloat(this.$input.value);
  this.notifyChanged({
    originEvent: event,
    by: 'input_change'
  });
};

NumberInput.eventHandler.paste = function (e) {
  e.preventDefault();
  var text = "";

  if (e.clipboardData && e.clipboardData.getData) {
    text = e.clipboardData.getData("text/plain");
  } else if (window.clipboardData && window.clipboardData.getData) {
    text = window.clipboardData.getData("Text");
  }

  var oldText = this.$input.value;
  var caretPos = (0, _Text.getCaretPosition)(this.$input);
  var newText = oldText.substr(0, caretPos) + text + oldText.substr(caretPos);
  var matched = newText.match(/[+-]?([0-9]*[.])?[0-9]+/);

  if (matched) {
    this.value = parseFloat(matched[0]);
  }
};

NumberInput.prototype.notifyChanged = function (option) {
  option = option || {};

  if (this._previusValue != this.value || this._prevBy !== option.by) {
    this.emit('change', Object.assign({
      target: this,
      value: this.value
    }, option || {}), this);
    this._previusValue = this.value;
    this._prevBy = option.by;
  }
};

NumberInput.prototype.numberToString = function (number) {
  return (0, _int.numberToString)(this._value, this._floatFixed, this._decimalSeparator, this._thousandsSeparator, this._decimalPadding);
};

NumberInput.prototype.updateTextValue = function () {
  if (this._value == Infinity || this._value == -Infinity) this.$input.value = this._value + "";
  this.$input.value = this.numberToString(this._value);
};

NumberInput.prototype.stringToNumber = function (string) {
  var matchedInf = string.toLowerCase().match('/([+-])?infinity/');

  if (matchedInf) {
    if (matchedInf[1] == '-') return Infinity;
    return -Infinity;
  } else if (this._thousandsSeparator == '.') {
    string = string.replace(/\./g, '').replace(/\,/, '.');
  } else if (this._thousandsSeparator == ',') {
    string = string.replace(/\,/g, '');
  }

  return parseFloat(string);
};

NumberInput.property = {};
NumberInput.property.value = {
  set: function (value) {
    if (typeof value != 'number' || isNaN(value)) value = 0;
    this._value = Math.max(this._min, Math.min(this._max, value));
    this.updateTextValue();
  },
  get: function () {
    return this._value;
  }
};
NumberInput.property.max = {
  set: function (value) {
    if (!(typeof value == 'number') || isNaN(value)) {
      value = Infinity;
    }

    this._max = value;
    this._value = Math.min(value, this._value);
    this._min = Math.min(this._min, this._value);
    this.updateTextValue();
  },
  get: function () {
    return this._max;
  }
};
NumberInput.property.min = {
  set: function (value) {
    if (!(typeof value == 'number') || isNaN(value)) {
      value = -Infinity;
    }

    this._min = value;
    this._value = Math.max(value, this._value);
    this._max = Math.max(this._max, this._value);
    this.updateTextValue();
  },
  get: function () {
    return this._min;
  }
};
NumberInput.property.decimalSeparator = {
  set: function (value) {
    if (value == ',') {
      if (this._thousandsSeparator == ',') this._thousandsSeparator = '.';
    } else if (value == '.') {
      if (this._thousandsSeparator == '.') this._thousandsSeparator = ',';
    } else {
      value = '';
    }

    this._decimalSeparator = value;
    this.updateTextValue();
  },
  get: function () {
    return this._decimalSeparator;
  }
};
NumberInput.property.thousandsSeparator = {
  set: function (value) {
    if (value == ',') {
      if (this._decimalSeparator == ',') this._decimalSeparator = '.';
    } else if (value == '.') {
      if (this._decimalSeparator == '.') this._decimalSeparator = ',';
    } else {
      value = '';
    }

    this._thousandsSeparator = value;
    this.updateTextValue();
  },
  get: function () {
    return this._thousandsSeparator;
  }
};
NumberInput.property.floatFixed = {
  set: function (value) {
    if (typeof value == "number") {
      if (isNaN(value)) {
        value = -1;
      } else {
        value = Math.round(Math.max(-1, Math.min(100, value)));
      }
    } else {
      value = -1;
    }

    this._floatFixed = value;
    this.updateTextValue();
  },
  get: function () {
    return this._floatFixed;
  }
};
NumberInput.property.decimalPadding = {
  set: function (value) {
    if (typeof value == "number") {
      if (isNaN(value)) {
        value = 0;
      } else {
        value = Math.round(Math.max(-1, Math.min(100, value)));
      }
    } else {
      value = 0;
    }

    this._decimalPadding = value;
    this.updateTextValue();
  },
  get: function () {
    return this._decimalPadding;
  }
};
NumberInput.property.disabled = {
  set: function (value) {
    this.$input.disabled = !!value;
    this.$upBtn.disabled = !!value;
    this.$downBtn.disabled = !!value;
    if (value) this.addClass('absol-disabled');else this.removeClass('absol-disabled');
  },
  get: function () {
    return this.$input.disabled;
  }
};

_ACore.default.install('NumberInput'.toLowerCase(), NumberInput);

var _default = NumberInput;
exports.default = _default;