File manager

File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/modules/ui/install/js/ui/counterpanel/dist/counterpanel.bundle.js

Back
this.BX = this.BX \|\| {}; (function (exports,main_popup,main_core,ui_cnt,main_core_events) { 'use strict'; var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7; function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); } function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } } function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; } var _bindEvents = /#__PURE__/new WeakSet(); var _getPanel = /#__PURE__/new WeakSet(); var _getCounter = /#__PURE__/new WeakSet(); var _getValue = /#__PURE__/new WeakSet(); var _getTitle = /#__PURE__/new WeakSet(); var _getCross = /#__PURE__/new WeakSet(); var CounterItem = /#__PURE__/function () { function CounterItem(args) { babelHelpers.classCallCheck(this, CounterItem); _classPrivateMethodInitSpec(this, _getCross); _classPrivateMethodInitSpec(this, _getTitle); _classPrivateMethodInitSpec(this, _getValue); _classPrivateMethodInitSpec(this, _getCounter); _classPrivateMethodInitSpec(this, _getPanel); _classPrivateMethodInitSpec(this, _bindEvents); this.id = args.id ? args.id : null; this.separator = main_core.Type.isBoolean(args.separator) ? args.separator : true; this.items = main_core.Type.isArray(args.items) ? args.items : []; this.popupMenu = null; this.isActive = main_core.Type.isBoolean(args.isActive) ? args.isActive : false; this.panel = args.panel ? args.panel : null; this.title = args.title ? args.title : null; this.value = main_core.Type.isNumber(args.value) && args.value !== undefined ? args.value : null; this.titleOrder = null; this.valueOrder = null; this.color = args.color ? args.color : null; this.parent = main_core.Type.isBoolean(args.parent) ? args.parent : null; this.parentId = args.parentId ? args.parentId : null; this.locked = false; this.type = main_core.Type.isString(args.type) ? args.type.toLowerCase() : null; this.eventsForActive = main_core.Type.isObject(args.eventsForActive) ? args.eventsForActive : {}; this.eventsForUnActive = main_core.Type.isObject(args.eventsForUnActive) ? args.eventsForUnActive : {}; if (main_core.Type.isObject(args.title)) { this.title = args.title.value ? args.title.value : null; this.titleOrder = main_core.Type.isNumber(args.title.order) ? args.title.order : null; } if (main_core.Type.isObject(args.value)) { this.value = main_core.Type.isNumber(args.value.value) ? args.value.value : null; this.valueOrder = main_core.Type.isNumber(args.value.order) ? args.value.order : null; } this.layout = { container: null, value: null, title: null, cross: null, dropdownArrow: null, menuItem: null }; this.counter = _classPrivateMethodGet(this, _getCounter, _getCounter2).call(this); if (!_classPrivateMethodGet(this, _getPanel, _getPanel2).call(this).isMultiselect()) { _classPrivateMethodGet(this, _bindEvents, _bindEvents2).call(this); } } babelHelpers.createClass(CounterItem, [{ key: "getItems", value: function getItems() { return this.items; } }, { key: "hasParentId", value: function hasParentId() { return this.parentId; } }, { key: "updateValue", value: function updateValue(param) { if (main_core.Type.isNumber(param)) { this.value = param; _classPrivateMethodGet(this, _getCounter, _getCounter2).call(this).update(param); if (param === 0) { this.updateColor(this.parentId ? 'GRAY' : 'THEME'); } } } }, { key: "updateValueAnimate", value: function updateValueAnimate(param) { if (main_core.Type.isNumber(param)) { this.value = param; _classPrivateMethodGet(this, _getCounter, _getCounter2).call(this).update(param); _classPrivateMethodGet(this, _getCounter, _getCounter2).call(this).show(); if (param === 0) { this.updateColor(this.parentId ? 'GRAY' : 'THEME'); } } } }, { key: "updateColor", value: function updateColor(param) { if (main_core.Type.isString(param)) { this.color = param; _classPrivateMethodGet(this, _getCounter, _getCounter2).call(this).setColor(ui_cnt.Counter.Color[param]); } } }, { key: "activate", value: function activate() { var isEmitEvent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; this.isActive = true; if (this.parentId) { var target = BX.findParent(this.getContainerMenu(), { 'className': 'ui-counter-panel__popup-item' }); if (target) { target.classList.add('--active'); } } else { this.getContainer().classList.add('--active'); } if (isEmitEvent) { main_core_events.EventEmitter.emit('BX.UI.CounterPanel.Item:activate', this); } } }, { key: "deactivate", value: function deactivate() { var isEmitEvent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; this.isActive = false; if (this.parentId) { var target = BX.findParent(this.getContainerMenu(), { 'className': 'ui-counter-panel__popup-item' }); if (target) { target.classList.remove('--active'); target.classList.remove('--hover'); } } else { this.getContainer().classList.remove('--active'); this.getContainer().classList.remove('--hover'); } if (isEmitEvent) { main_core_events.EventEmitter.emit('BX.UI.CounterPanel.Item:deactivate', this); } } }, { key: "getSeparator", value: function getSeparator() { return this.separator; } }, { key: "setEvents", value: function setEvents(container) { var _this = this; if (!container) { container = this.getContainer(); } if (this.eventsForActive) { var eventKeys = Object.keys(this.eventsForActive); var _loop = function _loop(i) { var event = eventKeys[i]; container.addEventListener(event, function () { if (_this.isActive) { _this.eventsForActive[event](); } }); }; for (var i = 0; i < eventKeys.length; i++) { _loop(i); } } if (this.eventsForUnActive) { var _eventKeys = Object.keys(this.eventsForUnActive); var _loop2 = function _loop2(_i) { var event = _eventKeys[_i]; container.addEventListener(event, function () { if (!_this.isActive) { _this.eventsForUnActive[event](); } }); }; for (var _i = 0; _i < _eventKeys.length; _i++) { _loop2(_i); } } } }, { key: "isLocked", value: function isLocked() { return this.locked; } }, { key: "lock", value: function lock() { this.locked = true; this.getContainer().classList.add('--locked'); } }, { key: "unLock", value: function unLock() { this.locked = false; this.getContainer().classList.remove('--locked'); } }, { key: "getArrowDropdown", value: function getArrowDropdown() { if (!this.layout.dropdownArrow) { this.layout.dropdownArrow = main_core.Tag.render(_templateObject \|\| (_templateObject = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-counter-panel__item-dropdown\">\n\t\t\t\t\t<i></i>\n\t\t\t\t</div>\n\t\t\t"]))); } return this.layout.dropdownArrow; } }, { key: "getContainerMenu", value: function getContainerMenu() { if (!this.layout.menuItem) { this.layout.menuItem = main_core.Tag.render(_templateObject2 \|\| (_templateObject2 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<span>\n\t\t\t\t\t", "\n\t\t\t\t\t", "\n\t\t\t\t\t", "\n\t\t\t\t</span>\n\t\t\t"])), _classPrivateMethodGet(this, _getValue, _getValue2).call(this), this.title, _classPrivateMethodGet(this, _getCross, _getCross2).call(this)); } return this.layout.menuItem; } }, { key: "getContainer", value: function getContainer() { var _this2 = this; if (!this.layout.container) { var type = this.type ? "id=\"ui-counter-panel-item-".concat(this.type, "\"") : ''; var isValue = main_core.Type.isNumber(this.value); this.layout.container = main_core.Tag.render(_templateObject3 \|\| (_templateObject3 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div ", " class=\"ui-counter-panel__item\">\n\t\t\t\t\t", "\n\t\t\t\t\t", "\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t"])), type, isValue ? _classPrivateMethodGet(this, _getValue, _getValue2).call(this) : '', this.title ? _classPrivateMethodGet(this, _getTitle, _getTitle2).call(this) : '', isValue ? _classPrivateMethodGet(this, _getCross, _getCross2).call(this) : ''); if (this.parent) { this.layout.container = main_core.Tag.render(_templateObject4 \|\| (_templateObject4 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\t<div class=\"ui-counter-panel__item\">\n\t\t\t\t\t\t", "\n\t\t\t\t\t\t", "\n\t\t\t\t\t\t", "\n\t\t\t\t\t</div>\n\t\t\t\t"])), this.title ? _classPrivateMethodGet(this, _getTitle, _getTitle2).call(this) : '', isValue ? _classPrivateMethodGet(this, _getValue, _getValue2).call(this) : '', _classPrivateMethodGet(this, _getCross, _getCross2).call(this)); _classPrivateMethodGet(this, _getCross, _getCross2).call(this).addEventListener('click', function (ev) { _this2.deactivate(); ev.stopPropagation(); }); main_core.Dom.addClass(this.layout.container, '--dropdown'); } if (!isValue) { this.layout.container.classList.add('--string'); } if (!isValue && !this.eventsForActive && !this.eventsForUnActive) { this.layout.container.classList.add('--title'); } if (!this.separator) { this.layout.container.classList.add('--without-separator'); } if (this.locked) { this.layout.container.classList.add('--locked'); } if (this.isActive) { this.activate(); } this.setEvents(this.layout.container); if (isValue && this.items.length === 0) { if (!this.parent) { this.layout.container.addEventListener('mouseenter', function () { if (!_this2.isActive) { _this2.layout.container.classList.add('--hover'); } }); this.layout.container.addEventListener('mouseleave', function () { if (!_this2.isActive) { _this2.layout.container.classList.remove('--hover'); } }); this.layout.container.addEventListener('click', function () { _this2.isActive ? _this2.deactivate() : _this2.activate(); }); } } if (this.parent) { main_core.Dom.append(this.getArrowDropdown(), this.layout.container); } } return this.layout.container; } }]); return CounterItem; }(); function _bindEvents2() { var _this3 = this; main_core_events.EventEmitter.subscribe('BX.UI.CounterPanel.Item:activate', function (item) { var isLinkedItems = item.data.parentId === _this3.id; if (item.data !== _this3 && !isLinkedItems) { _this3.deactivate(); } }); } function _getPanel2() { return this.panel; } function _getCounter2(value, color) { if (!this.counter) { this.counter = new ui_cnt.Counter({ value: this.value, color: this.color ? ui_cnt.Counter.Color[this.color.toUpperCase()] : this.parentId ? ui_cnt.Counter.Color.GRAY : ui_cnt.Counter.Color.THEME, animation: false }); } return this.counter; } function _getValue2() { if (!this.layout.value) { this.layout.value = main_core.Tag.render(_templateObject5 \|\| (_templateObject5 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-counter-panel__item-value\">\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t"])), _classPrivateMethodGet(this, _getCounter, _getCounter2).call(this).getContainer()); this.layout.value.style.setProperty('order', this.valueOrder); } return this.layout.value; } function _getTitle2() { if (!this.layout.title) { this.layout.title = main_core.Tag.render(_templateObject6 \|\| (_templateObject6 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-counter-panel__item-title\">", "</div>\n\t\t\t"])), this.title); this.layout.title.style.setProperty('order', this.titleOrder); } return this.layout.title; } function _getCross2() { if (!this.layout.cross) { this.layout.cross = main_core.Tag.render(_templateObject7 \|\| (_templateObject7 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-counter-panel__item-cross\">\n\t\t\t\t\t<i></i>\n\t\t\t\t</div>\n\t\t\t"]))); } return this.layout.cross; } var _templateObject$1, _templateObject2$1, _templateObject3$1; function _classPrivateMethodInitSpec$1(obj, privateSet) { _checkPrivateRedeclaration$1(obj, privateSet); privateSet.add(obj); } function _checkPrivateRedeclaration$1(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } } function _classPrivateMethodGet$1(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; } var _adjustData = /#__PURE__/new WeakSet(); var _getContainer = /#__PURE__/new WeakSet(); var _render = /#__PURE__/new WeakSet(); var CounterPanel = /#__PURE__/function () { function CounterPanel(options) { babelHelpers.classCallCheck(this, CounterPanel); _classPrivateMethodInitSpec$1(this, _render); _classPrivateMethodInitSpec$1(this, _getContainer); _classPrivateMethodInitSpec$1(this, _adjustData); this.target = main_core.Type.isDomNode(options.target) ? options.target : null; this.items = main_core.Type.isArray(options.items) ? options.items : []; this.multiselect = main_core.Type.isBoolean(options.multiselect) ? options.multiselect : null; this.title = main_core.Type.isStringFilled(options.title) ? options.title : null; this.container = null; this.keys = []; this.hasParent = []; this.childKeys = []; } babelHelpers.createClass(CounterPanel, [{ key: "isMultiselect", value: function isMultiselect() { return this.multiselect; } }, { key: "getItems", value: function getItems() { return this.items; } }, { key: "getItemById", value: function getItemById(param) { if (param) { var index = this.keys.indexOf(param); return this.items[index]; } } }, { key: "init", value: function init() { _classPrivateMethodGet$1(this, _adjustData, _adjustData2).call(this); _classPrivateMethodGet$1(this, _render, _render2).call(this); } }]); return CounterPanel; }(); function _adjustData2() { var _this = this; this.items = this.items.map(function (item) { item.panel = _this; _this.keys.push(item.id); if (item.parentId) { _this.hasParent.push(item.parentId); } return new CounterItem(item); }); this.hasParent.forEach(function (item) { var index = _this.keys.indexOf(item); _this.items[index].parent = true; }); this.items.map(function (item) { if (item.parentId) { var index = _this.keys.indexOf(item.parentId); _this.items[index].items.push(item.id); } }); } function _getContainer2() { if (!this.container) { var myHead = ''; if (this.title) { myHead = main_core.Tag.render(_templateObject$1 \|\| (_templateObject$1 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\t<div class=\"ui-counter-panel__item-head\">", "</div>\n\t\t\t\t"])), this.title); } this.container = main_core.Tag.render(_templateObject2$1 \|\| (_templateObject2$1 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-counter-panel ui-counter-panel__scope\">", "</div>\n\t\t\t"])), myHead); } return this.container; } function _render2() { var _this2 = this; if (this.target && this.items.length > 0) { this.items.map(function (item, key) { if (item instanceof CounterItem) { if (!item.hasParentId()) { _classPrivateMethodGet$1(_this2, _getContainer, _getContainer2).call(_this2).appendChild(item.getContainer()); if (_this2.items.length !== key + 1 && _this2.items.length > 1) { _classPrivateMethodGet$1(_this2, _getContainer, _getContainer2).call(_this2).appendChild(main_core.Tag.render(_templateObject3$1 \|\| (_templateObject3$1 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\t\t\t\t<div class=\"ui-counter-panel__item-separator ", "\"></div>\n\t\t\t\t\t\t\t"])), !item.getSeparator() ? '--invisible' : '')); } } if (item.parent) { item.getContainer().addEventListener('click', function () { var itemsArr = []; item.getItems().forEach(function (item) { var itemCounter = _this2.getItemById(item); var test = { html: itemCounter.getContainerMenu(), className: "ui-counter-panel__popup-item menu-popup-no-icon ".concat(itemCounter.isActive ? '--active' : ''), onclick: function onclick() { itemCounter.isActive ? itemCounter.deactivate() : itemCounter.activate(); } }; itemsArr.push(test); }); var popup = new main_popup.PopupMenuWindow({ className: 'ui-counter-panel__popup ui-counter-panel__scope', bindElement: item.getArrowDropdown(), autoHide: true, closeByEsc: true, items: itemsArr, angle: true, offsetLeft: 6, offsetTop: -7, animation: 'fading-slide', events: { onPopupShow: function onPopupShow() { item.getContainer().classList.add('--hover'); item.getContainer().classList.add('--pointer-events-none'); }, onPopupClose: function onPopupClose() { item.getContainer().classList.remove('--hover'); item.getContainer().classList.remove('--pointer-events-none'); popup.destroy(); } } }); popup.show(); }); } } }); main_core.Dom.clean(this.target); this.target.appendChild(_classPrivateMethodGet$1(this, _getContainer, _getContainer2).call(this)); } } exports.CounterPanel = CounterPanel; exports.CounterItem = CounterItem; }((this.BX.UI = this.BX.UI \|\| {}),BX.Main,BX,BX.UI,BX.Event)); //# sourceMappingURL=counterpanel.bundle.js.map

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.26 | proxy | phpinfo | Settings