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

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

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

var _ScalableComponent = _interopRequireDefault(require("../core/ScalableComponent"));

var _showdown = _interopRequireDefault(require("showdown"));

var _inheritComponentClass = _interopRequireDefault(require("../core/inheritComponentClass"));

var _TextStyleHandlers = _interopRequireDefault(require("./handlers/TextStyleHandlers"));

var _Assembler = require("../core/Assembler");

var _datetime = require("absol/src/Time/datetime");

var _utils = require("../fdeditor/utils");


var _ = _FCore.default._;
var showDownConverter = new _showdown.default.Converter();
/***
 * @extends ScalableComponent
 * @constructor
 */

function Text() {
  _ScalableComponent.default.call(this);

  setTimeout(() => {
    //TODO: better rule
    if (this.style.width !== 'auto') return;
    var bf = this.domElt.previousSibling;
    if (!bf || !bf.fmComponent) return;
    var bfComp = bf.fmComponent;
    var subWidth = 0;
    if (bfComp.tag !== 'Label') return;
    if (bfComp.style.hidden === true) return;

    if (typeof bfComp.style.width === "number") {
      subWidth = bfComp.style.width;

      if (typeof bfComp.style.marginRight === "number") {
        subWidth += bfComp.style.marginRight;
      }
    }

    if (subWidth) {
      this.domElt.style.setProperty('max-width', 'calc(100% - ' + Math.ceil(subWidth) + 'px)');
    }
  }, 10);
}

(0, _inheritComponentClass.default)(Text, _ScalableComponent.default);
Text.prototype.tag = "Text";
Text.prototype.menuIcon = "span.mdi.mdi-format-color-text";
Text.prototype.style.vAlign = 'center';
Text.prototype.style.display = 'inline-block';
Text.prototype.attributes.text = '';
Text.prototype.style.fontStyle = 'Regular';
Text.prototype.style.padding = '';
Text.prototype.attributeHandlers.text = {
  set: function (value) {
    var ref = arguments[arguments.length - 1];
    var prev = ref.get();

    switch (this.attributes.textDecode) {
      case 'html':
        this.domElt.innerHTML = (value || '') + '';
        break;

      case 'markdown':
        this.domElt.innerHTML = showDownConverter.makeHtml((value || '') + '').trim().replace(/(^<p>)|(<\/p>$)/, '');
        break;

      case 'dd/MM/yyyy':
      case 'date':
        if (value instanceof Date) {
          this.domElt.clearChild().addChild(_({
            text: (0, _datetime.formatDateTime)(value, 'dd/MM/yyyy')
          }));
        } else {
          this.domElt.clearChild().addChild(_({
            text: (value || '') + ''
          }));
        }

        break;

      case 'dd/MM/yyyy hh:mm a':
      case 'date_time':
        if (value instanceof Date) {
          this.domElt.clearChild().addChild(_({
            text: (0, _datetime.formatDateTime)(value, 'dd/MM/yyyy HH:mm')
          }));
        } else {
          this.domElt.clearChild().addChild(_({
            text: (value || '') + ''
          }));
        }

        break;

      default:
        if (typeof value === "number") value = value + '';else if (typeof value === "boolean") value = value + '';else if (value instanceof Array) {
          value = JSON.stringify(value);
        } else if (value === undefined || value === null) {
          value = '';
        } else if (typeof value !== "string") {
          value = value + '';
        }
        this.domElt.clearChild().addChild(_({
          text: (value || _utils.CHAR_ZWS) + ''
        }));
    }

    ref.set(value);

    if (this.domElt.childNodes.length === 1 && this.domElt.firstChild.nodeType === Node.TEXT_NODE && this.domElt.firstChild.data === '') {
      this.domElt.addClass('as-empty');
    } else {
      this.domElt.removeClass('as-empty');
    }

    if (prev !== value) {
      this.pinFire('text');
      this.pinFire('value');
      this.notifyChange();
    }

    return value;
  },
  descriptor: {
    type: "text",
    long: true,
    sign: "HyperText"
  }
};
Text.prototype.attributeHandlers.textDecode = {
  set: function (value) {
    // if (['none', 'markdown', 'html'].indexOf(value) < 0) value = 'none';
    var ref = arguments[arguments.length - 1];
    var currentValue = ref.get();

    if (currentValue !== value) {
      this.domElt.removeClass('as-decode-' + currentValue);
      this.domElt.addClass('as-decode-' + value);
      ref.set(value);
      this.attributes['text'] = this.attributes.text;
    }

    return value;
  },
  export: function (ref) {
    var value = ref.get() || 'none';
    if (value === 'none') return undefined;
    return value;
  },
  descriptor: {
    type: "enum",
    values: ['none', 'markdown', 'html', 'date', 'date_time'],
    sign: 'TextDecode'
  }
};
Text.prototype.attributeHandlers.placeHolder = {
  set: function (value) {
    if (typeof value === "string" && value.length > 0 || typeof value === 'number') {
      this.domElt.attr('data-place-holder', value + '');
    } else {
      this.domElt.attr('data-place-holder', undefined);
    }
  },
  get: function () {
    return this.domElt.attr('data-place-holder') || '';
  },
  export: function () {
    return this.attributes.placeHolder || undefined;
  },
  descriptor: {
    type: "text",
    long: true,
    sign: "placeHolder"
  }
};
Object.assign(Text.prototype.styleHandlers, _TextStyleHandlers.default);
Text.prototype.styleHandlers.padding = {
  set: function (value) {
    this.domElt.addStyle('padding', value);
    return value;
  },
  descriptor: {
    type: "text"
  }
};
Text.prototype.pinHandlers.text = {
  receives: function (value) {
    this.attributes.text = value;
  },
  get: function () {
    return this.attributes.text;
  },
  descriptor: {
    type: 'text',
    long: true
  }
};
Text.prototype.pinHandlers.value = Text.prototype.pinHandlers.text;
Text.prototype.attributes.textDecode = 'none';
Text.prototype.style.textAlign = 'left';
Text.prototype.style.textColor = 'black';
Text.prototype.style.font = 'unset';
Text.prototype.styleHandlers.border = {
  set: function (value) {
    this.domElt.style.border = value;
    return value;
  },
  get: function (ref) {
    var value = ref.get();
    value = value || '';
    return value;
  },
  descriptor: {
    type: 'text'
  }
};

Text.prototype.onCreate = function () {
  _ScalableComponent.default.prototype.onCreate.call(this);

  this.attributes.text = this.attributes.name;
};

Text.prototype.render = function () {
  this.domElt = _({
    class: ['absol-bscroller', 'as-text', 'cke_contents_ltr'],
    child: {
      text: ''
    }
  });
};

Text.prototype.createDataBindingDescriptor = function () {
  var thisC = this;
  return {
    set: function (value) {
      thisC.setAttribute('text', value);
    },
    get: function () {
      return thisC.getAttribute('text');
    }
  };
};

_Assembler.AssemblerInstance.addClass(Text);

var _default = Text;
exports.default = _default;