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

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

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

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

var _stringMatching = require("absol/src/String/stringMatching");

var _MaterialDesignIcons = require("../font/MaterialDesignIcons");

var _GoogleMaterialIcons = require("../font/GoogleMaterialIcons");


var _ = _FCore.default._;
var $ = _FCore.default.$;

function FontIconPicker() {
  var self = this;
  this._fontIndex = 0;
  this._viewingFontIndex = -1;
  this.$searchInput = $('searchtextinput', this).on('stoptyping', this.search.bind(this));
  this.$selectFont = $('.as-font-icon-picker-select-font', this).on('change', this.updateContent.bind(this));
  this.$option = $('.as-font-icon-picker-option', this);
  this.$materialDesignContent = $('.as-font-icon-picker-content.as-font-icon-picker-material-design-icons', this);
  this.$googleMaterialContent = $('.as-font-icon-picker-content.as-font-icon-picker-google-material-icons', this);
  this.$mdiButtons = [];
  this.$googleMaterialIconButtons = [];
  this.on('click', this.eventHandler.clickContent);
  this.$activeButtons = {};
  this.$buttonList = {};
  (0, _MaterialDesignIcons.getMaterialDesignIconNames)().then(function (result) {
    var button;

    for (var i = 0; i < result.length; ++i) {
      button = _({
        tag: 'button',
        class: 'as-font-icon-picker-icon',
        child: 'span.mdi.mdi-' + result[i],
        attr: {
          title: result[i]
        },
        props: {
          __keywods__: result[i].split(/[\-\_\s]+/),
          __data__: 'span.mdi.mdi-' + result[i]
        }
      }).addTo(self.$materialDesignContent);
      self.$mdiButtons.push(button);
      self.$buttonList[button.__data__] = button;
    }
  });

  _GoogleMaterialIcons.GOOGLE_MATERIAL_ICON_NAMES.forEach(function (name) {
    var button = _({
      tag: 'button',
      class: 'as-font-icon-picker-icon',
      attr: {
        title: name
      },
      props: {
        __keywods__: name.split(/[\-\_\s]+/),
        __data__: '<i class="material-icons">' + name + '</i>'
      },
      child: {
        tag: 'i',
        class: 'material-icons',
        child: {
          text: name
        }
      }
    }).addTo(self.$googleMaterialContent);

    self.$googleMaterialIconButtons.push(button);
    self.$buttonList[button.__data__] = button;
  });

  this.updateContent();
  this.$noneBtn = $('button.none-icon', this);
  this.$noneBtn.__data__ = null;
  this.$noneBtn.on('click', this.eventHandler.clickContent);
}

FontIconPicker.render = function () {
  return _({
    extendEvent: 'clickicon',
    class: 'as-font-icon-picker',
    child: ['searchtextinput', {
      tag: 'selectmenu',
      class: 'as-font-icon-picker-select-font',
      props: {
        items: [{
          text: 'Material Design Icons',
          value: 0
        }, {
          text: 'Google Material Icons',
          value: 1
        }]
      },
      value: 0
    }, {
      tag: 'button',
      class: ['as-font-icon-picker-icon', 'none-icon'],
      attr: {
        title: 'None'
      },
      style: {
        height: '2em',
        verticalAlign: 'top'
      },
      child: {
        tag: 'span',
        style: {
          fontSize: '1em'
        },
        child: {
          text: 'None'
        }
      }
    }, {
      tag: 'bscroller',
      class: ['as-font-icon-picker-content', 'as-font-icon-picker-material-design-icons']
    }, {
      tag: 'bscroller',
      class: ['as-font-icon-picker-content', 'as-font-icon-picker-google-material-icons']
    }]
  });
};

FontIconPicker.eventHandler = {};

FontIconPicker.eventHandler.clickContent = function (event) {
  var target = event.target;

  while (target !== this && target) {
    if (target.containsClass('as-font-icon-picker-icon')) break;
    target = target.parentNode;
  }

  if (target && target.containsClass('as-font-icon-picker-icon')) {
    this.emit('clickicon', {
      type: 'clickicon',
      value: target.__data__,
      originEvent: event,
      target: this
    }, this);
  }
};

FontIconPicker.prototype.selectValues = function () {
  for (var name in this.$activeButtons) {
    this.$activeButtons[name].removeClass('as-font-icon-picker-selected');
  }

  this.$activeButtons = {};
  var button;

  for (var i = 0; i < arguments.length; ++i) {
    button = this.$buttonList[arguments[i]];

    if (button) {
      this.$activeButtons[arguments[i]] = button;
      button.addClass('as-font-icon-picker-selected');
    }
  }
};

FontIconPicker.prototype.updateContent = function () {
  this._fontIndex = this.$selectFont.value;
  if (this._fontIndex == 0) this.showMaterialDesignIcons();else if (this._fontIndex == 1) this.showGoogleMaterialIcons();
};

FontIconPicker.prototype.showMaterialDesignIcons = function () {
  this._fontIndex = 0;
  if (this._viewingFontIndex == 0) return;
  this._viewingFontIndex = 0;
  this.$materialDesignContent.removeStyle('display');
  this.$googleMaterialContent.addStyle('display', 'none');
  this.search();
};

FontIconPicker.prototype.showGoogleMaterialIcons = function () {
  this._fontIndex = 1;
  if (this._viewingFontIndex == 1) return;
  this._viewingFontIndex = 1;
  this.$materialDesignContent.addStyle('display', 'none');
  this.$googleMaterialContent.removeStyle('display');
  this.search();
};

FontIconPicker.prototype.search = function () {
  var keyword = this.$searchInput.value.trim().split(/[\-\_\s]+/).filter(function (w) {
    return !!w;
  });
  var viewList = this._fontIndex == 0 ? this.$mdiButtons : this.$googleMaterialIconButtons;
  var contentElt = this._fontIndex == 0 ? this.$materialDesignContent : this.$googleMaterialContent;

  if (keyword.length > 0) {
    var list = viewList.map(function (button) {
      return {
        elt: button,
        value: (0, _stringMatching.wordsMatch)(keyword, button.__keywods__)
      };
    });
    list.sort(function (a, b) {
      return b.value - a.value;
    });
    var minValue = list[0].value;
    var maxValue = list[list.length - 1].value;
    var midValue = (minValue * 2 + maxValue) / 3;
    list = list.filter(function (item) {
      return item.value > midValue;
    });
    viewList = list.map(function (item) {
      return item.elt;
    });
  }

  contentElt.clearChild();
  viewList.forEach(function (elt) {
    elt.addTo(contentElt);
  });
};

_FCore.default.install('fonticonpicker', FontIconPicker);

var _default = FontIconPicker;
exports.default = _default;