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

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

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

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

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



/***
 * @extends AElement
 * @constructor
 */
function VerticalTimeline() {
  this._current = 0;
  this._items = [];
  this.$items = [];
  this.current = 0;
}

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

VerticalTimeline.render = function () {
  return (0, _ACore._)({
    class: 'as-vertical-timeline',
    child: []
  });
};

VerticalTimeline.prototype._makeItem = function (item, i) {
  var iconElt = (0, _ACore._)('span.mdi.mdi-circle');
  return (0, _ACore._)({
    class: 'as-vertical-timeline-item',
    props: {
      $icon: iconElt
    },
    child: [{
      class: 'as-vertical-timeline-icon-ctn',
      child: iconElt
    }, {
      class: 'as-vertical-timeline-tile',
      child: {
        tag: 'span',
        child: {
          text: item.text
        }
      }
    }]
  });
};

VerticalTimeline.property = {};
VerticalTimeline.property.items = {
  /***
   * @this VerticalTimeline
   * @param items
   */
  set: function (items) {
    items = items || [];
    this._items = items;
    this.clearChild();
    this.$items = items.map(function (item, i) {
      return this._makeItem(item, i);
    }.bind(this));
    this.addChild(this.$items);
    this.current = this._current; //update
  },
  get: function () {}
};
VerticalTimeline.property.current = {
  set: function (value) {
    value = (0, _utils.isRealNumber)(value) ? value >> 0 : -1;
    this._current = value;
    var itemElt;

    for (var i = 0; i < this.$items.length; ++i) {
      itemElt = this.$items[i]; //.$icon.removeClass('');

      if (i < value) {
        itemElt.$icon.removeClass('mdi-numeric-' + (i + 1) + '-circle').removeClass('mdi-circle').addClass('mdi-check-circle');
        itemElt.removeClass('as-inactive').removeClass('as-active');
      } else if (i === value) {
        itemElt.$icon.addClass('mdi-numeric-' + (i + 1) + '-circle').removeClass('mdi-circle').removeClass('mdi-check-circle');
        itemElt.removeClass('as-inactive').addClass('as-active');
      } else {
        itemElt.addClass('as-inactive').removeClass('as-active');
        itemElt.$icon.removeClass('mdi-numeric-' + (i + 1) + '-circle').addClass('mdi-circle').removeClass('mdi-check-circle');
      }
    }
  },
  get: function () {
    return Math.max(-1, Math.min(this._current, this._items.length));
  }
};

_ACore.default.install(VerticalTimeline);

var _default = VerticalTimeline;
exports.default = _default;