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

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

var _BaseLayout = _interopRequireDefault(require("../core/BaseLayout"));

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

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

var _utils = require("absol-acomp/js/utils");

var _GridAnchor = _interopRequireDefault(require("./anchors/GridAnchor"));

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


/**
 * @extends BaseLayout
 * @constructor
 */
function GridLayout() {
  _BaseLayout.default.apply(this, arguments);
}

(0, _inheritComponentClass.default)(GridLayout, _BaseLayout.default);
GridLayout.prototype.tag = 'GridLayout';

GridLayout.prototype.render = function () {
  this.domElt = (0, _FCore._)({
    class: 'as-grid-layout'
  });
};

GridLayout.prototype.styleHandlers.rowGap = {
  set: function (value) {
    if (!(0, _utils.isRealNumber)(value) || value < 0) {
      value = 0;
    }

    if (value) {
      this.domElt.addStyle('row-gap', value + '');
    } else {
      this.domElt.removeStyle('row-gap');
    }

    return value;
  },
  get: function (ref) {
    var value = ref.get();
    if ((0, _utils.isRealNumber)(value) && value >= 0) return value;
    return 0;
  },
  export: function (ref) {
    var value = ref.get();
    if ((0, _utils.isRealNumber)(value) && value > 0) return value;
    return undefined;
  }
};
GridLayout.prototype.styleHandlers.columnGap = {
  set: function (value) {
    if (!(0, _utils.isRealNumber)(value) || value < 0) {
      value = 0;
    }

    if (value) {
      this.domElt.addStyle('column-gap', value + '');
    } else {
      this.domElt.removeStyle('column-gap');
    }

    return value;
  },
  get: function (ref) {
    var value = ref.get();
    if ((0, _utils.isRealNumber)(value) && value >= 0) return value;
    return 0;
  },
  export: function (ref) {
    var value = ref.get();
    if ((0, _utils.isRealNumber)(value) && value > 0) return value;
    return undefined;
  }
};
GridLayout.prototype.styleHandlers.templateRows = {
  set: function (value) {
    if (typeof value === "string") {
      value = value.trim();
    }

    value = value || '';

    if (value) {
      this.domElt.addStyle('grid-template-rows', value);
    } else {
      this.domElt.removeStyle('grid-template-rows');
    }

    return value;
  },
  export: function (ref) {
    var value = ref.get();
    if (!value || typeof value !== "string") return undefined;
    return value;
  },
  descriptor: {
    type: 'text'
  }
};
GridLayout.prototype.styleHandlers.templateColumns = {
  set: function (value) {
    if (typeof value === "string") {
      value = value.trim();
    }

    value = value || '';

    if (value) {
      this.domElt.addStyle('grid-template-columns', value);
    } else {
      this.domElt.removeStyle('grid-template-columns');
    }

    return value;
  },
  export: function (ref) {
    var value = ref.get();
    if (!value || typeof value !== "string") return undefined;
    return value;
  },
  descriptor: {
    type: 'text'
  }
};

GridLayout.prototype.onAddChild = function (child, index) {
  var anchor = new _GridAnchor.default(child);

  if (index === this.domElt.childNodes.length) {
    this.domElt.addChild(child.domElt);
  } else {
    this.domElt.addChildBefore(child.domElt, this.domElt.childNodes[index]);
  }
};

GridLayout.prototype.onRemoveChild = function (child, index) {
  child.domElt.remove();
  child.anchor.destroy();
};

_Assembler.AssemblerInstance.addClass(GridLayout);

var _default = GridLayout;
exports.default = _default;