File manager

File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/js/ui/entity-selector/dist/entity-selector.bundle.js

Back
this.BX = this.BX \|\| {}; this.BX.UI = this.BX.UI \|\| {}; (function (exports,main_popup,main_core_collections,main_core_events,main_core,main_loader) { 'use strict'; var ItemNodeComparator = /#__PURE__/function () { function ItemNodeComparator() { babelHelpers.classCallCheck(this, ItemNodeComparator); } babelHelpers.createClass(ItemNodeComparator, null, [{ key: "makeMultipleComparator", value: function makeMultipleComparator(order) { var _this = this; var props = Object.keys(order).map(function (property) { return "get".concat(main_core.Text.capitalize(property)); }); /* asc * asc nulls last * asc nulls first desc * desc nulls first * desc nulls last / var directions = []; Object.values(order).forEach(function (element) { var direction = element.toLowerCase().trim(); // Default sorting: 'asc' \|\| 'asc nulls last' var ascOrdering = true; var nullsOrdering = true; if (direction === 'desc' \|\| direction === 'desc nulls first') { ascOrdering = false; } else if (direction === 'asc nulls first') { nullsOrdering = false; } else if (direction === 'desc nulls last') { ascOrdering = false; nullsOrdering = false; } directions.push({ ascOrdering: ascOrdering, nullsOrdering: nullsOrdering }); }); var numberOfProperties = props.length; return function (nodeA, nodeB) { var i = 0; var result = 0; while (result === 0 && i < numberOfProperties) { var propertyGetter = props[i]; var direction = directions[i]; result = _this.compareItemNodes(nodeA, nodeB, propertyGetter, direction.ascOrdering, direction.nullsOrdering); i += 1; } return result; }; } }, { key: "compareItemNodes", value: function compareItemNodes(nodeA, nodeB, propertyGetter, ascOrdering, nullsOrdering) { var itemA = nodeA.getItem(); var itemB = nodeB.getItem(); itemA.getCustomData().get(); var valueA = itemA[propertyGetter](); var valueB = itemB[propertyGetter](); var result = 0; if (valueA !== null && valueB === null) { result = nullsOrdering ? -1 : 1; } else if (valueA === null && valueB !== null) { result = nullsOrdering ? 1 : -1; } else if (valueA === null && valueB === null) { result = ascOrdering ? -1 : 1; } else { if (main_core.Type.isString(valueA)) { result = valueA.localeCompare(valueB); } else { result = valueA - valueB; } } var sortOrder = ascOrdering ? 1 : -1; return result sortOrder; } }]); return ItemNodeComparator; }(); var TextNodeType = /#__PURE__/function () { function TextNodeType() { babelHelpers.classCallCheck(this, TextNodeType); } babelHelpers.createClass(TextNodeType, null, [{ key: "isValid", value: function isValid(type) { return main_core.Type.isString(type) && (type === this.HTML \|\| type === this.TEXT); } }]); return TextNodeType; }(); babelHelpers.defineProperty(TextNodeType, "TEXT", 'text'); babelHelpers.defineProperty(TextNodeType, "HTML", 'html'); var TextNode = /#__PURE__/function () { function TextNode(options) { babelHelpers.classCallCheck(this, TextNode); babelHelpers.defineProperty(this, "text", null); babelHelpers.defineProperty(this, "type", null); if (main_core.Type.isPlainObject(options)) { if (main_core.Type.isString(options.text)) { this.text = options.text; } if (TextNodeType.isValid(options.type)) { this.type = options.type; } } else if (main_core.Type.isString(options)) { this.text = options; } } babelHelpers.createClass(TextNode, [{ key: "getText", value: function getText() { return this.text; } }, { key: "getType", value: function getType() { return this.type; } }, { key: "isNullable", value: function isNullable() { return this.getText() === null; } }, { key: "renderTo", value: function renderTo(element) { var text = this.getText(); if (text === null) { return; } if (this.getType() === null \|\| this.getType() === TextNodeType.TEXT) { element.textContent = text; } else if (this.getType() === TextNodeType.HTML) { element.innerHTML = text; } } }, { key: "toString", value: function toString() { var _this$getText; return (_this$getText = this.getText()) !== null && _this$getText !== void 0 ? _this$getText : ''; } }, { key: "toJSON", value: function toJSON() { if (this.getType() === null) { return this.getText(); } else { return { text: this.getText(), type: this.getType() }; } } }]); return TextNode; }(); var Highlighter = /#__PURE__/function () { function Highlighter() { babelHelpers.classCallCheck(this, Highlighter); } babelHelpers.createClass(Highlighter, null, [{ key: "mark", value: function mark(text, matches) { var encode = true; if (text instanceof TextNode) { if (text.getType() === 'html') { encode = false; } text = text.getText(); } if (!main_core.Type.isStringFilled(text) \|\| !matches \|\| matches.count() === 0) { return text; } var result = ''; var offset = 0; var chunk = ''; matches.forEach(function (match) { if (offset > match.getStartIndex()) { return; } chunk = text.substring(offset, match.getStartIndex()); result += encode ? main_core.Text.encode(chunk) : chunk; result += '<span class="ui-selector-highlight-mark">'; chunk = text.substring(match.getStartIndex(), match.getEndIndex()); result += encode ? main_core.Text.encode(chunk) : chunk; result += '</span>'; offset = match.getEndIndex(); }); chunk = text.substring(offset); result += encode ? main_core.Text.encode(chunk) : chunk; return result; } }]); return Highlighter; }(); var ItemBadge = /#__PURE__/function () { function ItemBadge(badgeOptions) { babelHelpers.classCallCheck(this, ItemBadge); babelHelpers.defineProperty(this, "title", null); babelHelpers.defineProperty(this, "textColor", null); babelHelpers.defineProperty(this, "bgColor", null); babelHelpers.defineProperty(this, "containers", new WeakMap()); var options = main_core.Type.isPlainObject(badgeOptions) ? badgeOptions : {}; this.setTitle(options.title); this.setTextColor(options.textColor); this.setBgColor(options.bgColor); } babelHelpers.createClass(ItemBadge, [{ key: "getTitle", value: function getTitle() { var titleNode = this.getTitleNode(); return titleNode !== null && !titleNode.isNullable() ? titleNode.getText() : ''; } }, { key: "getTitleNode", value: function getTitleNode() { return this.title; } }, { key: "setTitle", value: function setTitle(title) { if (main_core.Type.isStringFilled(title) \|\| main_core.Type.isPlainObject(title) \|\| title === null) { this.title = title === null ? null : new TextNode(title); } } }, { key: "getTextColor", value: function getTextColor() { return this.textColor; } }, { key: "setTextColor", value: function setTextColor(textColor) { if (main_core.Type.isString(textColor) \|\| textColor === null) { this.textColor = textColor; } } }, { key: "getBgColor", value: function getBgColor() { return this.bgColor; } }, { key: "setBgColor", value: function setBgColor(bgColor) { if (main_core.Type.isString(bgColor) \|\| bgColor === null) { this.bgColor = bgColor; } } }, { key: "getContainer", value: function getContainer(target) { var container = this.containers.get(target); if (!container) { container = document.createElement('span'); container.className = 'ui-selector-item-badge'; this.containers.set(target, container); } return container; } }, { key: "renderTo", value: function renderTo(target) { var container = this.getContainer(target); var titleNode = this.getTitleNode(); if (titleNode) { this.getTitleNode().renderTo(container); } else { container.textContent = ''; } main_core.Dom.style(container, 'color', this.getTextColor()); main_core.Dom.style(container, 'background-color', this.getBgColor()); main_core.Dom.append(container, target); } }, { key: "toJSON", value: function toJSON() { return { title: this.getTitleNode(), textColor: this.getTextColor(), bgColor: this.getBgColor() }; } }]); return ItemBadge; }(); var SearchField = /#__PURE__/function () { function SearchField(fieldOptions) { babelHelpers.classCallCheck(this, SearchField); babelHelpers.defineProperty(this, "name", null); babelHelpers.defineProperty(this, "type", 'string'); babelHelpers.defineProperty(this, "searchable", true); babelHelpers.defineProperty(this, "system", false); babelHelpers.defineProperty(this, "sort", null); var options = main_core.Type.isPlainObject(fieldOptions) ? fieldOptions : {}; if (!main_core.Type.isStringFilled(options.name)) { throw new Error('EntitySelector.SearchField: "name" parameter is required.'); } this.name = options.name; this.setType(options.type); this.setSystem(options.system); this.setSort(options.sort); this.setSearchable(options.searchable); } babelHelpers.createClass(SearchField, [{ key: "getName", value: function getName() { return this.name; } }, { key: "getType", value: function getType() { return this.type; } }, { key: "setType", value: function setType(type) { if (main_core.Type.isStringFilled(type)) { this.type = type; } } }, { key: "getSort", value: function getSort() { return this.sort; } }, { key: "setSort", value: function setSort(sort) { if (main_core.Type.isNumber(sort) \|\| sort === null) { this.sort = sort; } } }, { key: "setSearchable", value: function setSearchable(flag) { if (main_core.Type.isBoolean(flag)) { this.searchable = flag; } } }, { key: "isSearchable", value: function isSearchable() { return this.searchable; } }, { key: "setSystem", value: function setSystem(flag) { if (main_core.Type.isBoolean(flag)) { this.system = flag; } } }, { key: "isCustom", value: function isCustom() { return !this.isSystem(); } }, { key: "isSystem", value: function isSystem() { return this.system; } }]); return SearchField; }(); var MatchIndex = /#__PURE__/function () { function MatchIndex(field, queryWord, startIndex) { babelHelpers.classCallCheck(this, MatchIndex); babelHelpers.defineProperty(this, "field", null); babelHelpers.defineProperty(this, "queryWord", null); babelHelpers.defineProperty(this, "startIndex", null); babelHelpers.defineProperty(this, "endIndex", null); this.field = field; this.queryWord = queryWord; this.startIndex = startIndex; this.endIndex = startIndex + queryWord.length; } babelHelpers.createClass(MatchIndex, [{ key: "getField", value: function getField() { return this.field; } }, { key: "getQueryWord", value: function getQueryWord() { return this.queryWord; } }, { key: "getStartIndex", value: function getStartIndex() { return this.startIndex; } }, { key: "getEndIndex", value: function getEndIndex() { return this.endIndex; } }]); return MatchIndex; }(); var comparator = function comparator(a, b) { if (a.getStartIndex() === b.getStartIndex()) { return a.getEndIndex() > b.getEndIndex() ? -1 : 1; } else { return a.getStartIndex() > b.getStartIndex() ? 1 : -1; } }; var MatchField = /#__PURE__/function () { function MatchField(field) { var indexes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; babelHelpers.classCallCheck(this, MatchField); babelHelpers.defineProperty(this, "field", null); babelHelpers.defineProperty(this, "matchIndexes", new main_core_collections.OrderedArray(comparator)); this.field = field; this.addIndexes(indexes); } babelHelpers.createClass(MatchField, [{ key: "getField", value: function getField() { return this.field; } }, { key: "getMatches", value: function getMatches() { return this.matchIndexes; } }, { key: "addIndex", value: function addIndex(matchIndex) { this.matchIndexes.add(matchIndex); } }, { key: "addIndexes", value: function addIndexes(matchIndexes) { var _this = this; if (main_core.Type.isArray(matchIndexes)) { matchIndexes.forEach(function (matchIndex) { _this.addIndex(matchIndex); }); } } }]); return MatchField; }(); var Animation = /#__PURE__/function () { function Animation() { babelHelpers.classCallCheck(this, Animation); } babelHelpers.createClass(Animation, null, [{ key: "handleTransitionEnd", value: function handleTransitionEnd(element, propertyName) { var properties = main_core.Type.isArray(propertyName) ? new Set(propertyName) : new Set([propertyName]); return new Promise(function (resolve) { var handler = function handler(event) { if (event.target !== element \|\| !properties.has(event.propertyName)) { return; } properties["delete"](event.propertyName); if (properties.size === 0) { resolve(event); main_core.Event.unbind(element, 'transitionend', handler); } }; main_core.Event.bind(element, 'transitionend', handler); }); } }, { key: "handleAnimationEnd", value: function handleAnimationEnd(element, animationName) { return new Promise(function (resolve) { var handler = function handler(event) { if (!animationName \|\| event.animationName === animationName) { resolve(event); main_core.Event.unbind(element, 'animationend', handler); } }; main_core.Event.bind(element, 'animationend', handler); }); } }]); return Animation; }(); var regexp = /^data:((?:\w+\/(?:(?!;).)+)?)((?:;[\w\W]?[^;])),(.+)$/; var isDataUri = function isDataUri(str) { return typeof str === 'string' ? str.match(regexp) : false; }; function encodeUrl(url) { if (isDataUri(url)) { return url; } return encodeURI(url); } 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 _classStaticPrivateMethodGet(receiver, classConstructor, method) { _classCheckPrivateStaticAccess(receiver, classConstructor); return method; } function _classCheckPrivateStaticAccess(receiver, classConstructor) { if (receiver !== classConstructor) { throw new TypeError("Private static access of wrong provenance"); } } function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; } var RenderMode = function RenderMode() { babelHelpers.classCallCheck(this, RenderMode); }; babelHelpers.defineProperty(RenderMode, "PARTIAL", 'partial'); babelHelpers.defineProperty(RenderMode, "OVERRIDE", 'override'); var _setHidden = /#__PURE__/new WeakSet(); var _makeEllipsisTitle = /#__PURE__/new WeakSet(); var ItemNode = /#__PURE__/function () { // for the fast access function ItemNode(item, nodeOptions) { babelHelpers.classCallCheck(this, ItemNode); _classPrivateMethodInitSpec(this, _makeEllipsisTitle); _classPrivateMethodInitSpec(this, _setHidden); babelHelpers.defineProperty(this, "item", null); babelHelpers.defineProperty(this, "tab", null); babelHelpers.defineProperty(this, "cache", new main_core.Cache.MemoryCache()); babelHelpers.defineProperty(this, "parentNode", null); babelHelpers.defineProperty(this, "children", null); babelHelpers.defineProperty(this, "childItems", new WeakMap()); babelHelpers.defineProperty(this, "loaded", false); babelHelpers.defineProperty(this, "dynamic", false); babelHelpers.defineProperty(this, "dynamicPromise", null); babelHelpers.defineProperty(this, "loader", null); babelHelpers.defineProperty(this, "open", false); babelHelpers.defineProperty(this, "autoOpen", false); babelHelpers.defineProperty(this, "focused", false); babelHelpers.defineProperty(this, "renderMode", RenderMode.PARTIAL); babelHelpers.defineProperty(this, "title", null); babelHelpers.defineProperty(this, "subtitle", null); babelHelpers.defineProperty(this, "supertitle", null); babelHelpers.defineProperty(this, "caption", null); babelHelpers.defineProperty(this, "captionOptions", {}); babelHelpers.defineProperty(this, "avatar", null); babelHelpers.defineProperty(this, "avatarOptions", null); babelHelpers.defineProperty(this, "link", null); babelHelpers.defineProperty(this, "linkTitle", null); babelHelpers.defineProperty(this, "textColor", null); babelHelpers.defineProperty(this, "badges", null); babelHelpers.defineProperty(this, "badgesOptions", {}); babelHelpers.defineProperty(this, "hidden", false); babelHelpers.defineProperty(this, "highlights", []); babelHelpers.defineProperty(this, "renderWithDebounce", main_core.Runtime.debounce(this.render, 50, this)); var options = main_core.Type.isPlainObject(nodeOptions) ? nodeOptions : {}; if (main_core.Type.isObject(item)) { this.item = item; } var comparator = null; if (main_core.Type.isFunction(options.itemOrder)) { comparator = options.itemOrder; } else if (main_core.Type.isPlainObject(options.itemOrder)) { comparator = ItemNodeComparator.makeMultipleComparator(options.itemOrder); } this.children = new main_core_collections.OrderedArray(comparator); this.renderMode = options.renderMode === RenderMode.OVERRIDE ? RenderMode.OVERRIDE : RenderMode.PARTIAL; if (this.renderMode === RenderMode.OVERRIDE) { this.setTitle(''); this.setSubtitle(''); this.setSupertitle(''); this.setCaption(''); this.setLinkTitle(''); this.avatar = ''; this.avatarOptions = { bgSize: null, bgColor: null, bgImage: null, border: null, borderRadius: null }; this.textColor = ''; this.link = ''; this.badges = []; this.captionOptions = { fitContent: null, maxWidth: null }; this.badgesOptions = { fitContent: null, maxWidth: null }; } this.setTitle(options.title); this.setSubtitle(options.subtitle); this.setSupertitle(options.supertitle); this.setCaption(options.caption); this.setCaptionOptions(options.captionOptions); this.setAvatar(options.avatar); this.setAvatarOptions(options.avatarOptions); this.setTextColor(options.textColor); this.setLink(options.link); this.setLinkTitle(options.linkTitle); this.setBadges(options.badges); this.setBadgesOptions(options.badgesOptions); this.setDynamic(options.dynamic); this.setOpen(options.open); } babelHelpers.createClass(ItemNode, [{ key: "getItem", value: function getItem() { return this.item; } }, { key: "isRoot", value: function isRoot() { return this.getParentNode() === null; } }, { key: "getDialog", value: function getDialog() { return this.getTab().getDialog(); } }, { key: "setTab", value: function setTab(tab) { this.tab = tab; } }, { key: "getTab", value: function getTab() { return this.tab; } }, { key: "getParentNode", value: function getParentNode() { return this.parentNode; } }, { key: "setParentNode", value: function setParentNode(parentNode) { this.parentNode = parentNode; } }, { key: "getNextSibling", value: function getNextSibling() { if (!this.getParentNode()) { return null; } var siblings = this.getParentNode().getChildren(); var index = siblings.getIndex(this); return siblings.getByIndex(index + 1); } }, { key: "getPreviousSibling", value: function getPreviousSibling() { if (!this.getParentNode()) { return null; } var siblings = this.getParentNode().getChildren(); var index = siblings.getIndex(this); return siblings.getByIndex(index - 1); } }, { key: "addChildren", value: function addChildren(children) { var _this = this; if (!main_core.Type.isArray(children)) { return; } children.forEach(function (childOptions) { delete childOptions.tabs; var childItem = _this.getDialog().addItem(childOptions); var childNode = _this.addItem(childItem, childOptions.nodeOptions); childNode.addChildren(childOptions.children); }); } }, { key: "addChild", value: function addChild(child) { if (!(child instanceof ItemNode)) { throw new Error('EntitySelector.ItemNode: an item must be an instance of EntitySelector.ItemNode.'); } if (this.isChildOf(child) \|\| child === this) { throw new Error('EntitySelector.ItemNode: a child item cannot be a parent of current item.'); } if (this.getChildren().has(child) \|\| this.childItems.has(child.getItem())) { return null; } this.getChildren().add(child); this.childItems.set(child.getItem(), child); child.setTab(this.getTab()); child.setParentNode(this); if (this.isRendered()) { this.renderWithDebounce(); } return child; } }, { key: "getDepthLevel", value: function getDepthLevel() { return this.isRoot() ? 0 : this.getParentNode().getDepthLevel() + 1; } }, { key: "addItem", value: function addItem(item, nodeOptions) { var itemNode = this.childItems.get(item); if (!itemNode) { itemNode = item.createNode(nodeOptions); this.addChild(itemNode); } return itemNode; } }, { key: "addItems", value: function addItems(items) { var _this2 = this; if (main_core.Type.isArray(items)) { this.disableRender(); items.forEach(function (item) { if (main_core.Type.isArray(item) && item.length === 2) { _this2.addItem(item[0], item[1]); } else if (item instanceof Item) { _this2.addItem(item); } }); this.enableRender(); if (this.isRendered()) { this.renderWithDebounce(); } } } }, { key: "hasItem", value: function hasItem(item) { return this.childItems.has(item); } }, { key: "removeChild", value: function removeChild(child) { if (!this.getChildren().has(child)) { return false; } child.removeChildren(); if (child.isFocused()) { child.unfocus(); } child.setParentNode(null); child.getItem().removeNode(child); this.getChildren()["delete"](child); this.childItems["delete"](child.getItem()); if (this.isRendered()) { main_core.Dom.remove(child.getOuterContainer()); } return true; } }, { key: "removeChildren", value: function removeChildren() { if (!this.hasChildren()) { return; } this.getChildren().forEach(function (node) { node.removeChildren(); if (node.isFocused()) { node.unfocus(); } node.setParentNode(null); node.getItem().removeNode(node); }); this.getChildren().clear(); this.childItems = new WeakMap(); if (this.isRendered()) { if (main_core.Browser.isIE()) { main_core.Dom.clean(this.getChildrenContainer()); } else { this.getChildrenContainer().textContent = ''; } } } }, { key: "hasChild", value: function hasChild(child) { return this.getChildren().has(child); } }, { key: "isChildOf", value: function isChildOf(parent) { var parentNode = this.getParentNode(); while (parentNode !== null) { if (parentNode === parent) { return true; } parentNode = parentNode.getParentNode(); } return false; } }, { key: "getFirstChild", value: function getFirstChild() { return this.children.getFirst(); } }, { key: "getLastChild", value: function getLastChild() { return this.children.getLast(); } }, { key: "getChildren", value: function getChildren() { return this.children; } }, { key: "hasChildren", value: function hasChildren() { return this.children.count() > 0; } }, { key: "loadChildren", value: function loadChildren() { var _this3 = this; if (!this.isDynamic()) { throw new Error('EntitySelector.ItemNode.loadChildren: an item node is not dynamic.'); } if (this.dynamicPromise) { return this.dynamicPromise; } this.dynamicPromise = main_core.ajax.runAction('ui.entityselector.getChildren', { json: { parentItem: this.getItem().getAjaxJson(), dialog: this.getDialog().getAjaxJson() }, getParameters: { context: this.getDialog().getContext() } }); this.dynamicPromise.then(function (response) { if (response && response.data && main_core.Type.isPlainObject(response.data.dialog)) { _this3.addChildren(response.data.dialog.items); _this3.render(); } _this3.loaded = true; }); this.dynamicPromise["catch"](function (error) { _this3.loaded = false; _this3.dynamicPromise = null; console.error(error); }); return this.dynamicPromise; } }, { key: "setOpen", value: function setOpen(open) { if (main_core.Type.isBoolean(open)) { if (open && this.isDynamic() && !this.isLoaded()) { this.setAutoOpen(true); } else { this.open = open; } } } }, { key: "isOpen", value: function isOpen() { return this.open; } }, { key: "isAutoOpen", value: function isAutoOpen() { return this.autoOpen && this.isDynamic() && !this.isLoaded(); } }, { key: "setAutoOpen", value: function setAutoOpen(autoOpen) { if (main_core.Type.isBoolean(autoOpen)) { this.autoOpen = autoOpen; } } }, { key: "setDynamic", value: function setDynamic(dynamic) { if (main_core.Type.isBoolean(dynamic)) { this.dynamic = dynamic; } } }, { key: "isDynamic", value: function isDynamic() { return this.dynamic; } }, { key: "isLoaded", value: function isLoaded() { return this.loaded; } }, { key: "getLoader", value: function getLoader() { if (this.loader === null) { this.loader = new main_loader.Loader({ target: this.getIndicatorContainer(), size: 30 }); } return this.loader; } }, { key: "showLoader", value: function showLoader() { void this.getLoader().show(); main_core.Dom.addClass(this.getIndicatorContainer(), 'ui-selector-item-indicator-hidden'); } }, { key: "hideLoader", value: function hideLoader() { void this.getLoader().hide(); main_core.Dom.removeClass(this.getIndicatorContainer(), 'ui-selector-item-indicator-hidden'); } }, { key: "destroyLoader", value: function destroyLoader() { this.getLoader().destroy(); this.loader = null; main_core.Dom.removeClass(this.getIndicatorContainer(), 'ui-selector-item-indicator-hidden'); } }, { key: "expand", value: function expand() { var _this4 = this; if (this.isOpen() \|\| !this.hasChildren() && !this.isDynamic()) { return; } if (this.isDynamic() && !this.isLoaded()) { this.loadChildren().then(function () { _this4.destroyLoader(); _this4.expand(); }); this.showLoader(); return; } main_core.Dom.addClass(this.getOuterContainer(), 'ui-selector-item-box-open'); main_core.Dom.style(this.getChildrenContainer(), 'height', '0px'); main_core.Dom.style(this.getChildrenContainer(), 'opacity', 0); requestAnimationFrame(function () { requestAnimationFrame(function () { main_core.Dom.style(_this4.getChildrenContainer(), 'height', "".concat(_this4.getChildrenContainer().scrollHeight, "px")); main_core.Dom.style(_this4.getChildrenContainer(), 'opacity', 1); Animation.handleTransitionEnd(_this4.getChildrenContainer(), 'height').then(function () { main_core.Dom.style(_this4.getChildrenContainer(), 'height', null); main_core.Dom.style(_this4.getChildrenContainer(), 'opacity', null); main_core.Dom.addClass(_this4.getOuterContainer(), 'ui-selector-item-box-open'); _this4.setOpen(true); }); }); }); } }, { key: "collapse", value: function collapse() { var _this5 = this; if (!this.isOpen()) { return; } main_core.Dom.style(this.getChildrenContainer(), 'height', "".concat(this.getChildrenContainer().offsetHeight, "px")); requestAnimationFrame(function () { requestAnimationFrame(function () { main_core.Dom.style(_this5.getChildrenContainer(), 'height', '0px'); main_core.Dom.style(_this5.getChildrenContainer(), 'opacity', 0); Animation.handleTransitionEnd(_this5.getChildrenContainer(), 'height').then(function () { main_core.Dom.style(_this5.getChildrenContainer(), 'height', null); main_core.Dom.style(_this5.getChildrenContainer(), 'opacity', null); main_core.Dom.removeClass(_this5.getOuterContainer(), 'ui-selector-item-box-open'); _this5.setOpen(false); }); }); }); } }, { key: "render", value: function render() { var _this6 = this; var appendChildren = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; if (this.isRoot()) { this.renderRoot(appendChildren); return; } var titleNode = this.getTitleNode(); if (titleNode) { titleNode.renderTo(this.getTitleContainer()); } else { this.getTitleContainer().textContent = ''; } var supertitleNode = this.getSupertitleNode(); if (supertitleNode) { supertitleNode.renderTo(this.getSupertitleContainer()); } else { this.getSupertitleContainer().textContent = ''; } var subtitleNode = this.getSubtitleNode(); if (subtitleNode) { subtitleNode.renderTo(this.getSubtitleContainer()); } else { this.getSubtitleContainer().textContent = ''; } var captionNode = this.getCaptionNode(); if (captionNode) { captionNode.renderTo(this.getCaptionContainer()); } else { this.getCaptionContainer().textContent = ''; } var captionFitContent = this.getCaptionOption('fitContent'); if (main_core.Type.isBoolean(captionFitContent)) { main_core.Dom.style(this.getCaptionContainer(), 'flex-shrink', captionFitContent ? 0 : null); } var captionMaxWidth = this.getCaptionOption('maxWidth'); if (main_core.Type.isString(captionMaxWidth) \|\| main_core.Type.isNumber(captionMaxWidth)) { main_core.Dom.style(this.getCaptionContainer(), 'max-width', main_core.Type.isNumber(captionMaxWidth) ? "".concat(captionMaxWidth, "px") : captionMaxWidth); } if (main_core.Type.isStringFilled(this.getTextColor())) { this.getTitleContainer().style.color = this.getTextColor(); } else { this.getTitleContainer().style.removeProperty('color'); } var avatar = this.getAvatar(); if (main_core.Type.isStringFilled(avatar)) { this.getAvatarContainer().style.backgroundImage = "url('".concat(encodeUrl(avatar), "')"); } else { var bgImage = this.getAvatarOption('bgImage'); if (main_core.Type.isStringFilled(bgImage)) { this.getAvatarContainer().style.backgroundImage = bgImage; } else { this.getAvatarContainer().style.removeProperty('background-image'); } } var bgColor = this.getAvatarOption('bgColor'); if (main_core.Type.isStringFilled(bgColor)) { this.getAvatarContainer().style.backgroundColor = bgColor; } else { this.getAvatarContainer().style.removeProperty('background-color'); } var bgSize = this.getAvatarOption('bgSize'); if (main_core.Type.isStringFilled(bgSize)) { this.getAvatarContainer().style.backgroundSize = bgSize; } else { this.getAvatarContainer().style.removeProperty('background-size'); } var border = this.getAvatarOption('border'); if (main_core.Type.isStringFilled(border)) { this.getAvatarContainer().style.border = border; } else { this.getAvatarContainer().style.removeProperty('border'); } var borderRadius = this.getAvatarOption('borderRadius'); if (main_core.Type.isStringFilled(borderRadius)) { this.getAvatarContainer().style.borderRadius = borderRadius; } else { this.getAvatarContainer().style.removeProperty('border-radius'); } main_core.Dom.clean(this.getBadgeContainer()); this.getBadges().forEach(function (badge) { badge.renderTo(_this6.getBadgeContainer()); }); var badgesFitContent = this.getBadgesOption('fitContent'); if (main_core.Type.isBoolean(badgesFitContent)) { main_core.Dom.style(this.getBadgeContainer(), 'flex-shrink', badgesFitContent ? 0 : null); } var badgesMaxWidth = this.getBadgesOption('maxWidth'); if (main_core.Type.isString(badgesMaxWidth) \|\| main_core.Type.isNumber(badgesMaxWidth)) { main_core.Dom.style(this.getBadgeContainer(), 'max-width', main_core.Type.isNumber(badgesMaxWidth) ? "".concat(badgesMaxWidth, "px") : badgesMaxWidth); } var linkTitleNode = this.getLinkTitleNode(); if (linkTitleNode) { linkTitleNode.renderTo(this.getLinkTextContainer()); } else { this.getLinkTextContainer().textContent = ''; } if (this.hasChildren() \|\| this.isDynamic()) { main_core.Dom.addClass(this.getOuterContainer(), 'ui-selector-item-box-has-children'); if (this.getDepthLevel() >= this.getTab().getItemMaxDepth()) { main_core.Dom.addClass(this.getOuterContainer(), 'ui-selector-item-box-max-depth'); } } else if (this.getOuterContainer().classList.contains('ui-selector-item-box-has-children')) { main_core.Dom.removeClass(this.getOuterContainer(), ['ui-selector-item-box-has-children', 'ui-selector-item-box-max-depth']); } if (this.hasChildren()) { var hasVisibleChild = this.getChildren().getAll().some(function (child) { return child.isHidden() !== true; }); if (!hasVisibleChild) { _classPrivateMethodGet(this, _setHidden, _setHidden2).call(this, true); } } this.toggleVisibility(); this.highlight(); this.renderChildren(appendChildren); if (this.isAutoOpen()) { this.setAutoOpen(false); requestAnimationFrame(function () { requestAnimationFrame(function () { _this6.expand(); }); }); } this.rendered = true; } /** * @private / }, { key: "renderRoot", value: function renderRoot() { var appendChildren = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; this.renderChildren(appendChildren); this.rendered = true; var stub = this.getTab().getStub(); if (stub && stub.isAutoShow() && (this.getDialog().isLoaded() \|\| !this.getDialog().hasDynamicLoad())) { if (this.hasChildren()) { stub.hide(); } else { stub.show(); } } } /* * @private / }, { key: "renderChildren", value: function renderChildren() { var _this7 = this; var appendChildren = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; if (!appendChildren) { if (main_core.Browser.isIE()) { main_core.Dom.clean(this.getChildrenContainer()); } else { this.getChildrenContainer().textContent = ''; } } if (this.hasChildren()) { var previousSibling = null; this.getChildren().forEach(function (child) { child.render(appendChildren); var container = child.getOuterContainer(); if (!appendChildren) { main_core.Dom.append(container, _this7.getChildrenContainer()); } if (!container.parentNode) { if (previousSibling !== null) { main_core.Dom.insertAfter(container, previousSibling.getOuterContainer()); } else { main_core.Dom.append(container, _this7.getChildrenContainer()); } } previousSibling = child; }); } } }, { key: "isRendered", value: function isRendered() { return this.rendered && this.getDialog() && this.getDialog().isRendered(); } }, { key: "enableRender", value: function enableRender() { this.rendered = true; } }, { key: "disableRender", value: function disableRender() { this.rendered = false; } }, { key: "getRenderMode", value: function getRenderMode() { return this.renderMode; } }, { key: "isHidden", value: function isHidden() { return this.hidden === true \|\| this.getItem().isHidden() === true; } }, { key: "setHidden", value: function setHidden(flag) { if (!main_core.Type.isBoolean(flag) \|\| this.isRoot()) { return; } _classPrivateMethodGet(this, _setHidden, _setHidden2).call(this, flag); if (this.isRendered()) { this.toggleVisibility(); var parentNode = this.getParentNode(); var isHidden = this.isHidden(); while (parentNode.isRoot() === false) { if (isHidden) { var hasVisibleChild = parentNode.getChildren().getAll().some(function (child) { return child.isHidden() !== true; }); if (!hasVisibleChild) { var _parentNode; _classPrivateMethodGet(_parentNode = parentNode, _setHidden, _setHidden2).call(_parentNode, true); } parentNode.toggleVisibility(); } else { var _parentNode2; _classPrivateMethodGet(_parentNode2 = parentNode, _setHidden, _setHidden2).call(_parentNode2, false); parentNode.toggleVisibility(); if (parentNode.isHidden()) { break; } } parentNode = parentNode.getParentNode(); } } } }, { key: "toggleVisibility", value: function toggleVisibility() { if (this.isHidden()) { main_core.Dom.addClass(this.getOuterContainer(), '--hidden'); } else if (this.getOuterContainer().classList.contains('--hidden')) { main_core.Dom.removeClass(this.getOuterContainer(), '--hidden'); } } }, { key: "getTitle", value: function getTitle() { var titleNode = this.getTitleNode(); return titleNode !== null ? titleNode.getText() : null; } }, { key: "getTitleNode", value: function getTitleNode() { return this.title !== null ? this.title : this.getItem().getTitleNode(); } }, { key: "setTitle", value: function setTitle(title) { if (main_core.Type.isString(title) \|\| main_core.Type.isPlainObject(title)) { this.title = new TextNode(title); } else if (title === null) { this.title = null; } } }, { key: "getSubtitle", value: function getSubtitle() { var subtitleNode = this.getSubtitleNode(); return subtitleNode !== null ? subtitleNode.getText() : null; } }, { key: "getSubtitleNode", value: function getSubtitleNode() { return this.subtitle !== null ? this.subtitle : this.getItem().getSubtitleNode(); } }, { key: "setSubtitle", value: function setSubtitle(subtitle) { if (main_core.Type.isString(subtitle) \|\| main_core.Type.isPlainObject(subtitle)) { this.subtitle = new TextNode(subtitle); } else if (subtitle === null) { this.subtitle = null; } } }, { key: "getSupertitle", value: function getSupertitle() { var supertitleNode = this.getSupertitleNode(); return supertitleNode !== null ? supertitleNode.getText() : null; } }, { key: "getSupertitleNode", value: function getSupertitleNode() { return this.supertitle !== null ? this.supertitle : this.getItem().getSupertitleNode(); } }, { key: "setSupertitle", value: function setSupertitle(supertitle) { if (main_core.Type.isString(supertitle) \|\| main_core.Type.isPlainObject(supertitle)) { this.supertitle = new TextNode(supertitle); } else if (supertitle === null) { this.supertitle = null; } } }, { key: "getCaption", value: function getCaption() { var caption = this.getCaptionNode(); return caption !== null ? caption.getText() : null; } }, { key: "getCaptionNode", value: function getCaptionNode() { return this.caption !== null ? this.caption : this.getItem().getCaptionNode(); } }, { key: "setCaption", value: function setCaption(caption) { if (main_core.Type.isString(caption) \|\| main_core.Type.isPlainObject(caption)) { this.caption = new TextNode(caption); } else if (caption === null) { this.caption = null; } } }, { key: "getCaptionOption", value: function getCaptionOption(option) { if (!main_core.Type.isUndefined(this.captionOptions[option])) { return this.captionOptions[option]; } return this.getItem().getCaptionOption(option); } }, { key: "setCaptionOption", value: function setCaptionOption(option, value) { if (main_core.Type.isStringFilled(option) && !main_core.Type.isUndefined(value)) { this.captionOptions[option] = value; } } }, { key: "setCaptionOptions", value: function setCaptionOptions(options) { var _this8 = this; if (main_core.Type.isPlainObject(options)) { Object.keys(options).forEach(function (option) { _this8.setCaptionOption(option, options[option]); }); } } }, { key: "getAvatar", value: function getAvatar() { return this.avatar !== null ? this.avatar : this.getItem().getAvatar(); } }, { key: "setAvatar", value: function setAvatar(avatar) { if (main_core.Type.isString(avatar) \|\| avatar === null) { this.avatar = avatar; } } }, { key: "getAvatarOption", value: function getAvatarOption(option) { return this.avatarOptions === null \|\| main_core.Type.isUndefined(this.avatarOptions[option]) ? this.getItem().getAvatarOption(option) : this.avatarOptions[option]; } }, { key: "setAvatarOption", value: function setAvatarOption(option, value) { if (main_core.Type.isStringFilled(option) && !main_core.Type.isUndefined(value)) { if (this.avatarOptions === null) { this.avatarOptions = {}; } this.avatarOptions[option] = value; } } }, { key: "setAvatarOptions", value: function setAvatarOptions(avatarOptions) { var _this9 = this; if (main_core.Type.isPlainObject(avatarOptions)) { Object.keys(avatarOptions).forEach(function (option) { _this9.setAvatarOption(option, avatarOptions[option]); }); } } }, { key: "getTextColor", value: function getTextColor() { return this.textColor !== null ? this.textColor : this.getItem().getTextColor(); } }, { key: "setTextColor", value: function setTextColor(textColor) { if (main_core.Type.isString(textColor) \|\| textColor === null) { this.textColor = textColor; } } }, { key: "getLink", value: function getLink() { return this.link !== null ? this.getItem().replaceMacros(this.link) : this.getItem().getLink(); } }, { key: "setLink", value: function setLink(link) { if (main_core.Type.isString(link) \|\| link === null) { this.link = link; } } }, { key: "getLinkTitle", value: function getLinkTitle() { var linkTitle = this.getLinkTitleNode(); return linkTitle !== null ? linkTitle.getText() : null; } }, { key: "getLinkTitleNode", value: function getLinkTitleNode() { return this.linkTitle !== null ? this.linkTitle : this.getItem().getLinkTitleNode(); } }, { key: "setLinkTitle", value: function setLinkTitle(title) { if (main_core.Type.isString(title) \|\| main_core.Type.isPlainObject(title)) { this.linkTitle = new TextNode(title); } else if (title === null) { this.linkTitle = null; } } }, { key: "getBadges", value: function getBadges() { return this.badges !== null ? this.badges : this.getItem().getBadges(); } }, { key: "setBadges", value: function setBadges(badges) { var _this10 = this; if (main_core.Type.isArray(badges)) { this.badges = []; badges.forEach(function (badge) { _this10.badges.push(new ItemBadge(badge)); }); } else if (badges === null) { this.badges = null; } } }, { key: "getBadgesOption", value: function getBadgesOption(option) { if (!main_core.Type.isUndefined(this.badgesOptions[option])) { return this.badgesOptions[option]; } return this.getItem().getBadgesOption(option); } }, { key: "setBadgesOption", value: function setBadgesOption(option, value) { if (main_core.Type.isStringFilled(option) && !main_core.Type.isUndefined(value)) { this.badgesOptions[option] = value; } } }, { key: "setBadgesOptions", value: function setBadgesOptions(options) { var _this11 = this; if (main_core.Type.isPlainObject(options)) { Object.keys(options).forEach(function (option) { _this11.setBadgesOption(option, options[option]); }); } } }, { key: "getOuterContainer", value: function getOuterContainer() { var _this12 = this; return this.cache.remember('outer-container', function () { var className = ''; if (_this12.hasChildren() \|\| _this12.isDynamic()) { className += ' ui-selector-item-box-has-children'; if (_this12.getDepthLevel() >= _this12.getTab().getItemMaxDepth()) { className += ' ui-selector-item-box-max-depth'; } } else if (_this12.getItem().isSelected()) { className += ' ui-selector-item-box-selected'; } if (_this12.isOpen()) { className += ' ui-selector-item-box-open'; } var div = document.createElement('div'); div.className = "ui-selector-item-box".concat(className); div.appendChild(_this12.getContainer()); div.appendChild(_this12.getChildrenContainer()); return div; }); } }, { key: "getChildrenContainer", value: function getChildrenContainer() { if (this.isRoot() && this.getTab()) { return this.getTab().getItemsContainer(); } return this.cache.remember('children-container', function () { var div = document.createElement('div'); div.className = 'ui-selector-item-children'; return div; }); } }, { key: "getContainer", value: function getContainer() { var _this13 = this; return this.cache.remember('container', function () { var div = document.createElement('div'); div.className = 'ui-selector-item'; main_core.Event.bind(div, 'click', _this13.handleClick.bind(_this13)); main_core.Event.bind(div, 'mouseenter', _this13.handleMouseEnter.bind(_this13)); main_core.Event.bind(div, 'mouseleave', _this13.handleMouseLeave.bind(_this13)); div.appendChild(_this13.getAvatarContainer()); div.appendChild(_this13.getTitlesContainer()); div.appendChild(_this13.getIndicatorContainer()); if (main_core.Type.isStringFilled(_this13.getLink())) { div.appendChild(_this13.getLinkContainer()); } return div; }); } }, { key: "getAvatarContainer", value: function getAvatarContainer() { return this.cache.remember('avatar', function () { var div = document.createElement('div'); div.className = 'ui-selector-item-avatar'; return div; }); } }, { key: "getTitlesContainer", value: function getTitlesContainer() { var _this14 = this; return this.cache.remember('titles', function () { var div = document.createElement('div'); div.className = 'ui-selector-item-titles'; div.appendChild(_this14.getSupertitleContainer()); div.appendChild(_this14.getTitleBoxContainer()); div.appendChild(_this14.getSubtitleContainer()); return div; }); } }, { key: "getTitleBoxContainer", value: function getTitleBoxContainer() { var _this15 = this; return this.cache.remember('title-box', function () { var div = document.createElement('div'); div.className = 'ui-selector-item-title-box'; div.appendChild(_this15.getTitleContainer()); div.appendChild(_this15.getBadgeContainer()); div.appendChild(_this15.getCaptionContainer()); return div; }); } }, { key: "getTitleContainer", value: function getTitleContainer() { return this.cache.remember('title', function () { var div = document.createElement('div'); div.className = 'ui-selector-item-title'; return div; }); } }, { key: "getSubtitleContainer", value: function getSubtitleContainer() { return this.cache.remember('subtitle', function () { var div = document.createElement('div'); div.className = 'ui-selector-item-subtitle'; return div; }); } }, { key: "getSupertitleContainer", value: function getSupertitleContainer() { return this.cache.remember('supertitle', function () { var div = document.createElement('div'); div.className = 'ui-selector-item-supertitle'; return div; }); } }, { key: "getCaptionContainer", value: function getCaptionContainer() { return this.cache.remember('caption', function () { var div = document.createElement('div'); div.className = 'ui-selector-item-caption'; return div; }); } }, { key: "getIndicatorContainer", value: function getIndicatorContainer() { return this.cache.remember('indicator', function () { var div = document.createElement('div'); div.className = 'ui-selector-item-indicator'; return div; }); } }, { key: "getBadgeContainer", value: function getBadgeContainer() { return this.cache.remember('badge', function () { var div = document.createElement('div'); div.className = 'ui-selector-item-badges'; return div; }); } }, { key: "getLinkContainer", value: function getLinkContainer() { var _this16 = this; return this.cache.remember('link', function () { var anchor = document.createElement('a'); anchor.className = 'ui-selector-item-link'; anchor.href = _this16.getLink(); anchor.target = '_blank'; anchor.title = ''; main_core.Event.bind(anchor, 'click', _this16.handleLinkClick.bind(_this16)); anchor.appendChild(_this16.getLinkTextContainer()); return anchor; }); } }, { key: "getLinkTextContainer", value: function getLinkTextContainer() { return this.cache.remember('link-text', function () { var span = document.createElement('span'); span.className = 'ui-selector-item-link-text'; return span; }); } }, { key: "showLink", value: function showLink() { var _this17 = this; if (main_core.Type.isStringFilled(this.getLink())) { main_core.Dom.addClass(this.getLinkContainer(), 'ui-selector-item-link--show'); requestAnimationFrame(function () { requestAnimationFrame(function () { main_core.Dom.addClass(_this17.getLinkContainer(), 'ui-selector-item-link--animate'); }); }); } } }, { key: "hideLink", value: function hideLink() { if (main_core.Type.isStringFilled(this.getLink())) { main_core.Dom.removeClass(this.getLinkContainer(), ['ui-selector-item-link--show', 'ui-selector-item-link--animate']); } } }, { key: "setHighlights", value: function setHighlights(highlights) { this.highlights = highlights; } }, { key: "getHighlights", value: function getHighlights() { return this.highlights; } }, { key: "highlight", value: function highlight() { var _this18 = this; this.getHighlights().forEach(function (matchField) { var field = matchField.getField(); var fieldName = field.getName(); if (field.isCustom()) { var text = _this18.getItem().getCustomData().get(fieldName); _this18.getSubtitleContainer().innerHTML = Highlighter.mark(text, matchField.getMatches()); } else if (field.getName() === 'title') { _this18.getTitleContainer().innerHTML = Highlighter.mark(_this18.getItem().getTitleNode(), matchField.getMatches()); } else if (field.getName() === 'subtitle') { _this18.getSubtitleContainer().innerHTML = Highlighter.mark(_this18.getItem().getSubtitleNode(), matchField.getMatches()); } else if (field.getName() === 'supertitle') { _this18.getSupertitleContainer().innerHTML = Highlighter.mark(_this18.getItem().getSupertitleNode(), matchField.getMatches()); } }); } }, { key: "select", value: function select() { if (this.hasChildren() \|\| this.isDynamic()) { return; } main_core.Dom.addClass(this.getOuterContainer(), 'ui-selector-item-box-selected'); } }, { key: "deselect", value: function deselect() { if (this.hasChildren() \|\| this.isDynamic()) { return; } main_core.Dom.removeClass(this.getOuterContainer(), 'ui-selector-item-box-selected'); } }, { key: "focus", value: function focus() { if (this.isFocused()) { return; } this.focused = true; main_core.Dom.addClass(this.getOuterContainer(), 'ui-selector-item-box-focused'); this.getDialog().emit('ItemNode:onFocus', { node: this }); } }, { key: "unfocus", value: function unfocus() { if (!this.isFocused()) { return; } this.focused = false; main_core.Dom.removeClass(this.getOuterContainer(), 'ui-selector-item-box-focused'); this.getDialog().emit('ItemNode:onUnfocus', { node: this }); } }, { key: "isFocused", value: function isFocused() { return this.focused; } }, { key: "click", value: function click() { if (this.hasChildren() \|\| this.isDynamic()) { if (this.isOpen()) { this.collapse(); } else { this.expand(); } } else { if (this.getItem().isSelected()) { if (this.getItem().isDeselectable()) { this.getItem().deselect(); } if (this.getDialog().shouldHideOnDeselect()) { this.getDialog().hide(); } } else { this.getItem().select(); if (this.getDialog().shouldClearSearchOnSelect()) { this.getDialog().clearSearch(); } if (this.getDialog().shouldHideOnSelect()) { this.getDialog().hide(); } } } this.getDialog().focusSearch(); } }, { key: "scrollIntoView", value: function scrollIntoView() { var tabContainer = this.getTab().getContainer(); var nodeContainer = this.getContainer(); var tabRect = main_core.Dom.getPosition(tabContainer); var nodeRect = main_core.Dom.getPosition(nodeContainer); var margin = 9; // 'ui-selector-items' padding - 'ui-selector-item' margin = 10 - 1 if (nodeRect.top < tabRect.top) // scroll up { tabContainer.scrollTop -= tabRect.top - nodeRect.top + margin; } else if (nodeRect.bottom > tabRect.bottom) // scroll down { tabContainer.scrollTop += nodeRect.bottom - tabRect.bottom + margin; } } }, { key: "handleClick", value: function handleClick() { this.click(); } }, { key: "handleLinkClick", value: function handleLinkClick(event) { this.getDialog().emit('ItemNode:onLinkClick', { node: this, event: event }); event.stopPropagation(); } }, { key: "handleMouseEnter", value: function handleMouseEnter() { this.focus(); this.showLink(); _classPrivateMethodGet(this, _makeEllipsisTitle, _makeEllipsisTitle2).call(this); } }, { key: "handleMouseLeave", value: function handleMouseLeave() { this.unfocus(); this.hideLink(); } }]); return ItemNode; }(); function _setHidden2(flag) { if (main_core.Type.isBoolean(flag) && !this.isRoot()) { this.hidden = flag; } } function _makeEllipsisTitle2() { var _this19 = this; var _this$constructor; if (_classStaticPrivateMethodGet(_this$constructor = this.constructor, ItemNode, _isEllipsisActive).call(_this$constructor, this.getTitleContainer())) { var _this$constructor2; this.getContainer().setAttribute('title', _classStaticPrivateMethodGet(_this$constructor2 = this.constructor, ItemNode, _sanitizeTitle).call(_this$constructor2, this.getTitleContainer().textContent)); } else { main_core.Dom.attr(this.getContainer(), 'title', null); } var containers = [this.getSupertitleContainer(), this.getSubtitleContainer(), this.getCaptionContainer()].concat(babelHelpers.toConsumableArray(this.getBadges().map(function (badge) { return badge.getContainer(_this19.getBadgeContainer()); }))); containers.forEach(function (container) { var _this$constructor3; if (_classStaticPrivateMethodGet(_this$constructor3 = _this19.constructor, ItemNode, _isEllipsisActive).call(_this$constructor3, container)) { var _this$constructor4; container.setAttribute('title', _classStaticPrivateMethodGet(_this$constructor4 = _this19.constructor, ItemNode, _sanitizeTitle).call(_this$constructor4, container.textContent)); } else { main_core.Dom.attr(container, 'title', null); } }); } function _isEllipsisActive(element) { return element.offsetWidth < element.scrollWidth; } function _sanitizeTitle(text) { return text.replace(/[\t ]+/gm, ' ').replace(/\n+/gm, '\n').trim(); } var SearchFieldIndex = /#__PURE__/function () { function SearchFieldIndex(field) { var indexes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; babelHelpers.classCallCheck(this, SearchFieldIndex); babelHelpers.defineProperty(this, "field", null); babelHelpers.defineProperty(this, "indexes", []); this.field = field; this.addIndexes(indexes); } babelHelpers.createClass(SearchFieldIndex, [{ key: "getField", value: function getField() { return this.field; } }, { key: "getIndexes", value: function getIndexes() { return this.indexes; } }, { key: "addIndex", value: function addIndex(index) { this.getIndexes().push(index); } }, { key: "addIndexes", value: function addIndexes(indexes) { var _this = this; indexes.forEach(function (index) { _this.addIndex(index); }); } }]); return SearchFieldIndex; }(); var WordIndex = /#__PURE__/function () { function WordIndex(word, startIndex) { babelHelpers.classCallCheck(this, WordIndex); babelHelpers.defineProperty(this, "word", ''); babelHelpers.defineProperty(this, "startIndex", 0); this.setWord(word); this.setStartIndex(startIndex); } babelHelpers.createClass(WordIndex, [{ key: "getWord", value: function getWord() { return this.word; } }, { key: "setWord", value: function setWord(word) { if (main_core.Type.isStringFilled(word)) { this.word = word; } return this; } }, { key: "getStartIndex", value: function getStartIndex() { return this.startIndex; } }, { key: "setStartIndex", value: function setStartIndex(index) { if (main_core.Type.isNumber(index) && index >= 0) { this.startIndex = index; } return this; } }]); return WordIndex; }(); /* * @license * Lodash <https://lodash.com/> * Copyright OpenJS Foundation and other contributors <https://openjsf.org/> * Released under MIT license <https://lodash.com/license> * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE> * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors / /* Used to compose unicode character classes. / var rsAstralRange = "\\ud800-\\udfff"; var rsComboMarksRange = "\\u0300-\\u036f"; var reComboHalfMarksRange = "\\ufe20-\\ufe2f"; var rsComboSymbolsRange = "\\u20d0-\\u20ff"; var rsComboMarksExtendedRange = "\\u1ab0-\\u1aff"; var rsComboMarksSupplementRange = "\\u1dc0-\\u1dff"; var rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange + rsComboMarksExtendedRange + rsComboMarksSupplementRange; var rsDingbatRange = "\\u2700-\\u27bf"; var rsLowerRange = 'a-z\\xdf-\\xf6\\xf8-\\xff'; var rsMathOpRange = '\\xac\\xb1\\xd7\\xf7'; var rsNonCharRange = '\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf'; var rsPunctuationRange = "\\u2000-\\u206f"; var rsSpaceRange = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000"; var rsUpperRange = 'A-Z\\xc0-\\xd6\\xd8-\\xde'; var rsVarRange = "\\ufe0e\\ufe0f"; var rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange; /* Used to compose unicode capture groups. / var rsApos = "['\u2019]"; var rsBreak = "[".concat(rsBreakRange, "]"); var rsCombo = "[".concat(rsComboRange, "]"); var rsDigit = '\\d'; var rsDingbat = "[".concat(rsDingbatRange, "]"); var rsLower = "[".concat(rsLowerRange, "]"); var rsMisc = "[^".concat(rsAstralRange).concat(rsBreakRange + rsDigit + rsDingbatRange + rsLowerRange + rsUpperRange, "]"); var rsFitz = "\\ud83c[\\udffb-\\udfff]"; var rsModifier = "(?:".concat(rsCombo, "\|").concat(rsFitz, ")"); var rsNonAstral = "[^".concat(rsAstralRange, "]"); var rsRegional = "(?:\\ud83c[\\udde6-\\uddff]){2}"; var rsSurrPair = "[\\ud800-\\udbff][\\udc00-\\udfff]"; var rsUpper = "[".concat(rsUpperRange, "]"); var rsZWJ = "\\u200d"; /* Used to compose unicode regexes. / var rsMiscLower = "(?:".concat(rsLower, "\|").concat(rsMisc, ")"); var rsMiscUpper = "(?:".concat(rsUpper, "\|").concat(rsMisc, ")"); var rsOptContrLower = "(?:".concat(rsApos, "(?:d\|ll\|m\|re\|s\|t\|ve))?"); var rsOptContrUpper = "(?:".concat(rsApos, "(?:D\|LL\|M\|RE\|S\|T\|VE))?"); var reOptMod = "".concat(rsModifier, "?"); var rsOptVar = "[".concat(rsVarRange, "]?"); var rsOptJoin = "(?:".concat(rsZWJ, "(?:").concat([rsNonAstral, rsRegional, rsSurrPair].join('\|'), ")").concat(rsOptVar + reOptMod, ")"); var rsOrdLower = '\\d(?:1st\|2nd\|3rd\|(?![123])\\dth)(?=\\b\|[A-Z_])'; var rsOrdUpper = '\\d(?:1ST\|2ND\|3RD\|(?![123])\\dTH)(?=\\b\|[a-z_])'; var rsSeq = rsOptVar + reOptMod + rsOptJoin; var rsEmoji = "(?:".concat([rsDingbat, rsRegional, rsSurrPair].join('\|'), ")").concat(rsSeq); var unicodeWordsRegExp = new RegExp(["".concat(rsUpper, "?").concat(rsLower, "+").concat(rsOptContrLower, "(?=").concat([rsBreak, rsUpper, '$'].join('\|'), ")"), "".concat(rsMiscUpper, "+").concat(rsOptContrUpper, "(?=").concat([rsBreak, rsUpper + rsMiscLower, '$'].join('\|'), ")"), "".concat(rsUpper, "?").concat(rsMiscLower, "+").concat(rsOptContrLower), "".concat(rsUpper, "+").concat(rsOptContrUpper), rsOrdUpper, rsOrdLower, "".concat(rsDigit, "+"), rsEmoji].join('\|'), 'g'); var asciiWordRegExp = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g; var hasUnicodeWordRegExp = /[a-z][A-Z]\|[A-Z]{2}[a-z]\|[0-9][a-zA-Z]\|[a-zA-Z][0-9]\|[^a-zA-Z0-9 ]/; var nonWhitespaceRegExp = /[^\s]+/g; var specialChars = "!\"#$%&'()+,-./:;<=>?@[\\]^_`{\|}"; var specialCharsRegExp = new RegExp("[".concat(specialChars, "]")); var SearchIndex = /#__PURE__/function () { function SearchIndex() { babelHelpers.classCallCheck(this, SearchIndex); babelHelpers.defineProperty(this, "indexes", []); } babelHelpers.createClass(SearchIndex, [{ key: "addIndex", value: function addIndex(fieldIndex) { if (main_core.Type.isObject(fieldIndex)) { this.getIndexes().push(fieldIndex); } } }, { key: "getIndexes", value: function getIndexes() { return this.indexes; } }], [{ key: "create", value: function create(item) { var _this = this; var index = new SearchIndex(); var entity = item.getEntity(); if (!item.isSearchable() \|\| !entity.isSearchable() \|\| item.isHidden()) { return index; } var searchFields = entity.getSearchFields(); searchFields.forEach(function (field) { if (!field.isSearchable()) { return; } if (field.isSystem()) { if (field.getName() === 'title') { var textNode = item.getTitleNode(); var stripTags = textNode !== null && textNode.getType() === 'html'; index.addIndex(_this.createIndex(field, item.getTitle(), stripTags)); } else if (field.getName() === 'subtitle') { var _textNode = item.getSubtitleNode(); var _stripTags = _textNode !== null && _textNode.getType() === 'html'; index.addIndex(_this.createIndex(field, item.getSubtitle(), _stripTags)); } else if (field.getName() === 'supertitle') { var _textNode2 = item.getSupertitleNode(); var _stripTags2 = _textNode2 !== null && _textNode2.getType() === 'html'; index.addIndex(_this.createIndex(field, item.getSupertitle(), _stripTags2)); } } else { var customData = item.getCustomData().get(field.getName()); if (!main_core.Type.isUndefined(customData)) { index.addIndex(_this.createIndex(field, customData)); } } }); return index; } }, { key: "createIndex", value: function createIndex(field, text) { var stripTags = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; if (!main_core.Type.isStringFilled(text)) { return null; } if (stripTags) { text = text.replace(/<\/?[^>]+>/g, function (match) { return ' '.repeat(match.length); }); text = text.replace(/&(?:#\d+\|#x[\da-fA-F]+\|[0-9a-zA-Z]+);/g, function (match) { return ' '.repeat(match.length); }); } var index = null; if (field.getType() === 'string') { var wordIndexes = this.splitText(text); if (main_core.Type.isArrayFilled(wordIndexes)) { // "GoPro111 Leto15" // [go, pro, 111, leto, 15] + [gopro111, leto15] this.fillComplexWords(wordIndexes); this.fillNonCharWords(wordIndexes, text); index = new SearchFieldIndex(field, wordIndexes); } } else if (field.getType() === 'email') { var position = text.indexOf('@'); if (position !== -1) { index = new SearchFieldIndex(field, [new WordIndex(text.toLowerCase(), 0), new WordIndex(text.substr(position + 1).toLowerCase(), position + 1)]); } } return index; } }, { key: "splitText", value: function splitText(text) { if (!main_core.Type.isStringFilled(text)) { return []; } return this.hasUnicodeWord(text) ? this.splitUnicodeText(text) : this.splitAsciiText(text); } }, { key: "splitUnicodeText", value: function splitUnicodeText(text) { return this.splitTextInternal(text, unicodeWordsRegExp); } }, { key: "splitAsciiText", value: function splitAsciiText(text) { return this.splitTextInternal(text, asciiWordRegExp); } }, { key: "hasUnicodeWord", value: function hasUnicodeWord(text) { return hasUnicodeWordRegExp.test(text); } }, { key: "splitTextInternal", value: function splitTextInternal(text, regExp) { var match; var result = []; regExp.lastIndex = 0; while ((match = regExp.exec(text)) !== null) { if (match.index === regExp.lastIndex) { regExp.lastIndex++; } result.push(new WordIndex(match[0].toLowerCase(), match.index)); } return result; } /* * @private / }, { key: "fillComplexWords", value: function fillComplexWords(indexes) { if (indexes.length < 2) { return; } var complexWord = null; var startIndex = null; indexes.forEach(function (currentIndex, currentArrayIndex) { var nextIndex = indexes[currentArrayIndex + 1]; if (nextIndex) { var sameWord = currentIndex.getStartIndex() + currentIndex.getWord().length === nextIndex.getStartIndex(); if (sameWord) { if (complexWord === null) { complexWord = currentIndex.getWord(); startIndex = currentIndex.getStartIndex(); } complexWord += nextIndex.getWord(); } else if (complexWord !== null) { indexes.push(new WordIndex(complexWord, startIndex)); complexWord = null; startIndex = null; } } else if (complexWord !== null) { indexes.push(new WordIndex(complexWord, startIndex)); complexWord = null; startIndex = null; } }); } /* * @private / }, { key: "fillNonCharWords", value: function fillNonCharWords(indexes, text) { if (!specialCharsRegExp.test(text)) { return; } var match; while ((match = nonWhitespaceRegExp.exec(text)) !== null) { if (match.index === nonWhitespaceRegExp.lastIndex) { nonWhitespaceRegExp.lastIndex++; } var word = match[0]; if (specialCharsRegExp.test(word)) { indexes.push(new WordIndex(word.toLowerCase(), match.index)); for (var i = 0; i < word.length; i++) { var _char = word[i]; if (!specialChars.includes(_char)) { break; } var wordToIndex = word.substr(i + 1); if (wordToIndex.length) { indexes.push(new WordIndex(wordToIndex.toLowerCase(), match.index + i + 1)); } } } } nonWhitespaceRegExp.lastIndex = 0; } }]); return SearchIndex; }(); var EntityFilter = /#__PURE__/function () { function EntityFilter(filterOptions) { babelHelpers.classCallCheck(this, EntityFilter); babelHelpers.defineProperty(this, "id", null); babelHelpers.defineProperty(this, "options", {}); var options = main_core.Type.isPlainObject(filterOptions) ? filterOptions : {}; this.id = options.id; this.options = options.options; } babelHelpers.createClass(EntityFilter, [{ key: "getId", value: function getId() { return this.id; } }, { key: "getOptions", value: function getOptions() { return this.options; } }, { key: "toJSON", value: function toJSON() { return { id: this.getId(), options: this.getOptions() }; } }]); return EntityFilter; }(); /* * @memberof BX.UI.EntitySelector / var Entity = /#__PURE__/function () { function Entity(entityOptions) { var _this = this; babelHelpers.classCallCheck(this, Entity); babelHelpers.defineProperty(this, "id", null); babelHelpers.defineProperty(this, "options", {}); babelHelpers.defineProperty(this, "searchable", true); babelHelpers.defineProperty(this, "searchFields", null); babelHelpers.defineProperty(this, "dynamicLoad", false); babelHelpers.defineProperty(this, "dynamicSearch", false); babelHelpers.defineProperty(this, "searchCacheLimits", []); babelHelpers.defineProperty(this, "filters", new Map()); babelHelpers.defineProperty(this, "itemOptions", {}); babelHelpers.defineProperty(this, "tagOptions", {}); babelHelpers.defineProperty(this, "badgeOptions", []); babelHelpers.defineProperty(this, "textNodes", new Map()); var options = main_core.Type.isPlainObject(entityOptions) ? entityOptions : {}; if (!main_core.Type.isStringFilled(options.id)) { throw new Error('EntitySelector.Entity: "id" parameter is required.'); } var defaultOptions = this.constructor.getEntityDefaultOptions(options.id) \|\| {}; options = main_core.Runtime.merge(JSON.parse(JSON.stringify(defaultOptions)), options); this.id = options.id.toLowerCase(); this.options = main_core.Type.isPlainObject(options.options) ? options.options : {}; this.itemOptions = main_core.Type.isPlainObject(options.itemOptions) ? options.itemOptions : {}; this.tagOptions = main_core.Type.isPlainObject(options.tagOptions) ? options.tagOptions : {}; this.badgeOptions = main_core.Type.isArray(options.badgeOptions) ? options.badgeOptions : []; if (main_core.Type.isArray(options.filters)) { options.filters.forEach(function (filterOptions) { _this.addFilter(filterOptions); }); } this.searchFields = new main_core_collections.OrderedArray(function (fieldA, fieldB) { if (fieldA.getSort() !== null && fieldB.getSort() === null) { return -1; } else if (fieldA.getSort() === null && fieldB.getSort() !== null) { return 1; } else if (fieldA.getSort() === null && fieldB.getSort() === null) { return -1; } else { return fieldA.getSort() - fieldB.getSort(); } }); this.setSearchable(options.searchable); this.setDynamicLoad(options.dynamicLoad); this.setDynamicSearch(options.dynamicSearch); this.setSearchFields(options.searchFields); this.setSearchCacheLimits(options.searchCacheLimits); } babelHelpers.createClass(Entity, [{ key: "getId", value: function getId() { return this.id; } }, { key: "getOptions", value: function getOptions() { return this.options; } }, { key: "getItemOptions", value: function getItemOptions() { return this.itemOptions; } }, { key: "getItemOption", value: function getItemOption(option, entityType) { return this.constructor.getOptionInternal(this.itemOptions, option, entityType); } }, { key: "getTagOptions", value: function getTagOptions() { return this.tagOptions; } }, { key: "getTagOption", value: function getTagOption(option, entityType) { return this.constructor.getOptionInternal(this.tagOptions, option, entityType); } }, { key: "getBadges", value: function getBadges(item) { var entityTypeBadges = this.getItemOption('badges', item.getEntityType()) \|\| []; var badges = babelHelpers.toConsumableArray(entityTypeBadges); this.badgeOptions.forEach(function (badge) { if (main_core.Type.isPlainObject(badge.conditions)) { for (var condition in badge.conditions) { if (item.getCustomData().get(condition) !== badge.conditions[condition]) { return; } } badges.push(badge); } }); return badges; } }, { key: "getOptionTextNode", value: function getOptionTextNode(option, entityType) { if (!main_core.Type.isString(option)) { return null; } if (!main_core.Type.isString(entityType)) { entityType = 'default'; } var optionNodes = this.textNodes.get(option); var node = optionNodes ? optionNodes.get(entityType) : undefined; if (main_core.Type.isUndefined(node)) { if (!optionNodes) { optionNodes = new Map(); this.textNodes.set(option, optionNodes); } var itemOption = this.getItemOption(option, entityType); node = main_core.Type.isString(itemOption) \|\| main_core.Type.isPlainObject(itemOption) ? new TextNode(itemOption) : null; optionNodes.set(entityType, node); } return node; } }, { key: "isSearchable", value: function isSearchable() { return this.searchable; } }, { key: "setSearchable", value: function setSearchable(flag) { if (main_core.Type.isBoolean(flag)) { this.searchable = flag; } } }, { key: "getSearchFields", value: function getSearchFields() { return this.searchFields; } }, { key: "setSearchFields", value: function setSearchFields(searchFields) { var _this2 = this; this.searchFields.clear(); // Default Search Fields var titleField = new SearchField({ name: 'title', searchable: true, system: true, type: 'string' }); var subtitleField = new SearchField({ name: 'subtitle', searchable: true, system: true, type: 'string' }); this.searchFields.add(titleField); this.searchFields.add(subtitleField); // Custom Search Fields var customFields = main_core.Type.isArray(searchFields) ? searchFields : []; customFields.forEach(function (fieldOptions) { var field = new SearchField(fieldOptions); if (field.isSystem()) // Entity can override default fields. { // delete a default title field if (field.getName() === 'title') { _this2.searchFields["delete"](titleField); } else if (field.getName() === 'subtitle') { _this2.searchFields["delete"](subtitleField); } } _this2.searchFields.add(field); }); this.searchFields.forEach(function (field, index) { field.setSort(index); }); } }, { key: "setSearchCacheLimits", value: function setSearchCacheLimits(limits) { var _this3 = this; if (main_core.Type.isArrayFilled(limits)) { limits.forEach(function (limit) { if (main_core.Type.isStringFilled(limit)) { _this3.searchCacheLimits.push(new RegExp(limit, 'i')); } }); } } }, { key: "getSearchCacheLimits", value: function getSearchCacheLimits() { return this.searchCacheLimits; } }, { key: "hasDynamicLoad", value: function hasDynamicLoad() { return this.dynamicLoad; } }, { key: "setDynamicLoad", value: function setDynamicLoad(flag) { if (main_core.Type.isBoolean(flag)) { this.dynamicLoad = flag; } } }, { key: "hasDynamicSearch", value: function hasDynamicSearch() { return this.dynamicSearch; } }, { key: "setDynamicSearch", value: function setDynamicSearch(flag) { if (main_core.Type.isBoolean(flag)) { this.dynamicSearch = flag; } } }, { key: "getFilters", value: function getFilters() { return Array.from(this.filters.values()); } }, { key: "addFilters", value: function addFilters(filters) { var _this4 = this; if (main_core.Type.isArray(filters)) { filters.forEach(function (filterOptions) { _this4.addFilter(filterOptions); }); } } }, { key: "addFilter", value: function addFilter(filterOptions) { if (main_core.Type.isPlainObject(filterOptions)) { var filter = new EntityFilter(filterOptions); this.filters.set(filter.getId(), filter); } } }, { key: "getFilter", value: function getFilter(id) { return this.filters.get(id) \|\| null; } }, { key: "toJSON", value: function toJSON() { return { id: this.getId(), options: this.getOptions(), searchable: this.isSearchable(), dynamicLoad: this.hasDynamicLoad(), dynamicSearch: this.hasDynamicSearch(), filters: this.getFilters() }; } }], [{ key: "getDefaultOptions", value: function getDefaultOptions() { var _this5 = this; if (this.defaultOptions === null) { this.defaultOptions = {}; this.getExtensions().forEach(function (extension) { var settings = main_core.Extension.getSettings(extension); var entities = settings.get('entities', []); entities.forEach(function (entity) { if (main_core.Type.isStringFilled(entity.id) && main_core.Type.isPlainObject(entity.options)) { _this5.defaultOptions[entity.id] = JSON.parse(JSON.stringify(entity.options)); // clone } }); }); } return this.defaultOptions; } }, { key: "getExtensions", value: function getExtensions() { if (this.extensions === null) { var settings = main_core.Extension.getSettings('ui.entity-selector'); this.extensions = settings.get('extensions', []); } return this.extensions; } }, { key: "getEntityDefaultOptions", value: function getEntityDefaultOptions(entityId) { return this.getDefaultOptions()[entityId] \|\| null; } }, { key: "getItemOptions", value: function getItemOptions(entityId, entityType) { if (!main_core.Type.isStringFilled(entityId)) { return null; } var options = this.getEntityDefaultOptions(entityId); var itemOptions = options && options['itemOptions'] ? options['itemOptions'] : null; if (main_core.Type.isUndefined(entityType)) { return itemOptions; } else { return itemOptions && !main_core.Type.isUndefined(itemOptions[entityType]) ? itemOptions[entityType] : null; } } }, { key: "getTagOptions", value: function getTagOptions(entityId, entityType) { if (!main_core.Type.isStringFilled(entityId)) { return null; } var options = this.getEntityDefaultOptions(entityId); var tagOptions = options && options['tagOptions'] ? options['tagOptions'] : null; if (main_core.Type.isUndefined(entityType)) { return tagOptions; } else { return tagOptions && !main_core.Type.isUndefined(tagOptions[entityType]) ? tagOptions[entityType] : null; } } }, { key: "getItemOption", value: function getItemOption(entityId, option, entityType) { return this.getOptionInternal(this.getItemOptions(entityId), option, entityType); } }, { key: "getTagOption", value: function getTagOption(entityId, option, entityType) { return this.getOptionInternal(this.getTagOptions(entityId), option, entityType); } }, { key: "getOptionInternal", value: function getOptionInternal(options, option, type) { if (!main_core.Type.isPlainObject(options)) { return null; } if (options[type] && !main_core.Type.isUndefined(options[type][option])) { return options[type][option]; } else if (options['default'] && !main_core.Type.isUndefined(options['default'][option])) { return options['default'][option]; } return null; } }]); return Entity; }(); babelHelpers.defineProperty(Entity, "extensions", null); babelHelpers.defineProperty(Entity, "defaultOptions", null); var TypeUtils = /#__PURE__/function () { function TypeUtils() { babelHelpers.classCallCheck(this, TypeUtils); } babelHelpers.createClass(TypeUtils, null, [{ key: "createMapFromOptions", value: function createMapFromOptions(options) { if (main_core.Type.isPlainObject(options)) { return new Map(Object.entries(options)); } var map = new Map(); if (main_core.Type.isArrayFilled(options)) { options.forEach(function (element) { if (main_core.Type.isArray(element) && element.length === 2 && main_core.Type.isString(element[0])) { map.set(element[0], element[1]); } }); } return map; } }, { key: "convertMapToObject", value: function convertMapToObject(map) { var obj = {}; if (main_core.Type.isMap(map)) { map.forEach(function (value, key) { if (main_core.Type.isString(key)) { obj[key] = value; } }); } return obj; } }]); return TypeUtils; }(); 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 _renderNodes = /#__PURE__/new WeakSet(); /* * @memberof BX.UI.EntitySelector * @package ui.entity-selector / var Item = /#__PURE__/function () { function Item(itemOptions) { babelHelpers.classCallCheck(this, Item); _classPrivateMethodInitSpec$1(this, _renderNodes); babelHelpers.defineProperty(this, "id", null); babelHelpers.defineProperty(this, "entityId", null); babelHelpers.defineProperty(this, "entityType", null); babelHelpers.defineProperty(this, "title", null); babelHelpers.defineProperty(this, "subtitle", null); babelHelpers.defineProperty(this, "supertitle", null); babelHelpers.defineProperty(this, "caption", null); babelHelpers.defineProperty(this, "captionOptions", {}); babelHelpers.defineProperty(this, "avatar", null); babelHelpers.defineProperty(this, "avatarOptions", null); babelHelpers.defineProperty(this, "textColor", null); babelHelpers.defineProperty(this, "link", null); babelHelpers.defineProperty(this, "linkTitle", null); babelHelpers.defineProperty(this, "tagOptions", null); babelHelpers.defineProperty(this, "badges", null); babelHelpers.defineProperty(this, "badgesOptions", {}); babelHelpers.defineProperty(this, "dialog", null); babelHelpers.defineProperty(this, "nodes", new Set()); babelHelpers.defineProperty(this, "selected", false); babelHelpers.defineProperty(this, "searchable", true); babelHelpers.defineProperty(this, "saveable", true); babelHelpers.defineProperty(this, "deselectable", true); babelHelpers.defineProperty(this, "hidden", false); babelHelpers.defineProperty(this, "searchIndex", null); babelHelpers.defineProperty(this, "customData", null); babelHelpers.defineProperty(this, "sort", null); babelHelpers.defineProperty(this, "contextSort", null); babelHelpers.defineProperty(this, "globalSort", null); var options = main_core.Type.isPlainObject(itemOptions) ? itemOptions : {}; if (!main_core.Type.isStringFilled(options.id) && !main_core.Type.isNumber(options.id)) { throw new Error('EntitySelector.Item: "id" parameter is required.'); } if (!main_core.Type.isStringFilled(options.entityId)) { throw new Error('EntitySelector.Item: "entityId" parameter is required.'); } this.id = options.id; this.entityId = options.entityId.toLowerCase(); this.entityType = main_core.Type.isStringFilled(options.entityType) ? options.entityType : 'default'; this.selected = main_core.Type.isBoolean(options.selected) ? options.selected : false; this.customData = TypeUtils.createMapFromOptions(options.customData); this.tagOptions = TypeUtils.createMapFromOptions(options.tagOptions); this.setTitle(options.title); this.setSubtitle(options.subtitle); this.setSupertitle(options.supertitle); this.setCaption(options.caption); this.setCaptionOptions(options.captionOptions); this.setAvatar(options.avatar); this.setAvatarOptions(options.avatarOptions); this.setTextColor(options.textColor); this.setLink(options.link); this.setLinkTitle(options.linkTitle); this.setBadges(options.badges); this.setBadgesOptions(options.badgesOptions); this.setSearchable(options.searchable); this.setSaveable(options.saveable); this.setDeselectable(options.deselectable); this.setHidden(options.hidden); this.setContextSort(options.contextSort); this.setGlobalSort(options.globalSort); this.setSort(options.sort); } babelHelpers.createClass(Item, [{ key: "getId", value: function getId() { return this.id; } }, { key: "getEntityId", value: function getEntityId() { return this.entityId; } }, { key: "getEntity", value: function getEntity() { var entity = this.getDialog().getEntity(this.getEntityId()); if (entity === null) { entity = new Entity({ id: this.getEntityId() }); this.getDialog().addEntity(entity); } return entity; } }, { key: "getEntityType", value: function getEntityType() { return this.entityType; } }, { key: "getTitle", value: function getTitle() { var titleNode = this.getTitleNode(); return titleNode !== null && !titleNode.isNullable() ? titleNode.getText() : ''; } }, { key: "getTitleNode", value: function getTitleNode() { return this.title; } }, { key: "setTitle", value: function setTitle(title) { if (main_core.Type.isStringFilled(title) \|\| main_core.Type.isPlainObject(title) \|\| title === null) { this.title = title === null ? null : new TextNode(title); this.resetSearchIndex(); _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } } }, { key: "getSubtitle", value: function getSubtitle() { var subtitleNode = this.getSubtitleNode(); return subtitleNode !== null ? subtitleNode.getText() : null; } }, { key: "getSubtitleNode", value: function getSubtitleNode() { return this.subtitle !== null ? this.subtitle : this.getEntityTextNode('subtitle'); } }, { key: "setSubtitle", value: function setSubtitle(subtitle) { if (main_core.Type.isString(subtitle) \|\| main_core.Type.isPlainObject(subtitle) \|\| subtitle === null) { this.subtitle = subtitle === null ? null : new TextNode(subtitle); this.resetSearchIndex(); _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } } }, { key: "getSupertitle", value: function getSupertitle() { var supertitleNode = this.getSupertitleNode(); return supertitleNode !== null ? supertitleNode.getText() : null; } }, { key: "getSupertitleNode", value: function getSupertitleNode() { return this.supertitle !== null ? this.supertitle : this.getEntityTextNode('supertitle'); } }, { key: "setSupertitle", value: function setSupertitle(supertitle) { if (main_core.Type.isString(supertitle) \|\| main_core.Type.isPlainObject(supertitle) \|\| supertitle === null) { this.supertitle = supertitle === null ? null : new TextNode(supertitle); this.resetSearchIndex(); _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } } }, { key: "getCaption", value: function getCaption() { var captionNode = this.getCaptionNode(); return captionNode !== null ? captionNode.getText() : null; } }, { key: "getCaptionNode", value: function getCaptionNode() { return this.caption !== null ? this.caption : this.getEntityTextNode('caption'); } }, { key: "setCaption", value: function setCaption(caption) { if (main_core.Type.isString(caption) \|\| main_core.Type.isPlainObject(caption) \|\| caption === null) { this.caption = caption === null ? null : new TextNode(caption); this.resetSearchIndex(); _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } } }, { key: "getCaptionOption", value: function getCaptionOption(option) { if (!main_core.Type.isUndefined(this.captionOptions[option])) { return this.captionOptions[option]; } var captionOptions = this.getEntityItemOption('captionOptions'); if (main_core.Type.isPlainObject(captionOptions) && !main_core.Type.isUndefined(captionOptions[option])) { return captionOptions[option]; } return null; } }, { key: "setCaptionOption", value: function setCaptionOption(option, value) { if (main_core.Type.isStringFilled(option) && !main_core.Type.isUndefined(value)) { this.captionOptions[option] = value; _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } } }, { key: "setCaptionOptions", value: function setCaptionOptions(options) { var _this = this; if (main_core.Type.isPlainObject(options)) { Object.keys(options).forEach(function (option) { _this.setCaptionOption(option, options[option]); }); } } }, { key: "getAvatar", value: function getAvatar() { return this.avatar !== null ? this.avatar : this.getEntityItemOption('avatar'); } }, { key: "setAvatar", value: function setAvatar(avatar) { if (main_core.Type.isString(avatar) \|\| avatar === null) { this.avatar = avatar; _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } } }, { key: "getAvatarOption", value: function getAvatarOption(option) { if (this.avatarOptions !== null && !main_core.Type.isUndefined(this.avatarOptions[option])) { return this.avatarOptions[option]; } var avatarOptions = this.getEntityItemOption('avatarOptions'); if (main_core.Type.isPlainObject(avatarOptions) && !main_core.Type.isUndefined(avatarOptions[option])) { return avatarOptions[option]; } return null; } }, { key: "setAvatarOption", value: function setAvatarOption(option, value) { if (main_core.Type.isStringFilled(option) && !main_core.Type.isUndefined(value)) { if (this.avatarOptions === null) { this.avatarOptions = {}; } this.avatarOptions[option] = value; _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } } }, { key: "setAvatarOptions", value: function setAvatarOptions(options) { var _this2 = this; if (main_core.Type.isPlainObject(options)) { Object.keys(options).forEach(function (option) { _this2.setAvatarOption(option, options[option]); }); } } }, { key: "getTextColor", value: function getTextColor() { return this.textColor !== null ? this.textColor : this.getEntityItemOption('textColor'); } }, { key: "setTextColor", value: function setTextColor(textColor) { if (main_core.Type.isString(textColor) \|\| textColor === null) { this.textColor = textColor; _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } } }, { key: "getLink", value: function getLink() { var link = this.link !== null ? this.link : this.getEntityItemOption('link'); return this.replaceMacros(link); } }, { key: "setLink", value: function setLink(link) { if (main_core.Type.isString(link) \|\| link === null) { this.link = link; _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } } }, { key: "getLinkTitle", value: function getLinkTitle() { var linkTitleNode = this.getLinkTitleNode(); return linkTitleNode !== null ? linkTitleNode.getText() : main_core.Loc.getMessage('UI_SELECTOR_ITEM_LINK_TITLE'); } }, { key: "getLinkTitleNode", value: function getLinkTitleNode() { return this.linkTitle !== null ? this.linkTitle : this.getEntityTextNode('linkTitle'); } }, { key: "setLinkTitle", value: function setLinkTitle(linkTitle) { if (main_core.Type.isString(linkTitle) \|\| main_core.Type.isPlainObject(linkTitle) \|\| linkTitle === null) { this.linkTitle = linkTitle === null ? null : new TextNode(linkTitle); _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } } }, { key: "getBadges", value: function getBadges() { if (this.badges !== null) { return this.badges; } var badges = this.getEntity().getBadges(this); if (main_core.Type.isArray(badges)) { this.setBadges(badges); } else { this.badges = []; } return this.badges; } }, { key: "setBadges", value: function setBadges(badges) { var _this3 = this; if (main_core.Type.isArray(badges)) { this.badges = []; badges.forEach(function (badge) { _this3.badges.push(new ItemBadge(badge)); }); _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } else if (badges === null) { this.badges = null; _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } } }, { key: "getBadgesOption", value: function getBadgesOption(option) { if (!main_core.Type.isUndefined(this.badgesOptions[option])) { return this.badgesOptions[option]; } var badgesOptions = this.getEntityItemOption('badgesOptions'); if (main_core.Type.isPlainObject(badgesOptions) && !main_core.Type.isUndefined(badgesOptions[option])) { return badgesOptions[option]; } return null; } }, { key: "setBadgesOption", value: function setBadgesOption(option, value) { if (main_core.Type.isStringFilled(option) && !main_core.Type.isUndefined(value)) { this.badgesOptions[option] = value; _classPrivateMethodGet$1(this, _renderNodes, _renderNodes2).call(this); } } }, { key: "setBadgesOptions", value: function setBadgesOptions(options) { var _this4 = this; if (main_core.Type.isPlainObject(options)) { Object.keys(options).forEach(function (option) { _this4.setBadgesOption(option, options[option]); }); } } /* * @internal / }, { key: "setDialog", value: function setDialog(dialog) { this.dialog = dialog; } }, { key: "getDialog", value: function getDialog() { return this.dialog; } }, { key: "createNode", value: function createNode(nodeOptions) { var itemNode = new ItemNode(this, nodeOptions); this.nodes.add(itemNode); return itemNode; } }, { key: "removeNode", value: function removeNode(node) { this.nodes["delete"](node); } }, { key: "getNodes", value: function getNodes() { return this.nodes; } }, { key: "select", value: function select() { var preselectedMode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; if (this.selected) { return; } var dialog = this.getDialog(); var emitEvents = dialog && !preselectedMode; if (emitEvents) { var event = new main_core_events.BaseEvent({ data: { item: this } }); dialog.emit('Item:onBeforeSelect', event); if (event.isDefaultPrevented()) { return; } } this.selected = true; if (dialog) { dialog.handleItemSelect(this, !preselectedMode); } if (this.isRendered()) { this.getNodes().forEach(function (node) { node.select(); }); } if (emitEvents) { dialog.emit('Item:onSelect', { item: this }); dialog.saveRecentItem(this); } } }, { key: "deselect", value: function deselect() { if (!this.selected) { return; } var dialog = this.getDialog(); if (dialog) { var event = new main_core_events.BaseEvent({ data: { item: this } }); dialog.emit('Item:onBeforeDeselect', event); if (event.isDefaultPrevented()) { return; } } this.selected = false; if (this.isRendered()) { this.getNodes().forEach(function (node) { node.deselect(); }); } if (dialog) { dialog.handleItemDeselect(this); dialog.emit('Item:onDeselect', { item: this }); } } }, { key: "isSelected", value: function isSelected() { return this.selected; } }, { key: "setSearchable", value: function setSearchable(flag) { if (main_core.Type.isBoolean(flag)) { this.searchable = flag; } } }, { key: "isSearchable", value: function isSearchable() { return this.searchable; } }, { key: "setSaveable", value: function setSaveable(flag) { if (main_core.Type.isBoolean(flag)) { this.saveable = flag; } } }, { key: "isSaveable", value: function isSaveable() { return this.saveable; } }, { key: "setDeselectable", value: function setDeselectable(flag) { if (main_core.Type.isBoolean(flag)) { this.deselectable = flag; if (this.getDialog() && this.getDialog().getTagSelector()) { var tag = this.getDialog().getTagSelector().getTag({ id: this.getId(), entityId: this.getEntityId() }); if (tag) { tag.setDeselectable(flag); } } } } }, { key: "isDeselectable", value: function isDeselectable() { return this.deselectable; } }, { key: "setHidden", value: function setHidden(flag) { if (main_core.Type.isBoolean(flag)) { this.hidden = flag; if (this.isRendered()) { this.getNodes().forEach(function (node) { node.setHidden(flag); }); } } } }, { key: "isHidden", value: function isHidden() { return this.hidden; } }, { key: "setContextSort", value: function setContextSort(sort) { if (main_core.Type.isNumber(sort) \|\| sort === null) { this.contextSort = sort; } } }, { key: "getContextSort", value: function getContextSort() { return this.contextSort; } }, { key: "setGlobalSort", value: function setGlobalSort(sort) { if (main_core.Type.isNumber(sort) \|\| sort === null) { this.globalSort = sort; } } }, { key: "getGlobalSort", value: function getGlobalSort() { return this.globalSort; } }, { key: "setSort", value: function setSort(sort) { if (main_core.Type.isNumber(sort) \|\| sort === null) { this.sort = sort; } } }, { key: "getSort", value: function getSort() { return this.sort; } }, { key: "getSearchIndex", value: function getSearchIndex() { if (this.searchIndex === null) { this.searchIndex = SearchIndex.create(this); } return this.searchIndex; } }, { key: "resetSearchIndex", value: function resetSearchIndex() { this.searchIndex = null; } }, { key: "getCustomData", value: function getCustomData() { return this.customData; } }, { key: "isRendered", value: function isRendered() { return this.getDialog() && this.getDialog().isRendered(); } }, { key: "getEntityItemOption", value: function getEntityItemOption(option) { return this.getEntity().getItemOption(option, this.getEntityType()); } }, { key: "getEntityTagOption", value: function getEntityTagOption(option) { return this.getEntity().getTagOption(option, this.getEntityType()); } }, { key: "getEntityTextNode", value: function getEntityTextNode(option) { return this.getEntity().getOptionTextNode(option, this.getEntityType()); } }, { key: "getTagOptions", value: function getTagOptions() { return this.tagOptions; } }, { key: "getTagOption", value: function getTagOption(option) { var value = this.getTagOptions().get(option); if (!main_core.Type.isUndefined(value)) { return value; } return null; } }, { key: "getTagGlobalOption", value: function getTagGlobalOption(option) { var useItemOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; if (!main_core.Type.isStringFilled(option)) { return null; } var value = this.getTagOption(option); if (value === null && useItemOptions === true && this[option] !== null) { value = this[option]; } if (value === null && this.getDialog().getTagSelector()) { var fn = "getTag".concat(main_core.Text.toPascalCase(option)); if (main_core.Type.isFunction(this.getDialog().getTagSelector()[fn])) { value = this.getDialog().getTagSelector()[fn](); } } if (value === null) { value = this.getEntityTagOption(option); } if (value === null && useItemOptions === true) { value = this.getEntityItemOption(option); } return value; } }, { key: "getTagBgColor", value: function getTagBgColor() { return this.getTagGlobalOption('bgColor'); } }, { key: "getTagTextColor", value: function getTagTextColor() { return this.getTagGlobalOption('textColor'); } }, { key: "getTagMaxWidth", value: function getTagMaxWidth() { return this.getTagGlobalOption('maxWidth'); } }, { key: "getTagFontWeight", value: function getTagFontWeight() { return this.getTagGlobalOption('fontWeight'); } }, { key: "getTagAvatar", value: function getTagAvatar() { return this.getTagGlobalOption('avatar', true); } }, { key: "getTagAvatarOptions", value: function getTagAvatarOptions() { return this.getTagGlobalOption('avatarOptions', true); } }, { key: "getTagLink", value: function getTagLink() { return this.replaceMacros(this.getTagGlobalOption('link', true)); } /* * @internal / }, { key: "replaceMacros", value: function replaceMacros(str) { if (!main_core.Type.isStringFilled(str)) { return str; } return str.replace(/#id#/i, this.getId()).replace(/#element_id#/i, this.getId()); } /* * @internal / }, { key: "createTag", value: function createTag() { return { id: this.getId(), entityId: this.getEntityId(), entityType: this.getEntityType(), title: this.getTagOption('title') \|\| this.getTitleNode() && this.getTitleNode().toJSON() \|\| '', deselectable: this.isDeselectable(), avatar: this.getTagAvatar(), avatarOptions: this.getTagAvatarOptions(), link: this.getTagLink(), maxWidth: this.getTagMaxWidth(), textColor: this.getTagTextColor(), bgColor: this.getTagBgColor(), fontWeight: this.getTagFontWeight() }; } }, { key: "getAjaxJson", value: function getAjaxJson() { return this.toJSON(); } }, { key: "toJSON", value: function toJSON() { return { id: this.getId(), entityId: this.getEntityId(), entityType: this.getEntityType(), selected: this.isSelected(), deselectable: this.isDeselectable(), searchable: this.isSearchable(), saveable: this.isSaveable(), hidden: this.isHidden(), title: this.getTitleNode(), link: this.getLink(), linkTitle: this.getLinkTitleNode(), subtitle: this.getSubtitleNode(), supertitle: this.getSupertitleNode(), caption: this.getCaptionNode(), avatar: this.getAvatar(), textColor: this.getTextColor(), sort: this.getSort(), contextSort: this.getContextSort(), globalSort: this.getGlobalSort(), customData: TypeUtils.convertMapToObject(this.getCustomData()), tagOptions: TypeUtils.convertMapToObject(this.getTagOptions()), badges: this.getBadges() }; } }]); return Item; }(); function _renderNodes2() { if (this.isRendered()) { this.getNodes().forEach(function (node) { node.render(); }); } } var _templateObject; var BaseStub = /#__PURE__/function () { function BaseStub(tab, options) { babelHelpers.classCallCheck(this, BaseStub); babelHelpers.defineProperty(this, "tab", null); babelHelpers.defineProperty(this, "autoShow", true); babelHelpers.defineProperty(this, "cache", new main_core.Cache.MemoryCache()); babelHelpers.defineProperty(this, "content", null); this.options = main_core.Type.isPlainObject(options) ? options : {}; this.tab = tab; this.autoShow = this.getOption('autoShow', true); } /* * @abstract / babelHelpers.createClass(BaseStub, [{ key: "render", value: function render() { throw new Error('You must implement render() method.'); } }, { key: "getTab", value: function getTab() { return this.tab; } }, { key: "getOuterContainer", value: function getOuterContainer() { var _this = this; return this.cache.remember('outer-container', function () { return main_core.Tag.render(_templateObject \|\| (_templateObject = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-tab-stub\">", "</div>\n\t\t\t"])), _this.render()); }); } }, { key: "isAutoShow", value: function isAutoShow() { return this.autoShow; } }, { key: "show", value: function show() { main_core.Dom.append(this.getOuterContainer(), this.getTab().getContainer()); /requestAnimationFrame(() => { Dom.addClass(this.getOuterContainer(), 'ui-selector-tab-stub--show'); });/ } }, { key: "hide", value: function hide() { // Dom.removeClass(this.getOuterContainer(), 'ui-selector-tab-stub--show'); main_core.Dom.remove(this.getOuterContainer()); } }, { key: "getOptions", value: function getOptions() { return this.options; } }, { key: "getOption", value: function getOption(option, defaultValue) { if (!main_core.Type.isUndefined(this.options[option])) { return this.options[option]; } else if (!main_core.Type.isUndefined(defaultValue)) { return defaultValue; } return null; } }]); return BaseStub; }(); var _templateObject$1, _templateObject2, _templateObject3, _templateObject4; var DefaultStub = /#__PURE__/function (_BaseStub) { babelHelpers.inherits(DefaultStub, _BaseStub); function DefaultStub(tab, options) { var _this; babelHelpers.classCallCheck(this, DefaultStub); _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(DefaultStub).call(this, tab, options)); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "content", null); return _this; } babelHelpers.createClass(DefaultStub, [{ key: "getContainer", value: function getContainer() { var _this2 = this; return this.cache.remember('container', function () { var subtitle = _this2.getOption('subtitle'); var title = main_core.Type.isStringFilled(_this2.getOption('title')) ? _this2.getOption('title') : _this2.getDefaultTitle(); var icon = _this2.getOption('icon') \|\| _this2.getTab().getIcon('default'); var iconOpacity = 35; if (main_core.Type.isNumber(_this2.getOption('iconOpacity'))) { iconOpacity = Math.min(100, Math.max(0, _this2.getOption('iconOpacity'))); } var iconStyle = main_core.Type.isStringFilled(icon) ? "style=\"background-image: url('".concat(encodeUrl(icon), "'); opacity: ").concat(iconOpacity / 100, ";\"") : ''; var arrow = _this2.getOption('arrow', false) && _this2.getTab().getDialog().getActiveFooter() !== null; return main_core.Tag.render(_templateObject$1 \|\| (_templateObject$1 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-tab-default-stub\">\n\t\t\t\t\t<div class=\"ui-selector-tab-default-stub-icon\" ", "></div>\n\t\t\t\t\t<div class=\"ui-selector-tab-default-stub-titles\">\n\t\t\t\t\t\t<div class=\"ui-selector-tab-default-stub-title\">", "</div>\n\t\t\t\t\t\t", "\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t"])), iconStyle, title, subtitle ? main_core.Tag.render(_templateObject2 \|\| (_templateObject2 = babelHelpers.taggedTemplateLiteral(["<div class=\"ui-selector-tab-default-stub-subtitle\">", "</div>"])), subtitle) : '', arrow ? main_core.Tag.render(_templateObject3 \|\| (_templateObject3 = babelHelpers.taggedTemplateLiteral(["<div class=\"ui-selector-tab-default-stub-arrow\"></div>"]))) : ''); }); } }, { key: "getDefaultTitle", value: function getDefaultTitle() { var titleNode = this.getTab().getTitleNode(); var titleContainer = main_core.Tag.render(_templateObject4 \|\| (_templateObject4 = babelHelpers.taggedTemplateLiteral(["<span class=\"ui-selector-tab-default-stub-title\"></span>"]))); titleNode.renderTo(titleContainer); return main_core.Loc.getMessage('UI_SELECTOR_TAB_STUB_TITLE').replace(/#TAB_TITLE#/, titleContainer.innerHTML); } }, { key: "render", value: function render() { return this.getContainer(); } }]); return DefaultStub; }(BaseStub); var _templateObject$2; var BaseHeader = /#__PURE__/function () { function BaseHeader(context, options) { babelHelpers.classCallCheck(this, BaseHeader); babelHelpers.defineProperty(this, "dialog", null); babelHelpers.defineProperty(this, "tab", null); babelHelpers.defineProperty(this, "container", null); babelHelpers.defineProperty(this, "cache", new main_core.Cache.MemoryCache()); this.options = main_core.Type.isPlainObject(options) ? options : {}; if (context instanceof Dialog) { this.dialog = context; } else { this.tab = context; this.dialog = this.tab.getDialog(); } } babelHelpers.createClass(BaseHeader, [{ key: "getDialog", value: function getDialog() { return this.dialog; } }, { key: "getTab", value: function getTab() { return this.tab; } }, { key: "show", value: function show() { main_core.Dom.addClass(this.getContainer(), 'ui-selector-header--show'); } }, { key: "hide", value: function hide() { main_core.Dom.removeClass(this.getContainer(), 'ui-selector-header--show'); } }, { key: "getOptions", value: function getOptions() { return this.options; } }, { key: "getOption", value: function getOption(option, defaultValue) { if (!main_core.Type.isUndefined(this.options[option])) { return this.options[option]; } else if (!main_core.Type.isUndefined(defaultValue)) { return defaultValue; } return null; } }, { key: "getContainer", value: function getContainer() { if (this.container === null) { this.container = main_core.Tag.render(_templateObject$2 \|\| (_templateObject$2 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-header\">", "</div>\n\t\t\t"])), this.render()); } return this.container; } /* * @abstract / }, { key: "render", value: function render() { throw new Error('You must implement render() method.'); } }]); return BaseHeader; }(); var _templateObject$3; var BaseFooter = /#__PURE__/function () { function BaseFooter(context, options) { babelHelpers.classCallCheck(this, BaseFooter); babelHelpers.defineProperty(this, "dialog", null); babelHelpers.defineProperty(this, "tab", null); babelHelpers.defineProperty(this, "container", null); babelHelpers.defineProperty(this, "cache", new main_core.Cache.MemoryCache()); this.options = main_core.Type.isPlainObject(options) ? options : {}; if (context instanceof Dialog) { this.dialog = context; } else { this.tab = context; this.dialog = this.tab.getDialog(); } } babelHelpers.createClass(BaseFooter, [{ key: "getDialog", value: function getDialog() { return this.dialog; } }, { key: "getTab", value: function getTab() { return this.tab; } }, { key: "show", value: function show() { main_core.Dom.addClass(this.getContainer(), 'ui-selector-footer--show'); } }, { key: "hide", value: function hide() { main_core.Dom.removeClass(this.getContainer(), 'ui-selector-footer--show'); } }, { key: "getOptions", value: function getOptions() { return this.options; } }, { key: "getOption", value: function getOption(option, defaultValue) { if (!main_core.Type.isUndefined(this.options[option])) { return this.options[option]; } else if (!main_core.Type.isUndefined(defaultValue)) { return defaultValue; } return null; } }, { key: "getContainer", value: function getContainer() { if (this.container === null) { this.container = main_core.Tag.render(_templateObject$3 \|\| (_templateObject$3 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-footer\">", "</div>\n\t\t\t"])), this.render()); } return this.container; } /* * @abstract / }, { key: "render", value: function render() { throw new Error('You must implement render() method.'); } }]); return BaseFooter; }(); var _templateObject$4, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5; /* * @memberof BX.UI.EntitySelector / var Tab = /#__PURE__/function () { function Tab(dialog, tabOptions) { babelHelpers.classCallCheck(this, Tab); babelHelpers.defineProperty(this, "id", null); babelHelpers.defineProperty(this, "title", null); babelHelpers.defineProperty(this, "rootNode", null); babelHelpers.defineProperty(this, "dialog", null); babelHelpers.defineProperty(this, "stub", null); babelHelpers.defineProperty(this, "visible", true); babelHelpers.defineProperty(this, "rendered", false); babelHelpers.defineProperty(this, "locked", false); babelHelpers.defineProperty(this, "selected", false); babelHelpers.defineProperty(this, "hovered", false); babelHelpers.defineProperty(this, "icon", {}); babelHelpers.defineProperty(this, "textColor", {}); babelHelpers.defineProperty(this, "bgColor", {}); babelHelpers.defineProperty(this, "itemMaxDepth", 5); babelHelpers.defineProperty(this, "header", null); babelHelpers.defineProperty(this, "showDefaultHeader", true); babelHelpers.defineProperty(this, "footer", null); babelHelpers.defineProperty(this, "showDefaultFooter", true); babelHelpers.defineProperty(this, "showAvatars", null); babelHelpers.defineProperty(this, "cache", new main_core.Cache.MemoryCache()); var options = main_core.Type.isPlainObject(tabOptions) ? tabOptions : {}; if (!main_core.Type.isStringFilled(options.id)) { throw new Error('EntitySelector.Tab: "id" parameter is required.'); } this.setDialog(dialog); this.id = options.id; this.showDefaultHeader = options.showDefaultHeader !== false; this.showDefaultFooter = options.showDefaultFooter !== false; this.rootNode = new ItemNode(null, { itemOrder: options.itemOrder }); this.rootNode.setTab(this); this.setVisible(options.visible); this.setTitle(options.title); this.setItemMaxDepth(options.itemMaxDepth); this.setIcon(options.icon); this.setTextColor(options.textColor); this.setBgColor(options.bgColor); this.setStub(options.stub, options.stubOptions); this.setHeader(options.header, options.headerOptions); this.setFooter(options.footer, options.footerOptions); this.setShowAvatars(options.showAvatars); } babelHelpers.createClass(Tab, [{ key: "getId", value: function getId() { return this.id; } /* * @internal / }, { key: "setDialog", value: function setDialog(dialog) { this.dialog = dialog; } }, { key: "getDialog", value: function getDialog() { return this.dialog; } }, { key: "getStub", value: function getStub() { return this.stub; } }, { key: "setStub", value: function setStub(stub, stubOptions) { var instance = null; var options = main_core.Type.isPlainObject(stubOptions) ? stubOptions : {}; if (main_core.Type.isString(stub) \|\| main_core.Type.isFunction(stub)) { var className = main_core.Type.isString(stub) ? main_core.Reflection.getClass(stub) : stub; if (main_core.Type.isFunction(className)) { instance = new className(this, options); if (!(instance instanceof BaseStub)) { console.error('EntitySelector: stub is not an instance of BaseStub.'); instance = null; } } } if (!instance && stub !== false) { instance = new DefaultStub(this, options); } this.stub = instance; } }, { key: "getHeader", value: function getHeader() { return this.header; } }, { key: "setHeader", value: function setHeader(headerContent, headerOptions) { /* @var {BaseHeader} / var header = null; if (headerContent !== null) { header = Dialog.createHeader(this, headerContent, headerOptions); if (header === null) { return; } } if (this.isRendered() && this.getHeader() !== null) { main_core.Dom.remove(this.getHeader().getContainer()); this.getDialog().adjustHeader(); } this.header = header; if (this.isRendered()) { this.getDialog().appendHeader(header); this.getDialog().adjustHeader(); } } }, { key: "canShowDefaultHeader", value: function canShowDefaultHeader() { return this.showDefaultHeader; } }, { key: "enableDefaultHeader", value: function enableDefaultHeader() { this.showDefaultHeader = true; this.getDialog().adjustHeader(); } }, { key: "disableDefaultHeader", value: function disableDefaultHeader() { this.showDefaultHeader = false; this.getDialog().adjustHeader(); } }, { key: "getFooter", value: function getFooter() { return this.footer; } }, { key: "setFooter", value: function setFooter(footerContent, footerOptions) { /* @var {BaseFooter} / var footer = null; if (footerContent !== null) { footer = Dialog.createFooter(this, footerContent, footerOptions); if (footer === null) { return; } } if (this.isRendered() && this.getFooter() !== null) { main_core.Dom.remove(this.getFooter().getContainer()); this.getDialog().adjustFooter(); } this.footer = footer; if (this.isRendered()) { this.getDialog().appendFooter(footer); this.getDialog().adjustFooter(); } } }, { key: "canShowDefaultFooter", value: function canShowDefaultFooter() { return this.showDefaultFooter; } }, { key: "enableDefaultFooter", value: function enableDefaultFooter() { this.showDefaultFooter = true; this.getDialog().adjustFooter(); } }, { key: "disableDefaultFooter", value: function disableDefaultFooter() { this.showDefaultFooter = false; this.getDialog().adjustFooter(); } }, { key: "setShowAvatars", value: function setShowAvatars(flag) { if (main_core.Type.isBoolean(flag) \|\| flag === null) { this.showAvatars = flag; if (this.isRendered()) { this.renderContainer(); } } } }, { key: "shouldShowAvatars", value: function shouldShowAvatars() { var _this$showAvatars; return (_this$showAvatars = this.showAvatars) !== null && _this$showAvatars !== void 0 ? _this$showAvatars : this.getDialog().shouldShowAvatars(); } }, { key: "getRootNode", value: function getRootNode() { return this.rootNode; } }, { key: "setTitle", value: function setTitle(title) { if (main_core.Type.isStringFilled(title) \|\| main_core.Type.isPlainObject(title) \|\| title === null) { this.title = title === null ? null : new TextNode(title); if (this.isRendered()) { this.renderLabel(); } } } }, { key: "getTitle", value: function getTitle() { var titleNode = this.getTitleNode(); return titleNode !== null && !titleNode.isNullable() ? titleNode.getText() : ''; } }, { key: "getTitleNode", value: function getTitleNode() { return this.title; } }, { key: "setIcon", value: function setIcon(icon) { return this.setProperty('icon', icon); } }, { key: "getIcon", value: function getIcon(state) { return this.getPropertyByState('icon', state); } }, { key: "setBgColor", value: function setBgColor(bgColor) { return this.setProperty('bgColor', bgColor); } }, { key: "getBgColor", value: function getBgColor(state) { return this.getPropertyByState('bgColor', state); } }, { key: "setTextColor", value: function setTextColor(textColor) { return this.setProperty('textColor', textColor); } }, { key: "getTextColor", value: function getTextColor(state) { return this.getPropertyByState('textColor', state); } /* * @private / }, { key: "setProperty", value: function setProperty(name, states) { var property = this[name]; if (!property) { return; } if (main_core.Type.isPlainObject(states)) { Object.keys(states).forEach(function (state) { if (main_core.Type.isStringFilled(states[state])) { property[state] = states[state]; } }); } else if (main_core.Type.isStringFilled(states)) { property['default'] = states; } } /* * @private / }, { key: "getPropertyByState", value: function getPropertyByState(name, state) { var property = this[name]; var labelState = main_core.Type.isStringFilled(state) ? state : 'default'; if (!main_core.Type.isUndefined(property) && !main_core.Type.isUndefined(property[labelState])) { return property[labelState]; } return null; } /* * @private / }, { key: "getPropertyByCurrentState", value: function getPropertyByCurrentState(name) { var property = this[name]; if (this.isSelected() && this.isHovered() && property.selectedHovered) { return property.selectedHovered; } else if (this.isSelected() && property.selected) { return property.selected; } else if (this.isHovered() && property.hovered) { return property.hovered; } else if (property["default"]) { return property["default"]; } return null; } }, { key: "setItemMaxDepth", value: function setItemMaxDepth(depth) { if (main_core.Type.isNumber(depth) && depth > 0) { this.itemMaxDepth = depth; } } }, { key: "getItemMaxDepth", value: function getItemMaxDepth() { return this.itemMaxDepth; } }, { key: "getContainer", value: function getContainer() { var _this = this; return this.cache.remember('container', function () { return main_core.Tag.render(_templateObject$4 \|\| (_templateObject$4 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-tab-content\">", "</div>\n\t\t\t"])), _this.getItemsContainer()); }); } }, { key: "getLabelContainer", value: function getLabelContainer() { var _this2 = this; return this.cache.remember('label', function () { var className = _this2.isVisible() ? '' : ' ui-selector-tab-label-hidden'; return main_core.Tag.render(_templateObject2$1 \|\| (_templateObject2$1 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div \n\t\t\t\t\tclass=\"ui-selector-tab-label", "\" \n\t\t\t\t\tonclick=\"", "\"\n\t\t\t\t\tonmouseenter=\"", "\"\n\t\t\t\t\tonmouseleave=\"", "\"\n\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"])), className, _this2.handleLabelClick.bind(_this2), _this2.handleLabelMouseEnter.bind(_this2), _this2.handleLabelMouseLeave.bind(_this2), _this2.getIconContainer(), _this2.getTitleContainer()); }); } }, { key: "getIconContainer", value: function getIconContainer() { return this.cache.remember('icon', function () { return main_core.Tag.render(_templateObject3$1 \|\| (_templateObject3$1 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-tab-icon\"></div>\n\t\t\t"]))); }); } }, { key: "getTitleContainer", value: function getTitleContainer() { return this.cache.remember('title', function () { return main_core.Tag.render(_templateObject4$1 \|\| (_templateObject4$1 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-tab-title\"></div>\n\t\t\t"]))); }); } }, { key: "getItemsContainer", value: function getItemsContainer() { return this.cache.remember('items', function () { return main_core.Tag.render(_templateObject5 \|\| (_templateObject5 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-items\"></div>\n\t\t\t"]))); }); } }, { key: "render", value: function render() { this.getRootNode().render(); this.rendered = true; } /* @internal / }, { key: "renderLabel", value: function renderLabel() { main_core.Dom.style(this.getTitleContainer(), 'color', this.getPropertyByCurrentState('textColor')); main_core.Dom.style(this.getLabelContainer(), 'background-color', this.getPropertyByCurrentState('bgColor')); var icon = this.getPropertyByCurrentState('icon'); main_core.Dom.style(this.getIconContainer(), 'background-image', icon ? "url('".concat(encodeUrl(icon), "')") : null); var titleNode = this.getTitleNode(); if (titleNode) { this.getTitleNode().renderTo(this.getTitleContainer()); } else { this.getTitleContainer().textContent = ''; } } / @internal / }, { key: "renderContainer", value: function renderContainer() { var className = 'ui-selector-tab-content--hide-avatars'; if (this.shouldShowAvatars()) { main_core.Dom.removeClass(this.getContainer(), className); } else { main_core.Dom.addClass(this.getContainer(), className); } } }, { key: "isVisible", value: function isVisible() { return this.visible; } }, { key: "setVisible", value: function setVisible(flag) { if (main_core.Type.isBoolean(flag)) { this.visible = flag; if (this.isRendered()) { if (this.visible) { main_core.Dom.remove(this.getLabelContainer(), 'ui-selector-tab-label-hidden'); } else { main_core.Dom.addClass(this.getLabelContainer(), 'ui-selector-tab-label-hidden'); } } } } }, { key: "isRendered", value: function isRendered() { return this.rendered && this.getDialog() && this.getDialog().isRendered(); } / * @internal / }, { key: "select", value: function select() { if (this.isSelected()) { return; } main_core.Dom.addClass(this.getContainer(), 'ui-selector-tab-content-active'); if (this.isVisible()) { main_core.Dom.addClass(this.getLabelContainer(), 'ui-selector-tab-label-active'); this.renderLabel(); } this.selected = true; if (this.isVisible()) { this.renderLabel(); } if (this.getHeader()) { this.getHeader().show(); } if (this.getFooter()) { this.getFooter().show(); } this.getDialog().emit('Tab:onSelect', { tab: this }); } /* * @internal / }, { key: "deselect", value: function deselect() { if (!this.isSelected()) { return; } main_core.Dom.removeClass(this.getContainer(), 'ui-selector-tab-content-active'); if (this.isVisible()) { main_core.Dom.removeClass(this.getLabelContainer(), 'ui-selector-tab-label-active'); } this.selected = false; if (this.isVisible()) { this.renderLabel(); } if (this.getHeader()) { this.getHeader().hide(); } if (this.getFooter()) { this.getFooter().hide(); } this.getDialog().emit('Tab:onDeselect', { tab: this }); } }, { key: "hover", value: function hover() { if (this.isHovered()) { return; } main_core.Dom.addClass(this.getLabelContainer(), 'ui-selector-tab-label-hover'); this.hovered = true; this.renderLabel(); } }, { key: "unhover", value: function unhover() { if (!this.isHovered()) { return; } main_core.Dom.removeClass(this.getLabelContainer(), 'ui-selector-tab-label-hover'); this.hovered = false; this.renderLabel(); } }, { key: "isSelected", value: function isSelected() { return this.selected; } }, { key: "isHovered", value: function isHovered() { return this.hovered; } }, { key: "lock", value: function lock() { this.locked = true; main_core.Dom.addClass(this.getContainer(), 'ui-selector-tab-content-locked'); } }, { key: "unlock", value: function unlock() { this.locked = false; main_core.Dom.removeClass(this.getContainer(), 'ui-selector-tab-content-locked'); } }, { key: "isLocked", value: function isLocked() { return this.locked; } }, { key: "handleLabelClick", value: function handleLabelClick() { this.getDialog().selectTab(this.getId()); } }, { key: "handleLabelMouseEnter", value: function handleLabelMouseEnter() { this.hover(); } }, { key: "handleLabelMouseLeave", value: function handleLabelMouseLeave() { this.unhover(); } }]); return Tab; }(); var _templateObject$5, _templateObject2$2, _templateObject3$2, _templateObject4$2, _templateObject5$1, _templateObject6; var TagItem = /#__PURE__/function () { function TagItem(itemOptions) { babelHelpers.classCallCheck(this, TagItem); babelHelpers.defineProperty(this, "id", null); babelHelpers.defineProperty(this, "entityId", null); babelHelpers.defineProperty(this, "entityType", null); babelHelpers.defineProperty(this, "title", null); babelHelpers.defineProperty(this, "avatar", null); babelHelpers.defineProperty(this, "avatarOptions", null); babelHelpers.defineProperty(this, "maxWidth", null); babelHelpers.defineProperty(this, "textColor", null); babelHelpers.defineProperty(this, "bgColor", null); babelHelpers.defineProperty(this, "fontWeight", null); babelHelpers.defineProperty(this, "link", null); babelHelpers.defineProperty(this, "onclick", null); babelHelpers.defineProperty(this, "deselectable", null); babelHelpers.defineProperty(this, "customData", null); babelHelpers.defineProperty(this, "cache", new main_core.Cache.MemoryCache()); babelHelpers.defineProperty(this, "selector", null); babelHelpers.defineProperty(this, "rendered", false); var options = main_core.Type.isPlainObject(itemOptions) ? itemOptions : {}; if (!main_core.Type.isStringFilled(options.id) && !main_core.Type.isNumber(options.id)) { throw new Error('TagSelector.TagItem: "id" parameter is required.'); } if (!main_core.Type.isStringFilled(options.entityId)) { throw new Error('TagSelector.TagItem: "entityId" parameter is required.'); } this.id = options.id; this.entityId = options.entityId.toLowerCase(); this.entityType = main_core.Type.isStringFilled(options.entityType) ? options.entityType : 'default'; this.customData = TypeUtils.createMapFromOptions(options.customData); this.onclick = main_core.Type.isFunction(options.onclick) ? options.onclick : null; this.link = main_core.Type.isStringFilled(options.link) ? options.link : null; this.setTitle(options.title); this.setDeselectable(options.deselectable); this.setAvatar(options.avatar); this.setAvatarOptions(options.avatarOptions); this.setMaxWidth(options.maxWidth); this.setTextColor(options.textColor); this.setBgColor(options.bgColor); this.setFontWeight(options.fontWeight); } babelHelpers.createClass(TagItem, [{ key: "getId", value: function getId() { return this.id; } }, { key: "getEntityId", value: function getEntityId() { return this.entityId; } }, { key: "getEntityType", value: function getEntityType() { return this.entityType; } }, { key: "getSelector", value: function getSelector() { return this.selector; } }, { key: "setSelector", value: function setSelector(selector) { this.selector = selector; } }, { key: "getTitle", value: function getTitle() { return this.getTitleNode() && !this.getTitleNode().isNullable() ? this.getTitleNode().getText() : ''; } }, { key: "getTitleNode", value: function getTitleNode() { return this.title; } }, { key: "setTitle", value: function setTitle(title) { if (main_core.Type.isStringFilled(title) \|\| main_core.Type.isPlainObject(title) \|\| title === null) { this.title = title === null ? null : new TextNode(title); } } }, { key: "getAvatar", value: function getAvatar() { if (this.avatar !== null) { return this.avatar; } else if (this.getSelector().getTagAvatar() !== null) { return this.getSelector().getTagAvatar(); } else if (this.getEntityTagOption('avatar') !== null) { return this.getEntityTagOption('avatar'); } return this.getEntityItemOption('avatar'); } }, { key: "setAvatar", value: function setAvatar(avatar) { if (main_core.Type.isString(avatar) \|\| avatar === null) { this.avatar = avatar; } } }, { key: "getAvatarOption", value: function getAvatarOption(option) { if (this.avatarOptions !== null && !main_core.Type.isUndefined(this.avatarOptions[option])) { return this.avatarOptions[option]; } var selectorAvatarOption = this.getSelector().getTagAvatarOption(option); if (selectorAvatarOption !== null) { return selectorAvatarOption[option]; } var entityTagAvatarOptions = this.getEntityTagOption('avatarOptions'); if (main_core.Type.isPlainObject(entityTagAvatarOptions) && !main_core.Type.isUndefined(entityTagAvatarOptions[option])) { return entityTagAvatarOptions[option]; } var entityItemAvatarOptions = this.getEntityItemOption('avatarOptions'); if (main_core.Type.isPlainObject(entityItemAvatarOptions) && !main_core.Type.isUndefined(entityItemAvatarOptions[option])) { return entityItemAvatarOptions[option]; } return null; } }, { key: "setAvatarOption", value: function setAvatarOption(option, value) { if (main_core.Type.isStringFilled(option) && !main_core.Type.isUndefined(value)) { if (this.avatarOptions === null) { this.avatarOptions = {}; } this.avatarOptions[option] = value; } } }, { key: "setAvatarOptions", value: function setAvatarOptions(options) { var _this = this; if (main_core.Type.isPlainObject(options)) { Object.keys(options).forEach(function (option) { _this.setAvatarOption(option, options[option]); }); } } }, { key: "getTextColor", value: function getTextColor() { if (this.textColor !== null) { return this.textColor; } else if (this.getSelector().getTagTextColor() !== null) { return this.getSelector().getTagTextColor(); } return this.getEntityTagOption('textColor'); } }, { key: "setTextColor", value: function setTextColor(textColor) { if (main_core.Type.isString(textColor) \|\| textColor === null) { this.textColor = textColor; } } }, { key: "getBgColor", value: function getBgColor() { if (this.bgColor !== null) { return this.bgColor; } else if (this.getSelector().getTagBgColor() !== null) { return this.getSelector().getTagBgColor(); } return this.getEntityTagOption('bgColor'); } }, { key: "setBgColor", value: function setBgColor(bgColor) { if (main_core.Type.isString(bgColor) \|\| bgColor === null) { this.bgColor = bgColor; } } }, { key: "getFontWeight", value: function getFontWeight() { if (this.fontWeight !== null) { return this.fontWeight; } else if (this.getSelector().getTagFontWeight() !== null) { return this.getSelector().getTagFontWeight(); } return this.getEntityTagOption('fontWeight'); } }, { key: "setFontWeight", value: function setFontWeight(fontWeight) { if (main_core.Type.isString(fontWeight) \|\| fontWeight === null) { this.fontWeight = fontWeight; } } }, { key: "getMaxWidth", value: function getMaxWidth() { if (this.maxWidth !== null) { return this.maxWidth; } else if (this.getSelector().getTagMaxWidth() !== null) { return this.getSelector().getTagMaxWidth(); } return this.getEntityTagOption('maxWidth'); } }, { key: "setMaxWidth", value: function setMaxWidth(width) { if (main_core.Type.isNumber(width) && width >= 0 \|\| width === null) { this.maxWidth = width; } } }, { key: "setDeselectable", value: function setDeselectable(flag) { if (main_core.Type.isBoolean(flag)) { this.deselectable = flag; } } }, { key: "isDeselectable", value: function isDeselectable() { return this.deselectable !== null ? this.deselectable : this.getSelector().isDeselectable(); } }, { key: "getCustomData", value: function getCustomData() { return this.customData; } }, { key: "getLink", value: function getLink() { return this.link; } }, { key: "getOnclick", value: function getOnclick() { return this.onclick; } }, { key: "render", value: function render() { var titleNode = this.getTitleNode(); if (titleNode) { titleNode.renderTo(this.getTitleContainer()); //Dom.attr(this.getContentContainer(), 'title', this.getTitle()); } else { this.getTitleContainer().textContent = ''; main_core.Dom.attr(this.getContentContainer(), 'title', ''); } var avatar = this.getAvatar(); var bgImage = this.getAvatarOption('bgImage'); if (main_core.Type.isStringFilled(avatar)) { main_core.Dom.style(this.getAvatarContainer(), 'background-image', "url('".concat(encodeUrl(avatar), "')")); } else { main_core.Dom.style(this.getAvatarContainer(), 'background-image', bgImage); } var bgColor = this.getAvatarOption('bgColor'); var bgSize = this.getAvatarOption('bgSize'); var border = this.getAvatarOption('border'); var borderRadius = this.getAvatarOption('borderRadius'); main_core.Dom.style(this.getAvatarContainer(), 'background-color', bgColor); main_core.Dom.style(this.getAvatarContainer(), 'background-size', bgSize); main_core.Dom.style(this.getAvatarContainer(), 'border', border); main_core.Dom.style(this.getAvatarContainer(), 'border-radius', borderRadius); var hasAvatar = avatar \|\| bgColor && bgColor !== 'none' \|\| bgImage && bgImage !== 'none'; if (hasAvatar) { main_core.Dom.addClass(this.getContainer(), 'ui-tag-selector-tag--has-avatar'); } else { main_core.Dom.removeClass(this.getContainer(), 'ui-tag-selector-tag--has-avatar'); } var maxWidth = this.getMaxWidth(); if (maxWidth > 0) { main_core.Dom.style(this.getContainer(), 'max-width', "".concat(maxWidth, "px")); } else { main_core.Dom.style(this.getContainer(), 'max-width', null); } if (this.isDeselectable()) { main_core.Dom.removeClass(this.getContainer(), 'ui-tag-selector-tag-readonly'); } else { main_core.Dom.addClass(this.getContainer(), 'ui-tag-selector-tag-readonly'); } main_core.Dom.style(this.getTitleContainer(), 'color', this.getTextColor()); main_core.Dom.style(this.getTitleContainer(), 'font-weight', this.getFontWeight()); main_core.Dom.style(this.getContainer(), 'background-color', this.getBgColor()); this.rendered = true; } }, { key: "getContainer", value: function getContainer() { var _this2 = this; return this.cache.remember('container', function () { return main_core.Tag.render(_templateObject$5 \|\| (_templateObject$5 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-tag-selector-item ui-tag-selector-tag\">\n\t\t\t\t\t", "\n\t\t\t\t\t", "\n\t\t\t\t</div>"])), _this2.getContentContainer(), _this2.getRemoveIcon()); }); } }, { key: "getContentContainer", value: function getContentContainer() { var _this3 = this; return this.cache.remember('content-container', function () { if (main_core.Type.isStringFilled(_this3.getLink())) { return main_core.Tag.render(_templateObject2$2 \|\| (_templateObject2$2 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"ui-tag-selector-tag-content\"\n\t\t\t\t\t\tonclick=\"", "\"\n\t\t\t\t\t\thref=\"", "\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\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</a>\n\t\t\t\t"])), _this3.handleContainerClick.bind(_this3), _this3.getLink(), _this3.getAvatarContainer(), _this3.getTitleContainer()); } else { var className = main_core.Type.isFunction(_this3.getOnclick()) ? ' ui-tag-selector-tag-content--clickable' : ''; return main_core.Tag.render(_templateObject3$2 \|\| (_templateObject3$2 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\t<div \n\t\t\t\t\t\tclass=\"ui-tag-selector-tag-content", "\" \n\t\t\t\t\t\tonclick=\"", "\"\n\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\t\n\t\t\t\t"])), className, _this3.handleContainerClick.bind(_this3), _this3.getAvatarContainer(), _this3.getTitleContainer()); } }); } }, { key: "getAvatarContainer", value: function getAvatarContainer() { return this.cache.remember('avatar', function () { return main_core.Tag.render(_templateObject4$2 \|\| (_templateObject4$2 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-tag-selector-tag-avatar\"></div>\n\t\t\t"]))); }); } }, { key: "getTitleContainer", value: function getTitleContainer() { return this.cache.remember('title', function () { return main_core.Tag.render(_templateObject5$1 \|\| (_templateObject5$1 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-tag-selector-tag-title\"></div>\n\t\t\t"]))); }); } }, { key: "getRemoveIcon", value: function getRemoveIcon() { var _this4 = this; return this.cache.remember('remove-icon', function () { return main_core.Tag.render(_templateObject6 \|\| (_templateObject6 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-tag-selector-tag-remove\" onclick=\"", "\"></div>\n\t\t\t"])), _this4.handleRemoveIconClick.bind(_this4)); }); } }, { key: "getEntityTagOption", value: function getEntityTagOption(option) { return Entity.getTagOption(this.getEntityId(), option, this.getEntityType()); } }, { key: "getEntityItemOption", value: function getEntityItemOption(option) { return Entity.getItemOption(this.getEntityId(), option, this.getEntityType()); } }, { key: "isRendered", value: function isRendered() { return this.rendered && this.getSelector() && this.getSelector().isRendered(); } }, { key: "remove", value: function remove() { var _this5 = this; var animate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; if (animate === false) { main_core.Dom.remove(this.getContainer()); return Promise.resolve(); } return new Promise(function (resolve) { main_core.Dom.style(_this5.getContainer(), 'width', "".concat(_this5.getContainer().offsetWidth, "px")); main_core.Dom.addClass(_this5.getContainer(), 'ui-tag-selector-tag--remove'); Animation.handleAnimationEnd(_this5.getContainer(), 'ui-tag-selector-tag-remove').then(function () { main_core.Dom.remove(_this5.getContainer()); resolve(); }); }); } }, { key: "show", value: function show() { var _this6 = this; return new Promise(function (resolve) { main_core.Dom.addClass(_this6.getContainer(), 'ui-tag-selector-tag--show'); Animation.handleAnimationEnd(_this6.getContainer(), 'ui-tag-selector-tag-show').then(function () { main_core.Dom.removeClass(_this6.getContainer(), 'ui-tag-selector-tag--show'); resolve(); }); }); } }, { key: "handleContainerClick", value: function handleContainerClick() { var fn = this.getOnclick(); if (main_core.Type.isFunction(fn)) { fn(this); } } }, { key: "handleRemoveIconClick", value: function handleRemoveIconClick(event) { event.stopPropagation(); if (this.isDeselectable()) { this.getSelector().removeTag(this); } } }]); return TagItem; }(); var _templateObject$6, _templateObject2$3, _templateObject3$3, _templateObject4$3, _templateObject5$2, _templateObject6$1, _templateObject7; /* * @memberof BX.UI.EntitySelector / var TagSelector = /#__PURE__/function (_EventEmitter) { babelHelpers.inherits(TagSelector, _EventEmitter); function TagSelector(selectorOptions) { var _this; babelHelpers.classCallCheck(this, TagSelector); _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(TagSelector).call(this)); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "tags", []); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "cache", new main_core.Cache.MemoryCache()); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "multiple", true); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "readonly", false); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "locked", false); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "deselectable", true); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "addButtonCaption", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "addButtonCaptionMore", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "createButtonCaption", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "addButtonVisible", true); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "createButtonVisible", false); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "textBoxVisible", false); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "textBoxWidth", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "maxHeight", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "placeholder", ''); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "textBoxAutoHide", false); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "textBoxOldValue", ''); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "tagAvatar", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "tagAvatarOptions", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "tagTextColor", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "tagBgColor", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "tagFontWeight", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "tagMaxWidth", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "dialog", null); _this.setEventNamespace('BX.UI.EntitySelector.TagSelector'); var options = main_core.Type.isPlainObject(selectorOptions) ? selectorOptions : {}; _this.id = main_core.Type.isStringFilled(options.id) ? options.id : "ui-tag-selector-".concat(main_core.Text.getRandom().toLowerCase()); _this.multiple = main_core.Type.isBoolean(options.multiple) ? options.multiple : true; _this.addButtonVisible = options.showAddButton !== false; _this.createButtonVisible = options.showCreateButton === true; _this.textBoxVisible = options.showTextBox === true; _this.setReadonly(options.readonly); _this.setLocked(options.locked); _this.setAddButtonCaption(options.addButtonCaption); _this.setAddButtonCaptionMore(options.addButtonCaptionMore); _this.setCreateButtonCaption(options.createButtonCaption); _this.setPlaceholder(options.placeholder); _this.setTextBoxAutoHide(options.textBoxAutoHide); _this.setTextBoxWidth(options.textBoxWidth); _this.setDeselectable(options.deselectable); _this.setMaxHeight(options.maxHeight); _this.setTagAvatar(options.tagAvatar); _this.setTagAvatarOptions(options.tagAvatarOptions); _this.setTagMaxWidth(options.tagMaxWidth); _this.setTagTextColor(options.tagTextColor); _this.setTagBgColor(options.tagBgColor); _this.setTagFontWeight(options.tagFontWeight); if (main_core.Type.isPlainObject(options.dialogOptions)) { var selectedItems = main_core.Type.isArray(options.items) ? options.items : []; if (main_core.Type.isArray(options.dialogOptions.selectedItems)) { selectedItems = selectedItems.concat(options.dialogOptions.selectedItems); } var dialogOptions = Object.assign({}, options.dialogOptions, { tagSelectorOptions: null, selectedItems: selectedItems, multiple: _this.isMultiple(), tagSelector: babelHelpers.assertThisInitialized(_this) }); new Dialog(dialogOptions); } else if (main_core.Type.isArray(options.items)) { options.items.forEach(function (item) { _this.addTag(item); }); } _this.subscribeFromOptions(options.events); return _this; } babelHelpers.createClass(TagSelector, [{ key: "getDialog", value: function getDialog() { return this.dialog; } /* * @internal * @param dialog / }, { key: "setDialog", value: function setDialog(dialog) { this.dialog = dialog; } }, { key: "setReadonly", value: function setReadonly(flag) { if (main_core.Type.isBoolean(flag)) { this.readonly = flag; if (this.isRendered()) { if (flag) { main_core.Dom.addClass(this.getOuterContainer(), 'ui-tag-selector-container-readonly'); } else { main_core.Dom.removeClass(this.getOuterContainer(), 'ui-tag-selector-container-readonly'); } } } } }, { key: "isReadonly", value: function isReadonly() { return this.readonly; } }, { key: "setLocked", value: function setLocked(flag) { if (main_core.Type.isBoolean(flag)) { this.locked = flag; if (flag) { main_core.Dom.addClass(this.getOuterContainer(), 'ui-tag-selector-container-locked'); this.getTextBox().disabled = true; } else { main_core.Dom.removeClass(this.getOuterContainer(), 'ui-tag-selector-container-locked'); this.getTextBox().disabled = false; } } } }, { key: "lock", value: function lock() { if (!this.isLocked()) { this.setLocked(true); } } }, { key: "unlock", value: function unlock() { if (this.isLocked()) { this.setLocked(false); } } }, { key: "isLocked", value: function isLocked() { return this.locked; } }, { key: "isMultiple", value: function isMultiple() { return this.multiple; } }, { key: "setDeselectable", value: function setDeselectable(flag) { if (main_core.Type.isBoolean(flag)) { var changed = this.deselectable !== flag; this.deselectable = flag; if (changed) { this.updateTags(); } } } }, { key: "isDeselectable", value: function isDeselectable() { return this.deselectable; } }, { key: "getTag", value: function getTag(tagItem) { if (tagItem instanceof TagItem) { return this.getTags().find(function (tag) { return tag === tagItem; }); } else if (main_core.Type.isPlainObject(tagItem)) { var id = tagItem.id, entityId = tagItem.entityId; return this.getTags().find(function (tag) { return tag.getId() === id && tag.getEntityId() === entityId; }); } return null; } }, { key: "addTag", value: function addTag(tagOptions) { var _this2 = this; if (!main_core.Type.isObjectLike(tagOptions)) { throw new Error('TagSelector.addTag: wrong item options.'); } if (this.getTag(tagOptions)) { return null; } var tag = new TagItem(tagOptions); tag.setSelector(this); var event = new main_core_events.BaseEvent({ data: { tag: tag } }); this.emit('onBeforeTagAdd', event); if (event.isDefaultPrevented()) { return null; } if (!this.isMultiple()) { this.removeTags(); } this.tags.push(tag); this.emit('onTagAdd', { tag: tag }); if (this.isRendered()) { tag.render(); this.getItemsContainer().insertBefore(tag.getContainer(), this.getTextBox()); if (tagOptions.animate !== false) { tag.show().then(function () { _this2.getContainer().scrollTop = _this2.getContainer().scrollHeight - _this2.getContainer().offsetHeight; _this2.emit('onAfterTagAdd', { tag: tag }); }); } else { this.emit('onAfterTagAdd', { tag: tag }); } this.toggleAddButtonCaption(); } else { this.emit('onAfterTagAdd', { tag: tag }); } return tag; } }, { key: "removeTag", value: function removeTag(item) { var _this3 = this; var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; var tagItem = this.getTag(item); if (!tagItem) { return; } var event = new main_core_events.BaseEvent({ data: { tag: tagItem } }); this.emit('onBeforeTagRemove', event); if (event.isDefaultPrevented()) { return; } this.tags = this.tags.filter(function (el) { return el !== tagItem; }); this.emit('onTagRemove', { tag: tagItem }); if (this.isRendered()) { tagItem.remove(animate).then(function () { _this3.toggleAddButtonCaption(); _this3.emit('onAfterTagRemove', { tag: tagItem }); }); } else { this.emit('onAfterTagRemove', { tag: tagItem }); } } }, { key: "removeTags", value: function removeTags() { var _this4 = this; this.getTags().forEach(function (tag) { _this4.removeTag(tag, false); }); } }, { key: "getTags", value: function getTags() { return this.tags; } }, { key: "renderTo", value: function renderTo(node) { var _this5 = this; this.rendered = true; this.getTags().forEach(function (tag) { tag.render(); _this5.getItemsContainer().insertBefore(tag.getContainer(), _this5.getTextBox()); }); if (main_core.Type.isDomNode(node)) { main_core.Dom.append(this.getOuterContainer(), node); } } }, { key: "isRendered", value: function isRendered() { return this.rendered; } /* * @private / }, { key: "updateTags", value: function updateTags() { if (this.isRendered()) { this.getTags().forEach(function (tag) { tag.render(); }); } } }, { key: "getOuterContainer", value: function getOuterContainer() { var _this6 = this; return this.cache.remember('outer-container', function () { var className = _this6.isReadonly() ? ' ui-tag-selector-container-readonly' : ''; className += _this6.isLocked() ? ' ui-tag-selector-container-locked' : ''; return main_core.Tag.render(_templateObject$6 \|\| (_templateObject$6 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-tag-selector-outer-container", "\">", "</div>\n\t\t\t"])), className, _this6.getContainer()); }); } }, { key: "getContainer", value: function getContainer() { var _this7 = this; return this.cache.remember('container', function () { var style = _this7.getMaxHeight() ? " style=\"max-height: ".concat(_this7.getMaxHeight(), "px; -ms-overflow-style: -ms-autohiding-scrollbar;\"") : ''; return main_core.Tag.render(_templateObject2$3 \|\| (_templateObject2$3 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div \n\t\t\t\t\tclass=\"ui-tag-selector-container\" \n\t\t\t\t\tonclick=\"", "\"\n\t\t\t\t\t", "\n\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"])), _this7.handleContainerClick.bind(_this7), style, _this7.getItemsContainer(), _this7.getCreateButton()); }); } }, { key: "getItemsContainer", value: function getItemsContainer() { var _this8 = this; return this.cache.remember('items-container', function () { return main_core.Tag.render(_templateObject3$3 \|\| (_templateObject3$3 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-tag-selector-items\">\n\t\t\t\t\t", "\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t"])), _this8.getTextBox(), _this8.getAddButton()); }); } }, { key: "getTextBox", value: function getTextBox() { var _this9 = this; return this.cache.remember('text-box', function () { var className = _this9.textBoxVisible ? '' : ' ui-tag-selector-item-hidden'; var input = main_core.Tag.render(_templateObject4$3 \|\| (_templateObject4$3 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<input \n\t\t\t\t\ttype=\"text\" \n\t\t\t\t\tclass=\"ui-tag-selector-item ui-tag-selector-text-box", "\" \n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\tplaceholder=\"", "\"\n\t\t\t\t\toninput=\"", "\"\n\t\t\t\t\tonblur=\"", "\"\n\t\t\t\t\tonkeyup=\"", "\"\n\t\t\t\t\tonkeydown=\"", "\"\n\t\t\t\t\tvalue=\"\"\n\t\t\t\t>\n\t\t\t"])), className, main_core.Text.encode(_this9.getPlaceholder()), _this9.handleTextBoxInput.bind(_this9), _this9.handleTextBoxBlur.bind(_this9), _this9.handleTextBoxKeyUp.bind(_this9), _this9.handleTextBoxKeyDown.bind(_this9)); var width = _this9.getTextBoxWidth(); if (width !== null) { main_core.Dom.style(input, 'width', main_core.Type.isStringFilled(width) ? width : "".concat(width, "px")); } if (_this9.isLocked()) { input.disabled = true; } return input; }); } }, { key: "getItemsHeight", value: function getItemsHeight() { return this.getItemsContainer().scrollHeight; } }, { key: "calcHeight", value: function calcHeight() { if (this.getMaxHeight() !== null) { return Math.min(this.getItemsHeight(), this.getMaxHeight()); } return Math.max(this.getItemsHeight(), this.getMinHeight()); } }, { key: "getTextBoxValue", value: function getTextBoxValue() { return this.getTextBox().value; } }, { key: "clearTextBox", value: function clearTextBox() { this.getTextBox().value = ''; this.textBoxOldValue = ''; } }, { key: "showTextBox", value: function showTextBox() { this.textBoxVisible = true; main_core.Dom.removeClass(this.getTextBox(), 'ui-tag-selector-item-hidden'); } }, { key: "hideTextBox", value: function hideTextBox() { this.textBoxVisible = false; main_core.Dom.addClass(this.getTextBox(), 'ui-tag-selector-item-hidden'); } }, { key: "focusTextBox", value: function focusTextBox() { this.getTextBox().focus(); } }, { key: "setTextBoxAutoHide", value: function setTextBoxAutoHide(autoHide) { if (main_core.Type.isBoolean(autoHide)) { this.textBoxAutoHide = autoHide; } } }, { key: "getTextBoxWidth", value: function getTextBoxWidth() { return this.textBoxWidth; } }, { key: "setTextBoxWidth", value: function setTextBoxWidth(width) { if (main_core.Type.isStringFilled(width) \|\| width === null) { this.textBoxWidth = width; if (this.isRendered()) { main_core.Dom.style(this.getTextBox(), 'width', width); } } else if (main_core.Type.isNumber(width) && width > 0) { this.textBoxWidth = width; if (this.isRendered()) { main_core.Dom.style(this.getTextBox(), 'width', "".concat(width, "px")); } } } }, { key: "getTagMaxWidth", value: function getTagMaxWidth() { return this.tagMaxWidth; } }, { key: "setTagMaxWidth", value: function setTagMaxWidth(width) { if (main_core.Type.isNumber(width) && width >= 0 \|\| width === null) { this.tagMaxWidth = width; this.updateTags(); } } }, { key: "getTagAvatar", value: function getTagAvatar() { return this.tagAvatar; } }, { key: "setTagAvatar", value: function setTagAvatar(tagAvatar) { if (main_core.Type.isString(tagAvatar) \|\| tagAvatar === null) { this.tagAvatar = tagAvatar; this.updateTags(); } } }, { key: "getTagAvatarOptions", value: function getTagAvatarOptions() { return this.tagAvatarOptions; } }, { key: "getTagAvatarOption", value: function getTagAvatarOption(option) { if (this.tagAvatarOptions !== null && !main_core.Type.isUndefined(this.tagAvatarOptions[option])) { return this.tagAvatarOptions[option]; } return null; } }, { key: "setTagAvatarOption", value: function setTagAvatarOption(option, value) { if (main_core.Type.isStringFilled(option) && !main_core.Type.isUndefined(value)) { if (this.tagAvatarOptions === null) { this.tagAvatarOptions = {}; } this.tagAvatarOptions[option] = value; this.updateTags(); } } }, { key: "setTagAvatarOptions", value: function setTagAvatarOptions(options) { var _this10 = this; if (main_core.Type.isPlainObject(options)) { Object.keys(options).forEach(function (option) { _this10.setTagAvatarOption(option, options[option]); }); } } }, { key: "getTagTextColor", value: function getTagTextColor() { return this.tagTextColor; } }, { key: "setTagTextColor", value: function setTagTextColor(textColor) { if (main_core.Type.isString(textColor) \|\| textColor === null) { this.tagTextColor = textColor; this.updateTags(); } } }, { key: "getTagBgColor", value: function getTagBgColor() { return this.tagBgColor; } }, { key: "setTagBgColor", value: function setTagBgColor(bgColor) { if (main_core.Type.isString(bgColor) \|\| bgColor === null) { this.tagBgColor = bgColor; this.updateTags(); } } }, { key: "getTagFontWeight", value: function getTagFontWeight() { return this.tagFontWeight; } }, { key: "setTagFontWeight", value: function setTagFontWeight(fontWeight) { if (main_core.Type.isString(fontWeight) \|\| fontWeight === null) { this.tagFontWeight = fontWeight; this.updateTags(); } } }, { key: "getPlaceholder", value: function getPlaceholder() { return this.placeholder; } }, { key: "setPlaceholder", value: function setPlaceholder(placeholder) { if (main_core.Type.isStringFilled(placeholder)) { this.placeholder = placeholder; if (this.isRendered()) { this.getTextBox().placeholder = placeholder; } } } }, { key: "getMaxHeight", value: function getMaxHeight() { return this.maxHeight; } }, { key: "getMinHeight", value: function getMinHeight() { return 33; } }, { key: "setMaxHeight", value: function setMaxHeight(height) { if (main_core.Type.isNumber(height) && height > 0 \|\| height === null) { this.maxHeight = height; if (this.isRendered()) { main_core.Dom.style(this.getContainer(), 'max-height', height > 0 ? "".concat(height, "px") : null); main_core.Dom.style(this.getContainer(), '-ms-overflow-style', height > 0 ? '-ms-autohiding-scrollbar' : null); } } } }, { key: "getAddButton", value: function getAddButton() { var _this11 = this; return this.cache.remember('add-button', function () { var className = _this11.addButtonVisible ? '' : ' ui-tag-selector-item-hidden'; return main_core.Tag.render(_templateObject5$2 \|\| (_templateObject5$2 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<span class=\"ui-tag-selector-item ui-tag-selector-add-button", "\">\n\t\t\t\t\t", "\n\t\t\t\t</span>\n\t\t\t"])), className, _this11.getAddButtonLink()); }); } }, { key: "getAddButtonLink", value: function getAddButtonLink() { var _this12 = this; return this.cache.remember('add-button-link', function () { var caption = main_core.Text.encode(_this12.getActualButtonCaption()); return main_core.Tag.render(_templateObject6$1 \|\| (_templateObject6$1 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<span \n\t\t\t\t\tclass=\"ui-tag-selector-add-button-caption\" \n\t\t\t\t\tonclick=\"", "\">", "</span>\n\t\t\t"])), _this12.handleAddButtonClick.bind(_this12), caption); }); } }, { key: "getAddButtonCaption", value: function getAddButtonCaption() { return this.addButtonCaption === null ? main_core.Loc.getMessage('UI_TAG_SELECTOR_ADD_BUTTON_CAPTION') : this.addButtonCaption; } }, { key: "setAddButtonCaption", value: function setAddButtonCaption(caption) { if (main_core.Type.isStringFilled(caption)) { this.addButtonCaption = caption; if (this.isRendered()) { this.toggleAddButtonCaption(); } } } }, { key: "getAddButtonCaptionMore", value: function getAddButtonCaptionMore() { return this.addButtonCaptionMore === null ? this.isMultiple() ? main_core.Loc.getMessage('UI_TAG_SELECTOR_ADD_BUTTON_CAPTION') : main_core.Loc.getMessage('UI_TAG_SELECTOR_ADD_BUTTON_CAPTION_SINGLE') : this.addButtonCaptionMore; } }, { key: "setAddButtonCaptionMore", value: function setAddButtonCaptionMore(caption) { if (main_core.Type.isStringFilled(caption)) { this.addButtonCaptionMore = caption; if (this.isRendered()) { this.toggleAddButtonCaption(); } } } }, { key: "toggleAddButtonCaption", value: function toggleAddButtonCaption() { if (this.getAddButtonCaptionMore() === null) { return; } this.getAddButtonLink().textContent = this.getActualButtonCaption(); } }, { key: "getActualButtonCaption", value: function getActualButtonCaption() { return this.getTags().length > 0 && this.getAddButtonCaptionMore() !== null ? this.getAddButtonCaptionMore() : this.getAddButtonCaption(); } }, { key: "showAddButton", value: function showAddButton() { this.addButtonVisible = true; main_core.Dom.removeClass(this.getAddButton(), 'ui-tag-selector-item-hidden'); } }, { key: "hideAddButton", value: function hideAddButton() { this.addButtonVisible = false; main_core.Dom.addClass(this.getAddButton(), 'ui-tag-selector-item-hidden'); } }, { key: "getCreateButton", value: function getCreateButton() { var _this13 = this; return this.cache.remember('create-button', function () { var className = _this13.createButtonVisible ? '' : ' ui-tag-selector-item-hidden'; return main_core.Tag.render(_templateObject7 \|\| (_templateObject7 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-tag-selector-create-button", "\">\n\t\t\t\t\t<span \n\t\t\t\t\t\tclass=\"ui-tag-selector-create-button-caption\"\n\t\t\t\t\t\tonclick=\"", "\"\n\t\t\t\t\t>", "</span>\n\t\t\t\t</div>\n\t\t\t"])), className, _this13.handleCreateButtonClick.bind(_this13), main_core.Text.encode(_this13.getCreateButtonCaption())); }); } }, { key: "showCreateButton", value: function showCreateButton() { this.createButtonVisible = true; main_core.Dom.removeClass(this.getCreateButton(), 'ui-tag-selector-item-hidden'); } }, { key: "hideCreateButton", value: function hideCreateButton() { this.createButtonVisible = false; main_core.Dom.addClass(this.getCreateButton(), 'ui-tag-selector-item-hidden'); } }, { key: "getCreateButtonCaption", value: function getCreateButtonCaption() { return this.createButtonCaption === null ? main_core.Loc.getMessage('UI_TAG_SELECTOR_CREATE_BUTTON_CAPTION') : this.createButtonCaption; } }, { key: "setCreateButtonCaption", value: function setCreateButtonCaption(caption) { if (main_core.Type.isStringFilled(caption)) { this.createButtonCaption = caption; if (this.isRendered()) { this.getCreateButton().children[0].textContent = caption; } } } }, { key: "handleContainerClick", value: function handleContainerClick(event) { this.emit('onContainerClick', { event: event }); } }, { key: "handleTextBoxInput", value: function handleTextBoxInput(event) { var newValue = this.getTextBoxValue(); if (newValue !== this.textBoxOldValue) { this.textBoxOldValue = newValue; this.emit('onInput', { event: event }); } } }, { key: "handleTextBoxBlur", value: function handleTextBoxBlur(event) { this.emit('onBlur', { event: event }); if (this.textBoxAutoHide) { this.clearTextBox(); this.showAddButton(); this.hideTextBox(); } } }, { key: "handleTextBoxKeyUp", value: function handleTextBoxKeyUp(event) { this.emit('onKeyUp', { event: event }); if (event.key === 'Enter') { this.emit('onEnter', { event: event }); if (this.textBoxAutoHide) { this.clearTextBox(); this.showAddButton(); this.hideTextBox(); } } } }, { key: "handleTextBoxKeyDown", value: function handleTextBoxKeyDown(event) { if (event.key === 'Enter') { // prevent a form submit event.preventDefault(); if (main_core.Browser.isMac() && event.metaKey \|\| event.ctrlKey) { this.emit('onMetaEnter', { event: event }); } } this.emit('onKeyDown', { event: event }); } }, { key: "handleAddButtonClick", value: function handleAddButtonClick(event) { this.hideAddButton(); this.showTextBox(); this.focusTextBox(); this.emit('onAddButtonClick', { event: event }); } }, { key: "handleCreateButtonClick", value: function handleCreateButtonClick(event) { this.emit('onCreateButtonClick', { event: event }); } }]); return TagSelector; }(main_core_events.EventEmitter); var Navigation = /#__PURE__/function () { // IE/Edge compatible event names function Navigation(dialog) { babelHelpers.classCallCheck(this, Navigation); babelHelpers.defineProperty(this, "dialog", null); babelHelpers.defineProperty(this, "lockedTab", null); babelHelpers.defineProperty(this, "enabled", false); this.dialog = dialog; this.dialog.subscribe('onShow', this.handleDialogShow.bind(this)); this.dialog.subscribe('onHide', this.handleDialogHide.bind(this)); this.dialog.subscribe('onDestroy', this.handleDialogDestroy.bind(this)); this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this); this.handleDocumentMouseMove = this.handleDocumentMouseMove.bind(this); } babelHelpers.createClass(Navigation, [{ key: "getDialog", value: function getDialog() { return this.dialog; } }, { key: "enable", value: function enable() { if (!this.isEnabled()) { this.bindEvents(); } this.enabled = true; } }, { key: "disable", value: function disable() { if (this.isEnabled()) { this.unbindEvents(); this.unlockTab(); } this.enabled = false; } }, { key: "isEnabled", value: function isEnabled() { return this.enabled; } }, { key: "bindEvents", value: function bindEvents() { main_core.Event.bind(document, 'keydown', this.handleDocumentKeyDown); } }, { key: "unbindEvents", value: function unbindEvents() { main_core.Event.unbind(document, 'keydown', this.handleDocumentKeyDown); } }, { key: "getNextNode", value: function getNextNode() { if (!this.getActiveNode()) { return null; } var nextNode = null; var currentNode = this.getActiveNode(); if (currentNode.hasChildren() && currentNode.isOpen()) { nextNode = currentNode.getFirstChild(); } while (nextNode === null && currentNode !== null) { nextNode = currentNode.getNextSibling(); if (nextNode) { break; } currentNode = currentNode.getParentNode(); } return nextNode; } }, { key: "getPreviousNode", value: function getPreviousNode() { if (!this.getActiveNode()) { return null; } var previousNode = this.getActiveNode().getPreviousSibling(); if (previousNode) { while (previousNode.hasChildren() && previousNode.isOpen()) { var lastChild = previousNode.getLastChild(); if (lastChild === null) { break; } previousNode = lastChild; } } else { if (this.getActiveNode().getParentNode() && !this.getActiveNode().getParentNode().isRoot()) { previousNode = this.getActiveNode().getParentNode(); } } return previousNode; } }, { key: "getFirstNode", value: function getFirstNode() { var tab = this.getDialog().getActiveTab(); return tab && tab.getRootNode().getFirstChild(); } }, { key: "getLastNode", value: function getLastNode() { var tab = this.getDialog().getActiveTab(); if (!tab) { return null; } var lastNode = tab.getRootNode().getLastChild(); if (lastNode !== null) { while (lastNode.hasChildren() && lastNode.isOpen()) { var lastChild = lastNode.getLastChild(); if (lastChild === null) { break; } lastNode = lastChild; } } return lastNode; } }, { key: "getActiveNode", value: function getActiveNode() { return this.getDialog().getFocusedNode(); } }, { key: "focusOnNode", value: function focusOnNode(node) { if (node) { node.focus(); node.scrollIntoView(); } } }, { key: "lockTab", value: function lockTab() { var activeTab = this.getDialog().getActiveTab(); if (this.lockedTab === activeTab) { return; } else if (this.lockedTab !== null) { this.unlockTab(); } this.lockedTab = activeTab; this.lockedTab.lock(); main_core.Event.bind(document, 'mousemove', this.handleDocumentMouseMove); } }, { key: "unlockTab", value: function unlockTab() { if (this.lockedTab === null) { return; } this.lockedTab.unlock(); this.lockedTab = null; main_core.Event.unbind(document, 'mousemove', this.handleDocumentMouseMove); } }, { key: "handleDialogShow", value: function handleDialogShow() { this.enable(); } }, { key: "handleDialogHide", value: function handleDialogHide() { this.disable(); } }, { key: "handleDialogDestroy", value: function handleDialogDestroy() { this.disable(); } }, { key: "handleDocumentMouseMove", value: function handleDocumentMouseMove() { this.unlockTab(); } }, { key: "handleDocumentKeyDown", value: function handleDocumentKeyDown(event) { if (!this.getDialog().isOpen()) { this.unbindEvents(); return; } if (event.metaKey \|\| event.ctrlKey \|\| event.altKey) { return; } var activeTab = this.getDialog().getActiveTab(); if (!activeTab) { return; } var keyName = this.constructor.keyMap[event.key] \|\| event.key; if (activeTab === this.getDialog().getSearchTab() && ['ArrowLeft', 'ArrowRight'].includes(keyName)) { return; } var handler = this["handle".concat(keyName, "Press")]; if (handler) { handler.call(this, event); this.lockTab(activeTab); event.preventDefault(); } } }, { key: "handleArrowDownPress", value: function handleArrowDownPress() { if (!this.getActiveNode()) { var firstNode = this.getFirstNode(); this.focusOnNode(firstNode); } else { var nextNode = this.getNextNode(); if (nextNode) { this.focusOnNode(nextNode); } else { var _firstNode = this.getFirstNode(); this.focusOnNode(_firstNode); } } } }, { key: "handleArrowUpPress", value: function handleArrowUpPress() { if (!this.getActiveNode()) { var lastNode = this.getLastNode(); this.focusOnNode(lastNode); } else { var previousNode = this.getPreviousNode(); if (previousNode) { this.focusOnNode(previousNode); } else { var _lastNode = this.getLastNode(); this.focusOnNode(_lastNode); } } } }, { key: "handleArrowRightPress", value: function handleArrowRightPress() { if (this.getActiveNode()) { this.getActiveNode().expand(); } } }, { key: "handleArrowLeftPress", value: function handleArrowLeftPress() { if (!this.getActiveNode()) { return; } if (this.getActiveNode().isOpen()) { this.getActiveNode().collapse(); } else { var parentNode = this.getActiveNode().getParentNode(); if (parentNode && !parentNode.isRoot()) { this.focusOnNode(parentNode); } } } }, { key: "handleEnterPress", value: function handleEnterPress() { if (this.getActiveNode()) { this.getActiveNode().click(); } } /handleSpacePress(event: KeyboardEvent): void { const searchQuery = this.getDialog().getTagSelector() && this.getDialog().getTagSelector().getTextBoxValue(); if (this.getActiveNode() && !Type.isStringFilled(searchQuery)) { this.getActiveNode().click(); event.preventDefault(); } }/ }, { key: "handleTabPress", value: function handleTabPress(event) { var activeTab = this.getDialog().getActiveTab(); if (!activeTab) { this.getDialog().selectFirstTab(); return; } if (event.shiftKey) { var previousTab = this.getDialog().getPreviousTab(); if (previousTab) { this.getDialog().selectTab(previousTab.getId()); } else { this.getDialog().selectLastTab(); } } else { var nextTab = this.getDialog().getNextTab(); if (nextTab) { this.getDialog().selectTab(nextTab.getId()); } else { this.getDialog().selectFirstTab(); } } } }]); return Navigation; }(); babelHelpers.defineProperty(Navigation, "keyMap", { 'Down': 'ArrowDown', 'Up': 'ArrowUp', 'Left': 'ArrowLeft', 'Right': 'ArrowRight', 'Spacebar': 'Space', ' ': 'Space' // For all browsers }); var SliderIntegration = /#__PURE__/function () { function SliderIntegration(dialog) { babelHelpers.classCallCheck(this, SliderIntegration); babelHelpers.defineProperty(this, "dialog", null); babelHelpers.defineProperty(this, "sliders", new Set()); this.dialog = dialog; this.dialog.subscribe('onShow', this.handleDialogShow.bind(this)); this.dialog.subscribe('onHide', this.handleDialogHide.bind(this)); this.dialog.subscribe('onDestroy', this.handleDialogDestroy.bind(this)); this.handleSliderOpen = this.handleSliderOpen.bind(this); this.handleSliderClose = this.handleSliderClose.bind(this); this.handleSliderDestroy = this.handleSliderDestroy.bind(this); } babelHelpers.createClass(SliderIntegration, [{ key: "getDialog", value: function getDialog() { return this.dialog; } }, { key: "bindEvents", value: function bindEvents() { this.unbindEvents(); if (top.BX) { top.BX.Event.EventEmitter.subscribe('SidePanel.Slider:onOpen', this.handleSliderOpen); top.BX.Event.EventEmitter.subscribe('SidePanel.Slider:onCloseComplete', this.handleSliderClose); top.BX.Event.EventEmitter.subscribe('SidePanel.Slider:onDestroy', this.handleSliderDestroy); } } }, { key: "unbindEvents", value: function unbindEvents() { if (top.BX) { top.BX.Event.EventEmitter.unsubscribe('SidePanel.Slider:onOpen', this.handleSliderOpen); top.BX.Event.EventEmitter.unsubscribe('SidePanel.Slider:onCloseComplete', this.handleSliderClose); top.BX.Event.EventEmitter.unsubscribe('SidePanel.Slider:onDestroy', this.handleSliderDestroy); } } }, { key: "isDialogInSlider", value: function isDialogInSlider(slider) { if (slider.getFrameWindow()) { return slider.getFrameWindow().document.contains(this.getDialog().getContainer()); } else { return slider.getContainer().contains(this.getDialog().getContainer()); } } }, { key: "handleDialogShow", value: function handleDialogShow() { this.bindEvents(); } }, { key: "handleDialogHide", value: function handleDialogHide() { this.sliders.clear(); this.unbindEvents(); this.getDialog().unfreeze(); } }, { key: "handleDialogDestroy", value: function handleDialogDestroy() { this.sliders.clear(); this.unbindEvents(); this.getDialog().unfreeze(); } }, { key: "handleSliderOpen", value: function handleSliderOpen(event) { var _event$getData = event.getData(), _event$getData2 = babelHelpers.slicedToArray(_event$getData, 1), sliderEvent = _event$getData2[0]; var slider = sliderEvent.getSlider(); if (!this.isDialogInSlider(slider)) { this.sliders.add(slider); this.getDialog().freeze(); } } }, { key: "handleSliderClose", value: function handleSliderClose(event) { var _event$getData3 = event.getData(), _event$getData4 = babelHelpers.slicedToArray(_event$getData3, 1), sliderEvent = _event$getData4[0]; var slider = sliderEvent.getSlider(); this.sliders["delete"](slider); if (this.sliders.size === 0) { this.getDialog().unfreeze(); } } }, { key: "handleSliderDestroy", value: function handleSliderDestroy(event) { var _event$getData5 = event.getData(), _event$getData6 = babelHelpers.slicedToArray(_event$getData5, 1), sliderEvent = _event$getData6[0]; var slider = sliderEvent.getSlider(); if (this.isDialogInSlider(slider)) { this.unbindEvents(); this.dialog.destroy(); } else { this.sliders["delete"](slider); if (this.sliders.size === 0) { this.getDialog().unfreeze(); } } } }]); return SliderIntegration; }(); var _templateObject$7; var DefaultHeader = /#__PURE__/function (_BaseHeader) { babelHelpers.inherits(DefaultHeader, _BaseHeader); function DefaultHeader(context, options) { var _this; babelHelpers.classCallCheck(this, DefaultHeader); _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(DefaultHeader).call(this, context, options)); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "content", null); _this.setContent(_this.getOption('content')); return _this; } babelHelpers.createClass(DefaultHeader, [{ key: "render", value: function render() { var container = main_core.Tag.render(_templateObject$7 \|\| (_templateObject$7 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t<div>\n\t\t\t\t", "\n\t\t\t</div>\n\t\t"])), this.getContent() ? this.getContent() : ''); var className = this.getOption('containerClass', 'ui-selector-header-default'); var containerStyles = this.getOption('containerStyles', {}); main_core.Dom.addClass(container, className); main_core.Dom.style(container, containerStyles); return container; } }, { key: "getContent", value: function getContent() { return this.content; } }, { key: "setContent", value: function setContent(content) { if (main_core.Type.isStringFilled(content) \|\| main_core.Type.isDomNode(content) \|\| main_core.Type.isArrayFilled(content)) { this.content = content; } } }]); return DefaultHeader; }(BaseHeader); var _templateObject$8; var DefaultFooter = /#__PURE__/function (_BaseFooter) { babelHelpers.inherits(DefaultFooter, _BaseFooter); function DefaultFooter(context, options) { var _this; babelHelpers.classCallCheck(this, DefaultFooter); _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(DefaultFooter).call(this, context, options)); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "content", null); _this.setContent(_this.getOption('content')); return _this; } babelHelpers.createClass(DefaultFooter, [{ key: "render", value: function render() { var container = main_core.Tag.render(_templateObject$8 \|\| (_templateObject$8 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t<div>\n\t\t\t\t", "\n\t\t\t</div>\n\t\t"])), this.getContent() ? this.getContent() : ''); var className = this.getOption('containerClass', 'ui-selector-footer-default'); var containerStyles = this.getOption('containerStyles', {}); main_core.Dom.addClass(container, className); main_core.Dom.style(container, containerStyles); return container; } }, { key: "getContent", value: function getContent() { return this.content; } }, { key: "setContent", value: function setContent(content) { if (main_core.Type.isStringFilled(content) \|\| main_core.Type.isDomNode(content) \|\| main_core.Type.isArrayFilled(content)) { this.content = content; } } }]); return DefaultFooter; }(BaseFooter); var RecentTab = /#__PURE__/function (_Tab) { babelHelpers.inherits(RecentTab, _Tab); function RecentTab(dialog, tabOptions) { babelHelpers.classCallCheck(this, RecentTab); var icon = 'data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20fill%3D%' + '22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.432%2013.985a.96.' + '96%200%2000-.96-.96H8.505a.96.96%200%20000%201.92h4.967c.53%200%20.96-.43.96-.96zM14.432%2011.' + '009a.96.96%200%2000-.96-.96H8.505a.96.96%200%20000%201.92h4.967c.53%200%20.96-.43.96-.96zM14.' + '432%208.033a.96.96%200%2000-.96-.96H8.505a.96.96%200%20000%201.92h4.967c.53%200%20.96-.43.96-.' + '96z%22%20fill%3D%22%23ABB1B8%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd' + '%22%20d%3D%22M10.988%2019.52c1.8%200%203.469-.558%204.844-1.51l2.205%202.204a1.525%201.525%200%20' + '102.157-2.157l-2.205-2.205a8.512%208.512%200%2010-7%203.668zm0-2.403a6.108%206.108%200%20100-12.2' + '16%206.108%206.108%200%20000%2012.216z%22%20fill%3D%22%23ABB1B8%22/%3E%3C/svg%3E'; var defaults = { title: main_core.Loc.getMessage('UI_SELECTOR_RECENT_TAB_TITLE'), itemOrder: { sort: 'asc' }, visible: !dialog.isDropdownMode(), stub: !dialog.isDropdownMode(), icon: { //default: '/bitrix/js/ui/entity-selector/src/css/images/recent-tab-icon.svg', //selected: '/bitrix/js/ui/entity-selector/src/css/images/recent-tab-icon-selected.svg' "default": icon, selected: icon.replace(/ABB1B8/g, 'fff') } }; var options = Object.assign({}, defaults, tabOptions); options.id = 'recents'; return babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(RecentTab).call(this, dialog, options)); } return RecentTab; }(Tab); var MatchResult = /#__PURE__/function () { function MatchResult(item, queryWords) { var matchIndexes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : []; babelHelpers.classCallCheck(this, MatchResult); babelHelpers.defineProperty(this, "item", null); babelHelpers.defineProperty(this, "queryWords", null); babelHelpers.defineProperty(this, "matchFields", new Map()); babelHelpers.defineProperty(this, "sort", null); this.item = item; this.queryWords = queryWords; this.addIndexes(matchIndexes); } babelHelpers.createClass(MatchResult, [{ key: "getItem", value: function getItem() { return this.item; } }, { key: "getQueryWords", value: function getQueryWords() { return this.queryWords; } }, { key: "getMatchFields", value: function getMatchFields() { return this.matchFields; } }, { key: "getSort", value: function getSort() { return this.sort; } }, { key: "addIndex", value: function addIndex(matchIndex) { var matchField = this.matchFields.get(matchIndex.getField()); if (!matchField) { matchField = new MatchField(matchIndex.getField()); this.matchFields.set(matchIndex.getField(), matchField); var fieldSort = matchIndex.getField().getSort(); if (fieldSort !== null) { this.sort = this.sort === null ? fieldSort : Math.min(this.sort, fieldSort); } } matchField.addIndex(matchIndex); } }, { key: "addIndexes", value: function addIndexes(matchIndexes) { var _this = this; matchIndexes.forEach(function (matchIndex) { _this.addIndex(matchIndex); }); } }]); return MatchResult; }(); var collator = new Intl.Collator(undefined, { sensitivity: 'base' }); var SearchEngine = /#__PURE__/function () { function SearchEngine() { babelHelpers.classCallCheck(this, SearchEngine); } babelHelpers.createClass(SearchEngine, null, [{ key: "matchItems", value: function matchItems(items, searchQuery) { var matchResults = []; var queryWords = searchQuery.getQueryWords(); var limit = searchQuery.getResultLimit(); for (var i = 0; i < items.length; i++) { if (limit === 0) { break; } var item = items[i]; if (item.isSelected() \|\| !item.isSearchable() \|\| item.isHidden() \|\| !item.getEntity().isSearchable()) { continue; } var matchResult = this.matchItem(item, queryWords); if (matchResult) { matchResults.push(matchResult); limit--; } } return matchResults; } }, { key: "matchItem", value: function matchItem(item, queryWords) { var matches = []; for (var i = 0; i < queryWords.length; i++) { var queryWord = queryWords[i]; var results = this.matchWord(item, queryWord); //const match = this.matchWord(item, queryWord); //if (match === null) if (results.length === 0) { return null; } else { matches = matches.concat(results); //matches.push(match); } } if (matches.length > 0) { return new MatchResult(item, queryWords, matches); } else { return null; } } }, { key: "matchWord", value: function matchWord(item, queryWord) { var searchIndexes = item.getSearchIndex().getIndexes(); var matches = []; for (var i = 0; i < searchIndexes.length; i++) { var fieldIndex = searchIndexes[i]; var indexes = fieldIndex.getIndexes(); for (var j = 0; j < indexes.length; j++) { var index = indexes[j]; var word = index.getWord().substring(0, queryWord.length); if (collator.compare(queryWord, word) === 0) { matches.push(new MatchIndex(fieldIndex.getField(), queryWord, index.getStartIndex())); //return new MatchIndex(field, queryWord, index[i][1]); } } if (matches.length > 0) { break; } } return matches; //return null; } }]); return SearchEngine; }(); var SearchQuery = /#__PURE__/function () { function SearchQuery(query) { babelHelpers.classCallCheck(this, SearchQuery); babelHelpers.defineProperty(this, "queryWords", []); babelHelpers.defineProperty(this, "query", ''); babelHelpers.defineProperty(this, "cacheable", true); babelHelpers.defineProperty(this, "dynamicSearchEntities", []); babelHelpers.defineProperty(this, "resultLimit", 100); this.query = query.trim().replace(/\s\s+/g, ' '); this.queryWords = main_core.Type.isStringFilled(this.query) ? this.query.split(' ') : []; } babelHelpers.createClass(SearchQuery, [{ key: "getQueryWords", value: function getQueryWords() { return this.queryWords; } }, { key: "getQuery", value: function getQuery() { return this.query; } }, { key: "isEmpty", value: function isEmpty() { return this.getQueryWords().length === 0; } }, { key: "setCacheable", value: function setCacheable(flag) { if (main_core.Type.isBoolean(flag)) { this.cacheable = flag; } } }, { key: "isCacheable", value: function isCacheable() { return this.cacheable; } }, { key: "setResultLimit", value: function setResultLimit(limit) { if (main_core.Type.isNumber(limit) && limit >= 0) { this.resultLimit = limit; } } }, { key: "getResultLimit", value: function getResultLimit() { return this.resultLimit; } }, { key: "hasDynamicSearch", value: function hasDynamicSearch() { return this.getDynamicSearchEntities().length > 0; } }, { key: "hasDynamicSearchEntity", value: function hasDynamicSearchEntity(entityId) { return this.getDynamicSearchEntities().includes(entityId); } }, { key: "setDynamicSearchEntities", value: function setDynamicSearchEntities(entities) { var _this = this; if (main_core.Type.isArrayFilled(entities)) { entities.forEach(function (entityId) { if (main_core.Type.isStringFilled(entityId) && !_this.hasDynamicSearchEntity(entityId)) { _this.dynamicSearchEntities.push(entityId); } }); } return this.dynamicSearchEntities; } }, { key: "getDynamicSearchEntities", value: function getDynamicSearchEntities() { return this.dynamicSearchEntities; } }, { key: "getAjaxJson", value: function getAjaxJson() { return this.toJSON(); } }, { key: "toJSON", value: function toJSON() { return { queryWords: this.getQueryWords(), query: this.getQuery(), dynamicSearchEntities: this.getDynamicSearchEntities() }; } }]); return SearchQuery; }(); var _templateObject$9, _templateObject2$4, _templateObject3$4, _templateObject4$4, _templateObject5$3; var SearchLoader = /#__PURE__/function () { function SearchLoader(tab) { babelHelpers.classCallCheck(this, SearchLoader); babelHelpers.defineProperty(this, "tab", null); babelHelpers.defineProperty(this, "loader", null); babelHelpers.defineProperty(this, "cache", new main_core.Cache.MemoryCache()); this.tab = tab; } babelHelpers.createClass(SearchLoader, [{ key: "getTab", value: function getTab() { return this.tab; } }, { key: "getLoader", value: function getLoader() { if (this.loader === null) { this.loader = new main_loader.Loader({ target: this.getIconContainer(), size: 32 }); } return this.loader; } }, { key: "getContainer", value: function getContainer() { var _this = this; return this.cache.remember('container', function () { return main_core.Tag.render(_templateObject$9 \|\| (_templateObject$9 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-search-loader\">\n\t\t\t\t\t", "\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t"])), _this.getBoxContainer(), _this.getSpacerContainer()); }); } }, { key: "getBoxContainer", value: function getBoxContainer() { var _this2 = this; return this.cache.remember('box-container', function () { return main_core.Tag.render(_templateObject2$4 \|\| (_templateObject2$4 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-search-loader-box\">\n\t\t\t\t\t", "\n\t\t\t\t\t", "\n\t\t\t\t</div>"])), _this2.getIconContainer(), _this2.getTextContainer()); }); } }, { key: "getIconContainer", value: function getIconContainer() { return this.cache.remember('icon', function () { return main_core.Tag.render(_templateObject3$4 \|\| (_templateObject3$4 = babelHelpers.taggedTemplateLiteral(["<div class=\"ui-selector-search-loader-icon\"></div>"]))); }); } }, { key: "getTextContainer", value: function getTextContainer() { return this.cache.remember('text', function () { return main_core.Tag.render(_templateObject4$4 \|\| (_templateObject4$4 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-search-loader-text\">", "</div>\n\t\t\t"])), main_core.Loc.getMessage('UI_SELECTOR_SEARCH_LOADER_TEXT')); }); } }, { key: "getSpacerContainer", value: function getSpacerContainer() { return this.cache.remember('spacer', function () { return main_core.Tag.render(_templateObject5$3 \|\| (_templateObject5$3 = babelHelpers.taggedTemplateLiteral(["<div class=\"ui-selector-search-loader-spacer\"></div>"]))); }); } }, { key: "show", value: function show() { var _this3 = this; if (!this.getContainer().parentNode) { main_core.Dom.append(this.getContainer(), this.getTab().getContainer()); } void this.getLoader().show(); main_core.Dom.addClass(this.getContainer(), 'ui-selector-search-loader--show'); requestAnimationFrame(function () { main_core.Dom.addClass(_this3.getContainer(), 'ui-selector-search-loader--animate'); }); } }, { key: "hide", value: function hide() { if (this.loader === null) { return; } main_core.Dom.removeClass(this.getContainer(), ['ui-selector-search-loader--show', 'ui-selector-search-loader--animate']); void this.getLoader().hide(); } }, { key: "isShown", value: function isShown() { return this.loader !== null && this.loader.isShown(); } }]); return SearchLoader; }(); var _templateObject$a, _templateObject2$5, _templateObject3$5, _templateObject4$5; var SearchTabFooter = /#__PURE__/function (_BaseFooter) { babelHelpers.inherits(SearchTabFooter, _BaseFooter); function SearchTabFooter(tab, options) { var _this; babelHelpers.classCallCheck(this, SearchTabFooter); _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(SearchTabFooter).call(this, tab, options)); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "loader", null); _this.getDialog().subscribe('onSearch', _this.handleOnSearch.bind(babelHelpers.assertThisInitialized(_this))); var tagSelector = _this.getDialog().getTagSelector(); if (tagSelector) { tagSelector.subscribe('onMetaEnter', _this.handleMetaEnter.bind(babelHelpers.assertThisInitialized(_this))); } return _this; } babelHelpers.createClass(SearchTabFooter, [{ key: "render", value: function render() { return main_core.Tag.render(_templateObject$a \|\| (_templateObject$a = babelHelpers.taggedTemplateLiteral(["\n\t\t\t<div class=\"ui-selector-search-footer\" onclick=\"", "\">\n\t\t\t\t<div class=\"ui-selector-search-footer-box\">\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\t<div class=\"ui-selector-search-footer-cmd\">", "</div>\n\t\t\t</div>\n\t\t"])), this.handleClick.bind(this), this.getLabelContainer(), this.getQueryContainer(), this.getLoaderContainer(), main_core.Browser.isMac() ? '⌘+Enter' : 'Ctrl+Enter'); } }, { key: "getLoader", value: function getLoader() { if (this.loader === null) { this.loader = new main_loader.Loader({ target: this.getLoaderContainer(), size: 17, color: 'rgba(82, 92, 105, 0.9)' }); } return this.loader; } }, { key: "showLoader", value: function showLoader() { void this.getLoader().show(); } }, { key: "hideLoader", value: function hideLoader() { void this.getLoader().hide(); } }, { key: "setLabel", value: function setLabel(label) { if (main_core.Type.isString(label)) { this.getLabelContainer().textContent = label; } } }, { key: "getLabelContainer", value: function getLabelContainer() { var _this2 = this; return this.cache.remember('label', function () { return main_core.Tag.render(_templateObject2$5 \|\| (_templateObject2$5 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<span class=\"ui-selector-search-footer-label\">", "</span>\n\t\t\t"])), _this2.getOption('label', main_core.Loc.getMessage('UI_SELECTOR_CREATE_ITEM_LABEL'))); }); } }, { key: "getQueryContainer", value: function getQueryContainer() { return this.cache.remember('name-container', function () { return main_core.Tag.render(_templateObject3$5 \|\| (_templateObject3$5 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<span class=\"ui-selector-search-footer-query\"></span>\n\t\t\t"]))); }); } }, { key: "getLoaderContainer", value: function getLoaderContainer() { return this.cache.remember('loader', function () { return main_core.Tag.render(_templateObject4$5 \|\| (_templateObject4$5 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-search-footer-loader\"></div>\n\t\t\t"]))); }); } }, { key: "createItem", value: function createItem() { var _this3 = this; var tagSelector = this.getDialog().getTagSelector(); if (tagSelector && tagSelector.isLocked()) { return; } var finalize = function finalize() { _this3.hideLoader(); if (_this3.getDialog().getTagSelector()) { _this3.getDialog().getTagSelector().unlock(); _this3.getDialog().focusSearch(); } }; event.preventDefault(); this.showLoader(); if (tagSelector) { tagSelector.lock(); } this.getDialog().emitAsync('Search:onItemCreateAsync', { searchQuery: this.getTab().getLastSearchQuery() }).then(function () { _this3.getTab().clearResults(); _this3.getDialog().clearSearch(); if (_this3.getDialog().getActiveTab() === _this3.getTab()) { _this3.getDialog().selectFirstTab(); } finalize(); })["catch"](function () { finalize(); }); } }, { key: "handleClick", value: function handleClick() { this.createItem(); } }, { key: "handleMetaEnter", value: function handleMetaEnter(event) { if (this.getDialog().getActiveTab() !== this.getTab()) { return; } this.handleClick(); } }, { key: "handleOnSearch", value: function handleOnSearch(event) { var _event$getData = event.getData(), query = _event$getData.query; this.getQueryContainer().textContent = query; } }]); return SearchTabFooter; }(BaseFooter); var SearchTab = /#__PURE__/function (_Tab) { babelHelpers.inherits(SearchTab, _Tab); function SearchTab(dialog, tabOptions, searchOptions) { var _this; babelHelpers.classCallCheck(this, SearchTab); var defaults = { title: main_core.Loc.getMessage('UI_SELECTOR_SEARCH_TAB_TITLE'), visible: false, stub: true, stubOptions: { autoShow: false, title: main_core.Loc.getMessage('UI_SELECTOR_SEARCH_STUB_TITLE'), subtitle: main_core.Loc.getMessage('UI_SELECTOR_SEARCH_STUB_SUBTITLE') } }; var options = Object.assign({}, defaults, tabOptions); options.id = 'search'; options.stubOptions.autoShow = false; _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(SearchTab).call(this, dialog, options)); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "lastSearchQuery", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "queryCache", new Set()); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "queryXhr", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "searchLoader", new SearchLoader(babelHelpers.assertThisInitialized(_this))); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "allowCreateItem", false); searchOptions = main_core.Type.isPlainObject(searchOptions) ? searchOptions : {}; _this.setAllowCreateItem(searchOptions.allowCreateItem, searchOptions.footerOptions); _this.loadWithDebounce = main_core.Runtime.debounce(function () { _this.load(_this.getLastSearchQuery()); }, 500); return _this; } babelHelpers.createClass(SearchTab, [{ key: "search", value: function search(query) { var searchQuery = new SearchQuery(query); var dynamicEntities = this.getDynamicEntities(searchQuery); searchQuery.setDynamicSearchEntities(dynamicEntities); if (searchQuery.isEmpty()) { this.getSearchLoader().hide(); return; } this.lastSearchQuery = searchQuery; var matchResults = SearchEngine.matchItems(this.getDialog().getItems(), searchQuery); this.clearResults(); this.appendResults(matchResults); if (this.getDialog().shouldFocusOnFirst()) { this.getDialog().focusOnFirstNode(); } if (this.shouldLoad(searchQuery)) { this.loadWithDebounce(); if (!this.isEmptyResult()) { this.getStub().hide(); } } else { if (!this.getSearchLoader().isShown()) { this.toggleEmptyResult(); } } } }, { key: "getLastSearchQuery", value: function getLastSearchQuery() { return this.lastSearchQuery; } }, { key: "setAllowCreateItem", value: function setAllowCreateItem(flag, options) { if (main_core.Type.isBoolean(flag)) { this.allowCreateItem = flag; if (flag) { this.setFooter(SearchTabFooter, options); } else { this.setFooter(null); } } } }, { key: "canCreateItem", value: function canCreateItem() { return this.allowCreateItem; } }, { key: "appendResults", value: function appendResults(matchResults) { var _this2 = this; matchResults.sort(function (a, b) { var matchSortA = a.getSort(); var matchSortB = b.getSort(); if (matchSortA !== null && matchSortB !== null && matchSortA !== matchSortB) { return matchSortA - matchSortB; } if (matchSortA !== null && matchSortB === null) { return -1; } else if (matchSortA === null && matchSortB !== null) { return 1; } var contextSortA = a.getItem().getContextSort(); var contextSortB = b.getItem().getContextSort(); if (contextSortA !== null && contextSortB === null) { return -1; } else if (contextSortA === null && contextSortB !== null) { return 1; } else if (contextSortA !== null && contextSortB !== null) { return contextSortB - contextSortA; } else { var globalSortA = a.getItem().getGlobalSort(); var globalSortB = b.getItem().getGlobalSort(); if (globalSortA !== null && globalSortB === null) { return -1; } else if (globalSortA === null && globalSortB !== null) { return 1; } else if (globalSortA !== null && globalSortB !== null) { return globalSortB - globalSortA; } return 0; } }); this.getRootNode().disableRender(); matchResults.forEach(function (matchResult) { var item = matchResult.getItem(); if (!_this2.getRootNode().hasItem(item)) { var node = _this2.getRootNode().addItem(item); node.setHighlights(matchResult.getMatchFields()); } }); this.getRootNode().enableRender(); this.getRootNode().render(true); } }, { key: "getDynamicEntities", value: function getDynamicEntities(searchQuery) { var result = []; this.getDialog().getEntities().forEach(function (entity) { if (entity.isSearchable()) { var hasCacheLimit = entity.getSearchCacheLimits().some(function (pattern) { return pattern.test(searchQuery.getQuery()); }); if (hasCacheLimit) { result.push(entity.getId()); } } }); return result; } }, { key: "isQueryCacheable", value: function isQueryCacheable(searchQuery) { return searchQuery.isCacheable() && !searchQuery.hasDynamicSearch(); } }, { key: "isQueryLoaded", value: function isQueryLoaded(searchQuery) { var found = false; this.queryCache.forEach(function (query) { if (found === false && searchQuery.getQuery().startsWith(query)) { found = true; } }); return found; } }, { key: "addCacheQuery", value: function addCacheQuery(searchQuery) { if (this.isQueryCacheable(searchQuery)) { this.queryCache.add(searchQuery.getQuery()); } } }, { key: "removeCacheQuery", value: function removeCacheQuery(searchQuery) { this.queryCache["delete"](searchQuery.getQuery()); } }, { key: "shouldLoad", value: function shouldLoad(searchQuery) { if (!this.isQueryCacheable(searchQuery)) { return true; } if (!this.getDialog().hasDynamicSearch()) { return false; } return !this.isQueryLoaded(searchQuery); } }, { key: "load", value: function load(searchQuery) { var _this3 = this; if (!this.shouldLoad(searchQuery)) { return; } /if (this.queryXhr) { this.queryXhr.abort(); }/ this.addCacheQuery(searchQuery); this.getStub().hide(); this.getSearchLoader().show(); main_core.ajax.runAction('ui.entityselector.doSearch', { json: { dialog: this.getDialog().getAjaxJson(), searchQuery: searchQuery.getAjaxJson() }, onrequeststart: function onrequeststart(xhr) { _this3.queryXhr = xhr; }, getParameters: { context: this.getDialog().getContext() } }).then(function (response) { _this3.getSearchLoader().hide(); if (!response \|\| !response.data \|\| !response.data.dialog \|\| !response.data.dialog.items) { _this3.removeCacheQuery(searchQuery); _this3.toggleEmptyResult(); _this3.getDialog().emit('SearchTab:onLoad', { searchTab: _this3 }); return; } if (response.data.searchQuery && response.data.searchQuery.cacheable === false) { _this3.removeCacheQuery(searchQuery); } if (main_core.Type.isArrayFilled(response.data.dialog.items)) { var items = new Set(); response.data.dialog.items.forEach(function (itemOptions) { delete itemOptions.tabs; delete itemOptions.children; var item = _this3.getDialog().addItem(itemOptions); items.add(item); }); var isTabEmpty = _this3.isEmptyResult(); var matchResults = SearchEngine.matchItems(Array.from(items.values()), _this3.getLastSearchQuery()); _this3.appendResults(matchResults); if (isTabEmpty && _this3.getDialog().shouldFocusOnFirst()) { _this3.getDialog().focusOnFirstNode(); } } _this3.toggleEmptyResult(); _this3.getDialog().emit('SearchTab:onLoad', { searchTab: _this3 }); })["catch"](function (error) { _this3.removeCacheQuery(searchQuery); _this3.getSearchLoader().hide(); _this3.toggleEmptyResult(); console.error(error); }); } }, { key: "getSearchLoader", value: function getSearchLoader() { return this.searchLoader; } }, { key: "clearResults", value: function clearResults() { this.getRootNode().removeChildren(); } }, { key: "isEmptyResult", value: function isEmptyResult() { return !this.getRootNode().hasChildren(); } }, { key: "toggleEmptyResult", value: function toggleEmptyResult() { if (this.isEmptyResult()) { this.getStub().show(); } else { this.getStub().hide(); } } }]); return SearchTab; }(Tab); var _templateObject$b, _templateObject2$6, _templateObject3$6, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$1; var LoadState = function LoadState() { babelHelpers.classCallCheck(this, LoadState); }; babelHelpers.defineProperty(LoadState, "UNSENT", 'UNSENT'); babelHelpers.defineProperty(LoadState, "LOADING", 'LOADING'); babelHelpers.defineProperty(LoadState, "DONE", 'DONE'); var TagSelectorMode = function TagSelectorMode() { babelHelpers.classCallCheck(this, TagSelectorMode); }; babelHelpers.defineProperty(TagSelectorMode, "INSIDE", 'INSIDE'); babelHelpers.defineProperty(TagSelectorMode, "OUTSIDE", 'OUTSIDE'); var instances = new Map(); /* * @memberof BX.UI.EntitySelector / var Dialog = /#__PURE__/function (_EventEmitter) { babelHelpers.inherits(Dialog, _EventEmitter); babelHelpers.createClass(Dialog, null, [{ key: "getById", value: function getById(id) { return instances.get(id) \|\| null; } }, { key: "getInstances", value: function getInstances() { return Array.from(instances.values()); } }]); function Dialog(dialogOptions) { var _this; babelHelpers.classCallCheck(this, Dialog); _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(Dialog).call(this)); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "id", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "items", new Map()); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "tabs", new Map()); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "entities", new Map()); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "targetNode", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "popup", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "cache", new main_core.Cache.MemoryCache()); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "multiple", true); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "hideOnSelect", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "hideOnDeselect", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "clearSearchOnSelect", true); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "context", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "selectedItems", new Set()); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "preselectedItems", []); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "undeselectedItems", []); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "dropdownMode", false); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "frozen", false); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "frozenProps", {}); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "hideByEsc", true); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "autoHide", true); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "autoHideHandler", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "offsetTop", 5); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "offsetLeft", 0); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "cacheable", true); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "width", 565); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "height", 420); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "maxLabelWidth", 160); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "minLabelWidth", 45); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "showAvatars", true); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "compactView", false); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "activeTab", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "recentTab", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "searchTab", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "rendered", false); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "loadState", LoadState.UNSENT); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "loader", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "tagSelector", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "tagSelectorMode", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "tagSelectorHeight", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "saveRecentItemsWithDebounce", main_core.Runtime.debounce(_this.saveRecentItems, 2000, babelHelpers.assertThisInitialized(_this))); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "recentItemsToSave", []); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "navigation", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "header", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "footer", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "popupOptions", {}); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "focusOnFirst", true); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "focusedNode", null); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "clearUnavailableItems", false); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "overlappingObserver", null); _this.setEventNamespace('BX.UI.EntitySelector.Dialog'); var options = main_core.Type.isPlainObject(dialogOptions) ? dialogOptions : {}; _this.id = main_core.Type.isStringFilled(options.id) ? options.id : "ui-selector-".concat(main_core.Text.getRandom().toLowerCase()); _this.multiple = main_core.Type.isBoolean(options.multiple) ? options.multiple : true; _this.context = main_core.Type.isStringFilled(options.context) ? options.context : null; _this.clearUnavailableItems = options.clearUnavailableItems === true; _this.compactView = options.compactView === true; _this.dropdownMode = main_core.Type.isBoolean(options.dropdownMode) ? options.dropdownMode : false; if (main_core.Type.isArray(options.entities)) { options.entities.forEach(function (entity) { _this.addEntity(entity); }); } if (options.tagSelector instanceof TagSelector) { _this.tagSelectorMode = TagSelectorMode.OUTSIDE; _this.setTagSelector(options.tagSelector); } else if (options.enableSearch === true) { var defaultOptions = { placeholder: main_core.Loc.getMessage('UI_TAG_SELECTOR_SEARCH_PLACEHOLDER'), maxHeight: 99, textBoxWidth: 105 }; var customOptions = main_core.Type.isPlainObject(options.tagSelectorOptions) ? options.tagSelectorOptions : {}; var mandatoryOptions = { dialogOptions: null, showTextBox: true, showAddButton: false, showCreateButton: false, multiple: _this.isMultiple() }; var tagSelectorOptions = Object.assign(defaultOptions, customOptions, mandatoryOptions); var tagSelector = new TagSelector(tagSelectorOptions); _this.tagSelectorMode = TagSelectorMode.INSIDE; _this.setTagSelector(tagSelector); } _this.setTargetNode(options.targetNode); _this.setHideOnSelect(options.hideOnSelect); _this.setHideOnDeselect(options.hideOnDeselect); _this.setClearSearchOnSelect(options.clearSearchOnSelect); _this.setWidth(options.width); void _this.setHeight(options.height); _this.setAutoHide(options.autoHide); _this.setAutoHideHandler(options.autoHideHandler); _this.setHideByEsc(options.hideByEsc); _this.setOffsetLeft(options.offsetLeft); _this.setOffsetTop(options.offsetTop); _this.setCacheable(options.cacheable); _this.setFocusOnFirst(options.focusOnFirst); _this.setShowAvatars(options.showAvatars); _this.recentTab = new RecentTab(babelHelpers.assertThisInitialized(_this), options.recentTabOptions); _this.searchTab = new SearchTab(babelHelpers.assertThisInitialized(_this), options.searchTabOptions, options.searchOptions); _this.addTab(_this.recentTab); _this.addTab(_this.searchTab); _this.setPreselectedItems(options.preselectedItems); _this.setUndeselectedItems(options.undeselectedItems); _this.setOptions(options); var preload = options.preload === true \|\| _this.getPreselectedItems().length > 0; if (preload) { _this.load(); } if (main_core.Type.isPlainObject(options.popupOptions)) { var allowedOptions = ['overlay', 'bindOptions', 'targetContainer', 'zIndexOptions']; var popupOptions = {}; Object.keys(options.popupOptions).forEach(function (option) { if (allowedOptions.includes(option)) { popupOptions[option] = options.popupOptions[option]; } }); _this.popupOptions = popupOptions; } _this.navigation = new Navigation(babelHelpers.assertThisInitialized(_this)); new SliderIntegration(babelHelpers.assertThisInitialized(_this)); _this.subscribe('ItemNode:onFocus', _this.handleItemNodeFocus.bind(babelHelpers.assertThisInitialized(_this))); _this.subscribe('ItemNode:onUnfocus', _this.handleItemNodeUnfocus.bind(babelHelpers.assertThisInitialized(_this))); _this.subscribeFromOptions(options.events); instances.set(_this.id, babelHelpers.assertThisInitialized(_this)); return _this; } babelHelpers.createClass(Dialog, [{ key: "show", value: function show() { this.load(); this.getPopup().show(); } }, { key: "hide", value: function hide() { this.getPopup().close(); } }, { key: "destroy", value: function destroy() { if (this.destroying) { return; } this.destroying = true; this.emit('onDestroy'); this.disconnectTabOverlapping(); instances["delete"](this.getId()); if (this.isRendered()) { this.getPopup().destroy(); } for (var property in this) { if (this.hasOwnProperty(property)) { delete this[property]; } } Object.setPrototypeOf(this, null); } }, { key: "isOpen", value: function isOpen() { return this.popup && this.popup.isShown(); } }, { key: "adjustPosition", value: function adjustPosition() { if (this.isRendered()) { this.getPopup().adjustPosition(); } } }, { key: "search", value: function search(queryString) { var query = main_core.Type.isStringFilled(queryString) ? queryString.trim() : ''; var event = new main_core_events.BaseEvent({ data: { query: query } }); this.emit('onBeforeSearch', event); if (event.isDefaultPrevented()) { return; } if (!main_core.Type.isStringFilled(query)) { this.selectFirstTab(); if (this.getSearchTab()) { this.getSearchTab().clearResults(); } } else if (this.getSearchTab()) { this.selectTab(this.getSearchTab().getId()); this.getSearchTab().search(query); } this.emit('onSearch', { query: query }); } }, { key: "addItem", value: function addItem(options) { var _this2 = this; if (!main_core.Type.isPlainObject(options)) { throw new Error('EntitySelector.addItem: wrong item options.'); } var item = this.getItem(options); if (!item) { item = new Item(options); var undeselectable = this.getUndeselectedItems().some(function (itemId) { return itemId[0] === item.getEntityId() && String(itemId[1]) === String(item.getId()); }); if (undeselectable) { item.setDeselectable(false); } item.setDialog(this); var entity = this.getEntity(item.getEntityId()); if (entity === null) { this.addEntity({ id: item.getEntityId() }); } var entityItems = this.items.get(item.getEntityId()); if (!entityItems) { entityItems = new Map(); this.items.set(item.getEntityId(), entityItems); } entityItems.set(String(item.getId()), item); if (item.isSelected()) { this.handleItemSelect(item); } } var tabs = []; if (main_core.Type.isArray(options.tabs)) { tabs = options.tabs; } else if (main_core.Type.isStringFilled(options.tabs)) { tabs = [options.tabs]; } var children = main_core.Type.isArray(options.children) ? options.children : []; tabs.forEach(function (tabId) { var tab = _this2.getTab(tabId); if (tab) { var itemNode = tab.getRootNode().addItem(item, options.nodeOptions); itemNode.addChildren(children); } }); return item; } }, { key: "removeItem", value: function removeItem(item) { item = this.getItem(item); if (item) { this.handleItemDeselect(item); item.getNodes().forEach(function (node) { node.getParentNode().removeChild(node); }); var entityItems = this.getEntityItemsInternal(item.getEntityId()); if (entityItems) { entityItems["delete"](String(item.getId())); if (entityItems.size === 0) { this.items["delete"](item.getEntityId()); } } } return item; } }, { key: "removeItems", value: function removeItems() { var _this3 = this; this.getItemsInternal().forEach(function (items) { items.forEach(function (item) { _this3.removeItem(item); }); }); } }, { key: "getItem", value: function getItem(item) { var id = null; var entityId = null; if (main_core.Type.isArray(item) && item.length === 2) { var _item = babelHelpers.slicedToArray(item, 2); entityId = _item[0]; id = _item[1]; } else if (item instanceof Item) { id = item.getId(); entityId = item.getEntityId(); } else if (main_core.Type.isObjectLike(item)) { id = item.id; entityId = item.entityId; } var entityItems = this.getEntityItemsInternal(entityId); if (entityItems) { return entityItems.get(String(id)) \|\| null; } return null; } }, { key: "getSelectedItems", value: function getSelectedItems() { return Array.from(this.selectedItems); } }, { key: "getItems", value: function getItems() { var items = []; this.getItemsInternal().forEach(function (entityItems) { Array.prototype.push.apply(items, Array.from(entityItems.values())); }); return items; } /* * @internal / }, { key: "getItemsInternal", value: function getItemsInternal() { return this.items; } }, { key: "getEntityItems", value: function getEntityItems(entityId) { var items = this.getEntityItemsInternal(entityId); return items === null ? [] : Array.from(items.values()); } /* * @internal / }, { key: "getEntityItemsInternal", value: function getEntityItemsInternal(entityId) { return this.items.get(entityId) \|\| null; } /* * @private / }, { key: "validateItemIds", value: function validateItemIds(itemIds) { if (!main_core.Type.isArrayFilled(itemIds)) { return []; } var result = []; itemIds.forEach(function (itemId) { if (!main_core.Type.isArray(itemId) \|\| itemId.length !== 2) { return; } var _itemId = babelHelpers.slicedToArray(itemId, 2), entityId = _itemId[0], id = _itemId[1]; if (main_core.Type.isStringFilled(entityId) && (main_core.Type.isStringFilled(id) \|\| main_core.Type.isNumber(id))) { result.push(itemId); } }); return result; } }, { key: "addTab", value: function addTab(tab) { if (main_core.Type.isPlainObject(tab)) { tab = new Tab(this, tab); } if (!(tab instanceof Tab)) { throw new Error('EntitySelector: a tab must be an instance of EntitySelector.Tab.'); } if (this.getTab(tab.getId())) { console.error("EntitySelector: the \"".concat(tab.getId(), "\" tab is already existed.")); return tab; } tab.setDialog(this); this.tabs.set(tab.getId(), tab); if (this.isRendered()) { this.insertTab(tab); } return tab; } }, { key: "getTabs", value: function getTabs() { return Array.from(this.tabs.values()); } }, { key: "getTab", value: function getTab(id) { return this.tabs.get(id) \|\| null; } }, { key: "getRecentTab", value: function getRecentTab() { return this.recentTab; } }, { key: "getSearchTab", value: function getSearchTab() { return this.searchTab; } }, { key: "selectTab", value: function selectTab(id) { var _this4 = this; var newActiveTab = this.getTab(id); if (!newActiveTab \|\| newActiveTab === this.getActiveTab()) { return newActiveTab; } if (this.getActiveTab()) { this.getActiveTab().deselect(); } this.activeTab = newActiveTab; newActiveTab.select(); if (!newActiveTab.isRendered()) { newActiveTab.render(); } requestAnimationFrame(function () { requestAnimationFrame(function () { _this4.focusSearch(); }); }); this.clearNodeFocus(); if (this.shouldFocusOnFirst()) { this.focusOnFirstNode(); } this.adjustHeader(); this.adjustFooter(); return newActiveTab; } /* * @private / }, { key: "insertTab", value: function insertTab(tab) { tab.renderLabel(); tab.renderContainer(); main_core.Dom.append(tab.getLabelContainer(), this.getLabelsContainer()); main_core.Dom.append(tab.getContainer(), this.getTabContentsContainer()); if (tab.getHeader()) { main_core.Dom.append(tab.getHeader().getContainer(), this.getHeaderContainer()); } if (tab.getFooter()) { main_core.Dom.append(tab.getFooter().getContainer(), this.getFooterContainer()); } } }, { key: "selectFirstTab", value: function selectFirstTab() { var onlyVisible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; var tabs = this.getTabs(); for (var i = 0; i < tabs.length; i++) { var tab = tabs[i]; if (onlyVisible === false \|\| tab.isVisible()) { return this.selectTab(tab.getId()); } } if (this.isDropdownMode()) { return this.selectTab(this.getRecentTab().getId()); } return null; } }, { key: "selectLastTab", value: function selectLastTab() { var onlyVisible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; var tabs = this.getTabs(); for (var i = tabs.length - 1; i >= 0; i--) { var tab = tabs[i]; if (onlyVisible === false \|\| tab.isVisible()) { return this.selectTab(tab.getId()); } } if (this.isDropdownMode()) { return this.selectTab(this.getRecentTab().getId()); } return null; } }, { key: "getActiveTab", value: function getActiveTab() { return this.activeTab; } }, { key: "getNextTab", value: function getNextTab() { var onlyVisible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; var nextTab = null; var activeFound = false; var tabs = this.getTabs(); for (var i = 0; i < tabs.length; i++) { var tab = tabs[i]; if (onlyVisible && !tab.isVisible()) { continue; } if (tab === this.getActiveTab()) { activeFound = true; } else if (activeFound) { nextTab = tab; break; } } return nextTab; } }, { key: "getPreviousTab", value: function getPreviousTab() { var onlyVisible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; var previousTab = null; var activeFound = false; var tabs = this.getTabs(); for (var i = tabs.length - 1; i >= 0; i--) { var tab = tabs[i]; if (onlyVisible && !tab.isVisible()) { continue; } if (tab === this.getActiveTab()) { activeFound = true; } else if (activeFound) { previousTab = tab; break; } } return previousTab; } }, { key: "removeTab", value: function removeTab(id) { var tab = this.getTab(id); if (!tab) { return; } tab.getRootNode().removeChildren(); this.tabs["delete"](id); main_core.Dom.remove(tab.getLabelContainer(), this.getLabelsContainer()); main_core.Dom.remove(tab.getContainer(), this.getTabContentsContainer()); if (tab.getHeader()) { main_core.Dom.remove(tab.getHeader().getContainer(), this.getHeaderContainer()); } if (tab.getFooter()) { main_core.Dom.remove(tab.getFooter().getContainer(), this.getFooterContainer()); } this.selectFirstTab(); } }, { key: "addEntity", value: function addEntity(entity) { if (main_core.Type.isPlainObject(entity)) { entity = new Entity(entity); } if (!(entity instanceof Entity)) { throw new Error('EntitySelector: an entity must be an instance of EntitySelector.Entity.'); } if (this.hasEntity(entity.getId())) { console.error("EntitySelector: the \"".concat(entity.getId(), "\" entity is already existed.")); return entity; } this.entities.set(entity.getId(), entity); return entity; } }, { key: "getEntity", value: function getEntity(id) { return this.entities.get(id) \|\| null; } }, { key: "hasEntity", value: function hasEntity(id) { return this.entities.has(id); } }, { key: "getEntities", value: function getEntities() { return Array.from(this.entities.values()); } }, { key: "removeEntity", value: function removeEntity(id) { this.removeEntityItems(id); this.entities["delete"](id); } }, { key: "removeEntityItems", value: function removeEntityItems(id) { var _this5 = this; var items = this.getEntityItemsInternal(id); if (items) { items.forEach(function (item) { _this5.removeItem(item); }); } } }, { key: "getHeader", value: function getHeader() { return this.header; } }, { key: "getActiveHeader", value: function getActiveHeader() { if (!this.getActiveTab()) { return null; } if (this.getActiveTab().getHeader()) { return this.getActiveTab().getHeader(); } return this.getHeader() && this.getActiveTab().canShowDefaultHeader() ? this.getHeader() : null; } /* * @internal / }, { key: "adjustHeader", value: function adjustHeader() { if (!this.getActiveTab()) { return; } if (this.getActiveTab().getHeader()) { if (this.getHeader()) { this.getHeader().hide(); } this.getActiveTab().getHeader().show(); } else { if (this.getHeader()) { if (this.getActiveTab().canShowDefaultHeader()) { this.getHeader().show(); } else { this.getHeader().hide(); } } } } }, { key: "setHeader", value: function setHeader(headerContent, headerOptions) { /* @var {BaseHeader} / var header = null; if (headerContent !== null) { header = this.constructor.createHeader(this, headerContent, headerOptions); if (header === null) { return null; } } if (this.isRendered() && this.getHeader() !== null) { main_core.Dom.remove(this.getHeader().getContainer()); this.adjustHeader(); } this.header = header; if (this.isRendered()) { this.appendHeader(header); this.adjustHeader(); } return header; } /* * @internal / }, { key: "appendHeader", value: function appendHeader(header) { if (header instanceof BaseHeader) { main_core.Dom.append(header.getContainer(), this.getHeaderContainer()); } } /* * @internal / }, { key: "getFooter", value: function getFooter() { return this.footer; } }, { key: "getActiveFooter", value: function getActiveFooter() { if (!this.getActiveTab()) { return null; } if (this.getActiveTab().getFooter()) { return this.getActiveTab().getFooter(); } return this.getFooter() && this.getActiveTab().canShowDefaultFooter() ? this.getFooter() : null; } /* * @internal / }, { key: "adjustFooter", value: function adjustFooter() { if (!this.getActiveTab()) { return; } if (this.getActiveTab().getFooter()) { if (this.getFooter()) { this.getFooter().hide(); } this.getActiveTab().getFooter().show(); } else { if (this.getFooter()) { if (this.getActiveTab().canShowDefaultFooter()) { this.getFooter().show(); } else { this.getFooter().hide(); } } } } }, { key: "setFooter", value: function setFooter(footerContent, footerOptions) { /* @var {BaseFooter} / var footer = null; if (footerContent !== null) { footer = this.constructor.createFooter(this, footerContent, footerOptions); if (footer === null) { return null; } } if (this.isRendered() && this.getFooter() !== null) { main_core.Dom.remove(this.getFooter().getContainer()); this.adjustFooter(); } this.footer = footer; if (this.isRendered()) { this.appendFooter(footer); this.adjustFooter(); } return footer; } /* * @internal / }, { key: "appendFooter", value: function appendFooter(footer) { if (footer instanceof BaseFooter) { main_core.Dom.append(footer.getContainer(), this.getFooterContainer()); } } /* * @internal / }, { key: "getId", value: function getId() { return this.id; } }, { key: "getContext", value: function getContext() { return this.context; } }, { key: "getNavigation", value: function getNavigation() { return this.navigation; } }, { key: "deselectAll", value: function deselectAll() { this.getSelectedItems().forEach(function (item) { item.deselect(); }); } }, { key: "isMultiple", value: function isMultiple() { return this.multiple; } }, { key: "setTargetNode", value: function setTargetNode(node) { if (!main_core.Type.isDomNode(node) && !main_core.Type.isNull(node) && !main_core.Type.isObject(node)) { return; } this.targetNode = node; if (this.isRendered()) { this.getPopup().setBindElement(this.targetNode); this.getPopup().adjustPosition(); } } }, { key: "getTargetNode", value: function getTargetNode() { if (this.targetNode === null) { if (this.getTagSelectorMode() === TagSelectorMode.OUTSIDE) { return this.getTagSelector().getOuterContainer(); } } return this.targetNode; } }, { key: "setHideOnSelect", value: function setHideOnSelect(flag) { if (main_core.Type.isBoolean(flag)) { this.hideOnSelect = flag; } } }, { key: "shouldHideOnSelect", value: function shouldHideOnSelect() { if (this.hideOnSelect !== null) { return this.hideOnSelect; } return !this.isMultiple(); } }, { key: "setHideOnDeselect", value: function setHideOnDeselect(flag) { if (main_core.Type.isBoolean(flag)) { this.hideOnDeselect = flag; } } }, { key: "shouldHideOnDeselect", value: function shouldHideOnDeselect() { if (this.hideOnDeselect !== null) { return this.hideOnDeselect; } return false; } }, { key: "setClearSearchOnSelect", value: function setClearSearchOnSelect(flag) { if (main_core.Type.isBoolean(flag)) { this.clearSearchOnSelect = flag; } } }, { key: "shouldClearSearchOnSelect", value: function shouldClearSearchOnSelect() { return this.clearSearchOnSelect; } }, { key: "setShowAvatars", value: function setShowAvatars(flag) { if (main_core.Type.isBoolean(flag)) { this.showAvatars = flag; if (this.isRendered()) { this.getTabs().forEach(function (tab) { tab.renderContainer(); }); } } } }, { key: "shouldShowAvatars", value: function shouldShowAvatars() { return this.showAvatars; } }, { key: "isCompactView", value: function isCompactView() { return this.compactView; } }, { key: "setAutoHide", value: function setAutoHide(enable) { if (main_core.Type.isBoolean(enable)) { this.autoHide = enable; if (this.isRendered()) { this.getPopup().setAutoHide(enable); } } } }, { key: "isAutoHide", value: function isAutoHide() { return this.autoHide; } }, { key: "setAutoHideHandler", value: function setAutoHideHandler(handler) { if (main_core.Type.isFunction(handler) \|\| handler === null) { this.autoHideHandler = handler; } } }, { key: "setHideByEsc", value: function setHideByEsc(enable) { if (main_core.Type.isBoolean(enable)) { this.hideByEsc = enable; if (this.isRendered()) { this.getPopup().setClosingByEsc(enable); } } } }, { key: "shouldHideByEsc", value: function shouldHideByEsc() { return this.hideByEsc; } }, { key: "getWidth", value: function getWidth() { return this.width; } }, { key: "setWidth", value: function setWidth(width) { if (main_core.Type.isNumber(width) && width > 0) { this.width = width; if (this.isRendered()) { main_core.Dom.style(this.getContainer(), 'width', "".concat(width, "px")); } } } }, { key: "getHeight", value: function getHeight() { return this.height; } }, { key: "setHeight", value: function setHeight(height) { if (main_core.Type.isNumber(height) && height > 0) { this.height = height; if (this.isRendered()) { main_core.Dom.style(this.getContainer(), 'height', "".concat(height, "px")); return Animation.handleTransitionEnd(this.getContainer(), 'height'); } else { return Promise.resolve(); } } else { return Promise.resolve(); } } }, { key: "getOffsetLeft", value: function getOffsetLeft() { return this.offsetLeft; } }, { key: "setOffsetLeft", value: function setOffsetLeft(offset) { if (main_core.Type.isNumber(offset) && offset >= 0) { this.offsetLeft = offset; if (this.isRendered()) { this.getPopup().setOffset({ offsetLeft: offset }); this.adjustPosition(); } } } }, { key: "getOffsetTop", value: function getOffsetTop() { return this.offsetTop; } }, { key: "setOffsetTop", value: function setOffsetTop(offset) { if (main_core.Type.isNumber(offset) && offset >= 0) { this.offsetTop = offset; if (this.isRendered()) { this.getPopup().setOffset({ offsetTop: offset }); this.adjustPosition(); } } } }, { key: "getZindex", value: function getZindex() { return this.getPopup().getZindex(); } }, { key: "isCacheable", value: function isCacheable() { return this.cacheable; } }, { key: "setCacheable", value: function setCacheable(cacheable) { if (main_core.Type.isBoolean(cacheable)) { this.cacheable = cacheable; if (this.isRendered()) { this.getPopup().setCacheable(cacheable); } } } }, { key: "shouldFocusOnFirst", value: function shouldFocusOnFirst() { return this.focusOnFirst; } }, { key: "setFocusOnFirst", value: function setFocusOnFirst(flag) { if (main_core.Type.isBoolean(flag)) { this.focusOnFirst = flag; } } }, { key: "focusOnFirstNode", value: function focusOnFirstNode() { if (this.getActiveTab()) { var itemNode = this.getActiveTab().getRootNode().getFirstChild(); if (itemNode) { itemNode.focus(); return itemNode; } } return null; } }, { key: "getFocusedNode", value: function getFocusedNode() { return this.focusedNode; } }, { key: "clearNodeFocus", value: function clearNodeFocus() { if (this.focusedNode) { this.focusedNode.unfocus(); this.focusedNode = null; } } }, { key: "isDropdownMode", value: function isDropdownMode() { return this.dropdownMode; } }, { key: "setPreselectedItems", value: function setPreselectedItems(itemIds) { this.preselectedItems = this.validateItemIds(itemIds); } }, { key: "getPreselectedItems", value: function getPreselectedItems() { return this.preselectedItems; } }, { key: "setUndeselectedItems", value: function setUndeselectedItems(itemIds) { this.undeselectedItems = this.validateItemIds(itemIds); } }, { key: "getUndeselectedItems", value: function getUndeselectedItems() { return this.undeselectedItems; } /* * @private / }, { key: "setOptions", value: function setOptions(dialogOptions) { var _this6 = this; var options = main_core.Type.isPlainObject(dialogOptions) ? dialogOptions : {}; if (main_core.Type.isArray(options.tabs)) { options.tabs.forEach(function (tab) { _this6.addTab(tab); }); } if (main_core.Type.isArray(options.selectedItems)) { options.selectedItems.forEach(function (itemOptions) { var options = Object.assign({}, main_core.Type.isPlainObject(itemOptions) ? itemOptions : {}); options.selected = true; _this6.addItem(options); }); } if (main_core.Type.isArray(options.items)) { options.items.forEach(function (itemOptions) { _this6.addItem(itemOptions); }); } this.setHeader(options.header, options.headerOptions); this.setFooter(options.footer, options.footerOptions); } }, { key: "getMaxLabelWidth", value: function getMaxLabelWidth() { return this.maxLabelWidth; } }, { key: "getMinLabelWidth", value: function getMinLabelWidth() { return this.minLabelWidth; } }, { key: "getTagSelector", value: function getTagSelector() { return this.tagSelector; } }, { key: "getTagSelectorMode", value: function getTagSelectorMode() { return this.tagSelectorMode; } }, { key: "isTagSelectorInside", value: function isTagSelectorInside() { return this.getTagSelector() && this.getTagSelectorMode() === TagSelectorMode.INSIDE; } }, { key: "isTagSelectorOutside", value: function isTagSelectorOutside() { return this.getTagSelector() && this.getTagSelectorMode() === TagSelectorMode.OUTSIDE; } }, { key: "getTagSelectorQuery", value: function getTagSelectorQuery() { return this.getTagSelector() ? this.getTagSelector().getTextBoxValue() : ''; } /* * @private / }, { key: "setTagSelector", value: function setTagSelector(tagSelector) { this.tagSelector = tagSelector; this.tagSelector.subscribe('onInput', main_core.Runtime.debounce(this.handleTagSelectorInput, 200, this)); this.tagSelector.subscribe('onAddButtonClick', this.handleTagSelectorAddButtonClick.bind(this)); this.tagSelector.subscribe('onTagRemove', this.handleTagSelectorTagRemove.bind(this)); this.tagSelector.subscribe('onAfterTagRemove', this.handleTagSelectorAfterTagRemove.bind(this)); this.tagSelector.subscribe('onAfterTagAdd', this.handleTagSelectorAfterTagAdd.bind(this)); this.tagSelector.subscribe('onContainerClick', this.handleTagSelectorClick.bind(this)); this.tagSelector.setDialog(this); } }, { key: "focusSearch", value: function focusSearch() { if (this.getTagSelector()) { if (this.getActiveTab() !== this.getSearchTab()) { this.getTagSelector().clearTextBox(); } this.getTagSelector().focusTextBox(); } } }, { key: "clearSearch", value: function clearSearch() { if (this.getTagSelector()) { this.getTagSelector().clearTextBox(); if (this.getActiveTab() === this.getSearchTab()) { this.selectFirstTab(); } } } }, { key: "getLoader", value: function getLoader() { if (this.loader === null) { this.loader = new main_loader.Loader({ target: this.getTabsContainer(), size: 100 }); } return this.loader; } }, { key: "showLoader", value: function showLoader() { void this.getLoader().show(); } }, { key: "hideLoader", value: function hideLoader() { if (this.loader !== null) { void this.getLoader().hide(); } } }, { key: "destroyLoader", value: function destroyLoader() { if (this.loader !== null) { this.getLoader().destroy(); } this.loader = null; } }, { key: "getPopup", value: function getPopup() { var _this7 = this; if (this.popup !== null) { return this.popup; } this.getTabs().forEach(function (tab) { _this7.insertTab(tab); }); this.popup = new main_popup.Popup(Object.assign({ contentPadding: 0, padding: 0, offsetTop: this.getOffsetTop(), offsetLeft: this.getOffsetLeft(), animation: { showClassName: 'ui-selector-popup-animation-show', closeClassName: 'ui-selector-popup-animation-close', closeAnimationType: 'animation' }, bindElement: this.getTargetNode(), bindOptions: { forceBindPosition: true }, autoHide: this.isAutoHide(), autoHideHandler: this.handleAutoHide.bind(this), closeByEsc: this.shouldHideByEsc(), cacheable: this.isCacheable(), events: { onFirstShow: this.handlePopupFirstShow.bind(this), onAfterShow: this.handlePopupAfterShow.bind(this), onAfterClose: this.handlePopupAfterClose.bind(this), onDestroy: this.handlePopupDestroy.bind(this) }, content: this.getContainer() }, this.popupOptions)); this.rendered = true; this.selectFirstTab(); return this.popup; } }, { key: "isRendered", value: function isRendered() { return this.rendered; } }, { key: "getContainer", value: function getContainer() { var _this8 = this; return this.cache.remember('container', function () { var searchContainer = ''; if (_this8.getTagSelectorMode() === TagSelectorMode.INSIDE) { searchContainer = main_core.Tag.render(_templateObject$b \|\| (_templateObject$b = babelHelpers.taggedTemplateLiteral(["<div class=\"ui-selector-search\"></div>"]))); _this8.getTagSelector().renderTo(searchContainer); } var className = _this8.isCompactView() ? ' ui-selector-dialog--compact-view' : ''; return main_core.Tag.render(_templateObject2$6 \|\| (_templateObject2$6 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div \n\t\t\t\t\tclass=\"ui-selector-dialog", "\" \n\t\t\t\t\tstyle=\"width:", "px; height:", "px;\"\n\t\t\t\t>\n\t\t\t\t\t", "\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"])), className, _this8.getWidth(), _this8.getHeight(), _this8.getHeaderContainer(), searchContainer, _this8.getTabsContainer(), _this8.getFooterContainer()); }); } }, { key: "getTabsContainer", value: function getTabsContainer() { var _this9 = this; return this.cache.remember('tabs-container', function () { return main_core.Tag.render(_templateObject3$6 \|\| (_templateObject3$6 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-tabs\">\n\t\t\t\t\t", "\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t"])), _this9.getTabContentsContainer(), _this9.getLabelsContainer()); }); } }, { key: "getTabContentsContainer", value: function getTabContentsContainer() { return this.cache.remember('tab-contents', function () { return main_core.Tag.render(_templateObject4$6 \|\| (_templateObject4$6 = babelHelpers.taggedTemplateLiteral(["<div class=\"ui-selector-tab-contents\"></div>"]))); }); } }, { key: "getLabelsContainer", value: function getLabelsContainer() { var _this10 = this; return this.cache.remember('labels-container', function () { return main_core.Tag.render(_templateObject5$4 \|\| (_templateObject5$4 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div \n\t\t\t\t\tclass=\"ui-selector-tab-labels\"\n\t\t\t\t\tonmouseenter=\"", "\"\n\t\t\t\t\tonmouseleave=\"", "\"\n\t\t\t\t></div>\n\t\t\t"])), _this10.handleLabelsMouseEnter.bind(_this10), _this10.handleLabelsMouseLeave.bind(_this10)); }); } }, { key: "getHeaderContainer", value: function getHeaderContainer() { var _this11 = this; return this.cache.remember('header', function () { var header = _this11.getHeader() && _this11.getHeader().getContainer(); return main_core.Tag.render(_templateObject6$2 \|\| (_templateObject6$2 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-header-container\">", "</div>\n\t\t\t"])), header ? header : ''); }); } }, { key: "getFooterContainer", value: function getFooterContainer() { var _this12 = this; return this.cache.remember('footer', function () { var footer = _this12.getFooter() && _this12.getFooter().getContainer(); return main_core.Tag.render(_templateObject7$1 \|\| (_templateObject7$1 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t<div class=\"ui-selector-footer-container\">", "</div>\n\t\t\t"])), footer ? footer : ''); }); } }, { key: "freeze", value: function freeze() { if (this.isFrozen()) { return; } this.frozenProps = { autoHide: this.isAutoHide(), hideByEsc: this.shouldHideByEsc() }; this.setAutoHide(false); this.setHideByEsc(false); this.getNavigation().disable(); main_core.Dom.addClass(this.getContainer(), 'ui-selector-dialog--freeze'); this.frozen = true; } }, { key: "unfreeze", value: function unfreeze() { if (!this.isFrozen()) { return; } this.setAutoHide(this.frozenProps.autoHide !== false); this.setHideByEsc(this.frozenProps.hideByEsc !== false); this.getNavigation().enable(); main_core.Dom.removeClass(this.getContainer(), 'ui-selector-dialog--freeze'); this.frozen = false; } }, { key: "isFrozen", value: function isFrozen() { return this.frozen; } }, { key: "hasRecentItems", value: function hasRecentItems() { var _this13 = this; return new Promise(function (resolve, reject) { main_core.ajax.runAction('ui.entityselector.load', { json: { dialog: _this13.getAjaxJson() }, getParameters: { context: _this13.getContext() } }).then(function (response) { resolve(response.data && response.data.dialog && main_core.Type.isArrayFilled(response.data.dialog.recentItems)); })["catch"](function (error) { reject(error); }); }); } }, { key: "load", value: function load() { var _this14 = this; if (this.loadState !== LoadState.UNSENT \|\| !this.hasDynamicLoad()) { return; } if (this.getTagSelector()) { this.getTagSelector().lock(); } setTimeout(function () { if (_this14.isLoading()) { _this14.showLoader(); } }, 400); this.loadState = LoadState.LOADING; main_core.ajax.runAction('ui.entityselector.load', { json: { dialog: this.getAjaxJson() }, getParameters: { context: this.getContext() } }).then(function (response) { if (response && response.data && main_core.Type.isPlainObject(response.data.dialog)) { _this14.loadState = LoadState.DONE; var entities = main_core.Type.isArrayFilled(response.data.dialog.entities) ? response.data.dialog.entities : []; entities.forEach(function (entityOptions) { var entity = _this14.getEntity(entityOptions.id); if (entity) { entity.setDynamicSearch(entityOptions.dynamicSearch); } }); _this14.setOptions(response.data.dialog); _this14.getPreselectedItems().forEach(function (preselectedItem) { var item = _this14.getItem(preselectedItem); if (item) { item.select(true); } }); var recentItems = response.data.dialog.recentItems; if (main_core.Type.isArray(recentItems)) { var nodeOptionsMap = new Map(); var itemsOptions = response.data.dialog.items; if (main_core.Type.isArray(itemsOptions)) { itemsOptions.forEach(function (itemOptions) { if (itemOptions.nodeOptions) { var item = _this14.getItem(itemOptions); if (item) { nodeOptionsMap.set(item, itemOptions.nodeOptions); } } }); } var items = recentItems.map(function (recentItem) { var item = _this14.getItem(recentItem); return [item, nodeOptionsMap.get(item)]; }); _this14.getRecentTab().getRootNode().addItems(items); } if (!_this14.getRecentTab().getRootNode().hasChildren() && _this14.getRecentTab().getStub()) { _this14.getRecentTab().getStub().show(); } if (_this14.getTagSelector()) { _this14.getTagSelector().unlock(); } if (_this14.isRendered()) { if (_this14.isDropdownMode() && _this14.getActiveTab() === _this14.getRecentTab()) { _this14.selectFirstTab(); } else if (!_this14.getActiveTab()) { _this14.selectFirstTab(); } } _this14.focusSearch(); _this14.destroyLoader(); if (_this14.shouldFocusOnFirst()) { _this14.focusOnFirstNode(); } _this14.emit('onLoad'); } })["catch"](function (error) { _this14.loadState = LoadState.UNSENT; if (_this14.getTagSelector()) { _this14.getTagSelector().unlock(); } _this14.focusSearch(); _this14.destroyLoader(); _this14.emit('onLoadError', { error: error }); console.error(error); }); } }, { key: "isLoaded", value: function isLoaded() { return this.loadState === LoadState.DONE; } }, { key: "isLoading", value: function isLoading() { return this.loadState === LoadState.LOADING; } }, { key: "hasDynamicLoad", value: function hasDynamicLoad() { var hasDynamicLoad = false; this.entities.forEach(function (entity) { hasDynamicLoad = hasDynamicLoad \|\| entity.hasDynamicLoad(); }); return hasDynamicLoad; } }, { key: "hasDynamicSearch", value: function hasDynamicSearch() { var hasDynamicSearch = false; this.entities.forEach(function (entity) { hasDynamicSearch = hasDynamicSearch \|\| entity.isSearchable() && entity.hasDynamicSearch(); }); return hasDynamicSearch; } }, { key: "saveRecentItem", value: function saveRecentItem(item) { if (this.getContext() === null \|\| !item.isSaveable()) { return; } this.recentItemsToSave.push(item); this.saveRecentItemsWithDebounce(); } /* * @private / }, { key: "saveRecentItems", value: function saveRecentItems() { if (!main_core.Type.isArrayFilled(this.recentItemsToSave)) { return; } main_core.ajax.runAction('ui.entityselector.saveRecentItems', { json: { dialog: this.getAjaxJson(), recentItems: this.recentItemsToSave.map(function (item) { return item.getAjaxJson(); }) }, getParameters: { context: this.getContext() } }).then(function (response) {})["catch"](function (error) { console.error(error); }); this.recentItemsToSave = []; } }, { key: "shouldClearUnavailableItems", value: function shouldClearUnavailableItems() { return this.clearUnavailableItems; } /* * @private / }, { key: "handleTagSelectorInput", value: function handleTagSelectorInput() { if (this.getTagSelectorMode() === TagSelectorMode.OUTSIDE && !this.isOpen()) { this.show(); } var query = this.getTagSelector().getTextBoxValue(); this.search(query); } /* * @private / }, { key: "handleTagSelectorAddButtonClick", value: function handleTagSelectorAddButtonClick() { this.show(); } /* * @private / }, { key: "handleTagSelectorTagRemove", value: function handleTagSelectorTagRemove(event) { var _event$getData = event.getData(), tag = _event$getData.tag; var item = this.getItem({ id: tag.getId(), entityId: tag.getEntityId() }); if (item) { item.deselect(); } this.focusSearch(); } /* * @private / }, { key: "handleTagSelectorAfterTagRemove", value: function handleTagSelectorAfterTagRemove() { this.adjustByTagSelector(); } /* * @private / }, { key: "handleTagSelectorAfterTagAdd", value: function handleTagSelectorAfterTagAdd() { this.adjustByTagSelector(); } /* * @private / }, { key: "adjustByTagSelector", value: function adjustByTagSelector() { var _this15 = this; if (this.getTagSelectorMode() === TagSelectorMode.OUTSIDE) { this.adjustPosition(); } else if (this.getTagSelectorMode() === TagSelectorMode.INSIDE) { var newTagSelectorHeight = this.getTagSelector().calcHeight(); if (newTagSelectorHeight > 0) { var offset = newTagSelectorHeight - (this.tagSelectorHeight \|\| this.getTagSelector().getMinHeight()); this.tagSelectorHeight = newTagSelectorHeight; if (offset !== 0) { var height = this.getHeight(); this.setHeight(height + offset).then(function () { _this15.adjustPosition(); }); } } } } /* * @private / }, { key: "handleTagSelectorClick", value: function handleTagSelectorClick() { this.focusSearch(); } /* * @internal / }, { key: "handleItemSelect", value: function handleItemSelect(item) { var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; if (!this.isMultiple()) { this.deselectAll(); if (this.getSelectedItems().length > 0) { console.error('EntitySelector: some items are still selected.', this.getSelectedItems()); } } if (this.getTagSelector() && (this.isMultiple() \|\| this.isTagSelectorOutside())) { var tag = item.createTag(); tag.animate = animate; this.getTagSelector().addTag(tag); } this.selectedItems.add(item); } /* * @internal / }, { key: "handleItemDeselect", value: function handleItemDeselect(item) { this.selectedItems["delete"](item); if (this.getTagSelector()) { this.getTagSelector().removeTag({ id: item.getId(), entityId: item.getEntityId() }); } } /* * @private / }, { key: "handlePopupAfterShow", value: function handlePopupAfterShow() { this.focusSearch(); this.adjustByTagSelector(); this.emit('onShow'); } /* * @private / }, { key: "handlePopupFirstShow", value: function handlePopupFirstShow() { var _this16 = this; this.emit('onFirstShow'); requestAnimationFrame(function () { requestAnimationFrame(function () { main_core.Dom.addClass(_this16.getPopup().getPopupContainer(), 'ui-selector-popup-container'); }); }); this.observeTabOverlapping(); } /* * @private / }, { key: "handleAutoHide", value: function handleAutoHide(event) { var target = event.target; var el = this.getPopup().getPopupContainer(); if (target === el \|\| el.contains(target)) { return false; } if (this.isTagSelectorOutside() && target === this.getTagSelector().getTextBox() && main_core.Type.isStringFilled(this.getTagSelector().getTextBoxValue())) { return false; } if (this.autoHideHandler !== null) { var result = this.autoHideHandler(event, this); if (main_core.Type.isBoolean(result)) { return result; } } return true; } /* * @private / }, { key: "observeTabOverlapping", value: function observeTabOverlapping() { var _this17 = this; this.disconnectTabOverlapping(); this.overlappingObserver = new MutationObserver(function () { if (_this17.getLabelsContainer().offsetWidth > 0) { var left = parseInt(_this17.getPopup().getPopupContainer().style.left, 10); if (left < _this17.getMinLabelWidth()) { main_core.Dom.style(_this17.getPopup().getPopupContainer(), 'left', "".concat(_this17.getMinLabelWidth(), "px")); } } }); this.overlappingObserver.observe(this.getPopup().getPopupContainer(), { attributes: true, attributeFilter: ['style'] }); } /* * @private / }, { key: "disconnectTabOverlapping", value: function disconnectTabOverlapping() { if (this.overlappingObserver) { this.overlappingObserver.disconnect(); } } /* * @private / }, { key: "handlePopupAfterClose", value: function handlePopupAfterClose() { if (this.isTagSelectorOutside()) { if (this.getActiveTab() && this.getActiveTab() === this.getSearchTab()) { this.selectFirstTab(); } this.getTagSelector().clearTextBox(); this.getTagSelector().showAddButton(); this.getTagSelector().hideTextBox(); } this.emit('onHide'); } /* * @private / }, { key: "handlePopupDestroy", value: function handlePopupDestroy() { this.destroy(); } /* * @private / }, { key: "handleLabelsMouseEnter", value: function handleLabelsMouseEnter() { var _this18 = this; var rect = main_core.Dom.getRelativePosition(this.getLabelsContainer(), this.getPopup().getTargetContainer()); var freeSpace = rect.right; if (freeSpace > this.getMinLabelWidth()) { main_core.Dom.removeClass(this.getLabelsContainer(), 'ui-selector-tab-labels--animate-hide'); main_core.Dom.addClass(this.getLabelsContainer(), 'ui-selector-tab-labels--animate-show'); main_core.Dom.style(this.getLabelsContainer(), 'max-width', "".concat(Math.min(freeSpace, this.getMaxLabelWidth()), "px")); Animation.handleTransitionEnd(this.getLabelsContainer(), 'max-width').then(function () { main_core.Dom.removeClass(_this18.getLabelsContainer(), 'ui-selector-tab-labels--animate-show'); main_core.Dom.addClass(_this18.getLabelsContainer(), 'ui-selector-tab-labels--active'); }); } else { main_core.Dom.addClass(this.getLabelsContainer(), 'ui-selector-tab-labels--active'); } } /* * @private / }, { key: "handleLabelsMouseLeave", value: function handleLabelsMouseLeave() { var _this19 = this; main_core.Dom.addClass(this.getLabelsContainer(), 'ui-selector-tab-labels--animate-hide'); main_core.Dom.removeClass(this.getLabelsContainer(), 'ui-selector-tab-labels--animate-show'); main_core.Dom.removeClass(this.getLabelsContainer(), 'ui-selector-tab-labels--active'); Animation.handleTransitionEnd(this.getLabelsContainer(), 'max-width').then(function () { main_core.Dom.removeClass(_this19.getLabelsContainer(), 'ui-selector-tab-labels--animate-hide'); }); main_core.Dom.style(this.getLabelsContainer(), 'max-width', null); } /* * @private / }, { key: "handleItemNodeFocus", value: function handleItemNodeFocus(event) { var _event$getData2 = event.getData(), node = _event$getData2.node; if (this.focusedNode === node) { return; } this.clearNodeFocus(); this.focusedNode = node; } /* * @private / }, { key: "handleItemNodeUnfocus", value: function handleItemNodeUnfocus() { this.clearNodeFocus(); } }, { key: "getAjaxJson", value: function getAjaxJson() { return { id: this.getId(), context: this.getContext(), entities: this.getEntities(), preselectedItems: this.getPreselectedItems(), clearUnavailableItems: this.shouldClearUnavailableItems() }; } }], [{ key: "createHeader", value: function createHeader(context, headerContent, headerOptions) { if (!main_core.Type.isStringFilled(headerContent) && !main_core.Type.isArrayFilled(headerContent) && !main_core.Type.isDomNode(headerContent) && !main_core.Type.isFunction(headerContent)) { return null; } /* @var {BaseHeader} / var header = null; var options = main_core.Type.isPlainObject(headerOptions) ? headerOptions : {}; if (main_core.Type.isFunction(headerContent) \|\| main_core.Type.isString(headerContent)) { var className = main_core.Type.isString(headerContent) ? main_core.Reflection.getClass(headerContent) : headerContent; if (main_core.Type.isFunction(className)) { header = new className(context, options); if (!(header instanceof BaseHeader)) { console.error('EntitySelector: header is not an instance of BaseHeader.'); header = null; } } } if (headerContent !== null && !header) { header = new DefaultHeader(context, Object.assign({}, options, { content: headerContent })); } return header; } }, { key: "createFooter", value: function createFooter(context, footerContent, footerOptions) { if (!main_core.Type.isStringFilled(footerContent) && !main_core.Type.isArrayFilled(footerContent) && !main_core.Type.isDomNode(footerContent) && !main_core.Type.isFunction(footerContent)) { return null; } /* @var {BaseFooter} */ var footer = null; var options = main_core.Type.isPlainObject(footerOptions) ? footerOptions : {}; if (main_core.Type.isFunction(footerContent) \|\| main_core.Type.isString(footerContent)) { var className = main_core.Type.isString(footerContent) ? main_core.Reflection.getClass(footerContent) : footerContent; if (main_core.Type.isFunction(className)) { footer = new className(context, options); if (!(footer instanceof BaseFooter)) { console.error('EntitySelector: footer is not an instance of BaseFooter.'); footer = null; } } } if (footerContent !== null && !footer) { footer = new DefaultFooter(context, Object.assign({}, options, { content: footerContent })); } return footer; } }]); return Dialog; }(main_core_events.EventEmitter); var EntitySelector = { Dialog: Dialog, Item: Item, Tab: Tab, Entity: Entity, TagSelector: TagSelector, BaseHeader: BaseHeader, DefaultHeader: DefaultHeader, BaseFooter: BaseFooter, DefaultFooter: DefaultFooter, BaseStub: BaseStub, DefaultStub: DefaultStub }; exports.EntitySelector = EntitySelector; exports.Dialog = Dialog; exports.Item = Item; exports.Tab = Tab; exports.Entity = Entity; exports.TagSelector = TagSelector; exports.BaseHeader = BaseHeader; exports.DefaultHeader = DefaultHeader; exports.BaseFooter = BaseFooter; exports.DefaultFooter = DefaultFooter; exports.BaseStub = BaseStub; exports.DefaultStub = DefaultStub; }((this.BX.UI.EntitySelector = this.BX.UI.EntitySelector \|\| {}),BX.Main,BX.Collections,BX.Event,BX,BX)); //# sourceMappingURL=entity-selector.bundle.js.map

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