Draggable
+ *
+ * ```
+ */
+var Draggable = /** @__PURE__ @class */ (function (_super) {
+ __extends(Draggable, _super);
+ function Draggable(element, options) {
+ var _this = _super.call(this, options, element) || this;
+ _this.dragLimit = Draggable_1.getDefaultPosition();
+ _this.borderWidth = Draggable_1.getDefaultPosition();
+ _this.padding = Draggable_1.getDefaultPosition();
+ _this.diffX = 0;
+ _this.prevLeft = 0;
+ _this.prevTop = 0;
+ _this.dragProcessStarted = false;
+ _this.eleTop = 0;
+ /* eslint-disable @typescript-eslint/no-explicit-any */
+ _this.tapHoldTimer = 0;
+ _this.externalInitialize = false;
+ _this.diffY = 0;
+ _this.parentScrollX = 0;
+ _this.parentScrollY = 0;
+ _this.droppables = {};
+ _this.bind();
+ return _this;
+ }
+ Draggable_1 = Draggable;
+ Draggable.prototype.bind = function () {
+ this.toggleEvents();
+ if (_browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isIE) {
+ Object(_dom__WEBPACK_IMPORTED_MODULE_2__["addClass"])([this.element], 'e-block-touch');
+ }
+ this.droppables[this.scope] = {};
+ };
+ Draggable.getDefaultPosition = function () {
+ return Object(_util__WEBPACK_IMPORTED_MODULE_6__["extend"])({}, defaultPosition);
+ };
+ Draggable.prototype.toggleEvents = function (isUnWire) {
+ var ele;
+ if (!Object(_util__WEBPACK_IMPORTED_MODULE_6__["isUndefined"])(this.handle)) {
+ ele = Object(_dom__WEBPACK_IMPORTED_MODULE_2__["select"])(this.handle, this.element);
+ }
+ var handler = (this.enableTapHold && _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isDevice && _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isTouch) ? this.mobileInitialize : this.initialize;
+ if (isUnWire) {
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].remove(ele || this.element, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchstart' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchStartEvent, handler);
+ }
+ else {
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].add(ele || this.element, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchstart' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchStartEvent, handler, this);
+ }
+ };
+ /* istanbul ignore next */
+ Draggable.prototype.mobileInitialize = function (evt) {
+ var _this = this;
+ var target = evt.currentTarget;
+ this.tapHoldTimer = setTimeout(function () {
+ _this.externalInitialize = true;
+ _this.removeTapholdTimer();
+ _this.initialize(evt, target);
+ }, this.tapHoldThreshold);
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].add(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchmove' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchMoveEvent, this.removeTapholdTimer, this);
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].add(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchend' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchEndEvent, this.removeTapholdTimer, this);
+ };
+ /* istanbul ignore next */
+ Draggable.prototype.removeTapholdTimer = function () {
+ clearTimeout(this.tapHoldTimer);
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].remove(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchmove' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchMoveEvent, this.removeTapholdTimer);
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].remove(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchend' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchEndEvent, this.removeTapholdTimer);
+ };
+ /* istanbul ignore next */
+ Draggable.prototype.getScrollableParent = function (element, axis) {
+ var scroll = { 'vertical': 'scrollHeight', 'horizontal': 'scrollWidth' };
+ var client = { 'vertical': 'clientHeight', 'horizontal': 'clientWidth' };
+ if (Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(element)) {
+ return null;
+ }
+ if (element[scroll["" + axis]] > element[client["" + axis]]) {
+ if (axis === 'vertical' ? element.scrollTop > 0 : element.scrollLeft > 0) {
+ if (axis === 'vertical') {
+ this.parentScrollY = this.parentScrollY +
+ (this.parentScrollY === 0 ? element.scrollTop : element.scrollTop - this.parentScrollY);
+ this.tempScrollHeight = element.scrollHeight;
+ }
+ else {
+ this.parentScrollX = this.parentScrollX +
+ (this.parentScrollX === 0 ? element.scrollLeft : element.scrollLeft - this.parentScrollX);
+ this.tempScrollWidth = element.scrollWidth;
+ }
+ if (!Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(element)) {
+ return this.getScrollableParent(element.parentNode, axis);
+ }
+ else {
+ return element;
+ }
+ }
+ else {
+ return this.getScrollableParent(element.parentNode, axis);
+ }
+ }
+ else {
+ return this.getScrollableParent(element.parentNode, axis);
+ }
+ };
+ Draggable.prototype.getScrollableValues = function () {
+ this.parentScrollX = 0;
+ this.parentScrollY = 0;
+ var isModalDialog = this.element.classList.contains('e-dialog') && this.element.classList.contains('e-dlg-modal');
+ var verticalScrollParent = this.getScrollableParent(this.element.parentNode, 'vertical');
+ var horizontalScrollParent = this.getScrollableParent(this.element.parentNode, 'horizontal');
+ };
+ Draggable.prototype.initialize = function (evt, curTarget) {
+ this.currentStateTarget = evt.target;
+ if (this.isDragStarted()) {
+ return;
+ }
+ else {
+ this.isDragStarted(true);
+ this.externalInitialize = false;
+ }
+ this.target = (evt.currentTarget || curTarget);
+ this.dragProcessStarted = false;
+ if (this.abort) {
+ /* tslint:disable no-any */
+ var abortSelectors = this.abort;
+ if (typeof abortSelectors === 'string') {
+ abortSelectors = [abortSelectors];
+ }
+ for (var i = 0; i < abortSelectors.length; i++) {
+ if (!Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(Object(_dom__WEBPACK_IMPORTED_MODULE_2__["closest"])(evt.target, abortSelectors[parseInt(i.toString(), 10)]))) {
+ /* istanbul ignore next */
+ if (this.isDragStarted()) {
+ this.isDragStarted(true);
+ }
+ return;
+ }
+ }
+ }
+ if (this.preventDefault && !Object(_util__WEBPACK_IMPORTED_MODULE_6__["isUndefined"])(evt.changedTouches) && evt.type !== 'touchstart') {
+ evt.preventDefault();
+ }
+ this.element.setAttribute('aria-grabbed', 'true');
+ var intCoord = this.getCoordinates(evt);
+ this.initialPosition = { x: intCoord.pageX, y: intCoord.pageY };
+ if (!this.clone) {
+ var pos = this.element.getBoundingClientRect();
+ this.getScrollableValues();
+ if (evt.clientX === evt.pageX) {
+ this.parentScrollX = 0;
+ }
+ if (evt.clientY === evt.pageY) {
+ this.parentScrollY = 0;
+ }
+ this.relativeXPosition = intCoord.pageX - (pos.left + this.parentScrollX);
+ this.relativeYPosition = intCoord.pageY - (pos.top + this.parentScrollY);
+ }
+ if (this.externalInitialize) {
+ this.intDragStart(evt);
+ }
+ else {
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].add(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchmove' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchMoveEvent, this.intDragStart, this);
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].add(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchend' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchEndEvent, this.intDestroy, this);
+ }
+ this.toggleEvents(true);
+ if (evt.type !== 'touchstart' && this.isPreventSelect) {
+ document.body.classList.add('e-prevent-select');
+ }
+ this.externalInitialize = false;
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].trigger(document.documentElement, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchstart' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchStartEvent, evt);
+ };
+ Draggable.prototype.intDragStart = function (evt) {
+ this.removeTapholdTimer();
+ var isChangeTouch = !Object(_util__WEBPACK_IMPORTED_MODULE_6__["isUndefined"])(evt.changedTouches);
+ if (isChangeTouch && (evt.changedTouches.length !== 1)) {
+ return;
+ }
+ var intCordinate = this.getCoordinates(evt);
+ var pos;
+ var styleProp = getComputedStyle(this.element);
+ this.margin = {
+ left: parseInt(styleProp.marginLeft, 10),
+ top: parseInt(styleProp.marginTop, 10),
+ right: parseInt(styleProp.marginRight, 10),
+ bottom: parseInt(styleProp.marginBottom, 10)
+ };
+ var element = this.element;
+ if (this.clone && this.dragTarget) {
+ var intClosest = Object(_dom__WEBPACK_IMPORTED_MODULE_2__["closest"])(evt.target, this.dragTarget);
+ if (!Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(intClosest)) {
+ element = intClosest;
+ }
+ }
+ /* istanbul ignore next */
+ if (this.isReplaceDragEle) {
+ element = this.currentStateCheck(evt.target, element);
+ }
+ this.offset = this.calculateParentPosition(element);
+ this.position = this.getMousePosition(evt, this.isDragScroll);
+ var x = this.initialPosition.x - intCordinate.pageX;
+ var y = this.initialPosition.y - intCordinate.pageY;
+ var distance = Math.sqrt((x * x) + (y * y));
+ if ((distance >= this.distance || this.externalInitialize)) {
+ var ele = this.getHelperElement(evt);
+ if (!ele || Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(ele)) {
+ return;
+ }
+ if (isChangeTouch) {
+ evt.preventDefault();
+ }
+ var dragTargetElement = this.helperElement = ele;
+ this.parentClientRect = this.calculateParentPosition(dragTargetElement.offsetParent);
+ if (this.dragStart) {
+ var curTarget = this.getProperTargetElement(evt);
+ var args = {
+ event: evt,
+ element: element,
+ target: curTarget,
+ bindEvents: Object(_util__WEBPACK_IMPORTED_MODULE_6__["isBlazor"])() ? this.bindDragEvents.bind(this) : null,
+ dragElement: dragTargetElement
+ };
+ this.trigger('dragStart', args);
+ }
+ if (this.dragArea) {
+ this.setDragArea();
+ }
+ else {
+ this.dragLimit = { left: 0, right: 0, bottom: 0, top: 0 };
+ this.borderWidth = { top: 0, left: 0 };
+ }
+ pos = { left: this.position.left - this.parentClientRect.left, top: this.position.top - this.parentClientRect.top };
+ if (this.clone && !this.enableTailMode) {
+ this.diffX = this.position.left - this.offset.left;
+ this.diffY = this.position.top - this.offset.top;
+ }
+ this.getScrollableValues();
+ // when drag element has margin-top
+ var styles = getComputedStyle(element);
+ var marginTop = parseFloat(styles.marginTop);
+ /* istanbul ignore next */
+ if (this.clone && marginTop !== 0) {
+ pos.top += marginTop;
+ }
+ this.eleTop = !isNaN(parseFloat(styles.top)) ? parseFloat(styles.top) - this.offset.top : 0;
+ /* istanbul ignore next */
+ // if (this.eleTop > 0) {
+ // pos.top += this.eleTop;
+ // }
+ if (this.enableScrollHandler && !this.clone) {
+ pos.top -= this.parentScrollY;
+ pos.left -= this.parentScrollX;
+ }
+ var posValue = this.getProcessedPositionValue({
+ top: (pos.top - this.diffY) + 'px',
+ left: (pos.left - this.diffX) + 'px'
+ });
+ if (this.dragArea && typeof this.dragArea !== 'string' && this.dragArea.classList.contains('e-kanban-content') && this.dragArea.style.position === 'relative') {
+ pos.top += this.dragArea.scrollTop;
+ }
+ this.dragElePosition = { top: pos.top, left: pos.left };
+ Object(_dom__WEBPACK_IMPORTED_MODULE_2__["setStyleAttribute"])(dragTargetElement, this.getDragPosition({ position: 'absolute', left: posValue.left, top: posValue.top }));
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].remove(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchmove' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchMoveEvent, this.intDragStart);
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].remove(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchend' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchEndEvent, this.intDestroy);
+ if (!Object(_util__WEBPACK_IMPORTED_MODULE_6__["isBlazor"])()) {
+ this.bindDragEvents(dragTargetElement);
+ }
+ }
+ };
+ Draggable.prototype.bindDragEvents = function (dragTargetElement) {
+ if (Object(_dom__WEBPACK_IMPORTED_MODULE_2__["isVisible"])(dragTargetElement)) {
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].add(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchmove' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchMoveEvent, this.intDrag, this);
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].add(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchend' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchEndEvent, this.intDragStop, this);
+ this.setGlobalDroppables(false, this.element, dragTargetElement);
+ }
+ else {
+ this.toggleEvents();
+ document.body.classList.remove('e-prevent-select');
+ }
+ };
+ Draggable.prototype.elementInViewport = function (el) {
+ this.top = el.offsetTop;
+ this.left = el.offsetLeft;
+ this.width = el.offsetWidth;
+ this.height = el.offsetHeight;
+ while (el.offsetParent) {
+ el = el.offsetParent;
+ this.top += el.offsetTop;
+ this.left += el.offsetLeft;
+ }
+ return (this.top >= window.pageYOffset &&
+ this.left >= window.pageXOffset &&
+ (this.top + this.height) <= (window.pageYOffset + window.innerHeight) &&
+ (this.left + this.width) <= (window.pageXOffset + window.innerWidth));
+ };
+ Draggable.prototype.getProcessedPositionValue = function (value) {
+ if (this.queryPositionInfo) {
+ return this.queryPositionInfo(value);
+ }
+ return value;
+ };
+ Draggable.prototype.calculateParentPosition = function (ele) {
+ if (Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(ele)) {
+ return { left: 0, top: 0 };
+ }
+ var rect = ele.getBoundingClientRect();
+ var style = getComputedStyle(ele);
+ return {
+ left: (rect.left + window.pageXOffset) - parseInt(style.marginLeft, 10),
+ top: (rect.top + window.pageYOffset) - parseInt(style.marginTop, 10)
+ };
+ };
+ // tslint:disable-next-line:max-func-body-length
+ Draggable.prototype.intDrag = function (evt) {
+ if (!Object(_util__WEBPACK_IMPORTED_MODULE_6__["isUndefined"])(evt.changedTouches) && (evt.changedTouches.length !== 1)) {
+ return;
+ }
+ if (this.clone && evt.changedTouches && _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isDevice && _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isTouch) {
+ evt.preventDefault();
+ }
+ var left;
+ var top;
+ this.position = this.getMousePosition(evt, this.isDragScroll);
+ var docHeight = this.getDocumentWidthHeight('Height');
+ if (docHeight < this.position.top) {
+ this.position.top = docHeight;
+ }
+ var docWidth = this.getDocumentWidthHeight('Width');
+ if (docWidth < this.position.left) {
+ this.position.left = docWidth;
+ }
+ if (this.drag) {
+ var curTarget = this.getProperTargetElement(evt);
+ this.trigger('drag', { event: evt, element: this.element, target: curTarget });
+ }
+ var eleObj = this.checkTargetElement(evt);
+ if (eleObj.target && eleObj.instance) {
+ /* tslint:disable no-any */
+ var flag = true;
+ if (this.hoverObject) {
+ if (this.hoverObject.instance !== eleObj.instance) {
+ this.triggerOutFunction(evt, eleObj);
+ }
+ else {
+ flag = false;
+ }
+ }
+ if (flag) {
+ eleObj.instance.dragData[this.scope] = this.droppables[this.scope];
+ eleObj.instance.intOver(evt, eleObj.target);
+ this.hoverObject = eleObj;
+ }
+ }
+ else if (this.hoverObject) {
+ this.triggerOutFunction(evt, eleObj);
+ }
+ var helperElement = this.droppables[this.scope].helper;
+ this.parentClientRect = this.calculateParentPosition(this.helperElement.offsetParent);
+ var tLeft = this.parentClientRect.left;
+ var tTop = this.parentClientRect.top;
+ var intCoord = this.getCoordinates(evt);
+ var pagex = intCoord.pageX;
+ var pagey = intCoord.pageY;
+ var dLeft = this.position.left - this.diffX;
+ var dTop = this.position.top - this.diffY;
+ var styles = getComputedStyle(helperElement);
+ if (this.dragArea) {
+ if (this.enableAutoScroll) {
+ this.setDragArea();
+ }
+ if (this.pageX !== pagex || this.skipDistanceCheck) {
+ var helperWidth = helperElement.offsetWidth + (parseFloat(styles.marginLeft)
+ + parseFloat(styles.marginRight));
+ if (this.dragLimit.left > dLeft && dLeft > 0) {
+ left = this.dragLimit.left;
+ }
+ else if (this.dragLimit.right + window.pageXOffset < dLeft + helperWidth && dLeft > 0) {
+ left = dLeft - (dLeft - this.dragLimit.right) + window.pageXOffset - helperWidth;
+ }
+ else {
+ left = dLeft < 0 ? this.dragLimit.left : dLeft;
+ }
+ }
+ if (this.pageY !== pagey || this.skipDistanceCheck) {
+ var helperHeight = helperElement.offsetHeight + (parseFloat(styles.marginTop)
+ + parseFloat(styles.marginBottom));
+ if (this.dragLimit.top > dTop && dTop > 0) {
+ top = this.dragLimit.top;
+ }
+ else if (this.dragLimit.bottom + window.pageYOffset < dTop + helperHeight && dTop > 0) {
+ top = dTop - (dTop - this.dragLimit.bottom) + window.pageYOffset - helperHeight;
+ }
+ else {
+ top = dTop < 0 ? this.dragLimit.top : dTop;
+ }
+ }
+ }
+ else {
+ left = dLeft;
+ top = dTop;
+ }
+ var iTop = tTop + this.borderWidth.top;
+ var iLeft = tLeft + this.borderWidth.left;
+ if (this.dragProcessStarted) {
+ if (Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(top)) {
+ top = this.prevTop;
+ }
+ if (Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(left)) {
+ left = this.prevLeft;
+ }
+ }
+ var draEleTop;
+ var draEleLeft;
+ if (this.helperElement.classList.contains('e-treeview')) {
+ if (this.dragArea) {
+ this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
+ draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - this.borderWidth.top);
+ draEleLeft = (left - iLeft) < 0 ? this.dragLimit.left : (left - this.borderWidth.left);
+ }
+ else {
+ draEleTop = top - this.borderWidth.top;
+ draEleLeft = left - this.borderWidth.left;
+ }
+ }
+ else {
+ if (this.dragArea) {
+ var isDialogEle = this.helperElement.classList.contains('e-dialog');
+ this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
+ draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - iTop);
+ draEleLeft = (left - iLeft) < 0 ? isDialogEle ? (left - (iLeft - this.borderWidth.left)) :
+ this.dragElePosition.left : (left - iLeft);
+ }
+ else {
+ draEleTop = top - iTop;
+ draEleLeft = left - iLeft;
+ }
+ }
+ var marginTop = parseFloat(getComputedStyle(this.element).marginTop);
+ // when drag-element has margin-top
+ /* istanbul ignore next */
+ if (marginTop > 0) {
+ if (this.clone) {
+ draEleTop += marginTop;
+ if (dTop < 0) {
+ if ((marginTop + dTop) >= 0) {
+ draEleTop = marginTop + dTop;
+ }
+ else {
+ draEleTop -= marginTop;
+ }
+ }
+ draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
+ }
+ if ((top - iTop) < 0) {
+ if (dTop + marginTop + (helperElement.offsetHeight - iTop) >= 0) {
+ var tempDraEleTop = this.dragLimit.top + dTop - iTop;
+ if ((tempDraEleTop + marginTop + iTop) < 0) {
+ draEleTop -= marginTop + iTop;
+ }
+ else {
+ draEleTop = tempDraEleTop;
+ }
+ }
+ else {
+ draEleTop -= marginTop + iTop;
+ }
+ }
+ }
+ if (this.dragArea && this.helperElement.classList.contains('e-treeview')) {
+ var helperHeight = helperElement.offsetHeight + (parseFloat(styles.marginTop)
+ + parseFloat(styles.marginBottom));
+ draEleTop = (draEleTop + helperHeight) > this.dragLimit.bottom ? (this.dragLimit.bottom - helperHeight) : draEleTop;
+ }
+ /* istanbul ignore next */
+ // if(this.eleTop > 0) {
+ // draEleTop += this.eleTop;
+ // }
+ if (this.enableScrollHandler && !this.clone) {
+ draEleTop -= this.parentScrollY;
+ draEleLeft -= this.parentScrollX;
+ }
+ if (this.dragArea && typeof this.dragArea !== 'string' && this.dragArea.classList.contains('e-kanban-content') && this.dragArea.style.position === 'relative') {
+ draEleTop += this.dragArea.scrollTop;
+ }
+ var dragValue = this.getProcessedPositionValue({ top: draEleTop + 'px', left: draEleLeft + 'px' });
+ Object(_dom__WEBPACK_IMPORTED_MODULE_2__["setStyleAttribute"])(helperElement, this.getDragPosition(dragValue));
+ if (!this.elementInViewport(helperElement) && this.enableAutoScroll && !this.helperElement.classList.contains('e-treeview')) {
+ this.helperElement.scrollIntoView();
+ }
+ var elements = document.querySelectorAll(':hover');
+ if (this.enableAutoScroll && this.helperElement.classList.contains('e-treeview')) {
+ if (elements.length === 0) {
+ elements = this.getPathElements(evt);
+ }
+ /* tslint:disable no-any */
+ var scrollParent = this.getScrollParent(elements, false);
+ if (this.elementInViewport(this.helperElement)) {
+ this.getScrollPosition(scrollParent, draEleTop);
+ }
+ else if (!this.elementInViewport(this.helperElement)) {
+ elements = [].slice.call(document.querySelectorAll(':hover'));
+ if (elements.length === 0) {
+ elements = this.getPathElements(evt);
+ }
+ scrollParent = this.getScrollParent(elements, true);
+ this.getScrollPosition(scrollParent, draEleTop);
+ }
+ }
+ this.dragProcessStarted = true;
+ this.prevLeft = left;
+ this.prevTop = top;
+ this.position.left = left;
+ this.position.top = top;
+ this.pageX = pagex;
+ this.pageY = pagey;
+ };
+ /* tslint:disable no-any */
+ Draggable.prototype.getScrollParent = function (node, reverse) {
+ /* tslint:disable no-any */
+ var nodeEl = reverse ? node.reverse() : node;
+ var hasScroll;
+ for (var i = nodeEl.length - 1; i >= 0; i--) {
+ hasScroll = window.getComputedStyle(nodeEl[parseInt(i.toString(), 10)])['overflow-y'];
+ if ((hasScroll === 'auto' || hasScroll === 'scroll')
+ && nodeEl[parseInt(i.toString(), 10)].scrollHeight > nodeEl[parseInt(i.toString(), 10)].clientHeight) {
+ return nodeEl[parseInt(i.toString(), 10)];
+ }
+ }
+ hasScroll = window.getComputedStyle(document.scrollingElement)['overflow-y'];
+ if (hasScroll === 'visible') {
+ document.scrollingElement.style.overflow = 'auto';
+ return document.scrollingElement;
+ }
+ };
+ Draggable.prototype.getScrollPosition = function (nodeEle, draEleTop) {
+ if (nodeEle && nodeEle === document.scrollingElement) {
+ if ((nodeEle.clientHeight + document.scrollingElement.scrollTop - this.helperElement.clientHeight) < draEleTop
+ && nodeEle.getBoundingClientRect().height + this.parentClientRect.top > draEleTop) {
+ nodeEle.scrollTop += this.helperElement.clientHeight;
+ }
+ else if (nodeEle.scrollTop > draEleTop - this.helperElement.clientHeight) {
+ nodeEle.scrollTop -= this.helperElement.clientHeight;
+ }
+ }
+ else if (nodeEle && nodeEle !== document.scrollingElement) {
+ if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight + document.scrollingElement.scrollTop) < draEleTop) {
+ nodeEle.scrollTop += this.helperElement.clientHeight;
+ }
+ else if (nodeEle.getBoundingClientRect().top > (draEleTop - this.helperElement.clientHeight - document.scrollingElement.scrollTop)) {
+ nodeEle.scrollTop -= this.helperElement.clientHeight;
+ }
+ }
+ };
+ Draggable.prototype.getPathElements = function (evt) {
+ var elementTop = evt.clientX > 0 ? evt.clientX : 0;
+ var elementLeft = evt.clientY > 0 ? evt.clientY : 0;
+ return document.elementsFromPoint(elementTop, elementLeft);
+ };
+ Draggable.prototype.triggerOutFunction = function (evt, eleObj) {
+ this.hoverObject.instance.intOut(evt, eleObj.target);
+ this.hoverObject.instance.dragData[this.scope] = null;
+ this.hoverObject = null;
+ };
+ Draggable.prototype.getDragPosition = function (dragValue) {
+ var temp = Object(_util__WEBPACK_IMPORTED_MODULE_6__["extend"])({}, dragValue);
+ if (this.axis) {
+ if (this.axis === 'x') {
+ delete temp.top;
+ }
+ else if (this.axis === 'y') {
+ delete temp.left;
+ }
+ }
+ return temp;
+ };
+ Draggable.prototype.getDocumentWidthHeight = function (str) {
+ var docBody = document.body;
+ var docEle = document.documentElement;
+ var returnValue = Math.max(docBody['scroll' + str], docEle['scroll' + str], docBody['offset' + str], docEle['offset' + str], docEle['client' + str]);
+ return returnValue;
+ };
+ Draggable.prototype.intDragStop = function (evt) {
+ this.dragProcessStarted = false;
+ if (!Object(_util__WEBPACK_IMPORTED_MODULE_6__["isUndefined"])(evt.changedTouches) && (evt.changedTouches.length !== 1)) {
+ return;
+ }
+ var type = ['touchend', 'pointerup', 'mouseup'];
+ if (type.indexOf(evt.type) !== -1) {
+ if (this.dragStop) {
+ var curTarget = this.getProperTargetElement(evt);
+ this.trigger('dragStop', { event: evt, element: this.element, target: curTarget, helper: this.helperElement });
+ }
+ this.intDestroy(evt);
+ }
+ else {
+ this.element.setAttribute('aria-grabbed', 'false');
+ }
+ var eleObj = this.checkTargetElement(evt);
+ if (eleObj.target && eleObj.instance) {
+ eleObj.instance.dragStopCalled = true;
+ eleObj.instance.dragData[this.scope] = this.droppables[this.scope];
+ eleObj.instance.intDrop(evt, eleObj.target);
+ }
+ this.setGlobalDroppables(true);
+ document.body.classList.remove('e-prevent-select');
+ };
+ /**
+ * @private
+ */
+ Draggable.prototype.intDestroy = function (evt) {
+ this.dragProcessStarted = false;
+ this.toggleEvents();
+ document.body.classList.remove('e-prevent-select');
+ this.element.setAttribute('aria-grabbed', 'false');
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].remove(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchmove' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchMoveEvent, this.intDragStart);
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].remove(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchend' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchEndEvent, this.intDragStop);
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].remove(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchend' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchEndEvent, this.intDestroy);
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].remove(document, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchmove' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchMoveEvent, this.intDrag);
+ if (this.isDragStarted()) {
+ this.isDragStarted(true);
+ }
+ };
+ // triggers when property changed
+ Draggable.prototype.onPropertyChanged = function (newProp, oldProp) {
+ //No Code to handle
+ };
+ Draggable.prototype.getModuleName = function () {
+ return 'draggable';
+ };
+ Draggable.prototype.isDragStarted = function (change) {
+ if (change) {
+ isDraggedObject.isDragged = !isDraggedObject.isDragged;
+ }
+ return isDraggedObject.isDragged;
+ };
+ Draggable.prototype.setDragArea = function () {
+ var eleWidthBound;
+ var eleHeightBound;
+ var top = 0;
+ var left = 0;
+ var ele;
+ var type = typeof this.dragArea;
+ if (type === 'string') {
+ ele = Object(_dom__WEBPACK_IMPORTED_MODULE_2__["select"])(this.dragArea);
+ }
+ else {
+ ele = this.dragArea;
+ }
+ if (ele) {
+ var elementArea = ele.getBoundingClientRect();
+ eleWidthBound = ele.scrollWidth ? ele.scrollWidth : elementArea.right - elementArea.left;
+ eleHeightBound = ele.scrollHeight ? (this.dragArea && !Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(this.helperElement) && this.helperElement.classList.contains('e-treeview')) ? ele.clientHeight : ele.scrollHeight : elementArea.bottom - elementArea.top;
+ var keys = ['Top', 'Left', 'Bottom', 'Right'];
+ var styles = getComputedStyle(ele);
+ for (var i = 0; i < keys.length; i++) {
+ var key = keys[parseInt(i.toString(), 10)];
+ var tborder = styles['border' + key + 'Width'];
+ var tpadding = styles['padding' + key];
+ var lowerKey = key.toLowerCase();
+ this.borderWidth["" + lowerKey] = isNaN(parseFloat(tborder)) ? 0 : parseFloat(tborder);
+ this.padding["" + lowerKey] = isNaN(parseFloat(tpadding)) ? 0 : parseFloat(tpadding);
+ }
+ if (this.dragArea && !Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(this.helperElement) && this.helperElement.classList.contains('e-treeview')) {
+ top = elementArea.top + document.scrollingElement.scrollTop;
+ }
+ else {
+ top = elementArea.top;
+ }
+ left = elementArea.left;
+ this.dragLimit.left = left + this.borderWidth.left + this.padding.left;
+ this.dragLimit.top = ele.offsetTop + this.borderWidth.top + this.padding.top;
+ this.dragLimit.right = left + eleWidthBound - (this.borderWidth.right + this.padding.right);
+ this.dragLimit.bottom = top + eleHeightBound - (this.borderWidth.bottom + this.padding.bottom);
+ }
+ };
+ Draggable.prototype.getProperTargetElement = function (evt) {
+ var intCoord = this.getCoordinates(evt);
+ var ele;
+ var prevStyle = this.helperElement.style.pointerEvents || '';
+ var isPointer = evt.type.indexOf('pointer') !== -1 && _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].info.name === 'safari' && parseInt(_browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].info.version) > 12;
+ if (Object(_util__WEBPACK_IMPORTED_MODULE_6__["compareElementParent"])(evt.target, this.helperElement) || evt.type.indexOf('touch') !== -1 || isPointer) {
+ this.helperElement.style.pointerEvents = 'none';
+ ele = document.elementFromPoint(intCoord.clientX, intCoord.clientY);
+ this.helperElement.style.pointerEvents = prevStyle;
+ }
+ else {
+ ele = evt.target;
+ }
+ return ele;
+ };
+ /* istanbul ignore next */
+ Draggable.prototype.currentStateCheck = function (ele, oldEle) {
+ var elem;
+ if (!Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(this.currentStateTarget) && this.currentStateTarget !== ele) {
+ elem = this.currentStateTarget;
+ }
+ else {
+ elem = !Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(oldEle) ? oldEle : ele;
+ }
+ return elem;
+ };
+ Draggable.prototype.getMousePosition = function (evt, isdragscroll) {
+ /* tslint:disable no-any */
+ var dragEle = evt.srcElement !== undefined ? evt.srcElement : evt.target;
+ var intCoord = this.getCoordinates(evt);
+ var pageX;
+ var pageY;
+ var isOffsetParent = Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(dragEle.offsetParent);
+ /* istanbul ignore next */
+ if (isdragscroll) {
+ pageX = this.clone ? intCoord.pageX :
+ (intCoord.pageX + (isOffsetParent ? 0 : dragEle.offsetParent.scrollLeft)) - this.relativeXPosition;
+ pageY = this.clone ? intCoord.pageY :
+ (intCoord.pageY + (isOffsetParent ? 0 : dragEle.offsetParent.scrollTop)) - this.relativeYPosition;
+ }
+ else {
+ pageX = this.clone ? intCoord.pageX : (intCoord.pageX + window.pageXOffset) - this.relativeXPosition;
+ pageY = this.clone ? intCoord.pageY : (intCoord.pageY + window.pageYOffset) - this.relativeYPosition;
+ }
+ if (document.scrollingElement && (!isdragscroll && !this.clone)) {
+ var isVerticalScroll = document.scrollingElement.scrollHeight > 0 && document.scrollingElement.scrollHeight > document.scrollingElement.clientHeight && document.scrollingElement.scrollTop > 0;
+ var isHorrizontalScroll = document.scrollingElement.scrollWidth > 0 && document.scrollingElement.scrollWidth > document.scrollingElement.clientWidth && document.scrollingElement.scrollLeft > 0;
+ pageX = isHorrizontalScroll ? pageX - document.scrollingElement.scrollLeft : pageX;
+ pageY = isVerticalScroll ? pageY - document.scrollingElement.scrollTop : pageY;
+ }
+ return {
+ left: pageX - (this.margin.left + this.cursorAt.left),
+ top: pageY - (this.margin.top + this.cursorAt.top)
+ };
+ };
+ Draggable.prototype.getCoordinates = function (evt) {
+ if (evt.type.indexOf('touch') > -1) {
+ return evt.changedTouches[0];
+ }
+ return evt;
+ };
+ Draggable.prototype.getHelperElement = function (evt) {
+ var element;
+ if (this.clone) {
+ if (this.helper) {
+ element = this.helper({ sender: evt, element: this.target });
+ }
+ else {
+ element = Object(_dom__WEBPACK_IMPORTED_MODULE_2__["createElement"])('div', { className: 'e-drag-helper e-block-touch', innerHTML: 'Draggable' });
+ document.body.appendChild(element);
+ }
+ }
+ else {
+ element = this.element;
+ }
+ return element;
+ };
+ Draggable.prototype.setGlobalDroppables = function (reset, drag, helper) {
+ this.droppables[this.scope] = reset ? null : {
+ draggable: drag,
+ helper: helper,
+ draggedElement: this.element
+ };
+ };
+ Draggable.prototype.checkTargetElement = function (evt) {
+ var target = this.getProperTargetElement(evt);
+ var dropIns = this.getDropInstance(target);
+ if (!dropIns && target && !Object(_util__WEBPACK_IMPORTED_MODULE_6__["isNullOrUndefined"])(target.parentNode)) {
+ var parent_1 = Object(_dom__WEBPACK_IMPORTED_MODULE_2__["closest"])(target.parentNode, '.e-droppable') || target.parentElement;
+ if (parent_1) {
+ dropIns = this.getDropInstance(parent_1);
+ }
+ }
+ return { target: target, instance: dropIns };
+ };
+ Draggable.prototype.getDropInstance = function (ele) {
+ var name = 'getModuleName';
+ var drop;
+ var eleInst = ele && ele.ej2_instances;
+ if (eleInst) {
+ for (var _i = 0, eleInst_1 = eleInst; _i < eleInst_1.length; _i++) {
+ var inst = eleInst_1[_i];
+ if (inst["" + name]() === 'droppable') {
+ drop = inst;
+ break;
+ }
+ }
+ }
+ return drop;
+ };
+ Draggable.prototype.destroy = function () {
+ this.toggleEvents(true);
+ _super.prototype.destroy.call(this);
+ };
+ var Draggable_1;
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Complex"])({}, Position)
+ ], Draggable.prototype, "cursorAt", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])(true)
+ ], Draggable.prototype, "clone", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])()
+ ], Draggable.prototype, "dragArea", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])()
+ ], Draggable.prototype, "isDragScroll", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])()
+ ], Draggable.prototype, "isReplaceDragEle", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])(true)
+ ], Draggable.prototype, "isPreventSelect", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Event"])()
+ ], Draggable.prototype, "drag", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Event"])()
+ ], Draggable.prototype, "dragStart", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Event"])()
+ ], Draggable.prototype, "dragStop", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])(1)
+ ], Draggable.prototype, "distance", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])()
+ ], Draggable.prototype, "handle", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])()
+ ], Draggable.prototype, "abort", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])()
+ ], Draggable.prototype, "helper", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])('default')
+ ], Draggable.prototype, "scope", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])('')
+ ], Draggable.prototype, "dragTarget", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])()
+ ], Draggable.prototype, "axis", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])()
+ ], Draggable.prototype, "queryPositionInfo", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])(false)
+ ], Draggable.prototype, "enableTailMode", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])(false)
+ ], Draggable.prototype, "skipDistanceCheck", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])(true)
+ ], Draggable.prototype, "preventDefault", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])(false)
+ ], Draggable.prototype, "enableAutoScroll", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])(false)
+ ], Draggable.prototype, "enableTapHold", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])(750)
+ ], Draggable.prototype, "tapHoldThreshold", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])(false)
+ ], Draggable.prototype, "enableScrollHandler", void 0);
+ Draggable = Draggable_1 = __decorate([
+ _notify_property_change__WEBPACK_IMPORTED_MODULE_3__["NotifyPropertyChanges"]
+ ], Draggable);
+ return Draggable;
+}(_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-base/droppable.js":
+/*!*************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-base/droppable.js ***!
+ \*************************************************************/
+/*! exports provided: Droppable */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Droppable", function() { return Droppable; });
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./ej2-resources/22.1.37/scripts/ej2-base/base.js");
+/* harmony import */ var _browser__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./browser */ "./ej2-resources/22.1.37/scripts/ej2-base/browser.js");
+/* harmony import */ var _dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dom */ "./ej2-resources/22.1.37/scripts/ej2-base/dom.js");
+/* harmony import */ var _notify_property_change__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./notify-property-change */ "./ej2-resources/22.1.37/scripts/ej2-base/notify-property-change.js");
+/* harmony import */ var _event_handler__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./event-handler */ "./ej2-resources/22.1.37/scripts/ej2-base/event-handler.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./util */ "./ej2-resources/22.1.37/scripts/ej2-base/util.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+/**
+ * Droppable Module provides support to enable droppable functionality in Dom Elements.
+ * ```html
+ * Droppable
+ *
+ * ```
+ */
+var Droppable = /** @__PURE__ @class */ (function (_super) {
+ __extends(Droppable, _super);
+ function Droppable(element, options) {
+ var _this = _super.call(this, options, element) || this;
+ _this.mouseOver = false;
+ _this.dragData = {};
+ _this.dragStopCalled = false;
+ _this.bind();
+ return _this;
+ }
+ Droppable.prototype.bind = function () {
+ this.wireEvents();
+ };
+ Droppable.prototype.wireEvents = function () {
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].add(this.element, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchend' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchEndEvent, this.intDrop, this);
+ };
+ // triggers when property changed
+ // eslint-disable-next-line
+ Droppable.prototype.onPropertyChanged = function (newProp, oldProp) {
+ //No Code to handle
+ };
+ Droppable.prototype.getModuleName = function () {
+ return 'droppable';
+ };
+ Droppable.prototype.intOver = function (event, element) {
+ if (!this.mouseOver) {
+ var drag = this.dragData[this.scope];
+ this.trigger('over', { event: event, target: element, dragData: drag });
+ this.mouseOver = true;
+ }
+ };
+ Droppable.prototype.intOut = function (event, element) {
+ if (this.mouseOver) {
+ this.trigger('out', { evt: event, target: element });
+ this.mouseOver = false;
+ }
+ };
+ Droppable.prototype.intDrop = function (evt, element) {
+ if (!this.dragStopCalled) {
+ return;
+ }
+ else {
+ this.dragStopCalled = false;
+ }
+ var accept = true;
+ var drag = this.dragData[this.scope];
+ var isDrag = drag ? (drag.helper && Object(_dom__WEBPACK_IMPORTED_MODULE_2__["isVisible"])(drag.helper)) : false;
+ var area;
+ if (isDrag) {
+ area = this.isDropArea(evt, drag.helper, element);
+ if (this.accept) {
+ accept = Object(_dom__WEBPACK_IMPORTED_MODULE_2__["matches"])(drag.helper, this.accept);
+ }
+ }
+ if (isDrag && this.drop && area.canDrop && accept) {
+ this.trigger('drop', { event: evt, target: area.target, droppedElement: drag.helper, dragData: drag });
+ }
+ this.mouseOver = false;
+ };
+ Droppable.prototype.isDropArea = function (evt, helper, element) {
+ var area = { canDrop: true, target: element || evt.target };
+ var isTouch = evt.type === 'touchend';
+ if (isTouch || area.target === helper) {
+ helper.style.display = 'none';
+ var coord = isTouch ? (evt.changedTouches[0]) : evt;
+ var ele = document.elementFromPoint(coord.clientX, coord.clientY);
+ area.canDrop = false;
+ area.canDrop = Object(_util__WEBPACK_IMPORTED_MODULE_5__["compareElementParent"])(ele, this.element);
+ if (area.canDrop) {
+ area.target = ele;
+ }
+ helper.style.display = '';
+ }
+ return area;
+ };
+ Droppable.prototype.destroy = function () {
+ _event_handler__WEBPACK_IMPORTED_MODULE_4__["EventHandler"].remove(this.element, _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].isSafari() ? 'touchend' : _browser__WEBPACK_IMPORTED_MODULE_1__["Browser"].touchEndEvent, this.intDrop);
+ _super.prototype.destroy.call(this);
+ };
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])()
+ ], Droppable.prototype, "accept", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Property"])('default')
+ ], Droppable.prototype, "scope", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Event"])()
+ ], Droppable.prototype, "drop", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Event"])()
+ ], Droppable.prototype, "over", void 0);
+ __decorate([
+ Object(_notify_property_change__WEBPACK_IMPORTED_MODULE_3__["Event"])()
+ ], Droppable.prototype, "out", void 0);
+ Droppable = __decorate([
+ _notify_property_change__WEBPACK_IMPORTED_MODULE_3__["NotifyPropertyChanges"]
+ ], Droppable);
+ return Droppable;
+}(_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-base/event-handler.js":
+/*!*****************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-base/event-handler.js ***!
+ \*****************************************************************/
+/*! exports provided: EventHandler */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EventHandler", function() { return EventHandler; });
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./util */ "./ej2-resources/22.1.37/scripts/ej2-base/util.js");
+/* harmony import */ var _browser__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./browser */ "./ej2-resources/22.1.37/scripts/ej2-base/browser.js");
+
+
+/**
+ * EventHandler class provides option to add, remove, clear and trigger events to a HTML DOM element
+ * ```html
+ * 
" + validateMsg + ' ' + 'Claim your free account'
+ });
+ errorDiv.setAttribute('style', "position: fixed;\n top: 10px;\n left: 10px;\n right: 10px;\n font-size: 14px;\n background: #EEF2FF;\n color: #222222;\n z-index: 999999999;\n text-align: left;\n border: 1px solid #EEEEEE;\n padding: 10px 11px 10px 50px;\n border-radius: 8px;\n font-family: Helvetica Neue, Helvetica, Arial;");
+ document.body.appendChild(errorDiv);
+ this.isLicensed = false;
+ }
+ this.isValidated = true;
+ Object(_util__WEBPACK_IMPORTED_MODULE_1__["setValue"])(convertToChar(bypassKey), this.isValidated, _util__WEBPACK_IMPORTED_MODULE_1__["containerObject"]);
+ }
+ return this.isLicensed;
+ };
+ LicenseValidator.prototype.getDecryptedData = function (key) {
+ try {
+ return atob(key);
+ }
+ catch (error) {
+ return '';
+ }
+ };
+ /**
+ * Get license information from key.
+ *
+ * @returns {IValidator} - Get license information from key.
+ */
+ LicenseValidator.prototype.getInfoFromKey = function () {
+ try {
+ var licKey = '';
+ var pkey = [5439488, 7929856, 5111808, 6488064, 4587520, 7667712, 5439488,
+ 6881280, 5177344, 7208960, 4194304, 4456448, 6619136, 7733248, 5242880, 7077888,
+ 6356992, 7602176, 4587520, 7274496, 7471104, 7143424];
+ var decryptedStr = [];
+ var resultArray = [];
+ var invalidPlatform = false;
+ var isNpxKey = false;
+ if (this.manager.getKey()) {
+ licKey = this.manager.getKey();
+ }
+ else {
+ isNpxKey = true;
+ licKey = this.npxManager.getKey().split('npxKeyReplace')[1];
+ }
+ var licKeySplit = licKey.split(';');
+ for (var _i = 0, licKeySplit_1 = licKeySplit; _i < licKeySplit_1.length; _i++) {
+ var lKey = licKeySplit_1[_i];
+ var decodeStr = this.getDecryptedData(lKey);
+ if (!decodeStr) {
+ continue;
+ }
+ var k = 0;
+ var buffr = '';
+ if (!isNpxKey) {
+ for (var i = 0; i < decodeStr.length; i++, k++) {
+ if (k === pkey.length) {
+ k = 0;
+ }
+ var c = decodeStr.charCodeAt(i);
+ buffr += String.fromCharCode(c ^ (pkey[parseInt(k.toString(), 10)] >> 16));
+ }
+ }
+ else {
+ var charKey = decodeStr[decodeStr.length - 1];
+ var decryptedKey = [];
+ for (var i = 0; i < decodeStr.length; i++) {
+ decryptedKey[parseInt(i.toString(), 10)] = decodeStr[parseInt(i.toString(), 10)].charCodeAt(0) - charKey.charCodeAt(0);
+ }
+ for (var i = 0; i < decryptedKey.length; i++) {
+ buffr += String.fromCharCode(decryptedKey[parseInt(i.toString(), 10)]);
+ }
+ }
+ if (this.platform.test(buffr)) {
+ decryptedStr = buffr.split(';');
+ invalidPlatform = false;
+ // checked the length to verify the key in proper strucutre
+ if (decryptedStr.length > 3) {
+ resultArray.push({ platform: decryptedStr[0],
+ version: decryptedStr[1],
+ expiryDate: decryptedStr[2] });
+ }
+ }
+ else if (buffr && buffr.split(';').length > 3) {
+ invalidPlatform = true;
+ }
+ }
+ if (invalidPlatform && !resultArray.length) {
+ return [{ invalidPlatform: invalidPlatform }];
+ }
+ else {
+ return resultArray.length ? resultArray : null;
+ }
+ }
+ catch (error) {
+ return null;
+ }
+ };
+ return LicenseValidator;
+}());
+var licenseValidator = new LicenseValidator();
+/**
+ * Converts the given number to characters.
+ *
+ * @param {number} cArr - Specifies the license key as number.
+ * @returns {string}
+ */
+function convertToChar(cArr) {
+ var ret = '';
+ for (var _i = 0, cArr_1 = cArr; _i < cArr_1.length; _i++) {
+ var arr = cArr_1[_i];
+ ret += String.fromCharCode(arr);
+ }
+ return ret;
+}
+/**
+ * To set license key.
+ *
+ * @param {string} key - license key
+ * @returns {void}
+ */
+function registerLicense(key) {
+ licenseValidator = new LicenseValidator(key);
+}
+var validateLicense = function (key) {
+ if (key) {
+ registerLicense(key);
+ }
+ return licenseValidator.validate();
+};
+var getVersion = function () {
+ return licenseValidator.version;
+};
+// Method for create overlay over the sample
+var createLicenseOverlay = function () {
+ var bannerTemplate = "\n \n
";
+ if (typeof document !== 'undefined' && !Object(_util__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(document)) {
+ var errorBackground = Object(_dom__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', {
+ innerHTML: bannerTemplate
+ });
+ document.body.appendChild(errorBackground);
+ }
+};
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-buttons/button/button.js":
+/*!********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-buttons/button/button.js ***!
+ \********************************************************************/
+/*! exports provided: IconPosition, buttonObserver, Button */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IconPosition", function() { return IconPosition; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "buttonObserver", function() { return buttonObserver; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Button", function() { return Button; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _common_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/common */ "./ej2-resources/22.1.37/scripts/ej2-buttons/common/common.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+/**
+ * Defines the icon position of button.
+ */
+var IconPosition;
+(function (IconPosition) {
+ /**
+ * Positions the Icon at the left of the text content in the Button.
+ */
+ IconPosition["Left"] = "Left";
+ /**
+ * Positions the Icon at the right of the text content in the Button.
+ */
+ IconPosition["Right"] = "Right";
+ /**
+ * Positions the Icon at the top of the text content in the Button.
+ */
+ IconPosition["Top"] = "Top";
+ /**
+ * Positions the Icon at the bottom of the text content in the Button.
+ */
+ IconPosition["Bottom"] = "Bottom";
+})(IconPosition || (IconPosition = {}));
+var buttonObserver = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Observer"]();
+var cssClassName = {
+ RTL: 'e-rtl',
+ BUTTON: 'e-btn',
+ PRIMARY: 'e-primary',
+ ICONBTN: 'e-icon-btn'
+};
+/**
+ * The Button is a graphical user interface element that triggers an event on its click action. It can contain a text, an image, or both.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var Button = /** @__PURE__ @class */ (function (_super) {
+ __extends(Button, _super);
+ /**
+ * Constructor for creating the widget
+ *
+ * @param {ButtonModel} options - Specifies the button model
+ * @param {string|HTMLButtonElement} element - Specifies the target element
+ */
+ function Button(options, element) {
+ return _super.call(this, options, element) || this;
+ }
+ Button.prototype.preRender = function () {
+ // pre render code snippets
+ };
+ /**
+ * Initialize the control rendering
+ *
+ * @returns {void}
+ * @private
+ */
+ Button.prototype.render = function () {
+ this.initialize();
+ this.removeRippleEffect = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["rippleEffect"])(this.element, { selector: '.' + cssClassName.BUTTON });
+ this.renderComplete();
+ };
+ Button.prototype.initialize = function () {
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ if (this.isPrimary) {
+ this.element.classList.add(cssClassName.PRIMARY);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() || (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && this.getModuleName() !== 'progress-btn')) {
+ if (this.content) {
+ var tempContent = (this.enableHtmlSanitizer) ? _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(this.content) : this.content;
+ this.element.innerHTML = tempContent;
+ }
+ this.setIconCss();
+ }
+ if (this.enableRtl) {
+ this.element.classList.add(cssClassName.RTL);
+ }
+ if (this.disabled) {
+ this.controlStatus(this.disabled);
+ }
+ else {
+ this.wireEvents();
+ }
+ };
+ Button.prototype.controlStatus = function (disabled) {
+ this.element.disabled = disabled;
+ };
+ Button.prototype.setIconCss = function () {
+ if (this.iconCss) {
+ var span = this.createElement('span', { className: 'e-btn-icon ' + this.iconCss });
+ if (!this.element.textContent.trim()) {
+ this.element.classList.add(cssClassName.ICONBTN);
+ }
+ else {
+ span.classList.add('e-icon-' + this.iconPosition.toLowerCase());
+ if (this.iconPosition === 'Top' || this.iconPosition === 'Bottom') {
+ this.element.classList.add('e-' + this.iconPosition.toLowerCase() + '-icon-btn');
+ }
+ }
+ var node = this.element.childNodes[0];
+ if (node && (this.iconPosition === 'Left' || this.iconPosition === 'Top')) {
+ this.element.insertBefore(span, node);
+ }
+ else {
+ this.element.appendChild(span);
+ }
+ }
+ };
+ Button.prototype.wireEvents = function () {
+ if (this.isToggle) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'click', this.btnClickHandler, this);
+ }
+ };
+ Button.prototype.unWireEvents = function () {
+ if (this.isToggle) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'click', this.btnClickHandler);
+ }
+ };
+ Button.prototype.btnClickHandler = function () {
+ if (this.element.classList.contains('e-active')) {
+ this.element.classList.remove('e-active');
+ }
+ else {
+ this.element.classList.add('e-active');
+ }
+ };
+ /**
+ * Destroys the widget.
+ *
+ * @returns {void}
+ */
+ Button.prototype.destroy = function () {
+ var classList = [cssClassName.PRIMARY, cssClassName.RTL, cssClassName.ICONBTN, 'e-success', 'e-info', 'e-danger',
+ 'e-warning', 'e-flat', 'e-outline', 'e-small', 'e-bigger', 'e-active', 'e-round',
+ 'e-top-icon-btn', 'e-bottom-icon-btn'];
+ if (this.cssClass) {
+ classList = classList.concat(this.cssClass.split(' '));
+ }
+ _super.prototype.destroy.call(this);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], classList);
+ if (!this.element.getAttribute('class')) {
+ this.element.removeAttribute('class');
+ }
+ if (this.disabled) {
+ this.element.removeAttribute('disabled');
+ }
+ if (this.content) {
+ this.element.innerHTML = this.element.innerHTML.replace(this.content, '');
+ }
+ var span = this.element.querySelector('span.e-btn-icon');
+ if (span) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(span);
+ }
+ this.unWireEvents();
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isRippleEnabled"]) {
+ this.removeRippleEffect();
+ }
+ };
+ /**
+ * Get component name.
+ *
+ * @returns {string} - Module name
+ * @private
+ */
+ Button.prototype.getModuleName = function () {
+ return 'btn';
+ };
+ /**
+ * Get the properties to be maintained in the persisted state.
+ *
+ * @returns {string} - Persist Data
+ * @private
+ */
+ Button.prototype.getPersistData = function () {
+ return this.addOnPersist([]);
+ };
+ /**
+ * Dynamically injects the required modules to the component.
+ *
+ * @private
+ * @returns {void}
+ */
+ Button.Inject = function () {
+ // Inject code snippets
+ };
+ /**
+ * Called internally if any of the property value changed.
+ *
+ * @param {ButtonModel} newProp - Specifies new properties
+ * @param {ButtonModel} oldProp - Specifies old properties
+ * @returns {void}
+ * @private
+ */
+ Button.prototype.onPropertyChanged = function (newProp, oldProp) {
+ var span = this.element.querySelector('span.e-btn-icon');
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'isPrimary':
+ if (newProp.isPrimary) {
+ this.element.classList.add(cssClassName.PRIMARY);
+ }
+ else {
+ this.element.classList.remove(cssClassName.PRIMARY);
+ }
+ break;
+ case 'disabled':
+ this.controlStatus(newProp.disabled);
+ break;
+ case 'iconCss': {
+ if (span) {
+ if (newProp.iconCss) {
+ span.className = 'e-btn-icon ' + newProp.iconCss;
+ if (this.element.textContent.trim()) {
+ if (this.iconPosition === 'Left') {
+ span.classList.add('e-icon-left');
+ }
+ else {
+ span.classList.add('e-icon-right');
+ }
+ }
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(span);
+ }
+ }
+ else {
+ this.setIconCss();
+ }
+ break;
+ }
+ case 'iconPosition':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], ['e-top-icon-btn', 'e-bottom-icon-btn']);
+ span = this.element.querySelector('span.e-btn-icon');
+ if (span) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(span);
+ }
+ this.setIconCss();
+ break;
+ case 'cssClass':
+ if (oldProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], oldProp.cssClass.split(' '));
+ }
+ if (newProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], newProp.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ break;
+ case 'enableRtl':
+ if (newProp.enableRtl) {
+ this.element.classList.add(cssClassName.RTL);
+ }
+ else {
+ this.element.classList.remove(cssClassName.RTL);
+ }
+ break;
+ case 'content': {
+ var node = Object(_common_common__WEBPACK_IMPORTED_MODULE_1__["getTextNode"])(this.element);
+ if (!node) {
+ this.element.classList.remove(cssClassName.ICONBTN);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() || (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && !this.isServerRendered && this.getModuleName() !== 'progress-btn')) {
+ if (this.enableHtmlSanitizer) {
+ newProp.content = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(newProp.content);
+ }
+ this.element.innerHTML = newProp.content;
+ this.setIconCss();
+ }
+ break;
+ }
+ case 'isToggle':
+ if (newProp.isToggle) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'click', this.btnClickHandler, this);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'click', this.btnClickHandler);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], ['e-active']);
+ }
+ break;
+ }
+ }
+ };
+ /**
+ * Click the button element
+ * its native method
+ *
+ * @public
+ * @returns {void}
+ */
+ Button.prototype.click = function () {
+ this.element.click();
+ };
+ /**
+ * Sets the focus to Button
+ * its native method
+ *
+ * @public
+ * @returns {void}
+ */
+ Button.prototype.focusIn = function () {
+ this.element.focus();
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Left')
+ ], Button.prototype, "iconPosition", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Button.prototype, "iconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Button.prototype, "disabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Button.prototype, "isPrimary", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Button.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Button.prototype, "content", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Button.prototype, "isToggle", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Button.prototype, "locale", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Button.prototype, "enableHtmlSanitizer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Button.prototype, "created", void 0);
+ Button = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], Button);
+ return Button;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-buttons/button/index.js":
+/*!*******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-buttons/button/index.js ***!
+ \*******************************************************************/
+/*! exports provided: IconPosition, buttonObserver, Button */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./button */ "./ej2-resources/22.1.37/scripts/ej2-buttons/button/button.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IconPosition", function() { return _button__WEBPACK_IMPORTED_MODULE_0__["IconPosition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "buttonObserver", function() { return _button__WEBPACK_IMPORTED_MODULE_0__["buttonObserver"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Button", function() { return _button__WEBPACK_IMPORTED_MODULE_0__["Button"]; });
+
+/**
+ * Button modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-buttons/check-box/check-box.js":
+/*!**************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-buttons/check-box/check-box.js ***!
+ \**************************************************************************/
+/*! exports provided: CheckBox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CheckBox", function() { return CheckBox; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _common_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../common/common */ "./ej2-resources/22.1.37/scripts/ej2-buttons/common/common.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+var CHECK = 'e-check';
+var DISABLED = 'e-checkbox-disabled';
+var FRAME = 'e-frame';
+var INDETERMINATE = 'e-stop';
+var LABEL = 'e-label';
+var RIPPLE = 'e-ripple-container';
+var RIPPLECHECK = 'e-ripple-check';
+var RIPPLEINDETERMINATE = 'e-ripple-stop';
+var RTL = 'e-rtl';
+var WRAPPER = 'e-checkbox-wrapper';
+var containerAttr = ['title', 'class', 'style', 'disabled', 'readonly', 'name', 'value'];
+/**
+ * The CheckBox is a graphical user interface element that allows you to select one or more options from the choices.
+ * It contains checked, unchecked, and indeterminate states.
+ * ```html
+ *
+ *
+ * ```
+ */
+var CheckBox = /** @__PURE__ @class */ (function (_super) {
+ __extends(CheckBox, _super);
+ /**
+ * Constructor for creating the widget
+ *
+ * @private
+ * @param {CheckBoxModel} options - Specifies checkbox model
+ * @param {string | HTMLInputElement} element - Specifies target element
+ */
+ function CheckBox(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.isFocused = false;
+ _this.isMouseClick = false;
+ _this.clickTriggered = false;
+ _this.validCheck = true;
+ return _this;
+ }
+ CheckBox.prototype.changeState = function (state, isInitialize) {
+ var ariaState;
+ var rippleSpan;
+ var frameSpan = this.getWrapper().getElementsByClassName(FRAME)[0];
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isRippleEnabled"]) {
+ rippleSpan = this.getWrapper().getElementsByClassName(RIPPLE)[0];
+ }
+ if (state === 'check') {
+ frameSpan.classList.remove(INDETERMINATE);
+ frameSpan.classList.add(CHECK);
+ if (rippleSpan) {
+ rippleSpan.classList.remove(RIPPLEINDETERMINATE);
+ rippleSpan.classList.add(RIPPLECHECK);
+ }
+ ariaState = 'true';
+ this.element.checked = true;
+ if ((this.element.required || this.element.closest('form') && this.element.closest('form').classList.contains('e-formvalidator')) && this.validCheck && !isInitialize) {
+ this.element.checked = false;
+ this.validCheck = false;
+ }
+ else if (this.element.required || this.element.closest('form') && this.element.closest('form').classList.contains('e-formvalidator')) {
+ this.validCheck = true;
+ }
+ }
+ else if (state === 'uncheck') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([frameSpan], [CHECK, INDETERMINATE]);
+ if (rippleSpan) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([rippleSpan], [RIPPLECHECK, RIPPLEINDETERMINATE]);
+ }
+ ariaState = 'false';
+ this.element.checked = false;
+ if ((this.element.required || this.element.closest('form') && this.element.closest('form').classList.contains('e-formvalidator')) && this.validCheck && !isInitialize) {
+ this.element.checked = true;
+ this.validCheck = false;
+ }
+ else if (this.element.required || this.element.closest('form') && this.element.closest('form').classList.contains('e-formvalidator')) {
+ this.validCheck = true;
+ }
+ }
+ else {
+ frameSpan.classList.remove(CHECK);
+ frameSpan.classList.add(INDETERMINATE);
+ if (rippleSpan) {
+ rippleSpan.classList.remove(RIPPLECHECK);
+ rippleSpan.classList.add(RIPPLEINDETERMINATE);
+ }
+ ariaState = 'mixed';
+ this.element.indeterminate = true;
+ this.indeterminate = true;
+ }
+ };
+ CheckBox.prototype.clickHandler = function (event) {
+ if (event.target.tagName === 'INPUT' && this.clickTriggered) {
+ if (this.isVue) {
+ this.changeState(this.checked ? 'check' : 'uncheck');
+ }
+ this.clickTriggered = false;
+ return;
+ }
+ if (event.target.tagName === 'SPAN' || event.target.tagName === 'LABEL') {
+ this.clickTriggered = true;
+ }
+ if (this.isMouseClick) {
+ this.focusOutHandler();
+ this.isMouseClick = false;
+ }
+ if (this.indeterminate) {
+ this.changeState(this.checked ? 'check' : 'uncheck');
+ this.indeterminate = false;
+ this.element.indeterminate = false;
+ }
+ else if (this.checked) {
+ this.changeState('uncheck');
+ this.checked = false;
+ }
+ else {
+ this.changeState('check');
+ this.checked = true;
+ }
+ var changeEventArgs = { checked: this.updateVueArrayModel(false), event: event };
+ this.trigger('change', changeEventArgs);
+ event.stopPropagation();
+ };
+ /**
+ * Destroys the widget.
+ *
+ * @returns {void}
+ */
+ CheckBox.prototype.destroy = function () {
+ var _this = this;
+ var wrapper = this.getWrapper();
+ _super.prototype.destroy.call(this);
+ if (this.wrapper) {
+ wrapper = this.wrapper;
+ if (!this.disabled) {
+ this.unWireEvents();
+ }
+ if (this.tagName === 'INPUT') {
+ if (this.getWrapper() && wrapper.parentNode) {
+ wrapper.parentNode.insertBefore(this.element, wrapper);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(wrapper);
+ this.element.checked = false;
+ if (this.indeterminate) {
+ this.element.indeterminate = false;
+ }
+ ['name', 'value', 'disabled'].forEach(function (key) {
+ _this.element.removeAttribute(key);
+ });
+ }
+ else {
+ ['class'].forEach(function (key) {
+ wrapper.removeAttribute(key);
+ });
+ wrapper.innerHTML = '';
+ }
+ }
+ };
+ CheckBox.prototype.focusHandler = function () {
+ this.isFocused = true;
+ };
+ CheckBox.prototype.focusOutHandler = function () {
+ var wrapper = this.getWrapper();
+ if (wrapper) {
+ wrapper.classList.remove('e-focus');
+ }
+ this.isFocused = false;
+ };
+ /**
+ * Gets the module name.
+ *
+ * @private
+ * @returns {string} - Module Name
+ */
+ CheckBox.prototype.getModuleName = function () {
+ return 'checkbox';
+ };
+ /**
+ * Gets the properties to be maintained in the persistence state.
+ *
+ * @private
+ * @returns {string} - Persist Data
+ */
+ CheckBox.prototype.getPersistData = function () {
+ return this.addOnPersist(['checked', 'indeterminate']);
+ };
+ CheckBox.prototype.getWrapper = function () {
+ if (this.element && this.element.parentElement) {
+ return this.element.parentElement.parentElement;
+ }
+ else {
+ return null;
+ }
+ };
+ CheckBox.prototype.initialize = function () {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.initialCheckedValue)) {
+ this.initialCheckedValue = this.checked;
+ }
+ if (this.name) {
+ this.element.setAttribute('name', this.name);
+ }
+ if (this.value) {
+ this.element.setAttribute('value', this.value);
+ if (this.isVue && typeof this.value === 'boolean' && this.value === true) {
+ this.setProperties({ 'checked': true }, true);
+ }
+ }
+ if (this.checked) {
+ this.changeState('check', true);
+ }
+ if (this.indeterminate) {
+ this.changeState();
+ }
+ if (this.disabled) {
+ this.setDisabled();
+ }
+ };
+ CheckBox.prototype.initWrapper = function () {
+ var wrapper = this.element.parentElement;
+ if (!wrapper.classList.contains(WRAPPER)) {
+ wrapper = this.createElement('div', {
+ className: WRAPPER
+ });
+ this.element.parentNode.insertBefore(wrapper, this.element);
+ }
+ var label = this.createElement('label', { attrs: { for: this.element.id } });
+ var frameSpan = this.createElement('span', { className: 'e-icons ' + FRAME });
+ wrapper.classList.add('e-wrapper');
+ if (this.enableRtl) {
+ wrapper.classList.add(RTL);
+ }
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([wrapper], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ wrapper.appendChild(label);
+ label.appendChild(this.element);
+ Object(_common_common__WEBPACK_IMPORTED_MODULE_1__["setHiddenInput"])(this, label);
+ label.appendChild(frameSpan);
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isRippleEnabled"]) {
+ var rippleSpan = this.createElement('span', { className: RIPPLE });
+ if (this.labelPosition === 'Before') {
+ label.appendChild(rippleSpan);
+ }
+ else {
+ label.insertBefore(rippleSpan, frameSpan);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["rippleEffect"])(rippleSpan, { duration: 400, isCenterRipple: true });
+ }
+ if (this.label) {
+ this.setText(this.label);
+ }
+ };
+ CheckBox.prototype.keyUpHandler = function () {
+ if (this.isFocused) {
+ this.getWrapper().classList.add('e-focus');
+ }
+ };
+ CheckBox.prototype.labelMouseDownHandler = function (e) {
+ this.isMouseClick = true;
+ var rippleSpan = this.getWrapper().getElementsByClassName(RIPPLE)[0];
+ Object(_common_common__WEBPACK_IMPORTED_MODULE_1__["rippleMouseHandler"])(e, rippleSpan);
+ };
+ CheckBox.prototype.labelMouseUpHandler = function (e) {
+ this.isMouseClick = true;
+ var rippleSpan = this.getWrapper().getElementsByClassName(RIPPLE)[0];
+ if (rippleSpan) {
+ var rippleElem = rippleSpan.querySelectorAll('.e-ripple-element');
+ for (var i = 0; i < rippleElem.length - 1; i++) {
+ rippleSpan.removeChild(rippleSpan.childNodes[i]);
+ }
+ Object(_common_common__WEBPACK_IMPORTED_MODULE_1__["rippleMouseHandler"])(e, rippleSpan);
+ }
+ };
+ /**
+ * Called internally if any of the property value changes.
+ *
+ * @private
+ * @param {CheckBoxModel} newProp - Specifies new Properties
+ * @param {CheckBoxModel} oldProp - Specifies old Properties
+ *
+ * @returns {void}
+ */
+ CheckBox.prototype.onPropertyChanged = function (newProp, oldProp) {
+ var wrapper = this.getWrapper();
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'checked':
+ this.indeterminate = false;
+ this.element.indeterminate = false;
+ this.changeState(newProp.checked ? 'check' : 'uncheck');
+ break;
+ case 'indeterminate':
+ if (newProp.indeterminate) {
+ this.changeState();
+ }
+ else {
+ this.element.indeterminate = false;
+ this.changeState(this.checked ? 'check' : 'uncheck');
+ }
+ break;
+ case 'disabled':
+ if (newProp.disabled) {
+ this.setDisabled();
+ this.wrapper = this.getWrapper();
+ this.unWireEvents();
+ }
+ else {
+ this.element.disabled = false;
+ wrapper.classList.remove(DISABLED);
+ wrapper.setAttribute('aria-disabled', 'false');
+ this.wireEvents();
+ }
+ break;
+ case 'cssClass':
+ if (oldProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([wrapper], oldProp.cssClass.split(' '));
+ }
+ if (newProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([wrapper], newProp.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ break;
+ case 'enableRtl':
+ if (newProp.enableRtl) {
+ wrapper.classList.add(RTL);
+ }
+ else {
+ wrapper.classList.remove(RTL);
+ }
+ break;
+ case 'label':
+ this.setText(newProp.label);
+ break;
+ case 'labelPosition': {
+ var label = wrapper.getElementsByClassName(LABEL)[0];
+ var labelWrap = wrapper.getElementsByTagName('label')[0];
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(label);
+ if (newProp.labelPosition === 'After') {
+ labelWrap.appendChild(label);
+ }
+ else {
+ labelWrap.insertBefore(label, wrapper.getElementsByClassName(FRAME)[0]);
+ }
+ break;
+ }
+ case 'name':
+ this.element.setAttribute('name', newProp.name);
+ break;
+ case 'value':
+ if (this.isVue && typeof newProp.value === 'object') {
+ break;
+ }
+ this.element.setAttribute('value', newProp.value);
+ break;
+ case 'htmlAttributes':
+ this.updateHtmlAttributeToWrapper();
+ break;
+ }
+ }
+ };
+ /**
+ * Initialize Angular, React and Unique ID support.
+ *
+ * @private
+ * @returns {void}
+ */
+ CheckBox.prototype.preRender = function () {
+ var element = this.element;
+ this.tagName = this.element.tagName;
+ element = Object(_common_common__WEBPACK_IMPORTED_MODULE_1__["wrapperInitialize"])(this.createElement, 'EJS-CHECKBOX', 'checkbox', element, WRAPPER, 'checkbox');
+ this.element = element;
+ if (this.element.getAttribute('type') !== 'checkbox') {
+ this.element.setAttribute('type', 'checkbox');
+ }
+ if (!this.element.id) {
+ this.element.id = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('e-' + this.getModuleName());
+ }
+ };
+ /**
+ * Initialize the control rendering.
+ *
+ * @private
+ * @returns {void}
+ */
+ CheckBox.prototype.render = function () {
+ this.initWrapper();
+ this.initialize();
+ if (!this.disabled) {
+ this.wireEvents();
+ }
+ this.updateHtmlAttributeToWrapper();
+ this.updateVueArrayModel(true);
+ this.renderComplete();
+ this.wrapper = this.getWrapper();
+ };
+ CheckBox.prototype.setDisabled = function () {
+ var wrapper = this.getWrapper();
+ this.element.disabled = true;
+ wrapper.classList.add(DISABLED);
+ wrapper.setAttribute('aria-disabled', 'true');
+ };
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ CheckBox.prototype.setText = function (text) {
+ var wrapper = this.getWrapper();
+ if (!wrapper) {
+ return;
+ }
+ var label = wrapper.getElementsByClassName(LABEL)[0];
+ if (label) {
+ label.textContent = text;
+ }
+ else {
+ text = (this.enableHtmlSanitizer) ? _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(text) : text;
+ label = this.createElement('span', { className: LABEL, innerHTML: text });
+ var labelWrap = wrapper.getElementsByTagName('label')[0];
+ if (this.labelPosition === 'Before') {
+ labelWrap.insertBefore(label, wrapper.getElementsByClassName(FRAME)[0]);
+ }
+ else {
+ labelWrap.appendChild(label);
+ }
+ }
+ };
+ CheckBox.prototype.changeHandler = function (e) {
+ e.stopPropagation();
+ };
+ CheckBox.prototype.formResetHandler = function () {
+ this.checked = this.initialCheckedValue;
+ this.element.checked = this.initialCheckedValue;
+ };
+ CheckBox.prototype.unWireEvents = function () {
+ var wrapper = this.wrapper;
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(wrapper, 'click', this.clickHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'keyup', this.keyUpHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'focus', this.focusHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'focusout', this.focusOutHandler);
+ var label = wrapper.getElementsByTagName('label')[0];
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(label, 'mousedown', this.labelMouseDownHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(label, 'mouseup', this.labelMouseUpHandler);
+ var formElem = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form');
+ if (formElem) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(formElem, 'reset', this.formResetHandler);
+ }
+ if (this.tagName === 'EJS-CHECKBOX') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'change', this.changeHandler);
+ }
+ };
+ CheckBox.prototype.wireEvents = function () {
+ var wrapper = this.getWrapper();
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(wrapper, 'click', this.clickHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'keyup', this.keyUpHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'focus', this.focusHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'focusout', this.focusOutHandler, this);
+ var label = wrapper.getElementsByTagName('label')[0];
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(label, 'mousedown', this.labelMouseDownHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(label, 'mouseup', this.labelMouseUpHandler, this);
+ var formElem = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form');
+ if (formElem) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(formElem, 'reset', this.formResetHandler, this);
+ }
+ if (this.tagName === 'EJS-CHECKBOX') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'change', this.changeHandler, this);
+ }
+ };
+ CheckBox.prototype.updateVueArrayModel = function (init) {
+ if (this.isVue && typeof this.value === 'object') {
+ var value = this.element.value;
+ if (value && this.value) {
+ if (init) {
+ for (var i = 0; i < this.value.length; i++) {
+ if (value === this.value[i]) {
+ this.changeState('check');
+ this.setProperties({ 'checked': true }, true);
+ }
+ }
+ }
+ else {
+ var index = this.value.indexOf(value);
+ if (this.checked) {
+ if (index < 0) {
+ this.value.push(value);
+ }
+ }
+ else {
+ if (index > -1) {
+ this.value.splice(index, 1);
+ }
+ }
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ return this.value;
+ }
+ }
+ }
+ return this.validCheck ? this.element.checked : !this.element.checked;
+ };
+ CheckBox.prototype.updateHtmlAttributeToWrapper = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ for (var _i = 0, _a = Object.keys(this.htmlAttributes); _i < _a.length; _i++) {
+ var key = _a[_i];
+ if (containerAttr.indexOf(key) > -1) {
+ var wrapper = this.getWrapper();
+ if (key === 'class') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([wrapper], this.htmlAttributes["" + key].split(' '));
+ }
+ else if (key === 'title') {
+ wrapper.setAttribute(key, this.htmlAttributes["" + key]);
+ }
+ else if (key === 'style') {
+ var frameSpan = this.getWrapper().getElementsByClassName(FRAME)[0];
+ frameSpan.setAttribute(key, this.htmlAttributes["" + key]);
+ }
+ else if (key === 'disabled') {
+ if (this.htmlAttributes["" + key] === 'true') {
+ this.setDisabled();
+ }
+ this.element.setAttribute(key, this.htmlAttributes["" + key]);
+ }
+ else {
+ this.element.setAttribute(key, this.htmlAttributes["" + key]);
+ }
+ }
+ }
+ }
+ };
+ /**
+ * Click the CheckBox element
+ * its native method
+ *
+ * @public
+ * @returns {void}
+ */
+ CheckBox.prototype.click = function () {
+ this.element.click();
+ };
+ /**
+ * Sets the focus to CheckBox
+ * its native method
+ *
+ * @public
+ * @returns {void}
+ */
+ CheckBox.prototype.focusIn = function () {
+ this.element.focus();
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], CheckBox.prototype, "change", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], CheckBox.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], CheckBox.prototype, "checked", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], CheckBox.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], CheckBox.prototype, "disabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], CheckBox.prototype, "indeterminate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], CheckBox.prototype, "label", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('After')
+ ], CheckBox.prototype, "labelPosition", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], CheckBox.prototype, "name", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], CheckBox.prototype, "value", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], CheckBox.prototype, "enableHtmlSanitizer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({})
+ ], CheckBox.prototype, "htmlAttributes", void 0);
+ CheckBox = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], CheckBox);
+ return CheckBox;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-buttons/check-box/index.js":
+/*!**********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-buttons/check-box/index.js ***!
+ \**********************************************************************/
+/*! exports provided: CheckBox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _check_box__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./check-box */ "./ej2-resources/22.1.37/scripts/ej2-buttons/check-box/check-box.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckBox", function() { return _check_box__WEBPACK_IMPORTED_MODULE_0__["CheckBox"]; });
+
+/**
+ * CheckBox modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-buttons/chips/chip-list.js":
+/*!**********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-buttons/chips/chip-list.js ***!
+ \**********************************************************************/
+/*! exports provided: classNames, ChipList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "classNames", function() { return classNames; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChipList", function() { return ChipList; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+var classNames = {
+ chipSet: 'e-chip-set',
+ chip: 'e-chip',
+ avatar: 'e-chip-avatar',
+ text: 'e-chip-text',
+ icon: 'e-chip-icon',
+ delete: 'e-chip-delete',
+ deleteIcon: 'e-dlt-btn',
+ multiSelection: 'e-multi-selection',
+ singleSelection: 'e-selection',
+ active: 'e-active',
+ chipWrapper: 'e-chip-avatar-wrap',
+ iconWrapper: 'e-chip-icon-wrap',
+ focused: 'e-focused',
+ disabled: 'e-disabled',
+ rtl: 'e-rtl'
+};
+/**
+ * A chip component is a small block of essential information, mostly used on contacts or filter tags.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var ChipList = /** @__PURE__ @class */ (function (_super) {
+ __extends(ChipList, _super);
+ function ChipList(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.multiSelectedChip = [];
+ return _this;
+ }
+ /**
+ * Initialize the event handler
+ *
+ * @private
+ */
+ ChipList.prototype.preRender = function () {
+ //prerender
+ };
+ /**
+ * To find the chips length.
+ *
+ * @returns boolean
+ * @private
+ */
+ ChipList.prototype.chipType = function () {
+ return (this.chips && this.chips.length && this.chips.length > 0);
+ };
+ /**
+ * To Initialize the control rendering.
+ *
+ * @returns void
+ * @private
+ */
+ ChipList.prototype.render = function () {
+ var property;
+ this.type = this.chips.length ? 'chipset' : (this.text || this.element.innerText ? 'chip' : 'chipset');
+ this.setAttributes();
+ this.createChip();
+ this.setRtl();
+ this.select(this.selectedChips, property);
+ this.wireEvent(false);
+ this.rippleFunction = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["rippleEffect"])(this.element, {
+ selector: '.e-chip'
+ });
+ this.renderComplete();
+ };
+ ChipList.prototype.createChip = function () {
+ this.innerText = (this.element.innerText && this.element.innerText.length !== 0)
+ ? this.element.innerText.trim() : this.element.innerText;
+ this.element.innerHTML = '';
+ this.chipCreation(this.type === 'chip' ? [this.innerText ? this.innerText : this.text] : this.chips);
+ };
+ ChipList.prototype.setAttributes = function () {
+ if (this.type === 'chip') {
+ if (this.enabled)
+ this.element.tabIndex = 0;
+ this.element.setAttribute('role', 'option');
+ }
+ else {
+ this.element.classList.add(classNames.chipSet);
+ this.element.setAttribute('role', 'listbox');
+ if (this.selection === 'Multiple') {
+ this.element.classList.add(classNames.multiSelection);
+ this.element.setAttribute('aria-multiselectable', 'true');
+ }
+ else if (this.selection === 'Single') {
+ this.element.classList.add(classNames.singleSelection);
+ this.element.setAttribute('aria-multiselectable', 'false');
+ }
+ else {
+ this.element.setAttribute('aria-multiselectable', 'false');
+ }
+ }
+ };
+ ChipList.prototype.setRtl = function () {
+ this.element.classList[this.enableRtl ? 'add' : 'remove'](classNames.rtl);
+ };
+ ChipList.prototype.chipCreation = function (data) {
+ var chipListArray = [];
+ var attributeArray = [];
+ for (var i = 0; i < data.length; i++) {
+ var fieldsData = this.getFieldValues(data[i]);
+ var attributesValue = fieldsData.htmlAttributes;
+ attributeArray.push(attributesValue);
+ var chipArray = this.elementCreation(fieldsData);
+ var className = (classNames.chip + ' ' + (fieldsData.enabled ? ' ' : classNames.disabled) + ' ' +
+ (fieldsData.avatarIconCss || fieldsData.avatarText ? classNames.chipWrapper : (fieldsData.leadingIconCss ?
+ classNames.iconWrapper : ' ')) + ' ' + fieldsData.cssClass).split(' ').filter(function (css) { return css; });
+ if (!this.chipType()) {
+ chipListArray = chipArray;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], className);
+ this.element.setAttribute('aria-label', fieldsData.text);
+ if (fieldsData.value) {
+ this.element.setAttribute('data-value', fieldsData.value.toString());
+ }
+ }
+ else {
+ var wrapper = this.createElement('DIV', {
+ className: className.join(' '), attrs: {
+ tabIndex: '0', role: 'option',
+ 'aria-label': fieldsData.text, 'aria-selected': 'false'
+ }
+ });
+ if (fieldsData.value) {
+ wrapper.setAttribute('data-value', fieldsData.value.toString());
+ }
+ if (fieldsData.enabled) {
+ wrapper.setAttribute('aria-disabled', 'false');
+ }
+ else {
+ wrapper.removeAttribute('tabindex');
+ wrapper.setAttribute('aria-disabled', 'true');
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(attributeArray[i])) {
+ if (attributeArray.length > i && Object.keys(attributeArray[i]).length) {
+ var htmlAttr = [];
+ htmlAttr = (Object.keys(attributeArray[i]));
+ for (var j = 0; j < htmlAttr.length; j++) {
+ wrapper.setAttribute(htmlAttr[j], attributeArray[i][htmlAttr[j]]);
+ }
+ }
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(chipArray, wrapper);
+ chipListArray.push(wrapper);
+ }
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(chipListArray, this.element);
+ };
+ ChipList.prototype.getFieldValues = function (data) {
+ var chipEnabled = !(this.enabled.toString() === 'false');
+ var fields = {
+ text: typeof data === 'object' ? (data.text ? data.text.toString() : this.text.toString()) :
+ (!this.chipType() ? (this.innerText ? this.innerText : this.text.toString()) : data.toString()),
+ cssClass: typeof data === 'object' ? (data.cssClass ? data.cssClass.toString() : this.cssClass.toString()) :
+ (this.cssClass.toString()),
+ leadingIconCss: typeof data === 'object' ? (data.leadingIconCss ? data.leadingIconCss.toString() :
+ this.leadingIconCss.toString()) : (this.leadingIconCss.toString()),
+ avatarIconCss: typeof data === 'object' ? (data.avatarIconCss ? data.avatarIconCss.toString() :
+ this.avatarIconCss.toString()) : (this.avatarIconCss.toString()),
+ avatarText: typeof data === 'object' ? (data.avatarText ? data.avatarText.toString() : this.avatarText.toString()) :
+ (this.avatarText.toString()),
+ trailingIconCss: typeof data === 'object' ? (data.trailingIconCss ? data.trailingIconCss.toString() :
+ this.trailingIconCss.toString()) : (this.trailingIconCss.toString()),
+ enabled: typeof data === 'object' ? (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(data.enabled) ? (data.enabled.toString() === 'false' ? false : true) :
+ chipEnabled) : (chipEnabled),
+ value: typeof data === 'object' ? ((data.value ? data.value.toString() : null)) : null,
+ leadingIconUrl: typeof data === 'object' ? (data.leadingIconUrl ? data.leadingIconUrl.toString() : this.leadingIconUrl) :
+ this.leadingIconUrl,
+ trailingIconUrl: typeof data === 'object' ? (data.trailingIconUrl ? data.trailingIconUrl.toString() : this.trailingIconUrl) :
+ this.trailingIconUrl,
+ htmlAttributes: typeof data === 'object' ? (data.htmlAttributes ? data.htmlAttributes : this.htmlAttributes) : this.htmlAttributes
+ };
+ return fields;
+ };
+ ChipList.prototype.elementCreation = function (fields) {
+ var chipArray = [];
+ if (fields.avatarText || fields.avatarIconCss) {
+ var className = (classNames.avatar + ' ' + fields.avatarIconCss).trim();
+ var chipAvatarElement = this.createElement('span', { className: className });
+ chipAvatarElement.innerText = fields.avatarText;
+ chipArray.push(chipAvatarElement);
+ }
+ else if (fields.leadingIconCss) {
+ var className = (classNames.icon + ' ' + fields.leadingIconCss).trim();
+ var chipIconElement = this.createElement('span', { className: className });
+ chipArray.push(chipIconElement);
+ }
+ else if (fields.leadingIconUrl) {
+ var className = (classNames.avatar + ' ' + 'image-url').trim();
+ var chipIconElement = this.createElement('span', { className: className });
+ chipIconElement.style.backgroundImage = 'url(' + fields.leadingIconUrl + ')';
+ chipArray.push(chipIconElement);
+ }
+ var chipTextElement = this.createElement('span', { className: classNames.text });
+ chipTextElement.innerText = fields.text;
+ chipArray.push(chipTextElement);
+ if (fields.trailingIconCss || (this.chipType() && this.enableDelete)) {
+ var className = (classNames.delete + ' ' +
+ (fields.trailingIconCss ? fields.trailingIconCss : classNames.deleteIcon)).trim();
+ var chipdeleteElement = this.createElement('span', { className: className });
+ chipArray.push(chipdeleteElement);
+ }
+ else if (fields.trailingIconUrl) {
+ var className = ('trailing-icon-url').trim();
+ var chipIconsElement = this.createElement('span', { className: className });
+ chipIconsElement.style.backgroundImage = 'url(' + fields.trailingIconUrl + ')';
+ chipArray.push(chipIconsElement);
+ }
+ return chipArray;
+ };
+ /**
+ * A function that finds chip based on given input.
+ *
+ * @param {number | HTMLElement } fields - We can pass index number or element of chip.
+ * {% codeBlock src='chips/find/index.md' %}{% endcodeBlock %}
+ *
+ * @returns {void}
+ */
+ ChipList.prototype.find = function (fields) {
+ var chipData;
+ var chipElement = fields instanceof HTMLElement ?
+ fields : this.element.querySelectorAll('.' + classNames.chip)[fields];
+ if (chipElement && this.chipType()) {
+ chipData = { text: undefined, index: undefined, element: undefined, data: undefined };
+ chipData.index = Array.prototype.slice.call(this.element.querySelectorAll('.' + classNames.chip)).indexOf(chipElement);
+ chipData.text = typeof this.chips[chipData.index] === 'object' ?
+ (this.chips[chipData.index].text ?
+ this.chips[chipData.index].text.toString() : '') :
+ this.chips[chipData.index].toString();
+ chipData.data = this.chips[chipData.index];
+ chipData.element = chipElement;
+ }
+ return chipData;
+ };
+ /**
+ * Allows adding the chip item(s) by passing a single or array of string, number, or ChipModel values.
+ *
+ * @param {string[] | number[] | ChipModel[] | string | number | ChipModel} chipsData - We can pass array of string or
+ * array of number or array of chip model or string data or number data or chip model.
+ * {% codeBlock src='chips/add/index.md' %}{% endcodeBlock %}
+ *
+ * @returns {void}
+
+ */
+ ChipList.prototype.add = function (chipsData) {
+ var _a;
+ if (this.type !== 'chip') {
+ var fieldData = chipsData instanceof Array ?
+ chipsData : [chipsData];
+ (_a = this.chips).push.apply(_a, fieldData);
+ this.chipCreation(fieldData);
+ }
+ };
+ /**
+ * Allows selecting the chip item(s) by passing a single or array of string, number, or ChipModel values.
+ *
+ * @param {number | number[] | HTMLElement | HTMLElement[]} fields - We can pass number or array of number
+ * or chip element or array of chip element.
+ * {% codeBlock src='chips/select/index.md' %}{% endcodeBlock %}
+ *
+ * @returns {void}
+ */
+ ChipList.prototype.select = function (fields, selectionType) {
+ this.onSelect(fields, false, selectionType);
+ };
+ ChipList.prototype.multiSelection = function (newProp) {
+ var items = this.element.querySelectorAll('.' + 'e-chip');
+ for (var j = 0; j < newProp.length; j++) {
+ if (typeof newProp[j] === 'string') {
+ for (var k = 0; k < items.length; k++) {
+ if (newProp[j] !== k) {
+ if (newProp[j] === items[k].attributes[5].value) {
+ this.multiSelectedChip.push(k);
+ break;
+ }
+ }
+ }
+ }
+ else {
+ this.multiSelectedChip.push(newProp[j]);
+ }
+ }
+ };
+ ChipList.prototype.onSelect = function (fields, callFromProperty, selectionType) {
+ var index;
+ var chipNodes;
+ var chipValue;
+ if (this.chipType() && this.selection !== 'None') {
+ if (callFromProperty) {
+ var chipElements = this.element.querySelectorAll('.' + classNames.chip);
+ for (var i = 0; i < chipElements.length; i++) {
+ chipElements[i].setAttribute('aria-selected', 'false');
+ chipElements[i].classList.remove(classNames.active);
+ }
+ }
+ var fieldData = fields instanceof Array ? fields : [fields];
+ for (var i = 0; i < fieldData.length; i++) {
+ var chipElement = fieldData[i] instanceof HTMLElement ? fieldData[i]
+ : this.element.querySelectorAll('.' + classNames.chip)[fieldData[i]];
+ if (selectionType !== 'index') {
+ for (var j = 0; j < this.chips.length; j++) {
+ chipNodes = this.element.querySelectorAll('.' + classNames.chip)[j];
+ var fieldsData = this.getFieldValues(this.chips[j]);
+ if (selectionType === 'value') {
+ if (fieldsData.value !== null) {
+ chipValue = chipNodes.dataset.value;
+ }
+ }
+ else if (selectionType === 'text') {
+ chipValue = chipNodes.innerText;
+ }
+ if (chipValue === fieldData[i].toString()) {
+ index = j;
+ chipElement = this.element.querySelectorAll('.' + classNames.chip)[index];
+ }
+ }
+ }
+ if (chipElement instanceof HTMLElement) {
+ this.selectionHandler(chipElement);
+ }
+ }
+ }
+ };
+ /**
+ * Allows removing the chip item(s) by passing a single or array of string, number, or ChipModel values.
+ *
+ * @param {number | number[] | HTMLElement | HTMLElement[]} fields - We can pass number or array of number
+ * or chip element or array of chip element.
+ * {% codeBlock src='chips/remove/index.md' %}{% endcodeBlock %}
+ *
+ * @returns {void}
+ */
+ ChipList.prototype.remove = function (fields) {
+ var _this = this;
+ if (this.chipType()) {
+ var fieldData = fields instanceof Array ? fields : [fields];
+ var chipElements_1 = [];
+ var chipCollection_1 = this.element.querySelectorAll('.' + classNames.chip);
+ fieldData.forEach(function (data) {
+ var chipElement = data instanceof HTMLElement ? data
+ : chipCollection_1[data];
+ if (chipElement instanceof HTMLElement) {
+ chipElements_1.push(chipElement);
+ }
+ });
+ chipElements_1.forEach(function (element) {
+ var chips = _this.element.querySelectorAll('.' + classNames.chip);
+ var index = Array.prototype.slice.call(chips).indexOf(element);
+ _this.deleteHandler(element, index);
+ });
+ }
+ };
+ /**
+ * Returns the selected chip(s) data.
+ * {% codeBlock src='chips/getSelectedChips/index.md' %}{% endcodeBlock %}
+ *
+ * @returns {void}
+ */
+ ChipList.prototype.getSelectedChips = function () {
+ var selectedChips;
+ if (this.chipType() && this.selection !== 'None') {
+ var selectedItems = { texts: [], Indexes: [], data: [], elements: [] };
+ var items = this.element.querySelectorAll('.' + classNames.active);
+ for (var i = 0; i < items.length; i++) {
+ var chip = items[i];
+ selectedItems.elements.push(chip);
+ var index = Array.prototype.slice.call(this.element.querySelectorAll('.' + classNames.chip)).indexOf(chip);
+ selectedItems.Indexes.push(index);
+ selectedItems.data.push(this.chips[index]);
+ var text = typeof this.chips[index] === 'object' ?
+ this.chips[index].text ? this.chips[index].text.toString()
+ : null : this.chips[index].toString();
+ selectedItems.texts.push(text);
+ }
+ var selectedItem = {
+ text: selectedItems.texts[0], index: selectedItems.Indexes[0],
+ data: selectedItems.data[0], element: selectedItems.elements[0]
+ };
+ selectedChips = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(selectedItem.index) ?
+ (this.selection === 'Multiple' ? selectedItems : selectedItem) : undefined;
+ }
+ return selectedChips;
+ };
+ ChipList.prototype.wireEvent = function (unWireEvent) {
+ if (!unWireEvent) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'click', this.clickHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'focusout', this.focusOutHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'keydown', this.keyHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'keyup', this.keyHandler, this);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'click', this.clickHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'focusout', this.focusOutHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'keydown', this.keyHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'keyup', this.keyHandler);
+ }
+ };
+ ChipList.prototype.keyHandler = function (e) {
+ if (e.target.classList.contains(classNames.chip)) {
+ if (e.type === 'keydown') {
+ if (e.keyCode === 13 || e.keyCode === 32) {
+ this.clickHandler(e);
+ }
+ else if (e.keyCode === 46 && this.enableDelete) {
+ this.clickHandler(e, true);
+ }
+ }
+ else if (e.keyCode === 9) {
+ this.focusInHandler(e.target);
+ }
+ }
+ };
+ ChipList.prototype.focusInHandler = function (chipWrapper) {
+ if (!chipWrapper.classList.contains(classNames.focused)) {
+ chipWrapper.classList.add(classNames.focused);
+ }
+ };
+ ChipList.prototype.focusOutHandler = function (e) {
+ var chipWrapper = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, '.' + classNames.chip);
+ var focusedElement = !this.chipType() ? (this.element.classList.contains(classNames.focused) ?
+ this.element : null) : this.element.querySelector('.' + classNames.focused);
+ if (chipWrapper && focusedElement) {
+ focusedElement.classList.remove(classNames.focused);
+ }
+ };
+ ChipList.prototype.clickHandler = function (e, del) {
+ var _this = this;
+ if (del === void 0) { del = false; }
+ var chipWrapper = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, '.' + classNames.chip);
+ if (chipWrapper) {
+ // eslint-disable-next-line
+ var chipDataArgs = void 0;
+ if (this.chipType()) {
+ chipDataArgs = this.find(chipWrapper);
+ }
+ else {
+ var index = Array.prototype.slice.call(this.element.querySelectorAll('.' + classNames.chip)).indexOf(chipWrapper);
+ chipDataArgs = {
+ text: this.innerText ? this.innerText : this.text,
+ element: chipWrapper, data: this.text, index: index
+ };
+ }
+ chipDataArgs.event = e;
+ chipDataArgs.cancel = false;
+ this.trigger('beforeClick', chipDataArgs, function (observedArgs) {
+ if (!observedArgs.cancel) {
+ _this.clickEventHandler(observedArgs.element, e, del);
+ }
+ });
+ }
+ };
+ ChipList.prototype.clickEventHandler = function (chipWrapper, e, del) {
+ var _this = this;
+ if (this.chipType()) {
+ var chipData_1 = this.find(chipWrapper);
+ chipData_1.event = e;
+ var deleteElement = e.target.classList.contains(classNames.deleteIcon) ?
+ e.target : (del ? chipWrapper.querySelector('.' + classNames.deleteIcon) : undefined);
+ if (deleteElement && this.enableDelete) {
+ chipData_1.cancel = false;
+ var deletedItemArgs = chipData_1;
+ this.trigger('delete', deletedItemArgs, function (observedArgs) {
+ if (!observedArgs.cancel) {
+ _this.deleteHandler(observedArgs.element, observedArgs.index);
+ _this.selectionHandler(chipWrapper);
+ chipData_1.selected = observedArgs.element.classList.contains(classNames.active);
+ var selectedItemArgs = chipData_1;
+ _this.trigger('click', selectedItemArgs);
+ var chipElement = _this.element.querySelectorAll('.' + classNames.chip)[observedArgs.index];
+ if (chipElement) {
+ chipElement.focus();
+ _this.focusInHandler(chipElement);
+ }
+ }
+ });
+ }
+ else if (this.selection !== 'None') {
+ this.selectionHandler(chipWrapper);
+ chipData_1.selected = chipWrapper.classList.contains(classNames.active);
+ var selectedItemArgs = chipData_1;
+ this.trigger('click', selectedItemArgs);
+ }
+ else {
+ this.focusInHandler(chipWrapper);
+ var clickedItemArgs = chipData_1;
+ this.trigger('click', clickedItemArgs);
+ }
+ }
+ else {
+ this.focusInHandler(chipWrapper);
+ var clickedItemArgs = {
+ text: this.innerText ? this.innerText : this.text,
+ element: chipWrapper, data: this.text, event: e
+ };
+ this.trigger('click', clickedItemArgs);
+ }
+ };
+ ChipList.prototype.selectionHandler = function (chipWrapper) {
+ if (this.selection === 'Single') {
+ var activeElement = this.element.querySelector('.' + classNames.active);
+ if (activeElement && activeElement !== chipWrapper) {
+ activeElement.classList.remove(classNames.active);
+ activeElement.setAttribute('aria-selected', 'false');
+ }
+ this.setProperties({ selectedChips: null }, true);
+ }
+ else {
+ this.setProperties({ selectedChips: [] }, true);
+ }
+ if (chipWrapper.classList.contains(classNames.active)) {
+ chipWrapper.classList.remove(classNames.active);
+ chipWrapper.setAttribute('aria-selected', 'false');
+ }
+ else {
+ chipWrapper.classList.add(classNames.active);
+ chipWrapper.setAttribute('aria-selected', 'true');
+ }
+ this.updateSelectedChips();
+ };
+ ChipList.prototype.updateSelectedChips = function () {
+ var chipListEle = this.element.querySelectorAll('.e-chip');
+ var chipCollIndex = [];
+ var chipCollValue = [];
+ var chip = null;
+ var value;
+ for (var i = 0; i < chipListEle.length; i++) {
+ var selectedEle = this.element.querySelectorAll('.e-chip')[i];
+ if (selectedEle.getAttribute('aria-selected') === 'true') {
+ value = selectedEle.getAttribute('data-value');
+ if (this.selection === 'Single' && selectedEle.classList.contains('e-active')) {
+ chip = value ? value : i;
+ break;
+ }
+ else {
+ chip = value ? chipCollValue.push(value) : chipCollIndex.push(i);
+ }
+ }
+ }
+ this.setProperties({ selectedChips: this.selection === 'Single' ? chip : value ? chipCollValue : chipCollIndex }, true);
+ };
+ ChipList.prototype.deleteHandler = function (chipWrapper, index) {
+ // Used to store the deleted chip item details.
+ var deletedChipData = this.find(chipWrapper);
+ this.chips.splice(index, 1);
+ this.setProperties({ chips: this.chips }, true);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(chipWrapper);
+ this.trigger('deleted', deletedChipData);
+ };
+ /**
+ * Removes the component from the DOM and detaches all its related event handlers. Also, it removes the attributes and classes.
+ * {% codeBlock src='chips/destroy/index.md' %}{% endcodeBlock %}
+ *
+ * @returns {void}
+ */
+ ChipList.prototype.destroy = function () {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], [classNames.chipSet, classNames.chip, classNames.rtl,
+ classNames.multiSelection, classNames.singleSelection, classNames.disabled, classNames.chipWrapper, classNames.iconWrapper,
+ classNames.active, classNames.focused].concat(this.cssClass.toString().split(' ').filter(function (css) { return css; })));
+ this.removeMultipleAttributes(['tabindex', 'role', 'aria-label', 'aria-multiselectable'], this.element);
+ this.wireEvent(true);
+ this.rippleFunction();
+ _super.prototype.destroy.call(this);
+ this.element.innerHTML = '';
+ this.element.innerText = this.innerText;
+ };
+ ChipList.prototype.removeMultipleAttributes = function (attributes, element) {
+ attributes.forEach(function (attr) {
+ element.removeAttribute(attr);
+ });
+ };
+ ChipList.prototype.getPersistData = function () {
+ return this.addOnPersist([]);
+ };
+ ChipList.prototype.getModuleName = function () {
+ return 'chip-list';
+ };
+ /**
+ * Called internally if any of the property value changed.
+ *
+ * @returns void
+ * @private
+ */
+ ChipList.prototype.onPropertyChanged = function (newProp, oldProp) {
+ var property;
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'chips':
+ case 'text':
+ case 'avatarText':
+ case 'avatarIconCss':
+ case 'leadingIconCss':
+ case 'trailingIconCss':
+ case 'selection':
+ case 'enableDelete':
+ case 'enabled':
+ this.refresh();
+ break;
+ case 'cssClass':
+ if (!this.chipType()) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], oldProp.cssClass.toString().split(' ').filter(function (css) { return css; }));
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], newProp.cssClass.toString().split(' ').filter(function (css) { return css; }));
+ }
+ else {
+ this.refresh();
+ }
+ break;
+ case 'selectedChips':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])(this.element.querySelectorAll('.e-active'), 'e-active');
+ if (this.selection === 'Multiple') {
+ this.multiSelectedChip = [];
+ this.multiSelection(newProp.selectedChips);
+ this.onSelect(this.multiSelectedChip, true, property);
+ this.updateSelectedChips();
+ }
+ else {
+ this.onSelect(newProp.selectedChips, true, property);
+ }
+ break;
+ case 'enableRtl':
+ this.setRtl();
+ break;
+ }
+ }
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])([])
+ ], ChipList.prototype, "chips", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ChipList.prototype, "text", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ChipList.prototype, "avatarText", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ChipList.prototype, "avatarIconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ChipList.prototype, "htmlAttributes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ChipList.prototype, "leadingIconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ChipList.prototype, "trailingIconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ChipList.prototype, "leadingIconUrl", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ChipList.prototype, "trailingIconUrl", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ChipList.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], ChipList.prototype, "enabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])([])
+ ], ChipList.prototype, "selectedChips", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('None')
+ ], ChipList.prototype, "selection", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], ChipList.prototype, "enableDelete", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ChipList.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ChipList.prototype, "click", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ChipList.prototype, "beforeClick", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ChipList.prototype, "delete", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ChipList.prototype, "deleted", void 0);
+ ChipList = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], ChipList);
+ return ChipList;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-buttons/chips/chip.js":
+/*!*****************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-buttons/chips/chip.js ***!
+ \*****************************************************************/
+/*! exports provided: Chip */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Chip", function() { return Chip; });
+/**
+ * Represents ChipList `Chip` model class.
+ */
+var Chip = /** @__PURE__ @class */ (function () {
+ function Chip() {
+ }
+ return Chip;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-buttons/chips/index.js":
+/*!******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-buttons/chips/index.js ***!
+ \******************************************************************/
+/*! exports provided: classNames, ChipList, Chip */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _chip_list__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./chip-list */ "./ej2-resources/22.1.37/scripts/ej2-buttons/chips/chip-list.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "classNames", function() { return _chip_list__WEBPACK_IMPORTED_MODULE_0__["classNames"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ChipList", function() { return _chip_list__WEBPACK_IMPORTED_MODULE_0__["ChipList"]; });
+
+/* harmony import */ var _chip__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chip */ "./ej2-resources/22.1.37/scripts/ej2-buttons/chips/chip.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Chip", function() { return _chip__WEBPACK_IMPORTED_MODULE_1__["Chip"]; });
+
+/**
+ * Chip modules
+ */
+
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-buttons/common/common.js":
+/*!********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-buttons/common/common.js ***!
+ \********************************************************************/
+/*! exports provided: wrapperInitialize, getTextNode, destroy, preRender, createCheckBox, rippleMouseHandler, setHiddenInput */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "wrapperInitialize", function() { return wrapperInitialize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTextNode", function() { return getTextNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "destroy", function() { return destroy; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "preRender", function() { return preRender; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createCheckBox", function() { return createCheckBox; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "rippleMouseHandler", function() { return rippleMouseHandler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setHiddenInput", function() { return setHiddenInput; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+
+
+/**
+ * Initialize wrapper element for angular.
+ *
+ * @private
+ *
+ * @param {CreateElementArgs} createElement - Specifies created element args
+ * @param {string} tag - Specifies tag name
+ * @param {string} type - Specifies type name
+ * @param {HTMLInputElement} element - Specifies input element
+ * @param {string} WRAPPER - Specifies wrapper element
+ * @param {string} role - Specifies role
+ * @returns {HTMLInputElement} - Input Element
+ */
+function wrapperInitialize(createElement, tag, type, element, WRAPPER, role) {
+ var input = element;
+ if (element.tagName === tag) {
+ var ejInstance = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('ej2_instances', element);
+ input = createElement('input', { attrs: { 'type': type } });
+ var props = ['change', 'cssClass', 'label', 'labelPosition', 'id'];
+ for (var index = 0, len = element.attributes.length; index < len; index++) {
+ if (props.indexOf(element.attributes[index].nodeName) === -1) {
+ input.setAttribute(element.attributes[index].nodeName, element.attributes[index].nodeValue);
+ }
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(element, { 'class': WRAPPER });
+ element.appendChild(input);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])('ej2_instances', ejInstance, input);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["deleteObject"])(element, 'ej2_instances');
+ }
+ return input;
+}
+/**
+ * Get the text node.
+ *
+ * @param {HTMLElement} element - Specifies html element
+ * @private
+ * @returns {Node} - Text node.
+ */
+function getTextNode(element) {
+ var node;
+ var childnode = element.childNodes;
+ for (var i = 0; i < childnode.length; i++) {
+ node = childnode[i];
+ if (node.nodeType === 3) {
+ return node;
+ }
+ }
+ return null;
+}
+/**
+ * Destroy the button components.
+ *
+ * @private
+ * @param {Switch | CheckBox} ejInst - Specifies eJ2 Instance
+ * @param {Element} wrapper - Specifies wrapper element
+ * @param {string} tagName - Specifies tag name
+ * @returns {void}
+ */
+function destroy(ejInst, wrapper, tagName) {
+ if (tagName === 'INPUT') {
+ wrapper.parentNode.insertBefore(ejInst.element, wrapper);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(wrapper);
+ ejInst.element.checked = false;
+ ['name', 'value', 'disabled'].forEach(function (key) {
+ ejInst.element.removeAttribute(key);
+ });
+ }
+ else {
+ ['role', 'aria-checked', 'class'].forEach(function (key) {
+ wrapper.removeAttribute(key);
+ });
+ wrapper.innerHTML = '';
+ }
+}
+/**
+ * Initialize control pre rendering.
+ *
+ * @private
+ * @param {Switch | CheckBox} proxy - Specifies proxy
+ * @param {string} control - Specifies control
+ * @param {string} wrapper - Specifies wrapper element
+ * @param {HTMLInputElement} element - Specifies input element
+ * @param {string} moduleName - Specifies module name
+ * @returns {void}
+ */
+function preRender(proxy, control, wrapper, element, moduleName) {
+ element = wrapperInitialize(proxy.createElement, control, 'checkbox', element, wrapper, moduleName);
+ proxy.element = element;
+ if (proxy.element.getAttribute('type') !== 'checkbox') {
+ proxy.element.setAttribute('type', 'checkbox');
+ }
+ if (!proxy.element.id) {
+ proxy.element.id = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('e-' + moduleName);
+ }
+}
+/**
+ * Creates CheckBox component UI with theming and ripple support.
+ *
+ * @private
+ * @param {CreateElementArgs} createElement - Specifies Created Element args
+ * @param {boolean} enableRipple - Specifies ripple effect
+ * @param {CheckBoxUtilModel} options - Specifies Checkbox util Model
+ * @returns {Element} - Checkbox Element
+ */
+function createCheckBox(createElement, enableRipple, options) {
+ if (enableRipple === void 0) { enableRipple = false; }
+ if (options === void 0) { options = {}; }
+ var wrapper = createElement('div', { className: 'e-checkbox-wrapper e-css' });
+ if (options.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([wrapper], options.cssClass.split(' '));
+ }
+ if (options.enableRtl) {
+ wrapper.classList.add('e-rtl');
+ }
+ if (enableRipple) {
+ var rippleSpan = createElement('span', { className: 'e-ripple-container' });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["rippleEffect"])(rippleSpan, { isCenterRipple: true, duration: 400 });
+ wrapper.appendChild(rippleSpan);
+ }
+ var frameSpan = createElement('span', { className: 'e-frame e-icons' });
+ if (options.checked) {
+ frameSpan.classList.add('e-check');
+ }
+ wrapper.appendChild(frameSpan);
+ if (options.label) {
+ var labelSpan = createElement('span', { className: 'e-label' });
+ if (options.disableHtmlEncode) {
+ labelSpan.textContent = options.label;
+ }
+ else {
+ labelSpan.innerHTML = options.label;
+ }
+ wrapper.appendChild(labelSpan);
+ }
+ return wrapper;
+}
+/**
+ * Handles ripple mouse.
+ *
+ * @private
+ * @param {MouseEvent} e - Specifies mouse event
+ * @param {Element} rippleSpan - Specifies Ripple span element
+ * @returns {void}
+ */
+function rippleMouseHandler(e, rippleSpan) {
+ if (rippleSpan) {
+ var event_1 = document.createEvent('MouseEvents');
+ event_1.initEvent(e.type, false, true);
+ rippleSpan.dispatchEvent(event_1);
+ }
+}
+/**
+ * Append hidden input to given element
+ *
+ * @private
+ * @param {Switch | CheckBox} proxy - Specifies Proxy
+ * @param {Element} wrap - Specifies Wrapper ELement
+ * @returns {void}
+ */
+function setHiddenInput(proxy, wrap) {
+ if (proxy.element.getAttribute('ejs-for')) {
+ wrap.appendChild(proxy.createElement('input', {
+ attrs: { 'name': proxy.name || proxy.element.name, 'value': 'false', 'type': 'hidden' }
+ }));
+ }
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-buttons/common/index.js":
+/*!*******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-buttons/common/index.js ***!
+ \*******************************************************************/
+/*! exports provided: wrapperInitialize, getTextNode, destroy, preRender, createCheckBox, rippleMouseHandler, setHiddenInput */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./common */ "./ej2-resources/22.1.37/scripts/ej2-buttons/common/common.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "wrapperInitialize", function() { return _common__WEBPACK_IMPORTED_MODULE_0__["wrapperInitialize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getTextNode", function() { return _common__WEBPACK_IMPORTED_MODULE_0__["getTextNode"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "destroy", function() { return _common__WEBPACK_IMPORTED_MODULE_0__["destroy"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "preRender", function() { return _common__WEBPACK_IMPORTED_MODULE_0__["preRender"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createCheckBox", function() { return _common__WEBPACK_IMPORTED_MODULE_0__["createCheckBox"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "rippleMouseHandler", function() { return _common__WEBPACK_IMPORTED_MODULE_0__["rippleMouseHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setHiddenInput", function() { return _common__WEBPACK_IMPORTED_MODULE_0__["setHiddenInput"]; });
+
+/**
+ * Common modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-buttons/floating-action-button/floating-action-button.js":
+/*!****************************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-buttons/floating-action-button/floating-action-button.js ***!
+ \****************************************************************************************************/
+/*! exports provided: FabPosition, Fab */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FabPosition", function() { return FabPosition; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Fab", function() { return Fab; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _button_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../button/button */ "./ej2-resources/22.1.37/scripts/ej2-buttons/button/button.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference
+///\n ![](\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIwIiBoZWlnaHQ9IjU2IiB2aWV3Qm94PSIwIDAgODIwIDU2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MjcuNjE3IDIyLjU2NTlWMjQuNzIyNkM0MjYuNTU4IDI0LjM2MzggNDI1LjM5OCAyNC4xNTQ0IDQyNC40NzQgMjQuMTU0NEM0MjMuMzMzIDI0LjE1NDQgNDIyLjY5OCAyNC40OTEyIDQyMi42OTggMjUuMDk2M0M0MjIuNjk4IDI1LjQ4MjQgNDIyLjk3NiAyNS43MzgzIDQyMy43NzMgMjYuMDg1NEw0MjUuOTE3IDI3LjAxNzRDNDI3LjYzMyAyNy43NjM5IDQyOC40OTcgMjguODUzIDQyOC40OTcgMzAuMjY4MUM0MjguNDk3IDMyLjQ1MjIgNDI2LjU0NiAzMy44MyA0MjMuNDUyIDMzLjgzQzQyMi4zMjQgMzMuODMgNDIxLjAxOCAzMy42NzM2IDQxOS42MzYgMzMuMzcwOVYzMS4xNDE2QzQyMS4wMDYgMzEuNTAyOCA0MjIuMjYyIDMxLjY5NTcgNDIzLjIzOSAzMS42OTU3QzQyNC41MTggMzEuNjk1NyA0MjUuMjAzIDMxLjM1MDYgNDI1LjIwMyAzMC43MDc0QzQyNS4yMDMgMzAuMzIwOCA0MjQuOTM1IDMwLjAzNjcgNDI0LjMyMiAyOS43NzE3TDQyMS45NzUgMjguNzU5M0M0MjAuMjM2IDI4LjAwNzggNDE5LjQzMyAyNi45OTU0IDQxOS40MzMgMjUuNTUyMUM0MTkuNDMzIDIzLjQ4MzcgNDIxLjMxNCAyMi4xNjQ5IDQyNC4yNjUgMjIuMTY0OUM0MjUuMjk4IDIyLjE2NDkgNDI2LjU3IDIyLjMxNzEgNDI3LjYxNyAyMi41NjU5VjIyLjU2NTlaTTQzMC4xNjcgMjIuMzkwOUg0MzMuNjM1VjMzLjYwMzlINDMwLjE2N1YyMi4zOTA5Wk00NDQuOTExIDIyLjM5MDlWMjQuNDQ1MUg0MzkuNjc1VjI2Ljk3NDJINDQ0LjI0OVYyOC44MzIzSDQzOS42NzVWMzEuNDU0M0g0NDQuOTc4VjMzLjYwMzlINDM2LjMwNVYyMi4zOTA5SDQ0NC45MTFaTTQ2MS4yOTQgMjIuMzkwOVYzMy42MDM5SDQ1Ny45MzlWMjYuMjIzNkw0NTQuNjUyIDMzLjY5MTVINDUyLjUzMUw0NDkuMjY2IDI2LjIyMzZWMzMuNjAzOUg0NDYuOTQ5VjIyLjM5MDlINDUxLjE4NEw0NTQuMTc4IDI5LjIxMTRMNDU3LjE1NiAyMi4zOTA5SDQ2MS4yOTRWMjIuMzkwOVpNNDcyLjU3OSAyMi4zOTA5VjI0LjQ0NTFINDY3LjMzNVYyNi45NzQySDQ3MS45MDhWMjguODMyM0g0NjcuMzM1VjMxLjQ1NDNINDcyLjYzOFYzMy42MDM5SDQ2My45NTdWMjIuMzkwOUg0NzIuNTc5Wk00ODQuNzk0IDIyLjM5MDlWMzMuNjAzOUg0ODEuMDkzTDQ3Ni45MjYgMjYuNDEyM1YzMy42MDM5SDQ3NC42MDhWMjIuMzkwOUg0NzguNDA3TDQ4Mi40ODQgMjkuNDg3NlYyMi4zOTA5SDQ4NC43OTRaTTQ5NC44NTggMjIuNTY1OVYyNC43MjI2QzQ5My44MDcgMjQuMzY2MyA0OTIuNjQgMjQuMTU0NCA0OTEuNzMyIDI0LjE1NDRDNDkwLjU3MyAyNC4xNTQ0IDQ4OS45MzkgMjQuNDg1OCA0ODkuOTM5IDI1LjA5M0M0ODkuOTM5IDI1LjQ4ODYgNDkwLjE5OCAyNS43MjUgNDkxLjAyMyAyNi4wODU5TDQ5My4xNTcgMjcuMDE3OEM0OTQuODg1IDI3Ljc3MjIgNDk1LjczOSAyOC44NTE4IDQ5NS43MzkgMzAuMjgzNUM0OTUuNzM5IDMyLjQ1NTkgNDkzLjc4NiAzMy44MzA4IDQ5MC42OTkgMzMuODMwOEM0ODkuNTY5IDMzLjgzMDggNDg4LjI1OSAzMy42NzM2IDQ4Ni44NzggMzMuMzcxN1YzMS4xNDI0QzQ4OC4yNDcgMzEuNTAyOCA0ODkuNDk5IDMxLjY5NjUgNDkwLjQ3IDMxLjY5NjVDNDkxLjc0IDMxLjY5NjUgNDkyLjQ0NCAzMS4zNTE1IDQ5Mi40NDQgMzAuNzI4NUM0OTIuNDQ0IDMwLjMxNjMgNDkyLjE5NyAzMC4wNTA0IDQ5MS41NTUgMjkuNzcyNUw0ODkuMjE4IDI4Ljc2MDFDNDg3LjQ2NyAyOC4wMDI4IDQ4Ni42NzQgMjcuMDAyIDQ4Ni42NzQgMjUuNTUzM0M0ODYuNjc0IDIzLjQ4NjIgNDg4LjU1NiAyMi4xNjY1IDQ5MS41IDIyLjE2NjVDNDkyLjUzNiAyMi4xNjUzIDQ5My44MTMgMjIuMzE3MSA0OTQuODU4IDIyLjU2NTlWMjIuNTY1OVoiIGZpbGw9IiMwMEEwQjAiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzUyLjQxMyAyNi44MTlDMzUwLjk5MiAyNS4yNzU5IDM0OS42MzggMjMuODMxNSAzNDguMzQ5IDIyLjE1NzRMMzQ3LjkyIDIxLjU5OTVDMzQ5LjQwNiAyMS4zNjkzIDM1MC42OTUgMjAuMzg0OCAzNTAuNjk1IDE4Ljc0MzNDMzUwLjY5NSAxNy4yMzMxIDM0OS41MzkgMTYuMjQ4MiAzNDcuODIxIDE2LjI0ODJDMzQ2LjU5OCAxNi4yNDgyIDM0NS43MDYgMTYuMzEzNyAzNDUuMjQzIDE2LjMxMzdDMzQ0LjcxNSAxNi4zMTM3IDM0NC4yODUgMTYuMzEzNyAzNDMuNzkgMTYuMjgwOEMzNDMuODU2IDE4LjE1MjEgMzQzLjg4OSAxOC4yODM0IDM0My44ODkgMTkuNDMyMlYyMy42MzQzQzM0My44ODkgMjQuNDU1MyAzNDMuODU2IDI1LjI3NTkgMzQzLjc5IDI2LjgxODZDMzQ0LjE1MyAyNi43MjAyIDM0NC41MTcgMjYuNzIwMiAzNDQuNzgxIDI2LjcyMDJDMzQ1LjA0NSAyNi43MjAyIDM0NS40MDkgMjYuNzUzMSAzNDUuNzA2IDI2LjgxODZDMzQ1LjY0IDI1Ljc2NzkgMzQ1LjYwNyAyNC4wMjgzIDM0NS42MDcgMjMuNjM0M1YyMS4yMDUxQzM0Ny4xNiAyMy4yMDc3IDM0OS4yMDkgMjUuNjY5NSAzNTAuMDAxIDI2LjgxODZDMzUwLjM5OCAyNi43MjAyIDM1MC43MjggMjYuNzIwMiAzNTEuMTI0IDI2LjcyMDJDMzUxLjQ1NSAyNi43MjA2IDM1MS45MTggMjYuNzIwNiAzNTIuNDEzIDI2LjgxOVYyNi44MTlaTTM0OC44NzggMTkuMDA2QzM0OC44NzggMjAuMDIzNCAzNDguMzE3IDIxLjIwNTQgMzQ2Ljc5NyAyMS4yMDU0QzM0Ni40IDIxLjIwNTQgMzQ2LjAwMyAyMS4yMDU0IDM0NS42MDcgMjEuMTcyNVYxNy4wNjg4QzM0Ni4wMDMgMTYuOTcwNCAzNDYuNDk5IDE2LjkwNDYgMzQ2Ljc2MyAxNi45MDQ2QzM0OC4wODUgMTYuOTA0OSAzNDguODc4IDE3LjY2IDM0OC44NzggMTkuMDA2VjE5LjAwNlpNMzgyLjM4IDI2Ljg4NDVDMzgxLjgxOSAyNi4yOTM2IDM4MC45NiAyNS4zNDE3IDM4MC4xMzQgMjQuNDIyM0MzODAuODI4IDIzLjY2NzIgMzgxLjU1NSAyMi41NTEgMzgxLjk4NCAyMS41OTkxQzM4MS43MTkgMjEuNDY3OCAzODEuMzU2IDIxLjIwNTEgMzgxLjA5MiAyMC45NzUzQzM4MC45OTMgMjEuNzk1OSAzODAuNDMyIDIyLjg3OTIgMzc5LjYzOSAyMy44MzE1QzM3OC41MTUgMjIuNTE4NSAzNzguMjE4IDIyLjE1NzQgMzc3LjE5MyAyMC43Nzg1QzM3OC41ODEgMTkuODkyMSAzNzkuMjQyIDE4Ljg3NDMgMzc5LjI0MiAxOC4wNTM3QzM3OS4yNDIgMTcuMTAxNyAzNzguNTgxIDE2LjExNjkgMzc2Ljk2MiAxNi4xMTY5QzM3NS4yMTEgMTYuMTE2OSAzNzQuMzUyIDE3LjIwMDIgMzc0LjM1MiAxOC40ODAzQzM3NC4zNTIgMTkuMjM1NCAzNzQuNTUgMTkuODkxNyAzNzUuMzc2IDIwLjk3NTNDMzc0LjA1NCAyMS42OTc1IDM3Mi43NjYgMjIuNzQ3OSAzNzIuNzY2IDI0LjQyMjNDMzcyLjc2NiAyNi4wNjM5IDM3NC4wODcgMjYuOTE3NCAzNzUuNzA3IDI2LjkxNzRDMzc3LjE5MyAyNi45MTc0IDM3OC4xNTEgMjYuMzI2NiAzNzguOTEyIDI1LjYzNjlMMzc5LjkwMiAyNi44MTlDMzgwLjIgMjYuNzg2MSAzODAuNTMxIDI2LjcyMDYgMzgwLjg2MSAyNi43MjA2QzM4MS4zMjQgMjYuNzIwNiAzODEuODUyIDI2Ljc4NjEgMzgyLjM4IDI2Ljg4NDVWMjYuODg0NVpNMzgzLjM3MiA0MC4wMTU4QzM4MS45MTggMzguNDczIDM4MC41OTcgMzcuMDYxMiAzNzkuMzA4IDM1LjM4NzFMMzc4Ljg3OCAzNC44Mjg4QzM4MC4zMzIgMzQuNTk5MSAzODEuNjU0IDMzLjYxNSAzODEuNjU0IDMxLjk0MDFDMzgxLjY1NCAzMC40NjMyIDM4MC40OTggMjkuNDQ1NCAzNzguNzc5IDI5LjQ0NTRDMzc3LjU1NyAyOS40NDU0IDM3Ni42MzIgMjkuNTQzNSAzNzYuMTY5IDI5LjU0MzVDMzc1LjY3MyAyOS41NDM1IDM3NS4yNDQgMjkuNTQzNSAzNzQuNzQ4IDI5LjQ3NzZDMzc0LjgxNCAzMS4zODIyIDM3NC44NDggMzEuNDgwMiAzNzQuODQ4IDMyLjYyOTRWMzYuODMxMUMzNzQuODQ4IDM3LjY1MjQgMzc0LjgxNCAzOC41MDUyIDM3NC43NDggNDAuMDE1NEMzNzUuMTEyIDM5Ljk0OTYgMzc1LjQ3NSAzOS45NDk2IDM3NS43MDcgMzkuOTQ5NkMzNzYuMDA0IDM5Ljk0OTYgMzc2LjM2OCAzOS45NDk2IDM3Ni42MzIgNDAuMDE1NEMzNzYuNTY1IDM4Ljk5OCAzNzYuNTMzIDM3LjI1ODEgMzc2LjUzMyAzNi44MzExVjM0LjQzNDhDMzc4LjExOSAzNi40MDQyIDM4MC4xNjcgMzguODk5NiAzODAuOTYgNDAuMDE1NEMzODEuMzU2IDM5Ljk0OTYgMzgxLjY4NyAzOS45NDk2IDM4Mi4wODMgMzkuOTQ5NkMzODIuMzggMzkuOTUgMzgyLjg3NiAzOS45NSAzODMuMzcyIDQwLjAxNThaTTM2Mi4xNiAyNi44MTlDMzYwLjk3MSAyNS41NzE1IDM1OC44ODkgMjIuOTc4IDM1OC4wNjMgMjEuOTkzNUwzNTcuMjM3IDIwLjk3NTdDMzU4LjA5NiAxOS45NTgzIDM1OC42OSAxOS4zMzQxIDM1OS4zMTkgMTguNTc5QzM2MC4wNDUgMTcuNzkxIDM2MC43MDYgMTYuOTcwNCAzNjEuNDk5IDE2LjI0ODJDMzYxLjEzNiAxNi4zMTM3IDM2MC45MzcgMTYuMzEzNyAzNjAuNzM5IDE2LjMxMzdDMzYwLjU0MSAxNi4zMTM3IDM2MC4zNDMgMTYuMzEzNyAzNjAuMTQ0IDE2LjI0ODJDMzU5LjkxMyAxNi42MDkzIDM1OS41NSAxNy4wNjg4IDM1OS4xNTMgMTcuNTI4N0MzNTguNzU2IDE3Ljk1NTYgMzU4LjM2IDE4LjM4MjIgMzU4LjA2MyAxOC43NDMzQzM1Ny4yMzYgMTkuNjk1MiAzNTYuNzc0IDIwLjE1NDcgMzU1LjU4NSAyMS4yNzA5VjE5LjQ2NTVDMzU1LjU4NSAxOC40MTUxIDM1NS41ODUgMTcuNzI1NSAzNTUuNjUxIDE2LjI0ODJDMzU1LjMyMSAxNi4zMTM3IDM1NC45NTcgMTYuMzEzNyAzNTQuNzI2IDE2LjMxMzdDMzU0LjQ2MSAxNi4zMTM3IDM1NC4wMzIgMTYuMzEzNyAzNTMuNzY4IDE2LjI0ODJDMzUzLjgzMyAxNy44MjM5IDM1My44NjcgMTguMjgzNCAzNTMuODY3IDE5LjQzMjVWMjMuNjM0N0MzNTMuODY3IDI0LjY4NSAzNTMuODMzIDI1LjMwODggMzUzLjc2OCAyNi44MTlDMzU0LjE2NCAyNi43MjA2IDM1NC40OTUgMjYuNzIwNiAzNTQuNzI2IDI2LjcyMDZDMzU0Ljk1NyAyNi43MjA2IDM1NS4zNTMgMjYuNzUzNSAzNTUuNjUxIDI2LjgxOUMzNTUuNTg1IDI1LjE0NDkgMzU1LjU4NSAyNC4xNTk3IDM1NS41ODUgMjMuNjM0N1YyMS40MzUyQzM1Ni44MDcgMjIuODc5NiAzNTguNjkgMjUuMjQzMyAzNTkuNzQ4IDI2LjgxOUMzNjAuMTMgMjYuNzU2MyAzNjAuNTE3IDI2LjcyMzQgMzYwLjkwNSAyNi43MjA2QzM2MS4yMDIgMjYuNzIwNiAzNjEuNjY1IDI2LjcyMDYgMzYyLjE2IDI2LjgxOVYyNi44MTlaTTM3Mi42MDEgNDAuMDE1OEMzNzIuNTY4IDM5Ljg1MTkgMzcyLjUzNSAzOS43MjA2IDM3Mi41MzUgMzkuNTIzNEMzNzIuNTM1IDM5LjM5MjggMzcyLjU2OCAzOS4yMjgxIDM3Mi42MDEgMzkuMDk2NEMzNzEuMjggMzkuMTI5NyAzNjguOTAxIDM5LjE5NTIgMzY4LjM3MiAzOS4xOTUyVjM0LjY2NDlDMzY5LjY5NCAzNC42NjQ5IDM3MC45ODIgMzQuNjY0OSAzNzIuMjcgMzQuNzk2M0MzNzIuMjM4IDM0LjYzMjQgMzcyLjIwNCAzNC40Njc3IDM3Mi4yMDQgMzQuMzM2NEMzNzIuMjA0IDM0LjIwNTggMzcyLjIwNCAzNC4wNDE5IDM3Mi4yNyAzMy44NDQ3QzM3MS4zNDYgMzMuOTQyOCAzNjkuMTk4IDMzLjk3NiAzNjguMzcyIDMzLjk3NlYzMC4yNjZDMzY5LjgyNiAzMC4yNjYgMzcwLjY4NSAzMC4yNjYgMzcxLjE4IDMwLjI5OTNMMzcyLjUwMiAzMC4zNjUxQzM3Mi40MzYgMzAuMTY3OSAzNzIuNDM2IDMwLjA2OTIgMzcyLjQzNiAyOS45MDUzQzM3Mi40MzYgMjkuNzQxNCAzNzIuNDM2IDI5LjcwODEgMzcyLjUwMiAyOS40NDU4QzM3MS40MTEgMjkuNDc4MyAzNjkuOTI1IDI5LjU0MzggMzY5LjI2NCAyOS41NDM4QzM2OC44MDIgMjkuNTQzOCAzNjcuMzQ4IDI5LjUxMTMgMzY2LjU4NyAyOS40NDU4QzM2Ni42NTQgMzAuMjY2NCAzNjYuNjg2IDMxLjYxMjMgMzY2LjY4NiAzMi41NjQyVjM2Ljg2NTFDMzY2LjY4NiAzNy40ODg1IDM2Ni42MiAzOC43MzU3IDM2Ni41ODcgNDAuMDE2MkMzNjcuNTEzIDM5Ljk1MDMgMzY4LjgwMiAzOS45NTAzIDM2OS4yNjQgMzkuOTUwM0MzNzAuMDI0IDM5Ljk1IDM3MS42NDMgMzkuOTUgMzcyLjYwMSA0MC4wMTU4Wk0zNjQuNjA1IDM5LjEyOTRDMzY0LjQ0IDM4LjgwMDggMzY0LjM0MSAzOC4zMDg4IDM2NC4yNzUgMzguMDQ2MUMzNjIuOTIgMzkuMTYxOSAzNjEuOTk1IDM5LjM5MjQgMzYwLjkzOCAzOS4zOTI0QzM1OC41OTIgMzkuMzkyNCAzNTcuMzM3IDM3LjI5MTMgMzU3LjMzNyAzNC42NjQ5QzM1Ny4zMzcgMzEuNzQzNiAzNTguNzU3IDMwLjAzNjIgMzYxLjE2OSAzMC4wMzYyQzM2Mi40MjUgMzAuMDM2MiAzNjMuNjE0IDMwLjU5NDUgMzY0LjE3NiAzMS4xNTI4QzM2NC4yMDggMzAuODg5OCAzNjQuMzA4IDMwLjM2NDggMzY0LjQ3MyAzMC4wNjg4QzM2My4zMTYgMjkuNTExMyAzNjIuMjU5IDI5LjM0NjYgMzYxLjEwMiAyOS4zNDY2QzM1Ny4yMzcgMjkuMzQ2NiAzNTUuNDUzIDMxLjc0MzYgMzU1LjQ1MyAzNC44Mjg4QzM1NS40NTMgMzguMzA5MSAzNTcuNzk4IDQwLjE0NzEgMzYwLjczOSA0MC4xNDcxQzM2Mi40MjUgNDAuMTQ3MSAzNjMuODEyIDM5LjYyMjIgMzY0LjYwNSAzOS4xMjk0VjM5LjEyOTRaTTM0Mi4zMDMgMjYuODE5QzM0MC41MTkgMjMuNDA0OSAzMzguOCAxOS4xMzczIDMzNy41NzggMTYuMTE2OUgzMzcuMzhDMzM2LjU4NyAxOC4wMjA3IDMzNS4xMzMgMjEuMjcwOSAzMzQuNzM3IDIyLjE4OTlDMzM0LjI3NCAyMy4zMDYxIDMzMy4yNSAyNS41MDU2IDMzMi41ODkgMjYuODE4NkMzMzIuODAzIDI2Ljc1MzggMzMzLjAyNiAyNi43MjA2IDMzMy4yNSAyNi43MjAyQzMzMy40NDggMjYuNzIwMiAzMzMuNjEzIDI2Ljc1MzEgMzMzLjg0NSAyNi44MTg2QzMzNC4xNzUgMjUuOTMyMiAzMzQuNjM4IDI0LjgxNiAzMzUuMTMzIDIzLjYzNDNDMzM1Ljc5NCAyMy42MDE0IDMzNi4zODkgMjMuNTY4OCAzMzYuOTg0IDIzLjU2ODhDMzM3LjYxMiAyMy41Njg4IDMzOC4yNzIgMjMuNjAxNCAzMzguOTMzIDIzLjYzNDNMMzM5LjU5NCAyNS4yMUwzNDAuMjU1IDI2LjgxODZDMzQwLjcxNyAyNi43MjAyIDM0MS4wOCAyNi43MjAyIDM0MS4zMTIgMjYuNzIwMkMzNDEuNjA5IDI2LjcyMDYgMzQxLjg3MyAyNi43MjA2IDM0Mi4zMDMgMjYuODE5VjI2LjgxOVpNMzUzLjYzNiAyOS40NDU0QzM1My40MzggMjkuNTExMyAzNTMuMjczIDI5LjU0MzUgMzUzLjEwNyAyOS41NDM1QzM1Mi45MDkgMjkuNTQzNSAzNTIuNzQ0IDI5LjUxMDkgMzUyLjU0NiAyOS40NDU0QzM1Mi42NDQgMzAuNzU4NCAzNTIuNjc4IDMyLjA3MTQgMzUyLjY3OCAzMy4zNTE5VjM2LjczMzRDMzUyLjE0OSAzNi4yNzM2IDM1MC44NiAzNS4wOTE5IDM0OS4zNzQgMzMuNzEzQzM0Ny44NiAzMi4zMDc0IDM0Ni4zOTQgMzAuODUxMSAzNDQuOTc5IDI5LjM0NjZIMzQ0Ljc0OEMzNDQuNzgxIDMwLjgyNDMgMzQ0LjgxNCAzMi40IDM0NC44MTQgMzMuODExNFYzNS44Nzk5QzM0NC44MTQgMzcuNjUyOCAzNDQuODE0IDM4LjYwNDcgMzQ0LjcxNSA0MC4wMTYyQzM0NC45OCAzOS45NTAzIDM0NS4xMTIgMzkuOTUwMyAzNDUuMzEgMzkuOTUwM0MzNDUuNDQyIDM5Ljk1MDMgMzQ1LjU3NSAzOS45NTAzIDM0NS44MDYgNDAuMDE2MkMzNDUuNzQgMzguNjcwNiAzNDUuNzA3IDM2LjQ3MDggMzQ1LjcwNyAzNS44Nzk5VjMyLjU5NjhDMzQ4LjE4NSAzNC44NjI1IDM1MS4yMjQgMzcuODgyNiAzNTMuNDcxIDQwLjE0NzVIMzUzLjYwM0MzNTMuNjAzIDM4LjkzMjkgMzUzLjUzNyAzNy43MTc5IDM1My41MzcgMzYuNTA0VjM0LjYzMjdDMzUzLjUzNiAzMi40MzI1IDM1My41MzYgMzEuMzQ5MyAzNTMuNjM2IDI5LjQ0NTRaTTM0Mi41NjcgNDAuMDE1OEMzNDIuNTM0IDM5Ljg1MTkgMzQyLjUwMSAzOS43MjA2IDM0Mi41MDEgMzkuNTIzNEMzNDIuNTAxIDM5LjM5MjggMzQyLjUzNCAzOS4yMjgxIDM0Mi41NjcgMzkuMDk2NEMzNDEuMjQ2IDM5LjEyOTcgMzM4Ljg2NyAzOS4xOTUyIDMzOC4zNzEgMzkuMTk1MlYzNC42NjQ5QzMzOS42NiAzNC42NjQ5IDM0MC45NDggMzQuNjY0OSAzNDIuMjM3IDM0Ljc5NjNDMzQyLjIwNCAzNC42MzI0IDM0Mi4xNzEgMzQuNDY3NyAzNDIuMTcxIDM0LjMzNjRDMzQyLjE3MSAzNC4yMDU4IDM0Mi4xNzEgMzQuMDQxOSAzNDIuMjM3IDMzLjg0NDdDMzQxLjMxMiAzMy45NDI4IDMzOS4xOTcgMzMuOTc2IDMzOC4zNzEgMzMuOTc2VjMwLjI2NkMzMzkuNzkyIDMwLjI2NiAzNDAuNjUxIDMwLjI2NiAzNDEuMTc5IDMwLjI5OTNMMzQyLjQ2OCAzMC4zNjUxQzM0Mi40MzUgMzAuMTY3OSAzNDIuNDM1IDMwLjA2OTIgMzQyLjQzNSAyOS45MDUzQzM0Mi40MzUgMjkuNzQxNCAzNDIuNDM1IDI5LjY3NTUgMzQyLjQ2OCAyOS40NDU4QzM0MS4zNzggMjkuNDc4MyAzMzkuODkxIDI5LjU0MzggMzM5LjIzIDI5LjU0MzhDMzM4Ljc2NyAyOS41NDM4IDMzNy4zMTQgMjkuNTExMyAzMzYuNTU0IDI5LjQ0NThDMzM2LjYyIDMwLjI2NjQgMzM2LjY1MyAzMS42MTIzIDMzNi42NTMgMzIuNTY0MlYzNi44NjUxQzMzNi42NTMgMzcuNDg4NSAzMzYuNTg3IDM4LjczNTcgMzM2LjU1NCA0MC4wMTYyQzMzNy41MTIgMzkuOTUwMyAzMzguNzY3IDM5Ljk1MDMgMzM5LjIzIDM5Ljk1MDNDMzM5Ljk5IDM5Ljk1IDM0MS42NDIgMzkuOTUgMzQyLjU2NyA0MC4wMTU4VjQwLjAxNThaTTMzMS4yMDEgMjYuODE5QzMzMC42NzMgMjMuMjQwNiAzMzAuMjEgMTkuNDk4NCAzMjkuODQ3IDE2LjExNjlDMzI5Ljc0OCAxNi4xNDk4IDMyOS43MTQgMTYuMTQ5OCAzMjkuNjQ5IDE2LjExNjlDMzI4Ljk1NSAxNy4zMzE1IDMyOC4xNjIgMTguNjQ0NSAzMjcuNTY3IDE5LjU2MzlDMzI3LjAwNiAyMC40NTAzIDMyNi4zNDUgMjEuNTAwNyAzMjUuNTg1IDIyLjYxNjlDMzIzLjk5OSAyMC41ODE3IDMyMi4zNDcgMTguMDIxMSAzMjEuMjU2IDE2LjExNjlDMzIxLjE5IDE2LjE0OTggMzIxLjE1NyAxNi4xMTY5IDMyMS4wOTEgMTYuMTE2OUMzMjAuNzI4IDE5LjQ5OCAzMjAuMjMyIDIzLjI3MzIgMzE5LjczNiAyNi44MTlDMzIwLjAwMSAyNi43MjA2IDMyMC4xNjYgMjYuNzIwNiAzMjAuMjk4IDI2LjcyMDZDMzIwLjQ5NiAyNi43MjA2IDMyMC42MjggMjYuNzUzNSAzMjAuODU5IDI2LjgxOUMzMjAuOTkyIDI0LjQ1NTMgMzIxLjI1NiAyMi4xMjQ0IDMyMS41NTMgMTkuNjYyM0MzMjIuODQyIDIxLjUzMzYgMzIzLjk2NSAyMy4xNDIyIDMyNS4yMjEgMjQuODQ5M0MzMjYuMjc4IDIzLjIwNzcgMzI3LjM2OCAyMS40MzQ4IDMyOC41NTggMTkuNjI5NEMzMjguODg4IDIyLjE1NyAzMjkuMTg2IDI0LjQ1NTMgMzI5LjM1MSAyNi44MTlDMzI5Ljc4IDI2LjcyMDYgMzMwLjA3OCAyNi43MjA2IDMzMC4yNzYgMjYuNzIwNkMzMzAuNTQgMjYuNzIwNiAzMzAuODA1IDI2LjcyMDYgMzMxLjIwMSAyNi44MTlWMjYuODE5Wk0zMzQuOTY4IDMyLjIwMjhDMzM0Ljk2OCAzMC4yOTg5IDMzMy40NDggMjkuNDQ1NCAzMzEuNTk4IDI5LjQ0NTRDMzMwLjc3MiAyOS40NDU0IDMyOS44OCAyOS41NDM1IDMyOS4yNTIgMjkuNTQzNUMzMjkuMDIxIDI5LjU0MzUgMzI4LjUyNSAyOS41NDM1IDMyNy45OTcgMjkuNDc3NkMzMjguMDMgMzAuNTI4MyAzMjguMDk2IDMxLjQxNDggMzI4LjA5NiAzMi40MzIyVjM2LjkyOTVDMzI4LjA5NiAzNy45MTQ4IDMyOC4wMyAzOC45OTggMzI3Ljk5NyA0MC4wMTU0QzMyOC40MjYgMzkuOTQ5NiAzMjguNzI0IDM5Ljk0OTYgMzI4LjkyMiAzOS45NDk2QzMyOS4xNTMgMzkuOTQ5NiAzMjkuNDg0IDM5Ljk0OTYgMzI5Ljg4IDQwLjAxNTRDMzI5LjgxNSAzOS4wMzE5IDMyOS43ODIgMzguMDQ2NSAzMjkuNzgxIDM3LjA2MDlWMzUuNDJDMzMwLjE0NSAzNS40NTI2IDMzMC41MDggMzUuNDUyNiAzMzAuOTA1IDM1LjQ1MjZDMzMyLjgyIDM1LjQ1MjYgMzM0Ljk2OCAzNC43MzA0IDMzNC45NjggMzIuMjAyOFYzMi4yMDI4Wk0zMjYuMDE0IDM2Ljg5NzNDMzI2LjAxNCAzNS4yNTU4IDMyNC45MjQgMzQuNTMzNiAzMjMuMDQgMzMuNzQ1NkMzMjEuNjg2IDMzLjE4OCAzMjAuOTkyIDMyLjY5NTYgMzIwLjk5MiAzMS42NDQ1QzMyMC45OTIgMzAuNjYgMzIxLjc1MiAzMC4wMzYyIDMyMy4wMDggMzAuMDM2MkMzMjMuODM0IDMwLjAzNjIgMzI0LjU2MSAzMC4zMzE1IDMyNS4yMjIgMzAuODU2OEMzMjUuMjg3IDMwLjQ5NTcgMzI1LjQ1MyAzMC4xMzQ3IDMyNS42NTEgMjkuODM5NEMzMjQuODU4IDI5LjQ3ODMgMzIzLjk5OSAyOS4zNDcgMzIzLjA3NCAyOS4zNDdDMzIwLjM2NSAyOS4zNDcgMzE5LjUwNSAzMC44OTA1IDMxOS41MDUgMzIuMjAzNUMzMTkuNTA1IDMzLjgxMTggMzIwLjI5OSAzNC41NjcyIDMyMi4zNDcgMzUuMzU1M0MzMjMuNjM2IDM1Ljg0NyAzMjQuMjk2IDM2LjQ3MTEgMzI0LjI5NiAzNy41NTQ0QzMyNC4yOTYgMzguNzAzNSAzMjMuNDM3IDM5LjQyNTcgMzIyLjI0OCAzOS40MjU3QzMyMS41NTQgMzkuNDI1NyAzMjAuMzY1IDM5LjA2NDYgMzE5LjUzOSAzOC4zMDk5QzMxOS41MDUgMzguNzM2MSAzMTkuNTA1IDM5LjEzMDQgMzE5LjM3MyAzOS40OTE1QzMxOS45MDIgMzkuNzU0NiAzMjEuMTI1IDQwLjE0NzkgMzIyLjIxNSA0MC4xNDc5QzMyNC45OSA0MC4xNDcxIDMyNi4wMTQgMzguNDM5NyAzMjYuMDE0IDM2Ljg5NzNWMzYuODk3M1pNMzc4LjE1MiAxNy45ODgyQzM3OC4xNTIgMTguOTczIDM3Ny40NTggMTkuNjYyMyAzNzYuNzY0IDIwLjIyMDJDMzc2LjMwMSAxOS41NjM5IDM3NS43NCAxOC42NzcxIDM3NS43NCAxNy45ODgyQzM3NS43NCAxNy4yMzMxIDM3Ni4yNjggMTYuODA2MSAzNzYuOTk1IDE2LjgwNjFDMzc3Ljk4NyAxNi44MDY1IDM3OC4xNTIgMTcuNjkyNiAzNzguMTUyIDE3Ljk4ODJWMTcuOTg4MlpNMzc4LjQ4MiAyNS4wMTMyQzM3OC4xMTkgMjUuMzQxNyAzNzcuMjYgMjUuOTY1NSAzNzYuNTMzIDI1Ljk2NTVDMzc1LjU3NCAyNS45NjU1IDM3NC40MTggMjUuMjc1OSAzNzQuNDE4IDIzLjc5ODZDMzc0LjQxOCAyMi40ODU1IDM3NS4yNzcgMjEuODk0NyAzNzUuODA2IDIxLjU2NjVDMzc3LjAyOCAyMy4yNDA2IDM3Ny4wOTUgMjMuMzM5MSAzNzguNDgyIDI1LjAxMzJaTTM3OS44MDQgMzIuMjAyOEMzNzkuODA0IDMzLjI1MzUgMzc5LjI3NSAzNC40MDI2IDM3Ny43NTUgMzQuNDAyNkMzNzcuMzI2IDM0LjQwMjYgMzc2LjkyOSAzNC40MDI2IDM3Ni41MzMgMzQuMzY5M1YzMC4yNjU2QzM3Ni45MjkgMzAuMTY3NiAzNzcuNDI1IDMwLjEzNDMgMzc3LjcyMiAzMC4xMzQzQzM3OS4wMTEgMzAuMTM0MyAzNzkuODA0IDMwLjg4OTggMzc5LjgwNCAzMi4yMDI4Wk0zMzguNjAyIDIyLjgxNDFDMzM3LjkwOSAyMi44NDY2IDMzNy41NDUgMjIuODQ2NiAzMzcuMDgyIDIyLjg0NjZDMzM2LjUyMSAyMi44NDY2IDMzNi4xOSAyMi44NDY2IDMzNS40NjMgMjIuODE0MUwzMzcuMDgyIDE5LjAwNkwzMzguNjAyIDIyLjgxNDFaTTMzMy4xNTEgMzIuMzAwOEMzMzMuMTUxIDMzLjgxMTEgMzMyLjI1OCAzNC43OTU5IDMzMC44MDUgMzQuNzk1OUMzMzAuNTA3IDM0Ljc5NTkgMzMwLjE3NyAzNC43OTU5IDMyOS43OCAzNC43MzAxVjMwLjIzMjdDMzMwLjI0MyAzMC4xNjY5IDMzMC42MzkgMzAuMTMzOSAzMzEuMDM2IDMwLjEzMzlDMzMyLjQyNCAzMC4xMzQzIDMzMy4xNTEgMzEuMDIxMSAzMzMuMTUxIDMyLjMwMDhaTTM2OS41MjggMjMuNjY3NkMzNjkuNTI4IDIyLjAyNiAzNjguNDM4IDIxLjMwMzkgMzY2LjU1NSAyMC41MTYyQzM2NS4yIDE5Ljk1ODMgMzY0LjUwNiAxOS40OTg4IDM2NC41MDYgMTguNDE1MUMzNjQuNTA2IDE3LjQ2MzIgMzY1LjI2NiAxNi44MDY1IDM2Ni41MjEgMTYuODA2NUMzNjcuMzQ4IDE2LjgwNjUgMzY4LjA3NSAxNy4xMDE3IDM2OC43MzUgMTcuNjI3NUMzNjguODAyIDE3LjI2NjQgMzY4Ljk2NyAxNi45MDQ5IDM2OS4xMzEgMTYuNjQyMkMzNjguMzcyIDE2LjI4MTEgMzY3LjQ3OSAxNi4xMTcyIDM2Ni41ODcgMTYuMTE3MkMzNjMuOTQ0IDE2LjExNzIgMzYyLjk4NiAxNy42NiAzNjIuOTg2IDE5LjAwNkMzNjIuOTg2IDIwLjU4MTcgMzYzLjgxMiAyMS4zMzY4IDM2NS44NjEgMjIuMTI0NEMzNjcuMTQ5IDIyLjYxNjkgMzY3LjgxIDIzLjI0MDYgMzY3LjgxIDI0LjM1NjhDMzY3LjgxIDI1LjQ3MyAzNjYuOTUxIDI2LjE5NTIgMzY1Ljc2MiAyNi4xOTUyQzM2NS4wMzUgMjYuMTk1MiAzNjMuODc5IDI1LjgzNDEgMzYzLjA1MiAyNS4xMTE5QzM2My4wMiAyNS41Mzg5IDM2Mi45ODYgMjUuOSAzNjIuODg3IDI2LjI2MTFDMzYzLjM4MyAyNi41MjM4IDM2NC42MDYgMjYuOTE3NCAzNjUuNzI5IDI2LjkxNzRDMzY4LjUwNCAyNi45MTc0IDM2OS41MjggMjUuMjQzMyAzNjkuNTI4IDIzLjY2NzZWMjMuNjY3NloiIGZpbGw9IiMwMzY1NTUiLz4NCjxwYXRoIGQ9Ik02NDAuNDE2IDIwLjU1NzNDNjM4LjY3MSAxOS44MzU0IDYzNy42MzEgMTkuNTU1MSA2MzYuNTk4IDE5LjU1NTFDNjM1LjUxNCAxOS41NTUxIDYzNC44MTkgMTkuOTE3IDYzNC44MTkgMjAuNDc2NUM2MzQuODE5IDIyLjE2NDUgNjQwLjk2MiAyMS42ODkzIDY0MC45NjIgMjUuNTkzNkM2NDAuOTYyIDI3Ljc0NjQgNjM5LjAyNCAyOC45OTc0IDYzNi4zMzIgMjguOTk3NEM2MzQuMjIgMjguOTk3NCA2MzMuMTggMjguNDg4IDYzMS45ODMgMjcuOTExNlYyNS40OTYyQzYzMy43MSAyNi41NjM1IDYzNC43NjggMjYuOTQwMSA2MzYuMTAxIDI2Ljk0MDFDNjM3LjI1NiAyNi45NDAxIDYzNy44NzkgMjYuNTYzNSA2MzcuODc5IDI1LjkwNjNDNjM3Ljg3OSAyNC4wNjg1IDYzMS43MzcgMjQuNzQxNSA2MzEuNzM3IDIwLjcyMTNDNjMxLjczNyAxOC43ODI3IDYzMy41MzQgMTcuNDk5IDYzNi4zMzIgMTcuNDk5QzYzNy42ODIgMTcuNDk5IDYzOC45MDEgMTcuNzYzNSA2NDAuNDE2IDE4LjM3MDdWMjAuNTU3M1pNNjQ5LjAxNiAyOC40ODQxQzY0Ny45OTIgMjguODMwNiA2NDcuMTI2IDI4Ljk5NTQgNjQ2LjI2MiAyOC45OTU0QzY0My40MDIgMjguOTk1NCA2NDEuNTUyIDI3LjQ0MjIgNjQxLjU1MiAyNS4wNzkyQzY0MS41NTIgMjIuNzU5NCA2NDMuNDczIDIxLjEyMDIgNjQ2LjE1NiAyMS4xMjAyQzY0Ni45ODUgMjEuMTIwMiA2NDguMDQ0IDIxLjMxODIgNjQ4Ljg5MSAyMS42MTIzVjIzLjM4ODFDNjQ4LjIyMSAyMy4wNTYyIDY0Ny40NDQgMjIuODc0MSA2NDYuODA5IDIyLjg3NDFDNjQ1LjI3MyAyMi44NzQxIDY0NC4yODYgMjMuNzM0MyA2NDQuMjg2IDI1LjA2MTlDNjQ0LjI4NiAyNi40MDggNjQ1LjI1NiAyNy4yOTQgNjQ2LjcyIDI3LjI5NEM2NDcuMzM3IDI3LjI5NCA2NDcuODg2IDI3LjE2MjMgNjQ5LjAxNiAyNi43NjhMNjQ5LjAxNiAyOC40ODQxWk02NzEuMzIgMjQuMjA5QzY3MS40MjUgMjMuMTU0OCA2NzIuMDgxIDIyLjU0NTcgNjczLjA4NyAyMi41NDU3QzY3NC4wNzYgMjIuNTQ1NyA2NzQuNzQ2IDIzLjE3MjEgNjc0Ljg1MiAyNC4yMDlINjcxLjMyWk02NzIuOTEgMjEuMTIyOUM2NzAuNCAyMS4xMjI5IDY2OC42MTQgMjIuNzc1NSA2NjguNjE0IDI1LjEwMTJDNjY4LjYxNCAyNy40NDQxIDY3MC40NzEgMjguOTk1NCA2NzMuMzM1IDI4Ljk5NTRDNjczLjk3IDI4Ljk5NTQgNjc1LjUwNCAyOC45OTU0IDY3Ni45NjYgMjcuOTg3VjI2LjUwNDJDNjc1Ljc2OSAyNy4yOTkzIDY3NC45NzcgMjcuNTczMSA2NzMuOTU1IDI3LjU3MzFDNjcyLjM0MSAyNy41NzMxIDY3MS4zNTQgMjYuNzk0OSA2NzEuMjY1IDI1LjQ2NjZINjc3LjExQzY3Ny4yMzIgMjIuNjkzOSA2NzUuMjc5IDIxLjEyMjkgNjcyLjkxIDIxLjEyMjlWMjEuMTIyOVpNNjc4LjA5OSAyOC44NTcySDY4MC42NTRWMjEuMjYyN0g2NzguMDk5VjI4Ljg1NzJaTTY4Ny43NjcgMjYuNzgxNUM2ODcuMjM0IDI3LjIyODEgNjg2Ljc5MiAyNy40MDcyIDY4Ni4yNDYgMjcuNDA3MkM2ODUuMDQzIDI3LjQwNzIgNjg0LjI4MSAyNi40ODM4IDY4NC4yODEgMjUuMTAwNEM2ODQuMjgxIDIzLjU4NDEgNjg1LjA0MyAyMi43MTAxIDY4Ni4zMzEgMjIuNzEwMUM2ODYuNzkyIDIyLjcxMDEgNjg3LjM5NCAyMi45MDggNjg3Ljc2NyAyMy4xNTU5VjI2Ljc4MTVaTTY4Ny43NjcgMTcuNjM5MVYyMS41OTU4QzY4Ny4wNzYgMjEuMjg0NyA2ODYuMzg4IDIxLjEyMDIgNjg1LjY0NCAyMS4xMjAyQzY4My4zMTMgMjEuMTIwMiA2ODEuNyAyMi43MjY2IDY4MS43IDI1LjA1MDdDNjgxLjcgMjcuMzI0OCA2ODMuMzEzIDI4Ljk5NzQgNjg1LjUgMjguOTk3NEM2ODYuMzY3IDI4Ljk5NzQgNjg3LjAzNyAyOC43ODU2IDY4Ny43NjcgMjguMjQzNVYyOC44NTQ5SDY5MC4zMjJWMTcuNjM5MUg2ODcuNzY3Wk02OTQuMTA1IDI0LjIwOUM2OTQuMjExIDIzLjE1NDggNjk0Ljg2NCAyMi41NDU3IDY5NS44NjggMjIuNTQ1N0M2OTYuODU4IDIyLjU0NTcgNjk3LjUzNSAyMy4xNzIxIDY5Ny42NDEgMjQuMjA5SDY5NC4xMDVaTTY5NS42OTQgMjEuMTIyOUM2OTMuMTg0IDIxLjEyMjkgNjkxLjQgMjIuNzc1NSA2OTEuNCAyNS4xMDEyQzY5MS40IDI3LjQ0NDEgNjkzLjI1OSAyOC45OTU0IDY5Ni4xMTkgMjguOTk1NEM2OTYuNzUzIDI4Ljk5NTQgNjk4LjI5IDI4Ljk5NTQgNjk5Ljc1NSAyNy45ODdWMjYuNTA0MkM2OTguNTU3IDI3LjI5OTMgNjk3Ljc2MyAyNy41NzMxIDY5Ni43MzYgMjcuNTczMUM2OTUuMTMxIDI3LjU3MzEgNjk0LjE0IDI2Ljc5NDkgNjk0LjA1MSAyNS40NjY2SDY5OS44OTRDNzAwLjAxNSAyMi42OTM5IDY5OC4wNjEgMjEuMTIyOSA2OTUuNjk0IDIxLjEyMjkiIGZpbGw9IiMwMDlFNEQiLz4NCjxwYXRoIGQ9Ik03MDMuNzIxIDIzLjQzNjhINzAzLjc1OEM3MDQuNTE3IDIxLjg1NjIgNzA1LjM2NiAyMS4xMTUgNzA2LjM1MiAyMS4xMTVDNzA2Ljg2MiAyMS4xMTUgNzA3LjMwMyAyMS4yOTY0IDcwOC4wNDQgMjEuODA3Nkw3MDcuMzQxIDIzLjkxMzNDNzA2LjY3IDIzLjUxODYgNzA2LjIyOSAyMy4zNTM1IDcwNS44MjMgMjMuMzUzNUM3MDQuODg2IDIzLjM1MzUgNzA0LjI4NiAyNC4xNzc1IDcwMy43MjEgMjUuNTcwNFYyOC44NDY2SDcwMS4xNjJWMjEuMjU0MUg3MDMuNzIxVjIzLjQzNjhaTTY4MC43NzUgMTguMDY3NEM2ODEuMDE1IDE4LjY1NzUgNjgwLjU4MyAxOS40ODA1IDY3OS44MTQgMTkuOTA0QzY3OS4wNDEgMjAuMzI3MSA2NzguMjI0IDIwLjE5MjggNjc3Ljk4NiAxOS42MDI3QzY3Ny43NDMgMTkuMDExNyA2NzguMTczIDE4LjE4NzcgNjc4Ljk0NSAxNy43NjY2QzY3OS43MTYgMTcuMzQxMSA2ODAuNTMzIDE3LjQ3NTkgNjgwLjc3NSAxOC4wNjc0WiIgZmlsbD0iIzAwOUU0RCIvPg0KPHBhdGggZD0iTTY1OC4yMiAyNC4wMjMxQzY1OC4yMiAyMS45NjUxIDY1Ni43MTkgMjEuMTIyNiA2NTUuMjM5IDIxLjEyMjZDNjU0LjIzMiAyMS4xMjI2IDY1My40MDQgMjEuNTE4NCA2NTIuNjY0IDIyLjM5MjFINjUyLjYyOVYxNy42MzkySDY1MC4wNzFWMjguODM1M0g2NTIuNjI5VjI0LjAyMzFDNjUzLjIyOCAyMy4yMTYxIDY1My43MzggMjIuODcxMSA2NTQuMzM4IDIyLjg3MTFDNjU1LjEzNCAyMi44NzExIDY1NS42NjIgMjMuMzk4NiA2NTUuNjYyIDI0LjUzMjlWMjcuMjAwOEM2NTYuNTIgMjYuNzg5NiA2NTcuMzkzIDI2LjUzNzQgNjU4LjIyIDI2LjQ0MzhWMjQuMDIzMVpNNjY0LjYzNiAyMS4xMTk5QzY2My41OTQgMjEuMTE5OSA2NjIuNzk5IDIxLjQ4MTEgNjYxLjk4NCAyMi4zNDkzVjIxLjI2MjRINjU5LjQyOFYyNi40MjM0QzY2MC4zMTMgMjYuNTA1OCA2NjEuNDQzIDI2Ljg4NDcgNjYxLjk4NCAyNy41MTA0VjIzLjk2MzRDNjYyLjY1NyAyMy4wMjMyIDY2My4xMzQgMjIuNzA5NyA2NjMuNzcgMjIuNzA5N0M2NjQuNDk0IDIyLjcwOTcgNjY1LjA0NSAyMy4xNTU2IDY2NS4wNDUgMjQuMjI2NFYyOC44MzcySDY2Ny42MDJWMjQuMDI4OUM2NjcuNjAyIDIxLjc5MjYgNjY1LjkwOCAyMS4xMTk5IDY2NC42MzYgMjEuMTE5OVYyMS4xMTk5Wk02NjkuMDE1IDMxLjAxODFINjY2LjA0M1YzMi45ODY0SDY2OC45MDlWMzMuODMxMkg2NjYuMDQzVjM1Ljg2MTlINjY5LjEwM1YzNi43MDU1SDY2NS4wNDZWMzAuMTc1Mkg2NjkuMDE1TDY2OS4wMTUgMzEuMDE4MVpNNjcxLjQ0MiAzNi43MDkzSDY3Mi4zNTJWMzAuMTczM0g2NzEuNDQyVjM2LjcwOTNaTTY3Ni44NTkgMzMuMDQ4NEM2NzcuNTA0IDMzLjA0ODQgNjc3LjkwNCAzMy40NjMxIDY3Ny45MzUgMzQuMTE0Mkg2NzUuNjE2QzY3NS43NDIgMzMuNDM0MiA2NzYuMTYxIDMzLjA0ODQgNjc2Ljg1OSAzMy4wNDg0Wk02NzUuNiAzNC42ODFINjc4Ljg0MkM2NzguODQyIDMzLjA4NjkgNjc4LjA2MiAzMi4zMTggNjc2LjgzOCAzMi4zMThDNjc1LjU2OSAzMi4zMTggNjc0LjY4OCAzMy4xOTI0IDY3NC42ODggMzQuNDk2OUM2NzQuNjg4IDM1LjY4OSA2NzUuNDg0IDM2Ljc4OTggNjc2LjkxNyAzNi43ODk4QzY3Ny42OTggMzYuNzg5OCA2NzguMjAzIDM2LjYyODEgNjc4Ljc2MyAzNi4yODJWMzUuNDU2QzY3OC4yMjIgMzUuNzg1NiA2NzcuNjk4IDM1Ljk3NTggNjc3LjE0NyAzNS45NzU4QzY3Ni4yNjUgMzUuOTc1OCA2NzUuNzQyIDM1LjUzNSA2NzUuNiAzNC42ODA2VjM0LjY4MVpNNjg0Ljc4NiAzMy41MzA5QzY4NC4yNjMgMzMuMTk2NiA2ODMuOTE0IDMzLjA5ODUgNjgzLjUxNSAzMy4wOTg1QzY4Mi42ODIgMzMuMDk4NSA2ODIuMTA1IDMzLjY5NDUgNjgyLjEwNSAzNC41NjdDNjgyLjEwNSAzNS40NTYgNjgyLjcxOSAzNS45OTE2IDY4My42NjggMzUuOTkxNkM2ODQuMDU4IDM1Ljk5MTYgNjg0LjQzIDM1Ljg5NzMgNjg0Ljg4OCAzNS43MDU5VjM2LjU0MjZDNjg0LjU4MiAzNi42Nzc0IDY4My45OTcgMzYuNzg5OCA2ODMuNTE1IDM2Ljc4OThDNjgyLjEzNiAzNi43ODk4IDY4MS4xOCAzNS45MDYyIDY4MS4xOCAzNC42NDMyQzY4MS4xOCAzMy4yMTc4IDY4Mi4wNTQgMzIuMzE4IDY4My40NTMgMzIuMzE4QzY4My45ODcgMzIuMzE4IDY4NC4zNDYgMzIuNDMzOSA2ODQuNzg3IDMyLjYxNDVMNjg0Ljc4NiAzMy41MzA5Wk02ODguOTM0IDMyLjQwMDRINjkwLjM5NVYzMy4xNjUxSDY4OC45MzRWMzUuMzc1MkM2ODguOTM0IDM1Ljg4MTEgNjg5LjMyNyAzNi4wMjc0IDY4OS41OTMgMzYuMDI3NEM2ODkuOTIyIDM2LjAyNzQgNjkwLjI2MiAzNS45MiA2OTAuNjMgMzUuNzA3OVYzNi41MDM3QzY5MC4zMSAzNi42Njc4IDY4OS44MiAzNi43ODk4IDY4OS41MTkgMzYuNzg5OEM2ODguNTI4IDM2Ljc4OTggNjg4LjAyNyAzNi4yMTYxIDY4OC4wMjcgMzUuNDM5MVYzMy4xNjUxSDY4Ny4yMjRWMzMuMDcwM0w2ODguOTM0IDMxLjUxMDJWMzIuNDAwNFpNNjkzLjg3NiAzMi40MDA0VjMzLjM5NjlINjkzLjg5NUM2OTQuMzU5IDMyLjYzNDUgNjk0LjggMzIuMzE4IDY5NS4yMyAzMi4zMThDNjk1LjYwMSAzMi4zMTggNjk1Ljk0NyAzMi40ODAxIDY5Ni4zMjkgMzIuODE2Nkw2OTUuODQ3IDMzLjU2NDRDNjk1LjU3IDMzLjMwOTEgNjk1LjIxMSAzMy4xMzMxIDY5NC45OTUgMzMuMTMzMUM2OTQuMzY4IDMzLjEzMzEgNjkzLjg3NiAzMy43MjY4IDY5My44NzYgMzQuNDYyNlYzNi43MDkzSDY5Mi45NjdWMzIuNDAwNEg2OTMuODc2Wk03MDUuNjU3IDMzLjUzMDlDNzA1LjEzMSAzMy4xOTY2IDcwNC43ODIgMzMuMDk4NSA3MDQuMzgxIDMzLjA5ODVDNzAzLjU0OSAzMy4wOTg1IDcwMi45NzcgMzMuNjk0NSA3MDIuOTc3IDM0LjU2N0M3MDIuOTc3IDM1LjQ1NiA3MDMuNTkyIDM1Ljk5MTYgNzA0LjUzNSAzNS45OTE2QzcwNC45MjUgMzUuOTkxNiA3MDUuMjk1IDM1Ljg5NzMgNzA1Ljc2IDM1LjcwNTlWMzYuNTQyNkM3MDUuNDQ3IDM2LjY3NzQgNzA0Ljg2MiAzNi43ODk4IDcwNC4zOCAzNi43ODk4QzcwMy4wMDQgMzYuNzg5OCA3MDIuMDQ0IDM1LjkwNjIgNzAyLjA0NCAzNC42NDMyQzcwMi4wNDQgMzMuMjE3OCA3MDIuOTIyIDMyLjMxOCA3MDQuMzIgMzIuMzE4QzcwNC44NTUgMzIuMzE4IDcwNS4yMTIgMzIuNDMzOSA3MDUuNjU3IDMyLjYxNDVMNzA1LjY1NyAzMy41MzA5Wk02OTguNzQyIDM2LjcwOTNINjk5LjY1MlYzMi40MDA4SDY5OC43NDJWMzYuNzA5M1oiIGZpbGw9IiMwMDlFNEQiLz4NCjxwYXRoIGQ9Ik02OTkuNjg0IDMwLjg1MjVDNjk5Ljc3MyAzMS4wNjA0IDY5OS42MTggMzEuMzU0NCA2OTkuMzQ0IDMxLjUwNDFDNjk5LjA2OCAzMS42NTQzIDY5OC43NzYgMzEuNjA2MiA2OTguNjkzIDMxLjM5NzhDNjk4LjYxIDMxLjE4NzQgNjk4Ljc2MSAzMC44OTU4IDY5OS4wMzggMzAuNzQ1NkM2OTkuMzExIDMwLjU5MzUgNjk5LjYwMSAzMC42NDIxIDY5OS42ODQgMzAuODUyNVYzMC44NTI1Wk02NTguOTQgMzEuMjAwOUM2NTguNzc5IDMxLjIwMDkgNjU4LjcxMSAzMS4yMjU1IDY1OC42NDYgMzEuMjkzOEM2NTguNjIgMzEuMzIwMyA2NTguNjEgMzEuMzQ3MiA2NTguNiAzMS40MDExTDY1Ny43ODQgMzQuMjg3QzY1Ny41OTMgMzUuMjk5MiA2NTYuMjU5IDM2LjMwOTkgNjU0LjUyMSAzNi4zMDk5SDY1Mi4xMDRMNjUyLjUyMyAzNC44MjdINjU0LjA3NkM2NTQuMjM0IDM0LjgyNyA2NTQuMzU4IDM0Ljc3MjEgNjU0LjQ2MiAzNC42NjQzQzY1NC41IDM0LjYyMjUgNjU0LjU1IDM0LjU1NyA2NTQuNTU2IDM0LjQ4OTZMNjU1LjIwMSAzMS45NjgxQzY1NS4zOTEgMzAuOTU1NSA2NTYuNTM4IDI5LjgzNjkgNjU4LjI3NiAyOS44MzY5SDY2MC43NTFMNjYwLjQzNSAzMS4yMDA5SDY1OC45NFpNNjU5LjQ5NyAzMi45NTk2TDY1OS43NzMgMzIuMDI1OUg2NjIuMjg4QzY2Mi41OTggMzAuNjcyIDY2Mi4zNTQgMjkuNDE3NyA2NjEuNDczIDI4LjU5NjFDNjU5LjY4OSAyNi45MzMyIDY1NS45NTcgMjcuNDk4MyA2NTMuMTc3IDI5Ljk3NzlDNjUyLjc0MyAzMC4zNjMgNjUyLjM3NiAzMC43NzkzIDY1Mi4wNDIgMzEuMjA0OEg2NTMuNTU2TDY1My4yMDQgMzIuMTQwNEg2NTEuMzk1QzY1MS4yMjIgMzIuNDM1NCA2NTEuMDYgMzIuNzI4MSA2NTAuOTM2IDMzLjAyNUg2NTMuMDgxTDY1Mi43MzcgMzMuOTYwN0g2NTAuNjNDNjUwLjI2OSAzNS4zOTAxIDY1MC40OTkgMzYuNzIzMyA2NTEuNDA2IDM3LjU2OTlDNjUzLjE2NyAzOS4yMTE2IDY1Ni44ODggMzguNjM0NiA2NTkuNjY3IDM2LjE1NTRDNjYwLjE1MyAzNS43MjQyIDY2MC41NTUgMzUuMjU4NyA2NjAuOTE4IDM0Ljc4MDhINjU4Ljk3M0w2NTkuMjY5IDMzLjg0NzFINjYxLjU0M0M2NjEuNzEgMzMuNTUwMSA2NjEuODYzIDMzLjI1NjUgNjYxLjk4MyAzMi45NTk2SDY1OS40OTdaIiBmaWxsPSIjMDA5RTREIi8+DQo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNThfMTExKSI+DQo8cGF0aCBkPSJNNzc1LjA2OCA0MS4yMjc0Qzc2Ni4yODUgNDIuMDQ2MyA3NTcuMTMxIDQwLjc1NjQgNzU1Ljg0OCAzMy44MTlDNzU1LjIyMSAzMC4zOTkgNzU2Ljc2NSAyNi43NzI1IDc1OC44MSAyNC41MTg0VjIzLjMxNDhDNzU1LjEyNiAyNi41OCA3NTMuMTMgMzAuNzExNSA3NTQuMjggMzUuNTkyQzc1NS43NDggNDEuODUxOCA3NjMuNjAzIDQ1LjM5NjcgNzc1LjU5NSA0NC4yMTk1Qzc4MC4zNDIgNDMuNzU0NSA3ODYuNTUgNDIuMjEyIDc5MC44NjkgMzkuODE0NFYzNi40MTA5Qzc4Ni45NDkgMzguNzcxMyA3ODAuNDY4IDQwLjcyMTEgNzc1LjA2OCA0MS4yMjc0VjQxLjIyNzRaTTc5OC4yMDUgMjMuMjMzNUM3OTYuMTIyIDEyLjk1MzMgNzc2LjM3MyAxMi4zMDE2IDc2My42NDMgMjAuMTMzOFYyMC45OTg5Qzc3Ni4zNTkgMTQuMzkxNSA3OTQuMzk1IDE0LjQzMTcgNzk2LjAzNyAyMy45MDE2Qzc5Ni41ODkgMjcuMDM0MiA3OTQuODQzIDMwLjI5NzggNzkxLjcyMyAzMi4xNzdWMzQuNjM0MkM3OTUuNDc2IDMzLjI0MzIgNzk5LjMyNCAyOC43NDQyIDc5OC4yMDUgMjMuMjMzNVYyMy4yMzM1WiIgZmlsbD0iIzBFN0RDMiIvPg0KPHBhdGggZD0iTTc5MC4xNTkgMjEuNzM2OEg3ODcuODU2VjMyLjEwM0M3ODcuODU2IDMzLjMxNzkgNzg4LjQzNyAzNC4zNzQ0IDc5MC4xNTkgMzQuNTQzMlYyMS43MzY4Wk03NjIuNzM5IDI1LjUyMTdINzYwLjQzMkw3NjAuNDMxIDMyLjI5NDNDNzYwLjQzMSAzMy41MTM0IDc2MS4wMTMgMzQuNTY4OCA3NjIuNzM5IDM0LjczNDRWMjUuNTIxN1YyNS41MjE3Wk03NjAuNDMyIDIyLjA1MjFINzYyLjczMlYyNC4yNTg0SDc2MC40MzJWMjIuMDUyMVpNNzc2LjUzIDM0LjYyNzJDNzc0LjY2NiAzNC42MjcyIDc3My44NzcgMzMuMzE3NyA3NzMuODc3IDMyLjAyOFYyMy4wMzU1SDc3Ni4xNlYyNS41MjE3SDc3Ny44NzlWMjcuMzg1M0g3NzYuMTZWMzEuODg1NEM3NzYuMTYgMzIuNDExMyA3NzYuNDA3IDMyLjcwNDQgNzc2Ljk1IDMyLjcwNDRINzc3Ljg3OVYzNC42MjcyTDc3Ni41MyAzNC42MjcyVjM0LjYyNzJaTTc4MC43MzEgMzAuNzk2MUM3ODAuNzMxIDMxLjk3NjggNzgxLjQ2MSAzMi44NDQ2IDc4Mi43NTQgMzIuODQ0NkM3ODMuNzY2IDMyLjg0NDYgNzg0LjI2NiAzMi41NjA1IDc4NC44NSAzMS45NzY4TDc4Ni4yNjEgMzMuMzM0OUM3ODUuMzU3IDM0LjIzNzkgNzg0LjQwOSAzNC43ODcgNzgyLjczNyAzNC43ODdDNzgwLjU1MiAzNC43ODcgNzc4LjQ1OSAzMy41ODE5IDc3OC40NTkgMzAuMDY4NkM3NzguNDU5IDI3LjA2NTEgNzgwLjI4OCAyNS4zNjczIDc4Mi42ODYgMjUuMzY3M0M3ODUuMTI0IDI1LjM2NzMgNzg2LjUyNSAyNy4zNTQ5IDc4Ni41MjUgMjkuOTYzOVYzMC43OTYzSDc4MC43MzFWMzAuNzk2MVpNNzgyLjU4NiAyNy4yNzU2Qzc4MS44MDUgMjcuMjc1NiA3ODEuMjA0IDI3LjY4MjMgNzgwLjk1IDI4LjIzMDlDNzgwLjgwMiAyOC41NjA3IDc4MC43NDcgMjguODE3NyA3ODAuNzMxIDI5LjIyMjlINzg0LjI0OUM3ODQuMjA0IDI4LjIzMDkgNzgzLjc1OSAyNy4yNzU2IDc4Mi41ODYgMjcuMjc1NlpNNzY4LjkzOSAyNy4zODUzQzc2OS42MDggMjcuMzg1MyA3NjkuODg3IDI3LjcxOTggNzY5Ljg4NyAyOC4yNjI2VjM0LjY0MDZINzcyLjE3VjI4LjI0OTJDNzcyLjE3IDI2Ljk1NDIgNzcxLjQ4NyAyNS41MjQxIDc2OS40ODIgMjUuNTI0MUw3NjQuNzY2IDI1LjUyMTdWMzQuNjQwNkg3NjcuMDVWMjcuMzg1M0g3NjguOTM5VjI3LjM4NTNaTTc5Mi42MzcgMjMuNTg5MUM3OTIuMTI5IDIzLjU4OTEgNzkxLjcyNCAyMy4xNzU0IDc5MS43MjQgMjIuNjYyOUM3OTEuNzI0IDIyLjE1MjkgNzkyLjEyOSAyMS43MzY4IDc5Mi42MzcgMjEuNzM2OEM3OTMuMTQyIDIxLjczNjggNzkzLjU1NiAyMi4xNTI5IDc5My41NTYgMjIuNjYyOUM3OTMuNTU2IDIzLjE3NTQgNzkzLjE0MiAyMy41ODkxIDc5Mi42MzcgMjMuNTg5MVpNNzkyLjYzNyAyMS44OTEyQzc5Mi4yMTggMjEuODkxMiA3OTEuODgyIDIyLjI0MDcgNzkxLjg4MiAyMi42NjI5Qzc5MS44ODIgMjMuMDg3NiA3OTIuMjE4IDIzLjQzMDkgNzkyLjYzNyAyMy40MzA5Qzc5My4wNTUgMjMuNDMwOSA3OTMuNDAyIDIzLjA4NzYgNzkzLjQwMiAyMi42NjI5Qzc5My40MDIgMjIuMjQwNyA3OTMuMDU1IDIxLjg5MTIgNzkyLjYzNyAyMS44OTEyWk03OTMuMDQzIDIzLjIxOEg3OTIuODcyQzc5Mi44NjQgMjMuMjE3OSA3OTIuODU3IDIzLjIxNTcgNzkyLjg1MSAyMy4yMTE2Qzc5Mi44NDUgMjMuMjA3NSA3OTIuODQgMjMuMjAxNyA3OTIuODM3IDIzLjE5NDlMNzkyLjYwNSAyMi43OTdDNzkyLjU5OCAyMi43ODg1IDc5Mi41NzkgMjIuNzc4OCA3OTIuNTczIDIyLjc3ODhINzkyLjQ2N1YyMy4xNzU0Qzc5Mi40NjcgMjMuMTk1IDc5Mi40NTMgMjMuMjE4MSA3OTIuNDI4IDIzLjIxODFINzkyLjI3NEM3OTIuMjUxIDIzLjIxODEgNzkyLjIzNSAyMy4xOTUgNzkyLjIzNSAyMy4xNzU0VjIyLjE3NDlDNzkyLjIzNSAyMi4xMTY0IDc5Mi4yNTQgMjIuMDkyNCA3OTIuMzA1IDIyLjA4NUM3OTIuMzYxIDIyLjA3OSA3OTIuNTA1IDIyLjA3MTYgNzkyLjU4NiAyMi4wNzE2Qzc5Mi44NzIgMjIuMDcxNiA3OTMuMDM5IDIyLjE1NjYgNzkzLjAzOSAyMi40MjQ0VjIyLjQ0NEM3OTMuMDM5IDIyLjYwOTQgNzkyLjk1OSAyMi42OTk1IDc5Mi44MzMgMjIuNzM5N0w3OTMuMDc0IDIzLjE1NDdDNzkzLjA3OCAyMy4xNjQgNzkzLjA4IDIzLjE3MzkgNzkzLjA4IDIzLjE4NEM3OTMuMDggMjMuMTk5NyA3OTMuMDcyIDIzLjIxOCA3OTMuMDQzIDIzLjIxOFYyMy4yMThaTTc5Mi44MjEgMjIuNDI0NEM3OTIuODIxIDIyLjMxMjcgNzkyLjc1MiAyMi4yNzczIDc5Mi42MDUgMjIuMjc3M0g3OTIuNDU5VjIyLjU5NDdDNzkyLjQ4MiAyMi41OTQ3IDc5Mi41ODYgMjIuNTk5NiA3OTIuNjA1IDIyLjU5OTZDNzkyLjc1MiAyMi41OTk2IDc5Mi44MjEgMjIuNTUgNzkyLjgyMSAyMi40NDRWMjIuNDI0NFoiIGZpbGw9IiMwRTdEQzIiLz4NCjwvZz4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMV81OF8xMTEpIj4NCjxwYXRoIGQ9Ik01MzMuNzczIDIwLjk5MTFDNTI5LjI2MyAyMC45OTExIDUyNS41OTkgMjQuNjU0NyA1MjUuNTk5IDI5LjE2NDRDNTI1LjU5OSAzMy42NzQxIDUyOS4yNjMgMzcuMzM3NyA1MzMuNzczIDM3LjMzNzdDNTM4LjI4MiAzNy4zMzc3IDU0MS45NDYgMzMuNjc0MSA1NDEuOTQ2IDI5LjE2NDRDNTQxLjk0NiAyNC42NTQ3IDUzOC4yODIgMjAuOTkxMSA1MzMuNzczIDIwLjk5MTFaTTUzMy43NzMgMzYuNTE4NkM1MjkuNzEzIDM2LjUxODYgNTI2LjQxOSAzMy4yMTUgNTI2LjQxOSAyOS4xNjQ0QzUyNi40MTkgMjUuMTEzNyA1MjkuNzEzIDIxLjgxMDIgNTMzLjc3MyAyMS44MTAyQzUzNy44MzIgMjEuODEwMiA1NDEuMTI3IDI1LjExMzcgNTQxLjEyNyAyOS4xNjQ0QzU0MS4xMjcgMzMuMjE1IDUzNy44MzIgMzYuNTE4NiA1MzMuNzczIDM2LjUxODZaIiBmaWxsPSJibGFjayIvPg0KPHBhdGggZD0iTTUzNi42OSAyMy45MjUyQzUzNi42NjMgMjMuOTA3MiA1MzYuNjI3IDIzLjg5ODIgNTM2LjU5MSAyMy44OTgyQzUzNi40ODMgMjMuODk4MiA1MzYuNDAyIDIzLjk3OTIgNTM2LjQwMiAyNC4wODczVjI2LjY0MzdDNTM2LjQwMiAyNi43MzM3IDUzNi4zMyAyNi44MDU3IDUzNi4yNCAyNi44MDU3SDUzMS4yOUM1MzEuMiAyNi44MDU3IDUzMS4xMzcgMjYuNzMzNyA1MzEuMTI4IDI2LjY0MzdWMjQuMDg3M0M1MzEuMTI4IDI0LjA1MTMgNTMxLjExOSAyNC4wMjQyIDUzMS4xMDEgMjMuOTg4MkM1MzEuMDQ3IDIzLjg5ODIgNTMwLjkzIDIzLjg3MTIgNTMwLjgzOSAyMy45MjUyQzUyOS4wMTIgMjUuMDUwNCA1MjcuOTA1IDI3LjAwMzcgNTI3LjkwNSAyOS4xNjQxQzUyNy45MDUgMzEuMzI0NCA1MjkuMDEyIDMzLjI3NzcgNTMwLjg1NyAzNC40MDI5QzUzMC44ODUgMzQuNDIwOSA1MzAuOTIxIDM0LjQyOTkgNTMwLjk1NyAzNC40Mjk5QzUzMS4wNjUgMzQuNDI5OSA1MzEuMTQ2IDM0LjM0ODkgNTMxLjE0NiAzNC4yNDA5VjMxLjY4NDVDNTMxLjE0NiAzMS41OTQ0IDUzMS4yMTggMzEuNTMxNCA1MzEuMzA4IDMxLjUyMjRINTM2LjI1OEM1MzYuMzQ4IDMxLjUyMjQgNTM2LjQyIDMxLjU5NDQgNTM2LjQyIDMxLjY4NDVWMzQuMjQwOUM1MzYuNDIgMzQuMjc2OSA1MzYuNDI5IDM0LjMwMzkgNTM2LjQ0NyAzNC4zMzk5QzUzNi41MDEgMzQuNDI5OSA1MzYuNjE4IDM0LjQ1NjkgNTM2LjcwOCAzNC40MDI5QzUzOC41NTQgMzMuMjc3NyA1MzkuNjYxIDMxLjMyNDQgNTM5LjY2MSAyOS4xNjQxQzUzOS42NjEgMjcuMDAzNyA1MzguNTM2IDI1LjA1MDQgNTM2LjY5IDIzLjkyNTJWMjMuOTI1MlpNNTMwLjE5MSAzMi4zNjg2TDUzMC4yMTggMzIuNjc0Nkw1MzAuMDIgMzIuNDMxNkM1MjguNDk5IDMwLjUxNDMgNTI4LjQ5OSAyNy44MDQ4IDUzMC4wMiAyNS44ODc1TDUzMC4xOTEgMjUuNjcxNUw1MzAuMjE4IDI1LjY0NDVMNTMwLjE5MSAyNS45NTk2QzUzMC4xNjQgMjYuMjExNiA1MzAuMTU1IDI2LjQ3MjYgNTMwLjE1NSAyNi43MzM3VjMxLjU4NTRDNTMwLjE1NSAzMS44NDY1IDUzMC4xNzMgMzIuMTA3NSA1MzAuMTkxIDMyLjM2ODZaTTUzNi40MDIgMzAuMzg4M0M1MzYuNDAyIDMwLjQ3ODMgNTM2LjMzIDMwLjU1MDMgNTM2LjI0IDMwLjU1MDNINTMxLjI5QzUzMS4yIDMwLjU1MDMgNTMxLjEzNyAzMC40NzgzIDUzMS4xMjggMzAuMzg4M1YyNy45Mzk5QzUzMS4xMjggMjcuODQ5OSA1MzEuMiAyNy43Nzc4IDUzMS4yOSAyNy43Nzc4SDUzNi4yNEM1MzYuMzMgMjcuNzc3OCA1MzYuNDAyIDI3Ljg0OTkgNTM2LjQwMiAyNy45Mzk5VjMwLjM4ODNaTTUzNy41MTkgMzIuNDMxNkw1MzcuMzIxIDMyLjY3NDZMNTM3LjM0OCAzMi4zNjg2QzUzNy4zNzUgMzIuMTE2NSA1MzcuMzg0IDMxLjg1NTUgNTM3LjM4NCAzMS41OTQ0VjI2LjczMzdDNTM3LjM4NCAyNi40NzI2IDUzNy4zNzUgMjYuMjExNiA1MzcuMzQ4IDI1Ljk1OTZMNTM3LjMzOSAyNS44MjQ1TDUzNy4zMyAyNS42ODA1VjI1LjY0NDVMNTM3LjUxOSAyNS44ODc1QzUzOC4yNTcgMjYuODA1NyA1MzguNjYyIDI3Ljk3NTkgNTM4LjY2MiAyOS4xNTUxQzUzOC42NjIgMzAuMzM0MiA1MzguMjU3IDMxLjUxMzQgNTM3LjUxOSAzMi40MzE2VjMyLjQzMTZaIiBmaWxsPSJibGFjayIvPg0KPHBhdGggZD0iTTU1NC4yNzYgMjkuMDIwMkM1NTQuMjMxIDI5LjAwMjIgNTU0LjE3NyAyOC45ODQyIDU1NC4xNzcgMjguOTMwMkM1NTQuMTc3IDI4Ljg5NDIgNTU0LjE5NSAyOC44NjcyIDU1NC4yMzEgMjguODQ5MkM1NTQuMjk0IDI4LjgyMjIgNTU1Ljg1MSAyOC4yNjQxIDU1NS44NTEgMjYuNDI3OEM1NTUuODUxIDI0LjM4NDUgNTU0LjQ3NCAyMy4xNjkzIDU1Mi4xNTIgMjMuMTY5M0g1NDYuNTI2VjM1LjE3NzJINTUyLjY2NUM1NTQuNDU2IDM1LjE3NzIgNTU2LjM4MiAzMy45MDggNTU2LjM4MiAzMS44NjQ2QzU1Ni4zODIgMjkuOTExMyA1NTQuOTA2IDI5LjIyNzIgNTU0LjI3NiAyOS4wMjAyVjI5LjAyMDJaTTU0OS4zNjEgMjUuNjI2N0M1NDkuMzYxIDI1LjU4MTcgNTQ5LjM5NyAyNS41NDU2IDU0OS40NDIgMjUuNTQ1Nkg1NTEuNjc1QzU1Mi40MTMgMjUuNTQ1NiA1NTIuOTE3IDI2LjA0MDcgNTUyLjkxNyAyNi43Nzg4QzU1Mi45MTcgMjcuMzU0OSA1NTIuNDY3IDI3Ljk3NiA1NTEuNjIxIDI3Ljk3Nkg1NDkuNDQyQzU0OS4zOTcgMjcuOTc2IDU0OS4zNjEgMjcuOTQgNTQ5LjM2MSAyNy44OTVWMjUuNjI2N1pNNTUxLjY3NSAzMi44MDk4SDU0OS40NDJDNTQ5LjM5NyAzMi44MDk4IDU0OS4zNjEgMzIuNzczOCA1NDkuMzYxIDMyLjcyODhWMzAuMzM0NEM1NDkuMzYxIDMwLjI4OTQgNTQ5LjM5NyAzMC4yNTM0IDU0OS40NDIgMzAuMjUzNEg1NTEuNjIxQzU1Mi42OTIgMzAuMjUzNCA1NTMuMzA0IDMwLjcxMjUgNTUzLjMwNCAzMS41MjI2QzU1My4zMDQgMzIuMzU5NyA1NTIuNzM3IDMyLjgwOTggNTUxLjY3NSAzMi44MDk4VjMyLjgwOThaTTU3NS4zODQgMjcuOTQ5TDU3NC45NTIgMjcuODU5QzU3My45OCAyNy42NTIgNTczLjAzNSAyNy4zOTA5IDU3My4wMzUgMjYuNTUzOEM1NzMuMDM1IDI1LjcxNjcgNTczLjgxOCAyNS4zMzg2IDU3NC41OTIgMjUuMzM4NkM1NzUuNTAxIDI1LjMzODYgNTc2LjQwMSAyNS43NDM3IDU3Ny4wODYgMjYuNDQ1OEw1NzguODY4IDI0LjY4MTVDNTc4LjEwMyAyMy44MzU0IDU3Ni43NDQgMjIuODYzMiA1NzQuNTQ3IDIyLjg2MzJDNTcxLjkwMSAyMi44NjMyIDU3MC4xMTggMjQuMzY2NSA1NzAuMTE4IDI2LjYwNzhDNTcwLjExOCAyOC45NzUyIDU3MS45ODIgMjkuODY2MyA1NzMuNTQ4IDMwLjE5OTRMNTczLjk3MSAzMC4yODk0QzU3NS40OTIgMzAuNjEzNSA1NzYuMjEyIDMwLjg1NjUgNTc2LjIxMiAzMS43MjA2QzU3Ni4yMTIgMzIuNDk0NyA1NzUuNTE5IDMzLjAwNzggNTc0LjQ5MyAzMy4wMDc4QzU3My4yODcgMzMuMDA3OCA1NzIuMjE2IDMyLjQ3NjcgNTcxLjQwNiAzMS40Nzc2TDU2OS41NzggMzMuMjY4OUM1NzAuNTUxIDM0LjQyMTEgNTcxLjgzOCAzNS40NjUyIDU3NC41MjkgMzUuNDY1MkM1NzYuODI1IDM1LjQ2NTIgNTc5LjE1NiAzNC4xMzMgNTc5LjE1NiAzMS41NzY2QzU3OS4xNDcgMjguOTU3MiA1NzcuMzY1IDI4LjM2MzEgNTc1LjM4NCAyNy45NDlWMjcuOTQ5Wk01OTkuMTAzIDIzLjE2OTNWMjcuNTYyQzU5OS4xMDMgMjcuNjA3IDU5OS4wNjcgMjcuNjQzIDU5OS4wMjIgMjcuNjQzSDU5NS4zMzFDNTk1LjI4NiAyNy42NDMgNTk1LjI1IDI3LjYwNyA1OTUuMjUgMjcuNTYyVjIzLjE2OTNINTkyLjIyNlYzNS4xNzcySDU5NS4yNVYzMC40NjA0QzU5NS4yNSAzMC40MTU0IDU5NS4yODYgMzAuMzc5NCA1OTUuMzMxIDMwLjM3OTRINTk5LjAyMkM1OTkuMDY3IDMwLjM3OTQgNTk5LjEwMyAzMC40MTU0IDU5OS4xMDMgMzAuNDYwNFYzNS4xNzcySDYwMi4xNDZWMjMuMTY5M0g1OTkuMTAzWk01ODYuMTQxIDMyLjcxOThDNTg0Ljc4MiAzMi43MTk4IDU4My4zMTUgMzEuNTg1NiA1ODMuMzE1IDI5LjA5MjJDNTgzLjMxNSAyNi44MTQ4IDU4NC42OTIgMjUuNjI2NyA1ODYuMDUxIDI1LjYyNjdDNTg3LjA0MSAyNS42MjY3IDU4Ny43MzQgMjYuMDQwNyA1ODguMjgzIDI2Ljk1ODlMNTkwLjYwNiAyNS40MTk2QzU4OS40MTggMjMuNjczMyA1ODguMDA0IDIyLjg4MTIgNTg2LjAzMyAyMi44ODEyQzU4Mi4xNzEgMjIuODgxMiA1ODAuNDQzIDI2LjAwNDcgNTgwLjQ0MyAyOS4wOTIyQzU4MC40NDMgMzIuODQ1OCA1ODIuNzI5IDM1LjQ2NTIgNTg1Ljk5NyAzNS40NjUyQzU4OC40MjcgMzUuNDY1MiA1ODkuNTM1IDM0LjU3NDEgNTkwLjY5NiAzMi45MjY4TDU4OC4zNTUgMzEuMzUxNkM1ODcuODMzIDMyLjE5NzcgNTg3LjI2NiAzMi43MTk4IDU4Ni4xNDEgMzIuNzE5OFpNNTYzLjE3OCAyMi44NjMyQzU1OS44NzUgMjIuODYzMiA1NTcuNjYxIDI1LjM5MjYgNTU3LjY2MSAyOS4xNjQyQzU1Ny42NjEgMzIuOTM1OCA1NTkuODc1IDM1LjQ2NTIgNTYzLjE3OCAzNS40NjUyQzU2Ni40ODIgMzUuNDY1MiA1NjguNjk2IDMyLjkzNTggNTY4LjY5NiAyOS4xNjQyQzU2OC42OTYgMjUuMzkyNiA1NjYuNDgyIDIyLjg2MzIgNTYzLjE3OCAyMi44NjMyVjIyLjg2MzJaTTU2My4xNzggMzIuNzE5OEM1NjEuNTU4IDMyLjcxOTggNTYwLjUxNCAzMS4zMjQ2IDU2MC41MTQgMjkuMTY0MkM1NjAuNTE0IDI3LjAxMjkgNTYxLjU1OCAyNS42MjY3IDU2My4xNzggMjUuNjI2N0M1NjQuODA4IDI1LjYyNjcgNTY1Ljg2MSAyNy4wMTI5IDU2NS44NjEgMjkuMTY0MkM1NjUuODYxIDMxLjMyNDYgNTY0LjgwOCAzMi43MTk4IDU2My4xNzggMzIuNzE5OFoiIGZpbGw9IiNGODAwMDAiLz4NCjwvZz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQ2LjM0NCAyMi4xODExQzE0Ny41OTUgMjIuMjg1NCAxNDguODQ1IDIxLjU1NTMgMTQ5LjYyNyAyMC42Mjk4QzE1MC4zOTUgMTkuNjc4MSAxNTAuOTAzIDE4LjQwMDUgMTUwLjc3MyAxNy4wOTY5QzE0OS42NjYgMTcuMTQ5MSAxNDguMjk4IDE3LjgyNjkgMTQ3LjUxNyAxOC43Nzg2QzE0Ni44IDE5LjU5OTkgMTQ2LjE4OCAyMC45Mjk2IDE0Ni4zNDQgMjIuMTgxMVpNMTQ3Ljg0MSAyMy4wNzk3QzE0OC42NTMgMjIuNzYwNiAxNDkuNjU4IDIyLjM2NTYgMTUwLjc2IDIyLjQyOTFDMTUxLjQ2MyAyMi40ODEyIDE1My40OTUgMjIuNjg5OCAxNTQuNzk4IDI0LjYxOTJDMTU0Ljc5MiAyNC42MjM3IDE1NC43NzggMjQuNjMyMyAxNTQuNzU5IDI0LjY0NUMxNTQuNDM2IDI0Ljg1NDggMTUyLjM5IDI2LjE4NzEgMTUyLjQxNCAyOC44MTY5QzE1Mi40MzkgMzEuOTQ5OSAxNTQuOTg4IDMzLjExODMgMTU1LjMyMiAzMy4yNzExQzE1NS4zNDQgMzMuMjgxMSAxNTUuMzU2IDMzLjI4NjcgMTU1LjM1OCAzMy4yODgzQzE1NS4zNTYgMzMuMjkyNiAxNTUuMzU0IDMzLjMwMSAxNTUuMzUgMzMuMzEzM0MxNTUuMjgzIDMzLjUyODggMTU0Ljg0NSAzNC45NDg5IDE1My44NDcgMzYuNDA0QzE1Mi45MjIgMzcuNzU5OCAxNTEuOTcxIDM5LjA4OTUgMTUwLjQ2IDM5LjExNTZDMTQ5Ljc0OSAzOS4xMjgzIDE0OS4yNyAzOC45MjExIDE0OC43NzIgMzguNzA1NEMxNDguMjQ3IDM4LjQ3ODUgMTQ3LjcwMSAzOC4yNDIyIDE0Ni44NCAzOC4yNDIyQzE0NS45NDcgMzguMjQyMiAxNDUuMzc2IDM4LjQ4NDggMTQ0LjgyNiAzOC43MTg0QzE0NC4zNDggMzguOTIxNCAxNDMuODg3IDM5LjExNzQgMTQzLjI0NSAzOS4xNDE3QzE0MS43ODYgMzkuMTkzOCAxNDAuNjc5IDM3LjcwNzcgMTM5Ljc1NCAzNi4zNTE5QzEzNy44NjYgMzMuNjE0MyAxMzYuNDIgMjguNjM0NCAxMzguMzc0IDI1LjI3MUMxMzkuMzI1IDIzLjU4OTMgMTQxLjA1NyAyMi41MzM0IDE0Mi45MTkgMjIuNTA3M0MxNDMuNzMyIDIyLjQ5MjUgMTQ0LjUwNyAyMi44MDA2IDE0NS4xODQgMjMuMDcwMUMxNDUuNzAyIDIzLjI3NTggMTQ2LjE2MiAyMy40NTg5IDE0Ni41NCAyMy40NTg5QzE0Ni44NzcgMjMuNDU4OSAxNDcuMzE5IDIzLjI4NTEgMTQ3Ljg0MSAyMy4wNzk3WiIgZmlsbD0iYmxhY2siLz4NCjxwYXRoIGQ9Ik0zNi44NTg3IDM3LjUyNDFIMzEuOTg3NEwzNS4wMzQyIDE5LjY2NjhIMzkuOTA1MkwzNi44NTg3IDM3LjUyNDFaIiBmaWxsPSIjMDA1NzlGIi8+DQo8cGF0aCBkPSJNNTQuNTE1NyAyMC4xMDQxQzUzLjU1NDkgMTkuNzQyOCA1Mi4wMzA5IDE5LjM0MzggNTAuMTQ2NiAxOS4zNDM4QzQ1LjMzNjEgMTkuMzQzOCA0MS45NDg2IDIxLjc3NTMgNDEuOTI3OCAyNS4yNTE2QzQxLjg4NzggMjcuODE2NSA0NC4zNTMxIDI5LjI0MSA0Ni4xOTcgMzAuMDk2MkM0OC4wODE2IDMwLjk3MDEgNDguNzIyMyAzMS41NDA1IDQ4LjcyMjMgMzIuMzE5NEM0OC43MDMxIDMzLjUxNTcgNDcuMTk5NCAzNC4wNjcyIDQ1Ljc5NjkgMzQuMDY3MkM0My44NTIxIDM0LjA2NzIgNDIuODEgMzMuNzgyOSA0MS4yMjY0IDMzLjExNzNMNDAuNTg1IDMyLjgzMkwzOS45MDMzIDM2Ljg0MDZDNDEuMDQ1OCAzNy4zMzM5IDQzLjE1MDcgMzcuNzcxNyA0NS4zMzYxIDM3Ljc5MDlDNTAuNDQ3MyAzNy43OTA5IDUzLjc3NDkgMzUuMzk3MSA1My44MTQzIDMxLjY5MjVDNTMuODMzOCAyOS42NTk3IDUyLjUzMiAyOC4xMDIgNDkuNzI1NCAyNi44MjkyQzQ4LjAyMTcgMjYuMDEyMSA0Ni45NzgzIDI1LjQ2MTIgNDYuOTc4MyAyNC42MjUyQzQ2Ljk5ODMgMjMuODY1MiA0Ny44NjA4IDIzLjA4NjggNDkuNzg0IDIzLjA4NjhDNTEuMzY3NyAyMy4wNDg2IDUyLjUzMTIgMjMuNDA5NCA1My40MTI2IDIzLjc3MDVMNTMuODUzMiAyMy45NjAxTDU0LjUxNTcgMjAuMTA0MVoiIGZpbGw9IiMwMDU3OUYiLz4NCjxwYXRoIGQ9Ik02MC45OTI0IDMxLjE5NzlDNjEuMzkzNiAzMC4xNzIgNjIuOTM3MiAyNi4yMDE2IDYyLjkzNzIgMjYuMjAxNkM2Mi45MTcgMjYuMjM5NyA2My4zMzc2IDI1LjE1NjggNjMuNTc4MSAyNC40OTE5TDYzLjkxODYgMjYuMDMwNkM2My45MTg2IDI2LjAzMDYgNjQuODQxIDMwLjMwNTEgNjUuMDQxNCAzMS4xOTc5QzY0LjI4IDMxLjE5NzkgNjEuOTU0NiAzMS4xOTc5IDYwLjk5MjQgMzEuMTk3OVpNNjcuMDA1NCAxOS42NjY4SDYzLjIzNzRDNjIuMDc1NSAxOS42NjY4IDYxLjE5MjcgMTkuOTg5NSA2MC42OTE0IDIxLjE0ODRMNTMuNDU1OCAzNy41MjM5SDU4LjU2NzFDNTguNTY3MSAzNy41MjM5IDU5LjQwODUgMzUuMzE5OSA1OS41ODk0IDM0Ljg0NTJDNjAuMTUwMSAzNC44NDUyIDY1LjEyMjMgMzQuODQ1MiA2NS44NDM3IDM0Ljg0NTJDNjUuOTgzNSAzNS40NzIxIDY2LjQyNDkgMzcuNTIzOSA2Ni40MjQ5IDM3LjUyMzlINzAuOTM1Mkw2Ny4wMDU0IDE5LjY2NjhWMTkuNjY2OFoiIGZpbGw9IiMwMDU3OUYiLz4NCjxwYXRoIGQ9Ik0yNy45MTggMTkuNjY2OEwyMy4xNDc1IDMxLjg0MzhMMjIuNjI2MiAyOS4zNzQxQzIxLjc0NDIgMjYuNTI0NSAxOC45NzgxIDIzLjQyODQgMTUuODkxNCAyMS44ODlMMjAuMjYxIDM3LjUwNTJIMjUuNDEyMkwzMy4wNjkgMTkuNjY2OEgyNy45MThWMTkuNjY2OFoiIGZpbGw9IiMwMDU3OUYiLz4NCjxwYXRoIGQ9Ik0xOC43MTg0IDE5LjY2NjhIMTAuODgxMUwxMC44MDA5IDIwLjAyNzZDMTYuOTE0NSAyMS41MDk1IDIwLjk2MzUgMjUuMDgxNSAyMi42MjcgMjkuMzc0OUwyMC45MjMyIDIxLjE2NzlDMjAuNjQyNyAyMC4wMjc0IDE5Ljc4MDcgMTkuNzA0NCAxOC43MTg0IDE5LjY2NjhaIiBmaWxsPSIjRkFBNjFBIi8+DQo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDJfNThfMTExKSI+DQo8cGF0aCBkPSJNMjIxLjE1OCAxNy40OTlWMTguOTM1NkgyMzEuMzA2VjE3LjQ5OUgyMjEuMTU4Wk0yMzIuNzQ0IDE3LjQ5OVYxOC45MzU2SDI0Ny4yMDZDMjQ3LjIwNiAxOC45MzU2IDI0NS43MjkgMTcuNDk5IDI0My43NzMgMTcuNDk5SDIzMi43NDRaTTI1MC4wNDMgMTcuNDk5VjE4LjkzNTZIMjU4Ljc5M0wyNTguMjczIDE3LjQ5OUgyNTAuMDQzWk0yNjUuMDY1IDE3LjQ5OUwyNjQuNTQ2IDE4LjkzNTZIMjczLjIxNlYxNy40OTlIMjY1LjA2NVpNMjIxLjE1OCAyMC4yOTI5VjIxLjcyOTZIMjMxLjMwNlYyMC4yOTI5SDIyMS4xNThaTTIzMi43NDQgMjAuMjk1VjIxLjcyOTdIMjQ4Ljg4NEMyNDguODg0IDIxLjcyOTcgMjQ4LjY5NiAyMC42MjM5IDI0OC4zNjcgMjAuMjk1SDIzMi43NDRaTTI1MC4wNDMgMjAuMjk1VjIxLjcyOTdIMjU5Ljc1MkwyNTkuMjcxIDIwLjI5NUgyNTAuMDQzWk0yNjQuMDI3IDIwLjI5NUwyNjMuNTQ2IDIxLjcyOTdIMjczLjIxNlYyMC4yOTVIMjY0LjAyN1YyMC4yOTVaTTIyNC4wNzQgMjMuMDg2OVYyNC41MjU3SDIyOC40NjlWMjMuMDg2OUgyMjQuMDc0VjIzLjA4NjlaTTIzNS42NjEgMjMuMDg2OVYyNC41MjU3SDI0MC4wNTZWMjMuMDg2OUgyMzUuNjYxVjIzLjA4NjlaTTI0NC4zMzEgMjMuMDg2OVYyNC41MjU3SDI0OC43MjZDMjQ4LjcyNiAyNC41MjU3IDI0OS4wMDUgMjMuNzY1OSAyNDkuMDA1IDIzLjA4NjlIMjQ0LjMzMVYyMy4wODY5Wk0yNTIuOTYgMjMuMDg2OVYyNC41MjU3SDI2MC43NTJMMjYwLjIzMiAyMy4wODY5SDI1Mi45NlYyMy4wODY5Wk0yNjMuMDY5IDIzLjA4NjlMMjYyLjU0OCAyNC41MjU3SDI3MC4zNzlWMjMuMDg2OUgyNjMuMDY5VjIzLjA4NjlaTTIyNC4wNzQgMjUuODgzVjI3LjMxOTdIMjI4LjQ2OVYyNS44ODNIMjI0LjA3NFYyNS44ODNaTTIzNS42NjEgMjUuODgzVjI3LjMxOTdIMjQ2Ljg4N0MyNDYuODg3IDI3LjMxOTcgMjQ3LjgyNiAyNi41ODI1IDI0OC4xMjUgMjUuODgzSDIzNS42NjFaTTI1Mi45NiAyNS44ODNWMjcuMzE5N0gyNTcuMzU1VjI2LjUyTDI1Ny42MzQgMjcuMzE5N0gyNjUuNjg0TDI2NS45ODQgMjYuNTJWMjcuMzE5N0gyNzAuMzc5VjI1Ljg4M0gyNjIuMTI5TDI2MS42OTEgMjcuMDk5OUwyNjEuMjUxIDI1Ljg4M0gyNTIuOTZaTTIyNC4wNzQgMjguNjc3VjMwLjExMzdIMjI4LjQ2OVYyOC42NzdIMjI0LjA3NFpNMjM1LjY2MSAyOC42NzdWMzAuMTEzN0gyNDguMTI1QzI0Ny44MjYgMjkuNDE2NSAyNDYuODg3IDI4LjY3NyAyNDYuODg3IDI4LjY3N0gyMzUuNjYxWk0yNTIuOTYgMjguNjc3VjMwLjExMzdIMjU3LjM1NVYyOC42NzdIMjUyLjk2Wk0yNTguMTUzIDI4LjY3N0wyNTguNjg1IDMwLjExMzdIMjY0LjcyMUwyNjUuMjI2IDI4LjY3N0gyNTguMTUzWk0yNjUuOTg0IDI4LjY3N1YzMC4xMTM3SDI3MC4zNzlWMjguNjc3SDI2NS45ODRaTTIyNC4wNzQgMzEuNDcxVjMyLjkwNzZIMjI4LjQ2OVYzMS40NzFIMjI0LjA3NFpNMjM1LjY2MSAzMS40NzFWMzIuOTA3NkgyNDAuMDU2VjMxLjQ3MUgyMzUuNjYxWk0yNDQuMzMxIDMxLjQ3MVYzMi45MDc2SDI0OS4wMDVDMjQ5LjAwNSAzMi4yMjk2IDI0OC43MjYgMzEuNDcxIDI0OC43MjYgMzEuNDcxSDI0NC4zMzFWMzEuNDcxWk0yNTIuOTYgMzEuNDcxVjMyLjkwNzZIMjU3LjM1NVYzMS40NzFIMjUyLjk2Wk0yNTkuMTUxIDMxLjQ3MUwyNTkuNjY2IDMyLjkwNzZIMjYzLjcxM0wyNjQuMjMyIDMxLjQ3MUgyNTkuMTUxWk0yNjUuOTg0IDMxLjQ3MVYzMi45MDc2SDI3MC4zNzlWMzEuNDcxSDI2NS45ODRaTTIyMS4yMzcgMzQuMjY1VjM1LjcwMzdIMjMxLjM4NlYzNC4yNjVIMjIxLjIzN1pNMjMyLjc0NCAzNC4yNjVWMzUuNzAzN0gyNDguMzY3QzI0OC42OTYgMzUuMzc0MyAyNDguODg0IDM0LjI2NSAyNDguODg0IDM0LjI2NUgyMzIuNzQ0VjM0LjI2NVpNMjUwLjEyMyAzNC4yNjVWMzUuNzAzN0gyNTcuMzU1VjM0LjI2NUgyNTAuMTIzWk0yNjAuMTUxIDM0LjI2NUwyNjAuNjggMzUuNzAzN0gyNjIuNzM5TDI2My4yMzYgMzQuMjY1SDI2MC4xNTFaTTI2NS45ODQgMzQuMjY1VjM1LjcwMzdIMjczLjI5NVYzNC4yNjVIMjY1Ljk4NFpNMjIxLjIzNyAzNy4wNjFWMzguNDk3N0gyMzEuMzg2VjM3LjA2MUgyMjEuMjM3Wk0yMzIuNzQ0IDM3LjA2MVYzOC40OTU2SDI0My43NzNDMjQ1LjcyOSAzOC40OTU2IDI0Ny4yMDYgMzcuMDYxIDI0Ny4yMDYgMzcuMDYxSDIzMi43NDRaTTI1MC4xMjMgMzcuMDYxVjM4LjQ5NzdIMjU3LjM1NVYzNy4wNjFIMjUwLjEyM1pNMjYxLjE1NSAzNy4wNjFMMjYxLjY2NCAzOC40OTM2TDI2MS43NTIgMzguNDk1NkwyNjIuMjY5IDM3LjA2MUgyNjEuMTU1VjM3LjA2MVpNMjY1Ljk4NCAzNy4wNjFWMzguNDk3N0gyNzMuMjk1VjM3LjA2MUgyNjUuOTg0WiIgZmlsbD0iIzFGNzBDMSIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzU4XzExMSI+DQo8cmVjdCB3aWR0aD0iNDQuNDQ3MyIgaGVpZ2h0PSIyOS42MzE1IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzUzLjk1NSAxNC44MTU1KSIvPg0KPC9jbGlwUGF0aD4NCjxjbGlwUGF0aCBpZD0iY2xpcDFfNThfMTExIj4NCjxyZWN0IHdpZHRoPSI3Ni41NDgxIiBoZWlnaHQ9IjE2LjM1MDciIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MjUuNTk5IDIwLjk4ODkpIi8+DQo8L2NsaXBQYXRoPg0KPGNsaXBQYXRoIGlkPSJjbGlwMl81OF8xMTEiPg0KPHJlY3Qgd2lkdGg9IjUyLjEzNzIiIGhlaWdodD0iMjAuOTk4NyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyMS4xNTggMTcuNDk5KSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg0K\")
\n Claim your FREE account\n
\n \n ![](\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ2IiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMTQ2IDMyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNDAuNTk2NSAxNS4wMDc4SDMyLjQyNUMzMS41NTU3IDE1LjAwNzggMzAuOTAzNyAxNS4xODEyIDMwLjUxMjUgMTUuNDg0NkMzMC4xMjEzIDE1LjgzMTQgMjkuOTA0IDE2LjMwODIgMjkuOTA0IDE3LjA0NTFDMjkuOTA0IDE3LjYwODYgMzAuMDc3OCAxOC4wNDIxIDMwLjQyNTYgMTguMzAyMkMzMC43NzMzIDE4LjYwNTYgMzEuMjk0OSAxOC43MzU2IDMxLjk5MDMgMTguNzM1NkgzNi4zMzY5QzM4LjExODkgMTguNzM1NiAzOS40MjI5IDE5LjA4MjQgNDAuMTYxOCAxOS43MzI2QzQwLjk0NDIgMjAuNDI2MiA0MS4yOTE5IDIxLjU1MzIgNDEuMjkxOSAyMy4xMTM3QzQxLjI5MTkgMjQuNzE3NiA0MC44NTcyIDI1Ljg4OCAzOS45ODc5IDI2LjY2ODJDMzkuMTE4NiAyNy40MDUxIDM3LjcyNzcgMjcuNzk1MyAzNS44NTg3IDI3Ljc5NTNIMjcuMDc4N1YyNS4wMjFIMzUuMzM3MkMzNi4yOTM0IDI1LjAyMSAzNi45NDU0IDI0Ljg5MSAzNy4zMzY2IDI0LjYzMDlDMzcuNzI3NyAyNC4zNzA4IDM3LjkwMTYgMjMuODk0IDM3LjkwMTYgMjMuMjg3MUMzNy45MDE2IDIyLjYzNjkgMzcuNzI3NyAyMi4xNjAxIDM3LjM4IDIxLjlDMzcuMDMyMyAyMS42Mzk5IDM2LjQyMzggMjEuNDY2NSAzNS41NTQ1IDIxLjQ2NjVIMzEuNjQyNkMyOS44NjA1IDIxLjQ2NjUgMjguNTEzMSAyMS4xMTk4IDI3LjY4NzMgMjAuMzgyOEMyNi44NjE0IDE5LjY0NTkgMjYuNDI2OCAxOC41MTg5IDI2LjQyNjggMTcuMDAxN0MyNi40MjY4IDE1LjM1NDUgMjYuODYxNCAxNC4xNDA4IDI3LjczMDcgMTMuMzYwNkMyOC42IDEyLjU4MDMgMjkuOTkwOSAxMi4yMzM1IDMxLjkwMzQgMTIuMjMzNUg0MC41OTY1VjE1LjAwNzhaIiBmaWxsPSIjMzU0M0E4Ii8+CjxwYXRoIGQ9Ik00OC4wNzI3IDI1LjI4MTFINTAuNTA2OFYxNi4zOTQ5SDUzLjU0OTNWMjcuNTM1MkM1My41NDkzIDI5LjA1MjQgNTMuMjAxNiAzMC4xNzk0IDUyLjUwNjIgMzAuOTE2M0M1MS44MTA3IDMxLjY1MzIgNTAuNzI0MSAzMiA0OS4yNDYzIDMySDQzLjMzNVYyOS42NTkySDQ4LjcyNDdDNDkuMjg5NyAyOS42NTkyIDQ5Ljc2NzkgMjkuNTI5MiA1MC4wNzIxIDI5LjIyNThDNTAuMzc2NCAyOC45NjU3IDUwLjU1MDIgMjguNTMyMiA1MC41NTAyIDI4LjAxMlYyNy44Mzg2SDQ3Ljg5ODlDNDYuMjAzNyAyNy44Mzg2IDQ0Ljk0MzIgMjcuNDkxOSA0NC4yNDc4IDI2Ljg0MTZDNDMuNTA4OSAyNi4xNDgxIDQzLjE2MTEgMjUuMDY0NCA0My4xNjExIDIzLjQ2MDVWMTYuMzk0OUg0Ni4xNjAyVjIzLjIwMDVDNDYuMTYwMiAyNC4wNjc0IDQ2LjI5MDYgMjQuNjMwOSA0Ni41NTE0IDI0Ljg5MUM0Ni43MjUzIDI1LjE1MTEgNDcuMjQ2OSAyNS4yODExIDQ4LjA3MjcgMjUuMjgxMVoiIGZpbGw9IiMzNTQzQTgiLz4KPHBhdGggZD0iTTU1Ljg5NjUgMTYuMzk0OUg2MS41OTA0QzYzLjMyOTEgMTYuMzk0OSA2NC41NDYxIDE2LjY5ODMgNjUuMjg1IDE3LjM0ODVDNjYuMDIzOSAxNy45OTg4IDY2LjM3MTYgMTkuMDgyNCA2Ni4zNzE2IDIwLjU1NjNWMjcuNzk1M0g2My4zMjkxVjIwLjk0NjRDNjMuMzI5MSAyMC4wNzk0IDYzLjE5ODcgMTkuNTE1OSA2Mi45Mzc5IDE5LjI5OTJDNjIuNjc3MSAxOS4wMzkxIDYyLjE1NTUgMTguOTA5MSA2MS4zMjk3IDE4LjkwOTFINTguODk1NlYyNy44Mzg2SDU1Ljg1M1YxNi4zOTQ5SDU1Ljg5NjVaIiBmaWxsPSIjMzU0M0E4Ii8+CjxwYXRoIGQ9Ik03NC45MzQyIDI1LjM2NzhINzguMTUwNlYyNy43OTUySDc0LjAyMTRDNzIuOTc4MiAyNy43OTUyIDcyLjEwODkgMjcuNjY1MiA3MS40NTcgMjcuNDkxOEM3MC44MDUgMjcuMjc1IDcwLjE5NjUgMjYuOTI4MyA2OS43MTgzIDI2LjQ1MTRDNjkuMTk2OCAyNS45MzEzIDY4Ljc2MjEgMjUuMjgxMSA2OC40NTc4IDI0LjU0NDJDNjguMTUzNiAyMy44MDcyIDY4LjAyMzIgMjIuOTgzNiA2OC4wMjMyIDIyLjE2QzY4LjAyMzIgMjEuMjkzMSA2OC4xNTM2IDIwLjQ2OTUgNjguNDU3OCAxOS42ODkyQzY4Ljc2MjEgMTguOTA5IDY5LjE1MzMgMTguMzAyMSA2OS43MTgzIDE3Ljc4MTlDNzAuMjM5OSAxNy4zMDUxIDcwLjgwNSAxNi45NTgzIDcxLjUwMDQgMTYuNzQxNkM3Mi4xOTU5IDE2LjUyNDkgNzMuMDIxNyAxNi40MzgyIDc0LjA2NDkgMTYuNDM4Mkg3OC4xOTQxVjE4LjkwOUg3NC45MzQyQzczLjQ5OTggMTguOTA5IDcyLjU0MzYgMTkuMTY5MSA3MS45Nzg1IDE5LjY0NTlDNzEuNDU2OSAyMC4xMjI3IDcxLjE1MjcgMjAuOTg5NyA3MS4xNTI3IDIyLjIwMzRDNzEuMTUyNyAyMi44OTY5IDcxLjI4MzEgMjMuNDYwNSA3MS41MDA0IDIzLjkzNzNDNzEuNzE3NyAyNC40MTQxIDcyLjA2NTUgMjQuNzYwOSA3Mi41MDAxIDI1LjA2NDNDNzIuNzE3NCAyNS4xOTQ0IDcyLjk3ODIgMjUuMjgxMSA3My4yODI1IDI1LjM2NzhDNzMuNjMwMiAyNS4zMjQ0IDc0LjE1MTggMjUuMzY3OCA3NC45MzQyIDI1LjM2NzhaIiBmaWxsPSIjMzU0M0E4Ii8+CjxwYXRoIGQ9Ik04MC44NDU2IDE4LjY0ODlINzguNjcyNFYxNi4zNTE1SDgwLjg0NTZWMTUuMTgxMUM4MC44NDU2IDE0LjAxMDggODEuMDYzIDEzLjIzMDUgODEuNDk3NiAxMi44NDA0QzgxLjkzMjMgMTIuNDUwMyA4Mi43NTgxIDEyLjIzMzUgODMuOTc1MSAxMi4yMzM1SDg2Ljg0MzhWMTQuNDAwOUg4NS40MDk1Qzg0Ljg4NzkgMTQuNDAwOSA4NC41NDAyIDE0LjQ4NzYgODQuMzIyOSAxNC42NjFDODQuMTA1NSAxNC44MzQ0IDgzLjk3NTEgMTUuMDk0NSA4My45NzUxIDE1LjQ0MTJWMTYuMzUxNUg4Ni44NDM4VjE4LjY0ODlIODMuOTc1MVYyNy43OTUzSDgwLjg0NTZWMTguNjQ4OVoiIGZpbGw9IiMzNTQzQTgiLz4KPHBhdGggZD0iTTk4LjQwNTYgMjcuNzk1M0g5Mi43MTE2QzkxLjAxNjUgMjcuNzk1MyA4OS44NDI5IDI3LjQ0ODUgODkuMDYwNSAyNi43OTgzQzg4LjMyMTYgMjYuMTQ4MSA4Ny45MzA0IDI1LjA2NDQgODcuOTMwNCAyMy41OTA2VjE2LjM5NDlIOTAuOTI5NVYyMy40MTcyQzkwLjkyOTUgMjQuMTk3NCA5MS4wNTk5IDI0LjY3NDMgOTEuMzIwNyAyNC45MzQ0QzkxLjU4MTUgMjUuMTk0NCA5Mi4xMDMxIDI1LjMyNDUgOTIuOTI4OSAyNS4zMjQ1SDk1LjM2M1YxNi4zOTQ5SDk4LjQwNTZWMjcuNzk1M1oiIGZpbGw9IiMzNTQzQTgiLz4KPHBhdGggZD0iTTEwMC42MjIgMjUuNDExMkgxMDcuMDExQzEwNy41NzcgMjUuNDExMiAxMDguMDExIDI1LjMyNDUgMTA4LjI3MiAyNS4xNTExQzEwOC41MzMgMjQuOTc3NyAxMDguNjYzIDI0LjY3NDMgMTA4LjY2MyAyNC4zMjc1QzEwOC42NjMgMjMuOTM3NCAxMDguNTMzIDIzLjY3NzMgMTA4LjI3MiAyMy40NjA1QzEwOC4wMTEgMjMuMjg3MSAxMDcuNTc3IDIzLjIwMDUgMTA3LjA1NSAyMy4yMDA1SDEwNC40NDdDMTAyLjg4MiAyMy4yMDA1IDEwMS44MzkgMjIuOTgzNyAxMDEuMzE4IDIyLjUwNjlDMTAwLjc1MiAyMi4wMzAxIDEwMC40OTIgMjEuMjA2NSAxMDAuNDkyIDE5Ljk5MjdDMTAwLjQ5MiAxOC43NzkgMTAwLjgzOSAxNy44Njg3IDEwMS40OTEgMTcuMjYxOEMxMDIuMTQzIDE2LjY5ODMgMTAzLjE4NyAxNi4zOTQ5IDEwNC41MzQgMTYuMzk0OUgxMTEuMDU0VjE4Ljc3OUgxMDUuNzA4QzEwNC44MzggMTguNzc5IDEwNC4yNzMgMTguODY1NyAxMDQuMDEyIDE4Ljk5NTdDMTAzLjc1MiAxOS4xNjkxIDEwMy42MjEgMTkuNDI5MiAxMDMuNjIxIDE5LjgxOTRDMTAzLjYyMSAyMC4xNjYxIDEwMy43NTIgMjAuNDI2MiAxMDMuOTY5IDIwLjU5OTZDMTA0LjE4NiAyMC43NzMgMTA0LjU3NyAyMC44NTk3IDEwNS4wNTYgMjAuODU5N0gxMDcuNzk0QzEwOS4wNTQgMjAuODU5NyAxMTAuMDExIDIxLjE2MzEgMTEwLjY2MyAyMS43MjY2QzExMS4zMTUgMjIuMjkwMiAxMTEuNjYyIDIzLjE1NzEgMTExLjY2MiAyNC4yNDA4QzExMS42NjIgMjUuMjgxMSAxMTEuMzU4IDI2LjE0ODEgMTEwLjc5MyAyNi43OTgzQzExMC4yMjggMjcuNDQ4NSAxMDkuNDQ2IDI3Ljc5NTMgMTA4LjUzMyAyNy43OTUzSDEwMC43MDlWMjUuNDExMkgxMDAuNjIyWiIgZmlsbD0iIzM1NDNBOCIvPgo8cGF0aCBkPSJNMTE2LjU3NCAxNS4wOTQ0SDExMy40MDFWMTIuMjc2OUgxMTYuNTc0VjE1LjA5NDRaTTExNi41NzQgMjcuNzk1M0gxMTMuNDAxVjE2LjM5NDlIMTE2LjU3NFYyNy43OTUzWiIgZmlsbD0iIzM1NDNBOCIvPgo8cGF0aCBkPSJNMTMwLjMwOSAyMi4xMTY3QzEzMC4zMDkgMjMuODkzOSAxMjkuNzQ0IDI1LjMyNDQgMTI4LjY1NyAyNi40MDgxQzEyNy41NzEgMjcuNDkxOCAxMjYuMDkzIDI4LjAxMiAxMjQuMjI0IDI4LjAxMkMxMjIuMzU1IDI4LjAxMiAxMjAuODc3IDI3LjQ5MTggMTE5Ljc5IDI2LjQwODFDMTE4LjcwNCAyNS4zMjQ0IDExOC4xMzkgMjMuODkzOSAxMTguMTM5IDIyLjExNjdDMTE4LjEzOSAyMC4zMzk0IDExOC43MDQgMTguOTA5IDExOS43OSAxNy44MjUzQzEyMC44NzcgMTYuNzQxNiAxMjIuMzk4IDE2LjIyMTQgMTI0LjIyNCAxNi4yMjE0QzEyNi4wNDkgMTYuMjIxNCAxMjcuNTI3IDE2Ljc0MTYgMTI4LjY1NyAxNy44MjUzQzEyOS43NDQgMTguODY1NiAxMzAuMzA5IDIwLjI5NjEgMTMwLjMwOSAyMi4xMTY3Wk0xMjEuMjY4IDIyLjExNjdDMTIxLjI2OCAyMy4yMDA0IDEyMS41MjkgMjQuMDY3MyAxMjIuMDUxIDI0LjY3NDJDMTIyLjU3MiAyNS4yODExIDEyMy4yNjggMjUuNTg0NSAxMjQuMTggMjUuNTg0NUMxMjUuMDkzIDI1LjU4NDUgMTI1Ljc4OSAyNS4yODExIDEyNi4zMSAyNC42NzQyQzEyNi44MzIgMjQuMDY3MyAxMjcuMDkzIDIzLjIwMDQgMTI3LjA5MyAyMi4xMTY3QzEyNy4wOTMgMjEuMDMzIDEyNi44MzIgMjAuMTY2MSAxMjYuMzEgMTkuNjAyNUMxMjUuNzg5IDE4Ljk5NTcgMTI1LjA5MyAxOC42OTIyIDEyNC4xMzcgMTguNjkyMkMxMjMuMjI0IDE4LjY5MjIgMTIyLjUyOSAxOC45OTU3IDEyMi4wMDcgMTkuNjAyNUMxMjEuNTI5IDIwLjE2NjEgMTIxLjI2OCAyMS4wMzMgMTIxLjI2OCAyMi4xMTY3WiIgZmlsbD0iIzM1NDNBOCIvPgo8cGF0aCBkPSJNMTMxLjc4NyAxNi4zOTQ5SDEzNy40ODFDMTM5LjIxOSAxNi4zOTQ5IDE0MC40MzYgMTYuNjk4MyAxNDEuMTc1IDE3LjM0ODVDMTQxLjkxNCAxNy45OTg4IDE0Mi4yNjIgMTkuMDgyNCAxNDIuMjYyIDIwLjU1NjNWMjcuNzk1M0gxMzkuMjE5VjIwLjk0NjRDMTM5LjIxOSAyMC4wNzk0IDEzOS4wODkgMTkuNTE1OSAxMzguODI4IDE5LjI5OTJDMTM4LjU2NyAxOS4wMzkxIDEzOC4wNDYgMTguOTA5MSAxMzcuMjIgMTguOTA5MUgxMzQuNzg2VjI3LjgzODZIMTMxLjc0M1YxNi4zOTQ5SDEzMS43ODdaIiBmaWxsPSIjMzU0M0E4Ii8+CjxwYXRoIGQ9Ik03LjEyODMxIDMuNzM3NDNIMFYxMC44NDY0SDcuMTI4MzFWMy43Mzc0M1oiIGZpbGw9IiMzNTQzQTgiLz4KPHBhdGggZD0iTTIzLjI1MTMgLTIuMTU3MjVlLTA1TDE4LjU1MTMgNS41MTY4NUwyNC4wODMxIDEwLjIwNDFMMjguNzgzMSA0LjY4NzI1TDIzLjI1MTMgLTIuMTU3MjVlLTA1WiIgZmlsbD0iI0ZGODYwMCIvPgo8cGF0aCBkPSJNMTUuNjA0MSAzLjczNzQzSDguNDc1ODNWMTAuODQ2NEgxNS42MDQxVjMuNzM3NDNaIiBmaWxsPSIjMzU0M0E4Ii8+CjxwYXRoIGQ9Ik03LjEyODMxIDEyLjE5MDJIMFYxOS4yOTkySDcuMTI4MzFWMTIuMTkwMloiIGZpbGw9IiMzNTQzQTgiLz4KPHBhdGggZD0iTTE1LjYwNDEgMTIuMTkwMkg4LjQ3NTgzVjE5LjI5OTJIMTUuNjA0MVYxMi4xOTAyWiIgZmlsbD0iIzM1NDNBOCIvPgo8cGF0aCBkPSJNMjQuMDc5NyAxMi4xOTAySDE2Ljk1MTRWMTkuMjk5MkgyNC4wNzk3VjEyLjE5MDJaIiBmaWxsPSIjRkY4NjAwIi8+CjxwYXRoIGQ9Ik03LjEyODMxIDIwLjY4NjNIMFYyNy43OTUzSDcuMTI4MzFWMjAuNjg2M1oiIGZpbGw9IiMzNTQzQTgiLz4KPHBhdGggZD0iTTE1LjYwNDEgMjAuNjg2M0g4LjQ3NTgzVjI3Ljc5NTNIMTUuNjA0MVYyMC42ODYzWiIgZmlsbD0iIzM1NDNBOCIvPgo8cGF0aCBkPSJNMjQuMTIzMiAyMC42ODYzSDE2Ljk5NDlWMjcuNzk1M0gyNC4xMjMyVjIwLjY4NjNaIiBmaWxsPSIjMzU0M0E4Ii8+CjxwYXRoIGQ9Ik0xNDYgMTUuODMxM0MxNDYgMTYuODcxNyAxNDUuMTc0IDE3LjY5NTMgMTQ0LjEzMSAxNy42OTUzQzE0My4wODggMTcuNjk1MyAxNDIuMjYyIDE2Ljg3MTcgMTQyLjI2MiAxNS44MzEzQzE0Mi4yNjIgMTQuNzkxIDE0My4wODggMTQuMDEwNyAxNDQuMTMxIDE0LjAxMDdDMTQ1LjEzMSAxMy45Njc0IDE0NiAxNC43OTEgMTQ2IDE1LjgzMTNaTTE0Mi45NTcgMTQuNzkxQzE0Mi42OTcgMTUuMDUxMSAxNDIuNTY2IDE1LjQ0MTIgMTQyLjU2NiAxNS44MzEzQzE0Mi41NjYgMTYuNjk4MyAxNDMuMjYyIDE3LjM5MTggMTQ0LjEzMSAxNy4zOTE4QzE0NSAxNy4zOTE4IDE0NS42OTYgMTYuNjk4MyAxNDUuNjk2IDE1LjgzMTNDMTQ1LjY5NiAxNS4wMDc3IDE0NSAxNC4yNzA4IDE0NC4xNzQgMTQuMjcwOEMxNDMuNjUzIDE0LjI3MDggMTQzLjI2MiAxNC40NDQyIDE0Mi45NTcgMTQuNzkxWk0xNDQuODcgMTYuOTE1SDE0NC40NzlMMTQzLjkxNCAxNi4wOTE0VjE2LjkxNUgxNDMuNjA5VjE0Ljc0NzZIMTQzLjk1N0MxNDQuNDM1IDE0Ljc0NzYgMTQ0LjY1MyAxNC45NjQ0IDE0NC42NTMgMTUuMzU0NUMxNDQuNjUzIDE1LjY1NzkgMTQ0LjQ3OSAxNS44NzQ3IDE0NC4xNzQgMTUuOTYxNEwxNDQuODcgMTYuOTE1Wk0xNDQuMDQ0IDE1LjY1NzlDMTQ0LjI2MSAxNS42NTc5IDE0NC4zOTIgMTUuNTI3OSAxNDQuMzkyIDE1LjM1NDVDMTQ0LjM5MiAxNS4xMzc4IDE0NC4yNjEgMTUuMDUxMSAxNDQuMDAxIDE1LjA1MTFIMTQzLjkxNFYxNS42NTc5SDE0NC4wNDRaIiBmaWxsPSIjMzU0M0E4Ii8+Cjwvc3ZnPgo=\")
\n
\n Claim your FREE account and get a key in less than a minute
\n - \n
- Access to a 30-day free trial of any of our products. \n
- Access to 24x5 support by developers via the support tickets, forum, feature & feedback page and chat. \n
- 200+ ebooks on the latest technologies, industry trends, and research topics.\n \n
- Largest collection of over 7,000 flat and wireframe icons for free with Syncfusion Metro Studio. \n
- Free and unlimited access to Syncfusion technical blogs and whitepapers. \n
Syncfusion is trusted by 29,000+ businesses worldwide
\n have a Syncfusion account? Sign In
\n
+ * let dataManager: DataManager = new DataManager([{ ID: '10' }, { ID: '2' }, { ID: '1' }, { ID: '20' }]);
+ * let query: Query = new Query();
+ * query.sortBy('ID', (x: string, y: string): number => { return parseInt(x, 10) - parseInt(y, 10) });
+ * let promise: Promise< Object > = query.execute(dataManager);
+ * promise.then((e: { result: Object }) => { });
+ *
+ */
+ Query.prototype.execute = function (dataManager, done, fail, always) {
+ dataManager = dataManager || this.dataManager;
+ if (dataManager) {
+ return dataManager.executeQuery(this, done, fail, always);
+ }
+ return _util__WEBPACK_IMPORTED_MODULE_0__["DataUtil"].throwError('Query - execute() : dataManager needs to be is set using "using" function or should be passed as argument');
+ };
+ /**
+ * Executes query with the local datasource.
+ *
+ * @param {DataManager} dataManager - Defines the DataManager.
+ */
+ Query.prototype.executeLocal = function (dataManager) {
+ dataManager = dataManager || this.dataManager;
+ if (dataManager) {
+ return dataManager.executeLocal(this);
+ }
+ return _util__WEBPACK_IMPORTED_MODULE_0__["DataUtil"].throwError('Query - executeLocal() : dataManager needs to be is set using "using" function or should be passed as argument');
+ };
+ /**
+ * Creates deep copy of the Query object.
+ */
+ Query.prototype.clone = function () {
+ var cloned = new Query();
+ cloned.queries = this.queries.slice(0);
+ cloned.key = this.key;
+ cloned.isChild = this.isChild;
+ cloned.dataManager = this.dataManager;
+ cloned.fromTable = this.fromTable;
+ cloned.params = this.params.slice(0);
+ cloned.expands = this.expands.slice(0);
+ cloned.sortedColumns = this.sortedColumns.slice(0);
+ cloned.groupedColumns = this.groupedColumns.slice(0);
+ cloned.subQuerySelector = this.subQuerySelector;
+ cloned.subQuery = this.subQuery;
+ cloned.fKey = this.fKey;
+ cloned.isCountRequired = this.isCountRequired;
+ cloned.distincts = this.distincts.slice(0);
+ cloned.lazyLoad = this.lazyLoad.slice(0);
+ return cloned;
+ };
+ /**
+ * Specifies the name of table to retrieve data in query execution.
+ *
+ * @param {string} tableName - Defines the table name.
+ */
+ Query.prototype.from = function (tableName) {
+ this.fromTable = tableName;
+ return this;
+ };
+ /**
+ * Adds additional parameter which will be sent along with the request which will be generated while DataManager execute.
+ *
+ * @param {string} key - Defines the key of additional parameter.
+ * @param {Function|string} value - Defines the value for the key.
+ */
+ Query.prototype.addParams = function (key, value) {
+ if (typeof value === 'function') {
+ this.params.push({ key: key, fn: value });
+ }
+ else {
+ this.params.push({ key: key, value: value });
+ }
+ return this;
+ };
+ /**
+ * @param fields
+ * @hidden
+ */
+ Query.prototype.distinct = function (fields) {
+ if (typeof fields === 'string') {
+ this.distincts = [].slice.call([fields], 0);
+ }
+ else {
+ this.distincts = fields.slice(0);
+ }
+ return this;
+ };
+ /**
+ * Expands the related table.
+ *
+ * @param {string|Object[]} tables
+ */
+ Query.prototype.expand = function (tables) {
+ if (typeof tables === 'string') {
+ this.expands = [].slice.call([tables], 0);
+ }
+ else {
+ this.expands = tables.slice(0);
+ }
+ return this;
+ };
+ /**
+ * Filter data with given filter criteria.
+ *
+ * @param {string|Predicate} fieldName - Defines the column field or Predicate.
+ * @param {string} operator - Defines the operator how to filter data.
+ * @param {string|number|boolean} value - Defines the values to match with data.
+ * @param {boolean} ignoreCase - If ignore case set to false, then filter data with exact match or else
+ * filter data with case insensitive.
+ * @param ignoreAccent
+ * @param matchCase
+ */
+ Query.prototype.where = function (fieldName, operator, value, ignoreCase, ignoreAccent, matchCase) {
+ operator = operator ? (operator).toLowerCase() : null;
+ var predicate = null;
+ if (typeof fieldName === 'string') {
+ predicate = new Predicate(fieldName, operator, value, ignoreCase, ignoreAccent, matchCase);
+ }
+ else if (fieldName instanceof Predicate) {
+ predicate = fieldName;
+ }
+ this.queries.push({
+ fn: 'onWhere',
+ e: predicate
+ });
+ return this;
+ };
+ /**
+ * Search data with given search criteria.
+ *
+ * @param {string|number|boolean} searchKey - Defines the search key.
+ * @param {string|string[]} fieldNames - Defines the collection of column fields.
+ * @param {string} operator - Defines the operator how to search data.
+ * @param {boolean} ignoreCase - If ignore case set to false, then filter data with exact match or else
+ * filter data with case insensitive.
+ * @param ignoreAccent
+ */
+ Query.prototype.search = function (searchKey, fieldNames, operator, ignoreCase, ignoreAccent) {
+ if (typeof fieldNames === 'string') {
+ fieldNames = [fieldNames];
+ }
+ if (!operator || operator === 'none') {
+ operator = 'contains';
+ }
+ var comparer = _util__WEBPACK_IMPORTED_MODULE_0__["DataUtil"].fnOperators[operator];
+ this.queries.push({
+ fn: 'onSearch',
+ e: {
+ fieldNames: fieldNames,
+ operator: operator,
+ searchKey: searchKey,
+ ignoreCase: ignoreCase,
+ ignoreAccent: ignoreAccent,
+ comparer: comparer
+ }
+ });
+ return this;
+ };
+ /**
+ * Sort the data with given sort criteria.
+ * By default, sort direction is ascending.
+ *
+ * @param {string|string[]} fieldName - Defines the single or collection of column fields.
+ * @param {string|Function} comparer - Defines the sort direction or custom sort comparer function.
+ * @param isFromGroup
+ */
+ Query.prototype.sortBy = function (fieldName, comparer, isFromGroup) {
+ return this.sortByForeignKey(fieldName, comparer, isFromGroup);
+ };
+ /**
+ * Sort the data with given sort criteria.
+ * By default, sort direction is ascending.
+ *
+ * @param {string|string[]} fieldName - Defines the single or collection of column fields.
+ * @param {string|Function} comparer - Defines the sort direction or custom sort comparer function.
+ * @param isFromGroup
+ * @param {string} direction - Defines the sort direction .
+ */
+ Query.prototype.sortByForeignKey = function (fieldName, comparer, isFromGroup, direction) {
+ var order = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(direction) ? direction : 'ascending';
+ var sorts;
+ var temp;
+ if (typeof fieldName === 'string' && _util__WEBPACK_IMPORTED_MODULE_0__["DataUtil"].endsWith(fieldName.toLowerCase(), ' desc')) {
+ fieldName = fieldName.replace(/ desc$/i, '');
+ comparer = 'descending';
+ }
+ if (!comparer || typeof comparer === 'string') {
+ order = comparer ? comparer.toLowerCase() : 'ascending';
+ comparer = _util__WEBPACK_IMPORTED_MODULE_0__["DataUtil"].fnSort(comparer);
+ }
+ if (isFromGroup) {
+ sorts = Query.filterQueries(this.queries, 'onSortBy');
+ for (var i = 0; i < sorts.length; i++) {
+ temp = sorts[i].e.fieldName;
+ if (typeof temp === 'string') {
+ if (temp === fieldName) {
+ return this;
+ }
+ }
+ else if (temp instanceof Array) {
+ for (var j = 0; j < temp.length; j++) {
+ if (temp[j] === fieldName || fieldName.toLowerCase() === temp[j] + ' desc') {
+ return this;
+ }
+ }
+ }
+ }
+ }
+ this.queries.push({
+ fn: 'onSortBy',
+ e: {
+ fieldName: fieldName,
+ comparer: comparer,
+ direction: order
+ }
+ });
+ return this;
+ };
+ /**
+ * Sorts data in descending order.
+ *
+ * @param {string} fieldName - Defines the column field.
+ */
+ Query.prototype.sortByDesc = function (fieldName) {
+ return this.sortBy(fieldName, 'descending');
+ };
+ /**
+ * Groups data with the given field name.
+ *
+ * @param {string} fieldName - Defines the column field.
+ * @param fn
+ * @param format
+ */
+ Query.prototype.group = function (fieldName, fn, format) {
+ this.sortBy(fieldName, null, true);
+ this.queries.push({
+ fn: 'onGroup',
+ e: {
+ fieldName: fieldName,
+ comparer: fn ? fn : null,
+ format: format ? format : null
+ }
+ });
+ return this;
+ };
+ /**
+ * Gets data based on the given page index and size.
+ *
+ * @param {number} pageIndex - Defines the current page index.
+ * @param {number} pageSize - Defines the no of records per page.
+ */
+ Query.prototype.page = function (pageIndex, pageSize) {
+ this.queries.push({
+ fn: 'onPage',
+ e: {
+ pageIndex: pageIndex,
+ pageSize: pageSize
+ }
+ });
+ return this;
+ };
+ /**
+ * Gets data based on the given start and end index.
+ *
+ * @param {number} start - Defines the start index of the datasource.
+ * @param {number} end - Defines the end index of the datasource.
+ */
+ Query.prototype.range = function (start, end) {
+ this.queries.push({
+ fn: 'onRange',
+ e: {
+ start: start,
+ end: end
+ }
+ });
+ return this;
+ };
+ /**
+ * Gets data from the top of the data source based on given number of records count.
+ *
+ * @param {number} nos - Defines the no of records to retrieve from datasource.
+ */
+ Query.prototype.take = function (nos) {
+ this.queries.push({
+ fn: 'onTake',
+ e: {
+ nos: nos
+ }
+ });
+ return this;
+ };
+ /**
+ * Skips data with given number of records count from the top of the data source.
+ *
+ * @param {number} nos - Defines the no of records skip in the datasource.
+ */
+ Query.prototype.skip = function (nos) {
+ this.queries.push({
+ fn: 'onSkip',
+ e: { nos: nos }
+ });
+ return this;
+ };
+ /**
+ * Selects specified columns from the data source.
+ *
+ * @param {string|string[]} fieldNames - Defines the collection of column fields.
+ */
+ Query.prototype.select = function (fieldNames) {
+ if (typeof fieldNames === 'string') {
+ fieldNames = [].slice.call([fieldNames], 0);
+ }
+ this.queries.push({
+ fn: 'onSelect',
+ e: { fieldNames: fieldNames }
+ });
+ return this;
+ };
+ /**
+ * Gets the records in hierarchical relationship from two tables. It requires the foreign key to relate two tables.
+ *
+ * @param {Query} query - Defines the query to relate two tables.
+ * @param {Function} selectorFn - Defines the custom function to select records.
+ */
+ Query.prototype.hierarchy = function (query, selectorFn) {
+ this.subQuerySelector = selectorFn;
+ this.subQuery = query;
+ return this;
+ };
+ /**
+ * Sets the foreign key which is used to get data from the related table.
+ *
+ * @param {string} key - Defines the foreign key.
+ */
+ Query.prototype.foreignKey = function (key) {
+ this.fKey = key;
+ return this;
+ };
+ /**
+ * It is used to get total number of records in the DataManager execution result.
+ */
+ Query.prototype.requiresCount = function () {
+ this.isCountRequired = true;
+ return this;
+ };
+ //type - sum, avg, min, max
+ /**
+ * Aggregate the data with given type and field name.
+ *
+ * @param {string} type - Defines the aggregate type.
+ * @param {string} field - Defines the column field to aggregate.
+ */
+ Query.prototype.aggregate = function (type, field) {
+ this.queries.push({
+ fn: 'onAggregates',
+ e: { field: field, type: type }
+ });
+ return this;
+ };
+ /**
+ * Pass array of filterColumn query for performing filter operation.
+ *
+ * @param {QueryOptions[]} queries
+ * @param {string} name
+ * @hidden
+ */
+ Query.filterQueries = function (queries, name) {
+ return queries.filter(function (q) {
+ return q.fn === name;
+ });
+ };
+ /**
+ * To get the list of queries which is already filtered in current data source.
+ *
+ * @param {Object[]} queries
+ * @param {string[]} singles
+ * @hidden
+ */
+ Query.filterQueryLists = function (queries, singles) {
+ var filtered = queries.filter(function (q) {
+ return singles.indexOf(q.fn) !== -1;
+ });
+ var res = {};
+ for (var i = 0; i < filtered.length; i++) {
+ if (!res[filtered[i].fn]) {
+ res[filtered[i].fn] = filtered[i].e;
+ }
+ }
+ return res;
+ };
+ return Query;
+}());
+
+/**
+ * Predicate class is used to generate complex filter criteria.
+ * This will be used by DataManager to perform multiple filtering operation.
+ */
+var Predicate = /** @__PURE__ @class */ (function () {
+ /**
+ * Constructor for Predicate class.
+ *
+ * @param {string|Predicate} field
+ * @param {string} operator
+ * @param {string|number|boolean|Predicate|Predicate[]} value
+ * @param {boolean=false} ignoreCase
+ * @param ignoreAccent
+ * @param {boolean} matchCase
+ * @hidden
+ */
+ function Predicate(field, operator, value, ignoreCase, ignoreAccent, matchCase) {
+ if (ignoreCase === void 0) { ignoreCase = false; }
+ /** @hidden */
+ this.ignoreAccent = false;
+ /** @hidden */
+ this.isComplex = false;
+ if (typeof field === 'string') {
+ this.field = field;
+ this.operator = operator.toLowerCase();
+ this.value = value;
+ this.matchCase = matchCase;
+ this.ignoreCase = ignoreCase;
+ this.ignoreAccent = ignoreAccent;
+ this.isComplex = false;
+ this.comparer = _util__WEBPACK_IMPORTED_MODULE_0__["DataUtil"].fnOperators.processOperator(this.operator);
+ }
+ else if (field instanceof Predicate && value instanceof Predicate || value instanceof Array) {
+ this.isComplex = true;
+ this.condition = operator.toLowerCase();
+ this.predicates = [field];
+ this.matchCase = field.matchCase;
+ this.ignoreCase = field.ignoreCase;
+ this.ignoreAccent = field.ignoreAccent;
+ if (value instanceof Array) {
+ [].push.apply(this.predicates, value);
+ }
+ else {
+ this.predicates.push(value);
+ }
+ }
+ return this;
+ }
+ /**
+ * Adds n-number of new predicates on existing predicate with “and” condition.
+ *
+ * @param {Object[]} args - Defines the collection of predicates.
+ */
+ Predicate.and = function () {
+ var args = [];
+ for (var _i = 0; _i < arguments.length; _i++) {
+ args[_i] = arguments[_i];
+ }
+ return Predicate.combinePredicates([].slice.call(args, 0), 'and');
+ };
+ /**
+ * Adds new predicate on existing predicate with “and” condition.
+ *
+ * @param {string} field - Defines the column field.
+ * @param {string} operator - Defines the operator how to filter data.
+ * @param {string} value - Defines the values to match with data.
+ * @param {boolean} ignoreCase? - If ignore case set to false, then filter data with exact match or else
+ * filter data with case insensitive.
+ * @param ignoreCase
+ * @param ignoreAccent
+ */
+ Predicate.prototype.and = function (field, operator, value, ignoreCase, ignoreAccent) {
+ return Predicate.combine(this, field, operator, value, 'and', ignoreCase, ignoreAccent);
+ };
+ /**
+ * Adds n-number of new predicates on existing predicate with “or” condition.
+ *
+ * @param {Object[]} args - Defines the collection of predicates.
+ */
+ Predicate.or = function () {
+ var args = [];
+ for (var _i = 0; _i < arguments.length; _i++) {
+ args[_i] = arguments[_i];
+ }
+ return Predicate.combinePredicates([].slice.call(args, 0), 'or');
+ };
+ /**
+ * Adds new predicate on existing predicate with “or” condition.
+ *
+ * @param {string} field - Defines the column field.
+ * @param {string} operator - Defines the operator how to filter data.
+ * @param {string} value - Defines the values to match with data.
+ * @param {boolean} ignoreCase? - If ignore case set to false, then filter data with exact match or else
+ * filter data with case insensitive.
+ * @param ignoreCase
+ * @param ignoreAccent
+ */
+ Predicate.prototype.or = function (field, operator, value, ignoreCase, ignoreAccent) {
+ return Predicate.combine(this, field, operator, value, 'or', ignoreCase, ignoreAccent);
+ };
+ /**
+ * Adds n-number of new predicates on existing predicate with “and not” condition.
+ *
+ * @param {Object[]} args - Defines the collection of predicates.
+ */
+ Predicate.ornot = function () {
+ var args = [];
+ for (var _i = 0; _i < arguments.length; _i++) {
+ args[_i] = arguments[_i];
+ }
+ return Predicate.combinePredicates([].slice.call(args, 0), 'or not');
+ };
+ /**
+ * Adds new predicate on existing predicate with “and not” condition.
+ *
+ * @param {string} field - Defines the column field.
+ * @param {string} operator - Defines the operator how to filter data.
+ * @param {string} value - Defines the values to match with data.
+ * @param {boolean} ignoreCase? - If ignore case set to false, then filter data with exact match or else
+ * filter data with case insensitive.
+ * @param ignoreCase
+ * @param ignoreAccent
+ */
+ Predicate.prototype.ornot = function (field, operator, value, ignoreCase, ignoreAccent) {
+ return Predicate.combine(this, field, operator, value, 'ornot', ignoreCase, ignoreAccent);
+ };
+ /**
+ * Adds n-number of new predicates on existing predicate with “and not” condition.
+ *
+ * @param {Object[]} args - Defines the collection of predicates.
+ */
+ Predicate.andnot = function () {
+ var args = [];
+ for (var _i = 0; _i < arguments.length; _i++) {
+ args[_i] = arguments[_i];
+ }
+ return Predicate.combinePredicates([].slice.call(args, 0), 'and not');
+ };
+ /**
+ * Adds new predicate on existing predicate with “and not” condition.
+ *
+ * @param {string} field - Defines the column field.
+ * @param {string} operator - Defines the operator how to filter data.
+ * @param {string} value - Defines the values to match with data.
+ * @param {boolean} ignoreCase? - If ignore case set to false, then filter data with exact match or else
+ * filter data with case insensitive.
+ * @param ignoreCase
+ * @param ignoreAccent
+ */
+ Predicate.prototype.andnot = function (field, operator, value, ignoreCase, ignoreAccent) {
+ return Predicate.combine(this, field, operator, value, 'andnot', ignoreCase, ignoreAccent);
+ };
+ /**
+ * Converts plain JavaScript object to Predicate object.
+ *
+ * @param {Predicate[]|Predicate} json - Defines single or collection of Predicate.
+ */
+ Predicate.fromJson = function (json) {
+ if (json instanceof Array) {
+ var res = [];
+ for (var i = 0, len = json.length; i < len; i++) {
+ res.push(this.fromJSONData(json[i]));
+ }
+ return res;
+ }
+ var pred = json;
+ return this.fromJSONData(pred);
+ };
+ /**
+ * Validate the record based on the predicates.
+ *
+ * @param {Object} record - Defines the datasource record.
+ */
+ Predicate.prototype.validate = function (record) {
+ var predicate = this.predicates ? this.predicates : [];
+ var ret;
+ var isAnd;
+ if (!this.isComplex && this.comparer) {
+ if (this.condition && this.condition.indexOf('not') !== -1) {
+ this.condition = this.condition.split('not')[0] === '' ? undefined : this.condition.split('not')[0];
+ return !this.comparer.call(this, _util__WEBPACK_IMPORTED_MODULE_0__["DataUtil"].getObject(this.field, record), this.value, this.ignoreCase, this.ignoreAccent);
+ }
+ else {
+ return this.comparer.call(this, _util__WEBPACK_IMPORTED_MODULE_0__["DataUtil"].getObject(this.field, record), this.value, this.ignoreCase, this.ignoreAccent);
+ }
+ }
+ if (this.condition && this.condition.indexOf('not') !== -1) {
+ isAnd = this.condition.indexOf('and') !== -1;
+ }
+ else {
+ isAnd = this.condition === 'and';
+ }
+ for (var i = 0; i < predicate.length; i++) {
+ if (i > 0 && this.condition && this.condition.indexOf('not') !== -1) {
+ predicate[i].condition = predicate[i].condition ? predicate[i].condition + 'not' : 'not';
+ }
+ ret = predicate[i].validate(record);
+ if (isAnd) {
+ if (!ret) {
+ return false;
+ }
+ }
+ else {
+ if (ret) {
+ return true;
+ }
+ }
+ }
+ return isAnd;
+ };
+ /**
+ * Converts predicates to plain JavaScript.
+ * This method is uses Json stringify when serializing Predicate object.
+ */
+ Predicate.prototype.toJson = function () {
+ var predicates;
+ var p;
+ if (this.isComplex) {
+ predicates = [];
+ p = this.predicates;
+ for (var i = 0; i < p.length; i++) {
+ predicates.push(p[i].toJson());
+ }
+ }
+ return {
+ isComplex: this.isComplex,
+ field: this.field,
+ operator: this.operator,
+ value: this.value,
+ ignoreCase: this.ignoreCase,
+ ignoreAccent: this.ignoreAccent,
+ condition: this.condition,
+ predicates: predicates,
+ matchCase: this.matchCase
+ };
+ };
+ Predicate.combinePredicates = function (predicates, operator) {
+ if (predicates.length === 1) {
+ if (!(predicates[0] instanceof Array)) {
+ return predicates[0];
+ }
+ predicates = predicates[0];
+ }
+ return new Predicate(predicates[0], operator, predicates.slice(1));
+ };
+ Predicate.combine = function (pred, field, operator, value, condition, ignoreCase, ignoreAccent) {
+ if (field instanceof Predicate) {
+ return Predicate[condition](pred, field);
+ }
+ if (typeof field === 'string') {
+ return Predicate[condition](pred, new Predicate(field, operator, value, ignoreCase, ignoreAccent));
+ }
+ return _util__WEBPACK_IMPORTED_MODULE_0__["DataUtil"].throwError('Predicate - ' + condition + ' : invalid arguments');
+ };
+ Predicate.fromJSONData = function (json) {
+ var preds = json.predicates || [];
+ var len = preds.length;
+ var predicates = [];
+ var result;
+ for (var i = 0; i < len; i++) {
+ predicates.push(this.fromJSONData(preds[i]));
+ }
+ if (!json.isComplex) {
+ result = new Predicate(json.field, json.operator, json.value, json.ignoreCase, json.ignoreAccent);
+ }
+ else {
+ result = new Predicate(predicates[0], json.condition, predicates.slice(1));
+ }
+ return result;
+ };
+ return Predicate;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-data/util.js":
+/*!********************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-data/util.js ***!
+ \********************************************************/
+/*! exports provided: DataUtil */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DataUtil", function() { return DataUtil; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _manager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./manager */ "./ej2-resources/22.1.37/scripts/ej2-data/manager.js");
+/* harmony import */ var _query__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./query */ "./ej2-resources/22.1.37/scripts/ej2-data/query.js");
+/* eslint-disable valid-jsdoc */
+/* eslint-disable security/detect-object-injection */
+
+
+
+var consts = { GroupGuid: '{271bbba0-1ee7}' };
+/**
+ * Data manager common utility methods.
+ *
+ * @hidden
+ */
+var DataUtil = /** @__PURE__ @class */ (function () {
+ function DataUtil() {
+ }
+ /**
+ * Returns the value by invoking the provided parameter function.
+ * If the paramater is not of type function then it will be returned as it is.
+ *
+ * @param {Function|string|string[]|number} value
+ * @param {Object} inst?
+ * @param inst
+ * @hidden
+ */
+ DataUtil.getValue = function (value, inst) {
+ if (typeof value === 'function') {
+ return value.call(inst || {});
+ }
+ return value;
+ };
+ /**
+ * Returns true if the input string ends with given string.
+ *
+ * @param {string} input
+ * @param {string} substr
+ */
+ DataUtil.endsWith = function (input, substr) {
+ return input.slice && input.slice(-substr.length) === substr;
+ };
+ /**
+ * Returns true if the input string not ends with given string.
+ *
+ * @param {string} input
+ * @param {string} substr
+ */
+ DataUtil.notEndsWith = function (input, substr) {
+ return input.slice && input.slice(-substr.length) !== substr;
+ };
+ /**
+ * Returns true if the input string starts with given string.
+ *
+ * @param {string} str
+ * @param {string} startstr
+ * @param input
+ * @param start
+ */
+ DataUtil.startsWith = function (input, start) {
+ return input.slice(0, start.length) === start;
+ };
+ /**
+ * Returns true if the input string not starts with given string.
+ *
+ * @param {string} str
+ * @param {string} startstr
+ * @param input
+ * @param start
+ */
+ DataUtil.notStartsWith = function (input, start) {
+ return input.slice(0, start.length) !== start;
+ };
+ /**
+ * Returns true if the input string pattern(wildcard) matches with given string.
+ *
+ * @param {string} str
+ * @param {string} startstr
+ * @param input
+ * @param pattern
+ */
+ DataUtil.wildCard = function (input, pattern) {
+ var asteriskSplit;
+ var optionalSplit;
+ // special character allowed search
+ if (pattern.indexOf('(') !== -1) {
+ pattern = pattern.split('(').join('[(]');
+ }
+ if (pattern.indexOf(')') !== -1) {
+ pattern = pattern.split(')').join('[)]');
+ }
+ if (pattern.indexOf('*') !== -1) {
+ if (pattern.charAt(0) !== '*') {
+ pattern = '^' + pattern;
+ }
+ if (pattern.charAt(pattern.length - 1) !== '*') {
+ pattern = pattern + '$';
+ }
+ asteriskSplit = pattern.split('*');
+ for (var i = 0; i < asteriskSplit.length; i++) {
+ if (asteriskSplit[i].indexOf('.') === -1) {
+ asteriskSplit[i] = asteriskSplit[i] + '.*';
+ }
+ else {
+ asteriskSplit[i] = asteriskSplit[i] + '*';
+ }
+ }
+ pattern = asteriskSplit.join('');
+ }
+ if (pattern.indexOf('%3f') !== -1 || pattern.indexOf('?') !== -1) {
+ optionalSplit = pattern.indexOf('%3f') !== -1 ? pattern.split('%3f') : pattern.split('?');
+ pattern = optionalSplit.join('.');
+ }
+ // eslint-disable-next-line security/detect-non-literal-regexp
+ var regexPattern = new RegExp(pattern, 'g');
+ return regexPattern.test(input);
+ };
+ /**
+ * Returns true if the input string pattern(like) matches with given string.
+ *
+ * @param {string} str
+ * @param {string} startstr
+ * @param input
+ * @param pattern
+ */
+ DataUtil.like = function (input, pattern) {
+ if (pattern.indexOf('%') !== -1) {
+ if (pattern.charAt(0) === '%' && pattern.lastIndexOf('%') < 2) {
+ pattern = pattern.substring(1, pattern.length);
+ return DataUtil.startsWith(DataUtil.toLowerCase(input), DataUtil.toLowerCase(pattern));
+ }
+ else if (pattern.charAt(pattern.length - 1) === '%' && pattern.indexOf('%') > pattern.length - 3) {
+ pattern = pattern.substring(0, pattern.length - 1);
+ return DataUtil.endsWith(DataUtil.toLowerCase(input), DataUtil.toLowerCase(pattern));
+ }
+ else if (pattern.lastIndexOf('%') !== pattern.indexOf('%') && pattern.lastIndexOf('%') > pattern.indexOf('%') + 1) {
+ pattern = pattern.substring(pattern.indexOf('%') + 1, pattern.lastIndexOf('%'));
+ return input.indexOf(pattern) !== -1;
+ }
+ else {
+ return input.indexOf(pattern) !== -1;
+ }
+ }
+ else {
+ return false;
+ }
+ };
+ /**
+ * To return the sorting function based on the string.
+ *
+ * @param {string} order
+ * @hidden
+ */
+ DataUtil.fnSort = function (order) {
+ order = order ? DataUtil.toLowerCase(order) : 'ascending';
+ if (order === 'ascending') {
+ return this.fnAscending;
+ }
+ return this.fnDescending;
+ };
+ /**
+ * Comparer function which is used to sort the data in ascending order.
+ *
+ * @param {string|number} x
+ * @param {string|number} y
+ * @returns number
+ */
+ DataUtil.fnAscending = function (x, y) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(x) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(y)) {
+ return -1;
+ }
+ if (y === null || y === undefined) {
+ return -1;
+ }
+ if (typeof x === 'string') {
+ return x.localeCompare(y);
+ }
+ if (x === null || x === undefined) {
+ return 1;
+ }
+ return x - y;
+ };
+ /**
+ * Comparer function which is used to sort the data in descending order.
+ *
+ * @param {string|number} x
+ * @param {string|number} y
+ * @returns number
+ */
+ DataUtil.fnDescending = function (x, y) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(x) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(y)) {
+ return -1;
+ }
+ if (y === null || y === undefined) {
+ return 1;
+ }
+ if (typeof x === 'string') {
+ return x.localeCompare(y) * -1;
+ }
+ if (x === null || x === undefined) {
+ return -1;
+ }
+ return y - x;
+ };
+ DataUtil.extractFields = function (obj, fields) {
+ var newObj = {};
+ for (var i = 0; i < fields.length; i++) {
+ newObj = this.setValue(fields[i], this.getObject(fields[i], obj), newObj);
+ }
+ return newObj;
+ };
+ /**
+ * Select objects by given fields from jsonArray.
+ *
+ * @param {Object[]} jsonArray
+ * @param {string[]} fields
+ */
+ DataUtil.select = function (jsonArray, fields) {
+ var newData = [];
+ for (var i = 0; i < jsonArray.length; i++) {
+ newData.push(this.extractFields(jsonArray[i], fields));
+ }
+ return newData;
+ };
+ /**
+ * Group the input data based on the field name.
+ * It also performs aggregation of the grouped records based on the aggregates paramater.
+ *
+ * @param {Object[]} jsonArray
+ * @param {string} field?
+ * @param {Object[]} agg?
+ * @param {number} level?
+ * @param {Object[]} groupDs?
+ * @param field
+ * @param aggregates
+ * @param level
+ * @param groupDs
+ * @param format
+ * @param isLazyLoad
+ */
+ DataUtil.group = function (jsonArray, field, aggregates, level, groupDs, format, isLazyLoad) {
+ level = level || 1;
+ var jsonData = jsonArray;
+ var guid = 'GroupGuid';
+ if (jsonData.GroupGuid === consts[guid]) {
+ var _loop_1 = function (j) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(groupDs)) {
+ var indx = -1;
+ var temp = groupDs.filter(function (e) { return e.key === jsonData[j].key; });
+ indx = groupDs.indexOf(temp[0]);
+ jsonData[j].items = this_1.group(jsonData[j].items, field, aggregates, jsonData.level + 1, groupDs[indx].items, format, isLazyLoad);
+ jsonData[j].count = groupDs[indx].count;
+ }
+ else {
+ jsonData[j].items = this_1.group(jsonData[j].items, field, aggregates, jsonData.level + 1, null, format, isLazyLoad);
+ jsonData[j].count = jsonData[j].items.length;
+ }
+ };
+ var this_1 = this;
+ for (var j = 0; j < jsonData.length; j++) {
+ _loop_1(j);
+ }
+ jsonData.childLevels += 1;
+ return jsonData;
+ }
+ var grouped = {};
+ var groupedArray = [];
+ groupedArray.GroupGuid = consts[guid];
+ groupedArray.level = level;
+ groupedArray.childLevels = 0;
+ groupedArray.records = jsonData;
+ var _loop_2 = function (i) {
+ var val = this_2.getVal(jsonData, i, field);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(format)) {
+ val = format(val, field);
+ }
+ if (!grouped[val]) {
+ grouped[val] = {
+ key: val,
+ count: 0,
+ items: [],
+ aggregates: {},
+ field: field
+ };
+ groupedArray.push(grouped[val]);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(groupDs)) {
+ var tempObj = groupDs.filter(function (e) { return e.key === grouped[val].key; });
+ grouped[val].count = tempObj[0].count;
+ }
+ }
+ grouped[val].count = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(groupDs) ? grouped[val].count : grouped[val].count += 1;
+ if (!isLazyLoad || (isLazyLoad && aggregates.length)) {
+ grouped[val].items.push(jsonData[i]);
+ }
+ };
+ var this_2 = this;
+ for (var i = 0; i < jsonData.length; i++) {
+ _loop_2(i);
+ }
+ if (aggregates && aggregates.length) {
+ var _loop_3 = function (i) {
+ var res = {};
+ var fn = void 0;
+ var aggs = aggregates;
+ for (var j = 0; j < aggregates.length; j++) {
+ fn = DataUtil.aggregates[aggregates[j].type];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(groupDs)) {
+ var temp = groupDs.filter(function (e) { return e.key === groupedArray[i].key; });
+ if (fn) {
+ res[aggs[j].field + ' - ' + aggs[j].type] = fn(temp[0].items, aggs[j].field);
+ }
+ }
+ else {
+ if (fn) {
+ res[aggs[j].field + ' - ' + aggs[j].type] = fn(groupedArray[i].items, aggs[j].field);
+ }
+ }
+ }
+ groupedArray[i].aggregates = res;
+ };
+ for (var i = 0; i < groupedArray.length; i++) {
+ _loop_3(i);
+ }
+ }
+ if (isLazyLoad && groupedArray.length && aggregates.length) {
+ for (var i = 0; i < groupedArray.length; i++) {
+ groupedArray[i].items = [];
+ }
+ }
+ return jsonData.length && groupedArray || jsonData;
+ };
+ /**
+ * It is used to categorize the multiple items based on a specific field in jsonArray.
+ * The hierarchical queries are commonly required when you use foreign key binding.
+ *
+ * @param {string} fKey
+ * @param {string} from
+ * @param {Object[]} source
+ * @param {Group} lookup?
+ * @param {string} pKey?
+ * @param lookup
+ * @param pKey
+ * @hidden
+ */
+ DataUtil.buildHierarchy = function (fKey, from, source, lookup, pKey) {
+ var i;
+ var grp = {};
+ var temp;
+ if (lookup.result) {
+ lookup = lookup.result;
+ }
+ if (lookup.GroupGuid) {
+ this.throwError('DataManager: Do not have support Grouping in hierarchy');
+ }
+ for (i = 0; i < lookup.length; i++) {
+ var fKeyData = this.getObject(fKey, lookup[i]);
+ temp = grp[fKeyData] || (grp[fKeyData] = []);
+ temp.push(lookup[i]);
+ }
+ for (i = 0; i < source.length; i++) {
+ var fKeyData = this.getObject(pKey || fKey, source[i]);
+ source[i][from] = grp[fKeyData];
+ }
+ };
+ /**
+ * The method used to get the field names which started with specified characters.
+ *
+ * @param {Object} obj
+ * @param {string[]} fields?
+ * @param {string} prefix?
+ * @param fields
+ * @param prefix
+ * @hidden
+ */
+ DataUtil.getFieldList = function (obj, fields, prefix) {
+ if (prefix === undefined) {
+ prefix = '';
+ }
+ if (fields === undefined || fields === null) {
+ return this.getFieldList(obj, [], prefix);
+ }
+ var copyObj = obj;
+ var keys = Object.keys(obj);
+ for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+ var prop = keys_1[_i];
+ if (typeof copyObj[prop] === 'object' && !(copyObj[prop] instanceof Array)) {
+ this.getFieldList(copyObj[prop], fields, prefix + prop + '.');
+ }
+ else {
+ fields.push(prefix + prop);
+ }
+ }
+ return fields;
+ };
+ /**
+ * Gets the value of the property in the given object.
+ * The complex object can be accessed by providing the field names concatenated with dot(.).
+ *
+ * @param {string} nameSpace - The name of the property to be accessed.
+ * @param {Object} from - Defines the source object.
+ */
+ DataUtil.getObject = function (nameSpace, from) {
+ if (!nameSpace) {
+ return from;
+ }
+ if (!from) {
+ return undefined;
+ }
+ if (nameSpace.indexOf('.') === -1) {
+ var lowerCaseNameSpace = nameSpace.charAt(0).toLowerCase() + nameSpace.slice(1);
+ var upperCaseNameSpace = nameSpace.charAt(0).toUpperCase() + nameSpace.slice(1);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(from[nameSpace])) {
+ return from[nameSpace];
+ }
+ else {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(from[lowerCaseNameSpace])) {
+ return from[lowerCaseNameSpace];
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(from[upperCaseNameSpace])) {
+ return from[upperCaseNameSpace];
+ }
+ else {
+ return null;
+ }
+ }
+ }
+ var value = from;
+ var splits = nameSpace.split('.');
+ for (var i = 0; i < splits.length; i++) {
+ if (value == null) {
+ break;
+ }
+ value = value[splits[i]];
+ if (value === undefined) {
+ var casing = splits[i].charAt(0).toUpperCase() + splits[i].slice(1);
+ value = from[casing] || from[casing.charAt(0).toLowerCase() + casing.slice(1)] || null;
+ }
+ from = value;
+ }
+ return value;
+ };
+ /**
+ * To set value for the nameSpace in desired object.
+ *
+ * @param {string} nameSpace - String value to the get the inner object.
+ * @param {Object} value - Value that you need to set.
+ * @param {Object} obj - Object to get the inner object value.
+ * @return { [key: string]: Object; } | Object
+ * @hidden
+ */
+ DataUtil.setValue = function (nameSpace, value, obj) {
+ var keys = nameSpace.toString().split('.');
+ var start = obj || {};
+ var fromObj = start;
+ var i;
+ var length = keys.length;
+ var key;
+ for (i = 0; i < length; i++) {
+ key = keys[i];
+ if (i + 1 === length) {
+ fromObj[key] = value === undefined ? undefined : value;
+ }
+ else if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fromObj[key])) {
+ fromObj[key] = {};
+ }
+ fromObj = fromObj[key];
+ }
+ return start;
+ };
+ /**
+ * Sort the given data based on the field and comparer.
+ *
+ * @param {Object[]} ds - Defines the input data.
+ * @param {string} field - Defines the field to be sorted.
+ * @param {Function} comparer - Defines the comparer function used to sort the records.
+ */
+ DataUtil.sort = function (ds, field, comparer) {
+ if (ds.length <= 1) {
+ return ds;
+ }
+ var middle = parseInt((ds.length / 2).toString(), 10);
+ var left = ds.slice(0, middle);
+ var right = ds.slice(middle);
+ left = this.sort(left, field, comparer);
+ right = this.sort(right, field, comparer);
+ return this.merge(left, right, field, comparer);
+ };
+ DataUtil.ignoreDiacritics = function (value) {
+ if (typeof value !== 'string') {
+ return value;
+ }
+ var result = value.split('');
+ var newValue = result.map(function (temp) { return temp in DataUtil.diacritics ? DataUtil.diacritics[temp] : temp; });
+ return newValue.join('');
+ };
+ DataUtil.merge = function (left, right, fieldName, comparer) {
+ var result = [];
+ var current;
+ while (left.length > 0 || right.length > 0) {
+ if (left.length > 0 && right.length > 0) {
+ if (comparer) {
+ current = comparer(this.getVal(left, 0, fieldName), this.getVal(right, 0, fieldName), left[0], right[0]) <= 0 ? left : right;
+ }
+ else {
+ current = left[0][fieldName] < left[0][fieldName] ? left : right;
+ }
+ }
+ else {
+ current = left.length > 0 ? left : right;
+ }
+ result.push(current.shift());
+ }
+ return result;
+ };
+ DataUtil.getVal = function (array, index, field) {
+ return field ? this.getObject(field, array[index]) : array[index];
+ };
+ DataUtil.toLowerCase = function (val) {
+ return val ? typeof val === 'string' ? val.toLowerCase() : val.toString() : (val === 0 || val === false) ? val.toString() : '';
+ };
+ /**
+ * To perform the filter operation with specified adaptor and returns the result.
+ *
+ * @param {Object} adaptor
+ * @param {string} fnName
+ * @param {Object} param1?
+ * @param {Object} param2?
+ * @param param1
+ * @param param2
+ * @hidden
+ */
+ DataUtil.callAdaptorFunction = function (adaptor, fnName, param1, param2) {
+ if (fnName in adaptor) {
+ var res = adaptor[fnName](param1, param2);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(res)) {
+ param1 = res;
+ }
+ }
+ return param1;
+ };
+ DataUtil.getAddParams = function (adp, dm, query) {
+ var req = {};
+ DataUtil.callAdaptorFunction(adp, 'addParams', {
+ dm: dm,
+ query: query,
+ params: query.params,
+ reqParams: req
+ });
+ return req;
+ };
+ /**
+ * Checks wheather the given input is a plain object or not.
+ *
+ * @param {Object|Object[]} obj
+ */
+ DataUtil.isPlainObject = function (obj) {
+ return (!!obj) && (obj.constructor === Object);
+ };
+ /**
+ * Returns true when the browser cross origin request.
+ */
+ DataUtil.isCors = function () {
+ var xhr = null;
+ var request = 'XMLHttpRequest';
+ try {
+ xhr = new window[request]();
+ }
+ catch (e) {
+ // No exception handling
+ }
+ return !!xhr && ('withCredentials' in xhr);
+ };
+ /**
+ * Generate random GUID value which will be prefixed with the given value.
+ *
+ * @param {string} prefix
+ */
+ DataUtil.getGuid = function (prefix) {
+ var hexs = '0123456789abcdef';
+ var rand;
+ return (prefix || '') + '00000000-0000-4000-0000-000000000000'.replace(/0/g, function (val, i) {
+ if ('crypto' in window && 'getRandomValues' in crypto) {
+ var arr = new Uint8Array(1);
+ window.crypto.getRandomValues(arr);
+ rand = arr[0] % 16 | 0;
+ }
+ else {
+ rand = Math.random() * 16 | 0;
+ }
+ return hexs[i === 19 ? rand & 0x3 | 0x8 : rand];
+ });
+ };
+ /**
+ * Checks wheather the given value is null or not.
+ *
+ * @param {string|Object} val
+ * @returns boolean
+ */
+ DataUtil.isNull = function (val) {
+ return val === undefined || val === null;
+ };
+ /**
+ * To get the required items from collection of objects.
+ *
+ * @param {Object[]} array
+ * @param {string} field
+ * @param {Function} comparer
+ * @returns Object
+ * @hidden
+ */
+ DataUtil.getItemFromComparer = function (array, field, comparer) {
+ var keyVal;
+ var current;
+ var key;
+ var i = 0;
+ var castRequired = typeof DataUtil.getVal(array, 0, field) === 'string';
+ if (array.length) {
+ while (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(keyVal) && i < array.length) {
+ keyVal = DataUtil.getVal(array, i, field);
+ key = array[i++];
+ }
+ }
+ for (; i < array.length; i++) {
+ current = DataUtil.getVal(array, i, field);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(current)) {
+ continue;
+ }
+ if (castRequired) {
+ keyVal = +keyVal;
+ current = +current;
+ }
+ if (comparer(keyVal, current) > 0) {
+ keyVal = current;
+ key = array[i];
+ }
+ }
+ return key;
+ };
+ /**
+ * To get distinct values of Array or Array of Objects.
+ *
+ * @param {Object[]} json
+ * @param {string} field
+ * @param fieldName
+ * @param {boolean} requiresCompleteRecord
+ * @returns Object[]
+ * * distinct array of objects is return when requiresCompleteRecord set as true.
+ * @hidden
+ */
+ DataUtil.distinct = function (json, fieldName, requiresCompleteRecord) {
+ requiresCompleteRecord = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(requiresCompleteRecord) ? false : requiresCompleteRecord;
+ var result = [];
+ var val;
+ var tmp = {};
+ json.forEach(function (data, index) {
+ val = typeof (json[index]) === 'object' ? DataUtil.getVal(json, index, fieldName) : json[index];
+ if (!(val in tmp)) {
+ result.push(!requiresCompleteRecord ? val : json[index]);
+ tmp[val] = 1;
+ }
+ });
+ return result;
+ };
+ /**
+ * Process the given records based on the datamanager string.
+ *
+ * @param {string} datamanager
+ * @param dm
+ * @param {Object[]} records
+ */
+ DataUtil.processData = function (dm, records) {
+ var query = this.prepareQuery(dm);
+ var sampledata = new _manager__WEBPACK_IMPORTED_MODULE_1__["DataManager"](records);
+ if (dm.requiresCounts) {
+ query.requiresCount();
+ }
+ /* eslint-disable @typescript-eslint/no-explicit-any */
+ // tslint:disable-next-line:no-any
+ var result = sampledata.executeLocal(query);
+ /* eslint-enable @typescript-eslint/no-explicit-any */
+ var returnValue = {
+ result: dm.requiresCounts ? result.result : result,
+ count: result.count,
+ aggregates: JSON.stringify(result.aggregates)
+ };
+ return dm.requiresCounts ? returnValue : result;
+ };
+ DataUtil.prepareQuery = function (dm) {
+ var _this = this;
+ var query = new _query__WEBPACK_IMPORTED_MODULE_2__["Query"]();
+ if (dm.select) {
+ query.select(dm.select);
+ }
+ if (dm.where) {
+ var where = DataUtil.parse.parseJson(dm.where);
+ where.filter(function (pred) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(pred.condition)) {
+ query.where(pred.field, pred.operator, pred.value, pred.ignoreCase, pred.ignoreAccent);
+ }
+ else {
+ var predicateList = [];
+ if (pred.field) {
+ predicateList.push(new _query__WEBPACK_IMPORTED_MODULE_2__["Predicate"](pred.field, pred.operator, pred.value, pred.ignoreCase, pred.ignoreAccent));
+ }
+ else {
+ predicateList = predicateList.concat(_this.getPredicate(pred.predicates));
+ }
+ if (pred.condition === 'or') {
+ query.where(_query__WEBPACK_IMPORTED_MODULE_2__["Predicate"].or(predicateList));
+ }
+ else if (pred.condition === 'and') {
+ query.where(_query__WEBPACK_IMPORTED_MODULE_2__["Predicate"].and(predicateList));
+ }
+ }
+ });
+ }
+ if (dm.search) {
+ var search = DataUtil.parse.parseJson(dm.search);
+ // tslint:disable-next-line:no-string-literal
+ search.filter(function (e) { return query.search(e.key, e.fields, e['operator'],
+ // tslint:disable-next-line:no-string-literal
+ e['ignoreCase'], e['ignoreAccent']); });
+ }
+ if (dm.aggregates) {
+ dm.aggregates.filter(function (e) { return query.aggregate(e.type, e.field); });
+ }
+ if (dm.sorted) {
+ dm.sorted.filter(function (e) { return query.sortBy(e.name, e.direction); });
+ }
+ if (dm.skip) {
+ query.skip(dm.skip);
+ }
+ if (dm.take) {
+ query.take(dm.take);
+ }
+ if (dm.group) {
+ dm.group.filter(function (grp) { return query.group(grp); });
+ }
+ return query;
+ };
+ DataUtil.getPredicate = function (pred) {
+ var mainPred = [];
+ for (var i = 0; i < pred.length; i++) {
+ var e = pred[i];
+ if (e.field) {
+ mainPred.push(new _query__WEBPACK_IMPORTED_MODULE_2__["Predicate"](e.field, e.operator, e.value, e.ignoreCase, e.ignoreAccent));
+ }
+ else {
+ var childPred = [];
+ // tslint:disable-next-line:typedef
+ var cpre = this.getPredicate(e.predicates);
+ for (var _i = 0, _a = Object.keys(cpre); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ childPred.push(cpre[prop]);
+ }
+ mainPred.push(e.condition === 'or' ? _query__WEBPACK_IMPORTED_MODULE_2__["Predicate"].or(childPred) : _query__WEBPACK_IMPORTED_MODULE_2__["Predicate"].and(childPred));
+ }
+ }
+ return mainPred;
+ };
+ /**
+ * Specifies the value which will be used to adjust the date value to server timezone.
+ *
+ * @default null
+ */
+ DataUtil.serverTimezoneOffset = null;
+ /**
+ * Species whether are not to be parsed with serverTimezoneOffset value.
+ *
+ * @hidden
+ */
+ DataUtil.timeZoneHandling = true;
+ /**
+ * Throw error with the given string as message.
+ *
+ * @param {string} er
+ * @param error
+ */
+ DataUtil.throwError = function (error) {
+ try {
+ throw new Error(error);
+ }
+ catch (e) {
+ // eslint-disable-next-line no-throw-literal
+ throw e.message + '\n' + e.stack;
+ }
+ };
+ DataUtil.aggregates = {
+ /**
+ * Calculate sum of the given field in the data.
+ *
+ * @param {Object[]} ds
+ * @param {string} field
+ */
+ sum: function (ds, field) {
+ var result = 0;
+ var val;
+ var castRequired = typeof DataUtil.getVal(ds, 0, field) !== 'number';
+ for (var i = 0; i < ds.length; i++) {
+ val = DataUtil.getVal(ds, i, field);
+ if (!isNaN(val) && val !== null) {
+ if (castRequired) {
+ val = +val;
+ }
+ result += val;
+ }
+ }
+ return result;
+ },
+ /**
+ * Calculate average value of the given field in the data.
+ *
+ * @param {Object[]} ds
+ * @param {string} field
+ */
+ average: function (ds, field) {
+ return DataUtil.aggregates.sum(ds, field) / ds.length;
+ },
+ /**
+ * Returns the min value of the data based on the field.
+ *
+ * @param {Object[]} ds
+ * @param {string|Function} field
+ */
+ min: function (ds, field) {
+ var comparer;
+ if (typeof field === 'function') {
+ comparer = field;
+ field = null;
+ }
+ return DataUtil.getObject(field, DataUtil.getItemFromComparer(ds, field, comparer || DataUtil.fnAscending));
+ },
+ /**
+ * Returns the max value of the data based on the field.
+ *
+ * @param {Object[]} ds
+ * @param {string} field
+ * @returns number
+ */
+ max: function (ds, field) {
+ var comparer;
+ if (typeof field === 'function') {
+ comparer = field;
+ field = null;
+ }
+ return DataUtil.getObject(field, DataUtil.getItemFromComparer(ds, field, comparer || DataUtil.fnDescending));
+ },
+ /**
+ * Returns the total number of true value present in the data based on the given boolean field name.
+ *
+ * @param {Object[]} ds
+ * @param {string} field
+ */
+ truecount: function (ds, field) {
+ return new _manager__WEBPACK_IMPORTED_MODULE_1__["DataManager"](ds).executeLocal(new _query__WEBPACK_IMPORTED_MODULE_2__["Query"]().where(field, 'equal', true, true)).length;
+ },
+ /**
+ * Returns the total number of false value present in the data based on the given boolean field name.
+ *
+ * @param {Object[]} ds
+ * @param {string} field
+ */
+ falsecount: function (ds, field) {
+ return new _manager__WEBPACK_IMPORTED_MODULE_1__["DataManager"](ds).executeLocal(new _query__WEBPACK_IMPORTED_MODULE_2__["Query"]().where(field, 'equal', false, true)).length;
+ },
+ /**
+ * Returns the length of the given data.
+ *
+ * @param {Object[]} ds
+ * @param {string} field?
+ * @param field
+ * @returns number
+ */
+ count: function (ds, field) {
+ return ds.length;
+ }
+ };
+ /**
+ * Specifies the Object with filter operators.
+ */
+ DataUtil.operatorSymbols = {
+ '<': 'lessthan',
+ '>': 'greaterthan',
+ '<=': 'lessthanorequal',
+ '>=': 'greaterthanorequal',
+ '==': 'equal',
+ '!=': 'notequal',
+ '*=': 'contains',
+ '$=': 'endswith',
+ '^=': 'startswith'
+ };
+ /**
+ * Specifies the Object with filter operators which will be used for OData filter query generation.
+ * * It will be used for date/number type filter query.
+ */
+ DataUtil.odBiOperator = {
+ '<': ' lt ',
+ '>': ' gt ',
+ '<=': ' le ',
+ '>=': ' ge ',
+ '==': ' eq ',
+ '!=': ' ne ',
+ 'lessthan': ' lt ',
+ 'lessthanorequal': ' le ',
+ 'greaterthan': ' gt ',
+ 'greaterthanorequal': ' ge ',
+ 'equal': ' eq ',
+ 'notequal': ' ne '
+ };
+ /**
+ * Specifies the Object with filter operators which will be used for OData filter query generation.
+ * It will be used for string type filter query.
+ */
+ DataUtil.odUniOperator = {
+ '$=': 'endswith',
+ '^=': 'startswith',
+ '*=': 'substringof',
+ 'endswith': 'endswith',
+ 'startswith': 'startswith',
+ 'contains': 'substringof',
+ 'doesnotendwith': 'not endswith',
+ 'doesnotstartwith': 'not startswith',
+ 'doesnotcontain': 'not substringof',
+ 'wildcard': 'wildcard',
+ 'like': 'like'
+ };
+ /**
+ * Specifies the Object with filter operators which will be used for ODataV4 filter query generation.
+ * It will be used for string type filter query.
+ */
+ DataUtil.odv4UniOperator = {
+ '$=': 'endswith',
+ '^=': 'startswith',
+ '*=': 'contains',
+ 'endswith': 'endswith',
+ 'startswith': 'startswith',
+ 'contains': 'contains',
+ 'doesnotendwith': 'not endswith',
+ 'doesnotstartwith': 'not startswith',
+ 'doesnotcontain': 'not contains',
+ 'wildcard': 'wildcard',
+ 'like': 'like'
+ };
+ DataUtil.diacritics = {
+ '\u24B6': 'A',
+ '\uFF21': 'A',
+ '\u00C0': 'A',
+ '\u00C1': 'A',
+ '\u00C2': 'A',
+ '\u1EA6': 'A',
+ '\u1EA4': 'A',
+ '\u1EAA': 'A',
+ '\u1EA8': 'A',
+ '\u00C3': 'A',
+ '\u0100': 'A',
+ '\u0102': 'A',
+ '\u1EB0': 'A',
+ '\u1EAE': 'A',
+ '\u1EB4': 'A',
+ '\u1EB2': 'A',
+ '\u0226': 'A',
+ '\u01E0': 'A',
+ '\u00C4': 'A',
+ '\u01DE': 'A',
+ '\u1EA2': 'A',
+ '\u00C5': 'A',
+ '\u01FA': 'A',
+ '\u01CD': 'A',
+ '\u0200': 'A',
+ '\u0202': 'A',
+ '\u1EA0': 'A',
+ '\u1EAC': 'A',
+ '\u1EB6': 'A',
+ '\u1E00': 'A',
+ '\u0104': 'A',
+ '\u023A': 'A',
+ '\u2C6F': 'A',
+ '\uA732': 'AA',
+ '\u00C6': 'AE',
+ '\u01FC': 'AE',
+ '\u01E2': 'AE',
+ '\uA734': 'AO',
+ '\uA736': 'AU',
+ '\uA738': 'AV',
+ '\uA73A': 'AV',
+ '\uA73C': 'AY',
+ '\u24B7': 'B',
+ '\uFF22': 'B',
+ '\u1E02': 'B',
+ '\u1E04': 'B',
+ '\u1E06': 'B',
+ '\u0243': 'B',
+ '\u0182': 'B',
+ '\u0181': 'B',
+ '\u24B8': 'C',
+ '\uFF23': 'C',
+ '\u0106': 'C',
+ '\u0108': 'C',
+ '\u010A': 'C',
+ '\u010C': 'C',
+ '\u00C7': 'C',
+ '\u1E08': 'C',
+ '\u0187': 'C',
+ '\u023B': 'C',
+ '\uA73E': 'C',
+ '\u24B9': 'D',
+ '\uFF24': 'D',
+ '\u1E0A': 'D',
+ '\u010E': 'D',
+ '\u1E0C': 'D',
+ '\u1E10': 'D',
+ '\u1E12': 'D',
+ '\u1E0E': 'D',
+ '\u0110': 'D',
+ '\u018B': 'D',
+ '\u018A': 'D',
+ '\u0189': 'D',
+ '\uA779': 'D',
+ '\u01F1': 'DZ',
+ '\u01C4': 'DZ',
+ '\u01F2': 'Dz',
+ '\u01C5': 'Dz',
+ '\u24BA': 'E',
+ '\uFF25': 'E',
+ '\u00C8': 'E',
+ '\u00C9': 'E',
+ '\u00CA': 'E',
+ '\u1EC0': 'E',
+ '\u1EBE': 'E',
+ '\u1EC4': 'E',
+ '\u1EC2': 'E',
+ '\u1EBC': 'E',
+ '\u0112': 'E',
+ '\u1E14': 'E',
+ '\u1E16': 'E',
+ '\u0114': 'E',
+ '\u0116': 'E',
+ '\u00CB': 'E',
+ '\u1EBA': 'E',
+ '\u011A': 'E',
+ '\u0204': 'E',
+ '\u0206': 'E',
+ '\u1EB8': 'E',
+ '\u1EC6': 'E',
+ '\u0228': 'E',
+ '\u1E1C': 'E',
+ '\u0118': 'E',
+ '\u1E18': 'E',
+ '\u1E1A': 'E',
+ '\u0190': 'E',
+ '\u018E': 'E',
+ '\u24BB': 'F',
+ '\uFF26': 'F',
+ '\u1E1E': 'F',
+ '\u0191': 'F',
+ '\uA77B': 'F',
+ '\u24BC': 'G',
+ '\uFF27': 'G',
+ '\u01F4': 'G',
+ '\u011C': 'G',
+ '\u1E20': 'G',
+ '\u011E': 'G',
+ '\u0120': 'G',
+ '\u01E6': 'G',
+ '\u0122': 'G',
+ '\u01E4': 'G',
+ '\u0193': 'G',
+ '\uA7A0': 'G',
+ '\uA77D': 'G',
+ '\uA77E': 'G',
+ '\u24BD': 'H',
+ '\uFF28': 'H',
+ '\u0124': 'H',
+ '\u1E22': 'H',
+ '\u1E26': 'H',
+ '\u021E': 'H',
+ '\u1E24': 'H',
+ '\u1E28': 'H',
+ '\u1E2A': 'H',
+ '\u0126': 'H',
+ '\u2C67': 'H',
+ '\u2C75': 'H',
+ '\uA78D': 'H',
+ '\u24BE': 'I',
+ '\uFF29': 'I',
+ '\u00CC': 'I',
+ '\u00CD': 'I',
+ '\u00CE': 'I',
+ '\u0128': 'I',
+ '\u012A': 'I',
+ '\u012C': 'I',
+ '\u0130': 'I',
+ '\u00CF': 'I',
+ '\u1E2E': 'I',
+ '\u1EC8': 'I',
+ '\u01CF': 'I',
+ '\u0208': 'I',
+ '\u020A': 'I',
+ '\u1ECA': 'I',
+ '\u012E': 'I',
+ '\u1E2C': 'I',
+ '\u0197': 'I',
+ '\u24BF': 'J',
+ '\uFF2A': 'J',
+ '\u0134': 'J',
+ '\u0248': 'J',
+ '\u24C0': 'K',
+ '\uFF2B': 'K',
+ '\u1E30': 'K',
+ '\u01E8': 'K',
+ '\u1E32': 'K',
+ '\u0136': 'K',
+ '\u1E34': 'K',
+ '\u0198': 'K',
+ '\u2C69': 'K',
+ '\uA740': 'K',
+ '\uA742': 'K',
+ '\uA744': 'K',
+ '\uA7A2': 'K',
+ '\u24C1': 'L',
+ '\uFF2C': 'L',
+ '\u013F': 'L',
+ '\u0139': 'L',
+ '\u013D': 'L',
+ '\u1E36': 'L',
+ '\u1E38': 'L',
+ '\u013B': 'L',
+ '\u1E3C': 'L',
+ '\u1E3A': 'L',
+ '\u0141': 'L',
+ '\u023D': 'L',
+ '\u2C62': 'L',
+ '\u2C60': 'L',
+ '\uA748': 'L',
+ '\uA746': 'L',
+ '\uA780': 'L',
+ '\u01C7': 'LJ',
+ '\u01C8': 'Lj',
+ '\u24C2': 'M',
+ '\uFF2D': 'M',
+ '\u1E3E': 'M',
+ '\u1E40': 'M',
+ '\u1E42': 'M',
+ '\u2C6E': 'M',
+ '\u019C': 'M',
+ '\u24C3': 'N',
+ '\uFF2E': 'N',
+ '\u01F8': 'N',
+ '\u0143': 'N',
+ '\u00D1': 'N',
+ '\u1E44': 'N',
+ '\u0147': 'N',
+ '\u1E46': 'N',
+ '\u0145': 'N',
+ '\u1E4A': 'N',
+ '\u1E48': 'N',
+ '\u0220': 'N',
+ '\u019D': 'N',
+ '\uA790': 'N',
+ '\uA7A4': 'N',
+ '\u01CA': 'NJ',
+ '\u01CB': 'Nj',
+ '\u24C4': 'O',
+ '\uFF2F': 'O',
+ '\u00D2': 'O',
+ '\u00D3': 'O',
+ '\u00D4': 'O',
+ '\u1ED2': 'O',
+ '\u1ED0': 'O',
+ '\u1ED6': 'O',
+ '\u1ED4': 'O',
+ '\u00D5': 'O',
+ '\u1E4C': 'O',
+ '\u022C': 'O',
+ '\u1E4E': 'O',
+ '\u014C': 'O',
+ '\u1E50': 'O',
+ '\u1E52': 'O',
+ '\u014E': 'O',
+ '\u022E': 'O',
+ '\u0230': 'O',
+ '\u00D6': 'O',
+ '\u022A': 'O',
+ '\u1ECE': 'O',
+ '\u0150': 'O',
+ '\u01D1': 'O',
+ '\u020C': 'O',
+ '\u020E': 'O',
+ '\u01A0': 'O',
+ '\u1EDC': 'O',
+ '\u1EDA': 'O',
+ '\u1EE0': 'O',
+ '\u1EDE': 'O',
+ '\u1EE2': 'O',
+ '\u1ECC': 'O',
+ '\u1ED8': 'O',
+ '\u01EA': 'O',
+ '\u01EC': 'O',
+ '\u00D8': 'O',
+ '\u01FE': 'O',
+ '\u0186': 'O',
+ '\u019F': 'O',
+ '\uA74A': 'O',
+ '\uA74C': 'O',
+ '\u01A2': 'OI',
+ '\uA74E': 'OO',
+ '\u0222': 'OU',
+ '\u24C5': 'P',
+ '\uFF30': 'P',
+ '\u1E54': 'P',
+ '\u1E56': 'P',
+ '\u01A4': 'P',
+ '\u2C63': 'P',
+ '\uA750': 'P',
+ '\uA752': 'P',
+ '\uA754': 'P',
+ '\u24C6': 'Q',
+ '\uFF31': 'Q',
+ '\uA756': 'Q',
+ '\uA758': 'Q',
+ '\u024A': 'Q',
+ '\u24C7': 'R',
+ '\uFF32': 'R',
+ '\u0154': 'R',
+ '\u1E58': 'R',
+ '\u0158': 'R',
+ '\u0210': 'R',
+ '\u0212': 'R',
+ '\u1E5A': 'R',
+ '\u1E5C': 'R',
+ '\u0156': 'R',
+ '\u1E5E': 'R',
+ '\u024C': 'R',
+ '\u2C64': 'R',
+ '\uA75A': 'R',
+ '\uA7A6': 'R',
+ '\uA782': 'R',
+ '\u24C8': 'S',
+ '\uFF33': 'S',
+ '\u1E9E': 'S',
+ '\u015A': 'S',
+ '\u1E64': 'S',
+ '\u015C': 'S',
+ '\u1E60': 'S',
+ '\u0160': 'S',
+ '\u1E66': 'S',
+ '\u1E62': 'S',
+ '\u1E68': 'S',
+ '\u0218': 'S',
+ '\u015E': 'S',
+ '\u2C7E': 'S',
+ '\uA7A8': 'S',
+ '\uA784': 'S',
+ '\u24C9': 'T',
+ '\uFF34': 'T',
+ '\u1E6A': 'T',
+ '\u0164': 'T',
+ '\u1E6C': 'T',
+ '\u021A': 'T',
+ '\u0162': 'T',
+ '\u1E70': 'T',
+ '\u1E6E': 'T',
+ '\u0166': 'T',
+ '\u01AC': 'T',
+ '\u01AE': 'T',
+ '\u023E': 'T',
+ '\uA786': 'T',
+ '\uA728': 'TZ',
+ '\u24CA': 'U',
+ '\uFF35': 'U',
+ '\u00D9': 'U',
+ '\u00DA': 'U',
+ '\u00DB': 'U',
+ '\u0168': 'U',
+ '\u1E78': 'U',
+ '\u016A': 'U',
+ '\u1E7A': 'U',
+ '\u016C': 'U',
+ '\u00DC': 'U',
+ '\u01DB': 'U',
+ '\u01D7': 'U',
+ '\u01D5': 'U',
+ '\u01D9': 'U',
+ '\u1EE6': 'U',
+ '\u016E': 'U',
+ '\u0170': 'U',
+ '\u01D3': 'U',
+ '\u0214': 'U',
+ '\u0216': 'U',
+ '\u01AF': 'U',
+ '\u1EEA': 'U',
+ '\u1EE8': 'U',
+ '\u1EEE': 'U',
+ '\u1EEC': 'U',
+ '\u1EF0': 'U',
+ '\u1EE4': 'U',
+ '\u1E72': 'U',
+ '\u0172': 'U',
+ '\u1E76': 'U',
+ '\u1E74': 'U',
+ '\u0244': 'U',
+ '\u24CB': 'V',
+ '\uFF36': 'V',
+ '\u1E7C': 'V',
+ '\u1E7E': 'V',
+ '\u01B2': 'V',
+ '\uA75E': 'V',
+ '\u0245': 'V',
+ '\uA760': 'VY',
+ '\u24CC': 'W',
+ '\uFF37': 'W',
+ '\u1E80': 'W',
+ '\u1E82': 'W',
+ '\u0174': 'W',
+ '\u1E86': 'W',
+ '\u1E84': 'W',
+ '\u1E88': 'W',
+ '\u2C72': 'W',
+ '\u24CD': 'X',
+ '\uFF38': 'X',
+ '\u1E8A': 'X',
+ '\u1E8C': 'X',
+ '\u24CE': 'Y',
+ '\uFF39': 'Y',
+ '\u1EF2': 'Y',
+ '\u00DD': 'Y',
+ '\u0176': 'Y',
+ '\u1EF8': 'Y',
+ '\u0232': 'Y',
+ '\u1E8E': 'Y',
+ '\u0178': 'Y',
+ '\u1EF6': 'Y',
+ '\u1EF4': 'Y',
+ '\u01B3': 'Y',
+ '\u024E': 'Y',
+ '\u1EFE': 'Y',
+ '\u24CF': 'Z',
+ '\uFF3A': 'Z',
+ '\u0179': 'Z',
+ '\u1E90': 'Z',
+ '\u017B': 'Z',
+ '\u017D': 'Z',
+ '\u1E92': 'Z',
+ '\u1E94': 'Z',
+ '\u01B5': 'Z',
+ '\u0224': 'Z',
+ '\u2C7F': 'Z',
+ '\u2C6B': 'Z',
+ '\uA762': 'Z',
+ '\u24D0': 'a',
+ '\uFF41': 'a',
+ '\u1E9A': 'a',
+ '\u00E0': 'a',
+ '\u00E1': 'a',
+ '\u00E2': 'a',
+ '\u1EA7': 'a',
+ '\u1EA5': 'a',
+ '\u1EAB': 'a',
+ '\u1EA9': 'a',
+ '\u00E3': 'a',
+ '\u0101': 'a',
+ '\u0103': 'a',
+ '\u1EB1': 'a',
+ '\u1EAF': 'a',
+ '\u1EB5': 'a',
+ '\u1EB3': 'a',
+ '\u0227': 'a',
+ '\u01E1': 'a',
+ '\u00E4': 'a',
+ '\u01DF': 'a',
+ '\u1EA3': 'a',
+ '\u00E5': 'a',
+ '\u01FB': 'a',
+ '\u01CE': 'a',
+ '\u0201': 'a',
+ '\u0203': 'a',
+ '\u1EA1': 'a',
+ '\u1EAD': 'a',
+ '\u1EB7': 'a',
+ '\u1E01': 'a',
+ '\u0105': 'a',
+ '\u2C65': 'a',
+ '\u0250': 'a',
+ '\uA733': 'aa',
+ '\u00E6': 'ae',
+ '\u01FD': 'ae',
+ '\u01E3': 'ae',
+ '\uA735': 'ao',
+ '\uA737': 'au',
+ '\uA739': 'av',
+ '\uA73B': 'av',
+ '\uA73D': 'ay',
+ '\u24D1': 'b',
+ '\uFF42': 'b',
+ '\u1E03': 'b',
+ '\u1E05': 'b',
+ '\u1E07': 'b',
+ '\u0180': 'b',
+ '\u0183': 'b',
+ '\u0253': 'b',
+ '\u24D2': 'c',
+ '\uFF43': 'c',
+ '\u0107': 'c',
+ '\u0109': 'c',
+ '\u010B': 'c',
+ '\u010D': 'c',
+ '\u00E7': 'c',
+ '\u1E09': 'c',
+ '\u0188': 'c',
+ '\u023C': 'c',
+ '\uA73F': 'c',
+ '\u2184': 'c',
+ '\u24D3': 'd',
+ '\uFF44': 'd',
+ '\u1E0B': 'd',
+ '\u010F': 'd',
+ '\u1E0D': 'd',
+ '\u1E11': 'd',
+ '\u1E13': 'd',
+ '\u1E0F': 'd',
+ '\u0111': 'd',
+ '\u018C': 'd',
+ '\u0256': 'd',
+ '\u0257': 'd',
+ '\uA77A': 'd',
+ '\u01F3': 'dz',
+ '\u01C6': 'dz',
+ '\u24D4': 'e',
+ '\uFF45': 'e',
+ '\u00E8': 'e',
+ '\u00E9': 'e',
+ '\u00EA': 'e',
+ '\u1EC1': 'e',
+ '\u1EBF': 'e',
+ '\u1EC5': 'e',
+ '\u1EC3': 'e',
+ '\u1EBD': 'e',
+ '\u0113': 'e',
+ '\u1E15': 'e',
+ '\u1E17': 'e',
+ '\u0115': 'e',
+ '\u0117': 'e',
+ '\u00EB': 'e',
+ '\u1EBB': 'e',
+ '\u011B': 'e',
+ '\u0205': 'e',
+ '\u0207': 'e',
+ '\u1EB9': 'e',
+ '\u1EC7': 'e',
+ '\u0229': 'e',
+ '\u1E1D': 'e',
+ '\u0119': 'e',
+ '\u1E19': 'e',
+ '\u1E1B': 'e',
+ '\u0247': 'e',
+ '\u025B': 'e',
+ '\u01DD': 'e',
+ '\u24D5': 'f',
+ '\uFF46': 'f',
+ '\u1E1F': 'f',
+ '\u0192': 'f',
+ '\uA77C': 'f',
+ '\u24D6': 'g',
+ '\uFF47': 'g',
+ '\u01F5': 'g',
+ '\u011D': 'g',
+ '\u1E21': 'g',
+ '\u011F': 'g',
+ '\u0121': 'g',
+ '\u01E7': 'g',
+ '\u0123': 'g',
+ '\u01E5': 'g',
+ '\u0260': 'g',
+ '\uA7A1': 'g',
+ '\u1D79': 'g',
+ '\uA77F': 'g',
+ '\u24D7': 'h',
+ '\uFF48': 'h',
+ '\u0125': 'h',
+ '\u1E23': 'h',
+ '\u1E27': 'h',
+ '\u021F': 'h',
+ '\u1E25': 'h',
+ '\u1E29': 'h',
+ '\u1E2B': 'h',
+ '\u1E96': 'h',
+ '\u0127': 'h',
+ '\u2C68': 'h',
+ '\u2C76': 'h',
+ '\u0265': 'h',
+ '\u0195': 'hv',
+ '\u24D8': 'i',
+ '\uFF49': 'i',
+ '\u00EC': 'i',
+ '\u00ED': 'i',
+ '\u00EE': 'i',
+ '\u0129': 'i',
+ '\u012B': 'i',
+ '\u012D': 'i',
+ '\u00EF': 'i',
+ '\u1E2F': 'i',
+ '\u1EC9': 'i',
+ '\u01D0': 'i',
+ '\u0209': 'i',
+ '\u020B': 'i',
+ '\u1ECB': 'i',
+ '\u012F': 'i',
+ '\u1E2D': 'i',
+ '\u0268': 'i',
+ '\u0131': 'i',
+ '\u24D9': 'j',
+ '\uFF4A': 'j',
+ '\u0135': 'j',
+ '\u01F0': 'j',
+ '\u0249': 'j',
+ '\u24DA': 'k',
+ '\uFF4B': 'k',
+ '\u1E31': 'k',
+ '\u01E9': 'k',
+ '\u1E33': 'k',
+ '\u0137': 'k',
+ '\u1E35': 'k',
+ '\u0199': 'k',
+ '\u2C6A': 'k',
+ '\uA741': 'k',
+ '\uA743': 'k',
+ '\uA745': 'k',
+ '\uA7A3': 'k',
+ '\u24DB': 'l',
+ '\uFF4C': 'l',
+ '\u0140': 'l',
+ '\u013A': 'l',
+ '\u013E': 'l',
+ '\u1E37': 'l',
+ '\u1E39': 'l',
+ '\u013C': 'l',
+ '\u1E3D': 'l',
+ '\u1E3B': 'l',
+ '\u017F': 'l',
+ '\u0142': 'l',
+ '\u019A': 'l',
+ '\u026B': 'l',
+ '\u2C61': 'l',
+ '\uA749': 'l',
+ '\uA781': 'l',
+ '\uA747': 'l',
+ '\u01C9': 'lj',
+ '\u24DC': 'm',
+ '\uFF4D': 'm',
+ '\u1E3F': 'm',
+ '\u1E41': 'm',
+ '\u1E43': 'm',
+ '\u0271': 'm',
+ '\u026F': 'm',
+ '\u24DD': 'n',
+ '\uFF4E': 'n',
+ '\u01F9': 'n',
+ '\u0144': 'n',
+ '\u00F1': 'n',
+ '\u1E45': 'n',
+ '\u0148': 'n',
+ '\u1E47': 'n',
+ '\u0146': 'n',
+ '\u1E4B': 'n',
+ '\u1E49': 'n',
+ '\u019E': 'n',
+ '\u0272': 'n',
+ '\u0149': 'n',
+ '\uA791': 'n',
+ '\uA7A5': 'n',
+ '\u01CC': 'nj',
+ '\u24DE': 'o',
+ '\uFF4F': 'o',
+ '\u00F2': 'o',
+ '\u00F3': 'o',
+ '\u00F4': 'o',
+ '\u1ED3': 'o',
+ '\u1ED1': 'o',
+ '\u1ED7': 'o',
+ '\u1ED5': 'o',
+ '\u00F5': 'o',
+ '\u1E4D': 'o',
+ '\u022D': 'o',
+ '\u1E4F': 'o',
+ '\u014D': 'o',
+ '\u1E51': 'o',
+ '\u1E53': 'o',
+ '\u014F': 'o',
+ '\u022F': 'o',
+ '\u0231': 'o',
+ '\u00F6': 'o',
+ '\u022B': 'o',
+ '\u1ECF': 'o',
+ '\u0151': 'o',
+ '\u01D2': 'o',
+ '\u020D': 'o',
+ '\u020F': 'o',
+ '\u01A1': 'o',
+ '\u1EDD': 'o',
+ '\u1EDB': 'o',
+ '\u1EE1': 'o',
+ '\u1EDF': 'o',
+ '\u1EE3': 'o',
+ '\u1ECD': 'o',
+ '\u1ED9': 'o',
+ '\u01EB': 'o',
+ '\u01ED': 'o',
+ '\u00F8': 'o',
+ '\u01FF': 'o',
+ '\u0254': 'o',
+ '\uA74B': 'o',
+ '\uA74D': 'o',
+ '\u0275': 'o',
+ '\u01A3': 'oi',
+ '\u0223': 'ou',
+ '\uA74F': 'oo',
+ '\u24DF': 'p',
+ '\uFF50': 'p',
+ '\u1E55': 'p',
+ '\u1E57': 'p',
+ '\u01A5': 'p',
+ '\u1D7D': 'p',
+ '\uA751': 'p',
+ '\uA753': 'p',
+ '\uA755': 'p',
+ '\u24E0': 'q',
+ '\uFF51': 'q',
+ '\u024B': 'q',
+ '\uA757': 'q',
+ '\uA759': 'q',
+ '\u24E1': 'r',
+ '\uFF52': 'r',
+ '\u0155': 'r',
+ '\u1E59': 'r',
+ '\u0159': 'r',
+ '\u0211': 'r',
+ '\u0213': 'r',
+ '\u1E5B': 'r',
+ '\u1E5D': 'r',
+ '\u0157': 'r',
+ '\u1E5F': 'r',
+ '\u024D': 'r',
+ '\u027D': 'r',
+ '\uA75B': 'r',
+ '\uA7A7': 'r',
+ '\uA783': 'r',
+ '\u24E2': 's',
+ '\uFF53': 's',
+ '\u00DF': 's',
+ '\u015B': 's',
+ '\u1E65': 's',
+ '\u015D': 's',
+ '\u1E61': 's',
+ '\u0161': 's',
+ '\u1E67': 's',
+ '\u1E63': 's',
+ '\u1E69': 's',
+ '\u0219': 's',
+ '\u015F': 's',
+ '\u023F': 's',
+ '\uA7A9': 's',
+ '\uA785': 's',
+ '\u1E9B': 's',
+ '\u24E3': 't',
+ '\uFF54': 't',
+ '\u1E6B': 't',
+ '\u1E97': 't',
+ '\u0165': 't',
+ '\u1E6D': 't',
+ '\u021B': 't',
+ '\u0163': 't',
+ '\u1E71': 't',
+ '\u1E6F': 't',
+ '\u0167': 't',
+ '\u01AD': 't',
+ '\u0288': 't',
+ '\u2C66': 't',
+ '\uA787': 't',
+ '\uA729': 'tz',
+ '\u24E4': 'u',
+ '\uFF55': 'u',
+ '\u00F9': 'u',
+ '\u00FA': 'u',
+ '\u00FB': 'u',
+ '\u0169': 'u',
+ '\u1E79': 'u',
+ '\u016B': 'u',
+ '\u1E7B': 'u',
+ '\u016D': 'u',
+ '\u00FC': 'u',
+ '\u01DC': 'u',
+ '\u01D8': 'u',
+ '\u01D6': 'u',
+ '\u01DA': 'u',
+ '\u1EE7': 'u',
+ '\u016F': 'u',
+ '\u0171': 'u',
+ '\u01D4': 'u',
+ '\u0215': 'u',
+ '\u0217': 'u',
+ '\u01B0': 'u',
+ '\u1EEB': 'u',
+ '\u1EE9': 'u',
+ '\u1EEF': 'u',
+ '\u1EED': 'u',
+ '\u1EF1': 'u',
+ '\u1EE5': 'u',
+ '\u1E73': 'u',
+ '\u0173': 'u',
+ '\u1E77': 'u',
+ '\u1E75': 'u',
+ '\u0289': 'u',
+ '\u24E5': 'v',
+ '\uFF56': 'v',
+ '\u1E7D': 'v',
+ '\u1E7F': 'v',
+ '\u028B': 'v',
+ '\uA75F': 'v',
+ '\u028C': 'v',
+ '\uA761': 'vy',
+ '\u24E6': 'w',
+ '\uFF57': 'w',
+ '\u1E81': 'w',
+ '\u1E83': 'w',
+ '\u0175': 'w',
+ '\u1E87': 'w',
+ '\u1E85': 'w',
+ '\u1E98': 'w',
+ '\u1E89': 'w',
+ '\u2C73': 'w',
+ '\u24E7': 'x',
+ '\uFF58': 'x',
+ '\u1E8B': 'x',
+ '\u1E8D': 'x',
+ '\u24E8': 'y',
+ '\uFF59': 'y',
+ '\u1EF3': 'y',
+ '\u00FD': 'y',
+ '\u0177': 'y',
+ '\u1EF9': 'y',
+ '\u0233': 'y',
+ '\u1E8F': 'y',
+ '\u00FF': 'y',
+ '\u1EF7': 'y',
+ '\u1E99': 'y',
+ '\u1EF5': 'y',
+ '\u01B4': 'y',
+ '\u024F': 'y',
+ '\u1EFF': 'y',
+ '\u24E9': 'z',
+ '\uFF5A': 'z',
+ '\u017A': 'z',
+ '\u1E91': 'z',
+ '\u017C': 'z',
+ '\u017E': 'z',
+ '\u1E93': 'z',
+ '\u1E95': 'z',
+ '\u01B6': 'z',
+ '\u0225': 'z',
+ '\u0240': 'z',
+ '\u2C6C': 'z',
+ '\uA763': 'z',
+ '\u0386': '\u0391',
+ '\u0388': '\u0395',
+ '\u0389': '\u0397',
+ '\u038A': '\u0399',
+ '\u03AA': '\u0399',
+ '\u038C': '\u039F',
+ '\u038E': '\u03A5',
+ '\u03AB': '\u03A5',
+ '\u038F': '\u03A9',
+ '\u03AC': '\u03B1',
+ '\u03AD': '\u03B5',
+ '\u03AE': '\u03B7',
+ '\u03AF': '\u03B9',
+ '\u03CA': '\u03B9',
+ '\u0390': '\u03B9',
+ '\u03CC': '\u03BF',
+ '\u03CD': '\u03C5',
+ '\u03CB': '\u03C5',
+ '\u03B0': '\u03C5',
+ '\u03C9': '\u03C9',
+ '\u03C2': '\u03C3'
+ };
+ DataUtil.fnOperators = {
+ /**
+ * Returns true when the actual input is equal to the given input.
+ *
+ * @param {string|number|boolean} actual
+ * @param {string|number|boolean} expected
+ * @param {boolean} ignoreCase?
+ * @param {boolean} ignoreAccent?
+ * @param ignoreCase
+ * @param ignoreAccent
+ */
+ equal: function (actual, expected, ignoreCase, ignoreAccent) {
+ if (ignoreAccent) {
+ actual = DataUtil.ignoreDiacritics(actual);
+ expected = DataUtil.ignoreDiacritics(expected);
+ }
+ if (ignoreCase) {
+ return DataUtil.toLowerCase(actual) === DataUtil.toLowerCase(expected);
+ }
+ return actual === expected;
+ },
+ /**
+ * Returns true when the actual input is not equal to the given input.
+ *
+ * @param {string|number|boolean} actual
+ * @param {string|number|boolean} expected
+ * @param {boolean} ignoreCase?
+ * @param ignoreCase
+ * @param ignoreAccent
+ */
+ notequal: function (actual, expected, ignoreCase, ignoreAccent) {
+ if (ignoreAccent) {
+ actual = DataUtil.ignoreDiacritics(actual);
+ expected = DataUtil.ignoreDiacritics(expected);
+ }
+ return !DataUtil.fnOperators.equal(actual, expected, ignoreCase);
+ },
+ /**
+ * Returns true when the actual input is less than to the given input.
+ *
+ * @param {string|number|boolean} actual
+ * @param {string|number|boolean} expected
+ * @param {boolean} ignoreCase?
+ * @param ignoreCase
+ */
+ lessthan: function (actual, expected, ignoreCase) {
+ if (ignoreCase) {
+ return DataUtil.toLowerCase(actual) < DataUtil.toLowerCase(expected);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(actual)) {
+ actual = undefined;
+ }
+ return actual < expected;
+ },
+ /**
+ * Returns true when the actual input is greater than to the given input.
+ *
+ * @param {string|number|boolean} actual
+ * @param {string|number|boolean} expected
+ * @param {boolean} ignoreCase?
+ * @param ignoreCase
+ */
+ greaterthan: function (actual, expected, ignoreCase) {
+ if (ignoreCase) {
+ return DataUtil.toLowerCase(actual) > DataUtil.toLowerCase(expected);
+ }
+ return actual > expected;
+ },
+ /**
+ * Returns true when the actual input is less than or equal to the given input.
+ *
+ * @param {string|number|boolean} actual
+ * @param {string|number|boolean} expected
+ * @param {boolean} ignoreCase?
+ * @param ignoreCase
+ */
+ lessthanorequal: function (actual, expected, ignoreCase) {
+ if (ignoreCase) {
+ return DataUtil.toLowerCase(actual) <= DataUtil.toLowerCase(expected);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(actual)) {
+ actual = undefined;
+ }
+ return actual <= expected;
+ },
+ /**
+ * Returns true when the actual input is greater than or equal to the given input.
+ *
+ * @param {string|number|boolean} actual
+ * @param {string|number|boolean} expected
+ * @param {boolean} ignoreCase?
+ * @param ignoreCase
+ */
+ greaterthanorequal: function (actual, expected, ignoreCase) {
+ if (ignoreCase) {
+ return DataUtil.toLowerCase(actual) >= DataUtil.toLowerCase(expected);
+ }
+ return actual >= expected;
+ },
+ /**
+ * Returns true when the actual input contains the given string.
+ *
+ * @param {string|number} actual
+ * @param {string|number} expected
+ * @param {boolean} ignoreCase?
+ * @param ignoreCase
+ * @param ignoreAccent
+ */
+ contains: function (actual, expected, ignoreCase, ignoreAccent) {
+ if (ignoreAccent) {
+ actual = DataUtil.ignoreDiacritics(actual);
+ expected = DataUtil.ignoreDiacritics(expected);
+ }
+ if (ignoreCase) {
+ return !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(actual) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(expected) &&
+ DataUtil.toLowerCase(actual).indexOf(DataUtil.toLowerCase(expected)) !== -1;
+ }
+ return !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(actual) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(expected) &&
+ actual.toString().indexOf(expected) !== -1;
+ },
+ /**
+ * Returns true when the actual input not contains the given string.
+ *
+ * @param {string|number} actual
+ * @param {string|number} expected
+ * @param {boolean} ignoreCase?
+ */
+ doesnotcontain: function (actual, expected, ignoreCase, ignoreAccent) {
+ if (ignoreAccent) {
+ actual = DataUtil.ignoreDiacritics(actual);
+ expected = DataUtil.ignoreDiacritics(expected);
+ }
+ if (ignoreCase) {
+ return !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(actual) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(expected) &&
+ DataUtil.toLowerCase(actual).indexOf(DataUtil.toLowerCase(expected)) === -1;
+ }
+ return !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(actual) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(expected) &&
+ actual.toString().indexOf(expected) === -1;
+ },
+ /**
+ * Returns true when the given input value is not null.
+ *
+ * @param {string|number} actual
+ * @returns boolean
+ */
+ isnotnull: function (actual) {
+ return actual !== null && actual !== undefined;
+ },
+ /**
+ * Returns true when the given input value is null.
+ *
+ * @param {string|number} actual
+ * @returns boolean
+ */
+ isnull: function (actual) {
+ return actual === null || actual === undefined;
+ },
+ /**
+ * Returns true when the actual input starts with the given string
+ *
+ * @param {string} actual
+ * @param {string} expected
+ * @param {boolean} ignoreCase?
+ * @param ignoreCase
+ * @param ignoreAccent
+ */
+ startswith: function (actual, expected, ignoreCase, ignoreAccent) {
+ if (ignoreAccent) {
+ actual = DataUtil.ignoreDiacritics(actual);
+ expected = DataUtil.ignoreDiacritics(expected);
+ }
+ if (ignoreCase) {
+ return actual && expected && DataUtil.startsWith(DataUtil.toLowerCase(actual), DataUtil.toLowerCase(expected));
+ }
+ return actual && expected && DataUtil.startsWith(actual, expected);
+ },
+ /**
+ * Returns true when the actual input not starts with the given string
+ *
+ * @param {string} actual
+ * @param {string} expected
+ * @param {boolean} ignoreCase?
+ */
+ doesnotstartwith: function (actual, expected, ignoreCase, ignoreAccent) {
+ if (ignoreAccent) {
+ actual = DataUtil.ignoreDiacritics(actual);
+ expected = DataUtil.ignoreDiacritics(expected);
+ }
+ if (ignoreCase) {
+ return actual && expected && DataUtil.notStartsWith(DataUtil.toLowerCase(actual), DataUtil.toLowerCase(expected));
+ }
+ return actual && expected && DataUtil.notStartsWith(actual, expected);
+ },
+ /**
+ * Returns true when the actual input like with the given string.
+ *
+ * @param {string} actual
+ * @param {string} expected
+ * @param {boolean} ignoreCase?
+ */
+ like: function (actual, expected, ignoreCase, ignoreAccent) {
+ if (ignoreAccent) {
+ actual = DataUtil.ignoreDiacritics(actual);
+ expected = DataUtil.ignoreDiacritics(expected);
+ }
+ if (ignoreCase) {
+ return actual && expected && DataUtil.like(DataUtil.toLowerCase(actual), DataUtil.toLowerCase(expected));
+ }
+ return actual && expected && DataUtil.like(actual, expected);
+ },
+ /**
+ * Returns true when the given input value is empty.
+ *
+ * @param {string|number} actual
+ * @returns boolean
+ */
+ isempty: function (actual) {
+ return actual === undefined || actual === '';
+ },
+ /**
+ * Returns true when the given input value is not empty.
+ *
+ * @param {string|number} actual
+ * @returns boolean
+ */
+ isnotempty: function (actual) {
+ return actual !== undefined && actual !== '';
+ },
+ /**
+ * Returns true when the actual input pattern(wildcard) matches with the given string.
+ *
+ * @param {string|Date} actual
+ * @param {string} expected
+ * @param {boolean} ignoreCase?
+ */
+ wildcard: function (actual, expected, ignoreCase, ignoreAccent) {
+ if (ignoreAccent) {
+ actual = DataUtil.ignoreDiacritics(actual);
+ expected = DataUtil.ignoreDiacritics(expected);
+ }
+ if (ignoreCase) {
+ return (actual || typeof actual === 'boolean') && expected && typeof actual !== 'object' &&
+ DataUtil.wildCard(DataUtil.toLowerCase(actual), DataUtil.toLowerCase(expected));
+ }
+ return (actual || typeof actual === 'boolean') && expected && DataUtil.wildCard(actual, expected);
+ },
+ /**
+ * Returns true when the actual input ends with the given string.
+ *
+ * @param {string} actual
+ * @param {string} expected
+ * @param {boolean} ignoreCase?
+ * @param ignoreCase
+ * @param ignoreAccent
+ */
+ endswith: function (actual, expected, ignoreCase, ignoreAccent) {
+ if (ignoreAccent) {
+ actual = DataUtil.ignoreDiacritics(actual);
+ expected = DataUtil.ignoreDiacritics(expected);
+ }
+ if (ignoreCase) {
+ return actual && expected && DataUtil.endsWith(DataUtil.toLowerCase(actual), DataUtil.toLowerCase(expected));
+ }
+ return actual && expected && DataUtil.endsWith(actual, expected);
+ },
+ /**
+ * Returns true when the actual input not ends with the given string.
+ *
+ * @param {string} actual
+ * @param {string} expected
+ * @param {boolean} ignoreCase?
+ */
+ doesnotendwith: function (actual, expected, ignoreCase, ignoreAccent) {
+ if (ignoreAccent) {
+ actual = DataUtil.ignoreDiacritics(actual);
+ expected = DataUtil.ignoreDiacritics(expected);
+ }
+ if (ignoreCase) {
+ return actual && expected && DataUtil.notEndsWith(DataUtil.toLowerCase(actual), DataUtil.toLowerCase(expected));
+ }
+ return actual && expected && DataUtil.notEndsWith(actual, expected);
+ },
+ /**
+ * It will return the filter operator based on the filter symbol.
+ *
+ * @param {string} operator
+ * @hidden
+ */
+ processSymbols: function (operator) {
+ var fnName = DataUtil.operatorSymbols[operator];
+ if (fnName) {
+ var fn = DataUtil.fnOperators[fnName];
+ return fn;
+ }
+ return DataUtil.throwError('Query - Process Operator : Invalid operator');
+ },
+ /**
+ * It will return the valid filter operator based on the specified operators.
+ *
+ * @param {string} operator
+ * @hidden
+ */
+ processOperator: function (operator) {
+ var fn = DataUtil.fnOperators[operator];
+ if (fn) {
+ return fn;
+ }
+ return DataUtil.fnOperators.processSymbols(operator);
+ }
+ };
+ /**
+ * To perform the parse operation on JSON data, like convert to string from JSON or convert to JSON from string.
+ */
+ DataUtil.parse = {
+ /**
+ * Parse the given string to the plain JavaScript object.
+ *
+ * @param {string|Object|Object[]} jsonText
+ */
+ parseJson: function (jsonText) {
+ if (typeof jsonText === 'string') {
+ jsonText = JSON.parse(jsonText, DataUtil.parse.jsonReviver);
+ }
+ else if (jsonText instanceof Array) {
+ DataUtil.parse.iterateAndReviveArray(jsonText);
+ }
+ else if (typeof jsonText === 'object' && jsonText !== null) {
+ DataUtil.parse.iterateAndReviveJson(jsonText);
+ }
+ return jsonText;
+ },
+ /**
+ * It will perform on array of values.
+ *
+ * @param {string[]|Object[]} array
+ * @hidden
+ */
+ iterateAndReviveArray: function (array) {
+ for (var i = 0; i < array.length; i++) {
+ if (typeof array[i] === 'object' && array[i] !== null) {
+ DataUtil.parse.iterateAndReviveJson(array[i]);
+ // eslint-disable-next-line no-useless-escape
+ }
+ else if (typeof array[i] === 'string' && !/^[\s]*\[|^[\s]*\{(.)+:|\"/g.test(array[i])) {
+ array[i] = DataUtil.parse.jsonReviver('', array[i]);
+ }
+ else {
+ array[i] = DataUtil.parse.parseJson(array[i]);
+ }
+ }
+ },
+ /**
+ * It will perform on JSON values
+ *
+ * @param {JSON} json
+ * @hidden
+ */
+ iterateAndReviveJson: function (json) {
+ var value;
+ var keys = Object.keys(json);
+ for (var _i = 0, keys_2 = keys; _i < keys_2.length; _i++) {
+ var prop = keys_2[_i];
+ if (DataUtil.startsWith(prop, '__')) {
+ continue;
+ }
+ value = json[prop];
+ if (typeof value === 'object') {
+ if (value instanceof Array) {
+ DataUtil.parse.iterateAndReviveArray(value);
+ }
+ else if (value) {
+ DataUtil.parse.iterateAndReviveJson(value);
+ }
+ }
+ else {
+ json[prop] = DataUtil.parse.jsonReviver(json[prop], value);
+ }
+ }
+ },
+ /**
+ * It will perform on JSON values
+ *
+ * @param {string} field
+ * @param {string|Date} value
+ * @hidden
+ */
+ jsonReviver: function (field, value) {
+ if (typeof value === 'string') {
+ // eslint-disable-next-line security/detect-unsafe-regex
+ var ms = /^\/Date\(([+-]?[0-9]+)([+-][0-9]{4})?\)\/$/.exec(value);
+ var offSet = DataUtil.timeZoneHandling ? DataUtil.serverTimezoneOffset : null;
+ if (ms) {
+ return DataUtil.dateParse.toTimeZone(new Date(parseInt(ms[1], 10)), offSet, true);
+ // eslint-disable-next-line no-useless-escape, security/detect-unsafe-regex
+ }
+ else if (/^(\d{4}\-\d\d\-\d\d([tT][\d:\.]*){1})([zZ]|([+\-])(\d\d):?(\d\d))?$/.test(value)) {
+ var isUTC = value.indexOf('Z') > -1 || value.indexOf('z') > -1;
+ var arr = value.split(/[^0-9.]/);
+ if (isUTC) {
+ if (arr[5].indexOf('.') > -1) {
+ var secondsMs = arr[5].split('.');
+ arr[5] = secondsMs[0];
+ arr[6] = new Date(value).getUTCMilliseconds().toString();
+ }
+ else {
+ arr[6] = '00';
+ }
+ value = DataUtil.dateParse
+ .toTimeZone(new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, parseInt(arr[2], 10), parseInt(arr[3], 10), parseInt(arr[4], 10), parseInt(arr[5], 10), parseInt(arr[6], 10)), DataUtil.serverTimezoneOffset, false);
+ }
+ else {
+ var utcFormat = new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, parseInt(arr[2], 10), parseInt(arr[3], 10), parseInt(arr[4], 10), parseInt(arr[5], 10));
+ var hrs = parseInt(arr[6], 10);
+ var mins = parseInt(arr[7], 10);
+ if (isNaN(hrs) && isNaN(mins)) {
+ return utcFormat;
+ }
+ if (value.indexOf('+') > -1) {
+ utcFormat.setHours(utcFormat.getHours() - hrs, utcFormat.getMinutes() - mins);
+ }
+ else {
+ utcFormat.setHours(utcFormat.getHours() + hrs, utcFormat.getMinutes() + mins);
+ }
+ value = DataUtil.dateParse
+ .toTimeZone(utcFormat, DataUtil.serverTimezoneOffset, false);
+ }
+ if (DataUtil.serverTimezoneOffset == null) {
+ value = DataUtil.dateParse.addSelfOffset(value);
+ }
+ }
+ else if (/^\d{4}-\d{2}-\d{2}$/.test(value)) {
+ var arr = value.split(/[^0-9.]/);
+ return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, parseInt(arr[2], 10));
+ }
+ }
+ return value;
+ },
+ /**
+ * Check wheather the given value is JSON or not.
+ *
+ * @param {Object[]} jsonData
+ */
+ isJson: function (jsonData) {
+ if (typeof jsonData[0] === 'string') {
+ return jsonData;
+ }
+ return DataUtil.parse.parseJson(jsonData);
+ },
+ /**
+ * Checks wheather the given value is GUID or not.
+ *
+ * @param {string} value
+ */
+ isGuid: function (value) {
+ // eslint-disable-next-line security/detect-unsafe-regex
+ var regex = /[A-Fa-f0-9]{8}(?:-[A-Fa-f0-9]{4}){3}-[A-Fa-f0-9]{12}/i;
+ var match = regex.exec(value);
+ return match != null;
+ },
+ /**
+ * The method used to replace the value based on the type.
+ *
+ * @param {Object} value
+ * @param {boolean} stringify
+ * @hidden
+ */
+ replacer: function (value, stringify) {
+ if (DataUtil.isPlainObject(value)) {
+ return DataUtil.parse.jsonReplacer(value, stringify);
+ }
+ if (value instanceof Array) {
+ return DataUtil.parse.arrayReplacer(value);
+ }
+ if (value instanceof Date) {
+ return DataUtil.parse.jsonReplacer({ val: value }, stringify).val;
+ }
+ return value;
+ },
+ /**
+ * It will replace the JSON value.
+ *
+ * @param {string} key
+ * @param {Object} val
+ * @param stringify
+ * @hidden
+ */
+ jsonReplacer: function (val, stringify) {
+ var value;
+ var keys = Object.keys(val);
+ for (var _i = 0, keys_3 = keys; _i < keys_3.length; _i++) {
+ var prop = keys_3[_i];
+ value = val[prop];
+ if (!(value instanceof Date)) {
+ continue;
+ }
+ var d = value;
+ if (DataUtil.serverTimezoneOffset == null) {
+ val[prop] = DataUtil.dateParse.toTimeZone(d, null).toJSON();
+ }
+ else {
+ d = new Date(+d + DataUtil.serverTimezoneOffset * 3600000);
+ val[prop] = DataUtil.dateParse.toTimeZone(DataUtil.dateParse.addSelfOffset(d), null).toJSON();
+ }
+ }
+ return val;
+ },
+ /**
+ * It will replace the Array of value.
+ *
+ * @param {string} key
+ * @param {Object[]} val
+ * @hidden
+ */
+ arrayReplacer: function (val) {
+ for (var i = 0; i < val.length; i++) {
+ if (DataUtil.isPlainObject(val[i])) {
+ val[i] = DataUtil.parse.jsonReplacer(val[i]);
+ }
+ else if (val[i] instanceof Date) {
+ val[i] = DataUtil.parse.jsonReplacer({ date: val[i] }).date;
+ }
+ }
+ return val;
+ },
+ /**
+ * It will replace the Date object with respective to UTC format value.
+ *
+ * @param {string} key
+ * @param {any} value
+ * @hidden
+ */
+ /* eslint-disable @typescript-eslint/no-explicit-any */
+ /* tslint:disable-next-line:no-any */
+ jsonDateReplacer: function (key, value) {
+ /* eslint-enable @typescript-eslint/no-explicit-any */
+ if (key === 'value' && value) {
+ if (typeof value === 'string') {
+ // eslint-disable-next-line security/detect-unsafe-regex
+ var ms = /^\/Date\(([+-]?[0-9]+)([+-][0-9]{4})?\)\/$/.exec(value);
+ if (ms) {
+ value = DataUtil.dateParse.toTimeZone(new Date(parseInt(ms[1], 10)), null, true);
+ // eslint-disable-next-line no-useless-escape, security/detect-unsafe-regex
+ }
+ else if (/^(\d{4}\-\d\d\-\d\d([tT][\d:\.]*){1})([zZ]|([+\-])(\d\d):?(\d\d))?$/.test(value)) {
+ var arr = value.split(/[^0-9]/);
+ value = DataUtil.dateParse
+ .toTimeZone(new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, parseInt(arr[2], 10), parseInt(arr[3], 10), parseInt(arr[4], 10), parseInt(arr[5], 10)), null, true);
+ }
+ }
+ if (value instanceof Date) {
+ value = DataUtil.dateParse.addSelfOffset(value);
+ if (DataUtil.serverTimezoneOffset === null) {
+ return DataUtil.dateParse.toTimeZone(DataUtil.dateParse.addSelfOffset(value), null).toJSON();
+ }
+ else {
+ value = DataUtil.dateParse.toTimeZone(value, (((value.getTimezoneOffset() / 60) * 2)
+ - DataUtil.serverTimezoneOffset), false);
+ return value.toJSON();
+ }
+ }
+ }
+ return value;
+ }
+ };
+ /**
+ * @hidden
+ */
+ DataUtil.dateParse = {
+ addSelfOffset: function (input) {
+ return new Date(+input - (input.getTimezoneOffset() * 60000));
+ },
+ toUTC: function (input) {
+ return new Date(+input + (input.getTimezoneOffset() * 60000));
+ },
+ toTimeZone: function (input, offset, utc) {
+ if (offset === null) {
+ return input;
+ }
+ var unix = utc ? DataUtil.dateParse.toUTC(input) : input;
+ return new Date(+unix - (offset * 3600000));
+ },
+ toLocalTime: function (input) {
+ var datefn = input;
+ var timeZone = -datefn.getTimezoneOffset();
+ var differenceString = timeZone >= 0 ? '+' : '-';
+ var localtimefn = function (num) {
+ var norm = Math.floor(Math.abs(num));
+ return (norm < 10 ? '0' : '') + norm;
+ };
+ var val = datefn.getFullYear() + '-' + localtimefn(datefn.getMonth() + 1) + '-' + localtimefn(datefn.getDate()) +
+ 'T' + localtimefn(datefn.getHours()) +
+ ':' + localtimefn(datefn.getMinutes()) +
+ ':' + localtimefn(datefn.getSeconds()) +
+ differenceString + localtimefn(timeZone / 60) +
+ ':' + localtimefn(timeZone % 60);
+ return val;
+ }
+ };
+ return DataUtil;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/blazor-tooltip/blazor-Tooltip.js":
+/*!*********************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/blazor-tooltip/blazor-Tooltip.js ***!
+ \*********************************************************************************************/
+/*! exports provided: BlazorAnimation, BlazorTooltip */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BlazorAnimation", function() { return BlazorAnimation; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BlazorTooltip", function() { return BlazorTooltip; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _position__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./position */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/blazor-tooltip/position.js");
+/* harmony import */ var _collision__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./collision */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/blazor-tooltip/collision.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable valid-jsdoc */
+/* eslint-disable jsdoc/require-param */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/ban-types */
+
+
+
+
+
+
+/**
+ * Animation options that are common for both open and close actions of the Tooltip
+ *
+ * @private
+ */
+var BlazorAnimation = /** @__PURE__ @class */ (function (_super) {
+ __extends(BlazorAnimation, _super);
+ function BlazorAnimation() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({ effect: 'FadeIn', duration: 150, delay: 0 })
+ ], BlazorAnimation.prototype, "open", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({ effect: 'FadeOut', duration: 150, delay: 0 })
+ ], BlazorAnimation.prototype, "close", void 0);
+ return BlazorAnimation;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+var SHOW_POINTER_TIP_GAP = 0;
+var HIDE_POINTER_TIP_GAP = 8;
+var POINTER_ADJUST = 2;
+var ROOT = 'e-tooltip';
+var RTL = 'e-rtl';
+var DEVICE = 'e-bigger';
+var CLOSE = 'e-tooltip-close';
+var TOOLTIP_WRAP = 'e-tooltip-wrap';
+var CONTENT = 'e-tip-content';
+var ARROW_TIP = 'e-arrow-tip';
+var ARROW_TIP_OUTER = 'e-arrow-tip-outer';
+var ARROW_TIP_INNER = 'e-arrow-tip-inner';
+var TIP_BOTTOM = 'e-tip-bottom';
+var TIP_TOP = 'e-tip-top';
+var TIP_LEFT = 'e-tip-left';
+var TIP_RIGHT = 'e-tip-right';
+var POPUP_ROOT = 'e-popup';
+var POPUP_OPEN = 'e-popup-open';
+var POPUP_CLOSE = 'e-popup-close';
+var POPUP_LIB = 'e-lib';
+var HIDE_POPUP = 'e-hidden';
+var CLASSNAMES = {
+ ROOT: 'e-popup',
+ RTL: 'e-rtl',
+ OPEN: 'e-popup-open',
+ CLOSE: 'e-popup-close'
+};
+/**
+ * @private
+ */
+var BlazorTooltip = /** @__PURE__ @class */ (function () {
+ function BlazorTooltip(diagram) {
+ this.isBlazorTooltip = false;
+ this.contentEvent = null;
+ /** @private */
+ this.width = 'auto';
+ /** @private */
+ this.height = 'auto';
+ /** @private */
+ this.content = '';
+ /** @private */
+ this.target = '';
+ /** @private */
+ this.position = 'TopCenter';
+ /** @private */
+ this.offsetX = 0;
+ /** @private */
+ this.offsetY = 0;
+ /** @private */
+ this.tipPointerPosition = 'Auto';
+ /** @private */
+ this.openDelay = 0;
+ /** @private */
+ this.closeDelay = 0;
+ /** @private */
+ this.cssClass = '';
+ this.element = diagram;
+ this.tipClass = TIP_BOTTOM;
+ this.tooltipPositionX = 'Center';
+ this.tooltipPositionY = 'Top';
+ this.isHidden = true;
+ this.showTipPointer = true;
+ }
+ /**
+ * @private
+ */
+ BlazorTooltip.prototype.open = function (target, showAnimation, e) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.animation.open)) {
+ this.animation.open = this.element.tooltip && this.element.tooltip.animation &&
+ this.element.tooltip.animation.open;
+ }
+ this.showTooltip(target, showAnimation);
+ };
+ /**
+ * @private
+ */
+ BlazorTooltip.prototype.updateTooltip = function (target) {
+ if (this.tooltipEle) {
+ this.addDescribedBy(target, this.ctrlId + '_content');
+ this.renderContent(target);
+ this.reposition(target);
+ this.adjustArrow(target, this.position, this.tooltipPositionX, this.tooltipPositionY);
+ }
+ };
+ BlazorTooltip.prototype.formatPosition = function () {
+ var _a, _b;
+ if (this.position.indexOf('Top') === 0 || this.position.indexOf('Bottom') === 0) {
+ _a = this.position.split(/(?=[A-Z])/), this.tooltipPositionY = _a[0], this.tooltipPositionX = _a[1];
+ }
+ else {
+ _b = this.position.split(/(?=[A-Z])/), this.tooltipPositionX = _b[0], this.tooltipPositionY = _b[1];
+ }
+ };
+ /**
+ * @private
+ */
+ BlazorTooltip.prototype.destroy = function () {
+ //No code
+ };
+ /**
+ * @private
+ */
+ BlazorTooltip.prototype.close = function () {
+ if (this.tooltipEle) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.tooltipEle], POPUP_CLOSE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.tooltipEle], POPUP_OPEN);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"].stop(this.tooltipEle);
+ var animationOptions = void 0;
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var currentTooltip_1 = this;
+ currentTooltip_1.isHidden = true;
+ if (this.animation.close) {
+ animationOptions = {
+ name: this.animation.close.effect,
+ duration: this.animation.close.duration || 0,
+ delay: this.animation.close.delay || 0,
+ timingFunction: 'easeOut'
+ };
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(animationOptions)) {
+ animationOptions.end = function () {
+ if (currentTooltip_1.isHidden) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(currentTooltip_1.tooltipEle);
+ currentTooltip_1.tooltipEle = null;
+ }
+ };
+ new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"](animationOptions).animate(this.tooltipEle);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.tooltipEle], CLASSNAMES.OPEN);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.tooltipEle], CLASSNAMES.CLOSE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(this.tooltipEle);
+ this.tooltipEle = null;
+ }
+ }
+ };
+ /**
+ * @private
+ */
+ BlazorTooltip.prototype.showTooltip = function (target, showAnimation, e) {
+ var _this = this;
+ clearTimeout(this.showTimer);
+ clearTimeout(this.hideTimer);
+ this.tooltipEventArgs = {
+ type: e ? e.type : null, cancel: false, target: target, event: e ? e : null,
+ element: this.tooltipEle, isInteracted: !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(e)
+ };
+ var observeCallback = function (beforeRenderArgs) {
+ _this.beforeRenderCallback(beforeRenderArgs, target, e, showAnimation);
+ };
+ this.element.trigger('beforeRender', this.tooltipEventArgs, observeCallback.bind(this));
+ };
+ BlazorTooltip.prototype.beforeRenderCallback = function (beforeRenderArgs, target, e, showAnimation) {
+ this.formatPosition();
+ var isBlazorTooltipRendered = false;
+ if (beforeRenderArgs.cancel) {
+ this.isHidden = true;
+ // this.clear();
+ }
+ else {
+ this.isHidden = false;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.tooltipEle)) {
+ this.ctrlId = this.element.element.id;
+ this.tooltipEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', {
+ className: TOOLTIP_WRAP + ' ' + POPUP_ROOT + ' ' + POPUP_LIB, attrs: {
+ role: 'tooltip', 'aria-hidden': 'false', 'id': this.ctrlId + '_content'
+ }, styles: 'width:' +
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.width) + ';height:' + Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.height) + ';position:absolute; pointer-events:none;'
+ });
+ this.beforeRenderBlazor(target, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"].stop(this.tooltipEle);
+ this.afterRenderBlazor(target, e, showAnimation, this);
+ }
+ else {
+ if (target) {
+ this.addDescribedBy(target, this.ctrlId + '_content');
+ this.renderContent(target);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"].stop(this.tooltipEle);
+ this.reposition(target);
+ this.afterRenderBlazor(target, e, showAnimation, this);
+ this.adjustArrow(target, this.position, this.tooltipPositionX, this.tooltipPositionY);
+ }
+ }
+ }
+ };
+ BlazorTooltip.prototype.afterRenderBlazor = function (target, e, showAnimation, ctrlObj) {
+ var _this = this;
+ if (target) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([ctrlObj.tooltipEle], POPUP_OPEN);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([ctrlObj.tooltipEle], POPUP_CLOSE);
+ ctrlObj.tooltipEventArgs = {
+ type: e ? e.type : null, cancel: false, target: target, event: e ? e : null,
+ element: ctrlObj.tooltipEle, isInteracted: !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(e)
+ };
+ var animation = void 0;
+ if (this.animation.open) {
+ animation = {
+ name: this.animation.open.effect,
+ duration: this.animation.open.duration || 0,
+ delay: this.animation.open.delay || 0,
+ timingFunction: 'easeIn'
+ };
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(animation)) {
+ animation.begin = function () {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([ctrlObj.tooltipEle], CLASSNAMES.CLOSE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([ctrlObj.tooltipEle], CLASSNAMES.OPEN);
+ };
+ animation.end = function () {
+ _this.element.trigger('open');
+ };
+ new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"](animation).animate(this.tooltipEle);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([ctrlObj.tooltipEle], POPUP_CLOSE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([ctrlObj.tooltipEle], POPUP_OPEN);
+ }
+ }
+ };
+ BlazorTooltip.prototype.setTipClass = function (position) {
+ if (position.indexOf('Right') === 0) {
+ this.tipClass = TIP_LEFT;
+ }
+ else if (position.indexOf('Bottom') === 0) {
+ this.tipClass = TIP_TOP;
+ }
+ else if (position.indexOf('Left') === 0) {
+ this.tipClass = TIP_RIGHT;
+ }
+ else {
+ this.tipClass = TIP_BOTTOM;
+ }
+ };
+ BlazorTooltip.prototype.renderArrow = function () {
+ this.setTipClass(this.position);
+ var tip = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { className: ARROW_TIP + ' ' + this.tipClass });
+ tip.appendChild(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { className: ARROW_TIP_OUTER + ' ' + this.tipClass }));
+ tip.appendChild(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { className: ARROW_TIP_INNER + ' ' + this.tipClass }));
+ this.tooltipEle.appendChild(tip);
+ };
+ BlazorTooltip.prototype.getTooltipPosition = function (target) {
+ this.tooltipEle.style.display = 'block';
+ var pos = Object(_position__WEBPACK_IMPORTED_MODULE_1__["calculatePosition"])(target, this.tooltipPositionX, this.tooltipPositionY);
+ var offsetPos = this.calculateTooltipOffset(this.position);
+ var elePos = this.collisionFlipFit(target, pos.left + offsetPos.left, pos.top + offsetPos.top);
+ this.tooltipEle.style.display = '';
+ return elePos;
+ };
+ BlazorTooltip.prototype.checkCollision = function (target, x, y) {
+ var elePos = {
+ left: x, top: y, position: this.position,
+ horizontal: this.tooltipPositionX, vertical: this.tooltipPositionY
+ };
+ var affectedPos = Object(_collision__WEBPACK_IMPORTED_MODULE_2__["isCollide"])(this.tooltipEle, (this.target ? this.element.element : null), x, y);
+ if (affectedPos.length > 0) {
+ elePos.horizontal = affectedPos.indexOf('left') >= 0 ? 'Right' : affectedPos.indexOf('right') >= 0 ? 'Left' :
+ this.tooltipPositionX;
+ elePos.vertical = affectedPos.indexOf('top') >= 0 ? 'Bottom' : affectedPos.indexOf('bottom') >= 0 ? 'Top' :
+ this.tooltipPositionY;
+ }
+ return elePos;
+ };
+ BlazorTooltip.prototype.collisionFlipFit = function (target, x, y) {
+ var elePos = this.checkCollision(target, x, y);
+ var newpos = elePos.position;
+ if (this.tooltipPositionY !== elePos.vertical) {
+ newpos = ((this.position.indexOf('Bottom') === 0 || this.position.indexOf('Top') === 0) ?
+ elePos.vertical + this.tooltipPositionX : this.tooltipPositionX + elePos.vertical);
+ }
+ if (this.tooltipPositionX !== elePos.horizontal) {
+ if (newpos.indexOf('Left') === 0) {
+ elePos.vertical = (newpos === 'LeftTop' || newpos === 'LeftCenter') ? 'Top' : 'Bottom';
+ newpos = (elePos.vertical + 'Left');
+ }
+ if (newpos.indexOf('Right') === 0) {
+ elePos.vertical = (newpos === 'RightTop' || newpos === 'RightCenter') ? 'Top' : 'Bottom';
+ newpos = (elePos.vertical + 'Right');
+ }
+ elePos.horizontal = this.tooltipPositionX;
+ }
+ this.tooltipEventArgs = {
+ type: null, cancel: false, target: target, event: null,
+ element: this.tooltipEle, collidedPosition: newpos
+ };
+ this.element.trigger('beforeCollision', this.tooltipEventArgs);
+ if (elePos.position !== newpos) {
+ var pos = Object(_position__WEBPACK_IMPORTED_MODULE_1__["calculatePosition"])(target, elePos.horizontal, elePos.vertical);
+ this.adjustArrow(target, newpos, elePos.horizontal, elePos.vertical);
+ var offsetPos = this.calculateTooltipOffset(newpos);
+ offsetPos.top -= (('TopBottom'.indexOf(this.position.split(/(?=[A-Z])/)[0]) !== -1) &&
+ ('TopBottom'.indexOf(newpos.split(/(?=[A-Z])/)[0]) !== -1)) ? (2 * this.offsetY) : 0;
+ offsetPos.left -= (('RightLeft'.indexOf(this.position.split(/(?=[A-Z])/)[0]) !== -1) &&
+ ('RightLeft'.indexOf(newpos.split(/(?=[A-Z])/)[0]) !== -1)) ? (2 * this.offsetX) : 0;
+ elePos.position = newpos;
+ elePos.left = pos.left + offsetPos.left;
+ elePos.top = pos.top + offsetPos.top;
+ }
+ else {
+ this.adjustArrow(target, newpos, elePos.horizontal, elePos.vertical);
+ }
+ var eleOffset = { left: elePos.left, top: elePos.top };
+ var left = Object(_collision__WEBPACK_IMPORTED_MODULE_2__["fit"])(this.tooltipEle, (this.target ? this.element.element : null), { X: true, Y: false }, eleOffset).left;
+ this.tooltipEle.style.display = 'block';
+ if (this.showTipPointer && (newpos.indexOf('Bottom') === 0 || newpos.indexOf('Top') === 0)) {
+ var arrowEle = this.tooltipEle.querySelector('.' + ARROW_TIP);
+ var arrowleft = parseInt(arrowEle.style.left, 10) - (left - elePos.left);
+ if (arrowleft < 0) {
+ arrowleft = 0;
+ }
+ else if ((arrowleft + arrowEle.offsetWidth) > this.tooltipEle.clientWidth) {
+ arrowleft = this.tooltipEle.clientWidth - arrowEle.offsetWidth;
+ }
+ arrowEle.style.left = arrowleft.toString() + 'px';
+ }
+ this.tooltipEle.style.display = '';
+ eleOffset.left = left;
+ return eleOffset;
+ };
+ BlazorTooltip.prototype.calculateTooltipOffset = function (position) {
+ var pos = { top: 0, left: 0 };
+ var tooltipEleWidth = this.tooltipEle.offsetWidth;
+ var tooltipEleHeight = this.tooltipEle.offsetHeight;
+ var arrowEle = this.tooltipEle.querySelector('.' + ARROW_TIP);
+ var tipWidth = arrowEle ? arrowEle.offsetWidth : 0;
+ var tipHeight = arrowEle ? arrowEle.offsetHeight : 0;
+ var tipAdjust = (this.showTipPointer ? SHOW_POINTER_TIP_GAP : HIDE_POINTER_TIP_GAP);
+ var tipHeightAdjust = (tipHeight / 2) + POINTER_ADJUST + (this.tooltipEle.offsetHeight - this.tooltipEle.clientHeight);
+ var tipWidthAdjust = (tipWidth / 2) + POINTER_ADJUST + (this.tooltipEle.offsetWidth - this.tooltipEle.clientWidth);
+ switch (position) {
+ case 'RightTop':
+ pos.left += tipWidth + tipAdjust;
+ pos.top -= tooltipEleHeight - tipHeightAdjust;
+ break;
+ case 'RightCenter':
+ pos.left += tipWidth + tipAdjust;
+ pos.top -= (tooltipEleHeight / 2);
+ break;
+ case 'RightBottom':
+ pos.left += tipWidth + tipAdjust;
+ pos.top -= (tipHeightAdjust);
+ break;
+ case 'BottomRight':
+ pos.top += (tipHeight + tipAdjust);
+ pos.left -= (tipWidthAdjust);
+ break;
+ case 'BottomCenter':
+ pos.top += (tipHeight + tipAdjust);
+ pos.left -= (tooltipEleWidth / 2);
+ break;
+ case 'BottomLeft':
+ pos.top += (tipHeight + tipAdjust);
+ pos.left -= (tooltipEleWidth - tipWidthAdjust);
+ break;
+ case 'LeftBottom':
+ pos.left -= (tipWidth + tooltipEleWidth + tipAdjust);
+ pos.top -= (tipHeightAdjust);
+ break;
+ case 'LeftCenter':
+ pos.left -= (tipWidth + tooltipEleWidth + tipAdjust);
+ pos.top -= (tooltipEleHeight / 2);
+ break;
+ case 'LeftTop':
+ pos.left -= (tipWidth + tooltipEleWidth + tipAdjust);
+ pos.top -= (tooltipEleHeight - tipHeightAdjust);
+ break;
+ case 'TopLeft':
+ pos.top -= (tooltipEleHeight + tipHeight + tipAdjust);
+ pos.left -= (tooltipEleWidth - tipWidthAdjust);
+ break;
+ case 'TopRight':
+ pos.top -= (tooltipEleHeight + tipHeight + tipAdjust);
+ pos.left -= (tipWidthAdjust);
+ break;
+ default:
+ pos.top -= (tooltipEleHeight + tipHeight + tipAdjust);
+ pos.left -= (tooltipEleWidth / 2);
+ break;
+ }
+ pos.left += this.offsetX;
+ pos.top += this.offsetY;
+ return pos;
+ };
+ BlazorTooltip.prototype.reposition = function (target) {
+ var elePos = this.getTooltipPosition(target);
+ this.tooltipEle.style.left = elePos.left + 'px';
+ this.tooltipEle.style.top = elePos.top + 'px';
+ };
+ BlazorTooltip.prototype.beforeRenderBlazor = function (target, ctrlObj) {
+ if (target) {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([ctrlObj.tooltipEle], DEVICE);
+ }
+ if (ctrlObj.width !== 'auto') {
+ ctrlObj.tooltipEle.style.maxWidth = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(ctrlObj.width);
+ }
+ ctrlObj.tooltipEle.appendChild(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { className: CONTENT + ' ' + 'e-diagramTooltip-content' }));
+ document.body.appendChild(ctrlObj.tooltipEle);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([ctrlObj.tooltipEle], POPUP_OPEN);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([ctrlObj.tooltipEle], HIDE_POPUP);
+ ctrlObj.addDescribedBy(target, ctrlObj.ctrlId + '_content');
+ ctrlObj.renderContent(target);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([ctrlObj.tooltipEle], POPUP_OPEN);
+ if (this.showTipPointer) {
+ ctrlObj.renderArrow();
+ }
+ var elePos = this.getTooltipPosition(target);
+ this.tooltipEle.classList.remove(POPUP_LIB);
+ this.tooltipEle.style.left = elePos.left + 'px';
+ this.tooltipEle.style.top = elePos.top + 'px';
+ ctrlObj.reposition(target);
+ ctrlObj.adjustArrow(target, ctrlObj.position, ctrlObj.tooltipPositionX, ctrlObj.tooltipPositionY);
+ }
+ };
+ BlazorTooltip.prototype.addDescribedBy = function (target, id) {
+ var describedby = (target.getAttribute('aria-describedby') || '').split(/\s+/);
+ if (describedby.indexOf(id) < 0) {
+ describedby.push(id);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(target, { 'aria-describedby': describedby.join(' ').trim(), 'data-tooltip-id': id });
+ };
+ BlazorTooltip.prototype.renderContent = function (target) {
+ var tooltipContent = this.tooltipEle.querySelector('.' + CONTENT);
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.tooltipEle], this.cssClass.split(' '));
+ }
+ if (target && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(target.getAttribute('title'))) {
+ target.setAttribute('data-content', target.getAttribute('title'));
+ target.removeAttribute('title');
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.content)) {
+ if (this.isBlazorTooltip || !(false)) {
+ tooltipContent.innerHTML = '';
+ if (this.content instanceof HTMLElement) {
+ tooltipContent.appendChild(this.content);
+ }
+ else if (typeof this.content === 'string' && this.content.indexOf('Blazor') < 0) {
+ tooltipContent.innerHTML = this.content;
+ }
+ else {
+ var templateFunction = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(this.content);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(templateFunction({}, null, null, this.element.element.id + 'content'), tooltipContent);
+ if (typeof this.content === 'string' && this.content.indexOf('
Blazor') >= 0) {
+ this.isBlazorTemplate = true;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["updateBlazorTemplate"])(this.element.element.id + 'content', 'Content', this);
+ }
+ }
+ }
+ }
+ else {
+ if (target && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(target.getAttribute('data-content'))) {
+ tooltipContent.innerHTML = target.getAttribute('data-content');
+ }
+ }
+ };
+ BlazorTooltip.prototype.updateTipPosition = function (position) {
+ var selEle = this.tooltipEle.querySelectorAll('.' + ARROW_TIP + ',.' + ARROW_TIP_OUTER + ',.' + ARROW_TIP_INNER);
+ var removeList = [TIP_BOTTOM, TIP_TOP, TIP_LEFT, TIP_RIGHT];
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])(selEle, removeList);
+ this.setTipClass(position);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])(selEle, this.tipClass);
+ };
+ BlazorTooltip.prototype.adjustArrow = function (target, position, tooltipPositionX, tooltipPositionY) {
+ if (!this.showTipPointer) {
+ return;
+ }
+ this.updateTipPosition(position);
+ var leftValue;
+ var topValue;
+ this.tooltipEle.style.display = 'block';
+ var tooltipWidth = this.tooltipEle.clientWidth;
+ var tooltipHeight = this.tooltipEle.clientHeight;
+ var arrowEle = this.tooltipEle.querySelector('.' + ARROW_TIP);
+ var arrowInnerELe = this.tooltipEle.querySelector('.' + ARROW_TIP_INNER);
+ var tipWidth = arrowEle.offsetWidth;
+ var tipHeight = arrowEle.offsetHeight;
+ this.tooltipEle.style.display = '';
+ if (this.tipClass === TIP_BOTTOM || this.tipClass === TIP_TOP) {
+ if (this.tipClass === TIP_BOTTOM) {
+ topValue = '99.9%';
+ // Arrow icon aligned -2px height from ArrowOuterTip div
+ arrowInnerELe.style.top = '-' + (tipHeight - 2) + 'px';
+ }
+ else {
+ topValue = -(tipHeight - 1) + 'px';
+ // Arrow icon aligned -6px height from ArrowOuterTip div
+ arrowInnerELe.style.top = '-' + (tipHeight - 6) + 'px';
+ }
+ if (target) {
+ var tipPosExclude = tooltipPositionX !== 'Center' || (tooltipWidth > target.offsetWidth);
+ if ((tipPosExclude && tooltipPositionX === 'Left') || (!tipPosExclude && this.tipPointerPosition === 'End')) {
+ leftValue = (tooltipWidth - tipWidth - POINTER_ADJUST) + 'px';
+ }
+ else if ((tipPosExclude && tooltipPositionX === 'Right') || (!tipPosExclude && this.tipPointerPosition === 'Start')) {
+ leftValue = POINTER_ADJUST + 'px';
+ }
+ else {
+ leftValue = ((tooltipWidth / 2) - (tipWidth / 2)) + 'px';
+ }
+ }
+ }
+ else {
+ if (this.tipClass === TIP_RIGHT) {
+ leftValue = '99.9%';
+ // Arrow icon aligned -2px left from ArrowOuterTip div
+ arrowInnerELe.style.left = '-' + (tipWidth - 2) + 'px';
+ }
+ else {
+ leftValue = -(tipWidth - 1) + 'px';
+ // Arrow icon aligned -2px from ArrowOuterTip width
+ arrowInnerELe.style.left = (-(tipWidth) + (tipWidth - 2)) + 'px';
+ }
+ var tipPosExclude = tooltipPositionY !== 'Center' || (tooltipHeight > target.offsetHeight);
+ if ((tipPosExclude && tooltipPositionY === 'Top') || (!tipPosExclude && this.tipPointerPosition === 'End')) {
+ topValue = (tooltipHeight - tipHeight - POINTER_ADJUST) + 'px';
+ }
+ else if ((tipPosExclude && tooltipPositionY === 'Bottom') || (!tipPosExclude && this.tipPointerPosition === 'Start')) {
+ topValue = POINTER_ADJUST + 'px';
+ }
+ else {
+ topValue = ((tooltipHeight / 2) - (tipHeight / 2)) + 'px';
+ }
+ }
+ arrowEle.style.top = topValue;
+ arrowEle.style.left = leftValue;
+ };
+ /**
+ * Returns the module name of the blazor tooltip
+ *
+ * @returns {string} Returns the module name of the blazor tooltip
+ */
+ BlazorTooltip.prototype.getModuleName = function () {
+ return 'BlazorTooltip';
+ };
+ return BlazorTooltip;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/blazor-tooltip/collision.js":
+/*!****************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/blazor-tooltip/collision.js ***!
+ \****************************************************************************************/
+/*! exports provided: fit, isCollide, flip */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fit", function() { return fit; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isCollide", function() { return isCollide; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "flip", function() { return flip; });
+/* harmony import */ var _position__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./position */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/blazor-tooltip/position.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* eslint-disable valid-jsdoc */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable jsdoc/require-returns */
+/* eslint-disable jsdoc/require-param */
+/**
+ * Collision module.
+ */
+
+
+var parentDocument;
+var targetContainer;
+/**
+ * @private
+ */
+function fit(element, viewPortElement, axis, position) {
+ if (viewPortElement === void 0) { viewPortElement = null; }
+ if (axis === void 0) { axis = { X: false, Y: false }; }
+ if (!axis.Y && !axis.X) {
+ return { left: 0, top: 0 };
+ }
+ var elemData = element.getBoundingClientRect();
+ targetContainer = viewPortElement;
+ parentDocument = element.ownerDocument;
+ if (!position) {
+ position = Object(_position__WEBPACK_IMPORTED_MODULE_0__["calculatePosition"])(element, 'left', 'top');
+ }
+ if (axis.X) {
+ var containerWidth = targetContainer ? getTargetContainerWidth() : getViewPortWidth();
+ var containerLeft = ContainerLeft();
+ var containerRight = ContainerRight();
+ var overLeft = containerLeft - position.left;
+ var overRight = position.left + elemData.width - containerRight;
+ if (elemData.width > containerWidth) {
+ if (overLeft > 0 && overRight <= 0) {
+ position.left = containerRight - elemData.width;
+ }
+ else if (overRight > 0 && overLeft <= 0) {
+ position.left = containerLeft;
+ }
+ else {
+ position.left = overLeft > overRight ? (containerRight - elemData.width) : containerLeft;
+ }
+ }
+ else if (overLeft > 0) {
+ position.left += overLeft;
+ }
+ else if (overRight > 0) {
+ position.left -= overRight;
+ }
+ }
+ if (axis.Y) {
+ var containerHeight = targetContainer ? getTargetContainerHeight() : getViewPortHeight();
+ var containerTop = ContainerTop();
+ var containerBottom = ContainerBottom();
+ var overTop = containerTop - position.top;
+ var overBottom = position.top + elemData.height - containerBottom;
+ if (elemData.height > containerHeight) {
+ if (overTop > 0 && overBottom <= 0) {
+ position.top = containerBottom - elemData.height;
+ }
+ else if (overBottom > 0 && overTop <= 0) {
+ position.top = containerTop;
+ }
+ else {
+ position.top = overTop > overBottom ? (containerBottom - elemData.height) : containerTop;
+ }
+ }
+ else if (overTop > 0) {
+ position.top += overTop;
+ }
+ else if (overBottom > 0) {
+ position.top -= overBottom;
+ }
+ }
+ return position;
+}
+/**
+ * @private
+ */
+function isCollide(element, viewPortElement, x, y) {
+ if (viewPortElement === void 0) { viewPortElement = null; }
+ var elemOffset = Object(_position__WEBPACK_IMPORTED_MODULE_0__["calculatePosition"])(element, 'left', 'top');
+ if (x) {
+ elemOffset.left = x;
+ }
+ if (y) {
+ elemOffset.top = y;
+ }
+ var data = [];
+ targetContainer = viewPortElement;
+ parentDocument = element.ownerDocument;
+ var elementRect = element.getBoundingClientRect();
+ var top = elemOffset.top;
+ var left = elemOffset.left;
+ var right = elemOffset.left + elementRect.width;
+ var bottom = elemOffset.top + elementRect.height;
+ var topData = '';
+ var leftData = '';
+ var yAxis = topCollideCheck(top, bottom);
+ var xAxis = leftCollideCheck(left, right);
+ if (yAxis.topSide) {
+ data.push('top');
+ }
+ if (xAxis.rightSide) {
+ data.push('right');
+ }
+ if (xAxis.leftSide) {
+ data.push('left');
+ }
+ if (yAxis.bottomSide) {
+ data.push('bottom');
+ }
+ return data;
+}
+/**
+ * @private
+ */
+function flip(element, target, offsetX, offsetY, positionX, positionY, viewPortElement, axis,
+// eslint-disable-next-line @typescript-eslint/ban-types
+fixedParent) {
+ if (viewPortElement === void 0) { viewPortElement = null; }
+ if (axis === void 0) { axis = { X: true, Y: true }; }
+ if (!target || !element || !positionX || !positionY || (!axis.X && !axis.Y)) {
+ return;
+ }
+ var tEdge = { TL: null,
+ TR: null,
+ BL: null,
+ BR: null };
+ var eEdge = {
+ TL: null,
+ TR: null,
+ BL: null,
+ BR: null
+ };
+ var elementRect = element.getBoundingClientRect();
+ var pos = {
+ posX: positionX, posY: positionY, offsetX: offsetX, offsetY: offsetY, position: { left: 0, top: 0 }
+ };
+ targetContainer = viewPortElement;
+ parentDocument = target.ownerDocument;
+ updateElementData(target, tEdge, pos, fixedParent, elementRect);
+ setPosition(eEdge, pos, elementRect);
+ if (axis.X) {
+ leftFlip(target, eEdge, tEdge, pos, elementRect, true);
+ }
+ if (axis.Y && tEdge.TL.top > -1) {
+ topFlip(target, eEdge, tEdge, pos, elementRect, true);
+ }
+ setPopup(element, pos, elementRect);
+}
+/**
+ * @private
+ */
+function setPopup(element, pos, elementRect) {
+ var left = 0;
+ var top = 0;
+ if (element.offsetParent != null
+ && (getComputedStyle(element.offsetParent).position === 'absolute' ||
+ getComputedStyle(element.offsetParent).position === 'relative')) {
+ var data = Object(_position__WEBPACK_IMPORTED_MODULE_0__["calculatePosition"])(element.offsetParent, 'left', 'top', false, elementRect);
+ left = data.left;
+ top = data.top;
+ }
+ element.style.top = (pos.position.top + pos.offsetY - (top)) + 'px';
+ element.style.left = (pos.position.left + pos.offsetX - (left)) + 'px';
+}
+/**
+ * @private
+ */
+function updateElementData(target, edge, pos,
+// eslint-disable-next-line @typescript-eslint/ban-types
+fixedParent, elementRect) {
+ pos.position = Object(_position__WEBPACK_IMPORTED_MODULE_0__["calculatePosition"])(target, pos.posX, pos.posY, fixedParent, elementRect);
+ edge.TL = Object(_position__WEBPACK_IMPORTED_MODULE_0__["calculatePosition"])(target, 'left', 'top', fixedParent, elementRect);
+ edge.TR = Object(_position__WEBPACK_IMPORTED_MODULE_0__["calculatePosition"])(target, 'right', 'top', fixedParent, elementRect);
+ edge.BR = Object(_position__WEBPACK_IMPORTED_MODULE_0__["calculatePosition"])(target, 'left', 'bottom', fixedParent, elementRect);
+ edge.BL = Object(_position__WEBPACK_IMPORTED_MODULE_0__["calculatePosition"])(target, 'right', 'bottom', fixedParent, elementRect);
+}
+/**
+ * @private
+ */
+function setPosition(eStatus, pos, elementRect) {
+ eStatus.TL = { top: pos.position.top + pos.offsetY, left: pos.position.left + pos.offsetX };
+ eStatus.TR = { top: eStatus.TL.top, left: eStatus.TL.left + elementRect.width };
+ eStatus.BL = { top: eStatus.TL.top + elementRect.height,
+ left: eStatus.TL.left };
+ eStatus.BR = { top: eStatus.TL.top + elementRect.height,
+ left: eStatus.TL.left + elementRect.width };
+}
+/**
+ * @private
+ */
+function leftCollideCheck(left, right) {
+ var leftSide = false;
+ var rightSide = false;
+ if (((left - getBodyScrollLeft()) < ContainerLeft())) {
+ leftSide = true;
+ }
+ if (right > ContainerRight()) {
+ rightSide = true;
+ }
+ return { leftSide: leftSide, rightSide: rightSide };
+}
+/**
+ * @private
+ */
+function leftFlip(target, edge, tEdge, pos, elementRect, deepCheck) {
+ var collideSide = leftCollideCheck(edge.TL.left, edge.TR.left);
+ if ((tEdge.TL.left - getBodyScrollLeft()) <= ContainerLeft()) {
+ collideSide.leftSide = false;
+ }
+ if (tEdge.TR.left >= ContainerRight()) {
+ collideSide.rightSide = false;
+ }
+ if ((collideSide.leftSide && !collideSide.rightSide) || (!collideSide.leftSide && collideSide.rightSide)) {
+ if (pos.posX === 'right') {
+ pos.posX = 'left';
+ }
+ else {
+ pos.posX = 'right';
+ }
+ pos.offsetX = pos.offsetX + elementRect.width;
+ pos.offsetX = -1 * pos.offsetX;
+ pos.position = Object(_position__WEBPACK_IMPORTED_MODULE_0__["calculatePosition"])(target, pos.posX, pos.posY, false);
+ setPosition(edge, pos, elementRect);
+ if (deepCheck) {
+ leftFlip(target, edge, tEdge, pos, elementRect, false);
+ }
+ }
+}
+/**
+ * @private
+ */
+function topFlip(target, edge, tEdge, pos, elementRect, deepCheck) {
+ var collideSide = topCollideCheck(edge.TL.top, edge.BL.top);
+ if ((tEdge.TL.top - getBodyScrollTop()) <= ContainerTop()) {
+ collideSide.topSide = false;
+ }
+ if (tEdge.BL.top >= ContainerBottom()) {
+ collideSide.bottomSide = false;
+ }
+ if ((collideSide.topSide && !collideSide.bottomSide) || (!collideSide.topSide && collideSide.bottomSide)) {
+ if (pos.posY === 'top') {
+ pos.posY = 'bottom';
+ }
+ else {
+ pos.posY = 'top';
+ }
+ pos.offsetY = pos.offsetY + elementRect.height;
+ pos.offsetY = -1 * pos.offsetY;
+ pos.position = Object(_position__WEBPACK_IMPORTED_MODULE_0__["calculatePosition"])(target, pos.posX, pos.posY, false, elementRect);
+ setPosition(edge, pos, elementRect);
+ if (deepCheck) {
+ topFlip(target, edge, tEdge, pos, elementRect, false);
+ }
+ }
+}
+/**
+ * @private
+ */
+function topCollideCheck(top, bottom) {
+ var topSide = false;
+ var bottomSide = false;
+ if ((top - getBodyScrollTop()) < ContainerTop()) {
+ topSide = true;
+ }
+ if (bottom > ContainerBottom()) {
+ bottomSide = true;
+ }
+ return { topSide: topSide, bottomSide: bottomSide };
+}
+/**
+ * @private
+ */
+function getTargetContainerWidth() {
+ return targetContainer.getBoundingClientRect().width;
+}
+/**
+ * @private
+ */
+function getTargetContainerHeight() {
+ return targetContainer.getBoundingClientRect().height;
+}
+/**
+ * @private
+ */
+function getTargetContainerLeft() {
+ return targetContainer.getBoundingClientRect().left;
+}
+/**
+ * @private
+ */
+function getTargetContainerTop() {
+ return targetContainer.getBoundingClientRect().top;
+}
+/**
+ * @private
+ */
+function ContainerTop() {
+ if (targetContainer) {
+ return getTargetContainerTop();
+ }
+ return 0;
+}
+/**
+ * @private
+ */
+function ContainerLeft() {
+ if (targetContainer) {
+ return getTargetContainerLeft();
+ }
+ return 0;
+}
+/**
+ * @private
+ */
+function ContainerRight() {
+ if (targetContainer) {
+ return (getBodyScrollLeft() + getTargetContainerLeft() + getTargetContainerWidth());
+ }
+ return (getBodyScrollLeft() + getViewPortWidth());
+}
+/**
+ * @private
+ */
+function ContainerBottom() {
+ if (targetContainer) {
+ return (getBodyScrollTop() + getTargetContainerTop() + getTargetContainerHeight());
+ }
+ return (getBodyScrollTop() + getViewPortHeight());
+}
+/**
+ * @private
+ */
+function getBodyScrollTop() {
+ // if(targetContainer)
+ // return targetContainer.scrollTop;
+ return parentDocument.documentElement.scrollTop || parentDocument.body.scrollTop;
+}
+/**
+ * @private
+ */
+function getBodyScrollLeft() {
+ // if(targetContainer)
+ // return targetContainer.scrollLeft;
+ return parentDocument.documentElement.scrollLeft || parentDocument.body.scrollLeft;
+}
+/**
+ * @private
+ */
+function getViewPortHeight() {
+ return window.innerHeight;
+}
+/**
+ * @private
+ */
+function getViewPortWidth() {
+ var windowWidth = window.innerWidth;
+ var offsetWidth = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(document.documentElement)) ? 0 : document.documentElement.offsetWidth;
+ return windowWidth - (windowWidth - offsetWidth);
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/blazor-tooltip/position.js":
+/*!***************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/blazor-tooltip/position.js ***!
+ \***************************************************************************************/
+/*! exports provided: calculateRelativeBasedPosition, calculatePosition */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calculateRelativeBasedPosition", function() { return calculateRelativeBasedPosition; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calculatePosition", function() { return calculatePosition; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* eslint-disable valid-jsdoc */
+/* eslint-disable jsdoc/require-returns */
+/* eslint-disable jsdoc/require-param */
+/**
+ * Position library
+ */
+
+var elementRect;
+var popupRect;
+var element;
+var parentDocument;
+// eslint-disable-next-line @typescript-eslint/ban-types
+var fixedParent = false;
+/**
+ * @private
+ */
+function calculateRelativeBasedPosition(anchor, element) {
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ var fixedElement = false;
+ var anchorPos = { left: 0, top: 0 };
+ var tempAnchor = anchor;
+ if (!anchor || !element) {
+ return anchorPos;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(element.offsetParent) && element.style.position === 'fixed') {
+ fixedElement = true;
+ }
+ while ((element.offsetParent || fixedElement) && anchor && element.offsetParent !== anchor) {
+ anchorPos.left += anchor.offsetLeft;
+ anchorPos.top += anchor.offsetTop;
+ anchor = anchor.offsetParent;
+ }
+ anchor = tempAnchor;
+ while ((element.offsetParent || fixedElement) && anchor && element.offsetParent !== anchor) {
+ anchorPos.left -= anchor.scrollLeft;
+ anchorPos.top -= anchor.scrollTop;
+ anchor = anchor.parentElement;
+ }
+ return anchorPos;
+}
+/**
+ * @private
+ */
+function calculatePosition(
+// eslint-disable-next-line @typescript-eslint/ban-types
+currentElement, positionX, positionY, parentElement, targetValues) {
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ (positionY + positionX === 'topright') ? popupRect = undefined : popupRect = targetValues;
+ popupRect = targetValues;
+ fixedParent = parentElement ? true : false;
+ if (!currentElement) {
+ return { left: 0, top: 0 };
+ }
+ if (!positionX) {
+ positionX = 'left';
+ }
+ if (!positionY) {
+ positionY = 'top';
+ }
+ parentDocument = currentElement.ownerDocument;
+ element = currentElement;
+ var pos = { left: 0, top: 0 };
+ return updatePosition(positionX.toLowerCase(), positionY.toLowerCase(), pos);
+}
+/**
+ * @private
+ */
+function setPosx(value, pos) {
+ pos.left = value;
+}
+/**
+ * @private
+ */
+function setPosy(value, pos) {
+ pos.top = value;
+}
+/**
+ * @private
+ */
+function updatePosition(posX, posY, pos) {
+ elementRect = element.getBoundingClientRect();
+ switch (posY + posX) {
+ case 'topcenter':
+ setPosx(getElementHCenter(), pos);
+ setPosy(getElementTop(), pos);
+ break;
+ case 'topright':
+ setPosx(getElementRight(), pos);
+ setPosy(getElementTop(), pos);
+ break;
+ case 'centercenter':
+ setPosx(getElementHCenter(), pos);
+ setPosy(getElementVCenter(), pos);
+ break;
+ case 'centerright':
+ setPosx(getElementRight(), pos);
+ setPosy(getElementVCenter(), pos);
+ break;
+ case 'centerleft':
+ setPosx(getElementLeft(), pos);
+ setPosy(getElementVCenter(), pos);
+ break;
+ case 'bottomcenter':
+ setPosx(getElementHCenter(), pos);
+ setPosy(getElementBottom(), pos);
+ break;
+ case 'bottomright':
+ setPosx(getElementRight(), pos);
+ setPosy(getElementBottom(), pos);
+ break;
+ case 'bottomleft':
+ setPosx(getElementLeft(), pos);
+ setPosy(getElementBottom(), pos);
+ break;
+ default:
+ case 'topleft':
+ setPosx(getElementLeft(), pos);
+ setPosy(getElementTop(), pos);
+ break;
+ }
+ return pos;
+}
+/**
+ * @private
+ */
+function getBodyScrollTop() {
+ return parentDocument.documentElement.scrollTop || parentDocument.body.scrollTop;
+}
+/**
+ * @private
+ */
+function getBodyScrollLeft() {
+ return parentDocument.documentElement.scrollLeft || parentDocument.body.scrollLeft;
+}
+/**
+ * @private
+ */
+function getElementBottom() {
+ return fixedParent ? elementRect.bottom : elementRect.bottom + getBodyScrollTop();
+}
+/**
+ * @private
+ */
+function getElementVCenter() {
+ return getElementTop() + (elementRect.height / 2);
+}
+/**
+ * @private
+ */
+function getElementTop() {
+ return fixedParent ? elementRect.top : elementRect.top + getBodyScrollTop();
+}
+/**
+ * @private
+ */
+function getElementLeft() {
+ return elementRect.left + getBodyScrollLeft();
+}
+/**
+ * @private
+ */
+function getElementRight() {
+ return elementRect.right + getBodyScrollLeft() - (popupRect ? popupRect.width : 0);
+}
+/**
+ * @private
+ */
+function getElementHCenter() {
+ return getElementLeft() + (elementRect.width / 2);
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/appearance.js":
+/*!*******************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/appearance.js ***!
+ \*******************************************************************************/
+/*! exports provided: Thickness, Margin, Shadow, Stop, Gradient, DiagramGradient, LinearGradient, RadialGradient, ShapeStyle, StrokeStyle, TextStyle, DiagramShapeStyle */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Thickness", function() { return Thickness; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Margin", function() { return Margin; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Shadow", function() { return Shadow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Stop", function() { return Stop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Gradient", function() { return Gradient; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramGradient", function() { return DiagramGradient; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LinearGradient", function() { return LinearGradient; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RadialGradient", function() { return RadialGradient; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ShapeStyle", function() { return ShapeStyle; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StrokeStyle", function() { return StrokeStyle; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TextStyle", function() { return TextStyle; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramShapeStyle", function() { return DiagramShapeStyle; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable valid-jsdoc */
+/* eslint-disable jsdoc/require-returns */
+/* eslint-disable jsdoc/require-param */
+/* eslint-disable @typescript-eslint/ban-types */
+
+/** @private */
+// eslint-disable-next-line prefer-const
+var getGradientType = function (obj) {
+ if (obj) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ return DiagramGradient;
+ }
+ switch (obj.type) {
+ case 'Linear':
+ return LinearGradient;
+ case 'Radial':
+ return RadialGradient;
+ default:
+ return LinearGradient;
+ }
+ }
+ return LinearGradient;
+};
+/**
+ * Layout Model module defines the styles and types to arrange objects in containers
+ */
+var Thickness = /** @__PURE__ @class */ (function () {
+ function Thickness(left, right, top, bottom) {
+ this.left = left;
+ this.right = right;
+ this.top = top;
+ this.bottom = bottom;
+ }
+ return Thickness;
+}());
+
+/**
+ * Defines the space to be left between an object and its immediate parent
+ */
+var Margin = /** @__PURE__ @class */ (function (_super) {
+ __extends(Margin, _super);
+ function Margin() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Margin.prototype, "left", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Margin.prototype, "right", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Margin.prototype, "top", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Margin.prototype, "bottom", void 0);
+ return Margin;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Defines the Shadow appearance of the objects
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let nodes: NodeModel[] = [{ id: 'node2', width: 100, height: 100,
+ * constraints: NodeConstraints.Default | NodeConstraints.Shadow,
+ * shadow: { angle: 45, distance: 5, opacity: 0.7, color: 'grey'}
+ * }];
+ * let diagram: Diagram = new Diagram({
+ * ...
+ * nodes: nodes,
+ * ...
+ * });
+ * diagram.appendTo('#diagram');
+ * ```
+ */
+var Shadow = /** @__PURE__ @class */ (function (_super) {
+ __extends(Shadow, _super);
+ function Shadow() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(45)
+ ], Shadow.prototype, "angle", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(5)
+ ], Shadow.prototype, "distance", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0.7)
+ ], Shadow.prototype, "opacity", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('lightgrey')
+ ], Shadow.prototype, "color", void 0);
+ return Shadow;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Defines the different colors and the region of color transitions
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let stopscol: StopModel[] = [];
+ * let stops1: StopModel = { color: 'white', offset: 0, opacity: 0.7 };
+ * stopscol.push(stops1);
+ * let stops2: StopModel = { color: 'red', offset: 0, opacity: 0.3 };
+ * stopscol.push(stops2);
+ * let gradient: RadialGradientModel = { cx: 50, cy: 50, fx: 50, fy: 50, stops: stopscol, type: 'Radial' };
+ * let nodes: NodeModel[] = [{ id: 'node1', width: 100, height: 100,
+ * style: { gradient: gradient }
+ * }];
+ * let diagram: Diagram = new Diagram({
+ * ...
+ * nodes: nodes,
+ * ...
+ * });
+ * diagram.appendTo('#diagram');
+ * ```
+ */
+var Stop = /** @__PURE__ @class */ (function (_super) {
+ __extends(Stop, _super);
+ function Stop() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ /**
+ * @private
+ * Returns the name of class Stop
+ */
+ Stop.prototype.getClassName = function () {
+ return 'Stop';
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Stop.prototype, "color", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Stop.prototype, "offset", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(1)
+ ], Stop.prototype, "opacity", void 0);
+ return Stop;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Paints the node with a smooth transition from one color to another color
+ */
+var Gradient = /** @__PURE__ @class */ (function (_super) {
+ __extends(Gradient, _super);
+ function Gradient() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], Stop)
+ ], Gradient.prototype, "stops", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('None')
+ ], Gradient.prototype, "type", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Gradient.prototype, "id", void 0);
+ return Gradient;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Defines the linear gradient of styles
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let stopscol: StopModel[] = [];
+ * let stops1: StopModel = { color: 'white', offset: 0, opacity: 0.7 };
+ * stopscol.push(stops1);
+ * let stops2: StopModel = { color: 'red', offset: 0, opacity: 0.3 };
+ * stopscol.push(stops2);
+ * let gradient: LinearGradientModel = { x1: 0, x2: 50, y1: 0, y2: 50, stops: stopscol, type: 'Linear' };
+ * let nodes: NodeModel[] = [{ id: 'node1', width: 100, height: 100,
+ * style: { gradient: gradient }
+ * }];
+ * let diagram: Diagram = new Diagram({
+ * ...
+ * nodes: nodes,
+ * ...
+ * });
+ * diagram.appendTo('#diagram');
+ * ```
+ */
+/**
+ * Paints the node with linear color transitions
+ */
+var DiagramGradient = /** @__PURE__ @class */ (function (_super) {
+ __extends(DiagramGradient, _super);
+ function DiagramGradient() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], DiagramGradient.prototype, "x1", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], DiagramGradient.prototype, "x2", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], DiagramGradient.prototype, "y1", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], DiagramGradient.prototype, "y2", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], DiagramGradient.prototype, "cx", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], DiagramGradient.prototype, "cy", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], DiagramGradient.prototype, "fx", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], DiagramGradient.prototype, "fy", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(50)
+ ], DiagramGradient.prototype, "r", void 0);
+ return DiagramGradient;
+}(Gradient));
+
+/**
+ * Paints the node with linear color transitions
+ */
+var LinearGradient = /** @__PURE__ @class */ (function (_super) {
+ __extends(LinearGradient, _super);
+ function LinearGradient() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], LinearGradient.prototype, "x1", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], LinearGradient.prototype, "x2", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], LinearGradient.prototype, "y1", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], LinearGradient.prototype, "y2", void 0);
+ return LinearGradient;
+}(Gradient));
+
+/**
+ * A focal point defines the beginning of the gradient, and a circle defines the end point of the gradient
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let stopscol: StopModel[] = [];
+ * let stops1: StopModel = { color: 'white', offset: 0, opacity: 0.7 };
+ * stopscol.push(stops1);
+ * let stops2: StopModel = { color: 'red', offset: 0, opacity: 0.3 };
+ * stopscol.push(stops2);
+ * let gradient: RadialGradientModel = { cx: 50, cy: 50, fx: 50, fy: 50, stops: stopscol, type: 'Radial' };
+ * let nodes: NodeModel[] = [{ id: 'node1', width: 100, height: 100,
+ * style: { gradient: gradient }
+ * }];
+ * let diagram: Diagram = new Diagram({
+ * ...
+ * nodes: nodes,
+ * ...
+ * });
+ * diagram.appendTo('#diagram');
+ * ```
+ */
+var RadialGradient = /** @__PURE__ @class */ (function (_super) {
+ __extends(RadialGradient, _super);
+ function RadialGradient() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], RadialGradient.prototype, "cx", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], RadialGradient.prototype, "cy", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], RadialGradient.prototype, "fx", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], RadialGradient.prototype, "fy", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(50)
+ ], RadialGradient.prototype, "r", void 0);
+ return RadialGradient;
+}(Gradient));
+
+/**
+ * Defines the style of shape/path
+ */
+var ShapeStyle = /** @__PURE__ @class */ (function (_super) {
+ __extends(ShapeStyle, _super);
+ function ShapeStyle() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('white')
+ ], ShapeStyle.prototype, "fill", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('black')
+ ], ShapeStyle.prototype, "strokeColor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ShapeStyle.prototype, "strokeDashArray", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(1)
+ ], ShapeStyle.prototype, "strokeWidth", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(1)
+ ], ShapeStyle.prototype, "opacity", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ComplexFactory"])(getGradientType)
+ ], ShapeStyle.prototype, "gradient", void 0);
+ return ShapeStyle;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Defines the stroke style of a path
+ */
+var StrokeStyle = /** @__PURE__ @class */ (function (_super) {
+ __extends(StrokeStyle, _super);
+ function StrokeStyle() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('transparent')
+ ], StrokeStyle.prototype, "fill", void 0);
+ return StrokeStyle;
+}(ShapeStyle));
+
+/**
+ * Defines the appearance of text
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let style: TextStyleModel = { strokeColor: 'black', opacity: 0.5, whiteSpace:'CollapseSpace', strokeWidth: 1 };
+ * let node: NodeModel;
+ * node = {
+ * ...
+ * id: 'node', width: 100, height: 100, offsetX: 100, offsetY: 100,
+ * annotations : [{
+ * content: 'text', style: style }];
+ * ...
+ * };
+ * let diagram: Diagram = new Diagram({
+ * ...
+ * nodes: [node],
+ * ...
+ * });
+ * diagram.appendTo('#diagram');
+ * ```
+ */
+var TextStyle = /** @__PURE__ @class */ (function (_super) {
+ __extends(TextStyle, _super);
+ function TextStyle() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('black')
+ ], TextStyle.prototype, "color", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Arial')
+ ], TextStyle.prototype, "fontFamily", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(12)
+ ], TextStyle.prototype, "fontSize", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], TextStyle.prototype, "italic", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], TextStyle.prototype, "bold", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('CollapseSpace')
+ ], TextStyle.prototype, "whiteSpace", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('WrapWithOverflow')
+ ], TextStyle.prototype, "textWrapping", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Center')
+ ], TextStyle.prototype, "textAlign", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('None')
+ ], TextStyle.prototype, "textDecoration", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Wrap')
+ ], TextStyle.prototype, "textOverflow", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('transparent')
+ ], TextStyle.prototype, "fill", void 0);
+ return TextStyle;
+}(ShapeStyle));
+
+/**
+ * Defines the style of shape/path
+ */
+var DiagramShapeStyle = /** @__PURE__ @class */ (function (_super) {
+ __extends(DiagramShapeStyle, _super);
+ function DiagramShapeStyle() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('white')
+ ], DiagramShapeStyle.prototype, "fill", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Wrap')
+ ], DiagramShapeStyle.prototype, "textOverflow", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(1)
+ ], DiagramShapeStyle.prototype, "strokeWidth", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ComplexFactory"])(getGradientType)
+ ], DiagramShapeStyle.prototype, "gradient", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(1)
+ ], DiagramShapeStyle.prototype, "opacity", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], DiagramShapeStyle.prototype, "italic", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], DiagramShapeStyle.prototype, "strokeDashArray", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('black')
+ ], DiagramShapeStyle.prototype, "color", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(12)
+ ], DiagramShapeStyle.prototype, "fontSize", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Arial')
+ ], DiagramShapeStyle.prototype, "fontFamily", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('CollapseSpace')
+ ], DiagramShapeStyle.prototype, "whiteSpace", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Center')
+ ], DiagramShapeStyle.prototype, "textAlign", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('None')
+ ], DiagramShapeStyle.prototype, "textDecoration", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], DiagramShapeStyle.prototype, "bold", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('black')
+ ], DiagramShapeStyle.prototype, "strokeColor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('WrapWithOverflow')
+ ], DiagramShapeStyle.prototype, "textWrapping", void 0);
+ return DiagramShapeStyle;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/canvas.js":
+/*!**************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/canvas.js ***!
+ \**************************************************************************************/
+/*! exports provided: Canvas */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Canvas", function() { return Canvas; });
+/* harmony import */ var _container__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./container */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/container.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _elements_text_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+/* eslint-disable @typescript-eslint/ban-types */
+/* eslint-disable jsdoc/require-param */
+/* eslint-disable jsdoc/require-returns */
+/* eslint-disable valid-jsdoc */
+
+
+
+
+
+
+/**
+ * Canvas module is used to define a plane(canvas) and to arrange the children based on margin
+ */
+var Canvas = /** @__PURE__ @class */ (function (_super) {
+ __extends(Canvas, _super);
+ function Canvas() {
+ var _this = _super !== null && _super.apply(this, arguments) || this;
+ /**
+ * Not applicable for canvas
+ *
+ * @private
+ */
+ _this.measureChildren = undefined;
+ return _this;
+ }
+ /**
+ * Measures the minimum space that the canvas requires \
+ *
+ * @returns { Size } Measures the minimum space that the canvas requires .\
+ * @param {string} id - provide the id value.
+ * @param {Function} callback - provide the Connector value.
+ *
+ * @private
+ */
+ Canvas.prototype.measure = function (availableSize, id, callback) {
+ var desired = undefined;
+ var desiredBounds = undefined;
+ if (this.hasChildren()) {
+ //Measuring the children
+ for (var _i = 0, _a = this.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ if (child instanceof _elements_text_element__WEBPACK_IMPORTED_MODULE_5__["TextElement"]) {
+ if (child.canMeasure) {
+ availableSize.width = availableSize.width || this.maxWidth || this.minWidth;
+ child.measure(availableSize);
+ }
+ }
+ else if (!(child instanceof _elements_text_element__WEBPACK_IMPORTED_MODULE_5__["TextElement"])) {
+ child.measure(availableSize, id, callback);
+ }
+ var childSize = child.desiredSize.clone();
+ if (child.rotateAngle !== 0) {
+ childSize = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_1__["rotateSize"])(childSize, child.rotateAngle);
+ }
+ var right = childSize.width + child.margin.right;
+ var bottom = childSize.height + child.margin.bottom;
+ var childBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_4__["Rect"](child.margin.left, child.margin.top, right, bottom);
+ if (child.float) {
+ var position = child.getAbsolutePosition(childSize);
+ if (position !== undefined) {
+ continue;
+ }
+ }
+ if ((!(child instanceof _elements_text_element__WEBPACK_IMPORTED_MODULE_5__["TextElement"])) || (child instanceof _elements_text_element__WEBPACK_IMPORTED_MODULE_5__["TextElement"] && child.canConsiderBounds)) {
+ if (desiredBounds === undefined) {
+ desiredBounds = childBounds;
+ }
+ else {
+ desiredBounds.uniteRect(childBounds);
+ }
+ }
+ }
+ if (desiredBounds) {
+ var leftMargin = 0;
+ var topMargin = 0;
+ leftMargin = Math.max(desiredBounds.left, 0);
+ topMargin = Math.max(desiredBounds.top, 0);
+ desired = new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](desiredBounds.width + leftMargin, desiredBounds.height + topMargin);
+ }
+ }
+ desired = _super.prototype.validateDesiredSize.call(this, desired, availableSize);
+ _super.prototype.stretchChildren.call(this, desired);
+ //Considering padding values
+ desired.width += this.padding.left + this.padding.right;
+ desired.height += this.padding.top + this.padding.bottom;
+ this.desiredSize = desired;
+ return desired;
+ };
+ /**
+ * Arranges the child elements of the canvas
+ */
+ Canvas.prototype.arrange = function (desiredSize, isStack) {
+ this.outerBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_4__["Rect"]();
+ if (this.hasChildren()) {
+ //let y: number;
+ //let x: number;
+ var y = this.offsetY - desiredSize.height * this.pivot.y + this.padding.top;
+ var x = this.offsetX - desiredSize.width * this.pivot.x + this.padding.left;
+ for (var _i = 0, _a = this.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ if ((child.transform & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["Transform"].Parent) !== 0) {
+ child.parentTransform = this.parentTransform + this.rotateAngle;
+ if (this.flip !== 'None' || this.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["ElementAction"].ElementIsGroup) {
+ child.parentTransform = (this.flip === 'Horizontal' || this.flip === 'Vertical') ?
+ -child.parentTransform : child.parentTransform;
+ }
+ var childSize = child.desiredSize.clone();
+ var topLeft = void 0;
+ var center = { x: 0, y: 0 };
+ var childX = x;
+ var childY = y;
+ if (child.relativeMode === 'Point') {
+ var position = child.getAbsolutePosition(desiredSize);
+ if (position !== undefined) {
+ childX += position.x;
+ childY += position.y;
+ }
+ }
+ if (child.relativeMode === 'Object') {
+ topLeft = this.alignChildBasedOnParent(child, childSize, desiredSize, childX, childY);
+ }
+ else {
+ topLeft = this.alignChildBasedOnaPoint(child, childX, childY);
+ }
+ center = { x: topLeft.x + childSize.width / 2, y: topLeft.y + childSize.height / 2 };
+ _super.prototype.findChildOffsetFromCenter.call(this, child, center);
+ }
+ if (isStack && (child.horizontalAlignment === 'Stretch' || child.verticalAlignment === 'Stretch')) {
+ child.arrange(desiredSize);
+ }
+ else {
+ if (child instanceof _elements_text_element__WEBPACK_IMPORTED_MODULE_5__["TextElement"] && child.canMeasure) {
+ child.arrange(child.desiredSize);
+ this.outerBounds.uniteRect(child.outerBounds);
+ }
+ else if (!(child instanceof _elements_text_element__WEBPACK_IMPORTED_MODULE_5__["TextElement"])) {
+ child.arrange(child.desiredSize);
+ this.outerBounds.uniteRect(child.outerBounds);
+ }
+ }
+ }
+ }
+ this.actualSize = desiredSize;
+ this.updateBounds();
+ this.outerBounds.uniteRect(this.bounds);
+ return desiredSize;
+ };
+ //Aligns the child element based on its parent
+ Canvas.prototype.alignChildBasedOnParent = function (child, childSize, parentSize, x, y) {
+ switch (child.horizontalAlignment) {
+ case 'Auto':
+ case 'Left':
+ x += child.margin.left;
+ break;
+ case 'Right':
+ x += parentSize.width - childSize.width - child.margin.right;
+ break;
+ case 'Stretch':
+ case 'Center':
+ x += parentSize.width / 2 - childSize.width / 2;
+ break;
+ }
+ switch (child.verticalAlignment) {
+ case 'Auto':
+ case 'Top':
+ y += child.margin.top;
+ break;
+ case 'Bottom':
+ y += parentSize.height - childSize.height - child.margin.bottom;
+ break;
+ case 'Stretch':
+ case 'Center':
+ y += parentSize.height / 2 - childSize.height / 2;
+ break;
+ }
+ return { x: x, y: y };
+ };
+ //Aligns the child elements based on a point
+ Canvas.prototype.alignChildBasedOnaPoint = function (child, x, y) {
+ x += child.margin.left - child.margin.right;
+ y += child.margin.top - child.margin.bottom;
+ switch (child.horizontalAlignment) {
+ case 'Auto':
+ case 'Left':
+ x = child.inversedAlignment ? x : (x - child.desiredSize.width);
+ break;
+ case 'Stretch':
+ case 'Center':
+ x -= child.desiredSize.width * child.pivot.x;
+ break;
+ case 'Right':
+ x = child.inversedAlignment ? (x - child.desiredSize.width) : x;
+ break;
+ }
+ switch (child.verticalAlignment) {
+ case 'Auto':
+ case 'Top':
+ y = child.inversedAlignment ? y : (y - child.desiredSize.height);
+ break;
+ case 'Stretch':
+ case 'Center':
+ y -= child.desiredSize.height * child.pivot.y;
+ break;
+ case 'Bottom':
+ y = child.inversedAlignment ? (y - child.desiredSize.height) : y;
+ break;
+ }
+ return { x: x, y: y };
+ };
+ return Canvas;
+}(_container__WEBPACK_IMPORTED_MODULE_0__["Container"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/container.js":
+/*!*****************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/container.js ***!
+ \*****************************************************************************************/
+/*! exports provided: Container */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Container", function() { return Container; });
+/* harmony import */ var _elements_diagram_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../elements/diagram-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _appearance__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../appearance */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/appearance.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+/* eslint-disable @typescript-eslint/ban-types */
+/* eslint-disable jsdoc/require-returns */
+/* eslint-disable valid-jsdoc */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+
+
+
+
+
+/**
+ * Container module is used to group related objects
+ */
+var Container = /** @__PURE__ @class */ (function (_super) {
+ __extends(Container, _super);
+ function Container() {
+ var _this = _super !== null && _super.apply(this, arguments) || this;
+ /**
+ * Gets/Sets the space between the container and its immediate children
+ */
+ _this.padding = new _appearance__WEBPACK_IMPORTED_MODULE_2__["Thickness"](0, 0, 0, 0);
+ //private members
+ _this.desiredBounds = undefined;
+ /** @private */
+ _this.measureChildren = true;
+ /** @private */
+ _this.prevRotateAngle = 0;
+ return _this;
+ }
+ /**
+ * returns whether the container has child elements or not
+ */
+ Container.prototype.hasChildren = function () {
+ if (this.children !== undefined && this.children.length > 0) {
+ return true;
+ }
+ return false;
+ };
+ /**
+ * Measures the minimum space that the container requires
+ *
+ * @param {Size} availableSize
+ * @param {string} id
+ * @param {Function} callback
+ */
+ Container.prototype.measure = function (availableSize, id, callback) {
+ // measure the element and find the desired size
+ this.desiredBounds = undefined;
+ var desired = undefined;
+ var child;
+ var center = { x: 0, y: 0 };
+ var y;
+ var x;
+ var childBounds;
+ if (this.hasChildren()) {
+ //Measuring the children
+ for (var i = 0; i < this.children.length; i++) {
+ child = this.children[parseInt(i.toString(), 10)];
+ if (child.horizontalAlignment === 'Stretch' && !availableSize.width) {
+ availableSize.width = child.bounds.width;
+ }
+ if (child.verticalAlignment === 'Stretch' && !availableSize.height) {
+ availableSize.height = child.bounds.height;
+ }
+ var force = child.horizontalAlignment === 'Stretch' || child.verticalAlignment === 'Stretch';
+ if (this.measureChildren || force || (child instanceof Container && child.measureChildren !== undefined)) {
+ child.measure(availableSize, id, callback);
+ }
+ childBounds = this.GetChildrenBounds(child);
+ if (child.horizontalAlignment !== 'Stretch' && child.verticalAlignment !== 'Stretch') {
+ if (this.desiredBounds === undefined) {
+ this.desiredBounds = childBounds;
+ }
+ else {
+ this.desiredBounds.uniteRect(childBounds);
+ }
+ }
+ else if (this.actualSize && !this.actualSize.width && !this.actualSize.height &&
+ !child.preventContainer && child.horizontalAlignment === 'Stretch' && child.verticalAlignment === 'Stretch') {
+ if (this.desiredBounds === undefined) {
+ this.desiredBounds = child.bounds;
+ }
+ else {
+ this.desiredBounds.uniteRect(child.bounds);
+ }
+ }
+ }
+ if (this.desiredBounds !== undefined && this.rotateAngle !== 0) {
+ var offsetPt = {
+ x: this.desiredBounds.x + this.desiredBounds.width * this.pivot.x,
+ y: this.desiredBounds.y + this.desiredBounds.height * this.pivot.y
+ };
+ var newPoint = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_5__["rotatePoint"])(this.rotateAngle, undefined, undefined, offsetPt);
+ this.desiredBounds.x = newPoint.x - this.desiredBounds.width * this.pivot.x;
+ this.desiredBounds.y = newPoint.y - this.desiredBounds.height * this.pivot.y;
+ }
+ /**
+ * Adding padding to the group bounds during initial rendering and for the group selection
+ */
+ if (this.desiredBounds !== undefined) {
+ this.desiredBounds.width += this.padding.left + this.padding.right;
+ this.desiredBounds.height += this.padding.top + this.padding.bottom;
+ this.desiredBounds.x -= this.padding.left;
+ this.desiredBounds.y -= this.padding.top;
+ }
+ if (this.desiredBounds) {
+ desired = new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](this.desiredBounds.width, this.desiredBounds.height);
+ }
+ }
+ desired = this.validateDesiredSize(desired, availableSize);
+ this.stretchChildren(desired);
+ this.desiredSize = desired;
+ return desired;
+ };
+ /**
+ * Arranges the container and its children
+ *
+ * @param {Size} desiredSize - provide the desiredSize value
+ */
+ Container.prototype.arrange = function (desiredSize) {
+ var child;
+ var bounds;
+ var childBounds = this.desiredBounds;
+ if (childBounds) {
+ var x = this.offsetX;
+ var y = this.offsetY;
+ this.offsetX = childBounds.x + childBounds.width * this.pivot.x;
+ this.offsetY = childBounds.y + childBounds.height * this.pivot.y;
+ // container has rotateAngle
+ if (this.hasChildren()) {
+ //Measuring the children
+ for (var i = 0; i < this.children.length; i++) {
+ child = this.children[parseInt(i.toString(), 10)];
+ var arrange = false;
+ if (child.horizontalAlignment === 'Stretch') {
+ child.offsetX = this.offsetX;
+ child.parentTransform = this.parentTransform + this.rotateAngle;
+ if (this.flip && (this.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ElementAction"].ElementIsGroup)) {
+ child.parentTransform = (this.flip === 'Horizontal' || this.flip === 'Vertical') ?
+ -child.parentTransform : child.parentTransform;
+ }
+ arrange = true;
+ }
+ if (child.verticalAlignment === 'Stretch') {
+ child.offsetY = this.offsetY;
+ child.parentTransform = this.parentTransform + this.rotateAngle;
+ arrange = true;
+ }
+ if (arrange || this.measureChildren || (child instanceof Container && child.measureChildren !== undefined)) {
+ child.arrange(child.desiredSize);
+ }
+ }
+ }
+ }
+ this.actualSize = desiredSize;
+ this.updateBounds();
+ this.prevRotateAngle = this.rotateAngle;
+ return desiredSize;
+ };
+ //protected methods
+ /**
+ * Stretches the child elements based on the size of the container
+ *
+ * @param {Size} size - provide the size value
+ */
+ Container.prototype.stretchChildren = function (size) {
+ if (this.hasChildren()) {
+ for (var _i = 0, _a = this.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ if (child.horizontalAlignment === 'Stretch' || child.desiredSize.width === undefined) {
+ child.desiredSize.width = size.width - child.margin.left - child.margin.right;
+ }
+ if (child.verticalAlignment === 'Stretch' || child.desiredSize.height === undefined) {
+ child.desiredSize.height = size.height - child.margin.top - child.margin.bottom;
+ }
+ if (child instanceof Container) {
+ child.stretchChildren(child.desiredSize);
+ }
+ }
+ }
+ };
+ /**
+ * Considers the padding of the element when measuring its desired size
+ * @param {Size} size - provide the size value
+ */
+ Container.prototype.applyPadding = function (size) {
+ size.width += this.padding.left + this.padding.right;
+ size.height += this.padding.top + this.padding.bottom;
+ };
+ /**
+ * Finds the offset of the child element with respect to the container
+ *
+ * @param {DiagramElement} child - provide the child value
+ * @param {PointModel} center - provide the center value
+ */
+ Container.prototype.findChildOffsetFromCenter = function (child, center) {
+ var topLeft = { x: center.x - child.desiredSize.width / 2, y: center.y - child.desiredSize.height / 2 };
+ var offset = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_5__["getOffset"])(topLeft, child);
+ //Rotate based on child rotate angle
+ offset = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_5__["rotatePoint"])(child.rotateAngle, center.x, center.y, offset);
+ //Rotate based on parent pivot
+ offset = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_5__["rotatePoint"])(this.rotateAngle + this.parentTransform, this.offsetX, this.offsetY, offset);
+ child.offsetX = offset.x;
+ child.offsetY = offset.y;
+ };
+ //private methods - check its need
+ Container.prototype.GetChildrenBounds = function (child) {
+ var childBounds;
+ var childSize = child.desiredSize.clone();
+ var diffAngle = child.rotateAngle - this.rotateAngle;
+ var refPoint = { x: child.offsetX, y: child.offsetY };
+ var left = refPoint.x - childSize.width * child.pivot.x;
+ var top = refPoint.y - childSize.height * child.pivot.y;
+ var right = left + childSize.width;
+ var bottom = top + childSize.height;
+ var topLeft = { x: left, y: top };
+ var topRight = { x: right, y: top };
+ var bottomLeft = { x: left, y: bottom };
+ var bottomRight = { x: right, y: bottom };
+ topLeft = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_5__["rotatePoint"])(child.rotateAngle, child.offsetX, child.offsetY, topLeft);
+ topRight = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_5__["rotatePoint"])(child.rotateAngle, child.offsetX, child.offsetY, topRight);
+ bottomLeft = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_5__["rotatePoint"])(child.rotateAngle, child.offsetX, child.offsetY, bottomLeft);
+ bottomRight = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_5__["rotatePoint"])(child.rotateAngle, child.offsetX, child.offsetY, bottomRight);
+ if (this.rotateAngle !== 0) {
+ topLeft = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_5__["rotatePoint"])(-this.rotateAngle, undefined, undefined, topLeft);
+ topRight = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_5__["rotatePoint"])(-this.rotateAngle, undefined, undefined, topRight);
+ bottomLeft = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_5__["rotatePoint"])(-this.rotateAngle, undefined, undefined, bottomLeft);
+ bottomRight = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_5__["rotatePoint"])(-this.rotateAngle, undefined, undefined, bottomRight);
+ }
+ return _primitives_rect__WEBPACK_IMPORTED_MODULE_4__["Rect"].toBounds([topLeft, topRight, bottomLeft, bottomRight]);
+ };
+ return Container;
+}(_elements_diagram_element__WEBPACK_IMPORTED_MODULE_0__["DiagramElement"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/grid.js":
+/*!************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/grid.js ***!
+ \************************************************************************************/
+/*! exports provided: GridPanel, RowDefinition, ColumnDefinition, GridRow, GridCell */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GridPanel", function() { return GridPanel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RowDefinition", function() { return RowDefinition; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ColumnDefinition", function() { return ColumnDefinition; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GridRow", function() { return GridRow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GridCell", function() { return GridCell; });
+/* harmony import */ var _elements_diagram_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../elements/diagram-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js");
+/* harmony import */ var _canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./canvas */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/canvas.js");
+/* harmony import */ var _container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./container */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/container.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _elements_text_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+/* eslint-disable no-self-assign */
+
+
+
+
+
+
+/**
+ * Grid panel is used to arrange the children in a table like structure
+ */
+var GridPanel = /** @__PURE__ @class */ (function (_super) {
+ __extends(GridPanel, _super);
+ function GridPanel() {
+ var _this = _super !== null && _super.apply(this, arguments) || this;
+ _this.childTable = [];
+ _this.cellStyle = {};
+ _this.desiredRowHeight = [];
+ _this.desiredCellWidth = [];
+ return _this;
+ }
+ /**
+ * rowDefinitions method \
+ *
+ * @returns { RowDefinition[] } columnDefinitions method .\
+ *
+ * @private
+ */
+ GridPanel.prototype.rowDefinitions = function () {
+ return this.rowDefns;
+ };
+ /**
+ * columnDefinitions method \
+ *
+ * @returns { ColumnDefinition[] } columnDefinitions method .\
+ *
+ * @private
+ */
+ GridPanel.prototype.columnDefinitions = function () {
+ return this.colDefns;
+ };
+ GridPanel.prototype.addObject = function (obj, rowId, columnId, rowSpan, columnSpan) {
+ //check if exists
+ if (this.rows.length >= rowId) {
+ var row = this.rows[parseInt(rowId.toString(), 10)];
+ if (row.cells.length > columnId) {
+ columnSpan = columnSpan || 1;
+ rowSpan = rowSpan || 1;
+ var cell = row.cells[parseInt(columnId.toString(), 10)];
+ cell.columnSpan = Math.max(columnSpan, cell.columnSpan);
+ cell.rowSpan = Math.max(rowSpan, cell.rowSpan);
+ var object = new GridCellItem();
+ object = obj;
+ object.rowId = rowId;
+ object.columnId = columnId;
+ object.columnSpan = columnSpan;
+ this.childTable[object.id] = object;
+ this.addObjectToCell(object, cell);
+ }
+ }
+ };
+ // public setCellStyle(rowId: number, columnId: number, cellStyle: ShapeStyleModel): void {
+ // if (this.rows.length > rowId) {
+ // let row: GridRow = this.rows[rowId];
+ // if (row.cells.length > columnId) {
+ // let cell: GridCell = row.cells[columnId];
+ // cell.style = cellStyle;
+ // }
+ // }
+ // }
+ // public getRowId(obj: DiagramElement): number {
+ // return (this.childTable[obj.id] as GridCellItem).rowId;
+ // }
+ // public getColumnId(obj: DiagramElement): number {
+ // return (this.childTable[obj.id] as GridCellItem).columnId;
+ // }
+ // public getRowSpan(obj: DiagramElement): number {
+ // return (this.childTable[obj.id] as GridCellItem).rowSpan;
+ // }
+ // public getColumnSpan(obj: DiagramElement): number {
+ // return (this.childTable[obj.id] as GridCellItem).columnSpan;
+ // }
+ GridPanel.prototype.addObjectToCell = function (obj, cell) {
+ if (!cell.children) {
+ cell.children = [];
+ }
+ // obj.minWidth = cell.desiredCellWidth; obj.minHeight = cell.desiredCellHeight;
+ obj.style.strokeColor = 'black';
+ obj.style.strokeWidth = 1;
+ obj.style.fill = 'white';
+ cell.children.push(obj);
+ };
+ /**
+ * updateProperties method \
+ *
+ * @returns { void } updateProperties method .\
+ * @param {number} offsetX - provide the Connector value.
+ * @param {number} offsetY - provide the Connector value.
+ * @param {number} width - provide the Connector value.
+ * @param {number} height - provide the Connector value.
+ *
+ * @private
+ */
+ GridPanel.prototype.updateProperties = function (offsetX, offsetY, width, height) {
+ this.offsetX = offsetX;
+ this.offsetY = offsetY;
+ this.width = width;
+ this.height = height;
+ };
+ /**
+ * setDefinitions method \
+ *
+ * @returns { void } setDefinitions method .\
+ * @param {RowDefinition[]} rows - provide the rows value.
+ * @param {ColumnDefinition[]} columns - provide the Connector value.
+ *
+ * @private
+ */
+ GridPanel.prototype.setDefinitions = function (rows, columns) {
+ this.rowDefns = rows;
+ this.colDefns = columns;
+ this.children = [];
+ this.rows = this.rows || [];
+ for (var i = 0; i < rows.length; i++) {
+ var rowDefn = rows[parseInt(i.toString(), 10)];
+ var row = new GridRow();
+ row.cells = [];
+ var defaultCell = new ColumnDefinition();
+ //replace this 100 with a proper property
+ defaultCell.width = this.width;
+ var columns_1 = this.colDefns;
+ if (columns_1 === undefined || columns_1.length < 1) {
+ columns_1 = [defaultCell];
+ }
+ this.addCellInRow(columns_1, rowDefn, row);
+ this.rows.push(row);
+ }
+ };
+ /**
+ * addCellInRow method \
+ *
+ * @returns { void } addCellInRow method .\
+ * @param {ColumnDefinition[]} columns - provide the rows value.
+ * @param {RowDefinition} rowDefn - provide the Connector value.
+ * @param {GridRow} row - provide the Connector value.
+ *
+ * @private
+ */
+ GridPanel.prototype.addCellInRow = function (columns, rowDefn, row) {
+ for (var j = 0; j < columns.length; j++) {
+ var colDefn = columns[parseInt(j.toString(), 10)];
+ var cell = new GridCell();
+ cell.children = [];
+ this.cellStyle.fill = 'none';
+ this.cellStyle.strokeColor = 'none';
+ cell.id = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["randomId"])();
+ cell.style = this.cellStyle;
+ cell.desiredCellWidth = cell.minWidth = colDefn.width;
+ cell.desiredCellHeight = cell.minHeight = rowDefn.height;
+ row.cells.push(cell);
+ this.children.push(cell);
+ }
+ };
+ /**
+ * calculateSize method \
+ *
+ * @returns { void } calculateSize method .\
+ *
+ * @private
+ */
+ GridPanel.prototype.calculateSize = function () {
+ var rows = this.rows || [];
+ var calculateHeight = 0;
+ var calculateWidth = 0;
+ for (var i = 0; i < rows.length; i++) {
+ var row = this.rows[parseInt(i.toString(), 10)];
+ calculateWidth = 0;
+ for (var j = 0; j < row.cells.length; j++) {
+ calculateWidth += row.cells[parseInt(j.toString(), 10)].desiredCellWidth;
+ if (j === row.cells.length - 1) {
+ if (this.width && this.width !== calculateWidth) {
+ row.cells[parseInt(j.toString(), 10)].desiredCellWidth += (this.width - calculateWidth);
+ row.cells[parseInt(j.toString(), 10)].minWidth = row.cells[parseInt(j.toString(), 10)].desiredCellWidth;
+ if (row.cells[parseInt(j.toString(), 10)].children && row.cells[parseInt(j.toString(), 10)].children.length) {
+ row.cells[parseInt(j.toString(), 10)].children[0].width = row.cells[parseInt(j.toString(), 10)].desiredCellWidth;
+ }
+ this.colDefns[parseInt(j.toString(), 10)].width = row.cells[parseInt(j.toString(), 10)].desiredCellWidth;
+ }
+ calculateHeight += row.cells[parseInt(j.toString(), 10)].desiredCellHeight;
+ if (i === rows.length - 1) {
+ if (this.height && this.height !== calculateHeight) {
+ var height = (this.height - calculateHeight);
+ if (height > 0) {
+ for (var k = 0; k < row.cells.length; k++) {
+ row.cells[parseInt(k.toString(), 10)].desiredCellHeight += height;
+ row.cells[parseInt(k.toString(), 10)].minHeight = row.cells[parseInt(k.toString(), 10)].desiredCellHeight = row.cells[parseInt(k.toString(), 10)].desiredCellHeight;
+ if (row.cells[parseInt(k.toString(), 10)].children && row.cells[parseInt(k.toString(), 10)].children.length) {
+ row.cells[parseInt(k.toString(), 10)].children[0].height = row.cells[parseInt(k.toString(), 10)].desiredCellHeight;
+ }
+ }
+ this.rowDefns[parseInt(i.toString(), 10)].height += height;
+ }
+ }
+ }
+ }
+ }
+ }
+ };
+ /**
+ * updateRowHeight method \
+ *
+ * @returns { void } updateRowHeight method .\
+ * @param {number} rowId - provide the rows value.
+ * @param {number} height - provide the Connector value.
+ * @param {boolean} isConsiderChild - provide the Connector value.
+ * @param {number} padding - provide the Connector value.
+ *
+ * @private
+ */
+ GridPanel.prototype.updateRowHeight = function (rowId, height, isConsiderChild, padding) {
+ var row = this.rows[parseInt(rowId.toString(), 10)];
+ this.rowDefns[parseInt(rowId.toString(), 10)].height = height;
+ if (this.height !== undefined) {
+ this.height += height - row.cells[0].desiredCellHeight;
+ }
+ for (var i = 0; i < row.cells.length; i++) {
+ row.cells[parseInt(i.toString(), 10)].desiredCellHeight = row.cells[parseInt(i.toString(), 10)].minHeight = height;
+ if (row.cells[parseInt(i.toString(), 10)].children && row.cells[parseInt(i.toString(), 10)].children.length) {
+ row.cells[parseInt(i.toString(), 10)].children[0].height = height;
+ this.setTextRefresh(row.cells[parseInt(i.toString(), 10)].children[0]);
+ }
+ }
+ this.desiredRowHeight[parseInt(rowId.toString(), 10)] = height;
+ this.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](this.width, this.height));
+ this.arrange(this.desiredSize);
+ if (isConsiderChild) {
+ var minHeight = (padding !== undefined) ? this.calculateCellHeightBasedOnChildren(rowId, padding) :
+ this.calculateCellHeight(rowId);
+ if (minHeight > height) {
+ this.updateRowHeight(rowId, minHeight, false);
+ }
+ }
+ };
+ GridPanel.prototype.setTextRefresh = function (canvas) {
+ if (canvas.children && canvas.children.length) {
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ var children = canvas.children;
+ for (var i = 0; i < children.length; i++) {
+ if (children[parseInt(i.toString(), 10)] instanceof _elements_text_element__WEBPACK_IMPORTED_MODULE_5__["TextElement"]) {
+ children[parseInt(i.toString(), 10)].refreshTextElement();
+ }
+ if (children[parseInt(i.toString(), 10)] instanceof _canvas__WEBPACK_IMPORTED_MODULE_1__["Canvas"]) {
+ this.setTextRefresh(children[parseInt(i.toString(), 10)]);
+ }
+ }
+ }
+ };
+ /**
+ * updateColumnWidth method \
+ *
+ * @returns { void } updateColumnWidth method .\
+ * @param {number} colId - provide the rows value.
+ * @param {number} width - provide the Connector value.
+ * @param {boolean} isConsiderChild - provide the Connector value.
+ * @param {number} padding - provide the Connector value.
+ *
+ * @private
+ */
+ GridPanel.prototype.updateColumnWidth = function (colId, width, isConsiderChild, padding) {
+ this.colDefns[parseInt(colId.toString(), 10)].width = width;
+ if (this.width !== undefined) {
+ this.width += width - this.rows[this.rows.length - 1].cells[parseInt(colId.toString(), 10)].desiredCellWidth;
+ }
+ for (var i = 0; i < this.rows.length; i++) {
+ this.setTextRefresh(this.rows[parseInt(i.toString(), 10)].cells[0]);
+ this.rows[parseInt(i.toString(), 10)].cells[parseInt(colId.toString(), 10)].desiredCellWidth = this.rows[parseInt(i.toString(), 10)].cells[parseInt(colId.toString(), 10)].minWidth = width;
+ if (this.rows[parseInt(i.toString(), 10)].cells[parseInt(colId.toString(), 10)].children && this.rows[parseInt(i.toString(), 10)].cells[parseInt(colId.toString(), 10)].children.length) {
+ this.rows[parseInt(i.toString(), 10)].cells[parseInt(colId.toString(), 10)].children[0].width = width;
+ }
+ }
+ this.desiredCellWidth[parseInt(colId.toString(), 10)] = width;
+ this.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](this.width, this.height));
+ this.arrange(this.desiredSize);
+ if (isConsiderChild) {
+ var minWidth = (padding !== undefined) ? this.calculateCellWidthBasedOnChildren(colId, padding) :
+ this.calculateCellWidth(colId);
+ if (minWidth > width) {
+ this.updateColumnWidth(colId, minWidth, false);
+ }
+ }
+ };
+ GridPanel.prototype.calculateCellWidth = function (colIndex) {
+ var maxWidth;
+ var width;
+ var cell;
+ for (var i = 0; i < this.rows.length; i++) {
+ cell = this.rows[parseInt(i.toString(), 10)].cells[parseInt(colIndex.toString(), 10)];
+ if (cell.columnSpan === 1) {
+ width = (cell.outerBounds.width > cell.bounds.width &&
+ (cell.children.length === 0 || cell.children[0].maxWidth === undefined)) ? cell.outerBounds.width : cell.bounds.width;
+ if (maxWidth) {
+ maxWidth = (maxWidth < width) ? width : maxWidth;
+ }
+ else {
+ maxWidth = width;
+ }
+ }
+ }
+ return maxWidth;
+ };
+ GridPanel.prototype.calculateCellHeight = function (rowIndex) {
+ var maxHeight;
+ var height;
+ var cell;
+ var row = this.rows[parseInt(rowIndex.toString(), 10)];
+ for (var i = 0; i < row.cells.length; i++) {
+ cell = row.cells[parseInt(i.toString(), 10)];
+ height = (cell.outerBounds.height > cell.bounds.height) ? cell.outerBounds.height : cell.bounds.height;
+ if (maxHeight) {
+ maxHeight = (maxHeight < height) ? height : maxHeight;
+ }
+ else {
+ maxHeight = height;
+ }
+ }
+ return maxHeight;
+ };
+ GridPanel.prototype.calculateCellSizeBasedOnChildren = function (cell, option, padding, maxSize) {
+ var maxBounds;
+ var canvas = (cell && cell.children.length > 0) ? cell.children[0] : undefined;
+ if (canvas && cell.columnSpan === 1) {
+ maxBounds = (option === 'Width') ? canvas.bounds.right : canvas.bounds.bottom;
+ if (!maxSize) {
+ maxSize = (option === 'Width') ? canvas.bounds.width : canvas.bounds.height;
+ }
+ for (var j = 0; j < canvas.children.length; j++) {
+ var children = canvas.children[parseInt(j.toString(), 10)];
+ if (children instanceof _canvas__WEBPACK_IMPORTED_MODULE_1__["Canvas"]) {
+ if (children.id.indexOf('header') === -1) {
+ var bounds = ((option === 'Width') ? children.bounds.right : children.bounds.bottom) + padding;
+ if (bounds > maxBounds) {
+ var size = (bounds - maxBounds) + ((option === 'Width') ? canvas.bounds.width : canvas.bounds.height);
+ if (maxSize) {
+ maxSize = (maxSize < size) ? size : maxSize;
+ }
+ }
+ }
+ }
+ }
+ }
+ return maxSize;
+ };
+ GridPanel.prototype.calculateCellWidthBasedOnChildren = function (colIndex, padding) {
+ var maxWidth; //let width: number; let maxBounds: number; let canvas: Canvas;
+ var cell;
+ for (var i = 0; i < this.rows.length; i++) {
+ cell = this.rows[parseInt(i.toString(), 10)].cells[parseInt(colIndex.toString(), 10)];
+ maxWidth = this.calculateCellSizeBasedOnChildren(cell, 'Width', padding, maxWidth);
+ }
+ return maxWidth;
+ };
+ GridPanel.prototype.calculateCellHeightBasedOnChildren = function (rowIndex, padding) {
+ var maxHeight;
+ var cell;
+ // let maxBounds: number; let canvas: Canvas;
+ var row = this.rows[parseInt(rowIndex.toString(), 10)];
+ for (var i = 0; i < row.cells.length; i++) {
+ cell = row.cells[parseInt(i.toString(), 10)];
+ maxHeight = this.calculateCellSizeBasedOnChildren(cell, 'Height', padding, maxHeight);
+ }
+ return maxHeight;
+ };
+ /**
+ * addRow method \
+ *
+ * @returns { void } addRow method .\
+ * @param {number} rowId - provide the rowId value.
+ * @param {number} rowDefn - provide the rowDefn value.
+ * @param {boolean} isMeasure - provide the isMeasure value.
+ *
+ * @private
+ */
+ GridPanel.prototype.addRow = function (rowId, rowDefn, isMeasure) {
+ if (this.rowDefns.length > 0) {
+ this.rowDefns.splice(rowId, 0, rowDefn);
+ }
+ else {
+ this.rowDefns.push(rowDefn);
+ }
+ var row = new GridRow();
+ row.cells = [];
+ var defaultCell = new ColumnDefinition();
+ defaultCell.width = this.width;
+ var columns = this.colDefns;
+ this.addCellInRow(columns, rowDefn, row);
+ if (rowId > this.rows.length - 1) {
+ this.rows.push(row);
+ }
+ else {
+ this.rows.splice(rowId, 0, row);
+ }
+ if (isMeasure) {
+ this.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](this.width, this.height));
+ this.arrange(this.desiredSize);
+ }
+ };
+ /**
+ * addColumn method \
+ *
+ * @returns { void } addColumn method .\
+ * @param {number} columnId - provide the rowId value.
+ * @param {number} column - provide the rowDefn value.
+ * @param {boolean} isMeasure - provide the isMeasure value.
+ *
+ * @private
+ */
+ GridPanel.prototype.addColumn = function (columnId, column, isMeasure) {
+ var row;
+ var rowDefn;
+ var colDefn;
+ var cell;
+ var rows = this.rows;
+ if (this.colDefns.length > 0) {
+ this.colDefns.splice(columnId, 0, column);
+ }
+ else {
+ this.colDefns.push(column);
+ }
+ if (this.width !== undefined) {
+ this.width += column.width;
+ }
+ for (var i = 0; i < rows.length; i++) {
+ row = rows[parseInt(i.toString(), 10)];
+ rowDefn = this.rowDefns[parseInt(i.toString(), 10)];
+ colDefn = column;
+ cell = new GridCell();
+ cell.style = this.cellStyle;
+ cell.desiredCellWidth = cell.minWidth = colDefn.width;
+ cell.desiredCellHeight = cell.minHeight = rowDefn.height;
+ cell.children = [];
+ if (columnId > row.cells.length - 1) {
+ row.cells.push(cell);
+ }
+ else {
+ row.cells.splice(columnId, 0, cell);
+ }
+ this.children.push(cell);
+ }
+ if (isMeasure) {
+ this.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](this.width, this.height));
+ this.arrange(this.desiredSize);
+ }
+ };
+ /**
+ * removeRow method \
+ *
+ * @returns { void } removeRow method .\
+ * @param {number} rowId - provide the rowId value.
+ *
+ * @private
+ */
+ GridPanel.prototype.removeRow = function (rowId) {
+ var cell;
+ var element;
+ var rows = this.rows;
+ var removeRow = rows[parseInt(rowId.toString(), 10)];
+ this.height -= this.rowDefns[parseInt(rowId.toString(), 10)].height;
+ for (var i = 0; i < removeRow.cells.length; i++) {
+ cell = removeRow.cells[parseInt(i.toString(), 10)];
+ this.children.splice(this.children.indexOf(cell), 1);
+ element = document.getElementById(cell.id + '_groupElement');
+ if (element && element.parentElement) {
+ element.parentElement.removeChild(element);
+ }
+ }
+ this.rows.splice(rowId, 1);
+ this.rowDefns.splice(rowId, 1);
+ this.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](this.width, this.height));
+ this.arrange(this.desiredSize);
+ };
+ /**
+ * removeColumn method \
+ *
+ * @returns { void } removeColumn method .\
+ * @param {number} columnId - provide the rowId value.
+ *
+ * @private
+ */
+ GridPanel.prototype.removeColumn = function (columnId) {
+ var cell;
+ var element;
+ var rows = this.rows;
+ this.width -= this.colDefns[parseInt(columnId.toString(), 10)].width;
+ for (var i = 0; i < rows.length; i++) {
+ cell = rows[parseInt(i.toString(), 10)].cells[parseInt(columnId.toString(), 10)];
+ this.children.splice(this.children.indexOf(cell), 1);
+ element = document.getElementById(cell.id + '_groupElement');
+ if (element && element.parentElement) {
+ element.parentElement.removeChild(element);
+ }
+ rows[parseInt(i.toString(), 10)].cells.splice(columnId, 1);
+ }
+ this.colDefns.splice(columnId, 1);
+ this.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](this.width, this.height));
+ this.arrange(this.desiredSize);
+ };
+ /**
+ * updateRowIndex method \
+ *
+ * @returns { void } updateRowIndex method .\
+ * @param {number} currentIndex - provide the rowId value.
+ * @param {number} newIndex - provide the rowId value.
+ *
+ * @private
+ */
+ GridPanel.prototype.updateRowIndex = function (currentIndex, newIndex) {
+ //const rows: GridRow[] = this.rows;
+ var temp = this.rows[parseInt(currentIndex.toString(), 10)];
+ this.rows.splice(currentIndex, 1);
+ this.rows.splice(newIndex, 0, temp);
+ var tempRow = this.rowDefns[parseInt(currentIndex.toString(), 10)];
+ this.rowDefns.splice(currentIndex, 1);
+ this.rowDefns.splice(newIndex, 0, tempRow);
+ this.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](this.width, this.height));
+ this.arrange(this.desiredSize);
+ };
+ /**
+ * updateColumnIndex method \
+ *
+ * @returns { void } updateColumnIndex method .\
+ * @param {number} startRowIndex - provide the startRowIndex value.
+ * @param {number} currentIndex - provide the currentIndex value.
+ * @param {number} newIndex - provide the newIndex value.
+ *
+ * @private
+ */
+ GridPanel.prototype.updateColumnIndex = function (startRowIndex, currentIndex, newIndex) {
+ var temp;
+ var cell;
+ for (var i = startRowIndex; i < this.rows.length; i++) {
+ temp = this.rows[parseInt(i.toString(), 10)];
+ cell = this.rows[parseInt(i.toString(), 10)].cells[parseInt(currentIndex.toString(), 10)];
+ temp.cells.splice(currentIndex, 1);
+ temp.cells.splice(newIndex, 0, cell);
+ }
+ var tempCol = this.colDefns[parseInt(currentIndex.toString(), 10)];
+ this.colDefns.splice(currentIndex, 1);
+ this.colDefns.splice(newIndex, 0, tempCol);
+ var tempSize = this.desiredCellWidth[parseInt(currentIndex.toString(), 10)];
+ this.desiredCellWidth.splice(currentIndex, 1);
+ this.desiredCellWidth.splice(newIndex, 0, tempSize);
+ this.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](this.width, this.height));
+ this.arrange(this.desiredSize);
+ };
+ /**
+ * measure method \
+ *
+ * @returns { Size } measure method .\
+ * @param {Size} availableSize - provide the startRowIndex value.
+ *
+ * @private
+ */
+ GridPanel.prototype.measure = function (availableSize) {
+ var desired = undefined;
+ if (this.rows !== undefined && this.rows.length > 0) {
+ var i = 0;
+ var j = 0;
+ desired = new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](0, 0);
+ this.calculateSize();
+ for (var _i = 0, _a = this.rows; _i < _a.length; _i++) {
+ var row = _a[_i];
+ j = 0;
+ for (var _b = 0, _c = row.cells; _b < _c.length; _b++) {
+ var cell = _c[_b];
+ var size = cell.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](cell.desiredCellWidth, cell.desiredCellHeight));
+ if (cell.rowSpan === 1) {
+ if (j === 0 || this.desiredRowHeight[parseInt(i.toString(), 10)] === undefined) {
+ this.desiredRowHeight[parseInt(i.toString(), 10)] = size.height;
+ }
+ else {
+ this.desiredRowHeight[parseInt(i.toString(), 10)] = Math.max(size.height, this.desiredRowHeight[parseInt(i.toString(), 10)]);
+ }
+ }
+ if (cell.columnSpan === 1) {
+ if (i === 0 || this.desiredCellWidth[parseInt(j.toString(), 10)] === undefined) {
+ this.desiredCellWidth[parseInt(j.toString(), 10)] = size.width;
+ }
+ else {
+ this.desiredCellWidth[parseInt(j.toString(), 10)] = Math.max(size.width, this.desiredCellWidth[parseInt(j.toString(), 10)]);
+ }
+ if (i === this.rows.length - 1) {
+ desired.width += this.desiredCellWidth[parseInt(j.toString(), 10)];
+ }
+ }
+ j++;
+ }
+ desired.height += this.desiredRowHeight[parseInt(i.toString(), 10)];
+ i++;
+ }
+ //to-do update definitions
+ i = j = 0;
+ var rowIndex = 0;
+ for (var _d = 0, _e = this.rows; _d < _e.length; _d++) {
+ var row = _e[_d];
+ j = 0;
+ var cellIndex = 0;
+ for (var _f = 0, _g = row.cells; _f < _g.length; _f++) {
+ var cell = _g[_f];
+ if (cell.columnSpan !== 1) {
+ cell.desiredSize.width = 0;
+ for (var start = 0; start < cell.columnSpan; start++) {
+ if ((start + j) < row.cells.length) {
+ cell.desiredSize.width += this.desiredCellWidth[start + j];
+ cell.minWidth = cell.desiredSize.width;
+ cell.measure(cell.desiredSize);
+ }
+ }
+ j++;
+ }
+ else {
+ cell.desiredSize.width = this.desiredCellWidth[parseInt(cellIndex.toString(), 10)];
+ cell.measure(cell.desiredSize);
+ }
+ if (cell.rowSpan !== 1) {
+ cell.desiredSize.height = 0;
+ for (var start = 0; start < cell.rowSpan; start++) {
+ if ((start + rowIndex) < this.rows.length) {
+ cell.desiredSize.height += this.desiredRowHeight[start + rowIndex];
+ cell.minHeight = cell.desiredSize.height;
+ cell.measure(cell.desiredSize);
+ }
+ }
+ }
+ else {
+ cell.desiredSize.height = this.desiredRowHeight[parseInt(rowIndex.toString(), 10)];
+ cell.measure(cell.desiredSize);
+ }
+ i++;
+ cellIndex++;
+ }
+ rowIndex++;
+ }
+ }
+ if (desired === undefined) {
+ desired = _super.prototype.validateDesiredSize.call(this, desired, availableSize);
+ }
+ _super.prototype.stretchChildren.call(this, desired);
+ this.desiredSize = desired;
+ return desired;
+ };
+ /**
+ * arrange method \
+ *
+ * @returns { Size } arrange method .\
+ * @param {Size} desiredSize - provide the startRowIndex value.
+ * @param {boolean} isChange - provide the startRowIndex value.
+ *
+ * @private
+ */
+ GridPanel.prototype.arrange = function (desiredSize, isChange) {
+ var j = 0;
+ var i = 0;
+ if (this.rows !== undefined && this.rows.length > 0) {
+ var x = this.offsetX - desiredSize.width * this.pivot.x;
+ var y = this.offsetY - desiredSize.height * this.pivot.y;
+ var cellX = x;
+ for (var _i = 0, _a = this.rows; _i < _a.length; _i++) {
+ var row = _a[_i];
+ cellX = x;
+ j = 0;
+ for (var _b = 0, _c = row.cells; _b < _c.length; _b++) {
+ var cell = _c[_b];
+ var cellWidth = Math.max(this.desiredCellWidth[parseInt(j.toString(), 10)], cell.desiredSize.width);
+ var cellHeight = Math.max(this.desiredRowHeight[parseInt(i.toString(), 10)], cell.desiredSize.height);
+ cell.offsetX = cellX + cellWidth * cell.pivot.x;
+ cell.offsetY = y + cellHeight * cell.pivot.y;
+ cellX += this.desiredCellWidth[parseInt(j.toString(), 10)];
+ cell.arrange(new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"](cellWidth, cellHeight));
+ j++;
+ }
+ y += this.desiredRowHeight[parseInt(i.toString(), 10)];
+ i++;
+ }
+ if (isChange) {
+ // Need to remove the unwanted the child elements in the grid
+ // Used for row span and column span.
+ var cell = void 0;
+ var row = void 0;
+ var k = void 0;
+ var z = void 0;
+ var removeCell = void 0;
+ for (i = 0; i < this.rows.length; i++) {
+ row = this.rows[parseInt(i.toString(), 10)];
+ for (j = 0; j < row.cells.length; j++) {
+ cell = row.cells[parseInt(j.toString(), 10)];
+ if (cell.columnSpan > 1) {
+ // remove a child element when a column span is greater than 1
+ this.children.splice((this.children.indexOf(cell)) + 1, cell.columnSpan - 1);
+ }
+ if (cell.rowSpan > 1) {
+ for (k = i, z = 0; ((k + cell.rowSpan - 1) < this.rows.length && z < cell.rowSpan - 1); k++, z++) {
+ removeCell = this.rows[k + 1].cells[parseInt(j.toString(), 10)];
+ // remove a child element when a row span is greater than 1
+ this.children.splice(this.children.indexOf(removeCell), 1);
+ }
+ }
+ }
+ }
+ }
+ }
+ this.actualSize = desiredSize;
+ this.updateBounds();
+ return desiredSize;
+ };
+ return GridPanel;
+}(_container__WEBPACK_IMPORTED_MODULE_2__["Container"]));
+
+/**
+ * Defines the behavior of the RowDefinition of node
+ */
+var RowDefinition = /** @__PURE__ @class */ (function () {
+ function RowDefinition() {
+ /** returns the height of node */
+ this.height = undefined;
+ }
+ return RowDefinition;
+}());
+
+/**
+ * Defines the behavior of the ColumnDefinition of node
+ */
+var ColumnDefinition = /** @__PURE__ @class */ (function () {
+ function ColumnDefinition() {
+ /** returns the width of node */
+ this.width = undefined;
+ }
+ return ColumnDefinition;
+}());
+
+/** @private */
+var GridRow = /** @__PURE__ @class */ (function () {
+ function GridRow() {
+ this.cells = null;
+ }
+ return GridRow;
+}());
+
+/** @private */
+var GridCell = /** @__PURE__ @class */ (function (_super) {
+ __extends(GridCell, _super);
+ function GridCell() {
+ var _this = _super !== null && _super.apply(this, arguments) || this;
+ _this.columnSpan = 1;
+ _this.rowSpan = 1;
+ return _this;
+ }
+ return GridCell;
+}(_canvas__WEBPACK_IMPORTED_MODULE_1__["Canvas"]));
+
+var GridCellItem = /** @__PURE__ @class */ (function (_super) {
+ __extends(GridCellItem, _super);
+ function GridCellItem() {
+ var _this = _super !== null && _super.apply(this, arguments) || this;
+ _this.rowId = 0;
+ _this.columnId = 0;
+ _this.rowSpan = 1;
+ _this.columnSpan = 1;
+ return _this;
+ }
+ return GridCellItem;
+}(_elements_diagram_element__WEBPACK_IMPORTED_MODULE_0__["DiagramElement"]));
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/stack-panel.js":
+/*!*******************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/stack-panel.js ***!
+ \*******************************************************************************************/
+/*! exports provided: StackPanel */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StackPanel", function() { return StackPanel; });
+/* harmony import */ var _container__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./container */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/container.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+
+
+/**
+ * StackPanel module is used to arrange its children in a line
+ */
+var StackPanel = /** @__PURE__ @class */ (function (_super) {
+ __extends(StackPanel, _super);
+ function StackPanel() {
+ var _this = _super !== null && _super.apply(this, arguments) || this;
+ /**
+ * Gets/Sets the orientation of the stack panel
+ */
+ _this.orientation = 'Vertical';
+ /**
+ * Not applicable for canvas
+ * to avoid the child size updation with respect to parent ser true
+ *
+ * @private
+ */
+ _this.measureChildren = undefined;
+ /**
+ * Sets or gets whether the padding of the element needs to be measured
+ *
+ * @private
+ */
+ _this.considerPadding = true;
+ return _this;
+ }
+ /**
+ * Measures the minimum space that the panel needs \
+ *
+ * @returns { Size } Measures the minimum space that the panel needs.\
+ * @param {Size} availableSize - provide the id value.
+ *
+ * @private
+ */
+ StackPanel.prototype.measure = function (availableSize) {
+ var updateSize = this.orientation === 'Horizontal' ? this.updateHorizontalStack : this.updateVerticalStack;
+ this.desiredSize = this.measureStackPanel(availableSize, updateSize);
+ return this.desiredSize;
+ };
+ /**
+ * Arranges the child elements of the stack panel \
+ *
+ * @returns { Size } Arranges the child elements of the stack panel.\
+ * @param {Size} desiredSize - provide the id value.
+ *
+ * @private
+ */
+ StackPanel.prototype.arrange = function (desiredSize) {
+ var updateSize = this.orientation === 'Horizontal' ? this.arrangeHorizontalStack : this.arrangeVerticalStack;
+ this.actualSize = this.arrangeStackPanel(desiredSize, updateSize);
+ this.updateBounds();
+ return this.actualSize;
+ };
+ /**
+ * Measures the minimum space that the panel needs \
+ *
+ * @returns { Size } Measures the minimum space that the panel needs.\
+ * @param {Size} availableSize - provide the id value.
+ * @param {Function} updateSize - provide the id value.
+ *
+ * @private
+ */
+ StackPanel.prototype.measureStackPanel = function (availableSize, updateSize) {
+ var desired = undefined;
+ if (this.children !== undefined && this.children.length > 0) {
+ for (var _i = 0, _a = this.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ child.parentTransform = this.rotateAngle + this.parentTransform;
+ //Measure children
+ if (this.measureChildren) {
+ child.measure(child.desiredSize);
+ }
+ else {
+ child.measure(availableSize);
+ }
+ var childSize = child.desiredSize.clone();
+ //Consider Child's margin
+ this.applyChildMargin(child, childSize);
+ //Consider children's rotation
+ if (child.rotateAngle !== 0) {
+ childSize = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_1__["rotateSize"])(childSize, child.rotateAngle);
+ }
+ //Measure stack panel
+ if (desired === undefined) {
+ desired = childSize;
+ }
+ else {
+ if (!child.preventContainer) {
+ updateSize(childSize, desired);
+ }
+ }
+ }
+ }
+ desired = _super.prototype.validateDesiredSize.call(this, desired, availableSize);
+ this.stretchChildren(desired);
+ //Considering padding values
+ if (this.considerPadding) {
+ this.applyPadding(desired);
+ }
+ return desired;
+ };
+ StackPanel.prototype.arrangeStackPanel = function (desiredSize, updatePosition) {
+ if (this.children !== undefined && this.children.length > 0) {
+ var x = void 0;
+ var y = void 0;
+ x = this.offsetX - desiredSize.width * this.pivot.x + this.padding.left;
+ y = this.offsetY - desiredSize.height * this.pivot.y + this.padding.top;
+ for (var _i = 0, _a = this.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ var childSize = child.desiredSize.clone();
+ var rotatedSize = childSize;
+ if (this.orientation === 'Vertical') {
+ y += child.margin.top;
+ }
+ else {
+ x += child.margin.left;
+ }
+ if (child.rotateAngle !== 0) {
+ rotatedSize = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_1__["rotateSize"])(childSize, child.rotateAngle);
+ }
+ var center = updatePosition(x, y, child, this, desiredSize, rotatedSize);
+ _super.prototype.findChildOffsetFromCenter.call(this, child, center);
+ child.arrange(childSize, true);
+ if (this.orientation === 'Vertical') {
+ y += rotatedSize.height + child.margin.bottom;
+ }
+ else {
+ x += rotatedSize.width + child.margin.right;
+ }
+ }
+ }
+ return desiredSize;
+ };
+ StackPanel.prototype.updateHorizontalStack = function (child, parent) {
+ parent.height = Math.max(child.height, parent.height);
+ parent.width += child.width;
+ };
+ StackPanel.prototype.updateVerticalStack = function (child, parent) {
+ parent.width = Math.max(child.width, parent.width);
+ parent.height += child.height;
+ };
+ StackPanel.prototype.arrangeHorizontalStack = function (x, y, child, parent, parenBounds, childBounds) {
+ var centerY = 0;
+ if (child.verticalAlignment === 'Top') {
+ centerY = y + child.margin.top + childBounds.height / 2;
+ }
+ else if (child.verticalAlignment === 'Bottom') {
+ var parentBottom = parent.offsetY + parenBounds.height * (1 - parent.pivot.y);
+ centerY = parentBottom - parent.padding.bottom - child.margin.bottom - childBounds.height / 2;
+ }
+ else {
+ centerY = parent.offsetY - parenBounds.height * parent.pivot.y + parenBounds.height / 2;
+ if (child.margin.top) {
+ centerY = y + child.margin.top + childBounds.height / 2;
+ }
+ }
+ return { x: x + childBounds.width / 2, y: centerY };
+ };
+ StackPanel.prototype.arrangeVerticalStack = function (x, y, child, parent, parentSize, childSize) {
+ var centerX = 0;
+ if (child.horizontalAlignment === 'Left') {
+ centerX = x + child.margin.left + childSize.width / 2;
+ }
+ else if (child.horizontalAlignment === 'Right') {
+ var parentRight = parent.offsetX + parentSize.width * (1 - parent.pivot.x);
+ centerX = parentRight - parent.padding.right - child.margin.right - childSize.width / 2;
+ }
+ else {
+ centerX = parent.offsetX - parentSize.width * parent.pivot.x + parentSize.width / 2;
+ if (child.margin.left) {
+ centerX = x + child.margin.left + childSize.width / 2;
+ }
+ }
+ return { x: centerX, y: y + childSize.height / 2 };
+ };
+ StackPanel.prototype.stretchChildren = function (size) {
+ if (this.children !== undefined && this.children.length > 0) {
+ for (var _i = 0, _a = this.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ if (this.orientation === 'Vertical') {
+ if (child.horizontalAlignment === 'Stretch') {
+ child.desiredSize.width = size.width - (child.margin.left + child.margin.right);
+ }
+ }
+ else {
+ if (child.verticalAlignment === 'Stretch') {
+ child.desiredSize.height = size.height - (child.margin.top + child.margin.bottom);
+ }
+ }
+ }
+ }
+ };
+ StackPanel.prototype.applyChildMargin = function (child, size) {
+ size.height += child.margin.top + child.margin.bottom;
+ size.width += child.margin.left + child.margin.right;
+ };
+ return StackPanel;
+}(_container__WEBPACK_IMPORTED_MODULE_0__["Container"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js":
+/*!*********************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js ***!
+ \*********************************************************************************************/
+/*! exports provided: DiagramElement */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramElement", function() { return DiagramElement; });
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+
+
+
+
+/**
+ * DiagramElement module defines the basic unit of diagram
+ */
+var DiagramElement = /** @__PURE__ @class */ (function () {
+ function DiagramElement() {
+ /**
+ * Sets/Gets the reference point of the element
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let stackPanel: StackPanel = new StackPanel();
+ * stackPanel.offsetX = 300; stackPanel.offsetY = 200;
+ * stackPanel.width = 100; stackPanel.height = 100;
+ * stackPanel.style.fill = 'red';
+ * stackPanel.pivot = { x: 0.5, y: 0.5 };
+ * let diagram: Diagram = new Diagram({
+ * ...
+ * basicElements: [stackPanel],
+ * ...
+ * });
+ * diagram.appendTo('#diagram');
+ * ```
+ */
+ this.pivot = { x: 0.5, y: 0.5 };
+ /**
+ * Sets or gets whether the content of the element needs to be measured
+ */
+ this.isDirt = true;
+ /**
+ * set to true during print and eport
+ */
+ /** @private */
+ this.isExport = false;
+ /**
+ * set scaling value for print and export
+ */
+ /** @private */
+ this.exportScaleValue = { x: 0, y: 0 };
+ /**
+ * set scaling value for print and export
+ */
+ /** @private */
+ this.exportScaleOffset = { x: 0, y: 0 };
+ /**
+ * Check whether style need to be apply or not
+ */
+ /** @private */
+ this.canApplyStyle = true;
+ /**
+ * Sets or gets whether the content of the element to be visible
+ */
+ this.visible = true;
+ /**
+ * Sets/Gets the x-coordinate of the element
+ */
+ this.offsetX = 0;
+ /**
+ * Sets/Gets the y-coordinate of the element
+ */
+ this.offsetY = 0;
+ /**
+ * Set the corner of the element
+ */
+ this.cornerRadius = 0;
+ /**
+ * Sets/Gets the minimum height of the element
+ */
+ this.minHeight = undefined;
+ /**
+ * Sets/Gets the minimum width of the element
+ */
+ this.minWidth = undefined;
+ /**
+ * Sets/Gets the maximum width of the element
+ */
+ this.maxWidth = undefined;
+ /**
+ * Sets/Gets the maximum height of the element
+ */
+ this.maxHeight = undefined;
+ /**
+ * Sets/Gets the width of the element
+ */
+ this.width = undefined;
+ /**
+ * Sets/Gets the height of the element
+ */
+ this.height = undefined;
+ /**
+ * Sets/Gets the rotate angle of the element
+ */
+ this.rotateAngle = 0;
+ /**
+ * Sets/Gets the margin of the element
+ */
+ this.margin = { left: 0, right: 0, top: 0, bottom: 0 };
+ /**
+ * Sets/Gets how the element has to be horizontally arranged with respect to its immediate parent
+ * * Stretch - Stretches the diagram element throughout its immediate parent
+ * * Left - Aligns the diagram element at the left of its immediate parent
+ * * Right - Aligns the diagram element at the right of its immediate parent
+ * * Center - Aligns the diagram element at the center of its immediate parent
+ * * Auto - Aligns the diagram element based on the characteristics of its immediate parent
+ */
+ this.horizontalAlignment = 'Auto';
+ /**
+ * Sets/Gets how the element has to be vertically arranged with respect to its immediate parent
+ * * Stretch - Stretches the diagram element throughout its immediate parent
+ * * Top - Aligns the diagram element at the top of its immediate parent
+ * * Bottom - Aligns the diagram element at the bottom of its immediate parent
+ * * Center - Aligns the diagram element at the center of its immediate parent
+ * * Auto - Aligns the diagram element based on the characteristics of its immediate parent
+ */
+ this.verticalAlignment = 'Auto';
+ /**
+ * Sets/Gets the mirror image of diagram element in both horizontal and vertical directions
+ * * FlipHorizontal - Translate the diagram element throughout its immediate parent
+ * * FlipVertical - Rotate the diagram element throughout its immediate parent
+ */
+ this.flip = 'None';
+ /**
+ * Sets whether the element has to be aligned with respect to a point/with respect to its immediate parent
+ * * Point - Diagram elements will be aligned with respect to a point
+ * * Object - Diagram elements will be aligned with respect to its immediate parent
+ */
+ this.relativeMode = 'Point';
+ /**
+ * Sets whether the element has to be transformed based on its parent or not
+ * * Self - Sets the transform type as Self
+ * * Parent - Sets the transform type as Parent
+ */
+ this.transform = _enum_enum__WEBPACK_IMPORTED_MODULE_0__["Transform"].Self | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["Transform"].Parent;
+ /**
+ * Sets the style of the element
+ */
+ this.style = { fill: 'white', strokeColor: 'black', opacity: 1, strokeWidth: 1 };
+ /**
+ * Gets the minimum size that is required by the element
+ */
+ this.desiredSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_1__["Size"]();
+ /**
+ * Gets the size that the element will be rendered
+ */
+ this.actualSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_1__["Size"]();
+ /**
+ * Gets the rotate angle that is set to the immediate parent of the element
+ */
+ this.parentTransform = 0;
+ /** @private */
+ this.preventContainer = false;
+ /**
+ * Gets/Set the boolean value for the element
+ */
+ this.isSvgRender = false;
+ /**
+ * Gets/Sets the boundary of the element
+ */
+ this.bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_2__["Rect"](0, 0, 0, 0);
+ /**
+ * Defines the appearance of the shadow of the element
+ */
+ this.shadow = null;
+ /**
+ * Defines the description of the diagram element
+ */
+ this.description = '';
+ /**
+ * Defines whether the element has to be measured or not
+ */
+ this.staticSize = false;
+ /**
+ * Defines the shape of the diagram element
+ */
+ this.shapeType = '';
+ /**
+ * check whether the element is rect or not
+ */
+ this.isRectElement = false;
+ /** @private */
+ this.isCalculateDesiredSize = true;
+ /**
+ * Set the offset values for container in flipping
+ */
+ /** @private */
+ this.flipOffset = { x: 0, y: 0 };
+ /**
+ * Defines whether the element is group or port
+ */
+ /** @private */
+ this.elementActions = _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ElementAction"].None;
+ /** @private */
+ this.inversedAlignment = true;
+ //private variables
+ this.position = undefined;
+ this.unitMode = undefined;
+ /** @private */
+ this.float = false;
+ this.floatingBounds = undefined;
+ }
+ // public constructor() {
+ // this.id = randomId();
+ // }
+ /**
+ * Sets the offset of the element with respect to its parent \
+ *
+ * @returns { void }Sets the offset of the element with respect to its parent\
+ * @param {number} x - provide the x value.
+ * @param {number} y - provide the y value.
+ * @param {UnitMode} mode - provide the id value.
+ *
+ * @private
+ */
+ DiagramElement.prototype.setOffsetWithRespectToBounds = function (x, y, mode) {
+ this.unitMode = mode;
+ this.position = { x: x, y: y };
+ };
+ /**
+ * Gets the position of the element with respect to its parent \
+ *
+ * @returns { PointModel } Gets the position of the element with respect to its parent\
+ * @param {Size} size - provide the x value.
+ *
+ * @private
+ */
+ DiagramElement.prototype.getAbsolutePosition = function (size) {
+ if (this.position !== undefined) {
+ if (this.unitMode === 'Absolute') {
+ return this.position;
+ }
+ else {
+ return {
+ x: this.position.x * size.width, y: this.position.y * size.height
+ };
+ }
+ }
+ return undefined;
+ };
+ Object.defineProperty(DiagramElement.prototype, "outerBounds", {
+ get: function () {
+ return this.floatingBounds || this.bounds;
+ },
+ /**
+ * used to set the outer bounds value \
+ *
+ * @returns { void } used to set the outer bounds value.\
+ * @param {Rect} bounds - provide the id value.
+ *
+ * @private
+ */
+ set: function (bounds) {
+ this.floatingBounds = bounds;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ * Measures the minimum space that the element requires \
+ *
+ * @returns { void } Measures the minimum space that the element requires.\
+ * @param {Size} availableSize - provide the id value.
+ * @param {Object} obj - provide the id value.
+ * @param {Function} callback - provide the id value.
+ *
+ * @private
+ */
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ DiagramElement.prototype.measure = function (availableSize, obj, callback) {
+ var width = this.width !== undefined ? this.width : (availableSize.width || 0) - this.margin.left - this.margin.right;
+ var height = this.height !== undefined ? this.height : (availableSize.height || 0) - this.margin.top - this.margin.bottom;
+ if (this.id) {
+ if (height === 0 && (this.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ElementAction"].HorizontalLaneHeader)) {
+ height = this.actualSize.height;
+ }
+ }
+ this.desiredSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_1__["Size"](width, height);
+ if (this.isCalculateDesiredSize) {
+ this.desiredSize = this.validateDesiredSize(this.desiredSize, availableSize);
+ }
+ return this.desiredSize;
+ };
+ /**
+ * Arranges the element \
+ *
+ * @returns { PointModel } Arranges the element\
+ * @param {Size} desiredSize - provide the x value.
+ *
+ * @private
+ */
+ DiagramElement.prototype.arrange = function (desiredSize) {
+ this.actualSize = desiredSize;
+ this.updateBounds();
+ return this.actualSize;
+ };
+ /**
+ * Updates the bounds of the element \
+ *
+ * @returns { void } Updates the bounds of the element\
+ *
+ * @private
+ */
+ DiagramElement.prototype.updateBounds = function () {
+ this.bounds = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["getBounds"])(this);
+ };
+ /**
+ * Validates the size of the element with respect to its minimum and maximum size \
+ *
+ * @returns { Size } Validates the size of the element with respect to its minimum and maximum size.\
+ * @param {Size} desiredSize - provide the id value.
+ * @param {Size} availableSize - provide the id value.
+ *
+ * @private
+ */
+ DiagramElement.prototype.validateDesiredSize = function (desiredSize, availableSize) {
+ //Empty canvas
+ if (this.isRectElement && !this.width && !this.minWidth && !this.maxWidth) {
+ desiredSize.width = 50;
+ }
+ if (this.isRectElement && !this.height && !this.minHeight && !this.maxHeight) {
+ desiredSize.height = 50;
+ }
+ if (desiredSize === undefined || this.width !== undefined &&
+ this.height !== undefined) {
+ desiredSize = desiredSize || new _primitives_size__WEBPACK_IMPORTED_MODULE_1__["Size"]();
+ desiredSize.width = this.width === undefined ? (availableSize.width || 0)
+ - this.margin.left - this.margin.right : this.width;
+ desiredSize.height = this.height === undefined ? (availableSize.height || 0)
+ - this.margin.top - this.margin.bottom : this.height;
+ }
+ //Considering min values
+ if (this.minWidth !== undefined) {
+ desiredSize.width = Math.max(desiredSize.width, this.minWidth);
+ }
+ if (this.minHeight !== undefined) {
+ desiredSize.height = Math.max(desiredSize.height, this.minHeight);
+ }
+ //Considering max values
+ if (this.maxWidth !== undefined && this.maxWidth !== 0) {
+ desiredSize.width = Math.min(desiredSize.width, this.maxWidth);
+ }
+ if (this.maxHeight !== undefined && this.maxHeight !== 0) {
+ desiredSize.height = Math.min(desiredSize.height, this.maxHeight);
+ }
+ return desiredSize;
+ };
+ return DiagramElement;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/html-element.js":
+/*!******************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/html-element.js ***!
+ \******************************************************************************************/
+/*! exports provided: DiagramHtmlElement */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramHtmlElement", function() { return DiagramHtmlElement; });
+/* harmony import */ var _diagram_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./diagram-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+
+
+
+/**
+ * HTMLElement defines the basic html elements
+ */
+var DiagramHtmlElement = /** @__PURE__ @class */ (function (_super) {
+ __extends(DiagramHtmlElement, _super);
+ /**
+ * set the id for each element \
+ *
+ * @returns { void }set the id for each element\
+ * @param {string} nodeId - provide the x value.
+ * @param {string} diagramId - provide the y value.
+ * @param {string} annotationId - provide the id value.
+ * @param {string} nodeTemplate - provide the id value.
+ *
+ * @private
+ */
+ function DiagramHtmlElement(nodeId, diagramId, annotationId, nodeTemplate) {
+ var _this = _super.call(this) || this;
+ _this.data = '';
+ /**
+ * Gets the node id for the element
+ */
+ _this.nodeId = '';
+ /**
+ * defines the id of the annotation on rendering template on label.
+ * @private
+ */
+ _this.annotationId = '';
+ /**
+ * Gets the diagram id for the html element
+ */
+ _this.diagramId = '';
+ _this.diagramId = diagramId;
+ _this.nodeId = nodeId;
+ _this.annotationId = annotationId;
+ _this.templateFn = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_2__["templateCompiler"])(nodeTemplate);
+ return _this;
+ }
+ /**
+ * getNodeTemplate method \
+ *
+ * @returns { Function } getNodeTemplate method .\
+ *
+ * @private
+ */
+ DiagramHtmlElement.prototype.getNodeTemplate = function () {
+ return this.templateFn;
+ };
+ Object.defineProperty(DiagramHtmlElement.prototype, "content", {
+ /**
+ * Gets or sets the geometry of the html element \
+ *
+ * @returns { string | HTMLElement } Gets or sets the geometry of the html element \
+ *
+ * @private
+ */
+ get: function () {
+ return this.data;
+ },
+ /**
+ * Gets or sets the value of the html element \
+ *
+ * @returns { void }Gets or sets the value of the html element\
+ * @param {string | HTMLElement} value - provide the value value.
+ *
+ * @private
+ */
+ set: function (value) {
+ this.data = value;
+ if (!this.canReset) {
+ this.canReset = true;
+ if (!this.isTemplate) {
+ this.template = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_1__["getContent"])(this, true);
+ }
+ this.canReset = false;
+ this.isDirt = true;
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return DiagramHtmlElement;
+}(_diagram_element__WEBPACK_IMPORTED_MODULE_0__["DiagramElement"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/image-element.js":
+/*!*******************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/image-element.js ***!
+ \*******************************************************************************************/
+/*! exports provided: ImageElement */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ImageElement", function() { return ImageElement; });
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _diagram_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./diagram-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+
+
+
+/**
+ * ImageElement defines a basic image elements
+ */
+var ImageElement = /** @__PURE__ @class */ (function (_super) {
+ __extends(ImageElement, _super);
+ /**
+ * set the id for each element
+ */
+ function ImageElement() {
+ var _this = _super.call(this) || this;
+ /**
+ * sets or gets the image source
+ */
+ _this.imageSource = '';
+ /**
+ * sets scaling factor of the image
+ */
+ _this.imageScale = 'None';
+ /**
+ * sets the alignment of the image
+ */
+ _this.imageAlign = 'None';
+ /**
+ * Sets how to stretch the image
+ */
+ _this.stretch = 'Stretch';
+ return _this;
+ }
+ Object.defineProperty(ImageElement.prototype, "source", {
+ /**
+ * Gets the source for the image element
+ */
+ /**
+ * Gets the source for the image element \
+ *
+ * @returns { void }Gets the source for the image element.\
+ *
+ * @private
+ */
+ get: function () {
+ return this.imageSource;
+ },
+ /**
+ * Sets the source for the image element \
+ *
+ * @returns { void }Sets the source for the image element.\
+ * @param {string} value - provide the id value.
+ *
+ * @private
+ */
+ set: function (value) {
+ this.imageSource = value;
+ this.isDirt = true;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ * Measures minimum space that is required to render the image \
+ *
+ * @returns { Size }Measures minimum space that is required to render the image.\
+ * @param {Size} availableSize - provide the id value.
+ * @param {Object} id - provide the id value.
+ * @param {Function} callback - provide the id value.
+ *
+ * @private
+ */
+ ImageElement.prototype.measure = function (availableSize, id, callback) {
+ if (this.isDirt && (this.stretch !== 'Stretch' || this.width === undefined && this.height === undefined)) {
+ this.contentSize = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_2__["measureImage"])(this.source, this.contentSize, id, callback);
+ this.isDirt = false;
+ }
+ if (this.width !== undefined && this.height !== undefined) {
+ this.desiredSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](this.width, this.height);
+ this.contentSize = this.desiredSize;
+ }
+ else {
+ this.desiredSize = this.contentSize;
+ }
+ this.desiredSize = this.validateDesiredSize(this.desiredSize, availableSize);
+ return this.desiredSize;
+ };
+ /**
+ * Arranges the image
+ * @param {Size} desiredSize
+ */
+ /**
+ * Arranges the image \
+ *
+ * @returns { Size }Arranges the image.\
+ * @param {Size} desiredSize - provide the id value.
+ *
+ * @private
+ */
+ ImageElement.prototype.arrange = function (desiredSize) {
+ this.actualSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](this.desiredSize.width, this.desiredSize.height);
+ this.updateBounds();
+ return this.actualSize;
+ };
+ return ImageElement;
+}(_diagram_element__WEBPACK_IMPORTED_MODULE_1__["DiagramElement"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/native-element.js":
+/*!********************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/native-element.js ***!
+ \********************************************************************************************/
+/*! exports provided: DiagramNativeElement */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramNativeElement", function() { return DiagramNativeElement; });
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _diagram_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./diagram-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+
+
+
+/**
+ * NativeElement defines the basic native elements
+ */
+var DiagramNativeElement = /** @__PURE__ @class */ (function (_super) {
+ __extends(DiagramNativeElement, _super);
+ /**
+ * set the id for each element \
+ *
+ * @returns { void } set the id for each element.\
+ * @param {string} nodeId - provide the id value.
+ * @param {string} diagramId - provide the id value.
+ *
+ * @private
+ */
+ function DiagramNativeElement(nodeId, diagramId) {
+ var _this = _super.call(this) || this;
+ _this.data = '';
+ /**
+ * set the node id
+ */
+ _this.nodeId = '';
+ /**
+ * set the diagram id
+ */
+ _this.diagramId = '';
+ /**
+ * sets scaling factor of the Native Element
+ */
+ _this.scale = 'Stretch';
+ _this.diagramId = diagramId;
+ _this.nodeId = nodeId;
+ return _this;
+ }
+ Object.defineProperty(DiagramNativeElement.prototype, "content", {
+ /**
+ * get the id for each element \
+ *
+ * @returns { string | SVGElement } get the id for each element.\
+ *
+ * @private
+ */
+ get: function () {
+ return this.data;
+ },
+ /**
+ * sets the geometry of the native element \
+ *
+ * @returns { void } sets the geometry of the native element.\
+ * @param {string | SVGElement} value - provide the id value.
+ *
+ * @private
+ */
+ set: function (value) {
+ this.data = value;
+ if (!this.canReset) {
+ this.canReset = true;
+ this.template = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_2__["getContent"])(this, false);
+ this.canReset = false;
+ this.isDirt = true;
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ *Measures minimum space that is required to render the Native Element \
+ *
+ * @returns { Size }Measures minimum space that is required to render the Native Element.\
+ * @param {Size} availableSize - provide the id value.
+ *
+ * @private
+ */
+ DiagramNativeElement.prototype.measure = function (availableSize) {
+ if (this.isDirt) {
+ var rect = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_2__["measureNativeContent"])(this.template);
+ this.contentSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"]();
+ this.contentSize.width = rect.width;
+ this.contentSize.height = rect.height;
+ var x = rect.x;
+ var y = rect.y;
+ this.templatePosition = { x: x, y: y };
+ this.isDirt = false;
+ }
+ if (this.width === undefined || this.height === undefined) {
+ var getAvailableSize = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_2__["measureNativeSvg"])(this.template);
+ this.desiredSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](getAvailableSize.width, getAvailableSize.height);
+ }
+ else {
+ this.desiredSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](this.width, this.height);
+ }
+ this.desiredSize = this.validateDesiredSize(this.desiredSize, availableSize);
+ return this.desiredSize;
+ };
+ /**
+ *Arranges the Native Element \
+ *
+ * @returns { Size }Arranges the Native Element.\
+ * @param {Size} desiredSize - provide the id value.
+ *
+ * @private
+ */
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ DiagramNativeElement.prototype.arrange = function (desiredSize) {
+ this.actualSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](this.desiredSize.width, this.desiredSize.height);
+ this.updateBounds();
+ return this.actualSize;
+ };
+ return DiagramNativeElement;
+}(_diagram_element__WEBPACK_IMPORTED_MODULE_1__["DiagramElement"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/path-element.js":
+/*!******************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/path-element.js ***!
+ \******************************************************************************************/
+/*! exports provided: PathElement */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PathElement", function() { return PathElement; });
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _diagram_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./diagram-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _utility_path_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utility/path-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/path-util.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+
+
+
+
+
+/**
+ * PathElement takes care of how to align the path based on offsetX and offsetY
+ */
+var PathElement = /** @__PURE__ @class */ (function (_super) {
+ __extends(PathElement, _super);
+ /**
+ * set the id for each element
+ */
+ function PathElement() {
+ var _this = _super.call(this) || this;
+ /**
+ * Gets or sets the geometry of the path element
+ */
+ _this.pathData = '';
+ /**
+ * Gets/Sets whether the path has to be transformed to fit the given x,y, width, height
+ */
+ _this.transformPath = true;
+ /**
+ * Gets/Sets the equivalent path, that will have the origin as 0,0
+ */
+ _this.absolutePath = '';
+ /** @private */
+ _this.canMeasurePath = false;
+ //Private variables
+ /** @private */
+ _this.absoluteBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_2__["Rect"]();
+ return _this;
+ }
+ Object.defineProperty(PathElement.prototype, "data", {
+ /**
+ * Gets the geometry of the path element\
+ *
+ * @returns { string | SVGElement } Gets the geometry of the path element.\
+ *
+ * @private
+ */
+ get: function () {
+ return this.pathData;
+ },
+ /**
+ * Sets the geometry of the path element \
+ *
+ * @returns { void } Sets the geometry of the path element.\
+ * @param {string} value - provide the id value.
+ *
+ * @private
+ */
+ set: function (value) {
+ if (this.pathData !== value) {
+ this.pathData = value;
+ this.isDirt = true;
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ * getPoints methods \
+ *
+ * @returns { PointModel[] } Sets the geometry of the path element.\
+ *
+ * @private
+ */
+ PathElement.prototype.getPoints = function () {
+ var _this = this;
+ if (!this.pointTimer) {
+ this.pointTimer = setTimeout(function () {
+ _this.points = null;
+ _this.pointTimer = null;
+ }, 200);
+ }
+ this.points = this.points || Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["findSegmentPoints"])(this);
+ return Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["translatePoints"])(this, this.points);
+ };
+ /**
+ * Measures the minimum space that is required to render the element \
+ *
+ * @returns { Size } Measures the minimum space that is required to render the element.\
+ * @param {Size} availableSize - provide the id value.
+ *
+ * @private
+ */
+ PathElement.prototype.measure = function (availableSize) {
+ //Performance issue - Avoiding measuring the connector path
+ if (this.staticSize && this.width !== undefined && this.height !== undefined) {
+ this.absoluteBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_2__["Rect"](this.offsetX - this.width * this.pivot.x, this.offsetY - this.height * this.pivot.y, this.width, this.height);
+ }
+ else if (this.isDirt && (this.transformPath || (this.width === undefined || this.height === undefined))
+ && (!this.absoluteBounds || this.absoluteBounds.height === 0) || this.canMeasurePath) {
+ //Measure the element only whent the path data is changed/ size is not specified
+ this.absoluteBounds = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["measurePath"])(this.data ? this.data : '');
+ }
+ if (this.width === undefined) {
+ this.desiredSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](this.absoluteBounds.width, this.height || this.absoluteBounds.height);
+ }
+ else if (this.height === undefined) {
+ this.desiredSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](this.width || this.absoluteBounds.width, this.absoluteBounds.height);
+ }
+ else {
+ this.desiredSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](this.width, this.height);
+ }
+ this.desiredSize = this.validateDesiredSize(this.desiredSize, availableSize);
+ this.canMeasurePath = false;
+ return this.desiredSize;
+ };
+ /**
+ * Arranges the path element \
+ *
+ * @returns { Size } Arranges the path element.\
+ * @param {Size} desiredSize - provide the id value.
+ *
+ * @private
+ */
+ PathElement.prototype.arrange = function (desiredSize) {
+ if (this.isDirt || this.actualSize.width !== desiredSize.width || this.actualSize.height !== desiredSize.height) {
+ this.isDirt = true;
+ this.absolutePath = this.updatePath(this.data, this.absoluteBounds, desiredSize);
+ if (!this.staticSize) {
+ this.points = null;
+ }
+ }
+ this.actualSize = this.desiredSize;
+ this.updateBounds();
+ this.isDirt = false;
+ return this.actualSize;
+ };
+ /**
+ * Translates the path to 0,0 and scales the path based on the actual size \
+ *
+ * @returns { Size } Arranges the path element.\
+ * @param {string} pathData - provide the id value.
+ * @param {Rect} bounds - provide the id value.
+ * @param {Size} actualSize - provide the id value.
+ *
+ * @private
+ */
+ PathElement.prototype.updatePath = function (pathData, bounds, actualSize) {
+ var isScale = false;
+ var newPathString = '';
+ var scaleX = -bounds.x;
+ var scaleY = -bounds.y;
+ var arrayCollection = [];
+ if (actualSize.width !== bounds.width || actualSize.height !== bounds.height) {
+ scaleX = actualSize.width / Number(bounds.width ? bounds.width : 1);
+ scaleY = actualSize.height / Number(bounds.height ? bounds.height : 1);
+ isScale = true;
+ }
+ arrayCollection = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_4__["processPathData"])(pathData);
+ arrayCollection = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_4__["splitArrayCollection"])(arrayCollection);
+ if ((isScale || this.isDirt) && this.transformPath) {
+ newPathString = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_4__["transformPath"])(arrayCollection, scaleX, scaleY, isScale, bounds.x, bounds.y, 0, 0);
+ }
+ else {
+ newPathString = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_4__["getPathString"])(arrayCollection);
+ }
+ isScale = false;
+ return newPathString;
+ };
+ return PathElement;
+}(_diagram_element__WEBPACK_IMPORTED_MODULE_1__["DiagramElement"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js":
+/*!******************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js ***!
+ \******************************************************************************************/
+/*! exports provided: TextElement */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TextElement", function() { return TextElement; });
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _diagram_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./diagram-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+
+
+
+/**
+ * TextElement is used to display text/annotations
+ */
+var TextElement = /** @__PURE__ @class */ (function (_super) {
+ __extends(TextElement, _super);
+ /**
+ * set the id for each element
+ */
+ function TextElement() {
+ var _this = _super.call(this) || this;
+ /**
+ * sets or gets the image source
+ */
+ _this.textContent = '';
+ /** @private */
+ _this.canMeasure = true;
+ /** @private */
+ _this.isLaneOrientation = false;
+ /** @private */
+ _this.canConsiderBounds = true;
+ /**
+ * sets the hyperlink color to blue
+ */
+ _this.hyperlink = {
+ color: 'blue'
+ };
+ /** @private */
+ _this.doWrap = true;
+ _this.textNodes = [];
+ /**
+ * Defines the appearance of the text element
+ */
+ _this.style = {
+ color: 'black', fill: 'transparent', strokeColor: 'black',
+ strokeWidth: 1, fontFamily: 'Arial', fontSize: 12, whiteSpace: 'CollapseSpace',
+ textWrapping: 'WrapWithOverflow', textAlign: 'Center', italic: false, bold: false,
+ textDecoration: 'None', strokeDashArray: '', opacity: 5, gradient: null,
+ textOverflow: 'Wrap'
+ };
+ _this.style.fill = 'transparent';
+ _this.style.strokeColor = 'transparent';
+ return _this;
+ }
+ Object.defineProperty(TextElement.prototype, "content", {
+ /**
+ * gets the content for the text element \
+ *
+ * @returns { string | SVGElement } gets the content for the text element.\
+ *
+ * @private
+ */
+ get: function () {
+ return this.textContent;
+ },
+ /**
+ * sets the content for the text element \
+ *
+ * @returns { void } sets the content for the text element.\
+ * @param {string} value - provide the id value.
+ *
+ * @private
+ */
+ set: function (value) {
+ if (this.textContent !== value) {
+ this.textContent = value;
+ this.isDirt = true;
+ this.doWrap = true;
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(TextElement.prototype, "childNodes", {
+ /**
+ * gets the content for the text element \
+ *
+ * @returns { string | SVGElement } gets the content for the text element.\
+ *
+ * @private
+ */
+ get: function () {
+ return this.textNodes;
+ },
+ /**
+ * sets the content for the text element \
+ *
+ * @returns { void } sets the content for the text element.\
+ * @param {SubTextElement[]} value - provide the id value.
+ *
+ * @private
+ */
+ set: function (value) {
+ this.textNodes = value;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(TextElement.prototype, "wrapBounds", {
+ /**
+ * gets the wrapBounds for the text \
+ *
+ * @returns { string | SVGElement } gets the wrapBounds for the text.\
+ *
+ * @private
+ */
+ get: function () {
+ return this.textWrapBounds;
+ },
+ /**
+ * sets the wrapBounds for the text \
+ *
+ * @returns { void } sets the wrapBounds for the text.\
+ * @param {TextBounds} value - provide the id value.
+ *
+ * @private
+ */
+ set: function (value) {
+ this.textWrapBounds = value;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ * sets the wrapBounds for the text \
+ *
+ * @returns { void } sets the wrapBounds for the text.\
+ *
+ * @private
+ */
+ TextElement.prototype.refreshTextElement = function () {
+ this.isDirt = true;
+ };
+ /**
+ *Measures the minimum size that is required for the text element\
+ *
+ * @returns { Size } Measures the minimum size that is required for the text element.\
+ * @param {Size} availableSize - provide the id value.
+ *
+ * @private
+ */
+ TextElement.prototype.measure = function (availableSize) {
+ var size;
+ if (this.isDirt && this.canMeasure) {
+ size = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_2__["measureText"])(this, this.style, this.content, this.isLaneOrientation ?
+ availableSize.height : (this.width || availableSize.width));
+ }
+ else {
+ size = this.desiredSize;
+ }
+ if (this.width === undefined || this.height === undefined) {
+ this.desiredSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](size.width, size.height);
+ }
+ else {
+ this.desiredSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](this.width, this.height);
+ }
+ this.desiredSize = this.validateDesiredSize(this.desiredSize, availableSize);
+ return this.desiredSize;
+ };
+ /**
+ * Arranges the text element\
+ *
+ * @returns { Size } Arranges the text element.\
+ * @param {Size} desiredSize - provide the id value.
+ *
+ * @private
+ */
+ TextElement.prototype.arrange = function (desiredSize) {
+ if (desiredSize.width !== this.actualSize.width || desiredSize.height !== this.actualSize.height || this.isDirt) {
+ this.doWrap = true;
+ }
+ this.actualSize = desiredSize;
+ this.updateBounds();
+ this.isDirt = false;
+ return this.actualSize;
+ };
+ return TextElement;
+}(_diagram_element__WEBPACK_IMPORTED_MODULE_1__["DiagramElement"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/data-binding/data-binding.js":
+/*!*****************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/data-binding/data-binding.js ***!
+ \*****************************************************************************************/
+/*! exports provided: DataBinding */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DataBinding", function() { return DataBinding; });
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _ej2_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../ej2-data */ "./ej2-resources/22.1.37/scripts/ej2-data/index.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+
+
+
+
+
+
+
+/**
+ * data source defines the basic unit of diagram
+ */
+var DataBinding = /** @__PURE__ @class */ (function () {
+ /**
+ * Constructor for the data binding module.
+ * @private
+ */
+ function DataBinding() {
+ /** @private */
+ this.dataTable = {};
+ //constructs the data binding module
+ }
+ /**
+ * To destroy the data binding module
+ *
+ * @returns {void}
+ * @private
+ */
+ DataBinding.prototype.destroy = function () {
+ /**
+ * Destroy method performed here
+ */
+ };
+ /**
+ * Core method to return the component name.
+ *
+ * @returns {string} Core method to return the component name.
+ * @private
+ */
+ DataBinding.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'DataBinding';
+ };
+ /**
+ * Initialize nodes and connectors when we have a data as JSON
+ *
+ * @param {DataSourceModel} data
+ * @param {Diagram} diagram
+ * @private
+ */
+ DataBinding.prototype.initData = function (data, diagram) {
+ var dataSource;
+ var dataProp = 'data';
+ var jsonProp = 'json';
+ var dataManager = data.dataManager || data.dataSource || {};
+ dataSource = dataManager["" + dataProp] || dataManager["" + jsonProp] ||
+ (dataManager.dataSource ? dataManager.dataSource.json : undefined);
+ if (dataSource && dataSource.length === 0 && dataManager.dataSource.data) {
+ dataSource = dataManager.dataSource.data;
+ }
+ if (dataSource && dataSource.length) {
+ this.applyDataSource(data, dataSource, diagram);
+ diagram.trigger('dataLoaded', { diagram: (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_5__["isBlazor"])()) ? null : Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["cloneBlazorObject"])(diagram) });
+ }
+ };
+ /**
+ * Initialize nodes and connector when we have a data as remote url
+ *
+ * @param {DataSourceModel} data
+ * @param {Diagram} diagram
+ * @private
+ */
+ DataBinding.prototype.initSource = function (data, diagram) {
+ var _this = this;
+ var dataSource = data;
+ var result;
+ var mapper = data;
+ if (dataSource.dataManager instanceof _ej2_data__WEBPACK_IMPORTED_MODULE_2__["DataManager"] || dataSource.dataSource instanceof _ej2_data__WEBPACK_IMPORTED_MODULE_2__["DataManager"]) {
+ var tempObj = mapper.dataManager || mapper.dataSource;
+ var query = tempObj.defaultQuery || new _ej2_data__WEBPACK_IMPORTED_MODULE_2__["Query"]();
+ var dataManager = data.dataManager || data.dataSource;
+ dataManager.executeQuery(query).then(function (e) {
+ var prop = 'result';
+ result = e["" + prop];
+ if (!diagram.isDestroyed) {
+ diagram.protectPropertyChange(true);
+ _this.applyDataSource(data, result, diagram);
+ diagram.refreshDiagram();
+ diagram.protectPropertyChange(false);
+ diagram.trigger('dataLoaded', { diagram: (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_5__["isBlazor"])()) ? null : Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["cloneBlazorObject"])(diagram) });
+ }
+ });
+ }
+ };
+ DataBinding.prototype.applyDataSource = function (mapper, data, diagram) {
+ this.dataTable = {};
+ var obj;
+ var firstNode;
+ var node;
+ var rootNodes = [];
+ var firstLevel = [];
+ var item;
+ var nextLevel;
+ if (data !== undefined) {
+ for (var r = 0; r < data.length; r++) {
+ obj = data[parseInt(r.toString(), 10)];
+ if (obj[mapper.parentId] === undefined || obj[mapper.parentId] === null ||
+ typeof obj[mapper.parentId] !== 'object') {
+ if (rootNodes[obj[mapper.parentId]] !== undefined) {
+ rootNodes[obj[mapper.parentId]].items.push(obj);
+ }
+ else {
+ rootNodes[obj[mapper.parentId]] = { items: [obj] };
+ }
+ }
+ else {
+ rootNodes = this.updateMultipleRootNodes(obj, rootNodes, mapper, data);
+ }
+ if (mapper.root === obj[mapper.id]) {
+ firstNode = { items: [obj] };
+ }
+ }
+ if (firstNode) {
+ firstLevel.push(firstNode);
+ }
+ else {
+ for (var _i = 0, _a = Object.keys(rootNodes); _i < _a.length; _i++) {
+ var n = _a[_i];
+ if (!n || n === 'undefined' || n === '\'\'' || n === 'null') {
+ firstLevel.push(rootNodes["" + n]);
+ }
+ }
+ }
+ for (var i = 0; i < firstLevel.length; i++) {
+ for (var j = 0; j < firstLevel[parseInt(i.toString(), 10)].items.length; j++) {
+ item = firstLevel[parseInt(i.toString(), 10)].items[parseInt(j.toString(), 10)];
+ node = this.applyNodeTemplate(mapper, item, diagram);
+ diagram.nodes.push(node);
+ this.dataTable[item[mapper.id]] = node;
+ nextLevel = rootNodes[node.data[mapper.id]];
+ if (nextLevel !== undefined) {
+ this.renderChildNodes(mapper, nextLevel, node.id, rootNodes, diagram);
+ }
+ }
+ }
+ }
+ this.dataTable = null;
+ };
+ /**
+ * updateMultipleRootNodes method is used to update the multiple Root Nodes
+ *
+ * @param {Object} object
+ * @param {Object[]} rootnodes
+ * @param {DataSourceModel} mapper
+ * @param {Object[]} data
+ */
+ DataBinding.prototype.updateMultipleRootNodes = function (obj, rootNodes, mapper, data) {
+ var parents = obj[mapper.parentId];
+ var parent;
+ for (var i = 0; i < parents.length; i++) {
+ parent = parents[parseInt(i.toString(), 10)];
+ if (rootNodes["" + parent]) {
+ rootNodes["" + parent].items.push(obj);
+ }
+ else {
+ rootNodes["" + parent] = { items: [obj] };
+ }
+ }
+ return rootNodes;
+ };
+ /**
+ * Get the node values\
+ *
+ * @returns { Node } Get the node values.\
+ * @param {DataSourceModel} mapper - provide the id value.
+ * @param {Object} item - provide the id value.
+ * @param {Diagram} diagram - provide the id value.
+ *
+ * @private
+ */
+ DataBinding.prototype.applyNodeTemplate = function (mapper, item, diagram) {
+ //const root: Object = item;
+ var id = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["randomId"])();
+ //const blazor: string = 'Blazor';
+ var nodeModel = { id: id, data: item };
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ var doBinding = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["getFunction"])(mapper.doBinding);
+ if (doBinding) {
+ doBinding(nodeModel, item, diagram);
+ }
+ var obj = new _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"](diagram, 'nodes', nodeModel, true);
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["updateDefaultValues"])(obj, nodeModel, diagram.nodeDefaults);
+ if (mapper.dataMapSettings) {
+ var index = void 0;
+ var arrayProperty = [];
+ var innerProperty = [];
+ for (var i = 0; i < mapper.dataMapSettings.length; i++) {
+ if (mapper.dataMapSettings[parseInt(i.toString(), 10)].property.indexOf('.') !== -1) {
+ innerProperty = this.splitString(mapper.dataMapSettings[parseInt(i.toString(), 10)].property);
+ for (var p = 0; p < innerProperty.length; p++) {
+ if (innerProperty[parseInt(p.toString(), 10)].indexOf('[') !== -1) {
+ index = innerProperty[parseInt(p.toString(), 10)].indexOf('[');
+ arrayProperty = innerProperty[parseInt(p.toString(), 10)].split('[');
+ }
+ }
+ if (index) {
+ if (innerProperty[2]) {
+ obj[arrayProperty[0]][innerProperty[0].charAt(index + 1)][innerProperty[1]][innerProperty[2]] =
+ item[mapper.dataMapSettings[parseInt(i.toString(), 10)].field];
+ }
+ else {
+ var value = item[mapper.dataMapSettings[parseInt(i.toString(), 10)].field];
+ obj[arrayProperty[0]][innerProperty[0].charAt(index + 1)][innerProperty[1]] = value;
+ }
+ }
+ else {
+ if (innerProperty[2]) {
+ obj[innerProperty[0]][innerProperty[1]][innerProperty[2]] = item[mapper.dataMapSettings[parseInt(i.toString(), 10)].field];
+ }
+ else {
+ obj[innerProperty[0]][innerProperty[1]] = item[mapper.dataMapSettings[parseInt(i.toString(), 10)].field];
+ }
+ }
+ }
+ else {
+ var property = mapper.dataMapSettings[parseInt(i.toString(), 10)].property;
+ property = property.charAt(0).toLowerCase() + property.slice(1);
+ obj["" + property] = item[mapper.dataMapSettings[parseInt(i.toString(), 10)].field];
+ }
+ index = 0;
+ arrayProperty = [];
+ innerProperty = [];
+ }
+ }
+ if (!this.collectionContains(obj, diagram, mapper.id, mapper.parentId)) {
+ return obj;
+ }
+ else {
+ return this.dataTable[item[mapper.id]];
+ }
+ };
+ DataBinding.prototype.splitString = function (property) {
+ var temp = [];
+ temp = property.split('.');
+ for (var i = 0; i < temp.length; i++) {
+ temp[parseInt(i.toString(), 10)] = temp[parseInt(i.toString(), 10)].charAt(0).toLowerCase() + temp[parseInt(i.toString(), 10)].slice(1);
+ }
+ return temp;
+ };
+ DataBinding.prototype.renderChildNodes = function (mapper, parent, value, rtNodes, diagram) {
+ var child;
+ var nextLevel;
+ var node;
+ for (var j = 0; j < parent.items.length; j++) {
+ child = parent.items[parseInt(j.toString(), 10)];
+ node = this.applyNodeTemplate(mapper, child, diagram);
+ var canBreak = false;
+ if (!this.collectionContains(node, diagram, mapper.id, mapper.parentId)) {
+ this.dataTable[child[mapper.id]] = node;
+ diagram.nodes.push(node);
+ }
+ else {
+ canBreak = true;
+ }
+ if (!this.containsConnector(diagram, value, node.id)) {
+ diagram.connectors.push(this.applyConnectorTemplate(value, node.id, diagram));
+ }
+ if (!canBreak) {
+ nextLevel = rtNodes[node.data[mapper.id]];
+ if (nextLevel !== undefined) {
+ this.renderChildNodes(mapper, nextLevel, node.id, rtNodes, diagram);
+ }
+ }
+ }
+ };
+ // Bug 832897: Need to improve performance while rendering layout with large number of nodes.
+ // Replaced for loop with some() method to improve performance.
+ DataBinding.prototype.containsConnector = function (diagram, sourceNode, targetNode) {
+ if (sourceNode === '' || targetNode === '') {
+ return false;
+ }
+ return diagram.connectors.some(function (connector) {
+ return connector !== undefined && connector.sourceID === sourceNode && connector.targetID === targetNode;
+ });
+ };
+ /**
+ * collectionContains method is used to check wthear the node is already present in collection or not
+ *
+ * @param {Node} node
+ * @param {Diagram} diagram
+ * @param {string} id
+ * @param {string} parentId
+ */
+ DataBinding.prototype.collectionContains = function (node, diagram, id, parentId) {
+ var obj = this.dataTable[node.data["" + id]];
+ if (obj !== undefined && obj.data["" + id] === node.data["" + id] && obj.data["" + parentId] === node.data["" + parentId]) {
+ return true;
+ }
+ else {
+ return false;
+ }
+ };
+ /**
+ * Get the Connector values
+ *
+ * @param {string} sNode
+ * @param {string} tNode
+ * @param {Diagram} diagram
+ */
+ DataBinding.prototype.applyConnectorTemplate = function (sNode, tNode, diagram) {
+ var connModel = {
+ id: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["randomId"])(), sourceID: sNode, targetID: tNode
+ };
+ var obj = new _objects_connector__WEBPACK_IMPORTED_MODULE_1__["Connector"](diagram, 'connectors', connModel, true);
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["updateDefaultValues"])(obj, connModel, diagram.connectorDefaults);
+ return obj;
+ };
+ return DataBinding;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram-settings.js":
+/*!********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram-settings.js ***!
+ \********************************************************************************/
+/*! exports provided: DiagramSettings */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramSettings", function() { return DiagramSettings; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+/**
+ * Represents the diagram settings
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let diagram: Diagram = new Diagram({
+ * ...
+ * diagramSettings: { inversedAlignment: true },
+ * ...
+ * });
+ * diagram.appendTo('#diagram');
+ * ```
+ *
+ * @default {}
+ */
+var DiagramSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(DiagramSettings, _super);
+ function DiagramSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], DiagramSettings.prototype, "inversedAlignment", void 0);
+ return DiagramSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram.js":
+/*!***********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram.js ***!
+ \***********************************************************************/
+/*! exports provided: Diagram */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Diagram", function() { return Diagram; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./rendering/canvas-renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/canvas-renderer.js");
+/* harmony import */ var _rendering_svg_renderer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./rendering/svg-renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/svg-renderer.js");
+/* harmony import */ var _rendering_renderer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./rendering/renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/renderer.js");
+/* harmony import */ var _diagram_page_settings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./diagram/page-settings */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/page-settings.js");
+/* harmony import */ var _objects_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./objects/service */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/service.js");
+/* harmony import */ var _core_containers_container__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./core/containers/container */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/container.js");
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _diagram_grid_lines__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./diagram/grid-lines */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/grid-lines.js");
+/* harmony import */ var _diagram_ruler_settings__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./diagram/ruler-settings */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/ruler-settings.js");
+/* harmony import */ var _ruler_ruler__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ruler/ruler */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/ruler/ruler.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _core_elements_path_element__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./core/elements/path-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/path-element.js");
+/* harmony import */ var _core_elements_text_element__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./core/elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _objects_dictionary_common__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./objects/dictionary/common */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/dictionary/common.js");
+/* harmony import */ var _objects_annotation__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./objects/annotation */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/annotation.js");
+/* harmony import */ var _core_containers_canvas__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./core/containers/canvas */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/canvas.js");
+/* harmony import */ var _core_containers_grid__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./core/containers/grid */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/grid.js");
+/* harmony import */ var _diagram_data_source__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./diagram/data-source */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/data-source.js");
+/* harmony import */ var _layout_layout_base__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./layout/layout-base */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/layout-base.js");
+/* harmony import */ var _interaction_event_handlers__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./interaction/event-handlers */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/event-handlers.js");
+/* harmony import */ var _interaction_command_manager__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./interaction/command-manager */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/command-manager.js");
+/* harmony import */ var _interaction_scroller__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./interaction/scroller */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/scroller.js");
+/* harmony import */ var _interaction_actions__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./interaction/actions */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/actions.js");
+/* harmony import */ var _interaction_spatial_search_spatial_search__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./interaction/spatial-search/spatial-search */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/spatial-search/spatial-search.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _diagram_keyboard_commands__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./diagram/keyboard-commands */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/keyboard-commands.js");
+/* harmony import */ var _utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./utility/constraints-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _objects_tooltip__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./objects/tooltip */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/tooltip.js");
+/* harmony import */ var _objects_port__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./objects/port */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/port.js");
+/* harmony import */ var _diagram_layer__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./diagram/layer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/layer.js");
+/* harmony import */ var _core_elements_native_element__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./core/elements/native-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/native-element.js");
+/* harmony import */ var _core_elements_html_element__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./core/elements/html-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/html-element.js");
+/* harmony import */ var _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./interaction/container-interaction */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/container-interaction.js");
+/* harmony import */ var _utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./utility/swim-lane-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/swim-lane-util.js");
+/* harmony import */ var _diagram_serialization_settings__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./diagram/serialization-settings */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/serialization-settings.js");
+/* harmony import */ var _diagram_custom_cursor__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./diagram/custom-cursor */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/custom-cursor.js");
+/* harmony import */ var _diagram_diagram_settings__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../diagram/diagram-settings */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram-settings.js");
+/* harmony import */ var _core_containers_stack_panel__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./core/containers/stack-panel */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/stack-panel.js");
+/* harmony import */ var _objects_fixed_user_handle__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./objects/fixed-user-handle */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/fixed-user-handle.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _load_utility_modelProperties__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./load-utility/modelProperties */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/modelProperties.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+ return new (P || (P = Promise))(function (resolve, reject) {
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+ function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
+ });
+};
+var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+ function verb(n) { return function (v) { return step([n, v]); }; }
+ function step(op) {
+ if (f) throw new TypeError("Generator is already executing.");
+ while (_) try {
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+ if (y = 0, t) op = [op[0] & 2, t.value];
+ switch (op[0]) {
+ case 0: case 1: t = op; break;
+ case 4: _.label++; return { value: op[1], done: false };
+ case 5: _.label++; y = op[1]; op = [0]; continue;
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
+ default:
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+ if (t[2]) _.ops.pop();
+ _.trys.pop(); continue;
+ }
+ op = body.call(thisArg, _);
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+ }
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/ban-types */
+/* eslint-disable valid-jsdoc */
+/* eslint-disable valid-jsdoc */
+/* eslint-disable prefer-spread */
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable jsdoc/require-returns */
+/* eslint-disable valid-jsdoc */
+/* eslint-disable jsdoc/require-param */
+/* eslint-disable @typescript-eslint/ban-types */
+/* eslint-disable valid-jsdoc */
+/* eslint-disable jsdoc/require-returns */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Represents the Diagram control
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let diagram: Diagram = new Diagram({
+ * width:'1000px', height:'500px' });
+ * diagram.appendTo('#diagram');
+ * ```
+ */
+var Diagram = /** @__PURE__ @class */ (function (_super) {
+ __extends(Diagram, _super);
+ /**
+ * Constructor for creating the widget
+ */
+ function Diagram(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ /** @private */
+ _this.version = 17.1;
+ /** @private */
+ _this.checkMenu = false;
+ /** @private */
+ _this.isServerUpdate = false;
+ /** @private */
+ _this.oldNodeObjects = [];
+ /** @private */
+ _this.oldDiagramObject = {};
+ /** @private */
+ _this.oldConnectorObjects = [];
+ /** @private */
+ _this.canEnableBlazorObject = false;
+ /** @private */
+ _this.connectorTable = {};
+ /** @private */
+ _this.groupTable = {};
+ /** @private */
+ _this.scrollActions = _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ScrollActions"].None;
+ /** @private */
+ _this.blazorActions = _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].Default;
+ /** @private */
+ _this.activeLabel = { id: '', parentId: '', isGroup: false, text: undefined };
+ /** @private */
+ _this.textEditing = false;
+ /** @private */
+ _this.isTriggerEvent = false;
+ /** @private */
+ _this.preventNodesUpdate = false;
+ /** @private */
+ _this.preventConnectorsUpdate = false;
+ /** @private */
+ _this.callBlazorModel = true;
+ /** @private */
+ _this.selectionConnectorsList = [];
+ /** @private */
+ _this.deleteVirtualObject = false;
+ _this.canLayout = true;
+ _this.isRefreshed = false;
+ /** @private */
+ _this.swimlaneChildTable = {};
+ /** @private */
+ _this.swimlaneZIndexTable = {};
+ /** @private */
+ _this.canExpand = false;
+ _this.changedConnectorCollection = [];
+ _this.changedNodesCollection = [];
+ _this.previousNodeCollection = [];
+ _this.previousConnectorCollection = [];
+ _this.crudDeleteNodes = [];
+ _this.previousSelectedObjects = [];
+ // Group update to server when BlazorAction is isGroupAction;
+ _this.blazorAddorRemoveCollection = [];
+ _this.blazorRemoveIndexCollection = [];
+ _this.diagramid = 88123;
+ /** @private */
+ _this.selectedObject = { helperObject: undefined, actualObject: undefined };
+ _this.renderTimer = null;
+ var child;
+ var node;
+ var blazor = 'Blazor';
+ var canCloneObject = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && window && window["" + blazor] && !_this.dataSourceSettings.dataSource;
+ _this.ignoreCollectionWatch = true;
+ for (var i = 0; options && options.nodes && i < options.nodes.length; i++) {
+ child = options.nodes[parseInt(i.toString(), 10)];
+ node = _this.nodes[parseInt(i.toString(), 10)];
+ if (child.children && child.children.length > 0) {
+ if (!child.style || !child.style.fill) {
+ node.style.fill = 'transparent';
+ }
+ if (!child.style || !child.style.strokeColor) {
+ node.style.strokeColor = 'transparent';
+ }
+ }
+ if (child.shape && child.shape.type === 'UmlActivity') {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["setUMLActivityDefaults"])(child, node);
+ }
+ if (child.shape && child.shape.type === 'SwimLane') {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["setSwimLaneDefaults"])(child, node);
+ }
+ if (canCloneObject) {
+ _this.previousNodeCollection.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(node, undefined, undefined, true));
+ }
+ if (_this.nodeDefaults) {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateDefaultValues"])(node, child, _this.nodeDefaults);
+ }
+ _this.updateAnnotationText(node.annotations);
+ }
+ if (options && options.connectors) {
+ for (var i = 0; options && options.connectors && i < options.connectors.length; i++) {
+ child = options.connectors[parseInt(i.toString(), 10)];
+ node = _this.connectors[parseInt(i.toString(), 10)];
+ if (canCloneObject) {
+ _this.previousConnectorCollection.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(node, undefined, undefined, true));
+ }
+ if (_this.connectorDefaults) {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateDefaultValues"])(node, child, _this.connectorDefaults);
+ }
+ _this.updateAnnotationText(node.annotations);
+ }
+ }
+ for (var i = 0; options && options.connectors && i < options.connectors.length; i++) {
+ var defaultConnector = options.connectors[parseInt(i.toString(), 10)];
+ var connector = _this.connectors[parseInt(i.toString(), 10)];
+ if (defaultConnector.shape && defaultConnector.shape.type !== 'None') {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["setConnectorDefaults"])(defaultConnector, connector);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ var defaultPropChanges = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(_this.bulkChanges);
+ _this.enableServerDataBinding(true);
+ _this.protectPropertyChange(true);
+ var keys = Object.keys(defaultPropChanges);
+ for (var i_1 = 0; i_1 < keys.length; i_1++) {
+ var key = keys[parseInt(i_1.toString(), 10)];
+ var split = key.split('-');
+ if (split && split[0]) {
+ if (split[0] === 'nodes') {
+ defaultPropChanges["" + key].sfIndex = Number(split[1]);
+ _this.changedNodesCollection.push(defaultPropChanges["" + key]);
+ }
+ if (split[0] === 'connectors') {
+ defaultPropChanges["" + key].sfIndex = Number(split[1]);
+ _this.changedConnectorCollection.push(defaultPropChanges["" + key]);
+ }
+ }
+ }
+ }
+ }
+ return _this;
+ }
+ Diagram.prototype.updateAnnotationText = function (annotations) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && annotations.length > 0) {
+ for (var i = 0; annotations && i < annotations.length; i++) {
+ var label = annotations[parseInt(i.toString(), 10)];
+ label.content = label.content.split('\\n').join('\n');
+ }
+ }
+ };
+ Diagram.prototype.callFromServer = function (arg) {
+ var methodName = 'methodName';
+ var mId = 'id';
+ if (arg["" + methodName] === 'getParentID') {
+ var id = arg["" + mId];
+ return this.nameTable["" + id].parentId;
+ }
+ else if (arg["" + methodName] === 'getEdges') {
+ var outEdge = 'outEdge';
+ var isOutEdge = arg["" + outEdge];
+ var id = arg["" + mId];
+ if (isOutEdge) {
+ return this.nameTable["" + id].outEdges;
+ }
+ else {
+ return this.nameTable["" + id].inEdges;
+ }
+ }
+ else if (arg["" + methodName] === 'updateDiagramObjects') {
+ var obj = 'obj';
+ var isAdding = 'IsAdding';
+ var args = arg["" + obj];
+ this.isServerUpdate = true;
+ if (arg["" + isAdding]) {
+ var add = 'add';
+ this["" + add].apply(this, args);
+ }
+ else {
+ var remove_1 = 'remove';
+ this["" + remove_1].apply(this, args);
+ }
+ this.isServerUpdate = false;
+ }
+ else if (arg["" + methodName] === 'invokeLoadDiagramMethod') {
+ var data = 'data';
+ this.loadDiagram(arg["" + data]);
+ }
+ };
+ Diagram.prototype.clearCollection = function (isConnector) {
+ var collection = [];
+ var obj;
+ for (var _i = 0, _a = Object.keys(this.nameTable); _i < _a.length; _i++) {
+ var key = _a[_i];
+ obj = this.nameTable["" + key];
+ if (obj && ((isConnector && obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) || (!isConnector && obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]))) {
+ collection.push(obj);
+ }
+ }
+ this.clearObjects(collection);
+ };
+ /**
+ * Updates the diagram control when the objects are changed
+ *
+ * @param {DiagramModel} newProp - Lists the new values of the changed properties
+ * @param {DiagramModel} oldProp - Lists the old values of the changed properties
+ */
+ /* tslint:disable */
+ Diagram.prototype.onPropertyChanged = function (newProp, oldProp) {
+ // Model Changed
+ var newValue;
+ var oldValue;
+ var isPropertyChanged = true;
+ var refreshLayout = false;
+ var refereshColelction = false;
+ if (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Render) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'width':
+ case 'height':
+ this.element.style.width = this.getSizeValue(this.width);
+ this.element.style.height = this.getSizeValue(this.height);
+ this.eventHandler.updateViewPortSize(this.element);
+ for (var _b = 0, _c = this.views; _b < _c.length; _b++) {
+ var view = _c[_b];
+ var temp = this.views["" + view];
+ if (!(temp instanceof Diagram)) {
+ temp.updateView(temp);
+ }
+ }
+ break;
+ case 'nodes':
+ if (newProp.nodes.length > 0 && oldProp.nodes.length === 0) {
+ this.clearCollection();
+ refereshColelction = true;
+ }
+ else {
+ for (var _d = 0, _e = Object.keys(newProp.nodes); _d < _e.length; _d++) {
+ var key = _e[_d];
+ var index = Number(key);
+ var actualObject = this.nodes[parseInt(index.toString(), 10)];
+ var changedProp = newProp.nodes[parseInt(index.toString(), 10)];
+ if (newProp.nodes[parseInt(index.toString(), 10)].style && newProp.nodes[parseInt(index.toString(), 10)].style.gradient) {
+ this.updateGradient(newProp.nodes[parseInt(index.toString(), 10)], oldProp.nodes[parseInt(index.toString(), 10)], this.nodes[parseInt(index.toString(), 10)]);
+ this.nodes[parseInt(index.toString(), 10)].oldGradientValue = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(newProp.nodes[parseInt(index.toString(), 10)].style.gradient);
+ }
+ refreshLayout = refreshLayout || changedProp.excludeFromLayout !== undefined;
+ this.nodePropertyChange(actualObject, oldProp.nodes[parseInt(index.toString(), 10)], changedProp, undefined, true, true);
+ var args = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(actualObject), cause: this.diagramActions, diagramAction: this.getDiagramAction(this.diagramActions),
+ oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(oldProp.nodes[parseInt(index.toString(), 10)]),
+ newValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(newProp.nodes[parseInt(index.toString(), 10)])
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ args.element = { node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(actualObject) };
+ args.oldValue = { node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(oldValue) };
+ args.newValue = { node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(newValue) };
+ }
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].propertyChange, args);
+ if (isPropertyChanged) {
+ isPropertyChanged = false;
+ }
+ }
+ if (this.mode === 'Canvas') {
+ this.refreshDiagramLayer();
+ }
+ }
+ break;
+ case 'connectors':
+ // eslint-disable-next-line no-case-declarations
+ var oldObject = void 0;
+ if (newProp.connectors.length > 0 && oldProp.connectors.length === 0) {
+ this.clearCollection(true);
+ refereshColelction = true;
+ }
+ else {
+ for (var _f = 0, _g = Object.keys(newProp.connectors); _f < _g.length; _f++) {
+ var key = _g[_f];
+ var index = Number(key);
+ var actualObject = this.connectors[parseInt(index.toString(), 10)];
+ var changedProp = newProp.connectors[parseInt(index.toString(), 10)];
+ if (changedProp && (changedProp.sourceDecorator || changedProp.targetDecorator)) {
+ this.diagramActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].DecoratorPropertyChange;
+ }
+ this.connectorPropertyChange(actualObject, oldProp.connectors[parseInt(index.toString(), 10)], changedProp, true, true);
+ if (changedProp && (changedProp.sourceDecorator || changedProp.targetDecorator)) {
+ this.diagramActions = this.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].DecoratorPropertyChange;
+ }
+ var args = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(actualObject), cause: this.diagramActions, diagramAction: this.getDiagramAction(this.diagramActions),
+ oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(oldProp.connectors[parseInt(index.toString(), 10)]),
+ newValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(newProp.connectors[parseInt(index.toString(), 10)])
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ args.element = { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(actualObject) };
+ args.oldValue = { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(oldValue) };
+ args.newValue = { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(newValue) };
+ }
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].propertyChange, args);
+ if (actualObject && actualObject.parentId && this.nameTable[actualObject.parentId].shape.type === 'UmlClassifier') {
+ this.updateConnectorEdges(this.nameTable[actualObject.parentId] || actualObject);
+ }
+ if (isPropertyChanged) {
+ isPropertyChanged = false;
+ }
+ }
+ this.updateBridging();
+ if (this.mode === 'Canvas') {
+ this.refreshDiagramLayer();
+ }
+ }
+ break;
+ case 'bridgeDirection':
+ this.updateBridging();
+ if (this.mode === 'Canvas') {
+ this.refreshDiagramLayer();
+ }
+ break;
+ case 'backgroundColor':
+ this.intOffPageBackground();
+ break;
+ case 'pageSettings':
+ this.validatePageSize();
+ this.updatePage();
+ break;
+ case 'selectedItems':
+ if (newProp.selectedItems.userHandles && this.selectedItems.wrapper && this.selectedItems.userHandles) {
+ if (this.selectedItems.userHandles.length > 0) {
+ this.renderSelector(true);
+ break;
+ }
+ }
+ if (newProp.selectedItems.constraints) {
+ this.renderSelector(true);
+ break;
+ }
+ break;
+ case 'snapSettings':
+ this.updateSnapSettings(newProp);
+ break;
+ case 'commandManager':
+ this.initCommands();
+ break;
+ case 'layout':
+ refreshLayout = true;
+ break;
+ case 'segmentThumbShape':
+ this.updateSelector();
+ break;
+ case 'dataSourceSettings':
+ this.clear();
+ this.initObjects();
+ if (this.layout.type === 'None') {
+ refereshColelction = true;
+ }
+ else {
+ refreshLayout = true;
+ }
+ break;
+ case 'tooltip':
+ Object(_objects_tooltip__WEBPACK_IMPORTED_MODULE_33__["initTooltip"])(this);
+ break;
+ case 'rulerSettings':
+ this.updateRulerSettings(newProp);
+ break;
+ case 'layers':
+ this.updateLayer(newProp);
+ break;
+ case 'scrollSettings':
+ this.scrollActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ScrollActions"].PropertyChange;
+ this.updateScrollSettings(newProp);
+ this.scrollActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ScrollActions"].PropertyChange;
+ this.scrollSettings.horizontalOffset = -this.scroller.horizontalOffset || 0;
+ this.scrollSettings.verticalOffset = -this.scroller.verticalOffset || 0;
+ break;
+ case 'locale':
+ if (newProp.locale !== oldProp.locale) {
+ this.realActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PreventDataInit;
+ _super.prototype.refresh.call(this);
+ this.realActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PreventDataInit;
+ }
+ break;
+ case 'contextMenuSettings':
+ if (newProp.contextMenuSettings.showCustomMenuOnly !== undefined) {
+ this.contextMenuSettings.showCustomMenuOnly = newProp.contextMenuSettings.showCustomMenuOnly;
+ }
+ if (newProp.contextMenuSettings.show !== undefined) {
+ this.contextMenuSettings.show = newProp.contextMenuSettings.show;
+ }
+ if (newProp.contextMenuSettings.items) {
+ var items = newProp.contextMenuSettings.items;
+ for (var _h = 0, _j = Object.keys(items); _h < _j.length; _h++) {
+ var key = _j[_h];
+ var index = Number(key);
+ this.contextMenuSettings.items[parseInt(index.toString(), 10)] = items[parseInt(index.toString(), 10)];
+ }
+ if (this.contextMenuModule) {
+ this.contextMenuModule.refreshItems();
+ }
+ }
+ break;
+ case 'serializationSettings':
+ if (newProp.serializationSettings.preventDefaults !== undefined) {
+ this.serializationSettings.preventDefaults = newProp.serializationSettings.preventDefaults;
+ }
+ break;
+ }
+ }
+ if (refreshLayout && !refereshColelction) {
+ if (oldProp.layout && oldProp.layout.connectionPointOrigin === 'DifferentPoint' && newProp.layout.connectionPointOrigin === 'SamePoint'
+ || (oldProp.layout && newProp.layout && !newProp.layout.enableRouting && oldProp.layout.enableRouting)) {
+ for (var i = 0; i < this.nodes.length; i++) {
+ var node = this.nodes[parseInt(i.toString(), 10)];
+ if ((node.ports && node.ports.length > 0)) {
+ var ports = [];
+ for (var j = node.ports.length - 1; j >= 0; j--) {
+ if (node.ports[parseInt(j.toString(), 10)].id.split('_')[1] === 'LineDistribution') {
+ ports.push(node.ports[parseInt(j.toString(), 10)]);
+ }
+ }
+ this.removePorts(node, ports);
+ }
+ }
+ for (var j = 0; j < this.connectors.length; j++) {
+ var connector = this.connectors[parseInt(j.toString(), 10)];
+ var sourcePortid = connector.sourcePortID;
+ var targetPortId = connector.targetPortID;
+ //const oldSegment: OrthogonalSegmentModel = (connector.segments as OrthogonalSegmentModel);
+ connector.sourcePortID = '';
+ connector.targetPortID = '';
+ connector.sourcePortWrapper = undefined;
+ connector.targetPortWrapper = undefined;
+ connector.segments = [];
+ this.connectorPropertyChange(connector, {
+ sourcePortID: sourcePortid, targetPortID: targetPortId
+ }, { sourcePortID: '', targetPortID: '' });
+ }
+ }
+ this.doLayout();
+ this.renderReactTemplates();
+ }
+ if (isPropertyChanged && this.propertyChange) {
+ var args = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(this), cause: this.diagramActions, diagramAction: this.getDiagramAction(this.diagramActions),
+ oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(oldProp), newValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(newProp)
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ args.element = { diagram: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(this) };
+ args.oldValue = { diagram: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(oldValue) };
+ args.newValue = { diagram: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(newValue) };
+ }
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].propertyChange, args);
+ }
+ /**Feature(EJ2-60228): Need to add Object ID in the history change event argument*/
+ if (!refereshColelction && (this.canLogChange()) && (this.modelChanged(newProp, oldProp))) {
+ var propertyObjects = [];
+ var nodeObjects = [];
+ var connObjects = [];
+ if (newProp.nodes && Object.keys(newProp.nodes).length > 0) {
+ for (var _k = 0, _l = Object.keys(newProp.nodes); _k < _l.length; _k++) {
+ var key = _l[_k];
+ var nodeIndex = parseInt(key);
+ nodeObjects.push(this.nodes[parseInt(nodeIndex.toString(), 10)].id);
+ }
+ }
+ if (newProp.connectors && Object.keys(newProp.connectors).length > 0) {
+ for (var _m = 0, _o = Object.keys(newProp.connectors); _m < _o.length; _m++) {
+ var key = _o[_m];
+ var connIndex = parseInt(key);
+ connObjects.push(this.connectors[parseInt(connIndex.toString(), 10)].id);
+ }
+ }
+ propertyObjects = nodeObjects.concat(connObjects);
+ var entry = { type: 'PropertyChanged', undoObject: oldProp, redoObject: newProp, category: 'Internal' };
+ if (this.historyManager) {
+ this.addHistoryEntry(entry, propertyObjects);
+ }
+ }
+ this.resetDiagramActions();
+ if (refereshColelction) {
+ this.initObjects(true);
+ this.refreshDiagramLayer();
+ if (refreshLayout) {
+ this.doLayout();
+ }
+ }
+ var scrollAlone = ((Object.keys(newProp).length === 1) && newProp.scrollSettings !== undefined);
+ if (!refereshColelction) {
+ for (var _p = 0, _q = this.views; _p < _q.length; _p++) {
+ var temp = _q[_p];
+ var view = this.views["" + temp];
+ if (!(view instanceof Diagram)) {
+ if (newProp.scrollSettings && newProp.scrollSettings.currentZoom !== oldProp.scrollSettings.currentZoom) {
+ //view.updateHtmlLayer(view);
+ }
+ if (!scrollAlone) {
+ this.refreshCanvasDiagramLayer(view);
+ }
+ }
+ }
+ }
+ }
+ };
+ /* tslint:enable */
+ Diagram.prototype.updateSnapSettings = function (newProp) {
+ if (newProp.snapSettings.constraints !== undefined || newProp.snapSettings.horizontalGridlines ||
+ newProp.snapSettings.verticalGridlines || newProp.snapSettings.gridType) {
+ this.diagramRenderer.updateGrid(this.snapSettings, Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getGridLayerSvg"])(this.element.id), this.scroller.transform, this.rulerSettings, this.hRuler, this.vRuler);
+ }
+ };
+ // This private method has been specially provided to update only the node old gradient value in oldProperty.
+ // This issue belong to core team but we fixed in our end.
+ // https://syncfusion.atlassian.net/browse/EJ2-49232
+ Diagram.prototype.updateGradient = function (newProp, oldProp, nodeObj) {
+ if (nodeObj.oldGradientValue) {
+ var linearNode = nodeObj;
+ var radialNode = nodeObj;
+ var linearProp = oldProp.style.gradient;
+ var radialProp = oldProp.style.gradient;
+ for (var _i = 0, _a = Object.keys(newProp.style.gradient); _i < _a.length; _i++) {
+ var key = _a[_i];
+ switch (key) {
+ case 'type':
+ if (linearNode.type) {
+ linearProp.type = linearNode.type;
+ }
+ break;
+ case 'x1':
+ if (linearNode.x1) {
+ linearProp.x1 = linearNode.x1;
+ }
+ break;
+ case 'x2':
+ if (linearNode.x2) {
+ linearProp.x2 = linearNode.x2;
+ }
+ break;
+ case 'y1':
+ if (linearNode.y1) {
+ linearProp.y1 = linearNode.y1;
+ }
+ break;
+ case 'y2':
+ if (linearNode.y2) {
+ linearProp.y2 = linearNode.y2;
+ }
+ break;
+ case 'cx':
+ if (radialNode.cx) {
+ radialProp.cx = radialNode.cx;
+ }
+ break;
+ case 'cy':
+ if (radialNode.cy) {
+ radialProp.cy = radialNode.cy;
+ }
+ break;
+ case 'fx':
+ if (radialNode.fx) {
+ radialProp.fx = radialNode.fx;
+ }
+ break;
+ case 'fy':
+ if (radialNode.fy) {
+ radialProp.fy = radialNode.fy;
+ }
+ break;
+ case 'r':
+ if (radialNode.r) {
+ radialProp.r = radialNode.r;
+ }
+ break;
+ case 'stops':
+ if (nodeObj.oldGradientValue.stops) {
+ var stops = (Object.values(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(nodeObj.oldGradientValue.stops)));
+ stops.pop();
+ oldProp.style.gradient.stops = stops;
+ }
+ break;
+ }
+ }
+ }
+ };
+ Diagram.prototype.updateRulerSettings = function (newProp) {
+ if (newProp.rulerSettings.dynamicGrid !== undefined) {
+ this.diagramRenderer.updateGrid(this.snapSettings, Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getGridLayerSvg"])(this.element.id), this.scroller.transform, this.rulerSettings, this.hRuler, this.vRuler);
+ }
+ if (newProp.rulerSettings.showRulers !== undefined) {
+ this.intOffPageBackground();
+ this.scroller.setSize();
+ this.renderRulers();
+ }
+ else if (newProp.rulerSettings.horizontalRuler !== undefined ||
+ newProp.rulerSettings.verticalRuler !== undefined) {
+ if (newProp.rulerSettings.horizontalRuler.thickness !== undefined ||
+ newProp.rulerSettings.verticalRuler.thickness !== undefined) {
+ Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_12__["removeRulerElements"])(this);
+ this.intOffPageBackground();
+ this.scroller.setSize();
+ this.renderRulers();
+ }
+ else {
+ Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_12__["updateRuler"])(this);
+ }
+ }
+ this.diagramRenderer.updateGrid(this.snapSettings, Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getGridLayerSvg"])(this.element.id), this.scroller.transform, this.rulerSettings, this.hRuler, this.vRuler);
+ };
+ /**
+ * Get the properties to be maintained in the persisted state.
+ *
+ * @returns {string}
+ */
+ Diagram.prototype.getPersistData = function () {
+ var keyEntity = ['loaded'];
+ return this.addOnPersist(keyEntity);
+ };
+ /**
+ * Initialize nodes, connectors and renderer
+ */
+ Diagram.prototype.preRender = function () {
+ this.initializePrivateVariables();
+ this.isProtectedOnChange = true;
+ this.serviceLocator = new _objects_service__WEBPACK_IMPORTED_MODULE_5__["ServiceLocator"];
+ this.initializeServices();
+ this.setCulture();
+ var measureWindowElement = 'measureElement';
+ if (window["" + measureWindowElement]) {
+ window["" + measureWindowElement] = null;
+ }
+ this.initDiagram();
+ this.initViews();
+ this.unWireEvents();
+ this.wireEvents();
+ this.element.classList.add('e-diagram');
+ };
+ Diagram.prototype.initializePrivateVariables = function () {
+ if (this.element.id === '') {
+ var collection = document.getElementsByClassName('e-diagram').length;
+ this.element.id = 'diagram_' + this.diagramid + '_' + collection;
+ }
+ this.defaultLocale = {
+ Copy: 'Copy',
+ Cut: 'Cut',
+ Paste: 'Paste',
+ Undo: 'Undo',
+ Redo: 'Redo',
+ SelectAll: 'Select All',
+ Grouping: 'Grouping',
+ Group: 'Group',
+ UnGroup: 'Un Group',
+ Order: 'Order',
+ BringToFront: 'Bring To Front',
+ MoveForward: 'Move Forward',
+ SendToBack: 'Send To Back',
+ SendBackward: 'Send Backward'
+ };
+ this.layerZIndex = -1;
+ this.layerZIndexTable = {};
+ this.nameTable = {};
+ this.pathTable = {};
+ this.groupTable = {};
+ this.commands = {};
+ if (!this.isLoading) {
+ this.views = [];
+ }
+ this.commandHandler = new _interaction_command_manager__WEBPACK_IMPORTED_MODULE_25__["CommandHandler"](this);
+ this.eventHandler = new _interaction_event_handlers__WEBPACK_IMPORTED_MODULE_24__["DiagramEventHandler"](this, this.commandHandler);
+ this.spatialSearch = new _interaction_spatial_search_spatial_search__WEBPACK_IMPORTED_MODULE_28__["SpatialSearch"](this.nameTable);
+ this.scroller = new _interaction_scroller__WEBPACK_IMPORTED_MODULE_26__["DiagramScroller"](this);
+ this.modelProperties = new _load_utility_modelProperties__WEBPACK_IMPORTED_MODULE_46__["EJ1SerializationModule"](this);
+ };
+ Diagram.prototype.initializeServices = function () {
+ this.serviceLocator.register('localization', this.localeObj = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["L10n"](this.getModuleName(), this.defaultLocale, this.locale));
+ };
+ /**
+ * Method to set culture for chart
+ */
+ Diagram.prototype.setCulture = function () {
+ this.localeObj = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["L10n"](this.getModuleName(), this.defaultLocale, this.locale);
+ };
+ /* tslint:disable */
+ /**
+ * Renders the diagram control with nodes and connectors
+ */
+ Diagram.prototype.render = function () {
+ if (this.refreshing && this.dataSourceSettings.dataSource && !this.isLoading) {
+ this.nodes = [];
+ this.connectors = [];
+ }
+ // Bug 832897: Need to improve performance while rendering layout with large number of nodes.
+ this.isRefreshed = false;
+ this.ignoreCollectionWatch = true;
+ var domTable = 'domTable';
+ window["" + domTable] = {};
+ var collapsedNode = [];
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ var changedNodes = [];
+ var changedConnectors = [];
+ for (var i = 0; i < this.changedNodesCollection.length; i++) {
+ changedNodes.push(this.commandHandler.deepDiffer.removeEmptyValues(this.changedNodesCollection[parseInt(i.toString(), 10)]));
+ }
+ for (var i = 0; i < this.changedConnectorCollection.length; i++) {
+ changedConnectors.push(this.commandHandler.deepDiffer.removeEmptyValues(this.changedConnectorCollection[parseInt(i.toString(), 10)]));
+ }
+ var blazorInterop = 'sfBlazor';
+ var blazor = 'Blazor';
+ var diagramObject = { nodes: changedNodes, connectors: changedConnectors };
+ if (window && window["" + blazor] && !this.dataSourceSettings.dataSource
+ && (changedNodes.length > 0 || changedConnectors.length > 0)) {
+ var obj = { 'methodName': 'UpdateBlazorProperties', 'diagramobj': diagramObject };
+ window["" + blazorInterop].updateBlazorProperties(obj, this);
+ }
+ }
+ if (this.dataSourceSettings.crudAction.read) {
+ this.renderInitialCrud();
+ }
+ this.initHistory();
+ this.diagramRenderer = new _rendering_renderer__WEBPACK_IMPORTED_MODULE_3__["DiagramRenderer"](this.element.id, new _rendering_svg_renderer__WEBPACK_IMPORTED_MODULE_2__["SvgRenderer"](), this.mode === 'SVG');
+ this.initLayers();
+ this.initializeDiagramLayers();
+ this.diagramRenderer.setLayers();
+ this.initObjects(true);
+ var isLayout = false;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && !this.dataSourceSettings.dataSource && this.layout.type !== 'None') {
+ for (var _i = 0, _a = this.nodes; _i < _a.length; _i++) {
+ var obj = _a[_i];
+ this.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj), true);
+ }
+ for (var _b = 0, _c = this.connectors; _b < _c.length; _b++) {
+ var obj = _c[_b];
+ this.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj), false);
+ }
+ isLayout = true;
+ }
+ var nodes = this.nodes;
+ for (var i = 0; i < nodes.length; i++) {
+ if (!nodes[parseInt(i.toString(), 10)].isExpanded) {
+ collapsedNode.push(nodes[parseInt(i.toString(), 10)]);
+ }
+ }
+ if (collapsedNode.length) {
+ for (var i = collapsedNode.length - 1; i >= 0; i--) {
+ if (i === 0) {
+ this.commandHandler.expandNode(collapsedNode[parseInt(i.toString(), 10)], this, false);
+ }
+ else {
+ this.commandHandler.expandNode(collapsedNode[parseInt(i.toString(), 10)], this, true);
+ }
+ }
+ }
+ if (this.canLayout) {
+ this.doLayout();
+ }
+ if (isLayout) {
+ this.commandHandler.getBlazorOldValues();
+ }
+ if (this.lineRoutingModule) {
+ var previousConnectorObject = [];
+ var updateConnectorObject = [];
+ var changeConnectors = [];
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ for (var _d = 0, _e = this.connectors; _d < _e.length; _d++) {
+ var obj = _e[_d];
+ previousConnectorObject.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj, undefined, undefined, true));
+ }
+ }
+ // EJ2-65876 - Exception occurs on line routing injection module
+ if (this.connectors.sourceID !== this.connectors.targetID) {
+ this.lineRoutingModule.lineRouting(this);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ for (var _f = 0, _g = this.connectors; _f < _g.length; _f++) {
+ var obj = _g[_f];
+ updateConnectorObject.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj, undefined, undefined, true));
+ }
+ this.commandHandler.getObjectChanges(previousConnectorObject, updateConnectorObject, changeConnectors);
+ if (!(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].ClearObject)) {
+ var blazorInterop = 'sfBlazor';
+ var blazor = 'Blazor';
+ var diagramObject = { nodes: [], connectors: changeConnectors };
+ if (window && window["" + blazor]) {
+ var obj = { 'methodName': 'UpdateBlazorProperties', 'diagramobj': diagramObject };
+ window["" + blazorInterop].updateBlazorProperties(obj, this);
+ }
+ }
+ }
+ }
+ this.validatePageSize();
+ this.renderPageBreaks();
+ this.diagramRenderer.renderSvgGridlines(this.snapSettings, Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getGridLayerSvg"])(this.element.id), this.scroller.transform, this.rulerSettings, this.hRuler, this.vRuler);
+ this.commandHandler.initSelectorWrapper();
+ /**
+ * Used to render context menu
+ */
+ this.notify('initial-load', {});
+ /**
+ * Used to load context menu
+ */
+ this.trigger('load');
+ this.scroller.setSize();
+ this.scroller.updateScrollOffsets();
+ // Bug 832897: Need to improve performance while rendering layout with large number of nodes.
+ // If diagram not refreshed, then we will refresh the diagram.
+ if (!this.isRefreshed) {
+ this.refreshDiagramLayer();
+ }
+ if (this.scrollSettings.verticalOffset > 0 || this.scrollSettings.horizontalOffset > 0) {
+ this.updateScrollOffset();
+ }
+ /**
+ * Used to end the context menu rendering
+ */
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ this.tool = _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramTools"].ZoomPan | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramTools"].SingleSelect;
+ }
+ this.notify('initial-end', {});
+ this.isProtectedOnChange = false;
+ this.tooltipObject = Object(_objects_tooltip__WEBPACK_IMPORTED_MODULE_33__["initTooltip"])(this);
+ this.diagramActions = _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Render;
+ this.initCommands();
+ var hiddenUserHandleTemplate = document.getElementsByClassName(this.element.id + '_hiddenUserHandleTemplate');
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createUserHandleTemplates"])(this.userHandleTemplate, hiddenUserHandleTemplate, this.selectedItems, this.element.id);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && this.layout && this.layout.type === 'None') {
+ this.updateTemplate();
+ }
+ this.isLoading = false;
+ this.renderComplete();
+ this.updateFitToPage();
+ if (this.refreshing) {
+ this.renderReactTemplates();
+ }
+ };
+ /* tslint:enable */
+ Diagram.prototype.updateFitToPage = function () {
+ if (this.pageSettings && this.pageSettings.fitOptions && this.pageSettings.fitOptions.canFit) {
+ this.fitToPage(this.pageSettings.fitOptions);
+ }
+ };
+ Diagram.prototype.updateTemplate = function () {
+ var node;
+ var annotation;
+ var pathAnnotation;
+ for (var i = 0; i < this.nodes.length; i++) {
+ node = this.nodes[parseInt(i.toString(), 10)];
+ if (node.shape.type === 'HTML' || node.shape.type === 'Native') {
+ // CR-F170298 Template is not updated properly while render multiple diagram in same page
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["updateBlazorTemplate"])('diagramsf_node_template', 'NodeTemplate', this, true);
+ break;
+ }
+ }
+ for (var i = 0; i < this.nodes.length; i++) {
+ node = this.nodes[parseInt(i.toString(), 10)];
+ annotation = node.annotations[0];
+ if (annotation && annotation.annotationType === 'Template') {
+ // CR-F170298 Template is not updated properly while render multiple diagram in same page
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["updateBlazorTemplate"])('diagramsf_annotation_template', 'AnnotationTemplate', this, false);
+ break;
+ }
+ }
+ for (var i = 0; i < this.connectors.length; i++) {
+ pathAnnotation = this.connectors[parseInt(i.toString(), 10)].annotations[0];
+ if (pathAnnotation && pathAnnotation.annotationType === 'Template') {
+ // CR-F170298 Template is not updated properly while render multiple diagram in same page
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["updateBlazorTemplate"])('diagramsf_annotation_template', 'AnnotationTemplate', this, false);
+ break;
+ }
+ }
+ for (var i = 0; i < this.selectedItems.userHandles.length; i++) {
+ if (this.selectedItems.userHandles[parseInt(i.toString(), 10)].template) {
+ // CR-F170298 Template is not updated properly while render multiple diagram in same page
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["updateBlazorTemplate"])('diagramsf_userHandle_template', 'UserHandleTemplate', this, false);
+ break;
+ }
+ }
+ };
+ Diagram.prototype.resetTemplate = function () {
+ var htmlNode;
+ var templateAnnotation;
+ var path;
+ for (var i = 0; i < this.nodes.length; i++) {
+ htmlNode = this.nodes[parseInt(i.toString(), 10)];
+ if (htmlNode.shape.type === 'HTML' && htmlNode.shape.content === '') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["resetBlazorTemplate"])('diagramsf_node_template', 'NodeTemplate');
+ break;
+ }
+ }
+ for (var i = 0; i < this.nodes.length; i++) {
+ htmlNode = this.nodes[parseInt(i.toString(), 10)];
+ templateAnnotation = htmlNode.annotations[0];
+ if (templateAnnotation && templateAnnotation.annotationType === 'Template'
+ && templateAnnotation.content instanceof HTMLElement) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["resetBlazorTemplate"])('diagramsf_annotation_template', 'AnnotationTemplate');
+ break;
+ }
+ }
+ for (var i = 0; i < this.connectors.length; i++) {
+ path = this.connectors[parseInt(i.toString(), 10)].annotations[0];
+ if (path && path.annotationType === 'Template' && path.content instanceof HTMLElement) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["resetBlazorTemplate"])('diagramsf_annotation_template', 'AnnotationTemplate');
+ break;
+ }
+ }
+ for (var i = 0; i < this.selectedItems.userHandles.length; i++) {
+ if (this.selectedItems.userHandles[parseInt(i.toString(), 10)].template) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["updateBlazorTemplate"])('diagramsf_userHandle_template', 'UserHandleTemplate', this, false);
+ break;
+ }
+ }
+ };
+ //Call back function to the node template
+ // private measureNode(node: NodeModel): void {
+ // if (node.shape.type === 'Native' && isBlazor()) {
+ // node.wrapper.measure(new Size(node.width, node.height));
+ // node.wrapper.arrange(node.wrapper.desiredSize);
+ // }
+ // }
+ Diagram.prototype.renderInitialCrud = function () {
+ /* eslint-disable */
+ var tempObj = this;
+ /* eslint-enable */
+ if (tempObj.dataSourceSettings.crudAction.read) {
+ var callback = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Fetch"](tempObj.dataSourceSettings.crudAction.read, 'GET');
+ callback.onSuccess = function (data) {
+ if (tempObj.dataSourceSettings.dataManager) {
+ tempObj.dataSourceSettings.dataManager = JSON.parse(data);
+ }
+ else {
+ tempObj.dataSourceSettings.dataSource = JSON.parse(data);
+ }
+ tempObj.dataBind();
+ };
+ callback.send().then();
+ }
+ if (tempObj.dataSourceSettings.connectionDataSource.crudAction.read) {
+ var callback = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Fetch"](tempObj.dataSourceSettings.connectionDataSource.crudAction.read, 'GET');
+ callback.onSuccess = function (data) {
+ tempObj.dataSourceSettings.connectionDataSource.dataManager = JSON.parse(data);
+ tempObj.dataBind();
+ };
+ callback.send().then();
+ }
+ };
+ /**
+ * Returns the module name of the diagram
+ *
+ * @returns {string} Returns the module name of the diagram
+ */
+ Diagram.prototype.getModuleName = function () {
+ return 'diagram';
+ };
+ /**
+ *
+ * Returns the name of class Diagram
+ * @returns {string} Returns the module name of the diagram
+ * @private
+ */
+ Diagram.prototype.getClassName = function () {
+ return 'Diagram';
+ };
+ /* tslint:disable */
+ /**
+ * To provide the array of modules needed for control rendering
+ *
+ * @returns {ModuleDeclaration[]} To provide the array of modules needed for control rendering .\
+ * @private
+ */
+ Diagram.prototype.requiredModules = function () {
+ var modules = [];
+ modules.push({
+ member: 'Bpmn',
+ args: []
+ });
+ modules.push({
+ member: 'Bridging',
+ args: []
+ });
+ modules.push({
+ member: 'ConnectorEditingTool',
+ args: []
+ });
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ modules.push({
+ member: 'BlazorTooltip',
+ args: []
+ });
+ }
+ if (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].UndoRedo) {
+ modules.push({
+ member: 'UndoRedo',
+ args: []
+ });
+ }
+ if (this.layout.type === 'OrganizationalChart' || this.layout.type === 'HierarchicalTree' ||
+ this.layout.enableAnimation) {
+ modules.push({
+ member: 'LayoutAnimate',
+ args: []
+ });
+ }
+ if (this.snapSettings.constraints) {
+ modules.push({
+ member: 'Snapping',
+ args: [this]
+ });
+ }
+ modules.push({
+ member: 'EJ1SerializationModule',
+ args: [this]
+ });
+ modules.push({
+ member: 'PrintandExport',
+ args: [this]
+ });
+ if (this.contextMenuSettings.show) {
+ modules.push({
+ member: 'contextMenu',
+ args: [this, this.serviceLocator]
+ });
+ }
+ if (this.layout.type === 'OrganizationalChart' || this.layout.type === 'HierarchicalTree') {
+ modules.push({
+ member: 'OrganizationalChart',
+ args: [this]
+ });
+ }
+ if (this.layout.type === 'ComplexHierarchicalTree') {
+ modules.push({
+ member: 'ComplexHierarchicalTree',
+ args: []
+ });
+ }
+ if (this.layout.type === 'MindMap') {
+ modules.push({
+ member: 'MindMapChart',
+ args: []
+ });
+ }
+ if (this.layout.type === 'RadialTree') {
+ modules.push({
+ member: 'RadialTree',
+ args: []
+ });
+ }
+ if (this.layout.type === 'SymmetricalLayout') {
+ modules.push({
+ member: 'SymmetricalLayout',
+ args: []
+ });
+ }
+ if (this.dataSourceSettings.dataManager || this.dataSourceSettings.dataSource ||
+ this.dataSourceSettings.crudAction.read || this.dataSourceSettings.connectionDataSource.crudAction.read) {
+ modules.push({
+ member: 'DataBinding',
+ args: []
+ });
+ }
+ if (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].LineRouting) {
+ modules.push({
+ member: 'LineRouting',
+ args: []
+ });
+ }
+ if ((this.layout && this.layout.connectionPointOrigin === 'DifferentPoint') || (this.layout.arrangement === 'Linear' || (this.layout.enableRouting))) {
+ modules.push({
+ member: 'LineDistribution',
+ args: []
+ });
+ }
+ return modules;
+ };
+ /* tslint:enable */
+ Diagram.prototype.removeUserHandlesTemplate = function () {
+ if (this.selectedItems.userHandles.length) {
+ for (var i = 0; i < this.selectedItems.userHandles.length; i++) {
+ for (var _i = 0, _a = this.views; _i < _a.length; _i++) {
+ var elementId = _a[_i];
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["removeElement"])(this.selectedItems.userHandles[parseInt(i.toString(), 10)].name + '_template_hiddenUserHandle', elementId);
+ }
+ }
+ }
+ };
+ /**
+ *To destroy the diagram
+ *
+ * @returns {void} To destroy the diagram
+ */
+ Diagram.prototype.destroy = function () {
+ clearInterval(this.renderTimer);
+ this.renderTimer = null;
+ if (this.hRuler && this.vRuler) {
+ this.hRuler.destroy();
+ this.vRuler.destroy();
+ }
+ this.tooltipObject.destroy();
+ this.droppable.destroy();
+ this.unWireEvents();
+ this.notify('destroy', {});
+ _super.prototype.destroy.call(this);
+ this.removeUserHandlesTemplate();
+ this.clearTemplate();
+ if (document.getElementById(this.element.id)) {
+ this.element.classList.remove('e-diagram');
+ var tooltipelement = document.getElementsByClassName('e-diagram-tooltip');
+ while (tooltipelement.length > 0) {
+ tooltipelement[0].parentNode.removeChild(tooltipelement[0]);
+ }
+ var content = document.getElementById(this.element.id + 'content');
+ if (content) {
+ this.element.removeChild(content);
+ }
+ var measureWindowElement = 'measureElement';
+ if (window["" + measureWindowElement]) {
+ window["" + measureWindowElement].usageCount -= 1;
+ var measureElementCount = 'measureElementCount';
+ window["" + measureElementCount]--;
+ if (window["" + measureElementCount] === 0) {
+ window["" + measureWindowElement].parentNode.removeChild(window["" + measureWindowElement]);
+ window["" + measureWindowElement] = null;
+ }
+ }
+ }
+ var domTable = 'domTable';
+ window["" + domTable] = {};
+ for (var i = 0; i < this.layers.length; i++) {
+ var currentLayer = this.layers[parseInt(i.toString(), 10)];
+ currentLayer.zIndexTable = {};
+ }
+ this.diagramActions = undefined;
+ };
+ //Wires the mouse events with diagram control
+ Diagram.prototype.wireEvents = function () {
+ var startEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchStartEvent;
+ var stopEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchEndEvent;
+ var moveEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchMoveEvent;
+ var cancelEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isPointer ? 'pointerleave' : 'mouseleave';
+ var isIE11Pointer = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isPointer;
+ var wheelEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].info.name === 'mozilla' ?
+ (isIE11Pointer ? 'mousewheel' : 'DOMMouseScroll') : 'mousewheel';
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.diagramCanvas, startEvent, this.eventHandler.mouseDown, this.eventHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.diagramCanvas, moveEvent, this.eventHandler.mouseMove, this.eventHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.diagramCanvas, stopEvent, this.eventHandler.mouseUp, this.eventHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.diagramCanvas, cancelEvent, this.eventHandler.mouseLeave, this.eventHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.diagramCanvas, 'keydown', this.eventHandler.keyDown, this.eventHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.diagramCanvas, 'keyup', this.eventHandler.keyUp, this.eventHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.diagramCanvas, 'dblclick', this.eventHandler.doubleClick, this.eventHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.diagramCanvas, 'scroll', this.eventHandler.scrolled, this.eventHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.diagramCanvas, wheelEvent, this.eventHandler.mouseWheel, this.eventHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(window, 'resize', this.eventHandler.windowResize, this.eventHandler);
+ this.initDroppables();
+ };
+ //Unwires the mouse events from diagram control
+ Diagram.prototype.unWireEvents = function () {
+ var startEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchStartEvent;
+ var moveEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchMoveEvent;
+ var cancelEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isPointer ? 'pointerleave' : 'mouseleave';
+ var isIE11Pointer = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isPointer;
+ var wheelEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].info.name === 'mozilla' ?
+ (isIE11Pointer ? 'mousewheel' : 'DOMMouseScroll') : 'mousewheel';
+ var stopEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchEndEvent;
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.diagramCanvas, startEvent, this.eventHandler.mouseDown);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.diagramCanvas, moveEvent, this.eventHandler.mouseMove);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.diagramCanvas, stopEvent, this.eventHandler.mouseUp);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.diagramCanvas, cancelEvent, this.eventHandler.mouseLeave);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.diagramCanvas, 'keydown', this.eventHandler.keyDown);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.diagramCanvas, 'keyup', this.eventHandler.keyUp);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.diagramCanvas, 'dblclick', this.eventHandler.doubleClick);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.diagramCanvas, 'scroll', this.eventHandler.scrolled);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.diagramCanvas, wheelEvent, this.eventHandler.mouseWheel);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(window, 'resize', this.eventHandler.windowResize);
+ };
+ //public methods - start region
+ /**
+ * Selects the given collection of objects \
+ *
+ * @returns { void } Selects the given collection of objects .\
+ * @param {NodeModel | ConnectorModel} objects - Defines the collection of nodes and connectors to be selected
+ * @param {boolean} multipleSelection -Defines whether the existing selection has to be cleared or not
+ * @param {NodeModel | ConnectorModel} oldValue - Defines the old value
+ *
+ */
+ Diagram.prototype.select = function (objects, multipleSelection, oldValue) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ for (var i = 0; i < objects.length; i++) {
+ objects[parseInt(i.toString(), 10)] = this.nameTable[objects[parseInt(i.toString(), 10)].id];
+ }
+ objects = this.nameTable[objects.id] || objects;
+ }
+ if (objects != null) {
+ this.commandHandler.selectObjects(objects, multipleSelection, oldValue);
+ }
+ };
+ /**
+ * this method returns diagramAction as a string
+ * @returns { string }
+ */
+ //Feature (EJ2-18451) : For all client side events, cause argument data type should be string instead of flag enum and value should be easier to understand.
+ Diagram.prototype.getDiagramAction = function (diagramAction) {
+ var action;
+ if (diagramAction === 2 && _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Render) {
+ action = 'Render';
+ }
+ else if (diagramAction & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo) {
+ action = 'UndoRedo';
+ }
+ else if (diagramAction & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod) {
+ action = 'PublicMethod';
+ }
+ else if (diagramAction & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction) {
+ action = 'ToolAction';
+ }
+ else if (diagramAction & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].TextEdit) {
+ action = 'TextEdit';
+ }
+ else if (diagramAction & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Group) {
+ action = 'Group';
+ }
+ else if (diagramAction & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Interactions) {
+ action = 'Interactions';
+ }
+ else if (diagramAction & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventHistory) {
+ action = 'PreventHistory';
+ }
+ else if (diagramAction & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].DecoratorPropertyChange) {
+ action = 'DecoratorPropertyChange';
+ }
+ else if (diagramAction & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventZIndexOnDragging) {
+ action = 'PreventZIndexOnDragging';
+ }
+ else if (diagramAction & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].isGroupDragging) {
+ action = 'isGroupDragging';
+ }
+ else if (diagramAction & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].DragUsingMouse) {
+ action = 'DragUsingMouse';
+ }
+ return action;
+ };
+ /**
+ * Selects the all the objects. \
+ *
+ * @returns { void } Selects the all the objects. .\
+ *
+ */
+ Diagram.prototype.selectAll = function () {
+ var selectedItems = [];
+ selectedItems = this.getObjectsOfLayer(this.activeLayer.objects);
+ this.select(selectedItems);
+ };
+ /**
+ * Removes the given object from selection list \
+ *
+ * @returns { void } Selects the given collection of objects .\
+ * @param {NodeModel | ConnectorModel} obj - Removes the given object from selection list
+ *
+ */
+ Diagram.prototype.unSelect = function (obj) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.commandHandler.oldSelectedObjects = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.selectedItems);
+ obj = this.nameTable[obj.id] || obj;
+ }
+ if (obj && Object(_interaction_actions__WEBPACK_IMPORTED_MODULE_27__["isSelected"])(this, obj)) {
+ this.commandHandler.unSelect(obj);
+ this.commandHandler.updateBlazorSelector();
+ }
+ };
+ /**
+ * Removes all elements from the selection list\
+ *
+ * @returns { void } Removes all elements from the selection list .\
+ *
+ */
+ Diagram.prototype.clearSelection = function () {
+ this.commandHandler.clearSelection(true);
+ };
+ /**
+ * Update the diagram clipboard dimension \
+ *
+ * @returns { void } Update the diagram clipboard dimension .\
+ *
+ */
+ Diagram.prototype.updateViewPort = function () {
+ var attribute = this.getZoomingAttribute();
+ this.updateBlazorDiagramProperties(attribute);
+ this.eventHandler.updateViewPortSize(this.element);
+ this.updateBlazorDiagramProperties(attribute, true);
+ };
+ Diagram.prototype.cutCommand = function () {
+ this.cut();
+ };
+ /**
+ * Removes the selected nodes and connectors from diagram and moves them to diagram clipboard \
+ *
+ * @returns { void } Removes the selected nodes and connectors from diagram and moves them to diagram clipboard .\
+ *
+ */
+ Diagram.prototype.cut = function () {
+ this.commandHandler.cut();
+ };
+ /**
+ * Add a process into the sub-process \
+ *
+ * @returns { void } Add a process into the sub-process.\
+ * @param {NodeModel | ConnectorModel} process - provide the process value.
+ * @param {boolean} parentId - provide the parentId value.
+ *
+ */
+ Diagram.prototype.addProcess = function (process, parentId) {
+ if (this.bpmnModule) {
+ this.bpmnModule.addProcess(process, parentId, this);
+ }
+ };
+ /**
+ * Remove a process from the sub-processs \
+ *
+ * @returns { void } Remove a process from the sub-process.\
+ * @param {string} id - provide the id value.
+ *
+ */
+ Diagram.prototype.removeProcess = function (id) {
+ if (this.bpmnModule) {
+ this.bpmnModule.removeProcess(id, this);
+ }
+ };
+ Diagram.prototype.pasteCommand = function () {
+ this.paste();
+ };
+ /**
+ * Adds the given objects/ the objects in the diagram clipboard to diagram control \
+ *
+ * @returns { void } Remove a process from the sub-process.\
+ * @param {NodeModel[] | ConnectorModel[]} obj - Defines the objects to be added to diagram
+
+ *
+ */
+ Diagram.prototype.paste = function (obj) {
+ this.commandHandler.paste(obj);
+ };
+ /**
+ * fit the diagram to the page with respect to mode and region \
+ *
+ * @returns { void } fit the diagram to the page with respect to mode and region.\
+ * @param {IFitOptions} options - provide the options value.
+ *
+ */
+ Diagram.prototype.fitToPage = function (options) {
+ var attribute = this.getZoomingAttribute();
+ this.updateBlazorDiagramProperties(attribute);
+ this.scroller.fitToPage(options);
+ this.updateBlazorDiagramProperties(attribute, true);
+ };
+ /**
+ * bring the specified bounds into the viewport \
+ *
+ * @returns { void } bring the specified bounds into the viewport.\
+ * @param {Rect} bound - provide the bound value.
+ *
+ */
+ Diagram.prototype.bringIntoView = function (bound) {
+ var attribute = this.getZoomingAttribute();
+ this.updateBlazorDiagramProperties(attribute);
+ // EJ2-69238 - add true as an extra parameter to calcuate the horizontal and vertical offset
+ this.scroller.bringIntoView(bound, true);
+ this.updateBlazorDiagramProperties(attribute, true);
+ };
+ /**
+ * bring the specified bounds to the center of the viewport \
+ *
+ * @returns { void } bring the specified bounds to the center of the viewport.\
+ * @param {Rect} bound - provide the bound value.
+ *
+ */
+ Diagram.prototype.bringToCenter = function (bound) {
+ var attribute = this.getZoomingAttribute();
+ this.updateBlazorDiagramProperties(attribute);
+ this.scroller.bringToCenter(bound);
+ this.updateBlazorDiagramProperties(attribute, true);
+ };
+ Diagram.prototype.copyCommand = function () {
+ this.copy();
+ };
+ /**
+ * Copies the selected nodes and connectors to diagram clipboard \
+ *
+ * @returns { Object } Copies the selected nodes and connectors to diagram clipboard.\
+ *
+ */
+ Diagram.prototype.copy = function () {
+ var obj = this.commandHandler.copy();
+ return obj;
+ };
+ /**
+ * Group the selected nodes and connectors in diagram \
+ *
+ * @returns { void } Group the selected nodes and connectors in diagram.\
+ *
+ */
+ Diagram.prototype.group = function () {
+ var selectedItems = [];
+ selectedItems = this.selectedItems.nodes;
+ selectedItems = selectedItems.concat(this.selectedItems.connectors);
+ if (selectedItems.length > 1) {
+ this.callBlazorModel = false;
+ this.insertBlazorDiagramObjects(this.selectedItems);
+ this.commandHandler.group();
+ this.callBlazorModel = true;
+ this.commandHandler.getBlazorOldValues();
+ }
+ };
+ /**
+ * UnGroup the selected nodes and connectors in diagram \
+ *
+ * @returns { void } UnGroup the selected nodes and connectors in diagram.\
+ *
+ */
+ Diagram.prototype.unGroup = function () {
+ this.callBlazorModel = false;
+ this.insertBlazorDiagramObjects(this.selectedItems);
+ this.commandHandler.unGroup();
+ this.callBlazorModel = true;
+ this.commandHandler.getBlazorOldValues();
+ };
+ /**
+ * send the selected nodes or connectors back \
+ *
+ * @returns { void } send the selected nodes or connectors back.\
+ *
+ */
+ Diagram.prototype.sendToBack = function () {
+ this.commandHandler.sendToBack();
+ };
+ /**
+ * set the active layer\
+ *
+ * @returns { void } set the active layer.\
+ * @param {string} layerName - defines the name of the layer which is to be active layer.
+ *
+ */
+ Diagram.prototype.setActiveLayer = function (layerName) {
+ var layer = this.commandHandler.getLayer(layerName);
+ this.activeLayer = layer;
+ };
+ /**
+ * add the layer into diagram\
+ *
+ * @returns { void } add the layer into diagram.\
+ * @param {LayerModel} layer - defines the layer model which is to be added
+ * @param {Object[]} layerObject - defines the object of the layer
+ * @blazorArgsType layer|DiagramLayer
+
+ *
+ */
+ Diagram.prototype.addLayer = function (layer, layerObject) {
+ this.commandHandler.addLayer(layer, layerObject);
+ };
+ /* eslint-disable */
+ /**
+ * @private
+ */
+ Diagram.prototype.addDiagramLayer = function (layer, layerObject) {
+ this.commandHandler.addLayer(layer, layerObject, false);
+ };
+ /**
+ * remove the layer from diagram \
+ *
+ * @returns { void } remove the layer from diagram.\
+ * @param {string} layerId - provide the bound value.
+
+ *
+ */
+ Diagram.prototype.removeLayer = function (layerId) {
+ this.commandHandler.removeLayer(layerId, Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])());
+ };
+ /**
+ * @private
+ */
+ Diagram.prototype.removeDiagramLayer = function (layerId) {
+ this.commandHandler.removeLayer(layerId, false);
+ };
+ /* eslint-enable */
+ /**
+ * move objects from the layer to another layer from diagram\
+ *
+ * @returns { void } move objects from the layer to another layer from diagram.\
+ * @param {string[]} objects - define the objects id of string array
+ * @param {string} targetLayer - define the objects id of string array
+ *
+ */
+ Diagram.prototype.moveObjects = function (objects, targetLayer) {
+ var oldValues = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.layers);
+ this.enableServerDataBinding(false);
+ this.commandHandler.moveObjects(objects, targetLayer);
+ var result = this.commandHandler.deepDiffer.map(oldValues, Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.layers));
+ var diffValue = this.commandHandler.deepDiffer.frameObject({}, result);
+ this.oldDiagramObject = { layers: diffValue };
+ this.commandHandler.updateBlazorProperties();
+ };
+ /* tslint:disable */
+ Diagram.prototype.layerObjectUpdate = function () {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.enableServerDataBinding(false);
+ this.oldDiagramObject['layers'] = [];
+ for (var i = 0; i < this.layers.length; i++) {
+ // tslint:disable-next-line:no-any
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var leyerObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.layers[parseInt(i.toString(), 10)]);
+ leyerObject.sfIndex = this.layers[parseInt(i.toString(), 10)].zIndex;
+ this.oldDiagramObject['layers'].push(leyerObject);
+ }
+ }
+ };
+ /* tslint:enable */
+ /**
+ * move the layer backward \
+ *
+ * @returns { void } move the layer backward .\
+ * @param {string} layerName - define the name of the layer
+ * @param {string} targetLayer - define the objects id of string array
+ *
+ */
+ Diagram.prototype.sendLayerBackward = function (layerName) {
+ this.layerObjectUpdate();
+ this.commandHandler.sendLayerBackward(layerName);
+ this.commandHandler.updateLayerObject(this.oldDiagramObject, true);
+ };
+ /**
+ * move the layer forward \
+ *
+ * @returns { void } move the layer forward.\
+ * @param {string} layerName - define the name of the layer
+ *
+ */
+ Diagram.prototype.bringLayerForward = function (layerName) {
+ this.layerObjectUpdate();
+ this.commandHandler.bringLayerForward(layerName);
+ this.commandHandler.updateLayerObject(this.oldDiagramObject);
+ };
+ /**
+ *clone a layer with its object \
+ *
+ * @returns { void } move the layer forward.\
+ * @param {string} layerName - define the name of the layer
+ *
+ */
+ Diagram.prototype.cloneLayer = function (layerName) {
+ this.commandHandler.cloneLayer(layerName);
+ };
+ /**
+ *bring the selected nodes or connectors to front \
+ *
+ * @returns { void } move the layer forward.\
+ *
+ */
+ Diagram.prototype.bringToFront = function () {
+ this.commandHandler.bringToFront();
+ };
+ /**
+ *send the selected nodes or connectors forward \
+ *
+ * @returns { void } send the selected nodes or connectors forward.\
+ *
+ */
+ Diagram.prototype.moveForward = function () {
+ this.commandHandler.sendForward();
+ };
+ /**
+ *send the selected nodes or connectors back\
+ *
+ * @returns { void } send the selected nodes or connectors back.\
+ *
+ */
+ Diagram.prototype.sendBackward = function () {
+ this.commandHandler.sendBackward();
+ };
+ /**
+ *gets the node or connector having the given name \
+ *
+ * @returns { void } gets the node or connector having the given name.\
+ * @param {string} name - define the name of the layer
+ *
+ */
+ Diagram.prototype.getObject = function (name) {
+ return this.nameTable["" + name];
+ };
+ /**
+ * gets the node object for the given node ID \
+ *
+ * @returns { void } gets the node object for the given node ID.\
+ * @param {string} id - define the name of the layer
+ *
+ */
+ Diagram.prototype.getNodeObject = function (id) {
+ return Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.nameTable["" + id]);
+ };
+ /**
+ *gets the connector object for the given node ID \
+ *
+ * @returns { void } gets the connector object for the given node ID.\
+ * @param {string} id - define the name of the layer
+ *
+ */
+ Diagram.prototype.getConnectorObject = function (id) {
+ return Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.nameTable["" + id]);
+ };
+ /**
+ * gets the active layer back \
+ *
+ * @returns { void } gets the active layer back.\
+ *
+ */
+ Diagram.prototype.getActiveLayer = function () {
+ return this.activeLayer;
+ };
+ Diagram.prototype.nudgeCommand = function (direction, x, y) {
+ if (typeof direction !== 'object' && (this.selectedItems.nodes.length || this.selectedItems.connectors.length) > 0) {
+ var type = void 0;
+ if (x.type && x.type === 'KEYDOWN') {
+ type = x.type;
+ }
+ this.nudge(direction, undefined, undefined, type);
+ }
+ };
+ /**
+ * Moves the selected objects towards the given direction
+ *
+ * @returns { void } Moves the selected objects towards the given direction .\
+ * @param {NudgeDirection} direction - Defines the direction by which the objects have to be moved
+ * @param {number} x - Defines the distance by which the selected objects have to be horizontally moved
+ * @param {number} y - Defines the distance by which the selected objects have to be vertically moved
+ */
+ Diagram.prototype.nudge = function (direction, x, y, type) {
+ var tx = 0;
+ var ty = 0;
+ var negativeDirection;
+ if (direction === 'Left' || direction === 'Right') {
+ negativeDirection = (direction === 'Left');
+ tx = (negativeDirection ? -1 : 1) * (x ? x : 1);
+ }
+ else {
+ negativeDirection = (direction === 'Up');
+ ty = (negativeDirection ? -1 : 1) * (y ? y : 1);
+ }
+ if (type === 'KEYDOWN') {
+ tx *= 5;
+ ty *= 5;
+ }
+ var obj = this.selectedItems;
+ var annotation = this.selectedItems.wrapper.children[0];
+ if (annotation instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_16__["TextElement"]) {
+ this.commandHandler.labelDrag(obj.nodes[0], annotation, tx, ty);
+ }
+ else {
+ var undoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.selectedItems);
+ this.protectPropertyChange(true);
+ this.drag(obj, tx, ty);
+ this.protectPropertyChange(false);
+ var entry = {
+ type: 'PositionChanged',
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.selectedItems), undoObject: undoObject, category: 'Internal'
+ };
+ this.addHistoryEntry(entry);
+ }
+ this.refreshCanvasLayers();
+ };
+ Diagram.prototype.insertBlazorDiagramObjects = function (actualObject) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && !(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].interaction)) {
+ this.enableServerDataBinding(false);
+ if (actualObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Selector"]) {
+ for (var i = 0; i < actualObject.nodes.length; i++) {
+ this.insertBlazorDiagramObjects(actualObject.nodes[parseInt(i.toString(), 10)]);
+ }
+ for (var i = 0; i < actualObject.connectors.length; i++) {
+ this.insertBlazorDiagramObjects(actualObject.connectors[parseInt(i.toString(), 10)]);
+ }
+ }
+ if (!(actualObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Selector"])) {
+ //let object: object;
+ if (actualObject && actualObject.children && actualObject.children.length > 0) {
+ for (var i = 0; i < actualObject.children.length; i++) {
+ this.insertBlazorDiagramObjects(this.nameTable[actualObject.children[parseInt(i.toString(), 10)]]);
+ }
+ }
+ var object = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.nameTable[actualObject.id]);
+ this.insertValue(object, !(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(actualObject) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]));
+ }
+ }
+ };
+ /**
+ * Drags the given object by the specified pixels
+ *
+ * @returns { void } Drags the given object by the specified pixels .\
+ * @param {NodeModel | ConnectorModel | SelectorModel} obj - Defines the nodes/connectors to be dragged
+ * @param {number} tx - Defines the distance by which the given objects have to be horizontally moved
+ * @param {number} ty - Defines the distance by which the given objects have to be vertically moved
+ */
+ Diagram.prototype.drag = function (obj, tx, ty) {
+ this.insertBlazorDiagramObjects(obj);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && obj.id) {
+ obj = this.nameTable[obj.id] || obj;
+ }
+ if (this.bpmnModule && (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"])) {
+ var updated = this.bpmnModule.updateAnnotationDrag(obj, this, tx, ty);
+ if (updated) {
+ return;
+ }
+ }
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Selector"]) {
+ this.preventConnectorsUpdate = true;
+ if (obj.nodes && obj.nodes.length) {
+ for (var _i = 0, _a = obj.nodes; _i < _a.length; _i++) {
+ var node = _a[_i];
+ this.callBlazorModel = false;
+ this.drag(node, tx, ty);
+ if (node.parentId) {
+ var parent_1 = this.nameTable[node.parentId];
+ if (parent_1.isLane) {
+ var swimlane = this.nameTable[parent_1.parentId];
+ Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_38__["updateLaneBoundsAfterAddChild"])(parent_1, swimlane, node, this);
+ }
+ }
+ }
+ this.callBlazorModel = true;
+ }
+ if (obj.connectors && obj.connectors.length) {
+ this.callBlazorModel = false;
+ for (var _b = 0, _c = obj.connectors; _b < _c.length; _b++) {
+ var conn = _c[_b];
+ this.drag(conn, tx, ty);
+ if (this.selectionConnectorsList.indexOf(conn) === -1) {
+ this.selectionConnectorsList.push(conn);
+ }
+ }
+ this.callBlazorModel = true;
+ }
+ this.updateSelector();
+ if ((this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].DragUsingMouse)) {
+ this.updatePage();
+ }
+ }
+ else {
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ if (this.bpmnModule) {
+ this.bpmnModule.updateAnnotationDrag(obj, this, tx, ty);
+ }
+ }
+ this.commandHandler.drag(obj, tx, ty);
+ }
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Selector"]) {
+ this.preventConnectorsUpdate = false;
+ for (var _d = 0, _e = this.selectionConnectorsList; _d < _e.length; _d++) {
+ var connectors = _e[_d];
+ this.updateConnectorProperties(this.nameTable[connectors.id]);
+ if (connectors.shape.type === 'Bpmn' && connectors.shape.sequence === 'Default' && connectors.shape.flow === 'Sequence') {
+ this.commandHandler.updatePathElementOffset(connectors);
+ }
+ }
+ this.selectionConnectorsList = [];
+ }
+ // Bug 832880: Need to improve performance while nudging multiple nodes.
+ // Removed one if condition here to improve performance.
+ if (this.callBlazorModel && (!(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].interaction)) &&
+ (!(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupClipboardInProcess))) {
+ this.commandHandler.getBlazorOldValues();
+ }
+ };
+ Diagram.prototype.disableStackContainerPadding = function (wrapper, disable) {
+ if (wrapper instanceof _core_containers_stack_panel__WEBPACK_IMPORTED_MODULE_43__["StackPanel"]) {
+ wrapper.considerPadding = disable;
+ }
+ if (wrapper.children) {
+ for (var _i = 0, _a = wrapper.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ this.disableStackContainerPadding(child, false);
+ }
+ }
+ };
+ /**
+ * Scales the given objects by the given ratio
+ *
+ * @returns { void } Scales the given objects by the given ratio .\
+ * @param {NodeModel | ConnectorModel | SelectorModel} obj - Defines the objects to be resized
+ * @param {number} sx - Defines the ratio by which the objects have to be horizontally scaled
+ * @param {number} sy - Defines the ratio by which the objects have to be vertically scaled
+ * @param {PointModel} pivot - Defines the reference point with respect to which the objects will be resized
+ */
+ Diagram.prototype.scale = function (obj, sx, sy, pivot) {
+ this.disableStackContainerPadding(obj.wrapper, false);
+ this.insertBlazorDiagramObjects(obj);
+ var checkBoundaryConstraints = true;
+ if (obj.id) {
+ obj = this.nameTable[obj.id] || obj;
+ }
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Selector"]) {
+ if (obj.nodes && obj.nodes.length) {
+ this.callBlazorModel = false;
+ for (var _i = 0, _a = obj.nodes; _i < _a.length; _i++) {
+ var node = _a[_i];
+ checkBoundaryConstraints = this.commandHandler.scale(node, sx, sy, pivot, obj);
+ if (!this.commandHandler.checkBoundaryConstraints(undefined, undefined, obj.wrapper.bounds)) {
+ this.commandHandler.scale(node, 1 / sx, 1 / sy, pivot, obj);
+ }
+ }
+ this.callBlazorModel = true;
+ }
+ if (obj.connectors && obj.connectors.length) {
+ this.callBlazorModel = false;
+ for (var _b = 0, _c = obj.connectors; _b < _c.length; _b++) {
+ var conn = _c[_b];
+ this.commandHandler.scale(conn, sx, sy, pivot, obj);
+ if (!this.commandHandler.checkBoundaryConstraints(undefined, undefined, obj.wrapper.bounds)) {
+ this.commandHandler.scale(conn, 1 / sx, 1 / sy, pivot, obj);
+ }
+ }
+ this.callBlazorModel = true;
+ }
+ var selector = this.selectedItems;
+ if (!(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["selectionHasConnector"])(this, selector))) {
+ this.updateSelector();
+ }
+ this.refreshCanvasLayers();
+ }
+ else {
+ this.commandHandler.scale(obj, sx, sy, pivot, (obj.children ? obj : undefined));
+ }
+ if (this.callBlazorModel && (!(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].interaction)) &&
+ (!(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupClipboardInProcess))) {
+ this.commandHandler.getBlazorOldValues();
+ }
+ this.disableStackContainerPadding(obj.wrapper, true);
+ return checkBoundaryConstraints;
+ };
+ /**
+ * Rotates the given nodes/connectors by the given angle
+ *
+ * @returns { void } Rotates the given nodes/connectors by the given angle .\
+ * @param {NodeModel | ConnectorModel | SelectorModel} obj - Defines the objects to be rotated
+ * @param {number} angle - Defines the angle by which the objects have to be rotated
+ * @param {PointModel} pivot - Defines the reference point with reference to which the objects have to be rotated
+ */
+ Diagram.prototype.rotate = function (obj, angle, pivot) {
+ this.insertBlazorDiagramObjects(obj);
+ var checkBoundaryConstraints;
+ if (obj.id) {
+ obj = this.nameTable[obj.id] || obj;
+ }
+ if (obj) {
+ pivot = pivot || { x: obj.wrapper.offsetX, y: obj.wrapper.offsetY };
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Selector"]) {
+ this.callBlazorModel = false;
+ obj.rotateAngle += angle;
+ obj.wrapper.rotateAngle += angle;
+ var bounds = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["getBounds"])(obj.wrapper);
+ checkBoundaryConstraints = this.commandHandler.checkBoundaryConstraints(undefined, undefined, bounds);
+ if (!checkBoundaryConstraints) {
+ obj.rotateAngle -= angle;
+ obj.wrapper.rotateAngle -= angle;
+ return checkBoundaryConstraints;
+ }
+ var objects = [];
+ objects = objects.concat(obj.nodes);
+ objects = objects.concat(obj.connectors);
+ this.commandHandler.rotateObjects(obj, objects, angle, pivot);
+ this.callBlazorModel = true;
+ }
+ else {
+ this.commandHandler.rotateObjects(obj, [obj], angle, pivot);
+ }
+ }
+ if (this.callBlazorModel && (!(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].interaction))) {
+ this.commandHandler.getBlazorOldValues();
+ }
+ return checkBoundaryConstraints;
+ };
+ /**
+ * Moves the source point of the given connector
+ *
+ * @returns { void } Moves the source point of the given connector .\
+ * @param {ConnectorModel} obj - Defines the connector, the end points of which has to be moved
+ * @param {number} tx - Defines the distance by which the end point has to be horizontally moved
+ * @param {number} ty - Defines the distance by which the end point has to be vertically moved
+ */
+ Diagram.prototype.dragSourceEnd = function (obj, tx, ty) {
+ this.insertBlazorDiagramObjects(obj);
+ this.commandHandler.dragSourceEnd(obj, tx, ty);
+ if (this.callBlazorModel) {
+ this.commandHandler.getBlazorOldValues();
+ }
+ };
+ /**
+ * Moves the target point of the given connector
+ *
+ * @returns { void } Moves the target point of the given connector.\
+ * @param {ConnectorModel} obj - Defines the connector, the end points of which has to be moved
+ * @param {number} tx - Defines the distance by which the end point has to be horizontally moved
+ * @param {number} ty - Defines the distance by which the end point has to be vertically moved
+ */
+ Diagram.prototype.dragTargetEnd = function (obj, tx, ty) {
+ this.insertBlazorDiagramObjects(obj);
+ this.commandHandler.dragTargetEnd(obj, tx, ty);
+ if (this.callBlazorModel) {
+ this.commandHandler.getBlazorOldValues();
+ }
+ };
+ /**
+ * Finds all the objects that is under the given mouse position
+ *
+ * @returns { void } Finds all the objects that is under the given mouse position.\
+ * @param {PointModel} position - Defines the position, the objects under which has to be found
+ * @param {IElement} source - Defines the object, the objects under which has to be found
+ */
+ Diagram.prototype.findObjectsUnderMouse = function (position, source) {
+ return this.eventHandler.findObjectsUnderMouse(position, source);
+ };
+ /**
+ * Finds the object that is under the given mouse position
+ *
+ * @returns { void } Finds the object that is under the given mouse position.\
+ * @param {NodeModel[] | ConnectorModel[]}objects - Defines the collection of objects, from which the object has to be found.
+ * @param {Actions} action - Defines the action, using which the relevant object has to be found.
+ * @param {boolean} inAction - Defines the active state of the action.
+ */
+ Diagram.prototype.findObjectUnderMouse = function (objects, action, inAction) {
+ return this.eventHandler.findObjectUnderMouse(objects, action, inAction);
+ };
+ /**
+ * Finds the object that is under the given active object (Source)
+ *
+ * @returns { void } Finds the object that is under the given active object (Source) .\
+ * @param {NodeModel[] | ConnectorModel[]} objects - Defines the collection of objects, from which the object has to be found.
+ * @param {Actions} action - Defines the action, using which the relevant object has to be found.
+ * @param {boolean} inAction - Defines the active state of the action.
+ * @param {PointModel} position - Defines the position.
+ * @param {IElement} source - Defines the source.
+ */
+ Diagram.prototype.findTargetObjectUnderMouse = function (objects, action, inAction, position, source) {
+ return this.eventHandler.findTargetUnderMouse(objects, action, inAction, position, source);
+ };
+ /**
+ * Finds the child element of the given object at the given position
+ *
+ * @returns { void } Finds the child element of the given object at the given position .\
+ * @param {IElement} obj - Defines the object, the child element of which has to be found
+ * @param {PointModel} position - Defines the position, the child element under which has to be found
+ * @param {number} padding - Defines the padding, the child element under which has to be found
+ */
+ Diagram.prototype.findElementUnderMouse = function (obj, position, padding) {
+ return this.eventHandler.findElementUnderMouse(obj, position, padding);
+ };
+ /**
+ * Defines the action to be done, when the mouse hovers the given element of the given object
+ *
+ * @returns { void } Defines the action to be done, when the mouse hovers the given element of the given object .\
+ * @param {NodeModel | ConnectorModel} obj - Defines the object under mouse
+ * @param {DiagramElement} wrapper - Defines the target element of the object under mouse
+ * @param {PointModel} position - Defines the current mouse position
+ * @param { NodeModel | PointPortModel | ShapeAnnotationModel | PathAnnotationModel} target - Defines the target
+ * @private
+ */
+ Diagram.prototype.findActionToBeDone = function (obj, wrapper, position, target) {
+ return this.eventHandler.findActionToBeDone(obj, wrapper, position, target);
+ };
+ /**
+ * Returns the tool that handles the given action
+ *
+ * @returns { ToolBase } Returns the tool that handles the given action \
+ * @param {string} action - Defines the action that is going to be performed
+ */
+ Diagram.prototype.getTool = function (action) {
+ var tool;
+ var getCustomTool = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["getFunction"])(this.getCustomTool);
+ if (getCustomTool) {
+ tool = getCustomTool(action);
+ if (tool) {
+ return tool;
+ }
+ }
+ return this.eventHandler.getTool(action);
+ };
+ /**
+ * Defines the cursor that corresponds to the given action
+ *
+ * @returns { string } Defines the cursor that corresponds to the given action \
+ * @param {string} action - Defines the action that is going to be performed
+ * @param {boolean} active - Defines the active
+ */
+ Diagram.prototype.getCursor = function (action, active) {
+ var cursor;
+ var getCustomCursor = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["getFunction"])(this.getCustomCursor);
+ if (getCustomCursor) {
+ cursor = getCustomCursor(action, active);
+ if (cursor) {
+ return cursor;
+ }
+ }
+ if (this.customCursor.length) {
+ for (var i = 0; i < this.customCursor.length; i++) {
+ if (this.customCursor[parseInt(i.toString(), 10)].action === action) {
+ return this.customCursor[parseInt(i.toString(), 10)].cursor;
+ }
+ }
+ }
+ return this.eventHandler.getCursor(action);
+ };
+ /**
+ * Initializes the undo redo actions
+ *
+ * @returns { void } Initializes the undo redo actions \
+ * @private
+ */
+ Diagram.prototype.initHistory = function () {
+ if (this.undoRedoModule) {
+ this.undoRedoModule.initHistory(this);
+ }
+ };
+ /**
+ * Adds the given change in the diagram control to the track
+ *
+ * @returns { void } Adds the given change in the diagram control to the track \
+ * @param {HistoryEntry} entry - Defines the entry/information about a change in diagram
+ * @param {string[]} sourceId - Defines the source id
+ */
+ Diagram.prototype.addHistoryEntry = function (entry, sourceId) {
+ if (this.undoRedoModule && (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].UndoRedo)
+ && (!this.currentSymbol || this.checkCurrentSymbol(this.currentSymbol, entry))) {
+ if (entry.undoObject && entry.undoObject.id === 'helper') {
+ return;
+ }
+ this.undoRedoModule.addHistoryEntry(entry, this);
+ if (entry.type !== 'StartGroup' && entry.type !== 'EndGroup') {
+ this.historyChangeTrigger(entry, 'CustomAction', sourceId);
+ }
+ }
+ };
+ Diagram.prototype.checkCurrentSymbol = function (currentSymbol, entry) {
+ var check = false;
+ if (entry.undoObject && entry.redoObject) {
+ var undoObjects = entry.undoObject;
+ var redoObject = entry.undoObject;
+ if (redoObject.id && undoObjects.id && redoObject.id !== currentSymbol.id && undoObjects.id !== currentSymbol.id) {
+ return check = true;
+ }
+ else {
+ return check;
+ }
+ }
+ return check;
+ };
+ /**
+ * Adds the given custom change in the diagram control to the track
+ *
+ * @returns { void } Adds the given custom change in the diagram control to the track \
+ * @param {HistoryEntry} entry - Defines the entry/information about a change in diagram
+ */
+ Diagram.prototype.addCustomHistoryEntry = function (entry) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && this.undoRedoModule && (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].UndoRedo)) {
+ entry.type = undefined;
+ entry.category = 'External';
+ this.undoRedoModule.addHistoryEntry(entry, this);
+ }
+ };
+ /* eslint-disable */
+ /** @private */
+ Diagram.prototype.historyChangeTrigger = function (entry, action, sourceId) {
+ var change = {};
+ /* eslint-enable */
+ var oldValue = 'oldValue';
+ var newValue = 'newValue';
+ var type = 'type';
+ var entryType = 'entryType';
+ var source = [];
+ if (entry.category === 'Internal') {
+ if (entry && entry.redoObject && ((entry.redoObject.nodes) instanceof Array) &&
+ ((entry.redoObject.connectors) instanceof Array)) {
+ source = entry.redoObject.nodes.concat(entry.redoObject.connectors);
+ }
+ else {
+ if (entry.redoObject) {
+ source.push(entry.redoObject);
+ }
+ }
+ change["" + type] = entry.type;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ change["" + entryType] = entry.type;
+ }
+ switch (entry.type) {
+ case 'PositionChanged':
+ change["" + oldValue] = {
+ offsetX: entry.undoObject.offsetX,
+ offsetY: entry.undoObject.offsetY
+ };
+ change["" + newValue] = {
+ offsetX: entry.redoObject.offsetX,
+ offsetY: entry.redoObject.offsetY
+ };
+ break;
+ case 'RotationChanged':
+ change["" + oldValue] = { rotateAngle: entry.undoObject.rotateAngle };
+ change["" + newValue] = { rotateAngle: entry.redoObject.rotateAngle };
+ break;
+ case 'SizeChanged':
+ change["" + oldValue] = {
+ offsetX: entry.undoObject.offsetX, offsetY: entry.undoObject.offsetY,
+ width: entry.undoObject.width, height: entry.undoObject.height
+ };
+ change["" + newValue] = {
+ offsetX: entry.redoObject.offsetX, offsetY: entry.redoObject.offsetY,
+ width: entry.redoObject.width, height: entry.redoObject.height
+ };
+ break;
+ case 'CollectionChanged':
+ change[entry.changeType] = source;
+ break;
+ case 'ConnectionChanged':
+ change["" + oldValue] = {
+ offsetX: entry.undoObject.offsetX,
+ offsetY: entry.undoObject.offsetY
+ };
+ change["" + newValue] = {
+ offsetX: entry.redoObject.offsetX,
+ offsetY: entry.redoObject.offsetY
+ };
+ break;
+ }
+ /**Feature(EJ2-60228): Need to add Object ID in the history change event argument*/
+ var arg = void 0;
+ var nodeSourceId = [];
+ var connectorSourceId = [];
+ if (sourceId === undefined && entry.type === 'PropertyChanged') {
+ for (var i = 0; i < Object.keys(entry.undoObject).length; i++) {
+ if (Object.keys(entry.undoObject)[parseInt(i.toString(), 10)] === 'nodes') {
+ for (var _i = 0, _a = Object.keys(entry.undoObject.nodes); _i < _a.length; _i++) {
+ var key = _a[_i];
+ var undoIndex = parseInt(key);
+ nodeSourceId.push(this.nodes[parseInt(undoIndex.toString(), 10)].id);
+ }
+ }
+ }
+ for (var i = 0; i < Object.keys(entry.undoObject).length; i++) {
+ if (Object.keys(entry.undoObject)[parseInt(i.toString(), 10)] === 'connectors') {
+ for (var _b = 0, _c = Object.keys(entry.undoObject.connectors); _b < _c.length; _b++) {
+ var key = _c[_b];
+ var undoIndex = parseInt(key);
+ connectorSourceId.push(this.connectors[parseInt(undoIndex.toString(), 10)].id);
+ }
+ }
+ }
+ sourceId = nodeSourceId.concat(connectorSourceId);
+ }
+ arg = {
+ cause: entry.category, source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(source), change: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(change),
+ action: action, sourceId: sourceId
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ arg = {
+ cause: entry.category, change: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(change),
+ source: { connectors: undefined, nodes: undefined }, action: action
+ };
+ var sourceValue = arg.source;
+ sourceValue.connectors = [];
+ sourceValue.nodes = [];
+ var object = void 0;
+ for (var i = 0; i < source.length; i++) {
+ object = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(source[parseInt(i.toString(), 10)]);
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(source[parseInt(i.toString(), 10)]) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) ?
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ (sourceValue.connectors.push(object)) : (sourceValue.nodes.push(object));
+ }
+ arg.source = sourceValue;
+ }
+ if (source.length) {
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].historyChange, arg);
+ }
+ }
+ };
+ /**
+ * Starts grouping the actions that will be undone/restored as a whole
+ *
+ * @returns { void } Starts grouping the actions that will be undone/restored as a whole\
+ */
+ Diagram.prototype.startGroupAction = function () {
+ var entry = { type: 'StartGroup', category: 'Internal' };
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) {
+ this.addHistoryEntry(entry);
+ }
+ };
+ /**
+ * Closes grouping the actions that will be undone/restored as a whole
+ *
+ * @returns { void } Closes grouping the actions that will be undone/restored as a whole .\
+ */
+ Diagram.prototype.endGroupAction = function () {
+ var entry = { type: 'EndGroup', category: 'Internal' };
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) {
+ this.addHistoryEntry(entry);
+ }
+ };
+ /**
+ * Restores the last action that is performed
+ *
+ * @returns { void } Restores the last action that is performed .\
+ */
+ Diagram.prototype.undo = function () {
+ this.canEnableBlazorObject = true;
+ this.callBlazorModel = false;
+ if (this.undoRedoModule && (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].UndoRedo)) {
+ this.undoRedoModule.undo(this);
+ }
+ this.commandHandler.getBlazorOldValues();
+ this.callBlazorModel = true;
+ this.canEnableBlazorObject = false;
+ };
+ /**
+ * Restores the last undone action
+ *
+ * @returns { void } Restores the last undone action .\
+ */
+ Diagram.prototype.redo = function () {
+ this.canEnableBlazorObject = true;
+ this.callBlazorModel = false;
+ if (this.undoRedoModule && (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].UndoRedo)) {
+ this.undoRedoModule.redo(this);
+ }
+ this.commandHandler.getBlazorOldValues();
+ this.callBlazorModel = true;
+ this.canEnableBlazorObject = false;
+ };
+ Diagram.prototype.getBlazorDiagramObjects = function (objects) {
+ if (objects) {
+ for (var j = 0; j < objects.length; j++) {
+ this.insertBlazorDiagramObjects(objects[parseInt(j.toString(), 10)]);
+ }
+ }
+ else {
+ this.insertBlazorDiagramObjects(this.selectedItems);
+ }
+ this.callBlazorModel = false;
+ this.canEnableBlazorObject = true;
+ };
+ /**
+ * Aligns the group of objects to with reference to the first object in the group
+ *
+ * @returns { void } Aligns the group of objects to with reference to the first object in the group .\
+ * @param {AlignmentOptions}option - Defines the factor, by which the objects have to be aligned
+ * @param {NodeModel[] | ConnectorModel[]} objects - Defines the objects that have to be aligned
+ * @param {AlignmentMode} type - Defines the type to be aligned
+ */
+ Diagram.prototype.align = function (option, objects, type) {
+ this.getBlazorDiagramObjects(objects);
+ if (!objects) {
+ objects = [];
+ objects = objects.concat(this.selectedItems.nodes, this.selectedItems.connectors);
+ }
+ this.diagramActions = this.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod;
+ this.commandHandler.align(objects, option, (type ? type : 'Object'));
+ this.commandHandler.getBlazorOldValues();
+ this.callBlazorModel = true;
+ this.canEnableBlazorObject = false;
+ };
+ /**
+ * Arranges the group of objects with equal intervals, but within the group of objects
+ *
+ * @returns { void } Arranges the group of objects with equal intervals, but within the group of objects .\
+ * @param {NodeModel[] | ConnectorModel[]} option - Defines the factor to distribute the shapes
+ * @param {DistributeOptions} objects - Defines the objects that have to be equally spaced
+ */
+ Diagram.prototype.distribute = function (option, objects) {
+ this.getBlazorDiagramObjects(objects);
+ if (!objects) {
+ objects = [];
+ objects = objects.concat(this.selectedItems.nodes, this.selectedItems.connectors);
+ }
+ this.diagramActions = this.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod;
+ this.commandHandler.distribute(objects, option);
+ this.commandHandler.getBlazorOldValues();
+ this.canEnableBlazorObject = false;
+ this.callBlazorModel = true;
+ };
+ /**
+ * Scales the given objects to the size of the first object in the group
+ *
+ * @returns { void } Scales the given objects to the size of the first object in the group .\
+ * @param {SizingOptions} option - Defines whether the node has to be horizontally scaled, vertically scaled or both
+ * @param {NodeModel[] | ConnectorModel[]}objects - Defines the collection of objects that have to be scaled
+ */
+ Diagram.prototype.sameSize = function (option, objects) {
+ this.getBlazorDiagramObjects(objects);
+ if (!objects) {
+ objects = [];
+ objects = objects.concat(this.selectedItems.nodes, this.selectedItems.connectors);
+ }
+ this.diagramActions = this.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod;
+ this.commandHandler.sameSize(objects, option);
+ this.commandHandler.getBlazorOldValues();
+ this.canEnableBlazorObject = false;
+ this.callBlazorModel = true;
+ };
+ Diagram.prototype.updateBlazorDiagramProperties = function (attribute, canCall) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && !canCall) {
+ //Need to send the client changes into server side for public APIs changes.
+ var isServerDataBindEnabled = this.allowServerDataBinding;
+ this.enableServerDataBinding(true);
+ for (var i = 0; i < attribute.length; i++) {
+ this.oldDiagramObject[attribute[parseInt(i.toString(), 10)]] = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this[attribute[parseInt(i.toString(), 10)]]);
+ }
+ this.enableServerDataBinding(isServerDataBindEnabled);
+ }
+ if (canCall) {
+ this.commandHandler.getDiagramOldValues(this.oldDiagramObject, attribute);
+ }
+ };
+ Diagram.prototype.getZoomingAttribute = function () {
+ var attribute = [];
+ attribute.push('scrollSettings');
+ attribute.push('snapSettings');
+ return attribute;
+ };
+ /**
+ * Scales the diagram control by the given factor
+ *
+ * @returns { void } Scales the diagram control by the given factor .\
+ * @param {number} factor - Defines the factor by which the diagram is zoomed
+ * @param {PointModel} focusedPoint - Defines the point with respect to which the diagram has to be zoomed
+ */
+ Diagram.prototype.zoom = function (factor, focusedPoint) {
+ var attribute = this.getZoomingAttribute();
+ this.updateBlazorDiagramProperties(attribute);
+ this.scroller.zoom(factor, 0, 0, focusedPoint);
+ if (!(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].interaction)) {
+ this.updateBlazorDiagramProperties(attribute, true);
+ }
+ };
+ /**
+ * Scales the diagram control by the given factor
+ *
+ * @returns { void } Scales the diagram control by the given factor .\
+ * @param {ZoomOptions} options - used to define the zoom factor, focus point and zoom type.
+ *
+ */
+ Diagram.prototype.zoomTo = function (options) {
+ var attribute = this.getZoomingAttribute();
+ this.updateBlazorDiagramProperties(attribute);
+ var factor = options.zoomFactor ? options.zoomFactor : 0.2;
+ factor = options.type === 'ZoomOut' ? 1 / (1 + factor) : (1 + factor);
+ this.scroller.zoom(factor, 0, 0, options.focusPoint);
+ this.updateBlazorDiagramProperties(attribute, true);
+ };
+ /**
+ * Pans the diagram control to the given horizontal and vertical offsets
+ *
+ * @returns { void } Pans the diagram control to the given horizontal and vertical offsets .\
+ * @param {number} horizontalOffset - Defines the horizontal distance to which the diagram has to be scrolled
+ * @param {number} verticalOffset - Defines the vertical distance to which the diagram has to be scrolled
+ * @param {PointModel} focusedPoint - Provide the focusedPoint value
+ * @param {boolean} isInteractiveZoomPan - Provide the isInteractiveZoomPan value
+ */
+ Diagram.prototype.pan = function (horizontalOffset, verticalOffset, focusedPoint, isInteractiveZoomPan) {
+ var attribute = this.getZoomingAttribute();
+ this.updateBlazorDiagramProperties(attribute);
+ this.setCursor('grabbing');
+ this.scroller.zoom(1, horizontalOffset, verticalOffset, focusedPoint, isInteractiveZoomPan);
+ this.updateBlazorDiagramProperties(attribute, true);
+ };
+ /**
+ * Resets the zoom and scroller offsets to default values
+ *
+ * @returns { void } Resets the zoom and scroller offsets to default values .\
+ */
+ Diagram.prototype.reset = function () {
+ var attribute = this.getZoomingAttribute();
+ this.updateBlazorDiagramProperties(attribute);
+ this.scroller.zoom(1 / this.scroller.currentZoom, -this.scroller.horizontalOffset, -this.scroller.verticalOffset, { x: 0, y: 0 });
+ this.updateBlazorDiagramProperties(attribute, true);
+ };
+ /**
+ * Resets the segments of the connectors
+ *
+ * @returns { void } Resets the segments of the connectors .\
+ */
+ Diagram.prototype.resetSegments = function () {
+ var previousConnectorObject = [];
+ var updateConnectorObject = [];
+ var changeConnectors = [];
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ for (var _i = 0, _a = this.connectors; _i < _a.length; _i++) {
+ var obj = _a[_i];
+ previousConnectorObject.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj, undefined, undefined, true));
+ }
+ }
+ if (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].LineRouting && this.lineRoutingModule) {
+ this.lineRoutingModule.lineRouting(this);
+ }
+ else {
+ this.protectPropertyChange(true);
+ var connector = void 0;
+ for (var i = 0; i < this.connectors.length; i++) {
+ connector = this.connectors[parseInt(i.toString(), 10)];
+ connector.segments = [];
+ this.connectorPropertyChange(connector, {}, { segments: connector.segments });
+ }
+ this.protectPropertyChange(false);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ for (var _b = 0, _c = this.connectors; _b < _c.length; _b++) {
+ var obj = _c[_b];
+ updateConnectorObject.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj, undefined, undefined, true));
+ }
+ this.commandHandler.getObjectChanges(previousConnectorObject, updateConnectorObject, changeConnectors);
+ var blazorInterop = 'sfBlazor';
+ var blazor = 'Blazor';
+ var diagramObject = { nodes: [], connectors: changeConnectors };
+ if (window && window["" + blazor]) {
+ var obj = { 'methodName': 'UpdateBlazorProperties', 'diagramobj': diagramObject };
+ window["" + blazorInterop].updateBlazorProperties(obj, this);
+ }
+ }
+ };
+ /**
+ * setBlazorDiagramProps method
+ *
+ * @returns {void} setBlazorDiagramProps method .\
+ * @param {boolean} arg - provide the eventName value.
+ * @private
+ */
+ Diagram.prototype.setBlazorDiagramProps = function (arg) {
+ var attribute = this.getZoomingAttribute();
+ if (arg) {
+ this.updateBlazorDiagramProperties(attribute);
+ }
+ else {
+ this.updateBlazorDiagramProperties(attribute, true);
+ }
+ };
+ /**
+ * getDirection method
+ *
+ * @returns { Promise } getDirection method .\
+ * @param {DiagramEvent} eventName - provide the eventName value.
+ * @param {Object} args - provide the args value.
+ * @private
+ */
+ Diagram.prototype.triggerEvent = function (eventName, args) {
+ return __awaiter(this, void 0, void 0, function () {
+ var eventArgs;
+ return __generator(this, function (_a) {
+ switch (_a.label) {
+ case 0:
+ if (args) {
+ this.updateEventValue(args);
+ }
+ return [4 /*yield*/, this.trigger(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"]["" + eventName], args)];
+ case 1:
+ eventArgs = _a.sent();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && typeof eventArgs === 'string') {
+ eventArgs = JSON.parse(eventArgs);
+ }
+ return [2 /*return*/, eventArgs];
+ }
+ });
+ });
+ };
+ Diagram.prototype.updateEventValue = function (args) {
+ var element = args.element;
+ if (args.element && element instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Selector"] && (element.nodes.length + element.connectors.length === 1)) {
+ args.element = (element.nodes.length === 1) ? element.nodes[0] : element.connectors[0];
+ }
+ };
+ /**
+ * Adds the given node to the lane
+ *
+ * @returns { void } Adds the given node to the lane .\
+ * @param {NodeModel} node - provide the node value.
+ * @param {string} swimLane - provide the swimLane value.
+ * @param {string} lane - provide the lane value.
+
+ */
+ Diagram.prototype.addNodeToLane = function (node, swimLane, lane) {
+ if (this.nameTable["" + swimLane]) {
+ var swimlaneNode = this.nameTable["" + swimLane];
+ this.protectPropertyChange(true);
+ if (this.undoRedoModule) {
+ this.historyManager.startGroupAction();
+ }
+ if (!this.nameTable[node.id]) {
+ node.offsetX = swimlaneNode.wrapper.bounds.width + swimlaneNode.wrapper.bounds.x;
+ node.offsetY = swimlaneNode.wrapper.bounds.height + swimlaneNode.wrapper.bounds.y;
+ node = this.add(node);
+ }
+ node.parentId = '';
+ if (!swimlaneNode.shape.phases.length) {
+ var laneId = swimLane + lane + '0';
+ if (this.nameTable["" + laneId]) {
+ Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_38__["addChildToContainer"])(this, this.nameTable["" + laneId], node, undefined, true);
+ Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_38__["updateLaneBoundsAfterAddChild"])(this.nameTable["" + laneId], swimlaneNode, node, this);
+ }
+ }
+ else {
+ for (var i = 0; i < swimlaneNode.shape.phases.length; i++) {
+ var laneId = swimLane + lane + i;
+ if (this.nameTable["" + laneId] && this.nameTable["" + laneId].isLane) {
+ var laneNode = this.nameTable["" + laneId].wrapper.bounds;
+ var focusPoint = {
+ x: laneNode.x +
+ (laneNode.x - swimlaneNode.wrapper.bounds.x + node.margin.left + (node.wrapper.bounds.width / 2)),
+ y: laneNode.y + swimlaneNode.wrapper.bounds.y - node.margin.top
+ };
+ if (swimlaneNode.shape.orientation === 'Horizontal') {
+ focusPoint.y = laneNode.y;
+ }
+ else {
+ focusPoint.x = laneNode.x;
+ var laneHeaderId = this.nameTable["" + laneId].parentId +
+ swimlaneNode.shape.lanes[0].id + '_0_header';
+ focusPoint.y = laneNode.y +
+ (swimlaneNode.wrapper.bounds.y - this.nameTable["" + laneHeaderId].wrapper.bounds.height +
+ node.margin.top + (node.wrapper.bounds.height / 2));
+ }
+ if (laneNode.containsPoint(focusPoint) ||
+ (laneId === swimLane + lane + (swimlaneNode.shape.phases.length - 1))) {
+ Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_38__["addChildToContainer"])(this, this.nameTable["" + laneId], node, undefined, true);
+ Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_38__["updateLaneBoundsAfterAddChild"])(this.nameTable["" + laneId], swimlaneNode, node, this);
+ break;
+ }
+ }
+ }
+ }
+ if (this.undoRedoModule) {
+ this.historyManager.endGroupAction();
+ }
+ this.protectPropertyChange(false);
+ }
+ this.updateDiagramElementQuad();
+ };
+ /**
+ * Shows tooltip for corresponding diagram object
+ *
+ * @param {NodeModel | ConnectorModel} obj - Defines the object for that tooltip has to be shown
+ */
+ Diagram.prototype.showTooltip = function (obj) {
+ if (obj && obj.id && !obj.wrapper) {
+ obj = this.nameTable[obj.id];
+ }
+ var bounds = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["getBounds"])(obj.wrapper);
+ var position = { x: 0, y: 0 };
+ var content = obj.tooltip.content ?
+ obj.tooltip.content : 'X:' + Math.round(bounds.x) + ' ' + 'Y:' + Math.round(bounds.y);
+ if (obj && obj.tooltip.openOn === 'Custom') {
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ position = { x: obj.offsetX + (obj.width / 2), y: obj.offsetY + (obj.height / 2) };
+ }
+ else {
+ position = { x: obj.targetPoint.x, y: obj.targetPoint.x };
+ }
+ this.commandHandler.showTooltip(obj, position, content, 'SelectTool', true);
+ }
+ };
+ /**
+ * hides tooltip for corresponding diagram object
+ *
+ * @param {NodeModel | ConnectorModel} obj - Defines the object for that tooltip has to be hide
+ */
+ Diagram.prototype.hideTooltip = function (obj) {
+ if (obj && obj.tooltip.openOn === 'Custom') {
+ this.tooltipObject.close();
+ }
+ };
+ /**
+ * Adds the given node to diagram control
+ *
+ * @returns { Node } getDirection method .\
+ * @param {NodeModel} obj - Defines the node that has to be added to diagram
+ * @param {boolean} group - Defines the node that has to be added to diagram
+ * @blazorArgsType obj|DiagramNode
+ */
+ Diagram.prototype.addNode = function (obj, group) {
+ return this.add(obj, group);
+ };
+ /**
+ * Adds the given diagram object to the group.
+ *
+ * @returns { void } Adds the given diagram object to the group.\
+ * @param {NodeModel} group - defines where the diagram object to be added.
+ * @param {string | NodeModel | ConnectorModel} child - defines the diagram object to be added to the group
+ * @blazorArgsType obj|DiagramNode
+ */
+ Diagram.prototype.addChildToGroup = function (group, child) {
+ var severDataBind = this.allowServerDataBinding;
+ this.enableServerDataBinding(false);
+ var propChange = this.isProtectedOnChange;
+ this.protectPropertyChange(true);
+ group = this.getObject(group.id);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.insertValue(group, true);
+ }
+ var isHistoryAdded = (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo) && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Group) &&
+ !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventHistory));
+ if (isHistoryAdded) {
+ this.startGroupAction();
+ }
+ var id = this.addChild(group, child);
+ if (isHistoryAdded) {
+ var childTable = {};
+ childTable["" + id] = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.getObject(id));
+ var entry = {
+ type: 'AddChildToGroupNode', changeType: 'Insert', undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(group),
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(group), category: 'Internal', objectId: id, childTable: childTable
+ };
+ this.addHistoryEntry(entry);
+ this.endGroupAction();
+ }
+ this.protectPropertyChange(propChange);
+ this.enableServerDataBinding(severDataBind);
+ this.updateSelector();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && isHistoryAdded) {
+ this.commandHandler.getBlazorOldValues();
+ }
+ };
+ /**
+ * Will return the history stack values
+ *
+ * @returns { void } Will return the history stack values .\
+ * @param {boolean} isUndoStack - returns the history stack values
+ */
+ Diagram.prototype.getHistoryStack = function (isUndoStack) {
+ //let temp: HistoryEntry[];
+ var historyEntry = [];
+ var temp = isUndoStack ? this.historyManager.undoStack : this.historyManager.redoStack;
+ if (this.historyManager.stackLimit !== undefined) {
+ for (var i = temp.length - 1; i >= 0; i--) {
+ historyEntry.push(temp[parseInt(i.toString(), 10)]);
+ if (historyEntry.length > this.historyManager.stackLimit) {
+ return historyEntry;
+ }
+ }
+ }
+ else {
+ historyEntry = temp;
+ }
+ return historyEntry;
+ };
+ /* tslint:disable */
+ /**
+ * Return the edges for the given node
+ *
+ * @returns { string[] } Return the edges for the given node .\
+
+ * @param {Object} args - return the edge of the given node
+ */
+ Diagram.prototype.getEdges = function (args) {
+ return args['outEdge'] ? this.nameTable[args['id']].outEdges : this.nameTable[args['id']].inEdges;
+ };
+ /* tslint:enable */
+ /**
+ * Returns the parent id for the node
+ *
+ * @returns { string }Returns the parent id for the node .\
+
+ * @param {string} id - returns the parent id
+ */
+ Diagram.prototype.getParentId = function (id) {
+ return this.nameTable["" + id].parentId;
+ };
+ /**
+ * Adds the given connector to diagram control
+ * @returns { Connector } Adds the given connector to diagram control .\
+ *
+ * @param {ConnectorModel} obj - Defines the connector that has to be added to diagram
+ * @blazorArgsType obj|DiagramConnector
+ */
+ Diagram.prototype.addConnector = function (obj) {
+ return this.add(obj);
+ };
+ /* eslint-disable */
+ /** @private */
+ Diagram.prototype.UpdateBlazorDiagramModelCollection = function (obj, copiedObject, multiSelectDelete, isBlazorGroupUpdate) {
+ /* eslint-enable */
+ if (!(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].ClearObject)) {
+ var blazorInterop = 'sfBlazor';
+ var blazor = 'Blazor';
+ if (window && window["" + blazor]) {
+ var updatedModel = void 0;
+ var connectorModelCollection = [];
+ var updatedModelCollection = [];
+ var objectTypeCollection = [];
+ var removalIndexCollection = [];
+ if (isBlazorGroupUpdate && !copiedObject) {
+ for (var i = 0; i < this.blazorAddorRemoveCollection.length; i++) {
+ objectTypeCollection.push(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(this.blazorAddorRemoveCollection[parseInt(i.toString(), 10)]) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] ? 'Connector' : 'Node');
+ updatedModel = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(this.blazorAddorRemoveCollection[parseInt(i.toString(), 10)]);
+ updatedModelCollection.push(updatedModel);
+ removalIndexCollection = this.blazorRemoveIndexCollection;
+ }
+ }
+ else if ((!this.isServerUpdate || multiSelectDelete)) {
+ this.isServerUpdate = true;
+ var updatedModel_1 = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(obj);
+ var elements = [];
+ var removalIndex = void 0;
+ var tempNode = [];
+ if (!copiedObject) {
+ if (!multiSelectDelete) {
+ tempNode = this.commandHandler.getChildren(obj, elements);
+ }
+ else {
+ tempNode = multiSelectDelete;
+ }
+ for (var i = 0; i < tempNode.length; i++) {
+ updatedModel_1 = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(tempNode[parseInt(i.toString(), 10)]);
+ updatedModelCollection.push(updatedModel_1);
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(tempNode[parseInt(i.toString(), 10)]) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ removalIndex = this.connectors.indexOf(tempNode[parseInt(i.toString(), 10)]);
+ }
+ else {
+ removalIndex = this.nodes.indexOf(tempNode[parseInt(i.toString(), 10)]);
+ }
+ removalIndexCollection.push(removalIndex);
+ objectTypeCollection.push(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(tempNode[parseInt(i.toString(), 10)]) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] ? 'Connector' : 'Node');
+ }
+ if (!multiSelectDelete) {
+ updatedModelCollection.push(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(obj));
+ removalIndexCollection.push(this.nodes.indexOf(obj));
+ objectTypeCollection.push(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(obj) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] ? 'Connector' : 'Node');
+ }
+ }
+ if (copiedObject && copiedObject.length > 0) {
+ for (var i = 0; i < copiedObject.length; i++) {
+ updatedModel_1 = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(copiedObject[parseInt(i.toString(), 10)]);
+ var isNode = (copiedObject[parseInt(i.toString(), 10)] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) ? true : false;
+ /* eslint-disable */
+ isNode ? updatedModelCollection.push(updatedModel_1) : connectorModelCollection.push(updatedModel_1);
+ /* eslint-enable */
+ objectTypeCollection.push(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(copiedObject[parseInt(i.toString(), 10)]) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] ? 'Connector' : 'Node');
+ }
+ }
+ this.isServerUpdate = false;
+ }
+ var dgmObj = {
+ 'methodName': 'UpdateBlazorDiagramObjects',
+ 'diagramobj': {
+ 'nodeObj': JSON.stringify(updatedModelCollection),
+ 'ObjectType': objectTypeCollection,
+ 'removalIndex': copiedObject ? undefined : removalIndexCollection,
+ 'isMultipleObjects': true, 'annotationIndex': undefined,
+ 'connectorObj': JSON.stringify(connectorModelCollection)
+ }
+ };
+ window["" + blazorInterop].updateBlazorProperties(dgmObj, this);
+ if (isBlazorGroupUpdate && !copiedObject) {
+ this.blazorAddorRemoveCollection = [];
+ this.blazorRemoveIndexCollection = [];
+ }
+ }
+ }
+ };
+ /**
+ * UpdateBlazorDiagramModel method
+ *
+ * @returns { void } UpdateBlazorDiagramModel method .\
+ * @param {Node | Connector | ShapeAnnotation | PathAnnotation} obj - provide the obj value.
+ * @param {string} objectType - provide the objectType value.
+ * @param {number} removalIndex - provide the removalIndex value.
+ * @param {number} annotationNodeIndex - provide the annotationNodeIndex value.
+ *
+ * @private
+ */
+ Diagram.prototype.UpdateBlazorDiagramModel = function (obj, objectType, removalIndex, annotationNodeIndex) {
+ if (!(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupClipboardInProcess)) {
+ var blazorInterop = 'sfBlazor';
+ var blazor = 'Blazor';
+ if (window && window["" + blazor] && !this.isServerUpdate && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Clear)) {
+ var updatedModel = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(obj);
+ var dgmObj = {
+ 'methodName': 'UpdateBlazorDiagramObjects',
+ 'diagramobj': {
+ 'nodeObj': JSON.stringify(updatedModel),
+ 'ObjectType': objectType, 'removalIndex': removalIndex,
+ 'isMultipleObjects': false,
+ 'annotationIndex': annotationNodeIndex, 'connectorObj': undefined
+ }
+ };
+ window["" + blazorInterop].updateBlazorProperties(dgmObj, this);
+ }
+ }
+ };
+ // eslint-disable-next-line max-len
+ Diagram.prototype.UpdateBlazorLabelOrPortObjects = function (obj, objectType, removalIndex, nodeIndex) {
+ var blazorInterop = 'sfBlazor';
+ var blazor = 'Blazor';
+ if (window && window["" + blazor] && obj.length > 0 && !this.isServerUpdate && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Clear)) {
+ // eslint-disable-next-line max-len
+ var updatedModelCollection = [];
+ var objectTypeCollection = [];
+ var nodeIndexCollection = [];
+ for (var i = 0; i < obj.length; i++) {
+ updatedModelCollection.push(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(obj[parseInt(i.toString(), 10)]));
+ objectTypeCollection.push(objectType);
+ nodeIndexCollection.push(nodeIndex);
+ }
+ var dgmObj = {
+ 'methodName': 'UpdateBlazorDiagramObjects',
+ 'diagramobj': {
+ 'nodeObj': JSON.stringify(updatedModelCollection),
+ 'ObjectType': objectTypeCollection, 'removalIndex': removalIndex,
+ 'isMultipleObjects': true,
+ 'annotationIndex': nodeIndexCollection,
+ 'connectorObj': null,
+ 'portIndex': (objectType === 'Port') ? nodeIndexCollection : []
+ }
+ };
+ window["" + blazorInterop].updateBlazorProperties(dgmObj, this);
+ }
+ };
+ /**
+ * addBlazorDiagramObjects method
+ *
+ * @returns { void } addBlazorDiagramObjects method .\
+ *
+ * @private
+ */
+ Diagram.prototype.addBlazorDiagramObjects = function () {
+ var nodesCollection = [];
+ var connectorCollection = [];
+ if (this.dataBindingModule && !(this.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PreventDataInit)) {
+ for (var i = 0; i < this.nodes.length; i++) {
+ nodesCollection.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.nodes[parseInt(i.toString(), 10)], undefined, undefined, true));
+ }
+ for (var i = 0; i < this.connectors.length; i++) {
+ connectorCollection.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.connectors[parseInt(i.toString(), 10)], undefined, undefined, true));
+ }
+ }
+ var blazorInterop = 'sfBlazor';
+ var blazor = 'Blazor';
+ if (window && window["" + blazor]) {
+ var obj = {
+ 'methodName': 'AddBlazorObjects',
+ 'diagramobj': { 'nodeObj': JSON.stringify(nodesCollection), 'isConnector': false }
+ };
+ window["" + blazorInterop].updateBlazorProperties(obj, this);
+ obj = {
+ 'methodName': 'AddBlazorObjects',
+ 'diagramobj': { 'nodeObj': JSON.stringify(connectorCollection), 'isConnector': true }
+ };
+ window["" + blazorInterop].updateBlazorProperties(obj, this);
+ }
+ };
+ Diagram.prototype.removeNodeEdges = function (elementId, id, isOutEdges) {
+ var node = this.nameTable["" + elementId];
+ var edges = isOutEdges ? node.outEdges : node.inEdges;
+ if (edges.length > 0) {
+ for (var i = 0; i < edges.length; i++) {
+ if (edges[parseInt(i.toString(), 10)] === id) {
+ edges.splice(i, 1);
+ }
+ }
+ }
+ };
+ /**
+ * insertBlazorConnector method
+ *
+ * @returns { void } insertBlazorConnector method .\
+ * @param {Connector} obj - provide the nodeId value.
+ *
+ * @private
+ */
+ Diagram.prototype.insertBlazorConnector = function (obj) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"])) {
+ if (obj.sourceID && this.nameTable[obj.sourceID]) {
+ this.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.nameTable[obj.sourceID]), true);
+ }
+ if (obj.targetID && this.nameTable[obj.targetID]) {
+ this.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.nameTable[obj.targetID]), true);
+ }
+ }
+ };
+ /* tslint:disable */
+ /**
+ * Adds the given object to diagram control
+ *
+ * @returns { Node | Connector } getDirection method .\
+ * @param {NodeModel | ConnectorModel} obj - Defines the object that has to be added to diagram
+ * @param {boolean} group - provide the group value.
+ */
+ Diagram.prototype.add = function (obj, group) {
+ var newObj;
+ var propertyChangeValue = this.isProtectedOnChange;
+ this.protectPropertyChange(true);
+ if (obj) {
+ obj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj);
+ var args = void 0;
+ args = {
+ element: obj, cause: this.diagramActions, diagramAction: this.getDiagramAction(this.diagramActions), state: 'Changing', type: 'Addition', cancel: false
+ };
+ if (this.parentObject) {
+ args.parentId = this.parentObject.id;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ args = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getCollectionChangeEventArguements"])(args, obj, 'Changing', 'Addition');
+ }
+ if (obj.id !== 'helper' && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventCollectionChangeOnDragOver)) {
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].collectionChange, args);
+ }
+ if (args.cancel && this.drawingObject) {
+ this.removeElements(args.element);
+ this.tooltipObject.close();
+ var sourceNodee = this.getObject(args.element.sourceID);
+ var isOutEdgee = void 0;
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(args.element) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ if (args.element.sourceID) {
+ this.removeNodeEdges(args.element.sourceID, args.element.id, true);
+ if (sourceNodee.ports.length > 0) {
+ for (var i = 0; i < sourceNodee.ports.length; i++) {
+ var port = sourceNodee.ports[parseInt(i.toString(), 10)];
+ if (port.id === args.element.sourcePortID) {
+ if (port.outEdges.length > 0) {
+ isOutEdgee = false;
+ }
+ else {
+ isOutEdgee = true;
+ }
+ }
+ }
+ this.removePortEdges(sourceNodee, args.element.sourcePortID, args.element.id, isOutEdgee);
+ }
+ }
+ if (args.element.targetID) {
+ this.removeNodeEdges(args.element.targetID, args.element.id, false);
+ }
+ }
+ }
+ this.diagramActions = this.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod;
+ obj.id = obj.id || Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["randomId"])();
+ var layers = this.activeLayer;
+ if (!args.cancel && !layers.lock) {
+ if (layers.objects.indexOf(obj.id) < 0 && !layers.lock) {
+ if (!layers.visible) {
+ layers.visible = true;
+ this.dataBind();
+ }
+ layers.objects.push(obj.id);
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(obj) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ newObj = new _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"](this, 'connectors', obj, true);
+ newObj.status = 'New';
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateDefaultValues"])(newObj, obj, this.connectorDefaults);
+ this.connectors.push(newObj);
+ this.initObject(newObj);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ if ((this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupingInProgress)) {
+ this.blazorAddorRemoveCollection.push(newObj);
+ }
+ else if (this.blazorAddorRemoveCollection.length > 0) {
+ this.isServerUpdate = false;
+ this.blazorAddorRemoveCollection.push(newObj);
+ this.UpdateBlazorDiagramModelCollection(undefined, this.blazorAddorRemoveCollection, undefined, true);
+ this.blazorAddorRemoveCollection = [];
+ this.commandHandler.getBlazorOldValues();
+ }
+ else if ((!this.isServerUpdate) && !(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupClipboardInProcess)) {
+ this.UpdateBlazorDiagramModel(newObj, 'Connector');
+ this.commandHandler.getBlazorOldValues();
+ }
+ }
+ if (obj.visible === false) {
+ this.updateElementVisibility(newObj.wrapper, newObj, obj.visible);
+ }
+ this.updateEdges(newObj);
+ this.insertBlazorConnector(newObj);
+ }
+ else {
+ newObj = new _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"](this, 'nodes', obj, true);
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateDefaultValues"])(newObj, obj, this.nodeDefaults);
+ newObj.parentId = (obj.parentId) ? obj.parentId : newObj.parentId;
+ newObj.umlIndex = obj.umlIndex;
+ newObj.status = 'New';
+ this.nodes.push(newObj);
+ this.initObject(newObj, layers, undefined, group);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ if ((this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupingInProgress)) {
+ this.blazorAddorRemoveCollection.push(newObj);
+ }
+ else if (this.blazorAddorRemoveCollection.length > 0) {
+ this.blazorAddorRemoveCollection.push(newObj);
+ this.isServerUpdate = false;
+ this.UpdateBlazorDiagramModelCollection(undefined, this.blazorAddorRemoveCollection, undefined, true);
+ this.commandHandler.getBlazorOldValues();
+ this.blazorAddorRemoveCollection = [];
+ }
+ else if ((!this.isServerUpdate) && !(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupClipboardInProcess)) {
+ this.UpdateBlazorDiagramModel(newObj, 'Node');
+ this.commandHandler.getBlazorOldValues();
+ }
+ }
+ this.updateTemplate();
+ if (this.bpmnModule) {
+ if (newObj.shape.annotations && newObj.shape.annotations.length !== 0) {
+ for (var _i = 0, _a = this.bpmnModule.getTextAnnotationConn(newObj); _i < _a.length; _i++) {
+ var obj_1 = _a[_i];
+ this.initConnectors(obj_1, layers, false);
+ }
+ }
+ if (newObj.shape.activity && newObj.shape.activity.subProcess.processes &&
+ newObj.shape.activity.subProcess.processes.length) {
+ this.bpmnModule.updateDocks(newObj, this);
+ }
+ }
+ if (this.lineRoutingModule && (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].LineRouting)) {
+ var objects = this.spatialSearch.findObjects(newObj.wrapper.outerBounds);
+ for (var i = 0; i < objects.length; i++) {
+ var object = objects[parseInt(i.toString(), 10)];
+ if (object instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ this.connectorPropertyChange(object, {}, {
+ sourceID: object.sourceID, targetID: object.targetID, sourcePortID: object.sourcePortID,
+ targetPortID: object.targetPortID, sourcePoint: object.sourcePoint, targetPoint: object.targetPoint
+ });
+ }
+ }
+ }
+ if (newObj.umlIndex > -1 && obj.parentId && this.nameTable[obj.parentId] &&
+ this.nameTable[obj.parentId].shape.type === 'UmlClassifier') {
+ var parent_2 = this.nameTable[obj.parentId];
+ parent_2.children.splice(newObj.umlIndex, 0, newObj.id);
+ parent_2.wrapper.children.splice(newObj.umlIndex, 0, newObj.wrapper);
+ parent_2.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]());
+ parent_2.wrapper.arrange(parent_2.wrapper.desiredSize);
+ this.updateDiagramObject(parent_2);
+ }
+ }
+ args = {
+ element: newObj, cause: this.diagramActions, diagramAction: this.getDiagramAction(this.diagramActions), state: 'Changed', type: 'Addition', cancel: false
+ };
+ if (this.parentObject) {
+ args.parentId = this.parentObject.id;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ args = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getCollectionChangeEventArguements"])(args, obj, 'Changed', 'Addition');
+ }
+ if (obj.id !== 'helper' && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventCollectionChangeOnDragOver)) {
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].collectionChange, args);
+ }
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo) && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Group) &&
+ !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventHistory)) {
+ var entry = {
+ type: 'CollectionChanged', changeType: 'Insert', undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj),
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj), category: 'Internal'
+ };
+ this.addHistoryEntry(entry);
+ }
+ this.parentObject = undefined;
+ if (this.mode === 'SVG') {
+ this.updateSvgNodes(newObj);
+ this.updateTextElementValue(newObj);
+ this.updateDiagramObject(newObj);
+ if (newObj.shape.activity && newObj.shape.activity.subProcess.processes &&
+ newObj.shape.activity.subProcess.processes.length) {
+ this.updateProcesses(newObj);
+ }
+ this.updateBridging();
+ }
+ }
+ }
+ this.protectPropertyChange(propertyChangeValue);
+ this.resetDiagramActions(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod);
+ if (newObj && this.layers.length > 1) {
+ this.moveNode(newObj);
+ }
+ for (var _b = 0, _c = this.views; _b < _c.length; _b++) {
+ var temp = _c[_b];
+ var view = this.views["" + temp];
+ if (!(view instanceof Diagram)) {
+ this.refreshCanvasDiagramLayer(view);
+ }
+ }
+ this.renderReactTemplates();
+ return newObj;
+ };
+ /* tslint:enable */
+ Diagram.prototype.updateSvgNodes = function (node) {
+ if (node.children) {
+ for (var _i = 0, _a = node.children; _i < _a.length; _i++) {
+ var j = _a[_i];
+ if (this.nameTable["" + j] && this.nameTable["" + j].parentId) {
+ var child = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(j + '_groupElement', this.element.id);
+ if (child) {
+ child.parentNode.removeChild(child);
+ }
+ }
+ }
+ }
+ };
+ /**
+ * updateProcesses method
+ *
+ * @returns { void } updateProcesses method .\
+ * @param {(Node | Connector)} node - provide the nodeId value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateProcesses = function (node) {
+ if (this.bpmnModule && node && node.shape && node.shape.activity &&
+ node.shape.activity.subProcess.processes &&
+ node.shape.activity.subProcess.processes.length) {
+ var processes = node.shape.activity.subProcess.processes;
+ this.moveSvgNode(node.id);
+ for (var _i = 0, processes_1 = processes; _i < processes_1.length; _i++) {
+ var j = processes_1[_i];
+ this.moveSvgNode(j);
+ var edges = [];
+ edges = edges.concat(this.nameTable["" + j].outEdges, this.nameTable["" + j].inEdges);
+ for (var i = edges.length - 1; i >= 0; i--) {
+ this.moveSvgNode(edges[parseInt(i.toString(), 10)]);
+ }
+ }
+ for (var _a = 0, processes_2 = processes; _a < processes_2.length; _a++) {
+ var j = processes_2[_a];
+ if (this.nameTable["" + j].shape.activity.subProcess.processes &&
+ this.nameTable["" + j].shape.activity.subProcess.processes.length) {
+ this.updateProcesses(this.nameTable["" + j]);
+ }
+ }
+ }
+ else {
+ this.moveSvgNode(node.id);
+ }
+ };
+ /**
+ * moveSvgNode method
+ *
+ * @returns { void } moveSvgNode method .\
+ * @param {string} nodeId - provide the nodeId value.
+ *
+ * @private
+ */
+ Diagram.prototype.moveSvgNode = function (nodeId) {
+ var child = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(nodeId + '_groupElement', this.element.id);
+ var parent = child.parentElement;
+ child.parentNode.removeChild(child);
+ parent.appendChild(child);
+ };
+ /**
+ * Adds the given annotation to the given node
+ *
+ * @returns { void } Adds the given annotation to the given node .\
+ * @param {BpmnAnnotationModel} annotation - Defines the annotation to be added
+ * @param {NodeModel} node - Defines the node to which the annotation has to be added
+ */
+ Diagram.prototype.addTextAnnotation = function (annotation, node) {
+ if (this.bpmnModule) {
+ var connector = this.bpmnModule.addAnnotation(node, annotation, this);
+ this.initConnectors(connector, this.commandHandler.getObjectLayer(node.id), false);
+ this.updateDiagramObject(node);
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo) && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Group)) {
+ var entry = {
+ type: 'CollectionChanged', changeType: 'Insert', undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(annotation),
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(annotation), category: 'Internal'
+ };
+ this.addHistoryEntry(entry);
+ }
+ // EJ2-65546 - Adding BPMN Text annotation node inside swimlane at runtime is not working properly.
+ // Checking whether the node is children of Lane.
+ if (node.parentId) {
+ var nodeParent = this.nameTable[node.parentId];
+ if (nodeParent && nodeParent.isLane) {
+ // Getting swimlane node using lane parent Id and setting isTextNode property to true to provide
+ // drag support for bpmn text annotation while dragging swimlane.
+ var swimlane = this.nameTable[nodeParent.parentId];
+ swimlane.isTextNode = true;
+ }
+ }
+ }
+ };
+ //Splice the InEdge and OutEdge of the for the node with respect to corresponding connectors that is deleting
+ Diagram.prototype.spliceConnectorEdges = function (connector, isSource) {
+ //let node: Node;
+ var edges = [];
+ //let isInEdge: boolean;
+ var node = isSource ? this.nameTable[connector.sourceID] : this.nameTable[connector.targetID];
+ if (node) {
+ edges = isSource ? node.outEdges : node.inEdges;
+ for (var i = edges.length - 1; i >= 0; i--) {
+ if (edges[parseInt(i.toString(), 10)] === connector.id) {
+ edges.splice(i, 1);
+ }
+ }
+ for (var j = 0; node.ports && j < node.ports.length; j++) {
+ var isInEdge = isSource ? false : true;
+ this.removePortEdges(node, node.ports[parseInt(j.toString(), 10)].id, connector.id, isInEdge);
+ }
+ }
+ };
+ /**
+ * Remove the dependent connectors if the node is deleted
+ * @returns { void } Remove the dependent connectors if the node is deleted .\
+ * @param {Node} node - provide the node value.
+ *
+ * @private
+ */
+ Diagram.prototype.removeDependentConnector = function (node) {
+ if (node) {
+ var connector = void 0;
+ var edges = [];
+ edges = edges.concat(node.outEdges, node.inEdges);
+ for (var i = edges.length - 1; i >= 0; i--) {
+ connector = this.nameTable[edges[parseInt(i.toString(), 10)]];
+ if (connector) {
+ this.connectorTable[connector.id] = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(connector);
+ this.remove(connector);
+ }
+ }
+ }
+ };
+ /**
+ * Remove the dependent connectors if the node is deleted
+ * @returns { void } Remove the dependent connectors if the node is deleted .\
+ * @param {(NodeModel | ConnectorModel)} obj - provide the node value.
+ *
+ * @private
+ */
+ Diagram.prototype.removeObjectsFromLayer = function (obj) {
+ if (obj.children) {
+ for (var i = 0; i < obj.children.length; i++) {
+ var object = this.nameTable[obj.children[parseInt(i.toString(), 10)]];
+ if (object) {
+ this.removeObjectsFromLayer(object);
+ }
+ }
+ }
+ var layer = this.layers.indexOf(this.commandHandler.getObjectLayer(obj.id));
+ var objects = this.layers[parseInt(layer.toString(), 10)].objects;
+ var objIndex = objects.indexOf(obj.id);
+ if (objIndex > -1) {
+ if (Object(_interaction_actions__WEBPACK_IMPORTED_MODULE_27__["isSelected"])(this, obj)) {
+ this.unSelect(obj);
+ }
+ this.layers[parseInt(layer.toString(), 10)].objects.splice(objIndex, 1);
+ delete this.layers[parseInt(layer.toString(), 10)].zIndexTable[this.nameTable[obj.id].zIndex];
+ }
+ };
+ /**
+ * removeElements method \
+ *
+ * @returns { string } removeElements method .\
+ * @param {NodeModel | ConnectorModel} currentObj - provide the currentObj value.
+ *
+ * @private
+ */
+ Diagram.prototype.removeElements = function (currentObj) {
+ if (this.mode === 'SVG' || (this.mode === 'Canvas' && currentObj.shape.type === 'Native')) {
+ var removeElement_1 = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(currentObj.id + '_groupElement', this.element.id);
+ var object = currentObj;
+ if ((object).ports && (object).ports.length > 0) {
+ for (var i = 0; i < (object).ports.length; i++) {
+ var port = (object).ports[parseInt(i.toString(), 10)];
+ var removePort = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(object.id + '_' + port.id + '_groupElement', this.element.id);
+ if (removePort) {
+ removePort.parentNode.removeChild(removePort);
+ }
+ }
+ }
+ if (removeElement_1) {
+ removeElement_1.parentNode.removeChild(removeElement_1);
+ }
+ }
+ this.refreshCanvasLayers();
+ if (currentObj.wrapper) {
+ var children = currentObj.wrapper.children;
+ var element = void 0;
+ var view = void 0;
+ if (children) {
+ for (var i = 0; i < children.length; i++) {
+ if (children[parseInt(i.toString(), 10)] instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_36__["DiagramNativeElement"] || ((children[parseInt(i.toString(), 10)].id) && (children[parseInt(i.toString(), 10)].id).indexOf('icon_content') > 0)) {
+ if ((children[parseInt(i.toString(), 10)].id).indexOf('icon_content') > 0 && this.mode === 'SVG') {
+ element = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(children[parseInt(i.toString(), 10)].id + '_shape_groupElement', this.element.id);
+ if (element) {
+ element.parentNode.removeChild(element);
+ }
+ element = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(children[parseInt(i.toString(), 10)].id + '_rect_groupElement', this.element.id);
+ if (element) {
+ element.parentNode.removeChild(element);
+ }
+ }
+ for (var _i = 0, _a = this.views; _i < _a.length; _i++) {
+ var elementId = _a[_i];
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["removeElement"])(children[parseInt(i.toString(), 10)].id + '_groupElement', elementId);
+ var nodeIndex = this.scroller.removeCollection.indexOf(currentObj.id);
+ this.scroller.removeCollection.splice(nodeIndex, 1);
+ }
+ }
+ else if (children[parseInt(i.toString(), 10)] instanceof _core_elements_html_element__WEBPACK_IMPORTED_MODULE_37__["DiagramHtmlElement"]) {
+ for (var _b = 0, _c = this.views; _b < _c.length; _b++) {
+ var elementId = _c[_b];
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["removeElement"])(currentObj.id + '_html_element', elementId);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["removeElement"])(children[parseInt(i.toString(), 10)].id + '_html_element', elementId);
+ //EJ2-63598 - Added below code to check whether platform is Angular or not.
+ // If angular then we do not remove the node html element wrapper to retain the HTML element in it.
+ var canUpdate = true;
+ var parent_3 = this.nameTable[currentObj.parentId];
+ if (((this.isAngular || this.isReact) || this.isVue) && parent_3 && parent_3.isLane) {
+ canUpdate = false;
+ }
+ if (canUpdate) {
+ this.clearTemplate(['nodeTemplate' + '_' + currentObj.id]);
+ }
+ if (children[parseInt(i.toString(), 10)].annotationId) {
+ this.clearTemplate(['annotationTemplate' + '_' + currentObj.id + (children[parseInt(i.toString(), 10)].annotationId)]);
+ }
+ }
+ }
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["removeGradient"])(children[parseInt(i.toString(), 10)].id);
+ }
+ }
+ }
+ };
+ Diagram.prototype.removeCommand = function () {
+ this.remove();
+ };
+ /**
+ * Removes the given object from diagram
+ *
+ * @param {NodeModel | ConnectorModel} obj - Defines the object that has to be removed from diagram
+ */
+ /* tslint:disable */
+ Diagram.prototype.remove = function (obj) {
+ var selectedItems = [];
+ selectedItems = selectedItems.concat(this.selectedItems.nodes, this.selectedItems.connectors);
+ var args;
+ var groupAction = false;
+ if (obj) {
+ obj = this.nameTable[obj.id];
+ this.insertBlazorConnector(obj);
+ if (obj && (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canDelete"])(obj) || (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Clear))) {
+ args = {
+ element: obj, cause: this.diagramActions, diagramAction: this.getDiagramAction(this.diagramActions),
+ state: 'Changing', type: 'Removal', cancel: false
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ args = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getCollectionChangeEventArguements"])(args, obj, 'Changing', 'Removal');
+ }
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Clear) && (obj.id !== 'helper')) {
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].collectionChange, args);
+ }
+ if (!args.cancel) {
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canDelete"])(obj)) {
+ if (obj && obj.shape && obj.shape.type === 'SwimLane') {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["removeSwimLane"])(this, obj);
+ }
+ }
+ if (this.bpmnModule) {
+ if (this.bpmnModule.checkAndRemoveAnnotations(obj, this)) {
+ this.refreshCanvasLayers();
+ return;
+ }
+ }
+ if ((!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventHistory) &&
+ (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"] || obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"])) {
+ var entry = {
+ type: 'CollectionChanged', changeType: 'Remove', undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj),
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj), category: 'Internal'
+ };
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Clear)) {
+ if (obj.children && !obj.isLane && !obj.isPhase && obj.children.length > 0 && this.undoRedoModule && this.layout.type === 'None') {
+ this.historyManager.startGroupAction();
+ groupAction = true;
+ }
+ }
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ this.removeDependentConnector(obj);
+ }
+ if (!obj.isLane && !obj.isPhase) {
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Clear) && !this.isStackChild(obj)) {
+ this.addHistoryEntry(entry);
+ }
+ }
+ }
+ if (obj.children && !obj.isLane && !obj.isPhase &&
+ (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() || !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo))) {
+ this.deleteGroup(obj);
+ }
+ if (obj.parentId) {
+ this.deleteChild(obj);
+ if (this.nameTable[obj.parentId] && this.nameTable[obj.parentId].shape.type === 'UmlClassifier') {
+ this.updateDiagramObject(this.nameTable[obj.parentId]);
+ this.updateConnectorEdges(this.nameTable[obj.parentId]);
+ }
+ }
+ var index = void 0;
+ this.diagramActions = this.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod;
+ var currentObj = this.nameTable[obj.id];
+ if (currentObj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ if (currentObj.shape.type === 'Bpmn' && this.bpmnModule) {
+ this.bpmnModule.removeBpmnProcesses(currentObj, this);
+ }
+ if (currentObj.isLane || currentObj.isPhase || currentObj.shape.type === 'SwimLane') {
+ var swimLaneNode = (currentObj.isLane || currentObj.isPhase) ?
+ this.nameTable[currentObj.parentId] : this.nameTable[currentObj.id];
+ var grid = swimLaneNode.wrapper.children[0];
+ if (currentObj.isLane) {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["removeLane"])(this, currentObj, swimLaneNode);
+ }
+ else if (currentObj.isPhase) {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["removePhase"])(this, currentObj, swimLaneNode);
+ }
+ }
+ index = this.nodes.indexOf(currentObj);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && (obj.id !== 'helper')) {
+ if (this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupingInProgress) {
+ this.blazorRemoveIndexCollection.splice(0, 0, index);
+ this.blazorAddorRemoveCollection.splice(0, 0, obj);
+ }
+ else if (this.blazorAddorRemoveCollection.length > 0) {
+ this.commandHandler.getBlazorOldValues();
+ this.blazorRemoveIndexCollection.splice(0, 0, index);
+ this.blazorAddorRemoveCollection.splice(0, 0, obj);
+ this.UpdateBlazorDiagramModelCollection(undefined, undefined, undefined, true);
+ }
+ else if ((!this.isServerUpdate) && !(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupClipboardInProcess)) {
+ this.UpdateBlazorDiagramModel(obj, 'Node', index);
+ }
+ }
+ if (index !== -1) {
+ this.crudDeleteNodes.push(this.nameTable[currentObj.id]);
+ this.nodes.splice(index, 1);
+ this.updateNodeEdges(currentObj);
+ }
+ }
+ else {
+ index = this.connectors.indexOf(currentObj);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ if (this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupingInProgress) {
+ this.blazorAddorRemoveCollection.splice(0, 0, obj);
+ this.blazorRemoveIndexCollection.splice(0, 0, index);
+ }
+ else if (this.blazorAddorRemoveCollection.length > 0) {
+ this.commandHandler.getBlazorOldValues();
+ this.blazorAddorRemoveCollection.splice(0, 0, obj);
+ this.blazorRemoveIndexCollection.splice(0, 0, index);
+ this.UpdateBlazorDiagramModelCollection(undefined, undefined, undefined, true);
+ }
+ else if ((!this.isServerUpdate) && !(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupClipboardInProcess)) {
+ this.UpdateBlazorDiagramModel(obj, 'Connector', index);
+ }
+ }
+ if (index !== -1) {
+ this.crudDeleteNodes.push(this.nameTable[currentObj.id]);
+ this.connectors.splice(index, 1);
+ }
+ this.updateEdges(currentObj);
+ this.spliceConnectorEdges(obj, true);
+ this.spliceConnectorEdges(obj, false);
+ }
+ if ((!this.isServerUpdate) && !(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupClipboardInProcess)) {
+ this.commandHandler.getBlazorOldValues();
+ }
+ if (groupAction) {
+ this.historyManager.endGroupAction();
+ }
+ if (Object(_interaction_actions__WEBPACK_IMPORTED_MODULE_27__["isSelected"])(this, currentObj)) {
+ this.unSelect(currentObj);
+ }
+ if (!currentObj.isPhase) {
+ this.removeObjectsFromLayer(obj);
+ if (this.currentDrawingObject) {
+ this.currentDrawingObject.wrapper = undefined;
+ }
+ delete this.nameTable[obj.id];
+ if (selectedItems.length > 0 && selectedItems[0].id === currentObj.id && currentObj.parentId) {
+ var parentnode = this.nameTable[currentObj.parentId];
+ if (parentnode && parentnode.isLane && this.nameTable[parentnode.parentId].shape.type === 'SwimLane') {
+ var swimLaneNode = this.nameTable[parentnode.parentId];
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["removeLaneChildNode"])(this, swimLaneNode, parentnode, currentObj);
+ }
+ }
+ this.removeElements(currentObj);
+ this.updateBridging();
+ if (this.mode !== 'SVG') {
+ this.refreshDiagramLayer();
+ }
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Clear)) {
+ this.removeFromAQuad(currentObj);
+ args = {
+ element: obj, cause: this.diagramActions, diagramAction: this.getDiagramAction(this.diagramActions),
+ state: 'Changed', type: 'Removal', cancel: false
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ args = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getCollectionChangeEventArguements"])(args, obj, 'Changed', 'Removal');
+ }
+ if (obj.id !== 'helper') {
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].collectionChange, args);
+ }
+ this.resetTool();
+ }
+ }
+ }
+ }
+ }
+ else if (selectedItems.length > 0) {
+ if (this.undoRedoModule) {
+ this.historyManager.startGroupAction();
+ this.blazorActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupingInProgress;
+ groupAction = true;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && selectedItems.length > 1) {
+ this.clearSelection();
+ }
+ for (var i = 0; i < selectedItems.length; i++) {
+ var node = selectedItems[parseInt(i.toString(), 10)];
+ if (this.nameTable[selectedItems[parseInt(i.toString(), 10)].id]) {
+ if ((selectedItems[parseInt(i.toString(), 10)] instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) && this.bpmnModule &&
+ this.bpmnModule.textAnnotationConnectors.indexOf(selectedItems[parseInt(i.toString(), 10)]) > -1) {
+ this.remove(this.nameTable[selectedItems[parseInt(i.toString(), 10)].targetID]);
+ return;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ if (!this.isServerUpdate && selectedItems && selectedItems.length > 1) {
+ this.isServerUpdate = true;
+ }
+ if (selectedItems[parseInt(i.toString(), 10)].parentId) {
+ this.insertBlazorDiagramObjects(this.nameTable[selectedItems[parseInt(i.toString(), 10)].parentId]);
+ }
+ }
+ this.remove(selectedItems[parseInt(i.toString(), 10)]);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && selectedItems[parseInt(i.toString(), 10)].parentId) {
+ this.commandHandler.getBlazorOldValues();
+ this.isServerUpdate = false;
+ }
+ }
+ }
+ if (groupAction) {
+ this.blazorActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupingInProgress;
+ this.isServerUpdate = true;
+ this.commandHandler.getBlazorOldValues();
+ this.UpdateBlazorDiagramModelCollection(undefined, undefined, undefined, true);
+ this.historyManager.endGroupAction();
+ this.isServerUpdate = false;
+ }
+ this.clearSelection();
+ }
+ if (!(obj && (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canDelete"])(obj) || (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Clear)))) {
+ if ((!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventHistory) &&
+ (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"] || obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"])) {
+ var entry = {
+ type: 'ConnectionChanged', undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj),
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj), category: 'Internal'
+ };
+ if (!obj.isLane && !obj.isPhase) {
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Clear) && !this.isStackChild(obj)) {
+ this.addHistoryEntry(entry);
+ }
+ }
+ }
+ }
+ this.tooltipObject.close();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && selectedItems && selectedItems.length > 0) {
+ var check = true;
+ for (var k = 0; k < selectedItems.length; k++) {
+ if (this.nameTable[selectedItems[parseInt(k.toString(), 10)].id]) {
+ check = false;
+ }
+ }
+ if (check) {
+ this.isServerUpdate = false;
+ }
+ }
+ };
+ /* tslint:enable */
+ Diagram.prototype.isStackChild = function (obj) {
+ var isstack;
+ var parent = this.nameTable[obj.parentId];
+ if (obj && obj.parentId && parent.container &&
+ (parent.container.type === 'Stack' &&
+ this.nameTable[obj.parentId].shape.type !== 'UmlClassifier')) {
+ isstack = true;
+ var redoElement = {
+ sourceIndex: parent.wrapper.children.indexOf(obj.wrapper), source: obj,
+ target: undefined, targetIndex: undefined
+ };
+ var entry = {
+ type: 'StackChildPositionChanged', redoObject: {
+ sourceIndex: undefined, source: obj,
+ target: undefined, targetIndex: undefined
+ },
+ undoObject: redoElement,
+ category: 'Internal'
+ };
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) {
+ this.addHistoryEntry(entry);
+ }
+ }
+ return isstack;
+ };
+ /** @private */
+ Diagram.prototype.deleteChild = function (node, parentNode) {
+ var id;
+ parentNode = parentNode ? this.nameTable[parentNode.id] : this.nameTable[node.parentId];
+ if (typeof node === 'string') {
+ id = node;
+ }
+ else {
+ id = node.id;
+ }
+ if (parentNode && parentNode.children) {
+ for (var i = 0; i < parentNode.children.length; i++) {
+ if (parentNode.children[parseInt(i.toString(), 10)] === id) {
+ parentNode.children.splice(i, 1);
+ for (var j = 0; j < parentNode.wrapper.children.length; j++) {
+ if (parentNode.wrapper.children[parseInt(j.toString(), 10)].id === id) {
+ parentNode.wrapper.children.splice(j, 1);
+ }
+ }
+ // EJ2-57179 - Below lines added to remove the childs to swimlane after Redo.
+ var swimlaneNode = this.getObject(parentNode.parentId);
+ if (swimlaneNode && swimlaneNode.shape instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["SwimLane"]) {
+ for (var h = 0; h < swimlaneNode.shape.lanes.length; h++) {
+ var laneId = node.parentId.split(swimlaneNode.id);
+ if (swimlaneNode.shape.lanes[parseInt(h.toString(), 10)].id === laneId[1].slice(0, -1)) {
+ for (var y = 0; y < swimlaneNode.shape.lanes[parseInt(h.toString(), 10)].children.length; y++) {
+ if (node.id === swimlaneNode.shape.lanes[parseInt(h.toString(), 10)].children[parseInt(y.toString(), 10)].id) {
+ swimlaneNode.shape.lanes[parseInt(h.toString(), 10)].children.splice(y, 1);
+ break;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ parentNode.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]());
+ parentNode.wrapper.arrange(parentNode.wrapper.desiredSize);
+ }
+ };
+ /**
+ * addChild method \
+ *
+ * @returns { string } addChild method .\
+ * @param {NodeModel} node - provide the node value.
+ * @param {string | NodeModel | ConnectorModel} child - provide the child value.
+ * @param {number} index - provide the layoutOrientation value.
+ *
+ * @private
+ */
+ Diagram.prototype.addChild = function (node, child, index) {
+ var id;
+ var parentNode = this.nameTable[node.id];
+ if (!parentNode.children) {
+ parentNode.children = [];
+ }
+ if (parentNode.children) {
+ if (typeof child === 'string') {
+ if (this.nameTable["" + child]) {
+ id = child;
+ }
+ }
+ else {
+ id = child.id = child.id || Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["randomId"])();
+ this.add(child);
+ }
+ if (id && (!child.umlIndex || child.umlIndex === -1)) {
+ var childNode = this.nameTable["" + id];
+ childNode.parentId = parentNode.id;
+ if (parentNode.container && parentNode.container.type === 'Stack') {
+ this.updateStackProperty(parentNode, childNode);
+ }
+ if (index) {
+ parentNode.children.splice(index, 0, id);
+ parentNode.wrapper.children.splice(index, 0, childNode.wrapper);
+ }
+ else {
+ parentNode.children.push(id);
+ parentNode.wrapper.children.push(childNode.wrapper);
+ // SF-362880 - Below lines added for adding the childs to swimlane after Undo.
+ var swimlane = this.getObject(node.parentId);
+ if (swimlane && swimlane.shape instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["SwimLane"]) {
+ for (var h = 0; h < swimlane.shape.lanes.length; h++) {
+ var laneId = childNode.parentId.split(node.parentId);
+ if (swimlane.shape.lanes[parseInt(h.toString(), 10)].id === laneId[1].slice(0, -1)) {
+ swimlane.shape.lanes[parseInt(h.toString(), 10)].children.push(childNode);
+ break;
+ }
+ }
+ }
+ }
+ parentNode.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]());
+ parentNode.wrapper.arrange(parentNode.wrapper.desiredSize);
+ if (!parentNode.isLane) {
+ this.nameTable[node.id].width = parentNode.wrapper.actualSize.width;
+ this.nameTable[node.id].height = parentNode.wrapper.actualSize.height;
+ this.nameTable[node.id].offsetX = parentNode.wrapper.offsetX;
+ this.nameTable[node.id].offsetY = parentNode.wrapper.offsetY;
+ }
+ if (parentNode.container !== undefined) {
+ childNode.offsetX = childNode.wrapper.offsetX;
+ childNode.offsetY = childNode.wrapper.offsetY;
+ }
+ if (!parentNode.parentId ||
+ (this.nameTable[parentNode.parentId] &&
+ this.nameTable[parentNode.parentId].shape.type !== 'SwimLane')) {
+ this.updateDiagramObject(parentNode);
+ }
+ }
+ }
+ return id;
+ };
+ /**
+ * Clears all nodes and objects in the diagram
+ *
+ * @returns { void } getDirection method .\
+
+ */
+ Diagram.prototype.clear = function () {
+ this.clearObjects();
+ };
+ Diagram.prototype.clearObjects = function (collection) {
+ var objects = [];
+ if (!collection) {
+ objects = objects.concat(this.nodes);
+ objects = objects.concat(this.connectors);
+ }
+ else {
+ objects = collection;
+ }
+ this.diagramActions = this.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Clear;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && _ej2_base__WEBPACK_IMPORTED_MODULE_0__["blazorTemplates"]['diagramsf_node_template']) {
+ this.resetTemplate();
+ var length_1 = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["blazorTemplates"]['diagramsf_node_template'].length;
+ if (length_1 > 0) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["blazorTemplates"]['diagramsf_node_template'].splice(0, length_1 - 1);
+ }
+ }
+ for (var _i = 0, objects_1 = objects; _i < objects_1.length; _i++) {
+ var obj = objects_1[_i];
+ if (this.nameTable[obj.id]) {
+ this.remove(obj);
+ }
+ }
+ this.diagramActions = this.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Clear;
+ this.spatialSearch = new _interaction_spatial_search_spatial_search__WEBPACK_IMPORTED_MODULE_28__["SpatialSearch"](this.nameTable);
+ this.initHistory();
+ };
+ Diagram.prototype.startEditCommad = function () {
+ var laneHeader;
+ var node = (this.selectedItems.nodes[0]) ? this.selectedItems.nodes[0] : undefined;
+ if (node && node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ if (node.isLane && node.parentId) {
+ var swimlane = this.nameTable[node.parentId];
+ var lanes = swimlane.shape.lanes;
+ var canvasId = (node.id.slice(swimlane.id.length));
+ var currentParentId = canvasId.substring(0, canvasId.length - 1);
+ for (var i = 0; i < lanes.length; i++) {
+ if (node.isLane && currentParentId === lanes[parseInt(i.toString(), 10)].id) {
+ laneHeader = this.nameTable[lanes[parseInt(i.toString(), 10)].header.id];
+ }
+ }
+ }
+ else if (node.shape.type === 'SwimLane' && node.shape.header && node.shape.hasHeader) {
+ var id = node.wrapper.children[0].rows[0].cells[0].children[0].id;
+ laneHeader = this.nameTable["" + id];
+ }
+ }
+ this.startTextEdit(laneHeader);
+ };
+ /* tslint:disable */
+ /**
+ * Specified annotation to edit mode
+ *
+ * @returns { void } Specified annotation to edit mode .\
+ * @param {NodeModel | ConnectorModel} node - Defines node/connector that contains the annotation to be edited
+ * @param {string} id - Defines annotation id to be edited in the node
+ */
+ Diagram.prototype.startTextEdit = function (node, id) {
+ if ((!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canZoomPan"])(this) && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canMultiSelect"])(this)) || Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canSingleSelect"])(this)) {
+ this.textEditing = true;
+ var transform = this.scroller.transform;
+ var scale = Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canZoomTextEdit"])(this) ? transform.scale : 1;
+ var minWidth = 90;
+ var text = void 0;
+ var bounds = void 0;
+ var attributes = void 0;
+ var x = void 0;
+ var y = void 0;
+ var textWrapper = void 0;
+ if (!node) {
+ node = (this.selectedItems.nodes[0]) ? this.selectedItems.nodes[0] : this.selectedItems.connectors[0];
+ }
+ if (node) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ var selectedNode = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(node);
+ if (selectedNode.annotations.length > 0) {
+ this.insertValue(selectedNode, (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) ? true : false);
+ }
+ node = this.nameTable[node.id] || node;
+ }
+ if (node.shape && node.shape.type === 'UmlClassifier') {
+ node = this.nameTable[node.children[0]];
+ }
+ var bpmnAnnotation = false;
+ if (this.bpmnModule) {
+ textWrapper = this.bpmnModule.getTextAnnotationWrapper(node, id);
+ if (textWrapper) {
+ node = this.nameTable[node.id.split('_textannotation_')[0]];
+ }
+ }
+ if (!textWrapper) {
+ if (node.shape.type !== 'Text' && node.annotations.length === 0) {
+ if (!(node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].ReadOnly)) {
+ this.activeLabel.isGroup = true;
+ this.startGroupAction();
+ this.addLabels(node, [{ id: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["randomId"])(), content: '' }]);
+ }
+ }
+ if (!id && ((node.shape.type !== 'Text' && node.annotations.length > 0) || (node.shape.type === 'Text'))) {
+ id = (node.shape.type === 'Text') ? (node.wrapper.children[0].id).split('_')[1] : node.annotations[0].id;
+ }
+ if (id) {
+ textWrapper = this.getWrapper(node.wrapper, id);
+ }
+ }
+ else {
+ bpmnAnnotation = true;
+ }
+ if (node && textWrapper && !(textWrapper instanceof _core_elements_html_element__WEBPACK_IMPORTED_MODULE_37__["DiagramHtmlElement"]) &&
+ (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["enableReadOnly"])(textWrapper, node) || bpmnAnnotation)) {
+ var style = (textWrapper.style);
+ var maxWidth = void 0;
+ maxWidth = textWrapper.bounds.width < node.wrapper.bounds.width ? textWrapper.bounds.width : node.wrapper.bounds.width;
+ maxWidth = minWidth > maxWidth ? minWidth : maxWidth;
+ var textEditing = document.getElementById(this.element.id + '_editTextBoxDiv');
+ var textArea = document.getElementById(this.element.id + '_editBox');
+ text = textArea ? textArea.value : textWrapper.content;
+ this.activeLabel.text = text;
+ if (!textEditing && !textArea) {
+ textEditing = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createHtmlElement"])('div', {});
+ textArea = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createHtmlElement"])('textarea', {});
+ this.diagramCanvas.appendChild(textEditing);
+ textEditing.appendChild(textArea);
+ textArea.appendChild(document.createTextNode(text));
+ }
+ bounds = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["measureHtmlText"])(textWrapper.style, text, undefined, undefined, maxWidth);
+ if (bounds.isEmpty()) {
+ if (node.shape.type !== 'Text') {
+ bounds = new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findAnnotation"])(node, (textWrapper.id).split(node.id + '_')[1]).width || 50, textWrapper.style.fontSize);
+ }
+ else {
+ bounds = new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]((node.width > 50) ? 50 : node.width, textWrapper.style.fontSize);
+ }
+ }
+ if (node.parentId && this.nameTable[node.parentId].shape.type === 'UmlClassifier') {
+ bounds.width = node.wrapper.bounds.width - 20;
+ x = ((((node.wrapper.bounds.center.x + transform.tx) * transform.scale) - (bounds.width / 2) * scale) - 2.5);
+ y = ((((node.wrapper.bounds.center.y + transform.ty) * transform.scale) - (bounds.height / 2) * scale) - 3);
+ textWrapper.style.textAlign = 'Left';
+ }
+ else {
+ bounds.width = Math.max(bounds.width, 50);
+ x = ((((textWrapper.bounds.center.x + transform.tx) * transform.scale) - (bounds.width / 2) * scale) - 2.5);
+ y = ((((textWrapper.bounds.center.y + transform.ty) * transform.scale) - (bounds.height / 2) * scale) - 3);
+ }
+ if (node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] && node.type === 'Bezier') {
+ var getCenterPoint = this.getMidPoint(node);
+ x = ((((getCenterPoint.cx + transform.tx) * transform.scale) - (bounds.width / 2) * scale) - 2.5);
+ y = ((((getCenterPoint.cy + transform.ty) * transform.scale) - (bounds.height / 2) * scale) - 3);
+ }
+ attributes = {
+ 'id': this.element.id + '_editTextBoxDiv', 'style': 'position: absolute' + ';left:' + x + 'px;top:' +
+ y + 'px;width:' + ((bounds.width + 1) * scale) + 'px;height:' + (bounds.height * scale) +
+ 'px; containerName:' + node.id + ';'
+ };
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeHtml"])(textEditing, attributes);
+ attributes = {
+ 'id': this.element.id + '_editBox', 'style': 'width:' + ((bounds.width + 1) * scale) +
+ 'px;height:' + (bounds.height * scale) + 'px;resize: none;outline: none;overflow: hidden;' +
+ ';font-family:' + style.fontFamily +
+ ';font-size:' + (style.fontSize * scale) + 'px;text-align:' +
+ (textWrapper.style.textAlign.toLocaleLowerCase()) + ';', 'class': 'e-diagram-text-edit'
+ };
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeHtml"])(textArea, attributes);
+ textArea.style.fontWeight = (style.bold) ? 'bold' : '';
+ textArea.style.fontStyle = (style.italic) ? 'italic' : '';
+ textArea.style.lineHeight = (style.fontSize * 1.2 + 'px;').toString();
+ textArea.style.textDecoration = (style.textDecoration) ? style.textDecoration : '';
+ this.activeLabel.parentId = node.id;
+ this.activeLabel.id = id;
+ textWrapper.visible = false;
+ this.updateDiagramObject(node);
+ this.diagramActions = this.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].TextEdit;
+ if (!this.isTriggerEvent) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(textArea, 'input', this.eventHandler.inputChange, this.eventHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(textArea, 'focusout', this.focusOutEdit, this);
+ textArea.select();
+ }
+ }
+ }
+ }
+ };
+ Diagram.prototype.updateConnectorfixedUserHandles = function (connector) {
+ if (connector.fixedUserHandles.length) {
+ var fixedUserHandleWrapper = void 0;
+ for (var _i = 0, _a = connector.fixedUserHandles; _i < _a.length; _i++) {
+ var fixedUserHandle = _a[_i];
+ fixedUserHandleWrapper = this.getWrapper(connector.wrapper, fixedUserHandle.id);
+ connector.updateAnnotation(fixedUserHandle, connector.intermediatePoints, connector.wrapper.bounds, fixedUserHandleWrapper);
+ }
+ }
+ connector.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](connector.wrapper.width, connector.wrapper.height));
+ connector.wrapper.arrange(connector.wrapper.desiredSize);
+ };
+ /* tslint:enable */
+ Diagram.prototype.updateNodeExpand = function (node, visibility) {
+ for (var i = 0; i < node.outEdges.length; i++) {
+ var connector = this.nameTable[node.outEdges[parseInt(i.toString(), 10)]];
+ var target = this.nameTable[connector.targetID];
+ connector.visible = visibility;
+ if (target) {
+ if (!visibility) {
+ this.updateElementVisibility(connector.wrapper, connector, false);
+ target.isExpanded = visibility;
+ }
+ this.updateNodeExpand(target, target.isExpanded);
+ target.visible = visibility;
+ if (!visibility) {
+ this.updateElementVisibility(target.wrapper, target, false);
+ }
+ }
+ }
+ };
+ Diagram.prototype.updateConnectorAnnotation = function (connector) {
+ if (connector.annotations.length) {
+ var annotationWrapper = void 0;
+ for (var _i = 0, _a = connector.annotations; _i < _a.length; _i++) {
+ var annotation = _a[_i];
+ annotationWrapper = this.getWrapper(connector.wrapper, annotation.id);
+ connector.updateAnnotation(annotation, connector.intermediatePoints, connector.wrapper.bounds, annotationWrapper, (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Interactions));
+ }
+ }
+ connector.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](connector.wrapper.width, connector.wrapper.height));
+ connector.wrapper.arrange(connector.wrapper.desiredSize);
+ };
+ Diagram.prototype.removeChildrenFromLayout = function (nodes) {
+ var nodesCollection = [];
+ var node;
+ var parentId = 'parentId';
+ var processId = 'processId';
+ for (var i = 0; i < nodes.length; i++) {
+ node = nodes[parseInt(i.toString(), 10)];
+ if (!node["" + parentId] && !node["" + processId]) {
+ nodesCollection.push(node);
+ }
+ }
+ return nodesCollection;
+ };
+ /* tslint:disable */
+ /**
+ * Automatically updates the diagram objects based on the type of the layout
+ * @returns { ILayout | boolean } Automatically updates the diagram objects based on the type of the layout .\
+ */
+ Diagram.prototype.doLayout = function () {
+ var update = false;
+ var layout;
+ var canDoOverlap = (this.layout.type === 'ComplexHierarchicalTree' || this.layout.type === 'HierarchicalTree');
+ var propChange = this.isProtectedOnChange;
+ this.protectPropertyChange(true);
+ var nodes = this.removeChildrenFromLayout(this.nodes);
+ var canEnableRouting = this.layout.enableRouting && this.layout.type === 'ComplexHierarchicalTree';
+ var viewPort = { x: this.scroller.viewPortWidth, y: this.scroller.viewPortHeight };
+ if (this.layout.type !== 'None') {
+ if (canEnableRouting || (this.layout.connectionPointOrigin === 'DifferentPoint' && this.lineDistributionModule && canDoOverlap) || this.layout.arrangement === 'Linear') {
+ this.lineDistributionModule.initLineDistribution(this.layout, this);
+ }
+ if (this.organizationalChartModule) {
+ layout = this.organizationalChartModule.updateLayout(nodes, this.nameTable, this.layout, viewPort, this.dataSourceSettings.id, this.diagramActions);
+ update = true;
+ if (this.layoutAnimateModule && layout.rootNode && !this.diagramActions) {
+ this.updateNodeExpand(layout.rootNode, layout.rootNode.isExpanded);
+ }
+ // EJ2-58221 - added to render the layout properly based on parent node isExpanded property.
+ else if (!this.layoutAnimateModule && layout.rootNode && !layout.rootNode.isExpanded && !this.canExpand) {
+ this.updateNodeExpand(layout.rootNode, layout.rootNode.isExpanded);
+ }
+ }
+ else if (this.mindMapChartModule) {
+ if (nodes && nodes.length > 0) {
+ this.mindMapChartModule.updateLayout(nodes, this.nameTable, this.layout, viewPort, this.dataSourceSettings.id, this.dataSourceSettings.root);
+ }
+ update = true;
+ }
+ else if (this.radialTreeModule) {
+ this.radialTreeModule.updateLayout(nodes, this.nameTable, this.layout, viewPort);
+ update = true;
+ }
+ else if (this.symmetricalLayoutModule) {
+ this.symmetricalLayoutModule.maxIteration = this.layout.maxIteration;
+ this.symmetricalLayoutModule.springLength = this.layout.springLength;
+ this.symmetricalLayoutModule.springFactor = this.layout.springFactor;
+ this.symmetricalLayoutModule.updateLayout(nodes, this.connectors, this.symmetricalLayoutModule, this.nameTable, this.layout, viewPort);
+ update = true;
+ }
+ else if (this.complexHierarchicalTreeModule) {
+ var nodes_1 = this.complexHierarchicalTreeModule.getLayoutNodesCollection(this.nodes);
+ if (nodes_1.length > 0) {
+ // eslint-disable-next-line max-len
+ this.complexHierarchicalTreeModule.doLayout(nodes_1, this.nameTable, this.layout, viewPort, this.lineDistributionModule);
+ }
+ update = true;
+ }
+ if (update) {
+ this.preventDiagramUpdate = true;
+ var connectors = {};
+ var updatedNodes = nodes;
+ // BLAZ-22230 - Added condition to check if canUpdateTemplate is false means then we can update the template for blazor
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && !this.commandHandler.canUpdateTemplate) {
+ this.updateTemplate();
+ }
+ for (var _i = 0, updatedNodes_1 = updatedNodes; _i < updatedNodes_1.length; _i++) {
+ var obj = updatedNodes_1[_i];
+ var node = obj;
+ if (!this.preventNodesUpdate && (!this.diagramActions || !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventIconsUpdate))) {
+ this.updateIcon(node);
+ this.updateDefaultLayoutIcons(node);
+ }
+ this.preventNodesUpdate = true;
+ this.nodePropertyChange(node, {}, { offsetX: node.offsetX, offsetY: node.offsetY }, true);
+ this.preventNodesUpdate = false;
+ node.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](node.wrapper.width, node.wrapper.height));
+ node.wrapper.arrange(node.wrapper.desiredSize);
+ this.updateDiagramObject(node, true);
+ if (node.inEdges.length > 0) {
+ for (var j = 0; j < node.inEdges.length; j++) {
+ var connector = this.nameTable[node.inEdges[parseInt(j.toString(), 10)]];
+ connectors[connector.id] = connector;
+ }
+ }
+ if (node.outEdges.length > 0) {
+ for (var k = 0; k < node.outEdges.length; k++) {
+ var connection = this.nameTable[node.outEdges[parseInt(k.toString(), 10)]];
+ connectors[connection.id] = connection;
+ }
+ }
+ }
+ for (var _a = 0, _b = Object.keys(connectors); _a < _b.length; _a++) {
+ var conn = _b[_a];
+ if (canEnableRouting) {
+ this.lineDistributionModule.resetConnectorSegments(this.nameTable["" + conn]);
+ }
+ var connector = connectors["" + conn];
+ var points = this.getPoints(connector);
+ if (canEnableRouting) {
+ this.lineDistributionModule.resetRoutingSegments(connector, this, points);
+ }
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateConnector"])(connector, points);
+ if (connector.shape.type === 'Bpmn' && connector.shape.sequence === 'Default' && connector.shape.flow === 'Sequence') {
+ this.commandHandler.updatePathElementOffset(connector);
+ }
+ connector.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](undefined, undefined));
+ connector.wrapper.arrange(connector.wrapper.desiredSize);
+ this.updateConnectorAnnotation(connector);
+ this.updateConnectorfixedUserHandles(connector);
+ this.updateQuad(connector);
+ this.updateDiagramObject(connector, true);
+ }
+ if (canEnableRouting || this.layout.connectionPointOrigin === 'DifferentPoint' && this.lineDistributionModule && canDoOverlap) {
+ this.lineDistributionModule.distributeLines(this.layout, this);
+ }
+ this.preventDiagramUpdate = false;
+ this.updatePage();
+ if ((!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Render)) || this.mode === 'Canvas') {
+ this.refreshDiagramLayer();
+ this.isRefreshed = true;
+ }
+ }
+ if (!propChange) {
+ this.protectPropertyChange(propChange);
+ }
+ }
+ if (update) {
+ this.updateDiagramElementQuad();
+ }
+ return ((this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].expandNode) ? layout : Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() ? null : true);
+ };
+ /* tslint:enable */
+ /**
+ * Serializes the diagram control as a string
+ * @returns { string } Serializes the diagram control as a string .\
+ */
+ Diagram.prototype.saveDiagram = function () {
+ var children = [];
+ var node;
+ var grid;
+ var childTable;
+ var child;
+ var gridChild = 'childTable';
+ for (var i = 0; i < this.nodes.length; i++) {
+ node = this.nodes[parseInt(i.toString(), 10)];
+ if (node.shape.type === 'SwimLane') {
+ grid = node.wrapper.children[0];
+ childTable = grid["" + gridChild];
+ for (var _i = 0, _a = Object.keys(childTable); _i < _a.length; _i++) {
+ var key = _a[_i];
+ child = childTable["" + key];
+ children = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getChild"])(child, children);
+ }
+ for (var i_2 = 0; i_2 < children.length; i_2++) {
+ if (this.nameTable[children[parseInt(i_2.toString(), 10)]]) {
+ this.swimlaneChildTable[children[parseInt(i_2.toString(), 10)]] = this.nameTable[children[parseInt(i_2.toString(), 10)]].zIndex;
+ }
+ }
+ this.swimlaneZIndexTable[node.id] = node.zIndex;
+ }
+ }
+ return Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["serialize"])(this);
+ };
+ /**
+ * Converts the given string as a Diagram Control
+ *
+ * @returns { Object } Converts the given string as a Diagram Control .\
+ * @param {string} data - Defines the behavior of the diagram to be loaded
+
+ */
+ Diagram.prototype.loadDiagram = function (data, isEJ1Data) {
+ if (isEJ1Data && this.modelProperties) {
+ var ejDiagram = JSON.parse(data);
+ data = this.modelProperties.getSerializedData(ejDiagram);
+ }
+ return Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["deserialize"])(data, this);
+ };
+ /**
+ * To get the html diagram content
+ *
+ * @returns { string } getDirection method .\
+ * @param {StyleSheetList} styleSheets - defines the collection of style files to be considered while exporting.
+ */
+ Diagram.prototype.getDiagramContent = function (styleSheets) {
+ if (this.printandExportModule) {
+ var data = this.printandExportModule.getDiagramContent(styleSheets);
+ return data;
+ }
+ return '';
+ };
+ /**
+ * To export diagram native/html image
+ *
+ * @returns { void } To export diagram native/html image .\
+ * @param {string} image - defines image content to be exported.
+ * @param {IExportOptions} options - defines the image properties.
+ */
+ Diagram.prototype.exportImage = function (image, options) {
+ if (this.printandExportModule) {
+ this.printandExportModule.exportImages(image, options);
+ }
+ };
+ /**
+ * To print native/html nodes of diagram
+ *
+ * @returns { void } To print native/html nodes of diagram .\
+ * @param {string} image - defines image content.
+ * @param {IExportOptions} options - defines the properties of the image
+ */
+ Diagram.prototype.printImage = function (image, options) {
+ if (this.printandExportModule) {
+ options.printOptions = true;
+ this.printandExportModule.exportImages(image, options);
+ }
+ };
+ /**
+ * To limit the history entry of the diagram
+ *
+ * @returns { void } To limit the history entry of the diagram.\
+ * @param {number} stackLimit - defines stackLimit of the history manager.
+ */
+ Diagram.prototype.setStackLimit = function (stackLimit) {
+ if (this.undoRedoModule && stackLimit) {
+ this.historyManager.stackLimit = stackLimit;
+ this.undoRedoModule.applyLimit(this.historyManager.currentEntry, stackLimit, this, true);
+ }
+ };
+ /**
+ * To clear history of the diagram
+ * @returns { void } To clear history of the diagram .\
+ */
+ Diagram.prototype.clearHistory = function () {
+ if (this.undoRedoModule) {
+ this.undoRedoModule.clearHistory(this);
+ }
+ };
+ /**
+ * To get the bound of the diagram
+ * @returns { void } To get the bound of the diagram .\
+ */
+ Diagram.prototype.getDiagramBounds = function () {
+ if (this.printandExportModule) {
+ var bounds = this.printandExportModule.getDiagramBounds('', {});
+ bounds.width = bounds.width > this.scrollSettings.viewPortWidth ?
+ bounds.width + (bounds.x > 0 ? bounds.x : 0) : this.scrollSettings.viewPortWidth;
+ bounds.height = bounds.height > this.scrollSettings.viewPortHeight ?
+ bounds.height + (bounds.y > 0 ? bounds.y : 0) : this.scrollSettings.viewPortHeight;
+ bounds.x = bounds.x > 0 ? 0 : bounds.x;
+ bounds.y = bounds.y > 0 ? 0 : bounds.y;
+ return bounds;
+ }
+ return new _primitives_rect__WEBPACK_IMPORTED_MODULE_17__["Rect"]();
+ };
+ /**
+ * To export Diagram
+ *
+ * @returns { void } To export Diagram .\
+ * @param {IExportOptions} options - defines the how the image to be exported.
+ */
+ Diagram.prototype.exportDiagram = function (options) {
+ if (this.printandExportModule) {
+ var data = this.printandExportModule.exportDiagram(options);
+ return data;
+ }
+ return '';
+ };
+ /**
+ * To print Diagram
+ *
+ * @returns { void } To print Diagram .\
+ * @param {IPrintOptions} optons - defines how the image to be printed.
+ */
+ Diagram.prototype.print = function (options) {
+ if (this.printandExportModule) {
+ this.printandExportModule.print(options);
+ }
+ };
+ /**
+ * Add ports at the run time \
+ *
+ * @returns { void } Remove Labels at the run time .\
+ * @param { Node | ConnectorModel} obj - provide the obj value.
+ * @param {ShapeAnnotationModel[] | PathAnnotationModel[]} ports - provide the ports value.
+ * @blazorArgsType obj|DiagramNode
+ */
+ Diagram.prototype.addPorts = function (obj, ports) {
+ this.protectPropertyChange(true);
+ var portCollection = [];
+ var isAddPortInServer = true;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && obj !== null && (obj.ports.length > 0 && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo))) {
+ var index = Number(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findObjectIndex"])(obj, ports[0].id, false));
+ if (index !== -1) {
+ isAddPortInServer = false;
+ }
+ }
+ obj = this.nameTable[obj.id] || obj;
+ var newObj;
+ if (ports.length > 1) {
+ this.startGroupAction();
+ }
+ for (var i = 0; i < ports.length; i++) {
+ newObj = new _objects_port__WEBPACK_IMPORTED_MODULE_34__["PointPort"](obj, 'ports', ports[parseInt(i.toString(), 10)], true);
+ obj.ports.push(newObj);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && isAddPortInServer) {
+ portCollection.push(newObj);
+ }
+ if (obj.children) {
+ var container = obj.wrapper;
+ obj.initPort(this.getDescription, obj.wrapper.children[container.children.length - 1], newObj);
+ }
+ else {
+ var canvas = obj.wrapper;
+ canvas.children.push(obj.initPortWrapper(obj.ports[obj.ports.length - 1]));
+ }
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo) && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Group)) {
+ var entry = {
+ type: 'PortCollectionChanged', changeType: 'Insert', undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(newObj),
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj), category: 'Internal'
+ };
+ this.addHistoryEntry(entry);
+ }
+ }
+ if (ports.length > 1) {
+ this.endGroupAction();
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && isAddPortInServer) {
+ this.UpdateBlazorLabelOrPortObjects(portCollection, 'Port', undefined, this.nodes.indexOf(obj));
+ }
+ obj.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](obj.width, obj.height));
+ obj.wrapper.arrange(obj.wrapper.desiredSize);
+ this.updateDiagramObject(obj);
+ this.protectPropertyChange(false);
+ };
+ /**
+ * Add constraints at run time \
+ *
+ * @returns { void }Add constraints at run time .\
+ * @param {number} constraintsType - provide the source value.
+ * @param {number} constraintsValue - provide the target value.
+ *
+ */
+ Diagram.prototype.addConstraints = function (constraintsType, constraintsValue) {
+ return constraintsType | constraintsValue;
+ };
+ /**
+ * Remove constraints at run time \
+ *
+ * @returns { void }Remove constraints at run time .\
+ * @param {number} constraintsType - provide the source value.
+ * @param {number} constraintsValue - provide the target value.
+ *
+ */
+ Diagram.prototype.removeConstraints = function (constraintsType, constraintsValue) {
+ return constraintsType & ~constraintsValue;
+ };
+ /**
+ * Add labels in node at the run time in the blazor platform \
+ *
+ * @returns { void } Add labels in node at the run time in the blazor platform .\
+ * @param {NodeModel} obj - provide the obj value.
+ * @param {ShapeAnnotationModel[]} labels - provide the labels value.
+ *
+ */
+ Diagram.prototype.addNodeLabels = function (obj, labels) {
+ this.addLabels(obj, labels);
+ };
+ /**
+ * Add labels in connector at the run time in the blazor platform\
+ *
+ * @returns { void } Add labels in connector at the run time in the blazor platform .\
+ * @param {ConnectorModel} obj - provide the obj value.
+ * @param {PathAnnotationModel[]} labels - provide the labels value.
+ *
+ */
+ Diagram.prototype.addConnectorLabels = function (obj, labels) {
+ this.addLabels(obj, labels);
+ };
+ /**
+ * Add Labels at the run time \
+ *
+ * @returns { void } Add Labels at the run time .\
+ * @param {NodeModel | ConnectorModel} obj - provide the obj value.
+ * @param {ShapeAnnotationModel[] | PathAnnotation[] | PathAnnotationModel[]} labels - provide the labels value.
+ *
+ */
+ Diagram.prototype.addLabels = function (obj, labels) {
+ this.protectPropertyChange(true);
+ var isAddLabelInServer = true;
+ var annotationCollection = [];
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && obj != null && obj.annotations.length > 0 && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) {
+ var index = Number(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findObjectIndex"])(obj, labels[0].id, true));
+ if (index !== -1) {
+ isAddLabelInServer = false;
+ }
+ }
+ obj = this.nameTable[obj.id] || obj;
+ var canvas = obj.wrapper;
+ var newObj;
+ if (labels.length > 1) {
+ this.startGroupAction();
+ }
+ for (var i = 0; i < labels.length; i++) {
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ newObj = new _objects_annotation__WEBPACK_IMPORTED_MODULE_19__["ShapeAnnotation"](obj, 'annotations', labels[parseInt(i.toString(), 10)], true);
+ obj.annotations.push(newObj);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && isAddLabelInServer) {
+ annotationCollection.push(newObj);
+ }
+ if (obj.children) {
+ var node = obj;
+ for (var i_3 = 0; i_3 < node.wrapper.children.length; i_3++) {
+ if (node.wrapper.children[parseInt(i_3.toString(), 10)].id === node.id + 'group_container') {
+ var container = node.wrapper.children[parseInt(i_3.toString(), 10)];
+ container.children.push(obj.initAnnotationWrapper(obj.annotations[obj.annotations.length - 1], this.element.id));
+ }
+ }
+ }
+ else {
+ canvas.children.push(obj.initAnnotationWrapper(obj.annotations[obj.annotations.length - 1], this.element.id));
+ }
+ }
+ else if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ newObj = new _objects_annotation__WEBPACK_IMPORTED_MODULE_19__["PathAnnotation"](obj, 'annotations', labels[parseInt(i.toString(), 10)], true);
+ obj.annotations.push(newObj);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && isAddLabelInServer) {
+ annotationCollection.push(newObj);
+ }
+ var segment = canvas.children[0];
+ var bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_17__["Rect"](segment.offsetX - segment.width / 2, segment.offsetY - segment.height / 2, segment.width, segment.height);
+ canvas.children.push(obj.getAnnotationElement(obj.annotations[obj.annotations.length - 1], obj.intermediatePoints, bounds, this.getDescription, this.element.id));
+ }
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo) && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Group)) {
+ var entry = {
+ type: 'LabelCollectionChanged', changeType: 'Insert', undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(newObj),
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj), category: 'Internal'
+ };
+ this.addHistoryEntry(entry);
+ }
+ }
+ if (labels.length > 1) {
+ this.endGroupAction();
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && isAddLabelInServer) {
+ this.UpdateBlazorLabelOrPortObjects(annotationCollection, (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) ? 'NodeAnnotation' : 'ConnectorAnnotation', undefined, (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) ? this.nodes.indexOf(obj) : this.connectors.indexOf(obj));
+ }
+ obj.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](canvas.width, canvas.height));
+ obj.wrapper.arrange(canvas.desiredSize);
+ this.updateDiagramObject(obj);
+ this.protectPropertyChange(false);
+ };
+ /**
+ * Add dynamic Lanes to swimLane at runtime \
+ *
+ * @returns { void } Add dynamic Lanes to swimLane at runtime .\
+ * @param {NodeModel} node - provide the obj value.
+ * @param {LaneModel[]} lane - provide the labels value.
+ * @param {number} index - provide the labels value.
+ *
+ */
+ Diagram.prototype.addLanes = function (node, lane, index) {
+ node = this.nameTable[node.id] || node;
+ for (var i = 0; i < lane.length; i++) {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["addLane"])(this, node, lane[parseInt(i.toString(), 10)], index);
+ if (index !== undefined) {
+ index += 1;
+ }
+ }
+ this.updateDiagramElementQuad();
+ };
+ /**
+ * Add a phase to a swimLane at runtime \
+ *
+ * @returns { void } Add a phase to a swimLane at runtime .\
+ * @param {NodeModel} node - provide the obj value.
+ * @param {PhaseModel[]} phases - provide the labels value.
+ *
+ */
+ Diagram.prototype.addPhases = function (node, phases) {
+ node = this.nameTable[node.id] || node;
+ for (var i = 0; i < phases.length; i++) {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["addPhase"])(this, node, phases[parseInt(i.toString(), 10)]);
+ }
+ this.updateDiagramElementQuad();
+ };
+ /**
+ *Remove dynamic Lanes to swimLane at runtime \
+ *
+ * @returns { void } Remove dynamic Lanes to swimLane at runtime .\
+ * @param {NodeModel} node - provide the node value.
+ * @param {LaneModel} lane - provide the lane value.
+ *
+ */
+ Diagram.prototype.removeLane = function (node, lane) {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["removeLane"])(this, undefined, node, lane);
+ this.updateDiagramElementQuad();
+ };
+ /**
+ *Remove a phase to a swimLane at runtime \
+ *
+ * @returns { void } Remove a phase to a swimLane at runtime .\
+ * @param {NodeModel} node - provide the node value.
+ * @param {PhaseModel} phase - provide the phase value.
+ *
+ */
+ Diagram.prototype.removePhase = function (node, phase) {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["removePhase"])(this, undefined, node, phase);
+ this.updateDiagramElementQuad();
+ };
+ Diagram.prototype.removelabelExtension = function (obj, labels, j, wrapper) {
+ for (var i = 0; i < wrapper.children.length; i++) {
+ var canvas = wrapper.children[parseInt(i.toString(), 10)];
+ if ((canvas instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_16__["TextElement"]) || (canvas instanceof _core_elements_html_element__WEBPACK_IMPORTED_MODULE_37__["DiagramHtmlElement"])) {
+ if (canvas.id.match('_' + labels[parseInt(j.toString(), 10)].id + '$')) {
+ for (var k = 0; k < obj.annotations.length; k++) {
+ if (canvas.id.match('_' + obj.annotations[parseInt(k.toString(), 10)].id + '$')) {
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) {
+ var entry = {
+ type: 'LabelCollectionChanged', changeType: 'Remove', undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj.annotations[parseInt(k.toString(), 10)]),
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj), category: 'Internal'
+ };
+ this.addHistoryEntry(entry);
+ }
+ obj.annotations.splice(k, 1);
+ }
+ }
+ wrapper.children.splice(i, 1);
+ if (this.mode === 'SVG') {
+ var element = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(canvas.id, this.element.id);
+ if (element) {
+ var element_1 = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(canvas.id, this.element.id);
+ element_1.parentNode.removeChild(element_1);
+ }
+ var textElement = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(canvas.id + '_text', this.element.id);
+ if (textElement) {
+ element = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(canvas.id + '_text', this.element.id);
+ element.parentNode.removeChild(element);
+ }
+ var htmlElement = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(canvas.id + '_html_element', this.element.id);
+ if (htmlElement) {
+ htmlElement.parentNode.removeChild(htmlElement);
+ }
+ }
+ else {
+ this.refreshCanvasLayers();
+ }
+ }
+ }
+ }
+ };
+ /**
+ * Remove Labels at the run time \
+ *
+ * @returns { string } Remove Labels at the run time .\
+ * @param { Node | ConnectorModel} obj - provide the obj value.
+ * @param {ShapeAnnotationModel[] | PathAnnotationModel[]} labels - provide the labels value.
+ *
+ */
+ Diagram.prototype.removeLabels = function (obj, labels) {
+ var isAddLabelInServer = true;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && obj !== null && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) {
+ var index = (obj.annotations.length > 0) ? Number(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findObjectIndex"])(obj, (labels[0]).id, true)) : -1;
+ if (index === -1) {
+ isAddLabelInServer = false;
+ }
+ }
+ obj = this.nameTable[obj.id] || obj;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && isAddLabelInServer) {
+ var annotationCollection = [];
+ var removalIndexCollection = [];
+ for (var j = 0; j < labels.length; j++) {
+ var index = Number(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findObjectIndex"])(obj, labels[parseInt(j.toString(), 10)].id, true));
+ removalIndexCollection.push(index);
+ annotationCollection.push(labels[parseInt(j.toString(), 10)]);
+ }
+ this.UpdateBlazorLabelOrPortObjects(annotationCollection, (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) ? 'NodeAnnotation' : 'ConnectorAnnotation', removalIndexCollection, (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) ? this.nodes.indexOf(obj) : this.connectors.indexOf(obj));
+ }
+ if (labels.length > 1) {
+ this.startGroupAction();
+ }
+ for (var j = labels.length - 1; j >= 0; j--) {
+ if (obj.children && obj.children.length > 0) {
+ for (var k = 0; k < obj.wrapper.children.length; k++) {
+ this.removelabelExtension(obj, labels, j, obj.wrapper.children[parseInt(k.toString(), 10)]);
+ }
+ }
+ else {
+ this.removelabelExtension(obj, labels, j, obj.wrapper);
+ }
+ }
+ if (labels.length > 1) {
+ this.endGroupAction();
+ }
+ };
+ Diagram.prototype.removePortsExtenion = function (obj, ports, j, wrapper) {
+ for (var i = 0; i < wrapper.children.length; i++) {
+ var canvas = wrapper.children[parseInt(i.toString(), 10)];
+ if (canvas instanceof _core_elements_path_element__WEBPACK_IMPORTED_MODULE_15__["PathElement"]) {
+ if (canvas.id.match('_' + ports[parseInt(j.toString(), 10)].id + '$')) {
+ for (var k = 0; k < obj.ports.length; k++) {
+ if (canvas.id.match('_' + obj.ports[parseInt(k.toString(), 10)].id + '$')) {
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) {
+ var entry = {
+ type: 'PortCollectionChanged', changeType: 'Remove', undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj.ports[parseInt(k.toString(), 10)]),
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj), category: 'Internal'
+ };
+ this.addHistoryEntry(entry);
+ }
+ obj.ports.splice(k, 1);
+ }
+ }
+ wrapper.children.splice(i, 1);
+ if (this.mode === 'SVG') {
+ var element = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(canvas.id, this.element.id);
+ element.parentNode.removeChild(element);
+ }
+ else {
+ this.refreshCanvasLayers();
+ }
+ }
+ }
+ }
+ };
+ /**
+ * Remove Ports at the run time \
+ *
+ * @returns { void } checkSourcePointInTarget method .\
+ * @param {Node} obj - provide the Connector value.
+ * @param {PointPortModel[]} ports - provide the Connector value.
+ *
+ */
+ Diagram.prototype.removePorts = function (obj, ports) {
+ var isAddPortInServer = true;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && obj !== null && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) {
+ var index = (obj.ports.length > 0) ? Number(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findObjectIndex"])(obj, ports[0].id, false)) : -1;
+ if (index === -1) {
+ isAddPortInServer = false;
+ }
+ }
+ obj = this.nameTable[obj.id] || obj;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && isAddPortInServer) {
+ var removalIndexCollection = [];
+ var portCollection = [];
+ for (var j = ports.length - 1; j >= 0; j--) {
+ var index = Number(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findObjectIndex"])(obj, ports[parseInt(j.toString(), 10)].id, false));
+ removalIndexCollection.push(index);
+ portCollection.push(ports[parseInt(j.toString(), 10)]);
+ }
+ this.UpdateBlazorLabelOrPortObjects(portCollection, 'Port', removalIndexCollection, this.nodes.indexOf(obj));
+ }
+ if (ports.length > 1) {
+ this.startGroupAction();
+ }
+ for (var j = ports.length - 1; j >= 0; j--) {
+ if (obj.children && obj.children.length > 0) {
+ for (var k = 0; k < obj.wrapper.children.length; k++) {
+ //EJ2-66928 Bug- added for ungroup Issue to only remove the grouping ports and not to remove ports of the children nodes
+ var wrapper = obj.wrapper.children[parseInt(k.toString(), 10)];
+ if ((wrapper.id).match(obj.wrapper.id)) {
+ this.removePortsExtenion(obj, ports, j, obj.wrapper.children[parseInt(k.toString(), 10)]);
+ }
+ }
+ }
+ else {
+ this.removePortsExtenion(obj, ports, j, obj.wrapper);
+ }
+ }
+ if (ports.length > 1) {
+ this.endGroupAction();
+ }
+ };
+ //public methods - end region
+ /**
+ * getSizeValue method \
+ *
+ * @returns { string } getSizeValue method .\
+ * @param {string | number} real - provide the real value.
+ * @param {string | number} rulerSize - provide the rulerSize value.
+ *
+ * @private
+ */
+ Diagram.prototype.getSizeValue = function (real, rulerSize) {
+ var value;
+ if (real.toString().indexOf('px') > 0) {
+ value = real.toString();
+ }
+ else if (real.toString().indexOf('%') > 0) {
+ value = rulerSize !== undefined ? '100%' : real.toString();
+ }
+ else {
+ value = real.toString() + 'px';
+ }
+ if (rulerSize) {
+ var position = Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_12__["getRulerSize"])(this);
+ value = 'calc(' + value + ' - ' + rulerSize + 'px)';
+ }
+ return value;
+ };
+ Diagram.prototype.renderRulers = function () {
+ if (this.rulerSettings.showRulers) {
+ Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_12__["renderOverlapElement"])(this);
+ Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_12__["renderRuler"])(this, true);
+ Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_12__["renderRuler"])(this, false);
+ }
+ else {
+ Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_12__["removeRulerElements"])(this);
+ }
+ };
+ Diagram.prototype.intOffPageBackground = function () {
+ var position = new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]();
+ position = Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_12__["getRulerSize"])(this);
+ var element = document.getElementById(this.element.id + 'content');
+ var width = this.getSizeValue(this.width, position.width);
+ var height = this.getSizeValue(this.height, position.height);
+ var style = this.rulerSettings.showRulers ?
+ 'width:' + width + '; height:' + height + ';' +
+ 'top:' + position.height + 'px;left:' + position.width + 'px;' +
+ 'overflow: scroll;position:absolute;overflow:auto;' :
+ 'width:' + width + '; height:' + height + ';position:absolute;' +
+ ' left:0px; top:0px;overflow: auto;';
+ var attr = {
+ 'id': this.element.id + 'content',
+ 'tabindex': '0',
+ 'style': style
+ };
+ if (!element) {
+ this.diagramCanvas = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createHtmlElement"])('div', attr);
+ this.element.appendChild(this.diagramCanvas);
+ }
+ else {
+ this.diagramCanvas = element;
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["applyStyleAgainstCsp"])(this.diagramCanvas, style);
+ }
+ this.diagramCanvas.style.background = this.backgroundColor;
+ };
+ Diagram.prototype.initDiagram = function () {
+ this.intOffPageBackground();
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeHtml"])(this.element, {
+ style: 'width:' + this.getSizeValue(this.width) + '; height:'
+ + this.getSizeValue(this.height) + ';position:relative;overflow:hidden;'
+ });
+ };
+ Diagram.prototype.renderHiddenUserHandleTemplateLayer = function (bounds) {
+ //let element: HTMLElement;
+ var attributes = {
+ 'class': this.element.id + '_hiddenUserHandleTemplate',
+ 'style': 'width:' + bounds.width + 'px; height:' + bounds.height + 'px;' + 'visibility:hidden ; overflow: hidden;'
+ };
+ var element = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createHtmlElement"])('div', attributes);
+ this.element.appendChild(element);
+ };
+ Diagram.prototype.renderBackgroundLayer = function (bounds, commonStyle) {
+ var bgLayer = this.createSvg(this.element.id + '_backgroundLayer_svg', bounds.width, bounds.height);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["applyStyleAgainstCsp"])(bgLayer, commonStyle);
+ var backgroundImage = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createSvgElement"])('g', {
+ 'id': this.element.id + '_backgroundImageLayer',
+ 'class': 'e-background-image-layer'
+ });
+ bgLayer.appendChild(backgroundImage);
+ var attr = { 'id': this.element.id + '_backgroundLayer', 'class': 'e-background-layer' };
+ var background = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createSvgElement"])('g', attr);
+ bgLayer.appendChild(background);
+ this.diagramCanvas.appendChild(bgLayer);
+ };
+ Diagram.prototype.renderGridLayer = function (bounds, commonStyle) {
+ var svgGridSvg = this.createSvg(this.element.id + '_gridline_svg', bounds.width, bounds.height);
+ svgGridSvg.setAttribute('class', 'e-grid-layer');
+ var svgGrid = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createSvgElement"])('g', { 'id': this.element.id + '_gridline' });
+ var rect = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createSvgElement"])('rect', {
+ 'id': this.element.id + '_grid_rect', 'x': '0', 'y': '0', 'width': '100%', 'height': '100%'
+ });
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["checkBrowserInfo"])()) {
+ //EJ2-832888-To remove the black grid lines appearing in the safari browser.
+ var url = new URL(window.location.href);
+ // Check if the URL contains a query string
+ if (url.search !== '') {
+ rect.setAttribute('fill', 'url(#' + this.element.id + '_pattern)');
+ }
+ else {
+ rect.setAttribute('fill', 'url(' + location.protocol + '//' + location.host + location.pathname +
+ '#' + this.element.id + '_pattern)');
+ }
+ }
+ else {
+ rect.setAttribute('fill', 'url(#' + this.element.id + '_pattern)');
+ }
+ svgGrid.appendChild(rect);
+ svgGridSvg.appendChild(svgGrid);
+ this.diagramCanvas.appendChild(svgGridSvg);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeSvg"])(svgGridSvg, { 'style': commonStyle });
+ };
+ Diagram.prototype.renderDiagramLayer = function (bounds, commonStyle) {
+ var attributes = {
+ 'id': this.element.id + '_diagramLayer_div',
+ 'style': 'width:' + bounds.width + 'px; height:' + bounds.height + 'px;' + commonStyle
+ };
+ this.diagramLayerDiv = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createHtmlElement"])('div', attributes);
+ if (this.mode === 'SVG') {
+ var diagramSvg = this.createSvg(this.element.id + '_diagramLayer_svg', bounds.width, bounds.height);
+ diagramSvg.style['pointer-events'] = 'none';
+ diagramSvg.setAttribute('class', 'e-diagram-layer');
+ var diagramLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createSvgElement"])('g', { 'id': this.element.id + '_diagramLayer' });
+ var transformationLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createSvgElement"])('g', {});
+ this.diagramLayer = diagramLayer;
+ diagramSvg.style['pointer-events'] = 'all';
+ transformationLayer.appendChild(diagramLayer);
+ diagramSvg.appendChild(transformationLayer);
+ this.diagramLayerDiv.appendChild(diagramSvg);
+ }
+ else {
+ this.diagramLayer = _rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_1__["CanvasRenderer"].createCanvas(this.element.id + '_diagram', bounds.width, bounds.height);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["applyStyleAgainstCsp"])(this.diagramLayer, 'position:absolute;left:0px;top:0px;');
+ this.diagramLayerDiv.appendChild(this.diagramLayer);
+ }
+ this.diagramCanvas.appendChild(this.diagramLayerDiv);
+ };
+ Diagram.prototype.initLayers = function () {
+ var commonStyle = 'position:absolute;top:0px;left:0px;overflow:hidden;pointer-events:none;';
+ var container = document.getElementById(this.element.id);
+ var bounds = container.getBoundingClientRect();
+ var scrollerSize = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getScrollerWidth"])();
+ this.scroller.scrollerWidth = scrollerSize;
+ this.scroller.setViewPortSize(bounds.width, bounds.height);
+ this.renderRulers();
+ var measureWindowElement = 'measureElement';
+ if (window["" + measureWindowElement]) {
+ window["" + measureWindowElement] = null;
+ var measureElements = document.getElementById('measureElement');
+ measureElements.remove();
+ }
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createMeasureElements"])();
+ // this.renderBackgroundImageLayer(bounds, commonStyle);
+ this.renderBackgroundLayer(bounds, commonStyle);
+ this.renderGridLayer(bounds, commonStyle);
+ this.renderDiagramLayer(bounds, commonStyle);
+ this.renderHTMLLayer(bounds, commonStyle);
+ this.renderPortsExpandLayer(bounds, commonStyle);
+ this.renderNativeLayer(bounds, commonStyle);
+ this.renderAdornerLayer(bounds, commonStyle);
+ this.renderHiddenUserHandleTemplateLayer(bounds);
+ };
+ Diagram.prototype.renderAdornerLayer = function (bounds, commonStyle) {
+ var divElement = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createHtmlElement"])('div', {
+ 'id': this.element.id + '_diagramAdornerLayer',
+ 'style': 'width:' + bounds.width + 'px;height:' + bounds.height + 'px;' + commonStyle
+ });
+ var element = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createHtmlElement"])('div', {
+ 'id': this.element.id + '_diagramUserHandleLayer',
+ 'style': 'width:' + bounds.width + 'px;height:' + bounds.height + 'px;' + commonStyle
+ });
+ element.setAttribute('class', 'e-userHandle-layer');
+ divElement.appendChild(element);
+ var svgAdornerSvg = this.createSvg(this.element.id + '_diagramAdorner_svg', bounds.width, bounds.height);
+ svgAdornerSvg.setAttribute('class', 'e-adorner-layer');
+ svgAdornerSvg.style['pointer-events'] = 'none';
+ this.adornerLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createSvgElement"])('g', { 'id': this.element.id + '_diagramAdorner' });
+ this.adornerLayer.style[' pointer-events'] = 'all';
+ svgAdornerSvg.appendChild(this.adornerLayer);
+ divElement.appendChild(svgAdornerSvg);
+ this.diagramCanvas.appendChild(divElement);
+ var svgSelector = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createSvgElement"])('g', { 'id': this.element.id + '_SelectorElement' });
+ this.adornerLayer.appendChild(svgSelector);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeSvg"])(svgAdornerSvg, { style: 'pointer-events:none;' });
+ };
+ Diagram.prototype.renderPortsExpandLayer = function (bounds, commonStyle) {
+ var svgPortsSvg = this.createSvg(this.element.id + '_diagramPorts_svg', bounds.width, bounds.height);
+ svgPortsSvg.setAttribute('class', 'e-ports-expand-layer');
+ var svgPortsLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createSvgElement"])('g', {
+ 'id': this.element.id + '_diagramPorts',
+ 'class': 'e-ports-layer',
+ 'style': 'pointer-events: all;'
+ });
+ svgPortsSvg.appendChild(svgPortsLayer);
+ var svgExpandLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createSvgElement"])('g', {
+ 'id': this.element.id + '_diagramExpander',
+ 'class': 'e-expand-layer',
+ 'style': 'pointer-events: all;'
+ });
+ svgPortsSvg.appendChild(svgExpandLayer);
+ this.diagramCanvas.appendChild(svgPortsSvg);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeSvg"])(svgPortsSvg, { 'style': commonStyle });
+ };
+ Diagram.prototype.renderHTMLLayer = function (bounds, commonStyle) {
+ this.htmlLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createHtmlElement"])('div', {
+ 'id': this.element.id + '_htmlLayer',
+ 'style': 'width:' + bounds.width + 'px; height:' + bounds.height + 'px;position:absolute;top:0px;' +
+ 'left:0px;overflow:hidden;pointer-events:none;',
+ 'class': 'e-html-layer'
+ });
+ var htmlLayerDiv = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createHtmlElement"])('div', {
+ 'id': this.element.id + '_htmlLayer_div',
+ 'style': 'position:absolute;top:0px;left:0px;pointer-events:all;'
+ });
+ this.htmlLayer.appendChild(htmlLayerDiv);
+ this.diagramCanvas.appendChild(this.htmlLayer);
+ };
+ Diagram.prototype.renderNativeLayer = function (bounds, commonStyle) {
+ var nativeLayerSvg = this.createSvg(this.element.id + '_nativeLayer_svg', bounds.width, bounds.height);
+ var nativeLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["createSvgElement"])('g', { 'id': this.element.id + '_nativeLayer', 'style': 'pointer-events:all;' });
+ nativeLayerSvg.appendChild(nativeLayer);
+ this.diagramLayerDiv.appendChild(nativeLayerSvg);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeSvg"])(nativeLayerSvg, { 'class': 'e-native-layer', 'style': commonStyle });
+ };
+ /**
+ * createSvg method \
+ *
+ * @returns { void } createSvg method .\
+ * @param {string} id - provide the source value.
+ * @param {string | number} width - provide the source value.
+ * @param {string | number} height - provide the source value.
+ *
+ * @private
+ */
+ Diagram.prototype.createSvg = function (id, width, height) {
+ var svgObj = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeSvg"])(svgObj, { 'id': id, 'width': width, 'height': height });
+ return svgObj;
+ };
+ Diagram.prototype.updateBazorShape = function () {
+ for (var i = 0; i < this.nodes.length; i++) {
+ var node = this.nodes[parseInt(i.toString(), 10)];
+ switch (node.shape.type) {
+ case 'Bpmn':
+ node.shape.bpmnShape =
+ node.shape.shape ? node.shape.shape
+ : node.shape.bpmnShape;
+ break;
+ case 'UmlActivity':
+ node.shape.umlActivityShape =
+ node.shape.shape ? node.shape.shape
+ : node.shape.umlActivityShape;
+ break;
+ case 'Flow':
+ node.shape.flowShape =
+ node.shape.shape ? node.shape.shape
+ : node.shape.flowShape;
+ break;
+ case 'Basic':
+ node.shape.basicShape =
+ node.shape.shape ? node.shape.shape
+ : node.shape.basicShape;
+ break;
+ case 'Text':
+ node.shape.textContent =
+ node.shape.content ? node.shape.content
+ : node.shape.textContent;
+ break;
+ }
+ }
+ };
+ Diagram.prototype.initObjects = function (isLoad) {
+ this.updateBazorShape();
+ if (!this.isLoading) {
+ this.initData();
+ }
+ this.initLayerObjects();
+ this.updateBridging(isLoad);
+ };
+ /**
+ * initLayerObjects method \
+ *
+ * @returns { void } initLayerObjects method .\
+ *
+ * @private
+ */
+ Diagram.prototype.initLayerObjects = function () {
+ var hasLayers = this.layers.length > 1; //const set: boolean = false;
+ var connectors = [];
+ var blazor = 'Blazor';
+ var canCloneObject = window && window["" + blazor] && !this.dataSourceSettings.dataSource;
+ var tempTabel = {};
+ var bpmnTable = {};
+ var tempNode = [];
+ var groups = [];
+ var i = 0;
+ var previousNodeObject = [];
+ var previousConnectorObject = [];
+ var updateNodeObject = [];
+ var updateConnectorObject = [];
+ var changeNodes = [];
+ var changeConnectors = [];
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && canCloneObject) {
+ previousNodeObject = this.previousNodeCollection;
+ previousConnectorObject = this.previousConnectorCollection;
+ }
+ for (var _i = 0, _a = this.nodes; _i < _a.length; _i++) {
+ var obj = _a[_i];
+ obj.id = obj.id || Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["randomId"])();
+ this.addToLayer(obj, hasLayers);
+ tempTabel[obj.id] = obj;
+ }
+ for (var _b = 0, _c = this.connectors; _b < _c.length; _b++) {
+ var obj = _c[_b];
+ obj.id = obj.id || Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["randomId"])();
+ this.addToLayer(obj, hasLayers);
+ tempTabel[obj.id] = obj;
+ }
+ for (var _d = 0, _e = this.layers; _d < _e.length; _d++) {
+ var layer = _e[_d];
+ for (var _f = 0, _g = layer.objects; _f < _g.length; _f++) {
+ var obj = _g[_f];
+ if (tempTabel["" + obj]) {
+ if (!(tempTabel["" + obj] instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"])) {
+ if (tempTabel["" + obj].children) {
+ groups.push(obj);
+ }
+ else if ((tempTabel["" + obj].shape instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["BpmnShape"]) &&
+ tempTabel["" + obj].shape.activity.subProcess.processes &&
+ tempTabel["" + obj].shape.activity.subProcess.processes.length > 0) {
+ bpmnTable[tempTabel["" + obj].id] = obj;
+ }
+ else {
+ this.initNodes(tempTabel["" + obj], layer);
+ }
+ }
+ else {
+ var connector = tempTabel["" + obj];
+ if (connector.sourceID && connector.targetID) {
+ var sourceNode = tempTabel[connector.sourceID];
+ var targetNode = tempTabel[connector.targetID];
+ var flag = true;
+ if (this.isLoading && ((sourceNode && sourceNode.children && sourceNode.children.length > 0) ||
+ (targetNode && targetNode.children && targetNode.children.length > 0))) {
+ flag = false;
+ }
+ if ((sourceNode && sourceNode.wrapper && targetNode && targetNode.wrapper) && flag) {
+ this.initConnectors(tempTabel["" + obj], layer);
+ }
+ else {
+ connectors.push(tempTabel["" + obj]);
+ }
+ }
+ else {
+ this.initConnectors(tempTabel["" + obj], layer);
+ }
+ }
+ }
+ }
+ if (this.bpmnModule) {
+ for (var _h = 0, _j = this.bpmnModule.textAnnotationConnectors; _h < _j.length; _h++) {
+ var obj = _j[_h];
+ this.initConnectors(obj, layer, false);
+ }
+ }
+ }
+ for (var _k = 0, _l = Object.keys(bpmnTable); _k < _l.length; _k++) {
+ var obj = _l[_k];
+ this.initObject(tempTabel["" + obj]);
+ this.bpmnModule.updateDocks(tempTabel["" + obj], this);
+ }
+ var alignedGroups = this.alignGroup(groups, tempTabel);
+ for (var _m = 0, alignedGroups_1 = alignedGroups; _m < alignedGroups_1.length; _m++) {
+ var obj = alignedGroups_1[_m];
+ var layer = this.commandHandler.getObjectLayer(obj);
+ this.initNodes(tempTabel["" + obj], layer);
+ }
+ for (var _o = 0, connectors_1 = connectors; _o < connectors_1.length; _o++) {
+ var connector = connectors_1[_o];
+ var layer = this.commandHandler.getObjectLayer(connector.id);
+ this.initConnectors(connector, layer);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && canCloneObject) {
+ for (var _p = 0, _q = this.nodes; _p < _q.length; _p++) {
+ var obj = _q[_p];
+ updateNodeObject.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj, undefined, undefined, true));
+ }
+ for (var _r = 0, _s = this.connectors; _r < _s.length; _r++) {
+ var obj = _s[_r];
+ updateConnectorObject.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj, undefined, undefined, true));
+ }
+ this.commandHandler.getObjectChanges(previousNodeObject, updateNodeObject, changeNodes);
+ this.commandHandler.getObjectChanges(previousConnectorObject, updateConnectorObject, changeConnectors);
+ if (!(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].ClearObject)) {
+ var blazorInterop = 'sfBlazor';
+ var diagramObject = { nodes: changeNodes, connectors: changeConnectors };
+ var obj = {
+ 'methodName': 'UpdateBlazorProperties',
+ 'diagramobj': diagramObject
+ };
+ window["" + blazorInterop].updateBlazorProperties(obj, this);
+ }
+ }
+ };
+ Diagram.prototype.alignGroup = function (parents, tempTabel) {
+ var newList = [];
+ var parentist = [];
+ var child;
+ var childNode;
+ var i;
+ var j;
+ for (i = 0; i < parents.length; i++) {
+ child = parents[parseInt(i.toString(), 10)];
+ childNode = tempTabel["" + child];
+ var node = void 0;
+ if (childNode && childNode.children.length) {
+ for (j = 0; j < childNode.children.length; j++) {
+ node = childNode.children[parseInt(j.toString(), 10)];
+ if (parents.indexOf(node) > -1 && (newList.indexOf(node) === -1) &&
+ (parentist.indexOf(node) === -1)) {
+ newList.splice(0, 0, node);
+ }
+ }
+ }
+ if (newList.indexOf(child) === -1) {
+ parentist.push(child);
+ }
+ }
+ newList = newList.concat(parentist);
+ return newList;
+ };
+ Diagram.prototype.addToLayer = function (obj, hasLayers) {
+ var layer;
+ var isSourceId = false;
+ var isTargetId = false;
+ if (hasLayers) {
+ layer = this.commandHandler.getObjectLayer(obj.id);
+ }
+ if (!hasLayers || !layer) {
+ if (this.activeLayer.objects.indexOf(obj.id) === -1) {
+ this.activeLayer.objects.push(obj.id);
+ }
+ }
+ if ((obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"] || obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) &&
+ (obj.shape.type !== 'SwimLane' || (obj.children && obj.children.length > 0))) {
+ if (obj.parentId) {
+ var zIndex = this.swimlaneZIndexTable[obj.parentId];
+ //EJ2-69247 - Unable to select node in swimlane after save and load
+ var childzIndex = this.swimlaneChildTable[obj.id];
+ if ((zIndex && zIndex !== -1) || ((childzIndex && childzIndex !== -1))) {
+ obj.zIndex = this.swimlaneChildTable[obj.id];
+ }
+ }
+ if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] && (obj.sourceID && obj.targetID)) {
+ //EJ2-69577 - We have removed findNodeInLane method to improve the performance.
+ if (this.activeLayer.objects.indexOf(obj.sourceID) !== -1 &&
+ this.activeLayer.objects.indexOf(obj.targetID) !== -1) {
+ this.setZIndex(layer || this.activeLayer, obj);
+ }
+ }
+ else {
+ this.setZIndex(layer || this.activeLayer, obj);
+ }
+ }
+ };
+ Diagram.prototype.updateLayer = function (newProp) {
+ for (var _i = 0, _a = Object.keys(newProp.layers); _i < _a.length; _i++) {
+ var key = _a[_i];
+ var layerObject = this.layers["" + key].objects;
+ for (var _b = 0, layerObject_1 = layerObject; _b < layerObject_1.length; _b++) {
+ var obj = layerObject_1[_b];
+ var node = this.nameTable["" + obj];
+ if (newProp.layers["" + key].visible !== undefined) {
+ this.updateElementVisibility(node.wrapper, node, newProp.layers["" + key].visible);
+ }
+ else if (newProp.layers["" + key].lock === true) {
+ this.unSelect(node);
+ }
+ }
+ if (newProp.layers["" + key].lock !== undefined) {
+ this.layers["" + key].lock = newProp.layers["" + key].lock;
+ }
+ }
+ if (this.mode !== 'SVG') {
+ this.refreshDiagramLayer();
+ }
+ };
+ Diagram.prototype.updateScrollSettings = function (newProp) {
+ var hPan = (-this.scroller.horizontalOffset + newProp.scrollSettings.horizontalOffset || 0);
+ var vPan = (-this.scroller.verticalOffset + newProp.scrollSettings.verticalOffset || 0);
+ var oldValue = {
+ VerticalOffset: this.scrollSettings.verticalOffset, HorizontalOffset: this.scrollSettings.horizontalOffset,
+ ViewportHeight: this.scrollSettings.viewPortHeight, ViewportWidth: this.scrollSettings.viewPortWidth,
+ CurrentZoom: this.scroller.currentZoom
+ };
+ if (hPan !== 0 || vPan !== 0) {
+ this.pan(hPan, vPan);
+ }
+ var newValue = {
+ VerticalOffset: this.scrollSettings.verticalOffset, HorizontalOffset: this.scrollSettings.horizontalOffset,
+ ViewportHeight: this.scrollSettings.viewPortHeight, ViewportWidth: this.scrollSettings.viewPortWidth,
+ CurrentZoom: this.scroller.currentZoom
+ };
+ var panStatus = 'Start';
+ if (this.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PanInProgress) {
+ panStatus = 'Progress';
+ }
+ var arg = {
+ oldValue: oldValue,
+ newValue: newValue, source: this,
+ panState: panStatus
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && this.scrollChange) {
+ arg = {
+ oldValue: oldValue,
+ newValue: newValue,
+ sourceId: this.element.id,
+ panState: panStatus
+ };
+ }
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].scrollChange, arg);
+ this.commandHandler.updatePanState(true);
+ if (this.mode === 'Canvas' && (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].Virtualization)) {
+ this.refreshDiagramLayer();
+ }
+ };
+ Diagram.prototype.initData = function () {
+ var dataSourceSettings = this.dataSourceSettings.dataManager || this.dataSourceSettings.dataSource;
+ var adapter = 'adaptorName';
+ if (this.dataBindingModule && !(this.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PreventDataInit)) {
+ if (dataSourceSettings && this.dataSourceSettings.connectionDataSource.dataManager) {
+ var dataManager = this.dataSourceSettings.dataManager || this.dataSourceSettings.dataSource;
+ this.nodes = this.generateData(dataManager, true);
+ this.connectors = this.generateData(this.dataSourceSettings.connectionDataSource.dataManager, false);
+ }
+ else if (dataSourceSettings && dataSourceSettings.dataSource &&
+ (dataSourceSettings.dataSource.url || (dataSourceSettings["" + adapter] === 'BlazorAdaptor' &&
+ !dataSourceSettings.dataSource.url))) {
+ this.dataBindingModule.initSource(this.dataSourceSettings, this);
+ }
+ else {
+ this.dataBindingModule.initData(this.dataSourceSettings, this);
+ }
+ }
+ };
+ Diagram.prototype.generateData = function (dataSource, isNode) {
+ var nodes = [];
+ var i;
+ for (i = 0; i < dataSource.length; i++) {
+ var row = dataSource[parseInt(i.toString(), 10)];
+ var node = isNode ? this.makeData(row, true) : this.makeData(row, false);
+ if (node && node.id && (!Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findNodeByName"])(nodes, node.id) || !Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findNodeByName"])(nodes, node.id))) {
+ nodes.push(node);
+ }
+ }
+ return (nodes);
+ };
+ Diagram.prototype.makeData = function (row, isNode) {
+ var i;
+ var fields = isNode ? this.dataSourceSettings : this.dataSourceSettings.connectionDataSource;
+ var data = {};
+ data.id = row[fields.id] ? row[fields.id] : Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["randomId"])();
+ if (fields.sourceID) {
+ data.sourceID = row[fields.sourceID];
+ }
+ if (fields.targetID) {
+ data.targetID = row[fields.targetID];
+ }
+ if (row[fields.sourcePointX] && row[fields.sourcePointY]) {
+ data.sourcePoint = { 'x': Number(row[fields.sourcePointX]), 'y': Number(row[fields.sourcePointY]) };
+ }
+ if (row[fields.targetPointX] && row[fields.targetPointY]) {
+ data.targetPoint = { 'x': Number(row[fields.targetPointX]), 'y': Number(row[fields.targetPointY]) };
+ }
+ if (fields.crudAction.customFields && fields.crudAction.customFields.length > 0) {
+ for (i = 0; i < fields.crudAction.customFields.length; i++) {
+ data[fields.crudAction.customFields[parseInt(i.toString(), 10)]] = row[fields.crudAction.customFields[parseInt(i.toString(), 10)]];
+ }
+ }
+ return data;
+ };
+ Diagram.prototype.initNodes = function (obj, layer) {
+ this.preventDiagramUpdate = true;
+ this.initObject(obj, layer);
+ this.preventDiagramUpdate = false;
+ };
+ Diagram.prototype.initConnectors = function (obj, layer, independentObj) {
+ this.preventDiagramUpdate = true;
+ this.initObject(obj, layer, independentObj);
+ this.updateEdges(obj);
+ this.preventDiagramUpdate = false;
+ };
+ Diagram.prototype.setZIndex = function (layer, obj) {
+ //should be changed
+ var currentLayer = layer;
+ if ((obj).zIndex === -1) {
+ while (currentLayer.zIndexTable[currentLayer.objectZIndex + 1]) {
+ layer.objectZIndex++;
+ }
+ obj.zIndex = ++currentLayer.objectZIndex;
+ }
+ else {
+ var index = obj.zIndex;
+ if (currentLayer.zIndexTable[parseInt(index.toString(), 10)]) {
+ var tabelLength = Object.keys(currentLayer.zIndexTable).length;
+ var j = 0;
+ for (var i = 0; i < tabelLength; i++) {
+ if (i === index) {
+ for (var j_1 = tabelLength; j_1 > index; j_1--) {
+ currentLayer.zIndexTable[parseInt(j_1.toString(), 10)] = currentLayer.zIndexTable[j_1 - 1];
+ if (this.nameTable[currentLayer.zIndexTable[parseInt(j_1.toString(), 10)]]) {
+ this.nameTable[currentLayer.zIndexTable[parseInt(j_1.toString(), 10)]].zIndex = j_1;
+ }
+ }
+ currentLayer.zIndexTable[parseInt(i.toString(), 10)] = obj.id;
+ }
+ j++;
+ }
+ }
+ }
+ };
+ Diagram.prototype.initializeDiagramLayers = function () {
+ //const tempLayers: LayerModel[] = this.layers;
+ for (var i = 0; i < this.layers.length; i++) {
+ if (this.layers[parseInt(i.toString(), 10)].zIndex !== -1) {
+ var temp = this.layers[parseInt(i.toString(), 10)];
+ this.layers[parseInt(i.toString(), 10)] = this.layers[this.layers[parseInt(i.toString(), 10)].zIndex];
+ this.layers[temp.zIndex] = temp;
+ }
+ }
+ for (var _i = 0, _a = this.layers; _i < _a.length; _i++) {
+ var layer = _a[_i];
+ layer.zIndex = layer.zIndex !== -1 ? layer.zIndex : this.layers.indexOf(layer);
+ this.layerZIndexTable[layer.zIndex] = layer.id;
+ }
+ for (var i = 0; i < this.layers.length; i++) {
+ for (var j = i + 1; j < this.layers.length; j++) {
+ if (this.layers[parseInt(i.toString(), 10)].zIndex > this.layers[parseInt(j.toString(), 10)].zIndex) {
+ var temp = this.layers[parseInt(i.toString(), 10)];
+ this.layers[parseInt(i.toString(), 10)] = this.layers[parseInt(j.toString(), 10)];
+ this.layers[parseInt(j.toString(), 10)] = temp;
+ }
+ }
+ }
+ if (this.layers.length === 0) {
+ var defaultLayer = {
+ id: 'default_layer', visible: true, lock: false, objects: [], zIndex: 0,
+ objectZIndex: -1, zIndexTable: {}
+ };
+ this.commandHandler.addLayer(defaultLayer, null, true);
+ }
+ this.setActiveLayer(this.layers[this.layers.length - 1].id);
+ };
+ /**
+ * resetTool method \
+ *
+ * @returns { void } resetTool method .\
+ *
+ * @private
+ */
+ Diagram.prototype.resetTool = function () {
+ this.eventHandler.resetTool();
+ };
+ Diagram.prototype.initObjectExtend = function (obj, layer, independentObj) {
+ if (independentObj) {
+ var checkBoundaryConstraints = this.commandHandler.checkBoundaryConstraints(undefined, undefined, obj.wrapper.bounds);
+ //EJ2-71853 - Need to improve performance of diagram while rendering large number of nodes and connectors.
+ // Removed the for loop which is iterating through the zindex table and removing the object from the table as it is not covered in any scenario.
+ layer.zIndexTable[obj.zIndex] = obj.id;
+ if (!checkBoundaryConstraints) {
+ var node = obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"] ? this.nodes : this.connectors;
+ for (var i = 0; i <= node.length; i++) {
+ if (node[parseInt(i.toString(), 10)] && obj.id === node[parseInt(i.toString(), 10)].id) {
+ node.splice(i, 1);
+ }
+ }
+ delete layer.zIndexTable[obj.zIndex];
+ }
+ }
+ };
+ /* tslint:disable */
+ /**
+ * initObject method \
+ *
+ * @returns { void } initObject method .\
+ * @param {End} obj - provide the obj value.
+ * @param {End} layer - provide the layer value.
+ * @param {LayoutOrientation} independentObj - provide the independentObj value.
+ * @param {boolean} group - provide the independentObj value.
+ *
+ * @private
+ */
+ Diagram.prototype.initObject = function (obj, layer, independentObj, group) {
+ if (independentObj === void 0) { independentObj = true; }
+ if (obj !== undefined) {
+ if (independentObj) {
+ if (!layer) {
+ this.addToLayer(obj, false);
+ layer = this.activeLayer;
+ }
+ //Move the common properties like zindex and id to an abstract class
+ if ((obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"] || obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) &&
+ (obj.shape.type !== 'SwimLane' || (obj.children && obj.children.length > 0))) {
+ this.setZIndex(layer, obj);
+ }
+ }
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ if (independentObj) {
+ if (obj.id !== 'helper') {
+ var getDefaults = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["getFunction"])(this.getNodeDefaults);
+ if (getDefaults) {
+ var defaults = getDefaults(obj, this);
+ if (defaults && defaults.ports) {
+ for (var i = 0; i < defaults.ports.length; i++) {
+ defaults.ports[parseInt(i.toString(), 10)].inEdges = [];
+ defaults.ports[parseInt(i.toString(), 10)].outEdges = [];
+ }
+ }
+ if (defaults && defaults !== obj) {
+ Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["extendObject"])(defaults, obj);
+ }
+ }
+ }
+ this.initNode(obj, this.element.id);
+ }
+ }
+ else if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ var getDefaults = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["getFunction"])(this.getConnectorDefaults);
+ if (getDefaults) {
+ var defaults = getDefaults(obj, this);
+ if (defaults && defaults !== obj) {
+ Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["extendObject"])(defaults, obj);
+ }
+ if (obj.segments.length) {
+ if (obj.type !== obj.segments[0].type) {
+ obj.segments = [];
+ }
+ }
+ }
+ var sourceNode = this.nameTable[obj.sourceID];
+ var targetNode = this.nameTable[obj.targetID];
+ var port = this.getConnectedPort(sourceNode, obj, true);
+ var targetPort = this.getConnectedPort(targetNode, obj);
+ var outPort = this.findInOutConnectPorts(sourceNode, false);
+ var inPort = this.findInOutConnectPorts(targetNode, true);
+ if ((sourceNode !== undefined && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canOutConnect"])(sourceNode)) || (obj.sourcePortID !== ''
+ && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canPortOutConnect"])(outPort))) {
+ obj.sourceWrapper = this.getEndNodeWrapper(sourceNode, obj, true);
+ if (obj.sourcePortID) {
+ // eslint-disable-next-line max-len
+ if (port && port.constraints && !(port.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["PortConstraints"].None) && (port.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["PortConstraints"].OutConnect)) {
+ obj.sourcePortWrapper = this.getWrapper(sourceNode.wrapper, obj.sourcePortID);
+ }
+ }
+ }
+ if ((targetNode !== undefined && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canInConnect"])(targetNode)) || (obj.targetPortID !== ''
+ && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canPortInConnect"])(inPort))) {
+ obj.targetWrapper = this.getEndNodeWrapper(targetNode, obj, false);
+ if (obj.targetPortID) {
+ // eslint-disable-next-line max-len
+ if (targetPort && targetPort.constraints && !(targetPort.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["PortConstraints"].None) && (targetPort.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["PortConstraints"].InConnect)) {
+ obj.targetPortWrapper = this.getWrapper(targetNode.wrapper, obj.targetPortID);
+ }
+ }
+ }
+ if (!independentObj) {
+ var points = obj.getConnectorPoints(obj.type);
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateConnector"])(obj, points);
+ }
+ if (independentObj) {
+ obj.init(this);
+ }
+ for (var k = 0; k < obj.wrapper.children.length; k++) {
+ if (this.pathTable[obj.wrapper.children[parseInt(k.toString(), 10)].data]) {
+ obj.wrapper.children[parseInt(k.toString(), 10)].absoluteBounds =
+ this.pathTable[obj.wrapper.children[parseInt(k.toString(), 10)].data].absoluteBounds;
+ }
+ }
+ obj.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](undefined, undefined));
+ obj.wrapper.arrange(obj.wrapper.desiredSize);
+ if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] && obj.type === 'Bezier') {
+ this.updateConnectorAnnotation(obj);
+ this.updateConnectorfixedUserHandles(obj);
+ }
+ for (var j = 0; j < obj.wrapper.children.length; j++) {
+ this.pathTable[obj.wrapper.children[parseInt(j.toString(), 10)].data] = {};
+ this.pathTable[obj.wrapper.children[parseInt(j.toString(), 10)].data].absoluteBounds =
+ obj.wrapper.children[parseInt(j.toString(), 10)].absoluteBounds;
+ }
+ }
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"] && obj.children && obj.container) {
+ for (var i = 0; i < obj.children.length; i++) {
+ this.nameTable[obj.children[parseInt(i.toString(), 10)]].offsetX = this.nameTable[obj.children[parseInt(i.toString(), 10)]].wrapper.offsetX;
+ this.nameTable[obj.children[parseInt(i.toString(), 10)]].offsetY = this.nameTable[obj.children[parseInt(i.toString(), 10)]].wrapper.offsetY;
+ }
+ }
+ if (this.bpmnModule && obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]
+ && obj.shape.type === 'Bpmn' && obj.shape.annotations.length > 0) {
+ this.bpmnModule.updateQuad(obj, this);
+ }
+ this.initObjectExtend(obj, layer, independentObj);
+ this.nameTable[obj.id] = obj;
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"] && obj.children) {
+ this.preventNodesUpdate = true;
+ this.preventConnectorsUpdate = true;
+ if (!group && !obj.container) {
+ this.updateGroupOffset(obj, true);
+ }
+ this.groupTable[obj.id] = obj.children;
+ for (var i = 0; i < obj.children.length; i++) {
+ var node = (this.nameTable[obj.children[parseInt(i.toString(), 10)]]);
+ if (node) {
+ node.parentId = obj.id;
+ }
+ }
+ if (!this.isLoading && obj.rotateAngle && !obj.container) {
+ this.commandHandler.rotateObjects(obj, [obj], obj.rotateAngle, { x: obj.offsetX, y: obj.offsetY }, false);
+ }
+ this.preventNodesUpdate = false;
+ this.preventConnectorsUpdate = false;
+ }
+ if (this['enterObject'] === undefined) {
+ this.updateQuad(obj);
+ }
+ }
+ if (obj.visible === false) {
+ this.updateElementVisibility(obj.wrapper, obj, false);
+ }
+ };
+ /* tslint:enable */
+ Diagram.prototype.getConnectedPort = function (node, connector, isSource) {
+ if (node && node.ports) {
+ for (var _i = 0, _a = node.ports; _i < _a.length; _i++) {
+ var port = _a[_i];
+ if (port.id === connector.sourcePortID && isSource) {
+ return port;
+ }
+ else if (port.id === connector.targetPortID && !isSource) {
+ return port;
+ }
+ }
+ }
+ return null;
+ };
+ Diagram.prototype.scaleObject = function (obj, size, isWidth) {
+ var actualSize = isWidth ? obj.wrapper.actualSize.width : obj.wrapper.actualSize.height;
+ var sw = (isWidth) ? 1 + ((size - actualSize) / actualSize) : 1;
+ var sh = (isWidth) ? 1 : 1 + ((size - actualSize) / actualSize);
+ //const groupOffsetX: number = obj.offsetX; const groupOffsetY: number = obj.offsetY;
+ this.realActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PreventDrag;
+ this.scale(obj, sw, sh, { x: 0.5, y: 0.5 });
+ this.realActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PreventDrag;
+ };
+ Diagram.prototype.updateDefaultLayoutIcons = function (node) {
+ if (this.layout.type === 'OrganizationalChart' || this.layout.type === 'HierarchicalTree' ||
+ this.layout.type === 'ComplexHierarchicalTree') {
+ {
+ this.updateDefaultLayoutIcon(node, node.expandIcon);
+ this.updateDefaultLayoutIcon(node, node.collapseIcon);
+ }
+ }
+ };
+ Diagram.prototype.updateDefaultLayoutIcon = function (node, icon) {
+ if (icon.shape !== 'None') {
+ if (icon.horizontalAlignment === 'Auto' && icon.verticalAlignment === 'Auto' &&
+ icon.offset.x === .5 && icon.offset.y === 1) {
+ var iconWrapper = this.getWrapper(node.wrapper, 'icon_content');
+ var offsetX = void 0;
+ var offsetY = void 0;
+ if (this.layout.orientation === 'TopToBottom' || this.layout.orientation === 'BottomToTop') {
+ offsetX = .5;
+ offsetY = this.layout.orientation === 'TopToBottom' ? 1 : 0;
+ }
+ else if (this.layout.orientation === 'RightToLeft' || this.layout.orientation === 'LeftToRight') {
+ offsetX = this.layout.orientation === 'LeftToRight' ? 1 : 0;
+ offsetY = .5;
+ }
+ iconWrapper.setOffsetWithRespectToBounds(offsetX, offsetY, 'Fraction');
+ iconWrapper.horizontalAlignment = 'Center';
+ iconWrapper.verticalAlignment = 'Center';
+ node.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](node.wrapper.width, node.wrapper.height));
+ node.wrapper.arrange(node.wrapper.desiredSize);
+ }
+ }
+ };
+ /**
+ * updateGroupOffset method \
+ *
+ * @returns { void } updateGroupOffset method .\
+ * @param {NodeModel | ConnectorModel} node - provide the source value.
+ * @param {boolean} isUpdateSize - provide the target value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateGroupOffset = function (node, isUpdateSize) {
+ var isUpdateGroupToBlazor = false;
+ if ((node.children && node.children.length > 0 && (!node.container)) || (node.processId)) {
+ var node1 = this.nameTable[node.id];
+ if (!(this.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PreventScale) && !(this.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PreventDrag)) {
+ if (node1.offsetX && ((this.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].EnableGroupAction) ||
+ ((!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) && (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction)
+ && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod))))) {
+ this.realActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PreventScale;
+ var diffX = (node1.offsetX - node.wrapper.offsetX);
+ node1.offsetX = node.wrapper.offsetX;
+ var diffY = (node1.offsetY - node.wrapper.offsetY);
+ node1.offsetY = node.wrapper.offsetY;
+ if (node.flip === 'None' && (diffX + diffY) !== 0) {
+ this.drag(node1, diffX, diffY);
+ }
+ this.realActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PreventScale;
+ }
+ else {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(node1), true);
+ isUpdateGroupToBlazor = true;
+ }
+ node1.offsetX = node.wrapper.offsetX;
+ }
+ if (node1.offsetY && ((this.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].EnableGroupAction) ||
+ ((!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) && (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction)
+ && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod))))) {
+ this.realActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PreventScale;
+ var diffY = (node1.offsetY - node.wrapper.offsetY);
+ node1.offsetY = node.wrapper.offsetY;
+ if (node.flip === 'None') {
+ this.drag(node1, 0, diffY);
+ }
+ this.realActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].PreventScale;
+ }
+ else {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(node1), true);
+ isUpdateGroupToBlazor = true;
+ }
+ node1.offsetY = node.wrapper.offsetY;
+ }
+ if (this.diagramActions) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(node1), true);
+ isUpdateGroupToBlazor = true;
+ }
+ node1.width = node.wrapper.actualSize.width;
+ node1.height = node.wrapper.actualSize.height;
+ }
+ }
+ }
+ if (isUpdateSize) {
+ if ((node.children && node.children.length > 0)) {
+ if (this.nameTable[node.id].width !== undefined) {
+ this.scaleObject(node, this.nameTable[node.id].width, true);
+ }
+ else {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.nameTable[node.id]), true);
+ isUpdateGroupToBlazor = true;
+ }
+ this.nameTable[node.id].width = node.wrapper.actualSize.width;
+ }
+ if (this.nameTable[node.id].height !== undefined) {
+ this.scaleObject(node, this.nameTable[node.id].height, false);
+ }
+ else {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.nameTable[node.id]), true);
+ isUpdateGroupToBlazor = true;
+ }
+ this.nameTable[node.id].height = node.wrapper.actualSize.height;
+ }
+ }
+ }
+ if (isUpdateGroupToBlazor && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo) &&
+ !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction) &&
+ !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod)) {
+ this.commandHandler.getBlazorOldValues();
+ }
+ };
+ /* eslint-disable */
+ Diagram.prototype.initNode = function (obj, diagramId, group) {
+ var canvas = obj.initContainer();
+ var portContainer = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_20__["Canvas"]();
+ var content;
+ if (!this.diagramSettings.inversedAlignment) {
+ canvas.inversedAlignment = false;
+ }
+ if (!canvas.children) {
+ canvas.children = [];
+ }
+ if (obj.children) {
+ canvas.measureChildren = false;
+ portContainer.id = obj.id + 'group_container';
+ portContainer.style.fill = 'none';
+ portContainer.style.strokeColor = 'none';
+ portContainer.horizontalAlignment = 'Stretch';
+ portContainer.verticalAlignment = 'Stretch';
+ canvas.style = obj.style;
+ canvas.padding.left = obj.padding.left;
+ canvas.padding.right = obj.padding.right;
+ canvas.padding.top = obj.padding.top;
+ canvas.padding.bottom = obj.padding.bottom;
+ portContainer.children = [];
+ portContainer.preventContainer = true;
+ if (obj.container) {
+ portContainer.relativeMode = 'Object';
+ }
+ var checkPorts = (obj.ports && obj.ports.length > 0) ? true : false;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(obj.container) && !checkPorts) {
+ canvas.children.push(portContainer);
+ }
+ if (obj.container && (obj.container.type === 'Grid')) {
+ for (var i = 0; i < obj.children.length; i++) {
+ var childCollection = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_20__["Canvas"]();
+ var child = this.nameTable[obj.children[i]];
+ childCollection.children = [];
+ childCollection.children.push(child.wrapper);
+ if (child) {
+ canvas.addObject(child.wrapper, child.rowIndex, child.columnIndex, child.rowSpan, child.columnSpan);
+ }
+ }
+ }
+ else {
+ for (var i = 0; i < obj.children.length; i++) {
+ if (this.nameTable[obj.children[i]]) {
+ var child = this.nameTable[obj.children[i]];
+ this.updateStackProperty(obj, child, i);
+ canvas.children.push(child.wrapper);
+ canvas.elementActions = canvas.elementActions | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ElementAction"].ElementIsGroup;
+ child.wrapper.flip = child.wrapper.flip === 'None' ?
+ obj.wrapper.flip : child.wrapper.flip;
+ }
+ }
+ }
+ if (checkPorts || (obj.container && (obj.container.type !== 'Grid'))) {
+ canvas.children.push(portContainer);
+ }
+ }
+ else {
+ var setNodeTemplate = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["getFunction"])(this.setNodeTemplate);
+ if (setNodeTemplate && obj.id !== 'helper') {
+ content = setNodeTemplate(obj, this);
+ }
+ if (!content) {
+ content = obj.init(this);
+ }
+ canvas.children.push(content);
+ }
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var wrapperContent;
+ wrapperContent = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["getFunction"])(this.getDescription);
+ if (wrapperContent) {
+ (obj.children ? canvas : content).description = wrapperContent;
+ }
+ else {
+ (obj.children ? canvas : content).description = obj.annotations.length ? obj.annotations[0].content : obj.id;
+ }
+ var container = obj.children ? portContainer : canvas;
+ obj.initAnnotations(this.getDescription, container, this.element.id, Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this) ? true : false, this.annotationTemplate);
+ obj.initPorts(this.getDescription, container);
+ obj.initIcons(this.getDescription, this.layout, container, diagramId);
+ for (var i = 0; obj.fixedUserHandles !== undefined, i < obj.fixedUserHandles.length; i++) {
+ var fixedUserHandles = obj.initfixedUserHandles(obj.fixedUserHandles[i]);
+ container.children.push(fixedUserHandles);
+ }
+ if (obj.shape.type === 'SwimLane' && obj.wrapper && obj.wrapper.children.length > 0 &&
+ obj.wrapper.children[0] instanceof _core_containers_grid__WEBPACK_IMPORTED_MODULE_21__["GridPanel"]) {
+ this.setZIndex(this.activeLayer, obj);
+ if (this.connectors.length > 0) {
+ for (var i = 0; i < this.connectors.length; i++) {
+ var obj_2 = this.connectors[i];
+ if ((obj_2.sourceID && obj_2.targetID) && (this.activeLayer.objects.indexOf(obj_2.sourceID) === -1 &&
+ this.activeLayer.objects.indexOf(obj_2.targetID) === -1)) {
+ this.setZIndex(this.activeLayer, obj_2);
+ }
+ }
+ }
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["swimLaneMeasureAndArrange"])(obj);
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["arrangeChildNodesInSwimLane"])(this, obj);
+ this.updateDiagramElementQuad();
+ }
+ else {
+ canvas.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](obj.width, obj.height), obj.id, this.onLoadImageSize.bind(this));
+ if (canvas instanceof _core_containers_grid__WEBPACK_IMPORTED_MODULE_21__["GridPanel"]) {
+ canvas.arrange(canvas.desiredSize, true);
+ }
+ else {
+ canvas.arrange(canvas.desiredSize);
+ }
+ }
+ if (obj.wrapper.flip !== 'None' && obj.wrapper.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ElementAction"].ElementIsGroup) {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["alignElement"])(obj.wrapper, obj.wrapper.offsetX, obj.wrapper.offsetY, this, obj.wrapper.flip);
+ }
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"] && obj.container && (obj.width < canvas.outerBounds.width || obj.height < canvas.outerBounds.height) &&
+ canvas.bounds.x <= canvas.outerBounds.x && canvas.bounds.y <= canvas.outerBounds.y) {
+ obj.width = canvas.width = canvas.outerBounds.width;
+ obj.height = canvas.height = canvas.outerBounds.height;
+ canvas.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](obj.width, obj.height));
+ canvas.arrange(canvas.desiredSize);
+ }
+ if (obj.container && obj.container.type === 'Grid' && obj.children && obj.children.length > 0) {
+ this.updateChildPosition(obj);
+ }
+ };
+ /* eslint-enable */
+ /**
+ * updateDiagramElementQuad method \
+ *
+ * @returns { void } updateDiagramElementQuad method .\
+ *
+ * @private
+ */
+ Diagram.prototype.updateDiagramElementQuad = function () {
+ for (var i = 0; i < this.nodes.length; i++) {
+ if (this.nodes[parseInt(i.toString(), 10)].wrapper && (this.nodes[parseInt(i.toString(), 10)].wrapper instanceof _core_containers_container__WEBPACK_IMPORTED_MODULE_6__["Container"])) {
+ this.updateQuad(this.nodes[parseInt(i.toString(), 10)]);
+ }
+ }
+ };
+ Diagram.prototype.onLoadImageSize = function (id, size) {
+ var obj = this.getObject(id);
+ var image = document.getElementById(id + 'sf-imageNode');
+ if (image) {
+ image.parentNode.removeChild(image);
+ }
+ this.nodePropertyChange(obj, {}, { width: size.width, height: size.height });
+ var args = { element: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(obj), size: size };
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].onImageLoad, args);
+ };
+ Diagram.prototype.updateChildPosition = function (obj) {
+ for (var i = 0; i < obj.children.length; i++) {
+ var child = this.getObject(obj.children[parseInt(i.toString(), 10)]);
+ child.offsetX = child.wrapper.offsetX;
+ child.offsetY = child.wrapper.offsetY;
+ if (child.children && child.children.length > 0) {
+ this.updateChildPosition(child);
+ }
+ }
+ };
+ Diagram.prototype.canExecute = function () {
+ return true;
+ };
+ Diagram.prototype.updateStackProperty = function (obj, child, index) {
+ if (obj.container && obj.container.type === 'Stack') {
+ if (!child.width) {
+ child.wrapper.horizontalAlignment = 'Stretch';
+ child.horizontalAlignment = 'Stretch';
+ }
+ if (!child.height) {
+ child.verticalAlignment = 'Stretch';
+ child.wrapper.verticalAlignment = 'Stretch';
+ }
+ if (index && obj.shape.type === 'UmlClassifier') {
+ child.umlIndex = index;
+ }
+ }
+ };
+ Diagram.prototype.initViews = function () {
+ if (!this.isLoading) {
+ this.views.push(this.element.id);
+ this.views[this.element.id] = this;
+ }
+ };
+ Diagram.prototype.initCommands = function () {
+ var i;
+ var newCommands = this.commandManager.commands;
+ var commands = {
+ 'copy': {
+ execute: this.copyCommand.bind(this), canExecute: this.canExecute.bind(this),
+ gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].C, keyModifiers: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["KeyModifiers"].Control }
+ },
+ 'paste': {
+ execute: this.pasteCommand.bind(this), canExecute: this.canExecute.bind(this),
+ gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].V, keyModifiers: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["KeyModifiers"].Control }
+ },
+ 'cut': {
+ execute: this.cutCommand.bind(this), canExecute: this.canExecute.bind(this),
+ gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].X, keyModifiers: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["KeyModifiers"].Control }
+ },
+ 'delete': {
+ execute: this.removeCommand.bind(this), canExecute: this.canExecute.bind(this),
+ gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].Delete }
+ },
+ 'selectAll': {
+ execute: this.selectAll.bind(this), canExecute: this.canExecute.bind(this),
+ gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].A, keyModifiers: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["KeyModifiers"].Control }
+ },
+ 'undo': {
+ execute: this.undo.bind(this), canExecute: this.canExecute.bind(this),
+ gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].Z, keyModifiers: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["KeyModifiers"].Control }
+ },
+ 'redo': {
+ execute: this.redo.bind(this), canExecute: this.canExecute.bind(this),
+ gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].Y, keyModifiers: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["KeyModifiers"].Control }
+ },
+ 'nudgeUp': {
+ execute: this.nudgeCommand.bind(this, 'Up'),
+ canExecute: this.canExecute.bind(this), gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].Up },
+ parameter: 'up'
+ },
+ 'nudgeRight': {
+ execute: this.nudgeCommand.bind(this, 'Right'),
+ canExecute: this.canExecute.bind(this), gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].Right },
+ parameter: 'right'
+ },
+ 'nudgeDown': {
+ execute: this.nudgeCommand.bind(this, 'Down'),
+ canExecute: this.canExecute.bind(this), gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].Down },
+ parameter: 'down'
+ },
+ 'nudgeLeft': {
+ execute: this.nudgeCommand.bind(this, 'Left'),
+ canExecute: this.canExecute.bind(this), gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].Left },
+ parameter: 'left'
+ },
+ 'startEdit': {
+ execute: this.startEditCommad.bind(this),
+ canExecute: this.canExecute.bind(this), gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].F2 }
+ },
+ 'endEdit': {
+ execute: this.endEditCommand.bind(this),
+ canExecute: this.canExecute.bind(this), gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].Escape }
+ },
+ 'focusToNextItem': {
+ // execute: this.focusToItem.bind(this),
+ canExecute: this.canExecute.bind(this), gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].Tab }
+ },
+ 'focusToPreviousItem': {
+ // execute: this.focusToItem.bind(this),
+ canExecute: this.canExecute.bind(this), gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].Tab, keyModifiers: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["KeyModifiers"].Control }
+ },
+ 'selectFocusedItem': {
+ execute: this.startEditCommad.bind(this),
+ canExecute: this.canExecute.bind(this), gesture: { key: _enum_enum__WEBPACK_IMPORTED_MODULE_14__["Keys"].Enter }
+ }
+ };
+ this.initCommandManager(newCommands, commands);
+ };
+ Diagram.prototype.overrideCommands = function (newCommand, commands) {
+ var command;
+ for (var _i = 0, _a = Object.keys(commands); _i < _a.length; _i++) {
+ var key = _a[_i];
+ command = commands["" + key];
+ if (newCommand.gesture.key === command.gesture.key && newCommand.gesture.keyModifiers === command.gesture.keyModifiers) {
+ delete commands["" + key];
+ break;
+ }
+ }
+ };
+ Diagram.prototype.initCommandManager = function (newCommands, commands) {
+ var i = 0;
+ if (newCommands) {
+ for (i = 0; i < newCommands.length; i++) {
+ if (commands[newCommands[parseInt(i.toString(), 10)].name] && newCommands[parseInt(i.toString(), 10)]) {
+ if (newCommands[parseInt(i.toString(), 10)].canExecute) {
+ commands[newCommands[parseInt(i.toString(), 10)].name].canExecute = newCommands[parseInt(i.toString(), 10)].canExecute;
+ }
+ if (newCommands[parseInt(i.toString(), 10)].execute) {
+ commands[newCommands[parseInt(i.toString(), 10)].name].execute = newCommands[parseInt(i.toString(), 10)].execute;
+ }
+ if (newCommands[parseInt(i.toString(), 10)].gesture.key || newCommands[parseInt(i.toString(), 10)].gesture.keyModifiers) {
+ commands[newCommands[parseInt(i.toString(), 10)].name].gesture = newCommands[parseInt(i.toString(), 10)].gesture;
+ }
+ if (newCommands[parseInt(i.toString(), 10)].parameter !== '') {
+ commands[newCommands[parseInt(i.toString(), 10)].name].parameter = newCommands[parseInt(i.toString(), 10)].parameter;
+ }
+ }
+ else {
+ this.overrideCommands(newCommands[parseInt(i.toString(), 10)], commands);
+ commands[newCommands[parseInt(i.toString(), 10)].name] = {
+ execute: newCommands[parseInt(i.toString(), 10)].execute, canExecute: newCommands[parseInt(i.toString(), 10)].canExecute, gesture: newCommands[parseInt(i.toString(), 10)].gesture,
+ parameter: newCommands[parseInt(i.toString(), 10)].parameter
+ };
+ }
+ }
+ }
+ this.commands = commands;
+ };
+ /**
+ * updateNodeEdges method \
+ *
+ * @returns { void } updateNodeEdges method .\
+ * @param {Node} node - provide the source value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateNodeEdges = function (node) {
+ for (var _i = 0, _a = node.inEdges; _i < _a.length; _i++) {
+ var edge = _a[_i];
+ if (this.nameTable["" + edge]) {
+ this.nameTable["" + edge].targetID = '';
+ }
+ }
+ for (var _b = 0, _c = node.outEdges; _b < _c.length; _b++) {
+ var edge = _c[_b];
+ if (this.nameTable["" + edge]) {
+ this.nameTable["" + edge].sourceID = '';
+ }
+ }
+ node.inEdges = [];
+ node.outEdges = [];
+ };
+ /**
+ * updateIconVisibility method \
+ *
+ * @returns { void } updateIconVisibility method .\
+ * @param {Node} node - provide the source value.
+ * @param {boolean} visibility - provide the source value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateIconVisibility = function (node, visibility) {
+ for (var i = 0; i < node.wrapper.children.length; i++) {
+ var child = node.wrapper.children[parseInt(i.toString(), 10)];
+ if (child.id) {
+ var id = child.id.split(node.id)[1];
+ if (id && id.match('^_icon')) {
+ child.visible = visibility;
+ this.updateDiagramContainerVisibility(child, visibility);
+ }
+ }
+ }
+ };
+ /**
+ * updateEdges method \
+ *
+ * @returns { void } updateEdges method .\
+ * @param {Connector} obj - provide the source value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateEdges = function (obj) {
+ if (obj.sourceID !== undefined && obj.sourceID !== '') {
+ var node = this.nameTable[obj.sourceID];
+ if (node && node.outEdges && node.outEdges.length === 0) {
+ node.outEdges = [];
+ }
+ if (node && node.outEdges && node.outEdges.indexOf(obj.id) === -1) {
+ node.outEdges.push(obj.id);
+ }
+ this.updatePortEdges(node, obj, false);
+ }
+ if (obj.targetID !== undefined && obj.targetID !== '') {
+ var node = this.nameTable[obj.targetID];
+ if (node && node.inEdges && node.inEdges.length === 0) {
+ node.inEdges = [];
+ }
+ if (node && node.inEdges && node.inEdges.indexOf(obj.id) === -1) {
+ node.inEdges.push(obj.id);
+ }
+ this.updatePortEdges(node, obj, true);
+ if (node && node.visible && node.outEdges) {
+ var value = node.outEdges.length === 0 ? false : true;
+ this.updateIconVisibility(node, value);
+ }
+ }
+ };
+ /**
+ * updatePortEdges method \
+ *
+ * @returns { void } updatePortEdges method .\
+ * @param {NodeModel} node - provide the source value.
+ * @param {ConnectorModel} obj - provide the target value.
+ * @param {boolean} isInEdges - provide the layoutOrientation value.
+ *
+ * @private
+ */
+ Diagram.prototype.updatePortEdges = function (node, obj, isInEdges) {
+ if (node) {
+ for (var i = 0; i < node.ports.length; i++) {
+ var port = node.ports[parseInt(i.toString(), 10)];
+ var portId = (isInEdges) ? obj.targetPortID : obj.sourcePortID;
+ if (port.id === portId) {
+ var portEdges = (isInEdges) ? port.inEdges : port.outEdges;
+ if (portEdges.indexOf(obj.id) === -1) {
+ portEdges.push(obj.id);
+ }
+ }
+ }
+ }
+ };
+ /**
+ * refreshDiagram method \
+ *
+ * @returns { void } refreshDiagram method .\
+ *
+ * @private
+ */
+ Diagram.prototype.refreshDiagram = function () {
+ this.initLayerObjects();
+ this.doLayout();
+ this.updateBridging();
+ this.scroller.setSize();
+ this.addBlazorDiagramObjects();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && this.layout && this.layout.layoutInfo && this.layout.layoutInfo.isRootInverse && this.nodes.length > 2) {
+ var rootNode = this.nodes[0];
+ if (rootNode.outEdges.length > 1) {
+ var isProtectedChange = this.isProtectedOnChange;
+ for (var i = 1; i < rootNode.outEdges.length; i++) {
+ var connector = this.nameTable[rootNode.outEdges[parseInt(i.toString(), 10)]];
+ var isAllowServerUpdate = this.allowServerDataBinding;
+ this.protectPropertyChange(false);
+ this.enableServerDataBinding(false);
+ this.preventDiagramUpdate = true;
+ var target = this.getObject(connector.targetID);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ if (target.data.Branch === 'Left') {
+ connector.sourcePortID = rootNode.ports[1].id;
+ }
+ this.dataBind();
+ this.preventDiagramUpdate = false;
+ this.enableServerDataBinding(isAllowServerUpdate);
+ this.protectPropertyChange(isProtectedChange);
+ }
+ }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ var view = void 0;
+ for (var _i = 0, _a = this.views; _i < _a.length; _i++) {
+ var temp = _a[_i];
+ view = this.views["" + temp];
+ if (view.renderDocument) {
+ view.renderDocument(view);
+ view.diagramRenderer.setLayers();
+ view.updateView(view);
+ this.renderNodes(view);
+ }
+ }
+ }
+ this.updateFitToPage();
+ };
+ Diagram.prototype.updateCanupdateStyle = function (element, value) {
+ for (var j = 0; j < element.length; j++) {
+ if (element[parseInt(j.toString(), 10)].children) {
+ this.updateCanupdateStyle(element[parseInt(j.toString(), 10)].children, value);
+ }
+ element[parseInt(j.toString(), 10)].canApplyStyle = value;
+ }
+ };
+ Diagram.prototype.getZindexPosition = function (obj, viewId) {
+ var objects = [];
+ var index = undefined;
+ objects = objects.concat(this.nodes);
+ objects = objects.concat(this.connectors);
+ var type;
+ if (obj.zIndex !== -1) {
+ for (var i = 0; i < objects.length; i++) {
+ if (objects[parseInt(i.toString(), 10)].zIndex > obj.zIndex) {
+ if (obj.shape.type === 'HTML' || obj.shape.type === 'Native') {
+ type = obj.shape.type === 'HTML' ? 'html' : 'native';
+ }
+ index = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDomIndex"])(viewId, objects[parseInt(i.toString(), 10)].id, type);
+ break;
+ }
+ }
+ }
+ return index;
+ };
+ /**
+ *updateDiagramObject method \
+ *
+ * @returns { void } updateDiagramObject method .\
+ * @param { (NodeModel | ConnectorModel) } obj - provide the obj value.
+ * @param { boolean } canIgnoreIndex - provide the canIgnoreIndex value.
+ * @param { boolean } isUpdateObject - provide the isUpdateObject value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateDiagramObject = function (obj, canIgnoreIndex, isUpdateObject) {
+ var view;
+ var domTable = 'domTable';
+ for (var _i = 0, _a = this.views; _i < _a.length; _i++) {
+ var temp = _a[_i];
+ view = this.views["" + temp];
+ if (this.diagramActions) {
+ if (view.mode === 'SVG') {
+ var hasLayers = this.layers.length > 1;
+ var layer = void 0;
+ if (hasLayers) {
+ layer = this.commandHandler.getObjectLayer(obj.id);
+ }
+ if ((layer === undefined || (layer && layer.visible)) || isUpdateObject) {
+ var htmlLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getHTMLLayer"])(this.element.id);
+ if (!window["" + domTable][view.element.id + '_diagramLayer']) {
+ window["" + domTable][view.element.id + '_diagramLayer'] =
+ document.getElementById(view.element.id + '_diagramLayer');
+ }
+ var diagramElementsLayer = window["" + domTable][view.element.id + '_diagramLayer'];
+ if (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Interactions) {
+ this.updateCanupdateStyle(obj.wrapper.children, true);
+ }
+ var centerPoint = this.getMidPoint(obj);
+ this.diagramRenderer.updateNode(obj.wrapper, diagramElementsLayer, htmlLayer, undefined, canIgnoreIndex ? undefined : this.getZindexPosition(obj, view.element.id), centerPoint);
+ this.updateCanupdateStyle(obj.wrapper.children, true);
+ }
+ }
+ }
+ }
+ };
+ //Method used to apply margin for Bezier Curve points.
+ Diagram.prototype.applyMarginBezier = function (obj, centerPoint) {
+ for (var i = 0; i < obj.wrapper.children.length; i++) {
+ if (obj.wrapper && obj.wrapper.children[parseInt(i.toString(), 10)] instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_16__["TextElement"]) {
+ centerPoint.cx = centerPoint.cx + obj.wrapper.children[parseInt(i.toString(), 10)].margin.left;
+ centerPoint.cx = centerPoint.cx - obj.wrapper.children[parseInt(i.toString(), 10)].margin.right;
+ centerPoint.cy = centerPoint.cy + obj.wrapper.children[parseInt(i.toString(), 10)].margin.top;
+ centerPoint.cy = centerPoint.cy - obj.wrapper.children[parseInt(i.toString(), 10)].margin.bottom;
+ }
+ }
+ };
+ //Method used to get mid point of Bezier Curve
+ Diagram.prototype.getMidPoint = function (obj) {
+ var centerPoint = obj.annotations[0] ? obj.annotations[0].offset : 0.5;
+ var finalPoint;
+ if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] && obj.type === 'Bezier') {
+ var totalPoints = this.getBezierPoints(obj);
+ var totalLength = _primitives_point__WEBPACK_IMPORTED_MODULE_45__["Point"].getLengthFromListOfPoints(totalPoints);
+ var absoluteLength = centerPoint * totalLength;
+ var position = this.commandHandler.getPointAtLength(absoluteLength, totalPoints, 0);
+ finalPoint = { cx: position.x, cy: position.y };
+ this.applyMarginBezier(obj, finalPoint);
+ // EJ2-64114 -Horizontal and Vertical alignment not applied properly for the bezier connector annotation
+ this.applyAlignment(obj, finalPoint);
+ }
+ return finalPoint;
+ };
+ /**
+ * Apply alignment to bezier annotation
+ * @param {ConnectorModel | NodeModel} obj - provide the obj value.
+ * @param finalPoint
+ */
+ Diagram.prototype.applyAlignment = function (obj, finalPoint) {
+ for (var i = 0; i < obj.wrapper.children.length; i++) {
+ if (obj.wrapper && obj.wrapper.children[parseInt(i.toString(), 10)] instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_16__["TextElement"]) {
+ var child = obj.wrapper.children[parseInt(i.toString(), 10)];
+ switch (child.horizontalAlignment) {
+ case 'Auto':
+ case 'Left':
+ finalPoint.cx = child.inversedAlignment ? finalPoint.cx : (finalPoint.cx - child.desiredSize.width);
+ break;
+ case 'Stretch':
+ case 'Center':
+ finalPoint.cx -= child.desiredSize.width * child.pivot.x;
+ break;
+ case 'Right':
+ finalPoint.cx = child.inversedAlignment ? (finalPoint.cx - child.desiredSize.width) : finalPoint.cx;
+ break;
+ }
+ switch (child.verticalAlignment) {
+ case 'Auto':
+ case 'Top':
+ finalPoint.cy = child.inversedAlignment ? finalPoint.cy : (finalPoint.cy - child.desiredSize.height);
+ break;
+ case 'Stretch':
+ case 'Center':
+ finalPoint.cy -= child.desiredSize.height * child.pivot.y;
+ break;
+ case 'Bottom':
+ finalPoint.cy = child.inversedAlignment ? (finalPoint.cy - child.desiredSize.height) : finalPoint.cy;
+ break;
+ }
+ }
+ }
+ };
+ //(EJ2-62683) Method used to get total points in bezier connector
+ Diagram.prototype.getBezierPoints = function (obj) {
+ var points = [];
+ var i;
+ var source = { x: obj.sourcePoint.x, y: obj.sourcePoint.y };
+ points.push(source);
+ for (i = 0; i < obj.segments.length; i++) {
+ var total = obj.segments[parseInt(i.toString(), 10)].getPoints(obj.segments[parseInt(i.toString(), 10)], source);
+ points.push.apply(points, total);
+ source = points[points.length - 1];
+ }
+ return points;
+ };
+ /**
+ *updateGridContainer method \
+ *
+ * @returns { void } updateGridContainer method .\
+ * @param { GridPanel } grid - provide the objectArray value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateGridContainer = function (grid) {
+ var view;
+ var htmlLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getHTMLLayer"])(this.element.id);
+ for (var _i = 0, _a = this.views; _i < _a.length; _i++) {
+ var temp = _a[_i];
+ view = this.views["" + temp];
+ if (view.mode === 'SVG' && this.diagramActions) {
+ var diagramElementsLayer = document.getElementById(view.element.id + '_diagramLayer');
+ this.diagramRenderer.updateNode(grid, diagramElementsLayer, htmlLayer, undefined);
+ }
+ else {
+ this.refreshCanvasDiagramLayer(view);
+ }
+ }
+ };
+ /**
+ *getObjectsOfLayer method \
+ *
+ * @returns { (NodeModel | ConnectorModel)[] } getObjectsOfLayer method .\
+ * @param { string[] } objectArray - provide the objectArray value.
+ *
+ * @private
+ */
+ Diagram.prototype.getObjectsOfLayer = function (objectArray) {
+ var nodeArray = [];
+ for (var _i = 0, objectArray_1 = objectArray; _i < objectArray_1.length; _i++) {
+ var obj = objectArray_1[_i];
+ if (this.nameTable["" + obj]) {
+ nodeArray.push(this.nameTable["" + obj]);
+ }
+ }
+ return nodeArray;
+ };
+ /**
+ *refreshDiagramLayer method \
+ *
+ * @returns { void } refreshDiagramLayer method .\
+ *
+ * @private
+ */
+ Diagram.prototype.refreshDiagramLayer = function () {
+ var view;
+ for (var _i = 0, _a = this.views; _i < _a.length; _i++) {
+ var temp = _a[_i];
+ view = this.views["" + temp];
+ switch (view.mode) {
+ case 'SVG':
+ this.refreshSvgDiagramLayer(view);
+ break;
+ case 'Canvas':
+ this.refreshCanvasLayers(view);
+ break;
+ }
+ }
+ };
+ /**
+ *refreshCanvasLayers method \
+ *
+ * @returns { void } refreshCanvasLayers method .\
+ * @param { View } view - provide the view value.
+ *
+ * @private
+ */
+ Diagram.prototype.refreshCanvasLayers = function (view) {
+ if (!view) {
+ for (var _i = 0, _a = this.views; _i < _a.length; _i++) {
+ var temp = _a[_i];
+ var view_1 = this.views["" + temp];
+ this.refreshCanvasDiagramLayer(view_1);
+ }
+ }
+ else {
+ this.refreshCanvasDiagramLayer(view);
+ }
+ };
+ Diagram.prototype.renderBasicElement = function (view) {
+ var htmlLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getHTMLLayer"])(view.element.id);
+ for (var i = 0; i < this.basicElements.length; i++) {
+ var element = this.basicElements[parseInt(i.toString(), 10)];
+ if (element instanceof _core_containers_container__WEBPACK_IMPORTED_MODULE_6__["Container"]) {
+ element.prevRotateAngle = 0;
+ }
+ element.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](element.width, element.height));
+ element.arrange(element.desiredSize);
+ view.diagramRenderer.renderElement(element, view.diagramLayer, htmlLayer);
+ }
+ };
+ Diagram.prototype.refreshElements = function (view) {
+ if (!this.isDestroyed) {
+ this.clearCanvas(view);
+ if (view instanceof Diagram) {
+ view.diagramLayer.getContext('2d').setTransform(view.scroller.currentZoom, 0, 0, view.scroller.currentZoom, 0, 0);
+ view.diagramLayer.getContext('2d').scale(1.5, 1.5);
+ }
+ else {
+ var element = document.getElementById(view.element.id + '_nativeLayer');
+ if (element.children.length > 0) {
+ view.updateView(view);
+ }
+ }
+ var htmlLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getHTMLLayer"])(view.element.id);
+ //const bounds: Rect = this.spatialSearch.getPageBounds();
+ this.renderDiagramElements(view.diagramLayer, view.diagramRenderer, htmlLayer);
+ for (var i = 0; i < this.basicElements.length; i++) {
+ var element = this.basicElements[parseInt(i.toString(), 10)];
+ element.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](element.width, element.height));
+ element.arrange(element.desiredSize);
+ view.diagramRenderer.renderElement(element, view.diagramLayer, htmlLayer);
+ }
+ if (view instanceof Diagram) {
+ view.diagramLayer.style.transform = 'scale(' + (2 / 3) + ')';
+ view.diagramLayer.style.transformOrigin = '0 0';
+ }
+ this.renderTimer = null;
+ }
+ };
+ /**
+ *refreshCanvasDiagramLayer method \
+ *
+ * @returns { void } refreshCanvasDiagramLayer method .\
+ * @param { View } view - provide the view value.
+ *
+ * @private
+ */
+ Diagram.prototype.refreshCanvasDiagramLayer = function (view) {
+ var _this = this;
+ if (view.mode !== 'SVG' && !this.isDestroyed) {
+ if (this.basicElements.length > 0) {
+ this.renderBasicElement(view);
+ }
+ if ((!this.diagramActions || (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Render) === 0)
+ || (_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction & this.diagramActions) || Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this) || (this.scroller.currentZoom !== 1)) {
+ this.refreshElements(view);
+ }
+ else if (!this.renderTimer) {
+ this.renderTimer = setTimeout(function () {
+ _this.refreshElements(view);
+ }, 40);
+ }
+ }
+ };
+ /**
+ *updatePortVisibility method \
+ *
+ * @returns { void } updatePortVisibility method .\
+ * @param { Node } node - provide the node value.
+ * @param { PortVisibility } portVisibility - provide the portVisibility value.
+ * @param { Boolean } inverse - provide the inverse value.
+ *
+ * @private
+ */
+ Diagram.prototype.updatePortVisibility = function (node, portVisibility, inverse) {
+ var portElement;
+ var drawingObject = !(this.drawingObject && this.drawingObject.shape) ? true : false;
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"] && drawingObject && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canMove"])(node)) {
+ var ports = node.ports;
+ var changed = false;
+ for (var i = 0; i < ports.length; i++) {
+ portElement = this.getWrapper(node.wrapper, ports[parseInt(i.toString(), 10)].id);
+ if ((portVisibility & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["PortVisibility"].Hover || portVisibility & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["PortVisibility"].Connect)) {
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["checkPortRestriction"])(ports[parseInt(i.toString(), 10)], portVisibility)) {
+ portElement.visible = !inverse;
+ changed = true;
+ }
+ }
+ }
+ if (changed) {
+ this.updateDiagramObject(node);
+ }
+ //EJ2-59672 - Added the below code to render the ports while hovering over the node
+ if (this.mode === 'Canvas') {
+ this.refreshCanvasLayers();
+ }
+ }
+ };
+ /**
+ *refreshSvgDiagramLayer method \
+ *
+ * @returns { void } refreshSvgDiagramLayer method .\
+ * @param { View } view - provide the object value.
+ *
+ * @private
+ */
+ Diagram.prototype.refreshSvgDiagramLayer = function (view) {
+ var element;
+ var diagramElementsLayer = document.getElementById(view.element.id + '_diagramLayer');
+ var htmlLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getHTMLLayer"])(view.element.id);
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this)) {
+ for (var i = 0; i < this.basicElements.length; i++) {
+ element = this.basicElements[parseInt(i.toString(), 10)];
+ element.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](element.width, element.height));
+ element.arrange(element.desiredSize, (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Render) ? true : false));
+ this.diagramRenderer.renderElement(element, diagramElementsLayer, htmlLayer);
+ }
+ this.renderDiagramElements(diagramElementsLayer, this.diagramRenderer, htmlLayer);
+ }
+ else {
+ this.scroller.virtualizeElements();
+ }
+ };
+ /**
+ *removeVirtualObjects method \
+ *
+ * @returns { void } removeVirtualObjects method .\
+ * @param { Object } clearIntervalVal - provide the object value.
+ *
+ * @private
+ */
+ Diagram.prototype.removeVirtualObjects = function (clearIntervalVal) {
+ if (this.deleteVirtualObject) {
+ for (var i = 0; i < this.scroller.removeCollection.length; i++) {
+ var obj = this.nameTable[this.scroller.removeCollection[parseInt(i.toString(), 10)]];
+ this.removeElements(obj);
+ }
+ this.deleteVirtualObject = false;
+ }
+ clearInterval(clearIntervalVal);
+ };
+ /**
+ *updateTextElementValue method \
+ *
+ * @returns { void } updateTextElementValue method .\
+ * @param { NodeModel | ConnectorModel } object - provide the object value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateTextElementValue = function (object) {
+ for (var j = 0; j < object.wrapper.children.length; j++) {
+ var element = object.wrapper.children[parseInt(j.toString(), 10)];
+ if (element instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_16__["TextElement"]) {
+ element.canMeasure = true;
+ element.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](object.width, object.height));
+ element.arrange(element.desiredSize);
+ }
+ }
+ };
+ /**
+ *updateVirtualObjects method \
+ *
+ * @returns { void } updateVirtualObjects method .\
+ * @param { string[] } collection - provide the collection value.
+ * @param { boolean } remove - provide the remove value.
+ * @param { string[] } tCollection - provide the htmlLayer value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateVirtualObjects = function (collection, remove, tCollection) {
+ var diagramElementsLayer = document.getElementById(this.element.id + '_diagramLayer');
+ var htmlLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getHTMLLayer"])(this.element.id);
+ if (this.mode === 'SVG') {
+ for (var i = 0; i < collection.length; i++) {
+ var index = this.scroller.removeCollection.indexOf(collection[parseInt(i.toString(), 10)]);
+ if (index >= 0) {
+ this.scroller.removeCollection.splice(index, 1);
+ }
+ var object = this.nameTable[collection[parseInt(i.toString(), 10)]];
+ this.updateTextElementValue(object);
+ this.diagramRenderer.renderElement(object.wrapper, diagramElementsLayer, htmlLayer, undefined, undefined, undefined, undefined, object.zIndex);
+ }
+ for (var k = 0; k < tCollection.length; k++) {
+ this.scroller.removeCollection.push(tCollection[parseInt(k.toString(), 10)]);
+ }
+ if (this.scroller.currentZoom !== 1) {
+ this.eventHandler.updateVirtualization();
+ }
+ }
+ else if (this.diagramActions) {
+ this.refreshDiagramLayer();
+ }
+ };
+ /**
+ *renderDiagramElements method \
+ *
+ * @returns { void } renderDiagramElements method .\
+ * @param { HTMLCanvasElement | SVGElement} canvas - provide the canvas value.
+ * @param { DiagramRenderer } renderer - provide the renderer value.
+ * @param { HTMLElement } htmlLayer - provide the htmlLayer value.
+ * @param {boolean } transform - provide the transform value.
+ * @param {boolean } fromExport - provide the fromExport value.
+ * @param { boolean } isOverView - provide the isOverView value.
+ *
+ * @private
+ */
+ Diagram.prototype.renderDiagramElements = function (canvas, renderer, htmlLayer, transform, fromExport, isOverView) {
+ if (transform === void 0) { transform = true; }
+ var pageBounds = this.scroller.getPageBounds();
+ pageBounds.x *= this.scroller.currentZoom;
+ pageBounds.y *= this.scroller.currentZoom;
+ pageBounds.width *= this.scroller.currentZoom;
+ pageBounds.height *= this.scroller.currentZoom;
+ var difX = -this.scroller.horizontalOffset - pageBounds.x;
+ var difY = -this.scroller.verticalOffset - pageBounds.y;
+ var getCenterPoint;
+ for (var _i = 0, _a = Object.keys(this.layerZIndexTable); _i < _a.length; _i++) {
+ var layerId = _a[_i];
+ var layer = this.commandHandler.getLayer(this.layerZIndexTable["" + layerId]);
+ var left = void 0;
+ var top_1 = void 0;
+ if (this.mode === 'Canvas' && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this) && !this.diagramActions) {
+ this.scroller.virtualizeElements();
+ }
+ var id = (this.mode === 'Canvas' && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this) &&
+ this.scroller.oldCollectionObjects.length > 0) ?
+ this.scroller.oldCollectionObjects : undefined;
+ for (var _b = 0, _c = Object.keys(id || layer.zIndexTable); _b < _c.length; _b++) {
+ var node = _c[_b];
+ var renderNode = id ? this.nameTable[id["" + node]] : this.nameTable[layer.zIndexTable["" + node]];
+ if (renderNode && !(renderNode.parentId) && layer.visible &&
+ (!(renderNode.processId) || this.refreshing)) {
+ //EJ2-68738 - Overview content not updated properly on zoom out the diagram
+ var transformValue = void 0;
+ //828826 - In canvas mode diagram transform values are not updated properly while Zoom out action
+ if (this.scroller.currentZoom < 1 && this.mode == 'SVG') {
+ transformValue = {
+ tx: (-pageBounds.x) / this.scroller.currentZoom,
+ ty: (-pageBounds.y) / this.scroller.currentZoom,
+ scale: this.scroller.transform.scale
+ };
+ }
+ else {
+ transformValue = {
+ tx: this.scroller.transform.tx,
+ ty: this.scroller.transform.ty,
+ scale: this.scroller.transform.scale
+ };
+ }
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this)) {
+ if (this.scroller.currentZoom < 1) {
+ if (pageBounds.x < 0 || this.scroller.horizontalOffset < 0) {
+ var verticalValue = this.scroller.verticalOffset < 0 ? this.scroller.verticalOffset : 0;
+ left = (difX > 0 ? difX : 0) + 'px';
+ top_1 = ((this.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].vScrollbarMoved) ? 0 : -verticalValue) + 'px';
+ }
+ else {
+ left = 0 + 'px';
+ top_1 = 0 + 'px';
+ }
+ if (this.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].hScrollbarMoved) {
+ this.realActions = this.realActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].hScrollbarMoved;
+ }
+ if (this.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].vScrollbarMoved) {
+ this.realActions = this.realActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["RealAction"].vScrollbarMoved;
+ }
+ }
+ else {
+ left = (pageBounds.x < 0 ? difX : -this.scroller.horizontalOffset) + 'px';
+ top_1 = (pageBounds.y < 0 ? difY : -this.scroller.verticalOffset) + 'px';
+ }
+ this.diagramLayer.style.left = left;
+ this.diagramLayer.style.top = top_1;
+ //EJ2-69578 - Overview is not updated properly when we enable virtualization.
+ transformValue.tx = (-pageBounds.x) / transformValue.scale;
+ transformValue.ty = (-pageBounds.y) / transformValue.scale;
+ }
+ var status_1 = true;
+ if (fromExport) {
+ status_1 = false;
+ }
+ this.updateTextElementValue(renderNode);
+ if (this.refreshing) {
+ if (renderNode.shape.activity && renderNode.shape.activity.subProcess
+ && renderNode.shape.activity.subProcess.processes) {
+ for (var i = 0; i < renderNode.shape.activity.subProcess.processes.length; i++) {
+ var process = renderNode.shape.activity.subProcess.processes[parseInt(i.toString(), 10)];
+ renderNode.wrapper.children.push(this.nameTable["" + process].wrapper);
+ }
+ renderNode.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](renderNode.wrapper.bounds.width, renderNode.wrapper.bounds.height));
+ renderNode.wrapper.arrange(renderNode.wrapper.desiredSize);
+ }
+ }
+ if (renderNode instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] && renderNode.type === 'Bezier') {
+ getCenterPoint = this.getMidPoint(renderNode);
+ // (EJ2-58802) - Added the below code to add the transform x and y values to center point value in canvas mode
+ if (this.mode === 'Canvas' && transform) {
+ getCenterPoint.cx += transformValue.tx;
+ getCenterPoint.cy += transformValue.ty;
+ }
+ }
+ else {
+ getCenterPoint = null;
+ }
+ renderer.renderElement(renderNode.wrapper, canvas, htmlLayer, (!renderer.isSvgMode && transform) ? transformValue : undefined, undefined, undefined, status_1 && (!this.diagramActions || isOverView), undefined, undefined, getCenterPoint);
+ }
+ }
+ }
+ };
+ /**
+ *updateBridging method \
+ *
+ * @returns { void } updateBridging method .\
+ * @param {string} isLoad - provide the isLoad value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateBridging = function (isLoad) {
+ if (this.bridgingModule) {
+ for (var i = 0; i < this.connectors.length; i++) {
+ var connector = this.connectors[parseInt(i.toString(), 10)];
+ this.bridgingModule.updateBridging(connector, this);
+ var canvas = this.connectors[parseInt(i.toString(), 10)].wrapper;
+ if (canvas && canvas.children && canvas.children.length > 0) {
+ var pathSegment = canvas.children[0];
+ var data = pathSegment.data;
+ if (connector.isBezierEditing && this.selectedItems.connectors[0].id === connector.id || connector.type !== 'Bezier') {
+ connector.getSegmentElement(connector, pathSegment, this.layout.type === 'ComplexHierarchicalTree' || this.layout.type === 'HierarchicalTree' ?
+ this.layout.orientation : undefined, undefined, false);
+ }
+ if (pathSegment.data !== data) {
+ canvas.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]());
+ canvas.arrange(canvas.desiredSize);
+ if (this.mode === 'SVG' && !isLoad) {
+ this.updateDiagramObject(connector);
+ }
+ }
+ }
+ }
+ }
+ };
+ /**
+ *setCursor method \
+ *
+ * @returns { void } setCursor method .\
+ * @param {string} cursor - provide the width value.
+ *
+ * @private
+ */
+ Diagram.prototype.setCursor = function (cursor) {
+ this.diagramRenderer.setCursor(this.diagramCanvas, cursor);
+ };
+ /**
+ *clearCanvas method \
+ *
+ * @returns { void } clearCanvas method .\
+ * @param {View} view - provide the width value.
+ *
+ * @private
+ */
+ Diagram.prototype.clearCanvas = function (view) {
+ //let width: number;
+ //let height: number;
+ var width = view.contentWidth || view.diagramLayer.width / this.scroller.currentZoom;
+ var height = view.contentHeight || view.diagramLayer.height / this.scroller.currentZoom;
+ if (view.mode !== 'SVG') {
+ var ctx = _rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_1__["CanvasRenderer"].getContext(view.diagramLayer);
+ ctx.clearRect(0, 0, width, height);
+ }
+ };
+ /**
+ *updateScrollOffset method \
+ *
+ * @returns { void } updateScrollOffset method .\
+ *
+ * @private
+ */
+ Diagram.prototype.updateScrollOffset = function () {
+ this.scroller.setScrollOffset(this.diagramCanvas.scrollLeft, this.diagramCanvas.scrollTop);
+ Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_12__["updateRuler"])(this);
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this)) {
+ this.scroller.virtualizeElements();
+ }
+ };
+ /**
+ *setOffset method \
+ *
+ * @returns { void } setOffset method .\
+ * @param {number} offsetX - provide the width value.
+ * @param {number} offsetY - provide the height value.
+ *
+ * @private
+ */
+ Diagram.prototype.setOffset = function (offsetX, offsetY) {
+ var domTable = 'domTable';
+ if (!window["" + domTable][this.element.id + 'content']) {
+ window["" + domTable][this.element.id + 'content'] = document.getElementById(this.element.id + 'content');
+ }
+ var container = window["" + domTable][this.element.id + 'content'];
+ if (container) {
+ container.scrollLeft = offsetX;
+ container.scrollTop = offsetY;
+ }
+ };
+ /**
+ *setSize method \
+ *
+ * @returns { void } setSize method .\
+ * @param {number} width - provide the width value.
+ * @param {number} height - provide the height value.
+ *
+ * @private
+ */
+ Diagram.prototype.setSize = function (width, height) {
+ if (this.diagramLayer && !this.preventDiagramUpdate) {
+ var position = Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_12__["getRulerSize"])(this);
+ width -= position.width;
+ height -= position.height;
+ var bounds = this.spatialSearch.getPageBounds();
+ bounds.x *= this.scroller.currentZoom;
+ bounds.y *= this.scroller.currentZoom;
+ bounds.width *= this.scroller.currentZoom;
+ bounds.height *= this.scroller.currentZoom;
+ var factor = this.mode === 'SVG' ? 1 : 1.5;
+ var diagramLayer = this.mode === 'SVG' ?
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramLayerSvg"])(this.element.id) : this.diagramLayer;
+ var w = (this.mode === 'Canvas' &&
+ (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].Virtualization)) ? this.scroller.viewPortWidth : width;
+ var h = (this.mode === 'Canvas' &&
+ (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].Virtualization)) ? this.scroller.viewPortHeight : height;
+ diagramLayer.setAttribute('width', (factor * w).toString());
+ diagramLayer.setAttribute('height', (factor * h).toString());
+ var hiddenUserHandleTemplate = document.getElementById(this.element.id + '_diagramUserHandleLayer');
+ if (hiddenUserHandleTemplate) {
+ hiddenUserHandleTemplate.style.width = width + 'px';
+ hiddenUserHandleTemplate.style.height = height + 'px';
+ }
+ var attr = { 'width': width.toString(), 'height': height.toString() };
+ this.diagramLayerDiv.style.width = width + 'px';
+ this.diagramLayerDiv.style.height = height + 'px';
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeSvg"])(Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getNativeLayerSvg"])(this.element.id), attr);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeSvg"])(Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getPortLayerSvg"])(this.element.id), attr);
+ var adornerSVG = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getAdornerLayerSvg"])(this.element.id);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeSvg"])(adornerSVG, attr);
+ adornerSVG.parentNode.style.width = width + 'px';
+ adornerSVG.parentNode.style.height = height + 'px';
+ var gridLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getGridLayerSvg"])(this.element.id);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeSvg"])(gridLayer, attr);
+ this.diagramRenderer.updateGrid(this.snapSettings, gridLayer, this.scroller.transform, this.rulerSettings, this.hRuler, this.vRuler);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["setAttributeSvg"])(Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getBackgroundLayerSvg"])(this.element.id), attr);
+ this.htmlLayer.style.width = width + 'px';
+ this.htmlLayer.style.height = height + 'px';
+ if (this.mode !== 'SVG' && !(Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this))) {
+ this.refreshDiagramLayer();
+ }
+ if (this.mode === 'SVG' && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this)) {
+ this.scroller.virtualizeElements();
+ }
+ }
+ };
+ /**
+ *transformLayers method \
+ *
+ * @returns { void } Defines how to remove the Page breaks .\
+ *
+ * @private
+ */
+ Diagram.prototype.transformLayers = function () {
+ var bounds = this.spatialSearch.getPageBounds();
+ bounds.x *= this.scroller.currentZoom;
+ bounds.y *= this.scroller.currentZoom;
+ bounds.width *= this.scroller.currentZoom;
+ bounds.height *= this.scroller.currentZoom;
+ this.diagramRenderer.updateGrid(this.snapSettings, Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getGridLayerSvg"])(this.element.id), this.scroller.transform, this.rulerSettings, this.hRuler, this.vRuler);
+ this.diagramRenderer.transformLayers(this.scroller.transform, this.mode === 'SVG');
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].DragUsingMouse)) {
+ this.updateSelector();
+ }
+ this.renderPageBreaks(bounds);
+ };
+ /**
+ *Defines how to remove the Page breaks \
+ *
+ * @returns { void } Defines how to remove the Page breaks .\
+ *
+ * @private
+ */
+ Diagram.prototype.removePageBreaks = function () {
+ if (this.diagramLayer) {
+ var line = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getBackgroundLayer"])(this.element.id);
+ if (line && line.childNodes) {
+ var length_2 = line.childNodes.length;
+ for (var i = 0; i < length_2; i++) {
+ line.removeChild(line.childNodes[0]);
+ }
+ }
+ }
+ };
+ /**
+ * Defines how the page breaks has been rendered \
+ *
+ * @returns { void } Defines how the page breaks has been rendered .\
+ * @param {Rect} bounds - provide the overview value.
+ *
+ * @private
+ */
+ Diagram.prototype.renderPageBreaks = function (bounds) {
+ this.removePageBreaks();
+ var backgroundLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getBackgroundLayer"])(this.element.id);
+ if (backgroundLayer) {
+ var i = 0;
+ bounds = this.scroller.getPageBounds(true);
+ var x = (this.scroller.transform.tx + bounds.x) * this.scroller.currentZoom;
+ var y = (this.scroller.transform.ty + bounds.y) * this.scroller.currentZoom;
+ var height = bounds.height * this.scroller.currentZoom;
+ var width = bounds.width * this.scroller.currentZoom;
+ _rendering_renderer__WEBPACK_IMPORTED_MODULE_3__["DiagramRenderer"].renderSvgBackGroundImage(this.pageSettings.background, this.element, x, y, width, height);
+ var options = {
+ id: backgroundLayer.id + 'rect', x: x,
+ y: y,
+ height: height,
+ width: width, angle: 0, stroke: '', strokeWidth: 1,
+ fill: this.pageSettings.background.color, opacity: 1,
+ pivotX: 0, pivotY: 0, visible: true, dashArray: '0'
+ };
+ this.diagramRenderer.drawRect(backgroundLayer, options);
+ if (this.pageSettings.showPageBreaks) {
+ var collection = this.scroller.getPageBreak(bounds);
+ for (i = 0; i < collection.length; i++) {
+ this.diagramRenderer.drawLine(backgroundLayer, {
+ class: 'e-diagram-page-break',
+ fill: 'none', stroke: '#aaaaaa', strokeWidth: 1, dashArray: '10 10',
+ opacity: 2, x: 0, y: 0, width: 0, height: 0, angle: 0, pivotX: 0, pivotY: 0, visible: true,
+ startPoint: {
+ x: (collection[parseInt(i.toString(), 10)].x1 + this.scroller.transform.tx) * this.scroller.currentZoom,
+ y: (collection[parseInt(i.toString(), 10)].y1 + this.scroller.transform.ty) * this.scroller.currentZoom
+ },
+ endPoint: {
+ x: (collection[parseInt(i.toString(), 10)].x2 + this.scroller.transform.tx) * this.scroller.currentZoom,
+ y: (collection[parseInt(i.toString(), 10)].y2 + this.scroller.transform.ty) * this.scroller.currentZoom
+ }, id: collection[parseInt(i.toString(), 10)].y1 === collection[parseInt(i.toString(), 10)].y2 ? 'HorizontalLines' : 'VerticalLines'
+ });
+ }
+ }
+ }
+ };
+ Diagram.prototype.validatePageSize = function () {
+ var temp = 0;
+ if (this.pageSettings.orientation === 'Portrait') {
+ if (this.pageSettings.width > this.pageSettings.height) {
+ temp = this.pageSettings.height;
+ this.pageSettings.height = this.pageSettings.width;
+ this.pageSettings.width = temp;
+ }
+ }
+ else {
+ if (this.pageSettings.height > this.pageSettings.width) {
+ temp = this.pageSettings.width;
+ this.pageSettings.width = this.pageSettings.height;
+ this.pageSettings.height = temp;
+ }
+ }
+ };
+ /**
+ * setOverview method \
+ *
+ * @returns { void } setOverview method .\
+ * @param {View} overview - provide the overview value.
+ * @param {string} id - provide the boolean value.
+ *
+ * @private
+ */
+ Diagram.prototype.setOverview = function (overview, id) {
+ if (overview) {
+ if (overview) {
+ this.views.push(overview.id);
+ this.views[overview.id] = overview;
+ overview.renderDocument(overview);
+ overview.diagramRenderer.setLayers();
+ overview.updateView(overview);
+ this.renderNodes(overview);
+ }
+ }
+ else {
+ for (var i = 0; i < this.views.length; i++) {
+ if (this.views[parseInt(i.toString(), 10)] === id) {
+ overview = (this.views["" + id]);
+ }
+ }
+ this.views["" + id] = undefined;
+ var index = this.views.indexOf(id);
+ this.views.splice(index, 1);
+ }
+ };
+ Diagram.prototype.renderNodes = function (overview) {
+ if (overview) {
+ var renderer = new _rendering_renderer__WEBPACK_IMPORTED_MODULE_3__["DiagramRenderer"](overview.id, new _rendering_svg_renderer__WEBPACK_IMPORTED_MODULE_2__["SvgRenderer"](), false);
+ var g = document.getElementById(overview.element.id + '_diagramLayer');
+ var htmlLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getHTMLLayer"])(overview.element.id);
+ this.renderDiagramElements(g, overview.diagramRenderer || renderer, htmlLayer, undefined, undefined, true);
+ }
+ };
+ Diagram.prototype.updateThumbConstraints = function (node, selectorModel, canInitialize) {
+ var state = 0;
+ var length = node.length;
+ for (var i = 0; i < length; i++) {
+ var obj = node[parseInt(i.toString(), 10)];
+ var hideRotate = false;
+ var hideResize = false;
+ var thumbConstraints = selectorModel.thumbsConstraints;
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ hideRotate = (obj.shape.type === 'Bpmn' && (obj.shape.shape === 'Activity' &&
+ (obj.shape.activity.subProcess.collapsed === false)) ||
+ obj.shape.shape === 'TextAnnotation');
+ hideResize = (obj.shape.type === 'Bpmn' && obj.shape.shape === 'TextAnnotation');
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canRotate"])(obj) || !(thumbConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].Rotate) || hideRotate) {
+ thumbConstraints = thumbConstraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].Rotate;
+ }
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canResize"])(obj, 'SouthEast') || !(thumbConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeSouthEast) || hideResize) {
+ thumbConstraints = thumbConstraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeSouthEast;
+ }
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canResize"])(obj, 'NorthWest') || !(thumbConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeNorthWest) || hideResize) {
+ thumbConstraints = thumbConstraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeNorthWest;
+ }
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canResize"])(obj, 'East') || !(thumbConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeEast) || hideResize) {
+ thumbConstraints = thumbConstraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeEast;
+ }
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canResize"])(obj, 'West') || !(thumbConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeWest) || hideResize) {
+ thumbConstraints = thumbConstraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeWest;
+ }
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canResize"])(obj, 'North') || !(thumbConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeNorth) || hideResize) {
+ thumbConstraints = thumbConstraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeNorth;
+ }
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canResize"])(obj, 'South') || !(thumbConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeSouth) || hideResize) {
+ thumbConstraints = thumbConstraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeSouth;
+ }
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canResize"])(obj, 'NorthEast') || !(thumbConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeNorthEast) || hideResize) {
+ thumbConstraints = thumbConstraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeNorthEast;
+ }
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canResize"])(obj, 'SouthWest') || !(thumbConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeSouthWest) || hideResize) {
+ thumbConstraints = thumbConstraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeSouthWest;
+ }
+ }
+ else if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ if (!canInitialize) {
+ thumbConstraints = thumbConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].Default;
+ }
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canDragSourceEnd"])(obj)) {
+ thumbConstraints = thumbConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ConnectorSource;
+ }
+ else {
+ thumbConstraints = thumbConstraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ConnectorSource;
+ }
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canDragTargetEnd"])(obj)) {
+ thumbConstraints = thumbConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ConnectorTarget;
+ }
+ else {
+ thumbConstraints = thumbConstraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ConnectorTarget;
+ }
+ }
+ else {
+ if (!canInitialize) {
+ thumbConstraints = thumbConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].Default;
+ }
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canResize"])(obj)) {
+ thumbConstraints = thumbConstraints & ~(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeSouthEast | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeSouthWest |
+ _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeSouth | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeEast | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeWest |
+ _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeNorth | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeNorthEast | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].ResizeNorthWest);
+ }
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canRotate"])(obj)) {
+ thumbConstraints = thumbConstraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].Rotate;
+ }
+ }
+ selectorModel.thumbsConstraints = thumbConstraints;
+ }
+ };
+ /**
+ * renderSelector method \
+ *
+ * @returns { void } renderSelector method .\
+ * @param {boolean} multipleSelection - provide the multipleSelection value.
+ * @param {boolean} isSwimLane - provide the boolean value.
+ *
+ * @private
+ */
+ Diagram.prototype.renderSelector = function (multipleSelection, isSwimLane) {
+ var isProtectedOnChangeValue = this.isProtectedOnChange;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.isProtectedOnChange = true;
+ }
+ var size = new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]();
+ var selectorModel = this.selectedItems;
+ var selectorConstraints = selectorModel.constraints;
+ var rendererActions = this.diagramRenderer.rendererActions;
+ var innertemplate = document.getElementsByClassName('blazor-inner-template');
+ var i;
+ var div;
+ this.diagramRenderer.rendererActions = this.currentSymbol ?
+ this.addConstraints(rendererActions, _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RendererAction"].DrawSelectorBorder) :
+ this.removeConstraints(rendererActions, _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RendererAction"].DrawSelectorBorder);
+ this.clearSelectorLayer();
+ if (this.commandHandler.hasSelection()) {
+ if (selectorModel.nodes.length === 1 && selectorModel.connectors.length === 0) {
+ selectorModel.rotateAngle = selectorModel.nodes[0].rotateAngle;
+ selectorModel.pivot = selectorModel.nodes[0].pivot;
+ }
+ selectorModel.wrapper.measure(size);
+ selectorModel.wrapper.arrange(selectorModel.wrapper.desiredSize);
+ selectorModel.width = selectorModel.wrapper.actualSize.width;
+ selectorModel.height = selectorModel.wrapper.actualSize.height;
+ selectorModel.offsetX = selectorModel.wrapper.offsetX;
+ selectorModel.offsetY = selectorModel.wrapper.offsetY;
+ if (selectorModel.rotateAngle !== 0) {
+ for (var _i = 0, _a = selectorModel.nodes; _i < _a.length; _i++) {
+ var obj = _a[_i];
+ obj.offsetX = obj.wrapper.offsetX;
+ obj.offsetY = obj.wrapper.offsetY;
+ }
+ for (var _b = 0, _c = selectorModel.connectors; _b < _c.length; _b++) {
+ var conn = _c[_b];
+ //update connections
+ }
+ }
+ var bounds = this.spatialSearch.getPageBounds();
+ //let selectorElement: (SVGElement | HTMLCanvasElement);
+ var selectorElement = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getSelectorElement"])(this.element.id);
+ //let diagramUserHandlelayer: (SVGElement | HTMLElement);
+ var diagramUserHandlelayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getUserHandleLayer"])(this.element.id);
+ selectorModel.thumbsConstraints = _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].Default;
+ if (selectorModel.annotation) {
+ this.updateThumbConstraints([selectorModel.annotation], selectorModel);
+ }
+ else {
+ this.updateThumbConstraints(selectorModel.nodes, selectorModel);
+ this.updateThumbConstraints(selectorModel.connectors, selectorModel, true);
+ }
+ if (selectorModel.annotation) {
+ this.renderSelectorForAnnotation(selectorModel, selectorElement);
+ }
+ else if (selectorModel.nodes.length + selectorModel.connectors.length === 1 || this.nameTable['helper']) {
+ if (selectorModel.nodes[0] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ var node = selectorModel.nodes[0];
+ if (Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_38__["checkParentAsContainer"])(this, node)) {
+ if (!isSwimLane && (node.shape.type !== 'UmlClassifier' && !(node.parentId &&
+ this.nameTable[node.parentId]
+ && this.nameTable[node.parentId].shape.type === 'UmlClassifier'))) {
+ if (!(node.container && (node.container.type === 'Canvas' || node.container.type === 'Grid'))) {
+ selectorModel.nodes[0].constraints &= ~(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Rotate | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].HideThumbs);
+ }
+ selectorModel.thumbsConstraints &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].Rotate;
+ }
+ }
+ var constraints = isSwimLane ? true : ((node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].HideThumbs) ? true : false);
+ var swimlane = (node.shape.type === 'SwimLane' || node.isLane || node.isPhase || isSwimLane) ? true : false;
+ this.diagramRenderer.renderResizeHandle(selectorModel.wrapper.children[0], selectorElement, selectorModel.thumbsConstraints, this.scroller.currentZoom, selectorModel.constraints, this.scroller.transform, undefined, Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canMove"])(node), constraints, swimlane, selectorModel.handleSize);
+ }
+ else if (selectorModel.connectors[0] instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canDrawThumbs"])(this.diagramRenderer.rendererActions)) {
+ var connector = selectorModel.connectors[0];
+ this.diagramRenderer.renderEndPointHandle(connector, selectorElement, selectorModel.thumbsConstraints, selectorModel.constraints, this.scroller.transform, connector.sourceWrapper !== undefined, connector.targetWrapper !== undefined, (this.connectorEditingToolModule && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canDragSegmentThumb"])(connector)) ? true : false, this.connectorEditingToolModule ? true : false, selectorModel.handleSize);
+ }
+ }
+ else {
+ this.diagramRenderer.renderResizeHandle(selectorModel.wrapper, selectorElement, selectorModel.thumbsConstraints, this.scroller.currentZoom, selectorModel.constraints, this.scroller.transform, undefined, Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canMove"])(selectorModel), null, null, selectorModel.handleSize);
+ }
+ if (!(selectorModel.annotation) && !this.currentSymbol) {
+ this.diagramRenderer.renderUserHandler(selectorModel, selectorElement, this.scroller.transform, diagramUserHandlelayer);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && innertemplate.length > 0) {
+ for (i = 0; i < this.selectedItems.userHandles.length; i++) {
+ var userHandle = this.selectedItems.userHandles[parseInt(i.toString(), 10)];
+ div = document.getElementById(userHandle.name + '_html_element');
+ div.style.display = 'block';
+ }
+ }
+ }
+ }
+ // EJ2-56919 - Add below code to render the selection rectangle for node if selected objects length is greater than one
+ if (this.selectedItems.selectedObjects.length > 1) {
+ this.updateSelectionRectangle();
+ }
+ this.isProtectedOnChange = isProtectedOnChangeValue;
+ };
+ Diagram.prototype.updateSelectionRectangle = function () {
+ var selectorElement = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getSelectorElement"])(this.element.id);
+ var isFirst = false;
+ for (var i = 0; i < this.selectedItems.selectedObjects.length; i++) {
+ // EJ2-56919 - For first selected object we need to set stroke as 2, so check below condition as i is zero or not
+ // For first element we passed isFirst argument(last arg) as true in both render selection line and rectangle method
+ isFirst = i === 0 ? true : false;
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(this.selectedItems.selectedObjects[parseInt(i.toString(), 10)]) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ // EJ2-56919 - If selected object type is connector means then render selection line for connector
+ this.diagramRenderer.renderSelectionLine(this.selectedItems.selectedObjects[parseInt(i.toString(), 10)].wrapper.children[0], selectorElement, this.scroller.transform, isFirst);
+ }
+ else {
+ // EJ2-56919 - If selected object type is node means then render selection rectangle for node
+ this.diagramRenderer.renderSelectionRectangle(this.selectedItems.selectedObjects[parseInt(i.toString(), 10)].wrapper, selectorElement, this.scroller.transform, isFirst);
+ }
+ }
+ };
+ /**
+ * updateSelector method \
+ *
+ * @returns { void } updateSelector method .\
+ *
+ * @private
+ */
+ Diagram.prototype.updateSelector = function () {
+ var severDataBind = this.allowServerDataBinding;
+ this.enableServerDataBinding(false);
+ var size = new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]();
+ var selector = this.selectedItems;
+ var selectorConstraints = selector.constraints;
+ var innertemplate = document.getElementsByClassName('blazor-inner-template');
+ var i;
+ var div;
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction) && this.selectedItems.nodes.length === 1) {
+ this.selectedItems.rotateAngle = this.selectedItems.nodes[0].rotateAngle;
+ this.selectedItems.wrapper.rotateAngle = this.selectedItems.nodes[0].rotateAngle;
+ }
+ if (this.selectedItems !== undefined) {
+ this.clearSelectorLayer();
+ if (selector.wrapper !== null && selector.wrapper.children && selector.wrapper.children.length) {
+ var canUpdate = true;
+ var canRender = true;
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["selectionHasConnector"])(this, selector)) {
+ var eventHandler = 'eventHandler';
+ var rotate = this["" + eventHandler].action;
+ var isRotate = rotate.includes('Rotate');
+ var isSelect = rotate.includes('None') || rotate.includes('Select') || rotate.includes('Drag');
+ if (isRotate || isSelect) {
+ canRender = false;
+ }
+ if (!isSelect) {
+ canUpdate = false;
+ }
+ }
+ if (canUpdate) {
+ selector.wrapper.measure(size);
+ selector.wrapper.arrange(selector.wrapper.desiredSize);
+ }
+ if (selector.rotateAngle !== 0 || selector.rotateAngle !== selector.wrapper.prevRotateAngle) {
+ for (var _i = 0, _a = selector.nodes; _i < _a.length; _i++) {
+ var obj = _a[_i];
+ obj.offsetX = obj.wrapper.offsetX;
+ obj.offsetY = obj.wrapper.offsetY;
+ }
+ }
+ selector.width = selector.wrapper.actualSize.width;
+ selector.height = selector.wrapper.actualSize.height;
+ selector.offsetX = selector.wrapper.offsetX;
+ selector.offsetY = selector.wrapper.offsetY;
+ //let selectorEle: (SVGElement | HTMLCanvasElement);
+ var selectorEle = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getSelectorElement"])(this.element.id);
+ //let diagramUserHandlelayer: (SVGElement | HTMLElement);
+ var diagramUserHandlelayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getUserHandleLayer"])(this.element.id);
+ var canHideResizers = this.eventHandler.canHideResizers();
+ selector.thumbsConstraints = _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].Default;
+ if (selector.annotation) {
+ this.updateThumbConstraints([selector.annotation], selector);
+ }
+ else {
+ this.updateThumbConstraints(selector.nodes, selector);
+ this.updateThumbConstraints(selector.connectors, selector, true);
+ }
+ if ((this.selectedItems.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["SelectorConstraints"].UserHandle) && (!(selector.annotation)) && !this.currentSymbol) {
+ this.diagramRenderer.renderUserHandler(selector, selectorEle, this.scroller.transform, diagramUserHandlelayer);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && innertemplate.length > 0) {
+ for (i = 0; i < this.selectedItems.userHandles.length; i++) {
+ var userHandletemplate = this.selectedItems.userHandles[parseInt(i.toString(), 10)];
+ div = document.getElementById(userHandletemplate.name + '_html_element');
+ div.style.display = 'block';
+ }
+ }
+ }
+ if (selector.annotation) {
+ this.renderSelectorForAnnotation(selector, selectorEle);
+ }
+ else if (selector.nodes.length + selector.connectors.length === 1) {
+ if (selector.connectors[0] instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canDrawThumbs"])(this.diagramRenderer.rendererActions)) {
+ var connector = selector.connectors[0];
+ this.diagramRenderer.renderEndPointHandle(connector, selectorEle, selector.thumbsConstraints, selectorConstraints, this.scroller.transform, connector.sourceWrapper !== undefined, connector.targetWrapper !== undefined, (this.connectorEditingToolModule && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canDragSegmentThumb"])(connector)) ? true : false, this.connectorEditingToolModule ? true : false, selector.handleSize);
+ }
+ else if (selector.nodes[0] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ var stackPanel = selector.nodes[0];
+ if (Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_38__["checkParentAsContainer"])(this, selector.nodes[0])) {
+ if (stackPanel.shape.type !== 'UmlClassifier' && !(stackPanel.parentId &&
+ this.nameTable[stackPanel.parentId]
+ && this.nameTable[stackPanel.parentId].shape.type === 'UmlClassifier')) {
+ if (!(stackPanel.container && (stackPanel.container.type === 'Canvas'
+ || stackPanel.container.type === 'Grid'))) {
+ selector.nodes[0].constraints &= ~(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].HideThumbs | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Rotate);
+ }
+ selector.thumbsConstraints &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["ThumbsConstraints"].Rotate;
+ }
+ }
+ var swimlane = (stackPanel.shape.type === 'SwimLane' || stackPanel.isLane ||
+ stackPanel.isPhase) ? true : false;
+ this.diagramRenderer.renderResizeHandle(selector.wrapper.children[0], selectorEle, selector.thumbsConstraints, this.scroller.currentZoom, selector.constraints, this.scroller.transform, canHideResizers, Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canMove"])(selector.nodes[0]), (selector.nodes[0].constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].HideThumbs) ? true : false, swimlane, selector.handleSize);
+ }
+ }
+ else {
+ if (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Interactions) {
+ this.diagramRenderer.rendererActions = this.diagramRenderer.rendererActions | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RendererAction"].PreventRenderSelector;
+ }
+ if (!(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["selectionHasConnector"])(this, selector) && canRender)) {
+ this.diagramRenderer.renderResizeHandle(selector.wrapper, selectorEle, selector.thumbsConstraints, this.scroller.currentZoom, selector.constraints, this.scroller.transform, canHideResizers, Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canMove"])(selector), null, null, selector.handleSize);
+ }
+ this.diagramRenderer.rendererActions = this.diagramRenderer.rendererActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["RendererAction"].PreventRenderSelector;
+ }
+ }
+ }
+ // EJ2-56919 - Add below code to render selection rectangle for node if selected objects length is greater than one
+ if (this.selectedItems.selectedObjects.length > 1) {
+ this.updateSelectionRectangle();
+ }
+ this.enableServerDataBinding(severDataBind);
+ };
+ /**
+ * renderSelectorForAnnotation method \
+ *
+ * @returns { void } renderSelectorForAnnotation method .\
+ * @param {Selector} selectorModel - provide the x value.
+ * @param {(SVGElement | HTMLCanvasElement)} selectorElement - provide the y value.
+ *
+ * @private
+ */
+ //(EJ2-66036)- Annotation interaction not rendered properly
+ Diagram.prototype.renderSelectorForAnnotation = function (selectorModel, selectorElement) {
+ this.diagramRenderer.renderResizeHandle(selectorModel.wrapper.children[0], selectorElement, selectorModel.thumbsConstraints, this.scroller.currentZoom, selectorModel.constraints, this.scroller.transform, undefined, Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canMove"])(selectorModel.annotation), undefined, undefined, selectorModel.handleSize);
+ };
+ /**
+ * drawSelectionRectangle method \
+ *
+ * @returns { void } drawSelectionRectangle method .\
+ * @param {number} x - provide the x value.
+ * @param {number} y - provide the y value.
+ * @param {number} width - provide the width value.
+ * @param {number} height - provide the height value.
+ *
+ * @private
+ */
+ Diagram.prototype.drawSelectionRectangle = function (x, y, width, height) {
+ this.clearSelectorLayer();
+ this.diagramRenderer.drawSelectionRectangle(x, y, width, height, this.adornerLayer, this.scroller.transform);
+ };
+ /**
+ * renderHighlighter method \
+ *
+ * @returns { void } renderHighlighter method .\
+ * @param {DiagramElement} element - provide the node value.
+ *
+ * @private
+ */
+ Diagram.prototype.renderHighlighter = function (element) {
+ var adornerSvg = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getAdornerLayerSvg"])(this.element.id);
+ this.diagramRenderer.renderHighlighter(element, adornerSvg, this.scroller.transform);
+ };
+ /**
+ * clearHighlighter method \
+ *
+ * @returns { void } clearHighlighter method .\
+ *
+ * @private
+ */
+ Diagram.prototype.clearHighlighter = function () {
+ var adornerSvg = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getAdornerLayerSvg"])(this.element.id);
+ var highlighter = adornerSvg.getElementById(adornerSvg.id + '_highlighter');
+ if (highlighter) {
+ highlighter.parentNode.removeChild(highlighter);
+ }
+ };
+ /**
+ * getNodesConnectors method \
+ *
+ * @returns { (NodeModel | ConnectorModel)[] } getNodesConnectors method .\
+ * @param {(NodeModel | ConnectorModel)[]} selectedItems - provide the node value.
+ *
+ * @private
+ */
+ Diagram.prototype.getNodesConnectors = function (selectedItems) {
+ for (var i = 0; i < this.nodes.length; i++) {
+ var node = this.nodes[parseInt(i.toString(), 10)];
+ selectedItems.push(node);
+ }
+ for (var i = 0; i < this.connectors.length; i++) {
+ var conn = this.connectors[parseInt(i.toString(), 10)];
+ selectedItems.push(conn);
+ }
+ return selectedItems;
+ };
+ /**
+ * clearSelectorLayer method \
+ *
+ * @returns { void } clearSelectorLayer method .\
+ *
+ * @private
+ */
+ Diagram.prototype.clearSelectorLayer = function () {
+ var adornerSvg = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getAdornerLayerSvg"])(this.element.id);
+ var innertemplate = document.getElementsByClassName('blazor-inner-template');
+ var i;
+ var div;
+ var j;
+ if (!this.currentSymbol) {
+ var selectionRect = adornerSvg.getElementById(this.adornerLayer.id + '_selected_region');
+ if (selectionRect) {
+ selectionRect.parentNode.removeChild(selectionRect);
+ }
+ this.clearHighlighter();
+ var childNodes = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getSelectorElement"])(this.element.id).childNodes;
+ var child = void 0;
+ for (var i_4 = childNodes.length; i_4 > 0; i_4--) {
+ child = childNodes[i_4 - 1];
+ child.parentNode.removeChild(child);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].DragUsingMouse) && innertemplate.length > 0) {
+ for (i = 0; i < this.selectedItems.userHandles.length; i++) {
+ var template = this.selectedItems.userHandles[parseInt(i.toString(), 10)];
+ div = document.getElementById(template.name + '_html_element');
+ div.style.display = 'none';
+ }
+ }
+ else {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ var templates = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getUserHandleLayer"])(this.element.id).childNodes;
+ for (i = templates.length; i > 0; i--) {
+ templates[i - 1].parentNode.removeChild(templates[i - 1]);
+ }
+ }
+ }
+ }
+ else {
+ var symbolBorder = adornerSvg.getElementById('borderRect_symbol');
+ if (symbolBorder) {
+ symbolBorder.parentNode.removeChild(symbolBorder);
+ }
+ }
+ };
+ /**
+ * getWrapper method \
+ *
+ * @returns { void } getWrapper method .\
+ * @param {Container} nodes - provide the node value.
+ * @param {string} id - provide the childernCollection value.
+ *
+ * @private
+ */
+ Diagram.prototype.getWrapper = function (nodes, id) {
+ var wrapper;
+ id = nodes.id + '_' + id;
+ var container = nodes instanceof _core_containers_canvas__WEBPACK_IMPORTED_MODULE_20__["Canvas"] ? nodes : this.getPortContainer(this.nameTable[nodes.id]);
+ for (var i = 0; i < container.children.length; i++) {
+ if (id === container.children[parseInt(i.toString(), 10)].id) {
+ wrapper = container.children[parseInt(i.toString(), 10)];
+ }
+ }
+ return wrapper;
+ };
+ /**
+ * DiagramElement method \
+ *
+ * @returns { void } getEndNodeWrapper method .\
+ * @param {NodeModel | ConnectorModel} node - provide the node value.
+ * @param {ConnectorModel} connector - provide the childernCollection value.
+ * @param {boolean} source - provide the childernCollection value.
+ *
+ * @private
+ */
+ Diagram.prototype.getEndNodeWrapper = function (node, connector, source) {
+ if (node.shape.type === 'Bpmn' && node.wrapper.children[0] instanceof _core_containers_canvas__WEBPACK_IMPORTED_MODULE_20__["Canvas"]) {
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && node.shape.shape === 'Activity') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && node.shadow.bpmnShape === 'Activity')) {
+ if (source && node.shape.activity.subProcess.type === 'Transaction'
+ && connector.sourcePortID) {
+ var portId = connector.sourcePortID;
+ var parent_4 = node.wrapper.children[0].children[0].children[2];
+ if (parent_4.children) {
+ for (var _i = 0, _a = parent_4.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ if (child.visible && child.id === node.id + '_' + portId) {
+ return child.children[0];
+ }
+ }
+ }
+ }
+ return node.wrapper.children[0].children[0].children[0];
+ }
+ return node.wrapper.children[0].children[0];
+ }
+ if (!this.containsMargin(node.wrapper.children[0])) {
+ if (!node.children) {
+ return node.wrapper.children[0];
+ }
+ }
+ return node.wrapper;
+ };
+ Diagram.prototype.containsMargin = function (node) {
+ return node.margin && (node.margin.left !== 0 || node.margin.top !== 0 || node.margin.right !== 0 || node.margin.bottom !== 0);
+ };
+ Diagram.prototype.focusOutEdit = function () {
+ this.endEdit();
+ // EJ2-57743 - Added below code to refresh the diagram layer after the annotation gets edited in canvas mode.
+ if (this.mode === 'Canvas' && this.scroller.currentZoom !== 1) {
+ this.refreshDiagramLayer();
+ }
+ };
+ Diagram.prototype.endEditCommand = function () {
+ this.endEdit();
+ this.textEditing = false;
+ // EJ2-57743 - Added below code to refresh the diagram layer after the annotation gets edited in canvas mode.
+ if (this.mode === 'Canvas' && this.scroller.currentZoom !== 1) {
+ this.refreshDiagramLayer();
+ }
+ };
+ /**
+ * @private
+ */
+ /* tslint:disable */
+ Diagram.prototype.endEdit = function () {
+ return __awaiter(this, void 0, void 0, function () {
+ var blazor, blazorInterop, oldValues, changedvalues, annotations, textArea, text, element, node, annotation, args, bpmnAnnotation, textWrapper, eventObj, annotation_1, index, deleteNode, eventObj, index, changesAnnotation, nodeIndex, oldnodes, newnodes, clonedObject, selectedNode, swimLaneNode, laneHeader, phaseHeader, collection, j;
+ return __generator(this, function (_a) {
+ switch (_a.label) {
+ case 0:
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].TextEdit)) return [3 /*break*/, 11];
+ blazor = 'Blazor';
+ blazorInterop = 'sfBlazor';
+ oldValues = void 0;
+ changedvalues = void 0;
+ annotations = {};
+ this.enableServerDataBinding(false);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.canEnableBlazorObject = true;
+ }
+ textArea = document.getElementById(this.element.id + '_editBox');
+ if (!((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && textArea) || !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])())) return [3 /*break*/, 11];
+ text = textArea.value;
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(textArea, 'input', this.eventHandler.inputChange);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(textArea, 'focusout', this.focusOutEdit);
+ element = document.getElementById(this.element.id + '_editTextBoxDiv');
+ node = void 0;
+ node = this.nameTable[this.activeLabel.parentId];
+ annotation = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findAnnotation"])(node, this.activeLabel.id);
+ args = { oldValue: this.activeLabel.text, newValue: text, cancel: false, element: node, annotation: annotation };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && this.textEdit) {
+ args = this.getBlazorTextEditArgs(args);
+ }
+ bpmnAnnotation = false;
+ element.parentNode.removeChild(element);
+ textWrapper = void 0;
+ if (!this.bpmnModule) return [3 /*break*/, 5];
+ node = this.bpmnModule.isBpmnTextAnnotation(this.activeLabel, this);
+ textWrapper = this.bpmnModule.getTextAnnotationWrapper(node, this.activeLabel.id);
+ bpmnAnnotation = node ? true : false;
+ if (!bpmnAnnotation) return [3 /*break*/, 5];
+ if (!(element.textContent !== text || text !== this.activeLabel.text)) return [3 /*break*/, 5];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) return [3 /*break*/, 3];
+ if (!(this.textEdit && window && window["" + blazor])) return [3 /*break*/, 2];
+ eventObj = { 'EventName': 'textEdit', args: JSON.stringify(args) };
+ return [4 /*yield*/, window["" + blazorInterop].updateBlazorDiagramEvents(eventObj, this)];
+ case 1:
+ args = (_a.sent()) || args;
+ _a.label = 2;
+ case 2: return [3 /*break*/, 4];
+ case 3:
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].textEdit, args);
+ _a.label = 4;
+ case 4:
+ if (!args.cancel) {
+ this.bpmnModule.updateTextAnnotationContent(node, this.activeLabel, text, this);
+ }
+ _a.label = 5;
+ case 5:
+ if (!!bpmnAnnotation) return [3 /*break*/, 10];
+ node = this.nameTable[this.activeLabel.parentId];
+ annotation_1 = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findAnnotation"])(node, this.activeLabel.id);
+ if (annotation_1 && !(annotation_1 instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Text"])) {
+ index = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findObjectIndex"])(node, annotation_1.id, true);
+ annotations["" + index] = { content: annotation_1.content };
+ oldValues = { annotations: annotations };
+ }
+ else {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && (node.shape).type === 'Text') {
+ oldValues = { shape: { textContent: node.shape.content } };
+ }
+ else {
+ oldValues = { shape: { content: node.shape.content } };
+ }
+ }
+ deleteNode = this.eventHandler.isAddTextNode(node, true);
+ if (!(!deleteNode && (element.textContent !== text || text !== this.activeLabel.text))) return [3 /*break*/, 9];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) return [3 /*break*/, 8];
+ if (!(window && window["" + blazor] && this.textEdit)) return [3 /*break*/, 7];
+ eventObj = { 'EventName': 'textEdit', args: JSON.stringify(args) };
+ return [4 /*yield*/, window["" + blazorInterop].updateBlazorDiagramEvents(eventObj, this)];
+ case 6:
+ args = (_a.sent()) || args;
+ _a.label = 7;
+ case 7: return [3 /*break*/, 9];
+ case 8:
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].textEdit, args);
+ _a.label = 9;
+ case 9:
+ if (!textWrapper) {
+ textWrapper = this.getWrapper(node.wrapper, this.activeLabel.id);
+ }
+ if (annotation_1.content !== text && !args.cancel) {
+ if (node.parentId && this.nameTable[node.parentId].shape.type === 'UmlClassifier'
+ && text.indexOf('+') === -1 && text.indexOf('-') === -1 && text.indexOf('#') === -1
+ && text.indexOf('~') === -1 && node.id.indexOf('_umlClass_header') === -1) {
+ text = ' + ' + text;
+ }
+ if (node.isLane || node.isPhase) {
+ this.protectPropertyChange(true);
+ }
+ if (!(annotation_1 instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Text"])) {
+ index = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findObjectIndex"])(node, annotation_1.id, true);
+ changesAnnotation = {};
+ changesAnnotation["" + index] = { content: text };
+ changedvalues = { annotations: changesAnnotation };
+ }
+ else {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && (node.shape).type === 'Text') {
+ changedvalues = { shape: { textContent: text } };
+ }
+ else {
+ changedvalues = { shape: { content: text } };
+ }
+ }
+ nodeIndex = this.getIndex(node, node.id);
+ if (nodeIndex) {
+ oldnodes = {};
+ oldnodes["" + nodeIndex] = oldValues;
+ newnodes = {};
+ newnodes["" + nodeIndex] = changedvalues;
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(node) === _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ this.onPropertyChanged({ nodes: newnodes }, { nodes: oldnodes });
+ }
+ else {
+ this.onPropertyChanged({ connectors: newnodes }, { connectors: oldnodes });
+ }
+ }
+ this.protectPropertyChange(true);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && (node.shape).type === 'Text') {
+ node.shape.textContent = text;
+ }
+ else {
+ annotation_1.content = text;
+ }
+ this.protectPropertyChange(false);
+ this.updateSelector();
+ if (node.isLane || node.isPhase) {
+ this.protectPropertyChange(false);
+ }
+ }
+ if (deleteNode) {
+ this.removeObjectsFromLayer(node);
+ this.removeFromAQuad(node);
+ delete this.nameTable[this.activeLabel.parentId];
+ if (text !== '') {
+ this.clearSelection();
+ clonedObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(node);
+ node = this.add(clonedObject);
+ this.updateDiagramObject(node);
+ this.commandHandler.oldSelectedObjects = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneSelectedObjects"])(this);
+ this.commandHandler.select(this.nameTable[node.id]);
+ this.commandHandler.updateBlazorSelector();
+ }
+ }
+ _a.label = 10;
+ case 10:
+ if (this.selectedItems.nodes.length) {
+ selectedNode = this.nameTable[this.activeLabel.parentId];
+ swimLaneNode = this.nameTable[selectedNode.parentId];
+ if ((swimLaneNode && swimLaneNode.shape.type === 'SwimLane') || (selectedNode.shape.type === 'SwimLane')) {
+ laneHeader = 'LaneHeaderParent';
+ phaseHeader = 'PhaseHeaderParent';
+ if ((selectedNode.shape.type === 'SwimLane')) {
+ swimLaneNode = this.nameTable[this.activeLabel.parentId];
+ selectedNode = node;
+ }
+ if ((selectedNode.isLane || selectedNode.isPhase)) {
+ collection = selectedNode.isLane ?
+ swimLaneNode.shape.lanes : swimLaneNode.shape.phases;
+ for (j = 0; j < collection.length; j++) {
+ if (collection[parseInt(j.toString(), 10)].id === (selectedNode["" + laneHeader] || selectedNode["" + phaseHeader])) {
+ collection[parseInt(j.toString(), 10)].header.annotation.content = selectedNode.annotations[0].content;
+ }
+ }
+ }
+ else if (selectedNode.isHeader && swimLaneNode.shape.hasHeader) {
+ swimLaneNode.shape.header.annotation.content = selectedNode.annotations[0].content;
+ }
+ }
+ this.dataBind();
+ }
+ textWrapper.visible = true;
+ this.updateDiagramObject(node);
+ this.diagramActions = this.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].TextEdit;
+ if (this.activeLabel.isGroup) {
+ this.endGroupAction();
+ }
+ this.activeLabel = { id: '', parentId: '', isGroup: false, text: undefined };
+ this.commandHandler.getBlazorOldValues();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.canEnableBlazorObject = false;
+ }
+ this.enableServerDataBinding(true);
+ _a.label = 11;
+ case 11: return [2 /*return*/];
+ }
+ });
+ });
+ };
+ /**
+ * getIndex method \
+ *
+ * @returns { void } getIndex method .\
+ * @param {NodeModel | ConnectorModel} node - provide the node value.
+ * @param {string} id - provide the childernCollection value.
+ *
+ * @private
+ */
+ Diagram.prototype.getIndex = function (node, id) {
+ //let index: number;
+ var collection = (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(node) === _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) ? this.nodes : this.connectors;
+ for (var i = 0; i < collection.length; i++) {
+ if (collection[parseInt(i.toString(), 10)].id.toString() === id.toString()) {
+ return i.toString();
+ }
+ }
+ return null;
+ };
+ /* tslint:enable */
+ Diagram.prototype.getBlazorTextEditArgs = function (args) {
+ var element = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(args.element) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] ? { connectorId: args.element.id }
+ : { nodeId: args.element.id };
+ var annotation = {};
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(args.element) === _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ if (args.element.shape.type === 'Text') {
+ annotation.textNode = args.element.shape;
+ }
+ else {
+ annotation.annotationId = args.element.annotations[0].id;
+ }
+ }
+ else {
+ annotation.annotationId = args.element.annotations[0].id;
+ }
+ args = {
+ oldValue: args.oldValue,
+ newValue: args.newValue,
+ cancel: args.cancel,
+ element: element,
+ annotation: annotation
+ };
+ return args;
+ };
+ /**
+ * canLogChange method \
+ *
+ * @returns { void } canLogChange method .\
+ *
+ * @private
+ */
+ Diagram.prototype.canLogChange = function () {
+ if ((this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Render) && (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction)) &&
+ (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) && (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod))) {
+ return true;
+ }
+ else {
+ return false;
+ }
+ };
+ Diagram.prototype.modelChanged = function (newProp, oldProp) {
+ if (newProp.connectors || oldProp.connectors || newProp.nodes || oldProp.connectors
+ || newProp.pageSettings || oldProp.pageSettings || newProp.bridgeDirection || oldProp.bridgeDirection) {
+ return true;
+ }
+ return false;
+ };
+ Diagram.prototype.resetDiagramActions = function (action) {
+ var isAction = action ? true : false;
+ if (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo && (!isAction || (action === _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo))) {
+ this.diagramActions = this.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo;
+ }
+ if (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod && (!isAction || action === _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod)) {
+ this.diagramActions = this.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PublicMethod;
+ }
+ };
+ /**
+ * removeNode method \
+ *
+ * @returns { void } removeNode method .\
+ * @param {NodeModel} node - provide the node value.
+ * @param {NodeModel} childernCollection - provide the childernCollection value.
+ *
+ * @private
+ */
+ Diagram.prototype.removeNode = function (node, childernCollection) {
+ this.removeObjectsFromLayer(node);
+ this.removeFromAQuad(this.nameTable[node.id]);
+ var groupElement = document.getElementById(node.id + '_groupElement');
+ delete this.nameTable[node.id];
+ if (node.children) {
+ delete this.groupTable[node.id];
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ for (var i = 0; i < this.nodes.length; i++) {
+ if (node.id === this.nodes[parseInt(i.toString(), 10)].id) {
+ this.UpdateBlazorDiagramModel(node, 'Node', i);
+ }
+ }
+ }
+ this.nodes.splice(this.nodes.indexOf(node), 1);
+ if (groupElement && groupElement.children && groupElement.children.length > 0) {
+ var beforeElement = undefined;
+ for (var j = groupElement.children.length - 1; j >= 0; j--) {
+ var childElement = groupElement.children[parseInt(j.toString(), 10)];
+ if (childernCollection.length > 0 && childernCollection.indexOf(childElement.id.split('_')[0]) !== -1) {
+ if (!beforeElement) {
+ groupElement.parentNode.insertBefore(childElement, groupElement);
+ }
+ else {
+ groupElement.parentNode.insertBefore(childElement, beforeElement);
+ }
+ beforeElement = childElement;
+ }
+ }
+ }
+ if (groupElement) {
+ groupElement.parentNode.removeChild(groupElement);
+ }
+ };
+ /**
+ * deleteGroup method \
+ *
+ * @returns { void } deleteGroup method .\
+ * @param {NodeModel} node - provide the source value.
+ *
+ * @private
+ */
+ Diagram.prototype.deleteGroup = function (node) {
+ var elements = [];
+ var tempNode = [];
+ if (node.children) {
+ tempNode = this.commandHandler.getChildren(node, elements);
+ }
+ this.UpdateBlazorDiagramModelCollection(node);
+ for (var _i = 0, tempNode_1 = tempNode; _i < tempNode_1.length; _i++) {
+ var nodes = tempNode_1[_i];
+ if (this.nameTable[nodes.id]) {
+ this.remove(nodes);
+ }
+ }
+ };
+ //helper methods - end region
+ //property changes - start region
+ /** @private */
+ /**
+ * updateObject method \
+ *
+ * @returns { void } updateObject method .\
+ * @param {Node | Connector} actualObject - provide the source value.
+ * @param {Node | Connector} oldObject - provide the target value.
+ * @param {Node | Connector} changedProp - provide the layoutOrientation value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateObject = function (actualObject, oldObject, changedProp) {
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction)) {
+ var bound = actualObject.wrapper.children[0].bounds;
+ var checkBoundaryConstraints = this.commandHandler.checkBoundaryConstraints(undefined, undefined, bound);
+ if (!checkBoundaryConstraints) {
+ if (actualObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ var oldNode = oldObject;
+ for (var _i = 0, _a = Object.keys(changedProp); _i < _a.length; _i++) {
+ var key = _a[_i];
+ switch (key) {
+ case 'width':
+ actualObject.width = oldNode.width;
+ break;
+ case 'height':
+ actualObject.height = oldNode.height;
+ break;
+ case 'offsetX':
+ actualObject.offsetX = oldNode.offsetX;
+ break;
+ case 'offsetY':
+ actualObject.offsetY = oldNode.offsetY;
+ break;
+ case 'rotateAngle':
+ actualObject.rotateAngle = oldNode.rotateAngle;
+ break;
+ }
+ }
+ this.nodePropertyChange(actualObject, changedProp, oldObject);
+ }
+ else {
+ for (var _b = 0, _c = Object.keys(changedProp); _b < _c.length; _b++) {
+ var key = _c[_b];
+ var oldConnector = oldObject;
+ var actualSourcePoint = actualObject.sourcePoint;
+ var actualTargetPoint = actualObject.targetPoint;
+ switch (key) {
+ case 'sourcePoint':
+ actualSourcePoint.x = oldConnector.sourcePoint.x || actualSourcePoint.x;
+ actualSourcePoint.y = oldConnector.sourcePoint.y || actualSourcePoint.y;
+ break;
+ case 'targetPoint':
+ actualTargetPoint.x = oldConnector.targetPoint.x || actualTargetPoint.x;
+ actualTargetPoint.y = oldConnector.targetPoint.y || actualTargetPoint.y;
+ }
+ }
+ this.connectorPropertyChange(actualObject, changedProp, oldObject);
+ }
+ }
+ }
+ };
+ Diagram.prototype.nodePropertyChangeExtend = function (actualObject, oldObject, node, update) {
+ if (node.style !== undefined && actualObject.shape.type !== 'Bpmn') {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateStyle"])(node.style, actualObject.wrapper.children[0]);
+ update = true;
+ }
+ if (node.shadow !== undefined) {
+ this.updateShadow(actualObject.shadow, node.shadow);
+ update = true;
+ }
+ if (node.constraints !== undefined) {
+ if ((oldObject.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Select) &&
+ (!(node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Select)) && Object(_interaction_actions__WEBPACK_IMPORTED_MODULE_27__["isSelected"])(this, actualObject)) {
+ this.clearSelection();
+ }
+ else {
+ this.updateThumbConstraints(this.selectedItems.nodes, this.selectedItems);
+ this.updateSelector();
+ update = true;
+ }
+ }
+ this.swimLaneNodePropertyChange(actualObject, oldObject, node, update);
+ return update;
+ };
+ /* tslint:disable */
+ Diagram.prototype.swimLaneNodePropertyChange = function (actualObject, oldObject, node, update) {
+ if (actualObject.shape.type === 'SwimLane' && !this.currentSymbol) {
+ if (oldObject.shape) {
+ var shape = node.shape;
+ var actualShape = actualObject.shape;
+ var orientation_1 = (actualShape.orientation === 'Horizontal') ? true : false;
+ var padding = actualShape.padding;
+ var oldShape = oldObject.shape;
+ var grid = actualObject.wrapper.children[0];
+ var oldObjects = void 0;
+ var newObjects = void 0;
+ var id = void 0;
+ if (oldShape.lanes || oldShape.phases) {
+ if (oldShape.lanes) {
+ for (var _i = 0, _a = Object.keys(shape.lanes); _i < _a.length; _i++) {
+ var count = _a[_i];
+ var indexValue = Number(count);
+ var lane = oldShape.lanes[parseInt(indexValue.toString(), 10)];
+ var laneIndex = void 0;
+ var newLane = shape.lanes[parseInt(indexValue.toString(), 10)];
+ if (newLane && newLane.header) {
+ id = actualShape.lanes[parseInt(indexValue.toString(), 10)].header.id;
+ oldObjects = lane.header;
+ newObjects = newLane.header;
+ this.nodePropertyChange(this.nameTable["" + id], oldObjects, newObjects);
+ }
+ if (lane.children) {
+ for (var _b = 0, _c = Object.keys(lane.children); _b < _c.length; _b++) {
+ var childNodeIndex = _c[_b];
+ id = actualShape.lanes[parseInt(indexValue.toString(), 10)].children[Number(childNodeIndex)].id;
+ var node_1 = this.nameTable["" + id];
+ oldObjects = lane.children[Number(childNodeIndex)];
+ newObjects = newLane.children[Number(childNodeIndex)];
+ this.nodePropertyChange(node_1, oldObjects, newObjects);
+ }
+ }
+ if (lane.width && !orientation_1) {
+ laneIndex = (actualShape.phases && actualShape.phaseSize) ? indexValue + 1 : indexValue;
+ grid.updateColumnWidth(laneIndex, newLane.width, true, padding);
+ this.updateDiagramElementQuad();
+ }
+ if (lane.height && orientation_1) {
+ laneIndex = (actualShape.header && actualShape.hasHeader) ? indexValue + 1 : indexValue;
+ laneIndex += (actualShape.phases && actualShape.phaseSize) ? 1 : 0;
+ grid.updateRowHeight(laneIndex, newLane.height, true, padding);
+ this.updateDiagramElementQuad();
+ }
+ }
+ }
+ if (shape.phases) {
+ for (var _d = 0, _e = Object.keys(shape.phases); _d < _e.length; _d++) {
+ var key = _e[_d];
+ var indexValue = Number(key);
+ var phase = shape.phases[parseInt(indexValue.toString(), 10)];
+ var size = void 0;
+ var rowIndex = (actualShape.header && actualShape.hasHeader) ? 1 : 0;
+ if (phase && phase.header) {
+ id = actualShape.phases[parseInt(indexValue.toString(), 10)].header.id;
+ oldObjects = oldShape.phases[parseInt(indexValue.toString(), 10)].header;
+ newObjects = phase.header;
+ this.nodePropertyChange(this.nameTable["" + id], oldObjects, newObjects);
+ }
+ if (phase.offset) {
+ if (indexValue === 0) {
+ size = phase.offset;
+ }
+ else {
+ var previousPhase = actualShape.phases[indexValue - 1];
+ size = phase.offset - previousPhase.offset;
+ if (size <= 0) {
+ size = phase.offset;
+ }
+ }
+ if (orientation_1) {
+ grid.updateColumnWidth(indexValue, size, true, padding);
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["updatePhaseMaxWidth"])(actualObject, this, grid.rows[parseInt(rowIndex.toString(), 10)].cells[parseInt(indexValue.toString(), 10)], indexValue);
+ }
+ else {
+ grid.updateRowHeight(rowIndex + indexValue, size, true, padding);
+ }
+ }
+ }
+ }
+ }
+ if (shape.phaseSize !== undefined && actualShape.phases.length) {
+ if (shape.phaseSize === 0 || oldShape.phaseSize === 0) {
+ if (oldShape.phaseSize) {
+ if (orientation_1) {
+ grid.removeRow((actualShape.header && actualShape.hasHeader) ? 1 : 0);
+ actualObject.height = actualObject.wrapper.height = grid.height;
+ }
+ else {
+ if (actualShape.header && actualShape.hasHeader) {
+ grid.rows[0].cells[1].children = grid.rows[0].cells[0].children;
+ grid.rows[0].cells[1].columnSpan = grid.rows[0].cells[0].columnSpan - 1;
+ grid.rows[0].cells[0].children = [];
+ }
+ grid.removeColumn(0);
+ }
+ }
+ else {
+ if (orientation_1) {
+ var rowDef = new _core_containers_grid__WEBPACK_IMPORTED_MODULE_21__["RowDefinition"]();
+ rowDef.height = shape.phaseSize;
+ grid.addRow((actualShape.header && actualShape.hasHeader) ? 1 : 0, rowDef, true);
+ actualObject.height = actualObject.wrapper.height += shape.phaseSize;
+ }
+ else {
+ var colDef = new _core_containers_grid__WEBPACK_IMPORTED_MODULE_21__["ColumnDefinition"]();
+ colDef.width = shape.phaseSize;
+ grid.addColumn(0, colDef, true);
+ if (actualShape.header && actualShape.hasHeader) {
+ grid.rows[0].cells[0].children = grid.rows[0].cells[1].children;
+ grid.rows[0].cells[1].children = [];
+ grid.rows[0].cells[1].columnSpan = 1;
+ grid.rows[0].cells[1].minWidth = undefined;
+ grid.rows[0].cells[0].columnSpan = actualShape.lanes.length + 1;
+ }
+ }
+ for (var k = 0; k < actualShape.phases.length; k++) {
+ if (actualShape.phases[parseInt(k.toString(), 10)].id === '') {
+ actualShape.phases[parseInt(k.toString(), 10)].id = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["randomId"])();
+ }
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["phaseDefine"])(grid, this, actualObject, (actualShape.header && actualShape.hasHeader) ? 1 : 0, orientation_1, k);
+ }
+ }
+ }
+ else {
+ if (orientation_1) {
+ grid.updateRowHeight((actualShape.header && actualShape.hasHeader) ? 1 : 0, shape.phaseSize, false);
+ }
+ else {
+ grid.updateColumnWidth(0, shape.phaseSize, false);
+ }
+ }
+ }
+ if (actualShape.header && actualShape.hasHeader && oldShape.header) {
+ var id_1 = grid.rows[0].cells[0].children[0].id;
+ var headerNode = this.nameTable["" + id_1];
+ this.nodePropertyChange(headerNode, (oldShape.header), shape.header);
+ }
+ actualObject.height = actualObject.wrapper.height = grid.height;
+ actualObject.width = actualObject.wrapper.width = grid.width;
+ }
+ else if (oldObject.constraints) {
+ var oldSelectConstraints = (oldObject.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Select);
+ var newSelectConstraints = (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Select);
+ if (oldSelectConstraints !== newSelectConstraints) {
+ var shape = actualObject.shape;
+ // Header - constraints
+ var headerNode = this.nameTable[actualObject.id + shape.header.id];
+ headerNode.constraints = (!newSelectConstraints) ? headerNode.constraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Select :
+ headerNode.constraints | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Select;
+ // Phase - Constraints
+ var phaseNode = void 0;
+ if (shape.phaseSize > 0) {
+ for (var i = 0; i < shape.phases.length; i++) {
+ phaseNode = this.nameTable[actualObject.id + shape.phases[parseInt(i.toString(), 10)].id + '_header'];
+ phaseNode.constraints = (!newSelectConstraints) ? phaseNode.constraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Select :
+ phaseNode.constraints | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Select;
+ }
+ }
+ // Header - Constraints
+ var laneNode = void 0;
+ var laneHeader = void 0;
+ var value = shape.phases.length || 1;
+ for (var i = 0; i < shape.lanes.length; i++) {
+ for (var l = 0; l < value; l++) {
+ laneNode = this.nameTable[actualObject.id + shape.lanes[parseInt(i.toString(), 10)].id + l];
+ laneNode.constraints = (!newSelectConstraints) ? laneNode.constraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Select :
+ laneNode.constraints | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Select;
+ if (l === 0) {
+ laneHeader = this.nameTable[actualObject.id + shape.lanes[parseInt(i.toString(), 10)].id + '_' + l + '_header'];
+ laneHeader.constraints = (!newSelectConstraints) ? laneHeader.constraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Select :
+ laneHeader.constraints | _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Select;
+ }
+ }
+ }
+ }
+ }
+ update = true;
+ }
+ return update;
+ };
+ /** @private */
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ Diagram.prototype.insertValue = function (oldNodeObject, isNode) {
+ if (!(this.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["BlazorAction"].GroupClipboardInProcess)) {
+ var value = void 0;
+ var oldObjects = isNode ? this.oldNodeObjects : this.oldConnectorObjects;
+ for (var i = 0; i < oldObjects.length; i++) {
+ if (oldObjects[parseInt(i.toString(), 10)].id === oldNodeObject.id) {
+ value = true;
+ }
+ }
+ if (!value) {
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ isNode ? (this.oldNodeObjects.push(oldNodeObject)) : this.oldConnectorObjects.push(oldNodeObject);
+ }
+ }
+ };
+ /* tslint:disable */
+ /** @private */
+ // eslint-disable-next-line max-len
+ Diagram.prototype.nodePropertyChange = function (actualObject, oldObject, node, isLayout, rotate, propertyChange) {
+ if (this.canEnableBlazorObject && actualObject.id !== 'helper') {
+ var node_2 = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(actualObject);
+ this.insertValue(node_2, true);
+ }
+ var existingBounds = actualObject.wrapper.outerBounds;
+ var existingInnerBounds = actualObject.wrapper.bounds;
+ var updateConnector = false;
+ var i;
+ var j;
+ var offsetX;
+ var offsetY;
+ var update;
+ var tx;
+ var ty;
+ if (node.width !== undefined) {
+ if (!actualObject.children) {
+ actualObject.wrapper.children[0].width = node.width;
+ update = true;
+ updateConnector = true;
+ }
+ else if (!actualObject.container) {
+ this.scaleObject(actualObject, node.width, true);
+ }
+ else {
+ actualObject.wrapper.width = node.width;
+ }
+ }
+ if (node.height !== undefined) {
+ if (!actualObject.children) {
+ actualObject.wrapper.children[0].height = node.height;
+ update = true;
+ updateConnector = true;
+ }
+ else if (!actualObject.container) {
+ this.scaleObject(actualObject, node.height, false);
+ }
+ else {
+ actualObject.wrapper.height = node.height;
+ }
+ }
+ update = this.nodePropertyChangeExtend(actualObject, oldObject, node, update);
+ if (node.constraints !== undefined && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canShadow"])(oldObject) !== Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canShadow"])(node)) {
+ actualObject.wrapper.children[0].shadow = Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canShadow"])(actualObject) ? actualObject.shadow : null;
+ }
+ if (node.offsetX !== undefined) {
+ if (actualObject.wrapper.flip !== 'None') {
+ if (actualObject.offsetX !== actualObject.wrapper.offsetX && oldObject.offsetX !== undefined) {
+ var offsetX_1 = node.offsetX - oldObject.offsetX;
+ actualObject.wrapper.offsetX = actualObject.wrapper.offsetX + offsetX_1;
+ this.updateFlipOffset(actualObject.wrapper, offsetX_1, 0, actualObject.wrapper.flip);
+ }
+ }
+ else {
+ actualObject.wrapper.offsetX = node.offsetX;
+ }
+ update = true;
+ updateConnector = true;
+ }
+ if (node.offsetY !== undefined) {
+ if (actualObject.wrapper.flip !== 'None') {
+ if (actualObject.offsetY !== actualObject.wrapper.offsetY && oldObject.offsetY !== undefined) {
+ var offsetY_1 = node.offsetY - oldObject.offsetY;
+ actualObject.wrapper.offsetY = actualObject.wrapper.offsetY + offsetY_1;
+ this.updateFlipOffset(actualObject.wrapper, 0, offsetY_1, actualObject.wrapper.flip);
+ }
+ }
+ else {
+ actualObject.wrapper.offsetY = node.offsetY;
+ }
+ update = true;
+ updateConnector = true;
+ }
+ if (node.padding !== undefined) {
+ actualObject.wrapper.padding.left = node.padding.left !== undefined ? node.padding.left : actualObject.wrapper.padding.left;
+ actualObject.wrapper.padding.right = node.padding.right !== undefined ? node.padding.right : actualObject.wrapper.padding.right;
+ actualObject.wrapper.padding.top = node.padding.top !== undefined ? node.padding.top : actualObject.wrapper.padding.top;
+ actualObject.wrapper.padding.bottom = node.padding.bottom !== undefined ? node.padding.bottom : actualObject.wrapper.padding.bottom;
+ update = true;
+ }
+ if (node.pivot !== undefined) {
+ actualObject.wrapper.pivot = node.pivot;
+ update = true;
+ }
+ if (node.minWidth !== undefined) {
+ actualObject.wrapper.minWidth = actualObject.wrapper.children[0].minWidth = node.minWidth;
+ update = true;
+ updateConnector = true;
+ }
+ if (node.minHeight !== undefined) {
+ actualObject.wrapper.minHeight = actualObject.wrapper.children[0].minHeight = node.minHeight;
+ update = true;
+ updateConnector = true;
+ }
+ if (node.maxWidth !== undefined) {
+ actualObject.wrapper.maxWidth = node.maxWidth;
+ update = true;
+ updateConnector = true;
+ }
+ if (node.maxHeight !== undefined) {
+ actualObject.wrapper.maxHeight = node.maxHeight;
+ update = true;
+ updateConnector = true;
+ }
+ if (node.flip !== undefined) {
+ actualObject.wrapper.flip = node.flip;
+ update = true;
+ updateConnector = true;
+ if (actualObject.wrapper.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["ElementAction"].ElementIsGroup) {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["alignElement"])(actualObject.wrapper, actualObject.offsetX, actualObject.offsetY, this, node.flip);
+ if (actualObject && actualObject.children) {
+ for (var _i = 0, _a = actualObject.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ var updateNode = this.nameTable["" + child];
+ updateNode.wrapper.flip = node.flip;
+ this.updatePorts(updateNode, node.flip);
+ }
+ }
+ //EJ2-826617 - Flip option for BPMN node
+ else {
+ this.updatePorts(actualObject, actualObject.flip);
+ }
+ }
+ else {
+ if (actualObject.flipMode && (actualObject.flipMode === 'Port' || actualObject.flipMode === 'All')) {
+ this.updatePorts(actualObject, node.flip);
+ }
+ //EJ2-826617 - Flip 'None' is not working properly
+ else if (actualObject.flip === 'None') {
+ this.updatePorts(actualObject, node.flip);
+ }
+ }
+ }
+ // EJ2-71981 - Flip mode "Port" is not working properly while dragging multiselected node
+ if (node.flipMode !== undefined) {
+ update = true;
+ updateConnector = true;
+ if (actualObject.flipMode && (actualObject.flipMode === 'Port' || actualObject.flipMode === 'All')) {
+ this.updatePorts(actualObject, actualObject.flip);
+ }
+ //EJ2-826617 - Flip mode 'Label' does not triggers the port
+ else if (actualObject.flipMode === 'Label') {
+ this.updatePorts(actualObject, 'None');
+ }
+ //EJ2-826617 - Flip mode 'None' is not working properly
+ else if (actualObject.flipMode === 'None') {
+ this.updatePorts(actualObject, actualObject.flipMode);
+ }
+ }
+ if (node.rotateAngle !== undefined && (actualObject.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["NodeConstraints"].Rotate)) {
+ if (actualObject.children && rotate) {
+ // eslint-disable-next-line max-len
+ this.commandHandler.rotateObjects(actualObject, [actualObject], actualObject.rotateAngle - actualObject.wrapper.rotateAngle, { x: actualObject.offsetX, y: actualObject.offsetY }, false);
+ }
+ actualObject.wrapper.rotateAngle = node.rotateAngle;
+ update = true;
+ updateConnector = true;
+ }
+ if (node.backgroundColor !== undefined) {
+ actualObject.wrapper.style.fill = node.backgroundColor;
+ }
+ if (node.visible !== undefined) {
+ this.updateElementVisibility(actualObject.wrapper, actualObject, actualObject.visible);
+ }
+ if (node.shape !== undefined && actualObject.shape.type !== 'Bpmn') {
+ update = true;
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateShape"])(node, actualObject, oldObject, this);
+ updateConnector = true;
+ }
+ if (node.margin) {
+ update = true;
+ this.updateMargin(actualObject, node);
+ updateConnector = true;
+ }
+ if ((((node.shape !== undefined && (node.shape.type === undefined)) || node.width !== undefined
+ || node.height !== undefined || node.style !== undefined) && actualObject.shape.type === 'Bpmn' && this.bpmnModule)
+ || (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && node && node.shape && node.shape.type === 'Bpmn')) {
+ update = true;
+ updateConnector = true;
+ this.bpmnModule.updateBPMN(node, oldObject, actualObject, this);
+ }
+ if (actualObject.shape.type === 'UmlActivity' && ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && actualObject.shape.shape === 'FinalNode') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && actualObject.shape.umlActivityShape === 'FinalNode'))) {
+ update = true;
+ updateConnector = true;
+ this.updateUMLActivity(node, oldObject, actualObject, this);
+ }
+ if ((actualObject.shape && actualObject.shape.type === 'UmlClassifier') || (actualObject.parentId &&
+ this.nameTable[actualObject.parentId] && this.nameTable[actualObject.parentId].shape.type === 'UmlClassifier')) {
+ update = true;
+ updateConnector = true;
+ }
+ if (node.ports !== undefined) {
+ for (var _b = 0, _c = Object.keys(node.ports); _b < _c.length; _b++) {
+ var key = _c[_b];
+ var index = Number(key);
+ update = true;
+ var changedObject = node.ports["" + key];
+ var actualPort = actualObject.ports[parseInt(index.toString(), 10)];
+ this.updatePort(changedObject, actualPort, actualObject.wrapper);
+ updateConnector = true;
+ }
+ }
+ if (node.annotation !== undefined || node.annotations !== undefined || node.width !== undefined) {
+ for (var _d = 0, _e = Object.keys(node.annotations || actualObject.annotations); _d < _e.length; _d++) {
+ var key = _e[_d];
+ var index = Number(key);
+ update = true;
+ var changedObject = void 0;
+ if (node.annotation) {
+ changedObject = node.annotation;
+ }
+ else {
+ changedObject = node.annotations ? node.annotations["" + key] : actualObject.annotations;
+ }
+ var actualAnnotation = actualObject.annotations[parseInt(index.toString(), 10)];
+ if (actualAnnotation) {
+ var updateSize = actualObject.width ? true : false;
+ this.updateAnnotation(changedObject, actualAnnotation, actualObject.wrapper, actualObject, updateSize);
+ var swimLaneNode = this.nameTable[actualObject.parentId];
+ if ((swimLaneNode && swimLaneNode.shape.type === 'SwimLane')) {
+ var laneHeader = 'LaneHeaderParent';
+ var phaseHeader = 'PhaseHeaderParent';
+ if ((actualObject.isLane || actualObject.isPhase)) {
+ var collection = actualObject.isLane ?
+ swimLaneNode.shape.lanes : swimLaneNode.shape.phases;
+ for (var j_2 = 0; j_2 < collection.length; j_2++) {
+ if (collection[parseInt(j_2.toString(), 10)].id === (actualObject["" + laneHeader] || actualObject["" + phaseHeader])) {
+ collection[parseInt(j_2.toString(), 10)].header.annotation.content = actualObject.annotations[0].content;
+ collection[parseInt(j_2.toString(), 10)].header.annotation.style = actualObject.annotations[0].style;
+ break;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ if (node.expandIcon !== undefined || node.collapseIcon !== undefined || node.isExpanded !== undefined) {
+ this.updateIcon(actualObject);
+ this.updateDefaultLayoutIcons(actualObject);
+ if (node.isExpanded !== undefined) {
+ this.canExpand = true;
+ this.commandHandler.expandNode(actualObject, this);
+ }
+ update = true;
+ this.canExpand = false;
+ }
+ if (node.fixedUserHandles !== undefined) {
+ var index = void 0;
+ var changedObject = void 0;
+ var actualfixedUserHandle = void 0;
+ for (var _f = 0, _g = Object.keys(node.fixedUserHandles); _f < _g.length; _f++) {
+ var key = _g[_f];
+ index = Number(key);
+ update = true;
+ if (node.fixedUserHandles[parseInt(index.toString(), 10)]) {
+ changedObject = node.fixedUserHandles[parseInt(index.toString(), 10)];
+ }
+ actualfixedUserHandle = actualObject.fixedUserHandles[parseInt(index.toString(), 10)];
+ if (actualfixedUserHandle) {
+ this.updateNodefixedUserHandle(changedObject, actualfixedUserHandle, actualObject.wrapper, actualObject);
+ }
+ }
+ }
+ if (node.tooltip !== undefined) {
+ this.updateTooltip(actualObject, node);
+ }
+ if (update) {
+ if (this.bpmnModule !== undefined) {
+ // eslint-disable-next-line max-len
+ this.bpmnModule.updateTextAnnotationProp(actualObject, { offsetX: (oldObject.offsetX || actualObject.offsetX), offsetY: (oldObject.offsetY || actualObject.offsetY) }, this);
+ }
+ if (this.checkSelectedItem(actualObject) && actualObject.wrapper.children[0] instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_16__["TextElement"]) {
+ actualObject.wrapper.children[0].refreshTextElement();
+ }
+ actualObject.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](actualObject.wrapper.bounds.width, actualObject.wrapper.bounds.height), actualObject.id, this.onLoadImageSize.bind(this));
+ actualObject.wrapper.arrange(actualObject.wrapper.desiredSize);
+ this.updateObject(actualObject, oldObject, node);
+ if (actualObject.shape.type === 'SwimLane' && !this.currentSymbol && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction)) {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["updateHeaderMaxWidth"])(this, actualObject);
+ var grid = actualObject.wrapper.children[0];
+ var shape = actualObject.shape;
+ var column = grid.columnDefinitions().length;
+ if (shape.orientation === 'Horizontal') {
+ var index = (shape.header && shape.hasHeader) ? 1 : 0;
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["updatePhaseMaxWidth"])(actualObject, this, grid.rows[parseInt(index.toString(), 10)].cells[column - 1], column - 1);
+ }
+ actualObject.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](actualObject.wrapper.bounds.width, actualObject.wrapper.bounds.height));
+ actualObject.wrapper.arrange(actualObject.wrapper.desiredSize);
+ }
+ if ((!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction)) || (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo)) {
+ if (this.checkSelectedItem(actualObject)) {
+ this.updateSelector();
+ }
+ }
+ if (existingBounds.equals(existingBounds, actualObject.wrapper.outerBounds) === false) {
+ this.updateQuad(actualObject);
+ // EJ2-57436 - Added the below code to check if node has parent id or not.
+ // If node has parentId means then send the parent node to updatequad method to add the parent node in negative quadrant
+ if (actualObject.parentId && this.nameTable[actualObject.parentId]) {
+ var parentNode = this.nameTable[actualObject.parentId];
+ this.updateQuad(parentNode);
+ }
+ }
+ if (!isLayout) {
+ // eslint-disable-next-line max-len
+ this.commandHandler.connectorSegmentChange(actualObject, existingInnerBounds, (node.rotateAngle !== undefined) ? true : false);
+ // if (updateConnector) {
+ // this.updateConnectorEdges(actualObject);
+ // }
+ }
+ else {
+ if (actualObject && actualObject.visible && actualObject.outEdges) {
+ this.updateIconVisibility(actualObject, (actualObject.outEdges.length === 0 ? false : true));
+ }
+ }
+ if (this.bpmnModule !== undefined) {
+ this.bpmnModule.updateDocks(actualObject, this);
+ }
+ if (!node.annotations || !actualObject.processId) {
+ this.updateGroupOffset(actualObject);
+ }
+ // if (existingBounds.equals(existingBounds, actualObject.wrapper.outerBounds) === false) { this.updateQuad(actualObject); }
+ // EJ2-42005 - The parent of the actualObject is not measured and arranged when a node or connector is selected.
+ // The condition restricts the measure and arrange of the actualObject whenever a node or connector is selected.
+ // Commented @Dheepshiva
+ // let objects: (NodeModel | ConnectorModel)[] = [];
+ // objects = objects.concat(this.selectedItems.nodes, this.selectedItems.connectors);
+ // if (objects.length === 0) {
+ if (actualObject.parentId && this.nameTable[actualObject.parentId]) {
+ var parent_5 = this.nameTable[actualObject.parentId];
+ parent_5.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](parent_5.wrapper.width, actualObject.wrapper.height));
+ parent_5.wrapper.arrange(parent_5.wrapper.desiredSize);
+ parent_5.offsetX = parent_5.wrapper.offsetX;
+ parent_5.offsetY = parent_5.wrapper.offsetY;
+ }
+ // }
+ if (existingInnerBounds.equals(existingInnerBounds, actualObject.wrapper.bounds) === false) {
+ if (actualObject.children) {
+ this.updateGroupOffset(actualObject);
+ }
+ }
+ if (actualObject.shape.type === 'SwimLane' && !this.currentSymbol && (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Render)) {
+ var connectors = Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["getConnectors"])(this, actualObject.wrapper.children[0], undefined, true);
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_39__["updateConnectorsProperties"])(connectors, this);
+ }
+ if (!this.preventNodesUpdate) {
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this) || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this) && this.scroller.oldCollectionObjects.indexOf(actualObject.id) > -1)) {
+ if (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventZIndexOnDragging) {
+ this.updateDiagramObject(actualObject, true);
+ }
+ else {
+ this.updateDiagramObject(actualObject);
+ // EJ2-63939 - Added below code to provide drag support for the bpmn text annotation while drag the swimlane
+ if (this.bpmnModule !== undefined && actualObject.shape.type === 'SwimLane' && actualObject.isTextNode) {
+ var swimlane = actualObject;
+ for (var i_5 = 0; i_5 < swimlane.shape.lanes.length; i_5++) {
+ // EJ2-63939 - Get the lane from swimlane
+ var lane = swimlane.shape.lanes[parseInt(i_5.toString(), 10)];
+ for (var j_3 = 0; j_3 < lane.children.length; j_3++) {
+ var children = lane.children[parseInt(j_3.toString(), 10)];
+ // EJ2-63939 - Check whether the swimlane children type is BPMN or not.
+ if (children.shape.type === 'Bpmn') {
+ this.bpmnModule.updateTextAnnotationProp(children, { offsetX: (children.offsetX), offsetY: (children.offsetY) }, this, false);
+ }
+ }
+ }
+ }
+ }
+ }
+ if (!isLayout && updateConnector) {
+ if (this.lineRoutingModule && this.diagramActions && (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].LineRouting) && actualObject.id !== 'helper') {
+ if (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction)) {
+ this.lineRoutingModule.renderVirtualRegion(this, true);
+ }
+ }
+ this.updateConnectorEdges(actualObject);
+ if (actualObject.id !== 'helper' && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction)) {
+ var objects = this.spatialSearch.findObjects(actualObject.wrapper.outerBounds);
+ for (var i_6 = 0; i_6 < objects.length; i_6++) {
+ var object = objects[parseInt(i_6.toString(), 10)];
+ if (object instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ this.connectorPropertyChange(objects[parseInt(i_6.toString(), 10)], {}, {
+ sourceID: object.sourceID,
+ targetID: object.targetID,
+ sourcePortID: object.sourcePortID,
+ targetPortID: object.targetPortID,
+ sourcePoint: object.sourcePoint,
+ targetPoint: object.targetPoint
+ });
+ }
+ }
+ }
+ }
+ }
+ if (actualObject.status !== 'New' && this.diagramActions) {
+ actualObject.status = 'Update';
+ }
+ }
+ if (!propertyChange) {
+ var element = actualObject;
+ var args = {
+ element: element, cause: this.diagramActions, diagramAction: this.getDiagramAction(this.diagramActions),
+ oldValue: oldObject, newValue: node
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && this.propertyChange) {
+ args.element = { node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(element) };
+ args.oldValue = { node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(oldObject) };
+ args.newValue = { node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(node) };
+ }
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].propertyChange, args);
+ }
+ };
+ Diagram.prototype.updatePorts = function (actualObject, flip) {
+ if (actualObject && actualObject.ports.length > 0) {
+ for (var _i = 0, _a = Object.keys(actualObject.ports); _i < _a.length; _i++) {
+ var key = _a[_i];
+ var index = Number(key);
+ var actualPort = actualObject.ports[parseInt(index.toString(), 10)];
+ var portWrapper = this.getWrapper(actualObject.wrapper, actualPort.id);
+ portWrapper = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updatePortEdges"])(portWrapper, flip, actualPort);
+ portWrapper.relativeMode = 'Point';
+ portWrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](portWrapper.width, portWrapper.height));
+ portWrapper.arrange(portWrapper.desiredSize);
+ }
+ }
+ };
+ Diagram.prototype.updateFlipOffset = function (element, diffX, diffY, flip) {
+ if (element.hasChildren()) {
+ for (var _i = 0, _a = element.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ if (flip === 'Horizontal' || flip === 'Both') {
+ child.flipOffset.x = child.flipOffset.x + diffX;
+ }
+ if (flip === 'Vertical' || flip === 'Both') {
+ child.flipOffset.y = child.flipOffset.y + diffY;
+ }
+ if (child instanceof _core_containers_canvas__WEBPACK_IMPORTED_MODULE_20__["Canvas"] || child instanceof _core_containers_container__WEBPACK_IMPORTED_MODULE_6__["Container"]) {
+ this.updateFlipOffset(child, diffX, diffY, flip);
+ }
+ }
+ }
+ };
+ Diagram.prototype.updateUMLActivity = function (changedProp, oldObject, actualObject, diagram) {
+ var sizeChanged = changedProp.width !== undefined || changedProp.height !== undefined;
+ if (sizeChanged) {
+ var innerFinalNode = actualObject.wrapper.children[0].children[0];
+ innerFinalNode.width = changedProp.width;
+ innerFinalNode.height = changedProp.height;
+ var outerFinalNode = actualObject.wrapper.children[0].children[1];
+ outerFinalNode.width = changedProp.width / 1.5;
+ outerFinalNode.height = changedProp.height / 1.5;
+ }
+ };
+ Diagram.prototype.updateConnectorProperties = function (connector) {
+ if (this.preventConnectorsUpdate) {
+ var index = this.selectionConnectorsList.indexOf(connector);
+ if (index === -1 && connector) {
+ this.selectionConnectorsList.push(connector);
+ }
+ }
+ else {
+ var conn = {
+ sourcePoint: connector.sourcePoint, targetPoint: connector.targetPoint, sourceID: connector.sourceID,
+ targetID: connector.targetID, sourcePortID: connector.sourcePortID, targetPortID: connector.targetPortID
+ };
+ this.connectorPropertyChange(connector, {}, conn, undefined, true);
+ }
+ };
+ /**
+ * updateConnectorEdges method \
+ *
+ * @returns { void } Updates the connectorPropertyChange of the diagram container .\
+ * @param {Node} actualObject - provide the actualObject value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateConnectorEdges = function (actualObject) {
+ if (actualObject.inEdges.length > 0) {
+ for (var j = 0; j < actualObject.inEdges.length; j++) {
+ this.updateConnectorProperties(this.nameTable[actualObject.inEdges[parseInt(j.toString(), 10)]]);
+ }
+ }
+ if (actualObject.outEdges.length > 0) {
+ for (var k = 0; k < actualObject.outEdges.length; k++) {
+ this.updateConnectorProperties(this.nameTable[actualObject.outEdges[parseInt(k.toString(), 10)]]);
+ }
+ }
+ if (actualObject.parentId && this.nameTable[actualObject.parentId]) {
+ this.updateConnectorEdges(this.nameTable[actualObject.parentId]);
+ }
+ };
+ /* tslint:enable */
+ Diagram.prototype.connectorProprtyChangeExtend = function (actualObject, oldProp, newProp, updateSelector) {
+ if (newProp.type !== undefined && newProp.type !== oldProp.type) {
+ if (actualObject.segments.length > 0 && newProp.segments === undefined) {
+ actualObject.segments = [];
+ }
+ }
+ if ((newProp.shape !== undefined) && actualObject.shape !== undefined &&
+ actualObject.shape && actualObject.shape.type === 'Bpmn' && this.bpmnModule) {
+ this.bpmnModule.updateBPMNConnector(actualObject, oldProp, newProp, this);
+ }
+ if (actualObject.constraints !== undefined) {
+ this.updateThumbConstraints(this.selectedItems.connectors, this.selectedItems);
+ return updateSelector = true;
+ }
+ return updateSelector;
+ };
+ /* tslint:disable */
+ /**
+ * Updates the connectorPropertyChange of the diagram container \
+ *
+ * @returns { void } Updates the connectorPropertyChange of the diagram container .\
+ * @param {DiagramElement} actualObject - provide the actualObject value.
+ * @param {boolean} oldProp - provide the oldProp value.
+ * @param {boolean} newProp - provide the newProp value.
+ * @param {boolean} disableBridging - provide the disableBridging value.
+ * @param {boolean} propertyChange - provide the propertyChange value.
+ *
+ * @private
+ */
+ Diagram.prototype.connectorPropertyChange = function (actualObject, oldProp, newProp, disableBridging, propertyChange) {
+ if (this.canEnableBlazorObject) {
+ var node = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(actualObject);
+ this.insertValue(node, false);
+ }
+ var existingBounds = actualObject.wrapper.bounds;
+ var updateSelector = false;
+ var points = [];
+ updateSelector = this.connectorProprtyChangeExtend(actualObject, oldProp, newProp, updateSelector);
+ var inPort;
+ var outPort;
+ var source;
+ var target;
+ if (newProp.visible !== undefined) {
+ this.updateElementVisibility(actualObject.wrapper, actualObject, actualObject.visible);
+ }
+ if (newProp.sourcePoint !== undefined || newProp.targetPoint !== undefined
+ || newProp.sourceID !== undefined || newProp.targetID !== undefined || newProp.targetPadding !== undefined ||
+ newProp.sourcePortID !== undefined || newProp.targetPortID !== undefined || newProp.sourcePadding !== undefined ||
+ newProp.type !== undefined || newProp.segments !== undefined || newProp.flip !== undefined) {
+ if ((newProp.sourceID !== undefined && newProp.sourceID !== oldProp.sourceID) || newProp.sourcePortID) {
+ var sourceNode = this.nameTable[actualObject.sourceID];
+ outPort = this.findInOutConnectPorts(sourceNode, false);
+ if (!sourceNode || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canOutConnect"])(sourceNode) || (actualObject.sourcePortID !== '' && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canPortOutConnect"])(outPort)))) {
+ actualObject.sourceWrapper = sourceNode ? this.getEndNodeWrapper(sourceNode, actualObject, true) : undefined;
+ if (actualObject.sourcePortID && newProp.sourcePortID === undefined) {
+ actualObject.sourcePortWrapper = sourceNode ? this.getWrapper(sourceNode.wrapper, actualObject.sourcePortID) : undefined;
+ }
+ this.removePortEdges(this.nameTable[oldProp.sourceID] || sourceNode, oldProp.sourcePortID || actualObject.sourcePortID, actualObject.id, false);
+ }
+ if (newProp.sourceID !== undefined && oldProp.sourceID !== undefined && oldProp.sourceID !== '') {
+ var oldSource = this.nameTable[oldProp.sourceID];
+ if (oldSource !== undefined && oldSource.outEdges && oldSource.outEdges.indexOf(actualObject.id) !== -1) {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["removeItem"])(oldSource.outEdges, actualObject.id);
+ }
+ }
+ this.updateEdges(actualObject);
+ }
+ if (newProp.targetID !== undefined && newProp.targetID !== oldProp.targetID) {
+ var targetNode = this.nameTable[newProp.targetID];
+ inPort = this.findInOutConnectPorts(targetNode, true);
+ if (!targetNode || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canInConnect"])(targetNode) || (actualObject.targetPortID !== '' && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canPortInConnect"])(inPort)))) {
+ actualObject.targetWrapper = targetNode ? this.getEndNodeWrapper(targetNode, actualObject, false) : undefined;
+ if (actualObject.targetPortID && newProp.targetPortID === undefined) {
+ actualObject.targetPortWrapper = targetNode ? this.getWrapper(targetNode.wrapper, actualObject.targetPortID) : undefined;
+ }
+ this.removePortEdges(this.nameTable[oldProp.targetID] || targetNode, oldProp.targetPortID || actualObject.targetPortID, actualObject.id, true);
+ }
+ if (oldProp !== undefined && oldProp.targetID !== undefined && oldProp.targetID !== '') {
+ var oldTarget = this.nameTable[oldProp.targetID];
+ if (oldTarget !== undefined && oldTarget.inEdges && oldTarget.inEdges.indexOf(actualObject.id) !== -1) {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["removeItem"])(oldTarget.inEdges, actualObject.id);
+ }
+ }
+ this.updateEdges(actualObject);
+ }
+ if (newProp.sourcePortID !== undefined && newProp.sourcePortID !== oldProp.sourcePortID) {
+ if (actualObject.sourceID && this.nameTable[actualObject.sourceID]) {
+ source = this.nameTable[actualObject.sourceID].wrapper;
+ }
+ var sourceNode = this.nameTable[actualObject.sourceID];
+ if (!sourceNode || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canOutConnect"])(sourceNode) || (actualObject.sourcePortID !== '' && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canPortOutConnect"])(outPort)))) {
+ actualObject.sourcePortWrapper = source ? this.getWrapper(source, newProp.sourcePortID) : undefined;
+ }
+ else if (actualObject.sourcePortID === '' && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canOutConnect"])(sourceNode)) {
+ actualObject.sourcePortWrapper = undefined;
+ }
+ }
+ if (newProp.targetPortID !== undefined && newProp.targetPortID !== oldProp.targetPortID) {
+ var targetNode = this.nameTable[actualObject.targetID];
+ if (actualObject.targetID && this.nameTable[actualObject.targetID]) {
+ target = this.nameTable[actualObject.targetID].wrapper;
+ }
+ if (!targetNode || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canInConnect"])(targetNode) || (actualObject.targetPortID !== '' && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canPortInConnect"])(inPort)))) {
+ actualObject.targetPortWrapper = target ? this.getWrapper(target, newProp.targetPortID) : undefined;
+ }
+ else if (actualObject.targetPortID === '' && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canInConnect"])(targetNode)) {
+ actualObject.targetPortWrapper = undefined;
+ }
+ }
+ if (newProp.flip !== undefined) {
+ actualObject.flip = newProp.flip;
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["flipConnector"])(actualObject);
+ }
+ if (actualObject.type === 'Orthogonal' && this.lineRoutingModule && this.diagramActions &&
+ (this.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].LineRouting) && !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction)) {
+ this.lineRoutingModule.renderVirtualRegion(this, true);
+ // EJ2-65876 - Exception occurs on line routing injection module
+ if (actualObject.sourceID !== actualObject.targetID && actualObject.segments.length > 1) {
+ //EJ2-69573 - Excecption occurs when calling doLayout method with the lineRouting module
+ this.lineRoutingModule.refreshConnectorSegments(this, actualObject, false);
+ }
+ }
+ points = this.getPoints(actualObject);
+ } //Add prop change for zindex, alignments and margin
+ if (newProp.style !== undefined) {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateStyle"])(newProp.style, actualObject.wrapper.children[0]);
+ }
+ if (points.length > 0 || newProp.sourceDecorator !== undefined || (newProp.targetDecorator !== undefined
+ && (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["canMeasureDecoratorPath"])(Object.keys(newProp.targetDecorator)))) || newProp.cornerRadius !== undefined) {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateConnector"])(actualObject, points.length > 0 ? points : actualObject.intermediatePoints, this.diagramActions);
+ if (newProp.type !== undefined) {
+ updateSelector = true;
+ }
+ if (points.length > 0) {
+ actualObject.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](actualObject.wrapper.width, actualObject.wrapper.height));
+ actualObject.wrapper.arrange(actualObject.wrapper.desiredSize);
+ // eslint-disable-next-line max-len
+ this.updateConnectorAnnotation(actualObject);
+ this.updateConnectorfixedUserHandles(actualObject);
+ this.updateObject(actualObject, oldProp, newProp);
+ } //work-around to update intersected connector bridging
+ }
+ if ((newProp.sourcePoint || newProp.targetPoint || newProp.segments)
+ && this.diagramActions === _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Render) {
+ updateSelector = true;
+ }
+ if (actualObject.shape.type === 'Bpmn' && actualObject.shape.sequence === 'Default' && actualObject.shape.flow === 'Sequence') {
+ this.commandHandler.updatePathElementOffset(actualObject);
+ }
+ // eslint-disable-next-line max-len
+ if (!disableBridging) {
+ this.updateBridging();
+ }
+ this.updateAnnotations(newProp, actualObject);
+ this.updatefixedUserHandle(newProp, actualObject);
+ actualObject.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](actualObject.wrapper.width, actualObject.wrapper.height));
+ actualObject.wrapper.arrange(actualObject.wrapper.desiredSize);
+ if (existingBounds.equals(existingBounds, actualObject.wrapper.bounds) === false) {
+ this.updateQuad(actualObject);
+ }
+ if (updateSelector === true && this.checkSelectedItem(actualObject) && (!(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].ToolAction)
+ || (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].UndoRedo))) {
+ this.updateSelector();
+ }
+ if (!this.preventConnectorsUpdate) {
+ if (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this) || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canVitualize"])(this) && this.scroller.oldCollectionObjects.indexOf(actualObject.id) > -1)) {
+ if (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventZIndexOnDragging) {
+ this.updateDiagramObject(actualObject, true);
+ }
+ else {
+ this.updateDiagramObject(actualObject);
+ }
+ }
+ }
+ if (this.diagramActions && actualObject.status !== 'New') {
+ actualObject.status = 'Update';
+ }
+ this.triggerPropertyChange(propertyChange, actualObject, oldProp, newProp);
+ };
+ /* tslint:enable */
+ /**
+ * getDirection methods \
+ *
+ * @returns { void } getDirection methods .\
+ * @param {NodeModel} node - provide the node value.
+ * @param {string} portId - provide the portId value.
+ * @param {string} item - provide the item value.
+ * @param {number} isInEdges - provide the isInEdges value.
+ *
+ * @private
+ */
+ Diagram.prototype.removePortEdges = function (node, portId, item, isInEdges) {
+ if (node) {
+ for (var i = 0; i < node.ports.length; i++) {
+ var port = node.ports[parseInt(i.toString(), 10)];
+ if (port.id === portId) {
+ var portEdge = (isInEdges) ? port.inEdges : port.outEdges;
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["removeItem"])(portEdge, item);
+ }
+ }
+ }
+ };
+ Diagram.prototype.getpropertyChangeArgs = function (element, oldProp, newProp, args) {
+ args.element = { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(element) };
+ args.oldValue = { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(oldProp) };
+ args.newValue = { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(newProp) };
+ return args;
+ };
+ Diagram.prototype.triggerPropertyChange = function (propertyChange, actualObject, oldProp, newProp) {
+ if (!propertyChange) {
+ var element = actualObject;
+ var args = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(element), cause: this.diagramActions, diagramAction: this.getDiagramAction(this.diagramActions),
+ oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(oldProp), newValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(newProp)
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ args = this.getpropertyChangeArgs(element, oldProp, newProp, args);
+ }
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].propertyChange, args);
+ }
+ };
+ Diagram.prototype.findInOutConnectPorts = function (node, isInconnect) {
+ var port = {};
+ if (node) {
+ port = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getInOutConnectPorts"])(node, isInconnect);
+ }
+ return port;
+ };
+ Diagram.prototype.getPoints = function (actualObject, points) {
+ //let pts: PointModel[];
+ var lineDistributionModule = this.lineDistributionModule ? true : false;
+ var pts = actualObject.getConnectorPoints(actualObject.type, points, this.layout.type === 'ComplexHierarchicalTree' || this.layout.type === 'HierarchicalTree' ?
+ this.layout.orientation : undefined, lineDistributionModule);
+ return pts;
+ };
+ /**
+ * update the opacity and visibility for the node once the layout animation starts \
+ *
+ * @returns { void } update the opacity and visibility for the node once the layout animation starts .\
+ * @param {Container} element - provide the element value.
+ * @param {boolean} visible - provide the visible value.
+ * @param {number} opacity - provide the opacity value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateNodeProperty = function (element, visible, opacity) {
+ if (visible === undefined) {
+ this.updateElementVisibility(element, this.nameTable[element.id], visible);
+ }
+ else {
+ element.style.opacity = opacity;
+ for (var i = 0; i < element.children.length; i++) {
+ if (element.children[parseInt(i.toString(), 10)] instanceof _core_containers_container__WEBPACK_IMPORTED_MODULE_6__["Container"]) {
+ this.updateNodeProperty(element.children[parseInt(i.toString(), 10)], undefined, opacity);
+ }
+ element.children[parseInt(i.toString(), 10)].style.opacity = opacity;
+ }
+ }
+ };
+ /**
+ * checkSelected Item for Connector \
+ *
+ * @returns { void } checkSelected Item for Connector .\
+ * @param {Connector | Node} actualObject - provide the element value.
+ *
+ * @private
+ */
+ Diagram.prototype.checkSelectedItem = function (actualObject) {
+ var selectorModel = this.selectedItems;
+ var isSelected = false;
+ var selItems = [];
+ selItems = selItems.concat(selectorModel.nodes, selectorModel.connectors);
+ if (selItems.length > 0) {
+ if (actualObject.id === selItems[selItems.length - 1].id) {
+ isSelected = true;
+ }
+ }
+ return isSelected;
+ };
+ /**
+ * Updates the visibility of the diagram container \
+ *
+ * @returns { void } Updates the visibility of the diagram container .\
+ * @param {DiagramElement} element - provide the element value.
+ * @param {boolean} visible - provide the target value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateDiagramContainerVisibility = function (element, visible) {
+ if (element instanceof _core_containers_container__WEBPACK_IMPORTED_MODULE_6__["Container"]) {
+ for (var i = 0; i < element.children.length; i++) {
+ this.updateDiagramContainerVisibility(element.children[parseInt(i.toString(), 10)], visible);
+ }
+ }
+ element.visible = visible;
+ };
+ /**
+ * Updates the visibility of the node/connector \
+ *
+ * @returns { void } Updates the visibility of the node/connector .\
+ * @param {Container} element - provide the element value.
+ * @param {Connector | Node} obj - provide the obj value.
+ * @param {boolean} visible - provide the visible value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateElementVisibility = function (element, obj, visible) {
+ if (visible !== undefined) {
+ element.visible = visible;
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ //content
+ if (!obj.children) {
+ element.children[0].visible = visible;
+ this.updateDiagramContainerVisibility(element.children[0], visible);
+ if (obj.shape.type === 'Bpmn' && this.bpmnModule) {
+ this.bpmnModule.updateElementVisibility(obj, visible, this);
+ }
+ }
+ else {
+ for (var _i = 0, _a = obj.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ this.updateElementVisibility(this.nameTable["" + child].wrapper, this.nameTable["" + child], visible);
+ }
+ }
+ //ports
+ if (obj.ports) {
+ for (var _b = 0, _c = obj.ports; _b < _c.length; _b++) {
+ var port = _c[_b];
+ if (port.visibility & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["PortVisibility"].Visible) {
+ var wrapper = this.getWrapper(element, port.id);
+ wrapper.visible = visible;
+ }
+ }
+ }
+ if (obj.annotations) {
+ for (var _d = 0, _e = obj.annotations; _d < _e.length; _d++) {
+ var annotation = _e[_d];
+ var wrapper = this.getWrapper(element, annotation.id);
+ wrapper.visible = visible;
+ }
+ }
+ }
+ else {
+ //path and decorators
+ for (var i = 0; i < 3; i++) {
+ element.children[parseInt(i.toString(), 10)].visible = visible;
+ }
+ }
+ if (obj.annotations) {
+ //annotations
+ for (var _f = 0, _g = obj.annotations; _f < _g.length; _f++) {
+ var annotation = _g[_f];
+ var wrapper = this.getWrapper(element, annotation.id);
+ wrapper.visible = visible;
+ }
+ }
+ if (obj.expandIcon || obj.collapseIcon) {
+ var wrapper = this.getWrapper(element, 'icon_content');
+ if (wrapper) {
+ for (var i = 0; i < wrapper.children.length; i++) {
+ wrapper.children[parseInt(i.toString(), 10)].visible = visible;
+ }
+ wrapper.visible = visible;
+ }
+ if (obj && obj.visible && obj.outEdges) {
+ this.updateIconVisibility(obj, (obj.outEdges.length === 0 ? false : true));
+ }
+ }
+ if (visible === false) {
+ this.unSelect(this.nameTable[element.id]);
+ }
+ if ((obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"] && !this.preventNodesUpdate) || (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] && !this.preventConnectorsUpdate)) {
+ //Avoid calling updateDiagramObject method during rendering
+ if (this.diagramActions) {
+ this.updateDiagramObject(this.nameTable[element.id], undefined, true);
+ }
+ }
+ }
+ };
+ Diagram.prototype.updateAnnotations = function (newProp, actualObject) {
+ if (newProp.annotations !== undefined) {
+ for (var _i = 0, _a = Object.keys(newProp.annotations); _i < _a.length; _i++) {
+ var key = _a[_i];
+ var index = Number(key);
+ var changedObject = newProp.annotations["" + key];
+ var actualAnnotation = actualObject.annotations[parseInt(index.toString(), 10)];
+ this.updateAnnotation(changedObject, actualAnnotation, actualObject.wrapper, actualObject);
+ }
+ }
+ };
+ Diagram.prototype.updatefixedUserHandle = function (newProp, actualObject) {
+ if (newProp.fixedUserHandles !== undefined) {
+ var index = void 0;
+ var changedObject = void 0;
+ var actualAnnotation = void 0;
+ for (var _i = 0, _a = Object.keys(newProp.fixedUserHandles); _i < _a.length; _i++) {
+ var key = _a[_i];
+ index = Number(key);
+ changedObject = newProp.fixedUserHandles["" + key];
+ actualAnnotation = actualObject.fixedUserHandles[parseInt(index.toString(), 10)];
+ this.updateConnectorfixedUserHandle(changedObject, actualAnnotation, actualObject.wrapper, actualObject);
+ }
+ }
+ };
+ /**
+ * updateConnectorfixedUserHandle method \
+ *
+ * @returns { void } updateConnectorfixedUserHandle method .\
+ * @param {ConnectorFixedUserHandleModel} changedObject - provide the changedObject value.
+ * @param {ConnectorFixedUserHandleModel} actualfixedUserHandle - provide the actualfixedUserHandle value.
+ * @param {Container} nodes - provide the nodes value.
+ * @param {Object} actualObject - provide the actualObject value.
+ * @param {boolean} canUpdateSize - provide the canUpdateSize value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateConnectorfixedUserHandle = function (changedObject, actualfixedUserHandle, nodes, actualObject, canUpdateSize) {
+ var isMeasure = false;
+ var fixedUserHandleWrapper = this.getWrapper(nodes, actualfixedUserHandle.id);
+ if (fixedUserHandleWrapper !== undefined) {
+ if (changedObject.width !== undefined) {
+ fixedUserHandleWrapper.width = changedObject.width;
+ isMeasure = true;
+ }
+ if (changedObject.height !== undefined) {
+ fixedUserHandleWrapper.height = changedObject.height;
+ isMeasure = true;
+ }
+ if (actualfixedUserHandle instanceof _objects_fixed_user_handle__WEBPACK_IMPORTED_MODULE_44__["ConnectorFixedUserHandle"] &&
+ (changedObject.offset !== undefined)) {
+ actualObject.updateAnnotation(actualfixedUserHandle, actualObject.intermediatePoints, actualObject.wrapper.bounds, fixedUserHandleWrapper);
+ }
+ if ((actualfixedUserHandle instanceof _objects_fixed_user_handle__WEBPACK_IMPORTED_MODULE_44__["ConnectorFixedUserHandle"]) && changedObject.displacement) {
+ if (changedObject.displacement.x !== undefined ||
+ changedObject.displacement.y !== undefined) {
+ isMeasure = true;
+ }
+ }
+ if (changedObject.fill !== undefined) {
+ fixedUserHandleWrapper.style.fill = changedObject.fill;
+ }
+ if (changedObject.handleStrokeColor !== undefined) {
+ fixedUserHandleWrapper.style.strokeColor = changedObject.handleStrokeColor;
+ }
+ if (changedObject.handleStrokeWidth !== undefined) {
+ fixedUserHandleWrapper.style.strokeWidth = changedObject.handleStrokeWidth;
+ }
+ if (changedObject.visibility !== undefined) {
+ fixedUserHandleWrapper.visible = changedObject.visibility;
+ }
+ if (changedObject.cornerRadius !== undefined) {
+ fixedUserHandleWrapper.cornerRadius = changedObject.cornerRadius;
+ }
+ this.updatefixedUserHandleContent(changedObject, isMeasure, fixedUserHandleWrapper, actualObject, actualfixedUserHandle, nodes);
+ if (isMeasure === true) {
+ fixedUserHandleWrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](fixedUserHandleWrapper.width, fixedUserHandleWrapper.height));
+ fixedUserHandleWrapper.arrange(fixedUserHandleWrapper.desiredSize);
+ }
+ }
+ };
+ /**
+ * updateAnnotation method \
+ *
+ * @returns { void } updateAnnotation method .\
+ * @param {AnnotationModel} changedObject - provide the changedObject value.
+ * @param {ShapeAnnotationModel} actualAnnotation - provide the actualAnnotation value.
+ * @param {Container} nodes - provide the nodes value.
+ * @param {Object} actualObject - provide the actualObject value.
+ * @param {boolean} canUpdateSize - provide the canUpdateSize value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateAnnotation = function (changedObject, actualAnnotation, nodes, actualObject, canUpdateSize) {
+ var isMeasure = false;
+ // eslint-disable-next-line max-len
+ var annotationWrapper = this.getWrapper(nodes, actualAnnotation.id);
+ if (annotationWrapper !== undefined) {
+ if (changedObject.width !== undefined && changedObject.height !== undefined) {
+ annotationWrapper.width = changedObject.width;
+ annotationWrapper.height = changedObject.height;
+ isMeasure = true;
+ }
+ if (changedObject.rotateAngle !== undefined) {
+ annotationWrapper.rotateAngle = changedObject.rotateAngle;
+ }
+ if (canUpdateSize && !(annotationWrapper instanceof _core_elements_html_element__WEBPACK_IMPORTED_MODULE_37__["DiagramHtmlElement"])) {
+ annotationWrapper.refreshTextElement();
+ }
+ if (actualAnnotation instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_19__["PathAnnotation"] && changedObject.segmentAngle !== undefined) {
+ annotationWrapper.rotateAngle = actualAnnotation.rotateAngle;
+ }
+ if (actualAnnotation instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_19__["ShapeAnnotation"] &&
+ changedObject.offset !== undefined) {
+ var offset = changedObject.offset;
+ isMeasure = true;
+ var offsetX = offset.x !== undefined ? offset.x :
+ actualAnnotation.offset.x;
+ var offsetY = offset.y !== undefined ? offset.y :
+ actualAnnotation.offset.y;
+ annotationWrapper.setOffsetWithRespectToBounds(offsetX, offsetY, 'Fraction');
+ annotationWrapper.relativeMode = 'Point';
+ }
+ else if (actualAnnotation instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_19__["PathAnnotation"] &&
+ (changedObject.offset !== undefined ||
+ changedObject.segmentAngle !== undefined)) {
+ actualObject.updateAnnotation(actualAnnotation, actualObject.intermediatePoints, actualObject.wrapper.bounds, annotationWrapper);
+ }
+ if ((actualAnnotation instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_19__["PathAnnotation"]) && changedObject.displacement) {
+ if (changedObject.displacement.x !== undefined ||
+ changedObject.displacement.y !== undefined) {
+ isMeasure = true;
+ actualObject.updateAnnotation(actualAnnotation, actualObject.intermediatePoints, actualObject.wrapper.bounds, annotationWrapper);
+ }
+ }
+ if (changedObject.margin !== undefined) {
+ isMeasure = true;
+ if (changedObject.margin.bottom !== undefined) {
+ annotationWrapper.margin.bottom = changedObject.margin.bottom;
+ }
+ if (changedObject.margin.top !== undefined) {
+ annotationWrapper.margin.top = changedObject.margin.top;
+ }
+ if (changedObject.margin.left !== undefined) {
+ annotationWrapper.margin.left = changedObject.margin.left;
+ }
+ if (changedObject.margin.right !== undefined) {
+ annotationWrapper.margin.right = changedObject.margin.right;
+ }
+ }
+ if (isMeasure || canUpdateSize) {
+ annotationWrapper.width = (actualAnnotation.width || actualObject.width);
+ if (actualAnnotation.template) {
+ annotationWrapper.width = (annotationWrapper.width || annotationWrapper.actualSize.width);
+ annotationWrapper.height = (actualAnnotation.height || actualObject.height ||
+ annotationWrapper.actualSize.height);
+ }
+ }
+ if (changedObject.horizontalAlignment !== undefined) {
+ annotationWrapper.horizontalAlignment = changedObject.horizontalAlignment;
+ isMeasure = true;
+ }
+ if (changedObject.verticalAlignment !== undefined) {
+ annotationWrapper.verticalAlignment = changedObject.verticalAlignment;
+ isMeasure = true;
+ }
+ if (changedObject.visibility !== undefined) {
+ annotationWrapper.visible = (nodes.visible && changedObject.visibility) ? true : false;
+ }
+ if (changedObject.constraints !== undefined) {
+ var updateSelector = false;
+ if ((annotationWrapper.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["AnnotationConstraints"].Select) &&
+ (!(changedObject.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["AnnotationConstraints"].Select)) &&
+ Object(_interaction_actions__WEBPACK_IMPORTED_MODULE_27__["isSelected"])(this, actualObject, false, annotationWrapper)) {
+ //updateSelector = true;
+ }
+ annotationWrapper.constraints = changedObject.constraints;
+ if (updateSelector) {
+ this.clearSelection();
+ }
+ }
+ if (changedObject.style !== undefined) {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateStyle"])(changedObject.style, annotationWrapper);
+ }
+ if (changedObject.hyperlink !== undefined) {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateHyperlink"])(changedObject.hyperlink, annotationWrapper, actualAnnotation);
+ }
+ this.updateAnnotationContent(changedObject, isMeasure, annotationWrapper, actualObject, actualAnnotation, nodes);
+ if (isMeasure === true) {
+ annotationWrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](annotationWrapper.width, annotationWrapper.height));
+ annotationWrapper.arrange(annotationWrapper.desiredSize);
+ }
+ if (!(annotationWrapper instanceof _core_elements_html_element__WEBPACK_IMPORTED_MODULE_37__["DiagramHtmlElement"])) {
+ annotationWrapper.refreshTextElement();
+ }
+ // this.refresh(); this.refreshDiagramLayer();
+ }
+ };
+ Diagram.prototype.updatefixedUserHandleContent = function (changedObject, isMeasure, fixedUserHandleWrapper, actualObject, fixedUserHandleAnnotation, nodes) {
+ if (changedObject !== undefined) {
+ this.updateConnectorfixedUserHandleWrapper(fixedUserHandleWrapper, actualObject, fixedUserHandleAnnotation, nodes);
+ }
+ };
+ Diagram.prototype.updateConnectorfixedUserHandleWrapper = function (fixedUserHandleWrapper, actualObject, actualAnnotation, nodes) {
+ for (var _i = 0, _a = this.views; _i < _a.length; _i++) {
+ var elementId = _a[_i];
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["removeElement"])(fixedUserHandleWrapper.id + '_groupElement', elementId);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["removeElement"])(fixedUserHandleWrapper.id + '_html_element', elementId);
+ }
+ if (actualObject instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ var canvas = actualObject.wrapper;
+ var segment = canvas.children[0];
+ var bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_17__["Rect"](segment.offsetX - segment.width / 2, segment.offsetY - segment.height / 2, segment.width, segment.height);
+ fixedUserHandleWrapper =
+ actualObject.getfixedUserHandle(actualObject.fixedUserHandles[actualObject.fixedUserHandles.length - 1], actualObject.intermediatePoints, bounds);
+ }
+ for (var i = 0; i < nodes.children.length; i++) {
+ if (fixedUserHandleWrapper.id === nodes.children[parseInt(i.toString(), 10)].id) {
+ nodes.children.splice(i, 1, fixedUserHandleWrapper);
+ }
+ }
+ };
+ Diagram.prototype.updateAnnotationContent = function (changedObject, isMeasure, annotationWrapper, actualObject, actualAnnotation, nodes) {
+ if (changedObject.content !== undefined) {
+ if (annotationWrapper) {
+ isMeasure = true;
+ if (actualObject.shape.type === 'UmlActivity' &&
+ ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && actualObject.shape.umlActivityShape === 'StructuredNode') ||
+ (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && actualObject.shape.shape === 'StructuredNode'))) {
+ annotationWrapper.content = '<<' + changedObject.content + '>>';
+ }
+ else {
+ annotationWrapper.content = changedObject.content;
+ }
+ }
+ if (annotationWrapper instanceof _core_elements_html_element__WEBPACK_IMPORTED_MODULE_37__["DiagramHtmlElement"]) {
+ this.updateAnnotationWrapper(annotationWrapper, actualObject, actualAnnotation, nodes);
+ }
+ }
+ if (changedObject.template !== undefined) {
+ annotationWrapper.content = changedObject.template;
+ this.updateAnnotationWrapper(annotationWrapper, actualObject, actualAnnotation, nodes);
+ }
+ };
+ Diagram.prototype.updateAnnotationWrapper = function (annotationWrapper, actualObject, actualAnnotation, nodes) {
+ for (var _i = 0, _a = this.views; _i < _a.length; _i++) {
+ var elementId = _a[_i];
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["removeElement"])(annotationWrapper.id + '_groupElement', elementId);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["removeElement"])(annotationWrapper.id + '_html_element', elementId);
+ }
+ if (actualObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ annotationWrapper =
+ actualObject.initAnnotationWrapper(actualAnnotation, this.element.id);
+ }
+ else if (actualObject instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ var canvas = actualObject.wrapper;
+ var segment = canvas.children[0];
+ var bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_17__["Rect"](segment.offsetX - segment.width / 2, segment.offsetY - segment.height / 2, segment.width, segment.height);
+ annotationWrapper =
+ actualObject.getAnnotationElement(actualObject.annotations[actualObject.annotations.length - 1], actualObject.intermediatePoints, bounds, this.getDescription, this.element.id);
+ }
+ for (var i = 0; i < nodes.children.length; i++) {
+ if (annotationWrapper.id === nodes.children[parseInt(i.toString(), 10)].id) {
+ nodes.children.splice(i, 1, annotationWrapper);
+ }
+ }
+ };
+ /**
+ * updateNodefixedUserHandle method \
+ *
+ * @returns { void } updateNodefixedUserHandle method .\
+ * @param {NodeFixedUserHandleModel} changedObject - provide the changedObject value.
+ * @param {NodeFixedUserHandleModel} actualfixedUserHandle - provide the actualfixedUserHandle value.
+ * @param {Container} nodes - provide the changedObject value.
+ * @param {Object} actualObject - provide the changedObject value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateNodefixedUserHandle = function (changedObject, actualfixedUserHandle, nodes, actualObject) {
+ //let fixedUserHandleWrapper: Canvas;
+ var isMeasure = false;
+ var fixedUserHandleWrapper = this.getWrapper(nodes, actualfixedUserHandle.id);
+ if (fixedUserHandleWrapper !== undefined) {
+ if (changedObject.width !== undefined) {
+ fixedUserHandleWrapper.actualSize.width = changedObject.width;
+ isMeasure = true;
+ }
+ if (changedObject.height !== undefined) {
+ fixedUserHandleWrapper.height = changedObject.height;
+ isMeasure = true;
+ }
+ if (actualfixedUserHandle instanceof _objects_fixed_user_handle__WEBPACK_IMPORTED_MODULE_44__["NodeFixedUserHandle"] &&
+ changedObject.offset !== undefined) {
+ var offset = changedObject.offset;
+ isMeasure = true;
+ var offsetX = offset.x !== undefined ? offset.x :
+ actualfixedUserHandle.offset.x;
+ var offsetY = offset.y !== undefined ? offset.y :
+ actualfixedUserHandle.offset.y;
+ fixedUserHandleWrapper.setOffsetWithRespectToBounds(offsetX, offsetY, 'Fraction');
+ fixedUserHandleWrapper.relativeMode = 'Point';
+ }
+ if (changedObject.margin !== undefined) {
+ isMeasure = true;
+ if (changedObject.margin.bottom !== undefined) {
+ fixedUserHandleWrapper.margin.bottom = changedObject.margin.bottom;
+ }
+ if (changedObject.margin.top !== undefined) {
+ fixedUserHandleWrapper.margin.top = changedObject.margin.top;
+ }
+ if (changedObject.margin.left !== undefined) {
+ fixedUserHandleWrapper.margin.left = changedObject.margin.left;
+ }
+ if (changedObject.margin.right !== undefined) {
+ fixedUserHandleWrapper.margin.right = changedObject.margin.right;
+ }
+ }
+ if (changedObject.visibility !== undefined) {
+ fixedUserHandleWrapper.visible = changedObject.visibility;
+ }
+ if (changedObject.fill !== undefined) {
+ fixedUserHandleWrapper.style.fill = changedObject.fill;
+ }
+ if (changedObject.handleStrokeColor !== undefined) {
+ fixedUserHandleWrapper.style.strokeColor = changedObject.handleStrokeColor;
+ }
+ if (changedObject.handleStrokeWidth !== undefined) {
+ fixedUserHandleWrapper.style.strokeWidth = changedObject.handleStrokeWidth;
+ }
+ if (changedObject.cornerRadius !== undefined) {
+ fixedUserHandleWrapper.cornerRadius = changedObject.cornerRadius;
+ }
+ this.updatefixedUserHandleWrapper(fixedUserHandleWrapper, actualObject, actualfixedUserHandle, nodes);
+ if (isMeasure === true) {
+ fixedUserHandleWrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](fixedUserHandleWrapper.width, fixedUserHandleWrapper.height));
+ fixedUserHandleWrapper.arrange(fixedUserHandleWrapper.desiredSize);
+ }
+ }
+ };
+ Diagram.prototype.updatefixedUserHandleWrapper = function (fixedUserHandleWrapper, actualObject, actualAnnotation, nodes) {
+ for (var _i = 0, _a = this.views; _i < _a.length; _i++) {
+ var elementId = _a[_i];
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["removeElement"])(fixedUserHandleWrapper.id + '_groupElement', elementId);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["removeElement"])(fixedUserHandleWrapper.id + '_html_element', elementId);
+ }
+ if (actualObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ fixedUserHandleWrapper = actualObject.initfixedUserHandles(actualAnnotation);
+ }
+ for (var i = 0; i < nodes.children.length; i++) {
+ if (fixedUserHandleWrapper.id === nodes.children[parseInt(i.toString(), 10)].id) {
+ nodes.children.splice(i, 1, fixedUserHandleWrapper);
+ }
+ }
+ };
+ /**
+ * updatePort method \
+ *
+ * @returns { void } updatePort method .\
+ * @param {PointPortModel} changedObject - provide the changedObject value.
+ * @param {PointPortModel} actualPort - provide the changedObject value.
+ * @param {Container} nodes - provide the changedObject value.
+ *
+ * @private
+ */
+ Diagram.prototype.updatePort = function (changedObject, actualPort, nodes) {
+ var isMeasure = false;
+ var portWrapper = this.getWrapper(nodes, actualPort.id);
+ if (portWrapper !== undefined) {
+ if (changedObject.offset !== undefined) {
+ isMeasure = true;
+ var offsetX = changedObject.offset.x !== undefined ? changedObject.offset.x :
+ actualPort.offset.x;
+ var offsetY = changedObject.offset.y !== undefined ? changedObject.offset.y :
+ actualPort.offset.y;
+ portWrapper.setOffsetWithRespectToBounds(offsetX, offsetY, 'Fraction');
+ portWrapper.relativeMode = 'Point';
+ }
+ if (changedObject.width !== undefined) {
+ isMeasure = true;
+ portWrapper.width = changedObject.width;
+ }
+ if (changedObject.height !== undefined) {
+ isMeasure = true;
+ portWrapper.height = changedObject.height;
+ }
+ if (changedObject.visibility !== undefined) {
+ portWrapper.visible = (nodes.visible && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["checkPortRestriction"])(actualPort, _enum_enum__WEBPACK_IMPORTED_MODULE_14__["PortVisibility"].Visible)) ? true : false;
+ }
+ if (changedObject.margin !== undefined) {
+ isMeasure = true;
+ if (changedObject.margin.bottom !== undefined) {
+ portWrapper.margin.bottom = changedObject.margin.bottom;
+ }
+ if (changedObject.margin.top !== undefined) {
+ portWrapper.margin.top = changedObject.margin.top;
+ }
+ if (changedObject.margin.right !== undefined) {
+ portWrapper.margin.right = changedObject.margin.right;
+ }
+ if (changedObject.margin.left !== undefined) {
+ portWrapper.margin.left = changedObject.margin.left;
+ }
+ }
+ if (changedObject.horizontalAlignment !== undefined) {
+ isMeasure = true;
+ portWrapper.horizontalAlignment = changedObject.horizontalAlignment;
+ }
+ if (changedObject.verticalAlignment !== undefined) {
+ isMeasure = true;
+ portWrapper.verticalAlignment = changedObject.verticalAlignment;
+ }
+ if (changedObject.style !== undefined) {
+ if (changedObject.style.fill !== undefined) {
+ portWrapper.style.fill = changedObject.style.fill;
+ }
+ if (changedObject.style.opacity !== undefined) {
+ portWrapper.style.opacity = changedObject.style.opacity;
+ }
+ if (changedObject.style.strokeColor !== undefined) {
+ portWrapper.style.strokeColor = changedObject.style.strokeColor;
+ }
+ if (changedObject.style.strokeWidth !== undefined) {
+ portWrapper.style.strokeWidth = changedObject.style.strokeWidth;
+ }
+ if (changedObject.style.strokeDashArray !== undefined) {
+ portWrapper.style.strokeDashArray = changedObject.style.strokeDashArray;
+ }
+ }
+ if (changedObject.shape !== undefined) {
+ if (portWrapper) {
+ var pathdata = Object(_objects_dictionary_common__WEBPACK_IMPORTED_MODULE_18__["getPortShape"])(changedObject.shape);
+ portWrapper.data = pathdata;
+ portWrapper.canMeasurePath = true;
+ }
+ }
+ if (changedObject.pathData !== undefined) {
+ portWrapper.data = String(changedObject.pathData);
+ isMeasure = true;
+ }
+ if (isMeasure === true) {
+ portWrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](portWrapper.width, portWrapper.height));
+ portWrapper.arrange(portWrapper.desiredSize);
+ }
+ //this.refresh(); this.refreshDiagramLayer();
+ }
+ };
+ /**
+ * updateIcon method \
+ *
+ * @returns { void } updateIcon method .\
+ * @param {Node} actualObject - provide the obj value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateIcon = function (actualObject) {
+ var iconContainer = this.getWrapper(actualObject.wrapper, 'icon_content');
+ var diagramId = (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Render) ? this.element.id : undefined;
+ if (iconContainer) {
+ if (this.mode === 'SVG') {
+ var icon = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(actualObject.wrapper.id + '_icon_content', diagramId);
+ if (icon) {
+ var iconRect = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(icon.id + '_rect', diagramId);
+ var iconShape = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(icon.id + '_shape', diagramId);
+ var nativeContent = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_29__["getDiagramElement"])(iconShape.id + '_native_element', diagramId);
+ if (nativeContent) {
+ nativeContent.parentNode.removeChild(nativeContent);
+ }
+ iconShape.parentNode.removeChild(iconShape);
+ iconRect.parentNode.removeChild(iconRect);
+ icon.parentNode.removeChild(icon);
+ }
+ }
+ var index = actualObject.wrapper.children.indexOf(iconContainer);
+ actualObject.wrapper.children.splice(index, 1);
+ }
+ var portContainer = this.getPortContainer(actualObject);
+ actualObject.initIcons(this.getDescription, this.layout, portContainer, this.element.id);
+ };
+ Diagram.prototype.getPortContainer = function (actualObject) {
+ if (actualObject.children) {
+ for (var i = 0; i < actualObject.wrapper.children.length; i++) {
+ if (actualObject.wrapper.children[parseInt(i.toString(), 10)].id === actualObject.id + 'group_container') {
+ return actualObject.wrapper.children[parseInt(i.toString(), 10)];
+ }
+ }
+ }
+ return actualObject.wrapper;
+ };
+ Diagram.prototype.updateTooltip = function (actualObject, node) {
+ if (node.tooltip.content !== undefined) {
+ actualObject.tooltip.content = node.tooltip.content;
+ }
+ if (node.tooltip.position !== undefined) {
+ actualObject.tooltip.position = node.tooltip.position;
+ }
+ if (node.tooltip.height !== undefined) {
+ actualObject.tooltip.height = node.tooltip.height;
+ }
+ if (node.tooltip.width !== undefined) {
+ actualObject.tooltip.width = node.tooltip.width;
+ }
+ if (node.tooltip.showTipPointer !== undefined) {
+ actualObject.tooltip.showTipPointer = node.tooltip.showTipPointer;
+ }
+ if (node.tooltip.relativeMode !== undefined) {
+ actualObject.tooltip.relativeMode = node.tooltip.relativeMode;
+ }
+ };
+ /**
+ * updateQuad method \
+ *
+ * @returns { void } updateQuad method .\
+ * @param {IElement} obj - provide the obj value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateQuad = function (obj) {
+ var modified = this.spatialSearch.updateQuad(obj.wrapper);
+ if (modified && !this.preventDiagramUpdate) {
+ this.updatePage();
+ }
+ };
+ /**
+ * removeFromAQuad method \
+ *
+ * @returns { void } removeFromAQuad method .\
+ * @param {IElement} obj - provide the node value.
+ *
+ * @private
+ */
+ Diagram.prototype.removeFromAQuad = function (obj) {
+ if (obj.children) {
+ var child = void 0;
+ var children = obj.children;
+ for (var i = 0; i < children.length; i++) {
+ child = this.nameTable[children[parseInt(i.toString(), 10)]];
+ if (child) {
+ this.removeFromAQuad(child);
+ }
+ }
+ }
+ this.spatialSearch.removeFromAQuad(obj.wrapper);
+ var modified = this.spatialSearch.updateBounds(obj.wrapper);
+ if (modified && !this.preventDiagramUpdate) {
+ this.updatePage();
+ }
+ };
+ /**
+ * updateGroupSize method \
+ *
+ * @returns { void } updateGroupSize method .\
+ * @param {NodeModel | ConnectorModel} node - provide the node value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateGroupSize = function (node) {
+ var tempNode;
+ if (node.parentId) {
+ tempNode = this.nameTable[node.parentId];
+ if (tempNode) {
+ if (tempNode.parentId) {
+ this.updateGroupSize(tempNode);
+ }
+ else {
+ tempNode.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]());
+ tempNode.wrapper.arrange(tempNode.wrapper.desiredSize);
+ this.updateGroupOffset(tempNode);
+ this.updateDiagramObject(tempNode);
+ }
+ }
+ }
+ };
+ Diagram.prototype.updatePage = function () {
+ if ((this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].Render) &&
+ !(this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].DragUsingMouse)) {
+ this.scroller.updateScrollOffsets();
+ this.scroller.setSize();
+ //updating overview
+ for (var _i = 0, _a = this.views; _i < _a.length; _i++) {
+ var temp = _a[_i];
+ var view = this.views["" + temp];
+ if (!(view instanceof Diagram)) {
+ view.updateView(view);
+ }
+ }
+ }
+ if (this.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].DragUsingMouse) {
+ this.renderPageBreaks();
+ //EJ2-826378 - Scroller not updated properly when we drag node outside viewport.
+ // While dragging, we need to update the scroller.
+ this.scroller.updateScrollOffsets();
+ this.scroller.setSize();
+ }
+ };
+ /**
+ * protectPropertyChange method \
+ *
+ * @returns { void } protectPropertyChange method .\
+ * @param {boolean} enable - provide the enable value.
+ *
+ * @private
+ */
+ Diagram.prototype.protectPropertyChange = function (enable) {
+ this.isProtectedOnChange = enable;
+ };
+ /**
+ * getProtectPropertyChangeValue method \
+ *
+ * @returns { boolean } getProtectPropertyChangeValue method .\
+ *
+ * @private
+ */
+ Diagram.prototype.getProtectPropertyChangeValue = function () {
+ return this.isProtectedOnChange;
+ };
+ /**
+ * enableServerDataBinding method \
+ *
+ * @returns { void } enableServerDataBinding method .\
+ * @param {boolean} enable - provide the node value.
+ *
+ * @private
+ */
+ Diagram.prototype.enableServerDataBinding = function (enable) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.allowServerDataBinding = enable;
+ if (enable) {
+ this.bulkChanges = {};
+ }
+ }
+ };
+ /**
+ * updateShadow method \
+ *
+ * @returns { void } updateShadow method .\
+ * @param {ShadowModel} nodeShadow - provide the node value.
+ * @param {ShadowModel} changedShadow - provide the Node value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateShadow = function (nodeShadow, changedShadow) {
+ if (changedShadow.angle !== undefined) {
+ nodeShadow.angle = changedShadow.angle;
+ }
+ if (changedShadow.color !== undefined) {
+ nodeShadow.color = changedShadow.color;
+ }
+ if (changedShadow.distance !== undefined) {
+ nodeShadow.distance = changedShadow.distance;
+ }
+ if (changedShadow.opacity !== undefined) {
+ nodeShadow.opacity = changedShadow.opacity;
+ }
+ };
+ /**
+ * updateMargin method \
+ *
+ * @returns { void } updateMargin method .\
+ * @param {Node} node - provide the node value.
+ * @param {Node} changes - provide the Node value.
+ *
+ * @private
+ */
+ Diagram.prototype.updateMargin = function (node, changes) {
+ if (changes.margin.top !== undefined) {
+ node.margin.top = changes.margin.top;
+ }
+ if (changes.margin.bottom !== undefined) {
+ node.margin.bottom = changes.margin.bottom;
+ }
+ if (changes.margin.left !== undefined) {
+ node.margin.left = changes.margin.left;
+ }
+ if (changes.margin.right !== undefined) {
+ node.margin.right = changes.margin.right;
+ }
+ };
+ Diagram.prototype.removePreviewChildren = function (preview) {
+ if (preview.children && preview.children.length &&
+ preview.shape && preview.shape.type === 'SwimLane') {
+ for (var z = 0; z < preview.children.length; z++) {
+ var previewChildId = preview.children[parseInt(z.toString(), 10)];
+ var previewIndex_1 = this.nodes.indexOf(this.nameTable["" + previewChildId]);
+ if (previewIndex_1 >= 0) {
+ this.nodes.splice(previewIndex_1, 1);
+ }
+ delete this.nameTable["" + previewChildId];
+ }
+ var previewIndex = this.nodes.indexOf(this.nameTable[this.currentSymbol.id]);
+ if (previewIndex >= 0) {
+ this.nodes.splice(previewIndex, 1);
+ }
+ }
+ };
+ Diagram.prototype.selectDragedNode = function (newObj, args, selectedSymbol) {
+ this.currentSymbol = newObj;
+ if (this.mode !== 'SVG') {
+ this.refreshDiagramLayer();
+ }
+ this.commandHandler.oldSelectedObjects = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneSelectedObjects"])(this);
+ this.commandHandler.select(newObj);
+ this.commandHandler.updateBlazorSelector();
+ this.eventHandler.mouseDown(args.event);
+ this.eventHandler.mouseMove(args.event, args);
+ this.preventDiagramUpdate = false;
+ this.updatePage();
+ selectedSymbol.style.opacity = '0';
+ };
+ //property changes - end region
+ /* tslint:disable */
+ Diagram.prototype.initDroppables = function () {
+ var _this = this;
+ // initiates droppable event
+ var childTable = {};
+ var entryTable = {};
+ var header;
+ var lane;
+ var selectedSymbols = 'selectedSymbols';
+ this.droppable = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Droppable"](this.element);
+ // this.droppable.accept = '.e-dragclone';
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ this.droppable.over = function (args) {
+ //EJ2-59341- SelectionChange OldValue argument is null
+ if (_this.previousSelectedObjects.length === 0 && !_this.currentSymbol) {
+ _this.previousSelectedObjects = _this.commandHandler.getSelectedObject();
+ }
+ _this.commandHandler.PreventConnectorSplit = true;
+ if (!_this.currentSymbol) {
+ var dragDataHelper = null;
+ if (!args.dragData && args.name === 'drag') {
+ var helper = document.getElementsByClassName('e-dragclone')[0];
+ if (helper) {
+ dragDataHelper = helper;
+ }
+ }
+ if (args.dragData || dragDataHelper) {
+ var newObj = void 0;
+ var isHorizontal = void 0;
+ document.getElementById(_this.element.id + 'content').focus();
+ var position = _this.eventHandler.getMousePosition(args.event);
+ var clonedObject = void 0;
+ var selectedSymbol = dragDataHelper || args.dragData.helper;
+ var paletteId = selectedSymbol.getAttribute('paletteId');
+ var nodeDragSize = void 0;
+ var nodePreviewSize = void 0;
+ var paletteDragSize = void 0;
+ var preview = void 0;
+ if (!paletteId && args.dragData) {
+ var arg = {
+ source: null, element: newObj, cancel: false,
+ diagram: _this,
+ dragData: args.dragData.draggedElement.ej2_instances[0].dragData,
+ dragItem: newObj
+ };
+ _this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].dragEnter, arg);
+ var newNode = void 0;
+ var newConnector = void 0;
+ // EJ2-61664 - Check whether dragItem is returned from dragEnter event or not.
+ // If it does not returned means then we do not change the treeview object as node
+ if (arg.dragItem) {
+ if (arg.dragItem.sourcePoint && arg.dragItem.targetPoint) {
+ newConnector = new _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"](_this, 'connectors', arg.dragItem, true);
+ }
+ else {
+ newNode = new _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"](_this, 'nodes', arg.dragItem, true);
+ }
+ newObj = newNode ? newNode : newConnector;
+ _this.initObject(newObj, undefined, undefined, true);
+ _this['enterObject'] = newObj;
+ _this['enterTable'] = entryTable;
+ if (newObj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ newNode.offsetX = position.x + 5 + (newNode.width) * newNode.pivot.x;
+ newNode.offsetY = position.y + (newNode.height) * newNode.pivot.y;
+ }
+ else if (newObj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ var newObjBounds = _primitives_rect__WEBPACK_IMPORTED_MODULE_17__["Rect"].toBounds([newObj.sourcePoint, newObj.targetPoint]);
+ var diffx = position.x - newObjBounds.left;
+ var diffy = position.y - newObjBounds.top;
+ newObj.sourcePoint.x += diffx;
+ newObj.sourcePoint.y += diffy;
+ newObj.targetPoint.x += diffx;
+ newObj.targetPoint.y += diffy;
+ }
+ _this.preventDiagramUpdate = true;
+ _this.currentSymbol = newObj;
+ if (_this.mode !== 'SVG') {
+ _this.refreshDiagramLayer();
+ }
+ _this.selectDragedNode(newObj, args, selectedSymbol);
+ delete _this['enterObject'];
+ delete _this['enterTable'];
+ _this.droppable["" + selectedSymbols] = selectedSymbol;
+ _this.allowServerDataBinding = true;
+ }
+ }
+ if (paletteId) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var sourceElement = document.getElementById(paletteId).ej2_instances[0];
+ var source = 'sourceElement';
+ _this.droppable["" + source] = sourceElement;
+ var childtable = 'childTable';
+ if (sourceElement) {
+ var obj = sourceElement["" + selectedSymbols];
+ _this.allowServerDataBinding = false;
+ clonedObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(sourceElement["" + selectedSymbols]);
+ childTable = sourceElement["" + childtable];
+ var wrapper = obj.wrapper.children[0].children[0];
+ preview = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getPreviewSize"])(sourceElement, clonedObject, wrapper);
+ if (sourceElement["" + selectedSymbols] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ if (obj.shape.shape === 'TextAnnotation') {
+ // eslint-disable-next-line max-len
+ clonedObject.offsetX = position.x + 11 + (preview.width) * clonedObject.pivot.x;
+ // eslint-disable-next-line max-len
+ clonedObject.offsetY = position.y + 11 + (preview.height) * clonedObject.pivot.y;
+ }
+ else {
+ // eslint-disable-next-line max-len
+ clonedObject.offsetX = position.x + 5 + (preview.width) * clonedObject.pivot.x;
+ // eslint-disable-next-line max-len
+ clonedObject.offsetY = position.y + (preview.height) * clonedObject.pivot.y;
+ }
+ var newNode = new _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"](_this, 'nodes', clonedObject, true);
+ if (newNode.shape.type === 'Bpmn' && newNode.shape.activity.subProcess.processes
+ && newNode.shape.activity.subProcess.processes.length) {
+ newNode.shape.activity.subProcess.processes = [];
+ }
+ nodeDragSize = newNode.dragSize;
+ nodePreviewSize = newNode.previewSize;
+ paletteDragSize = sourceElement['symbolDragSize'];
+ var palettePreview = sourceElement['symbolPreview'];
+ // eslint-disable-next-line max-len
+ newNode.width = nodeDragSize.width || paletteDragSize.width || nodePreviewSize.width || palettePreview.width || newNode.width;
+ // eslint-disable-next-line max-len
+ newNode.height = nodeDragSize.height || paletteDragSize.height || nodePreviewSize.height || palettePreview.height || newNode.height;
+ if (newNode.shape.type === 'SwimLane') {
+ _this.diagramActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventHistory;
+ if (newNode.shape.isLane) {
+ newNode.children = [];
+ header = {
+ id: 'header' + Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["randomId"])()
+ };
+ if (newNode.shape.orientation === 'Horizontal') {
+ header.width = newNode.shape.lanes[0].header.width;
+ header.height = newNode.shape.lanes[0].height;
+ }
+ else {
+ header.width = newNode.shape.lanes[0].width;
+ header.height = newNode.shape.lanes[0].header.height;
+ }
+ header.style = newNode.shape.lanes[0].header.style;
+ header.offsetX = position.x + 5 + header.width / 2;
+ header.offsetY = position.y + header.height / 2;
+ _this.diagramActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventCollectionChangeOnDragOver;
+ header = _this.add(header);
+ lane = {
+ id: 'body' + Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["randomId"])()
+ };
+ if (newNode.shape.orientation === 'Horizontal') {
+ lane.width = newNode.shape.lanes[0].width - header.width;
+ lane.height = newNode.shape.lanes[0].height;
+ // eslint-disable-next-line max-len
+ lane.offsetX = position.x + 5 + (newNode.shape.lanes[0].header.width + (lane.width / 2));
+ lane.offsetY = position.y + lane.height / 2;
+ }
+ else {
+ lane.width = newNode.shape.lanes[0].width;
+ lane.height = newNode.shape.lanes[0].height - header.height;
+ lane.offsetX = position.x + 5 + lane.width / 2;
+ // eslint-disable-next-line max-len
+ lane.offsetY = position.y + (newNode.shape.lanes[0].header.height + (lane.height / 2));
+ }
+ lane.style = newNode.shape.lanes[0].style;
+ lane = _this.add(lane);
+ var group = {
+ id: 'group' + Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["randomId"])(),
+ children: [header.id, lane.id]
+ };
+ group.shape = newNode.shape;
+ group.width = newNode.shape.lanes[0].width;
+ group.height = newNode.shape.lanes[0].height;
+ group.previewSize = newNode.previewSize;
+ group.dragSize = newNode.dragSize;
+ group.addInfo = newNode.addInfo;
+ newNode = _this.add(group);
+ _this.diagramActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventCollectionChangeOnDragOver;
+ }
+ _this.diagramActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramAction"].PreventHistory;
+ }
+ if (newNode.shape.isPhase) {
+ isHorizontal = (newNode.shape.orientation === 'Horizontal') ? true : false;
+ if (isHorizontal) {
+ newNode.offsetX = position.x + 5 + (newNode.width || wrapper.actualSize.width) / 2;
+ newNode.offsetY = position.y;
+ newNode.shape.data =
+ 'M' + 20 + ',' + (newNode.height / 2) + ' L' + (newNode.width - 20) + ',' +
+ (newNode.height / 2) + 'z';
+ newNode.height = 1;
+ }
+ else {
+ newNode.offsetX = position.x + 5;
+ newNode.offsetY = position.y + (newNode.height || wrapper.actualSize.height) / 2;
+ newNode.shape.data =
+ 'M' + (newNode.width / 2) + ',' + 20 + ' L' + (newNode.width / 2) +
+ ',' + (newNode.height - 20) + 'z';
+ newNode.width = 1;
+ }
+ }
+ newObj = newNode;
+ if (clonedObject.children) {
+ var parentNode = clonedObject;
+ var tempTable = {};
+ entryTable = _this.getChildren(parentNode, tempTable, childTable);
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["arrangeChild"])(parentNode, -parentNode.offsetX, -parentNode.offsetY, entryTable, true, _this);
+ }
+ }
+ else if (sourceElement["" + selectedSymbols] instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ newObj = new _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"](_this, 'connectors', clonedObject, true);
+ var bounds = _primitives_rect__WEBPACK_IMPORTED_MODULE_17__["Rect"].toBounds([newObj.sourcePoint, newObj.targetPoint]);
+ var tx = position.x - bounds.left;
+ var ty = position.y - bounds.top;
+ newObj.sourcePoint.x += tx;
+ newObj.sourcePoint.y += ty;
+ newObj.targetPoint.x += tx;
+ newObj.targetPoint.y += ty;
+ }
+ if (!newObj.shape.isLane) {
+ newObj.id += Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["randomId"])();
+ }
+ var arg = {
+ source: sourceElement, element: newObj, cancel: false,
+ diagram: _this, dragData: null, dragItem: newObj
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ arg = _this.getBlazorDragEventArgs(arg);
+ }
+ _this['enterObject'] = newObj;
+ _this['enterTable'] = entryTable;
+ _this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].dragEnter, arg);
+ if ((newObj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) && newObj.shape.type === 'SwimLane' && newObj.shape.isLane) {
+ var swimLaneObj = arg.element;
+ var laneObj = swimLaneObj.shape.lanes[0];
+ //let child1: NodeModel; let child2: NodeModel;
+ isHorizontal = (swimLaneObj.shape.orientation === 'Horizontal') ? true : false;
+ var child1 = _this.nameTable[newObj.children[0]];
+ var child2 = _this.nameTable[newObj.children[1]];
+ nodeDragSize = newObj.dragSize;
+ nodePreviewSize = newObj.previewSize;
+ paletteDragSize = sourceElement['symbolDragSize'];
+ laneObj.width = nodeDragSize.width || paletteDragSize.width || nodePreviewSize.width || laneObj.width;
+ laneObj.height = nodeDragSize.height || paletteDragSize.height || nodePreviewSize.height || laneObj.height;
+ if (isHorizontal) {
+ header.width = laneObj.header.width;
+ header.height = laneObj.height;
+ lane.width = laneObj.width - header.width;
+ lane.height = laneObj.height;
+ lane.offsetX = position.x + 5 + (laneObj.header.width + (child2.width / 2));
+ lane.offsetY = position.y + child2.height / 2;
+ }
+ else {
+ header.width = laneObj.width;
+ header.height = laneObj.header.height;
+ lane.width = laneObj.width;
+ lane.height = laneObj.height - header.height;
+ lane.offsetX = position.x + 5 + child2.width / 2;
+ lane.offsetY = position.y + (laneObj.header.height + (child2.height / 2));
+ }
+ header.offsetX = position.x + 5 + child1.width / 2;
+ header.offsetY = position.y + child1.height / 2;
+ newObj.width = laneObj.width;
+ newObj.height = laneObj.height;
+ }
+ if ((newObj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) && newObj.shape.isPhase) {
+ if (isHorizontal) {
+ newObj.height = 1;
+ }
+ else {
+ newObj.width = 1;
+ }
+ }
+ if (!_this.activeLayer.lock && !arg.cancel) {
+ _this.preventDiagramUpdate = true;
+ if (newObj.children) {
+ _this.findChild(newObj, entryTable);
+ }
+ _this.preventDiagramUpdate = true;
+ if (newObj.zIndex !== -1) {
+ newObj.zIndex = -1;
+ }
+ _this.initObject(newObj, undefined, undefined, true);
+ _this.selectDragedNode(newObj, args, selectedSymbol);
+ }
+ delete _this['enterObject'];
+ delete _this['enterTable'];
+ }
+ _this.droppable["" + selectedSymbols] = selectedSymbol;
+ _this.allowServerDataBinding = true;
+ }
+ }
+ }
+ else {
+ if (args.event.touches && args.event.touches.length) {
+ _this.eventHandler.mouseMove(args.event, args.event.touches);
+ }
+ }
+ };
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ this.droppable.drop = function (args) { return __awaiter(_this, void 0, void 0, function () {
+ var source, value, isPhase, orientation_2, isConnector, arg, id, clonedObject, nodeId, newObj, arg, clonedObject, id, selectedSymbols, draggableElement, i;
+ return __generator(this, function (_a) {
+ switch (_a.label) {
+ case 0:
+ this.allowServerDataBinding = false;
+ source = 'sourceElement';
+ if (!this.currentSymbol) return [3 /*break*/, 4];
+ isPhase = false;
+ isConnector = (this.currentSymbol instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) ? true : false;
+ if (args.event.touches) {
+ this.eventHandler.mouseUp(args.event);
+ }
+ arg = void 0;
+ arg = {
+ source: this.droppable["" + source],
+ element: this.currentSymbol,
+ target: this.eventHandler['hoverNode'] || this.eventHandler['lastObjectUnderMouse'] || this, cancel: false,
+ position: { x: this.currentSymbol.wrapper.offsetX, y: this.currentSymbol.wrapper.offsetY }
+ };
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) return [3 /*break*/, 2];
+ arg = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(this.droppable["" + source]),
+ // eslint-disable-next-line max-len
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(this.currentSymbol) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] ? { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(this.currentSymbol) } : { node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(this.currentSymbol) },
+ cancel: false, target: {},
+ position: { x: this.currentSymbol.wrapper.offsetX, y: this.currentSymbol.wrapper.offsetY }
+ };
+ // eslint-disable-next-line max-len
+ this.getDropEventArgs(arg);
+ return [4 /*yield*/, this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].drop, arg)];
+ case 1:
+ arg = (_a.sent()) || arg;
+ return [3 /*break*/, 3];
+ case 2:
+ this.commandHandler.PreventConnectorSplit = false;
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].drop, arg);
+ _a.label = 3;
+ case 3:
+ id = 'id';
+ clonedObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(this.currentSymbol);
+ clonedObject['hasTarget'] = this.currentSymbol['hasTarget'];
+ this.removeFromAQuad(this.currentSymbol);
+ this.removeObjectsFromLayer(this.nameTable[this.currentSymbol.id]);
+ this.removeElements(this.currentSymbol);
+ if (this.currentSymbol.shape.isLane ||
+ this.currentSymbol.shape.isPhase) {
+ this.removeChildInNodes(this.currentSymbol);
+ }
+ if (arg.cancel) {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["removeChildNodes"])(this.currentSymbol, this);
+ }
+ if (this.currentSymbol.shape.isPhase) {
+ isPhase = true;
+ orientation_2 = this.currentSymbol.shape.orientation;
+ }
+ this.removePreviewChildren(this.currentSymbol);
+ delete this.nameTable[this.currentSymbol.id];
+ this.currentSymbol = null;
+ this.protectPropertyChange(true);
+ if (!arg.cancel) {
+ this.startGroupAction();
+ if (clonedObject && (clonedObject.shape.isLane || isPhase)) {
+ if (isPhase) {
+ clonedObject.shape.isPhase = isPhase;
+ clonedObject.shape.orientation = orientation_2;
+ }
+ this.eventHandler.addSwimLaneObject(clonedObject);
+ }
+ if (clonedObject.shape.type === 'Bpmn' && clonedObject.shape.annotation
+ && clonedObject['hasTarget']) {
+ nodeId = clonedObject.shape.annotation.nodeId;
+ clonedObject.shape.annotation.id = clonedObject.id;
+ this.addTextAnnotation(clonedObject.shape.annotation, this.nameTable["" + nodeId]);
+ clonedObject.nodeId = '';
+ }
+ if (!clonedObject.shape.isLane && !isPhase) {
+ if (clonedObject.children) {
+ this.addChildNodes(clonedObject);
+ }
+ if (arg.target && (arg.target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) && !isConnector && Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_38__["checkParentAsContainer"])(this, arg.target)
+ && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canAllowDrop"])(arg.target)) {
+ Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_38__["addChildToContainer"])(this, arg.target, clonedObject);
+ }
+ else {
+ // EJ2-62652 - Added below code to empty the segment collection if connector type is bezier
+ if (clonedObject.type === 'Bezier' && clonedObject.segments.length > 0) {
+ clonedObject.segments = [];
+ }
+ value = this.add(clonedObject, true);
+ }
+ if ((clonedObject || value) && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_31__["canSingleSelect"])(this)) {
+ this.select([this.nameTable[clonedObject["" + id]]], false, this.previousSelectedObjects);
+ }
+ if (arg.target && arg.target instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ if (this.enableConnectorSplit === true) {
+ if (this.nameTable[clonedObject["" + id]] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"]) {
+ this.commandHandler.connectorSplit(this.nameTable[clonedObject["" + id]], arg.target);
+ this.commandHandler.PreventConnectorSplit = false;
+ }
+ }
+ }
+ }
+ }
+ else {
+ this.clearSelectorLayer();
+ }
+ this.protectPropertyChange(false);
+ newObj = this.nameTable[clonedObject["" + id]];
+ if (clonedObject['hasTarget']) {
+ clonedObject.nodeId = clonedObject['hasTarget'];
+ this.remove(clonedObject);
+ }
+ if (this.bpmnModule && newObj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"] && clonedObject.processId) {
+ newObj.processId = clonedObject.processId;
+ this.bpmnModule.dropBPMNchild(this.nameTable[newObj.processId], newObj, this);
+ }
+ if (!arg.cancel) {
+ this.endGroupAction();
+ }
+ if (this.mode !== 'SVG') {
+ this.refreshDiagramLayer();
+ }
+ delete this.droppable["" + source];
+ return [3 /*break*/, 5];
+ case 4:
+ arg = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(args.droppedElement),
+ element: undefined,
+ target: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(this.eventHandler['hoverNode'] || (this.eventHandler['lastObjectUnderMouse']) || this), cancel: false,
+ position: undefined
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ arg = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(args.droppedElement),
+ element: undefined,
+ cancel: false,
+ position: undefined,
+ target: {}
+ };
+ this.getDropEventArgs(arg);
+ }
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].drop, arg);
+ clonedObject = void 0;
+ id = 'id';
+ _a.label = 5;
+ case 5:
+ selectedSymbols = 'selectedSymbols';
+ // eslint-disable-next-line max-len
+ if (this.droppable["" + selectedSymbols] && this.droppable["" + selectedSymbols].parentNode) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(this.droppable["" + selectedSymbols]);
+ }
+ else {
+ draggableElement = document.getElementsByClassName('e-dragclone');
+ for (i = 0; i < draggableElement.length; i++) {
+ draggableElement[parseInt(i.toString(), 10)].remove();
+ }
+ }
+ this.allowServerDataBinding = true;
+ this.previousSelectedObjects = [];
+ return [2 /*return*/];
+ }
+ });
+ }); };
+ this.droppable.out = function (args) {
+ // EJ2-57221 - Added the below code to check if we drag the node from symbol palette using touch or mouse.
+ if (args.evt.type === 'touchmove') {
+ _this.eventHandler.mouseLeave(args.evt);
+ }
+ if (_this.currentSymbol && (!_this.eventHandler.focus)) {
+ _this.unSelect(_this.currentSymbol);
+ _this.removeFromAQuad(_this.currentSymbol);
+ if (_this.mode !== 'SVG' && _this.currentSymbol.shape.type === 'Native') {
+ _this.removeElements(_this.currentSymbol);
+ }
+ _this.removeObjectsFromLayer(_this.nameTable[_this.currentSymbol.id]);
+ _this.removePreviewChildren(_this.currentSymbol);
+ delete _this.nameTable[_this.currentSymbol.id];
+ var args_1 = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(_this.currentSymbol),
+ diagram: _this
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ args_1 = _this.getBlazorDragLeaveEventArgs(args_1);
+ }
+ _this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramEvent"].dragLeave, args_1);
+ if (_this.mode !== 'SVG') {
+ _this.refreshDiagramLayer();
+ }
+ else {
+ _this.removeElements(_this.currentSymbol);
+ //EJ2-833020-To remove the child element from the group node while dragging the group node from palette
+ if (_this.currentSymbol.children && _this.currentSymbol.children.length > 0) {
+ for (var i = 0; i < _this.currentSymbol.children.length; i++) {
+ var child = _this.nameTable[_this.currentSymbol.children[parseInt(i.toString(), 10)]];
+ _this.removeElements(child);
+ delete _this.nameTable[_this.currentSymbol.children[parseInt(i.toString(), 10)]];
+ }
+ }
+ }
+ _this.currentSymbol = null;
+ var selectedSymbols_1 = 'selectedSymbols';
+ _this.droppable["" + selectedSymbols_1].style.opacity = '1';
+ var source = 'sourceElement';
+ delete _this.droppable["" + source];
+ _this.diagramRenderer.rendererActions =
+ _this.removeConstraints(_this.diagramRenderer.rendererActions, _enum_enum__WEBPACK_IMPORTED_MODULE_14__["RendererAction"].DrawSelectorBorder);
+ if (_this.previousSelectedObject) {
+ _this.select(_this.previousSelectedObject, _this.previousSelectedObject.length > 1 ? true : false);
+ }
+ _this.previousSelectedObject = null;
+ }
+ };
+ };
+ Diagram.prototype.getBlazorDragLeaveEventArgs = function (args) {
+ args = {
+ diagramId: this.element.id,
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(args.element) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] ? { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(args.element) }
+ : { node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(args.element) }
+ };
+ return args;
+ };
+ Diagram.prototype.getDropEventArgs = function (arg) {
+ if ((this.eventHandler['lastObjectUnderMouse'] || this.eventHandler['hoverNode'])) {
+ var object = this.eventHandler['lastObjectUnderMouse'] || this.eventHandler['hoverNode'];
+ // eslint-disable-next-line max-len
+ arg.target = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(object) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] ? { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(object) } : { node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(object) };
+ }
+ else {
+ arg.target.diagramId = this.element.id;
+ }
+ };
+ Diagram.prototype.removeChildInNodes = function (node) {
+ if (node) {
+ if (node.children) {
+ for (var i = 0; i < node.children.length; i++) {
+ this.removeChildInNodes(this.nameTable[node.children[parseInt(i.toString(), 10)]]);
+ }
+ }
+ var index = this.nodes.indexOf(node);
+ if (index !== -1) {
+ this.nodes.splice(index, 1);
+ }
+ }
+ };
+ Diagram.prototype.getBlazorDragEventArgs = function (args) {
+ args = {
+ // eslint-disable-next-line max-len
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(args.source), element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(args.element) === _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] ? { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(args.element) }
+ : { node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(args.element) },
+ cancel: args.cancel, diagramId: this.element.id
+ };
+ return args;
+ };
+ Diagram.prototype.findChild = function (node, childTable) {
+ var group;
+ var newNode;
+ for (var i = 0; i < node.children.length; i++) {
+ group = childTable[node.children[parseInt(i.toString(), 10)]];
+ if (group) {
+ if (group.children) {
+ this.findChild(group, childTable);
+ }
+ group.id = group.id + Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["randomId"])();
+ childTable[group.id] = group;
+ node.children[parseInt(i.toString(), 10)] = group.id;
+ newNode = new _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"](this, 'nodes', group, true);
+ this.initObject(newNode, undefined, undefined, true);
+ //this.add(group, true);
+ }
+ }
+ };
+ Diagram.prototype.getChildren = function (node, entryTable, childTable) {
+ var temp;
+ for (var i = 0; i < node.children.length; i++) {
+ temp = (childTable[node.children[parseInt(i.toString(), 10)]]);
+ if (temp) {
+ if (temp.children) {
+ entryTable = this.getChildren(temp, entryTable, childTable);
+ }
+ entryTable[temp.id] = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_32__["cloneObject"])(temp);
+ }
+ }
+ return entryTable;
+ };
+ Diagram.prototype.addChildNodes = function (node) {
+ var temp;
+ for (var i = 0; i < node.children.length; i++) {
+ temp = (this.nameTable[node.children[parseInt(i.toString(), 10)]]);
+ if (temp) {
+ if (temp.children) {
+ this.addChildNodes(temp);
+ }
+ this.add(temp, true);
+ }
+ }
+ };
+ Diagram.prototype.moveNode = function (node) {
+ var currentLayer = this.commandHandler.getObjectLayer(node.id);
+ var index = currentLayer.zIndex;
+ var length = currentLayer.objects.length;
+ var targetLayer;
+ for (var i = 0; i < this.layers.length; i++) {
+ if (index === this.layers[parseInt(i.toString(), 10)].zIndex) {
+ targetLayer = this.layers[i + 1];
+ }
+ }
+ if (length > 1) {
+ // Bug 830365: Exception raised on adding group node in layers dynamically.
+ // Added below code to check the group node and iterate its children in layer to find the last object in the layer.
+ var num = 2;
+ if (node.children && node.children.length > 0) {
+ while (node.children.indexOf(currentLayer.objects[length - num]) > -1) {
+ num++;
+ }
+ }
+ this.commandHandler.moveSvgNode(node.id, currentLayer.objects[length - num]);
+ this.commandHandler.moveSvgNode(currentLayer.objects[length - num], node.id);
+ }
+ else {
+ if (targetLayer) {
+ var targetObject = this.commandHandler.getLayer(this.layerZIndexTable[targetLayer.zIndex]).objects[0];
+ if (targetObject) {
+ this.commandHandler.moveSvgNode(node.id, targetObject);
+ this.commandHandler.updateNativeNodeIndex(node.id, targetObject);
+ }
+ else {
+ this.moveObjectsUp(node, currentLayer);
+ }
+ }
+ else {
+ this.moveObjectsUp(node, currentLayer);
+ }
+ }
+ };
+ /**
+ * moves the node or connector forward within given layer \
+ *
+ * @returns { void } moves the node or connector forward within given layer .\
+ * @param {Node | Connector} node - provide the source value.
+ * @param {LayerModel} currentLayer - provide the source value.
+ *
+ */
+ Diagram.prototype.moveObjectsUp = function (node, currentLayer) {
+ var targetLayer;
+ for (var i = this.layers.length - 1; i >= 0; i--) {
+ targetLayer = this.layers[parseInt(i.toString(), 10)];
+ if (currentLayer.id !== targetLayer.id) {
+ // eslint-disable-next-line max-len
+ var targetObject = this.commandHandler.getLayer(this.layerZIndexTable[targetLayer.zIndex]).objects[targetLayer.objects.length - 1];
+ if (targetObject) {
+ this.commandHandler.moveSvgNode(node.id, targetObject);
+ this.commandHandler.moveSvgNode(targetObject, node.id);
+ break;
+ }
+ }
+ }
+ };
+ /**
+ * Inserts newly added element into the database \
+ *
+ * @returns { void } Inserts newly added element into the database .\
+ * @param {Node | Connector} node - provide the source value.
+ *
+ */
+ Diagram.prototype.insertData = function (node) {
+ return this.crudOperation(node, 'create', this.getNewUpdateNodes('New'));
+ };
+ /**
+ * updates the user defined element properties into the existing database \
+ *
+ * @returns { void } Removes the user deleted element from the existing database .\
+ * @param {Node | Connector} node - provide the source value.
+ *
+ */
+ Diagram.prototype.updateData = function (node) {
+ return this.crudOperation(node, 'update', this.getNewUpdateNodes('Update'));
+ };
+ /**
+ * Removes the user deleted element from the existing database \
+ *
+ * @returns { void } Removes the user deleted element from the existing database .\
+ * @param {Node | Connector} node - provide the source value.
+ *
+ */
+ Diagram.prototype.removeData = function (node) {
+ return this.crudOperation(node, 'destroy', this.getDeletedNodes());
+ };
+ Diagram.prototype.crudOperation = function (node, crud, getNodesCollection) {
+ if (node) {
+ var data = this.parameterMap(node, node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] ? false : true);
+ if (data) {
+ // eslint-disable-next-line max-len
+ var url = node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"] ? this.dataSourceSettings.connectionDataSource.crudAction["" + crud] : this.dataSourceSettings.crudAction["" + crud];
+ this.raiseAjaxPost(JSON.stringify(data), url);
+ }
+ return data;
+ }
+ else {
+ var newObjects = getNodesCollection;
+ // eslint-disable-next-line max-len
+ this.processCrudCollection(newObjects, this.dataSourceSettings.crudAction["" + crud], this.dataSourceSettings.connectionDataSource.crudAction["" + crud]);
+ return newObjects;
+ }
+ };
+ Diagram.prototype.processCrudCollection = function (newObjects, nodeCrudAction, connectorCrudAction) {
+ if (newObjects.nodes) {
+ var data = [];
+ var i = void 0;
+ for (i = 0; i < newObjects.nodes.length; i++) {
+ data.push(this.parameterMap(newObjects.nodes[parseInt(i.toString(), 10)], true));
+ }
+ if (data && data.length > 0) {
+ this.raiseAjaxPost(JSON.stringify(data), nodeCrudAction);
+ }
+ }
+ if (newObjects.connectors) {
+ var data = [];
+ var i = void 0;
+ for (i = 0; i < newObjects.connectors.length; i++) {
+ data.push(this.parameterMap(newObjects.connectors[parseInt(i.toString(), 10)], false));
+ }
+ if (data && data.length > 0) {
+ this.raiseAjaxPost(JSON.stringify(data), connectorCrudAction);
+ }
+ }
+ };
+ Diagram.prototype.parameterMap = function (object, isNode) {
+ var mappingObj = {};
+ var i;
+ var fields = isNode ? this.dataSourceSettings : this.dataSourceSettings.connectionDataSource;
+ if (fields.id) {
+ mappingObj[fields.id] = object.id;
+ }
+ if (fields.sourcePointX && fields.sourcePointY) {
+ mappingObj[fields.sourcePointX] = object.sourcePoint.x;
+ mappingObj[fields.sourcePointY] = object.sourcePoint.y;
+ }
+ if (fields.targetPointX && fields.targetPointY) {
+ mappingObj[fields.targetPointX] = object.targetPoint.x;
+ mappingObj[fields.targetPointY] = object.targetPoint.y;
+ }
+ if (fields.sourceID) {
+ mappingObj[fields.sourceID] = object.sourceID;
+ }
+ if (fields.targetID) {
+ mappingObj[fields.targetID] = object.targetID;
+ }
+ if (fields.crudAction && fields.crudAction.customFields && fields.crudAction.customFields.length > 0) {
+ for (i = 0; i < fields.crudAction.customFields.length; i++) {
+ mappingObj[fields.crudAction.customFields[parseInt(i.toString(), 10)]] = object[fields.crudAction.customFields[parseInt(i.toString(), 10)]];
+ }
+ }
+ return mappingObj;
+ };
+ Diagram.prototype.getNewUpdateNodes = function (status) {
+ var nodes = [];
+ var connectors = [];
+ // eslint-disable-next-line guard-for-in
+ for (var name_1 in this.nameTable) {
+ var node = this.nameTable["" + name_1];
+ if (node.status === status) {
+ if (node && node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"]) {
+ node.status = 'None';
+ connectors.push(node);
+ }
+ else {
+ node.status = 'None';
+ nodes.push(node);
+ }
+ }
+ }
+ return { nodes: nodes, connectors: connectors };
+ };
+ Diagram.prototype.getDeletedNodes = function () {
+ var nodes = [];
+ var connectors = [];
+ var i;
+ for (i = 0; i < this.crudDeleteNodes.length; i++) {
+ var node = this.crudDeleteNodes[parseInt(i.toString(), 10)];
+ if (node && node.segments) {
+ connectors.push(node);
+ }
+ else if (node) {
+ nodes.push(node);
+ }
+ }
+ this.crudDeleteNodes = [];
+ return { nodes: nodes, connectors: connectors };
+ };
+ Diagram.prototype.raiseAjaxPost = function (value, url) {
+ var callback = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Fetch"](url, 'POST', 'application/json');
+ var data = JSON.stringify(JSON.parse(value));
+ callback.send(data).then();
+ /* eslint-disable */
+ callback.onSuccess = function (data) {
+ };
+ /* eslint-enable */
+ };
+ Diagram.prototype.getHiddenItems = function (args) {
+ var hiddenItems = [];
+ if (this.contextMenuModule) {
+ this.contextMenuModule.hiddenItems = [];
+ for (var _i = 0, _a = args.items; _i < _a.length; _i++) {
+ var item = _a[_i];
+ this.contextMenuModule.ensureItems(item, args.event);
+ if (item.items && item.items.length) {
+ for (var _b = 0, _c = item.items; _b < _c.length; _b++) {
+ var newItem = _c[_b];
+ this.contextMenuModule.ensureItems(newItem, args.event);
+ }
+ }
+ }
+ return this.contextMenuModule.hiddenItems;
+ }
+ return hiddenItems;
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('100%')
+ ], Diagram.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Diagram.prototype, "enableConnectorSplit", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('SVG')
+ ], Diagram.prototype, "mode", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('100%')
+ ], Diagram.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Rhombus')
+ ], Diagram.prototype, "segmentThumbShape", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _diagram_keyboard_commands__WEBPACK_IMPORTED_MODULE_30__["ContextMenuSettings"])
+ ], Diagram.prototype, "contextMenuSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramConstraints"].Default)
+ ], Diagram.prototype, "constraints", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(_enum_enum__WEBPACK_IMPORTED_MODULE_14__["DiagramTools"].Default)
+ ], Diagram.prototype, "tool", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Top')
+ ], Diagram.prototype, "bridgeDirection", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('transparent')
+ ], Diagram.prototype, "backgroundColor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _diagram_grid_lines__WEBPACK_IMPORTED_MODULE_10__["SnapSettings"])
+ ], Diagram.prototype, "snapSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _diagram_ruler_settings__WEBPACK_IMPORTED_MODULE_11__["RulerSettings"])
+ ], Diagram.prototype, "rulerSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _diagram_page_settings__WEBPACK_IMPORTED_MODULE_4__["PageSettings"])
+ ], Diagram.prototype, "pageSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _diagram_serialization_settings__WEBPACK_IMPORTED_MODULE_40__["SerializationSettings"])
+ ], Diagram.prototype, "serializationSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], _objects_node__WEBPACK_IMPORTED_MODULE_7__["Node"])
+ ], Diagram.prototype, "nodes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "drawingObject", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], _objects_connector__WEBPACK_IMPORTED_MODULE_9__["Connector"])
+ ], Diagram.prototype, "connectors", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])([])
+ ], Diagram.prototype, "basicElements", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _objects_tooltip__WEBPACK_IMPORTED_MODULE_33__["DiagramTooltip"])
+ ], Diagram.prototype, "tooltip", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _diagram_data_source__WEBPACK_IMPORTED_MODULE_22__["DataSource"])
+ ], Diagram.prototype, "dataSourceSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "addInfo", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "historyManager", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "nodeTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "annotationTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "userHandleTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "getNodeDefaults", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "nodeDefaults", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "getConnectorDefaults", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "connectorDefaults", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "setNodeTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "getDescription", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "getCustomProperty", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "getCustomTool", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "getCustomCursor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], _diagram_custom_cursor__WEBPACK_IMPORTED_MODULE_41__["CustomCursorAction"])
+ ], Diagram.prototype, "customCursor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Diagram.prototype, "updateSelection", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _diagram_diagram_settings__WEBPACK_IMPORTED_MODULE_42__["DiagramSettings"])
+ ], Diagram.prototype, "diagramSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _objects_node__WEBPACK_IMPORTED_MODULE_7__["Selector"])
+ ], Diagram.prototype, "selectedItems", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _diagram_page_settings__WEBPACK_IMPORTED_MODULE_4__["ScrollSettings"])
+ ], Diagram.prototype, "scrollSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _layout_layout_base__WEBPACK_IMPORTED_MODULE_23__["Layout"])
+ ], Diagram.prototype, "layout", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _diagram_keyboard_commands__WEBPACK_IMPORTED_MODULE_30__["CommandManager"])
+ ], Diagram.prototype, "commandManager", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "dataLoaded", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "dragEnter", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "dragLeave", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "dragOver", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "click", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "historyChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "historyStateChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "doubleClick", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "textEdit", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "scrollChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "mouseWheel", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "selectionChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "sizeChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "connectionChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "sourcePointChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "targetPointChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "propertyChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "positionChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "keyUp", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "keyDown", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "animationComplete", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "rotateChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "collectionChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "fixedUserHandleClick", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "onUserHandleMouseDown", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "onUserHandleMouseUp", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "onUserHandleMouseEnter", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "onUserHandleMouseLeave", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "segmentCollectionChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "onImageLoad", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "expandStateChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "mouseEnter", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "mouseLeave", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "mouseOver", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "elementDraw", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "contextMenuOpen", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "contextMenuBeforeItemRender", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "contextMenuClick", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "commandExecute", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], _diagram_layer__WEBPACK_IMPORTED_MODULE_35__["Layer"])
+ ], Diagram.prototype, "layers", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "drop", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Diagram.prototype, "segmentChange", void 0);
+ return Diagram;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/custom-cursor.js":
+/*!*************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/custom-cursor.js ***!
+ \*************************************************************************************/
+/*! exports provided: CustomCursorAction */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CustomCursorAction", function() { return CustomCursorAction; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+/**
+ * A collection of JSON objects where each object represents a layer.
+ * Layer is a named category of diagram shapes.
+ */
+var CustomCursorAction = /** @__PURE__ @class */ (function (_super) {
+ __extends(CustomCursorAction, _super);
+ function CustomCursorAction() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], CustomCursorAction.prototype, "action", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], CustomCursorAction.prototype, "cursor", void 0);
+ return CustomCursorAction;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/data-mapping.js":
+/*!************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/data-mapping.js ***!
+ \************************************************************************************/
+/*! exports provided: DataMappingItems */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DataMappingItems", function() { return DataMappingItems; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+/**
+ * A collection of JSON objects where each object represents a layer.
+ * Layer is a named category of diagram shapes.
+ */
+var DataMappingItems = /** @__PURE__ @class */ (function (_super) {
+ __extends(DataMappingItems, _super);
+ function DataMappingItems() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], DataMappingItems.prototype, "property", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], DataMappingItems.prototype, "field", void 0);
+ return DataMappingItems;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/data-source.js":
+/*!***********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/data-source.js ***!
+ \***********************************************************************************/
+/*! exports provided: CrudAction, ConnectionDataSource, DataSource */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CrudAction", function() { return CrudAction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectionDataSource", function() { return ConnectionDataSource; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DataSource", function() { return DataSource; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _data_mapping__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./data-mapping */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/data-mapping.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+/**
+ * Configures the data source that is to be bound with diagram
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let data: object[] = [
+ * { Name: "Elizabeth", Role: "Director" },
+ * { Name: "Christina", ReportingPerson: "Elizabeth", Role: "Manager" },
+ * { Name: "Yoshi", ReportingPerson: "Christina", Role: "Lead" },
+ * { Name: "Philip", ReportingPerson: "Christina", Role: "Lead" },
+ * { Name: "Yang", ReportingPerson: "Elizabeth", Role: "Manager" },
+ * { Name: "Roland", ReportingPerson: "Yang", Role: "Lead" },
+ * { Name: "Yvonne", ReportingPerson: "Yang", Role: "Lead" }
+ * ];
+ * let items: DataManager = new DataManager(data as JSON[]);
+ * let diagram: Diagram = new Diagram({
+ * ...
+ * layout: {
+ * type: 'OrganizationalChart'
+ * },
+ * dataSourceSettings: {
+ * id: 'Name', parentId: 'ReportingPerson', dataManager: items,
+ * }
+ * ...
+ * });
+ * diagram.appendTo('#diagram');
+ * ```
+ */
+var CrudAction = /** @__PURE__ @class */ (function (_super) {
+ __extends(CrudAction, _super);
+ function CrudAction() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], CrudAction.prototype, "read", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], CrudAction.prototype, "create", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], CrudAction.prototype, "update", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], CrudAction.prototype, "destroy", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], CrudAction.prototype, "customFields", void 0);
+ return CrudAction;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+var ConnectionDataSource = /** @__PURE__ @class */ (function (_super) {
+ __extends(ConnectionDataSource, _super);
+ function ConnectionDataSource() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ConnectionDataSource.prototype, "id", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ConnectionDataSource.prototype, "sourceID", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ConnectionDataSource.prototype, "targetID", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], ConnectionDataSource.prototype, "sourcePointX", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], ConnectionDataSource.prototype, "sourcePointY", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], ConnectionDataSource.prototype, "targetPointX", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], ConnectionDataSource.prototype, "targetPointY", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], ConnectionDataSource.prototype, "dataManager", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, CrudAction)
+ ], ConnectionDataSource.prototype, "crudAction", void 0);
+ return ConnectionDataSource;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+var DataSource = /** @__PURE__ @class */ (function (_super) {
+ __extends(DataSource, _super);
+ function DataSource() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], DataSource.prototype, "id", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], DataSource.prototype, "dataManager", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], DataSource.prototype, "dataSource", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], DataSource.prototype, "root", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], DataSource.prototype, "parentId", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], DataSource.prototype, "doBinding", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], _data_mapping__WEBPACK_IMPORTED_MODULE_1__["DataMappingItems"])
+ ], DataSource.prototype, "dataMapSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, CrudAction)
+ ], DataSource.prototype, "crudAction", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, ConnectionDataSource)
+ ], DataSource.prototype, "connectionDataSource", void 0);
+ return DataSource;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/grid-lines.js":
+/*!**********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/grid-lines.js ***!
+ \**********************************************************************************/
+/*! exports provided: Gridlines, SnapSettings */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Gridlines", function() { return Gridlines; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SnapSettings", function() { return SnapSettings; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+/**
+ * Provides a visual guidance while dragging or arranging the objects on the Diagram surface
+ */
+var Gridlines = /** @__PURE__ @class */ (function (_super) {
+ __extends(Gridlines, _super);
+ function Gridlines() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('lightgray')
+ ], Gridlines.prototype, "lineColor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Gridlines.prototype, "lineDashArray", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])([1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75])
+ ], Gridlines.prototype, "lineIntervals", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])([1, 19, 0.5, 19.5, 0.5, 19.5, 0.5, 19.5, 0.5, 19.5])
+ ], Gridlines.prototype, "dotIntervals", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])([20])
+ ], Gridlines.prototype, "snapIntervals", void 0);
+ return Gridlines;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Defines the gridlines and defines how and when the objects have to be snapped
+ *
+ * @default {}
+ */
+var SnapSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(SnapSettings, _super);
+ function SnapSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, Gridlines)
+ ], SnapSettings.prototype, "horizontalGridlines", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, Gridlines)
+ ], SnapSettings.prototype, "verticalGridlines", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(_enum_enum__WEBPACK_IMPORTED_MODULE_1__["SnapConstraints"].All)
+ ], SnapSettings.prototype, "constraints", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(5)
+ ], SnapSettings.prototype, "snapAngle", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Lines')
+ ], SnapSettings.prototype, "gridType", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(5)
+ ], SnapSettings.prototype, "snapObjectDistance", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('#07EDE1')
+ ], SnapSettings.prototype, "snapLineColor", void 0);
+ return SnapSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/keyboard-commands.js":
+/*!*****************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/keyboard-commands.js ***!
+ \*****************************************************************************************/
+/*! exports provided: KeyGesture, Command, CommandManager, ContextMenuSettings */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "KeyGesture", function() { return KeyGesture; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Command", function() { return Command; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CommandManager", function() { return CommandManager; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContextMenuSettings", function() { return ContextMenuSettings; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+/**
+ * Defines the combination of keys and modifier keys
+ */
+var KeyGesture = /** @__PURE__ @class */ (function (_super) {
+ __extends(KeyGesture, _super);
+ function KeyGesture() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], KeyGesture.prototype, "key", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], KeyGesture.prototype, "keyModifiers", void 0);
+ return KeyGesture;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Defines a command and a key gesture to define when the command should be executed
+ */
+var Command = /** @__PURE__ @class */ (function (_super) {
+ __extends(Command, _super);
+ function Command() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ /**
+ *
+ * Returns the name of class Command
+ *
+ * @returns {string} Returns the name of class Command
+ * @private
+ */
+ Command.prototype.getClassName = function () {
+ return 'Command';
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Command.prototype, "name", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Command.prototype, "canExecute", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Command.prototype, "execute", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, KeyGesture)
+ ], Command.prototype, "gesture", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Command.prototype, "parameter", void 0);
+ return Command;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Defines the collection of commands and the corresponding key gestures
+ *
+ */
+var CommandManager = /** @__PURE__ @class */ (function (_super) {
+ __extends(CommandManager, _super);
+ function CommandManager() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], Command)
+ ], CommandManager.prototype, "commands", void 0);
+ return CommandManager;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Defines the behavior of the context menu items
+ */
+var ContextMenuSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(ContextMenuSettings, _super);
+ function ContextMenuSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], ContextMenuSettings.prototype, "show", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], ContextMenuSettings.prototype, "showCustomMenuOnly", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], ContextMenuSettings.prototype, "items", void 0);
+ return ContextMenuSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/layer.js":
+/*!*****************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/layer.js ***!
+ \*****************************************************************************/
+/*! exports provided: Layer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Layer", function() { return Layer; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+/**
+ * A collection of JSON objects where each object represents a layer.
+ * Layer is a named category of diagram shapes.
+ */
+var Layer = /** @__PURE__ @class */ (function (_super) {
+ __extends(Layer, _super);
+ // tslint:disable-next-line:no-any
+ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ function Layer(parent, propName, defaultValue, isArray) {
+ var _this = _super.call(this, parent, propName, defaultValue, isArray) || this;
+ /** @private */
+ _this.objectZIndex = -1;
+ /** @private */
+ _this.zIndexTable = {};
+ _this.objects = [];
+ return _this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Layer.prototype, "id", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Layer.prototype, "visible", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Layer.prototype, "lock", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Layer.prototype, "objects", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Layer.prototype, "addInfo", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(-1)
+ ], Layer.prototype, "zIndex", void 0);
+ return Layer;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/layoutinfo.js":
+/*!**********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/layoutinfo.js ***!
+ \**********************************************************************************/
+/*! exports provided: LayoutInfo */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LayoutInfo", function() { return LayoutInfo; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+/**
+ * A collection of JSON objects where each object represents a layer.
+ * Layer is a named category of diagram shapes.
+ */
+var LayoutInfo = /** @__PURE__ @class */ (function (_super) {
+ __extends(LayoutInfo, _super);
+ function LayoutInfo() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Horizontal')
+ ], LayoutInfo.prototype, "orientation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Center')
+ ], LayoutInfo.prototype, "type", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(undefined)
+ ], LayoutInfo.prototype, "offset", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], LayoutInfo.prototype, "enableRouting", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])([])
+ ], LayoutInfo.prototype, "children", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], LayoutInfo.prototype, "assistants", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], LayoutInfo.prototype, "level", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], LayoutInfo.prototype, "hasSubTree", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], LayoutInfo.prototype, "rows", void 0);
+ return LayoutInfo;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/page-settings.js":
+/*!*************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/page-settings.js ***!
+ \*************************************************************************************/
+/*! exports provided: Background, FitOptions, PageSettings, ScrollSettings */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Background", function() { return Background; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FitOptions", function() { return FitOptions; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageSettings", function() { return PageSettings; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ScrollSettings", function() { return ScrollSettings; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _core_appearance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/appearance */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/appearance.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+/**
+ * Defines the size and appearance of the diagram page
+ */
+var Background = /** @__PURE__ @class */ (function (_super) {
+ __extends(Background, _super);
+ function Background() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Background.prototype, "source", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('transparent')
+ ], Background.prototype, "color", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('None')
+ ], Background.prototype, "scale", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('None')
+ ], Background.prototype, "align", void 0);
+ return Background;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+var FitOptions = /** @__PURE__ @class */ (function (_super) {
+ __extends(FitOptions, _super);
+ function FitOptions() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Page')
+ ], FitOptions.prototype, "mode", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('PageSettings')
+ ], FitOptions.prototype, "region", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ top: 25, bottom: 25, left: 25, right: 25 }, _core_appearance__WEBPACK_IMPORTED_MODULE_1__["Margin"])
+ ], FitOptions.prototype, "margin", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], FitOptions.prototype, "canZoomIn", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(undefined)
+ ], FitOptions.prototype, "customBounds", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], FitOptions.prototype, "canFit", void 0);
+ return FitOptions;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Defines the size and appearance of diagram page
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let diagram: Diagram = new Diagram({
+ * ...
+ * pageSettings: { width: 800, height: 600, orientation: 'Landscape',
+ * background: { color: 'blue' }, boundaryConstraints: 'Infinity',
+ * multiplePage: true, showPageBreaks: true, },
+ * ...
+ * });
+ * diagram.appendTo('#diagram');
+ * ```
+ *
+ * @default {}
+ */
+var PageSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(PageSettings, _super);
+ function PageSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], PageSettings.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], PageSettings.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _core_appearance__WEBPACK_IMPORTED_MODULE_1__["Margin"])
+ ], PageSettings.prototype, "margin", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Landscape')
+ ], PageSettings.prototype, "orientation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Infinity')
+ ], PageSettings.prototype, "boundaryConstraints", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, Background)
+ ], PageSettings.prototype, "background", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], PageSettings.prototype, "multiplePage", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], PageSettings.prototype, "showPageBreaks", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, FitOptions)
+ ], PageSettings.prototype, "fitOptions", void 0);
+ return PageSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Diagram ScrollSettings module handles the scroller properties of the diagram
+ */
+var ScrollSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(ScrollSettings, _super);
+ function ScrollSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], ScrollSettings.prototype, "horizontalOffset", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], ScrollSettings.prototype, "verticalOffset", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(1)
+ ], ScrollSettings.prototype, "currentZoom", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], ScrollSettings.prototype, "viewPortWidth", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], ScrollSettings.prototype, "viewPortHeight", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0.2)
+ ], ScrollSettings.prototype, "minZoom", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(30)
+ ], ScrollSettings.prototype, "maxZoom", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Diagram')
+ ], ScrollSettings.prototype, "scrollLimit", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], ScrollSettings.prototype, "scrollableArea", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], ScrollSettings.prototype, "canAutoScroll", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ left: 15, right: 15, top: 15, bottom: 15 }, _core_appearance__WEBPACK_IMPORTED_MODULE_1__["Margin"])
+ ], ScrollSettings.prototype, "autoScrollBorder", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ left: 0, right: 0, top: 0, bottom: 0 }, _core_appearance__WEBPACK_IMPORTED_MODULE_1__["Margin"])
+ ], ScrollSettings.prototype, "padding", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0.2)
+ ], ScrollSettings.prototype, "zoomFactor", void 0);
+ return ScrollSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/ruler-settings.js":
+/*!**************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/ruler-settings.js ***!
+ \**************************************************************************************/
+/*! exports provided: DiagramRuler, RulerSettings */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramRuler", function() { return DiagramRuler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RulerSettings", function() { return RulerSettings; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+/**
+ * Defines the properties of both horizontal and vertical guides/rulers to measure the diagram area.
+ */
+var DiagramRuler = /** @__PURE__ @class */ (function (_super) {
+ __extends(DiagramRuler, _super);
+ function DiagramRuler() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(5)
+ ], DiagramRuler.prototype, "interval", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(100)
+ ], DiagramRuler.prototype, "segmentWidth", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Horizontal')
+ ], DiagramRuler.prototype, "orientation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('RightOrBottom')
+ ], DiagramRuler.prototype, "tickAlignment", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('red')
+ ], DiagramRuler.prototype, "markerColor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(25)
+ ], DiagramRuler.prototype, "thickness", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], DiagramRuler.prototype, "arrangeTick", void 0);
+ return DiagramRuler;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Defines the ruler settings of diagram
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let diagram: Diagram = new Diagram({
+ * ...
+ * rulerSettings: { showRulers: true,
+ * horizontalRuler: { segmentWidth: 50,interval: 10 },
+ * verticalRuler: {segmentWidth: 200,interval: 20}
+ * },
+ * ...
+ * });
+ * diagram.appendTo('#diagram');
+ * ```
+ *
+ * @default {}
+ */
+var RulerSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(RulerSettings, _super);
+ function RulerSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], RulerSettings.prototype, "showRulers", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], RulerSettings.prototype, "dynamicGrid", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ orientation: 'Horizontal' }, DiagramRuler)
+ ], RulerSettings.prototype, "horizontalRuler", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ orientation: 'Vertical' }, DiagramRuler)
+ ], RulerSettings.prototype, "verticalRuler", void 0);
+ return RulerSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/serialization-settings.js":
+/*!**********************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/serialization-settings.js ***!
+ \**********************************************************************************************/
+/*! exports provided: SerializationSettings */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SerializationSettings", function() { return SerializationSettings; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+/**
+ * Defines the serialization settings of diagram
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let diagram: Diagram = new Diagram({
+ * ...
+ * serializationSettings: { preventDefaults: true },
+ * ...
+ * });
+ * diagram.appendTo('#diagram');
+ * ```
+ *
+ * @default {}
+ */
+var SerializationSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(SerializationSettings, _super);
+ function SerializationSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], SerializationSettings.prototype, "preventDefaults", void 0);
+ return SerializationSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js":
+/*!*************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js ***!
+ \*************************************************************************/
+/*! exports provided: BlazorAction, PortVisibility, SnapConstraints, SelectorConstraints, ConnectionPointOrigin, ChildArrangement, ConnectorConstraints, AnnotationConstraints, NodeConstraints, ElementAction, ThumbsConstraints, DiagramConstraints, DiagramTools, Transform, RenderMode, KeyModifiers, Keys, DiagramAction, RendererAction, RealAction, ScrollActions, NoOfSegments, DiagramEvent, PortConstraints, contextMenuClick, contextMenuOpen, contextMenuBeforeItemRender, ControlPointsVisibility, BezierSmoothness */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BlazorAction", function() { return BlazorAction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PortVisibility", function() { return PortVisibility; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SnapConstraints", function() { return SnapConstraints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectorConstraints", function() { return SelectorConstraints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectionPointOrigin", function() { return ConnectionPointOrigin; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChildArrangement", function() { return ChildArrangement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectorConstraints", function() { return ConnectorConstraints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnnotationConstraints", function() { return AnnotationConstraints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NodeConstraints", function() { return NodeConstraints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ElementAction", function() { return ElementAction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbsConstraints", function() { return ThumbsConstraints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramConstraints", function() { return DiagramConstraints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramTools", function() { return DiagramTools; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Transform", function() { return Transform; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RenderMode", function() { return RenderMode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "KeyModifiers", function() { return KeyModifiers; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Keys", function() { return Keys; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramAction", function() { return DiagramAction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RendererAction", function() { return RendererAction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RealAction", function() { return RealAction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ScrollActions", function() { return ScrollActions; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NoOfSegments", function() { return NoOfSegments; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramEvent", function() { return DiagramEvent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PortConstraints", function() { return PortConstraints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "contextMenuClick", function() { return contextMenuClick; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "contextMenuOpen", function() { return contextMenuOpen; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "contextMenuBeforeItemRender", function() { return contextMenuBeforeItemRender; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ControlPointsVisibility", function() { return ControlPointsVisibility; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BezierSmoothness", function() { return BezierSmoothness; });
+/**
+ * enum module defines the public enumerations
+ */
+/**
+ * @private
+ */
+var BlazorAction;
+(function (BlazorAction) {
+ /** Return the layout value is true when doLayout is called */
+ BlazorAction[BlazorAction["Default"] = 0] = "Default";
+ /** Need to return the layout value when doLayout is called */
+ BlazorAction[BlazorAction["expandNode"] = 2] = "expandNode";
+ /** Enabled during the mouse interaction */
+ BlazorAction[BlazorAction["interaction"] = 4] = "interaction";
+ /** Enable when the group action start in history */
+ BlazorAction[BlazorAction["GroupingInProgress"] = 8] = "GroupingInProgress";
+ /** Enable when the group action start to clone another group node */
+ BlazorAction[BlazorAction["GroupClipboardInProcess"] = 16] = "GroupClipboardInProcess";
+ /** Enable when the clear the object to prevent the server update */
+ BlazorAction[BlazorAction["ClearObject"] = 32] = "ClearObject";
+})(BlazorAction || (BlazorAction = {}));
+/**
+ * Constraints to define when a port has to be visible
+ * Visible - Always shows the port
+ * Hidden - Always hides the port
+ * Hover - Shows the port when the mouse hovers over a node
+ * Connect - Shows the port when a connection end point is dragged over a node
+ * Default - By default the ports will be visible when a node is hovered and being tried to connect
+ *
+ * @aspNumberEnum
+ */
+var PortVisibility;
+(function (PortVisibility) {
+ /** Always shows the port */
+ PortVisibility[PortVisibility["Visible"] = 1] = "Visible";
+ /** Always hides the port */
+ PortVisibility[PortVisibility["Hidden"] = 2] = "Hidden";
+ /** Shows the port when the mouse hovers over a node */
+ PortVisibility[PortVisibility["Hover"] = 4] = "Hover";
+ /** Shows the port when a connection end point is dragged over a node */
+ PortVisibility[PortVisibility["Connect"] = 8] = "Connect";
+})(PortVisibility || (PortVisibility = {}));
+/**
+ * Defines the constraints to Enables / Disables some features of Snapping.
+ * None - Snapping does not happen
+ * ShowHorizontalLines - Displays only the horizontal gridlines in diagram.
+ * ShowVerticalLines - Displays only the Vertical gridlines in diagram.
+ * ShowLines - Display both Horizontal and Vertical gridlines.
+ * SnapToHorizontalLines - Enables the object to snap only with horizontal gridlines.
+ * SnapToVerticalLines - Enables the object to snap only with horizontal gridlines.
+ * SnapToLines - Enables the object to snap with both horizontal and Vertical gridlines.
+ * snapToObject - Enables the object to snap with the other objects in the diagram.
+ *
+ * @IgnoreSingular
+ * @aspNumberEnum
+ */
+var SnapConstraints;
+(function (SnapConstraints) {
+ /** None - Snapping does not happen */
+ SnapConstraints[SnapConstraints["None"] = 0] = "None";
+ /** ShowHorizontalLines - Displays only the horizontal gridlines in diagram. */
+ SnapConstraints[SnapConstraints["ShowHorizontalLines"] = 1] = "ShowHorizontalLines";
+ /** ShowVerticalLines - Displays only the Vertical gridlines in diagram */
+ SnapConstraints[SnapConstraints["ShowVerticalLines"] = 2] = "ShowVerticalLines";
+ /** ShowLines - Display both Horizontal and Vertical gridlines */
+ SnapConstraints[SnapConstraints["ShowLines"] = 3] = "ShowLines";
+ /** SnapToHorizontalLines - Enables the object to snap only with horizontal gridlines */
+ SnapConstraints[SnapConstraints["SnapToHorizontalLines"] = 4] = "SnapToHorizontalLines";
+ /** SnapToVerticalLines - Enables the object to snap only with horizontal gridlines */
+ SnapConstraints[SnapConstraints["SnapToVerticalLines"] = 8] = "SnapToVerticalLines";
+ /** SnapToLines - Enables the object to snap with both horizontal and Vertical gridlines */
+ SnapConstraints[SnapConstraints["SnapToLines"] = 12] = "SnapToLines";
+ /** SnapToObject - Enables the object to snap with the other objects in the diagram. */
+ SnapConstraints[SnapConstraints["SnapToObject"] = 16] = "SnapToObject";
+ /** Shows gridlines and enables snapping */
+ SnapConstraints[SnapConstraints["All"] = 31] = "All";
+})(SnapConstraints || (SnapConstraints = {}));
+/**
+ * Defines the visibility of the selector handles
+ * None - Hides all the selector elements
+ * ConnectorSourceThumb - Shows/hides the source thumb of the connector
+ * ConnectorTargetThumb - Shows/hides the target thumb of the connector
+ * ResizeSouthEast - Shows/hides the bottom right resize handle of the selector
+ * ResizeSouthWest - Shows/hides the bottom left resize handle of the selector
+ * ResizeNorthEast - Shows/hides the top right resize handle of the selector
+ * ResizeNorthWest - Shows/hides the top left resize handle of the selector
+ * ResizeEast - Shows/hides the middle right resize handle of the selector
+ * ResizeWest - Shows/hides the middle left resize handle of the selector
+ * ResizeSouth - Shows/hides the bottom center resize handle of the selector
+ * ResizeNorth - Shows/hides the top center resize handle of the selector
+ * Rotate - Shows/hides the rotate handle of the selector
+ * UserHandles - Shows/hides the user handles of the selector
+ * Resize - Shows/hides all resize handles of the selector
+ *
+ * @aspNumberEnum
+ * @IgnoreSingular
+ */
+var SelectorConstraints;
+(function (SelectorConstraints) {
+ /** Hides all the selector elements */
+ SelectorConstraints[SelectorConstraints["None"] = 1] = "None";
+ /** Shows/hides the source thumb of the connector */
+ SelectorConstraints[SelectorConstraints["ConnectorSourceThumb"] = 2] = "ConnectorSourceThumb";
+ /** Shows/hides the target thumb of the connector */
+ SelectorConstraints[SelectorConstraints["ConnectorTargetThumb"] = 4] = "ConnectorTargetThumb";
+ /** Shows/hides the bottom right resize handle of the selector */
+ SelectorConstraints[SelectorConstraints["ResizeSouthEast"] = 8] = "ResizeSouthEast";
+ /** Shows/hides the bottom left resize handle of the selector */
+ SelectorConstraints[SelectorConstraints["ResizeSouthWest"] = 16] = "ResizeSouthWest";
+ /** Shows/hides the top right resize handle of the selector */
+ SelectorConstraints[SelectorConstraints["ResizeNorthEast"] = 32] = "ResizeNorthEast";
+ /** Shows/hides the top left resize handle of the selector */
+ SelectorConstraints[SelectorConstraints["ResizeNorthWest"] = 64] = "ResizeNorthWest";
+ /** Shows/hides the middle right resize handle of the selector */
+ SelectorConstraints[SelectorConstraints["ResizeEast"] = 128] = "ResizeEast";
+ /** Shows/hides the middle left resize handle of the selector */
+ SelectorConstraints[SelectorConstraints["ResizeWest"] = 256] = "ResizeWest";
+ /** Shows/hides the bottom center resize handle of the selector */
+ SelectorConstraints[SelectorConstraints["ResizeSouth"] = 512] = "ResizeSouth";
+ /** Shows/hides the top center resize handle of the selector */
+ SelectorConstraints[SelectorConstraints["ResizeNorth"] = 1024] = "ResizeNorth";
+ /** Shows/hides the rotate handle of the selector */
+ SelectorConstraints[SelectorConstraints["Rotate"] = 2048] = "Rotate";
+ /** Shows/hides the user handles of the selector */
+ SelectorConstraints[SelectorConstraints["UserHandle"] = 4096] = "UserHandle";
+ /** Shows/hides the default tooltip of nodes and connectors */
+ SelectorConstraints[SelectorConstraints["ToolTip"] = 8192] = "ToolTip";
+ /** Shows/hides all resize handles of the selector */
+ SelectorConstraints[SelectorConstraints["ResizeAll"] = 2046] = "ResizeAll";
+ /** Shows all handles of the selector */
+ SelectorConstraints[SelectorConstraints["All"] = 16382] = "All";
+})(SelectorConstraints || (SelectorConstraints = {}));
+/**
+ * Defines the connection point of the connectors in the layout
+ * SamePoint - Connectors will connect with same point in the layout
+ * DifferentPoint - Connectors will connect with different points in the layout
+ */
+var ConnectionPointOrigin;
+(function (ConnectionPointOrigin) {
+ /** SamePoint - Connectors will connect with same point in the layout */
+ ConnectionPointOrigin["SamePoint"] = "SamePoint";
+ /** DifferentPoint - Connectors will connect with different points in the layout */
+ ConnectionPointOrigin["DifferentPoint"] = "DifferentPoint";
+})(ConnectionPointOrigin || (ConnectionPointOrigin = {}));
+/**
+ * Defines the child nodes need to arranged in linear manner in layout
+ * Linear - Child nodes will be arranged in linear manner
+ * Nonlinear - Child nodes will be arranged in not linear manner
+ */
+var ChildArrangement;
+(function (ChildArrangement) {
+ /** Linear - Child nodes will be arranged in linear manner */
+ ChildArrangement["Linear"] = "Linear";
+ /** Nonlinear - Child nodes will be arranged in not linear manner */
+ ChildArrangement["Nonlinear"] = "Nonlinear";
+})(ChildArrangement || (ChildArrangement = {}));
+/**
+ * Defines the constraints to enable/disable certain features of connector.
+ * * None - Interaction of the connectors cannot be done.
+ * * Select - Selects the connector.
+ * * Delete - Delete the connector.
+ * * Drag - Drag the connector.
+ * * DragSourceEnd - Drag the source end of the connector.
+ * * DragTargetEnd - Drag the target end of the connector.
+ * * DragSegmentThump - Drag the segment thumb of the connector.
+ * * AllowDrop - Allow to drop a node.
+ * * Bridging - Creates bridge on intersection of two connectors.
+ * * BridgeObstacle -
+ * * InheritBridging - Creates bridge on intersection of two connectors.
+ * * PointerEvents - Sets the pointer events.
+ * * Tooltip - Displays a tooltip for the connectors.
+ * * InheritToolTip - Displays a tooltip for the connectors.
+ * * Interaction - Features of the connector used for interaction.
+ * * ReadOnly - Enables ReadOnly
+ * * Default - Default features of the connector.
+ *
+ * @aspNumberEnum
+ * @IgnoreSingular
+ */
+var ConnectorConstraints;
+(function (ConnectorConstraints) {
+ /** Disable all connector Constraints. */
+ ConnectorConstraints[ConnectorConstraints["None"] = 1] = "None";
+ /** Enables connector to be selected. */
+ ConnectorConstraints[ConnectorConstraints["Select"] = 2] = "Select";
+ /** Enables connector to be Deleted. */
+ ConnectorConstraints[ConnectorConstraints["Delete"] = 4] = "Delete";
+ /** Enables connector to be Dragged. */
+ ConnectorConstraints[ConnectorConstraints["Drag"] = 8] = "Drag";
+ /** Enables connectors source end to be selected. */
+ ConnectorConstraints[ConnectorConstraints["DragSourceEnd"] = 16] = "DragSourceEnd";
+ /** Enables connectors target end to be selected. */
+ ConnectorConstraints[ConnectorConstraints["DragTargetEnd"] = 32] = "DragTargetEnd";
+ /** Enables control point and end point of every segment in a connector for editing. */
+ ConnectorConstraints[ConnectorConstraints["DragSegmentThumb"] = 64] = "DragSegmentThumb";
+ /** Enables AllowDrop constraints to the connector. */
+ ConnectorConstraints[ConnectorConstraints["AllowDrop"] = 128] = "AllowDrop";
+ /** Enables bridging to the connector. */
+ ConnectorConstraints[ConnectorConstraints["Bridging"] = 256] = "Bridging";
+ /** Enables or Disables Bridge Obstacles with overlapping of connectors. */
+ ConnectorConstraints[ConnectorConstraints["BridgeObstacle"] = 512] = "BridgeObstacle";
+ /** Enables bridging to the connector. */
+ ConnectorConstraints[ConnectorConstraints["InheritBridging"] = 1024] = "InheritBridging";
+ /** Used to set the pointer events. */
+ ConnectorConstraints[ConnectorConstraints["PointerEvents"] = 2048] = "PointerEvents";
+ /** Enables or disables tool tip for the connectors */
+ ConnectorConstraints[ConnectorConstraints["Tooltip"] = 4096] = "Tooltip";
+ /** Enables or disables tool tip for the connectors */
+ ConnectorConstraints[ConnectorConstraints["InheritTooltip"] = 8192] = "InheritTooltip";
+ /** Enables Interaction. */
+ ConnectorConstraints[ConnectorConstraints["Interaction"] = 4218] = "Interaction";
+ /** Enables ReadOnly */
+ ConnectorConstraints[ConnectorConstraints["ReadOnly"] = 16384] = "ReadOnly";
+ /** Enables or disables routing to the connector. */
+ ConnectorConstraints[ConnectorConstraints["LineRouting"] = 32768] = "LineRouting";
+ /** Enables or disables routing to the connector. */
+ ConnectorConstraints[ConnectorConstraints["InheritLineRouting"] = 65536] = "InheritLineRouting";
+ /** Enables or disables near node padding to the connector. */
+ ConnectorConstraints[ConnectorConstraints["ConnectToNearByNode"] = 131072] = "ConnectToNearByNode";
+ /** Enables or disables near port padding to the connector. */
+ ConnectorConstraints[ConnectorConstraints["ConnectToNearByPort"] = 262144] = "ConnectToNearByPort";
+ /** Enables or disables Enables or disables near port and node padding to the connector. */
+ ConnectorConstraints[ConnectorConstraints["ConnectToNearByElement"] = 393216] = "ConnectToNearByElement";
+ /** Enables all constraints. */
+ ConnectorConstraints[ConnectorConstraints["Default"] = 470590] = "Default";
+})(ConnectorConstraints || (ConnectorConstraints = {}));
+/**
+ * Enables/Disables the annotation constraints
+ * ReadOnly - Enables/Disables the ReadOnly Constraints
+ * InheritReadOnly - Enables/Disables the InheritReadOnly Constraints
+ * Select -Enables/Disable select support for the annotation
+ * Drag - Enables/Disable drag support for the annotation
+ * Resize - Enables/Disable resize support for the annotation
+ * Rotate - Enables/Disable rotate support for the annotation
+ * Interaction - Enables annotation to inherit the interaction option
+ * None - Disable all annotation constraints
+ *
+ * @aspNumberEnum
+ * @IgnoreSingular
+ */
+var AnnotationConstraints;
+(function (AnnotationConstraints) {
+ /** Enables/Disables the ReadOnly Constraints */
+ AnnotationConstraints[AnnotationConstraints["ReadOnly"] = 2] = "ReadOnly";
+ /** Enables/Disables the InheritReadOnly Constraints */
+ AnnotationConstraints[AnnotationConstraints["InheritReadOnly"] = 4] = "InheritReadOnly";
+ /** Enables/Disable select support for the annotation */
+ AnnotationConstraints[AnnotationConstraints["Select"] = 8] = "Select";
+ /** Enables/Disable drag support for the annotation */
+ AnnotationConstraints[AnnotationConstraints["Drag"] = 16] = "Drag";
+ /** Enables/Disable resize support for the annotation */
+ AnnotationConstraints[AnnotationConstraints["Resize"] = 32] = "Resize";
+ /** Enables/Disable rotate support for the annotation */
+ AnnotationConstraints[AnnotationConstraints["Rotate"] = 64] = "Rotate";
+ /** Enables annotation to inherit the interaction option */
+ AnnotationConstraints[AnnotationConstraints["Interaction"] = 120] = "Interaction";
+ /** Disable all annotation Constraints */
+ AnnotationConstraints[AnnotationConstraints["None"] = 0] = "None";
+})(AnnotationConstraints || (AnnotationConstraints = {}));
+/**
+ * Enables/Disables certain features of node
+ * None - Disable all node Constraints
+ * Select - Enables node to be selected
+ * Drag - Enables node to be Dragged
+ * Rotate - Enables node to be Rotate
+ * Shadow - Enables node to display shadow
+ * PointerEvents - Enables node to provide pointer option
+ * Delete - Enables node to delete
+ * InConnect - Enables node to provide in connect option
+ * OutConnect - Enables node to provide out connect option
+ * Individual - Enables node to provide individual resize option
+ * Expandable - Enables node to provide Expandable option
+ * AllowDrop - Enables node to provide allow to drop option
+ * Inherit - Enables node to inherit the interaction option
+ * ResizeNorthEast - Enable ResizeNorthEast of the node
+ * ResizeEast - Enable ResizeEast of the node
+ * ResizeSouthEast - Enable ResizeSouthEast of the node
+ * ResizeSouth - Enable ResizeSouthWest of the node
+ * ResizeSouthWest - Enable ResizeSouthWest of the node
+ * ResizeSouth - Enable ResizeSouth of the node
+ * ResizeSouthWest - Enable ResizeSouthWest of the node
+ * ResizeWest - Enable ResizeWest of the node
+ * ResizeNorth - Enable ResizeNorth of the node
+ * Resize - Enables the Aspect ratio fo the node
+ * AspectRatio - Enables the Aspect ratio fo the node
+ * Tooltip - Enables or disables tool tip for the Nodes
+ * InheritTooltip - Enables or disables tool tip for the Nodes
+ * ReadOnly - Enables the ReadOnly support for Annotation
+ * Default - Enables all constraints
+ *
+ * @aspNumberEnum
+ * @IgnoreSingular
+ */
+var NodeConstraints;
+(function (NodeConstraints) {
+ /** Disable all node Constraints. */
+ NodeConstraints[NodeConstraints["None"] = 0] = "None";
+ /** Enables node to be selected. */
+ NodeConstraints[NodeConstraints["Select"] = 2] = "Select";
+ /** Enables node to be Dragged. */
+ NodeConstraints[NodeConstraints["Drag"] = 4] = "Drag";
+ /** Enables node to be Rotate. */
+ NodeConstraints[NodeConstraints["Rotate"] = 8] = "Rotate";
+ /** Enables node to display shadow. */
+ NodeConstraints[NodeConstraints["Shadow"] = 16] = "Shadow";
+ /** Enables node to provide pointer option */
+ NodeConstraints[NodeConstraints["PointerEvents"] = 32] = "PointerEvents";
+ /** Enables node to delete */
+ NodeConstraints[NodeConstraints["Delete"] = 64] = "Delete";
+ /** Enables node to provide in connect option */
+ NodeConstraints[NodeConstraints["InConnect"] = 128] = "InConnect";
+ /** Enables node to provide out connect option */
+ NodeConstraints[NodeConstraints["OutConnect"] = 256] = "OutConnect";
+ /** Enables node to provide individual resize option */
+ NodeConstraints[NodeConstraints["Individual"] = 512] = "Individual";
+ /** Enables node to provide Expandable option */
+ NodeConstraints[NodeConstraints["Expandable"] = 1024] = "Expandable";
+ /** Enables node to provide allow to drop option */
+ NodeConstraints[NodeConstraints["AllowDrop"] = 2048] = "AllowDrop";
+ /** Enables node to inherit the interaction option */
+ NodeConstraints[NodeConstraints["Inherit"] = 78] = "Inherit";
+ /** Enable ResizeNorthEast of the node */
+ NodeConstraints[NodeConstraints["ResizeNorthEast"] = 4096] = "ResizeNorthEast";
+ /** Enable ResizeEast of the node */
+ NodeConstraints[NodeConstraints["ResizeEast"] = 8192] = "ResizeEast";
+ /** Enable ResizeSouthEast of the node */
+ NodeConstraints[NodeConstraints["ResizeSouthEast"] = 16384] = "ResizeSouthEast";
+ /** Enable ResizeSouth of the node */
+ NodeConstraints[NodeConstraints["ResizeSouth"] = 32768] = "ResizeSouth";
+ /** Enable ResizeSouthWest of the node */
+ NodeConstraints[NodeConstraints["ResizeSouthWest"] = 65536] = "ResizeSouthWest";
+ /** Enable ResizeWest of the node */
+ NodeConstraints[NodeConstraints["ResizeWest"] = 131072] = "ResizeWest";
+ /** Enable ResizeNorthWest of the node */
+ NodeConstraints[NodeConstraints["ResizeNorthWest"] = 262144] = "ResizeNorthWest";
+ /** Enable ResizeNorth of the node */
+ NodeConstraints[NodeConstraints["ResizeNorth"] = 524288] = "ResizeNorth";
+ /** Enable Resize of the node */
+ NodeConstraints[NodeConstraints["Resize"] = 1044480] = "Resize";
+ /** Enables the Aspect ratio fo the node */
+ NodeConstraints[NodeConstraints["AspectRatio"] = 1048576] = "AspectRatio";
+ /** Enables or disables tool tip for the Nodes */
+ NodeConstraints[NodeConstraints["Tooltip"] = 2097152] = "Tooltip";
+ /** Enables or disables tool tip for the Nodes */
+ NodeConstraints[NodeConstraints["InheritTooltip"] = 4194304] = "InheritTooltip";
+ /** Enables the ReadOnly support for Annotation */
+ NodeConstraints[NodeConstraints["ReadOnly"] = 8388608] = "ReadOnly";
+ /** hide all resize support for node */
+ NodeConstraints[NodeConstraints["HideThumbs"] = 16777216] = "HideThumbs";
+ /** Enables or disables child in parent for the swimLane node */
+ NodeConstraints[NodeConstraints["AllowMovingOutsideLane"] = 33554432] = "AllowMovingOutsideLane";
+ /** Enables all constraints */
+ NodeConstraints[NodeConstraints["Default"] = 5240814] = "Default";
+})(NodeConstraints || (NodeConstraints = {}));
+/** Enables/Disables The element actions
+ * None - Diables all element actions are none
+ * ElementIsPort - Enable element action is port
+ * ElementIsGroup - Enable element action as Group
+ *
+ * @private
+ */
+var ElementAction;
+(function (ElementAction) {
+ /** Disables all element actions are none */
+ ElementAction[ElementAction["None"] = 0] = "None";
+ /** Enable the element action is Port */
+ ElementAction[ElementAction["ElementIsPort"] = 2] = "ElementIsPort";
+ /** Enable the element action as Group */
+ ElementAction[ElementAction["ElementIsGroup"] = 4] = "ElementIsGroup";
+ /** Enable the element action if swimlaneHeader is rendered */
+ ElementAction[ElementAction["HorizontalLaneHeader"] = 8] = "HorizontalLaneHeader";
+})(ElementAction || (ElementAction = {}));
+/** Enables/Disables the handles of the selector
+ * Rotate - Enable Rotate Thumb
+ * ConnectorSource - Enable Connector source point
+ * ConnectorTarget - Enable Connector target point
+ * ResizeNorthEast - Enable ResizeNorthEast Resize
+ * ResizeEast - Enable ResizeEast Resize
+ * ResizeSouthEast - Enable ResizeSouthEast Resize
+ * ResizeSouth - Enable ResizeSouth Resize
+ * ResizeSouthWest - Enable ResizeSouthWest Resize
+ * ResizeWest - Enable ResizeWest Resize
+ * ResizeNorthWest - Enable ResizeNorthWest Resize
+ * ResizeNorth - Enable ResizeNorth Resize
+ * Default - Enables all constraints
+ *
+ * @private
+ */
+var ThumbsConstraints;
+(function (ThumbsConstraints) {
+ /** Enable Rotate Thumb */
+ ThumbsConstraints[ThumbsConstraints["Rotate"] = 2] = "Rotate";
+ /** Enable Connector source point */
+ ThumbsConstraints[ThumbsConstraints["ConnectorSource"] = 4] = "ConnectorSource";
+ /** Enable Connector target point */
+ ThumbsConstraints[ThumbsConstraints["ConnectorTarget"] = 8] = "ConnectorTarget";
+ /** Enable ResizeNorthEast Resize */
+ ThumbsConstraints[ThumbsConstraints["ResizeNorthEast"] = 16] = "ResizeNorthEast";
+ /** Enable ResizeEast Resize */
+ ThumbsConstraints[ThumbsConstraints["ResizeEast"] = 32] = "ResizeEast";
+ /** Enable ResizeSouthEast Resize */
+ ThumbsConstraints[ThumbsConstraints["ResizeSouthEast"] = 64] = "ResizeSouthEast";
+ /** Enable ResizeSouth Resize */
+ ThumbsConstraints[ThumbsConstraints["ResizeSouth"] = 128] = "ResizeSouth";
+ /** Enable ResizeSouthWest Resize */
+ ThumbsConstraints[ThumbsConstraints["ResizeSouthWest"] = 256] = "ResizeSouthWest";
+ /** Enable ResizeWest Resize */
+ ThumbsConstraints[ThumbsConstraints["ResizeWest"] = 512] = "ResizeWest";
+ /** Enable ResizeNorthWest Resize */
+ ThumbsConstraints[ThumbsConstraints["ResizeNorthWest"] = 1024] = "ResizeNorthWest";
+ /** Enable ResizeNorth Resize */
+ ThumbsConstraints[ThumbsConstraints["ResizeNorth"] = 2048] = "ResizeNorth";
+ /** Enables all constraints */
+ ThumbsConstraints[ThumbsConstraints["Default"] = 4094] = "Default";
+})(ThumbsConstraints || (ThumbsConstraints = {}));
+/**
+ * Enables/Disables certain features of diagram
+ * None - Disable DiagramConstraints constraints
+ * Bridging - Enables/Disable Bridging support for connector
+ * UndoRedo - Enables/Disable the Undo/Redo support
+ * Tooltip - Enables/Disable Tooltip support
+ * UserInteraction - Enables/Disable UserInteraction support for the diagram
+ * ApiUpdate - Enables/Disable ApiUpdate support for the diagram
+ * PageEditable - Enables/Disable PageEditable support for the diagram
+ * Zoom - Enables/Disable Zoom support for the diagram
+ * PanX - Enables/Disable PanX support for the diagram
+ * PanY - Enables/Disable PanY support for the diagram
+ * Pan - Enables/Disable Pan support the diagram
+ * ZoomTextEdit - Enables/Disables zooming the text box while editing the text
+ * Virtualization - Enables/Disable Virtualization support the diagram
+ * Default - Enables/Disable all constraints
+ *
+ * @aspNumberEnum
+ * @IgnoreSingular
+ */
+var DiagramConstraints;
+(function (DiagramConstraints) {
+ /** Disable DiagramConstraints constraints */
+ DiagramConstraints[DiagramConstraints["None"] = 1] = "None";
+ /** Enables/Disable Bridging support for connector */
+ DiagramConstraints[DiagramConstraints["Bridging"] = 2] = "Bridging";
+ /** Enables/Disable the Undo/Redo support */
+ DiagramConstraints[DiagramConstraints["UndoRedo"] = 4] = "UndoRedo";
+ /** Enables/Disable Tooltip support */
+ DiagramConstraints[DiagramConstraints["Tooltip"] = 8] = "Tooltip";
+ /** Enables/Disable UserInteraction support for the diagram */
+ DiagramConstraints[DiagramConstraints["UserInteraction"] = 16] = "UserInteraction";
+ /** Enables/Disable ApiUpdate support for the diagram */
+ DiagramConstraints[DiagramConstraints["ApiUpdate"] = 32] = "ApiUpdate";
+ /** Enables/Disable PageEditable support for the diagram */
+ DiagramConstraints[DiagramConstraints["PageEditable"] = 48] = "PageEditable";
+ /** Enables/Disable Zoom support for the diagram */
+ DiagramConstraints[DiagramConstraints["Zoom"] = 64] = "Zoom";
+ /** Enables/Disable PanX support for the diagram */
+ DiagramConstraints[DiagramConstraints["PanX"] = 128] = "PanX";
+ /** Enables/Disable PanY support for the diagram */
+ DiagramConstraints[DiagramConstraints["PanY"] = 256] = "PanY";
+ /** Enables/Disable Pan support the diagram */
+ DiagramConstraints[DiagramConstraints["Pan"] = 384] = "Pan";
+ /** Enables/Disables zooming the text box while editing the text */
+ DiagramConstraints[DiagramConstraints["ZoomTextEdit"] = 512] = "ZoomTextEdit";
+ /** Enables/Disable Virtualization support the diagram */
+ DiagramConstraints[DiagramConstraints["Virtualization"] = 1024] = "Virtualization";
+ /** Enables/ Disable the line routing */
+ DiagramConstraints[DiagramConstraints["LineRouting"] = 2048] = "LineRouting";
+ /** Enables/Disable all constraints */
+ DiagramConstraints[DiagramConstraints["Default"] = 500] = "Default";
+})(DiagramConstraints || (DiagramConstraints = {}));
+/**
+ * Activates the diagram tools
+ * None - Enables/Disable single select support for the diagram
+ * SingleSelect - Enables/Disable single select support for the diagram
+ * MultipleSelect - Enables/Disable MultipleSelect select support for the diagram
+ * ZoomPan - Enables/Disable ZoomPan support for the diagram
+ * DrawOnce - Enables/Disable continuousDraw support for the diagram
+ * ContinuousDraw - Enables/Disable continuousDraw support for the diagram
+ * Default - Enables/Disable all constraints
+ *
+ * @aspNumberEnum
+ * @IgnoreSingular
+ */
+var DiagramTools;
+(function (DiagramTools) {
+ /** Disable all constraints */
+ DiagramTools[DiagramTools["None"] = 0] = "None";
+ /** Enables/Disable single select support for the diagram */
+ DiagramTools[DiagramTools["SingleSelect"] = 1] = "SingleSelect";
+ /** Enables/Disable MultipleSelect select support for the diagram */
+ DiagramTools[DiagramTools["MultipleSelect"] = 2] = "MultipleSelect";
+ /** Enables/Disable ZoomPan support for the diagram */
+ DiagramTools[DiagramTools["ZoomPan"] = 4] = "ZoomPan";
+ /** Enables/Disable DrawOnce support for the diagram */
+ DiagramTools[DiagramTools["DrawOnce"] = 8] = "DrawOnce";
+ /** Enables/Disable continuousDraw support for the diagram */
+ DiagramTools[DiagramTools["ContinuousDraw"] = 16] = "ContinuousDraw";
+ /** Enables/Disable all constraints */
+ DiagramTools[DiagramTools["Default"] = 3] = "Default";
+})(DiagramTools || (DiagramTools = {}));
+/**
+ * Defines the container/canvas transform
+ * Self - Sets the transform type as Self
+ * Parent - Sets the transform type as Parent
+ */
+var Transform;
+(function (Transform) {
+ /** Self - Sets the transform type as Self */
+ Transform[Transform["Self"] = 1] = "Self";
+ /** Parent - Sets the transform type as Parent */
+ Transform[Transform["Parent"] = 2] = "Parent";
+})(Transform || (Transform = {}));
+/**
+ * Defines the rendering mode for diagram
+ * Canvas - Sets the rendering mode type as Canvas
+ * Svg - Sets the rendering mode type as Svg
+ */
+var RenderMode;
+(function (RenderMode) {
+ /** Canvas - Sets the rendering mode type as Canvas */
+ RenderMode[RenderMode["Canvas"] = 0] = "Canvas";
+ /** Svg - Sets the rendering mode type as Svg */
+ RenderMode[RenderMode["Svg"] = 1] = "Svg";
+})(RenderMode || (RenderMode = {}));
+/**
+ * Sets a combination of key modifiers, on recognition of which the command will be executed.They are
+ * * None - no modifiers are pressed
+ * * Control - ctrl key
+ * * Meta - meta key im mac
+ * * Alt - alt key
+ * * Shift - shift key
+ *
+ * @aspNumberEnum
+ * @IgnoreSingular
+ */
+var KeyModifiers;
+(function (KeyModifiers) {
+ /** No modifiers are pressed */
+ KeyModifiers[KeyModifiers["None"] = 0] = "None";
+ /** The CTRL key */
+ KeyModifiers[KeyModifiers["Control"] = 1] = "Control";
+ /** The Meta key pressed in Mac */
+ KeyModifiers[KeyModifiers["Meta"] = 1] = "Meta";
+ /** The ALT key */
+ KeyModifiers[KeyModifiers["Alt"] = 2] = "Alt";
+ /** The Shift key */
+ KeyModifiers[KeyModifiers["Shift"] = 4] = "Shift";
+})(KeyModifiers || (KeyModifiers = {}));
+/**
+ * Sets the key value, on recognition of which the command will be executed. They are
+ * * none - no key
+ * * Number0 = The 0 key
+ * * Number1 = The 1 key
+ * * Number2 = The 2 key
+ * * Number3 = The 3 key
+ * * Number4 = The 4 key
+ * * Number5 = The 5 key
+ * * Number6 = The 6 key
+ * * Number7 = The 7 key
+ * * Number8 = The 8 key
+ * * Number9 = The 9 key
+ * * Number0 = The 0 key
+ * * BackSpace = The BackSpace key
+ * * F1 = The f1 key
+ * * F2 = The f2 key
+ * * F3 = The f3 key
+ * * F4 = The f4 key
+ * * F5 = The f5 key
+ * * F6 = The f6 key
+ * * F7 = The f7 key
+ * * F8 = The f8 key
+ * * F9 = The f9 key
+ * * F10 = The f10 key
+ * * F11 = The f11 key
+ * * F12 = The f12 key
+ * * A = The a key
+ * * B = The b key
+ * * C = The c key
+ * * D = The d key
+ * * E = The e key
+ * * F = The f key
+ * * G = The g key
+ * * H = The h key
+ * * I = The i key
+ * * J = The j key
+ * * K = The k key
+ * * L = The l key
+ * * M = The m key
+ * * N = The n key
+ * * O = The o key
+ * * P = The p key
+ * * Q = The q key
+ * * R = The r key
+ * * S = The s key
+ * * T = The t key
+ * * U = The u key
+ * * V = The v key
+ * * W = The w key
+ * * X = The x key
+ * * Y = The y key
+ * * Z = The z key
+ * * Left = The left key
+ * * Right = The right key
+ * * Top = The top key
+ * * Bottom = The bottom key
+ * * Escape = The Escape key
+ * * Tab = The tab key
+ * * Delete = The delete key
+ * * Enter = The enter key
+ * * The Space key
+ * * The page up key
+ * * The page down key
+ * * The end key
+ * * The home key
+ * * The Minus
+ * * The Plus
+ * * The Star
+ *
+ * @aspNumberEnum
+ * @IgnoreSingular
+ */
+var Keys;
+(function (Keys) {
+ /** No key pressed */
+ Keys[Keys["None"] = null] = "None";
+ /** The 0 key */
+ Keys[Keys["Number0"] = 0] = "Number0";
+ /** The 1 key */
+ Keys[Keys["Number1"] = 1] = "Number1";
+ /** The 2 key */
+ Keys[Keys["Number2"] = 2] = "Number2";
+ /** The 3 key */
+ Keys[Keys["Number3"] = 3] = "Number3";
+ /** The 4 key */
+ Keys[Keys["Number4"] = 4] = "Number4";
+ /** The 5 key */
+ Keys[Keys["Number5"] = 5] = "Number5";
+ /** The 6 key */
+ Keys[Keys["Number6"] = 6] = "Number6";
+ /** The 7 key */
+ Keys[Keys["Number7"] = 7] = "Number7";
+ /** The 8 key */
+ Keys[Keys["Number8"] = 8] = "Number8";
+ /** The 9 key */
+ Keys[Keys["Number9"] = 9] = "Number9";
+ /** The A key */
+ Keys[Keys["A"] = 65] = "A";
+ /** The B key */
+ Keys[Keys["B"] = 66] = "B";
+ /** The C key */
+ Keys[Keys["C"] = 67] = "C";
+ /** The D key */
+ Keys[Keys["D"] = 68] = "D";
+ /** The E key */
+ Keys[Keys["E"] = 69] = "E";
+ /** The F key */
+ Keys[Keys["F"] = 70] = "F";
+ /** The G key */
+ Keys[Keys["G"] = 71] = "G";
+ /** The H key */
+ Keys[Keys["H"] = 72] = "H";
+ /** The I key */
+ Keys[Keys["I"] = 73] = "I";
+ /** The J key */
+ Keys[Keys["J"] = 74] = "J";
+ /** The K key */
+ Keys[Keys["K"] = 75] = "K";
+ /** The L key */
+ Keys[Keys["L"] = 76] = "L";
+ /** The M key */
+ Keys[Keys["M"] = 77] = "M";
+ /** The N key */
+ Keys[Keys["N"] = 78] = "N";
+ /** The O key */
+ Keys[Keys["O"] = 79] = "O";
+ /** The P key */
+ Keys[Keys["P"] = 80] = "P";
+ /** The Q key */
+ Keys[Keys["Q"] = 81] = "Q";
+ /** The R key */
+ Keys[Keys["R"] = 82] = "R";
+ /** The S key */
+ Keys[Keys["S"] = 83] = "S";
+ /** The T key */
+ Keys[Keys["T"] = 84] = "T";
+ /** The U key */
+ Keys[Keys["U"] = 85] = "U";
+ /** The V key */
+ Keys[Keys["V"] = 86] = "V";
+ /** The W key */
+ Keys[Keys["W"] = 87] = "W";
+ /** The X key */
+ Keys[Keys["X"] = 88] = "X";
+ /** The Y key */
+ Keys[Keys["Y"] = 89] = "Y";
+ /** The Z key */
+ Keys[Keys["Z"] = 90] = "Z";
+ /** The left arrow key */
+ Keys[Keys["Left"] = 37] = "Left";
+ /** The up arrow key */
+ Keys[Keys["Up"] = 38] = "Up";
+ /** The right arrow key */
+ Keys[Keys["Right"] = 39] = "Right";
+ /** The down arrow key */
+ Keys[Keys["Down"] = 40] = "Down";
+ /** The Escape key */
+ Keys[Keys["Escape"] = 27] = "Escape";
+ /** The Space key */
+ Keys[Keys["Space"] = 32] = "Space";
+ /** The page up key */
+ Keys[Keys["PageUp"] = 33] = "PageUp";
+ /** The Space key */
+ Keys[Keys["PageDown"] = 34] = "PageDown";
+ /** The Space key */
+ Keys[Keys["End"] = 35] = "End";
+ /** The Space key */
+ Keys[Keys["Home"] = 36] = "Home";
+ /** The delete key */
+ Keys[Keys["Delete"] = 46] = "Delete";
+ /** The tab key */
+ Keys[Keys["Tab"] = 9] = "Tab";
+ /** The enter key */
+ Keys[Keys["Enter"] = 13] = "Enter";
+ /** The BackSpace key */
+ Keys[Keys["BackSpace"] = 8] = "BackSpace";
+ /** The F1 key */
+ Keys[Keys["F1"] = 112] = "F1";
+ /** The F2 key */
+ Keys[Keys["F2"] = 113] = "F2";
+ /** The F3 key */
+ Keys[Keys["F3"] = 114] = "F3";
+ /** The F4 key */
+ Keys[Keys["F4"] = 115] = "F4";
+ /** The F5 key */
+ Keys[Keys["F5"] = 116] = "F5";
+ /** The F6 key */
+ Keys[Keys["F6"] = 117] = "F6";
+ /** The F7 key */
+ Keys[Keys["F7"] = 118] = "F7";
+ /** The F8 key */
+ Keys[Keys["F8"] = 119] = "F8";
+ /** The F9 key */
+ Keys[Keys["F9"] = 120] = "F9";
+ /** The F10 key */
+ Keys[Keys["F10"] = 121] = "F10";
+ /** The F111 key */
+ Keys[Keys["F11"] = 122] = "F11";
+ /** The F12 key */
+ Keys[Keys["F12"] = 123] = "F12";
+ /** The Star */
+ Keys[Keys["Star"] = 56] = "Star";
+ /** The Plus */
+ Keys[Keys["Plus"] = 187] = "Plus";
+ /** The Minus */
+ Keys[Keys["Minus"] = 189] = "Minus";
+})(Keys || (Keys = {}));
+/**
+ * Enables/Disables certain actions of diagram
+ * * Render - Indicates the diagram is in render state.
+ * * PublicMethod - Indicates the diagram public method is in action.
+ * * ToolAction - Indicates the diagram Tool is in action.
+ * * UndoRedo - Indicates the diagram undo/redo is in action.
+ * * TextEdit - Indicates the text editing is in progress.
+ * * Group - Indicates the group is in progress.
+ * * Clear - Indicates diagram have clear all.
+ * * PreventClearSelection - prevents diagram from clear selection
+ */
+var DiagramAction;
+(function (DiagramAction) {
+ /** Indicates the diagram is in render state.r */
+ DiagramAction[DiagramAction["Render"] = 2] = "Render";
+ /** Indicates the diagram public method is in action. */
+ DiagramAction[DiagramAction["PublicMethod"] = 4] = "PublicMethod";
+ /** Indicates the diagram Tool is in action. */
+ DiagramAction[DiagramAction["ToolAction"] = 8] = "ToolAction";
+ /** Indicates the diagram undo/redo is in action. */
+ DiagramAction[DiagramAction["UndoRedo"] = 16] = "UndoRedo";
+ /** Indicates the text editing is in progress. */
+ DiagramAction[DiagramAction["TextEdit"] = 32] = "TextEdit";
+ /** Indicates the group is in progress. */
+ DiagramAction[DiagramAction["Group"] = 64] = "Group";
+ /** Indicates diagram have clear all. */
+ DiagramAction[DiagramAction["Clear"] = 128] = "Clear";
+ /** prevents diagram from clear selection. */
+ DiagramAction[DiagramAction["PreventClearSelection"] = 256] = "PreventClearSelection";
+ /** Indicates whether drag or rotate tool has been activated */
+ DiagramAction[DiagramAction["Interactions"] = 512] = "Interactions";
+ /** Use to prevent the history during some action in diagram */
+ DiagramAction[DiagramAction["PreventHistory"] = 1024] = "PreventHistory";
+ /** Use to prevent the icon while expand a node in diagram */
+ DiagramAction[DiagramAction["PreventIconsUpdate"] = 2048] = "PreventIconsUpdate";
+ /** Use to prevent the collection change event while dragging lane from palette and over it in diagram */
+ DiagramAction[DiagramAction["PreventCollectionChangeOnDragOver"] = 4096] = "PreventCollectionChangeOnDragOver";
+ /** Use to prevent the z order on dragging the diagram elements */
+ DiagramAction[DiagramAction["PreventZIndexOnDragging"] = 8192] = "PreventZIndexOnDragging";
+ /** Indicates whether group dragging has been activated */
+ DiagramAction[DiagramAction["isGroupDragging"] = 16384] = "isGroupDragging";
+ /** Indicates whether drag is initiated by mouse */
+ DiagramAction[DiagramAction["DragUsingMouse"] = 32768] = "DragUsingMouse";
+ /** Indicates whether decorator property is changed or not */
+ DiagramAction[DiagramAction["DecoratorPropertyChange"] = 65536] = "DecoratorPropertyChange";
+ /** Avoid dropping of child nodes into the swim lane */
+ DiagramAction[DiagramAction["PreventLaneContainerUpdate"] = 131072] = "PreventLaneContainerUpdate";
+})(DiagramAction || (DiagramAction = {}));
+/**
+ * Defines the Selector type to be drawn
+ * None - Draws Normal selector with resize handles
+ * Symbol - Draws only the rectangle for the selector
+ */
+var RendererAction;
+(function (RendererAction) {
+ /** None - Draws Normal selector with resize handles */
+ RendererAction[RendererAction["None"] = 2] = "None";
+ /** DrawSelectorBorder - Draws only the Border for the selector */
+ RendererAction[RendererAction["DrawSelectorBorder"] = 4] = "DrawSelectorBorder";
+ /** PreventRenderSelector - Avoid the render of selector during interaction */
+ RendererAction[RendererAction["PreventRenderSelector"] = 8] = "PreventRenderSelector";
+})(RendererAction || (RendererAction = {}));
+var RealAction;
+(function (RealAction) {
+ RealAction[RealAction["None"] = 0] = "None";
+ RealAction[RealAction["PreventDrag"] = 2] = "PreventDrag";
+ RealAction[RealAction["PreventScale"] = 4] = "PreventScale";
+ RealAction[RealAction["PreventDataInit"] = 8] = "PreventDataInit";
+ /** Indicates when the diagram is scrolled horizontal using scroll bar */
+ RealAction[RealAction["hScrollbarMoved"] = 16] = "hScrollbarMoved";
+ /** Indicates when the diagram is scrolled vertical using scroll bar */
+ RealAction[RealAction["vScrollbarMoved"] = 32] = "vScrollbarMoved";
+ /** Indicates whether animation happens or not */
+ RealAction[RealAction["AnimationClick"] = 64] = "AnimationClick";
+ /** Enable the group action */
+ RealAction[RealAction["EnableGroupAction"] = 128] = "EnableGroupAction";
+ /** Indicate action in Progress */
+ RealAction[RealAction["PanInProgress"] = 256] = "PanInProgress";
+ /** Indicate overview action */
+ RealAction[RealAction["OverViewAction"] = 512] = "OverViewAction";
+})(RealAction || (RealAction = {}));
+/** @private */
+var ScrollActions;
+(function (ScrollActions) {
+ ScrollActions[ScrollActions["None"] = 0] = "None";
+ /** Indicates when the scroll properties are changed using property change */
+ ScrollActions[ScrollActions["PropertyChange"] = 1024] = "PropertyChange";
+ /** Indicates when the scroll properties are changed using interaction */
+ ScrollActions[ScrollActions["Interaction"] = 2048] = "Interaction";
+})(ScrollActions || (ScrollActions = {}));
+/** @private */
+var NoOfSegments;
+(function (NoOfSegments) {
+ NoOfSegments[NoOfSegments["Zero"] = 0] = "Zero";
+ NoOfSegments[NoOfSegments["One"] = 1] = "One";
+ NoOfSegments[NoOfSegments["Two"] = 2] = "Two";
+ NoOfSegments[NoOfSegments["Three"] = 3] = "Three";
+ NoOfSegments[NoOfSegments["Four"] = 4] = "Four";
+ NoOfSegments[NoOfSegments["Five"] = 5] = "Five";
+})(NoOfSegments || (NoOfSegments = {}));
+/**
+ * events of diagram
+ *
+ * @private
+ */
+var DiagramEvent;
+(function (DiagramEvent) {
+ DiagramEvent[DiagramEvent["collectionChange"] = 0] = "collectionChange";
+ DiagramEvent[DiagramEvent["rotateChange"] = 1] = "rotateChange";
+ DiagramEvent[DiagramEvent["positionChange"] = 2] = "positionChange";
+ DiagramEvent[DiagramEvent["propertyChange"] = 3] = "propertyChange";
+ DiagramEvent[DiagramEvent["selectionChange"] = 4] = "selectionChange";
+ DiagramEvent[DiagramEvent["sizeChange"] = 5] = "sizeChange";
+ DiagramEvent[DiagramEvent["drop"] = 6] = "drop";
+ DiagramEvent[DiagramEvent["sourcePointChange"] = 7] = "sourcePointChange";
+ DiagramEvent[DiagramEvent["targetPointChange"] = 8] = "targetPointChange";
+ DiagramEvent[DiagramEvent["connectionChange"] = 9] = "connectionChange";
+ DiagramEvent[DiagramEvent["animationComplete"] = 10] = "animationComplete";
+ DiagramEvent[DiagramEvent["click"] = 11] = "click";
+ DiagramEvent[DiagramEvent["doubleClick"] = 12] = "doubleClick";
+ DiagramEvent[DiagramEvent["scrollChange"] = 13] = "scrollChange";
+ DiagramEvent[DiagramEvent["dragEnter"] = 14] = "dragEnter";
+ DiagramEvent[DiagramEvent["dragLeave"] = 15] = "dragLeave";
+ DiagramEvent[DiagramEvent["dragOver"] = 16] = "dragOver";
+ DiagramEvent[DiagramEvent["textEdit"] = 17] = "textEdit";
+ DiagramEvent[DiagramEvent["paletteSelectionChange"] = 18] = "paletteSelectionChange";
+ DiagramEvent[DiagramEvent["historyChange"] = 19] = "historyChange";
+ DiagramEvent[DiagramEvent["mouseEnter"] = 20] = "mouseEnter";
+ DiagramEvent[DiagramEvent["mouseLeave"] = 21] = "mouseLeave";
+ DiagramEvent[DiagramEvent["mouseOver"] = 22] = "mouseOver";
+ DiagramEvent[DiagramEvent["expandStateChange"] = 23] = "expandStateChange";
+ DiagramEvent[DiagramEvent["segmentCollectionChange"] = 24] = "segmentCollectionChange";
+ DiagramEvent[DiagramEvent["commandExecute"] = 25] = "commandExecute";
+ DiagramEvent[DiagramEvent["historyStateChange"] = 26] = "historyStateChange";
+ DiagramEvent[DiagramEvent["onUserHandleMouseDown"] = 27] = "onUserHandleMouseDown";
+ DiagramEvent[DiagramEvent["onUserHandleMouseUp"] = 28] = "onUserHandleMouseUp";
+ DiagramEvent[DiagramEvent["onUserHandleMouseEnter"] = 29] = "onUserHandleMouseEnter";
+ DiagramEvent[DiagramEvent["onUserHandleMouseLeave"] = 30] = "onUserHandleMouseLeave";
+ DiagramEvent[DiagramEvent["onImageLoad"] = 31] = "onImageLoad";
+ DiagramEvent[DiagramEvent["onDoBindingInit"] = 32] = "onDoBindingInit";
+ DiagramEvent[DiagramEvent["keyUp"] = 33] = "keyUp";
+ DiagramEvent[DiagramEvent["keyDown"] = 34] = "keyDown";
+ DiagramEvent[DiagramEvent["fixedUserHandleClick"] = 35] = "fixedUserHandleClick";
+ DiagramEvent[DiagramEvent["elementDraw"] = 36] = "elementDraw";
+ DiagramEvent[DiagramEvent["mouseWheel"] = 37] = "mouseWheel";
+ DiagramEvent[DiagramEvent["segmentChange"] = 38] = "segmentChange";
+})(DiagramEvent || (DiagramEvent = {}));
+/** Enables/Disables certain features of port connection
+ *
+ * @aspNumberEnum
+ * @IgnoreSingular
+ */
+var PortConstraints;
+(function (PortConstraints) {
+ /** Disable all constraints */
+ PortConstraints[PortConstraints["None"] = 1] = "None";
+ /** Enables connections with connector */
+ PortConstraints[PortConstraints["Drag"] = 2] = "Drag";
+ /** Enables to create the connection when mouse hover on the port */
+ PortConstraints[PortConstraints["Draw"] = 4] = "Draw";
+ /** Enables to only connect the target end of connector */
+ PortConstraints[PortConstraints["InConnect"] = 8] = "InConnect";
+ /** Enables to only connect the source end of connector */
+ PortConstraints[PortConstraints["OutConnect"] = 16] = "OutConnect";
+ /**Enables or disables the Tooltip for the ports*/
+ PortConstraints[PortConstraints["ToolTip"] = 32] = "ToolTip";
+ /** Enables or disables the Tooltip for the ports */
+ PortConstraints[PortConstraints["InheritTooltip"] = 64] = "InheritTooltip";
+ /** Enables all constraints */
+ PortConstraints[PortConstraints["Default"] = 24] = "Default";
+})(PortConstraints || (PortConstraints = {}));
+/**
+ * Defines the context menu click
+ * contextMenuClick - Sets the context menu click as contextMenuClick
+ */
+var contextMenuClick =
+/** contextMenuClick - Sets the context menu click as contextMenuClick */
+'contextMenuClick';
+/**
+ * Defines the context menu open
+ * contextMenuOpen - Sets the context menu open as contextMenuOpen
+ */
+var contextMenuOpen =
+/** contextMenuOpen - Sets the context menu open as contextMenuOpen */
+'contextMenuOpen';
+/**
+ * Defines the context menu Before Item Render
+ * contextMenuBeforeItemRender - Sets the context menu open as contextMenuBeforeItemRender
+ */
+var contextMenuBeforeItemRender =
+/** contextMenuBeforeItemRender - Sets the context menu open as contextMenuBeforeItemRender */
+'contextMenuBeforeItemRender';
+/**
+ * Defines the visibility of the control points in the Bezier connector
+ */
+var ControlPointsVisibility;
+(function (ControlPointsVisibility) {
+ /** None - Hides all the control points of the Bezier connector*/
+ ControlPointsVisibility[ControlPointsVisibility["None"] = 1] = "None";
+ /** Source - Shows the source control point*/
+ ControlPointsVisibility[ControlPointsVisibility["Source"] = 2] = "Source";
+ /** Target - Shows the target control point*/
+ ControlPointsVisibility[ControlPointsVisibility["Target"] = 4] = "Target";
+ /** Intermediate - Shows the intermediate control points*/
+ ControlPointsVisibility[ControlPointsVisibility["Intermediate"] = 8] = "Intermediate";
+ /** All - Shows all the control points of the Bezier connector*/
+ ControlPointsVisibility[ControlPointsVisibility["All"] = 14] = "All";
+})(ControlPointsVisibility || (ControlPointsVisibility = {}));
+var BezierSmoothness;
+(function (BezierSmoothness) {
+ /** Disable all smoothness Constraints. */
+ BezierSmoothness[BezierSmoothness["None"] = 0] = "None";
+ /** Enables the SymmetricAngle for a bezier segment to the angle between the control point as same. */
+ BezierSmoothness[BezierSmoothness["SymmetricAngle"] = 2] = "SymmetricAngle";
+ /** Enables the SymmetricDistance for bezier segment to the distance between the control point as same. */
+ BezierSmoothness[BezierSmoothness["SymmetricDistance"] = 4] = "SymmetricDistance";
+ /** Enables the symmetric for bezier segment to the distance and angle between the control point as same. */
+ BezierSmoothness[BezierSmoothness["Default"] = 6] = "Default";
+})(BezierSmoothness || (BezierSmoothness = {}));
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/index.js":
+/*!*********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/index.js ***!
+ \*********************************************************************/
+/*! exports provided: Diagram, PrintAndExport, Size, Rect, MatrixTypes, Matrix, identityMatrix, transformPointByMatrix, transformPointsByMatrix, rotateMatrix, scaleMatrix, translateMatrix, multiplyMatrix, Point, BlazorAction, PortVisibility, SnapConstraints, SelectorConstraints, ConnectionPointOrigin, ChildArrangement, ConnectorConstraints, AnnotationConstraints, NodeConstraints, ElementAction, ThumbsConstraints, DiagramConstraints, DiagramTools, Transform, RenderMode, KeyModifiers, Keys, DiagramAction, RendererAction, RealAction, ScrollActions, NoOfSegments, DiagramEvent, PortConstraints, contextMenuClick, contextMenuOpen, contextMenuBeforeItemRender, ControlPointsVisibility, BezierSmoothness, Thickness, Margin, Shadow, Stop, Gradient, DiagramGradient, LinearGradient, RadialGradient, ShapeStyle, StrokeStyle, TextStyle, DiagramShapeStyle, DiagramElement, PathElement, ImageElement, TextElement, Container, Canvas, GridPanel, RowDefinition, ColumnDefinition, GridRow, GridCell, StackPanel, findConnectorPoints, swapBounds, findMargin, findAngle, findPoint, getIntersection, getIntersectionPoints, orthoConnection2Segment, getPortDirection, getOuterBounds, getOppositeDirection, processPathData, parsePathData, getRectanglePath, getPolygonPath, getFreeHandPath, pathSegmentCollection, transformPath, updatedSegment, scalePathData, splitArrayCollection, getPathString, getString, randomId, getIndex, templateCompiler, cornersPointsBeforeRotation, getBounds, cloneObject, getInternalProperties, cloneArray, extendObject, extendArray, textAlignToString, wordBreakToString, bBoxText, middleElement, overFlow, whiteSpaceToString, rotateSize, rotatePoint, getOffset, getFunction, completeRegion, findNodeByName, findObjectType, setSwimLaneDefaults, getSpaceValue, getInterval, setPortsEdges, setUMLActivityDefaults, setConnectorDefaults, findNearestPoint, isDiagramChild, groupHasType, updateDefaultValues, updateLayoutValue, isPointOverConnector, intersect3, intersect2, getLineSegment, getPoints, getTooltipOffset, initfixedUserHandlesSymbol, sort, getAnnotationPosition, getOffsetOfConnector, getAlignedPosition, alignLabelOnSegments, getBezierDirection, removeChildNodes, getChild, serialize, deserialize, upgrade, updateStyle, updateHyperlink, updateShapeContent, updateShape, updateContent, updateUmlActivityNode, getUMLFinalNode, getUMLActivityShapes, removeGradient, removeItem, updateConnector, getUserHandlePosition, canResizeCorner, canShowCorner, canShowControlPoints, checkPortRestriction, findAnnotation, findPort, getInOutConnectPorts, findObjectIndex, getObjectFromCollection, scaleElement, arrangeChild, insertObject, getElement, getCollectionChangeEventArguements, getDropEventArguements, getPoint, getObjectType, flipConnector, updatePortEdges, alignElement, cloneSelectedObjects, updatePathElement, checkPort, findPath, getConnectorDirection, findDistance, cloneBlazorObject, checkBrowserInfo, canMeasureDecoratorPath, getPreviewSize, getSymbolSize, findParentInSwimlane, selectionHasConnector, CanvasRenderer, DiagramRenderer, DataBinding, getBasicShape, getPortShape, getDecoratorShape, getSegmentThumbShapeHorizontal, getSegmentThumbShapeVertical, getIconShape, getFlowShape, Hyperlink, Annotation, ShapeAnnotation, PathAnnotation, Port, PointPort, menuClass, DiagramContextMenu, Shape, Path, Native, Html, Image, Text, BasicShape, FlowShape, BpmnGateway, BpmnDataObject, BpmnTask, BpmnEvent, BpmnSubEvent, BpmnTransactionSubProcess, BpmnSubProcess, BpmnActivity, BpmnAnnotation, BpmnShape, UmlActivityShape, MethodArguments, UmlClassAttribute, UmlClassMethod, UmlClass, UmlInterface, UmlEnumerationMember, UmlEnumeration, UmlClassifierShape, DiagramShape, Node, Header, Lane, Phase, SwimLane, ChildContainer, Selector, BpmnDiagrams, getBpmnShapePathData, getBpmnTriggerShapePathData, getBpmnGatewayShapePathData, getBpmnTaskShapePathData, getBpmnLoopShapePathData, Decorator, Vector, BezierSettings, ConnectorShape, ActivityFlow, BpmnFlow, ConnectorSegment, StraightSegment, BezierSegment, OrthogonalSegment, DiagramConnectorSegment, getDirection, isEmptyVector, getBezierPoints, getBezierBounds, bezierPoints, MultiplicityLabel, ClassifierMultiplicity, RelationShip, DiagramConnectorShape, Connector, ConnectorBridging, Snapping, UndoRedo, DiagramTooltip, initTooltip, updateTooltip, LayoutAnimation, SymbolSize, SymbolPaletteInfo, FixedUserHandle, NodeFixedUserHandle, ConnectorFixedUserHandle, UserHandle, ToolBase, SelectTool, FixedUserHandleTool, ConnectTool, MoveTool, RotateTool, ResizeTool, NodeDrawingTool, ConnectorDrawingTool, TextDrawingTool, ZoomPanTool, ExpandTool, LabelTool, PolygonDrawingTool, PolyLineDrawingTool, LabelDragTool, LabelResizeTool, LabelRotateTool, FreeHandTool, DiagramEventHandler, CommandHandler, findToolToActivate, findPortToolToActivate, contains, hasSelection, hasSingleConnection, isSelected, getCursor, ConnectorEditing, updateCanvasBounds, removeChildInContainer, findBounds, createHelper, renderContainerHelper, checkParentAsContainer, checkChildNodeInContainer, addChildToContainer, updateLaneBoundsAfterAddChild, renderStackHighlighter, moveChildInStack, LineRouting, LineDistribution, CrudAction, ConnectionDataSource, DataSource, Gridlines, SnapSettings, KeyGesture, Command, CommandManager, ContextMenuSettings, CustomCursorAction, DataMappingItems, BlazorAnimation, BlazorTooltip, Layout, MindMap, HierarchicalTree, RadialTree, GraphForceNode, SymmetricLayout, GraphLayoutManager, ComplexHierarchicalTree */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _diagram__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./diagram */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Diagram", function() { return _diagram__WEBPACK_IMPORTED_MODULE_0__["Diagram"]; });
+
+/* harmony import */ var _print_settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./print-settings */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/print-settings.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PrintAndExport", function() { return _print_settings__WEBPACK_IMPORTED_MODULE_1__["PrintAndExport"]; });
+
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Size", function() { return _primitives_size__WEBPACK_IMPORTED_MODULE_2__["Size"]; });
+
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Rect", function() { return _primitives_rect__WEBPACK_IMPORTED_MODULE_3__["Rect"]; });
+
+/* harmony import */ var _primitives_matrix__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./primitives/matrix */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/matrix.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixTypes", function() { return _primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["MatrixTypes"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Matrix", function() { return _primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["Matrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "identityMatrix", function() { return _primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["identityMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "transformPointByMatrix", function() { return _primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["transformPointByMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "transformPointsByMatrix", function() { return _primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["transformPointsByMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "rotateMatrix", function() { return _primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["rotateMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scaleMatrix", function() { return _primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["scaleMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "translateMatrix", function() { return _primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["translateMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "multiplyMatrix", function() { return _primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["multiplyMatrix"]; });
+
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Point", function() { return _primitives_point__WEBPACK_IMPORTED_MODULE_5__["Point"]; });
+
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BlazorAction", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["BlazorAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PortVisibility", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["PortVisibility"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SnapConstraints", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["SnapConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SelectorConstraints", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["SelectorConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectionPointOrigin", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["ConnectionPointOrigin"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ChildArrangement", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["ChildArrangement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorConstraints", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["ConnectorConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnnotationConstraints", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["AnnotationConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NodeConstraints", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["NodeConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ElementAction", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["ElementAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ThumbsConstraints", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["ThumbsConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramConstraints", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["DiagramConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramTools", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["DiagramTools"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Transform", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["Transform"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RenderMode", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["RenderMode"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "KeyModifiers", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["KeyModifiers"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Keys", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["Keys"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramAction", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["DiagramAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RendererAction", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["RendererAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RealAction", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["RealAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ScrollActions", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["ScrollActions"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NoOfSegments", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["NoOfSegments"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramEvent", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["DiagramEvent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PortConstraints", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["PortConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "contextMenuClick", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["contextMenuClick"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "contextMenuOpen", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["contextMenuOpen"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "contextMenuBeforeItemRender", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["contextMenuBeforeItemRender"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ControlPointsVisibility", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["ControlPointsVisibility"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BezierSmoothness", function() { return _enum_enum__WEBPACK_IMPORTED_MODULE_6__["BezierSmoothness"]; });
+
+/* harmony import */ var _core_appearance__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./core/appearance */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/appearance.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Thickness", function() { return _core_appearance__WEBPACK_IMPORTED_MODULE_7__["Thickness"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Margin", function() { return _core_appearance__WEBPACK_IMPORTED_MODULE_7__["Margin"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Shadow", function() { return _core_appearance__WEBPACK_IMPORTED_MODULE_7__["Shadow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Stop", function() { return _core_appearance__WEBPACK_IMPORTED_MODULE_7__["Stop"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Gradient", function() { return _core_appearance__WEBPACK_IMPORTED_MODULE_7__["Gradient"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramGradient", function() { return _core_appearance__WEBPACK_IMPORTED_MODULE_7__["DiagramGradient"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LinearGradient", function() { return _core_appearance__WEBPACK_IMPORTED_MODULE_7__["LinearGradient"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RadialGradient", function() { return _core_appearance__WEBPACK_IMPORTED_MODULE_7__["RadialGradient"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ShapeStyle", function() { return _core_appearance__WEBPACK_IMPORTED_MODULE_7__["ShapeStyle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StrokeStyle", function() { return _core_appearance__WEBPACK_IMPORTED_MODULE_7__["StrokeStyle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TextStyle", function() { return _core_appearance__WEBPACK_IMPORTED_MODULE_7__["TextStyle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramShapeStyle", function() { return _core_appearance__WEBPACK_IMPORTED_MODULE_7__["DiagramShapeStyle"]; });
+
+/* harmony import */ var _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./core/elements/diagram-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramElement", function() { return _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_8__["DiagramElement"]; });
+
+/* harmony import */ var _core_elements_path_element__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./core/elements/path-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/path-element.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PathElement", function() { return _core_elements_path_element__WEBPACK_IMPORTED_MODULE_9__["PathElement"]; });
+
+/* harmony import */ var _core_elements_image_element__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./core/elements/image-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/image-element.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ImageElement", function() { return _core_elements_image_element__WEBPACK_IMPORTED_MODULE_10__["ImageElement"]; });
+
+/* harmony import */ var _core_elements_text_element__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./core/elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TextElement", function() { return _core_elements_text_element__WEBPACK_IMPORTED_MODULE_11__["TextElement"]; });
+
+/* harmony import */ var _core_containers_container__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./core/containers/container */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/container.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Container", function() { return _core_containers_container__WEBPACK_IMPORTED_MODULE_12__["Container"]; });
+
+/* harmony import */ var _core_containers_canvas__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./core/containers/canvas */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/canvas.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Canvas", function() { return _core_containers_canvas__WEBPACK_IMPORTED_MODULE_13__["Canvas"]; });
+
+/* harmony import */ var _core_containers_grid__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./core/containers/grid */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/grid.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GridPanel", function() { return _core_containers_grid__WEBPACK_IMPORTED_MODULE_14__["GridPanel"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RowDefinition", function() { return _core_containers_grid__WEBPACK_IMPORTED_MODULE_14__["RowDefinition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColumnDefinition", function() { return _core_containers_grid__WEBPACK_IMPORTED_MODULE_14__["ColumnDefinition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GridRow", function() { return _core_containers_grid__WEBPACK_IMPORTED_MODULE_14__["GridRow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GridCell", function() { return _core_containers_grid__WEBPACK_IMPORTED_MODULE_14__["GridCell"]; });
+
+/* harmony import */ var _core_containers_stack_panel__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./core/containers/stack-panel */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/stack-panel.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StackPanel", function() { return _core_containers_stack_panel__WEBPACK_IMPORTED_MODULE_15__["StackPanel"]; });
+
+/* harmony import */ var _utility_connector__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./utility/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/connector.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findConnectorPoints", function() { return _utility_connector__WEBPACK_IMPORTED_MODULE_16__["findConnectorPoints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "swapBounds", function() { return _utility_connector__WEBPACK_IMPORTED_MODULE_16__["swapBounds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findMargin", function() { return _utility_connector__WEBPACK_IMPORTED_MODULE_16__["findMargin"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findAngle", function() { return _utility_connector__WEBPACK_IMPORTED_MODULE_16__["findAngle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findPoint", function() { return _utility_connector__WEBPACK_IMPORTED_MODULE_16__["findPoint"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getIntersection", function() { return _utility_connector__WEBPACK_IMPORTED_MODULE_16__["getIntersection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getIntersectionPoints", function() { return _utility_connector__WEBPACK_IMPORTED_MODULE_16__["getIntersectionPoints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "orthoConnection2Segment", function() { return _utility_connector__WEBPACK_IMPORTED_MODULE_16__["orthoConnection2Segment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPortDirection", function() { return _utility_connector__WEBPACK_IMPORTED_MODULE_16__["getPortDirection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getOuterBounds", function() { return _utility_connector__WEBPACK_IMPORTED_MODULE_16__["getOuterBounds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getOppositeDirection", function() { return _utility_connector__WEBPACK_IMPORTED_MODULE_16__["getOppositeDirection"]; });
+
+/* harmony import */ var _utility_path_util__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utility/path-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/path-util.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "processPathData", function() { return _utility_path_util__WEBPACK_IMPORTED_MODULE_17__["processPathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parsePathData", function() { return _utility_path_util__WEBPACK_IMPORTED_MODULE_17__["parsePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getRectanglePath", function() { return _utility_path_util__WEBPACK_IMPORTED_MODULE_17__["getRectanglePath"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPolygonPath", function() { return _utility_path_util__WEBPACK_IMPORTED_MODULE_17__["getPolygonPath"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFreeHandPath", function() { return _utility_path_util__WEBPACK_IMPORTED_MODULE_17__["getFreeHandPath"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "pathSegmentCollection", function() { return _utility_path_util__WEBPACK_IMPORTED_MODULE_17__["pathSegmentCollection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "transformPath", function() { return _utility_path_util__WEBPACK_IMPORTED_MODULE_17__["transformPath"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updatedSegment", function() { return _utility_path_util__WEBPACK_IMPORTED_MODULE_17__["updatedSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scalePathData", function() { return _utility_path_util__WEBPACK_IMPORTED_MODULE_17__["scalePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "splitArrayCollection", function() { return _utility_path_util__WEBPACK_IMPORTED_MODULE_17__["splitArrayCollection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPathString", function() { return _utility_path_util__WEBPACK_IMPORTED_MODULE_17__["getPathString"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getString", function() { return _utility_path_util__WEBPACK_IMPORTED_MODULE_17__["getString"]; });
+
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "randomId", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["randomId"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getIndex", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["getIndex"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "templateCompiler", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["templateCompiler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cornersPointsBeforeRotation", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["cornersPointsBeforeRotation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBounds", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["getBounds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cloneObject", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["cloneObject"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getInternalProperties", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["getInternalProperties"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cloneArray", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["cloneArray"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "extendObject", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["extendObject"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "extendArray", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["extendArray"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "textAlignToString", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["textAlignToString"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "wordBreakToString", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["wordBreakToString"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "bBoxText", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["bBoxText"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "middleElement", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["middleElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "overFlow", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["overFlow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "whiteSpaceToString", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["whiteSpaceToString"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "rotateSize", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["rotateSize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "rotatePoint", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["rotatePoint"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getOffset", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["getOffset"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFunction", function() { return _utility_base_util__WEBPACK_IMPORTED_MODULE_18__["getFunction"]; });
+
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "completeRegion", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["completeRegion"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findNodeByName", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["findNodeByName"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findObjectType", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["findObjectType"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setSwimLaneDefaults", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["setSwimLaneDefaults"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getSpaceValue", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getSpaceValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getInterval", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getInterval"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setPortsEdges", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["setPortsEdges"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setUMLActivityDefaults", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["setUMLActivityDefaults"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setConnectorDefaults", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["setConnectorDefaults"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findNearestPoint", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["findNearestPoint"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isDiagramChild", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["isDiagramChild"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "groupHasType", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["groupHasType"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateDefaultValues", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["updateDefaultValues"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateLayoutValue", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["updateLayoutValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isPointOverConnector", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["isPointOverConnector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "intersect3", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["intersect3"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "intersect2", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["intersect2"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getLineSegment", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getLineSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPoints", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getPoints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getTooltipOffset", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getTooltipOffset"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initfixedUserHandlesSymbol", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["initfixedUserHandlesSymbol"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sort", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["sort"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getAnnotationPosition", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getAnnotationPosition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getOffsetOfConnector", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getOffsetOfConnector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getAlignedPosition", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getAlignedPosition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "alignLabelOnSegments", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["alignLabelOnSegments"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBezierDirection", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getBezierDirection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "removeChildNodes", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["removeChildNodes"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getChild", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getChild"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "serialize", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["serialize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "deserialize", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["deserialize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "upgrade", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["upgrade"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateStyle", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["updateStyle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateHyperlink", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["updateHyperlink"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateShapeContent", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["updateShapeContent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateShape", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["updateShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateContent", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["updateContent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateUmlActivityNode", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["updateUmlActivityNode"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getUMLFinalNode", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getUMLFinalNode"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getUMLActivityShapes", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getUMLActivityShapes"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "removeGradient", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["removeGradient"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "removeItem", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["removeItem"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateConnector", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["updateConnector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getUserHandlePosition", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getUserHandlePosition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "canResizeCorner", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["canResizeCorner"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "canShowCorner", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["canShowCorner"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "canShowControlPoints", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["canShowControlPoints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "checkPortRestriction", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["checkPortRestriction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findAnnotation", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["findAnnotation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findPort", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["findPort"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getInOutConnectPorts", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getInOutConnectPorts"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findObjectIndex", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["findObjectIndex"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getObjectFromCollection", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getObjectFromCollection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scaleElement", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["scaleElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "arrangeChild", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["arrangeChild"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "insertObject", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["insertObject"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getElement", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getCollectionChangeEventArguements", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getCollectionChangeEventArguements"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getDropEventArguements", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getDropEventArguements"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPoint", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getPoint"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getObjectType", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getObjectType"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "flipConnector", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["flipConnector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updatePortEdges", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["updatePortEdges"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "alignElement", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["alignElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cloneSelectedObjects", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["cloneSelectedObjects"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updatePathElement", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["updatePathElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "checkPort", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["checkPort"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findPath", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["findPath"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getConnectorDirection", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getConnectorDirection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findDistance", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["findDistance"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cloneBlazorObject", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["cloneBlazorObject"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "checkBrowserInfo", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["checkBrowserInfo"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "canMeasureDecoratorPath", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["canMeasureDecoratorPath"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPreviewSize", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getPreviewSize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getSymbolSize", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["getSymbolSize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findParentInSwimlane", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["findParentInSwimlane"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "selectionHasConnector", function() { return _utility_diagram_util__WEBPACK_IMPORTED_MODULE_19__["selectionHasConnector"]; });
+
+/* harmony import */ var _rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./rendering/canvas-renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/canvas-renderer.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CanvasRenderer", function() { return _rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_20__["CanvasRenderer"]; });
+
+/* harmony import */ var _rendering_renderer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./rendering/renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/renderer.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramRenderer", function() { return _rendering_renderer__WEBPACK_IMPORTED_MODULE_21__["DiagramRenderer"]; });
+
+/* harmony import */ var _data_binding_data_binding__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./data-binding/data-binding */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/data-binding/data-binding.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DataBinding", function() { return _data_binding_data_binding__WEBPACK_IMPORTED_MODULE_22__["DataBinding"]; });
+
+/* harmony import */ var _objects_dictionary_basic_shapes__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./objects/dictionary/basic-shapes */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/dictionary/basic-shapes.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBasicShape", function() { return _objects_dictionary_basic_shapes__WEBPACK_IMPORTED_MODULE_23__["getBasicShape"]; });
+
+/* harmony import */ var _objects_dictionary_common__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./objects/dictionary/common */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/dictionary/common.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPortShape", function() { return _objects_dictionary_common__WEBPACK_IMPORTED_MODULE_24__["getPortShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getDecoratorShape", function() { return _objects_dictionary_common__WEBPACK_IMPORTED_MODULE_24__["getDecoratorShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getSegmentThumbShapeHorizontal", function() { return _objects_dictionary_common__WEBPACK_IMPORTED_MODULE_24__["getSegmentThumbShapeHorizontal"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getSegmentThumbShapeVertical", function() { return _objects_dictionary_common__WEBPACK_IMPORTED_MODULE_24__["getSegmentThumbShapeVertical"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getIconShape", function() { return _objects_dictionary_common__WEBPACK_IMPORTED_MODULE_24__["getIconShape"]; });
+
+/* harmony import */ var _objects_dictionary_flow_shapes__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./objects/dictionary/flow-shapes */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/dictionary/flow-shapes.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFlowShape", function() { return _objects_dictionary_flow_shapes__WEBPACK_IMPORTED_MODULE_25__["getFlowShape"]; });
+
+/* harmony import */ var _objects_annotation__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./objects/annotation */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/annotation.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Hyperlink", function() { return _objects_annotation__WEBPACK_IMPORTED_MODULE_26__["Hyperlink"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Annotation", function() { return _objects_annotation__WEBPACK_IMPORTED_MODULE_26__["Annotation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ShapeAnnotation", function() { return _objects_annotation__WEBPACK_IMPORTED_MODULE_26__["ShapeAnnotation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PathAnnotation", function() { return _objects_annotation__WEBPACK_IMPORTED_MODULE_26__["PathAnnotation"]; });
+
+/* harmony import */ var _objects_port__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./objects/port */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/port.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Port", function() { return _objects_port__WEBPACK_IMPORTED_MODULE_27__["Port"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PointPort", function() { return _objects_port__WEBPACK_IMPORTED_MODULE_27__["PointPort"]; });
+
+/* harmony import */ var _objects_context_menu__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./objects/context-menu */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/context-menu.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "menuClass", function() { return _objects_context_menu__WEBPACK_IMPORTED_MODULE_28__["menuClass"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramContextMenu", function() { return _objects_context_menu__WEBPACK_IMPORTED_MODULE_28__["DiagramContextMenu"]; });
+
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Shape", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["Shape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Path", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["Path"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Native", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["Native"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Html", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["Html"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Image", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["Image"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Text", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["Text"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BasicShape", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["BasicShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FlowShape", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["FlowShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnGateway", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["BpmnGateway"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnDataObject", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["BpmnDataObject"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnTask", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["BpmnTask"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnEvent", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["BpmnEvent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnSubEvent", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["BpmnSubEvent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnTransactionSubProcess", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["BpmnTransactionSubProcess"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnSubProcess", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["BpmnSubProcess"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnActivity", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["BpmnActivity"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnAnnotation", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["BpmnAnnotation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnShape", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["BpmnShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlActivityShape", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["UmlActivityShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MethodArguments", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["MethodArguments"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlClassAttribute", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["UmlClassAttribute"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlClassMethod", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["UmlClassMethod"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlClass", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["UmlClass"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlInterface", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["UmlInterface"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlEnumerationMember", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["UmlEnumerationMember"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlEnumeration", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["UmlEnumeration"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlClassifierShape", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["UmlClassifierShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramShape", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["DiagramShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Node", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["Node"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Header", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["Header"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Lane", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["Lane"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Phase", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["Phase"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SwimLane", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["SwimLane"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ChildContainer", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["ChildContainer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Selector", function() { return _objects_node__WEBPACK_IMPORTED_MODULE_29__["Selector"]; });
+
+/* harmony import */ var _objects_bpmn__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./objects/bpmn */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/bpmn.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnDiagrams", function() { return _objects_bpmn__WEBPACK_IMPORTED_MODULE_30__["BpmnDiagrams"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBpmnShapePathData", function() { return _objects_bpmn__WEBPACK_IMPORTED_MODULE_30__["getBpmnShapePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBpmnTriggerShapePathData", function() { return _objects_bpmn__WEBPACK_IMPORTED_MODULE_30__["getBpmnTriggerShapePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBpmnGatewayShapePathData", function() { return _objects_bpmn__WEBPACK_IMPORTED_MODULE_30__["getBpmnGatewayShapePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBpmnTaskShapePathData", function() { return _objects_bpmn__WEBPACK_IMPORTED_MODULE_30__["getBpmnTaskShapePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBpmnLoopShapePathData", function() { return _objects_bpmn__WEBPACK_IMPORTED_MODULE_30__["getBpmnLoopShapePathData"]; });
+
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Decorator", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["Decorator"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Vector", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["Vector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BezierSettings", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["BezierSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorShape", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["ConnectorShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActivityFlow", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["ActivityFlow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnFlow", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["BpmnFlow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorSegment", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["ConnectorSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StraightSegment", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["StraightSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BezierSegment", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["BezierSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "OrthogonalSegment", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["OrthogonalSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramConnectorSegment", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["DiagramConnectorSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getDirection", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["getDirection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isEmptyVector", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["isEmptyVector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBezierPoints", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["getBezierPoints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBezierBounds", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["getBezierBounds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "bezierPoints", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["bezierPoints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultiplicityLabel", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["MultiplicityLabel"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClassifierMultiplicity", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["ClassifierMultiplicity"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RelationShip", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["RelationShip"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramConnectorShape", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["DiagramConnectorShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Connector", function() { return _objects_connector__WEBPACK_IMPORTED_MODULE_31__["Connector"]; });
+
+/* harmony import */ var _objects_connector_bridging__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./objects/connector-bridging */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector-bridging.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorBridging", function() { return _objects_connector_bridging__WEBPACK_IMPORTED_MODULE_32__["ConnectorBridging"]; });
+
+/* harmony import */ var _objects_snapping__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./objects/snapping */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/snapping.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Snapping", function() { return _objects_snapping__WEBPACK_IMPORTED_MODULE_33__["Snapping"]; });
+
+/* harmony import */ var _objects_undo_redo__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./objects/undo-redo */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/undo-redo.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedo", function() { return _objects_undo_redo__WEBPACK_IMPORTED_MODULE_34__["UndoRedo"]; });
+
+/* harmony import */ var _objects_tooltip__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./objects/tooltip */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/tooltip.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramTooltip", function() { return _objects_tooltip__WEBPACK_IMPORTED_MODULE_35__["DiagramTooltip"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initTooltip", function() { return _objects_tooltip__WEBPACK_IMPORTED_MODULE_35__["initTooltip"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateTooltip", function() { return _objects_tooltip__WEBPACK_IMPORTED_MODULE_35__["updateTooltip"]; });
+
+/* harmony import */ var _objects_layout_animation__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./objects/layout-animation */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/layout-animation.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LayoutAnimation", function() { return _objects_layout_animation__WEBPACK_IMPORTED_MODULE_36__["LayoutAnimation"]; });
+
+/* harmony import */ var _objects_preview__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./objects/preview */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/preview.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SymbolSize", function() { return _objects_preview__WEBPACK_IMPORTED_MODULE_37__["SymbolSize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SymbolPaletteInfo", function() { return _objects_preview__WEBPACK_IMPORTED_MODULE_37__["SymbolPaletteInfo"]; });
+
+/* harmony import */ var _objects_fixed_user_handle__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./objects/fixed-user-handle */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/fixed-user-handle.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FixedUserHandle", function() { return _objects_fixed_user_handle__WEBPACK_IMPORTED_MODULE_38__["FixedUserHandle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NodeFixedUserHandle", function() { return _objects_fixed_user_handle__WEBPACK_IMPORTED_MODULE_38__["NodeFixedUserHandle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorFixedUserHandle", function() { return _objects_fixed_user_handle__WEBPACK_IMPORTED_MODULE_38__["ConnectorFixedUserHandle"]; });
+
+/* harmony import */ var _interaction_selector__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./interaction/selector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/selector.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UserHandle", function() { return _interaction_selector__WEBPACK_IMPORTED_MODULE_39__["UserHandle"]; });
+
+/* harmony import */ var _interaction_tool__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./interaction/tool */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/tool.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolBase", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["ToolBase"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SelectTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["SelectTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FixedUserHandleTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["FixedUserHandleTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["ConnectTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MoveTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["MoveTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RotateTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["RotateTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResizeTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["ResizeTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NodeDrawingTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["NodeDrawingTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorDrawingTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["ConnectorDrawingTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TextDrawingTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["TextDrawingTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ZoomPanTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["ZoomPanTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ExpandTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["ExpandTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LabelTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["LabelTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PolygonDrawingTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["PolygonDrawingTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PolyLineDrawingTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["PolyLineDrawingTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LabelDragTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["LabelDragTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LabelResizeTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["LabelResizeTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LabelRotateTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["LabelRotateTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FreeHandTool", function() { return _interaction_tool__WEBPACK_IMPORTED_MODULE_40__["FreeHandTool"]; });
+
+/* harmony import */ var _interaction_event_handlers__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./interaction/event-handlers */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/event-handlers.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramEventHandler", function() { return _interaction_event_handlers__WEBPACK_IMPORTED_MODULE_41__["DiagramEventHandler"]; });
+
+/* harmony import */ var _interaction_command_manager__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./interaction/command-manager */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/command-manager.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CommandHandler", function() { return _interaction_command_manager__WEBPACK_IMPORTED_MODULE_42__["CommandHandler"]; });
+
+/* harmony import */ var _interaction_actions__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./interaction/actions */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/actions.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findToolToActivate", function() { return _interaction_actions__WEBPACK_IMPORTED_MODULE_43__["findToolToActivate"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findPortToolToActivate", function() { return _interaction_actions__WEBPACK_IMPORTED_MODULE_43__["findPortToolToActivate"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "contains", function() { return _interaction_actions__WEBPACK_IMPORTED_MODULE_43__["contains"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hasSelection", function() { return _interaction_actions__WEBPACK_IMPORTED_MODULE_43__["hasSelection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hasSingleConnection", function() { return _interaction_actions__WEBPACK_IMPORTED_MODULE_43__["hasSingleConnection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isSelected", function() { return _interaction_actions__WEBPACK_IMPORTED_MODULE_43__["isSelected"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getCursor", function() { return _interaction_actions__WEBPACK_IMPORTED_MODULE_43__["getCursor"]; });
+
+/* harmony import */ var _interaction_connector_editing__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./interaction/connector-editing */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/connector-editing.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorEditing", function() { return _interaction_connector_editing__WEBPACK_IMPORTED_MODULE_44__["ConnectorEditing"]; });
+
+/* harmony import */ var _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./interaction/container-interaction */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/container-interaction.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateCanvasBounds", function() { return _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_45__["updateCanvasBounds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "removeChildInContainer", function() { return _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_45__["removeChildInContainer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findBounds", function() { return _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_45__["findBounds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createHelper", function() { return _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_45__["createHelper"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "renderContainerHelper", function() { return _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_45__["renderContainerHelper"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "checkParentAsContainer", function() { return _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_45__["checkParentAsContainer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "checkChildNodeInContainer", function() { return _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_45__["checkChildNodeInContainer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "addChildToContainer", function() { return _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_45__["addChildToContainer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateLaneBoundsAfterAddChild", function() { return _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_45__["updateLaneBoundsAfterAddChild"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "renderStackHighlighter", function() { return _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_45__["renderStackHighlighter"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "moveChildInStack", function() { return _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_45__["moveChildInStack"]; });
+
+/* harmony import */ var _interaction_line_routing__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./interaction/line-routing */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/line-routing.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LineRouting", function() { return _interaction_line_routing__WEBPACK_IMPORTED_MODULE_46__["LineRouting"]; });
+
+/* harmony import */ var _interaction_line_distribution__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./interaction/line-distribution */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/line-distribution.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LineDistribution", function() { return _interaction_line_distribution__WEBPACK_IMPORTED_MODULE_47__["LineDistribution"]; });
+
+/* harmony import */ var _diagram_data_source__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./diagram/data-source */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/data-source.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CrudAction", function() { return _diagram_data_source__WEBPACK_IMPORTED_MODULE_48__["CrudAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectionDataSource", function() { return _diagram_data_source__WEBPACK_IMPORTED_MODULE_48__["ConnectionDataSource"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DataSource", function() { return _diagram_data_source__WEBPACK_IMPORTED_MODULE_48__["DataSource"]; });
+
+/* harmony import */ var _diagram_grid_lines__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./diagram/grid-lines */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/grid-lines.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Gridlines", function() { return _diagram_grid_lines__WEBPACK_IMPORTED_MODULE_49__["Gridlines"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SnapSettings", function() { return _diagram_grid_lines__WEBPACK_IMPORTED_MODULE_49__["SnapSettings"]; });
+
+/* harmony import */ var _diagram_keyboard_commands__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./diagram/keyboard-commands */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/keyboard-commands.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "KeyGesture", function() { return _diagram_keyboard_commands__WEBPACK_IMPORTED_MODULE_50__["KeyGesture"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Command", function() { return _diagram_keyboard_commands__WEBPACK_IMPORTED_MODULE_50__["Command"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CommandManager", function() { return _diagram_keyboard_commands__WEBPACK_IMPORTED_MODULE_50__["CommandManager"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ContextMenuSettings", function() { return _diagram_keyboard_commands__WEBPACK_IMPORTED_MODULE_50__["ContextMenuSettings"]; });
+
+/* harmony import */ var _diagram_custom_cursor__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./diagram/custom-cursor */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/custom-cursor.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CustomCursorAction", function() { return _diagram_custom_cursor__WEBPACK_IMPORTED_MODULE_51__["CustomCursorAction"]; });
+
+/* harmony import */ var _diagram_data_mapping__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./diagram/data-mapping */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/data-mapping.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DataMappingItems", function() { return _diagram_data_mapping__WEBPACK_IMPORTED_MODULE_52__["DataMappingItems"]; });
+
+/* harmony import */ var _blazor_tooltip_blazor_Tooltip__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ./blazor-tooltip/blazor-Tooltip */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/blazor-tooltip/blazor-Tooltip.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BlazorAnimation", function() { return _blazor_tooltip_blazor_Tooltip__WEBPACK_IMPORTED_MODULE_53__["BlazorAnimation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BlazorTooltip", function() { return _blazor_tooltip_blazor_Tooltip__WEBPACK_IMPORTED_MODULE_53__["BlazorTooltip"]; });
+
+/* harmony import */ var _layout_layout_base__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ./layout/layout-base */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/layout-base.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Layout", function() { return _layout_layout_base__WEBPACK_IMPORTED_MODULE_54__["Layout"]; });
+
+/* harmony import */ var _layout_mind_map__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ./layout/mind-map */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/mind-map.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MindMap", function() { return _layout_mind_map__WEBPACK_IMPORTED_MODULE_55__["MindMap"]; });
+
+/* harmony import */ var _layout_hierarchical_tree__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ./layout/hierarchical-tree */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/hierarchical-tree.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HierarchicalTree", function() { return _layout_hierarchical_tree__WEBPACK_IMPORTED_MODULE_56__["HierarchicalTree"]; });
+
+/* harmony import */ var _layout_radial_tree__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ./layout/radial-tree */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/radial-tree.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RadialTree", function() { return _layout_radial_tree__WEBPACK_IMPORTED_MODULE_57__["RadialTree"]; });
+
+/* harmony import */ var _layout_symmetrical_layout__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ./layout/symmetrical-layout */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/symmetrical-layout.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GraphForceNode", function() { return _layout_symmetrical_layout__WEBPACK_IMPORTED_MODULE_58__["GraphForceNode"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SymmetricLayout", function() { return _layout_symmetrical_layout__WEBPACK_IMPORTED_MODULE_58__["SymmetricLayout"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GraphLayoutManager", function() { return _layout_symmetrical_layout__WEBPACK_IMPORTED_MODULE_58__["GraphLayoutManager"]; });
+
+/* harmony import */ var _layout_complex_hierarchical_tree__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ./layout/complex-hierarchical-tree */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/complex-hierarchical-tree.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComplexHierarchicalTree", function() { return _layout_complex_hierarchical_tree__WEBPACK_IMPORTED_MODULE_59__["ComplexHierarchicalTree"]; });
+
+/**
+ * Diagram component exported items
+ */
+
+
+//primitives
+
+
+
+
+//enums
+
+//core
+
+
+
+
+
+
+
+
+
+//utility
+
+
+
+
+//rendering
+
+
+//data binding
+
+//objects
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//interaction
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//layout
+
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/actions.js":
+/*!***********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/actions.js ***!
+ \***********************************************************************************/
+/*! exports provided: findToolToActivate, findPortToolToActivate, contains, hasSelection, hasSingleConnection, isSelected, getCursor */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findToolToActivate", function() { return findToolToActivate; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findPortToolToActivate", function() { return findPortToolToActivate; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "contains", function() { return contains; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hasSelection", function() { return hasSelection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hasSingleConnection", function() { return hasSingleConnection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isSelected", function() { return isSelected; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCursor", function() { return getCursor; });
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _primitives_matrix__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../primitives/matrix */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/matrix.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utility/constraints-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _core_elements_text_element__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../core/elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _objects_port__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./../objects/port */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/port.js");
+/* harmony import */ var _objects_annotation__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../objects/annotation */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/annotation.js");
+/* harmony import */ var _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../interaction/container-interaction */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/container-interaction.js");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Finds the action to be taken for the object under mouse
+ *
+ */
+/* tslint:disable */
+/**
+ * findToolToActivate method\
+ *
+ * @returns {Actions} findToolToActivate method .\
+ * @param {Object} obj - provide the options value.
+ * @param {DiagramElement} wrapper - provide the options value.
+ * @param {PointModel} position - provide the options value.
+ * @param {Diagram} diagram - provide the options value.
+ * @param {ITouches[] | TouchList} touchStart - provide the options value.
+ * @param {ITouches[] | TouchList} touchMove - provide the options value.
+ * @param {NodeModel | PointPortModel | ShapeAnnotationModel | PathAnnotationModel} target - provide the options value.
+ * @private
+ */
+function findToolToActivate(obj, wrapper, position, diagram, touchStart, touchMove, target) {
+ //let conn: Connector = diagram.selectedItems.connectors[0] as Connector;
+ if (touchMove && touchMove.length > 1 && touchStart && touchStart.length > 1) {
+ return 'PinchZoom';
+ }
+ if (diagram.currentSymbol) {
+ return 'Drag';
+ }
+ var eventHandler = 'eventHandler';
+ if (diagram["" + eventHandler].action === 'PortDraw') {
+ diagram.tool &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramTools"].DrawOnce;
+ }
+ //Drawing Tools
+ if ((Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canDrawOnce"])(diagram) || Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canContinuousDraw"])(diagram)) && diagram.drawingObject) {
+ return 'Draw';
+ }
+ if (hasSelection(diagram)) {
+ var handle = diagram.selectedItems;
+ if (handle.wrapper && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canShowCorner"])(handle.constraints, 'UserHandle')) {
+ for (var _i = 0, _a = handle.userHandles; _i < _a.length; _i++) {
+ var obj_1 = _a[_i];
+ if (obj_1.visible) {
+ var paddedBounds = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["getUserHandlePosition"])(handle, obj_1, diagram.scroller.transform);
+ if (contains(position, paddedBounds, obj_1.size / (2 * diagram.scroller.transform.scale))) {
+ return obj_1.name;
+ }
+ }
+ }
+ }
+ }
+ if (hasSelection(diagram)) {
+ var element = (diagram.selectedItems.annotation) ?
+ diagram.selectedItems.wrapper.children[0] : diagram.selectedItems.wrapper;
+ var selectorBnds = element.bounds;
+ var handle = diagram.selectedItems;
+ var paddedBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_2__["Rect"](selectorBnds.x, selectorBnds.y, selectorBnds.width, selectorBnds.height);
+ if (hasSingleConnection(diagram) && !diagram.selectedItems.annotation) {
+ var conn = diagram.selectedItems.connectors[0];
+ var sourcePaddingValue = (diagram.selectedItems.handleSize / 2) / diagram.scrollSettings.currentZoom;
+ var targetPaddingValue = (diagram.selectedItems.handleSize / 2) / diagram.scrollSettings.currentZoom;
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canShowCorner"])(handle.constraints, 'ResizeAll')) {
+ if ((Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canShowCorner"])(handle.constraints, 'ConnectorSourceThumb'))
+ && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canDragSourceEnd"])(conn) && contains(position, conn.sourcePoint, sourcePaddingValue)) {
+ return 'ConnectorSourceEnd';
+ }
+ if ((Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canShowCorner"])(handle.constraints, 'ConnectorTargetThumb'))
+ && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canDragTargetEnd"])(conn) && contains(position, conn.targetPoint, targetPaddingValue)) {
+ return 'ConnectorTargetEnd';
+ }
+ var action = checkForConnectorSegment(conn, handle, position, diagram);
+ if (action !== 'OrthoThumb') {
+ if ((Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canShowCorner"])(handle.constraints, 'ConnectorSourceThumb'))
+ && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canDragSourceEnd"])(conn)) {
+ if (action) {
+ return action;
+ }
+ }
+ if ((Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canShowCorner"])(handle.constraints, 'ConnectorTargetThumb'))
+ && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canDragTargetEnd"])(conn)) {
+ if (action) {
+ return action;
+ }
+ }
+ }
+ else {
+ return action;
+ }
+ }
+ }
+ else {
+ var ten = (diagram.selectedItems.handleSize / 2) / diagram.scroller.currentZoom;
+ var tenRotate = 10 / diagram.scroller.currentZoom;
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["rotateMatrix"])(matrix, element.rotateAngle + element.parentTransform, element.offsetX, element.offsetY);
+ //check for resizing tool
+ var x = element.offsetX - element.pivot.x * element.actualSize.width;
+ var y = element.offsetY - element.pivot.y * element.actualSize.height;
+ var rotateThumb = {
+ x: x + ((element.pivot.x === 0.5 ? element.pivot.x * 2 : element.pivot.x) * element.actualSize.width / 2),
+ y: y - 30 / diagram.scroller.currentZoom
+ };
+ rotateThumb = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, rotateThumb);
+ var labelSelection = diagram.selectedItems.annotation ? true : false;
+ var labelRotate = (labelSelection && (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canRotate"])(diagram.selectedItems.annotation))) ? true : false;
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canShowCorner"])(handle.constraints, 'Rotate') && contains(position, rotateThumb, tenRotate) &&
+ (diagram.selectedItems.thumbsConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["ThumbsConstraints"].Rotate)) {
+ if (labelSelection && labelRotate) {
+ return 'LabelRotate';
+ }
+ else if (!labelSelection) {
+ return 'Rotate';
+ }
+ }
+ paddedBounds.Inflate(ten);
+ if (paddedBounds.containsPoint(position)) {
+ var action = checkResizeHandles(diagram, element, position, matrix, x, y);
+ if (action) {
+ return action;
+ }
+ }
+ }
+ }
+ //Panning
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canZoomPan"])(diagram) && !obj) {
+ return 'Pan';
+ }
+ //826364 - Drawing Tool is not activated on hovering the ports while both ZoomPan and single select constraints enabled
+ if ((target instanceof _objects_port__WEBPACK_IMPORTED_MODULE_9__["PointPort"]) && (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canZoomPan"])(diagram) || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canSingleSelect"])(diagram) || Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canMultiSelect"])(diagram)))) {
+ var action = findPortToolToActivate(diagram, target);
+ if (action !== 'None') {
+ return action;
+ }
+ }
+ if ((target instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_10__["ShapeAnnotation"] || target instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_10__["PathAnnotation"]) && (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canZoomPan"])(diagram) && (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canSelect"])(target)))) {
+ if (isSelected(diagram, target, undefined, wrapper) && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canMove"])(target)) {
+ return 'LabelDrag';
+ }
+ return 'LabelSelect';
+ }
+ if (obj !== null) {
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"] || obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"]) {
+ if (wrapper && wrapper.id) {
+ var id = wrapper.id.split(obj.id)[1];
+ if (id && id.match('^_icon')) {
+ return 'LayoutAnimation';
+ }
+ }
+ if (wrapper && wrapper.id) {
+ var userid = void 0;
+ for (var i = 0; i < obj.fixedUserHandles.length; i++) {
+ userid = obj.fixedUserHandles[parseInt(i.toString(), 10)].id;
+ if (wrapper.id && (wrapper.id.indexOf(userid) > -1)) {
+ return 'FixedUserHandle';
+ }
+ }
+ }
+ if (wrapper instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_7__["TextElement"] && wrapper.hyperlink.link) {
+ return 'Hyperlink';
+ }
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canMove"])(obj) && isSelected(diagram, obj, false) && diagram.selectedItems.annotation === undefined) {
+ if ((obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"] && !(contains(position, obj.sourcePoint, obj.hitPadding) ||
+ contains(position, obj.targetPoint, obj.hitPadding))) ||
+ !(obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"])) {
+ return 'Drag';
+ }
+ }
+ else if (obj && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canZoomPan"])(diagram) && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["defaultTool"])(diagram)) {
+ return 'Pan';
+ }
+ else if (diagram.selectedItems.nodes.length && diagram.selectedItems.nodes[0].isLane &&
+ diagram.selectedItems.wrapper && diagram.selectedItems.wrapper.bounds.containsPoint(position)) {
+ return 'Drag';
+ }
+ else {
+ return 'Select';
+ }
+ }
+ else {
+ return 'Select';
+ }
+ }
+ return 'Select';
+}
+/* tslint:enable */
+function checkResizeHandles(diagram, element, position, matrix, x, y) {
+ var action;
+ if ((diagram.selectedItems.nodes.length === 1 && diagram.selectedItems.connectors.length === 0)
+ && diagram.selectedItems.nodes[0].container) {
+ action = checkResizeHandleForContainer(diagram, element, position, x, y);
+ }
+ if (!action && (!diagram.selectedItems.nodes[0] || (!diagram.selectedItems.nodes[0].isPhase &&
+ !diagram.selectedItems.nodes[0].isLane && diagram.selectedItems.nodes[0].shape.type !== 'SwimLane'))) {
+ action = checkForResizeHandles(diagram, element, position, matrix, x, y);
+ }
+ if (action) {
+ return action;
+ }
+ return null;
+}
+/**
+ * checkForConnectorSegment method\
+ *
+ * @returns {Actions} checkForConnectorSegment method .\
+ * @param {Connector} conn - provide the options value.
+ * @param {SelectorModel} handle - provide the options value.
+ * @param {PointModel} position - provide the options value.
+ * @param {Diagram} diagram - provide the options value.
+ * @private
+ */
+function checkForConnectorSegment(conn, handle, position, diagram) {
+ //(EJ2-70650)-Unable to drag bezier control thumb, when we increase handleSize value
+ //Added below code for drag the bezier control thumb while increasing handle size (Changing cursor from pointer to drag cursor)
+ var targetPaddingValue = (handle.handleSize / 2) / diagram.scrollSettings.currentZoom;
+ var sourcePaddingValue = (handle.handleSize / 2) / diagram.scrollSettings.currentZoom;
+ if (conn.type === 'Bezier' && diagram.connectorEditingToolModule) {
+ for (var i = 0; i < conn.segments.length; i++) {
+ var segment = (conn.segments)[parseInt(i.toString(), 10)];
+ // EJ2-67447 - Bezier segment control points are clickable after hiding it with controlPointsVisibility property.
+ // The below condition is used to check the control points visibility of the connector.
+ if (contains(position, !_primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].isEmptyPoint(segment.point1) ? segment.point1 : segment.bezierPoint1, sourcePaddingValue) && ((i === 0 && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canShowControlPoints"])(conn.bezierSettings.controlPointsVisibility, 'Source')) || (i !== 0 && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canShowControlPoints"])(conn.bezierSettings.controlPointsVisibility, 'Intermediate')))) {
+ return 'BezierSourceThumb';
+ }
+ if (contains(position, !_primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].isEmptyPoint(segment.point2) ? segment.point2 : segment.bezierPoint2, targetPaddingValue) && ((i === conn.segments.length - 1 && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canShowControlPoints"])(conn.bezierSettings.controlPointsVisibility, 'Target')) || (i !== conn.segments.length - 1 && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canShowControlPoints"])(conn.bezierSettings.controlPointsVisibility, 'Intermediate')))) {
+ return 'BezierTargetThumb';
+ }
+ }
+ }
+ if (diagram.connectorEditingToolModule && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canDragSegmentThumb"])(conn)) {
+ if (conn.type === 'Straight' || conn.type === 'Bezier') {
+ for (var i = 0; i < conn.segments.length; i++) {
+ //let segment: StraightSegmentModel | BezierSegmentModel;
+ var segment = (conn.segments)[parseInt(i.toString(), 10)];
+ if (contains(position, segment.point, 10)) {
+ return 'SegmentEnd';
+ }
+ }
+ }
+ else {
+ for (var i = 0; i < conn.segments.length; i++) {
+ var segPoint = { x: 0, y: 0 };
+ var segment = (conn.segments)[parseInt(i.toString(), 10)];
+ if (segment.allowDrag) {
+ for (var j = 0; j < segment.points.length - 1; j++) {
+ var length_1 = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].distancePoints(segment.points[parseInt(j.toString(), 10)], segment.points[j + 1]);
+ if (length_1 >= 50) {
+ segPoint.x = ((segment.points[parseInt(j.toString(), 10)].x + segment.points[j + 1].x) / 2);
+ segPoint.y = ((segment.points[parseInt(j.toString(), 10)].y + segment.points[j + 1].y) / 2);
+ if (contains(position, segPoint, 30)) {
+ return 'OrthoThumb';
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ return null;
+}
+/**
+ * findPortToolToActivate method\
+ *
+ * @returns {boolean} findPortToolToActivate method .\
+ * @param {Diagram} diagram - provide the options value.
+ * @param {NodeModel | PointPortModel} target - provide the options value.
+ * @param {ITouches[] | TouchList} touchStart - provide the options value.
+ * @param {ITouches[] | TouchList} touchMove - provide the options value.
+ * @private
+ */
+function findPortToolToActivate(diagram, target,
+// eslint-disable-next-line
+touchStart, touchMove) {
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canDrag"])(target, diagram) && (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["checkPortRestriction"])(target, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Hover)
+ || (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["checkPortRestriction"])(target, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Visible)))) {
+ if ((target.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortConstraints"].Drag)) {
+ return 'PortDrag';
+ }
+ }
+ else if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_5__["canDraw"])(target, diagram) && (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["checkPortRestriction"])(target, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Hover)
+ || (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["checkPortRestriction"])(target, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Visible)))) {
+ if (target.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortConstraints"].Draw) {
+ diagram.drawingObject = {};
+ var connector = { type: 'Orthogonal', sourcePortID: target.id };
+ diagram.drawingObject = connector;
+ diagram.tool |= _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramTools"].DrawOnce;
+ diagram.currentDrawingObject = connector;
+ return 'PortDraw';
+ }
+ }
+ return 'None';
+}
+/**
+ * Resize handle for container and also object.
+ * @param {Diagram} diagram - provide the options value.
+ * @param {DiagramElement} element - provide the options value.
+ * @param {PointModel} position - provide the options value.
+ * @param {number} x - provide the options value.
+ * @param {number} y - provide the options value.
+ * @returns {Actions} Resize handle for container and also object.\
+ *
+ * @private
+ */
+function checkResizeHandleForContainer(diagram, element, position, x, y) {
+ var ten = 10 / diagram.scroller.currentZoom;
+ var forty = 40 / diagram.scroller.currentZoom;
+ var selectedItems = diagram.selectedItems;
+ var width = element.actualSize.width;
+ var height = element.actualSize.height;
+ var left = new _primitives_rect__WEBPACK_IMPORTED_MODULE_2__["Rect"](x, y + 20, element.style.strokeWidth, height - 40);
+ var right = new _primitives_rect__WEBPACK_IMPORTED_MODULE_2__["Rect"](x + width, y + 20, element.style.strokeWidth, height - 40);
+ var top = new _primitives_rect__WEBPACK_IMPORTED_MODULE_2__["Rect"](x + 20, y, width - 40, element.style.strokeWidth);
+ var bottom = new _primitives_rect__WEBPACK_IMPORTED_MODULE_2__["Rect"](x + 20, y + height, width - 40, element.style.strokeWidth);
+ var container = Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_11__["checkParentAsContainer"])(diagram, diagram.selectedItems.nodes[0], true) ?
+ diagram.nameTable[diagram.selectedItems.nodes[0].parentId] : diagram.selectedItems.nodes[0];
+ if (width >= forty && height >= forty) {
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canResizeCorner"])(selectedItems.constraints, 'ResizeEast', selectedItems.thumbsConstraints, selectedItems) &&
+ right.containsPoint(position, ten)) {
+ return 'ResizeEast';
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canResizeCorner"])(selectedItems.constraints, 'ResizeSouth', selectedItems.thumbsConstraints, selectedItems) &&
+ bottom.containsPoint(position, ten)) {
+ return 'ResizeSouth';
+ }
+ if (container.container.type !== 'Grid') {
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canResizeCorner"])(selectedItems.constraints, 'ResizeWest', selectedItems.thumbsConstraints, selectedItems) &&
+ left.containsPoint(position, ten)) {
+ return 'ResizeWest';
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canResizeCorner"])(selectedItems.constraints, 'ResizeNorth', selectedItems.thumbsConstraints, selectedItems) &&
+ top.containsPoint(position, ten)) {
+ return 'ResizeNorth';
+ }
+ }
+ }
+ return null;
+}
+function checkForResizeHandles(diagram, element, position, matrix, x, y) {
+ var forty = 40 / diagram.scroller.currentZoom;
+ var ten = (diagram.selectedItems.handleSize / 2) / diagram.scroller.currentZoom;
+ var selectedItems = diagram.selectedItems;
+ var labelSelection = (selectedItems.annotation) ? true : false;
+ if (element.actualSize.width >= forty && element.actualSize.height >= forty) {
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canResizeCorner"])(selectedItems.constraints, 'ResizeSouthEast', selectedItems.thumbsConstraints, selectedItems) && contains(position, Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, { x: x + element.actualSize.width, y: y + element.actualSize.height }), ten)) {
+ return (labelSelection) ? 'LabelResizeSouthEast' : 'ResizeSouthEast';
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canResizeCorner"])(selectedItems.constraints, 'ResizeSouthWest', selectedItems.thumbsConstraints, selectedItems) &&
+ contains(position, Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, { x: x, y: y + element.actualSize.height }), ten)) {
+ return (labelSelection) ? 'LabelResizeSouthWest' : 'ResizeSouthWest';
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canResizeCorner"])(selectedItems.constraints, 'ResizeNorthEast', selectedItems.thumbsConstraints, selectedItems) &&
+ contains(position, Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, { x: x + element.actualSize.width, y: y }), ten)) {
+ return (labelSelection) ? 'LabelResizeNorthEast' : 'ResizeNorthEast';
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canResizeCorner"])(selectedItems.constraints, 'ResizeNorthWest', selectedItems.thumbsConstraints, selectedItems) &&
+ contains(position, Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, { x: x, y: y }), ten)) {
+ return (labelSelection) ? 'LabelResizeNorthWest' : 'ResizeNorthWest';
+ }
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canResizeCorner"])(selectedItems.constraints, 'ResizeEast', selectedItems.thumbsConstraints, selectedItems) && contains(position, Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, { x: x + element.actualSize.width, y: y + element.actualSize.height / 2 }), ten)) {
+ return (labelSelection) ? 'LabelResizeEast' : 'ResizeEast';
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canResizeCorner"])(selectedItems.constraints, 'ResizeWest', selectedItems.thumbsConstraints, selectedItems) &&
+ contains(position, Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, { x: x, y: y + element.actualSize.height / 2 }), ten)) {
+ return (labelSelection) ? 'LabelResizeWest' : 'ResizeWest';
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canResizeCorner"])(selectedItems.constraints, 'ResizeSouth', selectedItems.thumbsConstraints, selectedItems) && contains(position, Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, { x: x + element.actualSize.width / 2, y: y + element.actualSize.height }), ten)) {
+ return (labelSelection) ? 'LabelResizeSouth' : 'ResizeSouth';
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_4__["canResizeCorner"])(selectedItems.constraints, 'ResizeNorth', selectedItems.thumbsConstraints, selectedItems) &&
+ contains(position, Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, { x: x + element.actualSize.width / 2, y: y }), ten)) {
+ return (labelSelection) ? 'LabelResizeNorth' : 'ResizeNorth';
+ }
+ return null;
+}
+/**
+ * contains method\
+ *
+ * @returns {boolean} contains method .\
+ * @param {PointModel} mousePosition - provide the options value.
+ * @param {PointModel} corner - provide the corner value.
+ * @param {number} padding - provide the padding value.
+ * @private
+ */
+function contains(mousePosition, corner, padding) {
+ if (mousePosition.x >= corner.x - padding && mousePosition.x <= corner.x + padding) {
+ if (mousePosition.y >= corner.y - padding && mousePosition.y <= corner.y + padding) {
+ return true;
+ }
+ }
+ return false;
+}
+/**
+ * hasSelection method\
+ *
+ * @returns {boolean} hasSelection method .\
+ * @param {Diagram} diagram - provide the options value.
+ * @private
+ */
+function hasSelection(diagram) {
+ if (diagram.selectedItems.nodes.length > 0 || diagram.selectedItems.connectors.length > 0) {
+ return true;
+ }
+ return false;
+}
+/**
+ * hasSingleConnection method\
+ *
+ * @returns {boolean} hasSingleConnection method .\
+ * @param {Diagram} diagram - provide the options value.
+ * @private
+ */
+function hasSingleConnection(diagram) {
+ if (diagram.selectedItems.connectors.length === 1 && !diagram.selectedItems.nodes.length) {
+ return true;
+ }
+ return false;
+}
+/**
+ * isSelected method\
+ *
+ * @returns {boolean} isSelected method .\
+ * @param {Diagram} diagram - provide the options value.
+ * @param {Object} element - provide the options value.
+ * @param {boolean} firstLevel - provide the options value.
+ * @param {DiagramElement} wrapper - provide the options value.
+ * @private
+ */
+function isSelected(diagram, element, firstLevel, wrapper) {
+ if (firstLevel === void 0) { firstLevel = true; }
+ if (element instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"]) {
+ return true;
+ }
+ if (element instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ while (element) {
+ if (diagram.selectedItems.nodes.indexOf(element) !== -1 && diagram.selectedItems.annotation === undefined) {
+ return true;
+ }
+ if (!firstLevel) {
+ element = diagram.nameTable[element.parentId];
+ }
+ else {
+ break;
+ }
+ }
+ }
+ else if (element instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"]) {
+ if (diagram.selectedItems.connectors.indexOf(element) !== -1 && diagram.selectedItems.annotation === undefined) {
+ return true;
+ }
+ }
+ else if (element instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_10__["ShapeAnnotation"] || element instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_10__["PathAnnotation"]) {
+ if (diagram.selectedItems.annotation && diagram.selectedItems.wrapper.children[0].id === wrapper.id) {
+ return true;
+ }
+ }
+ return false;
+}
+/**
+ * getCursor method\
+ *
+ * @returns {boolean} getCursor method .\
+ * @param {Actions} cursor - provide the options value.
+ * @param {number} angle - provide the options value.
+ * @private
+ */
+function getCursor(cursor, angle) {
+ //to avoid angles less than 0 & angles greater than 360
+ angle += 360;
+ angle %= 360;
+ if (cursor.indexOf('Resize') === -1) {
+ return cursors["" + cursor];
+ }
+ else {
+ var dir = cursors["" + cursor];
+ if ((angle >= 0 && angle < 25) || (angle >= 160 && angle <= 205) || (angle >= 340 && angle <= 360)) {
+ return dir;
+ }
+ else if ((angle >= 25 && angle <= 70) || (angle >= 205 && angle <= 250)) {
+ if (dir === 'n-resize' || dir === 's-resize') {
+ return 'ne-resize';
+ }
+ else if (dir === 'nw-resize' || dir === 'se-resize') {
+ return 'n-resize';
+ }
+ else if (dir === 'e-resize' || dir === 'w-resize') {
+ return 'nw-resize';
+ }
+ else {
+ return 'e-resize';
+ }
+ }
+ else if ((angle >= 70 && angle <= 115) || (angle >= 250 && angle <= 295)) {
+ if (dir === 'n-resize' || dir === 's-resize') {
+ return 'e-resize';
+ }
+ else if (dir === 'nw-resize' || dir === 'se-resize') {
+ return 'ne-resize';
+ }
+ else if (dir === 'e-resize' || dir === 'w-resize') {
+ return 'n-resize';
+ }
+ else {
+ return 'nw-resize';
+ }
+ }
+ else if ((angle >= 115 && angle <= 155) || (angle >= 295 && angle <= 340)) {
+ if (dir === 'n-resize' || dir === 's-resize') {
+ return 'nw-resize';
+ }
+ else if (dir === 'nw-resize' || dir === 'se-resize') {
+ return 'e-resize';
+ }
+ else if (dir === 'e-resize' || dir === 'w-resize') {
+ return 'ne-resize';
+ }
+ }
+ else {
+ return 'n-resize';
+ }
+ }
+ return cursors["" + cursor];
+}
+var cursors = {
+ 'None': 'default',
+ 'Rotate': 'crosshair',
+ 'Select': 'default',
+ 'Drag': 'move',
+ 'ResizeWest': 'w-resize',
+ 'ResizeEast': 'e-resize',
+ 'ResizeSouth': 's-resize',
+ 'ResizeNorth': 'n-resize',
+ 'Draw': 'crosshair',
+ 'PortDraw': 'crosshair',
+ 'ResizeNorthEast': 'ne-resize',
+ 'ResizeNorthWest': 'nw-resize',
+ 'ResizeSouthEast': 'se-resize',
+ 'ResizeSouthWest': 'sw-resize',
+ 'ConnectorSourceEnd': 'move',
+ 'ConnectorTargetEnd': 'move',
+ 'BezierSourceThumb': 'move',
+ 'BezierTargetThumb': 'move',
+ 'OrthoThumb': 'move',
+ 'SegmentEnd': 'move',
+ 'Pan': 'grab',
+ 'Hyperlink': 'pointer',
+ 'PortDrag': 'pointer',
+ 'LabelSelect': 'pointer',
+ 'LabelDrag': 'move',
+ 'LabelRotate': 'crosshair',
+ 'LabelResizeWest': 'w-resize',
+ 'LabelResizeEast': 'e-resize',
+ 'LabelResizeSouth': 's-resize',
+ 'LabelResizeNorth': 'n-resize',
+ 'LabelResizeNorthEast': 'ne-resize',
+ 'LabelResizeNorthWest': 'nw-resize',
+ 'LabelResizeSouthEast': 'se-resize',
+ 'LabelResizeSouthWest': 'sw-resize'
+};
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/command-manager.js":
+/*!*******************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/command-manager.js ***!
+ \*******************************************************************************************/
+/*! exports provided: CommandHandler */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CommandHandler", function() { return CommandHandler; });
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _core_elements_path_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/elements/path-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/path-element.js");
+/* harmony import */ var _core_elements_text_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../core/elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _diagram_diagram__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../diagram/diagram */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram.js");
+/* harmony import */ var _primitives_matrix__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./../primitives/matrix */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/matrix.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./actions */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/actions.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./../utility/constraints-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _diagram_layer__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../diagram/layer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/layer.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _utility_connector__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./../utility/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/connector.js");
+/* harmony import */ var _objects_annotation__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../objects/annotation */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/annotation.js");
+/* harmony import */ var _container_interaction__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./container-interaction */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/container-interaction.js");
+/* harmony import */ var _utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./../utility/swim-lane-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/swim-lane-util.js");
+/* harmony import */ var _utility_diff_map__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../utility/diff-map */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diff-map.js");
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+ return new (P || (P = Promise))(function (resolve, reject) {
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+ function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
+ });
+};
+var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+ function verb(n) { return function (v) { return step([n, v]); }; }
+ function step(op) {
+ if (f) throw new TypeError("Generator is already executing.");
+ while (_) try {
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+ if (y = 0, t) op = [op[0] & 2, t.value];
+ switch (op[0]) {
+ case 0: case 1: t = op; break;
+ case 4: _.label++; return { value: op[1], done: false };
+ case 5: _.label++; y = op[1]; op = [0]; continue;
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
+ default:
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+ if (t[2]) _.ops.pop();
+ _.trys.pop(); continue;
+ }
+ op = body.call(thisArg, _);
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+ }
+};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Defines the behavior of commands
+ */
+var CommandHandler = /** @__PURE__ @class */ (function () {
+ function CommandHandler(diagram) {
+ /** @private */
+ this.clipboardData = {};
+ // private newNodeObject: Object[] = [];
+ // private newConnectorObject: Object[] = [];
+ /** @private */
+ this.diagramObject = {};
+ /** @private */
+ this.newSelectedObjects = {};
+ /** @private */
+ this.oldSelectedObjects = {};
+ /** @private */
+ this.connectorsTable = [];
+ /** @private */
+ this.PreventConnectorSplit = false;
+ /** @private */
+ this.processTable = {};
+ /** @private */
+ this.deepDiffer = new _utility_diff_map__WEBPACK_IMPORTED_MODULE_21__["DeepDiffMapper"]();
+ /** @private */
+ this.isContainer = false;
+ /** @private */
+ this.canUpdateTemplate = false;
+ this.childTable = {};
+ this.parentTable = {};
+ this.blazor = 'Blazor';
+ this.blazorInterop = 'sfBlazor';
+ this.cloneGroupChildCollection = [];
+ this.diagram = diagram;
+ }
+ Object.defineProperty(CommandHandler.prototype, "snappingModule", {
+ /** @private */
+ get: function () {
+ return this.diagram.snappingModule;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(CommandHandler.prototype, "layoutAnimateModule", {
+ /** @private */
+ get: function () {
+ return this.diagram.layoutAnimateModule;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ * startTransaction method\
+ *
+ * @returns { void } startTransaction method .\
+ * @param {boolean} protectChange - provide the options value.
+ * @private
+ */
+ CommandHandler.prototype.startTransaction = function (protectChange) {
+ this.state = { element: this.diagram.selectedItems, backup: null };
+ if (protectChange) {
+ this.diagram.protectPropertyChange(true);
+ }
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getAdornerLayer"])(this.diagram.element.id).style.pointerEvents = 'none';
+ };
+ /**
+ * endTransaction method\
+ *
+ * @returns { void } endTransaction method .\
+ * @param {boolean} protectChange - provide the options value.
+ * @private
+ */
+ CommandHandler.prototype.endTransaction = function (protectChange) {
+ this.state = null;
+ if (protectChange) {
+ this.diagram.protectPropertyChange(false);
+ }
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getAdornerLayer"])(this.diagram.element.id).style.pointerEvents = 'all';
+ };
+ /**
+ * setFocus method\
+ *
+ * @returns { void } setFocus method .\
+ * @private
+ */
+ CommandHandler.prototype.setFocus = function () {
+ document.getElementById(this.diagram.element.id).focus();
+ };
+ /**
+ * showTooltip method\
+ *
+ * @returns { void } showTooltip method .\
+ * @param {IElement} node - provide the options value.
+ * @param {PointModel} position - provide the position value.
+ * @param {string | HTMLElement} content - provide the content value.
+ * @param {string} toolName - provide the toolName value.
+ * @param {boolean} isTooltipVisible - provide the isTooltipVisible value.
+ * @private
+ */
+ CommandHandler.prototype.showTooltip = function (node, position, content, toolName, isTooltipVisible) {
+ var _this = this;
+ var targetId;
+ var targetEle;
+ var isNative = false;
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"]) {
+ if ((node.nodes.length === 1) && node.connectors.length === 0) {
+ targetId = node.nodes[0].id;
+ if (node.nodes[0].shape && node.nodes[0].shape instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Native"]) {
+ isNative = true;
+ }
+ }
+ else if ((node.nodes.length === 0) && node.connectors.length === 1) {
+ targetId = node.connectors[0].id;
+ }
+ else {
+ targetEle = document.getElementById(this.diagram.element.id + '_SelectorElement');
+ }
+ }
+ else if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ targetId = node.id;
+ if (node.shape && (node.shape instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Native"])) {
+ isNative = true;
+ }
+ }
+ else {
+ targetId = node.id;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isNullOrUndefined"])(targetEle) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isNullOrUndefined"])(targetId)) {
+ var idName = isNative ? '_content_native_element' : '_groupElement';
+ targetEle = document.getElementById(targetId + idName);
+ }
+ if (isTooltipVisible) {
+ this.diagram.tooltipObject.position = 'BottomCenter';
+ this.diagram.tooltipObject.animation = { open: { delay: 0, duration: 0 } };
+ this.diagram.tooltipObject.openDelay = 0;
+ this.diagram.tooltipObject.closeDelay = 0;
+ }
+ if (this.diagram.selectedItems.setTooltipTemplate) {
+ var template = void 0;
+ var setTooltipTemplate = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["getFunction"])(this.diagram.selectedItems.setTooltipTemplate);
+ if (setTooltipTemplate) {
+ template = setTooltipTemplate(node, this.diagram);
+ }
+ if (template instanceof HTMLElement) {
+ content = template.cloneNode(true);
+ }
+ else {
+ content = template ? template : content;
+ }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && isTooltipVisible) {
+ this.diagram.tooltipObject.close();
+ }
+ if (node.tooltip) {
+ this.diagram.tooltipObject.openOn = node.tooltip.openOn;
+ }
+ this.diagram.tooltipObject.content = content;
+ this.diagram.tooltipObject.offsetX = 0;
+ this.diagram.tooltipObject.offsetY = 0;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ this.diagram.tooltipObject.updateTooltip(targetEle);
+ }
+ else {
+ this.diagram.tooltipObject.refresh(targetEle);
+ }
+ if (isTooltipVisible) {
+ setTimeout(function () {
+ _this.diagram.tooltipObject.open(targetEle);
+ }, 1);
+ }
+ };
+ /**
+ * Split the connector, when the node is dropped onto it and establish connection with that dropped node.
+ *
+ * @returns { void } connectorSplit method .\
+ * @param {NodeModel} droppedObject - Provide the dropped node id
+ * @param {ConnectorModel} targetConnector - Provide the connector id
+ * @private
+ */
+ CommandHandler.prototype.connectorSplit = function (droppedObject, targetConnector) {
+ var droppedNodeId = droppedObject.id;
+ var existingConnector = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(targetConnector);
+ var connectorIndex = this.diagram.connectors.indexOf(targetConnector);
+ var nodeIndex = this.diagram.nodes.indexOf(droppedObject);
+ var droppedNode = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(droppedObject);
+ var connectorOldChanges = {};
+ var nodeOldChanges = {};
+ var nodeOldProperty = {
+ offsetX: droppedNode.offsetX,
+ offsetY: droppedNode.offsetY
+ };
+ var connectorOldProperty = {
+ sourceID: existingConnector.sourceID,
+ sourcePoint: existingConnector.sourcePoint,
+ sourcePortID: existingConnector.sourcePortID,
+ targetID: existingConnector.targetID,
+ targetPoint: existingConnector.targetPoint,
+ targetPortID: existingConnector.targetPortID
+ };
+ connectorOldChanges[parseInt(connectorIndex.toString(), 10)] = connectorOldProperty;
+ nodeOldChanges[parseInt(nodeIndex.toString(), 10)] = nodeOldProperty;
+ var connectorNewChanges = {};
+ var nodeNewChanges = {};
+ var nodeNewProperty = {};
+ var connectorNewProperty = {};
+ //Split the connector based on the dropped node
+ if (existingConnector.sourceID !== '' && existingConnector.targetID !== '') {
+ connectorNewProperty.targetID = this.ConnectorTargetChange(targetConnector, droppedNodeId);
+ }
+ else if (existingConnector.sourceID !== '' && existingConnector.targetID === '') {
+ this.nodeOffsetChange(nodeNewProperty, droppedNode, targetConnector.targetPoint);
+ connectorNewProperty.targetID = this.ConnectorTargetChange(targetConnector, droppedNodeId);
+ }
+ else if ((existingConnector.sourceID === '' && existingConnector.targetID === '') || (existingConnector.sourceID === '' && existingConnector.targetID !== '')) {
+ this.nodeOffsetChange(nodeNewProperty, droppedNode, targetConnector.sourcePoint);
+ connectorNewProperty.sourceID = this.ConnectorSourceChange(targetConnector, droppedNodeId);
+ }
+ connectorNewChanges[parseInt(connectorIndex.toString(), 10)] = connectorNewProperty;
+ nodeNewChanges[parseInt(nodeIndex.toString(), 10)] = nodeNewProperty;
+ this.diagram.nodePropertyChange(droppedObject, nodeOldProperty, nodeNewProperty);
+ this.diagram.updateSelector();
+ this.diagram.connectorPropertyChange(targetConnector, connectorOldProperty, connectorNewProperty);
+ //Check Whether the connector connects with the node
+ if (existingConnector.sourceID !== '' && existingConnector.targetID !== '') {
+ var newConnector = {
+ id: 'connector ' + droppedNodeId,
+ constraints: _enum_enum__WEBPACK_IMPORTED_MODULE_10__["ConnectorConstraints"].Default | _enum_enum__WEBPACK_IMPORTED_MODULE_10__["ConnectorConstraints"].AllowDrop,
+ sourceID: droppedNodeId
+ };
+ //Check whether the connector connects with the ports
+ if (existingConnector.sourcePortID !== '' && existingConnector.targetPortID !== '') {
+ newConnector.targetID = existingConnector.targetID;
+ newConnector.targetPortID = existingConnector.targetPortID;
+ }
+ else {
+ newConnector.targetID = existingConnector.targetID;
+ }
+ this.diagram.add(newConnector);
+ }
+ var entry = {
+ type: 'PropertyChanged', redoObject: { nodes: nodeNewChanges }, undoObject: { nodes: nodeOldChanges },
+ category: 'Internal'
+ };
+ this.diagram.addHistoryEntry(entry);
+ var entry1 = {
+ type: 'PropertyChanged', redoObject: { connectors: connectorNewChanges }, undoObject: { connectors: connectorOldChanges },
+ category: 'Internal'
+ };
+ this.diagram.addHistoryEntry(entry1);
+ };
+ CommandHandler.prototype.nodeOffsetChange = function (propertyChangeArg, node, nodeNewOffset) {
+ propertyChangeArg.offsetX = node.offsetX = nodeNewOffset.x;
+ propertyChangeArg.offsetY = node.offsetY = nodeNewOffset.y;
+ };
+ CommandHandler.prototype.ConnectorTargetChange = function (connector, newTarget) {
+ connector.targetID = newTarget;
+ return newTarget;
+ };
+ CommandHandler.prototype.ConnectorSourceChange = function (connector, newTarget) {
+ connector.sourceID = newTarget;
+ return newTarget;
+ };
+ /**
+ * closeTooltip method\
+ *
+ * @returns { void } closeTooltip method .\
+ * @private
+ */
+ CommandHandler.prototype.closeTooltip = function () {
+ this.diagram.tooltipObject.close();
+ };
+ /**
+ * canEnableDefaultTooltip method\
+ *
+ * @returns { boolean } canEnableDefaultTooltip method .\
+ * @private
+ */
+ CommandHandler.prototype.canEnableDefaultTooltip = function () {
+ if (this.diagram.selectedItems.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["SelectorConstraints"].ToolTip) {
+ return true;
+ }
+ else {
+ return false;
+ }
+ };
+ /**
+ * updateSelector method\
+ *
+ * @returns { void } updateSelector method .\
+ * @private
+ */
+ CommandHandler.prototype.updateSelector = function () {
+ this.diagram.updateSelector();
+ };
+ /**
+ * updateConnectorValue method\
+ *
+ * @returns { void } updateConnectorValue method .\
+ * @param {IBlazorConnectionChangeEventArgs} args - provide the options value.
+ * @private
+ */
+ CommandHandler.prototype.updateConnectorValue = function (args) {
+ if (args.cancel) {
+ this.enableCloneObject(true);
+ this.ismouseEvents(true);
+ this.insertBlazorObject(args.connector);
+ var newChanges = {};
+ var oldChanges = {};
+ var connector = this.diagram.nameTable[args.connector.id];
+ var nodeEndId = args.connectorEnd === 'ConnectorSourceEnd' ? 'sourceID' : 'targetID';
+ var portEndId = args.connectorEnd === 'ConnectorSourceEnd' ? 'sourcePortID' : 'targetPortID';
+ var connectionEnd = args.connectorEnd === 'ConnectorTargetEnd';
+ var newValue = connectionEnd ? args.newValue.connectorTargetValue : args.newValue.connectorSourceValue;
+ var oldValue = connectionEnd ? args.oldValue.connectorTargetValue : args.oldValue.connectorSourceValue;
+ oldChanges["" + nodeEndId] = newValue.nodeId;
+ oldChanges["" + portEndId] = newValue.portId;
+ newChanges["" + nodeEndId] = oldValue.nodeId;
+ newChanges["" + portEndId] = oldValue.portId;
+ if (args.cancel && args.connectorEnd !== 'ConnectorTargetEnd') {
+ connector.sourceID = oldValue.nodeId;
+ if (args.connector.sourcePortID) {
+ connector.sourcePortID = oldValue.portId;
+ }
+ this.diagram.connectorPropertyChange(connector, oldChanges, newChanges);
+ }
+ if (args.cancel && args.connectorEnd === 'ConnectorTargetEnd') {
+ if (args.connector.targetPortID) {
+ connector.targetPortID = oldValue.portId;
+ }
+ connector.targetID = oldValue.nodeId;
+ this.diagram.connectorPropertyChange(connector, oldChanges, newChanges);
+ }
+ }
+ };
+ /**
+ * triggerEvent method\
+ *
+ * @returns { Promise } triggerEvent method .\
+ * @param {DiagramEvent} event - provide the options value.
+ * @param {Object} args - provide the args value.
+ * @private
+ */
+ CommandHandler.prototype.triggerEvent = function (event, args) {
+ return __awaiter(this, void 0, void 0, function () {
+ var temparg;
+ return __generator(this, function (_a) {
+ switch (_a.label) {
+ case 0:
+ if (event === _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].drop || event === _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].positionChange ||
+ event === _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].connectionChange) {
+ if (this.diagram.currentSymbol) {
+ return [2 /*return*/];
+ }
+ if (event === _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].drop) {
+ args.source = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(this.diagram);
+ }
+ if (this.diagram.currentDrawingObject && event !== _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].positionChange) {
+ return [2 /*return*/];
+ }
+ }
+ return [4 /*yield*/, this.diagram.triggerEvent(event, args)];
+ case 1:
+ temparg = _a.sent();
+ return [2 /*return*/, temparg];
+ }
+ });
+ });
+ };
+ /**
+ * dragOverElement method\
+ *
+ * @returns { void } dragOverElement method .\
+ * @param {MouseEventArgs} args - provide the options value.
+ * @param {PointModel} currentPosition - provide the args value.
+ * @private
+ */
+ CommandHandler.prototype.dragOverElement = function (args, currentPosition) {
+ if (this.diagram.currentSymbol) {
+ var dragOverArg = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(args.source), target: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(args.target),
+ mousePosition: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(currentPosition), diagram: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(this.diagram)
+ };
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].dragOver, dragOverArg);
+ }
+ };
+ /**
+ * disConnect method\
+ *
+ * @returns { IConnectionChangeEventArgs | IBlazorConnectionChangeEventArgs } disConnect method .\
+ * @param {IElement} obj - provide the obj value.
+ * @param {string} endPoint - provide the endPoint value.
+ * @param {boolean} canCancel - provide the canCancel value.
+ * @private
+ */
+ CommandHandler.prototype.disConnect = function (obj, endPoint, canCancel) {
+ var checkBlazor = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])();
+ var oldChanges = {};
+ var newChanges = {};
+ var returnargs;
+ var selectorModel;
+ var connector;
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"]) {
+ selectorModel = obj;
+ connector = selectorModel.connectors[0];
+ }
+ else if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"] && this.diagram.currentDrawingObject) {
+ connector = this.diagram.currentDrawingObject;
+ }
+ if (obj && connector && (Object(_actions__WEBPACK_IMPORTED_MODULE_9__["hasSingleConnection"])(this.diagram) || this.diagram.currentDrawingObject)) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ this.diagram.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(connector), false);
+ }
+ if (endPoint && (endPoint === 'ConnectorSourceEnd' || endPoint === 'ConnectorTargetEnd')) {
+ var nodeEndId = endPoint === 'ConnectorSourceEnd' ? 'sourceID' : 'targetID';
+ var portEndId = endPoint === 'ConnectorSourceEnd' ? 'sourcePortID' : 'targetPortID';
+ if (connector["" + nodeEndId]) { //connector.sourceID || connector.targetID
+ oldChanges["" + nodeEndId] = connector["" + nodeEndId];
+ connector["" + nodeEndId] = '';
+ newChanges["" + nodeEndId] = connector["" + nodeEndId];
+ if (connector.sourcePortID || connector.targetPortID) {
+ oldChanges["" + portEndId] = connector["" + portEndId];
+ connector["" + portEndId] = '';
+ newChanges["" + portEndId] = connector["" + portEndId];
+ }
+ returnargs = this.connectionEventChange(connector, oldChanges, newChanges, endPoint, canCancel);
+ }
+ }
+ else if ((endPoint !== 'OrthoThumb' && endPoint !== 'SegmentEnd') && (connector.sourceID || connector.targetID)) {
+ oldChanges = {
+ sourceID: connector.sourceID, sourcePortID: connector.sourcePortID,
+ targetID: connector.targetID, targetPortID: connector.targetPortID
+ };
+ connector.sourceID = '';
+ connector.sourcePortID = '';
+ connector.targetID = '';
+ connector.targetPortID = '';
+ newChanges = {
+ sourceID: connector.sourceID, sourcePortID: connector.sourcePortID,
+ targetID: connector.targetID, targetPortID: connector.targetPortID
+ };
+ var arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(connector), oldValue: oldChanges,
+ newValue: newChanges, cancel: false, state: 'Changing', connectorEnd: endPoint
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(connector),
+ oldValue: { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(oldChanges) },
+ newValue: { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(newChanges) },
+ cancel: false, state: 'Changed', connectorEnd: endPoint
+ };
+ returnargs = arg;
+ }
+ if (!checkBlazor) {
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].connectionChange, arg);
+ }
+ if (arg.cancel) {
+ connector.sourceID = oldChanges.sourceID;
+ connector.sourcePortID = oldChanges.sourcePortID;
+ connector.targetID = oldChanges.targetID;
+ connector.targetPortID = oldChanges.targetPortID;
+ }
+ else {
+ this.diagram.connectorPropertyChange(connector, oldChanges, newChanges);
+ this.diagram.updateDiagramObject(connector);
+ arg = {
+ connector: connector, oldValue: oldChanges,
+ newValue: newChanges, cancel: false, state: 'Changed', connectorEnd: endPoint
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(connector), oldValue: { connector: oldChanges },
+ newValue: { connector: newChanges }, cancel: false, state: 'Changed', connectorEnd: endPoint
+ };
+ returnargs = arg;
+ }
+ if (!checkBlazor) {
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].connectionChange, arg);
+ }
+ }
+ }
+ }
+ return returnargs;
+ };
+ CommandHandler.prototype.connectionEventChange = function (connector, oldChanges, newChanges, endPoint, canCancel) {
+ var checkBlazor = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])();
+ var nodeEndId = endPoint === 'ConnectorSourceEnd' ? 'sourceID' : 'targetID';
+ var portEndId = endPoint === 'ConnectorSourceEnd' ? 'sourcePortID' : 'targetPortID';
+ var connectedNode;
+ if (this.enableCloneObject) {
+ connectedNode = this.diagram.nameTable[newChanges["" + nodeEndId]];
+ var nodeObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(connectedNode);
+ this.diagram.insertValue(nodeObject, true);
+ }
+ var returnargs;
+ var arg = {
+ cancel: false, state: 'Changing', connectorEnd: endPoint,
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(connector), oldValue: { nodeId: oldChanges["" + nodeEndId], portId: oldChanges["" + portEndId] },
+ newValue: { nodeId: newChanges["" + nodeEndId], portId: newChanges["" + portEndId] }
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(connector),
+ cancel: false, state: 'Changing', connectorEnd: endPoint,
+ oldValue: undefined, newValue: undefined
+ };
+ if (endPoint === 'ConnectorSourceEnd') {
+ arg.oldValue = {
+ connectorSourceValue: {
+ portId: oldChanges["" + portEndId], nodeId: oldChanges["" + nodeEndId]
+ }
+ };
+ arg.newValue = {
+ connectorSourceValue: { nodeId: newChanges["" + nodeEndId], portId: newChanges["" + portEndId] }
+ };
+ }
+ else {
+ arg.oldValue = {
+ connectorTargetValue: { nodeId: oldChanges["" + nodeEndId], portId: oldChanges["" + portEndId] }
+ };
+ arg.newValue = {
+ connectorTargetValue: { nodeId: newChanges["" + nodeEndId], portId: newChanges["" + portEndId] }
+ };
+ }
+ returnargs = arg;
+ }
+ if (!checkBlazor) {
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].connectionChange, arg);
+ }
+ if (arg.cancel || (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && canCancel)) {
+ connector["" + nodeEndId] = oldChanges["" + nodeEndId];
+ connector["" + portEndId] = oldChanges["" + portEndId];
+ newChanges = oldChanges;
+ }
+ else {
+ this.diagram.connectorPropertyChange(connector, oldChanges, newChanges);
+ this.diagram.updateDiagramObject(connector);
+ arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(connector), oldValue: { nodeId: oldChanges["" + nodeEndId], portId: oldChanges["" + portEndId] },
+ newValue: {
+ nodeId: newChanges["" + nodeEndId],
+ portId: newChanges["" + portEndId]
+ },
+ cancel: false, state: 'Changing', connectorEnd: endPoint
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(connector),
+ oldValue: undefined,
+ newValue: undefined,
+ cancel: false, state: 'Changing', connectorEnd: endPoint
+ };
+ if (endPoint === 'ConnectorSourceEnd') {
+ arg.newValue = {
+ connectorSourceValue: { portId: newChanges["" + portEndId], nodeId: newChanges["" + nodeEndId] }
+ };
+ arg.oldValue = {
+ connectorSourceValue: { portId: oldChanges["" + portEndId], nodeId: oldChanges["" + nodeEndId] }
+ };
+ }
+ else {
+ arg.oldValue = {
+ connectorTargetValue: { nodeId: oldChanges["" + nodeEndId], portId: oldChanges["" + portEndId] }
+ };
+ arg.newValue = {
+ connectorTargetValue: { portId: newChanges["" + portEndId], nodeId: newChanges["" + nodeEndId] }
+ };
+ }
+ returnargs = arg;
+ }
+ }
+ if (this.enableCloneObject) {
+ if (connectedNode === undefined) {
+ connectedNode = this.diagram.nameTable[oldChanges["" + nodeEndId]];
+ var nodeObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(connectedNode);
+ this.diagram.insertValue(nodeObject, true);
+ }
+ }
+ return returnargs;
+ };
+ /**
+ * insertBlazorObject method\
+ *
+ * @returns { void } insertBlazorObject method .\
+ * @param {IElement} object - provide the object value.
+ * @param {boolean} isNode - provide the isNode value.
+ * @private
+ */
+ CommandHandler.prototype.insertBlazorObject = function (object, isNode) {
+ var node;
+ var connector;
+ if (object instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"]) {
+ this.oldSelectedObjects = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneSelectedObjects"])(this.diagram);
+ for (var i = 0; i < object.nodes.length; i++) {
+ node = this.diagram.getObject(object.nodes[parseInt(i.toString(), 10)].id);
+ this.diagram.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(node), true);
+ }
+ for (var i = 0; i < object.connectors.length; i++) {
+ connector = this.diagram.getObject(object.connectors[parseInt(i.toString(), 10)].id);
+ this.diagram.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(connector), false);
+ }
+ }
+ else {
+ object = this.diagram.getObject(object.id);
+ this.diagram.insertValue(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(object), (object instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) ? true : false);
+ }
+ };
+ /**
+ * updatePropertiesToBlazor method\
+ *
+ * @returns { void } updatePropertiesToBlazor method .\
+ * @param {MouseEventArgs} args - provide the args value.
+ * @param {PointModel} labelDrag - provide the labelDrag value.
+ * @private
+ */
+ CommandHandler.prototype.updatePropertiesToBlazor = function (args, labelDrag) {
+ this.enableCloneObject(false);
+ this.ismouseEvents(false);
+ this.getBlazorOldValues(args, labelDrag);
+ this.updateBlazorSelector();
+ };
+ /**
+ * insertSelectedObjects method\
+ *
+ * @returns { void } insertSelectedObjects method .\
+ * @private
+ */
+ CommandHandler.prototype.insertSelectedObjects = function () {
+ this.oldSelectedObjects = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneSelectedObjects"])(this.diagram);
+ };
+ /**
+ * findTarget method\
+ *
+ * @returns { NodeModel | PointPortModel | ShapeAnnotationModel | PathAnnotationModel } findTarget method .\
+ * @param {DiagramElement} element - provide the element value.
+ * @param {IElement} argsTarget - provide the argsTarget value.
+ * @param {boolean} source - provide the source value.
+ * @param {boolean} connection - provide the connection value.
+ * @private
+ */
+ CommandHandler.prototype.findTarget = function (element, argsTarget, source, connection) {
+ var target;
+ if (argsTarget instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ if (element && element.id === argsTarget.id + '_content') {
+ return argsTarget;
+ }
+ if (source && argsTarget.shape.type === 'Bpmn' && ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && argsTarget.shape.shape === 'Activity') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && argsTarget.shape.bpmnShape === 'Activity'))) {
+ if (argsTarget.shape.activity.subProcess.type === 'Transaction') {
+ var transaction = argsTarget.shape.activity.subProcess.transaction;
+ if (transaction.success.visible && element.id.indexOf(argsTarget.id + '_success') === 0) {
+ return transaction.success;
+ }
+ if (transaction.cancel.visible && element.id.indexOf(argsTarget.id + '_cancel') === 0) {
+ return transaction.cancel;
+ }
+ if (transaction.failure.visible && element.id.indexOf(argsTarget.id + '_failure') === 0) {
+ return transaction.failure;
+ }
+ }
+ }
+ if (element instanceof _core_elements_path_element__WEBPACK_IMPORTED_MODULE_2__["PathElement"]) {
+ for (var i = 0; i < argsTarget.ports.length; i++) {
+ var port = argsTarget.ports[parseInt(i.toString(), 10)];
+ if (element.id === argsTarget.id + '_' + port.id) {
+ return port;
+ }
+ }
+ }
+ }
+ if (!connection) {
+ var annotation = void 0;
+ for (var i = 0; i < argsTarget.annotations.length; i++) {
+ annotation = argsTarget.annotations[parseInt(i.toString(), 10)];
+ if (element.id === argsTarget.id + '_' + annotation.id) {
+ return annotation;
+ }
+ }
+ }
+ return argsTarget;
+ };
+ /**
+ * canDisconnect method\
+ *
+ * @returns { boolean } canDisconnect method .\
+ * @param {string} endPoint - provide the endPoint value.
+ * @param {MouseEventArgs} args - provide the args value.
+ * @param {string} targetPortId - provide the targetPortId value.
+ * @param {string} targetNodeId - provide the targetNodeId value.
+ * @private
+ */
+ CommandHandler.prototype.canDisconnect = function (endPoint, args, targetPortId, targetNodeId) {
+ var selector;
+ var connect;
+ if (args.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"]) {
+ selector = args.source;
+ connect = selector.connectors[0];
+ }
+ else if (args.source instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"] && this.diagram.currentDrawingObject) {
+ connect = this.diagram.currentDrawingObject;
+ }
+ var targetObject = this.findTarget(args.targetWrapper, args.target, endPoint === 'ConnectorSourceEnd', true);
+ var nodeEnd = endPoint === 'ConnectorSourceEnd' ? 'sourceID' : 'targetID';
+ var portEnd = endPoint === 'ConnectorSourceEnd' ? 'sourcePortID' : 'targetPortID';
+ if (connect["" + nodeEnd] !== targetNodeId || connect["" + portEnd] !== targetPortId) {
+ return true;
+ }
+ return false;
+ };
+ /**
+ * changeAnnotationDrag method\
+ *
+ * @returns { void } changeAnnotationDrag method .\
+ * @param {MouseEventArgs} args - provide the endPoint value.
+ * @private
+ */
+ CommandHandler.prototype.changeAnnotationDrag = function (args) {
+ var selectorModel;
+ var connector;
+ if (args.source && args.source.connectors &&
+ args.source.connectors.length && this.diagram.bpmnModule &&
+ this.diagram.bpmnModule.textAnnotationConnectors.indexOf(args.source.connectors[0]) > -1) {
+ if (args.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"]) {
+ selectorModel = args.source;
+ connector = selectorModel.connectors[0];
+ }
+ var id = connector.id.split('_');
+ var annotationId = id[id.length - 1];
+ var nodeId = id[id.length - 3] || id[0];
+ if (args.target && args.target.id !== nodeId &&
+ ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && args.target.shape.shape !== 'TextAnnotation') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && args.target.shape.bpmnShape !== 'TextAnnotation'))) {
+ this.diagram.startGroupAction();
+ var parentNode = this.diagram.nameTable[id[0]];
+ var clonedNode = this.getAnnotation(parentNode, id[1]);
+ var annotationNode = {
+ id: id[1] + Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])(),
+ angle: _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findAngle(connector.intermediatePoints[0], connector.intermediatePoints[1]),
+ text: clonedNode.text,
+ length: _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(connector.intermediatePoints[0], connector.intermediatePoints[1]),
+ shape: { shape: 'TextAnnotation', type: 'Bpmn' },
+ nodeId: clonedNode.nodeId
+ };
+ var annotationObj = new _objects_node__WEBPACK_IMPORTED_MODULE_1__["BpmnAnnotation"](args.target.shape, 'annotations', annotationNode, true);
+ this.diagram.bpmnModule.checkAndRemoveAnnotations(this.diagram.nameTable[connector.targetID], this.diagram);
+ this.diagram.refreshCanvasLayers();
+ annotationObj.id = id[1];
+ this.diagram.addTextAnnotation(annotationObj, args.target);
+ this.diagram.endGroupAction();
+ }
+ else if (connector) {
+ connector.sourceID = nodeId;
+ this.diagram.connectorPropertyChange(connector, {}, { sourceID: nodeId });
+ this.diagram.updateDiagramObject(connector);
+ }
+ }
+ };
+ /* tslint:disable */
+ /**
+ * connect method\
+ *
+ * @returns { IConnectionChangeEventArgs | IBlazorConnectionChangeEventArgs } connect method .\
+ * @param {string} endPoint - provide the endPoint value.
+ * @param {MouseEventArgs} args - provide the args value.
+ * @param {boolean} canCancel - provide the canCancel value.
+ * @private
+ */
+ CommandHandler.prototype.connect = function (endPoint, args, canCancel) {
+ var checkBlazor;
+ var newChanges = {};
+ var oldChanges = {};
+ var oldNodeId;
+ var oldPortId;
+ var selectorModel;
+ var connector;
+ var returnargs;
+ if (args.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"]) {
+ selectorModel = args.source;
+ connector = selectorModel.connectors[0];
+ }
+ else if (args.source instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"] && this.diagram.currentDrawingObject) {
+ connector = this.diagram.currentDrawingObject;
+ }
+ var target = this.findTarget((args.targetWrapper || args.sourceWrapper), (args.target || args.actualObject), endPoint === 'ConnectorSourceEnd', true);
+ var nodeEndId = endPoint === 'ConnectorSourceEnd' ? 'sourceID' : 'targetID';
+ var portEndId = endPoint === 'ConnectorSourceEnd' ? 'sourcePortID' : 'targetPortID';
+ if (target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ oldChanges["" + nodeEndId] = connector["" + nodeEndId];
+ connector["" + nodeEndId] = target.id;
+ newChanges["" + nodeEndId] = connector["" + nodeEndId];
+ oldChanges["" + portEndId] = connector["" + portEndId];
+ returnargs = this.connectionEventChange(connector, oldChanges, newChanges, endPoint, canCancel);
+ }
+ else {
+ oldNodeId = connector["" + nodeEndId];
+ oldPortId = connector["" + portEndId];
+ connector["" + portEndId] = target.id;
+ connector["" + nodeEndId] = (args.target && args.target.id || args.actualObject.id);
+ newChanges["" + nodeEndId] = connector["" + nodeEndId];
+ newChanges["" + portEndId] = connector["" + portEndId];
+ var arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(connector), oldValue: { nodeId: oldNodeId, portId: oldPortId },
+ newValue: { nodeId: newChanges["" + nodeEndId], portId: newChanges["" + portEndId] },
+ cancel: false, state: 'Changing', connectorEnd: endPoint
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(connector),
+ oldValue: undefined,
+ newValue: undefined,
+ cancel: false, state: 'Changing', connectorEnd: endPoint
+ };
+ if (endPoint === 'ConnectorSourceEnd') {
+ arg.oldValue = {
+ connectorSourceValue: { portId: oldChanges["" + portEndId], nodeId: oldChanges["" + nodeEndId] }
+ };
+ arg.newValue = {
+ connectorSourceValue: { portId: newChanges["" + portEndId], nodeId: newChanges["" + nodeEndId] }
+ };
+ }
+ else {
+ arg.newValue = {
+ connectorTargetValue: { portId: newChanges["" + portEndId], nodeId: newChanges["" + nodeEndId] }
+ };
+ arg.oldValue = {
+ connectorTargetValue: { portId: oldChanges["" + portEndId], nodeId: oldChanges["" + nodeEndId] }
+ };
+ }
+ returnargs = arg;
+ }
+ if (!checkBlazor) {
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].connectionChange, arg);
+ }
+ if (arg.cancel || (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && canCancel)) {
+ connector["" + nodeEndId] = oldNodeId;
+ connector["" + portEndId] = oldPortId;
+ newChanges["" + nodeEndId] = oldNodeId;
+ newChanges["" + portEndId] = oldPortId;
+ }
+ else {
+ this.diagram.connectorPropertyChange(connector, oldChanges, newChanges);
+ this.diagram.updateDiagramObject(connector);
+ arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(connector), oldValue: { nodeId: oldNodeId, portId: oldPortId },
+ newValue: { nodeId: newChanges["" + nodeEndId], portId: newChanges["" + portEndId] }, cancel: false,
+ state: 'Changing', connectorEnd: endPoint
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ arg = {
+ newValue: undefined,
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(connector),
+ oldValue: undefined,
+ cancel: false, state: 'Changing', connectorEnd: endPoint
+ };
+ if (endPoint === 'ConnectorSourceEnd') {
+ arg.oldValue = {
+ connectorSourceValue: { portId: oldChanges["" + portEndId], nodeId: oldChanges["" + nodeEndId] }
+ };
+ arg.newValue = {
+ connectorTargetValue: { portId: newChanges["" + portEndId], nodeId: newChanges["" + nodeEndId] }
+ };
+ }
+ else {
+ arg.oldValue = {
+ connectorTargetValue: { portId: oldChanges["" + portEndId], nodeId: oldChanges["" + nodeEndId] }
+ };
+ arg.newValue = {
+ connectorTargetValue: { portId: newChanges["" + portEndId], nodeId: newChanges["" + nodeEndId] }
+ };
+ }
+ }
+ }
+ }
+ this.renderHighlighter(args, undefined, endPoint === 'ConnectorSourceEnd');
+ return returnargs;
+ };
+ /* tslint:enable */
+ /** @private */
+ /**
+ * cut method\
+ *
+ * @returns { void } cut method .\
+ * @private
+ */
+ CommandHandler.prototype.cut = function () {
+ var index;
+ this.clipboardData.pasteIndex = 0;
+ if (this.diagram.undoRedoModule) {
+ this.diagram.historyManager.startGroupAction();
+ }
+ this.clipboardData.clipObject = this.copyObjects();
+ if (this.diagram.undoRedoModule) {
+ this.diagram.historyManager.endGroupAction();
+ }
+ if (this.diagram.mode !== 'SVG') {
+ this.diagram.refreshDiagramLayer();
+ }
+ };
+ CommandHandler.prototype.UpdateBlazorDiagramModelLayers = function (layer, isRemove) {
+ var blazorInterop = 'sfBlazor';
+ var updatedModel = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(layer);
+ var blazor = 'Blazor';
+ if (window && window["" + blazor]) {
+ var obj = {
+ 'methodName': 'UpdateBlazorDiagramModelLayers',
+ 'diagramobj': JSON.stringify(updatedModel), 'isRemove': isRemove
+ };
+ if (!this.diagram.isLoading) {
+ window["" + blazorInterop].updateBlazorProperties(obj, this.diagram);
+ }
+ }
+ };
+ /**
+ * addLayer method\
+ *
+ * @returns { void } addLayer method .\
+ * @param {LayerModel} layer - provide the endPoint value.
+ * @param {Object[]} objects - provide the args value.
+ * @param {boolean} isServerUpdate - provide the canCancel value.
+ * @private
+ */
+ CommandHandler.prototype.addLayer = function (layer, objects, isServerUpdate) {
+ if (isServerUpdate === void 0) { isServerUpdate = true; }
+ layer.id = layer.id || Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])();
+ layer.zIndex = this.diagram.layers.length;
+ var isEnableServerDatabind = this.diagram.allowServerDataBinding;
+ this.diagram.enableServerDataBinding(false);
+ layer = new _diagram_layer__WEBPACK_IMPORTED_MODULE_15__["Layer"](this.diagram, 'layers', layer, true);
+ this.diagram.enableServerDataBinding(isEnableServerDatabind);
+ layer.objectZIndex = -1;
+ layer.zIndexTable = {};
+ this.diagram.layers.push(layer);
+ if (isServerUpdate) {
+ this.UpdateBlazorDiagramModelLayers(layer, false);
+ }
+ this.diagram.layerZIndexTable[layer.zIndex] = layer.id;
+ this.diagram.activeLayer = layer;
+ var layers = layer.objects;
+ if (objects) {
+ for (var i = 0; i < objects.length; i++) {
+ this.diagram.add(objects[parseInt(i.toString(), 10)]);
+ }
+ }
+ };
+ /**
+ * getObjectLayer method\
+ *
+ * @returns { LayerModel } getObjectLayer method .\
+ * @param {string} objectName - provide the endPoint value.
+ * @private
+ */
+ CommandHandler.prototype.getObjectLayer = function (objectName) {
+ var layers = this.diagram.layers;
+ if (layers.length > 1) {
+ for (var i = 0; i < layers.length; i++) {
+ var objIndex = layers[parseInt(i.toString(), 10)].objects.indexOf(objectName);
+ if (objIndex > -1) {
+ return layers[parseInt(i.toString(), 10)];
+ }
+ }
+ }
+ return this.diagram.activeLayer;
+ };
+ /**
+ * getLayer method\
+ *
+ * @returns { LayerModel } getLayer method .\
+ * @param {string} layerName - provide the endPoint value.
+ * @private
+ */
+ CommandHandler.prototype.getLayer = function (layerName) {
+ var layers = this.diagram.layers;
+ for (var i = 0; i < layers.length; i++) {
+ if (layers[parseInt(i.toString(), 10)].id === layerName) {
+ return layers[parseInt(i.toString(), 10)];
+ }
+ }
+ return undefined;
+ };
+ /**
+ * removeLayer method\
+ *
+ * @returns { void } removeLayer method .\
+ * @param {string} layerId - provide the endPoint value.
+ * @param {boolean} isServerUpdate - provide the endPoint value.
+ * @private
+ */
+ CommandHandler.prototype.removeLayer = function (layerId, isServerUpdate) {
+ if (isServerUpdate === void 0) { isServerUpdate = true; }
+ var layers = this.getLayer(layerId);
+ if (layers) {
+ var index = this.diagram.layers.indexOf(layers);
+ var layerObject = layers.objects;
+ for (var i = layerObject.length - 1; i >= 0; i--) {
+ this.diagram.unSelect(this.diagram.nameTable[layerObject[parseInt(i.toString(), 10)]]);
+ this.diagram.remove(this.diagram.nameTable[layerObject[parseInt(i.toString(), 10)]]);
+ if (layers.id !== 'default_layer') {
+ if (this.diagram.activeLayer.id === layerId) {
+ this.diagram.activeLayer = this.diagram.layers[this.diagram.layers.length - 1];
+ }
+ }
+ }
+ if (isServerUpdate) {
+ this.UpdateBlazorDiagramModelLayers(this.diagram.layers[parseInt(index.toString(), 10)], true);
+ }
+ delete this.diagram.layerZIndexTable[layers.zIndex];
+ this.diagram.layers.splice(index, 1);
+ if (this.diagram.mode !== 'SVG') {
+ this.diagram.refreshDiagramLayer();
+ }
+ }
+ };
+ /**
+ * moveObjects method\
+ *
+ * @returns { void } moveObjects method .\
+ * @param {string[]]} objects - provide the objects value.
+ * @param {string} targetLayer - provide the targetLayer value.
+ * @private
+ */
+ CommandHandler.prototype.moveObjects = function (objects, targetLayer) {
+ var layer = this.getLayer(targetLayer) || this.diagram.activeLayer;
+ this.diagram.setActiveLayer(layer.id);
+ var targerNodes;
+ for (var _i = 0, objects_1 = objects; _i < objects_1.length; _i++) {
+ var i = objects_1[_i];
+ var layer_1 = this.getObjectLayer(i);
+ var index = layer_1.objects.indexOf(i);
+ if (index > -1) {
+ targerNodes = this.diagram.nameTable["" + i];
+ this.diagram.unSelect(targerNodes);
+ this.diagram.remove(this.diagram.nameTable["" + i]);
+ this.diagram.add(targerNodes);
+ }
+ }
+ };
+ /**
+ * cloneLayer method\
+ *
+ * @returns { void } cloneLayer method .\
+ * @param {string[]} layerName - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.cloneLayer = function (layerName) {
+ var layers = this.diagram.layers;
+ var layer = this.getLayer(layerName);
+ if (layer) {
+ var cloneObject_1 = [];
+ var newlayer = {
+ id: layerName + '_' + Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])(), objects: [], visible: true, lock: false
+ };
+ this.addLayer(newlayer, null, true);
+ newlayer.zIndex = this.diagram.layers.length - 1;
+ var multiSelect = cloneObject_1.length !== 1;
+ for (var _i = 0, _a = layer.objects; _i < _a.length; _i++) {
+ var obj = _a[_i];
+ cloneObject_1.push(this.diagram.nameTable["" + obj]);
+ }
+ this.paste(cloneObject_1);
+ }
+ };
+ /**
+ * copy method\
+ *
+ * @returns { void } copy method .\
+ * @private
+ */
+ CommandHandler.prototype.copy = function () {
+ this.clipboardData.pasteIndex = 1;
+ this.clipboardData.clipObject = this.copyObjects();
+ return this.clipboardData.clipObject;
+ };
+ /**
+ * copyObjects method\
+ *
+ * @returns { Object[] } copyObjects method .\
+ * @private
+ */
+ CommandHandler.prototype.copyObjects = function () {
+ var selectedItems = [];
+ var obj = [];
+ this.clipboardData.childTable = {};
+ if (this.diagram.selectedItems.connectors.length > 0) {
+ selectedItems = this.diagram.selectedItems.connectors;
+ for (var j = 0; j < selectedItems.length; j++) {
+ var element = void 0;
+ if (this.diagram.bpmnModule &&
+ this.diagram.bpmnModule.textAnnotationConnectors.indexOf(selectedItems[parseInt(j.toString(), 10)]) > -1) {
+ element = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])((this.diagram.nameTable[selectedItems[parseInt(j.toString(), 10)].targetID]));
+ }
+ else {
+ element = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])((selectedItems[parseInt(j.toString(), 10)]));
+ }
+ obj.push(element);
+ }
+ }
+ if (this.diagram.selectedItems.nodes.length > 0) {
+ selectedItems = selectedItems.concat(this.diagram.selectedItems.nodes);
+ for (var j = 0; j < this.diagram.selectedItems.nodes.length; j++) {
+ if (!selectedItems[parseInt(j.toString(), 10)].isPhase) {
+ var node = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.selectedItems.nodes[parseInt(j.toString(), 10)]);
+ if (node.wrapper && (node.offsetX !== node.wrapper.offsetX)) {
+ node.offsetX = node.wrapper.offsetX;
+ }
+ if (node.wrapper && (node.offsetY !== node.wrapper.offsetY)) {
+ node.offsetY = node.wrapper.offsetY;
+ }
+ var processTable = {};
+ this.copyProcesses(node);
+ obj.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(node));
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["rotateMatrix"])(matrix, -node.rotateAngle, node.offsetX, node.offsetY);
+ if (node.children) {
+ var childTable = this.clipboardData.childTable;
+ var tempNode = void 0;
+ var elements = [];
+ var nodes = this.getAllDescendants(node, elements, true);
+ for (var i = 0; i < nodes.length; i++) {
+ tempNode = this.diagram.nameTable[nodes[parseInt(i.toString(), 10)].id];
+ var clonedObject = childTable[tempNode.id] = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(tempNode);
+ var newOffset = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["transformPointByMatrix"])(matrix, { x: clonedObject.wrapper.offsetX, y: clonedObject.wrapper.offsetY });
+ if (tempNode instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ clonedObject.offsetX = newOffset.x;
+ clonedObject.offsetY = newOffset.y;
+ clonedObject.rotateAngle -= node.rotateAngle;
+ }
+ }
+ this.clipboardData.childTable = childTable;
+ }
+ if (node.shape.type === 'SwimLane') {
+ var swimlane = this.diagram.getObject(this.diagram.selectedItems.nodes[parseInt(j.toString(), 10)].id);
+ var childTable = this.clipboardData.childTable;
+ var connectorsList = Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["getConnectors"])(this.diagram, swimlane.wrapper.children[0], 0, true);
+ for (var i = 0; i < connectorsList.length; i++) {
+ var connector = this.diagram.getObject(connectorsList[parseInt(i.toString(), 10)]);
+ childTable[connector.id] = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(connector);
+ }
+ }
+ if (node && node.isLane) {
+ var childTable = this.clipboardData.childTable;
+ var swimlane = this.diagram.getObject(node.parentId);
+ var lane = Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["findLane"])(node, this.diagram);
+ childTable[node.id] = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(lane);
+ childTable[node.id].width = swimlane.wrapper.actualSize.width;
+ }
+ }
+ }
+ }
+ if (this.clipboardData.pasteIndex === 0) {
+ this.startGroupAction();
+ for (var _i = 0, selectedItems_1 = selectedItems; _i < selectedItems_1.length; _i++) {
+ var item = selectedItems_1[_i];
+ if (this.diagram.nameTable[item.id]) {
+ if (this.diagram.bpmnModule &&
+ this.diagram.bpmnModule.textAnnotationConnectors.indexOf(item) > -1) {
+ this.diagram.remove(this.diagram.nameTable[item.targetID]);
+ }
+ else {
+ this.diagram.remove(item);
+ }
+ }
+ }
+ this.endGroupAction();
+ }
+ this.sortByZIndex(obj, 'zIndex');
+ return obj;
+ };
+ CommandHandler.prototype.copyProcesses = function (node) {
+ if (node.shape.type === 'Bpmn' && node.shape.activity &&
+ node.shape.activity.subProcess.processes &&
+ node.shape.activity.subProcess.processes.length > 0) {
+ var processes = node.shape.activity.subProcess.processes;
+ for (var _i = 0, processes_1 = processes; _i < processes_1.length; _i++) {
+ var i = processes_1[_i];
+ this.processTable["" + i] = (Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.nameTable["" + i]));
+ if (this.processTable["" + i].shape.activity.subProcess.processes &&
+ this.processTable["" + i].shape.activity.subProcess.processes.length > 0) {
+ this.copyProcesses(this.processTable["" + i]);
+ }
+ }
+ this.clipboardData.processTable = this.processTable;
+ }
+ };
+ /**
+ * group method\
+ *
+ * @returns { void } group method .\
+ * @private
+ */
+ CommandHandler.prototype.group = function () {
+ this.oldSelectedObjects = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneSelectedObjects"])(this.diagram);
+ var propName = 'isProtectedOnChange';
+ var protectedChange = this.diagram["" + propName];
+ this.diagram.protectPropertyChange(true);
+ this.diagram.diagramActions = this.diagram.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].Group;
+ var selectedItems = [];
+ var obj = {};
+ //let group: Node | Connector;
+ obj.id = 'group' + Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])();
+ obj = new _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"](this.diagram, 'nodes', obj, true);
+ obj.children = [];
+ selectedItems = this.diagram.selectedItems.nodes;
+ selectedItems = selectedItems.concat(this.diagram.selectedItems.connectors);
+ var order = selectedItems.sort(function (a, b) {
+ return a.zIndex - b.zIndex;
+ });
+ for (var i = 0; i < order.length; i++) {
+ if (!order[parseInt(i.toString(), 10)].parentId) {
+ obj.children.push(order[parseInt(i.toString(), 10)].id);
+ }
+ }
+ var group = this.diagram.add(obj);
+ if (group) {
+ this.select(group);
+ }
+ var entry = { type: 'Group', undoObject: obj, redoObject: obj, category: 'Internal' };
+ this.addHistoryEntry(entry);
+ this.diagram.diagramActions = this.diagram.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].Group;
+ this.diagram.protectPropertyChange(protectedChange);
+ this.updateBlazorSelector();
+ };
+ /**
+ * unGroup method\
+ *
+ * @returns { void } unGroup method .\
+ * @param {NodeModel} obj - provide the angle value.
+ * @private
+ */
+ CommandHandler.prototype.unGroup = function (obj) {
+ var propName = 'isProtectedOnChange';
+ var protectedChange = this.diagram["" + propName];
+ this.diagram.protectPropertyChange(true);
+ this.diagram.diagramActions = this.diagram.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].Group;
+ var selectedItems = [];
+ if (obj) {
+ selectedItems.push(obj);
+ }
+ else {
+ selectedItems = this.diagram.selectedItems.nodes;
+ }
+ this.diagram.startGroupAction();
+ for (var i = 0; i < selectedItems.length; i++) {
+ var node = selectedItems[parseInt(i.toString(), 10)];
+ var undoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(node);
+ var childCollection = [];
+ for (var k = 0; k < node.children.length; k++) {
+ childCollection.push(node.children[parseInt(k.toString(), 10)]);
+ }
+ if (node.children) {
+ if (node.ports && node.ports.length > 0) {
+ this.diagram.removePorts(node, node.ports);
+ }
+ if (node.annotations && node.annotations.length > 0
+ && (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && node.annotations[0].content !== '')) {
+ this.diagram.removeLabels(node, node.annotations);
+ }
+ var parentNode = this.diagram.nameTable[node.parentId];
+ for (var j = node.children.length - 1; j >= 0; j--) {
+ (this.diagram.nameTable[node.children[parseInt(j.toString(), 10)]]).parentId = '';
+ this.diagram.deleteChild(this.diagram.nameTable[node.children[parseInt(j.toString(), 10)]], node);
+ if (node.parentId && node.children[parseInt(j.toString(), 10)]) {
+ this.diagram.addChild(parentNode, node.children[parseInt(j.toString(), 10)]);
+ }
+ }
+ this.resetDependentConnectors(node.inEdges, true);
+ this.resetDependentConnectors(node.outEdges, false);
+ var entry = {
+ type: 'UnGroup', undoObject: undoObject,
+ redoObject: undoObject, category: 'Internal'
+ };
+ if (!(this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].UndoRedo)) {
+ this.addHistoryEntry(entry);
+ }
+ if (node.parentId) {
+ this.diagram.deleteChild(node, parentNode);
+ }
+ }
+ this.diagram.removeNode(node, childCollection);
+ this.clearSelection();
+ }
+ this.diagram.endGroupAction();
+ this.diagram.diagramActions = this.diagram.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].Group;
+ this.diagram.protectPropertyChange(protectedChange);
+ };
+ CommandHandler.prototype.resetDependentConnectors = function (edges, isInEdges) {
+ for (var i = 0; i < edges.length; i++) {
+ var newConnector = this.diagram.nameTable[edges[parseInt(i.toString(), 10)]];
+ var undoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(newConnector);
+ var newProp = void 0;
+ if (isInEdges) {
+ newConnector.targetID = '';
+ newConnector.targetPortID = '';
+ newProp = { targetID: newConnector.targetID, targetPortID: newConnector.targetPortID };
+ }
+ else {
+ newConnector.sourceID = '';
+ newConnector.sourcePortID = '';
+ newProp = { sourceID: newConnector.sourceID, sourcePortID: newConnector.sourcePortID };
+ }
+ this.diagram.connectorPropertyChange(newConnector, {}, newProp);
+ var entry = {
+ type: 'ConnectionChanged', undoObject: { connectors: [undoObject], nodes: [] },
+ redoObject: { connectors: [Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(newConnector)], nodes: [] }, category: 'Internal'
+ };
+ if (!(this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].UndoRedo)) {
+ this.addHistoryEntry(entry);
+ }
+ }
+ };
+ /**
+ * paste method\
+ *
+ * @returns { void } paste method .\
+ * @param {(NodeModel | ConnectorModel)[]} obj - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.paste = function (obj) {
+ if (obj || this.clipboardData.clipObject) {
+ this.diagram.protectPropertyChange(true);
+ var copiedItems = obj ? this.getNewObject(obj) :
+ this.clipboardData.clipObject;
+ if (copiedItems) {
+ var multiSelect = copiedItems.length !== 1;
+ var groupAction = false;
+ var objectTable = {};
+ var keyTable = {};
+ if (this.clipboardData.pasteIndex !== 0) {
+ this.clearSelection();
+ }
+ if (this.diagram.undoRedoModule) {
+ groupAction = true;
+ this.diagram.historyManager.startGroupAction();
+ }
+ for (var _i = 0, copiedItems_1 = copiedItems; _i < copiedItems_1.length; _i++) {
+ var copy = copiedItems_1[_i];
+ objectTable[copy.id] = copy;
+ }
+ var copiedObject = [];
+ if (multiSelect) {
+ // This bool is also consider to prevent selection change event is triggered after every object clone
+ this.diagram.isServerUpdate = true;
+ }
+ for (var j = 0; j < copiedItems.length; j++) {
+ var copy = copiedItems[parseInt(j.toString(), 10)];
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(copy) === _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"]) {
+ var clonedObj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(copy);
+ var nodeId = clonedObj.sourceID;
+ clonedObj.sourceID = '';
+ if (objectTable["" + nodeId] && keyTable["" + nodeId]) {
+ clonedObj.sourceID = keyTable["" + nodeId];
+ }
+ nodeId = clonedObj.targetID;
+ clonedObj.targetID = '';
+ if (objectTable["" + nodeId] && keyTable["" + nodeId]) {
+ clonedObj.targetID = keyTable["" + nodeId];
+ }
+ var newObj = this.cloneConnector(clonedObj, multiSelect);
+ copiedObject.push(newObj);
+ keyTable[copy.id] = newObj.id;
+ }
+ else {
+ var newNode = this.cloneNode(copy, multiSelect);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && newNode && newNode.children && newNode.children.length > 0) {
+ copiedObject = copiedObject.concat(this.cloneGroupChildCollection);
+ this.cloneGroupChildCollection = [];
+ }
+ else {
+ copiedObject.push(newNode);
+ }
+ //bpmn text annotations will not be pasted
+ if (newNode) {
+ keyTable[copy.id] = newNode.id;
+ var edges = copy.inEdges;
+ if (edges) {
+ for (var _a = 0, edges_1 = edges; _a < edges_1.length; _a++) {
+ var edge = edges_1[_a];
+ if (objectTable["" + edge] && keyTable["" + edge]) {
+ var newConnector = this.diagram.nameTable[keyTable["" + edge]];
+ newConnector.targetID = keyTable[copy.id];
+ this.diagram.connectorPropertyChange(newConnector, { targetID: '', targetPortID: '' }, { targetID: newConnector.targetID, targetPortID: newConnector.targetPortID });
+ }
+ }
+ }
+ edges = copy.outEdges;
+ if (edges) {
+ for (var _b = 0, edges_2 = edges; _b < edges_2.length; _b++) {
+ var edge = edges_2[_b];
+ if (objectTable["" + edge] && keyTable["" + edge]) {
+ var newConnector = this.diagram.nameTable[keyTable["" + edge]];
+ newConnector.sourceID = keyTable[copy.id];
+ this.diagram.connectorPropertyChange(newConnector, { sourceID: '', sourcePortID: '' }, { sourceID: newConnector.sourceID, sourcePortID: newConnector.sourcePortID });
+ }
+ }
+ }
+ }
+ }
+ }
+ if (multiSelect) {
+ this.diagram.isServerUpdate = false;
+ this.diagram.UpdateBlazorDiagramModelCollection(copiedItems[0], copiedObject);
+ this.getBlazorOldValues();
+ this.diagram.select(copiedObject, true);
+ }
+ if (groupAction === true) {
+ this.diagram.historyManager.endGroupAction();
+ groupAction = false;
+ }
+ if (this.diagram.mode !== 'SVG') {
+ this.diagram.refreshDiagramLayer();
+ }
+ this.clipboardData.pasteIndex++;
+ this.diagram.protectPropertyChange(false);
+ }
+ }
+ };
+ CommandHandler.prototype.getNewObject = function (obj) {
+ var newObj;
+ var newobjs = [];
+ this.clipboardData.pasteIndex = 1;
+ for (var i = 0; i < obj.length; i++) {
+ newObj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(obj[parseInt(i.toString(), 10)]);
+ newobjs.push(newObj);
+ }
+ return newobjs;
+ };
+ CommandHandler.prototype.cloneConnector = function (connector, multiSelect) {
+ //let newConnector: Node | Connector;
+ var cloneObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(connector);
+ this.translateObject(cloneObject);
+ cloneObject.zIndex = -1;
+ var newConnector = this.diagram.add(cloneObject);
+ if (!this.diagram.isServerUpdate) {
+ this.selectObjects([newConnector], multiSelect);
+ }
+ return newConnector;
+ };
+ CommandHandler.prototype.cloneNode = function (node, multiSelect, children, groupnodeID) {
+ var newNode;
+ var connectorsTable = {};
+ var cloneObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(node);
+ var process;
+ var temp = this.diagram.nameTable[node.parentId];
+ if (node.shape && node.shape.type === 'Bpmn' && node.shape.activity &&
+ node.shape.activity.subProcess.processes
+ && node.shape.activity.subProcess.processes.length) {
+ process = cloneObject.shape.activity.subProcess.processes;
+ cloneObject.zIndex = -1;
+ cloneObject.shape.activity.subProcess.processes = undefined;
+ }
+ if (node.shape && node.shape.type === 'SwimLane') {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["pasteSwimLane"])(node, this.diagram, this.clipboardData);
+ }
+ else if (temp && temp.shape.type === 'SwimLane') {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["pasteSwimLane"])(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(temp), this.diagram, this.clipboardData, node, true);
+ }
+ else if (node.children && node.children.length && (!children || !children.length)) {
+ newNode = this.cloneGroup(node, multiSelect);
+ }
+ else if (node.shape && ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && node.shape.shape === 'TextAnnotation') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && node.shape.bpmnShape === 'TextAnnotation')) && node.id.indexOf('_textannotation_') !== -1 &&
+ this.diagram.nameTable[node.id]) {
+ var checkAnnotation = node.id.split('_textannotation_');
+ //const parentNode: Node;
+ var annotation = this.diagram.nameTable[node.id];
+ for (var j = 0; j < annotation.inEdges.length; j++) {
+ var connector = this.diagram.nameTable[annotation.inEdges[parseInt(j.toString(), 10)]];
+ if (connector) {
+ var parentNode = this.diagram.nameTable[connector.sourceID];
+ var clonedNode = this.getAnnotation(parentNode, checkAnnotation[1]);
+ var annotationNode = {
+ id: checkAnnotation[1] + Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])(),
+ angle: clonedNode.angle,
+ text: clonedNode.text,
+ length: clonedNode.length,
+ shape: { shape: 'TextAnnotation', type: 'Bpmn' },
+ nodeId: clonedNode.nodeId
+ };
+ this.diagram.addTextAnnotation(annotationNode, parentNode);
+ }
+ }
+ }
+ else {
+ this.translateObject(cloneObject, groupnodeID);
+ cloneObject.zIndex = -1;
+ if (children) {
+ cloneObject.children = children;
+ }
+ newNode = this.diagram.add(cloneObject);
+ }
+ for (var _i = 0, _a = Object.keys(connectorsTable); _i < _a.length; _i++) {
+ var i = _a[_i];
+ this.diagram.add(connectorsTable["" + i]);
+ }
+ if (process && process.length) {
+ newNode.shape.activity.subProcess.processes = process;
+ this.cloneSubProcesses(newNode);
+ }
+ if (newNode && !this.diagram.isServerUpdate) {
+ this.selectObjects([newNode], multiSelect);
+ }
+ return newNode;
+ };
+ CommandHandler.prototype.getAnnotation = function (parent, annotationId) {
+ var currentAnnotation = parent.shape.annotations;
+ if (currentAnnotation && currentAnnotation.length) {
+ for (var g = 0; g <= currentAnnotation.length; g++) {
+ if (currentAnnotation[parseInt(g.toString(), 10)].id === annotationId) {
+ return currentAnnotation[parseInt(g.toString(), 10)];
+ }
+ }
+ }
+ return undefined;
+ };
+ CommandHandler.prototype.cloneSubProcesses = function (node) {
+ var connector = [];
+ var temp = {};
+ if (node.shape.type === 'Bpmn' && node.shape.activity &&
+ node.shape.activity.subProcess.processes
+ && node.shape.activity.subProcess.processes.length) {
+ var process = node.shape.activity.subProcess.processes;
+ for (var g = 0; g < process.length; g++) {
+ var child = this.diagram.nameTable[process[parseInt(g.toString(), 10)]] || this.clipboardData.processTable[process[parseInt(g.toString(), 10)]];
+ for (var _i = 0, _a = child.outEdges; _i < _a.length; _i++) {
+ var j = _a[_i];
+ if (connector.indexOf(j) < 0) {
+ connector.push(j);
+ }
+ }
+ for (var _b = 0, _c = child.inEdges; _b < _c.length; _b++) {
+ var j = _c[_b];
+ if (connector.indexOf(j) < 0) {
+ connector.push(j);
+ }
+ }
+ var innerChild = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.clipboardData.processTable[process[parseInt(g.toString(), 10)]]);
+ innerChild.processId = node.id;
+ var newNode = this.cloneNode(innerChild, false);
+ temp[process[parseInt(g.toString(), 10)]] = newNode.id;
+ process[parseInt(g.toString(), 10)] = newNode.id;
+ this.diagram.addProcess(newNode, node.id);
+ for (var _d = 0, connector_1 = connector; _d < connector_1.length; _d++) {
+ var i = connector_1[_d];
+ var node_1 = this.diagram.nameTable["" + i] || this.diagram.connectorTable["" + i];
+ var clonedNode = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(node_1);
+ if (temp[clonedNode.sourceID] && temp[clonedNode.targetID]) {
+ clonedNode.zIndex = -1;
+ clonedNode.id += Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])();
+ clonedNode.sourceID = temp[clonedNode.sourceID];
+ clonedNode.targetID = temp[clonedNode.targetID];
+ connector.splice(connector.indexOf(i), 1);
+ this.diagram.add(clonedNode);
+ }
+ }
+ }
+ }
+ };
+ CommandHandler.prototype.cloneGroup = function (obj, multiSelect) {
+ var value;
+ var newChildren = [];
+ var children = [];
+ var connectorObj = [];
+ var newObj;
+ var oldID = [];
+ children = children.concat(obj.children);
+ var id = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])();
+ var objectCollection = [];
+ this.diagram.blazorActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_10__["BlazorAction"].GroupClipboardInProcess;
+ if (this.clipboardData.childTable || obj.children.length > 0) {
+ for (var i = 0; i < children.length; i++) {
+ var childObj = void 0;
+ if (this.clipboardData.childTable) {
+ childObj = this.clipboardData.childTable[children[parseInt(i.toString(), 10)]];
+ }
+ else {
+ childObj = this.diagram.nameTable[children[parseInt(i.toString(), 10)]];
+ }
+ childObj.parentId = '';
+ if (childObj) {
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(childObj) === _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"]) {
+ connectorObj.push(childObj);
+ }
+ else {
+ newObj = this.cloneNode(childObj, multiSelect, undefined, id);
+ oldID.push(childObj.id);
+ newChildren.push(newObj.id);
+ objectCollection.push(newObj);
+ }
+ }
+ }
+ }
+ for (var k = 0; k < connectorObj.length; k++) {
+ if (connectorObj[parseInt(k.toString(), 10)].sourceID || connectorObj[parseInt(k.toString(), 10)].targetID) {
+ for (var j = 0; j < oldID.length; j++) {
+ if (connectorObj[parseInt(k.toString(), 10)].sourceID === (oldID[parseInt(j.toString(), 10)])) {
+ connectorObj[parseInt(k.toString(), 10)].sourceID += id;
+ }
+ if (connectorObj[parseInt(k.toString(), 10)].targetID === (oldID[parseInt(j.toString(), 10)])) {
+ connectorObj[parseInt(k.toString(), 10)].targetID += id;
+ }
+ }
+ }
+ newObj = this.cloneConnector(connectorObj[parseInt(k.toString(), 10)], multiSelect);
+ newChildren.push(newObj.id);
+ objectCollection.push(newObj);
+ }
+ var parentObj = this.cloneNode(obj, multiSelect, newChildren);
+ objectCollection.push(parentObj);
+ if (parentObj && parentObj.container && parentObj.shape && parentObj.shape.type === 'UmlClassifier') {
+ this.diagram.updateDiagramObject(parentObj);
+ parentObj.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_14__["Size"]());
+ }
+ this.diagram.blazorActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_10__["BlazorAction"].GroupClipboardInProcess;
+ if (!this.diagram.isServerUpdate) {
+ this.diagram.UpdateBlazorDiagramModelCollection(undefined, objectCollection, undefined, true);
+ }
+ else {
+ this.cloneGroupChildCollection = objectCollection;
+ }
+ return parentObj;
+ };
+ /**
+ * translateObject method\
+ *
+ * @returns { Object[] } translateObject method .\
+ * @param {Node | Connector} obj - provide the objects value.
+ * @param {string} groupnodeID - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.translateObject = function (obj, groupnodeID) {
+ obj.id += groupnodeID || Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])();
+ var diff = this.clipboardData.pasteIndex * 10;
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(obj) === _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"]) {
+ obj.sourcePoint = {
+ x: obj.sourcePoint.x + diff, y: obj.sourcePoint.y + diff
+ };
+ obj.targetPoint = {
+ x: obj.targetPoint.x + diff, y: obj.targetPoint.y + diff
+ };
+ if (obj.type === 'Bezier') {
+ var segments = obj.segments;
+ for (var i = 0; i < segments.length; i++) {
+ if (!_primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].isEmptyPoint(segments[parseInt(i.toString(), 10)].point1)) {
+ segments[parseInt(i.toString(), 10)].point1 = {
+ x: segments[parseInt(i.toString(), 10)].point1.x + diff, y: segments[parseInt(i.toString(), 10)].point1.y + diff
+ };
+ }
+ if (!_primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].isEmptyPoint(segments[parseInt(i.toString(), 10)].point2)) {
+ segments[parseInt(i.toString(), 10)].point2 = {
+ x: segments[parseInt(i.toString(), 10)].point2.x + diff, y: segments[parseInt(i.toString(), 10)].point2.y + diff
+ };
+ }
+ }
+ }
+ if (obj.type === 'Straight' || obj.type === 'Bezier') {
+ if (obj.segments && obj.segments.length > 0) {
+ var segments = obj.segments;
+ for (var i = 0; i < segments.length - 1; i++) {
+ segments[parseInt(i.toString(), 10)].point.x += diff;
+ segments[parseInt(i.toString(), 10)].point.y += diff;
+ }
+ }
+ }
+ }
+ else {
+ obj.offsetX += diff;
+ obj.offsetY += diff;
+ }
+ };
+ /**
+ * drawObject method\
+ *
+ * @returns { Node | Connector } drawObject method .\
+ * @param {Node | Connector} obj - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.drawObject = function (obj) {
+ var oldProtectPropertyChangeValue;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ oldProtectPropertyChangeValue = this.diagram.getProtectPropertyChangeValue();
+ this.diagram.protectPropertyChange(true);
+ }
+ var newObj;
+ //let cloneObject: Node | Connector;
+ if (obj && obj.shape) {
+ if (obj.shape.type === 'Text') {
+ obj.width = this.diagram.drawingObject.width ? this.diagram.drawingObject.width : 50;
+ obj.height = this.diagram.drawingObject.height ? this.diagram.drawingObject.height : 20;
+ }
+ }
+ var cloneObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.drawingObject);
+ for (var _i = 0, _a = Object.keys(obj); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ cloneObject["" + prop] = obj["" + prop];
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(this.diagram.drawingObject) === _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"] || (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(this.diagram.drawingObject) === _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"] && this.diagram.drawingObject.type === 'Freehand' && obj.type !== 'Bezier')) {
+ newObj = new _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"](this.diagram, 'nodes', cloneObject, true);
+ newObj.id = (this.diagram.drawingObject.id || 'node') + Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])();
+ }
+ else {
+ newObj = new _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"](this.diagram, 'connectors', cloneObject, true);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && !this.diagram.drawingObject) {
+ newObj.type === 'Orthogonal';
+ }
+ newObj.id = (this.diagram.drawingObject ? (this.diagram.drawingObject.id ? this.diagram.drawingObject.id : 'connector')
+ : 'connector') + Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])();
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updateDefaultValues"])(newObj, cloneObject, (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(this.diagram.drawingObject) === _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) ? this.diagram.nodeDefaults : this.diagram.connectorDefaults);
+ }
+ this.diagram.initObject(newObj);
+ this.diagram.updateDiagramObject(newObj);
+ this.diagram.currentDrawingObject = newObj;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ this.diagram.protectPropertyChange(oldProtectPropertyChangeValue);
+ }
+ return newObj;
+ };
+ /**
+ * addObjectToDiagram method\
+ *
+ * @returns { void } addObjectToDiagram method .\
+ * @param {Node | Connector} obj - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.addObjectToDiagram = function (obj) {
+ //let newObj: Node | Connector;
+ this.diagram.removeFromAQuad(obj);
+ this.diagram.removeObjectsFromLayer(this.diagram.nameTable[obj.id]);
+ delete this.diagram.nameTable[obj.id];
+ //EJ2-62652 - Added below code to empty the segment collection if connector type is bezier
+ if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"] && obj.type === 'Bezier' && obj.segments.length > 0
+ && (this.diagram.drawingObject && this.diagram.drawingObject.type === 'Bezier')) {
+ obj.segments = [];
+ }
+ var newObj = this.diagram.add(obj);
+ if (this.diagram.mode !== 'SVG') {
+ this.diagram.refreshDiagramLayer();
+ }
+ this.selectObjects([newObj]);
+ if (obj && (!(Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canContinuousDraw"])(this.diagram)))) {
+ this.diagram.tool &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramTools"].DrawOnce;
+ this.diagram.currentDrawingObject = undefined;
+ }
+ };
+ /**
+ * addObjectToDiagram method\
+ *
+ * @returns { void } addObjectToDiagram method .\
+ * @param {boolean} enable - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.enableServerDataBinding = function (enable) {
+ this.diagram.enableServerDataBinding(enable);
+ };
+ /**
+ * addText method\
+ *
+ * @returns { void } addText method .\
+ * @param {boolean} obj - provide the objects value.
+ * @param {PointModel} currentPosition - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.addText = function (obj, currentPosition) {
+ var annotation = this.diagram.findElementUnderMouse(obj, currentPosition);
+ this.diagram.startTextEdit(obj, annotation instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_3__["TextElement"] ? (annotation.id).split('_')[1] : undefined);
+ };
+ CommandHandler.prototype.updateArgsObject = function (obj, arg1, argValue) {
+ if (obj) {
+ var connector = void 0;
+ for (var i = 0; i < obj.length; i++) {
+ connector = (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getObjectType"])(obj[parseInt(i.toString(), 10)]) === _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"]);
+ if (connector) {
+ // In Blazor web assembly, deserialize the object. Itb takes time. - Suganthi
+ //argValue.connectors.push(cloneBlazorObject(obj[i]));
+ argValue.connectorCollection.push(obj[parseInt(i.toString(), 10)].id);
+ }
+ else {
+ //argValue.nodes.push(cloneBlazorObject(obj[i]));
+ argValue.nodeCollection.push(obj[parseInt(i.toString(), 10)].id);
+ }
+ //connector ? argValue.connectors.push(cloneBlazorObject(obj[i])) : argValue.nodes.push(cloneBlazorObject(obj[i]));
+ }
+ }
+ };
+ CommandHandler.prototype.updateSelectionChangeEventArgs = function (arg, obj, oldValue) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ arg = {
+ cause: this.diagram.diagramActions, newValue: {}, oldValue: {},
+ state: arg.state, type: arg.type, cancel: false
+ };
+ var argOldValue = arg.oldValue;
+ var argNewValue = arg.newValue;
+ argOldValue.connectors = [];
+ argOldValue.nodes = [];
+ argNewValue.connectors = [];
+ argNewValue.nodes = [];
+ argOldValue.nodeCollection = [];
+ argOldValue.connectorCollection = [];
+ argNewValue.nodeCollection = [];
+ argNewValue.connectorCollection = [];
+ this.updateArgsObject(this.getSelectedObject(), arg, argNewValue);
+ this.updateArgsObject(oldValue, arg, argOldValue);
+ return arg;
+ }
+ return arg;
+ };
+ /**
+ * isUserHandle method\
+ *
+ * @returns { boolean } isUserHandle method .\
+ * @param {PointModel} position - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.isUserHandle = function (position) {
+ var handle = this.diagram.selectedItems;
+ if (handle.wrapper && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["canShowCorner"])(handle.constraints, 'UserHandle')) {
+ for (var _i = 0, _a = handle.userHandles; _i < _a.length; _i++) {
+ var obj = _a[_i];
+ if (obj.visible) {
+ var paddedBounds = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getUserHandlePosition"])(handle, obj, this.diagram.scroller.transform);
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_9__["contains"])(position, paddedBounds, obj.size / (2 * this.diagram.scroller.transform.scale))) {
+ return true;
+ }
+ }
+ }
+ }
+ return false;
+ };
+ /**
+ * selectObjects method\
+ *
+ * @returns { Promise } selectObjects method .\
+ * @param {(NodeModel | ConnectorModel)[]} obj - provide the objects value.
+ * @param {boolean} multipleSelection - provide the objects value.
+ * @param {(NodeModel | ConnectorModel)[]} oldValue - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.selectObjects = function (obj, multipleSelection, oldValue) {
+ return __awaiter(this, void 0, void 0, function () {
+ var arg, swimlaneNode, laneId, j, i, parentId, select, oldSelectedItems, canDoMultipleSelection, canDoSingleSelection, i, newObj, i_1, parentNode, blazorArgs, eventObj, selectedObjects, i;
+ return __generator(this, function (_a) {
+ switch (_a.label) {
+ case 0:
+ arg = {
+ oldValue: oldValue ? oldValue : this.getSelectedObject(),
+ newValue: obj, cause: this.diagram.diagramActions,
+ state: 'Changing', type: 'Addition', cancel: false
+ };
+ // EJ2-57157 - Added to consider the lane header at selection change when selecting a lane.
+ if (obj.length > 0 && (obj[0] && obj[0].isLane)) {
+ swimlaneNode = this.diagram.getObject(obj[0].parentId);
+ obj[0].shape.header = [];
+ laneId = '';
+ for (j = 0; j < obj.length; j++) {
+ for (i = 0; i < swimlaneNode.shape.lanes.length; i++) {
+ parentId = obj[0].id.split(obj[0].parentId);
+ laneId = parentId[1].slice(0, -1);
+ if (laneId === swimlaneNode.shape.lanes[parseInt(i.toString(), 10)].id) {
+ obj[0].shape.header.push(swimlaneNode.shape.lanes[parseInt(i.toString(), 10)].header);
+ }
+ }
+ }
+ }
+ this.diagram.enableServerDataBinding(false);
+ select = true;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].selectionChange, arg);
+ }
+ else {
+ this.oldSelectedObjects = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneSelectedObjects"])(this.diagram);
+ }
+ oldSelectedItems = (this.diagram.selectedItems.nodes.concat(this.diagram.selectedItems.connectors));
+ canDoMultipleSelection = Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canMultiSelect"])(this.diagram);
+ canDoSingleSelection = Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canSingleSelect"])(this.diagram);
+ if (canDoSingleSelection || canDoMultipleSelection) {
+ if (!canDoMultipleSelection && ((obj.length > 1) || (multipleSelection && obj.length === 1))) {
+ if (obj.length === 1) {
+ this.clearSelection();
+ }
+ else {
+ return [2 /*return*/];
+ }
+ }
+ if (!(canDoSingleSelection || canDoMultipleSelection) && obj.length === 1
+ && (!multipleSelection || !Object(_actions__WEBPACK_IMPORTED_MODULE_9__["hasSelection"])(this.diagram))) {
+ this.clearSelection();
+ return [2 /*return*/];
+ }
+ }
+ if (!!arg.cancel) return [3 /*break*/, 5];
+ for (i = 0; i < obj.length; i++) {
+ newObj = obj[parseInt(i.toString(), 10)];
+ if (newObj) {
+ select = true;
+ if (!Object(_actions__WEBPACK_IMPORTED_MODULE_9__["hasSelection"])(this.diagram)) {
+ this.select(newObj, i > 0 || multipleSelection, true);
+ }
+ else {
+ if ((i > 0 || multipleSelection) && newObj.children && !newObj.parentId) {
+ for (i_1 = 0; i_1 < this.diagram.selectedItems.nodes.length; i_1++) {
+ parentNode = this.diagram.nameTable[this.diagram.selectedItems.nodes[parseInt(i_1.toString(), 10)].parentId];
+ if (parentNode) {
+ parentNode = this.findParent(parentNode);
+ if (parentNode) {
+ if (newObj.id === parentNode.id) {
+ this.selectGroup(newObj);
+ }
+ }
+ }
+ }
+ }
+ this.selectProcesses(newObj);
+ select = this.selectBpmnSubProcesses(newObj);
+ if (select) {
+ this.select(newObj, i > 0 || multipleSelection, true);
+ }
+ }
+ }
+ }
+ if (oldValue === undefined) {
+ oldValue = oldSelectedItems;
+ }
+ arg = {
+ oldValue: oldValue ? oldValue : [],
+ newValue: this.getSelectedObject(),
+ cause: this.diagram.diagramActions, state: 'Changed', type: 'Addition', cancel: false
+ };
+ this.diagram.renderSelector(multipleSelection || (obj && obj.length > 1));
+ this.updateBlazorSelectorModel(oldValue);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && this.diagram.selectionChange) {
+ arg = this.updateSelectionChangeEventArgs(arg, obj, oldValue ? oldValue : []);
+ this.updateBlazorSelector();
+ }
+ if (!!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) return [3 /*break*/, 1];
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].selectionChange, arg);
+ return [3 /*break*/, 4];
+ case 1:
+ blazorArgs = void 0;
+ if (!(window && window[this.blazor] && this.diagram.selectionChange)) return [3 /*break*/, 3];
+ eventObj = { 'EventName': 'selectionChange', args: JSON.stringify(arg) };
+ return [4 /*yield*/, window[this.blazorInterop].updateBlazorDiagramEvents(eventObj, this.diagram)];
+ case 2:
+ blazorArgs = _a.sent();
+ _a.label = 3;
+ case 3:
+ // let blazorArgs: void | object = await this.diagram.triggerEvent(DiagramEvent.selectionChange, arg);
+ if (blazorArgs && blazorArgs.cancel) {
+ selectedObjects = [];
+ if (blazorArgs.oldValue.nodes.length > 0) {
+ selectedObjects = blazorArgs.oldValue.nodes;
+ }
+ if (blazorArgs.oldValue.connectors.length > 0) {
+ selectedObjects = selectedObjects.concat(blazorArgs.oldValue.connectors);
+ }
+ if (selectedObjects) {
+ if (selectedObjects.length > 0) {
+ for (i = 0; i < selectedObjects.length; i++) {
+ this.select(this.diagram.nameTable[selectedObjects[parseInt(i.toString(), 10)].id], (i !== 0 && selectedObjects.length > 1) ? true : false);
+ }
+ }
+ else {
+ this.clearSelection();
+ }
+ }
+ }
+ _a.label = 4;
+ case 4:
+ this.diagram.enableServerDataBinding(true);
+ this.updateBlazorSelector();
+ _a.label = 5;
+ case 5: return [2 /*return*/];
+ }
+ });
+ });
+ };
+ /**
+ * updateBlazorSelector method\
+ *
+ * @returns { void } updateBlazorSelector method .\
+ * @private
+ */
+ CommandHandler.prototype.updateBlazorSelector = function () {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && this.oldSelectedObjects) {
+ this.newSelectedObjects = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneSelectedObjects"])(this.diagram);
+ var result = this.deepDiffer.map(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.newSelectedObjects), this.oldSelectedObjects);
+ var diffValue = this.deepDiffer.frameObject({}, result);
+ var diff = this.deepDiffer.removeEmptyValues(diffValue);
+ diff.nodes = [];
+ for (var i = 0; i < this.diagram.selectedItems.nodes.length; i++) {
+ diff.nodes.push(this.diagram.selectedItems.nodes[parseInt(i.toString(), 10)].id);
+ }
+ diff.connectors = [];
+ for (var i = 0; i < this.diagram.selectedItems.connectors.length; i++) {
+ diff.connectors.push(this.diagram.selectedItems.connectors[parseInt(i.toString(), 10)].id);
+ }
+ var blazorInterop = 'sfBlazor';
+ var blazor = 'Blazor';
+ if (window && window["" + blazor]) {
+ var obj = { 'methodName': 'UpdateBlazorProperties', 'diagramobj': { selectedItems: diff } };
+ window["" + blazorInterop].updateBlazorProperties(obj, this.diagram);
+ }
+ this.oldSelectedObjects = undefined;
+ this.newSelectedObjects = undefined;
+ }
+ };
+ /**
+ * findParent method\
+ *
+ * @returns { Node } findParent method .\
+ * @param {Node} node - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.findParent = function (node) {
+ if (node.parentId) {
+ node = this.diagram.nameTable[node.parentId];
+ this.findParent(node);
+ }
+ return node;
+ };
+ CommandHandler.prototype.selectProcesses = function (newObj) {
+ if (this.hasProcesses(newObj)) {
+ var processes = (newObj).shape.activity.subProcess.processes;
+ for (var i = 0; i < processes.length; i++) {
+ var innerChild = this.diagram.nameTable[processes[parseInt(i.toString(), 10)]];
+ if (this.hasProcesses(innerChild)) {
+ this.selectObjects([innerChild], true);
+ }
+ this.unSelect(innerChild);
+ }
+ }
+ };
+ CommandHandler.prototype.selectGroup = function (newObj) {
+ for (var j = 0; j < newObj.children.length; j++) {
+ var innerChild = this.diagram.nameTable[newObj.children[parseInt(j.toString(), 10)]];
+ if (innerChild.children) {
+ this.selectGroup(innerChild);
+ }
+ this.unSelect(this.diagram.nameTable[newObj.children[parseInt(j.toString(), 10)]]);
+ }
+ };
+ CommandHandler.prototype.selectBpmnSubProcesses = function (node) {
+ var select = true;
+ var parent;
+ if (node.processId) {
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_9__["isSelected"])(this.diagram, this.diagram.nameTable[node.processId])) {
+ select = false;
+ }
+ else {
+ select = this.selectBpmnSubProcesses(this.diagram.nameTable[node.processId]);
+ }
+ }
+ else if (node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"]) {
+ if (node.sourceID && this.diagram.nameTable[node.sourceID] &&
+ this.diagram.nameTable[node.sourceID].processId) {
+ parent = this.diagram.nameTable[node.sourceID].processId;
+ }
+ if (node.targetID && this.diagram.nameTable[node.targetID] &&
+ this.diagram.nameTable[node.targetID].processId) {
+ parent = this.diagram.nameTable[node.targetID].processId;
+ }
+ if (parent) {
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_9__["isSelected"])(this.diagram, this.diagram.nameTable["" + parent])) {
+ return false;
+ }
+ else {
+ select = this.selectBpmnSubProcesses(this.diagram.nameTable["" + parent]);
+ }
+ }
+ }
+ else if (node.parentId && this.diagram.nameTable[node.parentId] &&
+ this.diagram.nameTable[node.parentId].shape.type === 'UmlClassifier') {
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_9__["isSelected"])(this.diagram, this.diagram.nameTable[node.parentId])) {
+ select = false;
+ }
+ }
+ return select;
+ };
+ CommandHandler.prototype.hasProcesses = function (node) {
+ if (node) {
+ if ((node.shape.type === 'Bpmn') && node.shape.activity &&
+ node.shape.activity.subProcess.processes &&
+ node.shape.activity.subProcess.processes.length > 0) {
+ return true;
+ }
+ }
+ return false;
+ };
+ /**
+ * select method\
+ *
+ * @returns { void } select method .\
+ * @param {NodeModel | ConnectorModel} obj - provide the objects value.
+ * @param {boolean} multipleSelection - provide the objects value.
+ * @param {boolean} preventUpdate - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.select = function (obj, multipleSelection, preventUpdate) {
+ var hasLayer = this.getObjectLayer(obj.id);
+ if ((Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canSelect"])(obj) && !(obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"]) && !Object(_actions__WEBPACK_IMPORTED_MODULE_9__["isSelected"])(this.diagram, obj))
+ && (hasLayer && !hasLayer.lock && hasLayer.visible) && obj.wrapper.visible) {
+ multipleSelection = Object(_actions__WEBPACK_IMPORTED_MODULE_9__["hasSelection"])(this.diagram) ? multipleSelection : false;
+ if (!multipleSelection) {
+ this.clearSelection();
+ }
+ this.diagram.enableServerDataBinding(false);
+ var selectorModel = this.diagram.selectedItems;
+ var convert = obj;
+ if (convert instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ if (obj.isHeader) {
+ var node = this.diagram.nameTable[obj.parentId];
+ selectorModel.nodes.push(node);
+ }
+ else {
+ selectorModel.nodes.push(obj);
+ }
+ }
+ else {
+ selectorModel.connectors.push(obj);
+ }
+ // EJ2-56919 - Push the newly selected objects in selectedObjects collection
+ selectorModel.selectedObjects.push(obj);
+ if (!multipleSelection) {
+ selectorModel.init(this.diagram);
+ if (selectorModel.nodes.length === 1 && selectorModel.connectors.length === 0) {
+ var wrapper = Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["gridSelection"])(this.diagram, selectorModel);
+ if (wrapper) {
+ selectorModel.wrapper.children[0] = wrapper;
+ }
+ selectorModel.rotateAngle = selectorModel.nodes[0].rotateAngle;
+ selectorModel.wrapper.rotateAngle = selectorModel.nodes[0].rotateAngle;
+ selectorModel.wrapper.pivot = selectorModel.nodes[0].pivot;
+ }
+ }
+ else {
+ selectorModel.wrapper.rotateAngle = selectorModel.rotateAngle = 0;
+ selectorModel.wrapper.children.push(obj.wrapper);
+ }
+ if (!preventUpdate) {
+ this.diagram.renderSelector(multipleSelection);
+ }
+ this.diagram.enableServerDataBinding(true);
+ }
+ };
+ CommandHandler.prototype.getObjectCollectionId = function (isNode, clearSelection) {
+ var id = [];
+ var i = 0;
+ var selectedObject = isNode ? this.diagram.selectedItems.nodes
+ : this.diagram.selectedItems.connectors;
+ while (!clearSelection && i < selectedObject.length) {
+ id[parseInt(i.toString(), 10)] = selectedObject[parseInt(i.toString(), 10)].id;
+ i++;
+ }
+ return id;
+ };
+ CommandHandler.prototype.updateBlazorSelectorModel = function (oldItemsCollection, clearSelection) {
+ var blazorInterop = 'sfBlazor';
+ if (window && window["" + blazorInterop]) {
+ var i = 0;
+ var nodes = [];
+ var connectors = [];
+ var oldItems = [];
+ while (oldItemsCollection && i < oldItemsCollection.length) {
+ oldItems[parseInt(i.toString(), 10)] = oldItemsCollection[parseInt(i.toString(), 10)].id;
+ i++;
+ }
+ i = 0;
+ nodes = this.getObjectCollectionId(true, clearSelection);
+ connectors = this.getObjectCollectionId(false, clearSelection);
+ var items = { nodes: nodes, connectors: connectors };
+ var newItems = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(items);
+ if (window["" + blazorInterop].updateDiagramCollection) {
+ window["" + blazorInterop].updateDiagramCollection.call(this.diagram, 'selectedItems', newItems, oldItems, false, true);
+ }
+ }
+ };
+ /**
+ * labelSelect method\
+ *
+ * @returns { void } labelSelect method .\
+ * @param {NodeModel | ConnectorModel} obj - provide the objects value.
+ * @param {DiagramElement} textWrapper - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.labelSelect = function (obj, textWrapper) {
+ this.oldSelectedObjects = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneSelectedObjects"])(this.diagram);
+ var selectorModel = (this.diagram.selectedItems);
+ var isEnableServerDatabind = this.diagram.allowServerDataBinding;
+ this.diagram.allowServerDataBinding = false;
+ selectorModel.nodes = selectorModel.connectors = [];
+ this.diagram.allowServerDataBinding = isEnableServerDatabind;
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ selectorModel.nodes[0] = obj;
+ }
+ else {
+ selectorModel.connectors[0] = obj;
+ }
+ selectorModel.annotation = (this.findTarget(textWrapper, obj));
+ selectorModel.init(this.diagram);
+ this.diagram.renderSelector(false);
+ this.updateBlazorSelector();
+ };
+ /**
+ * unSelect method\
+ *
+ * @returns { void } unSelect method .\
+ * @param {NodeModel | ConnectorModel} obj - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.unSelect = function (obj) {
+ var objArray = [];
+ objArray.push(obj);
+ var items = (this.diagram.selectedItems.nodes.concat(this.diagram.selectedItems.connectors));
+ var selectedObjects = items.filter(function (items) {
+ return items.id !== obj.id;
+ });
+ var arg = {
+ oldValue: items, newValue: selectedObjects, cause: this.diagram.diagramActions,
+ state: 'Changing', type: 'Removal', cancel: false
+ };
+ if (!this.diagram.currentSymbol) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].selectionChange, arg);
+ }
+ }
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_9__["isSelected"])(this.diagram, obj)) {
+ var selectormodel = this.diagram.selectedItems;
+ var index = void 0;
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ index = selectormodel.nodes.indexOf(obj, 0);
+ selectormodel.nodes.splice(index, 1);
+ }
+ else {
+ index = selectormodel.connectors.indexOf(obj, 0);
+ selectormodel.connectors.splice(index, 1);
+ }
+ index = selectormodel.selectedObjects.indexOf(obj, 0);
+ selectormodel.selectedObjects.splice(index, 1);
+ arg = {
+ oldValue: items, newValue: selectedObjects, cause: this.diagram.diagramActions,
+ state: 'Changed', type: 'Removal', cancel: false
+ };
+ this.updateBlazorSelectorModel(objArray);
+ arg = {
+ oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(items), newValue: selectedObjects, cause: this.diagram.diagramActions,
+ state: 'Changed', type: 'Removal', cancel: arg.cancel
+ };
+ if (!arg.cancel) {
+ index = selectormodel.wrapper.children.indexOf(obj.wrapper, 0);
+ selectormodel.wrapper.children.splice(index, 1);
+ this.diagram.updateSelector();
+ if (!this.diagram.currentSymbol) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ arg = this.updateSelectionChangeEventArgs(arg, [], objArray);
+ this.updateBlazorSelector();
+ if (window && window[this.blazor] && this.diagram.selectionChange) {
+ var eventObj = { 'EventName': 'selectionChange', args: JSON.stringify(arg) };
+ window[this.blazorInterop].updateBlazorDiagramEvents(eventObj, this.diagram);
+ }
+ }
+ else {
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].selectionChange, arg);
+ }
+ }
+ }
+ }
+ };
+ /**
+ * getChildElements method\
+ *
+ * @returns { string[] } getChildElements method .\
+ * @param {DiagramElement[]} child - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.getChildElements = function (child) {
+ var children = [];
+ for (var i = 0; i < child.length; i++) {
+ var childNode = child[parseInt(i.toString(), 10)];
+ if (childNode.children && childNode.children.length > 0) {
+ children.concat(this.getChildElements(childNode.children));
+ }
+ else {
+ children.push(childNode.id);
+ if (childNode instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_3__["TextElement"]) {
+ children.push(childNode.id + '_text');
+ }
+ }
+ }
+ return children;
+ };
+ /**
+ * moveSvgNode method\
+ *
+ * @returns { void } moveSvgNode method .\
+ * @param {string} nodeId - provide the objects value.
+ * @param {string} targetID - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.moveSvgNode = function (nodeId, targetID) {
+ var diagramDiv = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getDiagramElement"])(targetID + '_groupElement', this.diagram.element.id);
+ var backNode = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getDiagramElement"])(nodeId + '_groupElement', this.diagram.element.id);
+ diagramDiv.parentNode.insertBefore(backNode, diagramDiv);
+ };
+ /**
+ * sendLayerBackward method\
+ *
+ * @returns { void } sendLayerBackward method .\
+ * @param {string} layerName - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.sendLayerBackward = function (layerName) {
+ var layer = this.getLayer(layerName);
+ if (layer && layer.zIndex !== 0) {
+ var index = layer.zIndex;
+ if (this.diagram.mode === 'SVG') {
+ var currentLayerObject = layer.objects;
+ var targetObject = this.getLayer(this.diagram.layerZIndexTable[index - 1]).objects[0];
+ if (targetObject) {
+ for (var _i = 0, currentLayerObject_1 = currentLayerObject; _i < currentLayerObject_1.length; _i++) {
+ var obj = currentLayerObject_1[_i];
+ this.moveSvgNode(obj, targetObject);
+ }
+ }
+ }
+ var targetLayer = this.getLayer(this.diagram.layerZIndexTable[index - 1]);
+ targetLayer.zIndex = targetLayer.zIndex + 1;
+ layer.zIndex = layer.zIndex - 1;
+ var temp = this.diagram.layerZIndexTable[parseInt(index.toString(), 10)];
+ this.diagram.layerZIndexTable[parseInt(index.toString(), 10)] = this.diagram.layerZIndexTable[index - 1];
+ this.diagram.layerZIndexTable[index - 1] = temp;
+ if (this.diagram.mode === 'Canvas') {
+ this.diagram.refreshDiagramLayer();
+ }
+ }
+ };
+ /**
+ * bringLayerForward method\
+ *
+ * @returns { void } bringLayerForward method .\
+ * @param {string} layerName - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.bringLayerForward = function (layerName) {
+ var layer = this.getLayer(layerName);
+ if (layer && layer.zIndex < this.diagram.layers.length - 1) {
+ var index = layer.zIndex;
+ var targetLayer = this.getLayer(this.diagram.layerZIndexTable[index + 1]);
+ if (this.diagram.mode === 'SVG') {
+ var currentLayerObject = layer.objects[0];
+ var targetLayerObjects = targetLayer.objects;
+ for (var _i = 0, targetLayerObjects_1 = targetLayerObjects; _i < targetLayerObjects_1.length; _i++) {
+ var obj = targetLayerObjects_1[_i];
+ if (obj) {
+ this.moveSvgNode(obj, currentLayerObject);
+ }
+ }
+ }
+ targetLayer.zIndex = targetLayer.zIndex - 1;
+ layer.zIndex = layer.zIndex + 1;
+ var temp = this.diagram.layerZIndexTable[parseInt(index.toString(), 10)];
+ this.diagram.layerZIndexTable[parseInt(index.toString(), 10)] = this.diagram.layerZIndexTable[index + 1];
+ this.diagram.layerZIndexTable[index + 1] = temp;
+ if (this.diagram.mode === 'Canvas') {
+ this.diagram.refreshDiagramLayer();
+ }
+ }
+ };
+ /**
+ * sendToBack method\
+ *
+ * @returns { void } sendToBack method .\
+ * @param {NodeModel | ConnectorModel} object - provide the objects value.
+ * @private
+ */
+ CommandHandler.prototype.sendToBack = function (object) {
+ this.diagram.protectPropertyChange(true);
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_9__["hasSelection"])(this.diagram) || object) {
+ // EJ2-57772 - Added the below code to iterate all the selected nodes / connectors in the diagram and
+ // perform send to back operation
+ var selectedItems = this.diagram.selectedItems;
+ var objects = [];
+ if (object && object.id) {
+ objects.push(object);
+ }
+ else {
+ objects = objects.concat(selectedItems.nodes);
+ objects = objects.concat(selectedItems.connectors);
+ }
+ var objectId = (object && object.id);
+ for (var i = 0; i < objects.length; i++) {
+ var clonedObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(objects[parseInt(i.toString(), 10)]);
+ objectId = objects[parseInt(i.toString(), 10)].id;
+ var index = this.diagram.nameTable["" + objectId].zIndex;
+ var layerNum = this.diagram.layers.indexOf(this.getObjectLayer(objectId));
+ var zIndexTable = this.diagram.layers[parseInt(layerNum.toString(), 10)].zIndexTable;
+ var tempTable = JSON.parse(JSON.stringify(zIndexTable));
+ var undoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.selectedItems);
+ var tempIndex = 0;
+ //Checks whether the selected node is the only node in the node array.
+ //Checks whether it is not a group and the nodes behind it are not it’s children.
+ if (this.diagram.nodes.length !== 1 && (this.diagram.nameTable["" + objectId].children === undefined ||
+ this.checkObjectBehind(objectId, zIndexTable, index))) {
+ var obj = this.diagram.nameTable["" + objectId];
+ for (var i_2 = index; i_2 > 0; i_2--) {
+ if (zIndexTable[parseInt(i_2.toString(), 10)]) {
+ //When there are empty records in the zindex table
+ if (!zIndexTable[i_2 - 1]) {
+ zIndexTable[i_2 - 1] = zIndexTable[parseInt(i_2.toString(), 10)];
+ this.diagram.nameTable[zIndexTable[i_2 - 1]].zIndex = i_2;
+ delete zIndexTable[parseInt(i_2.toString(), 10)];
+ }
+ else {
+ //bringing the objects forward
+ zIndexTable[parseInt(i_2.toString(), 10)] = zIndexTable[i_2 - 1];
+ this.diagram.nameTable[zIndexTable[parseInt(i_2.toString(), 10)]].zIndex = i_2;
+ }
+ }
+ }
+ for (var i_3 = index; i_3 > 0; i_3--) {
+ if (zIndexTable[parseInt(i_3.toString(), 10)]) {
+ this.diagram.nameTable[zIndexTable[parseInt(i_3.toString(), 10)]].zIndex = i_3;
+ }
+ }
+ if (obj.shape.type !== 'SwimLane') {
+ zIndexTable[0] = this.diagram.nameTable["" + objectId].id;
+ this.diagram.nameTable["" + objectId].zIndex = 0;
+ }
+ else {
+ tempIndex = this.swapZIndexObjects(index, zIndexTable, objectId, tempTable);
+ }
+ if (this.diagram.mode === 'SVG') {
+ var obj_1 = this.diagram.nameTable["" + objectId];
+ var i_4 = obj_1.shape.type !== 'SwimLane' ? 1 : tempIndex;
+ if (i_4 !== tempIndex) {
+ i_4 = (obj_1.children && obj_1.children.length > 0) ? index : 1;
+ }
+ var target = zIndexTable[parseInt(i_4.toString(), 10)];
+ // EJ2-49326 - (CR issue fix) An exception raised when send the swimlane back to the normal node.
+ while (!target && i_4 < index) {
+ target = zIndexTable[++i_4];
+ }
+ // EJ2-46656 - CR issue fix
+ target = this.resetTargetNode(objectId, target, i_4, zIndexTable);
+ //EJ2-69654 - Send to back command not working when there is single node in layer
+ if (target) {
+ target = this.diagram.nameTable["" + target].parentId ? this.checkParentExist(target) : target;
+ this.moveSvgNode(objectId, target);
+ }
+ this.updateNativeNodeIndex(objectId);
+ }
+ else {
+ this.diagram.refreshCanvasLayers();
+ }
+ var redoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.selectedItems);
+ var entry = { type: 'SendToBack', category: 'Internal', undoObject: undoObject, redoObject: redoObject };
+ if (!(this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].UndoRedo)) {
+ this.addHistoryEntry(entry);
+ }
+ }
+ this.triggerOrderCommand(clonedObject, objects[parseInt(i.toString(), 10)], objects[parseInt(i.toString(), 10)]);
+ }
+ }
+ this.diagram.protectPropertyChange(false);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ this.getZIndexObjects();
+ }
+ };
+ CommandHandler.prototype.swapZIndexObjects = function (index, zIndexTable, objectId, tempTable) {
+ var tempIndex = 0;
+ var childCount = 0;
+ var childIndex = -1;
+ var j = 1;
+ // Get the swimlane's Children count
+ for (var i = 0; i <= index; i++) {
+ if (zIndexTable[parseInt(i.toString(), 10)] && this.diagram.nameTable[zIndexTable[parseInt(i.toString(), 10)]].parentId === objectId) {
+ // Get the swimlane's first children position from z index table
+ if (childIndex === -1) {
+ childIndex = i;
+ }
+ childCount++;
+ }
+ }
+ // Swap the swimlane children to the top of the z index table
+ for (var i = 0; i <= index; i++) {
+ if (zIndexTable[parseInt(i.toString(), 10)] && j <= childCount) {
+ while (!zIndexTable[parseInt(childIndex.toString(), 10)]) {
+ childIndex++;
+ }
+ zIndexTable[parseInt(i.toString(), 10)] = zIndexTable[parseInt(childIndex.toString(), 10)];
+ this.diagram.nameTable[zIndexTable[parseInt(i.toString(), 10)]].zIndex = i;
+ childIndex++;
+ j++;
+ }
+ }
+ var k = 0;
+ // Get the Z index from ZindexTable in the child's count position. In that position we want to put the swimlane
+ for (var i = 0; i < childCount; i++) {
+ while (!zIndexTable[parseInt(k.toString(), 10)]) {
+ k++;
+ }
+ tempIndex = this.diagram.nameTable[zIndexTable[parseInt(k.toString(), 10)]].zIndex;
+ k++;
+ }
+ tempIndex = tempIndex + 1;
+ // Check if there is a object in the z index table or not
+ while (!zIndexTable[parseInt(tempIndex.toString(), 10)]) {
+ ++tempIndex;
+ }
+ k = 0;
+ // Place the swimlane at the next position of the swimlane's last children.
+ zIndexTable[parseInt(tempIndex.toString(), 10)] = this.diagram.nameTable["" + objectId].id;
+ this.diagram.nameTable["" + objectId].zIndex = tempIndex;
+ tempIndex = tempIndex + 1;
+ // Now swap the intersect nodes at next position of the swimlane.
+ for (var i = tempIndex; i <= index; i++) {
+ if (zIndexTable[parseInt(i.toString(), 10)]) {
+ while (!tempTable[parseInt(k.toString(), 10)]) {
+ k++;
+ }
+ zIndexTable[parseInt(i.toString(), 10)] = tempTable[parseInt(k.toString(), 10)];
+ this.diagram.nameTable[zIndexTable[parseInt(i.toString(), 10)]].zIndex = i;
+ k++;
+ }
+ }
+ return tempIndex;
+ };
+ CommandHandler.prototype.resetTargetNode = function (objectId, target, i, zIndexTable) {
+ if (this.diagram.nameTable["" + objectId].shape.type === 'SwimLane'
+ && this.diagram.nameTable["" + target].parentId !== undefined && this.diagram.nameTable["" + target].parentId !== '' && this.diagram.nameTable[this.diagram.nameTable["" + target].parentId].isLane) {
+ i = i + 1;
+ if (zIndexTable[parseInt(i.toString(), 10)]) {
+ target = zIndexTable[parseInt(i.toString(), 10)];
+ return target = this.resetTargetNode(objectId, target, i, zIndexTable);
+ }
+ else {
+ return target;
+ }
+ }
+ else {
+ return target;
+ }
+ };
+ CommandHandler.prototype.getZIndexObjects = function () {
+ var element = [];
+ var i;
+ var j;
+ for (i = 0; i < this.diagram.nodes.length; i++) {
+ element.push(this.diagram.nodes[parseInt(i.toString(), 10)]);
+ }
+ for (j = 0; j < this.diagram.connectors.length; j++) {
+ element.push(this.diagram.connectors[parseInt(j.toString(), 10)]);
+ }
+ this.updateBlazorZIndex(element);
+ };
+ CommandHandler.prototype.updateBlazorZIndex = function (element) {
+ var blazorInterop = 'sfBlazor';
+ var blazor = 'Blazor';
+ var diagramobject = {};
+ var nodeObject = [];
+ var connectorObject = [];
+ var k;
+ if (element && element.length > 0) {
+ for (k = 0; k < element.length; k++) {
+ var elementObject = element[parseInt(k.toString(), 10)];
+ if (elementObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ nodeObject.push(this.getBlazorObject(elementObject));
+ }
+ else if (elementObject instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"]) {
+ connectorObject.push(this.getBlazorObject(elementObject));
+ }
+ }
+ }
+ diagramobject = {
+ nodes: nodeObject,
+ connectors: connectorObject
+ };
+ if (window && window["" + blazor]) {
+ var obj = { 'methodName': 'UpdateBlazorProperties', 'diagramobj': diagramobject };
+ window["" + blazorInterop].updateBlazorProperties(obj, this.diagram);
+ }
+ };
+ CommandHandler.prototype.getBlazorObject = function (objectName) {
+ var object = {
+ sfIndex: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["getIndex"])(this.diagram, objectName.id),
+ zIndex: objectName.zIndex
+ };
+ return object;
+ };
+ //Checks whether the target is a child node.
+ CommandHandler.prototype.checkParentExist = function (target) {
+ var objBehind = target;
+ while (this.diagram.nameTable["" + objBehind].parentId) {
+ objBehind = this.diagram.nameTable["" + objBehind].parentId;
+ }
+ return objBehind;
+ };
+ //Checks whether the selected node is not a parent of another node.
+ CommandHandler.prototype.checkObjectBehind = function (objectId, zIndexTable, index) {
+ for (var i = 0; i < index; i++) {
+ var z = zIndexTable[parseInt(i.toString(), 10)];
+ if (this.diagram.nameTable["" + z] && objectId !== this.diagram.nameTable["" + z].parentId) {
+ return true;
+ }
+ }
+ return false;
+ };
+ /**
+ * bringToFront method\
+ *
+ * @returns { void } bringToFront method .\
+ * @param {NodeModel | ConnectorModel } obj - Provide the nodeArray element .
+ * @private
+ */
+ CommandHandler.prototype.bringToFront = function (obj) {
+ var _this = this;
+ this.diagram.protectPropertyChange(true);
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_9__["hasSelection"])(this.diagram) || obj) {
+ // EJ2-57772 - Added the below code to iterate all the selected nodes / connectors in the diagram and
+ // perform bring to front operation
+ var objectName_1 = (obj && obj.id);
+ var selectedItems = this.diagram.selectedItems;
+ var objects = [];
+ if (obj && obj.id) {
+ objects.push(obj);
+ }
+ else {
+ objects = objects.concat(selectedItems.nodes);
+ objects = objects.concat(selectedItems.connectors);
+ }
+ var _loop_1 = function (i) {
+ var clonedObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(objects[parseInt(i.toString(), 10)]);
+ objectName_1 = objects[parseInt(i.toString(), 10)].id;
+ var layerNum = this_1.diagram.layers.indexOf(this_1.getObjectLayer(objectName_1));
+ var zIndexTable = this_1.diagram.layers[parseInt(layerNum.toString(), 10)].zIndexTable;
+ var undoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this_1.diagram.selectedItems);
+ var tempTable = JSON.parse(JSON.stringify(zIndexTable));
+ var tempIndex = 0;
+ //find the maximum zIndex of the tabel
+ var tabelLength = Number(Object.keys(zIndexTable).sort(function (a, b) { return Number(a) - Number(b); }).reverse()[0]);
+ var index = this_1.diagram.nameTable["" + objectName_1].zIndex;
+ var oldzIndexTable = [];
+ var length_1 = 0;
+ for (var i_5 = 0; i_5 <= tabelLength; i_5++) {
+ oldzIndexTable.push(zIndexTable[parseInt(i_5.toString(), 10)]);
+ }
+ var object = this_1.diagram.nameTable["" + objectName_1];
+ if (object.shape.type === 'SwimLane') {
+ for (var i_6 = tabelLength; i_6 >= index; i_6--) {
+ if (zIndexTable[parseInt(i_6.toString(), 10)] && !(this_1.diagram.nameTable[zIndexTable[parseInt(i_6.toString(), 10)]].parentId === objectName_1)) {
+ length_1 = i_6;
+ tabelLength = length_1;
+ break;
+ }
+ }
+ }
+ for (var i_7 = index; i_7 < tabelLength; i_7++) {
+ //When there are empty records in the zindex table
+ if (zIndexTable[parseInt(i_7.toString(), 10)]) {
+ if (!zIndexTable[i_7 + 1]) {
+ zIndexTable[i_7 + 1] = zIndexTable[parseInt(i_7.toString(), 10)];
+ this_1.diagram.nameTable[zIndexTable[i_7 + 1]].zIndex = i_7;
+ delete zIndexTable[parseInt(i_7.toString(), 10)];
+ }
+ else {
+ //bringing the objects backward
+ zIndexTable[parseInt(i_7.toString(), 10)] = zIndexTable[i_7 + 1];
+ this_1.diagram.nameTable[zIndexTable[parseInt(i_7.toString(), 10)]].zIndex = i_7;
+ }
+ }
+ }
+ for (var i_8 = index; i_8 < tabelLength; i_8++) {
+ if (zIndexTable[parseInt(i_8.toString(), 10)]) {
+ this_1.diagram.nameTable[zIndexTable[parseInt(i_8.toString(), 10)]].zIndex = i_8;
+ }
+ }
+ if (object.shape.type !== 'SwimLane') {
+ zIndexTable[parseInt(tabelLength.toString(), 10)] = this_1.diagram.nameTable["" + objectName_1].id;
+ this_1.diagram.nameTable["" + objectName_1].zIndex = tabelLength;
+ }
+ else {
+ var childCount = 0;
+ var childIndex = -1;
+ var tempIndex_1 = 0;
+ var laneIndex = 0;
+ var cloneTable = JSON.parse(JSON.stringify(zIndexTable));
+ for (var i_9 = 0; i_9 <= index; i_9++) {
+ if (zIndexTable[parseInt(i_9.toString(), 10)] && this_1.diagram.nameTable[zIndexTable[parseInt(i_9.toString(), 10)]].parentId === objectName_1) {
+ if (childIndex === -1) {
+ childIndex = i_9;
+ tempIndex_1 = i_9;
+ break;
+ }
+ }
+ }
+ for (var i_10 = 0; i_10 <= tabelLength; i_10++) {
+ if (tempTable[parseInt(i_10.toString(), 10)] && tempTable[parseInt(i_10.toString(), 10)] !== objectName_1 && this_1.diagram.nameTable[tempTable[parseInt(i_10.toString(), 10)]].parentId !== objectName_1) {
+ var node = this_1.diagram.nameTable[tempTable[parseInt(i_10.toString(), 10)]];
+ var swimlaneObject = this_1.diagram.nameTable["" + objectName_1];
+ if (node.zIndex >= swimlaneObject.zIndex) {
+ childCount++;
+ }
+ }
+ }
+ var k = childIndex;
+ for (var i_11 = 0; i_11 <= childCount; i_11++) {
+ while (!zIndexTable[parseInt(k.toString(), 10)]) {
+ k++;
+ }
+ laneIndex = this_1.diagram.nameTable[zIndexTable[parseInt(k.toString(), 10)]].zIndex;
+ k++;
+ }
+ for (var i_12 = laneIndex; i_12 <= tabelLength; i_12++) {
+ while (!cloneTable[parseInt(childIndex.toString(), 10)]) {
+ childIndex++;
+ }
+ while (!zIndexTable[parseInt(i_12.toString(), 10)]) {
+ i_12++;
+ }
+ zIndexTable[parseInt(i_12.toString(), 10)] = cloneTable[parseInt(childIndex.toString(), 10)];
+ this_1.diagram.nameTable[zIndexTable[parseInt(i_12.toString(), 10)]].zIndex = i_12;
+ childIndex++;
+ }
+ zIndexTable[parseInt(tabelLength.toString(), 10)] = this_1.diagram.nameTable["" + objectName_1].id;
+ this_1.diagram.nameTable["" + objectName_1].zIndex = tabelLength;
+ k = index + 1;
+ var j = tempIndex_1;
+ for (var i_13 = 0; i_13 < childCount; i_13++) {
+ while (!tempTable[parseInt(k.toString(), 10)]) {
+ k++;
+ }
+ while (this_1.diagram.nameTable[tempTable[parseInt(k.toString(), 10)]].parentId === objectName_1) {
+ k++;
+ }
+ while (!zIndexTable[parseInt(j.toString(), 10)]) {
+ j++;
+ }
+ zIndexTable[parseInt(j.toString(), 10)] = tempTable[parseInt(k.toString(), 10)];
+ this_1.diagram.nameTable[zIndexTable[parseInt(j.toString(), 10)]].zIndex = j;
+ k++;
+ j++;
+ }
+ }
+ if (this_1.diagram.mode === 'SVG') {
+ var diagramLayer = this_1.diagram.diagramLayer;
+ //const child: string[] = this.getChildElements(this.diagram.nameTable[objectName].wrapper.children);
+ //const targerNodes: Object = [];
+ var element = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getDiagramElement"])(objectName_1 + '_groupElement', this_1.diagram.element.id);
+ var nodes = this_1.diagram.selectedItems.nodes;
+ if (nodes.length > 0 && (nodes[0].shape.type === 'Native' || nodes[0].shape.type === 'HTML')) {
+ element.parentNode.removeChild(element);
+ for (var j = 0; j < this_1.diagram.views.length; j++) {
+ element = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getDiagramElement"])(objectName_1 + (nodes[0].shape.type === 'HTML' ? '_html_element' : '_content_groupElement'), this_1.diagram.views[parseInt(j.toString(), 10)]);
+ var lastChildNode = element.parentNode.lastChild;
+ lastChildNode.parentNode.insertBefore(element, lastChildNode.nextSibling);
+ }
+ var htmlLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getHTMLLayer"])(this_1.diagram.element.id);
+ this_1.diagram.diagramRenderer.renderElement(this_1.diagram.nameTable["" + objectName_1].wrapper, diagramLayer, htmlLayer);
+ }
+ else {
+ Object.keys(zIndexTable).forEach(function (key) {
+ var zIndexValue = zIndexTable["" + key];
+ if ((zIndexValue !== objectName_1) && (_this.diagram.nameTable["" + zIndexValue].parentId) !== objectName_1) {
+ //EJ2-42101 - SendToBack and BringToFront not working for connector with group node
+ //Added @Dheepshiva to restrict the objects with lower zIndex
+ if (zIndexValue !== undefined &&
+ (oldzIndexTable.indexOf(objectName_1) < oldzIndexTable.indexOf(zIndexValue))) {
+ var objectNode = _this.diagram.nameTable["" + objectName_1];
+ var zIndexNode = _this.diagram.nameTable["" + zIndexValue];
+ if (objectNode.parentId === '' && zIndexNode.parentId === '' && zIndexNode.parentId === undefined
+ && objectNode.parentId !== zIndexNode.id) {
+ _this.moveSvgNode(zIndexValue, objectName_1);
+ _this.updateNativeNodeIndex(objectName_1);
+ }
+ else {
+ if (_this.checkGroupNode(objectName_1, zIndexValue, _this.diagram.nameTable)) {
+ _this.moveSvgNode(zIndexValue, objectName_1);
+ _this.updateNativeNodeIndex(objectName_1);
+ }
+ }
+ }
+ }
+ });
+ }
+ }
+ else {
+ this_1.diagram.refreshCanvasLayers();
+ }
+ var redoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this_1.diagram.selectedItems);
+ var entry = { type: 'BringToFront', category: 'Internal', undoObject: undoObject, redoObject: redoObject };
+ if (!(this_1.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].UndoRedo)) {
+ this_1.addHistoryEntry(entry);
+ }
+ this_1.triggerOrderCommand(clonedObject, objects[parseInt(i.toString(), 10)], objects[parseInt(i.toString(), 10)]);
+ };
+ var this_1 = this;
+ for (var i = 0; i < objects.length; i++) {
+ _loop_1(i);
+ }
+ }
+ this.diagram.protectPropertyChange(false);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ this.getZIndexObjects();
+ }
+ };
+ CommandHandler.prototype.triggerOrderCommand = function (oldObj, newObj, obj) {
+ var clonedObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(oldObj);
+ // EJ2-61653 - Added below code to get only changed values (zIndex) and passed as an argument to property change event
+ var oldValue = {
+ zIndex: clonedObject.zIndex
+ };
+ var newValue = {
+ zIndex: newObj.zIndex
+ };
+ var arg = {
+ element: obj, cause: this.diagram.diagramActions, diagramAction: this.diagram.getDiagramAction(this.diagram.diagramActions),
+ oldValue: oldValue, newValue: newValue
+ };
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].propertyChange, arg);
+ };
+ CommandHandler.prototype.checkGroupNode = function (selectedNodeName, layerObject, nameTable) {
+ return nameTable["" + layerObject].parentId === nameTable["" + selectedNodeName].parentId;
+ };
+ /**
+ * sortByZIndex method\
+ *
+ * @returns { Object[] } sortByZIndex method .\
+ * @param { Object[] } nodeArray - Provide the nodeArray element .
+ * @param { string } sortID - Provide the sortID element .
+ * @private
+ */
+ CommandHandler.prototype.sortByZIndex = function (nodeArray, sortID) {
+ var id = sortID ? sortID : 'zIndex';
+ nodeArray = nodeArray.sort(function (a, b) {
+ return a["" + id] - b["" + id];
+ });
+ return nodeArray;
+ };
+ /**
+ * orderCommands method\
+ *
+ * @returns { void } orderCommands method .\
+ * @param { boolean } isRedo - Provide the previousObject element .
+ * @param { Selector } selector - Provide the previousObject element .
+ * @param { EntryType } action - Provide the previousObject element .
+ * @private
+ */
+ CommandHandler.prototype.orderCommands = function (isRedo, selector, action) {
+ var selectedObject = selector.nodes;
+ selectedObject = selectedObject.concat(selector.connectors);
+ if (isRedo) {
+ if (action === 'SendBackward') {
+ this.sendBackward(selectedObject[0]);
+ }
+ else if (action === 'SendForward') {
+ this.sendForward(selectedObject[0]);
+ }
+ else if (action === 'BringToFront') {
+ this.bringToFront(selectedObject[0]);
+ }
+ else if (action === 'SendToBack') {
+ this.sendToBack(selectedObject[0]);
+ }
+ }
+ else {
+ var startZIndex = selectedObject[0].zIndex;
+ var endZIndex = this.diagram.nameTable[selectedObject[0].id].zIndex;
+ var undoObject = selectedObject[0];
+ var layer = this.getObjectLayer(undoObject.id);
+ var layerIndex = layer.zIndex;
+ var zIndexTable = layer.zIndexTable;
+ if (action === 'SendBackward' || action === 'SendForward') {
+ for (var i = 0; i < selectedObject.length; i++) {
+ var undoObject_1 = selectedObject[parseInt(i.toString(), 10)];
+ var layer_2 = this.diagram.layers.indexOf(this.getObjectLayer(undoObject_1.id));
+ var node = this.diagram.nameTable[selectedObject[parseInt(i.toString(), 10)].id];
+ node.zIndex = undoObject_1.zIndex;
+ this.diagram.layers[parseInt(layer_2.toString(), 10)].zIndexTable[undoObject_1.zIndex] = undoObject_1.id;
+ }
+ }
+ else if (action === 'BringToFront') {
+ if (selectedObject[0].shape.type === 'SwimLane') {
+ this.sendToBack(selectedObject[0]);
+ }
+ else {
+ var k = 1;
+ for (var j = endZIndex; j > startZIndex; j--) {
+ if (zIndexTable[parseInt(j.toString(), 10)]) {
+ if (!zIndexTable[j - k]) {
+ zIndexTable[j - k] = zIndexTable[parseInt(j.toString(), 10)];
+ this.diagram.nameTable[zIndexTable[j - k]].zIndex = j;
+ delete zIndexTable[parseInt(j.toString(), 10)];
+ }
+ else {
+ zIndexTable[parseInt(j.toString(), 10)] = zIndexTable[j - k];
+ this.diagram.nameTable[zIndexTable[parseInt(j.toString(), 10)]].zIndex = j;
+ }
+ }
+ }
+ }
+ }
+ else if (action === 'SendToBack') {
+ if (selectedObject[0].shape.type === 'SwimLane') {
+ this.bringToFront(selectedObject[0]);
+ }
+ else {
+ for (var j = endZIndex; j < startZIndex; j++) {
+ if (zIndexTable[parseInt(j.toString(), 10)]) {
+ if (!zIndexTable[j + 1]) {
+ zIndexTable[j + 1] = zIndexTable[parseInt(j.toString(), 10)];
+ this.diagram.nameTable[zIndexTable[j + 1]].zIndex = j;
+ delete zIndexTable[parseInt(j.toString(), 10)];
+ }
+ else {
+ zIndexTable[parseInt(j.toString(), 10)] = zIndexTable[j + 1];
+ this.diagram.nameTable[zIndexTable[parseInt(j.toString(), 10)]].zIndex = j;
+ }
+ }
+ }
+ }
+ }
+ if (action === 'BringToFront' || action === 'SendToBack') {
+ var node = this.diagram.nameTable[selectedObject[0].id];
+ node.zIndex = undoObject.zIndex;
+ this.diagram.layers[parseInt(layerIndex.toString(), 10)].zIndexTable[undoObject.zIndex] = undoObject.id;
+ }
+ if (this.diagram.mode === 'SVG') {
+ if (action === 'SendBackward') {
+ this.moveObject(selectedObject[1].id, selectedObject[0].id);
+ }
+ else if (action === 'SendForward') {
+ this.moveObject(selectedObject[0].id, selectedObject[1].id);
+ }
+ else if (action === 'BringToFront') {
+ if (selectedObject[0].shape.type !== 'SwimLane') {
+ this.moveObject(selectedObject[0].id, zIndexTable[selectedObject[0].zIndex + 1]);
+ }
+ }
+ else if (action === 'SendToBack') {
+ if (selectedObject[0].shape.type !== 'SwimLane') {
+ var layer_3 = this.getObjectLayer(selectedObject[0].id);
+ for (var i = 0; i <= selectedObject[0].zIndex; i++) {
+ if (layer_3.objects[parseInt(i.toString(), 10)] !== selectedObject[0].id) {
+ this.moveSvgNode(layer_3.objects[parseInt(i.toString(), 10)], selectedObject[0].id);
+ this.updateNativeNodeIndex(selectedObject[0].id);
+ }
+ }
+ }
+ }
+ }
+ else {
+ this.diagram.refreshCanvasLayers();
+ }
+ }
+ };
+ CommandHandler.prototype.moveObject = function (sourceId, targetId) {
+ if (targetId) {
+ this.moveSvgNode(sourceId, targetId);
+ this.updateNativeNodeIndex(sourceId, targetId);
+ }
+ };
+ /**
+ * sendForward method\
+ *
+ * @returns { void } sendForward method .\
+ * @param { NodeModel | ConnectorModel } obj - Provide the previousObject element .
+ * @private
+ */
+ CommandHandler.prototype.sendForward = function (obj) {
+ this.diagram.protectPropertyChange(true);
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_9__["hasSelection"])(this.diagram) || obj) {
+ var elements = obj || (this.diagram.selectedItems.nodes.length ? this.diagram.selectedItems.nodes[0]
+ : this.diagram.selectedItems.connectors[0]);
+ var clonedObjects = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(elements);
+ var nodeId = (obj && obj.id);
+ nodeId = nodeId || (this.diagram.selectedItems.nodes.length ? this.diagram.selectedItems.nodes[0].id
+ : this.diagram.selectedItems.connectors[0].id);
+ var layerIndex = this.diagram.layers.indexOf(this.getObjectLayer(nodeId));
+ var zIndexTable = this.diagram.layers[parseInt(layerIndex.toString(), 10)].zIndexTable;
+ //const tabelLength: number = Object.keys(zIndexTable).length;
+ var index = this.diagram.nameTable["" + nodeId];
+ var intersectArray = [];
+ var temp = this.diagram.spatialSearch.findObjects(index.wrapper.bounds);
+ if (temp.length > 2) {
+ temp = this.sortByZIndex(temp);
+ }
+ for (var _i = 0, temp_1 = temp; _i < temp_1.length; _i++) {
+ var i = temp_1[_i];
+ if (index.id !== i.id) {
+ var currentLayer = this.getObjectLayer(i.id).zIndex;
+ if (layerIndex === currentLayer && (Number(this.diagram.nameTable["" + nodeId].zIndex) < Number(i.zIndex)) &&
+ index.wrapper.bounds.intersects(i.wrapper.bounds)) {
+ intersectArray.push(i);
+ break;
+ }
+ }
+ }
+ if (intersectArray.length > 0) {
+ var node = this.diagram.nameTable[zIndexTable[Number(intersectArray[0].zIndex)]];
+ if (node.parentId) {
+ var parentId = '';
+ var parent_1 = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findParentInSwimlane"])(node, this.diagram, parentId);
+ var obj_2 = this.diagram.nameTable["" + parent_1];
+ if (obj_2.id !== nodeId) {
+ intersectArray[0] = obj_2;
+ }
+ }
+ var overlapObject = intersectArray[0].zIndex;
+ var currentObject = index.zIndex;
+ var temp_2 = zIndexTable[parseInt(overlapObject.toString(), 10)];
+ //swap the nodes
+ var undoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.selectedItems);
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ (this.diagram.nameTable["" + temp_2] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) ? undoObject.nodes.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.nameTable["" + temp_2])) :
+ undoObject.connectors.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.nameTable["" + temp_2]));
+ this.diagram.layers[0].zIndexTable[parseInt(overlapObject.toString(), 10)] = index.id;
+ this.diagram.nameTable[zIndexTable[parseInt(overlapObject.toString(), 10)]].zIndex = overlapObject;
+ this.diagram.layers[0].zIndexTable[parseInt(currentObject.toString(), 10)] = intersectArray[0].id;
+ this.diagram.nameTable[zIndexTable[parseInt(currentObject.toString(), 10)]].zIndex = currentObject;
+ if (this.diagram.mode === 'SVG') {
+ this.moveSvgNode(zIndexTable[Number(intersectArray[0].zIndex)], nodeId);
+ this.updateNativeNodeIndex(zIndexTable[Number(intersectArray[0].zIndex)], nodeId);
+ }
+ else {
+ this.diagram.refreshCanvasLayers();
+ }
+ var redo = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.selectedItems);
+ // eslint-disable-next-line
+ (this.diagram.nameTable[temp_2] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) ? redo.nodes.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.nameTable[temp_2])) :
+ redo.connectors.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.nameTable["" + temp_2]));
+ var historyEntry = {
+ type: 'SendForward', category: 'Internal',
+ undoObject: undoObject, redoObject: redo
+ };
+ if (!(this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].UndoRedo)) {
+ this.addHistoryEntry(historyEntry);
+ }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ var elements_1 = [];
+ elements_1.push(index);
+ elements_1.push(intersectArray[intersectArray.length - 1]);
+ this.updateBlazorZIndex(elements_1);
+ }
+ this.triggerOrderCommand(clonedObjects, elements, elements);
+ }
+ this.diagram.protectPropertyChange(false);
+ };
+ /**
+ * sendBackward method\
+ *
+ * @returns { void } sendBackward method .\
+ * @param { NodeModel | ConnectorModel } obj - Provide the previousObject element .
+ * @private
+ */
+ CommandHandler.prototype.sendBackward = function (obj) {
+ this.diagram.protectPropertyChange(true);
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_9__["hasSelection"])(this.diagram) || obj) {
+ var element = obj || (this.diagram.selectedItems.nodes.length ? this.diagram.selectedItems.nodes[0]
+ : this.diagram.selectedItems.connectors[0]);
+ var clonedObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(element);
+ var objectId = (obj && obj.id);
+ objectId = objectId || (this.diagram.selectedItems.nodes.length ? this.diagram.selectedItems.nodes[0].id
+ : this.diagram.selectedItems.connectors[0].id);
+ var layerNum = this.diagram.layers.indexOf(this.getObjectLayer(objectId));
+ var zIndexTable = this.diagram.layers[parseInt(layerNum.toString(), 10)].zIndexTable;
+ //const tabelLength: number = Object.keys(zIndexTable).length;
+ var node = this.diagram.nameTable["" + objectId];
+ var intersectArray = [];
+ var temp = this.diagram.spatialSearch.findObjects(node.wrapper.bounds);
+ if (temp.length > 2) {
+ temp = this.sortByZIndex(temp);
+ }
+ for (var _i = 0, temp_3 = temp; _i < temp_3.length; _i++) {
+ var i = temp_3[_i];
+ if (node.id !== i.id) {
+ var currentLayer = this.getObjectLayer(i.id).zIndex;
+ if (layerNum === currentLayer && (Number(this.diagram.nameTable["" + objectId].zIndex) > Number(i.zIndex)) &&
+ node.wrapper.bounds.intersects(i.wrapper.bounds)) {
+ intersectArray.push(i);
+ }
+ }
+ }
+ for (var i = intersectArray.length - 1; i >= 0; i--) {
+ var child = this.diagram.nameTable[intersectArray[parseInt(i.toString(), 10)].id];
+ if (child.parentId === objectId) {
+ intersectArray.splice(i, 1);
+ }
+ }
+ if (intersectArray.length > 0) {
+ var child = this.diagram.nameTable[intersectArray[intersectArray.length - 1].id];
+ if (child.parentId) {
+ var parentId = '';
+ var parent_2 = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findParentInSwimlane"])(child, this.diagram, parentId);
+ var obj_3 = this.diagram.nameTable["" + parent_2];
+ if (objectId !== obj_3.id) {
+ intersectArray[intersectArray.length - 1] = obj_3;
+ }
+ }
+ var overlapObject = intersectArray[intersectArray.length - 1].zIndex;
+ var currentObject = node.zIndex;
+ var temp_4 = zIndexTable[parseInt(overlapObject.toString(), 10)];
+ var undoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.selectedItems);
+ // eslint-disable-next-line
+ (this.diagram.nameTable["" + temp_4] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) ? undoObject.nodes.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.nameTable["" + temp_4])) :
+ undoObject.connectors.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.nameTable["" + temp_4]));
+ //swap the nodes
+ zIndexTable[parseInt(overlapObject.toString(), 10)] = node.id;
+ this.diagram.nameTable[zIndexTable[parseInt(overlapObject.toString(), 10)]].zIndex = overlapObject;
+ zIndexTable[parseInt(currentObject.toString(), 10)] = intersectArray[intersectArray.length - 1].id;
+ this.diagram.nameTable[zIndexTable[parseInt(currentObject.toString(), 10)]].zIndex = currentObject;
+ if (this.diagram.mode === 'SVG') {
+ this.moveSvgNode(objectId, zIndexTable[intersectArray[intersectArray.length - 1].zIndex]);
+ var node_2 = this.diagram.nameTable[zIndexTable[intersectArray[intersectArray.length - 1].zIndex]];
+ if (node_2.children && node_2.children.length > 0) {
+ this.updateNativeNodeIndex(objectId);
+ }
+ else {
+ this.updateNativeNodeIndex(objectId, zIndexTable[intersectArray[intersectArray.length - 1].zIndex]);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ var elements = [];
+ elements.push(node_2);
+ elements.push(intersectArray[intersectArray.length - 1]);
+ this.updateBlazorZIndex(elements);
+ }
+ }
+ else {
+ this.diagram.refreshCanvasLayers();
+ }
+ var redoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.selectedItems);
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ (this.diagram.nameTable["" + temp_4] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) ? redoObject.nodes.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.nameTable["" + temp_4])) :
+ redoObject.connectors.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.nameTable["" + temp_4]));
+ var entry = { type: 'SendBackward', category: 'Internal', undoObject: undoObject, redoObject: redoObject };
+ if (!(this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].UndoRedo)) {
+ this.addHistoryEntry(entry);
+ }
+ //swap the nodes
+ }
+ this.triggerOrderCommand(clonedObject, element, element);
+ }
+ this.diagram.protectPropertyChange(false);
+ };
+ /**
+ * updateNativeNodeIndex method\
+ *
+ * @returns { void } updateNativeNodeIndex method .\
+ * @param { string } nodeId - Provide the previousObject element .
+ * @param { string } targetID - Provide the previousObject element .
+ * @private
+ */
+ CommandHandler.prototype.updateNativeNodeIndex = function (nodeId, targetID) {
+ var node = this.diagram.selectedItems.nodes[0] || this.diagram.getObject(targetID);
+ for (var i = 0; i < this.diagram.views.length; i++) {
+ if (node && (node.shape.type === 'HTML'
+ || node.shape.type === 'Native')) {
+ var id = node.shape.type === 'HTML' ? '_html_element' : '_content_groupElement';
+ var backNode = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getDiagramElement"])(nodeId + id, this.diagram.views[parseInt(i.toString(), 10)]);
+ var diagramDiv = targetID ? Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getDiagramElement"])(targetID + id, this.diagram.views[parseInt(i.toString(), 10)])
+ : backNode.parentElement.firstChild;
+ if (backNode && diagramDiv) {
+ if (backNode.parentNode.id === diagramDiv.parentNode.id) {
+ diagramDiv.parentNode.insertBefore(backNode, diagramDiv);
+ }
+ }
+ }
+ }
+ };
+ /**
+ * initSelectorWrapper method\
+ *
+ * @returns { void } initSelectorWrapper method .\
+ * @private
+ */
+ CommandHandler.prototype.initSelectorWrapper = function () {
+ var selectorModel = this.diagram.selectedItems;
+ selectorModel.init(this.diagram);
+ if (selectorModel.nodes.length === 1 && selectorModel.connectors.length === 0) {
+ selectorModel.rotateAngle = selectorModel.nodes[0].rotateAngle;
+ selectorModel.wrapper.rotateAngle = selectorModel.nodes[0].rotateAngle;
+ selectorModel.wrapper.pivot = selectorModel.nodes[0].pivot;
+ }
+ };
+ /**
+ * doRubberBandSelection method\
+ *
+ * @returns { void } doRubberBandSelection method .\
+ * @param { Rect } region - Provide the previousObject element .
+ * @private
+ */
+ CommandHandler.prototype.doRubberBandSelection = function (region) {
+ this.clearSelectionRectangle();
+ var selArray = [];
+ var rubberArray = [];
+ selArray = this.diagram.getNodesConnectors(selArray);
+ if (this.diagram.selectedItems.rubberBandSelectionMode === 'CompleteIntersect') {
+ rubberArray = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["completeRegion"])(region, selArray);
+ }
+ else {
+ rubberArray = this.diagram.spatialSearch.findObjects(region);
+ }
+ if (rubberArray.length) {
+ this.selectObjects(rubberArray, true);
+ }
+ };
+ CommandHandler.prototype.clearSelectionRectangle = function () {
+ var adornerSvg = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getAdornerLayerSvg"])(this.diagram.element.id);
+ var element = adornerSvg.getElementById(this.diagram.element.id + '_diagramAdorner_selected_region');
+ if (element) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["remove"])(element);
+ }
+ };
+ /**
+ * dragConnectorEnds method\
+ *
+ * @returns { void } dragConnectorEnds method .\
+ * @param { string } endPoint - Provide the previousObject element .
+ * @param { IElement } obj - Provide the previousObject element .
+ * @param { PointModel } point - Provide the point element .
+ * @param { BezierSegmentModel } segment - Provide the segment element .
+ * @param { IElement } target - Provide the target element .
+ * @param { string } targetPortId - Provide the targetPortId element .
+ * @private
+ */
+ CommandHandler.prototype.dragConnectorEnds = function (endPoint, obj, point, segment, target, targetPortId) {
+ var selectorModel;
+ var connector; //let node: Node;
+ var tx; //let segmentPoint: PointModel;
+ var ty; //let index: number;
+ var checkBezierThumb = false;
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"]) {
+ selectorModel = obj;
+ connector = selectorModel.connectors[0];
+ }
+ else if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"] && this.diagram.currentDrawingObject) {
+ this.clearSelection();
+ connector = this.diagram.currentDrawingObject;
+ }
+ if (endPoint === 'BezierSourceThumb' || endPoint === 'BezierTargetThumb') {
+ checkBezierThumb = true;
+ connector.isBezierEditing = true;
+ }
+ if (endPoint === 'ConnectorSourceEnd' || endPoint === 'BezierSourceThumb') {
+ tx = point.x - (checkBezierThumb ? segment.bezierPoint1.x : connector.sourcePoint.x);
+ ty = point.y - (checkBezierThumb ? segment.bezierPoint1.y : connector.sourcePoint.y);
+ return this.dragSourceEnd(connector, tx, ty, null, point, endPoint, undefined, target, targetPortId, undefined, segment);
+ }
+ else {
+ tx = point.x - (checkBezierThumb ? segment.bezierPoint2.x : connector.targetPoint.x);
+ ty = point.y - (checkBezierThumb ? segment.bezierPoint2.y : connector.targetPoint.y);
+ return this.dragTargetEnd(connector, tx, ty, null, point, endPoint, undefined, segment);
+ }
+ };
+ /**
+ * getSelectedObject method\
+ *
+ * @returns { void } getSelectedObject method .\
+ * @private
+ */
+ CommandHandler.prototype.getSelectedObject = function () {
+ var selectormodel = this.diagram.selectedItems;
+ return (selectormodel.nodes).concat(selectormodel.connectors);
+ };
+ /**
+ * updateBlazorProperties method\
+ *
+ * @returns { void } updateBlazorProperties method .\
+ * @param { boolean } isObjectInteraction - Provide the previousObject element .
+ * @private
+ */
+ CommandHandler.prototype.updateBlazorProperties = function (isObjectInteraction) {
+ var blazorInterop = 'sfBlazor';
+ var blazor = 'Blazor';
+ if (!isObjectInteraction) {
+ if (window && window["" + blazor]) {
+ var obj = { 'methodName': 'UpdateBlazorProperties', 'diagramobj': this.diagramObject };
+ window["" + blazorInterop].updateBlazorProperties(obj, this.diagram);
+ }
+ }
+ else {
+ if (window && window["" + blazor] && JSON.stringify(this.deepDiffer.diagramObject) !== '{}') {
+ var obj = { 'methodName': 'UpdateBlazorProperties', 'diagramobj': this.deepDiffer.diagramObject };
+ if (!this.diagram.isLoading) {
+ window["" + blazorInterop].updateBlazorProperties(obj, this.diagram);
+ }
+ }
+ }
+ //this.diagram.enableServerDataBinding(true);
+ this.deepDiffer.newNodeObject = [];
+ this.deepDiffer.newConnectorObject = [];
+ this.diagramObject = [];
+ this.diagram.oldNodeObjects = [];
+ this.diagram.oldConnectorObjects = [];
+ };
+ /**
+ * enableCloneObject method\
+ *
+ * @returns { void } enableCloneObject method .\
+ * @param { boolean } value - Provide the previousObject element .
+ * @private
+ */
+ CommandHandler.prototype.enableCloneObject = function (value) {
+ if ((!this.diagram.lineRoutingModule || !(this.diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramConstraints"].LineRouting))) {
+ this.diagram.canEnableBlazorObject = value;
+ }
+ };
+ /**
+ * ismouseEvents method\
+ *
+ * @returns { void } ismouseEvents method .\
+ * @param { boolean } value - Provide the previousObject element .
+ * @private
+ */
+ CommandHandler.prototype.ismouseEvents = function (value) {
+ if (value) {
+ this.diagram.blazorActions = this.diagram.addConstraints(this.diagram.blazorActions, _enum_enum__WEBPACK_IMPORTED_MODULE_10__["BlazorAction"].interaction);
+ }
+ else {
+ this.diagram.blazorActions = this.diagram.removeConstraints(this.diagram.blazorActions, _enum_enum__WEBPACK_IMPORTED_MODULE_10__["BlazorAction"].interaction);
+ }
+ };
+ /**
+ * updateLayerObject method\
+ *
+ * @returns { void } updateLayerObject method .\
+ * @param { object } oldDiagram - Provide the previousObject element .
+ * @param { boolean } temp - Provide the temp element .
+ * @private
+ */
+ CommandHandler.prototype.updateLayerObject = function (oldDiagram, temp) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ var diffLayers = {};
+ diffLayers = this.deepDiffer.getLayerObject(oldDiagram, temp, this.diagram);
+ this.diagramObject = diffLayers;
+ this.updateBlazorProperties();
+ }
+ };
+ /* tslint:enable:no-string-literal */
+ /**
+ * getDiagramOldValues method\
+ *
+ * @returns { void } getDiagramOldValues method .\
+ * @param { object } oldDiagram - Provide the previousObject element .
+ * @param { string[] } attribute - Provide the previousObject element .
+ * @private
+ */
+ CommandHandler.prototype.getDiagramOldValues = function (oldDiagram, attribute) {
+ var newDiagram = {};
+ for (var i = 0; i < attribute.length; i++) {
+ newDiagram[attribute[parseInt(i.toString(), 10)]] = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram[attribute[parseInt(i.toString(), 10)]]);
+ }
+ var newObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(newDiagram);
+ var result = this.deepDiffer.map(newObject, oldDiagram);
+ var diffValue = this.deepDiffer.frameObject({}, result);
+ var diff = this.deepDiffer.removeEmptyValues(diffValue);
+ diff = this.deepDiffer.changeSegments(diff, newObject);
+ this.diagramObject = diff;
+ if (!(this.diagram.blazorActions & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["BlazorAction"].ClearObject)) {
+ this.updateBlazorProperties();
+ }
+ };
+ /* tslint:disable */
+ /**
+ * getBlazorOldValues method\
+ *
+ * @returns { void } getBlazorOldValues method .\
+ * @param { MouseEventArgs } args - Provide the previousObject element .
+ * @param { boolean } labelDrag - Provide the previousObject element .
+ * @private
+ */
+ CommandHandler.prototype.getBlazorOldValues = function (args, labelDrag) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ var oldNodeObject = this.diagram.oldNodeObjects;
+ for (var i = 0; i < oldNodeObject.length; i++) {
+ if (oldNodeObject[parseInt(i.toString(), 10)].id) {
+ if (this.diagram.oldNodeObjects[parseInt(i.toString(), 10)] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ this.diagram.oldNodeObjects[parseInt(i.toString(), 10)] = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(this.diagram.oldNodeObjects[parseInt(i.toString(), 10)]);
+ }
+ this.deepDiffer.getDifferenceValues(this.diagram.nameTable[oldNodeObject[parseInt(i.toString(), 10)].id], args, labelDrag, this.diagram);
+ }
+ }
+ var oldConnectorObject = this.diagram.oldConnectorObjects;
+ for (var i = 0; i < oldConnectorObject.length; i++) {
+ if (oldConnectorObject[parseInt(i.toString(), 10)].id) {
+ if (this.diagram.oldConnectorObjects[parseInt(i.toString(), 10)] instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"]) {
+ this.diagram.oldConnectorObjects[parseInt(i.toString(), 10)] = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(this.diagram.oldConnectorObjects[parseInt(i.toString(), 10)]);
+ }
+ this.deepDiffer.getDifferenceValues(this.diagram.nameTable[oldConnectorObject[parseInt(i.toString(), 10)].id], args, labelDrag, this.diagram);
+ }
+ }
+ if (oldNodeObject.length > 0 || oldConnectorObject.length > 0) {
+ this.updateBlazorProperties(true);
+ }
+ }
+ };
+ /**
+ * getObjectChanges method\
+ *
+ * @returns { void } getObjectChanges method .\
+ * @param { Object[] } previousObject - Provide the previousObject element .
+ * @param { Object[] } currentObject - Provide the previousObject element .
+ * @param { Object[] } previousObject - Provide the previousObject element .
+ * @private
+ */
+ CommandHandler.prototype.getObjectChanges = function (previousObject, currentObject, changedNodes) {
+ for (var i = 0; i < previousObject.length; i++) {
+ var value = this.deepDiffer.map(currentObject[parseInt(i.toString(), 10)], previousObject[parseInt(i.toString(), 10)]);
+ var result = this.deepDiffer.frameObject({}, value);
+ var change = this.deepDiffer.removeEmptyValues(result);
+ if (change.children) {
+ change.children = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(currentObject[parseInt(i.toString(), 10)]).children;
+ }
+ change = this.deepDiffer.changeSegments(change, currentObject[parseInt(i.toString(), 10)]);
+ change.sfIndex = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["getIndex"])(this.diagram, currentObject[parseInt(i.toString(), 10)].id);
+ changedNodes.push(change);
+ }
+ };
+ /**
+ * clearObjectSelection method\
+ *
+ * @returns { void } clearObjectSelection method .\
+ * @param { (NodeModel | ConnectorModel) } mouseDownElement - Provide the triggerAction element .
+ * @private
+ */
+ // Bug fix - EJ2-44495 -Node does not gets selected on slight movement of mouse when drag constraints disabled for node
+ CommandHandler.prototype.clearObjectSelection = function (mouseDownElement) {
+ var selectedItems = this.diagram.selectedItems;
+ var list = [];
+ list = list.concat(selectedItems.nodes, selectedItems.connectors);
+ if (list.indexOf(mouseDownElement) === -1) {
+ this.clearSelection((list.length > 0) ? true : false);
+ this.selectObjects([mouseDownElement], true);
+ }
+ };
+ /**
+ * clearSelection method\
+ *
+ * @returns { void } clearSelection method .\
+ * @param { boolean } triggerAction - Provide the triggerAction element .
+ * @param { boolean } isTriggered - Provide the isTriggered element .
+ * @private
+ */
+ CommandHandler.prototype.clearSelection = function (triggerAction, isTriggered) {
+ return __awaiter(this, void 0, void 0, function () {
+ var enableServerDataBinding, selectormodel, arrayNodes, arg, blazarArgs, eventObj, selectNodes, i;
+ return __generator(this, function (_a) {
+ switch (_a.label) {
+ case 0:
+ enableServerDataBinding = this.diagram.allowServerDataBinding;
+ this.diagram.enableServerDataBinding(false);
+ if (!Object(_actions__WEBPACK_IMPORTED_MODULE_9__["hasSelection"])(this.diagram)) return [3 /*break*/, 5];
+ selectormodel = this.diagram.selectedItems;
+ arrayNodes = this.getSelectedObject();
+ if (this.diagram.currentSymbol) {
+ this.diagram.previousSelectedObject = arrayNodes;
+ }
+ arg = {
+ oldValue: arrayNodes, newValue: [], cause: this.diagram.diagramActions,
+ state: 'Changing', type: 'Removal', cancel: false
+ };
+ this.updateBlazorSelectorModel(arrayNodes, true);
+ if (triggerAction) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].selectionChange, arg);
+ }
+ else {
+ this.oldSelectedObjects = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(selectormodel);
+ }
+ }
+ if (!!arg.cancel) return [3 /*break*/, 4];
+ selectormodel.offsetX = 0;
+ selectormodel.offsetY = 0;
+ selectormodel.width = 0;
+ selectormodel.height = 0;
+ selectormodel.rotateAngle = 0;
+ selectormodel.nodes = [];
+ selectormodel.connectors = [];
+ selectormodel.wrapper = null;
+ selectormodel.annotation = undefined;
+ // EJ2-56919 - While clear selection empty the selectedObjects collection
+ selectormodel.selectedObjects = [];
+ this.diagram.clearSelectorLayer();
+ if (!triggerAction) return [3 /*break*/, 4];
+ arg = {
+ oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(arrayNodes), newValue: [], cause: this.diagram.diagramActions,
+ state: 'Changed', type: 'Removal', cancel: false
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ arg = this.updateSelectionChangeEventArgs(arg, [], arrayNodes);
+ this.updateBlazorSelector();
+ }
+ if (!!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) return [3 /*break*/, 1];
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].selectionChange, arg);
+ return [3 /*break*/, 4];
+ case 1:
+ blazarArgs = void 0;
+ if (!(window && window[this.blazor] && this.diagram.selectionChange)) return [3 /*break*/, 3];
+ eventObj = { 'EventName': 'selectionChange', args: JSON.stringify(arg) };
+ return [4 /*yield*/, window[this.blazorInterop].updateBlazorDiagramEvents(eventObj, this.diagram)];
+ case 2:
+ blazarArgs = _a.sent();
+ _a.label = 3;
+ case 3:
+ // let blazarArgs: void | object = await this.diagram.triggerEvent(DiagramEvent.selectionChange, arg);
+ if (blazarArgs && blazarArgs.cancel && !isTriggered) {
+ selectNodes = [];
+ if (blazarArgs.oldValue.nodes.length > 0) {
+ selectNodes = blazarArgs.oldValue.nodes;
+ }
+ if (blazarArgs.oldValue.connectors.length > 0) {
+ selectNodes = selectNodes.concat(blazarArgs.oldValue.connectors);
+ }
+ if (selectNodes) {
+ for (i = 0; i < selectNodes.length; i++) {
+ this.select(this.diagram.nameTable[selectNodes[parseInt(i.toString(), 10)].id], (i !== 0 && selectNodes.length > 1) ? true : false);
+ }
+ }
+ }
+ _a.label = 4;
+ case 4:
+ this.updateBlazorSelector();
+ this.diagram.enableServerDataBinding(enableServerDataBinding);
+ _a.label = 5;
+ case 5: return [2 /*return*/];
+ }
+ });
+ });
+ };
+ /**
+ * clearSelectedItems method\
+ *
+ * @returns { void } clearSelectedItems method .\
+ * @private
+ */
+ CommandHandler.prototype.clearSelectedItems = function () {
+ var selectedNodes = this.diagram.selectedItems.nodes ? this.diagram.selectedItems.nodes.length : 0;
+ var selectedConnectors = this.diagram.selectedItems.connectors ? this.diagram.selectedItems.connectors.length : 0;
+ this.clearSelection((selectedNodes + selectedConnectors) > 0 ? true : false);
+ };
+ /**
+ * removeStackHighlighter method\
+ *
+ * @returns { void } removeStackHighlighter method .\
+ * @private
+ */
+ CommandHandler.prototype.removeStackHighlighter = function () {
+ var adornerSvg = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getAdornerLayerSvg"])(this.diagram.element.id);
+ var highlighter = adornerSvg.getElementById(adornerSvg.id + '_stack_highlighter');
+ if (highlighter) {
+ highlighter.parentNode.removeChild(highlighter);
+ }
+ };
+ /**
+ * @param {End} args - provide the args value.
+ * @param {IElement} target - provide the target value.
+ * @private
+ */
+ CommandHandler.prototype.renderStackHighlighter = function (args, target) {
+ var source = this.diagram.selectedItems.nodes[0];
+ var symbolDrag;
+ var node;
+ var selectorModel;
+ if (!target) {
+ var objects = this.diagram.findObjectsUnderMouse(args.position);
+ target = this.diagram.findObjectUnderMouse(objects, 'Drag', true);
+ if (target && !(target.isLane || target.isPhase || target.isHeader)) {
+ for (var i = 0; i < objects.length; i++) {
+ var laneNode = this.diagram.nameTable[objects[parseInt(i.toString(), 10)].id];
+ if (!laneNode.isLane || laneNode.isPhase || laneNode.isHeader) {
+ target = laneNode;
+ this.diagram.parentObject = target;
+ }
+ }
+ }
+ }
+ if (source && target && target.isLane && source.shape && !source.shape.isPhase) {
+ node = this.diagram.nameTable[target.parentId];
+ if (this.diagram.currentSymbol && node.shape.type === 'SwimLane') {
+ symbolDrag = true;
+ }
+ if ((source && !source.parentId && source.shape.type !== 'SwimLane') ||
+ (source && source.parentId && this.diagram.nameTable[source.parentId] && this.diagram.nameTable[source.parentId].isLane &&
+ (source.parentId !== target.parentId && source.parentId !== target.id))) {
+ selectorModel = this.diagram.selectedItems;
+ var canvas = Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["gridSelection"])(this.diagram, selectorModel, target.id, true);
+ if (canvas) {
+ selectorModel.wrapper.children[0] = canvas;
+ }
+ this.diagram.renderSelector(false, true);
+ selectorModel.wrapper.children[0] = selectorModel.nodes[0].wrapper;
+ }
+ }
+ if (source && target && target.parentId && source.shape && source.shape.isPhase) {
+ var node_3 = this.diagram.nameTable[target.parentId];
+ if (node_3.shape.type === 'SwimLane') {
+ this.diagram.selectedItems.wrapper.children[0] = this.diagram.nameTable[target.parentId].wrapper;
+ this.diagram.renderSelector(false, true);
+ }
+ }
+ if ((symbolDrag && this.diagram.currentSymbol.shape.isLane) || (source && target &&
+ source.parentId && target.parentId && !source.isPhase && (source.parentId === target.parentId)
+ && (source.id !== target.id) && node &&
+ (node.container && (node.container.type === 'Stack' || node.container.type === 'Grid')))) {
+ var canvas = void 0;
+ var value = node.container.orientation === 'Vertical';
+ var isVertical = node.container === 'Stack' ? value : !value;
+ if (node.container.type === 'Grid' && target.isLane &&
+ ((!this.diagram.currentSymbol &&
+ (node.shape.orientation === 'Horizontal' && target.rowIndex !== source.rowIndex) ||
+ (node.shape.orientation === 'Vertical' && target.columnIndex !== source.columnIndex))
+ || (this.diagram.currentSymbol &&
+ this.diagram.currentSymbol.shape.orientation === node.container.orientation))) {
+ selectorModel = this.diagram.selectedItems;
+ if ((source.isLane && Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["canLaneInterchange"])(source, this.diagram)) || !source.isLane) {
+ canvas = Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["gridSelection"])(this.diagram, selectorModel, target.id, symbolDrag);
+ }
+ }
+ var wrapper = node.container.type === 'Stack' ? target.wrapper : canvas;
+ if (wrapper) {
+ Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["renderStackHighlighter"])(wrapper, isVertical, args.position, this.diagram, false, true);
+ }
+ }
+ };
+ /** @private */
+ CommandHandler.prototype.insertBlazorConnector = function (obj) {
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"]) {
+ for (var i = 0; i < obj.connectors.length; i++) {
+ this.diagram.insertBlazorConnector(obj.connectors[parseInt(i.toString(), 10)]);
+ }
+ }
+ else {
+ this.diagram.insertBlazorConnector(obj);
+ }
+ };
+ /** @private */
+ CommandHandler.prototype.drag = function (obj, tx, ty) {
+ var tempNode;
+ var elements = [];
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canMove"])(obj) && this.checkBoundaryConstraints(tx, ty, obj.wrapper.bounds) && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canPageEditable"])(this.diagram)) {
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ var oldValues = { offsetX: obj.offsetX, offsetY: obj.offsetY };
+ obj.offsetX += tx;
+ obj.offsetY += ty;
+ if (obj.children && !(obj.container)) {
+ if (!(Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["checkParentAsContainer"])(this.diagram, obj, true))) {
+ this.diagram.diagramActions = this.diagram.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].isGroupDragging;
+ }
+ var nodes = this.getAllDescendants(obj, elements);
+ for (var i = 0; i < nodes.length; i++) {
+ tempNode = (this.diagram.nameTable[nodes[parseInt(i.toString(), 10)].id]);
+ this.drag(tempNode, tx, ty);
+ }
+ this.updateInnerParentProperties(obj);
+ this.diagram.diagramActions = this.diagram.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].isGroupDragging;
+ }
+ if (Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["checkParentAsContainer"])(this.diagram, obj, true)) {
+ Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["checkChildNodeInContainer"])(this.diagram, obj);
+ }
+ else {
+ if (obj && obj.shape && obj.shape.type === 'UmlClassifier') {
+ obj.wrapper.measureChildren = true;
+ }
+ this.diagram.nodePropertyChange(obj, oldValues, { offsetX: obj.offsetX, offsetY: obj.offsetY }, undefined, undefined, false);
+ obj.wrapper.measureChildren = false;
+ }
+ if (obj.shape.type === 'SwimLane' && !this.diagram.currentSymbol) {
+ var grid = obj.wrapper.children[0];
+ var connectors = Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["getConnectors"])(this.diagram, grid, 0, true);
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["updateConnectorsProperties"])(connectors, this.diagram);
+ }
+ }
+ else {
+ var connector = obj;
+ var oldValues = { sourcePoint: connector.sourcePoint, targetPoint: connector.targetPoint };
+ var update = connector.type === 'Bezier' ? true : false;
+ var hasEnds = false;
+ if (!connector.sourceWrapper) {
+ this.dragSourceEnd(connector, tx, ty, true, null, '', update);
+ }
+ else {
+ hasEnds = true;
+ }
+ if (!connector.targetWrapper) {
+ this.dragTargetEnd(connector, tx, ty, true, null, '', update);
+ }
+ else {
+ hasEnds = true;
+ }
+ var canDragPoints = false;
+ if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"]) {
+ canDragPoints = true;
+ }
+ if (!hasEnds || canDragPoints) {
+ this.dragControlPoint(connector, tx, ty, true);
+ var conn = { sourcePoint: connector.sourcePoint, targetPoint: connector.targetPoint };
+ this.diagram.connectorPropertyChange(connector, oldValues, conn);
+ }
+ }
+ }
+ };
+ /** @private */
+ CommandHandler.prototype.connectorSegmentChange = function (actualObject, existingInnerBounds, isRotate) {
+ var tx;
+ var ty;
+ var segmentChange = true;
+ if (existingInnerBounds.equals(existingInnerBounds, actualObject.wrapper.bounds) === false) {
+ if (actualObject.outEdges.length > 0) {
+ for (var k = 0; k < actualObject.outEdges.length; k++) {
+ var connector = this.diagram.nameTable[actualObject.outEdges[parseInt(k.toString(), 10)]];
+ if (connector.targetID !== '') {
+ segmentChange = this.isSelected(this.diagram.nameTable[connector.targetID]) ? false : true;
+ }
+ else {
+ segmentChange = this.isSelected(this.diagram.nameTable[connector.id]) ? false : true;
+ }
+ if (connector.type === 'Orthogonal' && connector.segments && connector.segments.length > 1) {
+ if (!isRotate) {
+ if (segmentChange) {
+ switch (connector.segments[0].direction) {
+ case 'Bottom':
+ tx = actualObject.wrapper.bounds.bottomCenter.x - existingInnerBounds.bottomCenter.x;
+ ty = actualObject.wrapper.bounds.bottomCenter.y - existingInnerBounds.bottomCenter.y;
+ break;
+ case 'Top':
+ tx = actualObject.wrapper.bounds.topCenter.x - existingInnerBounds.topCenter.x;
+ ty = actualObject.wrapper.bounds.topCenter.y - existingInnerBounds.topCenter.y;
+ break;
+ case 'Left':
+ tx = actualObject.wrapper.bounds.middleLeft.x - existingInnerBounds.middleLeft.x;
+ ty = actualObject.wrapper.bounds.middleLeft.y - existingInnerBounds.middleLeft.y;
+ break;
+ case 'Right':
+ tx = actualObject.wrapper.bounds.middleRight.x - existingInnerBounds.middleRight.x;
+ ty = actualObject.wrapper.bounds.middleRight.y - existingInnerBounds.middleRight.y;
+ break;
+ }
+ this.dragSourceEnd(connector, tx, ty, true, null, 'ConnectorSourceEnd', undefined, undefined, undefined, (actualObject.parentId &&
+ (this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].isGroupDragging)) ? false : true);
+ }
+ }
+ else {
+ var firstSegment = connector.segments[0];
+ var secondSegment = connector.segments[1];
+ var cornerPoints = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["swapBounds"])(actualObject.wrapper, actualObject.wrapper.corners, actualObject.wrapper.bounds);
+ var sourcePoint = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["findPoint"])(cornerPoints, firstSegment.direction);
+ sourcePoint = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["getIntersection"])(connector, connector.sourceWrapper, sourcePoint, { x: connector.sourceWrapper.offsetX, y: connector.sourceWrapper.offsetY }, false);
+ var source = {
+ corners: undefined, point: sourcePoint, margin: undefined, direction: firstSegment.direction
+ };
+ var target = {
+ corners: undefined, point: secondSegment.points[1], margin: undefined, direction: undefined
+ };
+ var intermediatePoints = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["orthoConnection2Segment"])(source, target);
+ firstSegment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(intermediatePoints[0], intermediatePoints[1]);
+ if (secondSegment.direction && secondSegment.length) {
+ secondSegment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(intermediatePoints[1], intermediatePoints[2]);
+ }
+ }
+ }
+ }
+ }
+ }
+ };
+ /** @private */
+ CommandHandler.prototype.updateEndPoint = function (connector, oldChanges) {
+ var conn = {
+ sourcePoint: connector.sourcePoint, targetPoint: connector.targetPoint,
+ sourceID: connector.sourceID ? connector.sourceID : undefined,
+ targetID: connector.targetID ? connector.targetID : undefined,
+ sourcePortID: connector.sourcePortID ? connector.sourcePortID : undefined,
+ targetPortID: connector.targetPortID ? connector.targetPortID : undefined,
+ segments: connector.segments ? connector.segments : undefined
+ };
+ var newValue = { sourcePoint: connector.sourcePoint, targetPoint: connector.targetPoint };
+ if (connector.sourceID) {
+ newValue.sourceID = connector.sourceID;
+ }
+ if (connector.targetID) {
+ newValue.targetID = connector.targetID;
+ }
+ if (connector.sourcePortID) {
+ newValue.sourcePortID = connector.sourcePortID;
+ }
+ if (connector.targetPortID) {
+ newValue.targetPortID = connector.targetPortID;
+ }
+ if (connector.segments) {
+ newValue.segments = connector.segments;
+ }
+ this.diagram.connectorPropertyChange(connector, oldChanges ? oldChanges : {}, newValue);
+ // this.diagram.refreshDiagramLayer();
+ this.diagram.updateSelector();
+ };
+ /**
+ * @param obj
+ * @param tx
+ * @param ty
+ * @param preventUpdate
+ * @param point
+ * @param endPoint
+ * @param update
+ * @param target
+ * @param targetPortId
+ * @param isDragSource
+ * @param segment
+ * @private
+ */
+ CommandHandler.prototype.dragSourceEnd = function (obj, tx, ty, preventUpdate, point, endPoint, update, target, targetPortId, isDragSource, segment) {
+ var connector = this.diagram.nameTable[obj.id];
+ var oldChanges = {};
+ var checkBoundaryConstraints = this.checkBoundaryConstraints(tx, ty, connector.wrapper.bounds);
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canDragSourceEnd"])(connector) && checkBoundaryConstraints
+ && (endPoint !== 'BezierSourceThumb') && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canPageEditable"])(this.diagram)) {
+ oldChanges = { sourcePoint: connector.sourcePoint };
+ oldChanges = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(oldChanges);
+ connector.sourcePoint.x += tx;
+ connector.sourcePoint.y += ty;
+ if (endPoint === 'ConnectorSourceEnd' && connector.type === 'Orthogonal') {
+ this.changeSegmentLength(connector, target, targetPortId, isDragSource);
+ }
+ if (connector.shape.type === 'Bpmn' && connector.shape.sequence === 'Default' && connector.shape.flow === 'Sequence') {
+ this.updatePathElementOffset(connector);
+ }
+ }
+ if (connector.type === 'Bezier') {
+ oldChanges = { sourcePoint: connector.sourcePoint };
+ if (segment) {
+ this.translateBezierPoints(obj, (endPoint === '') ? 'ConnectorSourceEnd' : endPoint, tx, ty, segment, point, !update);
+ }
+ else {
+ for (var i = 0; i < obj.segments.length; i++) {
+ this.translateBezierPoints(obj, (endPoint === '') ? 'ConnectorSourceEnd' : endPoint, tx, ty, obj.segments[parseInt(i.toString(), 10)], point, !update);
+ }
+ }
+ }
+ if (!preventUpdate) {
+ this.updateEndPoint(connector, oldChanges);
+ }
+ if (!(this.diagram.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["RealAction"].AnimationClick)) {
+ this.diagram.refreshCanvasLayers();
+ }
+ return checkBoundaryConstraints;
+ };
+ /**
+ * Update Path Element offset
+ */
+ CommandHandler.prototype.updatePathElementOffset = function (connector) {
+ connector.wrapper.children.splice(3, 1);
+ var pathElement = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_2__["PathElement"]();
+ var anglePoints = connector.intermediatePoints;
+ pathElement = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["updatePathElement"])(anglePoints, connector);
+ connector.wrapper.children.splice(3, 0, pathElement);
+ };
+ /**
+ * Upadte the connector segments when change the source node
+ */
+ CommandHandler.prototype.changeSegmentLength = function (connector, target, targetPortId, isDragSource) {
+ // EJ2-65063 - Added below code to check condition if connector segment length can be changed or not.
+ // If inconnect and outconnect removed from node constraints
+ var canChangeSegment = target ? this.canConnect(connector, target) : true;
+ if (connector.segments && connector.segments[0].direction !== null
+ && ((!target && connector.sourceID === '') || isDragSource) && canChangeSegment) {
+ var first = connector.segments[0];
+ var second = connector.segments[1];
+ var node = this.diagram.nameTable[connector.sourceID];
+ var secPoint = void 0;
+ first.points[0] = connector.sourcePoint;
+ if (first.direction === 'Top' || first.direction === 'Bottom') {
+ first.points[first.points.length - 1].x = connector.sourcePoint.x;
+ second.points[0].y = first.points[first.points.length - 1].y;
+ }
+ else {
+ first.points[first.points.length - 1].y = connector.sourcePoint.y;
+ second.points[0].x = first.points[first.points.length - 1].x;
+ }
+ if (first.direction && (first.length || first.length === 0)) {
+ first.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(first.points[0], first.points[first.points.length - 1]);
+ }
+ if (second.direction && (second.length || second.length === 0)) {
+ second.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(first.points[first.points.length - 1], second.points[second.points.length - 1]);
+ second.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].direction(first.points[first.points.length - 1], second.points[second.points.length - 1]);
+ }
+ if (connector.sourcePortID !== '' && first.length < 10) {
+ if (connector.segments.length > 2) {
+ var next = connector.segments[2];
+ var nextDirection = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].direction(next.points[0], next.points[1]);
+ if (first.direction === Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["getOppositeDirection"])(nextDirection)) {
+ if (first.direction === 'Right') {
+ next.points[0].x = first.points[first.points.length - 1].x = node.wrapper.corners.middleRight.x + 20;
+ }
+ else if (first.direction === 'Left') {
+ next.points[0].x = first.points[first.points.length - 1].x = node.wrapper.corners.middleLeft.x - 20;
+ }
+ else if (first.direction === 'Top') {
+ next.points[0].y = first.points[first.points.length - 1].y = node.wrapper.corners.topCenter.y - 20;
+ }
+ else {
+ next.points[0].y = first.points[first.points.length - 1].y = node.wrapper.corners.bottomCenter.y + 20;
+ }
+ if (next.direction && next.length) {
+ next.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(next.points[0], next.points[next.points.length - 1]);
+ }
+ first.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(first.points[0], first.points[first.points.length - 1]);
+ }
+ else if (first.direction === nextDirection && next.direction && next.length) {
+ if (first.direction === 'Top' || first.direction === 'Bottom') {
+ next.points[0] = first.points[0];
+ next.points[next.points.length - 1].x = next.points[0].x;
+ }
+ else {
+ next.points[0] = first.points[0];
+ next.points[next.points.length - 1].y = next.points[0].y;
+ }
+ next.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(next.points[0], next.points[next.points.length - 1]);
+ connector.segments.splice(0, 2);
+ }
+ else {
+ first.length = 20;
+ }
+ }
+ else {
+ first.length = 20;
+ }
+ }
+ else if (first.length < 1) {
+ if (connector.sourceID !== '') {
+ if (second.direction === 'Right') {
+ secPoint = node.wrapper.corners.middleRight;
+ second.points[second.points.length - 1].y = secPoint.y;
+ }
+ else if (second.direction === 'Left') {
+ secPoint = node.wrapper.corners.middleLeft;
+ second.points[second.points.length - 1].y = secPoint.y;
+ }
+ else if (second.direction === 'Top') {
+ secPoint = node.wrapper.corners.topCenter;
+ second.points[second.points.length - 1].x = secPoint.x;
+ }
+ else {
+ secPoint = node.wrapper.corners.bottomCenter;
+ second.points[second.points.length - 1].x = secPoint.x;
+ }
+ second.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(secPoint, second.points[second.points.length - 1]);
+ if (connector.segments.length > 2) {
+ var next = connector.segments[2];
+ if (next.direction && next.length) {
+ next.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(second.points[second.points.length - 1], next.points[next.points.length - 1]);
+ }
+ }
+ connector.segments.splice(0, 1);
+ }
+ else {
+ connector.segments.splice(0, 1);
+ }
+ }
+ }
+ else {
+ if (target && !targetPortId && connector.sourceID !== target.id &&
+ connector.segments && connector.segments[0].direction !== null && target && target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"] && canChangeSegment) {
+ this.changeSourceEndToNode(connector, target);
+ }
+ if (target && targetPortId && connector.sourcePortID !== targetPortId &&
+ connector.segments && connector.segments[0].direction !== null && target && target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"] && canChangeSegment) {
+ this.changeSourceEndToPort(connector, target, targetPortId);
+ }
+ }
+ };
+ // EJ2-65063 - Added below method to check if target has inConnect or outConnect. If it does not have inconnect and outconnect means then return false
+ CommandHandler.prototype.canConnect = function (connector, target) {
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canInConnect"])(target) && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canOutConnect"])(target)) {
+ return true;
+ }
+ else {
+ return false;
+ }
+ };
+ /**
+ * Change the connector endPoint to port
+ */
+ CommandHandler.prototype.changeSourceEndToPort = function (connector, target, targetPortId) {
+ var port = this.diagram.getWrapper(target.wrapper, targetPortId);
+ var point = { x: port.offsetX, y: port.offsetY };
+ var direction = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["getPortDirection"])(point, Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cornersPointsBeforeRotation"])(target.wrapper), target.wrapper.bounds, false);
+ var firstSegment = connector.segments[0];
+ var secondSegment = connector.segments[1];
+ if (firstSegment.direction !== direction) {
+ var segments = [];
+ var segValues = {};
+ if (firstSegment.direction === Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["getOppositeDirection"])(direction)) {
+ segValues = {};
+ var segValues1 = void 0;
+ if (direction === 'Top' || direction === 'Bottom') {
+ segValues1 = (direction === 'Top') ? {
+ type: 'Orthogonal', isTerminal: true, direction: direction,
+ length: Math.abs(firstSegment.points[0].y - point.y)
+ } :
+ {
+ type: 'Orthogonal', isTerminal: true, direction: direction,
+ length: Math.abs(point.y - firstSegment.points[0].y)
+ };
+ segValues = (firstSegment.points[0].x > point.x) ?
+ { type: 'Orthogonal', isTerminal: true, direction: 'Right', length: (firstSegment.points[0].x - point.x) } :
+ { type: 'Orthogonal', isTerminal: true, direction: 'Left', length: (point.x - firstSegment.points[0].x) };
+ }
+ else {
+ segValues1 = (direction === 'Right') ? {
+ type: 'Orthogonal', isTerminal: true, direction: direction,
+ length: Math.abs(firstSegment.points[0].x - point.x)
+ } :
+ {
+ type: 'Orthogonal', isTerminal: true, direction: direction,
+ length: Math.abs(point.x - firstSegment.points[0].x)
+ };
+ segValues = (firstSegment.points[0].y > point.y) ?
+ { type: 'Orthogonal', direction: 'Top', isTerminal: true, length: (firstSegment.points[0].y - point.y) } :
+ { type: 'Orthogonal', direction: 'Bottom', isTerminal: true, length: (point.y - firstSegment.points[0].y) };
+ }
+ segments.push(new _objects_connector__WEBPACK_IMPORTED_MODULE_0__["OrthogonalSegment"](connector, 'segments', segValues1, true));
+ segments.push(new _objects_connector__WEBPACK_IMPORTED_MODULE_0__["OrthogonalSegment"](connector, 'segments', segValues, true));
+ }
+ else {
+ segValues = { type: 'Orthogonal', direction: direction, length: 20, isTerminal: true };
+ segments.push(new _objects_connector__WEBPACK_IMPORTED_MODULE_0__["OrthogonalSegment"](connector, 'segments', segValues, true));
+ }
+ if (firstSegment.direction !== Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["getOppositeDirection"])(direction)) {
+ if (direction === 'Top' || direction === 'Bottom') {
+ firstSegment.points[0].x = point.x;
+ firstSegment.points[0].y = firstSegment.points[firstSegment.points.length - 1].y = (direction === 'Top') ?
+ point.y - 20 : point.y + 20;
+ }
+ else {
+ firstSegment.points[0].y = point.y;
+ firstSegment.points[0].x = firstSegment.points[firstSegment.points.length - 1].x = (direction === 'Right') ?
+ point.x + 20 : point.x - 20;
+ }
+ firstSegment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(firstSegment.points[0], firstSegment.points[firstSegment.points.length - 1]);
+ secondSegment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(firstSegment.points[firstSegment.points.length - 1], secondSegment.points[secondSegment.points.length - 1]);
+ }
+ connector.segments = segments.concat(connector.segments);
+ }
+ else {
+ firstSegment.points[0] = point;
+ if (direction === 'Top' || direction === 'Bottom') {
+ firstSegment.points[firstSegment.points.length - 1].x = point.x;
+ }
+ else {
+ firstSegment.points[firstSegment.points.length - 1].y = point.y;
+ }
+ firstSegment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(firstSegment.points[0], firstSegment.points[firstSegment.points.length - 1]);
+ secondSegment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(firstSegment.points[firstSegment.points.length - 1], secondSegment.points[secondSegment.points.length - 1]);
+ }
+ };
+ /**
+ * @param connector
+ * @param changeTerminal
+ * @private
+Remove terinal segment in initial
+ */
+ CommandHandler.prototype.removeTerminalSegment = function (connector, changeTerminal) {
+ for (var i = 0; i < connector.segments.length - 2; i++) {
+ var segment = connector.segments[0];
+ if (segment.isTerminal) {
+ if (changeTerminal) {
+ segment.isTerminal = false;
+ }
+ else {
+ connector.segments.splice(i, 1);
+ i--;
+ }
+ }
+ }
+ };
+ /**
+ * Change the connector endPoint from point to node
+ */
+ CommandHandler.prototype.changeSourceEndToNode = function (connector, target) {
+ this.removeTerminalSegment(connector);
+ var sourceWrapper = target.wrapper.children[0].corners;
+ var sourcePoint;
+ var sourcePoint2;
+ var firstSegment = connector.segments[0];
+ var nextSegment = connector.segments[1];
+ var segments = [];
+ if (firstSegment.direction === 'Right' || firstSegment.direction === 'Left') {
+ sourcePoint = (firstSegment.direction === 'Left') ? sourceWrapper.middleLeft : sourceWrapper.middleRight;
+ if (firstSegment.length > sourceWrapper.width || ((firstSegment.direction === 'Left' &&
+ sourcePoint.x >= firstSegment.points[0].x) || (firstSegment.direction === 'Right' &&
+ sourcePoint.x <= firstSegment.points[0].x))) {
+ firstSegment.points[0].y = firstSegment.points[firstSegment.points.length - 1].y = sourcePoint.y;
+ firstSegment.points[0].x = sourcePoint.x;
+ firstSegment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(firstSegment.points[0], firstSegment.points[firstSegment.points.length - 1]);
+ nextSegment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(firstSegment.points[firstSegment.points.length - 1], nextSegment.points[nextSegment.points.length - 1]);
+ }
+ else {
+ var direction = void 0;
+ if (nextSegment.direction) {
+ direction = nextSegment.direction;
+ }
+ else {
+ direction = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].direction(nextSegment.points[0], nextSegment.points[nextSegment.points.length - 1]);
+ }
+ sourcePoint2 = (direction === 'Bottom') ? sourceWrapper.bottomCenter : sourceWrapper.topCenter;
+ if (nextSegment.length && nextSegment.direction) {
+ nextSegment.length =
+ (direction === 'Top') ? firstSegment.points[firstSegment.points.length - 1].y - (sourcePoint2.y + 20) :
+ (sourcePoint2.y + 20) - firstSegment.points[firstSegment.points.length - 1].y;
+ }
+ firstSegment.length = firstSegment.points[firstSegment.points.length - 1].x - sourcePoint2.x;
+ firstSegment.direction = (firstSegment.length > 0) ? 'Right' : 'Left';
+ var segValues = { type: 'Orthogonal', direction: direction, length: 20 };
+ segments.push(new _objects_connector__WEBPACK_IMPORTED_MODULE_0__["OrthogonalSegment"](connector, 'segments', segValues, true));
+ connector.segments = segments.concat(connector.segments);
+ }
+ }
+ else {
+ sourcePoint = (firstSegment.direction === 'Bottom') ? sourceWrapper.bottomCenter : sourceWrapper.topCenter;
+ if (firstSegment.length > sourceWrapper.height || ((firstSegment.direction === 'Top' &&
+ sourcePoint.y >= firstSegment.points[0].y) ||
+ (firstSegment.direction === 'Bottom' && sourcePoint.y <= firstSegment.points[0].y))) {
+ firstSegment.points[0].x = firstSegment.points[firstSegment.points.length - 1].x = sourcePoint.x;
+ firstSegment.points[0].y = sourcePoint.y;
+ firstSegment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(firstSegment.points[0], firstSegment.points[firstSegment.points.length - 1]);
+ nextSegment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(firstSegment.points[firstSegment.points.length - 1], nextSegment.points[nextSegment.points.length - 1]);
+ }
+ else {
+ sourcePoint2 = (nextSegment.direction === 'Left') ? sourceWrapper.middleLeft : sourceWrapper.middleRight;
+ var direction = void 0;
+ if (nextSegment.direction) {
+ direction = nextSegment.direction;
+ }
+ else {
+ direction = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].direction(nextSegment.points[0], nextSegment.points[nextSegment.points.length - 1]);
+ }
+ if (nextSegment.length && nextSegment.direction) {
+ nextSegment.length =
+ (direction === 'Left') ? firstSegment.points[firstSegment.points.length - 1].x - (sourcePoint2.x + 20) :
+ (sourcePoint2.x + 20) - firstSegment.points[firstSegment.points.length - 1].x;
+ }
+ firstSegment.length = firstSegment.points[firstSegment.points.length - 1].y - sourcePoint2.y;
+ firstSegment.direction = (firstSegment.length > 0) ? 'Bottom' : 'Top';
+ var segValues = { type: 'Orthogonal', direction: direction, length: 20 };
+ segments.push(new _objects_connector__WEBPACK_IMPORTED_MODULE_0__["OrthogonalSegment"](connector, 'segments', segValues, true));
+ connector.segments = segments.concat(connector.segments);
+ }
+ }
+ };
+ //Translate the bezier points during the interaction
+ CommandHandler.prototype.translateBezierPoints = function (connector, value, tx, ty, seg, point, update) {
+ var index = (connector.segments.indexOf(seg));
+ var segment = connector.segments[parseInt(index.toString(), 10)];
+ var prevSegment = index > 0 ? connector.segments[index - 1] : null;
+ var startPoint = prevSegment !== null ? prevSegment.point : connector.sourcePoint;
+ var endPoint = index === connector.segments.length - 1 ? connector.targetPoint : segment.point;
+ if (segment) {
+ if (value === 'BezierSourceThumb' && (segment.vector1.angle || segment.vector1.distance)) {
+ var oldDistance = segment.vector1.distance;
+ var oldAngle = segment.vector1.angle;
+ segment.vector1 = {
+ distance: connector.distance(startPoint, point),
+ angle: _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findAngle(startPoint, point)
+ };
+ var deltaLength = segment.vector1.distance - oldDistance;
+ var deltaAngle = segment.vector1.angle - oldAngle;
+ this.translateSubsequentSegment(connector, seg, true, deltaLength, deltaAngle);
+ }
+ else if (value === 'BezierTargetThumb' && (segment.vector2.angle || segment.vector2.distance)) {
+ var oldDistance = segment.vector2.distance;
+ var oldAngle = segment.vector2.angle;
+ segment.vector2 = {
+ distance: connector.distance(endPoint, point),
+ angle: _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findAngle(endPoint, point)
+ };
+ var deltaLength = segment.vector2.distance - oldDistance;
+ var deltaAngle = segment.vector2.angle - oldAngle;
+ this.translateSubsequentSegment(connector, seg, false, deltaLength, deltaAngle);
+ }
+ else if ((value === 'ConnectorSourceEnd' && !connector.sourceID || value === 'ConnectorTargetEnd' && !connector.targetID)
+ && update && Object(_objects_connector__WEBPACK_IMPORTED_MODULE_0__["isEmptyVector"])(segment.vector1) && Object(_objects_connector__WEBPACK_IMPORTED_MODULE_0__["isEmptyVector"])(segment.vector2)) {
+ if (_primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].isEmptyPoint(segment.point1)) {
+ segment.bezierPoint1 = Object(_objects_connector__WEBPACK_IMPORTED_MODULE_0__["getBezierPoints"])(connector.sourcePoint, connector.targetPoint);
+ }
+ if (_primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].isEmptyPoint(segment.point2)) {
+ segment.bezierPoint2 = Object(_objects_connector__WEBPACK_IMPORTED_MODULE_0__["getBezierPoints"])(connector.targetPoint, connector.sourcePoint);
+ }
+ }
+ else if (value === 'BezierSourceThumb' || (value === 'ConnectorSourceEnd' && !update && Object(_objects_connector__WEBPACK_IMPORTED_MODULE_0__["isEmptyVector"])(segment.vector1))) {
+ segment.bezierPoint1.x += tx;
+ segment.bezierPoint1.y += ty;
+ if ((!_primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].isEmptyPoint(segment.point1)) || (update)) {
+ segment.point1 = { x: segment.bezierPoint1.x, y: segment.bezierPoint1.y };
+ }
+ }
+ else if (value === 'BezierTargetThumb' || (value === 'ConnectorTargetEnd' && !update && Object(_objects_connector__WEBPACK_IMPORTED_MODULE_0__["isEmptyVector"])(segment.vector2))) {
+ segment.bezierPoint2.x += tx;
+ segment.bezierPoint2.y += ty;
+ if ((!_primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].isEmptyPoint(segment.point2)) || (update)) {
+ segment.point2 = { x: segment.bezierPoint2.x, y: segment.bezierPoint2.y };
+ }
+ }
+ }
+ };
+ CommandHandler.prototype.translateSubsequentSegment = function (connector, seg, isSourceEnd, deltaLength, deltaAngle) {
+ var index = (connector.segments.indexOf(seg));
+ var segment = connector.segments[parseInt(index.toString(), 10)];
+ if (!(connector.bezierSettings.smoothness & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["BezierSmoothness"].SymmetricAngle)) {
+ deltaAngle = null;
+ }
+ if (!(connector.bezierSettings.smoothness & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["BezierSmoothness"].SymmetricDistance)) {
+ deltaLength = null;
+ }
+ if (deltaLength == null && deltaAngle == null) {
+ return;
+ }
+ if (isSourceEnd) {
+ if (index !== 0) {
+ this.updatePreviousBezierSegment(connector, index, deltaLength, deltaAngle);
+ }
+ }
+ else {
+ if (index !== connector.segments.length - 1) {
+ this.updateNextBezierSegment(connector, index, deltaLength, deltaAngle);
+ }
+ }
+ };
+ CommandHandler.prototype.updatePreviousBezierSegment = function (connector, index, deltaLength, deltaAngle) {
+ var segment = connector.segments[index - 1];
+ var newDistance = segment.vector2.distance + deltaLength;
+ var newAngle = (segment.vector2.angle + deltaAngle) % 360;
+ if (newAngle < 0) {
+ newAngle += 360;
+ }
+ segment.vector2 = { distance: newDistance, angle: newAngle };
+ };
+ CommandHandler.prototype.updateNextBezierSegment = function (connector, index, deltaLength, deltaAngle) {
+ var segment = connector.segments[index + 1];
+ var newDistance = segment.vector1.distance + deltaLength;
+ var newAngle = (segment.vector1.angle + deltaAngle) % 360;
+ if (newAngle < 0) {
+ newAngle += 360;
+ }
+ segment.vector1 = { distance: newDistance, angle: newAngle };
+ };
+ /**
+ * dragTargetEnd method \
+ *
+ * @returns { void } dragTargetEnd method .\
+ * @param {ConnectorModel} obj - provide the obj value.
+ * @param {number} tx - provide the tx value.
+ * @param {number} ty - provide the ty value.
+ * @param {boolean} preventUpdate - provide the preventUpdate value.
+ * @param {PointModel} point - provide the point value.
+ * @param {string} endPoint - provide the endPoint value.
+ * @param {boolean} update - provide the update value.
+ * @param {OrthogonalSegmentModel | BezierSegmentModel | StraightSegmentModel} segment - provide the segment value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.dragTargetEnd = function (obj, tx, ty, preventUpdate, point, endPoint, update, segment) {
+ var connector = this.diagram.nameTable[obj.id];
+ var oldChanges;
+ var boundaryConstraints = this.checkBoundaryConstraints(tx, ty, connector.wrapper.bounds);
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canDragTargetEnd"])(connector) && endPoint !== 'BezierTargetThumb'
+ && boundaryConstraints && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canPageEditable"])(this.diagram)) {
+ oldChanges = { targetPoint: connector.targetPoint };
+ oldChanges = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(oldChanges);
+ connector.targetPoint.x += tx;
+ connector.targetPoint.y += ty;
+ if (endPoint === 'ConnectorTargetEnd' && connector.type === 'Orthogonal' &&
+ connector.segments && connector.segments.length > 0) {
+ var prev = connector.segments[connector.segments.length - 2];
+ if (prev && connector.segments[connector.segments.length - 1].points.length === 2) {
+ if (prev.direction === 'Left' || prev.direction === 'Right') {
+ prev.points[prev.points.length - 1].x = connector.targetPoint.x;
+ }
+ else {
+ prev.points[prev.points.length - 1].y = connector.targetPoint.y;
+ }
+ prev.length = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].distancePoints(prev.points[0], prev.points[prev.points.length - 1]);
+ prev.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].direction(prev.points[0], prev.points[prev.points.length - 1]);
+ }
+ }
+ if (connector.shape.type === 'Bpmn' && connector.shape.sequence === 'Default' && connector.shape.flow === 'Sequence') {
+ this.updatePathElementOffset(connector);
+ }
+ }
+ if (connector.type === 'Bezier') {
+ oldChanges = { targetPoint: connector.targetPoint };
+ if (segment) {
+ this.translateBezierPoints(obj, (endPoint === '') ? 'ConnectorTargetEnd' : endPoint, tx, ty, segment, point, !update);
+ }
+ else {
+ for (var i = 0; i < obj.segments.length; i++) {
+ this.translateBezierPoints(obj, (endPoint === '') ? 'ConnectorTargetEnd' : endPoint, tx, ty, obj.segments[parseInt(i.toString(), 10)], point, !update);
+ }
+ }
+ }
+ if (!preventUpdate) {
+ this.updateEndPoint(connector, oldChanges);
+ }
+ if (!(this.diagram.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["RealAction"].AnimationClick)) {
+ this.diagram.refreshCanvasLayers();
+ }
+ return boundaryConstraints;
+ };
+ /**
+ * dragControlPoint method \
+ *
+ * @returns { void } dragControlPoint method .\
+ * @param {ConnectorModel} obj - provide the obj value.
+ * @param {number} tx - provide the tx value.
+ * @param {number} ty - provide the ty value.
+ * @param {boolean} preventUpdate - provide the preventUpdate value.
+ * @param {number} segmentNumber - provide the segmentNumber value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.dragControlPoint = function (obj, tx, ty, preventUpdate, segmentNumber) {
+ var connector = this.diagram.nameTable[obj.id];
+ if ((connector.type === 'Straight' || connector.type === 'Bezier') && connector.segments.length > 0) {
+ if (segmentNumber !== undefined && connector.segments[parseInt(segmentNumber.toString(), 10)]) {
+ if (connector.type === 'Bezier') {
+ var seg = connector.segments[parseInt(segmentNumber.toString(), 10)];
+ var isInternalSegment = seg.isInternalSegment;
+ if (!isInternalSegment || connector.bezierSettings === null || connector.bezierSettings.segmentEditOrientation === 'FreeForm') {
+ seg.point.x += tx;
+ seg.point.y += ty;
+ }
+ else {
+ if (seg.orientation === 'Horizontal') {
+ seg.point.x += tx;
+ }
+ else {
+ seg.point.y += ty;
+ }
+ this.updateDirectionalBezierCurve(connector);
+ }
+ if (isInternalSegment) {
+ connector.isBezierEditing = true;
+ }
+ }
+ else {
+ connector.segments[parseInt(segmentNumber.toString(), 10)].point.x += tx;
+ connector.segments[parseInt(segmentNumber.toString(), 10)].point.y += ty;
+ }
+ }
+ else {
+ for (var i = 0; i < connector.segments.length - 1; i++) {
+ connector.segments[parseInt(i.toString(), 10)].point.x += tx;
+ connector.segments[parseInt(i.toString(), 10)].point.y += ty;
+ }
+ }
+ if (!preventUpdate) {
+ this.updateEndPoint(connector);
+ }
+ }
+ return true;
+ };
+ CommandHandler.prototype.updateDirectionalBezierCurve = function (connector) {
+ if (connector.segments.length < 2) {
+ return;
+ }
+ var pts = [];
+ pts.push(connector.sourcePoint);
+ for (var i = 0; i < connector.segments.length - 1; i++) {
+ var seg = connector.segments[parseInt(i.toString(), 10)];
+ if (seg.orientation === 'Horizontal') {
+ pts.push({ x: seg.point.x, y: pts[pts.length - 1].y });
+ }
+ else {
+ pts.push({ x: pts[pts.length - 1].x, y: seg.point.y });
+ }
+ if (i === connector.segments.length - 2) {
+ if (seg.orientation === 'Horizontal') {
+ pts.push({ x: seg.point.x, y: connector.targetPoint.y });
+ }
+ else {
+ pts.push({ x: connector.targetPoint.x, y: seg.point.y });
+ }
+ }
+ }
+ pts.push(connector.targetPoint);
+ var start = pts[0];
+ var end = pts[pts.length - 1];
+ if (connector.segments.length > 1) {
+ var mid1 = pts[1];
+ var mid2 = pts[2];
+ var center1 = { x: (mid1.x + mid2.x) * 0.5, y: (mid1.y + mid2.y) * 0.5 };
+ var segment1 = connector.segments[0];
+ segment1.vector1.angle = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["findAngle"])(start, mid1);
+ segment1.vector1.distance = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(start, mid1) * 0.5;
+ segment1.vector2.angle = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["findAngle"])(center1, mid1);
+ segment1.vector2.distance = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(center1, mid1) * 0.5;
+ segment1.point = center1;
+ var segment2 = connector.segments[1];
+ segment2.vector1.angle = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["findAngle"])(center1, mid2);
+ segment2.vector1.distance = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(center1, mid2) * 0.5;
+ if (connector.segments.length > 2) {
+ var mid3 = pts[3];
+ var center2 = { x: (mid2.x + mid3.x) * 0.5, y: (mid2.y + mid3.y) * 0.5 };
+ segment2.vector2.angle = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["findAngle"])(center2, mid2);
+ segment2.vector2.distance = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(center2, mid2) * 0.5;
+ segment2.point = center2;
+ var segment3 = connector.segments[2];
+ segment3.vector1.angle = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["findAngle"])(center2, mid3);
+ segment3.vector1.distance = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(center2, mid3) * 0.5;
+ if (connector.segments.length > 3) {
+ var mid4 = pts[4];
+ var center3 = { x: (mid3.x + mid4.x) * 0.5, y: (mid3.y + mid4.y) * 0.5 };
+ segment3.vector2.angle = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["findAngle"])(center3, mid3);
+ segment3.vector2.distance = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(center3, mid3) * 0.5;
+ segment3.point = center3;
+ var segment4 = connector.segments[3];
+ segment4.vector1.angle = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["findAngle"])(center3, mid4);
+ segment4.vector1.distance = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(center3, mid4) * 0.5;
+ segment4.vector2.angle = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["findAngle"])(end, mid4);
+ segment4.vector2.distance = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(end, mid4) * 0.5;
+ }
+ else {
+ segment3.vector2.angle = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["findAngle"])(end, mid3);
+ segment3.vector2.distance = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(end, mid3) * 0.5;
+ }
+ }
+ else {
+ segment2.vector2.angle = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["findAngle"])(end, mid2);
+ segment2.vector2.distance = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(end, mid2) * 0.5;
+ }
+ }
+ };
+ /**
+ * rotatePropertyChnage method \
+ *
+ * @returns { void } rotatePropertyChnage method .\
+ * @param {number} angle - provide the obj value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.rotatePropertyChnage = function (angle) {
+ var selectedItems = this.diagram.selectedItems;
+ var objects = [];
+ objects = objects.concat(selectedItems.nodes);
+ objects = objects.concat(selectedItems.connectors);
+ var pivotValue = { x: selectedItems.offsetX, y: selectedItems.offsetY };
+ this.rotateObjects(selectedItems, objects, angle - selectedItems.rotateAngle, pivotValue);
+ selectedItems.wrapper.rotateAngle = selectedItems.rotateAngle = angle;
+ this.diagram.updateSelector();
+ };
+ /**
+ * rotateObjects method \
+ *
+ * @returns { void } rotateObjects method .\
+ * @param {NodeModel | SelectorModel} parent - provide the parent value.
+ * @param {(NodeModel | ConnectorModel)[]} objects - provide the objects value.
+ * @param {number} angle - provide the angle value.
+ * @param {PointModel} pivot - provide the pivot value.
+ * @param {boolean} includeParent - provide the includeParent value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.rotateObjects = function (parent, objects, angle, pivot, includeParent) {
+ pivot = pivot || {};
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["rotateMatrix"])(matrix, angle, pivot.x, pivot.y);
+ var oldValues;
+ for (var _i = 0, objects_2 = objects; _i < objects_2.length; _i++) {
+ var obj = objects_2[_i];
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canRotate"])(obj) && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canPageEditable"])(this.diagram)) {
+ if (includeParent !== false || parent !== obj) {
+ oldValues = { rotateAngle: obj.rotateAngle };
+ obj.rotateAngle += angle;
+ obj.rotateAngle = (obj.rotateAngle + 360) % 360;
+ var newOffset = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["transformPointByMatrix"])(matrix, { x: obj.offsetX, y: obj.offsetY });
+ obj.offsetX = newOffset.x;
+ obj.offsetY = newOffset.y;
+ this.diagram.nodePropertyChange(obj, {}, { offsetX: obj.offsetX, offsetY: obj.offsetY, rotateAngle: obj.rotateAngle });
+ }
+ if (obj.processId) {
+ var parent_3 = this.diagram.nameTable[obj.processId];
+ var bound = this.diagram.bpmnModule.getChildrenBound(parent_3, obj.id, this.diagram);
+ this.diagram.bpmnModule.updateSubProcessess(bound, obj, this.diagram);
+ }
+ if (obj.children && obj.children.length && !obj.container) {
+ this.getChildren(obj, objects);
+ }
+ }
+ }
+ else {
+ this.rotatePoints(obj, angle, pivot || { x: obj.wrapper.offsetX, y: obj.wrapper.offsetY });
+ }
+ this.diagram.updateDiagramObject(obj);
+ }
+ this.diagram.refreshCanvasLayers();
+ this.diagram.updateSelector();
+ };
+ /**
+ * snapConnectorEnd method \
+ *
+ * @returns { PointModel } snapConnectorEnd method .\
+ * @param {PointModel} currentPosition - provide the parent value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.snapConnectorEnd = function (currentPosition) {
+ if ((this.diagram.snapSettings.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["SnapConstraints"].SnapToLines)
+ && this.snappingModule) {
+ this.diagram.snappingModule.snapConnectorEnd(currentPosition);
+ }
+ return currentPosition;
+ };
+ /**
+ * snapAngle method \
+ *
+ * @returns { number } snapAngle method .\
+ * @param {number} angle - provide the parent value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.snapAngle = function (angle) {
+ if ((this.diagram.snapSettings.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["SnapConstraints"].SnapToLines)
+ && this.snappingModule) {
+ return this.snappingModule.snapAngle(this.diagram, angle);
+ }
+ else {
+ return 0;
+ }
+ };
+ /**
+ * rotatePoints method \
+ *
+ * @returns { number } rotatePoints method .\
+ * @param {Connector} conn - provide the parent value.
+ * @param {number} angle - provide the parent value.
+ * @param {PointModel} pivot - provide the parent value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.rotatePoints = function (conn, angle, pivot) {
+ if (!conn.sourceWrapper || !conn.targetWrapper) {
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["rotateMatrix"])(matrix, angle, pivot.x, pivot.y);
+ conn.sourcePoint = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["transformPointByMatrix"])(matrix, conn.sourcePoint);
+ conn.targetPoint = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["transformPointByMatrix"])(matrix, conn.targetPoint);
+ if (conn.shape.type === 'Bpmn' && conn.shape.sequence === 'Default' && conn.shape.flow === 'Sequence') {
+ this.updatePathElementOffset(conn);
+ }
+ var newProp = { sourcePoint: conn.sourcePoint, targetPoint: conn.targetPoint };
+ this.diagram.connectorPropertyChange(conn, {}, newProp);
+ if (conn.segments && conn.segments.length > 0) {
+ this.diagram.protectPropertyChange(true);
+ var connector = conn;
+ connector.segments = [];
+ this.diagram.connectorPropertyChange(connector, {}, { segments: connector.segments });
+ this.diagram.protectPropertyChange(false);
+ }
+ }
+ };
+ CommandHandler.prototype.updateInnerParentProperties = function (tempNode) {
+ var elements = [];
+ var protect = 'isProtectedOnChange';
+ var protectChange = this.diagram["" + protect];
+ this.diagram.protectPropertyChange(true);
+ var innerParents = this.getAllDescendants(tempNode, elements, false, true);
+ for (var i = 0; i < innerParents.length; i++) {
+ var obj = this.diagram.nameTable[innerParents[parseInt(i.toString(), 10)].id];
+ obj.offsetX = obj.wrapper.offsetX;
+ obj.offsetY = obj.wrapper.offsetY;
+ obj.width = obj.wrapper.width;
+ obj.height = obj.wrapper.height;
+ }
+ this.diagram.protectPropertyChange(protectChange);
+ };
+ /**
+ * scale method \
+ *
+ * @returns { boolean } scale method .\
+ * @param {NodeModel | ConnectorModel} obj - provide the parent value.
+ * @param {number} sw - provide the parent value.
+ * @param {number} sh - provide the parent value.
+ * @param {number} pivot - provide the parent value.
+ * @param {number} refObject - provide the parent value.
+ * @param {boolean} isOutsideBoundary - provide the parent value.
+ *
+ * @private
+ */
+ // eslint-disable-next-line max-len
+ CommandHandler.prototype.scale = function (obj, sw, sh, pivot, refObject, isOutsideBoundary) {
+ var node = this.diagram.nameTable[obj.id];
+ var tempNode = node;
+ var elements = [];
+ var element = node.wrapper;
+ if (!refObject) {
+ refObject = obj;
+ }
+ var refWrapper = refObject.wrapper;
+ var x = refWrapper.offsetX - refWrapper.actualSize.width * refWrapper.pivot.x;
+ var y = refWrapper.offsetY - refWrapper.actualSize.height * refWrapper.pivot.y;
+ var refPoint = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getPoint"])(x, y, refWrapper.actualSize.width, refWrapper.actualSize.height, refWrapper.rotateAngle, refWrapper.offsetX, refWrapper.offsetY, pivot);
+ if (element.actualSize.width !== undefined && element.actualSize.height !== undefined && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canPageEditable"])(this.diagram)) {
+ if (tempNode.children && !(tempNode.container)) {
+ var nodes = this.getAllDescendants(tempNode, elements);
+ for (var _i = 0, nodes_1 = nodes; _i < nodes_1.length; _i++) {
+ var temp = nodes_1[_i];
+ this.scaleObject(sw, sh, refPoint, temp, element, refObject);
+ }
+ obj.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_14__["Size"]());
+ obj.wrapper.arrange(obj.wrapper.desiredSize);
+ this.diagram.updateGroupOffset(node);
+ this.updateInnerParentProperties(tempNode);
+ }
+ else {
+ this.scaleObject(sw, sh, refPoint, node, element, refObject);
+ }
+ var bounds = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["getBounds"])(obj.wrapper);
+ var checkBoundaryConstraints = this.checkBoundaryConstraints(undefined, undefined, bounds);
+ if (!checkBoundaryConstraints && isOutsideBoundary) {
+ this.scale(obj, 1 / sw, 1 / sh, pivot, undefined, true);
+ return false;
+ }
+ this.diagram.updateDiagramObject(obj);
+ }
+ return true;
+ };
+ /** @private */
+ CommandHandler.prototype.getAllDescendants = function (node, nodes, includeParent, innerParent) {
+ var temp = node;
+ var parentNodes = [];
+ for (var i = 0; i < temp.children.length; i++) {
+ node = (this.diagram.nameTable[temp.children[parseInt(i.toString(), 10)]]);
+ if (node) {
+ if (!node.children) {
+ nodes.push(node);
+ }
+ else {
+ if (includeParent) {
+ nodes.push(node);
+ }
+ if (innerParent) {
+ parentNodes.push(node);
+ }
+ nodes = this.getAllDescendants(node, nodes);
+ }
+ }
+ }
+ return (innerParent) ? parentNodes : nodes;
+ };
+ /**
+ * getChildren method \
+ *
+ * @returns { (NodeModel | ConnectorModel)[]): (NodeModel | ConnectorModel)[] } getChildren method .\
+ * @param {NodeModel} node - provide the sw value.
+ * @param {(NodeModel | ConnectorModel)[]} nodes - provide the sw value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.getChildren = function (node, nodes) {
+ var temp = node;
+ if (node.children) {
+ for (var i = 0; i < temp.children.length; i++) {
+ node = (this.diagram.nameTable[temp.children[parseInt(i.toString(), 10)]]);
+ nodes.push(node);
+ }
+ }
+ return nodes;
+ };
+ /**
+ * scaleObject method \
+ *
+ * @returns { NodeModel } scaleObject method .\
+ * @param {string} id - provide the sw value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.cloneChild = function (id) {
+ var node = this.diagram.nameTable["" + id];
+ return node;
+ };
+ /**
+ * scaleObject method \
+ *
+ * @returns { void } scaleObject method .\
+ * @param {End} sw - provide the sw value.
+ * @param {End} sh - provide the sh value.
+ * @param {PointModel} pivot - provide the pivot value.
+ * @param {IElement} obj - provide the pivot value.
+ * @param {DiagramElement} element - provide the element value.
+ * @param {IElement} refObject - provide the refObject value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.scaleObject = function (sw, sh, pivot, obj, element, refObject, canUpdate) {
+ sw = sw < 0 ? 1 : sw;
+ sh = sh < 0 ? 1 : sh;
+ var oldValues = {};
+ if (sw !== 1 || sh !== 1) {
+ var width = void 0;
+ var height = void 0;
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ var node = obj;
+ var isResize = void 0;
+ var bound = void 0;
+ oldValues = {
+ width: obj.wrapper.actualSize.width, height: obj.wrapper.actualSize.height,
+ offsetX: obj.wrapper.offsetX, offsetY: obj.wrapper.offsetY,
+ margin: { top: node.margin.top, left: node.margin.left }
+ };
+ if (node.shape.type === 'Bpmn' && node.shape.activity.subProcess.processes
+ && node.shape.activity.subProcess.processes.length > 0) {
+ bound = this.diagram.bpmnModule.getChildrenBound(node, node.id, this.diagram);
+ isResize = node.wrapper.bounds.containsRect(bound);
+ }
+ width = node.wrapper.actualSize.width * sw;
+ height = node.wrapper.actualSize.height * sh;
+ if (node.maxWidth !== undefined && node.maxWidth !== 0) {
+ width = Math.min(node.maxWidth, width);
+ }
+ if (node.minWidth !== undefined && node.minWidth !== 0) {
+ width = Math.max(node.minWidth, width);
+ }
+ if (node.maxHeight !== undefined && node.maxHeight !== 0) {
+ height = Math.min(node.maxHeight, height);
+ }
+ if (node.minHeight !== undefined && node.minHeight !== 0) {
+ height = Math.max(node.minHeight, height);
+ }
+ if (isResize) {
+ width = Math.max(width, (bound.right - node.wrapper.bounds.x));
+ height = Math.max(height, (bound.bottom - node.wrapper.bounds.y));
+ }
+ sw = width / node.actualSize.width;
+ sh = height / node.actualSize.height;
+ }
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["identityMatrix"])(); // let refWrapper: DiagramElement;
+ if (!refObject) {
+ refObject = obj;
+ }
+ var refWrapper = refObject.wrapper;
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["rotateMatrix"])(matrix, -refWrapper.rotateAngle, pivot.x, pivot.y);
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["scaleMatrix"])(matrix, sw, sh, pivot.x, pivot.y);
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["rotateMatrix"])(matrix, refWrapper.rotateAngle, pivot.x, pivot.y);
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ var node = obj; //let left: number; let top: number;
+ var newPosition = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["transformPointByMatrix"])(matrix, { x: node.wrapper.offsetX, y: node.wrapper.offsetY });
+ var oldleft = node.wrapper.offsetX - node.wrapper.actualSize.width * node.pivot.x;
+ var oldtop = node.wrapper.offsetY - node.wrapper.actualSize.height * node.pivot.y;
+ if (width > 0) {
+ if (node.processId) {
+ var parent_4 = this.diagram.nameTable[node.processId];
+ if (!parent_4.maxWidth || ((node.margin.left + width) < parent_4.maxWidth)) {
+ node.width = width;
+ node.offsetX = newPosition.x;
+ }
+ }
+ else {
+ node.width = width;
+ node.offsetX = newPosition.x;
+ }
+ }
+ if (height > 0) {
+ if (node.processId) {
+ var parent_5 = this.diagram.nameTable[node.processId];
+ if (!parent_5.maxHeight || ((node.margin.top + height) < parent_5.maxHeight)) {
+ node.height = height;
+ node.offsetY = newPosition.y;
+ }
+ }
+ else {
+ node.height = height;
+ node.offsetY = newPosition.y;
+ }
+ }
+ var left = node.wrapper.offsetX - node.wrapper.actualSize.width * node.pivot.x;
+ var top_1 = node.wrapper.offsetY - node.wrapper.actualSize.height * node.pivot.y;
+ var parent_6 = this.diagram.nameTable[node.processId];
+ if (parent_6 && ((node.margin.top + (top_1 - oldtop)) <= 0 ||
+ (node.margin.left + (left - oldleft) <= 0))) {
+ this.diagram.nodePropertyChange(obj, {}, {
+ margin: { top: node.margin.top, left: node.margin.left }
+ });
+ }
+ else {
+ if (Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["checkParentAsContainer"])(this.diagram, obj, true)) {
+ Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["checkChildNodeInContainer"])(this.diagram, obj);
+ }
+ else {
+ if (!canUpdate) {
+ this.diagram.nodePropertyChange(obj, oldValues, {
+ width: node.width, height: node.height, offsetX: node.offsetX, offsetY: node.offsetY,
+ margin: { top: node.margin.top + (top_1 - oldtop), left: node.margin.left + (left - oldleft) }
+ });
+ }
+ }
+ }
+ }
+ else {
+ var connector = obj;
+ var oldValues_1 = { sourcePoint: connector.sourcePoint, targetPoint: connector.targetPoint };
+ if (!connector.sourceWrapper || !connector.targetWrapper) {
+ this.scaleConnector(connector, matrix, oldValues_1, sw, sh, pivot);
+ }
+ }
+ var parentNode = this.diagram.nameTable[obj.processId];
+ if (parentNode) {
+ var parent_7 = parentNode.wrapper.bounds;
+ var child = obj.wrapper.bounds;
+ var bound = this.diagram.bpmnModule.getChildrenBound(parentNode, obj.id, this.diagram);
+ this.diagram.bpmnModule.updateSubProcessess(bound, obj, this.diagram);
+ }
+ }
+ };
+ CommandHandler.prototype.scaleConnector = function (connector, matrix, oldValues, sw, sh, pivot) {
+ connector.sourcePoint = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["transformPointByMatrix"])(matrix, connector.sourcePoint);
+ connector.targetPoint = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["transformPointByMatrix"])(matrix, connector.targetPoint);
+ if (connector.shape.type === 'Bpmn' && connector.shape.sequence === 'Default' && connector.shape.flow === 'Sequence') {
+ this.updatePathElementOffset(connector);
+ }
+ var newProp = { sourcePoint: connector.sourcePoint, targetPoint: connector.targetPoint };
+ this.diagram.connectorPropertyChange(connector, oldValues, newProp);
+ var selector = this.diagram.selectedItems;
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["selectionHasConnector"])(this.diagram, selector)) {
+ var clonedSelectedItems = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.selectedItems);
+ var nodeModel = {
+ offsetX: clonedSelectedItems.offsetX, offsetY: clonedSelectedItems.offsetY,
+ height: clonedSelectedItems.height, width: clonedSelectedItems.width, rotateAngle: clonedSelectedItems.rotateAngle
+ };
+ var obj = new _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"](this.diagram, 'nodes', nodeModel, true);
+ obj.wrapper = clonedSelectedItems.wrapper;
+ obj.wrapper.rotateAngle = selector.rotateAngle;
+ this.scaleObject(sw, sh, pivot, obj, obj.wrapper, obj, true);
+ selector.wrapper.actualSize.width = obj.width;
+ selector.wrapper.actualSize.height = obj.height;
+ selector.wrapper.offsetX = obj.offsetX;
+ selector.wrapper.offsetY = obj.offsetY;
+ var child = this.diagram.selectedItems.connectors[0];
+ if (child.id !== connector.id) {
+ this.measureSelector(selector);
+ }
+ }
+ };
+ CommandHandler.prototype.measureSelector = function (selector) {
+ var desiredBounds = undefined;
+ //Measuring the children
+ var clonedSelectedItems = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.selectedItems);
+ var objects = [];
+ var bounds;
+ objects = clonedSelectedItems.connectors;
+ var pivot = { x: this.diagram.selectedItems.offsetX, y: this.diagram.selectedItems.offsetY };
+ for (var i = 0; i < objects.length; i++) {
+ var matrix_1 = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["rotateMatrix"])(matrix_1, -selector.rotateAngle, pivot.x, pivot.y);
+ objects[parseInt(i.toString(), 10)].sourcePoint = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["transformPointByMatrix"])(matrix_1, objects[parseInt(i.toString(), 10)].sourcePoint);
+ objects[parseInt(i.toString(), 10)].targetPoint = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["transformPointByMatrix"])(matrix_1, objects[parseInt(i.toString(), 10)].targetPoint);
+ var p1 = { x: objects[parseInt(i.toString(), 10)].sourcePoint.x, y: objects[parseInt(i.toString(), 10)].sourcePoint.y };
+ var p2 = { x: objects[parseInt(i.toString(), 10)].targetPoint.x, y: objects[parseInt(i.toString(), 10)].targetPoint.y };
+ bounds = (this.calculateBounds(p1, p2));
+ if (desiredBounds === undefined) {
+ desiredBounds = bounds;
+ }
+ else {
+ desiredBounds.uniteRect(bounds);
+ }
+ }
+ var offsetPt = {};
+ if (desiredBounds !== undefined) {
+ offsetPt = {
+ x: desiredBounds.x + desiredBounds.width * selector.wrapper.pivot.x,
+ y: desiredBounds.y + desiredBounds.height * selector.wrapper.pivot.y
+ };
+ }
+ var nodeModel = {
+ offsetX: offsetPt.x, offsetY: offsetPt.y,
+ height: desiredBounds.height, width: desiredBounds.width, rotateAngle: 0
+ };
+ var obj = new _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"](this.diagram, 'nodes', nodeModel, true);
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["rotateMatrix"])(matrix, selector.rotateAngle, pivot.x, pivot.y);
+ obj.rotateAngle += selector.rotateAngle;
+ obj.rotateAngle = (obj.rotateAngle + 360) % 360;
+ var newOffset = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["transformPointByMatrix"])(matrix, { x: obj.offsetX, y: obj.offsetY });
+ obj.offsetX = newOffset.x;
+ obj.offsetY = newOffset.y;
+ selector.wrapper.actualSize.width = desiredBounds.width;
+ selector.wrapper.actualSize.height = desiredBounds.height;
+ selector.wrapper.offsetX = obj.offsetX;
+ selector.wrapper.offsetY = obj.offsetY;
+ var selectorEle = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getSelectorElement"])(this.diagram.element.id);
+ // EJ2-69511 - Added handleSize parameter to avoid exception when we perform multiselect of connectors, rotate and resize it.
+ this.diagram.diagramRenderer.renderResizeHandle(selector.wrapper, selectorEle, selector.thumbsConstraints, this.diagram.scroller.currentZoom, selector.constraints, this.diagram.scroller.transform, false, Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canMove"])(selector), null, null, selector.handleSize);
+ };
+ CommandHandler.prototype.calculateBounds = function (p1, p2) {
+ var left = Math.min(p1.x, p2.x);
+ var right = Math.max(p1.x, p2.x);
+ var top = Math.min(p1.y, p2.y);
+ var bottom = Math.max(p1.y, p2.y);
+ var width = right - left;
+ var height = bottom - top;
+ var rect = new _primitives_rect__WEBPACK_IMPORTED_MODULE_4__["Rect"](left, top, width, height);
+ return rect;
+ };
+ /**
+ * portDrag method \
+ *
+ * @returns { void } portDrag method .\
+ * @param { NodeModel | ConnectorModel} obj - provide the obj value.
+ * @param {DiagramElement} portElement - provide the portElement value.
+ * @param {number} tx - provide the tx value.
+ * @param {number} ty - provide the tx value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.portDrag = function (obj, portElement, tx, ty) {
+ var oldValues;
+ var changedvalues;
+ var port = this.findTarget(portElement, obj);
+ var bounds = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["getBounds"])(obj.wrapper);
+ if (port && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canDrag"])(port, this.diagram)) {
+ oldValues = this.getPortChanges(obj, port);
+ port.offset.x += (tx / bounds.width);
+ port.offset.y += (ty / bounds.height);
+ changedvalues = this.getPortChanges(obj, port);
+ this.diagram.nodePropertyChange(obj, oldValues, changedvalues);
+ this.diagram.updateDiagramObject(obj);
+ }
+ };
+ /** @private */
+ CommandHandler.prototype.labelDrag = function (obj, textElement, tx, ty) {
+ //let changedvalues: Object;
+ //let label: ShapeAnnotationModel | PathAnnotationModel;
+ // eslint-disable-next-line max-len
+ var label = this.findTarget(textElement, obj);
+ var bounds = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cornersPointsBeforeRotation"])(obj.wrapper);
+ var oldValues = this.getAnnotationChanges(obj, label);
+ if (label instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_18__["ShapeAnnotation"]) {
+ label.offset.x += (tx / bounds.width);
+ label.offset.y += (ty / bounds.height);
+ }
+ else {
+ this.updatePathAnnotationOffset(obj, label, tx, ty);
+ if (label instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_18__["PathAnnotation"]) {
+ label.alignment = 'Center';
+ }
+ }
+ var changedvalues = this.getAnnotationChanges(obj, label);
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ this.diagram.nodePropertyChange(obj, oldValues, changedvalues);
+ }
+ else {
+ this.diagram.connectorPropertyChange(obj, oldValues, changedvalues);
+ }
+ this.diagram.updateDiagramObject(obj);
+ if (!Object(_actions__WEBPACK_IMPORTED_MODULE_9__["isSelected"])(this.diagram, label, false, textElement)) {
+ this.labelSelect(obj, textElement);
+ }
+ };
+ CommandHandler.prototype.updatePathAnnotationOffset = function (object, label, tx, ty, newPosition, size) {
+ var textWrapper = this.diagram.getWrapper(object.wrapper, label.id);
+ var offsetX = textWrapper.offsetX;
+ var offsetY = textWrapper.offsetY;
+ var offset;
+ var intermediatePoints = object.intermediatePoints;
+ var prev;
+ var pointLength = 0;
+ var totalLength = 0;
+ var intersectingOffset;
+ var currentPosition;
+ switch (label.verticalAlignment) {
+ case 'Center':
+ if (label.horizontalAlignment === 'Center') {
+ currentPosition = (newPosition) ? newPosition : { x: offsetX + tx, y: offsetY + ty };
+ }
+ else if (label.horizontalAlignment === 'Right') {
+ currentPosition = (newPosition) ? newPosition : { x: offsetX + (textWrapper.actualSize.width) / 2 + tx, y: offsetY + ty };
+ }
+ else if (label.horizontalAlignment === 'Left') {
+ currentPosition = (newPosition) ? newPosition : { x: offsetX - (textWrapper.actualSize.width) / 2 + tx, y: offsetY + ty };
+ }
+ break;
+ case 'Top':
+ if (label.horizontalAlignment === 'Center') {
+ currentPosition = (newPosition) ? newPosition : { x: offsetX + tx, y: offsetY - (textWrapper.actualSize.height) / 2 + ty };
+ }
+ else if (label.horizontalAlignment === 'Right') {
+ currentPosition = (newPosition) ? newPosition : { x: offsetX + (textWrapper.actualSize.width) / 2 + tx, y: offsetY - (textWrapper.actualSize.height) / 2 + ty };
+ }
+ else if (label.horizontalAlignment === 'Left') {
+ currentPosition = (newPosition) ? newPosition : { x: offsetX - (textWrapper.actualSize.width) / 2 + tx, y: offsetY - (textWrapper.actualSize.height) / 2 + ty };
+ }
+ break;
+ case 'Bottom':
+ if (label.horizontalAlignment === 'Center') {
+ currentPosition = (newPosition) ? newPosition : { x: offsetX + tx, y: offsetY + (textWrapper.actualSize.height) / 2 + ty };
+ }
+ else if (label.horizontalAlignment === 'Right') {
+ currentPosition = (newPosition) ? newPosition : { x: offsetX + (textWrapper.actualSize.width) / 2 + tx, y: offsetY + (textWrapper.actualSize.height) / 2 + ty };
+ }
+ else if (label.horizontalAlignment === 'Left') {
+ currentPosition = (newPosition) ? newPosition : { x: offsetX - (textWrapper.actualSize.width) / 2 + tx, y: offsetY + (textWrapper.actualSize.height) / 2 + ty };
+ }
+ break;
+ }
+ var intersetingPts = this.getInterceptWithSegment(currentPosition, intermediatePoints);
+ var newOffset = intermediatePoints[intermediatePoints.length - 1];
+ totalLength = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].getLengthFromListOfPoints(intermediatePoints);
+ if (intersetingPts.length > 0) {
+ if (label.dragLimit.top || label.dragLimit.bottom || label.dragLimit.left || label.dragLimit.right) {
+ var minDistance = { minDistance: null };
+ newOffset = this.getRelativeOffset(currentPosition, intermediatePoints, minDistance);
+ var distance = { minDistance: null };
+ intersectingOffset = this.getRelativeOffset(currentPosition, intersetingPts, distance);
+ if (minDistance != null && distance.minDistance < minDistance.minDistance) {
+ newOffset = intersectingOffset;
+ }
+ else {
+ var connectorOffset = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getOffsetOfConnector"])(object.intermediatePoints, label);
+ newOffset = connectorOffset.point;
+ }
+ }
+ else {
+ intersectingOffset = intersetingPts[intersetingPts.length - 1];
+ newOffset = intersectingOffset;
+ }
+ if (newOffset) {
+ var p = void 0;
+ var bounds = void 0;
+ for (p = 0; p < intermediatePoints.length; p++) {
+ if (prev != null) {
+ bounds = _primitives_rect__WEBPACK_IMPORTED_MODULE_4__["Rect"].toBounds([prev, intermediatePoints[parseInt(p.toString(), 10)]]);
+ if (bounds.containsPoint(newOffset)) {
+ pointLength += _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(prev, newOffset);
+ break;
+ }
+ else {
+ pointLength += _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(prev, intermediatePoints[parseInt(p.toString(), 10)]);
+ }
+ }
+ prev = intermediatePoints[parseInt(p.toString(), 10)];
+ }
+ offset = { x: pointLength / totalLength, y: 0 };
+ }
+ this.updateLabelMargin(object, label, offset, currentPosition, size, tx, ty);
+ }
+ else {
+ this.updateLabelMargin(object, label, null, currentPosition, size, tx, ty);
+ }
+ };
+ CommandHandler.prototype.getRelativeOffset = function (currentPosition, points, minDistance) {
+ var newOffset;
+ var distance;
+ var pt;
+ var i;
+ for (i = 0; i < points.length; i++) {
+ pt = points[parseInt(i.toString(), 10)];
+ distance = Math.round(Math.sqrt(Math.pow((currentPosition.x - pt.x), 2) +
+ Math.pow((currentPosition.y - pt.y), 2)));
+ if (minDistance.minDistance === null ||
+ Math.min(Math.abs(minDistance.minDistance), Math.abs(distance)) === Math.abs(distance)) {
+ newOffset = pt;
+ minDistance.minDistance = distance;
+ }
+ }
+ return newOffset;
+ };
+ CommandHandler.prototype.dragLimitValue = function (label, point, tempPt, contentDimension) {
+ var x = false;
+ var y = false;
+ if ((tempPt.x >= (point.x - label.dragLimit.left - (contentDimension.width / 2))) &&
+ (tempPt.x <= point.x + label.dragLimit.right + (contentDimension.width / 2))) {
+ x = true;
+ }
+ if ((tempPt.y >= (point.y - label.dragLimit.top - (contentDimension.height / 2))) &&
+ (tempPt.y <= point.y + label.dragLimit.bottom + (contentDimension.height / 2))) {
+ y = true;
+ }
+ return { x: x, y: y };
+ };
+ /* eslint-disable */
+ CommandHandler.prototype.updateLabelMargin = function (node, label, offset, tempPt, size, tx, ty) {
+ offset = offset ? offset : { x: label.offset, y: 0 };
+ if (label && offset && offset.x > 0 && offset.x < 1) {
+ //let point: PointModel;
+ var length_2 = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].getLengthFromListOfPoints(node.intermediatePoints);
+ var point = this.getPointAtLength(length_2 * offset.x, node.intermediatePoints, 0);
+ var curZoomfactor = this.diagram.scrollSettings.currentZoom;
+ var dragLimit = label.dragLimit;
+ if (dragLimit.top || dragLimit.bottom || dragLimit.left || dragLimit.right) {
+ var labelBounds = this.diagram.getWrapper(node.wrapper, label.id);
+ var contentDimension = new _primitives_rect__WEBPACK_IMPORTED_MODULE_4__["Rect"](0, 0, 0, 0);
+ var annotationWrtapper = this.diagram.getWrapper(node.wrapper, label.id);
+ contentDimension.x = ((annotationWrtapper).offsetX / curZoomfactor) + tx;
+ contentDimension.y = (annotationWrtapper.offsetY / curZoomfactor) + ty;
+ contentDimension.width = annotationWrtapper.bounds.width / curZoomfactor;
+ contentDimension.height = annotationWrtapper.bounds.height / curZoomfactor;
+ var draggableBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_4__["Rect"](point.x - (dragLimit.left || 0) - contentDimension.width / 2, point.y - (dragLimit.top || 0) - contentDimension.height / 2, (dragLimit.left || 0) + (dragLimit.right || 0) + contentDimension.width, (dragLimit.top || 0) + (dragLimit.bottom || 0) + contentDimension.height);
+ if (draggableBounds.containsPoint(tempPt)) {
+ tempPt = tempPt;
+ }
+ else {
+ var lineIntersects = void 0;
+ var line1 = [point, tempPt];
+ lineIntersects = this.boundsInterSects(line1, draggableBounds, false);
+ for (var _i = 0, lineIntersects_1 = lineIntersects; _i < lineIntersects_1.length; _i++) {
+ var i = lineIntersects_1[_i];
+ var ptt = i;
+ tempPt = ptt;
+ }
+ }
+ var cursorLimit = this.dragLimitValue(label, point, tempPt, contentDimension);
+ label.margin = {
+ left: cursorLimit.x ? tempPt.x - point.x : label.margin.left,
+ top: cursorLimit.y ? tempPt.y - point.y : label.margin.top, right: 0, bottom: 0
+ };
+ }
+ else {
+ label.margin = { left: tempPt.x - point.x, top: tempPt.y - point.y, right: 0, bottom: 0 };
+ }
+ label.offset = offset.x;
+ if (size) {
+ label.width = size.width;
+ label.height = size.height;
+ }
+ }
+ };
+ CommandHandler.prototype.boundsInterSects = function (polyLine, bounds, self) {
+ var intersects;
+ if (bounds) {
+ var polyLine2 = [
+ { x: bounds.x, y: bounds.y },
+ { x: bounds.x + bounds.width, y: bounds.y },
+ { x: bounds.x + bounds.width, y: bounds.y + bounds.height },
+ { x: bounds.x, y: bounds.y + bounds.height },
+ { x: bounds.x, y: bounds.y }
+ ];
+ intersects = this.intersect(polyLine, polyLine2, self);
+ }
+ return intersects;
+ };
+ CommandHandler.prototype.intersect = function (polyLine1, polyLine2, self) {
+ var intersect = [];
+ for (var i = 0; i < polyLine1.length - 1; i++) {
+ for (var j = 0; j < polyLine2.length - 1; j++) {
+ var p = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["intersect2"])(polyLine1[i], polyLine1[i + 1], polyLine2[j], polyLine2[j + 1]);
+ if (p.x !== 0 && p.y !== 0) {
+ intersect.push(p);
+ }
+ }
+ }
+ return intersect;
+ };
+ /**
+ * @private
+ */
+ CommandHandler.prototype.getPointAtLength = function (length, points, angle) {
+ angle = 0;
+ var run = 0;
+ var pre;
+ var found = { x: 0, y: 0 };
+ var pt;
+ for (var i = 0; i < points.length; i++) {
+ pt = points[i];
+ if (!pre) {
+ pre = pt;
+ continue;
+ }
+ else {
+ var l = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength(pre, pt);
+ var r = void 0;
+ var deg = void 0;
+ var x = void 0;
+ var y = void 0;
+ if (run + l >= length) {
+ r = length - run;
+ deg = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findAngle(pre, pt);
+ x = r * Math.cos(deg * Math.PI / 180);
+ y = r * Math.sin(deg * Math.PI / 180);
+ found = { x: pre.x + x, y: pre.y + y };
+ angle = deg;
+ break;
+ }
+ else {
+ run += l;
+ }
+ }
+ pre = pt;
+ }
+ return found;
+ };
+ CommandHandler.prototype.getInterceptWithSegment = function (currentPosition, conPoints) {
+ var intercepts = [];
+ var imgLine = [];
+ var segemnt = [];
+ var tarAngle;
+ var srcAngle; //let maxLength: number;
+ var maxLength = _primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findLength({ x: 0, y: 0 }, { x: this.diagram.scroller.viewPortWidth, y: this.diagram.scroller.viewPortHeight });
+ for (var i = 1; i < conPoints.length; i++) {
+ segemnt = [conPoints[i - 1], conPoints[i]];
+ imgLine = [];
+ srcAngle = Math.round(_primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findAngle(segemnt[0], segemnt[1]) % 360);
+ tarAngle = Math.round(_primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].findAngle(segemnt[1], segemnt[0]) % 360);
+ var angleAdd = (srcAngle > 0 && srcAngle <= 90) || (srcAngle > 180 && srcAngle <= 270) ? 90 : -90;
+ imgLine.push(_primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].transform(currentPosition, srcAngle + angleAdd, maxLength));
+ imgLine.push(_primitives_point__WEBPACK_IMPORTED_MODULE_13__["Point"].transform(currentPosition, tarAngle + angleAdd, maxLength));
+ var lineUtil1 = { x1: segemnt[0].x, y1: segemnt[0].y, x2: segemnt[1].x, y2: segemnt[1].y };
+ var lineUtil2 = { x1: imgLine[0].x, y1: imgLine[0].y, x2: imgLine[1].x, y2: imgLine[1].y };
+ var line3 = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["intersect3"])(lineUtil1, lineUtil2);
+ if (line3.enabled) {
+ intercepts.push(line3.intersectPt);
+ }
+ }
+ return intercepts;
+ };
+ /** @private */
+ CommandHandler.prototype.getAnnotationChanges = function (object, label) {
+ var index = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findObjectIndex"])(object, label.id, true);
+ var annotations = {};
+ annotations[index] = {
+ width: label.width, height: label.height, offset: (object instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) ? ({
+ x: label.offset.x,
+ y: label.offset.y
+ }) : label.offset,
+ rotateAngle: label.rotateAngle,
+ margin: { left: label.margin.left, right: label.margin.right, top: label.margin.top, bottom: label.margin.bottom },
+ horizontalAlignment: label.horizontalAlignment, verticalAlignment: label.verticalAlignment,
+ alignment: ((object instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"]) ? label.alignment : undefined)
+ };
+ return { annotations: annotations };
+ };
+ /** @private */
+ CommandHandler.prototype.getPortChanges = function (object, port) {
+ var index = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["findObjectIndex"])(object, port.id, false);
+ var ports = {};
+ ports[index] = { offset: port.offset };
+ return { ports: ports };
+ };
+ /** @private */
+ CommandHandler.prototype.labelRotate = function (object, label, currentPosition, selector) {
+ var oldValues;
+ var changedvalues;
+ oldValues = this.getAnnotationChanges(object, label);
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["identityMatrix"])();
+ var rotateAngle = label.rotateAngle;
+ var labelWrapper = this.diagram.getWrapper(object.wrapper, label.id);
+ var angle = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_17__["findAngle"])({ x: labelWrapper.offsetX, y: labelWrapper.offsetY }, currentPosition) + 90;
+ var snapAngle = this.snapAngle(angle);
+ angle = snapAngle !== 0 ? snapAngle : angle;
+ if (label instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_18__["PathAnnotation"] && label.segmentAngle) {
+ var getPointloop = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["getAnnotationPosition"])(object.intermediatePoints, label, object.wrapper.bounds);
+ angle -= getPointloop.angle;
+ }
+ angle = (angle + 360) % 360;
+ label.rotateAngle += angle - (label.rotateAngle + labelWrapper.parentTransform);
+ if (label instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_18__["PathAnnotation"]) {
+ label.alignment = 'Center';
+ }
+ selector.wrapper.rotateAngle = selector.rotateAngle = label.rotateAngle;
+ changedvalues = this.getAnnotationChanges(object, label);
+ if (object instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ this.diagram.nodePropertyChange(object, oldValues, changedvalues);
+ }
+ else {
+ this.diagram.connectorPropertyChange(object, oldValues, changedvalues);
+ }
+ this.diagram.updateDiagramObject(object);
+ };
+ /** @private */
+ CommandHandler.prototype.labelResize = function (node, label, deltaWidth, deltaHeight, pivot, selector) {
+ var oldValues;
+ var changedvalues;
+ var rotateAngle;
+ oldValues = this.getAnnotationChanges(node, label);
+ var textElement = selector.wrapper.children[0];
+ if ((deltaWidth && deltaWidth !== 1) || (deltaHeight && deltaHeight !== 1)) {
+ var newMat = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["identityMatrix"])();
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["rotateMatrix"])(newMat, -node.rotateAngle, node.offsetX, node.offsetY);
+ rotateAngle = ((textElement.rotateAngle + ((node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) ? node.rotateAngle : 0)) + 360) % 360;
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["rotateMatrix"])(matrix, -rotateAngle, pivot.x, pivot.y);
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["scaleMatrix"])(matrix, deltaWidth, deltaHeight, pivot.x, pivot.y);
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["rotateMatrix"])(matrix, rotateAngle, pivot.x, pivot.y);
+ var newPosition = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["transformPointByMatrix"])(matrix, { x: textElement.offsetX, y: textElement.offsetY });
+ var height = textElement.actualSize.height * deltaHeight;
+ var width = textElement.actualSize.width * deltaWidth;
+ var shape = this.findTarget(textElement, node);
+ if (shape instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_18__["PathAnnotation"]) {
+ newPosition.y += (shape.verticalAlignment === 'Top') ? (-height / 2) : ((shape.verticalAlignment === 'Bottom') ? (height / 2) : 0);
+ newPosition.x += (shape.horizontalAlignment === 'Left') ? (-width / 2) : ((shape.horizontalAlignment === 'Right') ? (width / 2) : 0);
+ }
+ if (shape instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_18__["PathAnnotation"]) {
+ this.updatePathAnnotationOffset(node, label, 0, 0, newPosition, new _primitives_size__WEBPACK_IMPORTED_MODULE_14__["Size"](width, height));
+ }
+ else {
+ var bounds = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cornersPointsBeforeRotation"])(node.wrapper);
+ newPosition = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_6__["transformPointByMatrix"])(newMat, newPosition);
+ newPosition.x = newPosition.x - textElement.margin.left + textElement.margin.right;
+ newPosition.y = newPosition.y - textElement.margin.top + textElement.margin.bottom;
+ newPosition.y += (shape.verticalAlignment === 'Top') ? (-height / 2) : ((shape.verticalAlignment === 'Bottom') ? (height / 2) : 0);
+ newPosition.x += (shape.horizontalAlignment === 'Left') ? (-width / 2) : ((shape.horizontalAlignment === 'Right') ? (width / 2) : 0);
+ var offsetx = bounds.width / (newPosition.x - bounds.x);
+ var offsety = bounds.height / (newPosition.y - bounds.y);
+ if (width > 1) {
+ shape.width = width;
+ shape.offset.x = 1 / offsetx;
+ }
+ if (height > 1) {
+ shape.height = height;
+ shape.offset.y = 1 / offsety;
+ }
+ }
+ }
+ if (label instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_18__["PathAnnotation"]) {
+ label.alignment = 'Center';
+ }
+ changedvalues = this.getAnnotationChanges(node, label);
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ this.diagram.nodePropertyChange(node, oldValues, changedvalues);
+ }
+ else {
+ this.diagram.connectorPropertyChange(node, oldValues, changedvalues);
+ }
+ this.diagram.updateDiagramObject(node);
+ };
+ /** @private */
+ CommandHandler.prototype.getSubProcess = function (source) {
+ var selector = { nodes: [], connectors: [] };
+ var process;
+ if (source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ process = source.processId;
+ }
+ else if (source && source.nodes && (source.nodes.length)
+ && source.nodes[0].processId) {
+ process = source.nodes[0].processId;
+ }
+ if (process) {
+ selector.nodes.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(this.diagram.nameTable[process]));
+ return selector;
+ }
+ return selector;
+ };
+ /** @private */
+ CommandHandler.prototype.checkBoundaryConstraints = function (tx, ty, nodeBounds) {
+ var pageSettings = this.diagram.pageSettings;
+ var boundaryConstraints = this.diagram.pageSettings.boundaryConstraints;
+ var scroller = this.diagram.scroller;
+ if (boundaryConstraints === 'Page' || boundaryConstraints === 'Diagram') {
+ var selectorBounds = !nodeBounds ? this.diagram.selectedItems.wrapper.bounds : undefined;
+ var width = boundaryConstraints === 'Page' ? pageSettings.width : scroller.viewPortWidth;
+ var height = boundaryConstraints === 'Page' ? pageSettings.height : scroller.viewPortHeight;
+ var bounds = nodeBounds;
+ var right = (nodeBounds ? bounds.right : selectorBounds.right) + (tx || 0);
+ var left = (nodeBounds ? bounds.left : selectorBounds.left) + (tx || 0);
+ var top_2 = (nodeBounds ? bounds.top : selectorBounds.top) + (ty || 0);
+ var bottom = (nodeBounds ? bounds.bottom : selectorBounds.bottom) + (ty || 0);
+ if (right <= width && left >= 0
+ && bottom <= height && top_2 >= 0) {
+ return true;
+ }
+ return false;
+ }
+ return true;
+ };
+ //interfaces
+ /** @private */
+ CommandHandler.prototype.dragSelectedObjects = function (tx, ty) {
+ var obj = this.diagram.selectedItems;
+ if (this.state && !this.state.backup) {
+ this.state.backup = {};
+ this.state.backup.offsetX = obj.offsetX;
+ this.state.backup.offsetY = obj.offsetY;
+ }
+ obj = Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["renderContainerHelper"])(this.diagram, obj) || obj;
+ if (this.checkBoundaryConstraints(tx, ty)) {
+ this.diagram.diagramActions = this.diagram.diagramActions | (_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].PreventZIndexOnDragging | _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].DragUsingMouse);
+ var actualObject = this.diagram.selectedObject.actualObject;
+ if ((actualObject && actualObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"] && actualObject.isLane &&
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["canLaneInterchange"])(actualObject, this.diagram)) || (!actualObject || !actualObject.isLane)) {
+ this.diagram.drag(obj, tx, ty);
+ }
+ this.diagram.diagramActions = this.diagram.diagramActions & ~(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].PreventZIndexOnDragging | _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].DragUsingMouse);
+ this.diagram.refreshCanvasLayers();
+ return true;
+ }
+ return false;
+ };
+ /** @private */
+ CommandHandler.prototype.scaleSelectedItems = function (sx, sy, pivot) {
+ var obj = this.diagram.selectedItems;
+ if (this.state && !this.state.backup) {
+ this.state.backup = {};
+ this.state.backup.offsetX = obj.offsetX;
+ this.state.backup.offsetY = obj.offsetY;
+ this.state.backup.width = obj.width;
+ this.state.backup.height = obj.height;
+ this.state.backup.pivot = pivot;
+ }
+ obj = Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["renderContainerHelper"])(this.diagram, obj) || obj;
+ return this.diagram.scale(obj, sx, sy, pivot);
+ };
+ /** @private */
+ CommandHandler.prototype.rotateSelectedItems = function (angle) {
+ var obj = this.diagram.selectedItems;
+ if (this.state && !this.state.backup) {
+ this.state.backup = {};
+ this.state.backup.angle = obj.rotateAngle;
+ }
+ obj = Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["renderContainerHelper"])(this.diagram, obj) || obj;
+ return this.diagram.rotate(obj, angle);
+ };
+ /** @private */
+ CommandHandler.prototype.hasSelection = function () {
+ return Object(_actions__WEBPACK_IMPORTED_MODULE_9__["hasSelection"])(this.diagram);
+ };
+ /** @private */
+ CommandHandler.prototype.isSelected = function (element) {
+ return Object(_actions__WEBPACK_IMPORTED_MODULE_9__["isSelected"])(this.diagram, element);
+ };
+ /**
+ * initExpand is used for layout expand and collapse interaction
+ */
+ CommandHandler.prototype.initExpand = function (args) {
+ var propName = 'isProtectedOnChange';
+ var protectedChange = this.diagram[propName];
+ this.diagram.protectPropertyChange(true);
+ var node = (args.target || args.source);
+ var oldValues = { isExpanded: node.isExpanded };
+ node.isExpanded = !node.isExpanded;
+ this.diagram.preventNodesUpdate = true;
+ this.diagram.diagramActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].PreventIconsUpdate;
+ this.diagram.nodePropertyChange(node, oldValues, { isExpanded: node.isExpanded });
+ this.diagram.diagramActions = this.diagram.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].PreventIconsUpdate;
+ this.diagram.preventNodesUpdate = false;
+ for (var _i = 0, _a = this.diagram.views; _i < _a.length; _i++) {
+ var temp = _a[_i];
+ var view = this.diagram.views[temp];
+ if (!(view instanceof _diagram_diagram__WEBPACK_IMPORTED_MODULE_5__["Diagram"])) {
+ this.diagram.refreshCanvasDiagramLayer(view);
+ }
+ }
+ this.diagram.protectPropertyChange(protectedChange);
+ };
+ /** @private */
+ CommandHandler.prototype.expandNode = function (node, diagram, canLayout) {
+ var animation;
+ //let objects: ILayout;
+ var preventNodesUpdate = this.diagram.preventNodesUpdate;
+ var expand = node.isExpanded;
+ this.diagram.preventNodesUpdate = true;
+ this.diagram.preventConnectorsUpdate = true;
+ this.expandCollapse(node, expand, this.diagram);
+ node.isExpanded = expand;
+ var fixedNode = this.diagram.layout.fixedNode;
+ this.diagram.layout.fixedNode = node.id;
+ if ((this.diagram.diagramActions != _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].Render) && this.diagram.layoutAnimateModule && this.diagram.layout.enableAnimation && this.diagram.organizationalChartModule) {
+ this.diagram.organizationalChartModule.isAnimation = true;
+ }
+ this.diagram.blazorActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_10__["BlazorAction"].expandNode;
+ var objects = {};
+ if (!canLayout) {
+ // BLAZ-22230 - Added below code to check if its blazor means then we set canUpdateTemplate as true
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ this.canUpdateTemplate = true;
+ }
+ objects = this.diagram.doLayout();
+ }
+ this.canUpdateTemplate = false;
+ this.diagram.blazorActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_10__["BlazorAction"].expandNode;
+ this.diagram.preventNodesUpdate = preventNodesUpdate;
+ this.diagram.preventConnectorsUpdate = false;
+ if (this.diagram.layoutAnimateModule && this.diagram.organizationalChartModule && !canLayout) {
+ this.diagram.allowServerDataBinding = false;
+ this.layoutAnimateModule.expand(this.diagram.layout.enableAnimation, objects, node, this.diagram);
+ }
+ else {
+ var arg = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["cloneBlazorObject"])(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(node)), state: (node.isExpanded) ? true : false
+ };
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].expandStateChange, arg);
+ if (this.diagram.lineRoutingModule && this.diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramConstraints"].LineRouting) {
+ this.diagram.resetSegments();
+ }
+ }
+ this.diagram.layout.fixedNode = fixedNode === '' ? '' : this.diagram.layout.fixedNode;
+ return objects;
+ };
+ CommandHandler.prototype.getparentexpand = function (target, diagram, visibility, connector) {
+ var boolean;
+ for (var i = 0; i < target.inEdges.length; i++) {
+ var newConnector = diagram.nameTable[target.inEdges[i]];
+ var previousNode = diagram.nameTable[newConnector.sourceID];
+ if (previousNode.isExpanded && !visibility && previousNode.id !== connector.sourceID && newConnector.visible) {
+ return false;
+ }
+ else {
+ boolean = true;
+ }
+ }
+ return boolean;
+ };
+ /**
+ * Setinterval and Clear interval for layout animation
+ */
+ /** @private */
+ CommandHandler.prototype.expandCollapse = function (source, visibility, diagram) {
+ for (var i = 0; i < source.outEdges.length; i++) {
+ var connector = diagram.nameTable[source.outEdges[i]];
+ var target = diagram.nameTable[connector.targetID];
+ var value = this.getparentexpand(target, diagram, visibility, connector);
+ connector.visible = visibility;
+ var oldValues = {
+ visible: target.visible,
+ style: { opacity: target.wrapper.style.opacity }
+ };
+ var newValues = {
+ visible: target.visible,
+ style: { opacity: target.wrapper.style.opacity }
+ };
+ if (value) {
+ if (target.isExpanded) {
+ this.expandCollapse(target, visibility, diagram);
+ }
+ target.visible = visibility;
+ target.style.opacity = (this.diagram.layoutAnimateModule &&
+ this.diagram.layout.enableAnimation && visibility) ? 0.1 : target.style.opacity;
+ diagram.nodePropertyChange(target, oldValues, newValues);
+ }
+ diagram.connectorPropertyChange(connector, oldValues, newValues);
+ }
+ };
+ /**
+ * @private
+ */
+ CommandHandler.prototype.updateNodeDimension = function (obj, rect) {
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ obj.offsetX = rect.x + rect.width / 2;
+ obj.offsetY = rect.y + rect.height / 2;
+ obj.width = rect.width;
+ obj.height = rect.height;
+ obj.wrapper.children[0].canMeasurePath = true;
+ this.diagram.nodePropertyChange(obj, {}, {
+ width: rect.width, height: rect.height, offsetX: obj.offsetX,
+ offsetY: obj.offsetY
+ });
+ if (this.diagram.mode !== 'SVG') {
+ this.diagram.refreshDiagramLayer();
+ }
+ }
+ };
+ /**
+ * @private
+ */
+ CommandHandler.prototype.updateConnectorPoints = function (obj, rect) {
+ if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"] && obj.type !== 'Bezier') {
+ this.diagram.connectorPropertyChange(obj, {}, {
+ targetPoint: obj.targetPoint
+ });
+ this.diagram.updateDiagramObject(obj);
+ }
+ else {
+ this.diagram.connectorPropertyChange(obj, {}, { segments: obj.segments });
+ this.diagram.updateDiagramObject(obj);
+ }
+ };
+ /**
+ * @private
+ */
+ CommandHandler.prototype.updateSelectedNodeProperties = function (object) {
+ if (this.diagram.lineRoutingModule && (this.diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramConstraints"].LineRouting)) {
+ var previousNodeObject = [];
+ var previousConnectorObject = [];
+ var updateNodeObject = [];
+ var updateConnectorObject = [];
+ var changeNodes = [];
+ var changeConnectors = [];
+ this.diagram.protectPropertyChange(true);
+ var objects = [];
+ var connectors = [];
+ var actualObject = this.diagram.selectedObject.actualObject;
+ var helperObject = this.diagram.selectedObject.helperObject;
+ if (helperObject && actualObject) {
+ var offsetX = (helperObject.offsetX - actualObject.offsetX);
+ var offsetY = (helperObject.offsetY - actualObject.offsetY);
+ var width = (helperObject.width - actualObject.width);
+ var height = (helperObject.height - actualObject.height);
+ var rotateAngle = (helperObject.rotateAngle - actualObject.rotateAngle);
+ if (this.diagram.selectedItems.nodes.length + this.diagram.selectedItems.connectors.length > 0) {
+ this.diagram.selectedItems.wrapper.rotateAngle = this.diagram.selectedItems.rotateAngle = helperObject.rotateAngle;
+ }
+ if (actualObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"] &&
+ actualObject.shape.type !== 'SwimLane' && !actualObject.isLane && !actualObject.isPhase && !actualObject.isHeader) {
+ if (actualObject.offsetX !== actualObject.wrapper.offsetX || actualObject.offsetY !== actualObject.wrapper.offsetY ||
+ actualObject.width !== actualObject.wrapper.width || actualObject.height !== actualObject.wrapper.height ||
+ actualObject.rotateAngle !== actualObject.wrapper.rotateAngle) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ previousNodeObject.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(actualObject, undefined, undefined, true));
+ }
+ actualObject.offsetX += offsetX;
+ actualObject.offsetY += offsetY;
+ actualObject.width += width;
+ actualObject.height += height;
+ actualObject.rotateAngle += rotateAngle;
+ this.diagram.nodePropertyChange(actualObject, {}, {
+ offsetX: actualObject.offsetX, offsetY: actualObject.offsetY,
+ width: actualObject.width, height: actualObject.height, rotateAngle: actualObject.rotateAngle
+ });
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ updateNodeObject.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(actualObject, undefined, undefined, true));
+ }
+ }
+ objects = this.diagram.spatialSearch.findObjects(actualObject.wrapper.outerBounds);
+ }
+ else if (actualObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"]) {
+ for (var i = 0; i < actualObject.nodes.length; i++) {
+ var node = actualObject.nodes[i];
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"] && node.shape.type !== 'SwimLane' && !node.isLane
+ && !node.isPhase && !node.isHeader) {
+ node.offsetX += offsetX;
+ node.offsetY += offsetY;
+ node.width += width;
+ node.height += height;
+ node.rotateAngle += rotateAngle;
+ this.diagram.nodePropertyChange(node, {}, {
+ offsetX: node.offsetX, offsetY: node.offsetY,
+ width: node.width, height: node.height, rotateAngle: node.rotateAngle
+ });
+ objects = objects.concat(this.diagram.spatialSearch.findObjects(actualObject.wrapper.outerBounds));
+ }
+ }
+ }
+ }
+ else {
+ if (object instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"]) {
+ objects.push(object);
+ }
+ else if (object instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"] && object.connectors.length) {
+ objects = objects.concat(object.connectors);
+ }
+ }
+ for (var i = 0; i < objects.length; i++) {
+ if (objects[i] instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"] && connectors.indexOf(objects[i].id) === -1) {
+ connectors.push(objects[i].id);
+ }
+ }
+ this.diagram.lineRoutingModule.renderVirtualRegion(this.diagram, true);
+ for (var i = 0; i < connectors.length; i++) {
+ var connector = this.diagram.nameTable[connectors[i]];
+ if (connector instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_0__["Connector"] && connector.type === 'Orthogonal') {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ previousConnectorObject.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(connector, undefined, undefined, true));
+ }
+ // EJ2-65876 - Exception occurs on line routing injection module
+ if (connector.sourceID != connector.targetID) {
+ //EJ2-69573 - Excecption occurs when calling doLayout method with the lineRouting module
+ var sourceNode = this.diagram.getObject(connector.sourceID);
+ var targetNode = this.diagram.getObject(connector.targetID);
+ var Connectorlength1 = targetNode.wrapper.outerBounds.middleLeft.x - sourceNode.wrapper.outerBounds.middleRight.x;
+ var Connectorlength2 = targetNode.wrapper.outerBounds.topCenter.y - sourceNode.wrapper.outerBounds.bottomCenter.y;
+ if (Connectorlength1 > 30 || Connectorlength2 > 30) {
+ this.diagram.lineRoutingModule.refreshConnectorSegments(this.diagram, connector, true);
+ }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ updateConnectorObject.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(connector, undefined, undefined, true));
+ }
+ }
+ }
+ this.updateSelector();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ this.getObjectChanges(previousNodeObject, updateNodeObject, changeNodes);
+ this.getObjectChanges(previousConnectorObject, updateConnectorObject, changeConnectors);
+ var blazorInterop = 'sfBlazor';
+ var blazor = 'Blazor';
+ var diagramObject = { nodes: changeNodes, connectors: changeConnectors };
+ if (window && window[blazor] && (changeConnectors.length + changeNodes.length)) {
+ var obj = { 'methodName': 'UpdateBlazorProperties', 'diagramobj': diagramObject };
+ window[blazorInterop].updateBlazorProperties(obj, this.diagram);
+ }
+ }
+ this.diagram.protectPropertyChange(false);
+ }
+ };
+ /** @private */
+ CommandHandler.prototype.drawSelectionRectangle = function (x, y, width, height) {
+ this.diagram.drawSelectionRectangle(x, y, width, height);
+ };
+ /** @private */
+ CommandHandler.prototype.startGroupAction = function () {
+ this.diagram.startGroupAction();
+ };
+ /** @private */
+ CommandHandler.prototype.endGroupAction = function () {
+ this.diagram.endGroupAction();
+ };
+ /** @private */
+ CommandHandler.prototype.removeChildFromBPmn = function (child, newTarget, oldTarget) {
+ var obj = this.diagram.nameTable[child.id] || child.nodes[0];
+ if (oldTarget) {
+ if ((obj) && obj.processId && obj.processId === oldTarget.wrapper.id) {
+ var node = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(obj);
+ node.processId = obj.processId;
+ this.diagram.startGroupAction();
+ var edges = [];
+ edges = edges.concat(obj.outEdges, obj.inEdges);
+ for (var i = edges.length - 1; i >= 0; i--) {
+ var connector = this.diagram.nameTable[edges[i]];
+ if (connector) {
+ this.diagram.remove(connector);
+ }
+ }
+ //let nodeCollection: string[];
+ var nodeCollection = (this.diagram.nameTable[obj.processId].shape.activity.subProcess.processes) || [];
+ nodeCollection.splice(nodeCollection.indexOf((obj).id), 1);
+ this.diagram.bpmnModule.removeChildFromBPMN(this.diagram.nameTable[obj.processId].wrapper, (obj).id);
+ this.diagram.nameTable[(obj).id].processId = '';
+ obj.offsetX = obj.wrapper.offsetX;
+ obj.offsetY = obj.wrapper.offsetY;
+ var undoElement = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(obj);
+ var entry = {
+ type: 'PositionChanged', redoObject: { nodes: [undoElement] }, undoObject: { nodes: [node] }, category: 'Internal'
+ };
+ this.addHistoryEntry(entry);
+ this.diagram.endGroupAction();
+ }
+ }
+ };
+ /** @private */
+ CommandHandler.prototype.isDroppable = function (source, targetNodes) {
+ var node = this.diagram.nameTable[source.id] || source.nodes[0];
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && node.shape.shape === 'TextAnnotation') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && node.shape.bpmnShape === 'TextAnnotation')) {
+ return true;
+ }
+ if (node && node.shape.type === 'Bpmn') {
+ if ((node.processId === targetNodes.id) || (node.id === targetNodes.processId) ||
+ targetNodes.shape.type === 'Bpmn'
+ && targetNodes.shape.activity.subProcess.collapsed) {
+ return false;
+ }
+ }
+ return true;
+ }
+ return false;
+ };
+ /**
+ * @private
+ */
+ CommandHandler.prototype.renderHighlighter = function (args, connectHighlighter, source) {
+ var bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_4__["Rect"]();
+ if ((args.target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) || (connectHighlighter && (args.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]))) {
+ var tgt = connectHighlighter ? args.source : args.target;
+ var tgtWrap = connectHighlighter ? args.sourceWrapper : args.targetWrapper;
+ var target = this.findTarget(tgtWrap, tgt, source, true);
+ var element = void 0;
+ if (target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["BpmnSubEvent"]) {
+ var portId = target.id;
+ var node = args.target;
+ var parent_8 = node.wrapper.children[0].children[0].children[2];
+ for (var _i = 0, _a = parent_8.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ if (child.id === node.id + '_' + portId) {
+ element = child.children[0];
+ break;
+ }
+ }
+ }
+ else {
+ element = (target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) ?
+ target.wrapper : connectHighlighter ? args.sourceWrapper : args.targetWrapper;
+ }
+ this.diagram.renderHighlighter(element);
+ }
+ };
+ //additional events
+ /** @private */
+ CommandHandler.prototype.mouseOver = function (source, target, position) {
+ //mouse over
+ //returns whether the source can move over the target or not
+ return true;
+ };
+ /**
+ * @private
+ */
+ CommandHandler.prototype.snapPoint = function (startPoint, endPoint, tx, ty) {
+ var obj = this.diagram.selectedItems;
+ var point;
+ var towardsLeft = endPoint.x < startPoint.x;
+ var towardsTop = endPoint.y < startPoint.y;
+ point = { x: tx, y: ty };
+ var snappedPoint = point;
+ if (this.snappingModule) {
+ snappedPoint = this.diagram.snappingModule.snapPoint(this.diagram, obj, towardsLeft, towardsTop, point, startPoint, endPoint);
+ }
+ return snappedPoint;
+ };
+ /**
+ * @private
+ */
+ CommandHandler.prototype.removeSnap = function () {
+ if ((this.diagram.snapSettings.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["SnapConstraints"].SnapToObject) && this.snappingModule) {
+ this.snappingModule.removeGuidelines(this.diagram);
+ }
+ };
+ /** @private */
+ /**Bug(EJ2-62725): Exception occurs when drag and drop the connector inside the swimlane */
+ CommandHandler.prototype.dropAnnotation = function (source, target) {
+ if (source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"] || source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"]) {
+ var node = (source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) ? source : source.nodes[0];
+ if (this.diagram.bpmnModule && target.shape.type === 'Bpmn'
+ && ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && node.shape.shape === 'TextAnnotation') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])() && node.shape.bpmnShape === 'TextAnnotation'))) {
+ var hasTarget = 'hasTarget';
+ node[hasTarget] = target.id;
+ node.shape.annotation.nodeId = target.id;
+ if (!this.diagram.currentSymbol) {
+ this.diagram.addTextAnnotation(node.shape.annotation, target);
+ node.shape.annotation.nodeId = '';
+ this.diagram.remove(node);
+ }
+ this.diagram.refreshDiagramLayer();
+ }
+ }
+ };
+ /** @private */
+ CommandHandler.prototype.drop = function (source, target, position) {
+ //drop
+ if (this.diagram.bpmnModule) {
+ var sourcenode = (source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) ? source : source.nodes[0];
+ if (sourcenode && sourcenode.shape.type === 'Bpmn' && target.shape.type === 'Bpmn') {
+ this.diagram.bpmnModule.dropBPMNchild(target, (source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) ? source : source.nodes[0], this.diagram);
+ this.diagram.refreshDiagramLayer();
+ }
+ }
+ };
+ /** @private */
+ CommandHandler.prototype.addHistoryEntry = function (entry) {
+ this.diagram.addHistoryEntry(entry);
+ };
+ /** @private */
+ CommandHandler.prototype.align = function (objects, option, type) {
+ if (objects.length > 0) {
+ var i = 0;
+ objects[0] = this.diagram.nameTable[objects[0].id] || objects[0];
+ var bounds = (type === 'Object') ? Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["getBounds"])(objects[0].wrapper) : this.diagram.selectedItems.wrapper.bounds;
+ var undoObj = { nodes: [], connectors: [] };
+ var redoObj = { nodes: [], connectors: [] };
+ for (i = ((type === 'Object') ? (i + 1) : i); i < objects.length; i++) {
+ var tx = 0;
+ var ty = 0;
+ objects[i] = this.diagram.nameTable[objects[i].id] || objects[i];
+ var objectBounds = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["getBounds"])(objects[i].wrapper);
+ if (option === 'Left') {
+ tx = bounds.left + objectBounds.width / 2 - objectBounds.center.x;
+ }
+ else if (option === 'Right') {
+ tx = bounds.right - objectBounds.width / 2 - objectBounds.center.x;
+ }
+ else if (option === 'Top') {
+ ty = bounds.top + objectBounds.height / 2 - objectBounds.center.y;
+ }
+ else if (option === 'Bottom') {
+ ty = bounds.bottom - objectBounds.height / 2 - objectBounds.center.y;
+ }
+ else if (option === 'Center') {
+ tx = bounds.center.x - objectBounds.center.x;
+ }
+ else if (option === 'Middle') {
+ ty = bounds.center.y - objectBounds.center.y;
+ }
+ undoObj = this.storeObject(undoObj, objects[i]);
+ this.drag(objects[i], tx, ty);
+ this.diagram.updateSelector();
+ redoObj = this.storeObject(redoObj, objects[i]);
+ }
+ undoObj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(undoObj);
+ redoObj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(redoObj);
+ var entry = {
+ type: 'Align', category: 'Internal',
+ undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(undoObj), redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(redoObj)
+ };
+ this.addHistoryEntry(entry);
+ }
+ };
+ /**
+ * distribute method \
+ *
+ * @returns { void } distribute method .\
+ * @param {(NodeModel | ConnectorModel)[]} objects - provide the source value.
+ * @param {SizingOptions} option - provide the target value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.distribute = function (objects, option) {
+ if (objects.length > 0) {
+ var i = 0;
+ //const j: number = 0;
+ //const rect: Rect = new Rect();
+ //const b: Rect[] = [];
+ //let temp: NodeModel | ConnectorModel;
+ var right = 0;
+ var left = 0;
+ var top_3 = 0;
+ var bottom = 0;
+ var center = 0;
+ var middle = 0;
+ var btt = 0;
+ //const sum: number = 0;
+ var undoSelectorObj = { nodes: [], connectors: [] };
+ var redoSelectorObj = { nodes: [], connectors: [] };
+ for (i = 0; i < objects.length; i++) {
+ objects[i] = this.diagram.nameTable[objects[i].id] || objects[i];
+ }
+ objects = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__["sort"])(objects, option);
+ for (i = 1; i < objects.length; i++) {
+ right = right + objects[i].wrapper.bounds.topRight.x - objects[i - 1].wrapper.bounds.topRight.x;
+ left = left + objects[i].wrapper.bounds.topLeft.x - objects[i - 1].wrapper.bounds.topLeft.x;
+ top_3 = top_3 + objects[i].wrapper.bounds.topRight.y - objects[i - 1].wrapper.bounds.topRight.y;
+ bottom = bottom + objects[i].wrapper.bounds.bottomRight.y - objects[i - 1].wrapper.bounds.bottomRight.y;
+ center = center + objects[i].wrapper.bounds.center.x - objects[i - 1].wrapper.bounds.center.x;
+ middle = middle + objects[i].wrapper.bounds.center.y - objects[i - 1].wrapper.bounds.center.y;
+ btt = btt + objects[i].wrapper.bounds.topRight.y - objects[i - 1].wrapper.bounds.bottomRight.y;
+ }
+ for (i = 1; i < objects.length - 1; i++) {
+ var tx = 0;
+ var ty = 0;
+ var prev = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["getBounds"])(objects[i - 1].wrapper);
+ var current = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["getBounds"])(objects[i].wrapper);
+ if (option === 'RightToLeft' || option === 'Center') {
+ tx = prev.center.x - current.center.x + (center / (objects.length - 1));
+ }
+ else if (option === 'Right') {
+ tx = prev.topRight.x - current.topRight.x + (right / (objects.length - 1));
+ }
+ else if (option === 'Left') {
+ tx = prev.topLeft.x - current.topLeft.x + (left / (objects.length - 1));
+ }
+ else if (option === 'Middle') {
+ ty = prev.center.y - current.center.y + (middle / (objects.length - 1));
+ }
+ else if (option === 'Top') {
+ ty = prev.topRight.y - current.topRight.y + (top_3 / (objects.length - 1));
+ }
+ else if (option === 'Bottom') {
+ ty = prev.bottomRight.y - current.bottomRight.y + (bottom / (objects.length - 1));
+ }
+ else if (option === 'BottomToTop') {
+ ty = prev.bottomRight.y - current.topRight.y + (btt / (objects.length - 1));
+ }
+ undoSelectorObj = this.storeObject(undoSelectorObj, objects[i]);
+ this.drag(objects[i], tx, ty);
+ this.diagram.updateSelector();
+ redoSelectorObj = this.storeObject(redoSelectorObj, objects[i]);
+ }
+ undoSelectorObj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(undoSelectorObj);
+ redoSelectorObj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(redoSelectorObj);
+ var entry = {
+ type: 'Distribute', category: 'Internal',
+ undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(undoSelectorObj), redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(redoSelectorObj)
+ };
+ this.addHistoryEntry(entry);
+ }
+ };
+ /* eslint-enable */
+ /**
+ * sameSize method \
+ *
+ * @returns { void } sameSize method .\
+ * @param {(NodeModel | ConnectorModel)[]} objects - provide the source value.
+ * @param {SizingOptions} option - provide the target value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.sameSize = function (objects, option) {
+ if (objects.length > 0) {
+ var i = 0;
+ //let pivot: PointModel;
+ var pivot = { x: 0.5, y: 0.5 };
+ objects[0] = this.diagram.nameTable[objects[0].id] || objects[0];
+ var bounds = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["getBounds"])(objects[0].wrapper);
+ var undoObject = { nodes: [], connectors: [] };
+ var redoObject = { nodes: [], connectors: [] };
+ for (i = 1; i < objects.length; i++) {
+ objects[parseInt(i.toString(), 10)] = this.diagram.nameTable[objects[parseInt(i.toString(), 10)].id] || objects[0];
+ var rect = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["getBounds"])(objects[parseInt(i.toString(), 10)].wrapper);
+ var sw = 1;
+ var sh = 1;
+ if (option === 'Width') {
+ sw = bounds.width / rect.width;
+ }
+ else if (option === 'Height') {
+ sh = bounds.height / rect.height;
+ }
+ else if (option === 'Size') {
+ sw = bounds.width / rect.width;
+ sh = bounds.height / rect.height;
+ }
+ undoObject = this.storeObject(undoObject, objects[parseInt(i.toString(), 10)]);
+ this.scale(objects[parseInt(i.toString(), 10)], sw, sh, pivot);
+ redoObject = this.storeObject(redoObject, objects[parseInt(i.toString(), 10)]);
+ }
+ this.diagram.updateSelector();
+ undoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(undoObject);
+ redoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(redoObject);
+ var entry = {
+ type: 'Sizing', category: 'Internal',
+ undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(undoObject), redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(redoObject)
+ };
+ this.addHistoryEntry(entry);
+ }
+ };
+ CommandHandler.prototype.storeObject = function (selectorObject, obj) {
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ selectorObject.nodes.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(obj));
+ }
+ else {
+ selectorObject.connectors.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(obj));
+ }
+ return selectorObject;
+ };
+ /**
+ * updatePanState method \
+ *
+ * @returns { any } updatePanState method .\
+ * @param {number} eventCheck - provide the eventCheck value.
+ *
+ * @private
+ */
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ CommandHandler.prototype.updatePanState = function (eventCheck) {
+ if (eventCheck) {
+ this.diagram.realActions = this.diagram.realActions | _enum_enum__WEBPACK_IMPORTED_MODULE_10__["RealAction"].PanInProgress;
+ }
+ else {
+ this.diagram.dataBind();
+ var diagramScrollSettings = this.diagram.scrollSettings;
+ this.diagram.realActions = this.diagram.realActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_10__["RealAction"].PanInProgress;
+ var Values = {
+ VerticalOffset: diagramScrollSettings.verticalOffset, HorizontalOffset: diagramScrollSettings.horizontalOffset,
+ ViewportHeight: diagramScrollSettings.viewPortHeight, ViewportWidth: diagramScrollSettings.viewPortWidth,
+ CurrentZoom: diagramScrollSettings.currentZoom
+ };
+ var arg = {
+ oldValue: Values,
+ newValue: Values, source: this.diagram, panState: 'Completed'
+ };
+ this.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramEvent"].scrollChange, arg);
+ }
+ };
+ /**
+ * dataBinding method \
+ *
+ * @returns { void } dataBinding method .\
+ *
+ * @private
+ */
+ CommandHandler.prototype.dataBinding = function () {
+ this.diagram.dataBind();
+ };
+ CommandHandler.prototype.setBlazorDiagramProps = function (arg) {
+ this.diagram.setBlazorDiagramProps(arg);
+ };
+ /**
+ * scroll method \
+ *
+ * @returns { void } scroll method .\
+ * @param {number} scrollX - provide the source value.
+ * @param {number} scrollY - provide the target value.
+ * @param {PointModel} focusPoint - provide the layoutOrientation value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.scroll = function (scrollX, scrollY, focusPoint) {
+ var panx = Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canPanX"])(this.diagram);
+ var pany = Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_11__["canPanY"])(this.diagram);
+ var canPan = true;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_16__["isBlazor"])()) {
+ this.diagram.setCursor('grabbing');
+ this.diagram.scroller.zoom(1, (scrollX = panx ? scrollX : 0) * this.diagram.scroller.currentZoom, (scrollY = pany ? scrollY : 0) * this.diagram.scroller.currentZoom, focusPoint);
+ }
+ else {
+ this.diagram.pan((scrollX = panx ? scrollX : 0) * this.diagram.scroller.currentZoom, (scrollY = pany ? scrollY : 0) * this.diagram.scroller.currentZoom, focusPoint, canPan);
+ }
+ };
+ /**
+ * drawHighlighter method \
+ *
+ * @returns { NodeModel | ConnectorModel } drawHighlighter method .\
+ * @param {IElement} element - provide the element value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.drawHighlighter = function (element) {
+ this.diagram.renderHighlighter(element.wrapper);
+ };
+ /**
+ * removeHighlighter method \
+ *
+ * @returns { void } removeHighlighter method .\
+ *
+ * @private
+ */
+ CommandHandler.prototype.removeHighlighter = function () {
+ this.diagram.clearHighlighter();
+ };
+ /**
+ * renderContainerHelper method \
+ *
+ * @returns { NodeModel | ConnectorModel } renderContainerHelper method .\
+ * @param {NodeModel | SelectorModel | ConnectorModel} node - provide the parent value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.renderContainerHelper = function (node) {
+ return Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["renderContainerHelper"])(this.diagram, node);
+ };
+ /**
+ * isParentAsContainer method \
+ *
+ * @returns { boolean } isParentAsContainer method .\
+ * @param {NodeModel} node - provide the parent value.
+ * @param {boolean} isChild - provide the target value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.isParentAsContainer = function (node, isChild) {
+ return Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["checkParentAsContainer"])(this.diagram, node, isChild);
+ };
+ /**
+ * dropChildToContainer method \
+ *
+ * @returns { void } dropChildToContainer method .\
+ * @param {NodeModel} parent - provide the parent value.
+ * @param {NodeModel} node - provide the target value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.dropChildToContainer = function (parent, node) {
+ if (!(this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_10__["DiagramAction"].PreventLaneContainerUpdate)) {
+ //EJ2-66591 - Droping BPMN text annotation node inside the swimlane is not working properly.
+ if (!(node.shape.type === 'Bpmn' && node.shape.shape === 'TextAnnotation')) {
+ Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["addChildToContainer"])(this.diagram, parent, node);
+ }
+ }
+ };
+ /**
+ * @returns { void } updateLaneChildrenZindex method .\
+ * @param {NodeModel} node - provide the node value.
+ * @param {IElement} target - provide the target value.
+ * @private
+ */
+ CommandHandler.prototype.updateLaneChildrenZindex = function (node, target) {
+ var lowerIndexobject = this.findLeastIndexObject(node, target);
+ var swimlane = this.diagram.nameTable[target.parentId];
+ if (swimlane && swimlane.zIndex > lowerIndexobject.zIndex) {
+ var layerIndex = this.diagram.layers.indexOf(this.diagram.getActiveLayer());
+ var layerZIndexTable = this.diagram.layers[parseInt(layerIndex.toString(), 10)].zIndexTable;
+ var tempTable = JSON.parse(JSON.stringify(layerZIndexTable));
+ var startIndex = lowerIndexobject.zIndex;
+ var endIndex = swimlane.zIndex;
+ for (var i = endIndex; i >= startIndex; i--) {
+ if (startIndex !== i) {
+ if (!layerZIndexTable[i - 1]) {
+ layerZIndexTable[i - 1] = layerZIndexTable[parseInt(i.toString(), 10)];
+ this.diagram.nameTable[layerZIndexTable[i - 1]].zIndex = i;
+ delete layerZIndexTable[parseInt(i.toString(), 10)];
+ }
+ else {
+ //bringing the objects forward
+ layerZIndexTable[parseInt(i.toString(), 10)] = layerZIndexTable[i - 1];
+ this.diagram.nameTable[layerZIndexTable[parseInt(i.toString(), 10)]].zIndex = i;
+ }
+ }
+ else {
+ var tempIndex = this.swapZIndexObjects(endIndex, layerZIndexTable, swimlane.id, tempTable);
+ }
+ }
+ if (this.diagram.mode === 'SVG') {
+ this.moveSvgNode(target.parentId, lowerIndexobject.id);
+ this.updateNativeNodeIndex(target.parentId, lowerIndexobject.id);
+ }
+ else {
+ this.diagram.refreshCanvasLayers();
+ }
+ }
+ };
+ CommandHandler.prototype.findLeastIndexConnector = function (edges, target, index) {
+ for (var i = 0; i < edges.length; i++) {
+ var connector = this.diagram.nameTable[edges[parseInt(i.toString(), 10)]];
+ if (index.zIndex > connector.zIndex) {
+ index = connector;
+ }
+ }
+ return index;
+ };
+ CommandHandler.prototype.findLeastIndexObject = function (node, target) {
+ var lowerIndexobject = node;
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ lowerIndexobject = this.findLeastIndexConnector(node.inEdges, target, lowerIndexobject);
+ lowerIndexobject = this.findLeastIndexConnector(node.outEdges, target, lowerIndexobject);
+ }
+ return lowerIndexobject;
+ };
+ /**
+ * checkSelection method \
+ *
+ * @returns { void } checkSelection method .\
+ * @param {SelectorModel} selector - provide the source value.
+ * @param {string} corner - provide the target value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.checkSelection = function (selector, corner) {
+ var node; // let wrapper: GridPanel; let child: Container; let index: number; let shape: SwimLaneModel;
+ if (selector.nodes.length === 1 && selector.connectors.length === 0) {
+ if (Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["checkParentAsContainer"])(this.diagram, selector.nodes[0], true)) {
+ node = (selector.nodes[0].shape === 'SwimLane') ? selector.nodes[0] :
+ this.diagram.nameTable[selector.nodes[0].parentId];
+ var child = selector.nodes[0];
+ if (node.shape.type === 'SwimLane') {
+ var orientation_1 = (node.shape.orientation === 'Horizontal') ? true : false;
+ if ((child.isPhase && ((orientation_1 && corner === 'ResizeSouth') || (!orientation_1 && corner === 'ResizeEast'))) ||
+ (child.isLane && ((orientation_1 && corner === 'ResizeEast') || (!orientation_1 && corner === 'ResizeSouth')))) {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["swimLaneSelection"])(this.diagram, node, corner);
+ }
+ }
+ else if (node.container.type === 'Grid') {
+ if (((node.container.orientation === 'Horizontal' && child.rowIndex === 1) ||
+ (node.container.orientation === 'Vertical' && child.rowIndex > 0 && child.columnIndex > 0))) {
+ if (corner === 'ResizeSouth') {
+ for (var i = 0; i < this.diagram.nodes.length; i++) {
+ var obj = this.diagram.nodes[parseInt(i.toString(), 10)];
+ if (obj.rowIndex === node.rows.length - 1 && obj.columnIndex === 0) {
+ this.select(obj);
+ break;
+ }
+ }
+ }
+ }
+ else {
+ if (corner === 'ResizeEast') {
+ for (var i = 0; i < this.diagram.nodes.length; i++) {
+ var obj = this.diagram.nodes[parseInt(i.toString(), 10)];
+ if (obj.rowIndex === 1 && obj.columnIndex === node.columns.length - 1) {
+ this.select(obj);
+ break;
+ }
+ }
+ }
+ }
+ }
+ }
+ else {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["swimLaneSelection"])(this.diagram, selector.nodes[0], corner);
+ }
+ }
+ };
+ /**
+ * zoom method \
+ *
+ * @returns { void } zoom method .\
+ * @param {number} scale - provide the source value.
+ * @param {number} scrollX - provide the target value.
+ * @param {number} scrollY - provide the layoutOrientation value.
+ * @param {PointModel} focusPoint - provide the layoutOrientation value.
+ *
+ * @private
+ */
+ CommandHandler.prototype.zoom = function (scale, scrollX, scrollY, focusPoint) {
+ this.diagram.scroller.zoom(scale, scrollX * this.diagram.scroller.currentZoom, scrollY * this.diagram.scroller.currentZoom, focusPoint);
+ };
+ return CommandHandler;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/connector-editing.js":
+/*!*********************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/connector-editing.js ***!
+ \*********************************************************************************************/
+/*! exports provided: ConnectorEditing */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectorEditing", function() { return ConnectorEditing; });
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./actions */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/actions.js");
+/* harmony import */ var _utility_connector__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utility/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/connector.js");
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _tool__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tool */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/tool.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+
+
+
+
+
+
+
+
+
+
+/**
+ * Multiple segments editing for Connector
+ */
+var ConnectorEditing = /** @__PURE__ @class */ (function (_super) {
+ __extends(ConnectorEditing, _super);
+ function ConnectorEditing(commandHandler, endPoint) {
+ var _this = _super.call(this, commandHandler, true) || this;
+ _this.oldValue = null;
+ _this.endPoint = endPoint;
+ return _this;
+ }
+ /**
+ * mouseDown method\
+ *
+ * @returns { void } mouseDown method .\
+ * @param {MouseEventArgs} args - provide the args value.
+ * @private
+ */
+ ConnectorEditing.prototype.mouseDown = function (args) {
+ var connectors;
+ var edit = true;
+ if (args.source && args.source.connectors) {
+ connectors = args.source.connectors[0];
+ }
+ if (args.info && args.actualObject) {
+ edit = args.info.ctrlKey && args.actualObject.type !== 'Orthogonal';
+ }
+ if (connectors && edit) {
+ this.inAction = true;
+ this.undoElement = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(args.source);
+ _super.prototype.mouseDown.call(this, args);
+ // Sets the selected segment
+ for (var i = 0; i < connectors.segments.length; i++) {
+ var segment = connectors.segments[parseInt(i.toString(), 10)];
+ if (this.endPoint === 'OrthoThumb') {
+ for (var j = 0; j < segment.points.length - 1; j++) {
+ var segPoint = { x: 0, y: 0 };
+ segPoint.x = ((segment.points[parseInt(j.toString(), 10)].x + segment.points[j + 1].x) / 2);
+ segPoint.y = ((segment.points[parseInt(j.toString(), 10)].y + segment.points[j + 1].y) / 2);
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_5__["contains"])(this.currentPosition, segPoint, 30)) {
+ this.selectedSegment = segment;
+ this.segmentIndex = j;
+ }
+ }
+ }
+ else {
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_5__["contains"])(this.currentPosition, segment.point, 10)) {
+ this.selectedSegment = segment;
+ }
+ }
+ }
+ }
+ };
+ /**
+ * mouseMove method\
+ *
+ * @returns { void } mouseMove method .\
+ * @param {MouseEventArgs} args - provide the args value.
+ * @private
+ */
+ ConnectorEditing.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ this.currentPosition = args.position;
+ if (this.currentPosition && this.prevPosition) {
+ var diffY = this.currentPosition.y - this.prevPosition.y;
+ var diffX = this.currentPosition.x - this.prevPosition.x;
+ this.currentPosition = this.commandHandler.snapConnectorEnd(this.currentPosition);
+ var connector = void 0;
+ var newValue = void 0;
+ var isSame = false;
+ if (args.source && args.source.connectors) {
+ connector = args.source.connectors[0];
+ }
+ if (_primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].equals(this.startPosition, this.prevPosition)) {
+ isSame = true;
+ }
+ if (this.oldValue === null) {
+ this.oldValue = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(this.selectedSegment);
+ }
+ var arg = {
+ source: connector, state: 'Start', oldValue: this.oldValue, newValue: this.oldValue,
+ segment: this.selectedSegment, cancel: false
+ };
+ //EJ2-66217 - Support to add event for segment points editing in connector.
+ arg = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(connector), state: 'Start', oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(this.oldValue),
+ newValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(this.oldValue),
+ segment: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(this.selectedSegment), cancel: false
+ };
+ if (isSame && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_9__["isBlazor"])()) {
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_4__["DiagramEvent"].segmentChange, arg);
+ }
+ // When cancel is set to true at state Start, the segment change will be prevented.
+ if (arg.cancel) {
+ this.commandHandler.diagram.resetTool();
+ }
+ if ((this.inAction && this.selectedSegment !== undefined && this.endPoint !== undefined) && (diffX !== 0 || diffY !== 0) && !arg.cancel) {
+ if (this.endPoint === 'OrthoThumb') {
+ this.blocked = !this.dragOrthogonalSegment(connector, this.selectedSegment, this.currentPosition, this.segmentIndex);
+ if (this.oldValue.length === null && this.oldValue.direction === null) {
+ this.oldValue = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(this.selectedSegment);
+ }
+ newValue = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(this.selectedSegment);
+ }
+ else {
+ var tx = this.currentPosition.x - this.selectedSegment.point.x;
+ var ty = this.currentPosition.y - this.selectedSegment.point.y;
+ var index = connector.segments.indexOf(this.selectedSegment);
+ this.blocked = !this.commandHandler.dragControlPoint(connector, tx, ty, false, index);
+ newValue = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(this.selectedSegment);
+ }
+ this.commandHandler.updateSelector();
+ this.currentPosition = args.position;
+ var arg1 = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(connector), state: 'Progress', oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(this.oldValue),
+ newValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(newValue),
+ segment: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(this.selectedSegment), cancel: false
+ };
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_4__["DiagramEvent"].segmentChange, arg1);
+ }
+ }
+ this.prevPosition = this.currentPosition;
+ return !this.blocked;
+ };
+ /**
+ * mouseUp method\
+ *
+ * @returns { void } mouseUp method .\
+ * @param {MouseEventArgs} args - provide the args value.
+ * @private
+ */
+ ConnectorEditing.prototype.mouseUp = function (args) {
+ var connector;
+ var oldValues;
+ if (args.source && args.source.connectors) {
+ connector = args.source.connectors[0];
+ oldValues = { segments: connector.segments };
+ }
+ if (args && args.source && args.info && args.info.ctrlKey && args.info.shiftKey && connector.type === 'Straight') {
+ this.addOrRemoveSegment(connector, this.currentPosition);
+ }
+ else {
+ if (this.endPoint === 'OrthoThumb' && this.selectedSegment) {
+ var index = connector.segments.indexOf(this.selectedSegment);
+ var prev = connector.segments[index - 1];
+ var next = connector.segments[index + 1];
+ if (index === connector.segments.length - 2
+ && this.updateLastSegment(connector, this.selectedSegment)) {
+ connector.segments.splice(connector.segments.length - 2, 1);
+ }
+ else {
+ if (prev && Math.abs(prev.length) < 5) {
+ if (index !== 1) {
+ this.removePrevSegment(connector, index);
+ }
+ }
+ else if (next) {
+ var len = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(next.points[0], next.points[1]);
+ var length_1 = ((next.length || next.length === 0) ? next.length : len);
+ if ((Math.abs(length_1) <= 5)) {
+ this.removeNextSegment(connector, index);
+ }
+ }
+ }
+ this.commandHandler.updateEndPoint(connector, oldValues);
+ // EJ2-65063 - While mouseUp set the selectedSegmentIndex as zero.
+ connector.selectedSegmentIndex = 0;
+ }
+ }
+ if (this.undoElement) {
+ //let obj: SelectorModel;
+ var obj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(args.source);
+ var entry = {
+ type: 'SegmentChanged', redoObject: obj, undoObject: this.undoElement, category: 'Internal'
+ };
+ this.commandHandler.addHistoryEntry(entry);
+ }
+ if (connector.isBezierEditing) {
+ connector.isBezierEditing = false;
+ }
+ if (this.prevPosition !== this.startPosition) {
+ var arg = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(connector), state: 'Completed', oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(this.oldValue),
+ newValue: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(this.selectedSegment), cancel: false, segment: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(this.selectedSegment)
+ };
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_4__["DiagramEvent"].segmentChange, arg);
+ }
+ _super.prototype.mouseUp.call(this, args);
+ };
+ ConnectorEditing.prototype.removePrevSegment = function (connector, index) {
+ var first = connector.segments[index - 2];
+ var next = connector.segments[index + 1];
+ var length = (next.length || next.length === 0) ? next.length : _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(next.points[0], next.points[1]);
+ if (!(length <= 5)) {
+ var removeSegments = connector.segments.slice(index - 1, index + 1);
+ var args = {
+ element: connector, removeSegments: removeSegments, type: 'Removal', cancel: false
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_9__["isBlazor"])()) {
+ args = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(connector), removeSegments: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(removeSegments),
+ type: 'Removal', cancel: args.cancel
+ };
+ }
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_4__["DiagramEvent"].segmentCollectionChange, args);
+ if (!args.cancel) {
+ var last = connector.segments[index + 1];
+ connector.segments.splice(index - 1, 2);
+ var segment = this.selectedSegment;
+ if (segment.direction === 'Left' || segment.direction === 'Right') {
+ first.points[first.points.length - 1].x = last.points[0].x;
+ last.points[0].y = first.points[first.points.length - 1].y;
+ }
+ else {
+ first.points[first.points.length - 1].y = last.points[0].y;
+ last.points[0].x = first.points[first.points.length - 1].x;
+ }
+ if (segment.length || segment.length === 0) {
+ this.findSegmentDirection(first);
+ }
+ this.findSegmentDirection(last);
+ }
+ }
+ };
+ ConnectorEditing.prototype.findSegmentDirection = function (segment) {
+ if (segment.direction && (segment.length || segment.length === 0)) {
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(segment.points[0], segment.points[segment.points.length - 1]);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(segment.points[0], segment.points[segment.points.length - 1]);
+ }
+ };
+ ConnectorEditing.prototype.removeNextSegment = function (connector, index) {
+ var segment = this.selectedSegment;
+ var first = connector.segments[index - 1];
+ var last = connector.segments[index + 2];
+ var next = connector.segments[index + 1];
+ // eslint-disable-next-line
+ var removeSegments;
+ var args;
+ if (next.length || next.length === 0) {
+ removeSegments = connector.segments.slice(index, 2);
+ args = {
+ element: connector, removeSegments: removeSegments, type: 'Removal', cancel: false
+ };
+ args = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(connector), removeSegments: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(removeSegments),
+ type: 'Removal', cancel: false
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_9__["isBlazor"])()) {
+ args = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(connector), removeSegments: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(removeSegments),
+ type: 'Removal', cancel: false
+ };
+ }
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_4__["DiagramEvent"].segmentCollectionChange, args);
+ if (!args.cancel) {
+ connector.segments.splice(index, 2);
+ if (segment.direction === 'Top' || segment.direction === 'Bottom') {
+ last.points[0].y = segment.points[0].y;
+ first.points[first.points.length - 1].x = last.points[0].x;
+ }
+ else {
+ last.points[0].x = segment.points[0].x;
+ first.points[first.points.length - 1].y = last.points[0].y;
+ }
+ }
+ }
+ else {
+ removeSegments = connector.segments.slice(index + 1, 1);
+ args = {
+ element: connector, removeSegments: removeSegments, type: 'Removal', cancel: false
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_9__["isBlazor"])()) {
+ args = {
+ element: connector, removeSegments: removeSegments, type: 'Removal', cancel: false
+ };
+ }
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_4__["DiagramEvent"].segmentCollectionChange, args);
+ if (!args.cancel) {
+ connector.segments.splice(index + 1, 1);
+ if (segment.direction === 'Top' || segment.direction === 'Bottom') {
+ first.points[first.points.length - 1].x = next.points[next.points.length - 1].x;
+ }
+ else {
+ first.points[first.points.length - 1].y = next.points[next.points.length - 1].y;
+ }
+ this.findSegmentDirection(first);
+ segment.length = segment.direction = null;
+ }
+ }
+ if (first && last && !args.cancel) {
+ first.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(first.points[0], last.points[0]);
+ first.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(first.points[0], last.points[0]);
+ if (last.length || last.length === 0) {
+ last.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(first.points[first.points.length - 1], last.points[last.points.length - 1]);
+ var point1 = first.points;
+ var point2 = last.points;
+ last.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(point1[point1.length - 1], point2[point2.length - 1]);
+ }
+ }
+ };
+ ConnectorEditing.prototype.addOrRemoveSegment = function (connector, point) {
+ var updateSeg;
+ var segmentIndex;
+ var oldValues = { segments: connector.segments };
+ for (var i = 0; i < connector.segments.length; i++) {
+ var segment = (connector.segments)[parseInt(i.toString(), 10)];
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_5__["contains"])(point, segment.point, connector.hitPadding)) {
+ segmentIndex = i;
+ updateSeg = true;
+ }
+ }
+ if (updateSeg && segmentIndex !== undefined) {
+ if (connector.segments && connector.segments[parseInt(segmentIndex.toString(), 10)] && connector.segments[parseInt(segmentIndex.toString(), 10)].type === 'Straight') {
+ var segment = connector.segments[parseInt(segmentIndex.toString(), 10)];
+ var previous = connector.segments[segmentIndex + 1];
+ if (previous) {
+ connector.segments.splice(segmentIndex, 1);
+ previous.points[0] = segment.points[0];
+ }
+ }
+ }
+ else {
+ this.commandHandler.enableServerDataBinding(false);
+ var index = this.findIndex(connector, point);
+ if (connector.segments && connector.segments[parseInt(index.toString(), 10)] && connector.segments[parseInt(index.toString(), 10)].type === 'Straight') {
+ var segment = connector.segments[parseInt(index.toString(), 10)];
+ var newseg = new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["StraightSegment"](connector, 'segments', { type: 'Straight', point: point }, true);
+ newseg.points[0] = segment.points[0];
+ newseg.points[1] = point;
+ segment.points[0] = point;
+ connector.segments.splice(index, 0, newseg);
+ updateSeg = true;
+ }
+ this.commandHandler.enableServerDataBinding(true);
+ }
+ if (updateSeg) {
+ this.commandHandler.updateEndPoint(connector, oldValues);
+ }
+ };
+ ConnectorEditing.prototype.findIndex = function (connector, point) {
+ var intersectingSegs = [];
+ for (var i = 0; i < connector.segments.length; i++) {
+ var segment = connector.segments[parseInt(i.toString(), 10)];
+ var rect = _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"].toBounds([segment.points[0], segment.points[1]]);
+ rect.Inflate(connector.hitPadding);
+ if (rect.containsPoint(point)) {
+ intersectingSegs.push(segment);
+ }
+ }
+ if (intersectingSegs.length === 1) {
+ return connector.segments.indexOf(intersectingSegs[0]);
+ }
+ else {
+ var ratio = void 0;
+ var min = void 0;
+ var index = void 0;
+ var seg = void 0;
+ var v = void 0;
+ var h = void 0;
+ for (var i = 0; i < intersectingSegs.length; i++) {
+ seg = intersectingSegs[parseInt(i.toString(), 10)];
+ v = (point.y - seg.points[0].y) / (seg.points[1].y - point.y);
+ h = (point.x - seg.points[0].x) / (seg.points[1].x - point.x);
+ ratio = Math.abs(v - h);
+ if (i === 0) {
+ min = ratio;
+ index = 0;
+ }
+ if (ratio < min) {
+ min = ratio;
+ index = i;
+ }
+ }
+ return connector.segments.indexOf(intersectingSegs[parseInt(index.toString(), 10)]);
+ }
+ };
+ ConnectorEditing.prototype.dragOrthogonalSegment = function (obj, segment, point, segmentIndex) {
+ var segmentPoint = { x: 0, y: 0 };
+ var oldValues = { segments: obj.segments };
+ segmentPoint.x = ((segment.points[parseInt(segmentIndex.toString(), 10)].x + segment.points[segmentIndex + 1].x) / 2);
+ segmentPoint.y = ((segment.points[parseInt(segmentIndex.toString(), 10)].y + segment.points[segmentIndex + 1].y) / 2);
+ var ty = point.y - segmentPoint.y;
+ var tx = point.x - segmentPoint.x;
+ var index = obj.segments.indexOf(segment);
+ var update = false;
+ //const orientation: string = (segment.points[0].y.toFixed(2) === segment.points[1].y.toFixed(2)) ? 'horizontal' : 'vertical';
+ //const prevSegment: OrthogonalSegmentModel; const nextSegment: OrthogonalSegmentModel;
+ // EJ2-65063 - If the allowNodeOverlap is set as true means then we set the segment index which is going to drag in selectedSegmentIndex property
+ if (obj.allowNodeOverlap) {
+ obj.selectedSegmentIndex = index ? index : segmentIndex;
+ }
+ if (index !== -1) {
+ if (index === 0 && obj.segments.length === 1 && segment.points.length === 2) {
+ index = this.addSegments(obj, segment, tx, ty, index);
+ update = true;
+ }
+ else if (index === obj.segments.length - 1 && (segment.direction === null || segment.length === null)) {
+ index = this.addTerminalSegment(obj, segment, tx, ty, segmentIndex);
+ update = true;
+ }
+ else if (index === 0) {
+ index = this.insertFirstSegment(obj, segment, tx, ty, index);
+ update = true;
+ }
+ if (index) {
+ if (update) {
+ this.selectedSegment = segment = obj.segments[parseInt(index.toString(), 10)];
+ this.segmentIndex = 0;
+ }
+ this.updateAdjacentSegments(obj, index, tx, ty);
+ this.commandHandler.updateEndPoint(obj, oldValues);
+ }
+ }
+ return true;
+ };
+ ConnectorEditing.prototype.addSegments = function (obj, segment, tx, ty, coll) {
+ var index;
+ var segments = []; //let len: number;
+ var length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(segment.points[0], segment.points[1]);
+ var segmentDirection = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(segment.points[0], segment.points[1]);
+ segments.push(new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["OrthogonalSegment"](obj, 'segments', { type: 'Orthogonal', direction: segmentDirection, length: length / 4 }, true));
+ var direction = (segment.points[0].y === segment.points[1].y) ? ((ty > 0) ? 'Bottom' : 'Top') : ((tx > 0) ? 'Right' : 'Left');
+ var len = (segment.points[0].x === segment.points[1].x) ? ty : tx;
+ segments.push(new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["OrthogonalSegment"](obj, 'segments', { type: 'Orthogonal', direction: direction, length: len }, true));
+ segments.push(new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["OrthogonalSegment"](obj, 'segments', { type: 'Orthogonal', direction: segmentDirection, length: length / 2 }, true));
+ var args = {
+ element: obj, addSegments: segments, type: 'Addition', cancel: false
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_9__["isBlazor"])()) {
+ args = {
+ addSegments: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(segments), type: 'Addition',
+ cancel: args.cancel, element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(obj)
+ };
+ }
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_4__["DiagramEvent"].segmentCollectionChange, args);
+ if (!args.cancel) {
+ obj.segments = segments.concat(obj.segments);
+ index = coll + 2;
+ }
+ return index;
+ };
+ // eslint-disable-next-line
+ ConnectorEditing.prototype.insertFirstSegment = function (obj, segment, tx, ty, coll) {
+ var direction;
+ var length;
+ var segments = [];
+ var segValues;
+ var index;
+ var insertseg;
+ if (obj.sourcePortID && segment.length && obj.segments[0].points.length > 2) {
+ var prev = void 0;
+ for (var i = 0; i < segment.points.length - 1; i++) {
+ var len = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(segment.points[parseInt(i.toString(), 10)], segment.points[i + 1]);
+ var dir = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(segment.points[parseInt(i.toString(), 10)], segment.points[i + 1]);
+ insertseg = new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["OrthogonalSegment"](obj, 'segments', { type: 'Orthogonal', direction: dir, length: len }, true);
+ if (insertseg.length === 0) {
+ if (prev && (prev.direction === 'Top' || prev.direction === 'Bottom')) {
+ insertseg.direction = tx > 0 ? 'Right' : 'Left';
+ }
+ else {
+ insertseg.direction = ty > 0 ? 'Bottom' : 'Top';
+ }
+ }
+ prev = insertseg;
+ segments.push(insertseg);
+ }
+ }
+ else {
+ segValues = { type: 'Orthogonal', direction: segment.direction, length: segment.length / 3 };
+ segments.push(new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["OrthogonalSegment"](obj, 'segments', segValues, true));
+ if (segment.direction === 'Bottom' || segment.direction === 'Top') {
+ length = Math.abs(tx);
+ direction = tx > 0 ? 'Right' : 'Left';
+ }
+ else {
+ length = Math.abs(ty);
+ direction = ty > 0 ? 'Bottom' : 'Top';
+ }
+ insertseg = new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["OrthogonalSegment"](obj, 'segments', { type: 'Orthogonal', direction: direction, length: length }, true);
+ segments.push(insertseg);
+ }
+ var args = {
+ element: obj, addSegments: segments, type: 'Addition', cancel: false
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_9__["isBlazor"])()) {
+ args = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(obj), addSegments: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(segments), type: 'Addition',
+ cancel: args.cancel
+ };
+ }
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_4__["DiagramEvent"].segmentCollectionChange, args);
+ if (!args.cancel) {
+ if (obj.sourcePortID && segment.length && obj.segments[0].points.length > 2) {
+ obj.segments.splice(0, 1);
+ index = 1;
+ }
+ else {
+ var nextseg = obj.segments[1];
+ if (nextseg && nextseg.length) {
+ nextseg.length = (direction !== nextseg.direction) ? nextseg.length + length : nextseg.length - length;
+ }
+ index = 2;
+ segment.length = 2 * segment.length / 3;
+ }
+ obj.segments = segments.concat(obj.segments);
+ }
+ return index;
+ };
+ ConnectorEditing.prototype.updateAdjacentSegments = function (obj, index, tx, ty) {
+ var current = obj.segments[parseInt(index.toString(), 10)];
+ var endPoint = current.points[current.points.length - 1];
+ var startPoint = current.points[0];
+ var isNextUpdate = true;
+ if (current.type === 'Orthogonal') {
+ current.points[0] = startPoint;
+ current.points[current.points.length - 1] = endPoint;
+ var prev = obj.segments[index - 1];
+ if (prev) {
+ isNextUpdate = this.updatePreviousSegment(tx, ty, obj, index);
+ }
+ if (obj.segments.length - 1 > index && isNextUpdate) {
+ var nextSegment = obj.segments[index + 1];
+ this.updateNextSegment(obj, current, nextSegment, tx, ty);
+ }
+ }
+ };
+ ConnectorEditing.prototype.addTerminalSegment = function (connector, segment, tx, ty, segmentIndex) {
+ //const oldValues: Connector = { segments: connector.segments } as Connector;
+ var index = connector.segments.indexOf(segment);
+ var first;
+ var insertseg;
+ var len;
+ var dir;
+ var segments = [];
+ var removeSegment = connector.segments.pop();
+ var last = connector.segments[connector.segments.length - 1];
+ first = (last && last.type === 'Orthogonal') ? last : null;
+ for (var i = 0; i < segment.points.length - 2; i++) {
+ len = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(segment.points[parseInt(i.toString(), 10)], segment.points[i + 1]);
+ dir = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(segment.points[parseInt(i.toString(), 10)], segment.points[i + 1]);
+ insertseg = new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal', length: len, direction: dir }, true);
+ segments.push(insertseg);
+ first = insertseg;
+ }
+ var sec = segmentIndex;
+ if (segment.points.length === 2 || sec === segment.points.length - 2) {
+ if (first) {
+ first.length += 5;
+ }
+ if (sec !== undefined) {
+ //let newseg: OrthogonalSegment;
+ len = 2 * _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(segment.points[segment.points.length - 2], segment.points[segment.points.length - 1]) / 3;
+ dir = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(segment.points[segment.points.length - 2], segment.points[segment.points.length - 1]);
+ var newseg = new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal', length: len, direction: dir });
+ segments.push(newseg);
+ }
+ }
+ var lastseg = new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segments.push(lastseg);
+ var args = {
+ element: connector, addSegments: segments, type: 'Addition', cancel: false
+ };
+ var args1;
+ args1 = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(connector), addSegments: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(segments),
+ type: 'Addition', cancel: args.cancel
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_9__["isBlazor"])()) {
+ args1 = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(connector), addSegments: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["cloneBlazorObject"])(segments),
+ type: 'Addition', cancel: args.cancel
+ };
+ }
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_4__["DiagramEvent"].segmentCollectionChange, args1);
+ if (!args1.cancel) {
+ connector.segments = connector.segments.concat(segments);
+ index = index + segmentIndex;
+ }
+ else {
+ connector.segments.push(removeSegment);
+ }
+ this.commandHandler.updateEndPoint(connector);
+ return index;
+ };
+ // eslint-disable-next-line
+ ConnectorEditing.prototype.updatePortSegment = function (prev, connector, index, tx, ty) {
+ if (index === 1 && prev.points.length === 2 && prev.length < 0) {
+ var source = connector.sourceWrapper.corners;
+ var current = connector.segments[parseInt(index.toString(), 10)];
+ var next = connector.segments[index + 1];
+ var newseg = void 0;
+ var segment = [];
+ newseg = new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal', length: 13, direction: prev.direction });
+ segment.push(newseg);
+ var len = void 0;
+ if (current.direction === 'Left') {
+ len = (current.points[0].x - (source.middleLeft.x - 20));
+ }
+ else if (current.direction === 'Right') {
+ len = ((source.middleRight.x + 20) - current.points[0].x);
+ }
+ else if (current.direction === 'Bottom') {
+ len = ((source.bottomCenter.y + 20) - current.points[0].y);
+ }
+ else {
+ len = (current.points[0].y - (source.topCenter.y - 20));
+ }
+ //const dir: Direction = current.direction;
+ newseg = new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal', length: len, direction: current.direction });
+ segment.push(newseg);
+ current.length = current.length - len;
+ if (next && next.length && next.direction) {
+ if (next.direction === prev.direction) {
+ next.length -= 13;
+ }
+ else if (next.direction === Object(_utility_connector__WEBPACK_IMPORTED_MODULE_6__["getOppositeDirection"])(prev.direction)) {
+ next.length += 13;
+ }
+ }
+ connector.segments = segment.concat(connector.segments);
+ this.selectedSegment = connector.segments[3];
+ }
+ };
+ ConnectorEditing.prototype.updatePreviousSegment = function (tx, ty, connector, index) {
+ var current = connector.segments[parseInt(index.toString(), 10)];
+ var prev = connector.segments[index - 1];
+ //const firstSegment: boolean = (index === 1) ? true : false;
+ prev.points[prev.points.length - 1] = current.points[0];
+ var isSourceNode = (connector.sourceID && connector.sourcePortID === '') ? false : true;
+ var isNextUpdate = true;
+ if (prev.type === 'Orthogonal') {
+ if (prev.direction === 'Bottom') {
+ prev.length += ty;
+ }
+ else if (prev.direction === 'Top') {
+ prev.length -= ty;
+ }
+ else if (prev.direction === 'Right') {
+ prev.length += tx;
+ }
+ else {
+ prev.length -= tx;
+ }
+ // EJ2-65063 - Added the below condition !allowNodeOverlap to prevent the segment to split into two segments while intersect with source node.
+ if (connector.sourcePortID !== '' && prev.length < 0 && !connector.allowNodeOverlap) {
+ this.updatePortSegment(prev, connector, index, tx, ty);
+ }
+ else if (connector.sourceID && connector.sourcePortID === '' && prev.length < 0 && index === 1) {
+ isNextUpdate = false;
+ this.updateFirstSegment(connector, current);
+ }
+ if (isSourceNode) {
+ this.changeSegmentDirection(prev, connector);
+ }
+ }
+ return isNextUpdate;
+ };
+ ConnectorEditing.prototype.changeSegmentDirection = function (segment, connector) {
+ if (!connector.maxSegmentThumb) {
+ if (segment.length < 0) {
+ segment.direction = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_6__["getOppositeDirection"])(segment.direction);
+ segment.length *= -1;
+ }
+ }
+ };
+ ConnectorEditing.prototype.updateNextSegment = function (obj, current, next, tx, ty) {
+ next.points[0] = current.points[current.points.length - 1];
+ if (next && next.type === 'Orthogonal') {
+ if (next.length || next.length === 0) {
+ if (next.direction === 'Left' || next.direction === 'Right') {
+ if (tx !== 0) {
+ next.length = (next.direction === 'Right') ? next.length - tx : next.length + tx;
+ if (next.length || next.length === 0) {
+ this.changeSegmentDirection(next, obj);
+ }
+ }
+ }
+ else {
+ if (ty !== 0) {
+ next.length = (next.direction === 'Bottom') ? next.length - ty : next.length + ty;
+ if (next.length || next.length === 0) {
+ this.changeSegmentDirection(next, obj);
+ }
+ }
+ }
+ }
+ }
+ };
+ ConnectorEditing.prototype.updateFirstSegment = function (connector, selectedSegment) {
+ var index = connector.segments.indexOf(selectedSegment);
+ var insertfirst = false;
+ var current = connector.segments[parseInt(index.toString(), 10)];
+ var prev = connector.segments[index - 1];
+ var con = connector;
+ var sourcePoint;
+ var oldValues = { segments: connector.segments };
+ if (prev.length < 0 && connector.sourceID) {
+ var sourceNode = connector.sourceWrapper.corners;
+ var segments = [];
+ var segValues = void 0;
+ var removeCurrentPrev = false;
+ this.changeSegmentDirection(current, connector);
+ var next = connector.segments[index + 1];
+ var nextNext = connector.segments[index + 2];
+ if (next) {
+ this.changeSegmentDirection(next, connector);
+ }
+ if (nextNext) {
+ this.changeSegmentDirection(nextNext, connector);
+ }
+ switch (prev.direction) {
+ case 'Top':
+ case 'Bottom':
+ sourcePoint = (current.length > 0 && current.direction === 'Left') ? sourceNode.middleLeft : sourceNode.middleRight;
+ if (current.length > sourceNode.width / 2) {
+ if (Math.abs(prev.length) < sourceNode.height / 2) {
+ prev.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(sourceNode.center, prev.points[prev.points.length - 1]);
+ current.points[0].x = sourcePoint.x;
+ current.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(current.points[0], current.points[current.points.length - 1]);
+ current.length -= 20;
+ insertfirst = true;
+ }
+ }
+ else {
+ if (next && next.direction && next.length) {
+ next.points[0].y = sourcePoint.y;
+ next.points[0].x = next.points[next.points.length - 1].x = (current.direction === 'Right') ?
+ sourcePoint.x + 20 : sourcePoint.x - 20;
+ }
+ insertfirst = true;
+ removeCurrentPrev = true;
+ }
+ break;
+ case 'Left':
+ case 'Right':
+ sourcePoint = (current.length > 0 && current.direction === 'Top') ? sourceNode.topCenter : sourceNode.bottomCenter;
+ if (current.length > sourceNode.height / 2) {
+ if (Math.abs(prev.length) < sourceNode.width / 2) {
+ prev.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(sourceNode.center, prev.points[prev.points.length - 1]);
+ current.points[0].y = sourcePoint.y;
+ current.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(current.points[0], current.points[current.points.length - 1]);
+ current.length -= 20;
+ insertfirst = true;
+ }
+ }
+ else {
+ if (next && next.direction && next.length) {
+ next.points[0].x = sourcePoint.x;
+ next.points[0].y = next.points[next.points.length - 1].y = (current.direction === 'Bottom') ?
+ sourcePoint.y + 20 : sourcePoint.y - 20;
+ }
+ insertfirst = true;
+ removeCurrentPrev = true;
+ }
+ break;
+ }
+ this.changeSegmentDirection(prev, connector);
+ this.changeSegmentDirection(current, connector);
+ if (insertfirst) {
+ segValues = { type: 'Orthogonal', direction: current.direction, length: 20 };
+ segments.push(new _objects_connector__WEBPACK_IMPORTED_MODULE_7__["OrthogonalSegment"](connector, 'segments', segValues, true));
+ if (removeCurrentPrev) {
+ if (next && next.direction && next.length) {
+ next.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(next.points[0], next.points[next.points.length - 1]);
+ }
+ if (nextNext && nextNext.direction && nextNext.length) {
+ nextNext.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(next.points[next.points.length - 1], nextNext.points[nextNext.points.length - 1]);
+ }
+ connector.segments.splice(index - 1, 2);
+ }
+ connector.segments = segments.concat(connector.segments);
+ }
+ this.selectedSegment = ((removeCurrentPrev) ? connector.segments[index - 1] :
+ connector.segments[index + 1]);
+ this.commandHandler.updateEndPoint(connector, oldValues);
+ }
+ };
+ ConnectorEditing.prototype.updateLastSegment = function (connector, selectedSegment) {
+ if (connector.targetID && connector.targetPortID === '') {
+ var line1Start = void 0;
+ var line1End = void 0;
+ var line2Start = void 0;
+ var line2End = void 0;
+ var corners = connector.targetWrapper.corners;
+ var firstSegPoint = selectedSegment.points[0];
+ var lastSegPoint = selectedSegment.points[selectedSegment.points.length - 1];
+ if (selectedSegment.direction === 'Right' || selectedSegment.direction === 'Left') {
+ line1Start = { x: firstSegPoint.x, y: firstSegPoint.y };
+ line1End = {
+ x: (selectedSegment.direction === 'Left') ? lastSegPoint.x - corners.width / 2 : lastSegPoint.x + corners.width / 2,
+ y: lastSegPoint.y
+ };
+ line2Start = { x: corners.center.x, y: corners.center.y - corners.height };
+ line2End = { x: corners.center.x, y: corners.center.y + corners.height };
+ }
+ else {
+ line1Start = { x: firstSegPoint.x, y: firstSegPoint.y };
+ line1End = {
+ x: lastSegPoint.x,
+ y: (selectedSegment.direction === 'Bottom') ? lastSegPoint.y + corners.height / 2 : lastSegPoint.y - corners.height / 2
+ };
+ line2Start = { x: corners.center.x - corners.width, y: corners.center.y };
+ line2End = { x: corners.center.x + corners.width, y: corners.center.y };
+ }
+ var line1 = { x1: line1Start.x, y1: line1Start.y, x2: line1End.x, y2: line1End.y };
+ var line2 = { x1: line2Start.x, y1: line2Start.y, x2: line2End.x, y2: line2End.y };
+ return (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["intersect3"])(line1, line2).enabled);
+ }
+ return false;
+ };
+ /**
+ *To destroy the module
+ *
+ * @returns {void} To destroy the module
+ */
+ ConnectorEditing.prototype.destroy = function () {
+ /**
+ * Destroys the connector editing module
+ */
+ };
+ /**
+ * Get module name.
+ */
+ /**
+ * Get module name.\
+ *
+ * @returns { string } Get module name.\
+ */
+ ConnectorEditing.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'ConnectorEditingTool';
+ };
+ return ConnectorEditing;
+}(_tool__WEBPACK_IMPORTED_MODULE_8__["ToolBase"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/container-interaction.js":
+/*!*************************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/container-interaction.js ***!
+ \*************************************************************************************************/
+/*! exports provided: updateCanvasBounds, removeChildInContainer, findBounds, createHelper, renderContainerHelper, checkParentAsContainer, checkChildNodeInContainer, addChildToContainer, updateLaneBoundsAfterAddChild, renderStackHighlighter, moveChildInStack */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateCanvasBounds", function() { return updateCanvasBounds; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeChildInContainer", function() { return removeChildInContainer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findBounds", function() { return findBounds; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createHelper", function() { return createHelper; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "renderContainerHelper", function() { return renderContainerHelper; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkParentAsContainer", function() { return checkParentAsContainer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkChildNodeInContainer", function() { return checkChildNodeInContainer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addChildToContainer", function() { return addChildToContainer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateLaneBoundsAfterAddChild", function() { return updateLaneBoundsAfterAddChild; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "renderStackHighlighter", function() { return renderStackHighlighter; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "moveChildInStack", function() { return moveChildInStack; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _diagram__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../diagram */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utility/swim-lane-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/swim-lane-util.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Interaction for Container
+ */
+//#region canvas Container interaction
+/**
+ * updateCanvasBounds method\
+ *
+ * @returns { void } updateCanvasBounds method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel | ConnectorModel} obj - provide the isVertical value.
+ * @param {PointModel} position - provide the position value.
+ * @param {boolean} isBoundsUpdate - provide the isBoundsUpdate value.
+ * @private
+ */
+function updateCanvasBounds(diagram, obj, position, isBoundsUpdate) {
+ var container;
+ var connectorList = [];
+ var groupAction = false;
+ if (checkParentAsContainer(diagram, obj, true)) {
+ diagram.protectPropertyChange(true);
+ container = diagram.nameTable[obj.parentId];
+ var wrapper = container.wrapper;
+ if (container && container.container.type === 'Canvas') {
+ if ((isBoundsUpdate || (wrapper.bounds.x <= position.x && wrapper.bounds.right >= position.x &&
+ (wrapper.bounds.y <= position.y && wrapper.bounds.bottom >= position.y)))) {
+ var parentWrapper = void 0;
+ var y = wrapper.bounds.y;
+ var x = wrapper.bounds.x;
+ var parent_1 = diagram.nameTable[container.parentId] || container;
+ var shape = parent_1.shape;
+ if (shape.type === 'SwimLane') {
+ groupAction = updateLaneBoundsAfterAddChild(container, parent_1, obj, diagram, true);
+ }
+ else {
+ var parent_2 = diagram.nameTable[container.parentId] || container;
+ var shape_1 = parent_2.shape;
+ parentWrapper = parent_2.wrapper;
+ if (wrapper.actualSize.width < wrapper.outerBounds.width &&
+ (!(wrapper.bounds.x > wrapper.outerBounds.x))) {
+ if (container.rowIndex !== undefined) {
+ //const columnIndex:number = parent.columns.length - 1;
+ parentWrapper.updateColumnWidth(container.columnIndex, wrapper.outerBounds.width, true);
+ if (shape_1.orientation === 'Horizontal' && shape_1.phaseSize) {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_8__["updatePhaseMaxWidth"])(parent_2, diagram, wrapper, container.columnIndex);
+ }
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_8__["updateHeaderMaxWidth"])(diagram, parent_2);
+ diagram.drag(parent_2, x - wrapper.bounds.x, y - wrapper.bounds.y);
+ }
+ else {
+ diagram.scale(container, (1 + ((wrapper.outerBounds.width - wrapper.actualSize.width) / wrapper.actualSize.width)), 1, ((wrapper.outerBounds.x < wrapper.bounds.x) ? { x: 1, y: 0.5 } : { x: 0, y: 0.5 }));
+ }
+ }
+ if (wrapper.actualSize.height < wrapper.outerBounds.height &&
+ (!(wrapper.bounds.y > wrapper.outerBounds.y))) {
+ if (container.rowIndex !== undefined) {
+ parentWrapper.updateRowHeight(container.rowIndex, wrapper.outerBounds.height, true);
+ diagram.drag(parent_2, x - wrapper.bounds.x, y - wrapper.bounds.y);
+ }
+ else {
+ diagram.scale(container, 1, (1 + ((wrapper.outerBounds.height - wrapper.actualSize.height) / wrapper.actualSize.height)), ((wrapper.outerBounds.y < wrapper.bounds.y) ? { x: 0.5, y: 1 } : { x: 0.5, y: 0 }));
+ }
+ }
+ }
+ }
+ diagram.select([obj]);
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_8__["updateConnectorsProperties"])(connectorList, diagram);
+ }
+ diagram.protectPropertyChange(false);
+ }
+ return groupAction;
+}
+/**
+ * removeChildInContainer method\
+ *
+ * @returns { void } removeChildInContainer method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel | ConnectorModel} obj - provide the isVertical value.
+ * @param {PointModel} position - provide the position value.
+ * @param {boolean} isBoundsUpdate - provide the isBoundsUpdate value.
+ * @private
+ */
+function removeChildInContainer(diagram, obj, position, isBoundsUpdate) {
+ var container; //let connectorList: string[] = [];
+ if (checkParentAsContainer(diagram, obj, true)) {
+ var isProtectedOnChange = 'isProtectedOnChange';
+ var propertyChangeValue = diagram["" + isProtectedOnChange];
+ diagram.protectPropertyChange(true);
+ container = diagram.nameTable[obj.parentId];
+ var wrapper = container.wrapper;
+ if (container && container.container.type === 'Canvas') {
+ if ((!isBoundsUpdate && (!(wrapper.bounds.x <= position.x && wrapper.bounds.right >= position.x &&
+ (wrapper.bounds.y <= position.y && wrapper.bounds.bottom >= position.y))))) {
+ if (!(obj.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["NodeConstraints"].AllowMovingOutsideLane)) {
+ var undoObj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(obj);
+ diagram.clearSelection();
+ removeChildrenInLane(diagram, obj);
+ obj.parentId = '';
+ //EJ2-65676 - Exception throws on updating node annotation after drag and drop from swimlane to diagram canvas.
+ obj.parentObj = diagram;
+ obj.propName = 'nodes';
+ var entry = {
+ type: 'ChildCollectionChanged', category: 'Internal',
+ undoObject: undoObj, redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(obj)
+ };
+ diagram.addHistoryEntry(entry);
+ if (diagram.commandHandler.isContainer) {
+ diagram.commandHandler.isContainer = false;
+ diagram.endGroupAction();
+ }
+ moveSwinLaneChild(obj, diagram);
+ }
+ }
+ }
+ diagram.protectPropertyChange(propertyChangeValue);
+ }
+}
+/**
+ * findBounds method\
+ *
+ * @returns { NodeModel | ConnectorModel } findBounds method .\
+ * @param {NodeModel} obj - provide the diagram value.
+ * @param {number} columnIndex - provide the isVertical value.
+ * @param {boolean} isHeader - provide the isVertical value.
+ * @private
+ */
+function findBounds(obj, columnIndex, isHeader) {
+ var rect = new _primitives_rect__WEBPACK_IMPORTED_MODULE_6__["Rect"]();
+ var rows = (obj.shape.type === 'SwimLane') ?
+ obj.wrapper.children[0].rows : obj.wrapper.rows;
+ for (var i = ((isHeader) ? 1 : 0); i < rows.length; i++) {
+ rect.uniteRect(rows[parseInt(i.toString(), 10)].cells[parseInt(columnIndex.toString(), 10)].bounds);
+ }
+ return rect;
+}
+/**
+ * createHelper method\
+ *
+ * @returns { NodeModel | ConnectorModel } createHelper method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel | ConnectorModel} obj - provide the isVertical value.
+ * @private
+ */
+function createHelper(diagram, obj) {
+ var newObj;
+ var cloneObject = {};
+ for (var _i = 0, _a = Object.keys(obj); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ cloneObject["" + prop] = obj["" + prop];
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_5__["getObjectType"])(obj) === _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"]) {
+ newObj = new _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"](diagram, 'nodes', cloneObject, true);
+ newObj.id = obj.id;
+ diagram.initObject(newObj);
+ }
+ diagram.updateDiagramObject(newObj);
+ return newObj;
+}
+/**
+ * renderContainerHelper method\
+ *
+ * @returns { NodeModel | ConnectorModel } renderContainerHelper method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel | ConnectorModel} obj - provide the isVertical value.
+ * @private
+ */
+function renderContainerHelper(diagram, obj) {
+ diagram.enableServerDataBinding(false);
+ var object;
+ var container;
+ var nodes;
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) || (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && (diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramAction"].ToolAction))) {
+ if (diagram.selectedObject.helperObject) {
+ nodes = diagram.selectedObject.helperObject;
+ }
+ else if (diagram.selectedItems.nodes.length > 0 || diagram.selectedItems.connectors.length > 0) {
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Selector"] && obj.nodes.length + obj.connectors.length === 1) {
+ object = (obj.nodes.length > 0) ? obj.nodes[0] : obj.connectors[0];
+ container = diagram.selectedItems.wrapper.children[0];
+ }
+ else {
+ object = obj;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ if (obj === diagram.selectedItems.nodes[0]) {
+ container = diagram.selectedItems.wrapper;
+ }
+ else {
+ container = obj.wrapper;
+ }
+ }
+ else {
+ container = diagram.selectedItems.wrapper;
+ }
+ }
+ diagram.selectedObject.actualObject = object;
+ if ((!diagram.currentSymbol) && (((object.isLane && Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_8__["canLaneInterchange"])(object, diagram) &&
+ checkParentAsContainer(diagram, object))
+ || ((!object.isLane) && checkParentAsContainer(diagram, object))) ||
+ ((diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramConstraints"].LineRouting) && diagram.selectedItems.nodes.length > 0))) {
+ var node = {
+ id: 'helper',
+ rotateAngle: container.rotateAngle,
+ offsetX: container.offsetX, offsetY: container.offsetY,
+ minWidth: container.minWidth, minHeight: container.minHeight,
+ maxWidth: container.maxWidth, maxHeight: container.maxHeight,
+ width: container.actualSize.width,
+ height: container.actualSize.height,
+ style: { strokeDashArray: '2 2', fill: 'transparent', strokeColor: '#7D7D7D', strokeWidth: 2 }
+ };
+ nodes = createHelper(diagram, node);
+ diagram.selectedObject.helperObject = nodes;
+ }
+ }
+ }
+ diagram.enableServerDataBinding(true);
+ return nodes;
+}
+/**
+ * checkParentAsContainer method\
+ *
+ * @returns { void } checkParentAsContainer method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel | ConnectorModel} obj - provide the isVertical value.
+ * @param {boolean} isChild - provide the isChild value.
+ * @private
+ */
+function checkParentAsContainer(diagram, obj, isChild) {
+ var parentNode = (isChild) ? diagram.nameTable[obj.parentId] :
+ (diagram.nameTable[obj.parentId] || obj);
+ if (parentNode && parentNode.container) {
+ return true;
+ }
+ return false;
+}
+/**
+ * checkChildNodeInContainer method\
+ *
+ * @returns { void } checkChildNodeInContainer method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} obj - provide the isVertical value.
+ * @private
+ */
+function checkChildNodeInContainer(diagram, obj) {
+ var parentNode = diagram.nameTable[obj.parentId];
+ if (parentNode.container.type === 'Canvas') {
+ obj.margin.left = (obj.offsetX - parentNode.wrapper.bounds.x - (obj.width / 2));
+ obj.margin.top = (obj.offsetY - parentNode.wrapper.bounds.y - (obj.height / 2));
+ }
+ diagram.nodePropertyChange(obj, {}, {
+ width: obj.width, height: obj.height,
+ offsetX: obj.offsetX, offsetY: obj.offsetY,
+ margin: {
+ left: obj.margin.left,
+ right: obj.margin.right, top: obj.margin.top,
+ bottom: obj.margin.bottom
+ }, rotateAngle: obj.rotateAngle
+ });
+ if (!parentNode.isLane) {
+ parentNode.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_3__["Size"]());
+ parentNode.wrapper.arrange(parentNode.wrapper.desiredSize);
+ }
+}
+function removeChildrenInLane(diagram, node) {
+ if (node.parentId && node.parentId !== '') {
+ var prevParentNode = diagram.nameTable[node.parentId];
+ if (prevParentNode.isLane && prevParentNode.parentId) {
+ var swimlane = diagram.nameTable[prevParentNode.parentId];
+ var canvasId = (prevParentNode.id.slice(swimlane.id.length));
+ var prevParentId = canvasId.substring(0, canvasId.length - 1);
+ var lanes = swimlane.shape.lanes;
+ var lane = void 0;
+ for (var i = 0; i < lanes.length; i++) {
+ lane = lanes[parseInt(i.toString(), 10)];
+ if (prevParentId === lane.id) {
+ for (var j = 0; j < lane.children.length; j++) {
+ if (lane.children[parseInt(j.toString(), 10)].id === node.id) {
+ lane.children.splice(j, 1);
+ j--;
+ }
+ }
+ }
+ }
+ }
+ diagram.deleteChild(node);
+ }
+}
+/**
+ * addChildToContainer method\
+ *
+ * @returns { void } addChildToContainer method .\
+ * @param {DiagramElement} diagram - provide the element value.
+ * @param {boolean} parent - provide the isVertical value.
+ * @param {PointModel} node - provide the node value.
+ * @param {Diagram} isUndo - provide the isUndo value.
+ * @param {boolean} historyAction - provide the historyAction value.
+ * @private
+ */
+function addChildToContainer(diagram, parent, node, isUndo, historyAction) {
+ if (!diagram.currentSymbol) {
+ diagram.protectPropertyChange(true);
+ var swimlane = diagram.nameTable[parent.parentId];
+ node = diagram.getObject(node.id) || node;
+ var child = (diagram.nodes.indexOf(node) !== -1) ? node.id : node;
+ if (parent.container.type === 'Canvas' && !historyAction) {
+ var left = (node.wrapper.offsetX - node.wrapper.actualSize.width / 2) -
+ (parent.wrapper.offsetX - parent.wrapper.actualSize.width / 2);
+ var top_1 = (node.wrapper.offsetY - node.wrapper.actualSize.height / 2) -
+ (parent.wrapper.offsetY - parent.wrapper.actualSize.height / 2);
+ node.margin.left = left;
+ node.margin.top = top_1;
+ }
+ else if (swimlane) {
+ var swimLaneBounds = swimlane.wrapper.bounds;
+ var parentBounds = parent.wrapper.bounds;
+ if (swimlane.shape.orientation === 'Horizontal') {
+ node.margin.left -= parentBounds.x - swimLaneBounds.x;
+ }
+ else {
+ var laneHeaderId = parent.parentId + swimlane.shape.lanes[0].id + '_0_header';
+ node.margin.top -= parentBounds.y - swimLaneBounds.y - diagram.nameTable["" + laneHeaderId].wrapper.bounds.height;
+ }
+ }
+ var container = diagram.nameTable[parent.id];
+ if (!container.children) {
+ container.children = [];
+ }
+ if (container.children.indexOf(node.id) === -1) {
+ removeChildrenInLane(diagram, node);
+ if (diagram.getObject(node.id)) {
+ diagram.removeElements(node);
+ }
+ var undoObj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(node);
+ diagram.addChild(container, child);
+ node = diagram.getObject(node.id);
+ if (container.isLane && container.parentId) {
+ swimlane = diagram.nameTable[container.parentId];
+ // EJ2-63939 - Check whether the lane child is BPMN text node or not
+ if (node.shape.type === 'Bpmn' && node.shape.annotations && node.shape.annotations.length > 0) {
+ swimlane.isTextNode = true;
+ }
+ var lanes = swimlane.shape.lanes;
+ var canvasId = (container.id.slice(swimlane.id.length));
+ var currentParentId = canvasId.substring(0, canvasId.length - 1);
+ for (var i = 0; i < lanes.length; i++) {
+ if (container.isLane && currentParentId === lanes[parseInt(i.toString(), 10)].id) {
+ // eslint-disable-next-line
+ if (!(node.parentObj instanceof _diagram__WEBPACK_IMPORTED_MODULE_2__["Diagram"])) {
+ // eslint-disable-next-line
+ node.parentObj = lanes[parseInt(i.toString(), 10)];
+ }
+ if (!diagram.nameTable.hasOwnProperty(node.id)) {
+ lanes[parseInt(i.toString(), 10)].children.push(node);
+ }
+ }
+ }
+ }
+ diagram.updateDiagramObject(node);
+ moveSwinLaneChild(node, diagram);
+ if (!container.parentId) {
+ diagram.updateDiagramObject(container);
+ }
+ else if (!isUndo) {
+ updateLaneBoundsAfterAddChild(container, swimlane, node, diagram);
+ }
+ if (!(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramAction"].UndoRedo)) {
+ var entry = {
+ type: 'ChildCollectionChanged', category: 'Internal',
+ undoObject: undoObj, redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(node), historyAction: historyAction ? 'AddNodeToLane' : undefined
+ };
+ diagram.addHistoryEntry(entry);
+ }
+ }
+ diagram.protectPropertyChange(false);
+ }
+}
+function moveSwinLaneChild(node, diagram) {
+ var sourceNode = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_7__["getDiagramElement"])(node.id + '_groupElement', diagram.element.id);
+ var targetId = (node.parentId) ? node.parentId + '_groupElement' : diagram.element.id + '_diagramLayer';
+ var targetNode = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_7__["getDiagramElement"])(targetId, diagram.element.id);
+ if (sourceNode && targetNode) {
+ targetNode.appendChild(sourceNode);
+ }
+}
+function updateLaneBoundsAfterAddChild(container, swimLane, node, diagram, isBoundsUpdate) {
+ var undoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(container);
+ var isUpdateRow;
+ var isGroupAction = false;
+ var padding = swimLane.shape.padding;
+ var containerBounds = container.wrapper.bounds;
+ var containerOuterBounds = container.wrapper.outerBounds;
+ var nodeBounds = node.wrapper.bounds;
+ if (swimLane && swimLane.shape.type === 'SwimLane' &&
+ (containerBounds.right < nodeBounds.right + padding ||
+ containerBounds.bottom < nodeBounds.bottom + padding)) {
+ var grid = swimLane.wrapper.children[0];
+ var x = grid.bounds.x;
+ var y = grid.bounds.y;
+ var size = void 0;
+ if (containerBounds.right < nodeBounds.right + padding &&
+ containerOuterBounds.x <= containerBounds.x) {
+ size = nodeBounds.right - containerBounds.right;
+ isUpdateRow = false;
+ grid.updateColumnWidth(container.columnIndex, containerBounds.width + size, true, padding);
+ }
+ if (containerBounds.bottom < nodeBounds.bottom + padding &&
+ containerOuterBounds.y <= containerBounds.y) {
+ size = nodeBounds.bottom - containerBounds.bottom;
+ isUpdateRow = true;
+ grid.updateRowHeight(container.rowIndex, containerBounds.height + size, true, padding);
+ }
+ if (!(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramAction"].UndoRedo)) {
+ if (isBoundsUpdate) {
+ diagram.startGroupAction();
+ isGroupAction = true;
+ }
+ if (isUpdateRow !== undefined) {
+ var entry = {
+ category: 'Internal',
+ type: (isUpdateRow) ? 'RowHeightChanged' : 'ColumnWidthChanged',
+ undoObject: undoObject, redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(container)
+ };
+ diagram.addHistoryEntry(entry);
+ }
+ }
+ swimLane.width = swimLane.wrapper.width = grid.width;
+ swimLane.height = swimLane.wrapper.height = grid.height;
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_8__["swimLaneMeasureAndArrange"])(swimLane);
+ if (swimLane.shape.orientation === 'Horizontal') {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_8__["updatePhaseMaxWidth"])(swimLane, diagram, container.wrapper, container.columnIndex);
+ }
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_8__["updateHeaderMaxWidth"])(diagram, swimLane);
+ diagram.drag(swimLane, x - grid.bounds.x, y - grid.bounds.y);
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_8__["checkPhaseOffset"])(swimLane, diagram);
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_8__["checkLaneSize"])(swimLane);
+ }
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_8__["considerSwimLanePadding"])(diagram, node, padding);
+ diagram.updateDiagramElementQuad();
+ return isGroupAction;
+}
+//#endregion
+//# reginon stack panel interaction
+/**
+ * renderStackHighlighter method\
+ *
+ * @returns { void } renderStackHighlighter method .\
+ * @param {DiagramElement} element - provide the element value.
+ * @param {boolean} isVertical - provide the isVertical value.
+ * @param {PointModel} position - provide the position value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {boolean} isUml - provide the isUml value.
+ * @param {boolean} isSwimlane - provide the isSwimlane value.
+ * @private
+ */
+function renderStackHighlighter(element, isVertical, position, diagram, isUml, isSwimlane) {
+ var adornerSvg = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_7__["getAdornerLayerSvg"])(diagram.element.id);
+ diagram.diagramRenderer.renderStackHighlighter(element, adornerSvg, diagram.scroller.transform, isVertical, position, isUml, isSwimlane);
+}
+/**
+ * moveChildInStack method\
+ *
+ * @returns { void } moveChildInStack method .\
+ * @param {Node} sourceNode - provide the sourceNode value.
+ * @param {Node} target - provide the target value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {Actions} action - provide the action value.
+ * @private
+ */
+function moveChildInStack(sourceNode, target, diagram, action) {
+ var obj = sourceNode;
+ var parent = diagram.nameTable[obj.parentId];
+ var sourceParent = diagram.nameTable[obj.parentId];
+ if (target && sourceParent && sourceParent.container && sourceParent.container.type === 'Stack' &&
+ target.container && target.container.type === 'Stack' && (sourceParent.id !== target.parentId)) {
+ var value = sourceParent.wrapper.children.indexOf(obj.wrapper);
+ if (value > -1) {
+ diagram.nameTable[obj.id].parentId = target.id;
+ sourceParent.wrapper.children.splice(value, 1);
+ }
+ }
+ if (target && target.parentId && obj.parentId && action === 'Drag' &&
+ sourceParent.container && sourceParent.container.type === 'Stack') {
+ var targetIndex = parent.wrapper.children.indexOf(target.wrapper);
+ var sourceIndex = parent.wrapper.children.indexOf(obj.wrapper);
+ var undoElement = {
+ targetIndex: targetIndex, target: target,
+ sourceIndex: sourceIndex, source: sourceNode
+ };
+ parent.wrapper.children.splice(sourceIndex, 1);
+ parent.wrapper.children.splice(targetIndex, 0, obj.wrapper);
+ var redoElement = {
+ targetIndex: sourceIndex, target: target,
+ sourceIndex: targetIndex, source: sourceNode
+ };
+ var entry = {
+ type: 'StackChildPositionChanged', redoObject: redoElement,
+ undoObject: undoElement, category: 'Internal'
+ };
+ diagram.commandHandler.addHistoryEntry(entry);
+ }
+}
+//#end region
+//# region Swimlane rendering
+//#end region
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/event-handlers.js":
+/*!******************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/event-handlers.js ***!
+ \******************************************************************************************/
+/*! exports provided: DiagramEventHandler */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramEventHandler", function() { return DiagramEventHandler; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _core_containers_container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/containers/container */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/container.js");
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _tool__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tool */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/tool.js");
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _connector_editing__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./connector-editing */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/connector-editing.js");
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./actions */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/actions.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./../utility/constraints-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js");
+/* harmony import */ var _objects_tooltip__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../objects/tooltip */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/tooltip.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _core_elements_text_element__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../core/elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _primitives_matrix__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./../primitives/matrix */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/matrix.js");
+/* harmony import */ var _ruler_ruler__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../ruler/ruler */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/ruler/ruler.js");
+/* harmony import */ var _container_interaction__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./container-interaction */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/container-interaction.js");
+/* harmony import */ var _utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../utility/swim-lane-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/swim-lane-util.js");
+/* harmony import */ var _core_elements_html_element__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../core/elements/html-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/html-element.js");
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../index */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/index.js");
+/* harmony import */ var _objects_port__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../objects/port */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/port.js");
+/* eslint-disable jsdoc/require-returns */
+/* eslint-disable jsdoc/require-param */
+/* eslint-disable valid-jsdoc */
+/* eslint-disable no-case-declarations */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * This module handles the mouse and touch events
+ */
+var DiagramEventHandler = /** @__PURE__ @class */ (function () {
+ /** @private */
+ function DiagramEventHandler(diagram, commandHandler) {
+ this.currentAction = 'None';
+ this.previousAction = 'None';
+ /** @private */
+ this.focus = false;
+ this.isBlocked = false;
+ this.isMouseDown = false;
+ this.inAction = false;
+ this.doingAutoScroll = false;
+ this.diagram = null;
+ this.objectFinder = null;
+ this.tool = null;
+ this.eventArgs = null;
+ this.isKeyUp = true;
+ this.keyCount = 0;
+ this.isNudgeKey = false;
+ this.keyArgs = {};
+ this.diagram = diagram;
+ this.objectFinder = new ObjectFinder();
+ this.commandHandler = commandHandler;
+ }
+ Object.defineProperty(DiagramEventHandler.prototype, "action", {
+ get: function () {
+ return this.currentAction;
+ },
+ set: function (action) {
+ if (action !== this.currentAction) {
+ if (this.currentAction === 'PortDraw') {
+ this.diagram.tool &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramTools"].DrawOnce;
+ //EJ2-70550 - Connector disconnected from source and target while dragging mutliple selected element
+ if (this.diagram.currentDrawingObject) {
+ this.diagram.currentDrawingObject = null;
+ }
+ if (this.tool) {
+ this.tool.mouseUp({ position: this.currentPosition });
+ }
+ this.tool = null;
+ }
+ if (action === 'Rotate' || action === 'LabelRotate') {
+ this.diagram.diagramCanvas.classList.add('e-diagram-rotate');
+ }
+ else if (this.currentAction === 'Rotate' || this.currentAction === 'LabelRotate') {
+ this.diagram.diagramCanvas.classList.remove('e-diagram-rotate');
+ }
+ this.currentAction = action;
+ if (this.currentAction !== 'None' && this.currentAction !== 'Select' &&
+ !(this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].TextEdit) || this.commandHandler.isUserHandle(this.currentPosition)) {
+ this.diagram.diagramActions = this.diagram.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].ToolAction;
+ }
+ else {
+ this.diagram.diagramActions = this.diagram.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].ToolAction;
+ }
+ this.diagram.setCursor(this.diagram.getCursor(action, this.inAction));
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DiagramEventHandler.prototype, "blocked", {
+ get: function () {
+ return this.isBlocked;
+ },
+ set: function (blocked) {
+ this.isBlocked = blocked;
+ if (this.blocked) {
+ this.diagram.setCursor('not-allowed');
+ }
+ else {
+ this.diagram.setCursor(this.diagram.getCursor(this.action, this.inAction));
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /** @private */
+ DiagramEventHandler.prototype.getMousePosition = function (e) {
+ var touchArg;
+ var offsetX;
+ var offsetY;
+ if (e.type.indexOf('touch') !== -1) {
+ touchArg = e;
+ offsetX = touchArg.changedTouches[0].clientX;
+ offsetY = touchArg.changedTouches[0].clientY;
+ }
+ else {
+ offsetX = e.clientX;
+ offsetY = e.clientY;
+ }
+ var position = new _primitives_size__WEBPACK_IMPORTED_MODULE_14__["Size"]();
+ position = Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_18__["getRulerSize"])(this.diagram);
+ var boundingRect = this.diagram.element.getBoundingClientRect();
+ offsetX = offsetX + this.diagram.diagramCanvas.scrollLeft - boundingRect.left - position.width;
+ offsetY = offsetY + this.diagram.diagramCanvas.scrollTop - boundingRect.top - position.height;
+ offsetX /= this.diagram.scroller.transform.scale;
+ offsetY /= this.diagram.scroller.transform.scale;
+ offsetX -= this.diagram.scroller.transform.tx;
+ offsetY -= this.diagram.scroller.transform.ty;
+ return { x: offsetX, y: offsetY };
+ };
+ /**
+ * @private
+ */
+ DiagramEventHandler.prototype.windowResize = function (evt) {
+ var _this = this;
+ if (this.resizeTo) {
+ clearTimeout(this.resizeTo);
+ }
+ this.resizeTo = setTimeout(function () {
+ _this.updateViewPortSize(_this.diagram.element);
+ }, 300);
+ return false;
+ };
+ /**
+ * @private
+ */
+ DiagramEventHandler.prototype.updateViewPortSize = function (element) {
+ var container = document.getElementById(element.id);
+ if (container) {
+ var bounds = container.getBoundingClientRect();
+ this.diagram.scroller.setViewPortSize(bounds.width, bounds.height);
+ var position = new _primitives_size__WEBPACK_IMPORTED_MODULE_14__["Size"]();
+ position = Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_18__["getRulerSize"])(this.diagram);
+ var width = this.diagram.getSizeValue(this.diagram.width, position.width);
+ var height = this.diagram.getSizeValue(this.diagram.height, position.height);
+ this.diagram.diagramCanvas.style.width = width;
+ this.diagram.diagramCanvas.style.height = height;
+ this.diagram.scroller.setSize();
+ this.diagram.transformLayers();
+ if (this.diagram.rulerSettings.showRulers) {
+ Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_18__["updateRuler"])(this.diagram);
+ }
+ }
+ };
+ /** @private */
+ DiagramEventHandler.prototype.canHideResizers = function () {
+ return ((this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["MoveTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["RotateTool"]) && this.isMouseDown);
+ };
+ /** @private */
+ DiagramEventHandler.prototype.updateCursor = function () {
+ if ((this.diagram.selectedItems.nodes.length === 1 || this.diagram.selectedItems.connectors.length === 1)) {
+ var list = [];
+ list = list.concat(this.diagram.selectedItems.nodes, this.diagram.selectedItems.connectors);
+ // Bug fix - EJ2-44495 -Node does not gets selected on slight movement of mouse when drag constraints disabled for node
+ this.blocked = (this.eventArgs && this.eventArgs.source && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canMove"])(this.eventArgs.source)) ? false :
+ (this.isMouseDown && list.length === 1 && this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["SelectTool"] && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canMove"])(list[0]));
+ }
+ };
+ DiagramEventHandler.prototype.isForeignObject = function (target, isTextBox) {
+ var foreignobject = target;
+ if (foreignobject) {
+ while (foreignobject.parentNode !== null) {
+ if (typeof foreignobject.className === 'string' &&
+ ((!isTextBox && foreignobject.className.indexOf('foreign-object') !== -1) ||
+ (isTextBox && foreignobject.className.indexOf('e-diagram-text-edit') !== -1))) {
+ return foreignobject;
+ }
+ else {
+ foreignobject = foreignobject.parentNode;
+ }
+ }
+ }
+ return null;
+ };
+ DiagramEventHandler.prototype.isMetaKey = function (evt) {
+ //EJ2-55887 - added the beow code to perform pinch zoom in mac os and windows while pinch zoom all browser return ctrl key as true.
+ if (evt.type === 'mousewheel') {
+ return evt.ctrlKey;
+ }
+ else {
+ return navigator.platform.match('Mac') ? evt.metaKey : evt.ctrlKey;
+ }
+ };
+ DiagramEventHandler.prototype.renderUmlHighLighter = function (args) {
+ this.diagram.commandHandler.removeStackHighlighter();
+ var node = this.diagram.selectedItems.nodes[0];
+ if (node && node.container && node.container.type === 'Stack' && node.shape.type === 'UmlClassifier') {
+ var bound = node.wrapper.bounds;
+ if (!bound.containsPoint(this.currentPosition)) {
+ // eslint-disable-next-line max-len
+ var objects = this.diagram.findObjectsUnderMouse({ x: this.currentPosition.x - 20, y: this.currentPosition.y });
+ var target = this.diagram.findObjectUnderMouse(objects, this.action, this.inAction);
+ if (target && target.parentId && (target.parentId === node.id)) {
+ // eslint-disable-next-line max-len
+ var isVertical = this.diagram.nameTable[target.parentId].container.orientation === 'Vertical';
+ Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["renderStackHighlighter"])(target.wrapper, isVertical, args.position, this.diagram, true);
+ }
+ }
+ }
+ };
+ DiagramEventHandler.prototype.isDeleteKey = function (key, value) {
+ return (navigator.platform.match('Mac') && key === 'Backspace' && value === 'delete');
+ };
+ DiagramEventHandler.prototype.isMouseOnScrollBar = function (evt) {
+ var x = evt.offsetX;
+ var y = evt.offsetY;
+ var diagramCanvas = this.diagram.diagramCanvas;
+ var height = diagramCanvas.offsetHeight;
+ var width = diagramCanvas.offsetWidth;
+ var topLeft;
+ var topRight;
+ var bottomLeft;
+ var bottomRight;
+ var bounds;
+ if (height < diagramCanvas.scrollHeight) {
+ //default scrollbar width in browser is '17pixels'.
+ topLeft = { x: (width - 17), y: 0 };
+ topRight = { x: width, y: 0 };
+ bottomLeft = { x: (width - 17), y: height };
+ bottomRight = { x: width, y: height };
+ bounds = _primitives_rect__WEBPACK_IMPORTED_MODULE_16__["Rect"].toBounds([topLeft, topRight, bottomLeft, bottomRight]);
+ // EJ2-64563-Added below code to calculate the bounds x and y value if vertical offset != 0
+ if (this.diagram.scroller.verticalOffset !== 0) {
+ bounds.x = bounds.x - this.diagram.scroller.horizontalOffset;
+ bounds.y = bounds.y - this.diagram.scroller.verticalOffset;
+ }
+ if (bounds.containsPoint({ x: x, y: y })) {
+ return true;
+ }
+ }
+ if (width < diagramCanvas.scrollWidth) {
+ topLeft = { x: 0, y: (height - 17) };
+ topRight = { x: width, y: (height - 17) };
+ bottomLeft = { x: 0, y: height };
+ bottomRight = { x: width, y: height };
+ bounds = _primitives_rect__WEBPACK_IMPORTED_MODULE_16__["Rect"].toBounds([topLeft, topRight, bottomLeft, bottomRight]);
+ // EJ2-64563-Added below code to calculate the bounds x and y value if horizontal offset != 0
+ if (this.diagram.scroller.horizontalOffset !== 0) {
+ bounds.x = bounds.x - this.diagram.scroller.horizontalOffset;
+ bounds.y = bounds.y - this.diagram.scroller.verticalOffset;
+ }
+ if (bounds.containsPoint({ x: x, y: y })) {
+ return true;
+ }
+ }
+ return false;
+ };
+ /** @private */
+ DiagramEventHandler.prototype.updateVirtualization = function () {
+ var _this = this;
+ var delay = 50;
+ //let removeObjectInterval: Object;
+ var removeObjectInterval = setInterval(function (args) {
+ _this.diagram.removeVirtualObjects(removeObjectInterval);
+ }, delay);
+ setTimeout(function () {
+ _this.diagram.deleteVirtualObject = true;
+ }, delay);
+ };
+ DiagramEventHandler.prototype.checkPreviousAction = function () {
+ if (this.action !== this.previousAction && this.diagram.selectedItems.userHandles.length) {
+ for (var i = 0; i < this.diagram.selectedItems.userHandles.length; i++) {
+ if (this.previousAction && this.diagram.selectedItems.userHandles[parseInt(i.toString(), 10)]) {
+ this.checkUserHandleEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].onUserHandleMouseLeave);
+ this.previousAction = 'None';
+ }
+ }
+ }
+ };
+ DiagramEventHandler.prototype.checkUserHandleEvent = function (eventName) {
+ if (this.diagram.selectedItems && this.diagram.selectedItems.userHandles.length > 0) {
+ var currentAction = (eventName === _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].onUserHandleMouseLeave) ? this.previousAction : this.action;
+ var arg = { element: undefined };
+ for (var i = 0; i < this.diagram.selectedItems.userHandles.length; i++) {
+ if ((currentAction === this.diagram.selectedItems.userHandles[parseInt(i.toString(), 10)].name) ||
+ (eventName === _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].onUserHandleMouseUp && currentAction === 'Select')) {
+ arg.element = this.diagram.selectedItems.userHandles[parseInt(i.toString(), 10)];
+ if (eventName === _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].onUserHandleMouseEnter) {
+ this.previousAction = this.action;
+ // EJ2-32213- Added the below code to check whether the userhandle has tooltip content.
+ // If userhandle has tooltip content then we open the tooltip based on the userhandle shape
+ if (arg.element.tooltip && arg.element.tooltip.openOn === 'Auto' && arg.element.tooltip.content !== '') {
+ Object(_objects_tooltip__WEBPACK_IMPORTED_MODULE_11__["updateTooltip"])(this.diagram, arg.element);
+ var targetEle = void 0;
+ if (arg.element.pathData) {
+ targetEle = document.getElementById(this.diagram.selectedItems.userHandles[parseInt(i.toString(), 10)].name + '_userhandle');
+ }
+ else if (arg.element.source) {
+ targetEle = document.getElementById(this.diagram.selectedItems.userHandles[parseInt(i.toString(), 10)].name + '_image');
+ }
+ else if (arg.element.content) {
+ targetEle = document.getElementById(this.diagram.selectedItems.userHandles[parseInt(i.toString(), 10)].name + '_shape_native_element');
+ }
+ else {
+ targetEle = document.getElementById(this.diagram.selectedItems.userHandles[parseInt(i.toString(), 10)].name + '_shape_html_element');
+ }
+ if (arg.element.tooltip.openOn === 'Auto') {
+ this.diagram.tooltipObject.open(targetEle);
+ }
+ }
+ }
+ if (eventName === _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].onUserHandleMouseDown) {
+ this.userHandleObject = this.diagram.selectedItems.userHandles[parseInt(i.toString(), 10)].name;
+ }
+ var element = document.getElementById(this.diagram.selectedItems.userHandles[parseInt(i.toString(), 10)].name + '_userhandle');
+ if (eventName === _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].onUserHandleMouseUp) {
+ if (this.commandHandler.isUserHandle(this.currentPosition)
+ && element && element.id === this.userHandleObject + '_userhandle') {
+ this.diagram.triggerEvent(eventName, arg);
+ }
+ }
+ if (eventName === _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].onUserHandleMouseLeave) {
+ if (this.diagram.tooltipObject && this.diagram.tooltipObject.openOn !== 'Custom') {
+ this.diagram.tooltipObject.close();
+ }
+ }
+ else {
+ this.diagram.triggerEvent(eventName, arg);
+ }
+ }
+ }
+ }
+ };
+ DiagramEventHandler.prototype.mouseDown = function (evt) {
+ // EJ2-57541 - Added the below code to check whether diagram tool is instance of node drawing tool or connector drawing tool.
+ // If node or connector drawing tool means then we have returned without perform any operation.
+ if (this.inAction === true && ((this.tool) instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["NodeDrawingTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectorDrawingTool"])) {
+ return;
+ }
+ this.focus = true;
+ //let touches: TouchList;
+ var touches = evt.touches;
+ var isSymblDragging = document.getElementsByClassName('e-dragclone')[0] ? true : false;
+ if (this.isMouseOnScrollBar(evt) && !isSymblDragging) {
+ this.isScrolling = true;
+ evt.preventDefault();
+ return;
+ }
+ // commanded by gowtham- unwanted cloning of selectedItems
+ // if (isBlazor()) {
+ // this.commandHandler.oldSelectedObjects = cloneObject(this.diagram.selectedItems);
+ // }
+ this.checkUserHandleEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].onUserHandleMouseDown);
+ if (!this.checkEditBoxAsTarget(evt) && (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canUserInteract"])(this.diagram)) ||
+ (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canZoomPan"])(this.diagram) && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["defaultTool"])(this.diagram))) {
+ if (this.action === 'Select' || this.action === 'Drag') {
+ this.diagram.updatePortVisibility(this.hoverElement, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Hover, true);
+ }
+ if (((this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolygonDrawingTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolyLineDrawingTool"])
+ && (evt.button === 2 || evt.buttons === 2))) {
+ // eslint-disable-next-line
+ var arg = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.diagram), position: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.currentPosition),
+ count: evt.buttons, actualObject: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.eventArgs.actualObject),
+ button: (evt.button === 0) ? 'Left' : (evt.button === 1) ? 'Middle' : 'Right'
+ };
+ this.inAction = false;
+ this.tool.mouseUp(this.eventArgs);
+ }
+ else if (((this.inAction === true) && this.isMouseDown === true &&
+ (this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolygonDrawingTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolyLineDrawingTool"]))) {
+ this.isMouseDown = true;
+ this.eventArgs = {};
+ this.getMouseEventArgs(this.currentPosition, this.eventArgs);
+ this.eventArgs.position = this.currentPosition;
+ this.tool.mouseDown(this.eventArgs);
+ }
+ else {
+ this.isMouseDown = true;
+ this.currentPosition = this.prevPosition = this.getMousePosition(evt);
+ this.eventArgs = {};
+ if (this.diagram.textEditing && !this.isMouseOnScrollBar(evt)) {
+ this.diagram.endEdit();
+ this.diagram.textEditing = false;
+ // EJ2-57743 - Added below code to refresh the diagram layer after the annotation gets edited in canvas mode.
+ if (this.diagram.mode === 'Canvas' && this.diagram.scroller.currentZoom !== 1) {
+ this.diagram.refreshDiagramLayer();
+ }
+ }
+ var targetObject = this.getTargetElement();
+ this.action = this.diagram.findActionToBeDone(targetObject.obj, targetObject.sourceElement, this.currentPosition, targetObject.target);
+ //work around - correct it
+ var ctrlKey = this.isMetaKey(evt);
+ if (ctrlKey && evt.shiftKey && this.diagram.connectorEditingToolModule) {
+ this.action = 'SegmentEnd';
+ }
+ else if ((ctrlKey || evt.shiftKey) && (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canZoomPan"])(this.diagram))) {
+ this.action = 'Select';
+ }
+ this.tool = this.diagram.getTool(this.action);
+ if (!this.tool) {
+ this.action = 'Select';
+ this.tool = this.diagram.getTool(this.action);
+ }
+ this.getMouseEventArgs(this.currentPosition, this.eventArgs);
+ if (ctrlKey || evt.shiftKey) {
+ var info = (ctrlKey && evt.shiftKey) ? { ctrlKey: ctrlKey, shiftKey: evt.shiftKey } : { ctrlKey: true };
+ this.eventArgs.info = info;
+ }
+ this.eventArgs.position = this.currentPosition;
+ this.tool.mouseDown(this.eventArgs);
+ this.initialEventArgs = { source: this.eventArgs.source, sourceWrapper: this.eventArgs.sourceWrapper };
+ this.initialEventArgs.position = this.currentPosition;
+ this.initialEventArgs.info = this.eventArgs.info;
+ this.inAction = false;
+ if (evt.type === 'touchstart') {
+ if (touches && touches.length >= 2) {
+ this.touchStartList = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["addTouchPointer"])(this.touchStartList, evt, touches);
+ }
+ if (!touches) {
+ evt.preventDefault();
+ }
+ }
+ }
+ }
+ if (!this.isForeignObject(evt.target) && !this.isForeignObject(evt.target, true) && (!touches)) {
+ evt.preventDefault();
+ }
+ };
+ /** @private */
+ DiagramEventHandler.prototype.mouseMoveExtend = function (e, obj) {
+ if (this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolygonDrawingTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolyLineDrawingTool"]) {
+ this.tool.mouseMove(this.eventArgs);
+ }
+ if (this.diagram.scrollSettings.canAutoScroll) {
+ this.checkAutoScroll(e);
+ }
+ else {
+ if (!this.blocked) {
+ (this.tool.mouseMove(this.eventArgs));
+ }
+ }
+ if (this.eventArgs.target) {
+ this.hoverElement = this.eventArgs.target;
+ }
+ var isNode = (this.eventArgs.target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) && (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) ? false : true;
+ if (this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectTool"]) {
+ this.diagram.updatePortVisibility((this.hoverElement instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) ? this.hoverElement : this.hoverNode, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Connect | _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Hover, isNode);
+ }
+ if (this.hoverElement instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]
+ && this.hoverNode instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"] && this.hoverNode && this.hoverNode.id !== this.hoverElement.id) {
+ this.diagram.updatePortVisibility(this.hoverNode, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Connect | _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Hover, true);
+ }
+ this.hoverElement = isNode ? null : obj;
+ this.hoverNode = isNode ? null : obj;
+ };
+ /** @private */
+ DiagramEventHandler.prototype.checkAction = function (obj) {
+ if (this.action === 'LabelSelect' && this.eventArgs.sourceWrapper &&
+ (this.eventArgs.sourceWrapper instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_13__["TextElement"] || this.eventArgs.sourceWrapper instanceof _core_elements_html_element__WEBPACK_IMPORTED_MODULE_21__["DiagramHtmlElement"])) {
+ var annotation = this.commandHandler.findTarget(this.eventArgs.sourceWrapper, this.eventArgs.source);
+ if (!Object(_actions__WEBPACK_IMPORTED_MODULE_7__["isSelected"])(this.diagram, annotation, false, this.eventArgs.sourceWrapper) && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canMove"])(annotation)) {
+ this.action = 'LabelDrag';
+ this.tool = this.getTool(this.action);
+ this.tool.mouseDown(this.initialEventArgs);
+ }
+ }
+ else if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canMove"])(obj) && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canSelect"])(obj) && this.initialEventArgs &&
+ this.initialEventArgs.source && this.action === 'Select') {
+ if (!Object(_actions__WEBPACK_IMPORTED_MODULE_7__["isSelected"])(this.diagram, this.eventArgs.source, false) &&
+ this.eventArgs.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Selector"]) {
+ this.getMouseEventArgs(this.currentPosition, this.eventArgs);
+ }
+ if (!(obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) || (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"] &&
+ !(Object(_actions__WEBPACK_IMPORTED_MODULE_7__["contains"])(this.currentPosition, obj.sourcePoint, obj.hitPadding) ||
+ Object(_actions__WEBPACK_IMPORTED_MODULE_7__["contains"])(this.currentPosition, obj.targetPoint, obj.hitPadding)))) {
+ this.action = 'Drag';
+ }
+ this.tool = this.getTool(this.action);
+ this.tool.mouseDown(this.initialEventArgs);
+ }
+ };
+ DiagramEventHandler.prototype.isSwimlaneElements = function (obj) {
+ if (obj && (obj.isLane || obj.isPhase || obj.isHeader)) {
+ return false;
+ }
+ else {
+ return true;
+ }
+ };
+ /* tslint:disable */
+ /** @private */
+ DiagramEventHandler.prototype.mouseMove = function (e, touches) {
+ this.focus = true;
+ if (this.isScrolling) {
+ e.preventDefault();
+ return;
+ }
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canUserInteract"])(this.diagram) || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canZoomPan"])(this.diagram) && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["defaultTool"])(this.diagram))) {
+ this.currentPosition = this.getMousePosition(e);
+ var objects = this.diagram.findObjectsUnderMouse(this.currentPosition);
+ var obj = this.diagram.findObjectUnderMouse(objects, this.action, this.inAction);
+ Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_18__["drawRulerMarkers"])(this.diagram, this.currentPosition);
+ var force = false;
+ var target = void 0;
+ if (e.type === 'touchmove') {
+ touches = e.touches;
+ if (touches && touches.length > 1) {
+ this.touchMoveList = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["addTouchPointer"])(this.touchMoveList, e, touches);
+ if (this.action !== 'PinchZoom') {
+ force = true;
+ }
+ }
+ }
+ if (_primitives_point__WEBPACK_IMPORTED_MODULE_1__["Point"].equals(this.currentPosition, this.prevPosition) === false || this.inAction) {
+ if (this.isMouseDown === false || force) {
+ this.eventArgs = {};
+ var sourceElement = null;
+ if (obj !== null) {
+ sourceElement = this.diagram.findElementUnderMouse(obj, this.currentPosition);
+ var tooltipTarget = this.commandHandler.findTarget(sourceElement, obj);
+ if (tooltipTarget !== this.hoverElement) {
+ var content_1 = this.getContent();
+ if (this.hoverElement && this.hoverElement.tooltip.openOn === 'Auto' && content_1 !== '') {
+ this.elementLeave();
+ }
+ this.diagram.updatePortVisibility(this.hoverElement, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Hover, true);
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) {
+ this.hoverNode = obj;
+ }
+ var canResetElement = true;
+ if (!this.isSwimlaneElements(obj)
+ && (this.hoverElement && this.isSwimlaneElements(this.hoverElement))) {
+ canResetElement = false;
+ }
+ this.hoverElement = canResetElement ? obj : this.hoverElement;
+ //EJ2-62120 - Provide tooltip support for ports - to set hoverelement as PathElement if hovered on ports in Node
+ var portElement = null;
+ var portTarget = void 0;
+ portElement = this.diagram.findElementUnderMouse(obj, this.currentPosition);
+ if (portElement instanceof _index__WEBPACK_IMPORTED_MODULE_22__["PathElement"]) {
+ portTarget = this.commandHandler.findTarget(portElement, obj);
+ if (portTarget instanceof _objects_port__WEBPACK_IMPORTED_MODULE_23__["PointPort"] && this.hoverElement.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortConstraints"].ToolTip) {
+ this.hoverElement = portTarget;
+ }
+ }
+ if (canResetElement) {
+ this.elementEnter(this.currentPosition, false);
+ }
+ else {
+ this.hoverElement = obj;
+ }
+ }
+ // EJ2-66418 - set tooltip relativeMode as mouse
+ // Updating the tooltip position based on Mouse move
+ else if (this.hoverElement === tooltipTarget && this.hoverElement.tooltip.content && this.diagram.tooltipObject !== undefined && this.hoverElement.tooltip.relativeMode === 'Mouse') {
+ this.setTooltipOffset(this.currentPosition);
+ }
+ if (sourceElement) {
+ target = this.commandHandler.findTarget(sourceElement, obj);
+ }
+ }
+ this.action = this.diagram.findActionToBeDone(obj, sourceElement, this.currentPosition, target);
+ this.checkUserHandleEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].onUserHandleMouseEnter);
+ this.checkPreviousAction();
+ this.getMouseEventArgs(this.currentPosition, this.eventArgs);
+ this.tool = this.getTool(this.action);
+ this.mouseEvents();
+ if (this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectorDrawingTool"] ||
+ this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolyLineDrawingTool"] ||
+ this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolygonDrawingTool"]) {
+ this.tool.mouseMove(this.eventArgs);
+ }
+ else if (touches && this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ZoomPanTool"]) {
+ this.tool.mouseDown(this.eventArgs);
+ }
+ this.updateCursor();
+ this.renderUmlHighLighter(this.eventArgs);
+ var isNode = false;
+ if (!(this.hoverElement && (!(this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ZoomPanTool"]))
+ && (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"] && this.isSwimlaneElements(obj)) &&
+ (this.diagram.selectedItems.nodes.length === 0 || !Object(_actions__WEBPACK_IMPORTED_MODULE_7__["isSelected"])(this.diagram, this.hoverElement)))) {
+ isNode = true;
+ }
+ this.diagram.updatePortVisibility(this.hoverElement, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Hover, isNode);
+ var content = this.getContent();
+ if (obj === null && this.hoverElement && this.hoverElement.tooltip.openOn === 'Auto' && content) {
+ this.hoverElement = null;
+ this.elementLeave();
+ }
+ force = false;
+ }
+ else {
+ this.eventArgs.position = this.currentPosition;
+ if (this.action === 'Drag' && !Object(_actions__WEBPACK_IMPORTED_MODULE_7__["isSelected"])(this.diagram, this.eventArgs.source, false) &&
+ this.eventArgs.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Selector"]) {
+ this.getMouseEventArgs(this.currentPosition, this.eventArgs);
+ }
+ this.mouseEvents();
+ if (e.ctrlKey || e.shiftKey) {
+ var info = (e.ctrlKey && e.shiftKey) ? { ctrlKey: e.ctrlKey, shiftKey: e.shiftKey } : { ctrlKey: true };
+ this.eventArgs.info = info;
+ }
+ this.checkAction(obj);
+ var padding = this.getConnectorPadding(this.eventArgs);
+ this.getMouseEventArgs(this.currentPosition, this.eventArgs, this.eventArgs.source, padding);
+ this.updateCursor();
+ this.inAction = true;
+ this.initialEventArgs = null;
+ if (this.action === 'Drag' || this.action === 'Rotate') {
+ this.diagram.diagramActions = this.diagram.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].Interactions;
+ }
+ this.mouseMoveExtend(e, obj);
+ }
+ this.prevPosition = this.currentPosition;
+ if (!this.isForeignObject(e.target, true)) {
+ e.preventDefault();
+ }
+ }
+ }
+ };
+ /* tslint:enable */
+ DiagramEventHandler.prototype.getContent = function () {
+ var isPrivateTooltip = ((this.hoverElement instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) && this.hoverElement.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["NodeConstraints"].Tooltip) ||
+ ((this.hoverElement instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) && this.hoverElement.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["ConnectorConstraints"].Tooltip) ||
+ ((this.hoverElement instanceof _objects_port__WEBPACK_IMPORTED_MODULE_23__["PointPort"]) && this.hoverElement.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortConstraints"].ToolTip);
+ var node = this.hoverElement;
+ var childNode;
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"] && node.children && node.children.length > 0) {
+ childNode = this.findIntersectChild(node);
+ }
+ var content = isPrivateTooltip ? this.hoverElement.tooltip.content :
+ this.diagram.tooltip.content;
+ content = childNode ? childNode.tooltip.content : content;
+ return content;
+ };
+ DiagramEventHandler.prototype.findIntersectChild = function (node) {
+ var childNode;
+ var rect = new _primitives_rect__WEBPACK_IMPORTED_MODULE_16__["Rect"](this.currentPosition.x, this.currentPosition.y, 8, 8);
+ for (var i = 0; i < node.children.length; i++) {
+ childNode = this.diagram.getObject(node.children[parseInt(i.toString(), 10)]);
+ if (childNode.wrapper.outerBounds.intersects(rect)) {
+ return childNode;
+ }
+ }
+ return null;
+ };
+ DiagramEventHandler.prototype.checkAutoScroll = function (e) {
+ var autoScrollPosition = this.startAutoScroll(e);
+ if (!autoScrollPosition && this.doingAutoScroll) {
+ this.doingAutoScroll = false;
+ clearInterval(this.timeOutValue);
+ }
+ else if (autoScrollPosition) {
+ if ((this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["NodeDrawingTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectorDrawingTool"]
+ || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["MoveTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ResizeTool"]
+ || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["SelectTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectTool"]) && this.inAction) {
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var diagram_1 = this;
+ var delay_1 = 100;
+ if (this.diagram.scrollSettings.canAutoScroll && autoScrollPosition && !this.doingAutoScroll) {
+ this.doingAutoScroll = true;
+ this.timeOutValue = setInterval(function (args) {
+ diagram_1.doAutoScroll(autoScrollPosition, e, delay_1);
+ }, delay_1);
+ }
+ }
+ }
+ else {
+ this.blocked = !(this.tool.mouseMove(this.eventArgs));
+ }
+ };
+ /* tslint:disable */
+ /** @private */
+ DiagramEventHandler.prototype.mouseUp = function (evt) {
+ this.checkUserHandleEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].onUserHandleMouseUp);
+ if (this.diagram.mode === 'SVG' && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canVitualize"])(this.diagram)) {
+ this.updateVirtualization();
+ }
+ this.diagram.previousSelectedObject = null;
+ this.diagram.diagramRenderer.rendererActions =
+ this.diagram.removeConstraints(this.diagram.diagramRenderer.rendererActions, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["RendererAction"].DrawSelectorBorder);
+ var touches = evt.touches;
+ if (this.isScrolling) {
+ this.isScrolling = false;
+ evt.preventDefault();
+ return;
+ }
+ if (!this.checkEditBoxAsTarget(evt) && (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canUserInteract"])(this.diagram))
+ || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canZoomPan"])(this.diagram) && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["defaultTool"])(this.diagram))) {
+ if (this.tool && (!(this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolygonDrawingTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolyLineDrawingTool"]) ||
+ ((this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolygonDrawingTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolyLineDrawingTool"])
+ && evt.detail === 2))) {
+ if (!this.isForeignObject(evt.target) && this.isMouseDown) {
+ document.getElementById(this.diagram.element.id + 'content').focus();
+ }
+ if (!this.inAction && evt.which !== 3) {
+ if (this.action === 'Drag') {
+ this.action = 'Select';
+ var oldSelectedValue = (this.diagram.selectedItems.nodes.concat(this.diagram.selectedItems.connectors));
+ var objects = this.diagram.findObjectsUnderMouse(this.currentPosition);
+ var obj = this.diagram.findObjectUnderMouse(objects, this.action, this.inAction);
+ var isMultipleSelect = true;
+ if ((!evt.ctrlKey && this.isMouseDown
+ && (this.diagram.selectedItems.nodes.length + this.diagram.selectedItems.connectors.length) > 1)
+ && evt.which === 1 && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canPreventClearSelection"])(this.diagram.diagramActions)) {
+ isMultipleSelect = false;
+ this.commandHandler.clearSelection();
+ }
+ if (!Object(_actions__WEBPACK_IMPORTED_MODULE_7__["isSelected"])(this.diagram, obj) || (!isMultipleSelect)) {
+ this.commandHandler.selectObjects([obj], undefined, oldSelectedValue);
+ }
+ }
+ }
+ var avoidDropChildren = false;
+ var history_1 = this.updateContainerProperties();
+ var isGroupAction = void 0;
+ this.addUmlNode();
+ this.inAction = false;
+ this.isMouseDown = false;
+ this.currentPosition = this.getMousePosition(evt);
+ if (this.diagram.selectedObject.helperObject) {
+ isGroupAction = this.updateContainerBounds();
+ }
+ if (this.tool && (this.tool.prevPosition || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["LabelTool"])) {
+ this.eventArgs.position = this.currentPosition;
+ var padding = this.getConnectorPadding(this.eventArgs);
+ this.getMouseEventArgs(this.currentPosition, this.eventArgs, this.eventArgs.source, padding);
+ var ctrlKey = this.isMetaKey(evt);
+ if (ctrlKey || evt.shiftKey) {
+ var info = (ctrlKey && evt.shiftKey) ? { ctrlKey: ctrlKey, shiftKey: evt.shiftKey } :
+ { ctrlKey: true };
+ this.eventArgs.info = info;
+ }
+ if (this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].Interactions) {
+ this.diagram.diagramActions = this.diagram.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].Interactions;
+ }
+ this.eventArgs.clickCount = evt.detail;
+ if (this.diagram.selectedObject.helperObject && (this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["MoveTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ResizeTool"])) {
+ if (this.diagram.selectedObject.actualObject &&
+ this.diagram.selectedObject.actualObject.parentId !== '') {
+ var parentNode = this.diagram.getObject(this.diagram.selectedObject.actualObject.parentId);
+ if (parentNode && parentNode.isLane) {
+ this.commandHandler.isContainer = true;
+ }
+ }
+ avoidDropChildren = this.diagram.lineRoutingModule
+ && this.diagram.nameTable['helper'] && this.eventArgs.target && this.eventArgs.target.isLane
+ && ((this.eventArgs.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Selector"] && this.eventArgs.source.nodes.length > 0
+ && this.eventArgs.source.nodes[0].parentId === '') || (this.eventArgs.source.parentId === ''));
+ if (avoidDropChildren) {
+ this.diagram.diagramActions = this.diagram.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].PreventLaneContainerUpdate;
+ }
+ this.tool.mouseUp(this.eventArgs, history_1.isPreventHistory);
+ }
+ else {
+ this.tool.mouseUp(this.eventArgs);
+ if (this.diagram.checkMenu && (window.navigator.userAgent.indexOf('Linux') !== -1 || window.navigator.userAgent.indexOf('X11') !== -1)) {
+ if (!evt.pageY && (evt instanceof TouchEvent) && evt.changedTouches) {
+ window.getSelection().removeAllRanges();
+ this.diagram.contextMenuModule.contextMenu.open(evt.changedTouches[0].pageY, evt.changedTouches[0].pageX, this.diagram.element);
+ evt.preventDefault();
+ }
+ else {
+ this.diagram.contextMenuModule.contextMenu.open(evt.pageY, evt.pageX, this.diagram.element);
+ }
+ this.diagram.checkMenu = false;
+ }
+ }
+ if (history_1.hasStack) {
+ this.diagram.endGroupAction();
+ }
+ }
+ if (isGroupAction) {
+ this.diagram.endGroupAction();
+ }
+ this.updateContainerBounds(true);
+ if (this.eventArgs.clickCount !== 2) {
+ this.commandHandler.updateSelectedNodeProperties(this.eventArgs.source);
+ if (avoidDropChildren) {
+ this.diagram.diagramActions = this.diagram.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].PreventLaneContainerUpdate;
+ var nodes = this.eventArgs.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Selector"]
+ ? this.eventArgs.source.nodes : [this.eventArgs.source];
+ if (nodes) {
+ for (var i = 0; i < nodes.length; i++) {
+ if (!nodes[parseInt(i.toString(), 10)].container) {
+ this.commandHandler.dropChildToContainer(this.eventArgs.target, nodes[parseInt(i.toString(), 10)]);
+ this.commandHandler.renderContainerHelper(nodes[parseInt(i.toString(), 10)]);
+ }
+ }
+ }
+ }
+ }
+ if (this.diagram.selectedObject && this.diagram.selectedObject.helperObject) {
+ this.diagram.remove(this.diagram.selectedObject.helperObject);
+ this.diagram.selectedObject = { helperObject: undefined, actualObject: undefined };
+ // EJ2-42605 - Annotation undo redo not working properly if the line routing is enabled committed by sivakumar sekar
+ // committed to remove the diagram actions public method when line routing is enabled
+ // eslint-disable-next-line
+ if ((this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].PublicMethod) && (this.diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramConstraints"].LineRouting)) {
+ this.diagram.diagramActions = this.diagram.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].PublicMethod;
+ }
+ }
+ this.blocked = false;
+ if (this.hoverElement) {
+ var portVisibility = _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Connect;
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_7__["isSelected"])(this.diagram, this.hoverElement)) {
+ portVisibility |= _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Hover;
+ }
+ this.diagram.updatePortVisibility(this.hoverElement, portVisibility, true);
+ this.hoverElement = null;
+ }
+ this.touchStartList = null;
+ this.touchMoveList = null;
+ if (!(this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["TextDrawingTool"])) {
+ this.tool = null;
+ }
+ }
+ if (!touches) {
+ evt.preventDefault();
+ }
+ this.diagram.currentDrawingObject = undefined;
+ var selector = this.diagram.selectedItems;
+ var disbleRenderSelector = false;
+ if (this.commandHandler.isUserHandle(this.currentPosition)) {
+ if (this.isForeignObject(evt.target)) {
+ disbleRenderSelector = true;
+ }
+ }
+ if (!this.inAction && selector.wrapper && selector.userHandles.length > 0 && !disbleRenderSelector) {
+ this.diagram.renderSelector(true);
+ }
+ if (!this.inAction && !this.diagram.currentSymbol && this.eventArgs) {
+ /**
+ * EJ2-45543 Provide Event support to notify the port click
+ */
+ var targetObject = this.getTargetElement();
+ var arg = {
+ element: (targetObject.target instanceof _objects_port__WEBPACK_IMPORTED_MODULE_23__["PointPort"]) ? targetObject.target : Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.eventArgs.source) || Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.diagram),
+ position: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.eventArgs.position), count: evt.detail,
+ actualObject: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.eventArgs.actualObject),
+ button: (evt.button === 0) ? 'Left' : (evt.button === 1) ? 'Middle' : 'Right'
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && this.diagram.click) {
+ arg = this.getBlazorClickEventArgs(arg);
+ }
+ if (this.diagram.tool !== _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramTools"].ZoomPan) {
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].click, arg);
+ }
+ }
+ this.eventArgs = {};
+ }
+ this.diagram.diagramActions = this.diagram.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].PreventLaneContainerUpdate;
+ this.eventArgs = {};
+ this.diagram.commandHandler.removeStackHighlighter(); // end the corresponding tool
+ };
+ /**
+ * return the clicked element such as node/connector/port/diagram
+ */
+ DiagramEventHandler.prototype.getTargetElement = function () {
+ var target;
+ var objects = this.objectFinder.findObjectsUnderMouse(this.currentPosition, this.diagram, this.eventArgs, null, this.action);
+ var obj = this.objectFinder.findObjectUnderMouse(this.diagram, objects, this.action, this.inAction, this.eventArgs, this.currentPosition);
+ var sourceElement = null;
+ if (obj !== null) {
+ sourceElement = this.diagram.findElementUnderMouse(obj, this.currentPosition);
+ if (sourceElement) {
+ target = this.commandHandler.findTarget(sourceElement, obj);
+ }
+ }
+ var targetObject = {
+ 'obj': obj,
+ 'sourceElement': sourceElement,
+ 'target': target
+ };
+ return targetObject;
+ };
+ /* tslint:enable */
+ DiagramEventHandler.prototype.getConnectorPadding = function (eventArgs) {
+ var padding;
+ var targetObject = eventArgs.source;
+ if (targetObject && (targetObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Selector"]) && targetObject.connectors.length) {
+ var selectedConnector = targetObject.connectors[0];
+ padding = (selectedConnector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["ConnectorConstraints"].ConnectToNearByPort) ? selectedConnector.connectionPadding : 0;
+ }
+ else if (targetObject && (targetObject instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) && this.action === 'PortDraw' && (this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectorDrawingTool"])) {
+ if (targetObject.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["ConnectorConstraints"].ConnectToNearByPort) {
+ padding = targetObject.connectionPadding;
+ }
+ }
+ return padding || 0;
+ };
+ DiagramEventHandler.prototype.getBlazorClickEventArgs = function (arg) {
+ arg = {
+ element: this.eventArgs.source ? { selector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.eventArgs.source) } :
+ { diagram: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.diagram) },
+ position: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.eventArgs.position), count: arg.count,
+ actualObject: this.eventArgs.actualObject ? { selector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.eventArgs.actualObject) } :
+ { diagram: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.diagram) },
+ button: arg.button
+ };
+ if (this.eventArgs.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) {
+ arg.element.selector.nodes = [];
+ arg.element.selector.nodes.push(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.eventArgs.source));
+ }
+ else if (this.eventArgs.source instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) {
+ arg.element.selector.connectors = [];
+ arg.element.selector.connectors.push(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.eventArgs.source));
+ }
+ return arg;
+ };
+ DiagramEventHandler.prototype.addSwimLaneObject = function (selectedNode) {
+ var swimlaneNode;
+ var targetNode;
+ var shape;
+ var value;
+ var canInsert;
+ var index = 0;
+ var offset;
+ var actualShape = selectedNode.shape;
+ var objects = this.objectFinder.findObjectsUnderMouse(this.currentPosition, this.diagram, this.eventArgs, null, this.action);
+ if (!targetNode) {
+ targetNode = this.diagram.findObjectUnderMouse(objects, this.action, this.inAction);
+ }
+ this.diagram.clearSelectorLayer();
+ if (targetNode && !(targetNode.isLane || targetNode.isPhase || targetNode.isHeader)) {
+ for (var i = 0; i < objects.length; i++) {
+ var laneNode = this.diagram.nameTable[objects[parseInt(i.toString(), 10)].id];
+ if (laneNode.isLane || laneNode.isPhase || laneNode.isHeader) {
+ targetNode = laneNode;
+ }
+ }
+ }
+ if (targetNode && (actualShape.isPhase || (actualShape.isLane && targetNode.isLane))) {
+ var id = targetNode.parentId;
+ swimlaneNode = this.diagram.nameTable["" + id];
+ }
+ if (swimlaneNode) {
+ shape = swimlaneNode.shape;
+ canInsert = (actualShape.isLane) ? actualShape.orientation === shape.orientation :
+ actualShape.orientation !== shape.orientation;
+ }
+ if (canInsert && targetNode) {
+ if (shape && shape.header && shape.hasHeader && shape.orientation === 'Horizontal') {
+ index = 1;
+ }
+ if (shape.phases.length > 0) {
+ index += 1;
+ }
+ if (actualShape.isPhase) {
+ if (shape.orientation === 'Horizontal') {
+ offset = this.currentPosition.x - swimlaneNode.wrapper.bounds.x;
+ }
+ else {
+ offset = this.currentPosition.y - (swimlaneNode.wrapper.bounds.y + shape.header.height);
+ }
+ var phases = { id: Object(_index__WEBPACK_IMPORTED_MODULE_22__["randomId"])(), offset: offset, header: { annotation: { content: 'Phase' } } };
+ this.diagram.addPhases(swimlaneNode, [phases]);
+ }
+ else {
+ //const laneHeight: number = actualShape.lanes[0].header.height;
+ var lane = {
+ id: Object(_index__WEBPACK_IMPORTED_MODULE_22__["randomId"])(), style: actualShape.lanes[0].style, header: {
+ annotation: {
+ content: actualShape.lanes[0].header.annotation.content,
+ style: actualShape.lanes[0].header.annotation.style
+ },
+ style: actualShape.lanes[0].header.style
+ }
+ };
+ var orientation_1 = (actualShape.orientation === 'Horizontal') ? true : false;
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ orientation_1 ? lane.height = actualShape.lanes[0].height : lane.width = actualShape.lanes[0].width;
+ if (shape.orientation === 'Horizontal') {
+ value = targetNode.rowIndex ? targetNode.rowIndex :
+ this.diagram.nameTable[targetNode.parentId].rowIndex;
+ if (targetNode.wrapper.offsetY < this.currentPosition.y) {
+ value += 1;
+ }
+ }
+ else {
+ value = targetNode.columnIndex ? targetNode.columnIndex :
+ this.diagram.nameTable[targetNode.parentId].columnIndex;
+ if (this.currentPosition.x < targetNode.wrapper.bounds.center.x) {
+ value -= 1;
+ }
+ }
+ if (shape.lanes.length > (value)) {
+ lane.header.width = shape.lanes[parseInt(value.toString(), 10)].header.width;
+ lane.header.height = shape.lanes[parseInt(value.toString(), 10)].header.height;
+ }
+ else {
+ //EJ2-64457 - Not able to add lane in the existing vertical swimlane.
+ var ind = void 0;
+ if (shape.orientation === 'Horizontal') {
+ ind = targetNode.rowIndex < 3 ? 0 : value - index - 1;
+ }
+ else {
+ ind = value - 1;
+ }
+ lane.header.width = shape.lanes[parseInt(ind.toString(), 10)].header.width;
+ lane.header.height = shape.lanes[parseInt(ind.toString(), 10)].header.height;
+ }
+ this.diagram.addLanes(swimlaneNode, [lane], shape.orientation === 'Horizontal' ? value - index : value);
+ }
+ this.commandHandler.select(swimlaneNode);
+ }
+ else if (actualShape.isLane) {
+ var swimLaneobj = {
+ id: Object(_index__WEBPACK_IMPORTED_MODULE_22__["randomId"])(), width: selectedNode.width, height: selectedNode.height, addInfo: selectedNode.addInfo,
+ shape: {
+ type: 'SwimLane', header: {
+ annotation: { content: 'Header' }, height: 50, style: actualShape.lanes[0].header.style
+ },
+ phases: [{ id: Object(_index__WEBPACK_IMPORTED_MODULE_22__["randomId"])(), header: { annotation: { content: 'Phase' } } }],
+ lanes: [{
+ id: Object(_index__WEBPACK_IMPORTED_MODULE_22__["randomId"])(), height: selectedNode.height, width: selectedNode.width, style: actualShape.lanes[0].style,
+ header: {
+ annotation: {
+ content: actualShape.lanes[0].header.annotation.content,
+ style: actualShape.lanes[0].header.annotation.style
+ },
+ style: actualShape.lanes[0].header.style
+ }
+ }], orientation: actualShape.orientation
+ }
+ };
+ if (actualShape.orientation === 'Vertical') {
+ swimLaneobj.width += 20;
+ }
+ swimLaneobj.offsetX = this.currentPosition.x + (swimLaneobj.width / 2);
+ swimLaneobj.offsetY = this.currentPosition.y + (swimLaneobj.height / 2);
+ this.diagram.add(swimLaneobj);
+ }
+ };
+ /** @private */
+ DiagramEventHandler.prototype.mouseLeave = function (evt) {
+ //Define what has to happen on mouse leave
+ if (this.tool && this.inAction) {
+ this.tool.mouseLeave(this.eventArgs);
+ }
+ if (this.diagram.selectedObject.helperObject) {
+ this.updateContainerProperties();
+ var isGroupAction = this.updateContainerBounds();
+ if (isGroupAction) {
+ this.diagram.endGroupAction();
+ }
+ }
+ if (this.eventArgs && this.eventArgs.source) {
+ this.diagram.updatePortVisibility(this.eventArgs.source, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Hover, true);
+ this.hoverElement = null;
+ }
+ if (this.eventArgs && !this.eventArgs.source && this.hoverElement) {
+ this.hoverElement = null;
+ }
+ if (this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectTool"] && this.eventArgs && this.eventArgs.target && this.eventArgs.target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) {
+ this.diagram.updatePortVisibility(this.eventArgs.target, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Hover | _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortVisibility"].Connect, true);
+ this.hoverElement = null;
+ }
+ var selector = this.diagram.selectedItems;
+ if (selector && selector.wrapper) {
+ if (!(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["selectionHasConnector"])(this.diagram, selector))) {
+ this.diagram.renderSelector(true);
+ }
+ }
+ if (this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].Interactions || this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].ToolAction) {
+ this.diagram.diagramActions = this.diagram.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].ToolAction;
+ }
+ this.isMouseDown = false;
+ this.focus = false;
+ this.touchStartList = null;
+ this.touchMoveList = null;
+ this.elementLeave();
+ this.commandHandler.removeSnap();
+ this.inAction = false;
+ this.eventArgs = {};
+ if (this.diagram.selectedObject && this.diagram.selectedObject.helperObject) {
+ this.diagram.remove(this.diagram.selectedObject.helperObject);
+ this.diagram.selectedObject = { helperObject: undefined, actualObject: undefined };
+ }
+ this.tool = null;
+ Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_18__["removeRulerMarkers"])();
+ if (this.action === 'Rotate') {
+ this.diagram.diagramCanvas.classList.remove('e-diagram-rotate');
+ }
+ evt.preventDefault();
+ };
+ /** @private */
+ DiagramEventHandler.prototype.mouseWheel = function (evt) {
+ this.diagram.blazorActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_8__["BlazorAction"].interaction;
+ // EJ2-64831 - Need to provide support to override the mousewheel event
+ var arg = {
+ event: evt,
+ cancel: false
+ };
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].mouseWheel, arg);
+ if (!arg.cancel) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var up = (evt.wheelDelta > 0 || -40 * evt.detail > 0) ? true : false;
+ var mousePosition = this.getMousePosition(evt);
+ this.diagram.tooltipObject.close();
+ var ctrlKey = this.isMetaKey(evt);
+ if (ctrlKey) {
+ // SF-362356 - Command below line to implement smooth scroll in diagram.
+ // this.diagram.zoom(up ? (1.2) : 1 / (1.2), mousePosition);
+ // EJ2-59803 - Added the below code to get the zoom factor value from scroll settings and
+ // set it to zoomFactor args in zoomTo method.
+ var zoomFactor = this.diagram.scrollSettings.zoomFactor;
+ if (up) {
+ this.diagram.zoomTo({ type: 'ZoomIn', zoomFactor: zoomFactor, focusPoint: mousePosition });
+ }
+ else {
+ this.diagram.zoomTo({ type: 'ZoomOut', zoomFactor: zoomFactor, focusPoint: mousePosition });
+ }
+ evt.preventDefault();
+ }
+ else {
+ var horizontalOffset = this.diagram.scroller.horizontalOffset;
+ var verticalOffset = this.diagram.scroller.verticalOffset;
+ var change = up ? 10 : -10;
+ if (this.tool && (this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolygonDrawingTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolyLineDrawingTool"])) {
+ this.eventArgs = {};
+ this.getMouseEventArgs(mousePosition, this.eventArgs);
+ this.eventArgs.position = mousePosition;
+ this.tool.mouseWheel(this.eventArgs);
+ }
+ this.diagram.scrollActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_8__["ScrollActions"].Interaction;
+ var canMouseWheel = true;
+ // Bug 829925: Scroll bar flickers on scrolling the diagram using touchpad.
+ // Added the below condition to check whether the mouse wheel is from trackpad or not.
+ var isTrackpadScroll = false;
+ if ((Math.abs(evt.deltaY) < 100 && Math.abs(evt.deltaX) === -0) ||
+ (Math.abs(evt.deltaX) < 100 && Math.abs(evt.deltaY) === -0)) {
+ isTrackpadScroll = true;
+ }
+ if (evt.shiftKey || (evt.deltaX && evt.deltaX !== -0)) {
+ this.diagram.scroller.zoom(1, change, 0, mousePosition, canMouseWheel, undefined, isTrackpadScroll);
+ }
+ else if ((evt.deltaY && evt.deltaY !== -0)) {
+ this.diagram.scroller.zoom(1, 0, change, mousePosition, canMouseWheel, undefined, isTrackpadScroll);
+ }
+ this.diagram.scrollActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_8__["ScrollActions"].Interaction;
+ if (horizontalOffset !== this.diagram.scroller.horizontalOffset
+ || verticalOffset !== this.diagram.scroller.verticalOffset) {
+ evt.preventDefault();
+ }
+ }
+ if (this.diagram.textEditing) {
+ this.diagram.isTriggerEvent = true;
+ if (this.diagram.activeLabel.parentId) {
+ var node = this.diagram.getObject(this.diagram.activeLabel.parentId);
+ this.diagram.startTextEdit(node, this.diagram.activeLabel.id);
+ }
+ this.diagram.isTriggerEvent = false;
+ }
+ this.diagram.blazorActions = this.diagram.blazorActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_8__["BlazorAction"].interaction;
+ }
+ };
+ /** @private */
+ DiagramEventHandler.prototype.keyDown = function (evt) {
+ if (!(this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].TextEdit) &&
+ !(this.checkEditBoxAsTarget(evt)) || (evt.key === 'Escape' || evt.keyCode === 27)) {
+ var i = void 0;
+ var inAction = 'inAction';
+ var command = void 0;
+ var keycode = evt.keyCode ? evt.keyCode : evt.which;
+ var key = evt.key;
+ if (key === 'ArrowDown' || key === 'ArrowUp' || key === 'ArrowLeft' || key === 'ArrowRight') {
+ this.isNudgeKey = true;
+ }
+ var ctrlKey = this.isMetaKey(evt);
+ if (this.diagram.commandManager && this.diagram.commands) {
+ var commands = this.diagram.commands;
+ for (var _i = 0, _a = Object.keys(commands); _i < _a.length; _i++) {
+ var i_1 = _a[_i];
+ command = this.diagram.commands["" + i_1];
+ if (command && (command.gesture.keyModifiers || command.gesture.key)) {
+ if ((keycode === command.gesture.key || (key === _enum_enum__WEBPACK_IMPORTED_MODULE_8__["Keys"][command.gesture.key])
+ || this.isDeleteKey(key, i_1))
+ && (((!command.gesture.keyModifiers) && (!evt.altKey) && (!evt.shiftKey) && (!ctrlKey)) ||
+ (command.gesture.keyModifiers && (ctrlKey || evt.altKey || evt.shiftKey) &&
+ (this.altKeyPressed(command.gesture.keyModifiers) && evt.altKey) ||
+ (this.shiftKeyPressed(command.gesture.keyModifiers) && evt.shiftKey) ||
+ (this.ctrlKeyPressed(command.gesture.keyModifiers) && ctrlKey)))) {
+ var canExecute = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_15__["getFunction"])(command.canExecute);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() || (canExecute &&
+ canExecute({
+ 'keyDownEventArgs': KeyboardEvent,
+ parameter: command.parameter
+ }))) {
+ evt.preventDefault();
+ if (evt.key === 'Escape') {
+ if (this.checkEditBoxAsTarget(evt)) {
+ document.getElementById(this.diagram.diagramCanvas.id).focus();
+ }
+ else if (this.diagram.currentSymbol) {
+ var selectedSymbols = 'selectedSymbols';
+ var source = 'sourceElement';
+ var intDestroy = 'intDestroy';
+ this.diagram.removeFromAQuad(this.diagram.currentSymbol);
+ this.diagram.removeObjectsFromLayer(this.diagram.nameTable[this.diagram.currentSymbol.id]);
+ this.diagram.removeElements(this.diagram.currentSymbol);
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["removeChildNodes"])(this.diagram.currentSymbol, this.diagram);
+ delete this.diagram.nameTable[this.diagram.currentSymbol.id];
+ var sourceElement = this.diagram.droppable["" + source];
+ sourceElement.draggable["" + intDestroy]();
+ var element = this.diagram.droppable["" + selectedSymbols];
+ element.parentNode.removeChild(element);
+ var diagramActions = this.diagram.diagramActions;
+ this.diagram.diagramActions =
+ this.diagram.addConstraints(diagramActions, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].PreventClearSelection);
+ this.tool.mouseUp(this.eventArgs);
+ this.diagram.diagramRenderer.rendererActions = this.diagram.removeConstraints(this.diagram.diagramRenderer.rendererActions, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["RendererAction"].DrawSelectorBorder);
+ if (this.diagram.previousSelectedObject) {
+ this.diagram.select(this.diagram.previousSelectedObject);
+ }
+ this.action = 'Select';
+ this.diagram.previousSelectedObject = null;
+ this.diagram.currentSymbol = null;
+ this.diagram.diagramActions =
+ this.diagram.removeConstraints(diagramActions, _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].PreventClearSelection);
+ this.isMouseDown = false;
+ }
+ else if (this.inAction && this.diagram.drawingObject && this.tool && this.tool["" + inAction]) {
+ this.tool.mouseUp(this.eventArgs);
+ this.tool = null;
+ this.isMouseDown = false;
+ }
+ }
+ if (command.execute) {
+ if (this.diagram.tool !== _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramTools"].ZoomPan) {
+ // if (i === 'nudgeUp' || i === 'nudgeRight' || i === 'nudgeDown' || i === 'nudgeLeft') {
+ // command.execute()
+ // } else {
+ var execute = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_15__["getFunction"])(command.execute);
+ // Bug 832880: Need to improve performance while nudging multiple nodes.
+ if (this.isNudgeKey) {
+ if (!this.isKeyUp) {
+ this.keyCount++;
+ if (this.keyCount > 4) {
+ execute({ 'keyDownEventArgs': KeyboardEvent, parameter: command.parameter, type: 'KEYDOWN' });
+ this.keyCount = 0;
+ }
+ }
+ this.isKeyUp = false;
+ }
+ else {
+ execute({ 'keyDownEventArgs': KeyboardEvent, parameter: command.parameter });
+ }
+ }
+ // }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ var arg = { gesture: command.gesture };
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].commandExecute, arg);
+ }
+ break;
+ }
+ }
+ }
+ }
+ }
+ }
+ // eslint-disable-next-line
+ var selectedObject = (this.diagram.selectedItems.nodes.length) ?
+ this.diagram.selectedItems.nodes : this.diagram.selectedItems.connectors;
+ this.keyArgs = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.diagram.selectedItems),
+ key: evt.key, keyCode: evt.keyCode ? evt.keyCode : evt.which
+ };
+ this.getKeyModifier(this.keyArgs, evt);
+ if ((this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].TextEdit)) {
+ this.getlabel(this.keyArgs, evt);
+ }
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].keyDown, this.keyArgs);
+ };
+ DiagramEventHandler.prototype.getlabel = function (args, evt) {
+ var label = this.diagram.activeLabel;
+ args.target = this.diagram.element.id + '_editBox';
+ var node = this.diagram.nameTable[label.parentId];
+ if (document.getElementById(this.diagram.element.id + '_editBox')) {
+ args.text = document.getElementById(this.diagram.element.id + '_editBox').value;
+ for (var i = 0; i < node.annotations.length; i++) {
+ if (node.annotations[parseInt(i.toString(), 10)].id === label.id) {
+ args.label = node.annotations[parseInt(i.toString(), 10)];
+ break;
+ }
+ }
+ }
+ };
+ DiagramEventHandler.prototype.getKeyModifier = function (args, evt) {
+ args.keyModifiers = _enum_enum__WEBPACK_IMPORTED_MODULE_8__["KeyModifiers"].None;
+ if (evt.ctrlKey) {
+ args.keyModifiers |= _enum_enum__WEBPACK_IMPORTED_MODULE_8__["KeyModifiers"].Control;
+ }
+ if (evt.shiftKey) {
+ args.keyModifiers |= _enum_enum__WEBPACK_IMPORTED_MODULE_8__["KeyModifiers"].Shift;
+ }
+ if (evt.altKey) {
+ args.keyModifiers |= _enum_enum__WEBPACK_IMPORTED_MODULE_8__["KeyModifiers"].Alt;
+ }
+ if (this.isMetaKey(evt)) {
+ args.keyModifiers |= _enum_enum__WEBPACK_IMPORTED_MODULE_8__["KeyModifiers"].Meta;
+ }
+ };
+ DiagramEventHandler.prototype.keyUp = function (evt) {
+ this.keyArgs = {
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.diagram.selectedItems), key: evt.key, keyCode: evt.keyCode ? evt.keyCode : evt.which
+ };
+ var selectedObject = (this.diagram.selectedItems.nodes.length) ?
+ this.diagram.selectedItems.nodes : this.diagram.selectedItems.connectors;
+ this.getKeyModifier(this.keyArgs, evt);
+ if ((this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].TextEdit)) {
+ this.getlabel(this.keyArgs, evt);
+ }
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].keyUp, this.keyArgs);
+ // this.isKeyUp = true;
+ // Bug 832880: Need to improve performance while nudging multiple nodes.
+ if (!this.isKeyUp && this.isNudgeKey) {
+ var direction = evt.code === 'ArrowUp' ? 'Up' : evt.code === 'ArrowDown' ? 'Down' : evt.code === 'ArrowLeft' ? 'Left' : 'Right';
+ this.diagram.nudge(direction);
+ this.isNudgeKey = false;
+ this.keyCount = 0;
+ }
+ };
+ DiagramEventHandler.prototype.startAutoScroll = function (e) {
+ var position = this.getMousePosition(e);
+ position.x *= this.diagram.scroller.currentZoom;
+ position.y *= this.diagram.scroller.currentZoom;
+ var rulerSize = Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_18__["getRulerSize"])(this.diagram);
+ var movingPosition;
+ var autoScrollBorder = this.diagram.scrollSettings.autoScrollBorder;
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].info.name === 'mozilla') {
+ if (this.diagram.scroller.viewPortWidth === 0) {
+ var bounds = document.getElementById(this.diagram.element.id).getBoundingClientRect();
+ if (bounds.width !== this.diagram.scroller.viewPortWidth) {
+ this.diagram.scroller.setViewPortSize(bounds.width, bounds.height);
+ }
+ }
+ }
+ if (this.diagram.scrollSettings.canAutoScroll) {
+ if (position.x + this.diagram.scroller.horizontalOffset + autoScrollBorder.right + rulerSize.width >=
+ this.diagram.scroller.viewPortWidth - 18) {
+ movingPosition = 'right';
+ }
+ else if (position.x + this.diagram.scroller.horizontalOffset < autoScrollBorder.left) {
+ movingPosition = 'left';
+ }
+ else if (position.y + this.diagram.scroller.verticalOffset + autoScrollBorder.bottom + rulerSize.height >
+ this.diagram.scroller.viewPortHeight - 18) {
+ movingPosition = 'bottom';
+ }
+ else if (position.y + this.diagram.scroller.verticalOffset < autoScrollBorder.top) {
+ movingPosition = 'top';
+ }
+ }
+ return movingPosition;
+ };
+ DiagramEventHandler.prototype.doAutoScroll = function (option, e, delay, autoScroll) {
+ var position = option;
+ var canAutoScroll = true;
+ if ((this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["NodeDrawingTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectorDrawingTool"]
+ || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["MoveTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ResizeTool"]
+ || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["SelectTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectTool"]) && this.inAction) {
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var diagram = this;
+ var pos = this.getMousePosition(e);
+ var autoScrollBorder = this.diagram.scrollSettings.autoScrollBorder;
+ var newDelay = delay ? delay : 100;
+ var left = 0;
+ var top_1 = 0;
+ var canUpdate = false;
+ var corner = '';
+ var point = { x: pos.x, y: pos.y };
+ // EJ2-61979 - Added below code to check whether we resize the node around four corners
+ if (this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ResizeTool"] && (this.tool.corner === 'ResizeSouthEast' || this.tool.corner === 'ResizeSouthWest' ||
+ this.tool.corner === 'ResizeNorthWest' || this.tool.corner === 'ResizeNorthEast')) {
+ canUpdate = true;
+ corner = this.tool.corner;
+ }
+ switch (position) {
+ case 'right':
+ point.x = pos.x + 10;
+ left = 10;
+ // EJ2-61979 - If node gets resized on southeast or northeast corner means then update the y position along with x position
+ if (canUpdate) {
+ if (corner === 'ResizeSouthEast') {
+ point.y = pos.y + 10;
+ top_1 = 10;
+ }
+ else {
+ point.y = pos.y - 10;
+ top_1 = -10;
+ }
+ }
+ break;
+ case 'left':
+ point.x = pos.x - 10;
+ left = -10;
+ // EJ2-61979 - If node gets resized on northwest or southwest corner means then update the y position along with x position
+ if (canUpdate) {
+ if (corner === 'ResizeNorthWest') {
+ point.y = pos.y - 10;
+ top_1 = -10;
+ }
+ else {
+ point.y = pos.y + 10;
+ top_1 = 10;
+ }
+ }
+ break;
+ case 'bottom':
+ point.y = pos.y + 10;
+ top_1 = 10;
+ // EJ2-61979 - If node gets resized on southeast or southwest corner means then update the x position along with y position
+ if (canUpdate) {
+ if (corner === 'ResizeSouthEast') {
+ point.x = pos.x + 10;
+ left = 10;
+ }
+ else {
+ point.x = pos.x - 10;
+ left = -10;
+ }
+ }
+ break;
+ case 'top':
+ point.y = pos.y - 10;
+ top_1 = -10;
+ // EJ2-61979 - If node gets resized on northeast or northwest corner means then update the x position along with y position
+ if (canUpdate) {
+ if (corner === 'ResizeNorthEast') {
+ point.x = pos.x + 10;
+ left = 10;
+ }
+ else {
+ point.x = pos.x - 10;
+ left = -10;
+ }
+ }
+ break;
+ }
+ this.eventArgs.position = { x: point.x, y: point.y };
+ this.currentPosition = this.eventArgs.position;
+ var objects = this.objectFinder.findObjectsUnderMouse(this.currentPosition, this.diagram, this.eventArgs, null, this.action);
+ this.eventArgs.target = this.diagram.findObjectUnderMouse(objects, this.action, this.inAction);
+ this.tool.mouseMove(this.eventArgs);
+ this.diagram.scrollActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_8__["ScrollActions"].Interaction;
+ this.diagram.scroller.zoom(1, -left, -top_1, pos, canAutoScroll);
+ this.diagram.scrollActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_8__["ScrollActions"].Interaction;
+ }
+ };
+ DiagramEventHandler.prototype.mouseEvents = function () {
+ var target = this.diagram.findObjectsUnderMouse(this.currentPosition);
+ for (var i = 0; i < target.length; i++) {
+ if (this.eventArgs.actualObject === target[parseInt(i.toString(), 10)]) {
+ target.splice(i, 1);
+ }
+ }
+ var arg = {
+ targets: {}
+ };
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ arg = {
+ targets: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(target),
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])((this.eventArgs.source === this.eventArgs.actualObject) ? undefined : this.eventArgs.source),
+ actualObject: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.eventArgs.actualObject)
+ };
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && (this.diagram.mouseEnter || this.diagram.mouseOver)) {
+ arg.actualObject = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["getObjectType"])(this.eventArgs.actualObject) === _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"] ? {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.eventArgs.actualObject)
+ }
+ : {
+ node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.eventArgs.actualObject)
+ };
+ arg.targets.connector = [];
+ arg.targets.node = [];
+ this.getBlazorCollectionObject(target, arg);
+ }
+ if (this.lastObjectUnderMouse && this.diagram.mouseLeave
+ && (!this.eventArgs.actualObject || (this.lastObjectUnderMouse !== this.eventArgs.actualObject))) {
+ var arg_1 = {
+ targets: undefined, element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.lastObjectUnderMouse), actualObject: undefined
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ arg_1 = {
+ targets: undefined,
+ element: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["getObjectType"])(this.lastObjectUnderMouse) === _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"] ? { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(target) }
+ : {
+ node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.lastObjectUnderMouse)
+ },
+ actualObject: undefined
+ };
+ }
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].mouseLeave, arg_1);
+ this.lastObjectUnderMouse = null;
+ }
+ if (!this.lastObjectUnderMouse && this.eventArgs.source || (this.lastObjectUnderMouse !== this.eventArgs.actualObject)) {
+ this.lastObjectUnderMouse = this.eventArgs.actualObject;
+ if (this.eventArgs.actualObject !== undefined) {
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].mouseEnter, arg);
+ }
+ }
+ if (this.eventArgs.actualObject) {
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].mouseOver, arg);
+ }
+ };
+ DiagramEventHandler.prototype.getBlazorCollectionObject = function (obj, arg1) {
+ if (obj) {
+ for (var i = 0; i < obj.length; i++) {
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["getObjectType"])(obj[parseInt(i.toString(), 10)]) === _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) {
+ arg1.targets.connector.push(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(obj[parseInt(i.toString(), 10)]));
+ }
+ else {
+ arg1.targets.node.push(Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(obj[parseInt(i.toString(), 10)]));
+ }
+ }
+ }
+ };
+ DiagramEventHandler.prototype.elementEnter = function (mousePosition, elementOver) {
+ if (!elementOver) {
+ var isPrivateTooltip = ((this.hoverElement instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) && this.hoverElement.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["NodeConstraints"].Tooltip) ||
+ ((this.hoverElement instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) && this.hoverElement.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["ConnectorConstraints"].Tooltip) ||
+ ((this.hoverElement instanceof _objects_port__WEBPACK_IMPORTED_MODULE_23__["PointPort"]) && this.hoverElement.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["PortConstraints"].ToolTip);
+ var content = this.getContent();
+ var children = void 0;
+ if (this.hoverElement && this.hoverElement.children && this.hoverElement.children.length > 0) {
+ // EJ2-56981 - Below method is used to check if the mouse pointer position and group children node gets intersect or not
+ children = this.findIntersectChild(this.hoverElement);
+ }
+ if (this.hoverElement.tooltip.openOn === 'Auto' && content !== '') {
+ // EJ2-56981 - If children returned means then update tooltip for child node else update tooltip for group node.
+ if (children) {
+ Object(_objects_tooltip__WEBPACK_IMPORTED_MODULE_11__["updateTooltip"])(this.diagram, children);
+ }
+ else {
+ Object(_objects_tooltip__WEBPACK_IMPORTED_MODULE_11__["updateTooltip"])(this.diagram, isPrivateTooltip ? this.hoverElement : undefined);
+ }
+ }
+ // EJ2-66418 - set tooltip relativeMode as mouse
+ // Calculating offset position for relativeMode Mouse
+ if (this.hoverElement.tooltip.content) {
+ if (this.hoverElement.tooltip.relativeMode === 'Mouse') {
+ this.setTooltipOffset(mousePosition);
+ }
+ else {
+ this.diagram.tooltipObject.offsetX = 0;
+ this.diagram.tooltipObject.offsetY = 0;
+ }
+ }
+ var objects = this.diagram.findObjectsUnderMouse(this.currentPosition);
+ var obj = this.diagram.findObjectUnderMouse(objects, this.action, this.inAction);
+ var targetEle = void 0;
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"] && obj.children && obj.children.length > 0) {
+ // EJ2-56981 - If children returned means then update tooltip for child node else update tooltip for group node.
+ obj = children ? children : obj;
+ }
+ //EJ2-62120 - check if the Node has Ports and hoverElement is Port as mousepointer hovered over Port
+ if (obj.ports && this.hoverElement instanceof _objects_port__WEBPACK_IMPORTED_MODULE_23__["PointPort"]) {
+ //executed to set target as port
+ targetEle = document.getElementById(obj.id + '_' + this.hoverElement.id);
+ }
+ else {
+ //executed to set target as Node or Connector
+ var idName = (obj.shape && ((obj.shape) instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Native"])) ? '_content_native_element' : '_groupElement';
+ targetEle = document.getElementById(obj.id + idName);
+ }
+ if (this.hoverElement.tooltip.openOn === 'Auto' && content !== '') {
+ this.diagram.tooltipObject.close();
+ this.diagram.tooltipObject.openOn = this.hoverElement.tooltip.openOn;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.diagram.tooltipObject.open(targetEle, {});
+ }
+ else {
+ this.diagram.tooltipObject.dataBind();
+ }
+ }
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canEnableToolTip"])(this.hoverElement, this.diagram) && this.hoverElement.tooltip.openOn === 'Auto') {
+ this.diagram.tooltipObject.target = this.hoverElement.id;
+ if (this.hoverElement.tooltip.relativeMode === 'Mouse') {
+ this.diagram.tooltipObject.open(this.diagram.element);
+ }
+ else {
+ this.diagram.tooltipObject.open(targetEle);
+ }
+ }
+ }
+ };
+ DiagramEventHandler.prototype.elementLeave = function () {
+ if (this.diagram.tooltipObject && this.diagram.tooltipObject.openOn !== 'Custom') {
+ this.diagram.tooltipObject.close();
+ }
+ };
+ // EJ2-66418 - set tooltip relativeMode as mouse
+ // Calculating offset position for relativeMode Mouse
+ DiagramEventHandler.prototype.setTooltipOffset = function (mousePosition) {
+ var offset = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["getTooltipOffset"])(this.diagram, mousePosition, this.hoverElement);
+ this.diagram.tooltipObject.offsetX = offset.x;
+ this.diagram.tooltipObject.offsetY = offset.y;
+ };
+ DiagramEventHandler.prototype.altKeyPressed = function (keyModifier) {
+ if (keyModifier & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["KeyModifiers"].Alt) {
+ return true;
+ }
+ return false;
+ };
+ DiagramEventHandler.prototype.ctrlKeyPressed = function (keyModifier) {
+ if (keyModifier & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["KeyModifiers"].Control) {
+ return true;
+ }
+ return false;
+ };
+ DiagramEventHandler.prototype.shiftKeyPressed = function (keyModifier) {
+ if (keyModifier & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["KeyModifiers"].Shift) {
+ return true;
+ }
+ return false;
+ };
+ /** @private */
+ DiagramEventHandler.prototype.scrolled = function (evt) {
+ this.diagram.updateScrollOffset();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && (this.diagram.realActions & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["RealAction"].OverViewAction)) {
+ this.diagram.setBlazorDiagramProps(false);
+ }
+ };
+ /** @private */
+ DiagramEventHandler.prototype.doubleClick = function (evt) {
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canUserInteract"])(this.diagram)) {
+ var annotation = void 0;
+ var objects = this.diagram.findObjectsUnderMouse(this.currentPosition);
+ var obj = this.diagram.findObjectUnderMouse(objects, this.action, this.inAction);
+ if (obj !== null && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canUserInteract"])(this.diagram)) {
+ var node = obj;
+ annotation = this.diagram.findElementUnderMouse(obj, this.currentPosition);
+ if (this.tool && (this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolygonDrawingTool"] || this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["PolyLineDrawingTool"])) {
+ var arg_2 = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(obj) || Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.diagram),
+ position: this.currentPosition, count: evt.detail
+ };
+ this.tool.mouseUp(this.eventArgs);
+ this.isMouseDown = false;
+ this.eventArgs = {};
+ this.tool = null;
+ evt.preventDefault();
+ }
+ else {
+ var layer = this.diagram.commandHandler.getObjectLayer(obj.id);
+ if (layer && !layer.lock && layer.visible) {
+ if (!(this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].TextEdit)) {
+ var id = '';
+ if (obj.shape.shape === 'TextAnnotation') {
+ id = obj.wrapper.children[1].id.split('_')[1];
+ }
+ this.diagram.startTextEdit(obj, id || (annotation instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_13__["TextElement"] ?
+ (annotation.id).split(obj.id + '_')[1] : undefined));
+ }
+ }
+ }
+ }
+ var arg = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(obj) || Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.diagram),
+ position: this.currentPosition, count: evt.detail
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ var selector = void 0;
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) {
+ selector = { nodes: [Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(obj)] };
+ }
+ else if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) {
+ selector = { connectors: [Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(obj)] };
+ }
+ else {
+ selector = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(obj);
+ }
+ arg = {
+ source: obj ? { selector: selector } : { diagram: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["cloneBlazorObject"])(this.diagram) },
+ position: this.currentPosition, count: evt.detail
+ };
+ }
+ this.diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramEvent"].doubleClick, arg);
+ }
+ };
+ /**
+ * @private
+ */
+ DiagramEventHandler.prototype.itemClick = function (actualTarget, diagram) {
+ var obj = actualTarget;
+ if (Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["checkParentAsContainer"])(this.diagram, obj, true)) {
+ return obj;
+ }
+ return null;
+ };
+ /**
+ * @private
+ */
+ DiagramEventHandler.prototype.inputChange = function (evt) {
+ var minWidth = 90;
+ var maxWidth;
+ var minHeight = 12;
+ var fontsize;
+ var textWrapper;
+ var node;
+ var height;
+ var width;
+ var textBounds;
+ var textBoxWidth;
+ var transforms;
+ var scale;
+ var editTextBox = document.getElementById(this.diagram.element.id + '_editBox');
+ var editTextBoxDiv = document.getElementById(this.diagram.element.id + '_editTextBoxDiv');
+ var text = (editTextBox.value);
+ var line = text.split('\n');
+ node = (this.diagram.selectedItems.nodes[0]) ? this.diagram.selectedItems.nodes[0] : this.diagram.selectedItems.connectors[0];
+ if ((!node && this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["TextDrawingTool"]) || (node && node.shape.type === 'SwimLane')) {
+ node = this.diagram.nameTable[this.diagram.activeLabel.parentId];
+ }
+ if (node && ((node.shape.type !== 'Text' && node.annotations.length > 0) || (node.shape.type === 'Text'))) {
+ textWrapper = this.diagram.getWrapper(node.wrapper, this.diagram.activeLabel.id);
+ maxWidth = node.wrapper.bounds.width < textWrapper.bounds.width ? node.wrapper.bounds.width : textWrapper.bounds.width;
+ maxWidth = maxWidth > minWidth ? maxWidth : minWidth;
+ textBounds = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["measureHtmlText"])(textWrapper.style, text, undefined, undefined, maxWidth);
+ fontsize = Number((editTextBox.style.fontSize).split('px')[0]);
+ if (line.length > 1 && line[line.length - 1] === '') {
+ textBounds.height = textBounds.height + fontsize;
+ }
+ transforms = this.diagram.scroller.transform;
+ scale = Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canZoomTextEdit"])(this.diagram) ? transforms.scale : 1;
+ width = textBounds.width;
+ width = ((minWidth > width) ? minWidth : width) * scale;
+ height = ((minHeight > textBounds.height) ? minHeight : textBounds.height) * scale;
+ if (!(node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"] && node.type === 'Bezier')) {
+ editTextBoxDiv.style.left = ((((textWrapper.bounds.center.x + transforms.tx) * transforms.scale) - width / 2) - 2.5) + 'px';
+ editTextBoxDiv.style.top = ((((textWrapper.bounds.center.y + transforms.ty) * transforms.scale) - height / 2) - 3) + 'px';
+ }
+ editTextBoxDiv.style.width = width + 'px';
+ editTextBoxDiv.style.height = height + 'px';
+ editTextBox.style.minHeight = minHeight + 'px';
+ editTextBox.style.minWidth = minWidth + 'px';
+ editTextBox.style.width = width + 'px';
+ editTextBox.style.height = height + 'px';
+ }
+ };
+ /**
+ * @private
+ */
+ DiagramEventHandler.prototype.isAddTextNode = function (node, focusOut) {
+ if (this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["TextDrawingTool"] || focusOut) {
+ this.tool = null;
+ if (node && (!(Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canContinuousDraw"])(this.diagram)))) {
+ this.diagram.drawingObject = undefined;
+ this.diagram.currentDrawingObject = undefined;
+ }
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["getObjectFromCollection"])(this.diagram.nodes, node.id) ||
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["getObjectFromCollection"])(this.diagram.connectors, node.id) ||
+ (this.diagram.bpmnModule && this.diagram.bpmnModule.textAnnotationConnectors.indexOf(node) > -1)) {
+ return false;
+ }
+ return true;
+ }
+ return false;
+ };
+ DiagramEventHandler.prototype.checkEditBoxAsTarget = function (evt) {
+ if ((evt.target && evt.target.id === this.diagram.element.id + '_editBox')) {
+ return true;
+ }
+ return false;
+ };
+ DiagramEventHandler.prototype.getMouseEventArgs = function (position, args, source, padding) {
+ args.position = position;
+ var obj;
+ var objects;
+ if (!source) {
+ if (this.action === 'Drag' || this.action === 'ConnectorSourceEnd' || this.action === 'SegmentEnd' ||
+ this.action === 'OrthoThumb' || this.action === 'BezierSourceThumb' || this.action === 'BezierTargetThumb' ||
+ this.action === 'ConnectorTargetEnd' || this.action.indexOf('Rotate') !== -1 || this.action.indexOf('Resize') !== -1) {
+ obj = this.diagram.selectedItems;
+ if (!this.diagram.currentSymbol && this.action === 'Drag' && obj && this.diagram.selectedItems.nodes.length > 0 &&
+ this.diagram.selectedItems.nodes[0].shape.type === 'SwimLane') {
+ objects = this.diagram.findObjectsUnderMouse(this.currentPosition);
+ obj = this.diagram.findObjectUnderMouse(objects, this.action, this.inAction);
+ }
+ }
+ else {
+ objects = this.diagram.findObjectsUnderMouse(this.currentPosition);
+ obj = this.diagram.findObjectUnderMouse(objects, this.action, this.inAction);
+ }
+ }
+ else {
+ objects = this.diagram.findObjectsUnderMouse(this.currentPosition, source);
+ obj = this.diagram.findTargetObjectUnderMouse(objects, this.action, this.inAction, args.position, source);
+ }
+ if (obj && obj.isHeader) {
+ obj = this.diagram.nameTable[obj.parentId];
+ this.eventArgs.actualObject = obj;
+ }
+ var wrapper;
+ if (obj) {
+ wrapper = this.diagram.findElementUnderMouse(obj, this.currentPosition, padding);
+ var currentConnector = void 0;
+ var nearNode = void 0;
+ var i = void 0;
+ if ((wrapper && obj.ports && obj.ports.length && !Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["checkPort"])(obj, wrapper) || !wrapper ||
+ !obj) && objects && objects.length && (source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Selector"])) {
+ currentConnector = source.connectors[0];
+ for (i = objects.length - 1; i >= 0; i--) {
+ nearNode = objects[parseInt(i.toString(), 10)];
+ if ((nearNode instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) && currentConnector && currentConnector.connectionPadding) {
+ obj = nearNode;
+ wrapper = this.diagram.findElementUnderMouse(obj, this.currentPosition, padding);
+ if (((currentConnector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["ConnectorConstraints"].ConnectToNearByPort) && obj &&
+ obj.ports && obj.ports.length && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["checkPort"])(obj, wrapper))) {
+ break;
+ }
+ if ((nearNode instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) && currentConnector && currentConnector.connectionPadding
+ && nearNode.wrapper.outerBounds.containsPoint(this.currentPosition) &&
+ (currentConnector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["ConnectorConstraints"].ConnectToNearByNode) &&
+ !(currentConnector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["ConnectorConstraints"].ConnectToNearByPort)) {
+ obj = nearNode;
+ wrapper = this.diagram.findElementUnderMouse(obj, this.currentPosition, 0);
+ break;
+ }
+ }
+ }
+ }
+ }
+ if (!source) {
+ args.source = obj;
+ args.sourceWrapper = wrapper;
+ }
+ else {
+ args.target = obj;
+ args.targetWrapper = wrapper;
+ }
+ args.actualObject = this.eventArgs.actualObject;
+ if (args.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Selector"] && args.actualObject === undefined &&
+ (args.source.nodes.length > 0 || args.source.connectors.length > 0)) {
+ args.actualObject = args.source.nodes.length > 0 ? this.diagram.nameTable[args.source.nodes[0].id]
+ : this.diagram.nameTable[args.source.connectors[0].id];
+ }
+ args.startTouches = this.touchStartList;
+ args.moveTouches = this.touchMoveList;
+ return args;
+ };
+ /** @private */
+ DiagramEventHandler.prototype.resetTool = function () {
+ this.action = 'Select';
+ this.hoverElement = null;
+ this.hoverNode = null;
+ this.tool = this.diagram.getTool(this.action);
+ this.updateCursor();
+ };
+ /** @private */
+ DiagramEventHandler.prototype.getTool = function (action) {
+ switch (action) {
+ case 'Select':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["SelectTool"](this.commandHandler, true);
+ case 'Drag':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["MoveTool"](this.commandHandler);
+ case 'Rotate':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["RotateTool"](this.commandHandler);
+ case 'LayoutAnimation':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["ExpandTool"](this.commandHandler);
+ case 'FixedUserHandle':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["FixedUserHandleTool"](this.commandHandler, true);
+ case 'Hyperlink':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["LabelTool"](this.commandHandler);
+ case 'ResizeSouthEast':
+ case 'ResizeSouthWest':
+ case 'ResizeNorthEast':
+ case 'ResizeNorthWest':
+ case 'ResizeSouth':
+ case 'ResizeNorth':
+ case 'ResizeWest':
+ case 'ResizeEast':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["ResizeTool"](this.commandHandler, action);
+ case 'ConnectorSourceEnd':
+ case 'ConnectorTargetEnd':
+ case 'BezierSourceThumb':
+ case 'BezierTargetThumb':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectTool"](this.commandHandler, action);
+ case 'SegmentEnd':
+ case 'OrthoThumb':
+ return new _connector_editing__WEBPACK_IMPORTED_MODULE_6__["ConnectorEditing"](this.commandHandler, action);
+ case 'Draw':
+ var shape = 'shape';
+ var basicShape = 'basicShape';
+ var type = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["findObjectType"])(this.diagram.drawingObject);
+ if (type === 'Node' && this.diagram.drawingObject.shape.type === 'Text') {
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["TextDrawingTool"](this.commandHandler);
+ }
+ else if (type === 'Connector' && this.diagram.drawingObject.type === 'Freehand') {
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["FreeHandTool"](this.commandHandler);
+ }
+ else if (type === 'Node' && (this.diagram.drawingObject.shape["" + shape] === 'Polygon' ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && this.diagram.drawingObject.shape["" + basicShape] === 'Polygon')) &&
+ !(this.diagram.drawingObject.shape.points)) {
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["PolygonDrawingTool"](this.commandHandler);
+ }
+ else if (type === 'Node' ||
+ (type === 'Node' && this.diagram.drawingObject.shape["" + shape] === 'Polygon' &&
+ (this.diagram.drawingObject.shape.points))) {
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["NodeDrawingTool"](this.commandHandler, this.diagram.drawingObject);
+ }
+ else if (type === 'Connector' && this.diagram.drawingObject.type === 'Polyline') {
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["PolyLineDrawingTool"](this.commandHandler);
+ }
+ else if (type === 'Connector') {
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectorDrawingTool"](this.commandHandler, 'ConnectorSourceEnd', this.diagram.drawingObject);
+ }
+ break;
+ case 'Pan':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["ZoomPanTool"](this.commandHandler, false);
+ case 'PinchZoom':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["ZoomPanTool"](this.commandHandler, true);
+ case 'PortDrag':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["MoveTool"](this.commandHandler, 'Port');
+ case 'PortDraw':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectorDrawingTool"](this.commandHandler, 'ConnectorSourceEnd', this.diagram.drawingObject);
+ case 'LabelSelect':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["SelectTool"](this.commandHandler, true, 'LabelSelect');
+ case 'LabelDrag':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["LabelDragTool"](this.commandHandler);
+ case 'LabelResizeSouthEast':
+ case 'LabelResizeSouthWest':
+ case 'LabelResizeNorthEast':
+ case 'LabelResizeNorthWest':
+ case 'LabelResizeSouth':
+ case 'LabelResizeNorth':
+ case 'LabelResizeWest':
+ case 'LabelResizeEast':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["LabelResizeTool"](this.commandHandler, action);
+ case 'LabelRotate':
+ return new _tool__WEBPACK_IMPORTED_MODULE_4__["LabelRotateTool"](this.commandHandler);
+ //for coverage
+ // case 'Custom':
+ // return this.diagram.getTool(action);
+ }
+ return null;
+ };
+ /** @private */
+ DiagramEventHandler.prototype.getCursor = function (action) {
+ var object = (this.diagram.selectedItems.annotation) ?
+ this.diagram.selectedItems.wrapper.children[0] : this.diagram.selectedItems;
+ var rotateAngle = (this.diagram.selectedItems.annotation) ?
+ (object.rotateAngle + object.parentTransform) : object.rotateAngle;
+ return Object(_actions__WEBPACK_IMPORTED_MODULE_7__["getCursor"])(action, rotateAngle);
+ };
+ //start region - interface betweend diagram and interaction
+ /** @private */
+ DiagramEventHandler.prototype.findElementUnderMouse = function (obj, position, padding) {
+ return this.objectFinder.findElementUnderSelectedItem(obj, position, padding);
+ };
+ /** @private */
+ DiagramEventHandler.prototype.findObjectsUnderMouse = function (position, source) {
+ return this.objectFinder.findObjectsUnderMouse(position, this.diagram, this.eventArgs, source);
+ };
+ /** @private */
+ DiagramEventHandler.prototype.findObjectUnderMouse = function (objects, action, inAction) {
+ return this.objectFinder.findObjectUnderMouse(this.diagram, objects, action, inAction, this.eventArgs, this.currentPosition);
+ };
+ /** @private */
+ DiagramEventHandler.prototype.findTargetUnderMouse = function (objects, action, inAction, position, source) {
+ return this.objectFinder.findObjectUnderMouse(this.diagram, objects, action, inAction, this.eventArgs, position, source);
+ };
+ /** @private */
+ DiagramEventHandler.prototype.findActionToBeDone = function (obj, wrapper, position, target) {
+ return Object(_actions__WEBPACK_IMPORTED_MODULE_7__["findToolToActivate"])(obj, wrapper, this.currentPosition, this.diagram, this.touchStartList, this.touchMoveList, target);
+ };
+ DiagramEventHandler.prototype.updateContainerBounds = function (isAfterMouseUp) {
+ var isGroupAction = false;
+ if (this.diagram.selectedObject.helperObject && this.diagram.selectedObject.actualObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) {
+ var boundsUpdate = (this.tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ResizeTool"]) ? true : false;
+ var obj = this.diagram.selectedObject.actualObject;
+ var parentNode = this.diagram.nameTable[obj.parentId];
+ if (isAfterMouseUp) {
+ Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["removeChildInContainer"])(this.diagram, obj, this.currentPosition, boundsUpdate);
+ }
+ else {
+ if (!parentNode || (parentNode && parentNode.shape.type !== 'SwimLane')) {
+ this.diagram.updateDiagramObject(obj);
+ }
+ isGroupAction = Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["updateCanvasBounds"])(this.diagram, obj, this.currentPosition, boundsUpdate);
+ this.diagram.updateSelector();
+ if (obj.isLane || obj.isPhase) {
+ this.diagram.clearSelection();
+ this.commandHandler.selectObjects([obj]);
+ }
+ }
+ }
+ return isGroupAction;
+ };
+ // tslint:disable-next-line:max-func-body-length
+ DiagramEventHandler.prototype.updateContainerProperties = function () {
+ var helperObject;
+ var isChangeProperties = false;
+ var hasStack;
+ var connectors;
+ var hasGroup = false;
+ var obj;
+ var history = { hasStack: false, isPreventHistory: false };
+ if (this.diagram.selectedObject.helperObject) {
+ var objects = this.diagram.findObjectsUnderMouse(this.currentPosition);
+ var target = this.diagram.findObjectUnderMouse(objects, this.action, this.inAction);
+ helperObject = this.diagram.selectedObject.helperObject;
+ obj = this.diagram.selectedObject.actualObject;
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) {
+ if (obj.shape.type === 'SwimLane') {
+ connectors = Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["getConnectors"])(this.diagram, obj.wrapper.children[0], 0, true);
+ }
+ if (obj.shape.type !== 'SwimLane' && obj.parentId &&
+ this.diagram.getObject(obj.parentId).shape.type === 'SwimLane') {
+ if (target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"] && this.diagram.getObject(target.parentId) &&
+ this.diagram.getObject(target.parentId).shape.type !== 'SwimLane') {
+ target = this.diagram.getObject(target.parentId);
+ }
+ }
+ if (this.currentAction === 'Drag' && obj.container && obj.container.type === 'Canvas' && obj.parentId &&
+ this.diagram.getObject(obj.parentId).shape.type === 'SwimLane' && target && target !== obj &&
+ target.container && target.container.type === 'Canvas' && target.isLane &&
+ obj.isLane && target.parentId === obj.parentId) {
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["laneInterChanged"])(this.diagram, obj, target, this.currentPosition);
+ history.isPreventHistory = true;
+ }
+ else {
+ var parentNode = this.diagram.nameTable[obj.parentId];
+ if (!parentNode || (parentNode && parentNode.shape.type !== 'SwimLane')) {
+ if (parentNode && parentNode.isLane && (obj.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["NodeConstraints"].AllowMovingOutsideLane)) {
+ var swimlane = this.diagram.getObject(parentNode.parentId);
+ var laneId = swimlane.id + swimlane.shape.lanes[0].id + '0';
+ var firstlane = this.diagram.getObject(laneId);
+ var x = firstlane.wrapper.bounds.x;
+ var y = firstlane.wrapper.bounds.y;
+ var width = swimlane.wrapper.bounds.bottomRight.x - x;
+ var height = swimlane.wrapper.bounds.bottomRight.y - y;
+ var swimlaneBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_16__["Rect"](x, y, width, height);
+ if (swimlaneBounds.containsPoint(this.currentPosition)) {
+ obj.offsetX = helperObject.offsetX;
+ obj.offsetY = helperObject.offsetY;
+ obj.width = helperObject.width;
+ obj.height = helperObject.height;
+ obj.rotateAngle = helperObject.rotateAngle;
+ }
+ }
+ else {
+ obj.offsetX = helperObject.offsetX;
+ obj.offsetY = helperObject.offsetY;
+ if (obj && obj.shape && obj.shape.type !== 'UmlClassifier') {
+ if (obj.shape.type !== 'Bpmn' ||
+ (obj.shape.type === 'Bpmn' && obj.shape.shape !== 'TextAnnotation')) {
+ obj.width = helperObject.width;
+ obj.height = helperObject.height;
+ }
+ }
+ obj.rotateAngle = helperObject.rotateAngle;
+ }
+ }
+ var undoElement = void 0;
+ if (parentNode && parentNode.container && parentNode.container.type === 'Stack') {
+ this.diagram.startGroupAction();
+ hasGroup = true;
+ }
+ if (!target && parentNode && parentNode.container && parentNode.container.type === 'Stack' && this.action === 'Drag') {
+ var index = parentNode.wrapper.children.indexOf(obj.wrapper);
+ undoElement = { targetIndex: undefined, target: undefined, sourceIndex: index, source: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_15__["cloneObject"])(obj) };
+ if (index > -1) {
+ var children = parentNode.children;
+ children.splice(children.indexOf(obj.id), 1);
+ this.diagram.nameTable[obj.id].parentId = '';
+ hasStack = true;
+ parentNode.wrapper.children.splice(index, 1);
+ }
+ }
+ Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["moveChildInStack"])(obj, target, this.diagram, this.action);
+ parentNode = Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["checkParentAsContainer"])(this.diagram, obj) ? this.diagram.nameTable[obj.parentId] :
+ (this.diagram.nameTable[obj.parentId] || obj);
+ if (parentNode && parentNode.container && parentNode.container.type === 'Canvas') {
+ parentNode.wrapper.maxWidth = parentNode.maxWidth = parentNode.wrapper.actualSize.width;
+ parentNode.wrapper.maxHeight = parentNode.maxHeight = parentNode.wrapper.actualSize.height;
+ isChangeProperties = true;
+ }
+ if (Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["checkParentAsContainer"])(this.diagram, obj, true) && parentNode && parentNode.container.type === 'Canvas') {
+ Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["checkChildNodeInContainer"])(this.diagram, obj);
+ }
+ else {
+ history = this.updateContainerPropertiesExtend(parentNode, obj, connectors, helperObject, history);
+ }
+ if ((this.diagram.lineRoutingModule && (this.diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramConstraints"].LineRouting))
+ && (!Object(_container_interaction__WEBPACK_IMPORTED_MODULE_19__["checkParentAsContainer"])(this.diagram, obj, true))) {
+ if (obj.children) {
+ this.diagram.realActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_8__["RealAction"].EnableGroupAction;
+ }
+ this.diagram.nodePropertyChange(obj, {}, {
+ width: obj.width, height: obj.height,
+ offsetX: obj.offsetX, offsetY: obj.offsetY
+ });
+ if (obj.children) {
+ this.diagram.realActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_8__["RealAction"].EnableGroupAction;
+ }
+ }
+ if (obj.shape.lanes) {
+ this.updateLaneChildNode(obj);
+ }
+ if (isChangeProperties) {
+ parentNode.maxWidth = parentNode.wrapper.maxWidth = undefined;
+ parentNode.maxHeight = parentNode.wrapper.maxHeight = undefined;
+ }
+ if (hasStack) {
+ this.diagram.nodePropertyChange(parentNode, {}, {
+ offsetX: parentNode.offsetX, offsetY: parentNode.offsetY, width: parentNode.width, height: parentNode.height,
+ rotateAngle: parentNode.rotateAngle
+ });
+ var entry = {
+ redoObject: { sourceIndex: undefined, source: undoElement.source },
+ type: 'StackChildPositionChanged', undoObject: undoElement, category: 'Internal'
+ };
+ if (!(this.diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["DiagramAction"].UndoRedo)) {
+ this.diagram.addHistoryEntry(entry);
+ }
+ }
+ if (obj && obj.container && (obj.container.type === 'Stack' ||
+ (obj.container.type === 'Canvas' && obj.parentId === ''))) {
+ if (obj && obj.shape && obj.shape.type === 'UmlClassifier') {
+ obj.wrapper.measureChildren = true;
+ }
+ this.diagram.nodePropertyChange(obj, {}, {
+ offsetX: obj.offsetX, offsetY: obj.offsetY, width: obj.width, height: obj.height, rotateAngle: obj.rotateAngle
+ });
+ if (obj && obj.shape && obj.shape.type === 'UmlClassifier') {
+ obj.wrapper.measureChildren = false;
+ }
+ }
+ }
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["updateConnectorsProperties"])(connectors, this.diagram);
+ history.hasStack = hasGroup;
+ }
+ }
+ if (obj && (obj.isPhase || obj.isLane ||
+ (obj.shape && obj.shape.type === 'SwimLane'))) {
+ this.diagram.updateDiagramElementQuad();
+ }
+ return history;
+ };
+ DiagramEventHandler.prototype.updateLaneChildNode = function (obj) {
+ for (var i = 0; i < (obj.shape.lanes.length); i++) {
+ if (obj.shape.lanes[parseInt(i.toString(), 10)].children && obj.shape.lanes[parseInt(i.toString(), 10)].children.length > 0) {
+ for (var j = 0; j < obj.shape.lanes[parseInt(i.toString(), 10)].children.length; j++) {
+ var id = obj.shape.lanes[parseInt(i.toString(), 10)].children[parseInt(j.toString(), 10)].id;
+ var childNode = this.diagram.nameTable["" + id];
+ //828489 - Exception occurs while dragging swimlane after adding shape & undo action is performed
+ if (childNode) {
+ childNode.offsetX = childNode.wrapper.offsetX;
+ childNode.offsetY = childNode.wrapper.offsetY;
+ }
+ }
+ }
+ }
+ };
+ DiagramEventHandler.prototype.updateContainerPropertiesExtend = function (parentNode, obj, connectors, helperObject, history) {
+ if (this.currentAction === 'ResizeEast' || this.currentAction === 'ResizeSouth' || obj.shape.type === 'SwimLane') {
+ var undoObj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_15__["cloneObject"])(obj);
+ var isUpdateRow = false;
+ if (parentNode && parentNode.container && parentNode.container.type === 'Grid') {
+ var shape = parentNode.shape.type === 'SwimLane' ? true : false;
+ var container = (shape ? parentNode.wrapper.children[0] : parentNode.wrapper);
+ var padding = shape ? parentNode.shape.padding : undefined;
+ var x = parentNode.wrapper.bounds.x;
+ var y = parentNode.wrapper.bounds.y;
+ if (obj.columnIndex !== undefined && (parentNode.container.orientation === 'Horizontal' &&
+ ((shape && obj.isPhase) || (!shape && obj.rowIndex === 1))) ||
+ (parentNode.container.orientation === 'Vertical' &&
+ ((!shape && obj.rowIndex > 0 && obj.columnIndex > 0) || (shape && obj.isLane)))) {
+ if (parentNode.container.orientation === 'Horizontal' && obj.isPhase && obj.wrapper.width > obj.maxWidth) {
+ obj.maxWidth = obj.wrapper.width;
+ obj.wrapper.maxWidth = obj.wrapper.width;
+ }
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["updateSwimLaneObject"])(this.diagram, obj, parentNode, helperObject);
+ container.updateColumnWidth(obj.columnIndex, helperObject.width, true, padding);
+ if (obj.isPhase) {
+ var id = parentNode.shape.phases[obj.columnIndex].header.id;
+ var node = this.diagram.nameTable["" + id];
+ if (node.maxWidth < helperObject.width) {
+ node.maxWidth = helperObject.width;
+ node.wrapper.maxWidth = helperObject.width;
+ }
+ }
+ if (parentNode.shape.type === 'SwimLane') {
+ parentNode.width = (parentNode.width) ? container.width : parentNode.width;
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["updateHeaderMaxWidth"])(this.diagram, parentNode);
+ parentNode.wrapper.width = parentNode.width;
+ connectors = Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["getConnectors"])(this.diagram, container, obj.rowIndex, false);
+ }
+ }
+ else if (obj.rowIndex !== undefined) {
+ isUpdateRow = true;
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["updateSwimLaneObject"])(this.diagram, obj, parentNode, helperObject);
+ container.updateRowHeight(obj.rowIndex, helperObject.height, true, padding);
+ if (parentNode.shape.type === 'SwimLane') {
+ parentNode.height = (parentNode.height) ? container.height : parentNode.height;
+ parentNode.wrapper.height = parentNode.height;
+ connectors = Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["getConnectors"])(this.diagram, container, obj.rowIndex, true);
+ }
+ }
+ if (parentNode.shape.type === 'SwimLane') {
+ history.isPreventHistory = true;
+ }
+ this.diagram.nodePropertyChange(parentNode, {}, {
+ offsetX: parentNode.offsetX, offsetY: parentNode.offsetY,
+ rotateAngle: parentNode.rotateAngle
+ });
+ this.diagram.drag(parentNode, x - parentNode.wrapper.bounds.x, y - parentNode.wrapper.bounds.y);
+ }
+ else {
+ if (obj && obj.shape && obj.shape.type === 'UmlClassifier') {
+ obj.wrapper.measureChildren = true;
+ }
+ this.diagram.nodePropertyChange(obj, {}, {
+ offsetX: obj.offsetX, offsetY: obj.offsetY, width: obj.width, height: obj.height, rotateAngle: obj.rotateAngle
+ });
+ obj.wrapper.measureChildren = false;
+ }
+ obj.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_14__["Size"](obj.wrapper.width, obj.wrapper.height));
+ obj.wrapper.arrange(obj.wrapper.desiredSize);
+ if (this.currentAction === 'ResizeEast' || this.currentAction === 'ResizeSouth') {
+ var redoObject = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_15__["cloneObject"])(obj);
+ var entry = {
+ category: 'Internal',
+ type: (isUpdateRow) ? 'RowHeightChanged' : 'ColumnWidthChanged',
+ undoObject: undoObj, redoObject: redoObject
+ };
+ this.diagram.addHistoryEntry(entry);
+ }
+ }
+ Object(_utility_swim_lane_util__WEBPACK_IMPORTED_MODULE_20__["updateConnectorsProperties"])(connectors, this.diagram);
+ return history;
+ };
+ DiagramEventHandler.prototype.addUmlNode = function () {
+ var node = this.diagram.selectedItems.nodes[0];
+ var objects = this.diagram.findObjectsUnderMouse({ x: this.currentPosition.x + 20, y: this.currentPosition.y });
+ var target = this.diagram.findObjectUnderMouse(objects, this.action, this.inAction);
+ if (!target) {
+ objects = this.diagram.findObjectsUnderMouse({ x: this.currentPosition.x - 20, y: this.currentPosition.y });
+ target = this.diagram.findObjectUnderMouse(objects, this.action, this.inAction);
+ }
+ if (node && node.container && node.container.type === 'Stack' && target && target.parentId
+ && target.parentId === node.id) {
+ var innerNode = target;
+ var adornerSvg = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_12__["getAdornerLayerSvg"])(this.diagram.element.id);
+ var highlighter = adornerSvg.getElementById(adornerSvg.id + '_stack_highlighter');
+ if (highlighter) {
+ var index = node.wrapper.children.indexOf(target.wrapper) + 1;
+ this.diagram.enableServerDataBinding(false);
+ var temp = new _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"](this.diagram, 'nodes', {
+ style: {
+ fill: node.style.fill,
+ strokeColor: (node.style.strokeColor === 'black') ? '#ffffff00' : node.style.strokeColor
+ },
+ annotations: target.annotations, verticalAlignment: 'Stretch', horizontalAlignment: 'Stretch',
+ constraints: (_enum_enum__WEBPACK_IMPORTED_MODULE_8__["NodeConstraints"].Default | _enum_enum__WEBPACK_IMPORTED_MODULE_8__["NodeConstraints"].HideThumbs) & ~(_enum_enum__WEBPACK_IMPORTED_MODULE_8__["NodeConstraints"].Rotate | _enum_enum__WEBPACK_IMPORTED_MODULE_8__["NodeConstraints"].Drag | _enum_enum__WEBPACK_IMPORTED_MODULE_8__["NodeConstraints"].Resize),
+ minHeight: 25
+ }, true);
+ temp.annotations[0].content = ' + Name : Type';
+ var id = innerNode.id.split('_');
+ temp.id = Object(_index__WEBPACK_IMPORTED_MODULE_22__["randomId"])() + temp.id;
+ temp.parentId = node.id;
+ temp.zIndex = -1;
+ temp.umlIndex = index;
+ this.diagram.startGroupAction();
+ var redoElement = {
+ sourceIndex: node.wrapper.children.indexOf(temp.wrapper), source: temp,
+ target: undefined, targetIndex: undefined
+ };
+ this.diagram.enableServerDataBinding(true);
+ this.diagram.add(temp);
+ this.diagram.updateConnectorEdges(node);
+ this.diagram.clearSelection();
+ this.diagram.select([this.diagram.nameTable[temp.id]]);
+ this.diagram.endGroupAction();
+ this.diagram.startTextEdit();
+ }
+ }
+ };
+ return DiagramEventHandler;
+}());
+
+/** @private */
+var ObjectFinder = /** @__PURE__ @class */ (function () {
+ function ObjectFinder() {
+ }
+ /** @private */
+ ObjectFinder.prototype.findObjectsUnderMouse = function (pt, diagram, eventArgs, source, actions) {
+ // finds the collection of the object that is under the mouse;
+ var actualTarget = [];
+ if (source && source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Selector"]) {
+ if (source.nodes.length + source.connectors.length === 1) {
+ source = (source.nodes[0] || source.connectors[0]);
+ if (source.children && source.children.length === 0) {
+ eventArgs.actualObject = source;
+ }
+ }
+ }
+ var container;
+ var bounds;
+ var child;
+ var matrix;
+ var endPadding = (source && (source instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) &&
+ ((source.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["ConnectorConstraints"].ConnectToNearByNode) ||
+ (source.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_8__["ConnectorConstraints"].ConnectToNearByPort)) && source.connectionPadding) || 0;
+ var objArray = diagram.spatialSearch.findObjects(new _primitives_rect__WEBPACK_IMPORTED_MODULE_16__["Rect"](pt.x - 50 - endPadding, pt.y - 50 - endPadding, 100 + endPadding, 100 + endPadding));
+ var layerObjTable = {};
+ var layerTarger;
+ for (var _i = 0, objArray_1 = objArray; _i < objArray_1.length; _i++) {
+ var obj = objArray_1[_i];
+ var point = pt;
+ bounds = obj.wrapper.outerBounds;
+ var pointInBounds = (obj.rotateAngle) ? false : bounds.containsPoint(point, endPadding);
+ if ((obj !== source || diagram.currentDrawingObject instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) &&
+ (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) ? obj !== diagram.currentDrawingObject : true && obj.wrapper.visible) {
+ var layer = diagram.commandHandler.getObjectLayer(obj.id);
+ if (layer && !layer.lock && layer.visible) {
+ layerTarger = layerObjTable[layer.zIndex] = layerObjTable[layer.zIndex] || [];
+ if (obj.rotateAngle) {
+ container = obj.wrapper;
+ bounds = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_15__["cornersPointsBeforeRotation"])(container);
+ for (var _a = 0, _b = container.children; _a < _b.length; _a++) {
+ child = _b[_a];
+ matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_17__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_17__["rotateMatrix"])(matrix, -(child.rotateAngle + child.parentTransform), child.offsetX, child.offsetY);
+ point = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_17__["transformPointByMatrix"])(matrix, pt);
+ if (Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_15__["cornersPointsBeforeRotation"])(child).containsPoint(point, endPadding)) {
+ pointInBounds = true;
+ }
+ }
+ }
+ if (!source || (Object(_actions__WEBPACK_IMPORTED_MODULE_7__["isSelected"])(diagram, obj) === false)) {
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canEnablePointerEvents"])(obj, diagram)) {
+ if ((obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) ? Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["isPointOverConnector"])(obj, pt) : pointInBounds) {
+ var padding = (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) ? obj.hitPadding || 0 : 0; //let element: DiagramElement;
+ var element = this.findElementUnderMouse(obj, pt, endPadding || padding);
+ if (element && obj.id !== 'helper') {
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["insertObject"])(obj, 'zIndex', layerTarger);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ for (var _c = 0, _d = diagram.layers; _c < _d.length; _c++) {
+ var layer = _d[_c];
+ actualTarget = actualTarget.concat(layerObjTable[layer.zIndex] || []);
+ for (var _e = 0, actualTarget_1 = actualTarget; _e < actualTarget_1.length; _e++) {
+ var obj = actualTarget_1[_e];
+ var eventHandler = 'eventHandler';
+ if (obj.shape.type === 'Bpmn' && obj.processId && (!(diagram["" + eventHandler].tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["MoveTool"]) ||
+ (diagram["" + eventHandler].tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["MoveTool"]) && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canAllowDrop"])(obj))) {
+ var index = actualTarget.indexOf(diagram.nameTable[obj.processId]);
+ if (index > -1) {
+ actualTarget.splice(index, 1);
+ }
+ }
+ if (obj.shape.type === 'UmlClassifier' && obj.container && obj.container.type === 'Stack') {
+ var index = actualTarget.indexOf(diagram.nameTable[diagram.nameTable[obj.id].wrapper.children[0].id]);
+ if (index > -1) {
+ actualTarget.splice(index, 1);
+ }
+ }
+ }
+ }
+ for (var i = 0; i < actualTarget.length; i++) {
+ var parentObj = diagram.nameTable[actualTarget[parseInt(i.toString(), 10)].parentId];
+ if (parentObj) {
+ var portElement = this.findElementUnderMouse(parentObj, pt);
+ for (var j = 0; j < parentObj.ports.length; j++) {
+ if (portElement.id.match('_' + parentObj.ports[parseInt(j.toString(), 10)].id + '$')) {
+ var port = parentObj.ports[parseInt(j.toString(), 10)];
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canDrag"])(port, diagram) || Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canDraw"])(port, diagram)) {
+ return actualTarget;
+ }
+ }
+ }
+ }
+ while (parentObj) {
+ var index = actualTarget.indexOf(parentObj);
+ if (index !== -1) {
+ actualTarget.splice(index, 1);
+ }
+ else {
+ break;
+ }
+ parentObj = diagram.nameTable[parentObj.parentId];
+ }
+ }
+ this.checkSwimlane(actualTarget, diagram);
+ if (eventArgs && !eventArgs.source) {
+ for (var i = 0; i < actualTarget.length; i++) {
+ var parentNode = diagram.nameTable[actualTarget[parseInt(i.toString(), 10)].parentId];
+ if (parentNode && parentNode.shape.type === 'SwimLane') {
+ for (var j = 0; j < actualTarget.length; j++) {
+ var connector = actualTarget[parseInt(j.toString(), 10)];
+ if (connector instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) {
+ actualTarget.splice(i, 1);
+ }
+ }
+ }
+ }
+ }
+ return actualTarget;
+ };
+ /** @private */
+ ObjectFinder.prototype.checkSwimlane = function (actualTarget, diagram) {
+ var isNode;
+ for (var m = 0; m < actualTarget.length; m++) {
+ var obj = actualTarget[parseInt(m.toString(), 10)];
+ var parentNode = void 0;
+ var node = void 0;
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) {
+ parentNode = actualTarget[parseInt(m.toString(), 10)].parentId;
+ node = obj;
+ }
+ if (parentNode === '') {
+ if (node.shape.type !== 'SwimLane') {
+ isNode = true;
+ }
+ else {
+ isNode = false;
+ }
+ }
+ var parent_1 = diagram.nameTable["" + parentNode];
+ if (parent_1 && parent_1.isLane && diagram.nameTable[parent_1.parentId].zIndex > obj.zIndex) {
+ actualTarget[parseInt(m.toString(), 10)] = parent_1;
+ }
+ if (m > 0 && isNode && node && (node.isLane || node.isPhase || node.isHeader)) {
+ if (actualTarget[parseInt(m.toString(), 10)].zIndex < actualTarget[m - 1].zIndex) {
+ var swap = actualTarget[parseInt(m.toString(), 10)];
+ actualTarget[parseInt(m.toString(), 10)] = actualTarget[m - 1];
+ actualTarget[m - 1] = swap;
+ }
+ }
+ }
+ if (actualTarget.length >= 2) {
+ var parent_2 = '';
+ for (var i = actualTarget.length - 1; i >= 0; i--) {
+ if (actualTarget[parseInt(i.toString(), 10)].parentId) {
+ var parent1 = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["findParentInSwimlane"])(actualTarget[parseInt(i.toString(), 10)], diagram, parent_2);
+ var parent2 = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["findParentInSwimlane"])(actualTarget[i - 1], diagram, parent_2);
+ var parentNode1 = diagram.nameTable["" + parent1];
+ var parentNode2 = diagram.nameTable["" + parent2];
+ if (parentNode2 && parent1 !== parent2 && parentNode1.zIndex < parentNode2.zIndex) {
+ actualTarget.splice(i, 1);
+ }
+ }
+ }
+ }
+ };
+ /** @private */
+ ObjectFinder.prototype.isTarget = function (actualTarget, diagram, action) {
+ var connector = diagram.selectedItems.connectors[0];
+ var node;
+ node = action === 'ConnectorSourceEnd' ? diagram.nameTable[connector.targetID] :
+ node = diagram.nameTable[connector.sourceID];
+ if (node && !(node.processId && !actualTarget.processId || node.processId !== actualTarget.processId)) {
+ if (node.processId !== actualTarget.processId) {
+ actualTarget = null;
+ }
+ if (actualTarget && actualTarget.parentId &&
+ diagram.nameTable[actualTarget.parentId].shape.type === 'UmlClassifier') {
+ actualTarget = diagram.nameTable[actualTarget.parentId];
+ }
+ }
+ if (action === 'ConnectorSourceEnd' && connector.targetID) {
+ var targetNode = diagram.nameTable[connector.targetID];
+ if (targetNode && targetNode.shape && (targetNode.shape.shape === 'TextAnnotation')) {
+ var id = connector.id.split('_');
+ if (((targetNode.shape.type === 'Bpmn') && actualTarget.shape.type !== 'Bpmn') || (id[0] === actualTarget.id) ||
+ actualTarget.shape.shape === 'TextAnnotation') {
+ actualTarget = null;
+ }
+ if (actualTarget.parentId &&
+ diagram.nameTable[actualTarget.parentId].shape.type === 'UmlClassifier') {
+ actualTarget = diagram.nameTable[actualTarget.parentId];
+ }
+ }
+ }
+ return actualTarget;
+ };
+ /* tslint:disable */
+ /** @private */
+ ObjectFinder.prototype.findObjectUnderMouse = function (diagram, objects, action, inAction, eventArg, position, source) {
+ //we will get the wrapper object here
+ //we have to choose the object to be interacted with from the given wrapper
+ //Find the object that is under mouse
+ var eventHandler = 'eventHandler';
+ var endPoint = 'endPoint';
+ var inPort;
+ var outPort;
+ var actualTarget = null;
+ if (objects.length !== 0) {
+ if (source && source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Selector"]) {
+ if (source.nodes.length + source.connectors.length === 1) {
+ source = (source.nodes[0] || source.connectors[0]);
+ }
+ }
+ if ((action === 'ConnectorSourceEnd' && source || action === 'PortDraw') ||
+ ((Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canDrawOnce"])(diagram) || Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canContinuousDraw"])(diagram)) && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["getObjectType"])(diagram.drawingObject) === _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"])) {
+ var connector = diagram.selectedItems.connectors[0];
+ for (var i = objects.length - 1; i >= 0; i--) {
+ outPort = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["getInOutConnectPorts"])(objects[parseInt(i.toString(), 10)], false);
+ inPort = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["getInOutConnectPorts"])(objects[parseInt(i.toString(), 10)], true);
+ var tool = diagram["" + eventHandler].tool;
+ var portElement = this.findTargetElement(objects[parseInt(i.toString(), 10)].wrapper, position, undefined);
+ if (action === 'Draw' && portElement && (objects[parseInt(i.toString(), 10)] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) && !Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["checkPort"])(objects[parseInt(i.toString(), 10)], portElement)) {
+ if (((tool && tool["" + endPoint] === 'ConnectorSourceEnd') && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canOutConnect"])(objects[parseInt(i.toString(), 10)])) ||
+ ((tool && tool["" + endPoint] === 'ConnectorTargetEnd') && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canInConnect"])(objects[parseInt(i.toString(), 10)]))) {
+ return actualTarget;
+ }
+ }
+ // eslint-disable-next-line max-len
+ if ((objects[parseInt(i.toString(), 10)] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) && ((Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canOutConnect"])(objects[parseInt(i.toString(), 10)]) || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canPortOutConnect"])(outPort)) || Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canInConnect"])(objects[parseInt(i.toString(), 10)]) || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canPortInConnect"])(inPort))) ||
+ (action === 'PortDraw' && (tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["ConnectTool"]) && tool["" + endPoint] === 'ConnectorTargetEnd' &&
+ (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canInConnect"])(objects[parseInt(i.toString(), 10)]) || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canPortInConnect"])(inPort)))))) {
+ actualTarget = objects[parseInt(i.toString(), 10)];
+ if (connector) {
+ actualTarget = this.isTarget(actualTarget, diagram, action);
+ }
+ eventArg.actualObject = actualTarget;
+ return actualTarget;
+ }
+ }
+ }
+ else if (action === 'ConnectorTargetEnd' && source) {
+ for (var i = objects.length - 1; i >= 0; i--) {
+ inPort = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_9__["getInOutConnectPorts"])(objects[parseInt(i.toString(), 10)], true);
+ if (objects[parseInt(i.toString(), 10)] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"] && (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canInConnect"])(objects[parseInt(i.toString(), 10)]) || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canPortInConnect"])(inPort)))) {
+ actualTarget = objects[parseInt(i.toString(), 10)];
+ actualTarget = this.isTarget(actualTarget, diagram, action);
+ eventArg.actualObject = actualTarget;
+ return actualTarget;
+ }
+ }
+ }
+ else if (source && (action === 'Drag' || (diagram["" + eventHandler].tool instanceof _tool__WEBPACK_IMPORTED_MODULE_4__["MoveTool"]))) {
+ var index = 0;
+ for (var i = 0; i < objects.length; i++) {
+ var temp = objects[parseInt(i.toString(), 10)];
+ if (source !== temp && (temp instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"] ||
+ !position || temp.wrapper.bounds.containsPoint(position))) {
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canAllowDrop"])(temp)) {
+ if (!actualTarget) {
+ actualTarget = temp;
+ index = actualTarget.zIndex;
+ }
+ else {
+ actualTarget = index >= temp.zIndex ? actualTarget : temp;
+ index = Math.max(index, temp.zIndex);
+ }
+ }
+ }
+ }
+ if (actualTarget && actualTarget.shape.type === 'Bpmn') {
+ if (diagram.selectedItems.nodes.length > 0 && diagram.selectedItems.nodes[0].shape.type === 'Bpmn') {
+ // eslint-disable-next-line no-self-assign
+ actualTarget = actualTarget;
+ }
+ else {
+ actualTarget = null;
+ }
+ }
+ if (actualTarget) {
+ eventArg.actualObject = actualTarget;
+ }
+ return actualTarget;
+ }
+ else if ((action === 'Select' || action === 'Pan') && diagram["" + eventHandler].tool) {
+ for (var i = objects.length - 1; i >= 0; i--) {
+ if (objects[parseInt(i.toString(), 10)] instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) {
+ var objj1 = objects[i - 1];
+ if (objects[i - 1] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"] && objj1.ports) {
+ var portElement = this.findTargetElement(objj1.wrapper, position, undefined);
+ if ((portElement && (portElement.id.match('_icon_content_shape$') || portElement.id.match('_icon_content_rect$')))) {
+ return objj1;
+ }
+ for (var j = 0; j < objj1.ports.length; j++) {
+ if (portElement && portElement.id.match('_' + objj1.ports[parseInt(j.toString(), 10)].id + '$')) {
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canDraw"])(objj1.ports[parseInt(j.toString(), 10)], diagram)) {
+ return objj1;
+ }
+ }
+ }
+ }
+ }
+ }
+ actualTarget = objects[objects.length - 1];
+ eventArg.actualObject = actualTarget;
+ if (!diagram["" + eventHandler].itemClick(actualTarget, true)) {
+ if (actualTarget.parentId) {
+ var obj = actualTarget;
+ var selected = Object(_actions__WEBPACK_IMPORTED_MODULE_7__["isSelected"])(diagram, obj);
+ while (obj) {
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_7__["isSelected"])(diagram, obj) && !selected) {
+ break;
+ }
+ actualTarget = obj;
+ obj = diagram.nameTable[obj.parentId];
+ }
+ }
+ }
+ }
+ else if (action === 'Pan' || action === 'LayoutAnimation') {
+ for (var i = objects.length - 1; i >= 0; i--) {
+ if (objects[parseInt(i.toString(), 10)] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"] || objects[parseInt(i.toString(), 10)] instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_3__["Connector"]) {
+ var portElement = this.findTargetElement(objects[parseInt(i.toString(), 10)].wrapper, position, undefined);
+ if ((action === 'Pan') || ((portElement && (portElement.id.match('_icon_content_shape$') || portElement.id.match('_icon_content_rect$'))))) {
+ return objects[parseInt(i.toString(), 10)];
+ }
+ }
+ }
+ }
+ else {
+ actualTarget = objects[objects.length - 1];
+ if (eventArg && actualTarget) {
+ eventArg.actualObject = actualTarget;
+ }
+ }
+ }
+ return actualTarget;
+ };
+ /* tslint:enable */
+ /** @private */
+ ObjectFinder.prototype.findElementUnderSelectedItem = function (obj, position, padding) {
+ //rewrite this for multiple selection
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Selector"]) {
+ if (obj.nodes.length === 1 && (!obj.connectors || !obj.connectors.length)) {
+ return this.findElementUnderMouse(obj.nodes[0], position);
+ }
+ else if ((!obj.nodes || obj.nodes.length) && obj.connectors.length === 1) {
+ return this.findElementUnderMouse(obj.connectors[0], position);
+ }
+ }
+ else {
+ return this.findElementUnderMouse(obj, position, padding);
+ }
+ return null;
+ };
+ ObjectFinder.prototype.findElementUnderMouse = function (obj, position, padding) {
+ return this.findTargetElement(obj.wrapper, position, padding);
+ };
+ /** @private */
+ ObjectFinder.prototype.findTargetElement = function (container, position, padding) {
+ for (var i = container.children.length - 1; i >= 0; i--) {
+ var element = container.children[parseInt(i.toString(), 10)];
+ if (element && element.outerBounds.containsPoint(position, padding || 0)) {
+ if (element instanceof _core_containers_container__WEBPACK_IMPORTED_MODULE_2__["Container"]) {
+ var target = this.findTargetElement(element, position);
+ if (target) {
+ return target;
+ }
+ }
+ //EJ2-69047 - Node selection is improper while adding annotation for multiple nodes
+ //Checked textOverflow property to avoid the selection of text element with clip and ellipsis;
+ if (element.bounds.containsPoint(position, padding || 0) && element.style.textOverflow !== 'Clip' && element.style.textOverflow !== 'Ellipsis') {
+ return element;
+ }
+ }
+ }
+ if (container.bounds.containsPoint(position, padding) && container.style.fill !== 'none') {
+ return container;
+ }
+ return null;
+ };
+ return ObjectFinder;
+}());
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/line-distribution.js":
+/*!*********************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/line-distribution.js ***!
+ \*********************************************************************************************/
+/*! exports provided: LineDistribution */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LineDistribution", function() { return LineDistribution; });
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _objects_port__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../objects/port */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/port.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+
+
+
+
+
+
+
+/**
+ * Line Distribution
+ * @private
+ */
+var LineDistribution = /** @__PURE__ @class */ (function () {
+ /**
+ * Constructor for the line distribution module
+ * @private
+ */
+ function LineDistribution() {
+ //constructs the line distribution module
+ }
+ /**
+ * To destroy the line distribution module
+ * @returns {void}
+ * @private
+ */
+ LineDistribution.prototype.destroy = function () {
+ /**
+ * Destroys the line distribution module
+ */
+ };
+ /**
+ * Core method to return the component name.
+ *
+ * @returns {string} Core method to return the component name.
+ * @private
+ */
+ LineDistribution.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'LineDistribution';
+ };
+ /** @private */
+ LineDistribution.prototype.initLineDistribution = function (graph, diagram) {
+ var srcDirection = 'Bottom';
+ this.diagram = diagram;
+ if (diagram.layout.connectionPointOrigin === 'DifferentPoint' || diagram.layout.enableRouting) {
+ var tarDirection = 'Top';
+ if (graph.orientation === 'BottomToTop') {
+ srcDirection = 'Top';
+ tarDirection = 'Bottom';
+ }
+ else if (graph.orientation === 'RightToLeft') {
+ srcDirection = 'Left';
+ tarDirection = 'Right';
+ }
+ else if (graph.orientation === 'LeftToRight') {
+ srcDirection = 'Right';
+ tarDirection = 'Left';
+ }
+ var graphnodes = diagram.nodes;
+ if (graphnodes.length > 0) {
+ for (var i = 0; i < graphnodes.length; i++) {
+ var node = diagram.nameTable[graphnodes[parseInt(i.toString(), 10)].id];
+ this.addDynamicPortandDistrrbuteLine(graph, node, srcDirection, tarDirection, diagram);
+ }
+ }
+ }
+ };
+ LineDistribution.prototype.ObstacleSegment = function (options) {
+ options.direction = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["getConnectorDirection"])(options.startpt, options.endpt);
+ options.distance = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].findLength(options.startpt, options.endpt);
+ options.orientation = options.direction === 'Left' || options.direction === 'Right' ? 'horizontal' : 'vertical';
+ // eslint-disable-next-line no-self-assign
+ options.id = options.id;
+ if (options.orientation === 'horizontal') {
+ options.coord = options.startpt.y;
+ if (options.direction === 'Left') {
+ options.start = options.endpt.x;
+ options.end = options.startpt.x;
+ }
+ else {
+ options.start = options.startpt.x;
+ options.end = options.endpt.x;
+ }
+ }
+ else {
+ options.coord = options.startpt.x;
+ if (options.direction === 'Top') {
+ options.start = options.endpt.y;
+ options.end = options.startpt.y;
+ }
+ else {
+ options.start = options.startpt.y;
+ options.end = options.endpt.y;
+ }
+ }
+ return options;
+ };
+ /** @private */
+ LineDistribution.prototype.distributeLines = function (layout, diagram) {
+ var isHorizontal = layout.orientation === 'LeftToRight'
+ || layout.orientation === 'RightToLeft';
+ var inversespacing = !isHorizontal ? layout.verticalSpacing : layout.horizontalSpacing;
+ var srcdecoratorSize = 8.0;
+ var obstacleCollection = 'obstaclePointCollection';
+ var tardecoratorSize = 10.0;
+ var avaibaleSpace = inversespacing - srcdecoratorSize - tardecoratorSize;
+ var graph = [];
+ var connectorObstacles = [];
+ var globalConnectors = diagram.connectors;
+ for (var i = 0; i < globalConnectors.length; i++) {
+ var connector = globalConnectors[parseInt(i.toString(), 10)];
+ var pts = [];
+ for (var key = 0; key < connector.segments.length; key++) {
+ var seg = connector.segments[parseInt(key.toString(), 10)];
+ for (var k = 0; k < seg.points.length; k++) {
+ var pt = seg.points[parseInt(k.toString(), 10)];
+ if (pts.length === 0 || !(_primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].equals(pt, pts[pts.length - 1]))) {
+ pts.push(pt);
+ }
+ }
+ }
+ var obssegments = [];
+ for (var j = 1; j < pts.length; j++) {
+ var obstacle = this.ObstacleSegment({ startpt: pts[j - 1], endpt: pts[parseInt(j.toString(), 10)], id: connector.id });
+ obssegments.push(obstacle);
+ }
+ var connectorObstacle = { wrapper: connector, segments: obssegments };
+ var segments = [];
+ if (!isHorizontal) {
+ for (var key = 0; key < connectorObstacle.segments.length; key++) {
+ var obstacle = connectorObstacle.segments[parseInt(key.toString(), 10)];
+ if (obstacle.orientation === 'horizontal') {
+ segments.push(obstacle);
+ }
+ }
+ }
+ else {
+ for (var key = 0; key < connectorObstacle.segments.length; key++) {
+ var obstacle = connectorObstacle.segments[parseInt(key.toString(), 10)];
+ if (obstacle.orientation === 'vertical') {
+ segments.push(obstacle);
+ }
+ }
+ }
+ for (var j = 0; j < segments.length; j++) {
+ var obstacleSegment = segments[parseInt(j.toString(), 10)];
+ if (!this.containsValue(graph, obstacleSegment.coord)) {
+ graph.push({ key: obstacleSegment.coord, value: [] });
+ }
+ var index = void 0;
+ for (var k = 0; k < graph.length; k++) {
+ var key = graph[parseInt(k.toString(), 10)].key;
+ if (Number(key) === obstacleSegment.coord) {
+ index = k;
+ break;
+ }
+ }
+ graph[parseInt(index.toString(), 10)].value.push(obstacleSegment);
+ }
+ connectorObstacles.push(connectorObstacle);
+ }
+ var modifiedgrap = [];
+ for (var m = 0; m < graph.length; m++) {
+ var row = graph[parseInt(m.toString(), 10)];
+ var sortedrow = row.value;
+ sortedrow.sort();
+ var groupby = void 0;
+ groupby = [];
+ var index = 0;
+ var maxEnd = Number.MIN_VALUE;
+ groupby.push([]);
+ for (var n = 0; n < sortedrow.length; n++) {
+ var obstacleSegment = sortedrow[parseInt(n.toString(), 10)];
+ if (!(groupby[parseInt(index.toString(), 10)].length > 0) || maxEnd >= obstacleSegment.start) {
+ groupby[parseInt(index.toString(), 10)].push(obstacleSegment);
+ maxEnd = Math.max(maxEnd, groupby[parseInt(index.toString(), 10)][groupby[parseInt(index.toString(), 10)].length - 1].end);
+ }
+ else {
+ index++;
+ groupby.push([]);
+ groupby[parseInt(index.toString(), 10)].push(obstacleSegment);
+ maxEnd = groupby[parseInt(index.toString(), 10)][groupby[parseInt(index.toString(), 10)].length - 1].end;
+ }
+ }
+ for (var n = 0; n < groupby.length; n++) {
+ var group = groupby[parseInt(n.toString(), 10)];
+ var sortedGroup = [];
+ for (var j = 0; j < group.length; j++) {
+ var e = group[parseInt(j.toString(), 10)];
+ if (e.start) {
+ sortedGroup.push(e);
+ }
+ }
+ var comparingDir = isHorizontal ? 'Bottom' : 'Right';
+ var directed = [];
+ for (var j = 0; j < sortedGroup.length; j++) {
+ var e = sortedGroup[parseInt(j.toString(), 10)];
+ if (e.direction === comparingDir) {
+ directed.push(e);
+ }
+ }
+ var reversedirected = [];
+ for (var j = 0; j < sortedGroup.length; j++) {
+ var e = sortedGroup[parseInt(j.toString(), 10)];
+ if (e.direction !== comparingDir) {
+ reversedirected.push(e);
+ }
+ }
+ var mutual = [];
+ if (directed.length > 0) {
+ var temp = directed[0].start;
+ var j = 0;
+ while (j < reversedirected.length) {
+ if (reversedirected[parseInt(j.toString(), 10)].end > temp) {
+ mutual.push(reversedirected[parseInt(j.toString(), 10)]);
+ reversedirected.splice(j, 1);
+ }
+ else {
+ j++;
+ }
+ }
+ }
+ var mutualRow = [];
+ mutualRow = this.updateSegmentRow(mutual, mutualRow);
+ var directedRow = [];
+ directedRow = [];
+ directedRow = this.updateSegmentRow(reversedirected, directedRow);
+ directed.reverse();
+ directedRow = this.updateSegmentRow(directed, directedRow);
+ if (!(mutualRow[mutualRow.length - 1].length > 0)) {
+ mutualRow.splice(mutualRow.length - 1, 1);
+ }
+ if (!(directedRow[directedRow.length - 1].length > 0)) {
+ directedRow.splice(directedRow.length - 1, 1);
+ }
+ var subrow = [];
+ var descAdding = mutual.length > 0 && (sortedGroup[0].direction === mutual[0].direction
+ || sortedGroup[sortedGroup.length - 1].direction === mutual[mutual.length - 1].direction);
+ if (descAdding) {
+ subrow = directedRow;
+ for (var p = 0; p < mutualRow.length; p++) {
+ var obj = mutualRow[parseInt(p.toString(), 10)];
+ subrow[subrow.length] = obj;
+ }
+ }
+ else {
+ subrow = mutualRow;
+ for (var p = 0; p < directedRow.length; p++) {
+ var obj = directedRow[parseInt(p.toString(), 10)];
+ subrow[subrow.length] = obj;
+ }
+ }
+ if (subrow.length > 1) {
+ var directionModifier = 1;
+ if (layout.orientation === 'BottomToTop'
+ || layout.orientation === 'RightToLeft') {
+ directionModifier = -1;
+ }
+ var startCoord = row.key - (directionModifier * avaibaleSpace / 2.0);
+ var diff = avaibaleSpace / subrow.length;
+ for (var i = 0; i < subrow.length; i++) {
+ var newcoord = startCoord + (i * diff * directionModifier);
+ for (var p = 0; p < subrow[parseInt(i.toString(), 10)].length; p++) {
+ var obstacleSegment = subrow[parseInt(i.toString(), 10)][parseInt(p.toString(), 10)];
+ obstacleSegment.coord = newcoord;
+ if (!this.containsValue(modifiedgrap, obstacleSegment.coord)) {
+ modifiedgrap.push({ key: obstacleSegment.coord, value: [] });
+ }
+ var index_1 = void 0;
+ for (var k = 0; k < modifiedgrap.length; k++) {
+ var keyCheck = modifiedgrap[parseInt(k.toString(), 10)].key;
+ if (keyCheck === obstacleSegment.coord) {
+ index_1 = k;
+ break;
+ }
+ }
+ modifiedgrap[parseInt(index_1.toString(), 10)].value.push(obstacleSegment);
+ }
+ }
+ }
+ }
+ }
+ for (var m = 0; m < connectorObstacles.length; m++) {
+ var connectorObstacle = connectorObstacles[parseInt(m.toString(), 10)];
+ var pts = [];
+ for (var i = 0; i < connectorObstacle.segments.length; i++) {
+ if (i === 0) {
+ pts.push(this.getObstacleStartPoint(connectorObstacle.segments[parseInt(i.toString(), 10)]));
+ }
+ else if (isHorizontal) {
+ if (connectorObstacle.segments[parseInt(i.toString(), 10)].orientation === 'vertical') {
+ pts[pts.length - 1] = this.getObstacleStartPoint(connectorObstacle.segments[parseInt(i.toString(), 10)]);
+ }
+ }
+ else if (!isHorizontal) {
+ if (connectorObstacle.segments[parseInt(i.toString(), 10)].orientation === 'horizontal') {
+ pts[pts.length - 1] = this.getObstacleStartPoint(connectorObstacle.segments[parseInt(i.toString(), 10)]);
+ }
+ }
+ pts.push(this.getObstacleEndPoint(connectorObstacle.segments[parseInt(i.toString(), 10)]));
+ }
+ /* tslint:disable */
+ connectorObstacle.wrapper["" + obstacleCollection] = [];
+ for (var j = 0; j < pts.length; j++) {
+ var point = pts[parseInt(j.toString(), 10)];
+ if (j === 0 || (j > 0 && !(_primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].equals(point, pts[j - 1])))) {
+ connectorObstacle.wrapper["" + obstacleCollection].push(this.getPointvalue(point.x, point.y));
+ }
+ }
+ /* tslint:enable */
+ //EJ2-70198 - The layout ConnectionPointOrigin DifferentPoint property is not working for bezier connector
+ if (connectorObstacle.wrapper === "Orthogonal") {
+ this.resetConnectorPoints(connectorObstacle.wrapper, diagram);
+ }
+ }
+ };
+ LineDistribution.prototype.inflate = function (rect, x, y) {
+ rect.x -= x;
+ rect.y -= y;
+ rect.width += 2 * x;
+ rect.height += 2 * y;
+ return rect;
+ };
+ LineDistribution.prototype.updateConnectorPoints = function (connectorPoints, startSegmentSize, intermediatePoint, bounds, orientation) {
+ var layoutBounds = bounds;
+ var isHorizontal = orientation === 'LeftToRight' || orientation === 'RightToLeft';
+ var pts = connectorPoints;
+ if (pts.length > 2) {
+ var newPt = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].transform(pts[0], _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].findAngle(pts[0], pts[1]), startSegmentSize);
+ var nextPt = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].transform(newPt, _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].findAngle(pts[1], pts[2]), _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].findLength(pts[1], pts[2]));
+ pts.splice(1, 2, newPt, nextPt);
+ if (intermediatePoint != null) {
+ var index = 2;
+ var ptsCount = pts.length;
+ var newPt1 = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].transform(pts[ptsCount - 1], _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].findAngle(pts[ptsCount - 1], pts[ptsCount - 2]), startSegmentSize);
+ pts.splice(ptsCount - 1, 0, newPt1);
+ while (index < (pts.length - 2)) {
+ pts.splice(index, 1);
+ }
+ var edgePt = intermediatePoint;
+ this.inflate(layoutBounds, layoutBounds.width, layoutBounds.height);
+ var line1 = [];
+ line1[0] = this.getPointvalue(edgePt.x, layoutBounds.y);
+ line1[1] = this.getPointvalue(edgePt.x, layoutBounds.y + layoutBounds.height);
+ var line2 = [];
+ line2[0] = this.getPointvalue(layoutBounds.x, pts[1].y);
+ line2[1] = this.getPointvalue(layoutBounds.x + layoutBounds.width, pts[1].y);
+ var line3 = [];
+ line3[0] = this.getPointvalue(layoutBounds.x, newPt1.y);
+ line3[1] = this.getPointvalue(layoutBounds.x + layoutBounds.width, newPt1.y);
+ if (isHorizontal) {
+ line1[0] = this.getPointvalue(layoutBounds.x, edgePt.y);
+ line1[1] = this.getPointvalue(layoutBounds.x + layoutBounds.width, edgePt.y);
+ line2[0] = this.getPointvalue(pts[1].x, layoutBounds.y);
+ line2[1] = this.getPointvalue(pts[1].x, layoutBounds.y + layoutBounds.height);
+ line3[0] = this.getPointvalue(newPt1.x, layoutBounds.y);
+ line2[1] = this.getPointvalue(newPt1.x, layoutBounds.y + layoutBounds.height);
+ }
+ var intercepts1 = [Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["intersect2"])(line1[0], line1[1], line2[0], line2[1])];
+ var intercepts2 = [Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["intersect2"])(line1[0], line1[1], line3[0], line3[1])];
+ if (intercepts2.length > 0) {
+ pts.splice(2, 0, intercepts2[0]);
+ }
+ if (intercepts1.length > 0) {
+ pts.splice(2, 0, intercepts1[0]);
+ }
+ }
+ }
+ var i = 1;
+ while (i < pts.length - 1) {
+ if (_primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].equals(pts[i - 1], pts[parseInt(i.toString(), 10)])) {
+ pts.splice(i, 1);
+ }
+ else if (_primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].findAngle(pts[i - 1], pts[parseInt(i.toString(), 10)]) === _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].findAngle(pts[parseInt(i.toString(), 10)], pts[i + 1])) {
+ pts.splice(i, 1);
+ }
+ else {
+ i++;
+ }
+ }
+ return pts;
+ };
+ /* tslint:disable */
+ LineDistribution.prototype.resetConnectorPoints = function (edge, diagram) {
+ var obstacleCollection = 'obstaclePointCollection';
+ if (edge.segments[0].points
+ && edge.segments[0].points.length > 0 && edge["" + obstacleCollection]) {
+ var connector = edge;
+ connector.sourcePoint = edge["" + obstacleCollection][0];
+ connector.targetPoint = edge["" + obstacleCollection][edge["" + obstacleCollection].length - 1];
+ var segments = void 0;
+ segments = [];
+ for (var i = 0; i < edge["" + obstacleCollection].length - 1; i++) {
+ var point1 = edge["" + obstacleCollection][parseInt(i.toString(), 10)];
+ var point2 = edge["" + obstacleCollection][i + 1];
+ var length_1 = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["findDistance"])(point1, point2);
+ var direction = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["getConnectorDirection"])(point1, point2);
+ if (i === edge["" + obstacleCollection].length - 2) {
+ if ((diagram.layout.orientation === 'RightToLeft' && direction === 'Left')
+ || (diagram.layout.orientation === 'LeftToRight' && direction === 'Right')
+ || (diagram.layout.orientation === 'TopToBottom' && direction === 'Bottom')
+ || (diagram.layout.orientation === 'BottomToTop' && direction === 'Top')) {
+ length_1 = length_1 / 2;
+ }
+ }
+ /* tslint:enable */
+ var tempSegment = new _objects_connector__WEBPACK_IMPORTED_MODULE_0__["OrthogonalSegment"](edge, 'segments', { type: 'Orthogonal' }, true);
+ tempSegment.length = length_1;
+ tempSegment.direction = direction;
+ segments.push(tempSegment);
+ }
+ connector.segments = segments;
+ connector.type = 'Orthogonal';
+ diagram.connectorPropertyChange(connector, {}, {
+ type: 'Orthogonal',
+ segments: connector.segments
+ });
+ }
+ };
+ LineDistribution.prototype.getObstacleEndPoint = function (segment) {
+ if (segment.orientation === 'horizontal') {
+ if (segment.direction === 'Left') {
+ return this.getPointvalue(segment.start, segment.coord);
+ }
+ return this.getPointvalue(segment.end, segment.coord);
+ }
+ if (segment.direction === 'Top') {
+ return this.getPointvalue(segment.coord, segment.start);
+ }
+ return this.getPointvalue(segment.coord, segment.end);
+ };
+ LineDistribution.prototype.getObstacleStartPoint = function (segment) {
+ if (segment.orientation === 'horizontal') {
+ if (segment.direction === 'Left') {
+ return this.getPointvalue(segment.end, segment.coord);
+ }
+ return this.getPointvalue(segment.start, segment.coord);
+ }
+ if (segment.direction === 'Top') {
+ return this.getPointvalue(segment.coord, segment.end);
+ }
+ return this.getPointvalue(segment.coord, segment.start);
+ };
+ LineDistribution.prototype.updateSegmentRow = function (obstacleSegments, segmentRow) {
+ var k = 0;
+ if (!(segmentRow.length > 0)) {
+ segmentRow[0] = [];
+ }
+ for (var i = 0; i < obstacleSegments.length; i++) {
+ var obstacleSegment = obstacleSegments[parseInt(i.toString(), 10)];
+ while (k < segmentRow.length) {
+ if (k === segmentRow.length - 1) {
+ segmentRow[k + 1] = [];
+ }
+ if (!(segmentRow[parseInt(k.toString(), 10)].length > 0)
+ || segmentRow[parseInt(k.toString(), 10)][segmentRow[parseInt(k.toString(), 10)].length - 1].end < obstacleSegment.start) {
+ segmentRow[parseInt(k.toString(), 10)].push(obstacleSegment);
+ break;
+ }
+ k++;
+ }
+ }
+ return segmentRow;
+ };
+ LineDistribution.prototype.portOffsetCalculation = function (port, length, direction, i) {
+ if (direction === 'Top') {
+ port.offset = { x: (i + 1) * (1.0 / (length + 1)), y: 0 };
+ }
+ if (direction === 'Bottom') {
+ port.offset = { x: (i + 1) * (1.0 / (length + 1)), y: 1 };
+ }
+ if (direction === 'Left') {
+ port.offset = { x: 0, y: (i + 1) * (1.0 / (length + 1)) };
+ }
+ if (direction === 'Right') {
+ port.offset = { x: 1, y: (i + 1) * (1.0 / (length + 1)) };
+ }
+ };
+ LineDistribution.prototype.addDynamicPortandDistrrbuteLine = function (layout, node, sourceDirection, targetDirection, diagram) {
+ if ((node.ports && node.ports.length > 0)) {
+ var port = node.ports;
+ diagram.removePorts(node, port);
+ }
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ var existingPorts = node.ports;
+ var outConnectors = node.outEdges;
+ var inConnectors = node.inEdges;
+ this.initPort(outConnectors, diagram, node, sourceDirection, false);
+ this.initPort(inConnectors, diagram, node, targetDirection, true);
+ };
+ /* tslint:disable */
+ LineDistribution.prototype.initPort = function (connectors, diagram, node, targetDirection, inConnectors) {
+ var obstacleCollection = 'obstaclePointCollection';
+ var objects = connectors;
+ // EJ2-61463 - Added below code to sort the objects based on the source node offset position
+ if (connectors.length > 1 && inConnectors) {
+ connectors = this.sortObjects(objects, inConnectors, diagram);
+ }
+ for (var i = 0; i <= connectors.length - 1; i++) {
+ var internalConnector = diagram.nameTable[connectors[parseInt(i.toString(), 10)]];
+ internalConnector["" + obstacleCollection] = [];
+ var newPort = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["findPort"])(node, inConnectors ? internalConnector.targetPortID : internalConnector.sourcePortID);
+ var direction = targetDirection;
+ if (newPort === undefined) {
+ newPort = new _objects_port__WEBPACK_IMPORTED_MODULE_5__["PointPort"](node, 'ports', '', true);
+ newPort.id = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["randomId"])() + '_LineDistribution';
+ if (inConnectors) {
+ internalConnector.targetPortID = newPort.id;
+ }
+ else {
+ internalConnector.sourcePortID = newPort.id;
+ }
+ }
+ this.portOffsetCalculation(newPort, connectors.length, direction, i);
+ node.ports.push(newPort);
+ var portWrapper = node.initPortWrapper(node.ports[node.ports.length - 1]);
+ node.wrapper.children.push(portWrapper);
+ // EJ2-66867 - Exception occurs on calling doLayout while injecting Linerouting module
+ // nodes portWrapper bouds is updated below
+ node.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_6__["Size"](node.width, node.height), node.id);
+ node.wrapper.arrange(node.wrapper.desiredSize);
+ diagram.connectorPropertyChange(internalConnector, inConnectors ? { targetPortID: '' } : { sourcePortID: '' },
+ // eslint-disable-next-line
+ inConnectors ? { targetPortID: newPort.id } : { sourcePortID: newPort.id });
+ }
+ };
+ /* tslint:enable */
+ //EJ2-61463 - Method used to sort the connectors based on the source node offset position
+ LineDistribution.prototype.sortObjects = function (objects, inConnectors, diagram) {
+ var temp;
+ for (var i = 0; i < objects.length; i++) {
+ for (var j = i + 1; j < objects.length; j++) {
+ var internalConnector = diagram.nameTable[objects[parseInt(i.toString(), 10)]];
+ var internalConnector2 = diagram.nameTable[objects[parseInt(j.toString(), 10)]];
+ if (inConnectors) {
+ var childNode = diagram.nameTable[internalConnector.sourceID];
+ var childNode2 = diagram.nameTable[internalConnector2.sourceID];
+ // For LeftToRight and RightToLeft we want to consider source node offsetY position
+ if (diagram.layout.orientation === 'LeftToRight' || diagram.layout.orientation === 'RightToLeft') {
+ if (childNode.offsetY > childNode2.offsetY) {
+ temp = objects[parseInt(i.toString(), 10)];
+ objects[parseInt(i.toString(), 10)] = objects[parseInt(j.toString(), 10)];
+ objects[parseInt(j.toString(), 10)] = temp;
+ }
+ }
+ else {
+ // For TopToBottom or BottomToTop means we want to consider source node offsetX position
+ if (childNode.offsetX > childNode2.offsetX) {
+ temp = objects[parseInt(i.toString(), 10)];
+ objects[parseInt(i.toString(), 10)] = objects[parseInt(j.toString(), 10)];
+ objects[parseInt(j.toString(), 10)] = temp;
+ }
+ }
+ }
+ }
+ }
+ return objects;
+ };
+ LineDistribution.prototype.shiftMatrixCells = function (value, startingCell, shiftChildren, parentCell, matrixModel) {
+ if (!(value === 0)) {
+ var matrix = matrixModel.matrix;
+ var matrixRow = matrix[startingCell.level].value;
+ var index = matrixRow.indexOf(startingCell);
+ for (var i = index; i < matrixRow.length; i++) {
+ matrixRow[parseInt(i.toString(), 10)].offset += value;
+ }
+ if (shiftChildren) {
+ if (startingCell.visitedChildren.length > 0) {
+ this.shiftMatrixCells(value, startingCell.visitedChildren[0], true, startingCell, matrixModel);
+ }
+ else {
+ var i = 1;
+ var nextSibilingwithChild = null;
+ while (index + i < matrixRow.length) {
+ var nextCell = matrixRow[index + i];
+ if (parentCell != null && this.containsValue(nextCell.visitedParents, parentCell)) {
+ if (nextCell.visitedChildren.length > 0) {
+ nextSibilingwithChild = nextCell;
+ }
+ else {
+ i++;
+ continue;
+ }
+ }
+ break;
+ }
+ if (nextSibilingwithChild != null) {
+ this.shiftMatrixCells(value, nextSibilingwithChild.visitedChildren[0], true, nextSibilingwithChild, matrixModel);
+ }
+ }
+ }
+ }
+ };
+ LineDistribution.prototype.arrangeMatrix = function (cell, parent, matrixModel) {
+ var layoutSettings = matrixModel.model.layout;
+ var isHorizontal = layoutSettings.orientation === 'LeftToRight'
+ || layoutSettings.orientation === 'RightToLeft';
+ var spacing = isHorizontal ? layoutSettings.verticalSpacing : layoutSettings.horizontalSpacing;
+ var matrix = matrixModel.matrix;
+ var matrixRow = matrix[cell.level].value;
+ var matrixIndex = matrixRow.indexOf(cell);
+ if (cell.visitedParents.length > 0) {
+ if (cell.visitedParents.length === 1) {
+ cell.initialOffset = cell.offset;
+ }
+ if (matrixIndex + 1 < matrixRow.length) {
+ var nextCell = matrixRow[matrixIndex + 1];
+ if (nextCell.visitedParents.length > 0) {
+ if (!this.containsValue(cell.visitedParents, parent)) {
+ cell.visitedParents.push(parent);
+ parent.ignoredChildren.push(cell);
+ return;
+ }
+ }
+ }
+ }
+ if (!(cell.children.length > 0)) {
+ var validOffset = cell.offset;
+ if (matrixIndex > 0) {
+ var prevCell = matrixRow[matrixIndex - 1];
+ validOffset = prevCell.offset + (prevCell.size / 2) + spacing + (cell.size / 2);
+ }
+ this.shiftMatrixCells(validOffset - cell.offset, cell, false, null, matrixModel);
+ }
+ else {
+ for (var i = 0; i < cell.children.length; i++) {
+ var matrixCellChild = cell.children[parseInt(i.toString(), 10)];
+ if (!this.containsValue(cell.visitedChildren, matrixCellChild)) {
+ this.arrangeMatrix(matrixCellChild, cell, matrixModel);
+ cell.visitedChildren.push(matrixCellChild);
+ }
+ }
+ if (cell.visitedChildren.length > 0) {
+ var children = cell.visitedChildren.slice();
+ for (var i = 0; i < cell.ignoredChildren.length; i++) {
+ //let cellIgnoredChild: MatrixCellGroupObject = cell.ignoredChildren[i];
+ children.splice(0, 1);
+ cell.visitedChildren.splice(0, 1);
+ }
+ if (children.length > 0) {
+ var firstChild = cell.visitedChildren[0];
+ var lastChild = cell.visitedChildren[cell.visitedChildren.length - 1];
+ var x1 = firstChild.offset - (firstChild.size / 2);
+ var x2 = lastChild.offset + (lastChild.size / 2);
+ var newoffset = (x1 + x2) / 2;
+ if (newoffset < cell.offset) {
+ this.shiftMatrixCells(cell.offset - newoffset, firstChild, true, cell, matrixModel);
+ }
+ else if (newoffset > cell.offset) {
+ this.shiftMatrixCells(newoffset - cell.offset, cell, false, null, matrixModel);
+ }
+ }
+ }
+ }
+ if (!this.containsValue(cell.visitedParents, parent)) {
+ cell.visitedParents.push(parent);
+ }
+ };
+ LineDistribution.prototype.getFixedTerminalPoint = function () {
+ var pt = null;
+ return pt;
+ };
+ LineDistribution.prototype.setAbsoluteTerminalPoint = function (point, isSource, edge) {
+ var absolutePoints = 'absolutePoints';
+ if (isSource) {
+ if (edge["" + absolutePoints] == null) {
+ edge["" + absolutePoints] = [];
+ }
+ if (edge["" + absolutePoints].length === 0) {
+ edge["" + absolutePoints].push(point);
+ }
+ else {
+ edge["" + absolutePoints][0] = point;
+ }
+ }
+ else {
+ if (edge["" + absolutePoints] == null) {
+ edge["" + absolutePoints] = [];
+ edge["" + absolutePoints].push(null);
+ edge["" + absolutePoints].push(point);
+ }
+ else if (edge["" + absolutePoints].length === 1) {
+ edge["" + absolutePoints].push(point);
+ }
+ else {
+ edge["" + absolutePoints][edge["" + absolutePoints].length - 1] = point;
+ }
+ }
+ };
+ LineDistribution.prototype.updateFixedTerminalPoint = function (edge, source) {
+ this.setAbsoluteTerminalPoint(this.getFixedTerminalPoint(), source, edge);
+ };
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ LineDistribution.prototype.updateFixedTerminalPoints = function (connectors, diagram) {
+ this.updateFixedTerminalPoint(connectors, true);
+ this.updateFixedTerminalPoint(connectors, false);
+ };
+ LineDistribution.prototype.updatePoints = function (edge, points) {
+ var absolutePoints = 'absolutePoints';
+ if (edge != null) {
+ var pts = [];
+ pts.push(edge["" + absolutePoints][0]);
+ for (var i = 0; i < points.length; i++) {
+ if (points[parseInt(i.toString(), 10)] != null) {
+ var pt = points[parseInt(i.toString(), 10)];
+ pts.push(pt);
+ }
+ }
+ var tmp = edge["" + absolutePoints];
+ pts.push(tmp[tmp.length - 1]);
+ edge["" + absolutePoints] = pts;
+ }
+ };
+ LineDistribution.prototype.updateFloatingTerminalPoint = function (edge, start, end, source) {
+ this.setAbsoluteTerminalPoint(this.getFloatingTerminalPoint(edge, start, end, source), source, edge);
+ };
+ LineDistribution.prototype.getNextPoint = function (edge, opposite, source) {
+ var absolutePoints = 'absolutePoints';
+ var pts = edge["" + absolutePoints];
+ var point = null;
+ if (pts != null && pts.length >= 2) {
+ var count = pts.length;
+ point = pts[(source) ? Math.min(1, count - 1) : Math.max(0, count - 2)];
+ }
+ return point;
+ };
+ LineDistribution.prototype.getCenterX = function (start) {
+ if (start.offsetX) {
+ return start.offsetX + start.width;
+ }
+ else {
+ return start.x + start.width;
+ }
+ };
+ LineDistribution.prototype.getCenterY = function (start) {
+ if (start.offsetY) {
+ return start.offsetY + start.height;
+ }
+ else {
+ return start.y + start.height;
+ }
+ };
+ LineDistribution.prototype.getPerimeterBounds = function (border) {
+ //let newBounds: Rect;
+ var newBounds = border.wrapper.outerBounds;
+ return newBounds;
+ };
+ LineDistribution.prototype.getPerimeterFunction = function (bounds, next, orthogonal) {
+ var cx = this.getCenterX(bounds);
+ var cy = this.getCenterY(bounds);
+ var dx = next.x - cx;
+ var dy = next.y - cy;
+ var alpha = Math.atan2(dy, dx);
+ var point = this.getPointvalue(0, 0);
+ var pi = Math.PI;
+ var pi2 = Math.PI / 2;
+ var beta = pi2 - alpha;
+ var t = Math.atan2(bounds.height, bounds.width);
+ if (alpha < -pi + t || alpha > pi - t) {
+ // Left edge
+ point.x = bounds.x;
+ point.y = cy - bounds.width * Math.tan(alpha) / 2;
+ }
+ else if (alpha < -t) {
+ // Top Edge
+ point.y = bounds.y;
+ point.x = cx - bounds.height * Math.tan(beta) / 2;
+ }
+ else if (alpha < t) {
+ // Right Edge
+ point.x = bounds.x + bounds.width;
+ point.y = cy + bounds.width * Math.tan(alpha) / 2;
+ }
+ else {
+ // Bottom Edge
+ point.y = bounds.y + bounds.height;
+ point.x = cx + bounds.height * Math.tan(beta) / 2;
+ }
+ if (orthogonal) {
+ if (next.x >= bounds.x &&
+ next.x <= bounds.x + bounds.width) {
+ point.x = next.x;
+ }
+ else if (next.y >= bounds.y &&
+ next.y <= bounds.y + bounds.height) {
+ point.y = next.y;
+ }
+ if (next.x < bounds.x) {
+ point.x = bounds.x;
+ }
+ else if (next.x > bounds.x + bounds.width) {
+ point.x = bounds.x + bounds.width;
+ }
+ if (next.y < bounds.y) {
+ point.y = bounds.y;
+ }
+ else if (next.y > bounds.y + bounds.height) {
+ point.y = bounds.y + bounds.height;
+ }
+ }
+ return point;
+ };
+ LineDistribution.prototype.getPerimeterPoint = function (terminal, next, orthogonal) {
+ var point = null;
+ if (terminal != null) {
+ if (next != null) {
+ var bounds = this.getPerimeterBounds(terminal);
+ if (bounds.width > 0 || bounds.height > 0) {
+ point = this.getPointvalue(next.x, next.y);
+ point = this.getPerimeterFunction(bounds, point, orthogonal);
+ }
+ }
+ }
+ return point;
+ };
+ LineDistribution.prototype.getFloatingTerminalPoint = function (edge, start, end, source) {
+ start = start;
+ var next = this.getNextPoint(edge, end, source);
+ var orth = 1;
+ var alpha = 0;
+ var pt = this.getPerimeterPoint(start, next, alpha === 0 && orth);
+ return pt;
+ };
+ LineDistribution.prototype.updateFloatingTerminalPoints = function (state, source, target) {
+ var absolutePoints = 'absolutePoints';
+ var pts = state["" + absolutePoints];
+ var p0 = pts[0];
+ var pe = pts[pts.length - 1];
+ if (pe == null && target != null) {
+ this.updateFloatingTerminalPoint(state, target, source, false);
+ }
+ if (p0 == null && source != null) {
+ this.updateFloatingTerminalPoint(state, source, target, true);
+ }
+ };
+ LineDistribution.prototype.getConnectorPoints = function (connectors, diagram) {
+ var absolutePoints = 'absolutePoints';
+ var geometry = 'geometry';
+ this.updateFixedTerminalPoints(connectors, diagram);
+ this.updatePoints(connectors, connectors["" + geometry].points);
+ this.updateFloatingTerminalPoints(connectors, diagram.nameTable[connectors.sourceID], diagram.nameTable[connectors.targetID]);
+ connectors["" + absolutePoints][0].y = connectors.sourcePoint.y;
+ connectors["" + absolutePoints][connectors["" + absolutePoints].length - 1].y = connectors.targetPoint.y;
+ };
+ LineDistribution.prototype.adjustSegmentPoints = function (temppoints, points, diagram) {
+ if (diagram.layout.orientation === 'TopToBottom' || diagram.layout.orientation === 'BottomToTop') {
+ temppoints[0].x = points[0].x;
+ temppoints[1].x = points[1].x;
+ temppoints[temppoints.length - 1].x = points[points.length - 1].x;
+ temppoints[temppoints.length - 2].x = points[points.length - 2].x;
+ if (diagram.layout.orientation === 'TopToBottom') {
+ temppoints[temppoints.length - 2].y = temppoints[temppoints.length - 1].y - diagram.layout.verticalSpacing / 2;
+ temppoints[1].y = temppoints[0].y + diagram.layout.verticalSpacing / 2;
+ }
+ else {
+ temppoints[1].y = temppoints[0].y - diagram.layout.verticalSpacing / 2;
+ temppoints[temppoints.length - 2].y = temppoints[temppoints.length - 1].y + diagram.layout.verticalSpacing / 2;
+ }
+ temppoints[2].y = temppoints[1].y;
+ temppoints[temppoints.length - 3].y = temppoints[temppoints.length - 2].y;
+ }
+ if (diagram.layout.orientation === 'RightToLeft' || diagram.layout.orientation === 'LeftToRight') {
+ temppoints[0] = points[0];
+ temppoints[1] = points[1];
+ temppoints[temppoints.length - 1] = points[points.length - 1];
+ temppoints[temppoints.length - 2] = points[points.length - 2];
+ if (diagram.layout.orientation === 'RightToLeft') {
+ temppoints[1].x = temppoints[0].x - diagram.layout.verticalSpacing / 2;
+ }
+ if (diagram.layout.orientation === 'LeftToRight') {
+ temppoints[1].x = temppoints[0].x + diagram.layout.verticalSpacing / 2;
+ }
+ temppoints[2].x = temppoints[1].x;
+ if (diagram.layout.orientation === 'RightToLeft') {
+ temppoints[temppoints.length - 2].x = temppoints[temppoints.length - 1].x + diagram.layout.verticalSpacing / 2;
+ }
+ if (diagram.layout.orientation === 'LeftToRight') {
+ temppoints[temppoints.length - 2].x = temppoints[temppoints.length - 1].x - diagram.layout.verticalSpacing / 2;
+ }
+ temppoints[temppoints.length - 3].x = temppoints[temppoints.length - 2].x;
+ }
+ };
+ LineDistribution.prototype.updateConnectorSegmentPoints = function (temppoints, diagram) {
+ if (temppoints.length > 1) {
+ if ((diagram.layout.orientation === 'TopToBottom' || diagram.layout.orientation === 'BottomToTop')) {
+ for (var i = 1; i < temppoints.length - 1; i = i + 2) {
+ if (temppoints[parseInt(i.toString(), 10)].y !== temppoints[i + 1].y && (diagram.layout.orientation === 'TopToBottom'
+ || diagram.layout.orientation === 'BottomToTop')) {
+ temppoints[i + 1].y = temppoints[parseInt(i.toString(), 10)].y;
+ }
+ }
+ }
+ else {
+ var check = false;
+ for (var i = temppoints.length - 1; i > 1; i = i = i - 2) {
+ if (diagram.layout.orientation === 'RightToLeft' || diagram.layout.orientation === 'LeftToRight') {
+ if (!check) {
+ temppoints[i - 1].x = temppoints[i - 2].x;
+ check = true;
+ }
+ else {
+ temppoints[i - 2].x = temppoints[i - 1].x;
+ check = false;
+ }
+ }
+ else {
+ temppoints[i + 1].x = temppoints[parseInt(i.toString(), 10)].x;
+ }
+ }
+ }
+ }
+ };
+ LineDistribution.prototype.updateConnectorSegmentPoint = function (connector, diagram) {
+ var absolutePoints = 'absolutePoints';
+ var segments = [];
+ for (var i = 0; i < connector["" + absolutePoints].length - 1; i++) {
+ var point1 = connector["" + absolutePoints][parseInt(i.toString(), 10)];
+ var point2 = connector["" + absolutePoints][i + 1];
+ var length_2 = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["findDistance"])(point1, point2);
+ var direction = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["getConnectorDirection"])(point1, point2);
+ if (i === connector["" + absolutePoints].length - 2) {
+ if ((diagram.layout.orientation === 'TopToBottom' && direction === 'Bottom')
+ || (diagram.layout.orientation === 'RightToLeft' && direction === 'Left')
+ || (diagram.layout.orientation === 'LeftToRight' && direction === 'Right')
+ || (diagram.layout.orientation === 'BottomToTop' && direction === 'Top')) {
+ length_2 = length_2 / 2;
+ }
+ }
+ var tempSegment = new _objects_connector__WEBPACK_IMPORTED_MODULE_0__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ tempSegment.length = length_2;
+ tempSegment.direction = direction;
+ segments.push(tempSegment);
+ }
+ connector.segments = segments;
+ connector.type = 'Orthogonal';
+ diagram.connectorPropertyChange(connector, {}, {
+ type: 'Orthogonal',
+ segments: connector.segments
+ });
+ };
+ /** @private */
+ LineDistribution.prototype.resetConnectorSegments = function (connector) {
+ var segements = connector.segments;
+ for (var i = segements.length; i > 1; i--) {
+ segements.splice(i - 1, 1);
+ }
+ };
+ /* tslint:disable */
+ /** @private */
+ LineDistribution.prototype.resetRoutingSegments = function (connector, diagram, points) {
+ if (connector['levelSkip']) {
+ var absolutePoints = 'absolutePoints';
+ //let temppoints: PointModel[];
+ this.getConnectorPoints(connector, diagram);
+ var temppoints = connector["" + absolutePoints];
+ this.updateConnectorSegmentPoints(temppoints, diagram);
+ this.adjustSegmentPoints(temppoints, points, diagram);
+ this.updateConnectorSegmentPoint(connector, diagram);
+ }
+ };
+ /* tslint:enable */
+ /** @private */
+ LineDistribution.prototype.arrangeElements = function (matrixModel, layout) {
+ var layoutSettings = matrixModel.model.layout;
+ var isHorizontal;
+ if (layout.orientation === 'LeftToRight' || layout.orientation === 'RightToLeft') {
+ isHorizontal = true;
+ }
+ else {
+ isHorizontal = false;
+ }
+ var spacing = isHorizontal ? layoutSettings.verticalSpacing : layoutSettings.horizontalSpacing;
+ //let spacingInverse: number = !isHorizontal ? layoutSettings.verticalSpacing : layoutSettings.horizontalSpacing;
+ // Need to group element before
+ this.groupLayoutCells(matrixModel);
+ this.createMatrixCells(matrixModel);
+ for (var j = 0; j < matrixModel.matrix.length; j++) {
+ var matrixKey = matrixModel.matrix[parseInt(j.toString(), 10)].key;
+ var matrixrow = matrixModel.matrix[parseInt(matrixKey.toString(), 10)].value;
+ for (var i = 1; i < matrixrow.length; i++) {
+ var cell = matrixrow[parseInt(i.toString(), 10)];
+ var prevCell = matrixrow[i - 1];
+ cell.offset += prevCell.offset + (prevCell.size / 2) + spacing + (cell.size / 2);
+ }
+ }
+ for (var j = 0; j < matrixModel.matrix[0].value.length; j++) {
+ var root = matrixModel.matrix[0].value[parseInt(j.toString(), 10)];
+ this.arrangeMatrix(root, null, matrixModel);
+ }
+ for (var k = 0; k < matrixModel.matrix.length; k++) {
+ var row = matrixModel.matrix[parseInt(k.toString(), 10)].value;
+ for (var i = 0; i < row.length; i++) {
+ var cell = row[parseInt(i.toString(), 10)];
+ if (cell.visitedParents.length > 1) {
+ var firstParent = cell.visitedParents[0];
+ var lastParent = cell.visitedParents[cell.visitedParents.length - 1];
+ var firstVertexParent = this.findParentVertexCellGroup(firstParent);
+ var lastVertexParent = this.findParentVertexCellGroup(lastParent);
+ if (firstParent !== firstVertexParent && firstVertexParent.offset < firstParent.offset) {
+ firstParent = firstVertexParent;
+ }
+ if (lastParent !== lastVertexParent && lastVertexParent.offset > lastParent.offset) {
+ lastParent = firstVertexParent;
+ }
+ var newoffset = (firstParent.offset + lastParent.offset) / 2;
+ var availOffsetMin = cell.initialOffset;
+ var availOffsetMax = cell.offset;
+ if (!(availOffsetMax === availOffsetMin)) {
+ if (newoffset >= availOffsetMin && newoffset <= availOffsetMax) {
+ this.translateMatrixCells(newoffset - cell.offset, cell);
+ }
+ else if (newoffset < availOffsetMin) {
+ this.translateMatrixCells(availOffsetMin - cell.offset, cell);
+ }
+ }
+ }
+ }
+ }
+ this.setXYforMatrixCell(matrixModel);
+ };
+ LineDistribution.prototype.findParentVertexCellGroup = function (cell) {
+ if (cell.cells[0]) {
+ return cell;
+ }
+ if (cell.parents.length > 0) {
+ return this.findParentVertexCellGroup(cell.parents[0]);
+ }
+ return cell;
+ };
+ LineDistribution.prototype.setXYforMatrixCell = function (matrixModel) {
+ var layoutSettings = matrixModel.model.layout;
+ var isHorizontal = layoutSettings.orientation === 'LeftToRight'
+ || layoutSettings.orientation === 'RightToLeft';
+ var spacing = isHorizontal ? layoutSettings.verticalSpacing : layoutSettings.horizontalSpacing;
+ for (var i = 0; i < matrixModel.matrix.length; i++) {
+ var matrixrow1 = matrixModel.matrix[parseInt(i.toString(), 10)].value;
+ for (var j = 0; j < matrixrow1.length; j++) {
+ var matrixCell = matrixrow1[parseInt(j.toString(), 10)];
+ var start = matrixCell.offset - (matrixCell.size / 2);
+ for (var k = 0; k < matrixCell.cells.length; k++) {
+ var cell = matrixCell.cells[parseInt(k.toString(), 10)];
+ var type = this.getType(cell.type);
+ if (type === 'internalVertex') {
+ var internalVertex = cell;
+ var width = internalVertex.cell.geometry.width;
+ var height = internalVertex.cell.geometry.height;
+ if (isHorizontal) {
+ internalVertex.cell.geometry = new _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"](matrixModel.rowOffset[matrixCell.level] - (width / 2), start, width, height);
+ }
+ else {
+ internalVertex.cell.geometry = new _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"](start, matrixModel.rowOffset[matrixCell.level] - (height / 2), width, height);
+ }
+ start += (isHorizontal ? height : width) + spacing;
+ }
+ else if (type === 'internalEdge') {
+ var internalEdges = cell;
+ var parent_1 = matrixCell.visitedParents[0];
+ var isContainSibilingVertex = false;
+ if (parent_1) {
+ for (var l = 0; l < parent_1.visitedChildren.length; l++) {
+ var children = parent_1.visitedChildren[parseInt(l.toString(), 10)];
+ var cells = [];
+ for (var m = 0; m < children.cells.length; m++) {
+ var cell_1 = children.cells[parseInt(m.toString(), 10)];
+ var type_1 = this.getType(cell_1.type);
+ if (type_1 === 'internalVertex') {
+ cells.push(cell_1);
+ }
+ }
+ if (cells.length > 0) {
+ isContainSibilingVertex = true;
+ break;
+ }
+ }
+ }
+ // Need to updated line width
+ var lineWidth = 1;
+ var edgeSpacing = 5;
+ for (var m = 0; m < internalEdges.edges.length; m++) {
+ var internalConnector = internalEdges.edges[parseInt(m.toString(), 10)];
+ var pt = this.getPointvalue(start + (lineWidth / 2.0), matrixModel.rowOffset[matrixCell.level]);
+ if (isHorizontal) {
+ pt = this.getPointvalue(matrixModel.rowOffset[matrixCell.level], start + (lineWidth / 2.0));
+ }
+ if (this.containsValue(this.getEdgeMapper(), internalConnector)) {
+ var key = void 0;
+ for (var l = 0; l < this.getEdgeMapper().length; l++) {
+ if ((this.getEdgeMapper())[parseInt(l.toString(), 10)].key === internalConnector) {
+ key = l;
+ break;
+ }
+ }
+ (this.getEdgeMapper())[parseInt(key.toString(), 10)].value.push(pt);
+ }
+ start += lineWidth + edgeSpacing;
+ }
+ start += spacing;
+ }
+ }
+ }
+ }
+ };
+ LineDistribution.prototype.getEdgeMapper = function () {
+ return this.edgeMapper;
+ };
+ /** @private */
+ LineDistribution.prototype.setEdgeMapper = function (value) {
+ this.edgeMapper.push(value);
+ };
+ LineDistribution.prototype.translateMatrixCells = function (value, cell) {
+ if (!(value === 0)) {
+ cell.offset += value;
+ if (cell.visitedChildren.length > 0) {
+ for (var i = 0; i < cell.visitedChildren.length; i++) {
+ var cellVisitedChild = cell.visitedChildren[parseInt(i.toString(), 10)];
+ this.translateMatrixCells(value, cellVisitedChild);
+ }
+ }
+ }
+ };
+ LineDistribution.prototype.groupLayoutCells = function (matrixModel) {
+ var ranks = matrixModel.model.ranks;
+ for (var j = ranks.length - 1; j >= 0; j--) {
+ var vertices = [];
+ for (var v = 0; v < ranks[parseInt(j.toString(), 10)].length; v++) {
+ var rank = ranks[parseInt(j.toString(), 10)][parseInt(v.toString(), 10)];
+ var type = this.getType(rank.type);
+ if (type === 'internalVertex') {
+ vertices.push(ranks[parseInt(j.toString(), 10)][parseInt(v.toString(), 10)]);
+ }
+ }
+ var edges = [];
+ for (var e = 0; e < ranks[parseInt(j.toString(), 10)].length; e++) {
+ var rank = ranks[parseInt(j.toString(), 10)][parseInt(e.toString(), 10)];
+ var type = this.getType(rank.type);
+ if (type === 'internalEdge') {
+ edges.push(rank);
+ }
+ }
+ while (vertices.length > 1) {
+ var vertex1 = vertices[0];
+ var parentset1 = this.selectIds(vertex1.connectsAsTarget, true);
+ var childset1 = this.selectIds(vertex1.connectsAsSource, false);
+ while (vertices.length > 1) {
+ var vertex2 = vertices[1];
+ var parentset2 = this.selectIds(vertex2.connectsAsTarget, true);
+ var childset2 = this.selectIds(vertex2.connectsAsSource, false);
+ var parentequals = this.compareLists(parentset1, parentset2);
+ var childequals = this.compareLists(childset1, childset2);
+ if (parentequals && childequals) {
+ this.updateMutualSharing(vertices[0], vertex2.id);
+ this.updateMutualSharing(vertices[1], vertex1.id);
+ vertices.splice(1, 1);
+ continue;
+ }
+ break;
+ }
+ vertices.splice(0, 1);
+ }
+ while (edges.length > 1) {
+ var internalEdge = edges[0];
+ var parentset = internalEdge.source;
+ var childset = internalEdge.target;
+ if (parentset.identicalSibiling != null) {
+ var groupedges = [];
+ for (var i = 0; i < edges.length; i++) {
+ var edge = edges[parseInt(i.toString(), 10)];
+ if (edge.target === childset) {
+ groupedges.push(edge);
+ }
+ }
+ for (var i = 0; i < groupedges.length; i++) {
+ var internalEdgese = groupedges[parseInt(i.toString(), 10)];
+ if (this.containsValue(parentset.identicalSibiling, internalEdgese.source.id)) {
+ internalEdgese.source.identicalSibiling = null;
+ }
+ }
+ internalEdge.source.identicalSibiling = null;
+ }
+ edges.splice(0, 1);
+ }
+ }
+ };
+ LineDistribution.prototype.getType = function (type) {
+ if (type === 'internalVertex') {
+ return 'internalVertex';
+ }
+ else {
+ return 'internalEdge';
+ }
+ };
+ LineDistribution.prototype.selectIds = function (node, source) {
+ var returnIds = [];
+ for (var i = 0; i < node.length; i++) {
+ var connector = node[parseInt(i.toString(), 10)];
+ if (source) {
+ {
+ returnIds.push(connector.source.id);
+ }
+ }
+ else {
+ returnIds.push(connector.target.id);
+ }
+ }
+ return returnIds;
+ };
+ LineDistribution.prototype.compareLists = function (list1, list2) {
+ var newList1 = list1.slice();
+ var newList2 = list2.slice();
+ if (newList1.length === newList2.length) {
+ if (newList1.length === 0) {
+ return true;
+ }
+ else {
+ var isSame = true;
+ for (var i = 0; i < newList2.length; i++) {
+ var o = newList2[parseInt(i.toString(), 10)];
+ // EJ2-63944 - Nodes overlapping in Complex hierarchical tree layout in linear arrangement.
+ if (newList1.indexOf(o) === -1) {
+ isSame = false;
+ break;
+ }
+ }
+ return isSame;
+ }
+ }
+ return false;
+ };
+ LineDistribution.prototype.updateMutualSharing = function (cell, id) {
+ if (cell.identicalSibiling != null) {
+ cell.identicalSibiling.push(id);
+ }
+ else {
+ cell.identicalSibiling = [];
+ cell.identicalSibiling.push(id);
+ }
+ };
+ LineDistribution.prototype.matrixCellGroup = function (options) {
+ options.level = options.level;
+ options.parents = options.parents;
+ options.children = options.children;
+ options.visitedChildren = options.visitedChildren;
+ options.visitedParents = options.visitedParents;
+ options.ignoredChildren = options.ignoredChildren;
+ options.cells = options.cells;
+ options.offset = options.offset;
+ options.initialOffset = options.initialOffset;
+ return options;
+ };
+ LineDistribution.prototype.getPointvalue = function (x, y) {
+ return { 'x': Number(x) || 0, 'y': Number(y) || 0 };
+ };
+ LineDistribution.prototype.containsValue = function (list, keyValue) {
+ for (var i = 0; i < list.length; i++) {
+ if (list[parseInt(i.toString(), 10)].key === keyValue || list[parseInt(i.toString(), 10)] === keyValue) {
+ return true;
+ }
+ }
+ return false;
+ };
+ /* tslint:disable */
+ LineDistribution.prototype.createMatrixCells = function (matrixModel) {
+ var layoutSettings = matrixModel.model.layout;
+ var isHorizontal = layoutSettings.orientation === 'LeftToRight'
+ || layoutSettings.orientation === 'RightToLeft';
+ var spacing = isHorizontal ? layoutSettings.verticalSpacing : layoutSettings.horizontalSpacing;
+ var spacingInverse = !isHorizontal ? layoutSettings.verticalSpacing : layoutSettings.horizontalSpacing;
+ var ranks = matrixModel.model.ranks;
+ var matrixCellMapper = [];
+ var rowoffset = -spacingInverse;
+ for (var j = ranks.length - 1; j >= 0; j--) {
+ var maxDimension = 0.0;
+ var index = (ranks.length - 1) - j;
+ var rank = ranks[parseInt(j.toString(), 10)].slice(); //.ToList();
+ // Creating new row and adding it to matrix
+ var matrixRow = [];
+ matrixModel.matrix.push({ key: index, value: matrixRow });
+ // Creating new row mapper
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var tempMatrixRow = [];
+ matrixCellMapper.push({ index: index, value: tempMatrixRow });
+ while (rank.length > 0) //.Any())
+ {
+ var layoutCell = rank[0];
+ // eslint-disable-next-line max-len
+ var matrixCell = this.matrixCellGroup({ level: index, parents: [], children: [], visitedParents: [], visitedChildren: [], ignoredChildren: [], cells: [], size: 0, offset: 0, initialOffset: 0 });
+ matrixRow.push(matrixCell);
+ var type = this.getType(layoutCell.type);
+ if (type === 'internalVertex') {
+ matrixCell.cells.push(layoutCell);
+ if (layoutCell.identicalSibiling != null) {
+ for (var i = 0; i < rank.length; i++) {
+ var internalVertex = rank[parseInt(i.toString(), 10)];
+ var type_2 = this.getType(internalVertex.type);
+ if (type_2 === 'internalVertex' && this.containsValue(layoutCell.identicalSibiling, internalVertex.id)) {
+ matrixCell.cells.push(internalVertex);
+ if (matrixCell.cells.length > layoutCell.identicalSibiling.length) {
+ break;
+ }
+ }
+ }
+ }
+ for (var i = 0; i < matrixCell.cells.length; i++) {
+ var internalVertex = matrixCell.cells[parseInt(i.toString(), 10)];
+ var type_3 = this.getType(internalVertex.type);
+ if (type_3 === 'internalVertex') {
+ var geometry = internalVertex.cell.geometry;
+ matrixCell.size += isHorizontal ? geometry.height : geometry.width;
+ maxDimension = Math.max(maxDimension, !isHorizontal ? geometry.height : geometry.width);
+ tempMatrixRow.push({ key: internalVertex.id, value: matrixCell });
+ if (internalVertex.connectsAsTarget.length > 0) {
+ for (var k = 0; k < internalVertex.connectsAsTarget.length; k++) {
+ var internalEdgese = internalVertex.connectsAsTarget[parseInt(k.toString(), 10)];
+ var key = null;
+ if (this.containsValue(matrixCellMapper[index - 1].value, internalEdgese.ids)) {
+ key = internalEdgese.ids;
+ }
+ else if (this.containsValue(matrixCellMapper[index - 1].value, internalEdgese.source.id)) {
+ key = internalEdgese.source.id;
+ }
+ if (key != null) {
+ var parentcellValue = matrixCellMapper[index - 1].value;
+ var parentMartixCell = void 0;
+ for (var v = 0; v < parentcellValue.length; v++) {
+ if (parentcellValue[parseInt(v.toString(), 10)].key === key) {
+ parentMartixCell = parentcellValue[parseInt(v.toString(), 10)].value;
+ break;
+ }
+ }
+ if (!this.containsValue(matrixCell.parents, parentMartixCell)) {
+ matrixCell.parents.push(parentMartixCell);
+ }
+ if (!this.containsValue(parentMartixCell.children, matrixCell)) {
+ parentMartixCell.children.push(matrixCell);
+ }
+ }
+ }
+ }
+ rank.reverse();
+ rank.pop();
+ rank.reverse();
+ }
+ }
+ matrixCell.size += (matrixCell.cells.length - 1) * spacing;
+ }
+ else if (type === 'internalEdge') {
+ matrixCell.cells.push(layoutCell);
+ for (var i = 0; i < matrixCell.cells.length; i++) {
+ var internalEdge = matrixCell.cells[parseInt(i.toString(), 10)];
+ var type1 = this.getType(internalEdge.type);
+ if (type1 === 'internalEdge' && internalEdge.edges != null) {
+ // need to spacing based on its source and target Node
+ var edgeSpacing = 5;
+ var cellSize = -edgeSpacing;
+ for (var k = 0; k < internalEdge.edges.length; k++) {
+ //const internalConnector = internalEdge.edges[k];
+ // need to summ up the line width
+ cellSize += 1 + edgeSpacing;
+ }
+ matrixCell.size += cellSize;
+ }
+ tempMatrixRow.push({ key: internalEdge.ids, value: matrixCell });
+ var key = null;
+ if (this.containsValue(matrixCellMapper[index - 1].value, internalEdge.ids)) {
+ key = internalEdge.ids;
+ }
+ else if (this.containsValue(matrixCellMapper[index - 1].value, internalEdge.source.id)) {
+ key = internalEdge.source.id;
+ }
+ if (key != null) {
+ var parentcell = matrixCellMapper[index - 1].value;
+ var parentMartixCell = void 0;
+ for (var v = 0; v < parentcell.length; v++) {
+ if (parentcell[parseInt(v.toString(), 10)].key === key) {
+ parentMartixCell = parentcell[parseInt(v.toString(), 10)].value;
+ break;
+ }
+ }
+ if (!this.containsValue(matrixCell.parents, parentMartixCell)) {
+ matrixCell.parents.push(parentMartixCell);
+ }
+ if (!this.containsValue(parentMartixCell.children, matrixCell)) {
+ parentMartixCell.children.push(matrixCell);
+ }
+ }
+ rank.reverse();
+ rank.pop();
+ rank.reverse();
+ }
+ matrixCell.size += (matrixCell.cells.length - 1) * spacing;
+ }
+ }
+ matrixModel.rowOffset.push(rowoffset + (maxDimension / 2) + spacingInverse);
+ rowoffset += maxDimension + spacingInverse;
+ }
+ };
+ /* eslint-disable */
+ /** @private */
+ LineDistribution.prototype.updateLayout = function (viewPort, modelBounds, layoutProp, layout, nodeWithMultiEdges, nameTable) {
+ {
+ var trnsX = ((viewPort.x - modelBounds.width) / 2) - modelBounds.x;
+ var trnsY = ((viewPort.y - modelBounds.height) / 2) - modelBounds.y;
+ trnsX = Math.round(trnsX);
+ trnsY = Math.round(trnsY);
+ var modifiedConnectors = [];
+ var transModelBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"](modelBounds.x + trnsX, modelBounds.y + trnsY, modelBounds.width, modelBounds.height);
+ var margin = layoutProp.margin;
+ var isHorizontal = layout.orientation === 'RightToLeft' || layout.orientation === 'LeftToRight';
+ var inversespacing = !isHorizontal ? layout.verticalSpacing : layout.horizontalSpacing;
+ for (var i = 0; i < nodeWithMultiEdges.length; i++) {
+ var node = nodeWithMultiEdges[i];
+ if (node.outEdges != null && node.outEdges.length > 0) {
+ var count = node.outEdges.length;
+ for (var j = 0; j < count; j++) {
+ var internalConnector = nameTable[node.outEdges[j]];
+ internalConnector['pointCollection'] = [];
+ if (count > 1) {
+ var segmentsize = inversespacing / 2.0;
+ var intermediatePoint = null;
+ var key = void 0;
+ var edgeMapper = this.getEdgeMapper();
+ for (var k = 0; k < edgeMapper.length; k++) {
+ if (edgeMapper[k].key === internalConnector) {
+ key = k;
+ break;
+ }
+ }
+ if (edgeMapper[key].value.length > 0) {
+ var edgePoint = edgeMapper[key].value[0];
+ var dxValue1 = edgePoint.x + margin.left;
+ var dyValue1 = edgePoint.y + margin.top;
+ var x1 = dxValue1;
+ var y1 = dyValue1;
+ if (layout.orientation === 'BottomToTop') {
+ y1 = modelBounds.height - dyValue1;
+ }
+ else if (layout.orientation === 'RightToLeft') {
+ x1 = modelBounds.width - dxValue1;
+ }
+ x1 += trnsX;
+ y1 += trnsY;
+ intermediatePoint = this.getPointvalue(x1, y1);
+ }
+ var pts = [];
+ for (var i_1 = 0; i_1 < internalConnector.segments.length; i_1++) {
+ var pt = internalConnector.segments[i_1].points;
+ // eslint-disable-next-line guard-for-in
+ for (var temp in pt) {
+ pts.push(pt[temp]);
+ }
+ }
+ // eslint-disable-next-line max-len
+ pts = this.updateConnectorPoints(pts, segmentsize, intermediatePoint, transModelBounds, layout.orientation);
+ for (var p = 0; p < pts.length; p++) {
+ var pt = pts[p];
+ internalConnector['pointCollection'].push(this.getPointvalue(pt.x, pt.y));
+ }
+ this.resetConnectorPoints(internalConnector, this.diagram);
+ }
+ modifiedConnectors.push(internalConnector);
+ }
+ }
+ if (node.inEdges != null && node.inEdges.length > 1) {
+ var count = node.inEdges.length;
+ var edgeMapper = this.getEdgeMapper();
+ for (var j = 0; j < count; j++) {
+ var internalConnector = nameTable[node.inEdges[j]];
+ if (!this.containsValue(modifiedConnectors, internalConnector)) {
+ internalConnector['pointCollection'] = [];
+ }
+ if (count > 1) {
+ var segmentsize = inversespacing / 2.0;
+ var intermediatePoint = null;
+ var key = void 0;
+ var k = void 0;
+ for (k = 0; k < edgeMapper.length; k++) {
+ if (edgeMapper[k].key === internalConnector) {
+ key = k;
+ break;
+ }
+ }
+ if (edgeMapper[key].value.length > 0
+ && !this.containsValue(modifiedConnectors, internalConnector)) {
+ var edgePt = edgeMapper[k].value[0];
+ var dx1 = edgePt.x + margin.left;
+ var dy1 = edgePt.y + margin.top;
+ // eslint-disable-next-line one-var
+ var x1 = dx1, y1 = dy1;
+ if (layout.orientation === 'BottomToTop') {
+ y1 = modelBounds.height - dy1;
+ }
+ else if (layout.orientation === 'RightToLeft') {
+ x1 = modelBounds.width - dx1;
+ }
+ x1 += trnsX;
+ y1 += trnsY;
+ intermediatePoint = this.getPointvalue(x1, y1);
+ }
+ var pts = [];
+ for (var p = 0; p < internalConnector.segments.length; p++) {
+ var pt = internalConnector.segments[p].points;
+ // eslint-disable-next-line guard-for-in
+ for (var temp in pt) {
+ pts.push(pt[temp]);
+ }
+ }
+ pts.reverse();
+ // eslint-disable-next-line
+ pts = this.updateConnectorPoints(pts, segmentsize, intermediatePoint, transModelBounds, layoutProp.orientation);
+ pts.reverse();
+ internalConnector['pointCollection'] = [];
+ for (var p = 0; p < pts.length; p++) {
+ var pt = pts[p];
+ internalConnector['pointCollection'].push(this.getPointvalue(pt.x, pt.y));
+ }
+ this.resetConnectorPoints(internalConnector, this.diagram);
+ }
+ }
+ }
+ }
+ }
+ };
+ return LineDistribution;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/line-routing.js":
+/*!****************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/line-routing.js ***!
+ \****************************************************************************************/
+/*! exports provided: LineRouting */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LineRouting", function() { return LineRouting; });
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _utility_connector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utility/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/connector.js");
+/* harmony import */ var _utility_constraints_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utility/constraints-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js");
+
+
+
+/**
+ * Line Routing
+ */
+var LineRouting = /** @__PURE__ @class */ (function () {
+ /**
+ * Constructor for the line routing module
+ *
+ * @private
+ */
+ function LineRouting() {
+ this.size = 20;
+ this.intermediatePoints = [];
+ this.gridCollection = [];
+ this.startArray = [];
+ this.targetGridCollection = [];
+ this.sourceGridCollection = [];
+ this.considerWalkable = [];
+ //constructs the line routing module
+ }
+ /**
+ * lineRouting method \
+ *
+ * @returns { void } lineRouting method .\
+ * @param {Diagram} diagram - provide the source value.
+ *
+ * @private
+ */
+ LineRouting.prototype.lineRouting = function (diagram) {
+ var length = diagram.connectors.length;
+ this.renderVirtualRegion(diagram);
+ if (length > 0) {
+ for (var k = 0; k < length; k++) {
+ var connector = diagram.connectors[parseInt(k.toString(), 10)];
+ if (connector.type === 'Orthogonal' && connector.visible) {
+ this.refreshConnectorSegments(diagram, connector, true);
+ }
+ }
+ }
+ };
+ /** @private */
+ /**
+ * renderVirtualRegion method \
+ *
+ * @returns { void } renderVirtualRegion method .\
+ * @param {Diagram} diagram - provide the source value.
+ * @param {boolean} isUpdate - provide the target value.
+ *
+ * @private
+ */
+ LineRouting.prototype.renderVirtualRegion = function (diagram, isUpdate) {
+ /* tslint:disable */
+ var extraBounds = this.size;
+ if (diagram.spatialSearch['pageTop'] < 0 || diagram.spatialSearch['pageLeft'] < 0) {
+ extraBounds = this.size + (this.size / 2);
+ }
+ var right = diagram.spatialSearch['pageRight'] + extraBounds;
+ var bottom = diagram.spatialSearch['pageBottom'] + extraBounds;
+ var left = diagram.spatialSearch['pageLeft'] - extraBounds;
+ var top = diagram.spatialSearch['pageTop'] - extraBounds;
+ left = left < 0 ? left - 20 : 0;
+ top = top < 0 ? top - 20 : 0;
+ /* tslint:enable */
+ if ((isUpdate && (this.width !== (right - left) || this.height !== (bottom - top) ||
+ this.diagramStartX !== left || this.diagramStartY !== top)) || isUpdate === undefined) {
+ this.width = right - left;
+ this.height = bottom - top;
+ this.diagramStartX = left;
+ this.diagramStartY = top;
+ this.gridCollection = [];
+ this.noOfRows = this.width / this.size;
+ this.noOfCols = this.height / this.size;
+ var size = this.size;
+ var x = this.diagramStartX < 0 ? this.diagramStartX : 0;
+ var y = this.diagramStartY < 0 ? this.diagramStartY : 0;
+ for (var i = 0; i < this.noOfCols; i++) {
+ for (var j = 0; j < this.noOfRows; j++) {
+ if (i === 0) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ this.gridCollection.push([0]);
+ }
+ var grid = {
+ x: x, y: y, width: size, height: size, gridX: j,
+ gridY: i, walkable: true, tested: undefined, nodeId: []
+ };
+ this.gridCollection[parseInt(j.toString(), 10)][parseInt(i.toString(), 10)] = grid;
+ x += size;
+ }
+ x = this.diagramStartX < 0 ? this.diagramStartX : 0;
+ y += size;
+ }
+ }
+ var nodes = this.findNodes(diagram.nodes);
+ this.updateNodesInVirtualRegion(nodes);
+ };
+ LineRouting.prototype.findNodes = function (nodes) {
+ var objects = [];
+ var node;
+ for (var i = 0; i < nodes.length; i++) {
+ node = nodes[parseInt(i.toString(), 10)];
+ if (node.shape.type !== 'SwimLane' && !node.isLane && !node.isPhase && !node.isHeader && node.visible) {
+ objects.push(node);
+ }
+ }
+ return objects;
+ };
+ LineRouting.prototype.updateNodesInVirtualRegion = function (diagramNodes) {
+ var size = this.size;
+ var x = this.diagramStartX < 0 ? this.diagramStartX : 0;
+ var y = this.diagramStartY < 0 ? this.diagramStartY : 0;
+ for (var i = 0; i < this.noOfCols; i++) {
+ for (var j = 0; j < this.noOfRows; j++) {
+ var grid = this.gridCollection[parseInt(j.toString(), 10)][parseInt(i.toString(), 10)];
+ var rectangle = new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](x, y, this.size, this.size);
+ var isContains = void 0;
+ var k = void 0;
+ grid.walkable = true;
+ grid.tested = undefined;
+ grid.nodeId = [];
+ for (k = 0; k < diagramNodes.length; k++) {
+ if (diagramNodes[parseInt(k.toString(), 10)].wrapper.bounds) {
+ isContains = this.intersectRect(rectangle, diagramNodes[parseInt(k.toString(), 10)].wrapper.bounds);
+ }
+ if (isContains) {
+ grid.nodeId.push(diagramNodes[parseInt(k.toString(), 10)].id);
+ grid.walkable = false;
+ if (diagramNodes[parseInt(k.toString(), 10)].parentId !== '') {
+ grid.parentNodeId = diagramNodes[parseInt(k.toString(), 10)].parentId;
+ }
+ }
+ }
+ x += size;
+ }
+ x = this.diagramStartX < 0 ? this.diagramStartX : 0;
+ y += size;
+ }
+ };
+ LineRouting.prototype.intersectRect = function (r1, r2) {
+ return !(r2.left >= r1.right || r2.right <= r1.left ||
+ r2.top >= r1.bottom || r2.bottom <= r1.top);
+ };
+ LineRouting.prototype.findEndPoint = function (connector, isSource, isPortBounds) {
+ var endPoint;
+ var portDirection;
+ // EJ2-65876 - Exception occurs on line routing injection module
+ if ((isSource && connector.sourcePortID !== '' && connector.sourcePortWrapper) || (!isSource && connector.targetPortID !== '' && connector.targetPortWrapper)) {
+ endPoint = (isSource) ? { x: connector.sourcePortWrapper.offsetX, y: connector.sourcePortWrapper.offsetY } :
+ { x: connector.targetPortWrapper.offsetX, y: connector.targetPortWrapper.offsetY };
+ portDirection = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_1__["getPortDirection"])(endPoint, undefined, (isSource) ? connector.sourceWrapper.bounds : connector.targetWrapper.bounds, false);
+ var bounds = (isSource) ? connector.sourcePortWrapper.bounds : connector.targetPortWrapper.bounds;
+ if (isPortBounds) {
+ if (portDirection === 'Top') {
+ endPoint = { x: bounds.topCenter.x, y: bounds.topCenter.y };
+ }
+ else if (portDirection === 'Left') {
+ endPoint = { x: bounds.middleLeft.x, y: bounds.middleLeft.y };
+ }
+ else if (portDirection === 'Right') {
+ endPoint = { x: bounds.middleRight.x, y: bounds.middleRight.y };
+ }
+ else {
+ endPoint = { x: bounds.bottomCenter.x, y: bounds.bottomCenter.y };
+ }
+ }
+ else {
+ endPoint = { x: bounds.center.x, y: bounds.center.y };
+ }
+ }
+ else {
+ if ((isSource && this.startNode) || (!isSource && this.targetNode)) {
+ endPoint = (isSource) ? { x: this.startNode.wrapper.offsetX, y: this.startNode.wrapper.offsetY } :
+ { x: this.targetNode.wrapper.offsetX, y: this.targetNode.wrapper.offsetY };
+ }
+ else {
+ endPoint = (isSource) ? { x: connector.sourcePoint.x, y: connector.sourcePoint.y } :
+ { x: connector.targetPoint.x, y: connector.targetPoint.y };
+ }
+ }
+ return endPoint;
+ };
+ /**
+ * refreshConnectorSegments method \
+ *
+ * @returns { void } refreshConnectorSegments method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {Connector} connector - provide the connector value.
+ * @param {boolean} isUpdate - provide the diagram value.
+ *
+ * @private
+ */
+ LineRouting.prototype.refreshConnectorSegments = function (diagram, connector, isUpdate) {
+ var sourceId = connector.sourceID;
+ var targetId = connector.targetID;
+ var sourcePortID = connector.sourcePortID;
+ var targetPortID = connector.targetPortID;
+ var startPoint;
+ var targetPoint;
+ var sourcePortDirection;
+ var targetPortDirection;
+ var grid;
+ var sourceTop;
+ var sourceBottom;
+ var isBreak;
+ var sourceLeft;
+ var sourceRight;
+ var targetRight;
+ var targetTop;
+ var targetBottom;
+ var targetLeft;
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_2__["canEnableRouting"])(connector, diagram)) {
+ this.startNode = diagram.nameTable["" + sourceId];
+ this.targetNode = diagram.nameTable["" + targetId];
+ this.intermediatePoints = [];
+ this.startArray = [];
+ this.targetGridCollection = [];
+ this.sourceGridCollection = [];
+ this.startGrid = undefined;
+ this.targetGrid = undefined;
+ for (var i = 0; i < this.noOfCols; i++) {
+ for (var j = 0; j < this.noOfRows; j++) {
+ this.gridCollection[parseInt(j.toString(), 10)][parseInt(i.toString(), 10)].tested = this.gridCollection[parseInt(j.toString(), 10)][parseInt(i.toString(), 10)].parent = undefined;
+ this.gridCollection[parseInt(j.toString(), 10)][parseInt(i.toString(), 10)].previousDistance = this.gridCollection[parseInt(j.toString(), 10)][parseInt(i.toString(), 10)].afterDistance = undefined;
+ this.gridCollection[parseInt(j.toString(), 10)][parseInt(i.toString(), 10)].totalDistance = undefined;
+ }
+ }
+ // Set the source point and target point
+ startPoint = this.findEndPoint(connector, true);
+ targetPoint = this.findEndPoint(connector, false);
+ // Find the start grid and target grid
+ for (var i = 0; i < this.noOfRows; i++) {
+ for (var j = 0; j < this.noOfCols; j++) {
+ grid = this.gridCollection[parseInt(i.toString(), 10)][parseInt(j.toString(), 10)];
+ var rectangle = new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](grid.x, grid.y, grid.width, grid.height);
+ if (rectangle.containsPoint(startPoint) && !this.startGrid &&
+ (grid.nodeId.indexOf(sourceId) !== -1 || sourceId === '')) {
+ this.startGrid = (sourcePortID && this.startGrid &&
+ (sourcePortDirection === 'Left' || sourcePortDirection === 'Top')) ? this.startGrid : grid;
+ }
+ if (rectangle.containsPoint(targetPoint) && !this.targetGrid &&
+ (grid.nodeId.indexOf(targetId) !== -1 || targetId === '')) {
+ this.targetGrid = (targetPortID && this.targetGrid &&
+ (targetPortDirection === 'Left' || targetPortDirection === 'Top')) ? this.targetGrid : grid;
+ }
+ if (!sourcePortID && this.startNode) {
+ var bounds = this.startNode.wrapper.bounds;
+ if (rectangle.containsPoint(bounds.topCenter) && !sourceTop) {
+ sourceTop = grid;
+ }
+ if (rectangle.containsPoint(bounds.middleLeft) && !sourceLeft) {
+ sourceLeft = grid;
+ }
+ if (rectangle.containsPoint(bounds.middleRight) && !sourceRight) {
+ sourceRight = grid;
+ }
+ if (rectangle.containsPoint(bounds.bottomCenter) && !sourceBottom) {
+ sourceBottom = grid;
+ }
+ }
+ if (!targetPortID && this.targetNode) {
+ var bounds = this.targetNode.wrapper.bounds;
+ if (rectangle.containsPoint(bounds.topCenter) && !targetTop) {
+ targetTop = grid;
+ }
+ if (rectangle.containsPoint(bounds.middleLeft) && !targetLeft) {
+ targetLeft = grid;
+ }
+ if (rectangle.containsPoint(bounds.middleRight) && !targetRight) {
+ targetRight = grid;
+ }
+ if (rectangle.containsPoint({ x: bounds.bottomCenter.x, y: bounds.bottomCenter.y }) && !targetBottom) {
+ targetBottom = grid;
+ }
+ }
+ }
+ }
+ this.findEdgeBoundary(sourcePortID, sourceLeft, sourceRight, sourceTop, sourceBottom, true);
+ this.findEdgeBoundary(targetPortID, targetLeft, targetRight, targetTop, targetBottom, false);
+ this.startGrid.totalDistance = 0;
+ this.startGrid.previousDistance = 0;
+ this.intermediatePoints.push({ x: this.startGrid.gridX, y: this.startGrid.gridY });
+ this.startArray.push(this.startGrid);
+ if (connector && targetLeft && targetRight && targetTop && targetBottom) {
+ this.checkObstacles(connector, diagram, targetLeft, targetRight, targetTop, targetBottom);
+ }
+ // eslint-disable-next-line no-labels
+ renderPathElement: while (this.startArray.length > 0) {
+ var startGridNode = this.startArray.pop();
+ for (var i = 0; i < this.targetGridCollection.length; i++) {
+ var target = this.targetGridCollection[parseInt(i.toString(), 10)];
+ if (startGridNode.gridX === target.gridX && startGridNode.gridY === target.gridY) {
+ this.getIntermediatePoints(startGridNode);
+ isBreak = this.updateConnectorSegments(diagram, this.intermediatePoints, this.gridCollection, connector, isUpdate);
+ if (!isBreak) {
+ this.targetGridCollection.splice(this.targetGridCollection.indexOf(target), 1);
+ startGridNode = this.startArray.pop();
+ }
+ else {
+ this.considerWalkable = [];
+ // eslint-disable-next-line no-labels
+ break renderPathElement;
+ }
+ }
+ }
+ this.findPath(startGridNode);
+ }
+ }
+ };
+ LineRouting.prototype.checkChildNodes = function (grid, isSource) {
+ var check = false;
+ var reject = false;
+ if (grid.nodeId.length >= 1 && !isSource) {
+ for (var i = 0; i < grid.nodeId.length; i++) {
+ var id = grid.nodeId[parseInt(i.toString(), 10)];
+ for (var j = 0; j < grid.nodeId.length; j++) {
+ if (this.targetNode.parentId === grid.nodeId[parseInt(j.toString(), 10)]) {
+ reject = true;
+ }
+ }
+ if (!reject && this.targetNode.id === id) {
+ check = true;
+ }
+ else {
+ check = false;
+ }
+ }
+ }
+ else {
+ if (grid.nodeId.length === 1) {
+ check = true;
+ }
+ }
+ return check;
+ };
+ LineRouting.prototype.findEdgeBoundary = function (portID, left, right, top, bottom, isSource) {
+ var grid;
+ var collection = (isSource) ? this.sourceGridCollection : this.targetGridCollection;
+ if (!portID && ((isSource) ? this.startNode : this.targetNode)) {
+ for (var i = left.gridX; i <= right.gridX; i++) {
+ grid = this.gridCollection[parseInt(i.toString(), 10)][left.gridY];
+ if ((this.checkChildNodes(grid, isSource) && (i === left.gridX || i === right.gridX)) ||
+ (i !== left.gridX && i !== right.gridX)) {
+ collection.push(grid);
+ }
+ }
+ for (var i = top.gridY; i <= bottom.gridY; i++) {
+ grid = this.gridCollection[top.gridX][parseInt(i.toString(), 10)];
+ if (((this.checkChildNodes(grid, isSource) && (i === top.gridY || i === bottom.gridY)) ||
+ (i !== top.gridY && i !== bottom.gridY)) && collection.indexOf(grid) === -1) {
+ collection.push(grid);
+ }
+ }
+ }
+ else {
+ collection.push((isSource) ? this.startGrid : this.targetGrid);
+ }
+ };
+ LineRouting.prototype.checkObstacles = function (connector, diagram, targetLeft, targetRight, targetTop, targetBottom) {
+ var neigbours = this.findNearestNeigbours(this.startGrid, this.gridCollection, true);
+ if (neigbours.length === 0) {
+ if (connector.sourcePortID !== '') {
+ var endPoint = { x: connector.sourcePortWrapper.offsetX, y: connector.sourcePortWrapper.offsetY };
+ var portDirection = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_1__["getPortDirection"])(endPoint, undefined, connector.sourceWrapper.bounds, false);
+ if (portDirection === 'Top') {
+ this.resetGridColl(this.startGrid, 'top', true);
+ }
+ else if (portDirection === 'Right') {
+ this.resetGridColl(this.startGrid, 'right', true);
+ }
+ else if (portDirection === 'Bottom') {
+ this.resetGridColl(this.startGrid, 'bottom', true);
+ }
+ else {
+ this.resetGridColl(this.startGrid, 'left', true);
+ }
+ }
+ else {
+ this.resetGridColl(this.startGrid, 'top', true);
+ this.resetGridColl(this.startGrid, 'right', true);
+ this.resetGridColl(this.startGrid, 'bottom', true);
+ this.resetGridColl(this.startGrid, 'left', true);
+ }
+ }
+ neigbours = this.findNearestNeigbours(this.targetGrid, this.gridCollection, false);
+ if (neigbours.length === 0) {
+ if (connector.targetPortID !== '') {
+ var endPoint = { x: connector.targetPortWrapper.offsetX, y: connector.targetPortWrapper.offsetY };
+ var portDirection = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_1__["getPortDirection"])(endPoint, undefined, connector.targetWrapper.bounds, false);
+ if (portDirection === 'Top') {
+ this.resetGridColl(this.targetGrid, 'top', true);
+ }
+ else if (portDirection === 'Right') {
+ this.resetGridColl(this.targetGrid, 'right', true);
+ }
+ else if (portDirection === 'Bottom') {
+ this.resetGridColl(this.targetGrid, 'bottom', true);
+ }
+ else {
+ this.resetGridColl(this.targetGrid, 'left', true);
+ }
+ }
+ else {
+ this.resetGridColl(this.targetGrid, 'top', false);
+ this.resetGridColl(this.targetGrid, 'right', false);
+ this.resetGridColl(this.targetGrid, 'bottom', false);
+ this.resetGridColl(this.targetGrid, 'left', false);
+ }
+ }
+ if (this.targetGridCollection.length > 0 && this.targetGridCollection[0].nodeId.length > 1) {
+ for (var i = 0; i <= 1; i++) {
+ var gridX = this.targetGridCollection[parseInt(i.toString(), 10)].gridX;
+ var gridY = this.targetGridCollection[parseInt(i.toString(), 10)].gridY;
+ var gridNodes = this.targetGridCollection[parseInt(i.toString(), 10)].nodeId;
+ var targetNode = void 0;
+ for (var k = 0; k < gridNodes.length; k++) {
+ if (this.targetNode.id !== gridNodes[parseInt(k.toString(), 10)]) {
+ targetNode = gridNodes[parseInt(k.toString(), 10)];
+ break;
+ }
+ }
+ var targetNodewrapper = void 0;
+ var overLapNode = void 0;
+ var contains = void 0;
+ if (diagram.nameTable[this.targetNode.id]) {
+ targetNodewrapper = diagram.nameTable[this.targetNode.id].wrapper;
+ }
+ if (diagram.nameTable["" + targetNode]) {
+ overLapNode = diagram.nameTable["" + targetNode].wrapper;
+ }
+ if (targetNodewrapper && overLapNode) {
+ contains = this.contains(overLapNode.bounds, targetNodewrapper.bounds);
+ }
+ var reject = void 0;
+ for (var j = 0; j < gridNodes.length; j++) {
+ if (this.targetNode.parentId === gridNodes[parseInt(j.toString(), 10)]) {
+ reject = true;
+ }
+ }
+ if (!this.gridCollection[parseInt(gridX.toString(), 10)][parseInt(gridY.toString(), 10)].walkable && contains && !reject) {
+ var grid = void 0;
+ var diff = void 0;
+ grid = this.getEndvalue(targetLeft, 'left');
+ diff = targetLeft.gridX - grid.gridX;
+ this.changeValue(targetLeft, diff, 'left');
+ grid = this.getEndvalue(targetRight, 'right');
+ diff = grid.gridX - targetRight.gridX;
+ this.changeValue(targetRight, diff, 'right');
+ grid = this.getEndvalue(targetTop, 'top');
+ diff = targetTop.gridY - grid.gridY;
+ this.changeValue(targetTop, diff, 'top');
+ grid = this.getEndvalue(targetBottom, 'bottom');
+ diff = targetBottom.gridY - grid.gridY;
+ this.changeValue(targetBottom, diff, 'top');
+ }
+ }
+ }
+ };
+ LineRouting.prototype.contains = function (rect1, rect2) {
+ return rect1.left <= rect2.left && rect1.right >= rect2.right && rect1.top <= rect2.top && rect1.bottom >= rect2.bottom;
+ };
+ LineRouting.prototype.getEndvalue = function (target, direction) {
+ if (!this.gridCollection[target.gridX][target.gridY].walkable) {
+ if (direction === 'left') {
+ return this.getEndvalue(this.gridCollection[target.gridX - 1][target.gridY], direction);
+ }
+ if (direction === 'right') {
+ return this.getEndvalue(this.gridCollection[target.gridX + 1][target.gridY], direction);
+ }
+ if (direction === 'top') {
+ return this.getEndvalue(this.gridCollection[target.gridX][target.gridY - 1], direction);
+ }
+ if (direction === 'bottom') {
+ return this.getEndvalue(this.gridCollection[target.gridX][target.gridY + 1], direction);
+ }
+ }
+ else {
+ return target;
+ }
+ return target;
+ };
+ LineRouting.prototype.changeValue = function (targetLeft, diff, direction) {
+ if (!targetLeft.walkable) {
+ this.considerWalkable.push(targetLeft);
+ }
+ var grid;
+ for (var i = 0; i <= diff; i++) {
+ if (direction === 'left') {
+ grid = this.gridCollection[targetLeft.gridX - i][targetLeft.gridY];
+ }
+ else if (direction === 'right') {
+ grid = this.gridCollection[targetLeft.gridX + i][targetLeft.gridY];
+ }
+ else if (direction === 'top') {
+ grid = this.gridCollection[targetLeft.gridX][targetLeft.gridY - i];
+ }
+ else if (direction === 'bottom') {
+ grid = this.gridCollection[targetLeft.gridX][targetLeft.gridY + i];
+ }
+ if (!grid.walkable) {
+ this.considerWalkable.push(grid);
+ }
+ }
+ };
+ // Get all the intermediated points from target grid
+ LineRouting.prototype.getIntermediatePoints = function (target) {
+ var distance;
+ this.intermediatePoints = [];
+ while (target) {
+ this.intermediatePoints.push({ x: target.gridX, y: target.gridY });
+ target = target.parent;
+ }
+ this.intermediatePoints.reverse();
+ if (this.intermediatePoints.length >= 1) {
+ if (this.intermediatePoints[0].x === this.intermediatePoints[1].x) {
+ if (this.intermediatePoints[0].y < this.intermediatePoints[1].y) {
+ distance = this.neigbour(this.startGrid, 'bottom', undefined, true);
+ this.intermediatePoints[0].y += distance - 1;
+ }
+ else {
+ distance = this.neigbour(this.startGrid, 'top', undefined, true);
+ this.intermediatePoints[0].y -= distance - 1;
+ }
+ }
+ else {
+ if (this.intermediatePoints[0].x < this.intermediatePoints[1].x) {
+ distance = this.neigbour(this.startGrid, 'right', undefined, true);
+ this.intermediatePoints[0].x += distance - 1;
+ }
+ else {
+ distance = this.neigbour(this.startGrid, 'left', undefined, true);
+ this.intermediatePoints[0].x -= distance - 1;
+ }
+ }
+ }
+ };
+ // Connector rendering
+ /* tslint:disable */
+ LineRouting.prototype.updateConnectorSegments = function (diagram, intermediatePoints, gridCollection, connector, isUpdate) {
+ var segments = [];
+ var seg;
+ var targetPoint;
+ var pointX;
+ var pointY;
+ var node;
+ var points = [];
+ var direction;
+ var length;
+ var currentdirection;
+ var prevDirection;
+ var targetWrapper = connector.targetWrapper;
+ var sourceWrapper = connector.sourceWrapper;
+ var sourcePoint = this.findEndPoint(connector, true);
+ if (connector.targetPortID !== '' || !connector.targetWrapper) {
+ targetPoint = this.findEndPoint(connector, false, true);
+ }
+ for (var i = 0; i < intermediatePoints.length; i++) {
+ node = gridCollection[intermediatePoints[parseInt(i.toString(), 10)].x][intermediatePoints[parseInt(i.toString(), 10)].y];
+ pointX = node.x + node.width / 2;
+ pointY = node.y + node.height / 2;
+ points.push({ x: pointX, y: pointY });
+ if (i >= 1) {
+ if (points[points.length - 2].x !== points[points.length - 1].x) {
+ currentdirection = (points[points.length - 2].x > points[points.length - 1].x) ? 'Left' : 'Right';
+ }
+ else {
+ currentdirection = (points[points.length - 2].y > points[points.length - 1].y) ? 'Top' : 'Bottom';
+ }
+ }
+ if (i >= 2 && prevDirection === currentdirection) {
+ points.splice(points.length - 2, 1);
+ }
+ prevDirection = currentdirection;
+ }
+ for (var j = 0; j < points.length - 1; j++) {
+ if (points[parseInt(j.toString(), 10)].x !== points[j + 1].x) {
+ if (j === 0 && connector.sourcePortID === '' && sourceWrapper) {
+ sourcePoint = (points[parseInt(j.toString(), 10)].x > points[j + 1].x) ? sourceWrapper.bounds.middleLeft : sourceWrapper.bounds.middleRight;
+ }
+ if (j === points.length - 2 && connector.targetPortID === '' && targetWrapper) {
+ targetPoint = (points[parseInt(j.toString(), 10)].x > points[j + 1].x) ? targetWrapper.bounds.middleRight : targetWrapper.bounds.middleLeft;
+ }
+ if (j === 0 && sourcePoint) {
+ points[parseInt(j.toString(), 10)].x = sourcePoint.x;
+ points[parseInt(j.toString(), 10)].y = points[j + 1].y = sourcePoint.y;
+ }
+ if (j === points.length - 2 && targetPoint) {
+ if (((targetPoint.x - points[j + 1].x) < 0) &&
+ (Math.abs(targetPoint.x - points[parseInt(j.toString(), 10)].x) < connector.targetDecorator.width + 1)) {
+ points[parseInt(j.toString(), 10)].x = points[j - 1].x -= this.size / 2;
+ }
+ if (((targetPoint.x - points[j + 1].x) > 0) &&
+ (Math.abs(targetPoint.x - points[parseInt(j.toString(), 10)].x) < connector.targetDecorator.width + 1)) {
+ points[parseInt(j.toString(), 10)].x = points[j - 1].x += this.size / 2;
+ }
+ points[j + 1].x = targetPoint.x;
+ points[parseInt(j.toString(), 10)].y = points[j + 1].y = targetPoint.y;
+ }
+ }
+ else {
+ if (j === 0 && sourceWrapper) {
+ sourcePoint = (points[parseInt(j.toString(), 10)].y > points[j + 1].y) ? sourceWrapper.bounds.topCenter : sourceWrapper.bounds.bottomCenter;
+ }
+ if (j === points.length - 2 && connector.targetPortID === '' && targetWrapper) {
+ targetPoint = (points[parseInt(j.toString(), 10)].y > points[j + 1].y) ? targetWrapper.bounds.bottomCenter : targetWrapper.bounds.topCenter;
+ }
+ if (j === 0 && sourcePoint) {
+ points[parseInt(j.toString(), 10)].y = sourcePoint.y;
+ points[parseInt(j.toString(), 10)].x = points[j + 1].x = sourcePoint.x;
+ }
+ if (j === points.length - 2 && targetPoint) {
+ if (((targetPoint.y - points[j + 1].y) < 0) &&
+ (Math.abs(targetPoint.y - points[parseInt(j.toString(), 10)].y) < connector.targetDecorator.height + 1)) {
+ points[parseInt(j.toString(), 10)].y = points[j - 1].y -= this.size / 2;
+ }
+ if (((targetPoint.y - points[j + 1].y) > 0) &&
+ (Math.abs(targetPoint.y - points[parseInt(j.toString(), 10)].y) < connector.targetDecorator.width + 1)) {
+ points[parseInt(j.toString(), 10)].y = points[j - 1].y += this.size / 2;
+ }
+ points[j + 1].y = targetPoint.y;
+ points[parseInt(j.toString(), 10)].x = points[j + 1].x = targetPoint.x;
+ }
+ }
+ }
+ for (var j = 0; j < points.length - 1; j++) {
+ if (points[parseInt(j.toString(), 10)].x !== points[j + 1].x) {
+ if (points[parseInt(j.toString(), 10)].x > points[j + 1].x) {
+ direction = 'Left';
+ length = points[parseInt(j.toString(), 10)].x - points[j + 1].x;
+ }
+ else {
+ direction = 'Right';
+ length = points[j + 1].x - points[parseInt(j.toString(), 10)].x;
+ }
+ }
+ else {
+ if (points[parseInt(j.toString(), 10)].y > points[j + 1].y) {
+ direction = 'Top';
+ length = points[parseInt(j.toString(), 10)].y - points[j + 1].y;
+ }
+ else {
+ direction = 'Bottom';
+ length = points[j + 1].y - points[parseInt(j.toString(), 10)].y;
+ }
+ }
+ seg = { type: 'Orthogonal', length: length, direction: direction };
+ segments.push(seg);
+ }
+ var lastSeg = segments[segments.length - 1];
+ if (segments.length === 1) {
+ lastSeg.length -= 20;
+ }
+ if (lastSeg.length < 10 && segments.length === 2) {
+ segments.pop();
+ segments[0].length -= 20;
+ lastSeg = segments[0];
+ }
+ if (((lastSeg.direction === 'Top' || lastSeg.direction === 'Bottom') && lastSeg.length > connector.targetDecorator.height + 1) ||
+ ((lastSeg.direction === 'Right' || lastSeg.direction === 'Left') && lastSeg.length > connector.targetDecorator.width + 1)) {
+ connector.segments = segments;
+ if (isUpdate) {
+ diagram.connectorPropertyChange(connector, {}, { type: 'Orthogonal', segments: segments });
+ }
+ return true;
+ }
+ return false;
+ };
+ /* tslint:enable */
+ // Shortest path
+ LineRouting.prototype.findPath = function (startGrid) {
+ var intermediatePoint;
+ var collection = [];
+ var neigbours = this.findNearestNeigbours(startGrid, this.gridCollection, true);
+ for (var i = 0; i < neigbours.length; i++) {
+ intermediatePoint = this.findIntermediatePoints(neigbours[parseInt(i.toString(), 10)].gridX, neigbours[parseInt(i.toString(), 10)].gridY, startGrid.gridX, startGrid.gridY, this.targetGrid.gridX, this.targetGrid.gridY);
+ if (intermediatePoint !== null) {
+ var grid = this.gridCollection[intermediatePoint.x][intermediatePoint.y];
+ var h = this.octile(Math.abs(intermediatePoint.x - startGrid.gridX), Math.abs(intermediatePoint.y - startGrid.gridY));
+ var l = startGrid.previousDistance + h;
+ if ((!grid.previousDistance || grid.previousDistance > l) &&
+ (!(intermediatePoint.x === startGrid.gridX && intermediatePoint.y === startGrid.gridY))) {
+ collection.push(intermediatePoint);
+ grid.previousDistance = l;
+ grid.afterDistance = grid.afterDistance || this.manhattan(Math.abs(intermediatePoint.x - this.targetGrid.gridX), Math.abs(intermediatePoint.y - this.targetGrid.gridY));
+ grid.totalDistance = grid.previousDistance + grid.afterDistance;
+ grid.parent = startGrid;
+ }
+ }
+ }
+ if (collection.length > 0) {
+ for (var i = 0; i < collection.length; i++) {
+ var grid = this.gridCollection[collection[parseInt(i.toString(), 10)].x][collection[parseInt(i.toString(), 10)].y];
+ if (this.startArray.indexOf(grid) === -1) {
+ this.startArray.push(grid);
+ }
+ }
+ }
+ this.sorting(this.startArray);
+ };
+ // sorting the array based on total distance between source and target node
+ LineRouting.prototype.sorting = function (array) {
+ var done = false;
+ while (!done) {
+ done = true;
+ for (var i = 1; i < array.length; i += 1) {
+ if (array[i - 1].totalDistance < array[parseInt(i.toString(), 10)].totalDistance) {
+ done = false;
+ var tmp = array[i - 1];
+ array[i - 1] = array[parseInt(i.toString(), 10)];
+ array[parseInt(i.toString(), 10)] = tmp;
+ }
+ }
+ }
+ return array;
+ };
+ LineRouting.prototype.octile = function (t, e) {
+ var r = Math.SQRT2 - 1;
+ return e > t ? r * t + e : r * e + t;
+ };
+ LineRouting.prototype.manhattan = function (t, e) {
+ return t + e;
+ };
+ // Find the nearest neigbour from the current boundaries, the neigbour is use to find next intermdiate point.
+ LineRouting.prototype.findNearestNeigbours = function (startGrid, gridCollection, isSource) {
+ var neigbours = [];
+ var parent = startGrid.parent;
+ if (parent) {
+ var dx = (startGrid.gridX - parent.gridX) / Math.max(Math.abs(startGrid.gridX - parent.gridX), 1);
+ var dy = (startGrid.gridY - parent.gridY) / Math.max(Math.abs(startGrid.gridY - parent.gridY), 1);
+ if (dx !== 0) {
+ if (this.isWalkable(startGrid.gridX, startGrid.gridY - 1, true) &&
+ this.sourceGridCollection.indexOf(gridCollection[startGrid.gridX][startGrid.gridY - 1]) === -1) {
+ neigbours.push(gridCollection[startGrid.gridX][startGrid.gridY - 1]);
+ }
+ if (this.isWalkable(startGrid.gridX, startGrid.gridY + 1, true) &&
+ this.sourceGridCollection.indexOf(gridCollection[startGrid.gridX][startGrid.gridY + 1])) {
+ neigbours.push(gridCollection[startGrid.gridX][startGrid.gridY + 1]);
+ }
+ if (this.isWalkable(startGrid.gridX + dx, startGrid.gridY, true) &&
+ this.sourceGridCollection.indexOf(gridCollection[startGrid.gridX + dx][startGrid.gridY]) === -1) {
+ neigbours.push(gridCollection[startGrid.gridX + dx][startGrid.gridY]);
+ }
+ }
+ else if (dy !== 0) {
+ if (this.isWalkable(startGrid.gridX - 1, startGrid.gridY, true) &&
+ this.sourceGridCollection.indexOf(gridCollection[startGrid.gridX - 1][startGrid.gridY]) === -1) {
+ neigbours.push(gridCollection[startGrid.gridX - 1][startGrid.gridY]);
+ }
+ if (this.isWalkable(startGrid.gridX + 1, startGrid.gridY, true) &&
+ this.sourceGridCollection.indexOf(gridCollection[startGrid.gridX + 1][startGrid.gridY]) === -1) {
+ neigbours.push(gridCollection[startGrid.gridX + 1][startGrid.gridY]);
+ }
+ if (this.isWalkable(startGrid.gridX, startGrid.gridY + dy, true) &&
+ this.sourceGridCollection.indexOf(gridCollection[startGrid.gridX][startGrid.gridY + dy]) === -1) {
+ neigbours.push(gridCollection[startGrid.gridX][startGrid.gridY + dy]);
+ }
+ }
+ }
+ else {
+ this.neigbour(startGrid, 'top', neigbours, isSource);
+ this.neigbour(startGrid, 'right', neigbours, isSource);
+ this.neigbour(startGrid, 'bottom', neigbours, isSource);
+ this.neigbour(startGrid, 'left', neigbours, isSource);
+ }
+ return neigbours;
+ };
+ LineRouting.prototype.neigbour = function (startGrid, direction, neigbours, isSource) {
+ var i = 1;
+ var nearGrid;
+ while (i > 0) {
+ var x = (direction === 'top' || direction === 'bottom') ?
+ (startGrid.gridX) : ((direction === 'left') ? startGrid.gridX - i : startGrid.gridX + i);
+ var y = (direction === 'right' || direction === 'left') ?
+ (startGrid.gridY) : ((direction === 'top') ? startGrid.gridY - i : startGrid.gridY + i);
+ nearGrid = this.gridCollection[parseInt(x.toString(), 10)][parseInt(y.toString(), 10)];
+ if (nearGrid && ((isSource && this.sourceGridCollection.indexOf(nearGrid) === -1)
+ || (!isSource && this.targetGridCollection.indexOf(nearGrid) === -1))) {
+ if (neigbours && this.isWalkable(x, y)) {
+ neigbours.push(nearGrid);
+ }
+ return i;
+ }
+ if (x > 0 && y > 0) {
+ i++;
+ }
+ else {
+ break;
+ }
+ }
+ return null;
+ };
+ LineRouting.prototype.resetGridColl = function (grid, direction, isSource) {
+ var i = 1;
+ var nearGrid;
+ while (i > 0) {
+ var x = (direction === 'top' || direction === 'bottom') ?
+ (grid.gridX) : ((direction === 'left') ? grid.gridX - i : grid.gridX + i);
+ var y = (direction === 'right' || direction === 'left') ?
+ (grid.gridY) : ((direction === 'top') ? grid.gridY - i : grid.gridY + i);
+ nearGrid = this.gridCollection[parseInt(x.toString(), 10)][parseInt(y.toString(), 10)];
+ if (nearGrid && ((isSource && this.sourceGridCollection.indexOf(nearGrid) === -1) ||
+ (!isSource && this.targetGridCollection.indexOf(nearGrid) === -1))) {
+ if (this.isWalkable(x, y)) {
+ break;
+ }
+ else {
+ var grid_1 = this.gridCollection[parseInt(x.toString(), 10)][parseInt(y.toString(), 10)];
+ this.considerWalkable.push(grid_1);
+ }
+ }
+ if (x > 0 && y > 0) {
+ if (direction === 'top' || direction === 'left') {
+ i--;
+ }
+ else {
+ i++;
+ }
+ }
+ else {
+ break;
+ }
+ }
+ return null;
+ };
+ LineRouting.prototype.isWalkable = function (x, y, isparent) {
+ if (x >= 0 && x < this.noOfRows && y >= 0 && y < this.noOfCols) {
+ var grid = this.gridCollection[parseInt(x.toString(), 10)][parseInt(y.toString(), 10)];
+ if (grid && (grid.walkable || ((grid.nodeId.length === 1 || (grid.nodeId.length === 2 && grid.parentNodeId || (this.considerWalkable.indexOf(grid) !== -1))) &&
+ (this.sourceGridCollection.indexOf(grid) !== -1 || this.targetGridCollection.indexOf(grid) !== -1 ||
+ this.considerWalkable.indexOf(grid) !== -1)))) {
+ if ((isparent && !grid.parent) || !isparent) {
+ return true;
+ }
+ }
+ }
+ return false;
+ };
+ LineRouting.prototype.findIntermediatePoints = function (neigbourGridX, neigbourGridY, startGridX, startGridY, endGridX, endGridY) {
+ var dx = neigbourGridX - startGridX;
+ var dy = neigbourGridY - startGridY;
+ var gridX = neigbourGridX;
+ var gridY = neigbourGridY;
+ for (var i = 0; i < this.targetGridCollection.length; i++) {
+ if (neigbourGridX === this.targetGridCollection[parseInt(i.toString(), 10)].gridX && neigbourGridY === this.targetGridCollection[parseInt(i.toString(), 10)].gridY) {
+ return { x: neigbourGridX, y: neigbourGridY };
+ }
+ }
+ if (!this.isWalkable(neigbourGridX, neigbourGridY)) {
+ return null;
+ }
+ var neigbourGrid = this.gridCollection[parseInt(neigbourGridX.toString(), 10)][parseInt(neigbourGridY.toString(), 10)];
+ if (neigbourGrid.tested) {
+ return { x: neigbourGridX, y: neigbourGridY };
+ }
+ neigbourGrid.tested = true;
+ if (dx !== 0) {
+ dx = (dx > 0) ? 1 : -1;
+ if ((this.isWalkable(gridX, gridY - 1) && !this.isWalkable(gridX - dx, gridY - 1)) ||
+ (this.isWalkable(gridX, gridY + 1) && !this.isWalkable(gridX - dx, gridY + 1))) {
+ return { x: neigbourGridX, y: neigbourGridY };
+ }
+ }
+ if (dy !== 0) {
+ dy = (dy > 0) ? 1 : -1;
+ if ((this.isWalkable(gridX - 1, gridY) && !this.isWalkable(gridX - 1, gridY - dy)) ||
+ (this.isWalkable(gridX + 1, gridY) && !this.isWalkable(gridX + 1, gridY - dy))) {
+ return { x: neigbourGridX, y: neigbourGridY };
+ }
+ if (this.findIntermediatePoints(gridX + 1, gridY, gridX, gridY, endGridX, endGridY) ||
+ this.findIntermediatePoints(gridX - 1, gridY, gridX, gridY, endGridX, endGridY)) {
+ return { x: neigbourGridX, y: neigbourGridY };
+ }
+ }
+ return this.findIntermediatePoints(gridX + dx, gridY + dy, gridX, gridY, endGridX, endGridY);
+ };
+ /**
+ *To destroy the line routing
+ *
+ * @returns {void} To destroy the line routing
+ */
+ LineRouting.prototype.destroy = function () {
+ /**
+ * Destroys the line routing module
+ */
+ };
+ /**
+ * Core method to return the component name.
+ *
+ * @returns {string} Core method to return the component name.
+ * @private
+ */
+ LineRouting.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'LineRouting';
+ };
+ return LineRouting;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/scroller.js":
+/*!************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/scroller.js ***!
+ \************************************************************************************/
+/*! exports provided: DiagramScroller */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramScroller", function() { return DiagramScroller; });
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _primitives_matrix__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../primitives/matrix */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/matrix.js");
+/* harmony import */ var _ruler_ruler__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ruler/ruler */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/ruler/ruler.js");
+/* harmony import */ var _utility_constraints_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./../utility/constraints-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js");
+
+
+
+
+
+/**
+ */
+var DiagramScroller = /** @__PURE__ @class */ (function () {
+ function DiagramScroller(diagram) {
+ /** @private */
+ this.transform = { tx: 0, ty: 0, scale: 1 };
+ /** @private */
+ this.oldCollectionObjects = [];
+ /** @private */
+ this.removeCollection = [];
+ this.vPortWidth = 0;
+ this.vPortHeight = 0;
+ this.currentZoomFActor = 1;
+ this.hOffset = 0;
+ this.vOffset = 0;
+ this.scrolled = false;
+ this.hScrollSize = 0;
+ this.vScrollSize = 0;
+ this.diagram = diagram;
+ this.objects = [];
+ this.transform = diagram.scroller ? diagram.scroller.transform : { tx: 0, ty: 0, scale: 1 };
+ this.vPortWidth = diagram.scrollSettings.viewPortWidth;
+ this.vPortHeight = diagram.scrollSettings.viewPortHeight;
+ this.currentZoomFActor = diagram.scrollSettings.currentZoom;
+ this.hOffset = diagram.scrollSettings.horizontalOffset;
+ this.vOffset = diagram.scrollSettings.verticalOffset;
+ }
+ Object.defineProperty(DiagramScroller.prototype, "viewPortHeight", {
+ /**
+ * verticalOffset method \
+ *
+ * @returns { number } verticalOffset method .\
+ *
+ * @private
+ */
+ get: function () {
+ return this.vPortHeight;
+ },
+ /**
+ * verticalOffset method \
+ *
+ * @returns { void } verticalOffset method .\
+ * @param {number} offset - provide the hOffset value.
+ *
+ * @private
+ */
+ set: function (offset) {
+ this.vPortHeight = offset;
+ this.diagram.scrollSettings.viewPortHeight = offset;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DiagramScroller.prototype, "currentZoom", {
+ /**
+ * verticalOffset method \
+ *
+ * @returns { number } verticalOffset method .\
+ *
+ * @private
+ */
+ get: function () {
+ return this.currentZoomFActor;
+ },
+ /**
+ * verticalOffset method \
+ *
+ * @returns { void } verticalOffset method .\
+ * @param {number} offset - provide the hOffset value.
+ *
+ * @private
+ */
+ set: function (offset) {
+ this.currentZoomFActor = offset;
+ this.diagram.scrollSettings.currentZoom = offset;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DiagramScroller.prototype, "viewPortWidth", {
+ /**
+ * verticalOffset method \
+ *
+ * @returns { number } verticalOffset method .\
+ *
+ * @private
+ */
+ get: function () {
+ return this.vPortWidth;
+ },
+ /**
+ * verticalOffset method \
+ *
+ * @returns { void } verticalOffset method .\
+ * @param {number} offset - provide the hOffset value.
+ *
+ * @private
+ */
+ set: function (offset) {
+ this.vPortWidth = offset;
+ this.diagram.scrollSettings.viewPortWidth = offset;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DiagramScroller.prototype, "horizontalOffset", {
+ /**
+ * verticalOffset method \
+ *
+ * @returns { number } verticalOffset method .\
+ *
+ * @private
+ */
+ get: function () {
+ return this.hOffset;
+ },
+ /**
+ * verticalOffset method \
+ *
+ * @returns { void } verticalOffset method .\
+ * @param {number} offset - provide the hOffset value.
+ *
+ * @private
+ */
+ set: function (offset) {
+ this.hOffset = offset;
+ if (Math.abs(this.hOffset - this.diagram.scrollSettings.horizontalOffset) > 1) {
+ this.diagram.realActions = this.diagram.realActions | _enum_enum__WEBPACK_IMPORTED_MODULE_1__["RealAction"].hScrollbarMoved;
+ this.scrolled = true;
+ }
+ this.diagram.scrollSettings.horizontalOffset = offset;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DiagramScroller.prototype, "verticalOffset", {
+ /**
+ * verticalOffset method \
+ *
+ * @returns { number } verticalOffset method .\
+ *
+ * @private
+ */
+ get: function () {
+ return this.vOffset;
+ },
+ /**
+ * verticalOffset method \
+ *
+ * @returns { void } verticalOffset method .\
+ * @param {number} offset - provide the hOffset value.
+ *
+ * @private
+ */
+ set: function (offset) {
+ this.vOffset = offset;
+ if (Math.abs(this.vOffset - this.diagram.scrollSettings.verticalOffset) > 1) {
+ this.diagram.realActions = this.diagram.realActions | _enum_enum__WEBPACK_IMPORTED_MODULE_1__["RealAction"].vScrollbarMoved;
+ this.scrolled = true;
+ }
+ this.diagram.scrollSettings.verticalOffset = offset;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ // Method added to get bounds value if diagram is loaded from negative axis.
+ // SF-359118 implemented for this ticket requirement.
+ DiagramScroller.prototype.getBounds = function () {
+ var pageBounds;
+ var postion = this.diagram.spatialSearch.getPageBounds(0, 0);
+ if ((postion.x < 0 || postion.y < 0) && !this.diagram.pageSettings.multiplePage) {
+ pageBounds = this.getPageBounds(undefined, undefined, true, true);
+ }
+ else {
+ pageBounds = this.getPageBounds(undefined, undefined, true);
+ }
+ return pageBounds;
+ };
+ /**
+ * updateScrollOffsets method \
+ *
+ * @returns { void } updateScrollOffsets method .\
+ * @param {number} hOffset - provide the hOffset value.
+ * @param {number} vOffset - provide the vOffset value.
+ *
+ * @private
+ */
+ DiagramScroller.prototype.updateScrollOffsets = function (hOffset, vOffset) {
+ var offsetX = 0;
+ var offsetY = 0;
+ var pageBounds = this.getBounds();
+ pageBounds.x *= this.currentZoom;
+ pageBounds.y *= this.currentZoom;
+ pageBounds.width *= this.currentZoom;
+ pageBounds.height *= this.currentZoom;
+ offsetX = Math.max(0, hOffset - pageBounds.left);
+ offsetY = Math.max(0, vOffset - pageBounds.top);
+ if (hOffset !== undefined && vOffset !== undefined) {
+ this.horizontalOffset = offsetX;
+ this.verticalOffset = offsetY;
+ this.diagram.setOffset(offsetX, offsetY);
+ }
+ else {
+ this.diagram.setOffset(-this.horizontalOffset - pageBounds.x, -this.verticalOffset - pageBounds.y);
+ }
+ this.transform = {
+ tx: Math.max(this.horizontalOffset, -pageBounds.left) / this.currentZoom, ty: Math.max(this.verticalOffset, -pageBounds.top) / this.currentZoom,
+ scale: this.currentZoom
+ };
+ };
+ /**
+ * setScrollOffset method \
+ *
+ * @returns { void } setScrollOffset method .\
+ * @param {number} hOffset - provide the hOffset value.
+ * @param {number} vOffset - provide the vOffset value.
+ *
+ * @private
+ */
+ DiagramScroller.prototype.setScrollOffset = function (hOffset, vOffset) {
+ this.scrolled = false;
+ var pageBounds = this.getBounds();
+ pageBounds.x *= this.currentZoom;
+ pageBounds.y *= this.currentZoom;
+ pageBounds.width *= this.currentZoom;
+ pageBounds.height *= this.currentZoom;
+ var x = -pageBounds.left;
+ var y = -pageBounds.top;
+ var set = false;
+ var viewWidth = this.viewPortWidth * this.currentZoom;
+ var viewHeight = this.viewPortHeight * this.currentZoom;
+ var newX = x - hOffset;
+ if (newX !== this.horizontalOffset) {
+ if (x < this.horizontalOffset) {
+ if (this.horizontalOffset > newX) {
+ this.horizontalOffset -= hOffset;
+ }
+ else {
+ this.horizontalOffset = newX;
+ }
+ set = true;
+ }
+ var right = Math.max(pageBounds.right + this.vScrollSize, viewWidth);
+ if (!set && right < -newX + this.viewPortWidth) {
+ var actualRight = -newX + viewWidth - this.vScrollSize;
+ var currentRight = -this.horizontalOffset + viewWidth - this.vScrollSize;
+ if (actualRight < currentRight) {
+ //define
+ this.horizontalOffset = newX;
+ }
+ else {
+ if (actualRight - pageBounds.right > actualRight - currentRight) {
+ this.horizontalOffset = newX;
+ }
+ else {
+ this.horizontalOffset = -(pageBounds.right + this.vScrollSize - viewWidth);
+ }
+ }
+ set = true;
+ }
+ if (!set) {
+ this.horizontalOffset = x - hOffset;
+ }
+ }
+ set = false;
+ //vertical offset
+ var newY = y - vOffset;
+ if (newY !== this.verticalOffset) {
+ if (y < this.verticalOffset) {
+ if (this.verticalOffset > newY) {
+ this.verticalOffset -= vOffset;
+ }
+ else {
+ this.verticalOffset = newY;
+ }
+ set = true;
+ }
+ var bottom = Math.max(pageBounds.bottom + this.hScrollSize, viewHeight);
+ if (!set && bottom < -newY + viewHeight) {
+ var actualBottom = -newY + viewHeight - this.hScrollSize;
+ var currentBottom = -this.verticalOffset + viewHeight - this.hScrollSize;
+ if (actualBottom < currentBottom) {
+ //define
+ this.verticalOffset = newY;
+ }
+ else {
+ if (actualBottom - pageBounds.bottom > actualBottom - currentBottom) {
+ this.verticalOffset = newY;
+ }
+ else {
+ this.verticalOffset = -(pageBounds.bottom + this.hScrollSize - viewHeight);
+ }
+ }
+ set = true;
+ }
+ if (!set) {
+ this.verticalOffset = y - vOffset;
+ }
+ }
+ this.transform = {
+ tx: Math.max(this.horizontalOffset, -pageBounds.left) / this.currentZoom, ty: Math.max(this.verticalOffset, -pageBounds.top) / this.currentZoom,
+ scale: this.currentZoom
+ };
+ this.setSize();
+ };
+ /**
+ * getObjects \
+ *
+ * @returns { string[] } To get page pageBounds.\
+ * @param {string[]} coll1 - provide the source value.
+ * @param {string[]} coll2 - provide the source value.
+ * @private
+ */
+ DiagramScroller.prototype.getObjects = function (coll1, coll2) {
+ var objects = [];
+ for (var i = 0; i < coll1.length; i++) {
+ var isExist = false;
+ for (var j = 0; j < coll2.length; j++) {
+ if (coll1[parseInt(i.toString(), 10)] === coll2[parseInt(j.toString(), 10)]) {
+ isExist = true;
+ break;
+ }
+ }
+ if (!isExist) {
+ objects.push(coll1[parseInt(i.toString(), 10)]);
+ }
+ }
+ return objects;
+ };
+ /**
+ * virtualizeElements \
+ *
+ * @returns { void } To get page pageBounds.\
+ *
+ * @private
+ */
+ DiagramScroller.prototype.virtualizeElements = function () {
+ var viewWidth = this.viewPortWidth / this.currentZoom;
+ var viewHeight = this.viewPortHeight / this.currentZoom;
+ var oObjects = this.diagram.spatialSearch.findObjects(new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](-this.horizontalOffset / this.currentZoom, -this.verticalOffset / this.currentZoom, viewWidth, viewHeight));
+ var oObjectsID = [];
+ var renderOrder = [];
+ for (var j = 0; j < oObjects.length; j++) {
+ var bpmnShape = oObjects[parseInt(j.toString(), 10)].shape;
+ if (bpmnShape.type === 'Bpmn' && bpmnShape && bpmnShape.activity && bpmnShape.activity.subProcess && bpmnShape.activity.subProcess.processes && bpmnShape.activity.subProcess.processes.length > 0) {
+ for (var k = 0; k < bpmnShape.activity.subProcess.processes.length; k++) {
+ renderOrder.push(bpmnShape.activity.subProcess.processes[parseInt(k.toString(), 10)]);
+ }
+ renderOrder.push(oObjects[parseInt(j.toString(), 10)].id);
+ }
+ else if (oObjects[parseInt(j.toString(), 10)].processId === '' || oObjects[parseInt(j.toString(), 10)].processId === undefined) {
+ renderOrder.push(oObjects[parseInt(j.toString(), 10)].id);
+ }
+ }
+ oObjectsID = renderOrder;
+ var zindexOrder = [];
+ for (var j = 0; j < oObjects.length; j++) {
+ var items = oObjects[parseInt(j.toString(), 10)].shape;
+ if (items.type === 'Bpmn' && items && items.activity && items.activity.subProcess && items.activity.subProcess.processes && items.activity.subProcess.processes.length > 0) {
+ zindexOrder.push(oObjects[parseInt(j.toString(), 10)].id);
+ for (var t = 0; t < items.activity.subProcess.processes.length; t++) {
+ zindexOrder.push(items.activity.subProcess.processes[parseInt(t.toString(), 10)]);
+ }
+ }
+ else if (oObjects[parseInt(j.toString(), 10)].processId === '' || oObjects[parseInt(j.toString(), 10)].processId === undefined) {
+ zindexOrder.push(oObjects[parseInt(j.toString(), 10)].id);
+ }
+ }
+ for (var j = 0; j < oObjects.length; j++) {
+ for (var k_1 = 0; k_1 < zindexOrder.length; k_1++) {
+ if (oObjects[parseInt(j.toString(), 10)].id === zindexOrder[parseInt(k_1.toString(), 10)]) {
+ oObjects[parseInt(j.toString(), 10)].zIndex = k_1;
+ break;
+ }
+ }
+ }
+ var newObjects = this.getObjects(oObjectsID, this.oldCollectionObjects);
+ if (this.oldCollectionObjects.length === 0) {
+ this.oldCollectionObjects = oObjectsID;
+ }
+ var removeObjects = this.getObjects(this.oldCollectionObjects, oObjectsID);
+ this.diagram.updateVirtualObjects(newObjects, false, removeObjects);
+ this.oldCollectionObjects = oObjectsID;
+ };
+ /**
+ * setSize \
+ *
+ * @returns { void } To get page pageBounds.\
+ * @param {PointModel} newOffset - provide the newOffset value.
+ *
+ * @private
+ */
+ DiagramScroller.prototype.setSize = function (newOffset) {
+ var pageBounds = this.getPageBounds(undefined, undefined, true);
+ pageBounds.x *= this.currentZoom;
+ pageBounds.y *= this.currentZoom;
+ pageBounds.width *= this.currentZoom;
+ pageBounds.height *= this.currentZoom;
+ var x = Math.min(pageBounds.x, -this.horizontalOffset);
+ var y = Math.min(pageBounds.y, -this.verticalOffset);
+ var difX = -this.horizontalOffset + this.viewPortWidth - pageBounds.right;
+ var difY = -this.verticalOffset + this.viewPortHeight - pageBounds.bottom;
+ var hScrollSize = this.scrollerWidth;
+ var vScrollSize = this.scrollerWidth;
+ if (-this.verticalOffset <= pageBounds.y && -this.verticalOffset + this.viewPortHeight >= pageBounds.bottom) {
+ vScrollSize = 0;
+ }
+ if (-this.horizontalOffset <= pageBounds.x && -this.horizontalOffset + this.viewPortWidth >= pageBounds.right) {
+ hScrollSize = 0;
+ }
+ this.hScrollSize = hScrollSize;
+ this.vScrollSize = vScrollSize;
+ var oldWidth = this.diagramWidth;
+ var oldHeight = this.diagramHeight;
+ this.diagramWidth = Math.max(pageBounds.right, -this.horizontalOffset + this.viewPortWidth - vScrollSize) - x;
+ this.diagramHeight = Math.max(pageBounds.bottom, -this.verticalOffset + this.viewPortHeight - hScrollSize) - y;
+ if ((oldWidth !== this.diagramWidth || oldHeight !== this.diagramHeight) && this.diagram.scrollSettings.scrollLimit !== 'Diagram') {
+ this.diagram.setSize(this.diagramWidth, this.diagramHeight);
+ }
+ if (this.diagram.scrollSettings.scrollLimit === 'Diagram') {
+ if ((oldWidth !== this.diagramWidth || oldHeight !== this.diagramHeight || this.currentZoom !== 1)
+ && ((!this.diagram.diagramActions || !newOffset) || (this.diagram.diagramActions && newOffset &&
+ ((this.verticalOffset !== 0 || this.verticalOffset === newOffset.y) &&
+ (this.horizontalOffset !== 0 || this.horizontalOffset === newOffset.x))))) {
+ if ((this.diagram.scrollActions & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ScrollActions"].Interaction) && newOffset) {
+ this.transform = {
+ tx: Math.max(newOffset.x, -(pageBounds.left / this.currentZoom)) / this.currentZoom,
+ ty: Math.max(newOffset.y, -(pageBounds.top / this.currentZoom)) / this.currentZoom,
+ scale: this.currentZoom
+ };
+ this.horizontalOffset = newOffset.x;
+ this.verticalOffset = newOffset.y;
+ }
+ this.diagram.setSize(this.diagramWidth, this.diagramHeight);
+ if ((!(this.diagram.scrollActions & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ScrollActions"].PropertyChange)) && newOffset) {
+ this.horizontalOffset = newOffset.x;
+ this.verticalOffset = newOffset.y;
+ this.transform = {
+ tx: Math.max(newOffset.x, -pageBounds.left) / this.currentZoom,
+ ty: Math.max(newOffset.y, -pageBounds.top) / this.currentZoom,
+ scale: this.currentZoom
+ };
+ }
+ }
+ else if (newOffset && oldWidth === this.diagramWidth && oldHeight === this.diagramHeight &&
+ ((this.diagram.diagramCanvas.scrollHeight > this.viewPortHeight &&
+ newOffset.y < 0 && this.horizontalOffset === newOffset.x && this.verticalOffset === 0) ||
+ (this.diagram.diagramCanvas.scrollWidth > this.viewPortWidth &&
+ newOffset.x < 0 && this.verticalOffset === newOffset.y && this.horizontalOffset === 0))) {
+ this.verticalOffset = newOffset.y;
+ this.horizontalOffset = newOffset.x;
+ this.transform = {
+ tx: Math.max(newOffset.x, -pageBounds.left) / this.currentZoom,
+ ty: Math.max(newOffset.y, -pageBounds.top) / this.currentZoom,
+ scale: this.currentZoom
+ };
+ }
+ }
+ this.diagram.transformLayers();
+ this.diagram.element.style.overflow = 'hidden';
+ };
+ /**
+ * setViewPortSize \
+ *
+ * @returns { void } To get page pageBounds.\
+ * @param {number} width - provide the factor value.
+ * @param {number} height - provide the factor value.
+ *
+ * @private
+ */
+ DiagramScroller.prototype.setViewPortSize = function (width, height) {
+ this.viewPortWidth = width;
+ this.viewPortHeight = height;
+ };
+ /**
+ * To get page pageBounds \
+ *
+ * @returns { Rect } To get page pageBounds.\
+ * @param {boolean} boundingRect - provide the factor value.
+ * @param {DiagramRegions} region - provide the factor value.
+ * @param {boolean} hasPadding - provide the factor value.
+ * @param {boolean} isnegativeRegion - provide the isnegativeRegion value.
+ *
+ * @private
+ */
+ DiagramScroller.prototype.getPageBounds = function (boundingRect, region, hasPadding, isnegativeRegion) {
+ var rect = new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"]();
+ var temp = 0;
+ var pageBounds;
+ if (region !== 'Content' && !isnegativeRegion && this.diagram.pageSettings.width !== null && this.diagram.pageSettings.height !== null) {
+ var width = this.diagram.pageSettings.width;
+ var height = this.diagram.pageSettings.height;
+ var negwidth = 0;
+ var negheight = 0;
+ if (this.diagram.pageSettings.multiplePage) {
+ rect = this.diagram.spatialSearch.getPageBounds(0, 0);
+ if (rect.right > width) {
+ var x = Math.ceil(rect.right / width);
+ width = width * x;
+ }
+ if (rect.bottom > height) {
+ var x = Math.ceil(rect.bottom / height);
+ height = height * x;
+ }
+ if (rect.left < 0 && Math.abs(rect.left) > negwidth) {
+ var x = Math.ceil(Math.abs(rect.left) / this.diagram.pageSettings.width);
+ negwidth = this.diagram.pageSettings.width * x;
+ }
+ if (rect.top < 0 && Math.abs(rect.top) > negheight) {
+ var x = Math.ceil(Math.abs(rect.top) / this.diagram.pageSettings.height);
+ negheight = this.diagram.pageSettings.height * x;
+ }
+ }
+ pageBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"]((-negwidth), (-negheight), width + negwidth, height + negheight);
+ }
+ else {
+ var origin_1 = boundingRect ? undefined : 0;
+ pageBounds = this.diagram.spatialSearch.getPageBounds(origin_1, origin_1);
+ }
+ if (hasPadding) {
+ var scrollpadding = this.diagram.scrollSettings.padding;
+ pageBounds.x -= scrollpadding.left;
+ pageBounds.y -= scrollpadding.top;
+ pageBounds.width += (scrollpadding.left + scrollpadding.right);
+ pageBounds.height += (scrollpadding.top + scrollpadding.bottom);
+ }
+ return pageBounds;
+ };
+ /**
+ * To get page break when PageBreak is set as true \
+ *
+ * @returns { Segment[] } To get page break when PageBreak is set as true.\
+ * @param {Rect} pageBounds - provide the factor value.
+ *
+ * @private
+ */
+ DiagramScroller.prototype.getPageBreak = function (pageBounds) {
+ var i = 0;
+ var j = 0;
+ var v = -1;
+ var collection = [];
+ var x1 = 0;
+ var x2 = 0;
+ var y1 = 0;
+ var y2 = 0;
+ var left = this.diagram.pageSettings.margin.left;
+ var right = this.diagram.pageSettings.margin.right;
+ var top = this.diagram.pageSettings.margin.top;
+ var bottom = this.diagram.pageSettings.margin.bottom;
+ var widthCount = 1;
+ var heightCount = 1;
+ var segment = { x1: x1, y1: y1, x2: x2, y2: y2 };
+ while (pageBounds.width > i) {
+ i = i + (this.diagram.pageSettings.width ? this.diagram.pageSettings.width : pageBounds.width);
+ if (i === this.diagram.pageSettings.width) {
+ segment = {
+ x1: pageBounds.left + left, y1: pageBounds.top + top,
+ x2: pageBounds.left + left, y2: pageBounds.bottom - bottom
+ };
+ collection[++v] = segment;
+ }
+ if (i < pageBounds.width) {
+ x1 = pageBounds.topLeft.x + this.diagram.pageSettings.width * widthCount;
+ y1 = pageBounds.topLeft.y + top;
+ x2 = pageBounds.bottomLeft.x + this.diagram.pageSettings.width * widthCount;
+ y2 = pageBounds.bottomLeft.y - bottom;
+ segment = { x1: x1, y1: y1, x2: x2, y2: y2 };
+ collection[++v] = segment;
+ widthCount++;
+ }
+ if (pageBounds.width === i) {
+ segment = {
+ x1: pageBounds.right - right, y1: pageBounds.top + top,
+ x2: pageBounds.right - right, y2: pageBounds.bottom - bottom
+ };
+ collection[++v] = segment;
+ }
+ }
+ while (pageBounds.height > j) {
+ j = j + (this.diagram.pageSettings.height ? this.diagram.pageSettings.height : pageBounds.height);
+ if (j === this.diagram.pageSettings.height) {
+ segment = {
+ x1: pageBounds.left + left, y1: pageBounds.top + top,
+ x2: pageBounds.right - right, y2: pageBounds.top + top
+ };
+ collection[++v] = segment;
+ }
+ if (j < pageBounds.height) {
+ x1 = pageBounds.topLeft.x + left;
+ y1 = pageBounds.topLeft.y + this.diagram.pageSettings.height * heightCount;
+ x2 = pageBounds.topRight.x - right;
+ y2 = pageBounds.topRight.y + this.diagram.pageSettings.height * heightCount;
+ segment = { x1: x1, y1: y1, x2: x2, y2: y2 };
+ collection[++v] = segment;
+ heightCount++;
+ }
+ if (pageBounds.height === j) {
+ segment = {
+ x1: pageBounds.left + left, y1: pageBounds.bottom - bottom,
+ x2: pageBounds.right - right, y2: pageBounds.bottom - bottom
+ };
+ collection[++v] = segment;
+ }
+ }
+ return collection;
+ };
+ /**
+ * zoom method \
+ *
+ * @returns { void } zoom method .\
+ * @param {number} factor - provide the factor value.
+ * @param {number} deltaX - provide the bounds value.
+ * @param {number} deltaY - provide the bounds value.
+ * @param {PointModel} focusPoint - provide the bounds value.
+ * @param {boolean} isInteractiveZoomPan - provide the isInteractiveZoomPan value.
+ * @param {boolean} isBringIntoView - provide the isBringIntoView value.
+ *
+ * @private
+ */
+ DiagramScroller.prototype.zoom = function (factor, deltaX, deltaY, focusPoint, isInteractiveZoomPan, isBringIntoView, isTrackpadScroll) {
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_4__["canZoom"])(this.diagram) && factor !== 1 || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_4__["canPan"])(this.diagram) && factor === 1)) {
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["scaleMatrix"])(matrix, this.currentZoom, this.currentZoom);
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["translateMatrix"])(matrix, this.horizontalOffset, this.verticalOffset);
+ focusPoint = focusPoint || {
+ x: (this.viewPortWidth / 2 - this.horizontalOffset) / this.currentZoom,
+ y: (this.viewPortHeight / 2 - this.verticalOffset) / this.currentZoom
+ };
+ focusPoint = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(matrix, focusPoint);
+ if ((this.currentZoom * factor) >= this.diagram.scrollSettings.minZoom &&
+ (this.currentZoom * factor) <= this.diagram.scrollSettings.maxZoom) {
+ this.currentZoom *= factor;
+ var pageBounds = this.getPageBounds(undefined, undefined, true);
+ pageBounds.x *= this.currentZoom;
+ pageBounds.y *= this.currentZoom;
+ //target Matrix
+ var targetMatrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["scaleMatrix"])(targetMatrix, factor, factor, focusPoint.x, focusPoint.y);
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["translateMatrix"])(targetMatrix, deltaX || 0, deltaY || 0);
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["multiplyMatrix"])(matrix, targetMatrix);
+ var newOffset = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(matrix, { x: 0, y: 0 });
+ if (factor === 1) {
+ // EJ2-69238 - add true as an extra parameter to calcuate the horizontal and vertical offset
+ newOffset = this.applyScrollLimit(newOffset.x, newOffset.y, isInteractiveZoomPan, isBringIntoView);
+ }
+ // Bug 829925: Scroll bar flickers on scrolling the diagram using touchpad.
+ // The below condition is used to avoid the flickering of the scroll bar on scrolling the diagram using trackpad.
+ (-(pageBounds.y) >= newOffset.y && -(pageBounds.x) >= newOffset.x && isTrackpadScroll) ? isTrackpadScroll = true : isTrackpadScroll = false;
+ if ((this.diagram.scrollActions & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ScrollActions"].PropertyChange ||
+ !(this.diagram.scrollActions & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ScrollActions"].Interaction)) ||
+ this.diagram.scrollSettings.scrollLimit !== 'Diagram' || isTrackpadScroll) {
+ this.transform = {
+ tx: Math.max(newOffset.x, -pageBounds.left) / this.currentZoom,
+ ty: Math.max(newOffset.y, -pageBounds.top) / this.currentZoom,
+ scale: this.currentZoom
+ };
+ this.horizontalOffset = newOffset.x;
+ this.verticalOffset = newOffset.y;
+ }
+ this.setSize(newOffset);
+ if (this.diagram.mode !== 'SVG' && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_4__["canVitualize"])(this.diagram)) {
+ this.diagram.scroller.virtualizeElements();
+ }
+ if (this.diagram.mode !== 'SVG' && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_4__["canVitualize"])(this.diagram)) {
+ this.diagram.refreshDiagramLayer();
+ }
+ this.diagram.setOffset(-this.horizontalOffset - pageBounds.x, -this.verticalOffset - pageBounds.y);
+ Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_3__["updateRuler"])(this.diagram);
+ }
+ }
+ };
+ /**
+ * fitToPage method \
+ *
+ * @returns { void } fitToPage method .\
+ * @param {IFitOptions} options - provide the bounds value.
+ *
+ * @private
+ */
+ DiagramScroller.prototype.fitToPage = function (options) {
+ options = options || {};
+ var mode = options.mode;
+ var region = options.region;
+ var margin = options.margin || {};
+ var canZoomIn = options.canZoomIn;
+ var customBounds = options.customBounds;
+ margin.bottom = margin.bottom || 25;
+ margin.top = margin.top || 25;
+ margin.left = margin.left || 25;
+ margin.right = margin.right || 25;
+ var bounds = customBounds;
+ var factor;
+ var deltaX = -this.horizontalOffset;
+ var deltaY = -this.verticalOffset;
+ region = region ? region : 'PageSettings';
+ //fit mode
+ if ((region === 'PageSettings' && this.diagram.pageSettings.width && this.diagram.pageSettings.height)
+ || (this.diagram.nodes.length > 0 || this.diagram.connectors.length > 0)) {
+ mode = mode ? mode : 'Page';
+ if (region !== 'CustomBounds') {
+ bounds = this.getPageBounds(true, region, true);
+ }
+ var scale = { x: 0, y: 0 };
+ scale.x = (this.viewPortWidth - (margin.left + margin.right)) / (bounds.width);
+ scale.y = (this.viewPortHeight - (margin.top + margin.bottom)) / (bounds.height);
+ if (!canZoomIn && (((bounds.width - this.horizontalOffset) < this.viewPortWidth) &&
+ (bounds.height - this.verticalOffset) < this.viewPortHeight)) {
+ scale.x = Math.min(this.currentZoom, scale.x);
+ scale.y = Math.min(this.currentZoom, scale.y);
+ }
+ var zoomFactor = void 0;
+ var centerX = void 0;
+ var centerY = void 0;
+ switch (mode) {
+ case 'Width':
+ zoomFactor = scale.x;
+ factor = zoomFactor / this.currentZoom;
+ centerX = (this.viewPortWidth - (bounds.width) * zoomFactor) / 2 - bounds.x * zoomFactor;
+ deltaX += centerX + (margin.left - margin.right) / 2 * zoomFactor;
+ deltaY -= -this.verticalOffset * factor;
+ deltaY = region !== 'CustomBounds' ? deltaY : deltaY - this.verticalOffset * factor;
+ break;
+ case 'Height':
+ zoomFactor = scale.y;
+ factor = (zoomFactor / this.currentZoom);
+ centerX = ((this.viewPortWidth - (bounds.width) * zoomFactor) / 2) - bounds.x * zoomFactor;
+ centerY = ((this.viewPortHeight - (bounds.height) * zoomFactor) / 2) - bounds.y * zoomFactor;
+ deltaX += centerX + (margin.left - margin.right) / 2 * zoomFactor;
+ deltaY += centerY + (margin.top - margin.bottom) / 2 * zoomFactor;
+ break;
+ case 'Page':
+ zoomFactor = Math.min(scale.x, scale.y);
+ factor = (zoomFactor / this.currentZoom);
+ centerX = (this.viewPortWidth - (bounds.width) * zoomFactor) / 2 - bounds.x * zoomFactor;
+ centerY = (this.viewPortHeight - (bounds.height) * zoomFactor) / 2 - bounds.y * zoomFactor;
+ deltaX += centerX + (margin.left - margin.right) / 2 * zoomFactor;
+ deltaY += centerY + (margin.top - margin.bottom) / 2 * zoomFactor;
+ break;
+ }
+ /**
+ * EJ2-62912 - fit to page is not working properly when call it multiple times.
+ */
+ this.zoom(factor, deltaX, deltaY, { x: 0, y: 0 }, true);
+ }
+ else {
+ factor = 1 / this.currentZoom;
+ this.zoom(factor, deltaX, deltaY, { x: 0, y: 0 }, true);
+ }
+ };
+ /**
+ * bringIntoView method \
+ *
+ * @returns { void } bringIntoView method .\
+ * @param {Rect} rect - provide the bounds value.
+ * @param {boolean} isBringIntoView - provide the isBringIntoView value.
+ *
+ * @private
+ */
+ DiagramScroller.prototype.bringIntoView = function (rect, isBringIntoView) {
+ // EJ2-68130-Bringintoview shows the object outside the viewport
+ var x = 0;
+ var y = 0;
+ var scale = this.currentZoom;
+ var bounds = rect;
+ var hoffset = -this.horizontalOffset;
+ var voffset = -this.verticalOffset;
+ bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](bounds.x * scale, bounds.y * scale, bounds.width * scale, bounds.height * scale);
+ var view = new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](hoffset, voffset, this.viewPortWidth, this.viewPortHeight);
+ if (!(view.containsRect(bounds))) {
+ if (bounds.right > (-hoffset + this.viewPortWidth)) {
+ x = bounds.right - this.viewPortWidth;
+ }
+ if (bounds.x < -hoffset) {
+ x = bounds.x;
+ }
+ if (bounds.bottom > (-voffset + this.viewPortHeight)) {
+ y = bounds.bottom - this.viewPortHeight;
+ }
+ if (bounds.y < -voffset) {
+ y = bounds.y;
+ }
+ this.zoom(1, -this.horizontalOffset - x, -this.verticalOffset - y, null, undefined, isBringIntoView);
+ }
+ };
+ /**
+ * bringToCenter method \
+ *
+ * @returns { void } bringToCenter method .\
+ * @param {Rect} bounds - provide the bounds value.
+ *
+ * @private
+ */
+ DiagramScroller.prototype.bringToCenter = function (bounds) {
+ var scale = this.currentZoom;
+ var actualbounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](bounds.x * scale, bounds.y * scale, bounds.width * scale, bounds.height * scale);
+ var hoffset = actualbounds.x + actualbounds.width / 2 - this.viewPortWidth / 2;
+ var voffset = actualbounds.y + actualbounds.height / 2 - this.viewPortHeight / 2;
+ /**
+ * In applyScrollLimit method the sign of deltaX and deltaY
+ * will be changed ,so here we change the sign.
+ * similarly for bringIntoView.
+ */
+ hoffset *= -1;
+ voffset *= -1;
+ this.zoom(1, -this.horizontalOffset - hoffset, -this.verticalOffset - voffset, null);
+ };
+ DiagramScroller.prototype.applyScrollLimit = function (hOffset, vOffset, isInteractiveZoomPan, isBringIntoView) {
+ /**
+ * EJ2-60980- ScrollOffset is not updated properly in runtime.
+ * EJ2-62524 - panning is not working properly in diagram.
+ * isInteractiveZoomPan is undefined while setting scrollOffset at runtime.
+ */
+ if (this.diagram.scrollSettings.scrollLimit === 'Infinity') {
+ if (isInteractiveZoomPan === undefined) {
+ hOffset = -hOffset;
+ vOffset = -vOffset;
+ }
+ }
+ if (this.diagram.scrollSettings.scrollLimit !== 'Infinity') {
+ var bounds = void 0;
+ if (this.diagram.scrollSettings.scrollLimit === 'Limited') {
+ var scrollableBounds = this.diagram.scrollSettings.scrollableArea;
+ bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](scrollableBounds.x, scrollableBounds.y, scrollableBounds.width, scrollableBounds.height);
+ }
+ bounds = bounds || this.getPageBounds();
+ bounds.x *= this.currentZoom;
+ bounds.y *= this.currentZoom;
+ bounds.width *= this.currentZoom;
+ bounds.height *= this.currentZoom;
+ if (isInteractiveZoomPan !== undefined) {
+ hOffset *= -1;
+ vOffset *= -1;
+ }
+ // EJ2-69238 - Added below code to multiple the horizontal and vertical offset to bring the node in viewport
+ if (isBringIntoView) {
+ hOffset *= -1;
+ vOffset *= -1;
+ }
+ var allowedRight = Math.max(bounds.right, this.viewPortWidth);
+ if (!isBringIntoView && !(hOffset <= bounds.x && (hOffset + this.viewPortWidth >= bounds.right ||
+ hOffset >= bounds.right - this.viewPortWidth)
+ || hOffset >= bounds.x && (hOffset + this.viewPortWidth <= allowedRight))) {
+ //not allowed case
+ if (hOffset >= bounds.x) {
+ hOffset = Math.max(bounds.x, Math.min(hOffset, hOffset - (hOffset + this.viewPortWidth - this.vScrollSize - allowedRight)));
+ }
+ else {
+ var allowed = bounds.right - this.viewPortWidth;
+ hOffset = Math.min(allowed, bounds.x);
+ }
+ }
+ var allowedBottom = Math.max(bounds.bottom, this.viewPortHeight);
+ // EJ2-69238 - Added below code to restrict the min value calculation for vertical offset in bringIntoview scenarion.
+ if (!isBringIntoView && !(vOffset <= bounds.y && vOffset + this.viewPortHeight >= bounds.bottom
+ || vOffset >= bounds.y && vOffset + this.viewPortHeight <= allowedBottom)) {
+ //not allowed case
+ if (vOffset >= bounds.y) {
+ vOffset = Math.max(bounds.y, Math.min(vOffset, vOffset - (vOffset + this.viewPortHeight - this.hScrollSize - allowedBottom)));
+ }
+ else {
+ var allowed = bounds.bottom - this.viewPortHeight;
+ vOffset = Math.min(bounds.y, allowed);
+ }
+ }
+ hOffset *= -1;
+ vOffset *= -1;
+ }
+ return { x: hOffset, y: vOffset };
+ };
+ return DiagramScroller;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/selector.js":
+/*!************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/selector.js ***!
+ \************************************************************************************/
+/*! exports provided: UserHandle */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserHandle", function() { return UserHandle; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _core_appearance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/appearance */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/appearance.js");
+/* harmony import */ var _objects_tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../objects/tooltip */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/tooltip.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+/**
+ * A collection of frequently used commands that will be added around the selector
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * let nodes: NodeModel[] = [{
+ * id: 'node1', width: 100, height: 100, offsetX: 100, offsetY: 100,
+ * annotations: [{ content: 'Default Shape' }]
+ * },
+ * {
+ * id: 'node2', width: 100, height: 100, offsetX: 300, offsetY: 100,
+ * shape: {
+ * type: 'Basic', shape: 'Ellipse'
+ * },
+ * annotations: [{ content: 'Path Element' }]
+ * }
+ * ];
+ * let connectors: ConnectorModel[] = [{
+ * id: 'connector1',
+ * type: 'Straight',
+ * sourcePoint: { x: 100, y: 300 },
+ * targetPoint: { x: 200, y: 400 },
+ * }];
+ * let handle: UserHandleModel[] = [
+ * { name: 'handle', margin: { top: 0, bottom: 0, left: 0, right: 0 }, offset: 0,
+ * pathData: 'M 376.892,225.284L 371.279,211.95L 376.892,198.617L 350.225,211.95L 376.892,225.284 Z',
+ * side: 'Top', horizontalAlignment: 'Center', verticalAlignment: 'Center',
+ * pathColor: 'yellow' }];
+ * let diagram: Diagram = new Diagram({
+ * ...
+ * connectors: connectors, nodes: nodes,
+ * selectedItems: { constraints: SelectorConstraints.All, userHandles: handle },
+ * ...
+ * });
+ * diagram.appendTo('#diagram');
+ * ```
+ * @default {}
+ */
+var UserHandle = /** @__PURE__ @class */ (function (_super) {
+ __extends(UserHandle, _super);
+ function UserHandle() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ /**
+ *
+ * Returns the name of class UserHandle
+ *
+ * @returns {string} Returns the name of class UserHandle
+ * @private
+ */
+ UserHandle.prototype.getClassName = function () {
+ return 'UserHandle';
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], UserHandle.prototype, "name", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], UserHandle.prototype, "pathData", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], UserHandle.prototype, "content", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], UserHandle.prototype, "source", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('#000000')
+ ], UserHandle.prototype, "backgroundColor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Top')
+ ], UserHandle.prototype, "side", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], UserHandle.prototype, "borderColor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0.5)
+ ], UserHandle.prototype, "borderWidth", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(25)
+ ], UserHandle.prototype, "size", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('white')
+ ], UserHandle.prototype, "pathColor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(10)
+ ], UserHandle.prototype, "displacement", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], UserHandle.prototype, "visible", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], UserHandle.prototype, "offset", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _core_appearance__WEBPACK_IMPORTED_MODULE_1__["Margin"])
+ ], UserHandle.prototype, "margin", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Center')
+ ], UserHandle.prototype, "horizontalAlignment", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Center')
+ ], UserHandle.prototype, "verticalAlignment", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], UserHandle.prototype, "disableNodes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], UserHandle.prototype, "disableConnectors", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _objects_tooltip__WEBPACK_IMPORTED_MODULE_2__["DiagramTooltip"])
+ ], UserHandle.prototype, "tooltip", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], UserHandle.prototype, "template", void 0);
+ return UserHandle;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/spatial-search/quad.js":
+/*!***********************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/spatial-search/quad.js ***!
+ \***********************************************************************************************/
+/*! exports provided: Quad */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Quad", function() { return Quad; });
+/**
+ * Quad helps to maintain a set of objects that are contained within the particular region
+ */
+/** @private */
+var Quad = /** @__PURE__ @class */ (function () {
+ /**
+ * Constructor for creating the Quad class
+ *
+ * @param {number} left The symbol palette model.
+ * @param {number} top The symbol palette element.
+ * @param {number} width The symbol palette element.
+ * @param {number} height The symbol palette element.
+ * @param {SpatialSearch} spatialSearching The symbol palette element.
+ * @private
+ */
+ function Quad(left, top, width, height, spatialSearching) {
+ this.objects = [];
+ this.left = left;
+ this.top = top;
+ this.width = width;
+ this.height = height;
+ this.spatialSearch = spatialSearching;
+ }
+ /**
+ * findQuads method\
+ *
+ * @returns { void} findQuads method .\
+ * @param {Rect} currentViewPort - provide the options value.
+ * @param {Quad[]} quads - provide the options value.
+ * @private
+ */
+ Quad.prototype.findQuads = function (currentViewPort, quads) {
+ if (this.first != null && this.first.isIntersect(currentViewPort)) {
+ this.first.findQuads(currentViewPort, quads);
+ }
+ if (this.second != null && this.second.isIntersect(currentViewPort)) {
+ this.second.findQuads(currentViewPort, quads);
+ }
+ if (this.third != null && this.third.isIntersect(currentViewPort)) {
+ this.third.findQuads(currentViewPort, quads);
+ }
+ if (this.fourth != null && this.fourth.isIntersect(currentViewPort)) {
+ this.fourth.findQuads(currentViewPort, quads);
+ }
+ if (this.objects.length > 0) {
+ quads.push(this);
+ }
+ };
+ Quad.prototype.isIntersect = function (t) {
+ if (this.left + this.width < t.left || this.top + this.height < t.top || this.left > t.right || this.top > t.bottom) {
+ return false;
+ }
+ return true;
+ };
+ /**
+ * selectQuad method\
+ *
+ * @returns { Quad } selectQuad method .\
+ * @private
+ */
+ Quad.prototype.selectQuad = function () {
+ var target = null;
+ // eslint-disable-next-line
+ var current = this;
+ var quadSet;
+ while (current != null) {
+ quadSet = current.getQuad(target);
+ current = quadSet.source;
+ target = quadSet.target || target;
+ }
+ return target;
+ };
+ Quad.prototype.getQuad = function (target) {
+ target = null;
+ var halfWidth = this.width / 2;
+ var halfHeight = this.height / 2;
+ if (halfWidth >= 1000 && halfHeight >= 1000) {
+ var xCenter = this.left + halfWidth;
+ var yCenter = this.top + halfHeight;
+ if (this.spatialSearch.childRight <= xCenter) {
+ if (this.spatialSearch.childBottom <= yCenter) {
+ if (!this.first) {
+ var newQuad = new Quad(this.left, this.top, halfWidth, halfHeight, this.spatialSearch);
+ newQuad.parent = this;
+ this.first = newQuad;
+ }
+ return { source: this.first };
+ }
+ if (this.spatialSearch.childTop >= yCenter) {
+ if (!this.third) {
+ var newQuad = new Quad(this.left, yCenter, halfWidth, halfHeight, this.spatialSearch);
+ newQuad.parent = this;
+ this.third = newQuad;
+ }
+ return { source: this.third };
+ }
+ }
+ else if (this.spatialSearch.childLeft >= xCenter) {
+ if (this.spatialSearch.childBottom <= yCenter) {
+ if (!this.second) {
+ var newQuad = new Quad(xCenter, this.top, halfWidth, halfHeight, this.spatialSearch);
+ newQuad.parent = this;
+ this.second = newQuad;
+ }
+ return { source: this.second };
+ }
+ if (this.spatialSearch.childTop >= yCenter) {
+ if (!this.fourth) {
+ var newQuad = new Quad(xCenter, yCenter, halfWidth, halfHeight, this.spatialSearch);
+ newQuad.parent = this;
+ this.fourth = newQuad;
+ }
+ return { source: this.fourth };
+ }
+ }
+ }
+ target = this;
+ this.objects.push(this.spatialSearch.childNode);
+ return { target: this };
+ };
+ /**
+ * isContained method\
+ *
+ * @returns { boolean } isContained method .\
+ * @private
+ */
+ Quad.prototype.isContained = function () {
+ if (this.spatialSearch.childLeft >= this.left && this.spatialSearch.childRight <= this.left + this.width &&
+ this.spatialSearch.childTop >= this.top && this.spatialSearch.childBottom <= this.top + this.height) {
+ return true;
+ }
+ return false;
+ };
+ /**
+ * addIntoAQuad method\
+ *
+ * @returns { Quad } addIntoAQuad method .\
+ * @param {IGroupable} node - provide the options value.
+ * @private
+ */
+ Quad.prototype.addIntoAQuad = function (node) {
+ var quadAddition = {};
+ this.spatialSearch.setCurrentNode(node);
+ var quad = null;
+ while (!quadAddition.isAdded) {
+ quadAddition = this.spatialSearch.parentQuad.add(quad);
+ quad = quadAddition.quad;
+ }
+ return quad;
+ };
+ Quad.prototype.add = function (quad) {
+ quad = null;
+ if (this.isContained()) {
+ quad = this.selectQuad();
+ return { isAdded: true, quad: quad };
+ }
+ else {
+ var newParent = void 0;
+ var isempty = this.objects.length === 0 && !this.first && !this.second && !this.third &&
+ !this.fourth;
+ var newWidth = this.width * 2;
+ var newHeight = this.height * 2;
+ if (this.spatialSearch.childLeft < this.left) {
+ if (this.spatialSearch.childTop < this.top) {
+ newParent = new Quad(this.left - this.width, this.top - this.height, newWidth, newHeight, this.spatialSearch);
+ if (!isempty) {
+ newParent.fourth = this;
+ }
+ }
+ else {
+ newParent = new Quad(this.left - this.width, this.top, newWidth, newHeight, this.spatialSearch);
+ if (!isempty) {
+ newParent.second = this;
+ }
+ }
+ }
+ else if (this.spatialSearch.childTop < this.top) {
+ newParent = new Quad(this.left, this.top - this.height, newWidth, newHeight, this.spatialSearch);
+ if (!isempty) {
+ newParent.third = this;
+ }
+ }
+ else {
+ newParent = new Quad(this.left, this.top, newWidth, newHeight, this.spatialSearch);
+ if (!isempty) {
+ newParent.first = this;
+ }
+ }
+ this.parent = newParent;
+ this.spatialSearch.parentQuad = newParent;
+ return { isAdded: false, quad: quad };
+ //newParent.AddIntoaQuad(node);
+ }
+ };
+ return Quad;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/spatial-search/spatial-search.js":
+/*!*********************************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/spatial-search/spatial-search.js ***!
+ \*********************************************************************************************************/
+/*! exports provided: SpatialSearch */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SpatialSearch", function() { return SpatialSearch; });
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _quad__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./quad */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/spatial-search/quad.js");
+
+
+/**
+ * Spatial search module helps to effectively find the objects over diagram
+ */
+var SpatialSearch = /** @__PURE__ @class */ (function () {
+ /**
+ * Constructor for creating the spatial search
+ *
+ * @param {number} objectTable The objectTable.
+ * @private
+ */
+ function SpatialSearch(objectTable) {
+ this.quadSize = 500;
+ this.objectTable = objectTable;
+ this.parentQuad = new _quad__WEBPACK_IMPORTED_MODULE_1__["Quad"](0, 0, this.quadSize * 2, this.quadSize * 2, this);
+ this.pageLeft = Number.MAX_VALUE;
+ this.pageRight = -Number.MAX_VALUE;
+ this.pageTop = Number.MAX_VALUE;
+ this.pageBottom = -Number.MAX_VALUE;
+ this.quadTable = {};
+ }
+ /**
+ * removeFromAQuad method\
+ *
+ * @returns {void} removeFromAQuad method .\
+ * @param {IGroupable} node - provide the options value.
+ * @private
+ */
+ SpatialSearch.prototype.removeFromAQuad = function (node) {
+ if (this.quadTable[node.id]) {
+ var quad = this.quadTable[node.id];
+ var index = this.objectIndex(quad.objects, node);
+ if (index !== -1) {
+ quad.objects.splice(index, 1);
+ this.update(quad);
+ delete this.quadTable[node.id];
+ }
+ }
+ };
+ SpatialSearch.prototype.update = function (quad) {
+ if (quad.parent && quad.objects.length === 0 && quad.first && quad.second && quad.third && quad.fourth) {
+ var parent_1 = quad.parent;
+ if (parent_1.first === quad) {
+ parent_1.first = null;
+ }
+ else if (parent_1.second === quad) {
+ parent_1.second = null;
+ }
+ else if (parent_1.third === quad) {
+ parent_1.third = null;
+ }
+ else if (parent_1.fourth === quad) {
+ parent_1.fourth = null;
+ }
+ this.update(quad.parent);
+ }
+ else {
+ if (quad === this.parentQuad && !quad.first && !quad.second && !quad.third && !quad.fourth) {
+ quad.left = 0;
+ quad.width = 1000;
+ quad.top = 0;
+ quad.height = 1000;
+ }
+ return;
+ }
+ };
+ SpatialSearch.prototype.addIntoAQuad = function (node) {
+ var quad = this.parentQuad.addIntoAQuad(node);
+ this.quadTable[node.id] = quad;
+ };
+ SpatialSearch.prototype.objectIndex = function (objects, node) {
+ for (var i = 0; i < objects.length; i++) {
+ if ((objects[parseInt(i.toString(), 10)]).id === node.id) {
+ return i;
+ }
+ }
+ return -1;
+ };
+ SpatialSearch.prototype.updateQuad = function (node) {
+ this.setCurrentNode(node);
+ var nodBounds = node.outerBounds;
+ if (!(!isNaN(nodBounds.x) && !isNaN(nodBounds.y) &&
+ !isNaN(nodBounds.width) && !isNaN(nodBounds.height))) {
+ return false;
+ }
+ //nodBounds = new Rect(nodBounds.X.Valid(), nodBounds.Y.Valid(), nodBounds.Width.Valid(), nodBounds.Height.Valid());
+ if (this.quadTable[node.id]) {
+ var quad = this.quadTable[node.id];
+ if (!quad.isContained()) {
+ this.removeFromAQuad(node);
+ this.addIntoAQuad(node);
+ }
+ }
+ else {
+ this.addIntoAQuad(node);
+ }
+ if (this.isWithinPageBounds(nodBounds) &&
+ this.leftElement !== node &&
+ this.topElement !== node &&
+ this.rightElement !== node &&
+ this.bottomElement !== node) {
+ //contained - no change
+ }
+ else {
+ var modified = false;
+ if (this.pageLeft !== this.childLeft || node !== this.leftElement) {
+ if (this.pageLeft >= this.childLeft) {
+ this.pageLeft = this.childLeft;
+ this.leftElement = node;
+ modified = true;
+ }
+ else if (node === this.leftElement) {
+ this.pageLeft = Number.MAX_VALUE;
+ this.findLeft(this.parentQuad);
+ modified = true;
+ }
+ }
+ if (this.pageTop !== this.childTop || node !== this.topElement) {
+ if (this.pageTop >= this.childTop) {
+ this.pageTop = this.childTop;
+ this.topElement = node;
+ modified = true;
+ }
+ else if (node === this.topElement) {
+ this.pageTop = Number.MAX_VALUE;
+ this.findTop(this.parentQuad);
+ modified = true;
+ }
+ }
+ if (this.pageBottom !== this.childBottom || node !== this.bottomElement) {
+ if (this.pageBottom <= this.childBottom) {
+ modified = true;
+ this.pageBottom = this.childBottom;
+ this.bottomElement = node;
+ }
+ else if (node === this.bottomElement) {
+ this.pageBottom = -Number.MAX_VALUE;
+ this.findBottom(this.parentQuad);
+ modified = true;
+ }
+ }
+ if (this.pageRight !== this.childRight || node !== this.rightElement) {
+ if (this.pageRight <= this.childRight) {
+ this.pageRight = this.childRight;
+ this.rightElement = node;
+ modified = true;
+ }
+ else if (node === this.rightElement) {
+ this.pageRight = -Number.MAX_VALUE;
+ this.findRight(this.parentQuad);
+ modified = true;
+ }
+ }
+ return modified;
+ }
+ this.setCurrentNode(null);
+ return false;
+ };
+ SpatialSearch.prototype.isWithinPageBounds = function (node) {
+ if (node.left >= this.pageLeft && node.right <= this.pageRight && node.top >= this.pageTop
+ && node.bottom <= this.pageBottom) {
+ return true;
+ }
+ else {
+ return false;
+ }
+ };
+ /**
+ * findQuads method\
+ *
+ * @returns { Quad[] } findQuads method .\
+ * @param {Rect} region - provide the options value.
+ * @private
+ */
+ SpatialSearch.prototype.findQuads = function (region) {
+ var quads = [];
+ this.parentQuad.findQuads(region, quads);
+ return quads;
+ };
+ /**
+ * findObjects method\
+ *
+ * @returns { IGroupable[] } findObjects method .\
+ * @param {Rect} region - provide the options value.
+ * @private
+ */
+ SpatialSearch.prototype.findObjects = function (region) {
+ var quads = this.findQuads(region);
+ var objects = [];
+ for (var _i = 0, quads_1 = quads; _i < quads_1.length; _i++) {
+ var quad = quads_1[_i];
+ for (var _a = 0, _b = quad.objects; _a < _b.length; _a++) {
+ var obj = _b[_a];
+ if (obj.outerBounds.intersects(region)) {
+ objects.push(this.objectTable[obj.id]);
+ }
+ }
+ }
+ return objects;
+ };
+ /**
+ * updateBounds method\
+ *
+ * @returns { boolean } updateBounds method .\
+ * @param {IGroupable} node - provide the options value.
+ * @private
+ */
+ SpatialSearch.prototype.updateBounds = function (node) {
+ var modified = false;
+ if (node === this.topElement) {
+ this.pageTop = Number.MAX_VALUE;
+ this.topElement = null;
+ this.findTop(this.parentQuad);
+ modified = true;
+ }
+ if (node === this.leftElement) {
+ this.pageLeft = Number.MAX_VALUE;
+ this.leftElement = null;
+ this.findLeft(this.parentQuad);
+ modified = true;
+ }
+ if (node === this.rightElement) {
+ this.pageRight = -Number.MAX_VALUE;
+ this.rightElement = null;
+ this.findRight(this.parentQuad);
+ modified = true;
+ }
+ if (node === this.bottomElement) {
+ this.pageBottom = -Number.MAX_VALUE;
+ this.bottomElement = null;
+ this.findBottom(this.parentQuad);
+ modified = true;
+ }
+ return modified;
+ };
+ SpatialSearch.prototype.findBottom = function (quad) {
+ //if (quad.Quads.Count === 4)
+ {
+ if (quad.third || quad.fourth) {
+ if (quad.third) {
+ this.findBottom(quad.third);
+ }
+ if (quad.fourth) {
+ this.findBottom(quad.fourth);
+ }
+ }
+ else {
+ if (quad.second) {
+ this.findBottom(quad.second);
+ }
+ if (quad.first) {
+ this.findBottom(quad.first);
+ }
+ }
+ }
+ for (var _i = 0, _a = quad.objects; _i < _a.length; _i++) {
+ var node = _a[_i];
+ if (this.pageBottom <= node.outerBounds.bottom) {
+ this.pageBottom = node.outerBounds.bottom;
+ this.bottomElement = node;
+ }
+ }
+ };
+ SpatialSearch.prototype.findRight = function (quad) {
+ //if (quad.Quads.Count === 4)
+ {
+ if (quad.second || quad.fourth) {
+ if (quad.second) {
+ this.findRight(quad.second);
+ }
+ if (quad.fourth) {
+ this.findRight(quad.fourth);
+ }
+ }
+ // EJ2-65880 - Exception occurs on dragging outside the canvas
+ {
+ if (quad.first) {
+ this.findRight(quad.first);
+ }
+ if (quad.third) {
+ this.findRight(quad.third);
+ }
+ }
+ }
+ for (var _i = 0, _a = quad.objects; _i < _a.length; _i++) {
+ var node = _a[_i];
+ if (this.pageRight <= node.outerBounds.right) {
+ this.pageRight = node.outerBounds.right;
+ this.rightElement = node;
+ }
+ }
+ };
+ SpatialSearch.prototype.findLeft = function (quad) {
+ //if (quad.Quads.Count === 4)
+ {
+ if (quad.first || quad.third) {
+ if (quad.first) {
+ this.findLeft(quad.first);
+ }
+ if (quad.third) {
+ this.findLeft(quad.third);
+ }
+ }
+ else {
+ if (quad.second) {
+ this.findLeft(quad.second);
+ }
+ if (quad.fourth) {
+ this.findLeft(quad.fourth);
+ }
+ }
+ }
+ for (var _i = 0, _a = quad.objects; _i < _a.length; _i++) {
+ var node = _a[_i];
+ if (this.pageLeft >= node.outerBounds.left) {
+ this.pageLeft = node.outerBounds.left;
+ this.leftElement = node;
+ }
+ }
+ };
+ SpatialSearch.prototype.findTop = function (quad) {
+ //if (quad.Quads.Count === 4)
+ {
+ if (quad.first || quad.second) {
+ if (quad.first) {
+ this.findTop(quad.first);
+ }
+ if (quad.second) {
+ this.findTop(quad.second);
+ }
+ }
+ else {
+ if (quad.third) {
+ this.findTop(quad.third);
+ }
+ if (quad.fourth) {
+ this.findTop(quad.fourth);
+ }
+ }
+ }
+ for (var _i = 0, _a = quad.objects; _i < _a.length; _i++) {
+ var node = _a[_i];
+ if (this.pageTop >= node.outerBounds.top) {
+ this.pageTop = node.outerBounds.top;
+ this.topElement = node;
+ }
+ }
+ };
+ /**
+ * setCurrentNode method\
+ *
+ * @returns { void } setCurrentNode method .\
+ * @param {IGroupable} node - provide the options value.
+ * @private
+ */
+ SpatialSearch.prototype.setCurrentNode = function (node) {
+ this.childNode = node;
+ if (node) {
+ var r = node.outerBounds;
+ this.childLeft = Number(r.left);
+ this.childTop = Number(r.top);
+ this.childRight = Number(r.right);
+ this.childBottom = Number(r.bottom);
+ }
+ else {
+ this.childLeft = Number.MAX_VALUE;
+ this.childTop = Number.MAX_VALUE;
+ this.childRight = -Number.MAX_VALUE;
+ this.childBottom = -Number.MAX_VALUE;
+ }
+ };
+ /**
+ * getPageBounds method\
+ *
+ * @returns { Rect } getPageBounds method .\
+ * @param {number} originX - provide the options value.
+ * @param {number} originY - provide the options value.
+ * @private
+ */
+ SpatialSearch.prototype.getPageBounds = function (originX, originY) {
+ if (this.pageLeft === Number.MAX_VALUE) {
+ return new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](0, 0, 0, 0);
+ }
+ var left = originX !== undefined ? Math.min(this.pageLeft, 0) : this.pageLeft;
+ var top = originY !== undefined ? Math.min(this.pageTop, 0) : this.pageTop;
+ return new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](Math.round(left), Math.round(top), Math.round(this.pageRight - left), Math.round(this.pageBottom - top));
+ };
+ /**
+ * getQuad method\
+ *
+ * @returns { Quad } getQuad method .\
+ * @param {IGroupable} node - provide the options value.
+ * @private
+ */
+ SpatialSearch.prototype.getQuad = function (node) {
+ return this.quadTable[node.id];
+ };
+ return SpatialSearch;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/tool.js":
+/*!********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/tool.js ***!
+ \********************************************************************************/
+/*! exports provided: ToolBase, SelectTool, FixedUserHandleTool, ConnectTool, MoveTool, RotateTool, ResizeTool, NodeDrawingTool, ConnectorDrawingTool, TextDrawingTool, ZoomPanTool, ExpandTool, LabelTool, PolygonDrawingTool, PolyLineDrawingTool, LabelDragTool, LabelResizeTool, LabelRotateTool, FreeHandTool */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ToolBase", function() { return ToolBase; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectTool", function() { return SelectTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FixedUserHandleTool", function() { return FixedUserHandleTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectTool", function() { return ConnectTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MoveTool", function() { return MoveTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RotateTool", function() { return RotateTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ResizeTool", function() { return ResizeTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NodeDrawingTool", function() { return NodeDrawingTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectorDrawingTool", function() { return ConnectorDrawingTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TextDrawingTool", function() { return TextDrawingTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ZoomPanTool", function() { return ZoomPanTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ExpandTool", function() { return ExpandTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LabelTool", function() { return LabelTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PolygonDrawingTool", function() { return PolygonDrawingTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PolyLineDrawingTool", function() { return PolyLineDrawingTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LabelDragTool", function() { return LabelDragTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LabelResizeTool", function() { return LabelResizeTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LabelRotateTool", function() { return LabelRotateTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FreeHandTool", function() { return FreeHandTool; });
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _objects_port__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../objects/port */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/port.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _utility_path_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utility/path-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/path-util.js");
+/* harmony import */ var _utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utility/constraints-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js");
+/* harmony import */ var _primitives_matrix__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../primitives/matrix */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/matrix.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _core_elements_text_element__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../core/elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./actions */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/actions.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _utility_diff_map__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utility/diff-map */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diff-map.js");
+/* harmony import */ var _utility_connector__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../utility/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/connector.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+ return new (P || (P = Promise))(function (resolve, reject) {
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+ function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
+ });
+};
+var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+ function verb(n) { return function (v) { return step([n, v]); }; }
+ function step(op) {
+ if (f) throw new TypeError("Generator is already executing.");
+ while (_) try {
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+ if (y = 0, t) op = [op[0] & 2, t.value];
+ switch (op[0]) {
+ case 0: case 1: t = op; break;
+ case 4: _.label++; return { value: op[1], done: false };
+ case 5: _.label++; y = op[1]; op = [0]; continue;
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
+ default:
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+ if (t[2]) _.ops.pop();
+ _.trys.pop(); continue;
+ }
+ op = body.call(thisArg, _);
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+ }
+};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Defines the interactive tools
+ */
+var ToolBase = /** @__PURE__ @class */ (function () {
+ /**
+ * Initializes the tool
+ *
+ * @param {CommandHandler} command Command that is corresponding to the current action
+ * @param protectChange
+ */
+ function ToolBase(command, protectChange) {
+ if (protectChange === void 0) { protectChange = false; }
+ /**
+ * Command that is corresponding to the current action
+ */
+ this.commandHandler = null;
+ this.deepDiffer = new _utility_diff_map__WEBPACK_IMPORTED_MODULE_14__["DeepDiffMapper"]();
+ /**
+ * Sets/Gets whether the interaction is being done
+ */
+ this.inAction = false;
+ /**
+ * Sets/Gets the protect change
+ */
+ this.isProtectChange = false;
+ /**
+ * Sets/Gets the current element that is under mouse
+ */
+ this.currentElement = null;
+ /** @private */
+ this.blocked = false;
+ this.isTooltipVisible = false;
+ /** @private */
+ this.childTable = {};
+ /**
+ * Sets/Gets the previous object when mouse down
+ */
+ this.undoElement = { nodes: [], connectors: [] };
+ this.checkProperty = true;
+ this.undoParentElement = { nodes: [], connectors: [] };
+ this.commandHandler = command;
+ this.isProtectChange = protectChange;
+ }
+ ToolBase.prototype.startAction = function (currentElement) {
+ this.currentElement = currentElement;
+ this.inAction = true;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ToolBase.prototype.mouseDown = function (args) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ this.commandHandler.enableCloneObject(true);
+ this.commandHandler.ismouseEvents(true);
+ }
+ this.currentElement = args.source;
+ this.startPosition = this.currentPosition = this.prevPosition = args.position;
+ this.isTooltipVisible = true;
+ this.startAction(args.source);
+ this.checkProperty = true;
+ // Bug fix - EJ2-44495 -Node does not gets selected on slight movement of mouse when drag constraints disabled for node
+ this.mouseDownElement = args.source;
+ };
+ ToolBase.prototype.checkPropertyValue = function () {
+ if (this.checkProperty) {
+ this.commandHandler.startTransaction(this.isProtectChange);
+ }
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ToolBase.prototype.mouseMove = function (args) {
+ this.currentPosition = args.position;
+ if (this.inAction) {
+ this.commandHandler.startTransaction(this.isProtectChange);
+ this.checkProperty = false;
+ }
+ //this.currentElement = currentElement;
+ return !this.blocked;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ToolBase.prototype.mouseUp = function (args) {
+ this.checkPropertyValue();
+ this.currentPosition = args.position;
+ // this.currentElement = currentElement;
+ this.isTooltipVisible = false;
+ this.commandHandler.endTransaction(this.isProtectChange);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ this.commandHandler.enableCloneObject(false);
+ this.commandHandler.ismouseEvents(false);
+ this.commandHandler.getBlazorOldValues(args, this instanceof LabelDragTool);
+ }
+ this.endAction();
+ // Bug fix - EJ2-44495 -Node does not gets selected on slight movement of mouse when drag constraints disabled for node
+ this.mouseDownElement = null;
+ };
+ ToolBase.prototype.endAction = function () {
+ if (!this.isTooltipVisible) {
+ this.commandHandler.closeTooltip();
+ }
+ this.commandHandler = null;
+ this.currentElement = null;
+ this.currentPosition = null;
+ this.inAction = false;
+ this.blocked = false;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ToolBase.prototype.mouseWheel = function (args) {
+ this.currentPosition = args.position;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ToolBase.prototype.mouseLeave = function (args) {
+ this.mouseUp(args);
+ };
+ ToolBase.prototype.updateSize = function (shape, startPoint, endPoint, corner, initialBounds, angle) {
+ shape = this.commandHandler.renderContainerHelper(shape) || shape;
+ var horizontalsnap = { snapped: false, offset: 0, left: false, right: false };
+ var verticalsnap = { snapped: false, offset: 0, top: false, bottom: false };
+ var difx = this.currentPosition.x - this.startPosition.x;
+ var dify = this.currentPosition.y - this.startPosition.y;
+ var snapEnabled = (!(shape instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_10__["TextElement"])) && this.commandHandler.snappingModule
+ && this.commandHandler.snappingModule.canSnap();
+ var snapLine = snapEnabled ? this.commandHandler.snappingModule.getLayer() : null;
+ var rotateAngle = (shape instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_10__["TextElement"]) ? angle : shape.rotateAngle;
+ var matrix;
+ matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["rotateMatrix"])(matrix, -rotateAngle, 0, 0);
+ var x = shape.offsetX;
+ var y = shape.offsetY;
+ var w = shape.width;
+ var h = shape.height;
+ x = x - w * shape.pivot.x;
+ y = y - h * shape.pivot.y;
+ var deltaWidth = 0;
+ var deltaHeight = 0;
+ var diff;
+ var width = (shape instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_10__["TextElement"]) ? shape.actualSize.width : shape.width;
+ var height = (shape instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_10__["TextElement"]) ? shape.actualSize.height : shape.height;
+ switch (corner) {
+ case 'ResizeWest':
+ diff = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["transformPointByMatrix"])(matrix, ({ x: difx, y: dify }));
+ difx = diff.x;
+ dify = diff.y;
+ deltaHeight = 1;
+ difx = snapEnabled ? this.commandHandler.snappingModule.snapLeft(horizontalsnap, verticalsnap, snapLine, difx, dify, shape, endPoint === startPoint, initialBounds) :
+ difx;
+ dify = 0;
+ deltaWidth = (initialBounds.width - difx) / width;
+ break;
+ case 'ResizeEast':
+ diff = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["transformPointByMatrix"])(matrix, ({ x: difx, y: dify }));
+ difx = diff.x;
+ dify = diff.y;
+ difx = snapEnabled ? this.commandHandler.snappingModule.snapRight(horizontalsnap, verticalsnap, snapLine, difx, dify, shape, endPoint === startPoint, initialBounds) :
+ difx;
+ dify = 0;
+ deltaWidth = (initialBounds.width + difx) / width;
+ deltaHeight = 1;
+ break;
+ case 'ResizeNorth':
+ deltaWidth = 1;
+ diff = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["transformPointByMatrix"])(matrix, ({ x: difx, y: dify }));
+ difx = diff.x;
+ dify = diff.y;
+ dify = snapEnabled ? this.commandHandler.snappingModule.snapTop(horizontalsnap, verticalsnap, snapLine, difx, dify, shape, endPoint === startPoint, initialBounds) :
+ dify;
+ deltaHeight = (initialBounds.height - dify) / height;
+ break;
+ case 'ResizeSouth':
+ deltaWidth = 1;
+ diff = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["transformPointByMatrix"])(matrix, ({ x: difx, y: dify }));
+ difx = diff.x;
+ dify = diff.y;
+ dify = snapEnabled ? this.commandHandler.snappingModule.snapBottom(horizontalsnap, verticalsnap, snapLine, difx, dify, shape, endPoint === startPoint, initialBounds) :
+ dify;
+ deltaHeight = (initialBounds.height + dify) / height;
+ break;
+ case 'ResizeNorthEast':
+ diff = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["transformPointByMatrix"])(matrix, ({ x: difx, y: dify }));
+ difx = diff.x;
+ dify = diff.y;
+ difx = snapEnabled ? this.commandHandler.snappingModule.snapRight(horizontalsnap, verticalsnap, snapLine, difx, dify, shape, endPoint === startPoint, initialBounds) :
+ difx;
+ dify = snapEnabled ? this.commandHandler.snappingModule.snapTop(horizontalsnap, verticalsnap, snapLine, difx, dify, shape, endPoint === startPoint, initialBounds) :
+ dify;
+ deltaWidth = (initialBounds.width + difx) / width;
+ deltaHeight = (initialBounds.height - dify) / height;
+ break;
+ case 'ResizeNorthWest':
+ diff = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["transformPointByMatrix"])(matrix, ({ x: difx, y: dify }));
+ difx = diff.x;
+ dify = diff.y;
+ dify = !snapEnabled ? dify : this.commandHandler.snappingModule.snapTop(horizontalsnap, verticalsnap, snapLine, difx, dify, shape, endPoint === startPoint, initialBounds);
+ difx = !snapEnabled ? difx : this.commandHandler.snappingModule.snapLeft(horizontalsnap, verticalsnap, snapLine, difx, dify, shape, endPoint === startPoint, initialBounds);
+ deltaWidth = (initialBounds.width - difx) / width;
+ deltaHeight = (initialBounds.height - dify) / height;
+ break;
+ case 'ResizeSouthEast':
+ diff = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["transformPointByMatrix"])(matrix, ({ x: difx, y: dify }));
+ difx = diff.x;
+ dify = diff.y;
+ dify = !snapEnabled ? dify : this.commandHandler.snappingModule.snapBottom(horizontalsnap, verticalsnap, snapLine, difx, dify, shape, endPoint === startPoint, initialBounds);
+ difx = !snapEnabled ? difx : this.commandHandler.snappingModule.snapRight(horizontalsnap, verticalsnap, snapLine, difx, dify, shape, endPoint === startPoint, initialBounds);
+ deltaHeight = (initialBounds.height + dify) / height;
+ deltaWidth = (initialBounds.width + difx) / width;
+ break;
+ case 'ResizeSouthWest':
+ diff = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["transformPointByMatrix"])(matrix, ({ x: difx, y: dify }));
+ difx = diff.x;
+ dify = diff.y;
+ dify = snapEnabled ? this.commandHandler.snappingModule.snapBottom(horizontalsnap, verticalsnap, snapLine, difx, dify, shape, endPoint === startPoint, initialBounds) : dify;
+ difx = snapEnabled ? this.commandHandler.snappingModule.snapLeft(horizontalsnap, verticalsnap, snapLine, difx, dify, shape, endPoint === startPoint, initialBounds) : difx;
+ deltaWidth = (initialBounds.width - difx) / width;
+ deltaHeight = (initialBounds.height + dify) / height;
+ break;
+ }
+ return { width: deltaWidth, height: deltaHeight };
+ };
+ ToolBase.prototype.getPivot = function (corner) {
+ switch (corner) {
+ case 'ResizeWest':
+ return { x: 1, y: 0.5 };
+ case 'ResizeEast':
+ return { x: 0, y: 0.5 };
+ case 'ResizeNorth':
+ return { x: 0.5, y: 1 };
+ case 'ResizeSouth':
+ return { x: 0.5, y: 0 };
+ case 'ResizeNorthEast':
+ return { x: 0, y: 1 };
+ case 'ResizeNorthWest':
+ return { x: 1, y: 1 };
+ case 'ResizeSouthEast':
+ return { x: 0, y: 0 };
+ case 'ResizeSouthWest':
+ return { x: 1, y: 0 };
+ }
+ return { x: 0.5, y: 0.5 };
+ };
+ //method to get node shape name
+ ToolBase.prototype.getShapeType = function () {
+ var shape;
+ if (this.commandHandler.diagram.drawingObject.shape.type === 'Image' || 'HTML' || 'Native' || 'Path') {
+ shape = this.commandHandler.diagram.drawingObject.shape.type;
+ }
+ else {
+ shape = this.commandHandler.diagram.drawingObject.shape.shape;
+ }
+ return shape;
+ };
+ //EJ2-52203-Method to trigger ElementDraw Event when we draw node or connector with the drawing Tool
+ ToolBase.prototype.triggerElementDrawEvent = function (source, state, objectType, elementType, isMouseDownAction) {
+ var arg = {
+ source: source, state: state, objectType: objectType, cancel: false, elementType: elementType
+ };
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].elementDraw, arg);
+ if (isMouseDownAction && arg.cancel) {
+ {
+ this.commandHandler.diagram.resetTool();
+ }
+ }
+ };
+ return ToolBase;
+}());
+
+/**
+ * Helps to select the objects
+ */
+var SelectTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(SelectTool, _super);
+ function SelectTool(commandHandler, protectChange, action) {
+ var _this = _super.call(this, commandHandler, true) || this;
+ _this.action = action;
+ return _this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ SelectTool.prototype.mouseDown = function (args) {
+ this.inAction = true;
+ _super.prototype.mouseDown.call(this, args);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ SelectTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ //draw selected region
+ if (this.inAction && _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(this.currentPosition, this.prevPosition) === false) {
+ var rect = _primitives_rect__WEBPACK_IMPORTED_MODULE_5__["Rect"].toBounds([this.prevPosition, this.currentPosition]);
+ // Bug fix - EJ2-44495 -Node does not gets selected on slight movement of mouse when drag constraints disabled for node
+ if (this.mouseDownElement && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canMove"])(this.mouseDownElement)) {
+ this.commandHandler.clearObjectSelection(this.mouseDownElement);
+ }
+ else {
+ this.commandHandler.clearSelectedItems();
+ this.commandHandler.drawSelectionRectangle(rect.x, rect.y, rect.width, rect.height);
+ }
+ }
+ return !this.blocked;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ SelectTool.prototype.mouseUp = function (args) {
+ this.checkPropertyValue();
+ //rubber band selection
+ if (!this.commandHandler.isUserHandle(this.currentPosition)) {
+ if (_primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(this.currentPosition, this.prevPosition) === false && this.inAction) {
+ var region = _primitives_rect__WEBPACK_IMPORTED_MODULE_5__["Rect"].toBounds([this.prevPosition, this.currentPosition]);
+ this.commandHandler.doRubberBandSelection(region);
+ }
+ else {
+ //single selection
+ var arrayNodes = this.commandHandler.getSelectedObject();
+ if (!this.commandHandler.hasSelection() || !args.info || !args.info.ctrlKey) {
+ this.commandHandler.clearSelection(args.source === null ? true : false);
+ if (this.action === 'LabelSelect') {
+ this.commandHandler.labelSelect(args.source, args.sourceWrapper);
+ }
+ else if (args.source) {
+ this.commandHandler.selectObjects([args.source], false, arrayNodes);
+ }
+ }
+ else {
+ //handling multiple selection
+ if (args && args.source) {
+ if (!this.commandHandler.isSelected(args.source)) {
+ this.commandHandler.selectObjects([args.source], true);
+ }
+ else {
+ if (args.clickCount === 1) {
+ this.commandHandler.unSelect(args.source);
+ this.commandHandler.updateBlazorSelector();
+ }
+ }
+ }
+ }
+ }
+ }
+ this.inAction = false;
+ _super.prototype.mouseUp.call(this, args);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ SelectTool.prototype.mouseLeave = function (args) {
+ if (this.inAction) {
+ this.mouseUp(args);
+ }
+ };
+ return SelectTool;
+}(ToolBase));
+
+var FixedUserHandleTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(FixedUserHandleTool, _super);
+ function FixedUserHandleTool() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ FixedUserHandleTool.prototype.mouseUp = function (args) {
+ this.checkPropertyValue();
+ this.inAction = false;
+ var val = args.source;
+ var fixedUserHandle;
+ var iconId = args.sourceWrapper.id;
+ for (var i = 0; i < val.fixedUserHandles.length; i++) {
+ if (iconId.indexOf(val.fixedUserHandles[parseInt(i.toString(), 10)].id) > -1) {
+ fixedUserHandle = val.fixedUserHandles[parseInt(i.toString(), 10)];
+ }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ var element = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["getObjectType"])(args.source) === _objects_connector__WEBPACK_IMPORTED_MODULE_1__["Connector"] ? { connector: args.source }
+ : { node: args.source };
+ var fixedUserHandles = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["getObjectType"])(args.source) === _objects_connector__WEBPACK_IMPORTED_MODULE_1__["Connector"] ?
+ { connectorFixedUserHandle: fixedUserHandle }
+ : { nodeFixedUserHandle: fixedUserHandle };
+ var arg = {
+ fixedUserHandle: fixedUserHandles,
+ element: element
+ };
+ var trigger = _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].fixedUserHandleClick;
+ this.commandHandler.triggerEvent(trigger, arg);
+ _super.prototype.mouseUp.call(this, args);
+ }
+ else {
+ var arg = {
+ fixedUserHandle: fixedUserHandle,
+ element: args.source
+ };
+ var trigger = _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].fixedUserHandleClick;
+ this.commandHandler.triggerEvent(trigger, arg);
+ _super.prototype.mouseUp.call(this, args);
+ }
+ };
+ return FixedUserHandleTool;
+}(ToolBase));
+
+/**
+ * Helps to edit the selected connectors
+ */
+var ConnectTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(ConnectTool, _super);
+ function ConnectTool(commandHandler, endPoint) {
+ var _this = _super.call(this, commandHandler, true) || this;
+ _this.isConnected = false;
+ _this.endPoint = endPoint;
+ return _this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ ConnectTool.prototype.mouseDown = function (args) {
+ return __awaiter(this, void 0, void 0, function () {
+ var selectorModel, connector, arg, oldValue, connectors, i, segment, segmentpoint1, segmentpoint2;
+ return __generator(this, function (_a) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])() && args && args.source) {
+ this.commandHandler.insertSelectedObjects();
+ this.commandHandler.insertBlazorConnector(args.source);
+ selectorModel = args.source;
+ if (selectorModel.connectors) {
+ connector = selectorModel.connectors[0];
+ this.oldConnector = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(connector);
+ arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(connector),
+ oldValue: { connectorTargetValue: { portId: undefined, nodeId: undefined } },
+ newValue: { connectorTargetValue: { portId: undefined, nodeId: undefined } },
+ cancel: false, state: 'Changing', connectorEnd: this.endPoint
+ };
+ this.tempArgs = arg;
+ }
+ }
+ this.inAction = true;
+ this.undoElement = undefined;
+ if (!(this instanceof ConnectorDrawingTool)) {
+ this.undoElement = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source);
+ }
+ _super.prototype.mouseDown.call(this, args);
+ if (args.source && args.source.connectors) {
+ oldValue = { x: this.prevPosition.x, y: this.prevPosition.y };
+ connectors = args.source.connectors[0];
+ this.oldConnector = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(connectors);
+ }
+ // Sets the selected segment
+ if (this.endPoint === 'BezierSourceThumb' || this.endPoint === 'BezierTargetThumb') {
+ for (i = 0; i < connectors.segments.length; i++) {
+ segment = connectors.segments[parseInt(i.toString(), 10)];
+ segmentpoint1 = !_primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].isEmptyPoint(segment.point1) ? segment.point1 : segment.bezierPoint1;
+ segmentpoint2 = !_primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].isEmptyPoint(segment.point2) ? segment.point2 : segment.bezierPoint2;
+ //(EJ2-70650)-Unable to drag bezier control thumb, when we increase handleSize value
+ //Added below code for drag the bezier control thumb while increasing handle size(For hitPadding)
+ if (this.currentElement.handleSize !== connectors.hitPadding) {
+ connectors.hitPadding = this.currentElement.handleSize;
+ }
+ if (Object(_actions__WEBPACK_IMPORTED_MODULE_11__["contains"])(this.currentPosition, segmentpoint1, connectors.hitPadding) ||
+ Object(_actions__WEBPACK_IMPORTED_MODULE_11__["contains"])(this.currentPosition, segmentpoint2, connectors.hitPadding)) {
+ this.selectedSegment = segment;
+ }
+ }
+ }
+ this.currentPosition = args.position;
+ return [2 /*return*/];
+ });
+ });
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ConnectTool.prototype.mouseUp = function (args) {
+ return __awaiter(this, void 0, void 0, function () {
+ var trigger, temparg, nodeEndId, portEndId, diagram, blazorInterop, blazor, eventObj, connector, nodeEndId, portEndId, arg, oldValues, connector, targetPortName, targetNodeNode, target, arg, trigger, obj, entry, obj, entry, connector;
+ return __generator(this, function (_a) {
+ switch (_a.label) {
+ case 0:
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) return [3 /*break*/, 3];
+ trigger = _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].connectionChange;
+ temparg = void 0;
+ if (!(this.tempArgs && this.oldConnector)) return [3 /*break*/, 3];
+ this.commandHandler.updatePropertiesToBlazor(args, false);
+ this.tempArgs.state = 'Changed';
+ nodeEndId = this.endPoint === 'ConnectorSourceEnd' ? 'sourceID' : 'targetID';
+ portEndId = this.endPoint === 'ConnectorSourceEnd' ? 'sourcePortID' : 'targetPortID';
+ this.tempArgs.oldValue = this.endPoint === 'ConnectorSourceEnd' ?
+ { connectorSourceValue: { nodeId: this.oldConnector["" + nodeEndId], portId: this.oldConnector["" + portEndId] } } :
+ { connectorTargetValue: { nodeId: this.oldConnector["" + nodeEndId], portId: this.oldConnector["" + portEndId] } };
+ temparg = {
+ state: this.tempArgs.state, oldValue: this.tempArgs.oldValue,
+ newValue: this.tempArgs.newValue, cancel: this.tempArgs.cancel, connectorEnd: this.tempArgs.connectorEnd
+ };
+ diagram = 'diagram';
+ blazorInterop = 'sfBlazor';
+ blazor = 'Blazor';
+ if (!(window && window["" + blazor] && this.commandHandler["" + diagram].connectionChange)) return [3 /*break*/, 2];
+ eventObj = { 'EventName': 'connectionChange', args: JSON.stringify(this.tempArgs) };
+ return [4 /*yield*/, window["" + blazorInterop].updateBlazorDiagramEvents(eventObj, this.commandHandler["" + diagram])];
+ case 1:
+ temparg = _a.sent();
+ _a.label = 2;
+ case 2:
+ if (temparg) {
+ this.commandHandler.updateConnectorValue(temparg);
+ }
+ _a.label = 3;
+ case 3:
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])() && this.isConnected && args.source.connectors) {
+ connector = args.source.connectors[0];
+ nodeEndId = this.endPoint === 'ConnectorSourceEnd' ? 'sourceID' : 'targetID';
+ portEndId = this.endPoint === 'ConnectorSourceEnd' ? 'sourcePortID' : 'targetPortID';
+ arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(connector),
+ oldValue: { nodeId: this.oldConnector["" + nodeEndId], portId: this.oldConnector["" + portEndId] },
+ newValue: { nodeId: connector["" + nodeEndId], portId: connector["" + portEndId] }, cancel: false,
+ state: 'Changed', connectorEnd: this.endPoint
+ };
+ if (connector["" + nodeEndId] !== this.oldConnector["" + nodeEndId]) {
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].connectionChange, arg);
+ this.isConnected = false;
+ }
+ }
+ this.checkPropertyValue();
+ this.commandHandler.updateSelector();
+ this.commandHandler.removeSnap();
+ this.commandHandler.changeAnnotationDrag(args);
+ if ((!(this instanceof ConnectorDrawingTool)) && ((this.endPoint === 'ConnectorSourceEnd' &&
+ args.source.connectors.length &&
+ ((!_primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(args.source.connectors[0].sourcePoint, this.undoElement.connectors[0].sourcePoint) ||
+ (args.source.connectors[0].sourceID !== this.undoElement.connectors[0].sourceID)))) ||
+ (this.endPoint === 'ConnectorTargetEnd' &&
+ ((!_primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(args.source.connectors[0].targetPoint, this.undoElement.connectors[0].targetPoint))
+ || (args.source.connectors[0].targetID !== this.undoElement.connectors[0].targetID))))) {
+ oldValues = void 0;
+ connector = void 0;
+ if (args.source && args.source.connectors) {
+ oldValues = { x: this.prevPosition.x, y: this.prevPosition.y };
+ connector = args.source.connectors[0];
+ }
+ targetPortName = void 0;
+ targetNodeNode = void 0;
+ if (args.target) {
+ target = this.commandHandler.findTarget(args.targetWrapper, args.target, this.endPoint === 'ConnectorSourceEnd', true);
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ (target instanceof _objects_port__WEBPACK_IMPORTED_MODULE_3__["PointPort"]) ? targetPortName = target.id : targetNodeNode = target.id;
+ }
+ arg = {
+ connector: connector, state: 'Completed', targetNode: targetNodeNode,
+ oldValue: oldValues, newValue: oldValues, cancel: false, targetPort: targetPortName
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(connector), state: 'Completed', targetNode: targetNodeNode,
+ oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(oldValues), newValue: oldValues, cancel: arg.cancel, targetPort: targetPortName
+ };
+ }
+ trigger = this.endPoint === 'ConnectorSourceEnd' ? _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].sourcePointChange : _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].targetPointChange;
+ this.commandHandler.triggerEvent(trigger, arg);
+ this.commandHandler.removeTerminalSegment(connector, true);
+ if (this.undoElement && args.source) {
+ obj = void 0;
+ obj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source);
+ entry = {
+ type: 'ConnectionChanged', redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(obj), undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(this.undoElement),
+ category: 'Internal'
+ };
+ this.commandHandler.addHistoryEntry(entry);
+ }
+ }
+ else if (!(this instanceof ConnectorDrawingTool) &&
+ (this.endPoint === 'BezierTargetThumb' || this.endPoint === 'BezierSourceThumb')) {
+ if (this.undoElement && args.source) {
+ obj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source);
+ entry = {
+ type: 'SegmentChanged', redoObject: obj, undoObject: this.undoElement, category: 'Internal'
+ };
+ this.commandHandler.addHistoryEntry(entry);
+ }
+ }
+ this.commandHandler.updateBlazorSelector();
+ this.canCancel = undefined;
+ this.tempArgs = undefined;
+ //(EJ2-66201) - Exception occurs when mouse-hover on ports in node
+ if (args.source && args.source.connectors) {
+ connector = args.source.connectors[0];
+ if (connector.isBezierEditing) {
+ connector.isBezierEditing = false;
+ }
+ }
+ _super.prototype.mouseUp.call(this, args);
+ return [2 /*return*/];
+ }
+ });
+ });
+ };
+ /* tslint:disable */
+ /**
+ * @param args
+ * @private
+ */
+ ConnectTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ var tempArgs;
+ if ((!(this instanceof ConnectorDrawingTool)) && ((this.endPoint === 'ConnectorSourceEnd' &&
+ _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(args.source.connectors[0].sourcePoint, this.undoElement.connectors[0].sourcePoint)) ||
+ (this.endPoint === 'ConnectorTargetEnd' &&
+ _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(args.source.connectors[0].targetPoint, this.undoElement.connectors[0].targetPoint)))) {
+ var oldValue = void 0;
+ var connectors = void 0;
+ if (args.source && args.source.connectors) {
+ oldValue = { x: this.prevPosition.x, y: this.prevPosition.y };
+ connectors = args.source.connectors[0];
+ }
+ var targetPort = void 0;
+ var targetNode = void 0;
+ if (args.target) {
+ targetNode = args.target.id;
+ var target = this.commandHandler.findTarget(args.targetWrapper, args.target, this.endPoint === 'ConnectorSourceEnd', true);
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ (target instanceof _objects_port__WEBPACK_IMPORTED_MODULE_3__["PointPort"] || target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["BpmnSubEvent"]) ? targetPort = target.id : targetNode = target.id;
+ }
+ var arg = {
+ connector: connectors, state: 'Start', targetNode: targetNode,
+ oldValue: oldValue, newValue: oldValue, cancel: false, targetPort: targetPort
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(connectors), state: 'Start', targetNode: targetNode,
+ oldValue: oldValue, newValue: oldValue, cancel: arg.cancel, targetPort: targetPort
+ };
+ }
+ var trigger = this.endPoint === 'ConnectorSourceEnd' ?
+ _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].sourcePointChange : _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].targetPointChange;
+ this.commandHandler.triggerEvent(trigger, arg);
+ }
+ this.currentPosition = args.position;
+ if (this.currentPosition && this.prevPosition) {
+ var diffX = this.currentPosition.x - this.prevPosition.x;
+ var diffY = this.currentPosition.y - this.prevPosition.y;
+ var newValue = void 0;
+ var oldValue = void 0;
+ var inPort = void 0;
+ var outPort = void 0;
+ this.currentPosition = this.commandHandler.snapConnectorEnd(this.currentPosition);
+ var connector = void 0;
+ if (args.source && args.source.connectors) {
+ newValue = { x: this.currentPosition.x, y: this.currentPosition.y };
+ oldValue = { x: this.prevPosition.x, y: this.prevPosition.y };
+ connector = args.source.connectors[0];
+ }
+ var targetPortId = void 0;
+ var targetNodeId = void 0;
+ if (args.target) {
+ var target = this.commandHandler.findTarget(args.targetWrapper, args.target, this.endPoint === 'ConnectorSourceEnd', true);
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ (target instanceof _objects_port__WEBPACK_IMPORTED_MODULE_3__["PointPort"]) ? targetPortId = target.id : targetNodeId = target.id;
+ }
+ var arg = {
+ connector: connector, state: 'Progress', targetNode: targetNodeId,
+ oldValue: oldValue, newValue: newValue, cancel: false, targetPort: targetPortId
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ arg = {
+ connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(connector), state: 'Progress', targetNode: targetNodeId,
+ oldValue: oldValue, newValue: newValue, cancel: arg.cancel, targetPort: targetPortId
+ };
+ }
+ if (!(this instanceof ConnectorDrawingTool)) {
+ var trigger = this.endPoint === 'ConnectorSourceEnd' ?
+ _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].sourcePointChange : _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].targetPointChange;
+ this.commandHandler.triggerEvent(trigger, arg);
+ }
+ if (args.target) {
+ inPort = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["getInOutConnectPorts"])(args.target, true);
+ outPort = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["getInOutConnectPorts"])(args.target, false);
+ }
+ if (!arg.cancel && this.inAction && this.endPoint !== undefined && diffX !== 0 || diffY !== 0) {
+ // EJ2-65331 - The condition checks whether the cancel argument is true or false
+ if (!arg.cancel) {
+ this.blocked = !this.commandHandler.dragConnectorEnds(this.endPoint, args.source, this.currentPosition, this.selectedSegment, args.target, targetPortId);
+ this.commandHandler.updateSelector();
+ }
+ if (args.target && ((this.endPoint === 'ConnectorSourceEnd' && (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canOutConnect"])(args.target) || Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canPortOutConnect"])(outPort)))
+ || (this.endPoint === 'ConnectorTargetEnd' && (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canInConnect"])(args.target) || Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canPortInConnect"])(inPort))))) {
+ if (this.commandHandler.canDisconnect(this.endPoint, args, targetPortId, targetNodeId)) {
+ tempArgs = this.commandHandler.disConnect(args.source, this.endPoint, this.canCancel);
+ this.isConnected = true;
+ }
+ var target = this.commandHandler.findTarget(args.targetWrapper, args.target, this.endPoint === 'ConnectorSourceEnd', true);
+ if (target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"]) {
+ if ((Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canInConnect"])(target) && this.endPoint === 'ConnectorTargetEnd')
+ || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canOutConnect"])(target) && this.endPoint === 'ConnectorSourceEnd')) {
+ tempArgs = this.commandHandler.connect(this.endPoint, args, this.canCancel);
+ this.isConnected = true;
+ }
+ }
+ else {
+ var isConnect = this.checkConnect(target);
+ if (isConnect) {
+ this.isConnected = true;
+ tempArgs = this.commandHandler.connect(this.endPoint, args, this.canCancel);
+ }
+ }
+ }
+ else if (this.endPoint.indexOf('Bezier') === -1) {
+ this.isConnected = true;
+ tempArgs = this.commandHandler.disConnect(args.source, this.endPoint, this.canCancel);
+ this.commandHandler.updateSelector();
+ }
+ }
+ if (this.commandHandler.canEnableDefaultTooltip()) {
+ var content_1 = this.getTooltipContent(args.position);
+ var contentTemp = function () {
+ return content_1;
+ };
+ this.commandHandler.showTooltip(args.source, args.position, Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["initializeCSPTemplate"])(contentTemp), 'ConnectTool', this.isTooltipVisible);
+ this.isTooltipVisible = false;
+ }
+ if (tempArgs) {
+ this.tempArgs = tempArgs;
+ }
+ }
+ this.prevPosition = this.currentPosition;
+ return !this.blocked;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ConnectTool.prototype.mouseLeave = function (args) {
+ this.mouseUp(args);
+ };
+ ConnectTool.prototype.getTooltipContent = function (position) {
+ return 'X:' + Math.round(position.x) + ' ' + 'Y:' + Math.round(position.y);
+ };
+ ConnectTool.prototype.checkConnect = function (target) {
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canPortInConnect"])(target) && this.endPoint === 'ConnectorTargetEnd') {
+ return true;
+ }
+ else if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canPortOutConnect"])(target) && this.endPoint === 'ConnectorSourceEnd') {
+ return true;
+ }
+ else if (!(target.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["PortConstraints"].None) && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canPortInConnect"])(target) && !Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canPortOutConnect"])(target)
+ && (target.constraints === undefined || (target.constraints & (_enum_enum__WEBPACK_IMPORTED_MODULE_9__["PortConstraints"].Default & ~(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["PortConstraints"].InConnect | _enum_enum__WEBPACK_IMPORTED_MODULE_9__["PortConstraints"].OutConnect))) > 0)) {
+ return true;
+ }
+ return false;
+ };
+ /** @private */
+ ConnectTool.prototype.endAction = function () {
+ _super.prototype.endAction.call(this);
+ this.prevPosition = null;
+ this.endPoint = null;
+ };
+ return ConnectTool;
+}(ToolBase));
+
+/**
+ * Drags the selected objects
+ */
+var MoveTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(MoveTool, _super);
+ function MoveTool(commandHandler, objType) {
+ var _this = _super.call(this, commandHandler, true) || this;
+ /** @private */
+ _this.currentTarget = null;
+ _this.canCancel = false;
+ _this.canTrigger = false;
+ _this.objectType = objType;
+ return _this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ MoveTool.prototype.mouseDown = function (args) {
+ if (args.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"] || args.source instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_1__["Connector"]) {
+ var arrayNodes = this.commandHandler.getSelectedObject();
+ this.commandHandler.selectObjects([args.source], args.info && args.info.ctrlKey, arrayNodes);
+ var selectedObject = { nodes: [], connectors: [] };
+ if (args.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"]) {
+ selectedObject.nodes.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source));
+ }
+ else {
+ selectedObject.connectors.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source));
+ }
+ this.undoElement = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(selectedObject);
+ }
+ else {
+ this.undoElement = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source);
+ }
+ this.undoParentElement = this.commandHandler.getSubProcess(args.source);
+ if (this.objectType === 'Port') {
+ this.portId = args.sourceWrapper.id;
+ }
+ this.commandHandler.insertBlazorConnector(args.source);
+ var oldValues;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ this.commandHandler.insertSelectedObjects();
+ this.startPosition = this.currentPosition = this.prevPosition = args.position;
+ this.initialOffset = { x: 0, y: 0 };
+ if (args.source) {
+ oldValues = { offsetX: args.source.wrapper.offsetX, offsetY: args.source.wrapper.offsetY };
+ }
+ var arg = {
+ source: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source), state: 'Start', oldValue: oldValues, newValue: {},
+ target: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.target), targetPosition: args.position, allowDrop: true, cancel: false
+ };
+ this.tempArgs = arg;
+ }
+ _super.prototype.mouseDown.call(this, args);
+ this.initialOffset = { x: 0, y: 0 };
+ };
+ /* tslint:disable */
+ /**
+ * @param args
+ * @param isPreventHistory
+ * @param args
+ * @param isPreventHistory
+ * @private
+ */
+ MoveTool.prototype.mouseUp = function (args, isPreventHistory) {
+ return __awaiter(this, void 0, void 0, function () {
+ var oldValues, newValues, arg, blazorArgs, diagram, blazorInterop, blazor, eventObj, tx, ty, obj, historyAdded, object, redoObject, wrapper, arg, canAddHistory, entry, entry_1, snappedPoint, arg, nodes, isEndGroup, temp, i, i, entry;
+ return __generator(this, function (_a) {
+ switch (_a.label) {
+ case 0:
+ if (!(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])() && this.objectType !== 'Port')) return [3 /*break*/, 3];
+ this.commandHandler.updatePropertiesToBlazor(args, false);
+ if (args.source) {
+ newValues = { offsetX: args.source.wrapper.offsetX, offsetY: args.source.wrapper.offsetY };
+ oldValues = { offsetX: args.source.wrapper.offsetX, offsetY: args.source.wrapper.offsetY };
+ }
+ arg = {
+ state: 'Completed',
+ oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(this.tempArgs.oldValue), newValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(newValues),
+ target: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(this.currentTarget), targetPosition: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(this.currentPosition),
+ allowDrop: true, cancel: false
+ };
+ blazorArgs = void 0;
+ diagram = 'diagram';
+ blazorInterop = 'sfBlazor';
+ blazor = 'Blazor';
+ if (!(window && window["" + blazor] && this.commandHandler["" + diagram].positionChange)) return [3 /*break*/, 2];
+ eventObj = { 'EventName': 'positionChange', args: JSON.stringify(arg) };
+ return [4 /*yield*/, window["" + blazorInterop].updateBlazorDiagramEvents(eventObj, this.commandHandler["" + diagram])];
+ case 1:
+ blazorArgs = _a.sent();
+ _a.label = 2;
+ case 2:
+ if (blazorArgs && blazorArgs.cancel) {
+ this.commandHandler.enableCloneObject(true);
+ this.commandHandler.ismouseEvents(true);
+ this.canCancel = true;
+ }
+ if (this.canCancel) {
+ this.commandHandler.insertBlazorObject(args.source);
+ tx = this.tempArgs.oldValue.offsetX - args.source.wrapper.offsetX;
+ ty = this.tempArgs.oldValue.offsetY - args.source.wrapper.offsetY;
+ this.commandHandler.dragSelectedObjects(tx, ty);
+ }
+ _a.label = 3;
+ case 3:
+ this.checkPropertyValue();
+ historyAdded = false;
+ redoObject = { nodes: [], connectors: [] };
+ if (!(this.objectType !== 'Port')) return [3 /*break*/, 8];
+ if (args.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"] || args.source instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_1__["Connector"]) {
+ if (args.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"]) {
+ redoObject.nodes.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source));
+ }
+ else {
+ redoObject.connectors.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source));
+ }
+ obj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(redoObject);
+ wrapper = args.source.wrapper;
+ obj.offsetX = wrapper.offsetX;
+ obj.offsetY = wrapper.offsetY;
+ }
+ else {
+ obj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source);
+ }
+ object = this.commandHandler.renderContainerHelper(args.source) || args.source || this.commandHandler.renderContainerHelper(args.source);
+ if ((object.id === 'helper') || (object.id !== 'helper')) {
+ //EJ2-71257 - Position change event completed state is not fired on selecting the node first and then dragging the node while changing node width at progress state.
+ // If object is instanceof selector then checked the length of selected objects is 1 or not.
+ if ((((object instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Selector"] && ((Math.round(object.width) === Math.round(this.undoElement.width) && Math.round(object.height) === Math.round(this.undoElement.height)) || (object.selectedObjects && object.selectedObjects.length === 1))) || !(object instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Selector"])) && (object.offsetX !== this.undoElement.offsetX || object.offsetY !== this.undoElement.offsetY ||
+ object.sourcePoint !== this.undoElement.sourcePoint
+ // eslint-disable-next-line max-len
+ || object.targetPoint !== this.undoElement.targetPoint)) || this.isSelectionHasConnector(object)) {
+ if (args.source) {
+ newValues = { offsetX: args.source.wrapper.offsetX, offsetY: args.source.wrapper.offsetY };
+ oldValues = { offsetX: args.source.wrapper.offsetX, offsetY: args.source.wrapper.offsetY };
+ }
+ arg = {
+ source: args.source, state: 'Completed', oldValue: oldValues, newValue: newValues,
+ target: this.currentTarget, targetPosition: this.currentPosition, allowDrop: true, cancel: false
+ };
+ arg = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(args.source), state: 'Completed',
+ oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(oldValues), newValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(newValues),
+ target: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(this.currentTarget), targetPosition: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(this.currentPosition),
+ allowDrop: arg.allowDrop, cancel: arg.cancel
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ arg = this.getBlazorPositionChangeEventArgs(arg, this.currentTarget);
+ }
+ canAddHistory = true;
+ //EJ2-69852): Position Change event trigger for clicking second time in swimlane header issue
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ if (object.id === 'helper') {
+ if (this.canTrigger) {
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].positionChange, arg);
+ this.connectorEndPointChangeEvent(arg);
+ canAddHistory = true;
+ }
+ else {
+ canAddHistory = false;
+ }
+ }
+ else {
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].positionChange, arg);
+ this.connectorEndPointChangeEvent(arg);
+ }
+ }
+ if (!isPreventHistory && canAddHistory) {
+ this.commandHandler.startGroupAction();
+ historyAdded = true;
+ entry = {
+ type: 'PositionChanged',
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(obj), undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(this.undoElement), category: 'Internal'
+ };
+ if (obj.nodes[0] && obj.nodes[0].processId) {
+ entry_1 = {
+ type: 'SizeChanged', category: 'Internal',
+ undoObject: this.undoParentElement, redoObject: this.commandHandler.getSubProcess(args.source)
+ };
+ this.commandHandler.addHistoryEntry(entry_1);
+ }
+ this.commandHandler.addHistoryEntry(entry);
+ }
+ }
+ }
+ snappedPoint = this.commandHandler.snapPoint(this.prevPosition, this.currentPosition, 0, 0);
+ this.commandHandler.removeSnap();
+ this.commandHandler.removeHighlighter();
+ if (!(args.source && this.currentTarget && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canAllowDrop"])(this.currentTarget) &&
+ this.commandHandler.isDroppable(args.source, this.currentTarget))) return [3 /*break*/, 7];
+ this.commandHandler.drop(this.currentElement, this.currentTarget, this.currentPosition);
+ if (this.currentTarget && this.currentTarget instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_1__["Connector"]) {
+ if (this.commandHandler.diagram.enableConnectorSplit === true) {
+ if (this.currentElement) {
+ if (this.currentElement && this.currentElement instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"]) {
+ this.commandHandler.connectorSplit(this.currentElement, this.currentTarget);
+ }
+ else if (this.currentElement instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Selector"] && !(this.commandHandler.PreventConnectorSplit)) {
+ if (this.currentElement.nodes.length > 0) {
+ this.commandHandler.connectorSplit(this.currentElement.nodes[0], this.currentTarget);
+ this.commandHandler.PreventConnectorSplit = false;
+ }
+ }
+ }
+ }
+ }
+ arg = {
+ element: args.source, target: this.currentTarget, position: this.currentPosition, cancel: false
+ };
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) return [3 /*break*/, 5];
+ arg = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["getDropEventArguements"])(args, arg);
+ return [4 /*yield*/, this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].drop, arg)];
+ case 4:
+ arg = (_a.sent()) || arg;
+ return [3 /*break*/, 6];
+ case 5:
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].drop, arg);
+ _a.label = 6;
+ case 6:
+ if (!arg.cancel && args.source && this.commandHandler.isParentAsContainer(this.currentTarget)) {
+ nodes = (args.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Selector"]) ? args.source.nodes : [args.source];
+ isEndGroup = false;
+ temp = void 0;
+ for (i = 0; i < nodes.length; i++) {
+ if (nodes[0].parentId === nodes[parseInt(i.toString(), 10)].parentId) {
+ temp = true;
+ }
+ else {
+ temp = false;
+ break;
+ }
+ }
+ for (i = 0; i < nodes.length; i++) {
+ if (!nodes[parseInt(i.toString(), 10)].container && temp) {
+ isEndGroup = true;
+ this.commandHandler.updateLaneChildrenZindex(nodes[parseInt(i.toString(), 10)], this.currentTarget);
+ this.commandHandler.dropChildToContainer(this.currentTarget, nodes[parseInt(i.toString(), 10)]);
+ this.commandHandler.renderContainerHelper(nodes[parseInt(i.toString(), 10)]);
+ }
+ }
+ if (historyAdded && this.commandHandler.isContainer && isEndGroup) {
+ this.commandHandler.endGroupAction();
+ }
+ }
+ _a.label = 7;
+ case 7:
+ if (args.source && this.currentTarget) {
+ this.commandHandler.dropAnnotation(args.source, this.currentTarget);
+ }
+ this.commandHandler.updateSelector();
+ if (historyAdded && !this.commandHandler.isContainer) {
+ this.commandHandler.endGroupAction();
+ }
+ return [3 /*break*/, 9];
+ case 8:
+ redoObject.nodes.push(Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source));
+ args.portId = this.portId;
+ obj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(redoObject);
+ entry = {
+ type: 'PortPositionChanged', objectId: this.portId,
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(obj), undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(this.undoElement), category: 'Internal'
+ };
+ this.commandHandler.addHistoryEntry(entry);
+ _a.label = 9;
+ case 9:
+ this.commandHandler.updateBlazorSelector();
+ _super.prototype.mouseUp.call(this, args);
+ return [2 /*return*/];
+ }
+ });
+ });
+ };
+ //EJ2-59309-While drag the connected node the connector endPointChange event does not get trigger
+ MoveTool.prototype.connectorEndPointChangeEvent = function (arg, snappedPoint) {
+ var selectedElement = arg.source;
+ if (selectedElement instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Selector"] && selectedElement.nodes.length > 0) {
+ for (var i = 0; i < selectedElement.nodes.length; i++) {
+ var node = selectedElement.nodes[parseInt(i.toString(), 10)];
+ if (node && node.inEdges.length > 0) {
+ for (var j = 0; j < node.inEdges.length; j++) {
+ var connector = this.commandHandler.diagram.getObject(node.inEdges[parseInt(j.toString(), 10)]);
+ this.triggerEndPointEvent(connector, arg, snappedPoint, 'targetPointChange');
+ }
+ }
+ if (node && node.outEdges.length > 0) {
+ for (var j = 0; j < node.outEdges.length; j++) {
+ var connector = this.commandHandler.diagram.getObject(node.outEdges[parseInt(j.toString(), 10)]);
+ this.triggerEndPointEvent(connector, arg, snappedPoint, 'sourcePointChange');
+ }
+ }
+ }
+ }
+ };
+ MoveTool.prototype.triggerEndPointEvent = function (connector, arg, snappedPoint, eventName) {
+ var args = {
+ connector: connector, state: arg.state, targetNode: connector.targetID, targetPort: connector.targetPortID,
+ sourceNode: connector.sourceID, sourcePort: connector.sourcePortID, oldValue: { x: connector.targetPoint.x, y: connector.targetPoint.y },
+ newValue: { x: connector.targetPoint.x + (snappedPoint ? snappedPoint.x : 0), y: connector.targetPoint.y + (snappedPoint ? snappedPoint.y : 0) }, cancel: arg.cancel
+ };
+ this.commandHandler.triggerEvent((eventName === 'targetPointChange') ? _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].targetPointChange : _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].sourcePointChange, args);
+ };
+ MoveTool.prototype.isSelectionHasConnector = function (args) {
+ if (args.nodes && args.connectors && args.nodes.length > 0 && args.connectors.length > 0 &&
+ (args.width !== this.undoElement.width || args.height !== this.undoElement.height)) {
+ return true;
+ }
+ return false;
+ };
+ MoveTool.prototype.getBlazorPositionChangeEventArgs = function (args, target) {
+ args = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(args.source), state: args.state, oldValue: args.oldValue, newValue: args.newValue,
+ target: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["getObjectType"])(target) === _objects_connector__WEBPACK_IMPORTED_MODULE_1__["Connector"] ? { connector: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(target) }
+ : { node: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(target) },
+ targetPosition: this.currentPosition, allowDrop: true, cancel: false
+ };
+ return args;
+ };
+ /* tslint:disable */
+ /**
+ * @param args
+ * @private
+ */
+ MoveTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ var isSame = false;
+ var object;
+ object = this.commandHandler.renderContainerHelper(args.source) ||
+ args.source;
+ if (object instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"] || object instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_1__["Connector"]) {
+ if (object instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"]) {
+ if (object.offsetX === this.undoElement.nodes[0].offsetX &&
+ object.offsetY === this.undoElement.nodes[0].offsetY) {
+ isSame = true;
+ }
+ }
+ else {
+ if (_primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(object.sourcePoint, this.undoElement.connectors[0].sourcePoint) &&
+ _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(object.targetPoint, this.undoElement.connectors[0].targetPoint)) {
+ isSame = true;
+ }
+ }
+ }
+ else {
+ if (object.wrapper.offsetX === this.undoElement.wrapper.offsetX &&
+ object.wrapper.offsetY === this.undoElement.wrapper.offsetY) {
+ isSame = true;
+ }
+ }
+ var oldValues;
+ if (object) {
+ oldValues = { offsetX: object.wrapper.offsetX, offsetY: object.wrapper.offsetY };
+ }
+ var arg = {
+ source: object, state: 'Start', oldValue: oldValues, newValue: oldValues,
+ target: args.target, targetPosition: args.position, allowDrop: true, cancel: false
+ };
+ arg = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(object), state: 'Start', oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(oldValues),
+ newValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(oldValues),
+ target: args.target, targetPosition: args.position, allowDrop: arg.allowDrop, cancel: arg.cancel
+ };
+ if (isSame && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].positionChange, arg);
+ this.connectorEndPointChangeEvent(arg);
+ }
+ this.currentPosition = args.position;
+ if (this.objectType !== 'Port') {
+ var x = this.currentPosition.x - this.prevPosition.x;
+ var y = this.currentPosition.y - this.prevPosition.y;
+ var diffX = this.initialOffset.x + (this.currentPosition.x - this.prevPosition.x);
+ var diffY = this.initialOffset.y + (this.currentPosition.y - this.prevPosition.y);
+ this.commandHandler.dragOverElement(args, this.currentPosition);
+ this.commandHandler.disConnect(args.source);
+ this.commandHandler.removeSnap();
+ var oldValues_1;
+ var newValues = void 0;
+ var snappedPoint = this.commandHandler.snapPoint(this.prevPosition, this.currentPosition, diffX, diffY);
+ this.initialOffset.x = diffX - snappedPoint.x;
+ this.initialOffset.y = diffY - snappedPoint.y;
+ if (object) {
+ oldValues_1 = { offsetX: object.wrapper.offsetX, offsetY: object.wrapper.offsetY };
+ newValues = {
+ offsetX: object.wrapper.offsetX + snappedPoint.x,
+ offsetY: object.wrapper.offsetY + snappedPoint.y
+ };
+ }
+ if (this.currentTarget && args.target !== this.currentTarget) {
+ this.commandHandler.removeChildFromBPmn(args.source, args.target, this.currentTarget);
+ }
+ this.currentTarget = args.target;
+ var arg_1 = {
+ source: object, state: 'Progress', oldValue: oldValues_1, newValue: newValues,
+ target: args.target, targetPosition: args.position, allowDrop: true, cancel: false
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ arg_1 = this.getBlazorPositionChangeEventArgs(arg_1, args.target);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].positionChange, arg_1);
+ this.canTrigger = true;
+ this.connectorEndPointChangeEvent(arg_1, snappedPoint);
+ }
+ if (!arg_1.cancel && !this.canCancel) {
+ this.blocked = !this.commandHandler.dragSelectedObjects(snappedPoint.x, snappedPoint.y);
+ var blocked = !(this.commandHandler.mouseOver(this.currentElement, this.currentTarget, this.currentPosition));
+ this.blocked = this.blocked || blocked;
+ }
+ this.commandHandler.removeStackHighlighter();
+ this.commandHandler.renderStackHighlighter(args);
+ if (this.currentTarget && (args.source !== this.currentTarget) &&
+ this.commandHandler.isDroppable(args.source, this.currentTarget) && args.source.id !== 'helper') {
+ var object_1 = (args.source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Selector"]) ? args.source.nodes[0] : args.source;
+ if ((!this.commandHandler.isParentAsContainer(object_1, true))
+ && (object_1.shape.type !== 'SwimLane' && !object_1.shape.isPhase)) {
+ if (this.currentTarget.isLane) {
+ this.commandHandler.renderStackHighlighter(args, this.currentTarget);
+ }
+ else {
+ this.commandHandler.drawHighlighter(this.currentTarget);
+ }
+ }
+ }
+ else {
+ this.commandHandler.removeHighlighter();
+ }
+ if (this.commandHandler.canEnableDefaultTooltip()) {
+ var content_2 = this.getTooltipContent(args.source);
+ var contentTemp = function () {
+ return content_2;
+ };
+ this.commandHandler.showTooltip(args.source, args.position, Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["initializeCSPTemplate"])(contentTemp), 'MoveTool', this.isTooltipVisible);
+ this.isTooltipVisible = false;
+ }
+ }
+ else {
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["identityMatrix"])();
+ var node = args.source;
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["rotateMatrix"])(matrix, -node.rotateAngle, node.offsetX, node.offsetY);
+ var prevPosition = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["transformPointByMatrix"])(matrix, { x: this.prevPosition.x, y: this.prevPosition.y });
+ var position = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["transformPointByMatrix"])(matrix, { x: args.position.x, y: args.position.y });
+ this.commandHandler.portDrag(args.source, args.sourceWrapper, position.x - prevPosition.x, position.y - prevPosition.y);
+ }
+ this.prevPosition = this.currentPosition;
+ return !this.blocked;
+ };
+ MoveTool.prototype.getTooltipContent = function (node) {
+ return 'X:' + Math.round(node.wrapper.bounds.x) + ' ' + 'Y:' + Math.round(node.wrapper.bounds.y);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ MoveTool.prototype.mouseLeave = function (args) {
+ this.mouseUp(args);
+ };
+ /** @private */
+ MoveTool.prototype.endAction = function () {
+ _super.prototype.endAction.call(this);
+ this.currentTarget = null;
+ this.prevPosition = null;
+ };
+ return MoveTool;
+}(ToolBase));
+
+/**
+ * Rotates the selected objects
+ */
+var RotateTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(RotateTool, _super);
+ function RotateTool(commandHandler) {
+ return _super.call(this, commandHandler, true) || this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ RotateTool.prototype.mouseDown = function (args) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ var object = void 0;
+ object = this.commandHandler.renderContainerHelper(args.source) || args.source;
+ var oldValue = { rotateAngle: object.wrapper.rotateAngle };
+ var arg = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(args.source), state: 'Start', oldValue: oldValue, newValue: undefined, cancel: false
+ };
+ var temparg = arg;
+ this.tempArgs = temparg;
+ if (this.tempArgs && this.tempArgs.cancel) {
+ this.canCancel = true;
+ }
+ }
+ this.undoElement = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source);
+ if (this.undoElement.nodes[0] && this.undoElement.nodes[0].children) {
+ var objects = [];
+ var nodes = this.commandHandler.getAllDescendants(this.undoElement.nodes[0], objects);
+ for (var i = 0; i < nodes.length; i++) {
+ var node = this.commandHandler.cloneChild(nodes[parseInt(i.toString(), 10)].id);
+ this.childTable[nodes[parseInt(i.toString(), 10)].id] = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(node);
+ }
+ }
+ _super.prototype.mouseDown.call(this, args);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ RotateTool.prototype.mouseUp = function (args) {
+ return __awaiter(this, void 0, void 0, function () {
+ var diagram, blazorInterop, blazor, object_2, oldValue, newValue, arg, blazorArgs, eventObj, object, oldValue, arg, obj, entry;
+ return __generator(this, function (_a) {
+ switch (_a.label) {
+ case 0:
+ this.checkPropertyValue();
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) return [3 /*break*/, 3];
+ diagram = 'diagram';
+ blazorInterop = 'sfBlazor';
+ blazor = 'Blazor';
+ this.commandHandler.updatePropertiesToBlazor(args, false);
+ object_2 = this.commandHandler.renderContainerHelper(args.source) || args.source;
+ oldValue = { rotateAngle: this.tempArgs.oldValue.rotateAngle };
+ newValue = { rotateAngle: object_2.wrapper.rotateAngle };
+ arg = {
+ state: 'Completed', oldValue: oldValue, newValue: newValue, cancel: false
+ };
+ blazorArgs = void 0;
+ if (!(window && window["" + blazor] && this.commandHandler["" + diagram].rotateChange)) return [3 /*break*/, 2];
+ eventObj = { 'EventName': 'rotateChange', args: JSON.stringify(arg) };
+ return [4 /*yield*/, window["" + blazorInterop].updateBlazorDiagramEvents(eventObj, this.commandHandler["" + diagram])];
+ case 1:
+ blazorArgs = _a.sent();
+ _a.label = 2;
+ case 2:
+ if (blazorArgs && blazorArgs.cancel) {
+ this.commandHandler.enableCloneObject(true);
+ this.commandHandler.ismouseEvents(true);
+ this.canCancel = true;
+ }
+ if (this.canCancel) {
+ this.commandHandler.insertBlazorObject(args.source);
+ this.commandHandler.rotatePropertyChnage(this.tempArgs.oldValue.rotateAngle);
+ }
+ _a.label = 3;
+ case 3:
+ object = this.commandHandler.renderContainerHelper(args.source) || args.source;
+ if (this.undoElement.rotateAngle !== object.wrapper.rotateAngle) {
+ oldValue = { rotateAngle: object.wrapper.rotateAngle };
+ arg = {
+ source: args.source, state: 'Completed', oldValue: oldValue,
+ newValue: oldValue, cancel: false
+ };
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].rotateChange, arg);
+ }
+ obj = void 0;
+ obj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source);
+ entry = {
+ type: 'RotationChanged', redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(obj), undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(this.undoElement), category: 'Internal',
+ childTable: this.childTable
+ };
+ this.commandHandler.addHistoryEntry(entry);
+ this.commandHandler.updateSelector();
+ }
+ this.commandHandler.updateBlazorSelector();
+ this.canCancel = undefined;
+ this.tempArgs = undefined;
+ _super.prototype.mouseUp.call(this, args);
+ return [2 /*return*/];
+ }
+ });
+ });
+ };
+ /**
+ * @param args
+ * @private
+ */
+ RotateTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ var object;
+ object = this.commandHandler.renderContainerHelper(args.source) || args.source;
+ if (this.undoElement.rotateAngle === object.wrapper.rotateAngle) {
+ var oldValue_1 = { rotateAngle: object.wrapper.rotateAngle };
+ var arg_2 = {
+ source: args.source, state: 'Start', oldValue: oldValue_1, newValue: oldValue_1, cancel: false
+ };
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].rotateChange, arg_2);
+ }
+ }
+ this.currentPosition = args.position;
+ var refPoint = { x: object.wrapper.offsetX, y: object.wrapper.offsetY };
+ var angle = _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].findAngle(refPoint, this.currentPosition) + 90;
+ var snapAngle = this.commandHandler.snapAngle(angle);
+ angle = snapAngle !== 0 ? snapAngle : angle;
+ angle = (angle + 360) % 360;
+ var oldValue = { rotateAngle: object.wrapper.rotateAngle };
+ var newValue = { rotateAngle: angle };
+ var arg = {
+ source: args.source, state: 'Progress', oldValue: oldValue,
+ newValue: newValue, cancel: false
+ };
+ var arg1 = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(args.source), state: 'Progress', oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(oldValue),
+ newValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(newValue), cancel: arg.cancel
+ };
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].rotateChange, arg1);
+ }
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])() && !arg1.cancel) || (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])() && !this.canCancel)) {
+ this.blocked = !(this.commandHandler.rotateSelectedItems(angle - object.wrapper.rotateAngle));
+ }
+ if (this.commandHandler.canEnableDefaultTooltip()) {
+ var content_3 = this.getTooltipContent(args.source);
+ var contentTemp = function () {
+ return content_3;
+ };
+ this.commandHandler.showTooltip(args.source, args.position, Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["initializeCSPTemplate"])(contentTemp), 'RotateTool', this.isTooltipVisible);
+ this.isTooltipVisible = false;
+ }
+ return !this.blocked;
+ };
+ RotateTool.prototype.getTooltipContent = function (node) {
+ return Math.round((node.rotateAngle % 360)).toString() + '\xB0';
+ };
+ /**
+ * @param args
+ * @private
+ */
+ RotateTool.prototype.mouseLeave = function (args) {
+ this.mouseUp(args);
+ };
+ /** @private */
+ RotateTool.prototype.endAction = function () {
+ _super.prototype.endAction.call(this);
+ };
+ return RotateTool;
+}(ToolBase));
+
+/**
+ * Scales the selected objects
+ */
+var ResizeTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(ResizeTool, _super);
+ function ResizeTool(commandHandler, corner) {
+ var _this = _super.call(this, commandHandler, true) || this;
+ /** @private */
+ _this.initialBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_5__["Rect"]();
+ _this.canCancel = false;
+ _this.corner = corner;
+ return _this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ ResizeTool.prototype.mouseDown = function (args) {
+ var oldValues;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ this.commandHandler.insertSelectedObjects();
+ this.startPosition = this.currentPosition = this.prevPosition = args.position;
+ this.currentElement = args.source;
+ this.initialBounds.x = args.source.wrapper.offsetX;
+ this.initialBounds.y = args.source.wrapper.offsetY;
+ this.initialBounds.height = args.source.wrapper.actualSize.height;
+ this.initialBounds.width = args.source.wrapper.actualSize.width;
+ if (args.source) {
+ oldValues = {
+ offsetX: args.source.wrapper.offsetX, offsetY: args.source.wrapper.offsetY,
+ width: args.source.wrapper.actualSize.width, height: args.source.wrapper.actualSize.height
+ };
+ }
+ var arg = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(args.source), state: 'Start', oldValue: oldValues, newValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(this.currentElement), cancel: false
+ };
+ this.tempArgs = arg;
+ }
+ this.undoElement = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source);
+ this.undoParentElement = this.commandHandler.getSubProcess(args.source);
+ _super.prototype.mouseDown.call(this, args);
+ if (this.undoElement.nodes[0] && this.undoElement.nodes[0].children) {
+ var elements = [];
+ var nodes = this.commandHandler.getAllDescendants(this.undoElement.nodes[0], elements);
+ for (var i = 0; i < nodes.length; i++) {
+ var node = this.commandHandler.cloneChild(nodes[parseInt(i.toString(), 10)].id);
+ this.childTable[nodes[parseInt(i.toString(), 10)].id] = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(node);
+ }
+ }
+ this.commandHandler.checkSelection(args.source, this.corner);
+ _super.prototype.mouseDown.call(this, args);
+ this.initialBounds.x = args.source.wrapper.offsetX;
+ this.initialBounds.y = args.source.wrapper.offsetY;
+ this.initialBounds.height = args.source.wrapper.actualSize.height;
+ this.initialBounds.width = args.source.wrapper.actualSize.width;
+ };
+ /**
+ * @param args
+ * @param isPreventHistory
+ * @param args
+ * @param isPreventHistory
+ * @private
+ */
+ ResizeTool.prototype.mouseUp = function (args, isPreventHistory) {
+ return __awaiter(this, void 0, void 0, function () {
+ var diagram, blazorInterop, blazor, obj, oldValues, arg, blazorArgs, eventObj, scaleWidth, scaleHeight, object, deltaValues, oldValue, arg, obj, entry, entry_2;
+ return __generator(this, function (_a) {
+ switch (_a.label) {
+ case 0:
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) return [3 /*break*/, 4];
+ diagram = 'diagram';
+ blazorInterop = 'sfBlazor';
+ blazor = 'Blazor';
+ this.commandHandler.updatePropertiesToBlazor(args, false);
+ obj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source);
+ oldValues = {
+ width: args.source.wrapper.actualSize.width, height: args.source.wrapper.actualSize.height,
+ offsetX: args.source.wrapper.offsetX, offsetY: args.source.wrapper.offsetY
+ };
+ arg = {
+ oldValue: this.tempArgs.oldValue, newValue: oldValues, cancel: false,
+ state: 'Completed'
+ };
+ if (!!this.canCancel) return [3 /*break*/, 3];
+ blazorArgs = void 0;
+ if (!(window && window["" + blazor] && this.commandHandler["" + diagram].sizeChange)) return [3 /*break*/, 2];
+ eventObj = { 'EventName': 'sizeChange', args: JSON.stringify(arg) };
+ return [4 /*yield*/, window["" + blazorInterop].updateBlazorDiagramEvents(eventObj, this.commandHandler["" + diagram])];
+ case 1:
+ blazorArgs = _a.sent();
+ _a.label = 2;
+ case 2:
+ if (blazorArgs && blazorArgs.cancel) {
+ this.commandHandler.enableCloneObject(true);
+ this.commandHandler.ismouseEvents(true);
+ this.commandHandler.insertBlazorObject(args.source);
+ scaleWidth = this.tempArgs.oldValue.width / obj.wrapper.actualSize.width;
+ scaleHeight = this.tempArgs.oldValue.height / obj.wrapper.actualSize.height;
+ this.commandHandler.scaleSelectedItems(scaleWidth, scaleHeight, this.getPivot(this.corner));
+ }
+ _a.label = 3;
+ case 3:
+ this.tempArgs = undefined;
+ this.canCancel = undefined;
+ _a.label = 4;
+ case 4:
+ this.checkPropertyValue();
+ this.commandHandler.removeSnap();
+ this.commandHandler.updateSelector();
+ object = this.commandHandler.renderContainerHelper(args.source) || args.source;
+ if ((this.undoElement.offsetX !== object.wrapper.offsetX || this.undoElement.offsetY !== object.wrapper.offsetY ||
+ this.undoElement.width !== object.wrapper.bounds.width || this.undoElement.height !== object.wrapper.bounds.height)) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ deltaValues = this.updateSize(args.source, this.currentPosition, this.prevPosition, this.corner, this.initialBounds);
+ this.blocked = this.scaleObjects(deltaValues.width, deltaValues.height, this.corner, this.currentPosition, this.prevPosition, object);
+ oldValue = {
+ offsetX: args.source.wrapper.offsetX, offsetY: args.source.wrapper.offsetY,
+ width: args.source.wrapper.actualSize.width, height: args.source.wrapper.actualSize.height
+ };
+ arg = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(args.source), state: 'Completed',
+ oldValue: oldValue, newValue: oldValue, cancel: false
+ };
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].sizeChange, arg);
+ }
+ obj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source);
+ entry = {
+ type: 'SizeChanged', redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(obj), undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(this.undoElement), category: 'Internal',
+ childTable: this.childTable
+ };
+ if (!isPreventHistory) {
+ this.commandHandler.startGroupAction();
+ this.commandHandler.addHistoryEntry(entry);
+ if (obj.nodes[0] && obj.nodes[0].processId) {
+ entry_2 = {
+ type: 'SizeChanged', redoObject: this.commandHandler.getSubProcess(args.source),
+ undoObject: this.undoParentElement, category: 'Internal'
+ };
+ this.commandHandler.addHistoryEntry(entry_2);
+ }
+ this.commandHandler.endGroupAction();
+ }
+ }
+ this.commandHandler.updateBlazorSelector();
+ _super.prototype.mouseUp.call(this, args);
+ return [2 /*return*/, !this.blocked];
+ }
+ });
+ });
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ResizeTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ var object;
+ object = this.commandHandler.renderContainerHelper(args.source) || args.source;
+ if (this.undoElement.offsetX === object.wrapper.offsetX && this.undoElement.offsetY === object.wrapper.offsetY) {
+ var oldValue = {
+ offsetX: args.source.wrapper.offsetX, offsetY: args.source.wrapper.offsetY,
+ width: args.source.wrapper.actualSize.width, height: args.source.wrapper.actualSize.height
+ };
+ var arg = {
+ source: args.source, state: 'Start', oldValue: oldValue, newValue: this.currentElement, cancel: false
+ };
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].sizeChange, arg);
+ }
+ }
+ this.currentPosition = args.position;
+ var x = this.currentPosition.x - this.startPosition.x;
+ var y = this.currentPosition.y - this.startPosition.y;
+ var changes = { x: x, y: y };
+ changes = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["rotatePoint"])(-this.currentElement.wrapper.rotateAngle, undefined, undefined, changes);
+ var sx = (this.currentElement.wrapper.actualSize.width + changes.x) / this.currentElement.wrapper.actualSize.width;
+ var sy = (this.currentElement.wrapper.actualSize.height + changes.y) / this.currentElement.wrapper.actualSize.height;
+ changes = this.getChanges(changes);
+ this.commandHandler.removeSnap();
+ var deltaValues = this.updateSize(args.source, this.startPosition, this.currentPosition, this.corner, this.initialBounds);
+ this.blocked = !(this.scaleObjects(deltaValues.width, deltaValues.height, this.corner, this.startPosition, this.currentPosition, object));
+ if (this.commandHandler.canEnableDefaultTooltip()) {
+ var content_4 = this.getTooltipContent(args.source);
+ var contentTemp = function () {
+ return content_4;
+ };
+ this.commandHandler.showTooltip(args.source, args.position, Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["initializeCSPTemplate"])(contentTemp), 'ResizeTool', this.isTooltipVisible);
+ this.isTooltipVisible = false;
+ }
+ this.prevPosition = this.currentPosition;
+ return !this.blocked;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ResizeTool.prototype.mouseLeave = function (args) {
+ this.mouseUp(args);
+ };
+ ResizeTool.prototype.getTooltipContent = function (node) {
+ return 'W:' + Math.round(node.wrapper.bounds.width) + ' ' + 'H:' + Math.round(node.wrapper.bounds.height);
+ };
+ ResizeTool.prototype.getChanges = function (change) {
+ switch (this.corner) {
+ case 'ResizeEast':
+ return { x: change.x, y: 0 };
+ case 'ResizeSouthEast':
+ return change;
+ case 'ResizeSouth':
+ return { x: 0, y: change.y };
+ case 'ResizeNorth':
+ return { x: 0, y: -change.y };
+ case 'ResizeNorthEast':
+ return { x: change.x, y: -change.y };
+ case 'ResizeNorthWest':
+ return { x: -change.x, y: -change.y };
+ case 'ResizeWest':
+ return { x: -change.x, y: 0 };
+ case 'ResizeSouthWest':
+ return { x: -change.x, y: change.y };
+ }
+ return change;
+ };
+ /**
+ * Updates the size with delta width and delta height using scaling.
+ */
+ /**
+ * Aspect ratio used to resize the width or height based on resizing the height or width
+ *
+ * @param deltaWidth
+ * @param deltaHeight
+ * @param corner
+ * @param startPoint
+ * @param endPoint
+ * @param source
+ * @param deltaWidth
+ * @param deltaHeight
+ * @param corner
+ * @param startPoint
+ * @param endPoint
+ * @param source
+ * @param deltaWidth
+ * @param deltaHeight
+ * @param corner
+ * @param startPoint
+ * @param endPoint
+ * @param source
+ * @param deltaWidth
+ * @param deltaHeight
+ * @param corner
+ * @param startPoint
+ * @param endPoint
+ * @param source
+ * @param deltaWidth
+ * @param deltaHeight
+ * @param corner
+ * @param startPoint
+ * @param endPoint
+ * @param source
+ * @param deltaWidth
+ * @param deltaHeight
+ * @param corner
+ * @param startPoint
+ * @param endPoint
+ * @param source
+ */
+ ResizeTool.prototype.scaleObjects = function (deltaWidth, deltaHeight, corner, startPoint, endPoint, source) {
+ if (source instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Selector"] && source.nodes.length === 1 && source.nodes[0].constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["NodeConstraints"].AspectRatio) {
+ if (corner === 'ResizeWest' || corner === 'ResizeEast' || corner === 'ResizeNorth' || corner === 'ResizeSouth') {
+ if (!(deltaHeight === 1 && deltaWidth === 1)) {
+ deltaHeight = deltaWidth = Math.max(deltaHeight === 1 ? 0 : deltaHeight, deltaWidth === 1 ? 0 : deltaWidth);
+ }
+ }
+ else if (startPoint !== endPoint) {
+ deltaHeight = deltaWidth = Math.max(deltaHeight, deltaWidth);
+ }
+ else {
+ deltaHeight = deltaWidth = 0;
+ }
+ }
+ var oldValue = {
+ offsetX: source.offsetX, offsetY: source.offsetY,
+ width: source.width, height: source.height
+ };
+ this.blocked = this.commandHandler.scaleSelectedItems(deltaWidth, deltaHeight, this.getPivot(this.corner));
+ var newValue = {
+ offsetX: source.offsetX, offsetY: source.offsetY,
+ width: source.width, height: source.height
+ };
+ var arg;
+ arg = { source: source, state: 'Progress', oldValue: oldValue, newValue: newValue, cancel: false };
+ var arg1;
+ arg1 = {
+ source: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(source), state: 'Progress',
+ oldValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(oldValue), newValue: Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["cloneBlazorObject"])(newValue), cancel: arg.cancel
+ };
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])()) {
+ this.commandHandler.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramEvent"].sizeChange, arg1);
+ }
+ if (arg1.cancel || this.canCancel) {
+ this.commandHandler.scaleSelectedItems(1 / deltaWidth, 1 / deltaHeight, this.getPivot(this.corner));
+ }
+ return this.blocked;
+ };
+ return ResizeTool;
+}(ToolBase));
+
+/**
+ * Draws a node that is defined by the user
+ */
+var NodeDrawingTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(NodeDrawingTool, _super);
+ function NodeDrawingTool(commandHandler, sourceObject) {
+ var _this = _super.call(this, commandHandler, true) || this;
+ _this.sourceObject = sourceObject;
+ return _this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ NodeDrawingTool.prototype.mouseDown = function (args) {
+ _super.prototype.mouseDown.call(this, args);
+ this.inAction = true;
+ this.commandHandler.setFocus();
+ this.triggerElementDrawEvent(args.source, 'Start', 'Node', this.getShapeType(), true);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ NodeDrawingTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ var checkBoundaryConstraints;
+ var node = {
+ offsetX: this.currentPosition.x, width: 3, height: 3,
+ offsetY: this.currentPosition.y
+ };
+ if (!this.drawingObject) {
+ this.drawingObject = this.commandHandler.drawObject(node);
+ }
+ this.triggerElementDrawEvent(this.drawingObject, 'Progress', 'Node', this.getShapeType(), false);
+ if (this.inAction && _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(this.currentPosition, this.prevPosition) === false) {
+ var rect = _primitives_rect__WEBPACK_IMPORTED_MODULE_5__["Rect"].toBounds([this.prevPosition, this.currentPosition]);
+ checkBoundaryConstraints = this.commandHandler.checkBoundaryConstraints(undefined, undefined, rect);
+ if (checkBoundaryConstraints) {
+ this.commandHandler.updateNodeDimension(this.drawingObject, rect);
+ }
+ }
+ return checkBoundaryConstraints;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ NodeDrawingTool.prototype.mouseUp = function (args) {
+ this.checkPropertyValue();
+ var checkBoundaryConstraints;
+ var rect = _primitives_rect__WEBPACK_IMPORTED_MODULE_5__["Rect"].toBounds([this.prevPosition, this.currentPosition]);
+ checkBoundaryConstraints = this.commandHandler.checkBoundaryConstraints(undefined, undefined, rect);
+ if (this.drawingObject && this.drawingObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"]) {
+ this.commandHandler.addObjectToDiagram(this.drawingObject);
+ this.triggerElementDrawEvent(this.drawingObject, 'Completed', 'Node', this.getShapeType(), false);
+ this.drawingObject = null;
+ }
+ this.commandHandler.updateBlazorSelector();
+ _super.prototype.mouseUp.call(this, args);
+ this.inAction = false;
+ };
+ /** @private */
+ NodeDrawingTool.prototype.endAction = function () {
+ _super.prototype.endAction.call(this);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ NodeDrawingTool.prototype.mouseLeave = function (args) {
+ if (this.inAction) {
+ this.mouseUp(args);
+ }
+ };
+ return NodeDrawingTool;
+}(ToolBase));
+
+/**
+ * Draws a connector that is defined by the user
+ */
+var ConnectorDrawingTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(ConnectorDrawingTool, _super);
+ function ConnectorDrawingTool(commandHandler, endPoint, sourceObject) {
+ var _this = _super.call(this, commandHandler, endPoint) || this;
+ _this.sourceObject = sourceObject;
+ return _this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ ConnectorDrawingTool.prototype.mouseDown = function (args) {
+ return __awaiter(this, void 0, void 0, function () {
+ return __generator(this, function (_a) {
+ _super.prototype.mouseDown.call(this, args);
+ this.inAction = true;
+ this.commandHandler.setFocus();
+ this.triggerElementDrawEvent(args.source, 'Start', 'Connector', this.commandHandler.diagram.drawingObject.type, true);
+ return [2 /*return*/];
+ });
+ });
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ConnectorDrawingTool.prototype.mouseMove = function (args) {
+ this.commandHandler.enableServerDataBinding(false);
+ if (this.inAction) {
+ var connector = {
+ sourcePoint: this.currentPosition, targetPoint: this.currentPosition
+ };
+ if (!this.drawingObject) {
+ this.drawingObject = this.commandHandler.drawObject(connector);
+ }
+ args.source = this.drawingObject;
+ this.triggerElementDrawEvent(args.source, 'Progress', 'Connector', this.drawingObject.type, false);
+ if (((args.target && args.target instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"]) || (args.actualObject && args.sourceWrapper && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_12__["checkPort"])(args.actualObject, args.sourceWrapper)))
+ && (this.endPoint !== 'ConnectorTargetEnd' || (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_7__["canInConnect"])(args.target)))) {
+ this.commandHandler.connect(this.endPoint, args);
+ }
+ this.endPoint = 'ConnectorTargetEnd';
+ }
+ if (!this.inAction) {
+ this.commandHandler.updateSelector();
+ if (args.source && args.sourceWrapper) {
+ this.commandHandler.renderHighlighter(args, true);
+ }
+ }
+ _super.prototype.mouseMove.call(this, args);
+ this.commandHandler.enableServerDataBinding(true);
+ return !this.blocked;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ConnectorDrawingTool.prototype.mouseUp = function (args) {
+ return __awaiter(this, void 0, void 0, function () {
+ return __generator(this, function (_a) {
+ this.commandHandler.enableServerDataBinding(false);
+ this.checkPropertyValue();
+ if (this.drawingObject && this.drawingObject instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_1__["Connector"]) {
+ this.commandHandler.addObjectToDiagram(this.drawingObject);
+ this.triggerElementDrawEvent(this.drawingObject, 'Completed', 'Connector', this.drawingObject.type, false);
+ this.drawingObject = null;
+ }
+ this.commandHandler.updateBlazorSelector();
+ this.inAction = false;
+ this.commandHandler.enableServerDataBinding(true);
+ _super.prototype.mouseUp.call(this, args);
+ return [2 /*return*/];
+ });
+ });
+ };
+ /** @private */
+ ConnectorDrawingTool.prototype.endAction = function () {
+ _super.prototype.endAction.call(this);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ConnectorDrawingTool.prototype.mouseLeave = function (args) {
+ if (this.inAction) {
+ this.mouseUp(args);
+ }
+ };
+ return ConnectorDrawingTool;
+}(ConnectTool));
+
+var TextDrawingTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(TextDrawingTool, _super);
+ function TextDrawingTool(commandHandler) {
+ return _super.call(this, commandHandler, true) || this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ TextDrawingTool.prototype.mouseDown = function (args) {
+ _super.prototype.mouseDown.call(this, args);
+ this.commandHandler.clearSelection();
+ var node = {
+ shape: { type: 'Text' },
+ offsetX: this.currentPosition.x,
+ offsetY: this.currentPosition.y
+ };
+ if (!args.source) {
+ this.drawingNode = this.commandHandler.drawObject(node);
+ }
+ };
+ /**
+ * @param args
+ * @private
+ */
+ TextDrawingTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ if (!this.drawingNode) {
+ var node = {
+ shape: { type: 'Text' }, offsetX: this.currentPosition.x, width: 30, height: 30,
+ // EJ2-42640-Text size is different if Text Node is created over another diagram commited by sivakumar sekar
+ // commanded style property and added it after the object is drawn
+ // style: { strokeDashArray: '2 2', fill: 'transparent' },
+ offsetY: this.currentPosition.y
+ };
+ this.drawingNode = this.commandHandler.drawObject(node);
+ this.drawingNode.style.strokeDashArray = '2 2';
+ this.drawingNode.style.fill = 'transparent';
+ }
+ else {
+ this.drawingNode.style.strokeColor = 'black';
+ this.drawingNode.style.strokeDashArray = '2 2';
+ this.drawingNode.style.fill = 'transparent';
+ }
+ if (this.inAction && _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(this.currentPosition, this.prevPosition) === false) {
+ var rect = _primitives_rect__WEBPACK_IMPORTED_MODULE_5__["Rect"].toBounds([this.prevPosition, this.currentPosition]);
+ this.commandHandler.updateNodeDimension(this.drawingNode, rect);
+ }
+ return !this.blocked;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ TextDrawingTool.prototype.mouseUp = function (args) {
+ this.checkPropertyValue();
+ if (this.drawingNode) {
+ this.drawingNode.style.strokeColor = 'none';
+ this.drawingNode.style.fill = 'none';
+ }
+ else {
+ this.drawingNode = args.source;
+ }
+ if (this.drawingNode && (this.drawingNode instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"] || this.drawingNode instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_1__["Connector"])) {
+ this.commandHandler.addText(this.drawingNode, this.currentPosition);
+ }
+ _super.prototype.mouseUp.call(this, args);
+ this.inAction = false;
+ };
+ /** @private */
+ TextDrawingTool.prototype.endAction = function () {
+ _super.prototype.endAction.call(this);
+ };
+ return TextDrawingTool;
+}(ToolBase));
+
+/**
+ * Pans the diagram control on drag
+ */
+var ZoomPanTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(ZoomPanTool, _super);
+ function ZoomPanTool(commandHandler, zoom) {
+ var _this = _super.call(this, commandHandler) || this;
+ _this.zooming = zoom;
+ return _this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ ZoomPanTool.prototype.mouseDown = function (args) {
+ _super.prototype.mouseDown.call(this, args);
+ this.inAction = true;
+ this.commandHandler.setBlazorDiagramProps(true);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ZoomPanTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ if (this.inAction) {
+ if (!this.zooming && _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(this.currentPosition, this.prevPosition) === false) {
+ var difX = this.currentPosition.x - this.prevPosition.x;
+ var difY = this.currentPosition.y - this.prevPosition.y;
+ this.commandHandler.scroll(difX, difY, this.currentPosition);
+ }
+ else if (args.moveTouches && args.moveTouches.length && args.moveTouches.length >= 2) {
+ var startTouch0 = args.startTouches[0];
+ var startTouch1 = args.startTouches[1];
+ var moveTouch0 = args.moveTouches[0];
+ var moveTouch1 = args.moveTouches[1];
+ var scale = this.getDistance(moveTouch0, moveTouch1) / this.getDistance(startTouch0, startTouch1);
+ var focusPoint = args.position;
+ this.commandHandler.zoom(scale, 0, 0, focusPoint);
+ this.updateTouch(startTouch0, moveTouch0);
+ this.updateTouch(startTouch1, moveTouch1);
+ }
+ }
+ this.commandHandler.dataBinding();
+ return !this.blocked;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ ZoomPanTool.prototype.mouseUp = function (args) {
+ this.commandHandler.setBlazorDiagramProps(false);
+ this.checkPropertyValue();
+ this.commandHandler.updatePanState(false);
+ _super.prototype.mouseUp.call(this, args);
+ this.inAction = false;
+ };
+ /** @private */
+ ZoomPanTool.prototype.endAction = function () {
+ _super.prototype.endAction.call(this);
+ };
+ ZoomPanTool.prototype.getDistance = function (touch1, touch2) {
+ var x = touch2.pageX - touch1.pageX;
+ var y = touch2.pageY - touch1.pageY;
+ return Math.sqrt((x * x) + (y * y));
+ };
+ ZoomPanTool.prototype.updateTouch = function (startTouch, moveTouch) {
+ startTouch.pageX = moveTouch.pageX;
+ startTouch.pageY = moveTouch.pageY;
+ };
+ return ZoomPanTool;
+}(ToolBase));
+
+/**
+ * Animate the layout during expand and collapse
+ */
+var ExpandTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(ExpandTool, _super);
+ function ExpandTool(commandHandler) {
+ return _super.call(this, commandHandler, true) || this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ ExpandTool.prototype.mouseUp = function (args) {
+ this.checkPropertyValue();
+ this.commandHandler.initExpand(args);
+ _super.prototype.mouseUp.call(this, args);
+ };
+ return ExpandTool;
+}(ToolBase));
+
+/**
+ * Opens the annotation hypeLink at mouse up
+ */
+var LabelTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(LabelTool, _super);
+ function LabelTool(commandHandler) {
+ return _super.call(this, commandHandler, true) || this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ LabelTool.prototype.mouseUp = function (args) {
+ this.checkPropertyValue();
+ var tab = '_blank';
+ var windowOption = '';
+ var windowHeight = window.innerHeight;
+ var windowWidth = window.innerWidth;
+ var screenTop = window.screenTop;
+ var screenLeft = window.screenLeft;
+ if (args.sourceWrapper.hyperlink.hyperlinkOpenState === 'CurrentTab') {
+ tab = '_self';
+ }
+ else if (args.sourceWrapper.hyperlink.hyperlinkOpenState === 'NewWindow') {
+ windowOption = 'height=' + windowHeight + ',width=' + windowWidth + ',top=' + screenTop + ',left=' + screenLeft;
+ }
+ var win = window.open(args.sourceWrapper.hyperlink.link, tab, windowOption);
+ win.focus();
+ _super.prototype.mouseUp.call(this, args);
+ };
+ return LabelTool;
+}(ToolBase));
+
+/**
+ * Draws a Polygon shape node dynamically using polygon Tool
+ */
+var PolygonDrawingTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(PolygonDrawingTool, _super);
+ function PolygonDrawingTool(commandHandler) {
+ return _super.call(this, commandHandler, true) || this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ PolygonDrawingTool.prototype.mouseDown = function (args) {
+ _super.prototype.mouseDown.call(this, args);
+ this.inAction = true;
+ if (!this.drawingObject) {
+ this.startPoint = { x: this.startPosition.x, y: this.startPosition.y };
+ var node = {
+ offsetX: this.currentPosition.x,
+ offsetY: this.currentPosition.y,
+ width: 5, height: 5,
+ style: { strokeColor: 'black', strokeWidth: 1 },
+ shape: {
+ type: 'Basic',
+ shape: 'Polygon',
+ points: [{ x: this.startPoint.x, y: this.startPoint.y }, { x: this.currentPosition.x, y: this.currentPosition.y }]
+ }
+ };
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_13__["isBlazor"])() && node.shape.type === 'Basic') {
+ node.shape.basicShape = 'Polygon';
+ }
+ this.drawingObject = this.commandHandler.drawObject(node);
+ }
+ else {
+ var pt = void 0;
+ var obj = this.drawingObject.shape;
+ pt = obj.points[obj.points.length - 1];
+ pt = { x: pt.x, y: pt.y };
+ this.drawingObject.shape.points.push(pt);
+ }
+ };
+ /**
+ * @param args
+ * @private
+ */
+ PolygonDrawingTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ if (this.inAction) {
+ var obj = this.drawingObject.shape;
+ if (this.drawingObject && this.currentPosition) {
+ obj.points[obj.points.length - 1].x = this.currentPosition.x;
+ obj.points[obj.points.length - 1].y = this.currentPosition.y;
+ this.drawingObject.wrapper.children[0].data = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_6__["getPolygonPath"])(this.drawingObject.shape.points);
+ if (this.inAction && _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(this.currentPosition, this.prevPosition) === false) {
+ var region = _primitives_rect__WEBPACK_IMPORTED_MODULE_5__["Rect"].toBounds(this.drawingObject.shape.points);
+ this.commandHandler.updateNodeDimension(this.drawingObject, region);
+ }
+ }
+ }
+ return true;
+ };
+ /**
+ * @param args
+ * @param dblClickArgs
+ * @param args
+ * @param dblClickArgs
+ * @private
+ */
+ PolygonDrawingTool.prototype.mouseUp = function (args, dblClickArgs) {
+ this.checkPropertyValue();
+ _super.prototype.mouseMove.call(this, args);
+ if (this.inAction) {
+ this.inAction = false;
+ if (this.drawingObject) {
+ this.commandHandler.addObjectToDiagram(this.drawingObject);
+ }
+ }
+ this.endAction();
+ };
+ /**
+ * @param args
+ * @private
+ */
+ PolygonDrawingTool.prototype.mouseWheel = function (args) {
+ _super.prototype.mouseWheel.call(this, args);
+ this.mouseMove(args);
+ };
+ /** @private */
+ PolygonDrawingTool.prototype.endAction = function () {
+ this.inAction = false;
+ this.drawingObject = null;
+ };
+ return PolygonDrawingTool;
+}(ToolBase));
+
+/**
+ * Draws a PolyLine Connector dynamically using PolyLine Drawing Tool
+ */
+var PolyLineDrawingTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(PolyLineDrawingTool, _super);
+ function PolyLineDrawingTool(commandHandler) {
+ return _super.call(this, commandHandler, true) || this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ PolyLineDrawingTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ if (this.inAction) {
+ var obj = this.drawingObject;
+ obj.targetPoint = this.currentPosition;
+ this.commandHandler.updateConnectorPoints(obj);
+ }
+ return true;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ PolyLineDrawingTool.prototype.mouseDown = function (args) {
+ _super.prototype.mouseDown.call(this, args);
+ this.inAction = true;
+ if (!this.drawingObject) {
+ var connector = {
+ id: 'Connector',
+ type: 'Straight',
+ sourcePoint: this.currentPosition,
+ targetPoint: this.currentPosition
+ };
+ this.drawingObject = this.commandHandler.drawObject(connector);
+ }
+ else {
+ var drawObject = this.drawingObject;
+ var segment = void 0;
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_1__["StraightSegment"](drawObject, 'segments', { type: 'Straight' }, true);
+ segment.point = this.currentPosition;
+ drawObject.segments[drawObject.segments.length - 1] = segment;
+ }
+ };
+ /**
+ * @param args
+ * @private
+ */
+ PolyLineDrawingTool.prototype.mouseWheel = function (args) {
+ _super.prototype.mouseWheel.call(this, args);
+ this.mouseMove(args);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ PolyLineDrawingTool.prototype.mouseUp = function (args) {
+ this.checkPropertyValue();
+ _super.prototype.mouseMove.call(this, args);
+ if (this.inAction) {
+ if (this.drawingObject) {
+ var drawObject = this.drawingObject;
+ drawObject.segments[drawObject.segments.length - 1].point = { x: 0, y: 0 };
+ this.commandHandler.addObjectToDiagram(this.drawingObject);
+ }
+ }
+ this.endAction();
+ };
+ /** @private */
+ PolyLineDrawingTool.prototype.endAction = function () {
+ this.drawingObject = null;
+ this.inAction = false;
+ };
+ return PolyLineDrawingTool;
+}(ToolBase));
+
+var LabelDragTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(LabelDragTool, _super);
+ function LabelDragTool(commandHandler) {
+ return _super.call(this, commandHandler, true) || this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ LabelDragTool.prototype.mouseDown = function (args) {
+ this.inAction = true;
+ this.undoElement = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(args.source);
+ this.annotationId = args.sourceWrapper.id;
+ _super.prototype.mouseDown.call(this, args);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ LabelDragTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ var difx = this.currentPosition.x - this.prevPosition.x;
+ var dify = this.currentPosition.y - this.prevPosition.y;
+ var node = args.source;
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"]) {
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["rotateMatrix"])(matrix, -node.rotateAngle, 0, 0);
+ var diff = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["transformPointByMatrix"])(matrix, { x: difx, y: dify });
+ difx = diff.x;
+ dify = diff.y;
+ }
+ if (this.inAction) {
+ this.commandHandler.labelDrag(args.source, args.sourceWrapper, difx, dify);
+ this.commandHandler.updateSelector();
+ }
+ this.prevPosition = this.currentPosition;
+ return !this.blocked;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ LabelDragTool.prototype.mouseUp = function (args) {
+ this.checkPropertyValue();
+ var redoValue = args.source;
+ this.inAction = false;
+ var entryValue = {
+ type: 'AnnotationPropertyChanged',
+ objectId: this.annotationId, undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(this.undoElement),
+ category: 'Internal', redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(redoValue)
+ };
+ this.commandHandler.addHistoryEntry(entryValue);
+ _super.prototype.mouseUp.call(this, args);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ LabelDragTool.prototype.mouseLeave = function (args) {
+ this.mouseUp(args);
+ };
+ return LabelDragTool;
+}(ToolBase));
+
+var LabelResizeTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(LabelResizeTool, _super);
+ function LabelResizeTool(commandHandler, corner) {
+ var _this = _super.call(this, commandHandler, true) || this;
+ _this.corner = corner;
+ return _this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ LabelResizeTool.prototype.mouseDown = function (args) {
+ this.inAction = true;
+ var object = (args.source.nodes.length) ?
+ args.source.nodes[0] : args.source.connectors[0];
+ this.annotationId = args.source.wrapper.children[0].id;
+ this.undoElement = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(object);
+ var annotation = args.source.wrapper.children[0];
+ this.initialBounds = {
+ x: annotation.offsetX,
+ y: annotation.offsetY,
+ width: annotation.actualSize.width,
+ height: annotation.actualSize.height
+ };
+ _super.prototype.mouseDown.call(this, args);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ LabelResizeTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ if (this.inAction) {
+ this.resizeObject(args);
+ }
+ return !this.blocked;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ LabelResizeTool.prototype.mouseUp = function (args) {
+ this.checkPropertyValue();
+ var redoObject = (args.source.nodes.length) ?
+ args.source.nodes[0] : args.source.connectors[0];
+ this.inAction = false;
+ var entry = {
+ type: 'AnnotationPropertyChanged', objectId: this.annotationId,
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(redoObject), undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(this.undoElement), category: 'Internal'
+ };
+ this.commandHandler.addHistoryEntry(entry);
+ _super.prototype.mouseUp.call(this, args);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ LabelResizeTool.prototype.mouseLeave = function (args) {
+ this.mouseUp(args);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ LabelResizeTool.prototype.resizeObject = function (args) {
+ var object;
+ object = (args.source.nodes.length) ? args.source.nodes[0] : args.source.connectors[0];
+ var textElement = args.source.wrapper.children[0];
+ var deltaWidth;
+ var deltaHeight;
+ var center = { x: textElement.offsetX, y: textElement.offsetY };
+ var rotateAngle = textElement.rotateAngle;
+ rotateAngle += (object instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"]) ? object.rotateAngle : 0;
+ rotateAngle = (rotateAngle + 360) % 360;
+ var trans = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["rotateMatrix"])(trans, rotateAngle, center.x, center.y);
+ var corner = this.corner.slice(5);
+ var pivot = this.updateSize(textElement, this.startPosition, this.currentPosition, corner, this.initialBounds, rotateAngle);
+ var x = textElement.offsetX - textElement.actualSize.width * textElement.pivot.x;
+ var y = textElement.offsetY - textElement.actualSize.height * textElement.pivot.y;
+ var pivotPoint = this.getPivot(corner);
+ pivotPoint = { x: x + textElement.actualSize.width * pivotPoint.x, y: y + textElement.actualSize.height * pivotPoint.y };
+ var point = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_8__["transformPointByMatrix"])(trans, pivotPoint);
+ pivot.x = point.x;
+ pivot.y = point.y;
+ deltaWidth = pivot.width;
+ deltaHeight = pivot.height;
+ deltaWidth = (deltaWidth < 0) ? 1 : deltaWidth;
+ deltaHeight = (deltaHeight < 0) ? 1 : deltaHeight;
+ this.commandHandler.labelResize(object, args.source.annotation, deltaWidth, deltaHeight, pivot, args.source);
+ this.commandHandler.updateSelector();
+ };
+ return LabelResizeTool;
+}(ToolBase));
+
+var LabelRotateTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(LabelRotateTool, _super);
+ function LabelRotateTool(commandHandler) {
+ return _super.call(this, commandHandler, true) || this;
+ }
+ /**
+ * @param args
+ * @private
+ */
+ LabelRotateTool.prototype.mouseDown = function (args) {
+ this.inAction = true;
+ this.annotationId = args.source.wrapper.children[0].id;
+ var object = (args.source.nodes.length) ?
+ args.source.nodes[0] : args.source.connectors[0];
+ this.undoElement = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(object);
+ _super.prototype.mouseDown.call(this, args);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ LabelRotateTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ if (args.source) {
+ if (this.inAction) {
+ var object = args.source.nodes[0] ? args.source.nodes[0] :
+ args.source.connectors[0];
+ var annotation = void 0;
+ annotation = (args.source.annotation);
+ this.commandHandler.labelRotate(object, annotation, this.currentPosition, args.source);
+ this.commandHandler.updateSelector();
+ }
+ }
+ this.prevPosition = this.currentPosition;
+ return !this.blocked;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ LabelRotateTool.prototype.mouseUp = function (args) {
+ this.checkPropertyValue();
+ this.inAction = false;
+ var redoEntry = (args.source.nodes.length) ?
+ args.source.nodes[0] : args.source.connectors[0];
+ var entryObject = {
+ type: 'AnnotationPropertyChanged', objectId: this.annotationId,
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(redoEntry),
+ undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cloneObject"])(this.undoElement), category: 'Internal'
+ };
+ this.commandHandler.addHistoryEntry(entryObject);
+ _super.prototype.mouseUp.call(this, args);
+ };
+ /**
+ * @param args
+ * @private
+ */
+ LabelRotateTool.prototype.mouseLeave = function (args) {
+ this.mouseUp(args);
+ };
+ return LabelRotateTool;
+}(ToolBase));
+
+/**
+ * EJ2-33302 - Freehand drawing support in diagram control.
+ */
+var FreeHandTool = /** @__PURE__ @class */ (function (_super) {
+ __extends(FreeHandTool, _super);
+ function FreeHandTool(commandHandler) {
+ return _super.call(this, commandHandler, true) || this;
+ }
+ /**
+ * mouseMove - Collect the points using current mouse position and convert it into pathData.
+ * @param args
+ * @private
+ */
+ FreeHandTool.prototype.mouseMove = function (args) {
+ _super.prototype.mouseMove.call(this, args);
+ if (this.inAction) {
+ var obj = this.drawingObject.shape;
+ if (this.drawingObject && this.currentPosition) {
+ var pt = this.currentPosition;
+ obj.points.push(pt);
+ this.drawingObject.wrapper.children[0].data = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_6__["getFreeHandPath"])(this.drawingObject.shape.points);
+ obj.data = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_6__["getFreeHandPath"])(obj.points);
+ if (this.inAction && _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].equals(this.currentPosition, this.prevPosition) === false) {
+ var region = _primitives_rect__WEBPACK_IMPORTED_MODULE_5__["Rect"].toBounds(this.drawingObject.shape.points);
+ this.commandHandler.updateNodeDimension(this.drawingObject, region);
+ }
+ }
+ }
+ return true;
+ };
+ /**
+ * @param args
+ * @private
+ */
+ FreeHandTool.prototype.mouseDown = function (args) {
+ _super.prototype.mouseDown.call(this, args);
+ this.inAction = true;
+ if (!this.drawingObject) {
+ this.startPoint = { x: this.startPosition.x, y: this.startPosition.y };
+ var node = {
+ offsetX: this.currentPosition.x,
+ offsetY: this.currentPosition.y,
+ width: 5, height: 5,
+ style: { strokeColor: 'black', strokeWidth: 1, fill: 'transparent' },
+ shape: {
+ type: 'Path',
+ points: [{ x: this.startPoint.x, y: this.startPoint.y }, { x: this.currentPosition.x, y: this.currentPosition.y }]
+ }
+ };
+ this.drawingObject = this.commandHandler.drawObject(node);
+ }
+ };
+ /**
+ * mouseUp - Remove the drawn object. Reduce and smoothen the collected points and create
+ * a bezier connector using the smoothened points.
+ * @param args
+ * @private
+ */
+ FreeHandTool.prototype.mouseUp = function (args) {
+ this.checkPropertyValue();
+ var tolerance = 10;
+ var smoothValue = 0.5;
+ if (this.inAction) {
+ this.inAction = false;
+ if (this.drawingObject) {
+ var obj = this.drawingObject.shape;
+ var points = obj.points;
+ this.commandHandler.addObjectToDiagram(this.drawingObject);
+ var prevId = this.drawingObject.id;
+ var prevObj = this.commandHandler.diagram.nameTable["" + prevId];
+ this.commandHandler.diagram.remove(prevObj);
+ points = this.pointReduction(points, tolerance);
+ //EJ2-69816 - Added below code to set the allow segment reset as false to avoid the unwanted segment reset.
+ var newObj = {
+ id: 'newConnector' + Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["randomId"])(), type: 'Bezier',
+ sourcePoint: { x: points[0].x, y: points[0].y }, targetPoint: { x: points[points.length - 1].x, y: points[points.length - 1].y },
+ segments: [], targetDecorator: { shape: 'None' }, bezierSettings: { allowSegmentsReset: false }
+ };
+ this.drawingObject = this.commandHandler.drawObject(newObj);
+ this.drawingObject = this.bezierCurveSmoothness(points, smoothValue, this.drawingObject, obj);
+ this.commandHandler.updateConnectorPoints(this.drawingObject);
+ this.commandHandler.addObjectToDiagram(this.drawingObject);
+ //(EJ2-70838)- Added code to resolve style property not added dynamically for freehand connector
+ // Added code to resolve style property not added dynamically for freehand connector
+ _super.prototype.mouseUp.call(this, args);
+ }
+ }
+ };
+ /**
+ * Reduce the collected points based on tolerance value.
+ * @param points
+ * @param tolerance
+ * @returns points
+ */
+ FreeHandTool.prototype.pointReduction = function (points, tolerance) {
+ if (points === null || points.length < 3) {
+ return points;
+ }
+ var firstPoint = 0;
+ var lastPoint = points.length - 1;
+ var pointIndex = [];
+ pointIndex.push(firstPoint);
+ pointIndex.push(lastPoint);
+ while (points[parseInt(firstPoint.toString(), 10)] === (points[parseInt(lastPoint.toString(), 10)])) {
+ lastPoint--;
+ }
+ this.reduction(points, firstPoint, lastPoint, tolerance, pointIndex);
+ var returnedPoints = [];
+ pointIndex.sort(function (a, b) { return a - b; });
+ pointIndex.forEach(function (element) {
+ returnedPoints.push(points[parseInt(element.toString(), 10)]);
+ });
+ return returnedPoints;
+ };
+ FreeHandTool.prototype.reduction = function (points, firstPoint, lastPoint, tolerance, pointIndex) {
+ var maxDistance = 0;
+ var largestPointIndex = 0;
+ for (var i = firstPoint; i < lastPoint; i++) {
+ var distance = this.perpendicularDistance(points[parseInt(firstPoint.toString(), 10)], points[parseInt(lastPoint.toString(), 10)], points[parseInt(i.toString(), 10)]);
+ if (distance > maxDistance) {
+ maxDistance = distance;
+ largestPointIndex = i;
+ }
+ }
+ if (maxDistance > tolerance && largestPointIndex !== 0) {
+ pointIndex.push(largestPointIndex);
+ this.reduction(points, firstPoint, largestPointIndex, tolerance, pointIndex);
+ this.reduction(points, largestPointIndex, lastPoint, tolerance, pointIndex);
+ }
+ };
+ /**
+ * Calculate the perpendicular distance of each point with first and last points
+ * @param point1
+ * @param point2
+ * @param point3
+ * @returns
+ */
+ FreeHandTool.prototype.perpendicularDistance = function (point1, point2, point3) {
+ var area = Math.abs(.5 * ((point1.x * point2.y - point2.x * point1.y) +
+ (point2.x * point3.y - point3.x * point2.y) + (point3.x * point1.y - point1.x * point3.y)));
+ var base = Math.sqrt(Math.pow(point1.x - point2.x, 2) + Math.pow(point1.y - point2.y, 2));
+ var height = area / base * 2;
+ return height;
+ };
+ /**
+ * Smoothen the bezier curve based on the points and smoothValue.
+ * @param points
+ * @param smoothValue
+ * @param drawingObject
+ * @param obj
+ * @returns drawingObject
+ */
+ FreeHandTool.prototype.bezierCurveSmoothness = function (points, smoothValue, drawingObject, obj) {
+ if (points.length < 3) {
+ return drawingObject;
+ }
+ for (var i = 0; i < points.length - 1; i++) {
+ var pointx1 = points[parseInt(i.toString(), 10)].x;
+ var pointy1 = points[parseInt(i.toString(), 10)].y;
+ var pointx2 = points[i + 1].x;
+ var pointy2 = points[i + 1].y;
+ var pointx0 = void 0;
+ var pointy0 = void 0;
+ if (i === 0) {
+ var previousPoint = points[parseInt(i.toString(), 10)];
+ pointx0 = previousPoint.x;
+ pointy0 = previousPoint.y;
+ }
+ else {
+ pointx0 = points[i - 1].x;
+ pointy0 = points[i - 1].y;
+ }
+ var pointx3 = void 0, pointy3 = void 0;
+ if (i === points.length - 2) {
+ var nextPoint = points[i + 1];
+ pointx3 = nextPoint.x;
+ pointy3 = nextPoint.y;
+ }
+ else {
+ pointx3 = points[i + 2].x;
+ pointy3 = points[i + 2].y;
+ }
+ var xc1 = (pointx0 + pointx1) / 2.0;
+ var yc1 = (pointy0 + pointy1) / 2.0;
+ var xc2 = (pointx1 + pointx2) / 2.0;
+ var yc2 = (pointy1 + pointy2) / 2.0;
+ var xc3 = (pointx2 + pointx3) / 2.0;
+ var yc3 = (pointy2 + pointy3) / 2.0;
+ var point0 = {};
+ var point1 = {};
+ var point2 = {};
+ var point3 = {};
+ point0.x = pointx0;
+ point0.y = pointy0;
+ point1.x = pointx1;
+ point1.y = pointy1;
+ point2.x = pointx2;
+ point2.y = pointy2;
+ point3.x = pointx3;
+ point3.y = pointy3;
+ var len1 = _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].findLength(point0, point1);
+ var len2 = _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].findLength(point1, point2);
+ var len3 = _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].findLength(point2, point3);
+ var k1 = len1 / (len1 + len2);
+ var k2 = len2 / (len2 + len3);
+ var xm1 = xc1 + (xc2 - xc1) * k1;
+ var ym1 = yc1 + (yc2 - yc1) * k1;
+ var xm2 = xc2 + (xc3 - xc2) * k2;
+ var ym2 = yc2 + (yc3 - yc2) * k2;
+ var Controlpointx1 = xm1 + (xc2 - xm1) * smoothValue + pointx1 - xm1;
+ var Controlpointy1 = ym1 + (yc2 - ym1) * smoothValue + pointy1 - ym1;
+ var Controlpointx2 = xm2 + (xc2 - xm2) * smoothValue + pointx2 - xm2;
+ var Controlpointy2 = ym2 + (yc2 - ym2) * smoothValue + pointy2 - ym2;
+ var segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_1__["BezierSegment"](obj, 'segments', { type: 'Bezier' }, true);
+ var cnPt1 = { x: Controlpointx1, y: Controlpointy1 };
+ var cnPt2 = { x: Controlpointx2, y: Controlpointy2 };
+ var segSourcePoint = { x: pointx1, y: pointy1 };
+ var segTargetPoint = { x: pointx2, y: pointy2 };
+ segment.type = 'Bezier';
+ drawingObject.segments[parseInt(i.toString(), 10)] = segment;
+ if (i === 0) {
+ cnPt1 = { x: pointx1, y: pointy1 };
+ }
+ if (i === points.length - 2) {
+ cnPt2 = { x: pointx2, y: pointy2 };
+ }
+ drawingObject.segments[parseInt(i.toString(), 10)].vector1 = { angle: Object(_utility_connector__WEBPACK_IMPORTED_MODULE_15__["findAngle"])(segSourcePoint, cnPt1), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].findLength(segSourcePoint, cnPt1) };
+ drawingObject.segments[parseInt(i.toString(), 10)].vector2 = { angle: Object(_utility_connector__WEBPACK_IMPORTED_MODULE_15__["findAngle"])(segTargetPoint, cnPt2), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"].findLength(segTargetPoint, cnPt2) };
+ drawingObject.segments[parseInt(i.toString(), 10)].point = segTargetPoint;
+ }
+ return drawingObject;
+ };
+ return FreeHandTool;
+}(ToolBase));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/complex-hierarchical-tree.js":
+/*!************************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/complex-hierarchical-tree.js ***!
+ \************************************************************************************************/
+/*! exports provided: ComplexHierarchicalTree */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ComplexHierarchicalTree", function() { return ComplexHierarchicalTree; });
+/**
+ * Connects diagram objects with layout algorithm
+ */
+var ComplexHierarchicalTree = /** @__PURE__ @class */ (function () {
+ /**
+ * Constructor for the hierarchical tree layout module
+ *
+ * @private
+ */
+ function ComplexHierarchicalTree() {
+ //constructs the layout module
+ }
+ /**
+ * To destroy the hierarchical tree module
+ *
+ * @returns {void}
+ * @private
+ */
+ ComplexHierarchicalTree.prototype.destroy = function () {
+ /**
+ * Destroy method performed here
+ */
+ };
+ /**
+ * Core method to return the component name.
+ *
+ * @returns {string} Core method to return the component name.
+ * @private
+ */
+ ComplexHierarchicalTree.prototype.getModuleName = function () {
+ /**
+ * Returns the module name of the layout
+ *
+ */
+ return 'ComplexHierarchicalTree';
+ };
+ /**
+ * doLayout method\
+ *
+ * @returns { void } doLayout method .\
+ * @param {INode[]} nodes - provide the nodes value.
+ * @param {{}} nameTable - provide the nameTable value.
+ * @param {Layout} layout - provide the layout value.
+ * @param {PointModel} viewPort - provide the viewPort value.
+ * @param {LineDistribution} lineDistribution - provide the lineDistribution value.
+ * @private
+ */
+ ComplexHierarchicalTree.prototype.doLayout = function (nodes, nameTable, layout, viewPort, lineDistribution) {
+ new HierarchicalLayoutUtil().doLayout(nodes, nameTable, layout, viewPort, lineDistribution);
+ };
+ ComplexHierarchicalTree.prototype.getLayoutNodesCollection = function (nodes) {
+ var nodesCollection = [];
+ var node;
+ var parentId = 'parentId';
+ var processId = 'processId';
+ for (var i = 0; i < nodes.length; i++) {
+ node = nodes[parseInt(i.toString(), 10)];
+ if ((node.inEdges.length + node.outEdges.length > 0) && !node["" + parentId] && !node["" + processId]) {
+ nodesCollection.push(node);
+ }
+ }
+ return nodesCollection;
+ };
+ return ComplexHierarchicalTree;
+}());
+
+/**
+ * Utility that arranges the nodes in hierarchical structure
+ */
+var HierarchicalLayoutUtil = /** @__PURE__ @class */ (function () {
+ function HierarchicalLayoutUtil() {
+ this.nameTable = {};
+ this.crossReduction = new CrossReduction();
+ /**
+ * The preferred vertical offset between edges exiting a vertex Default is 2.
+ */
+ this.previousEdgeOffset = 6;
+ /**
+ * The preferred horizontal distance between edges exiting a vertex Default is 5.
+ */
+ this.previousEdgeDistance = 5;
+ /**
+ * Holds the collection vertices, that are equivalent to nodes to be arranged
+ */
+ this.jettyPositions = {};
+ /**
+ * Internal cache of bottom-most value of Y for each rank
+ */
+ this.rankBottomY = null;
+ /**
+ * Internal cache of bottom-most value of X for each rank
+ */
+ this.limitX = null;
+ /**
+ * Internal cache of top-most values of Y for each rank
+ */
+ this.rankTopY = null;
+ /**
+ * The minimum parallelEdgeSpacing value is 12.
+ */
+ this.parallelEdgeSpacing = 10;
+ /**
+ * The minimum distance for an edge jetty from a vertex Default is 12.
+ */
+ this.minEdgeJetty = 12;
+ }
+ //Defines a vertex that is equivalent to a node object
+ HierarchicalLayoutUtil.prototype.createVertex = function (node, value, x, y, width, height) {
+ var geometry = { x: x, y: y, width: width, height: height };
+ var vertex = {
+ value: value, geometry: geometry, name: value, vertex: true,
+ inEdges: node.inEdges.slice(), outEdges: node.outEdges.slice()
+ };
+ return vertex;
+ };
+ /**
+ * Initializes the edges collection of the vertices\
+ *
+ * @returns { IConnector[] } Initializes the edges collection of the vertices\
+ * @param {Vertex} node - provide the node value.
+ * @private
+ */
+ HierarchicalLayoutUtil.prototype.getEdges = function (node) {
+ var edges = [];
+ if (node) {
+ for (var i = 0; node.inEdges.length > 0 && i < node.inEdges.length; i++) {
+ edges.push(this.nameTable[node.inEdges[parseInt(i.toString(), 10)]]);
+ }
+ for (var i = 0; node.outEdges.length > 0 && i < node.outEdges.length; i++) {
+ edges.push(this.nameTable[node.outEdges[parseInt(i.toString(), 10)]]);
+ }
+ }
+ return edges;
+ };
+ //Finds the root nodes of the layout
+ HierarchicalLayoutUtil.prototype.findRoots = function (vertices) {
+ var roots = [];
+ var best = null;
+ var maxDiff = -100000;
+ for (var _i = 0, _a = Object.keys(vertices); _i < _a.length; _i++) {
+ var i = _a[_i];
+ var cell = vertices["" + i];
+ var conns = this.getEdges(cell);
+ var outEdges = 0;
+ var inEdges = 0;
+ for (var k = 0; k < conns.length; k++) {
+ var src = this.getVisibleTerminal(conns[parseInt(k.toString(), 10)], true);
+ if (src.name === cell.name) {
+ outEdges++;
+ }
+ else {
+ inEdges++;
+ }
+ }
+ if (inEdges === 0 && outEdges > 0) {
+ roots.push(cell);
+ }
+ var diff = outEdges - inEdges;
+ if (diff > maxDiff) {
+ maxDiff = diff;
+ best = cell;
+ }
+ }
+ if (roots.length === 0 && best != null) {
+ roots.push(best);
+ }
+ return roots;
+ };
+ /**
+ * Returns the source/target vertex of the given connector \
+ *
+ * @returns { Vertex } Returns the source/target vertex of the given connector \
+ * @param {IConnector} edge - provide the node value.
+ * @param {boolean} source - provide the node value.
+ * @private
+ */
+ HierarchicalLayoutUtil.prototype.getVisibleTerminal = function (edge, source) {
+ var terminalCache = this.nameTable[edge.targetID];
+ if (source) {
+ terminalCache = this.nameTable[edge.sourceID];
+ }
+ for (var i = 0; i < this.vertices.length; i++) {
+ if (this.vertices[parseInt(i.toString(), 10)].name === terminalCache.id) {
+ return this.vertices[parseInt(i.toString(), 10)];
+ }
+ }
+ return null;
+ };
+ /**
+ * Traverses each sub tree, ensures there is no cycle in traversing \
+ *
+ * @returns { {} } Traverses each sub tree, ensures there is no cycle in traversing .\
+ * @param {Vertex} vertex - provide the vertex value.
+ * @param {boolean} directed - provide the directed value.
+ * @param {IConnector} edge - provide the edge value.
+ * @param {{}} currentComp - provide the currentComp value.
+ * @param {{}[]} hierarchyVertices - provide the hierarchyVertices value.
+ * @param {{}} filledVertices - provide the filledVertices value.
+ * @private
+ */
+ HierarchicalLayoutUtil.prototype.traverse = function (vertex, directed, edge, currentComp, hierarchyVertices, filledVertices) {
+ if (vertex != null) {
+ var vertexID = vertex.name;
+ if ((filledVertices == null ? true : filledVertices["" + vertexID] != null)) {
+ if (currentComp["" + vertexID] == null) {
+ currentComp["" + vertexID] = vertex;
+ }
+ if (filledVertices != null) {
+ delete filledVertices["" + vertexID];
+ }
+ var edges = this.getEdges(vertex);
+ var edgeIsSource = [];
+ for (var i = 0; i < edges.length; i++) {
+ edgeIsSource[parseInt(i.toString(), 10)] = this.getVisibleTerminal(edges[parseInt(i.toString(), 10)], true) === vertex;
+ }
+ for (var i = 0; i < edges.length; i++) {
+ if (!directed || edgeIsSource[parseInt(i.toString(), 10)]) {
+ var next = this.getVisibleTerminal(edges[parseInt(i.toString(), 10)], !edgeIsSource[parseInt(i.toString(), 10)]);
+ var netCount = 1;
+ for (var j = 0; j < edges.length; j++) {
+ if (j === i) {
+ continue;
+ }
+ else {
+ var isSource2 = edgeIsSource[parseInt(j.toString(), 10)];
+ var otherTerm = this.getVisibleTerminal(edges[parseInt(j.toString(), 10)], !isSource2);
+ if (otherTerm === next) {
+ if (isSource2) {
+ netCount++;
+ }
+ else {
+ netCount--;
+ }
+ }
+ }
+ }
+ if (netCount >= 0) {
+ currentComp = this.traverse(next, directed, edges[parseInt(i.toString(), 10)], currentComp, hierarchyVertices, filledVertices);
+ }
+ }
+ }
+ }
+ else {
+ if (currentComp["" + vertexID] == null) {
+ // We've seen this vertex before, but not in the current component This component and the one it's in need to be merged
+ for (var i = 0; i < hierarchyVertices.length; i++) {
+ var comp = hierarchyVertices[parseInt(i.toString(), 10)];
+ if (comp["" + vertexID] != null) {
+ for (var _i = 0, _a = Object.keys(comp); _i < _a.length; _i++) {
+ var key = _a[_i];
+ currentComp["" + key] = comp["" + key];
+ }
+ // Remove the current component from the hierarchy set
+ hierarchyVertices.splice(i, 1);
+ return currentComp;
+ }
+ }
+ }
+ }
+ }
+ return currentComp;
+ };
+ //Returns the bounds of the given vertices
+ HierarchicalLayoutUtil.prototype.getModelBounds = function (nodes) {
+ nodes = nodes.slice();
+ var rect = null;
+ var rect1 = null;
+ for (var i = 0; i < nodes.length; i++) {
+ rect = nodes[parseInt(i.toString(), 10)].geometry;
+ if (rect1) {
+ var right = Math.max(rect1.x + rect1.width, rect.x + rect.width);
+ var bottom = Math.max(rect1.y + rect1.height, rect.y + rect.height);
+ rect1.x = Math.min(rect1.x, rect.x);
+ rect1.y = Math.min(rect1.y, rect.y);
+ rect1.width = right - rect1.x;
+ rect1.height = bottom - rect1.y;
+ }
+ else {
+ rect1 = { x: rect.x, y: rect.y, width: rect.width, height: rect.height };
+ }
+ }
+ return rect1;
+ };
+ /* tslint:disable */
+ /**
+ * Initializes the layouting process \
+ *
+ * @returns { Vertex } Initializes the layouting process \
+ * @param {INode[]} nodes - provide the node value.
+ * @param {{}} nameTable - provide the nameTable value.
+ * @param {Layout} layoutProp - provide the layoutProp value.
+ * @param {PointModel} viewPort - provide the viewPort value.
+ * @param {LineDistribution} lineDistribution - provide the lineDistribution value.
+ * @private
+ */
+ HierarchicalLayoutUtil.prototype.doLayout = function (nodes, nameTable, layoutProp, viewPort, lineDistribution) {
+ this.nameTable = nameTable;
+ var canEnableRouting = layoutProp.enableRouting;
+ var layout = {
+ horizontalSpacing: layoutProp.horizontalSpacing, verticalSpacing: layoutProp.verticalSpacing,
+ orientation: layoutProp.orientation, marginX: layoutProp.margin.left, marginY: layoutProp.margin.top,
+ enableLayoutRouting: canEnableRouting
+ };
+ var model;
+ if (lineDistribution) {
+ lineDistribution.edgeMapper = [];
+ }
+ var nodeWithMultiEdges = [];
+ this.vertices = [];
+ var filledVertexSet = {};
+ for (var i = 0; i < nodes.length; i++) {
+ var node = this.createVertex(nodes[parseInt(i.toString(), 10)], nodes[parseInt(i.toString(), 10)].id, 0, 0, nodes[parseInt(i.toString(), 10)].actualSize.width, nodes[parseInt(i.toString(), 10)].actualSize.height);
+ this.vertices.push(node);
+ if (nodes[parseInt(i.toString(), 10)].inEdges.length > 0 || nodes[parseInt(i.toString(), 10)].outEdges.length > 0) {
+ nodeWithMultiEdges.push(nodes[parseInt(i.toString(), 10)]);
+ }
+ filledVertexSet[node.name] = node;
+ if (lineDistribution) {
+ var outEdges = nodes[parseInt(i.toString(), 10)].outEdges.slice();
+ for (var j = 0; j < outEdges.length; j++) {
+ var outEdge = nameTable[outEdges[parseInt(j.toString(), 10)]];
+ lineDistribution.setEdgeMapper({ key: outEdge, value: [] });
+ }
+ }
+ }
+ var hierarchyVertices = [];
+ //let candidateRoots: Vertex[];
+ var candidateRoots = this.findRoots(filledVertexSet);
+ for (var i = 0; i < candidateRoots.length; i++) {
+ var vertexSet = {};
+ hierarchyVertices.push(vertexSet);
+ this.traverse(candidateRoots[parseInt(i.toString(), 10)], true, null, vertexSet, hierarchyVertices, filledVertexSet);
+ }
+ var limit = { marginX: 0, marginY: 0 };
+ var tmp = [];
+ var checkLinear = false;
+ var matrixModel;
+ for (var i = 0; i < hierarchyVertices.length; i++) {
+ var vertexSet = hierarchyVertices[parseInt(i.toString(), 10)];
+ // eslint-disable-next-line
+ for (var _i = 0, _a = Object.keys(vertexSet); _i < _a.length; _i++) {
+ var key = _a[_i];
+ tmp.push(vertexSet["" + key]);
+ }
+ if ((layoutProp.arrangement === 'Linear' && i === hierarchyVertices.length - 1) || canEnableRouting) {
+ checkLinear = true;
+ }
+ model = new MultiParentModel(this, tmp, candidateRoots, layout);
+ this.cycleStage(model);
+ this.layeringStage(model);
+ if ((lineDistribution && layoutProp.connectionPointOrigin === 'DifferentPoint') || checkLinear) {
+ matrixModel = this.matrixModel({ model: model, matrix: [], rowOffset: [] });
+ lineDistribution.arrangeElements(matrixModel, layoutProp);
+ }
+ else {
+ if (layoutProp.arrangement === 'Nonlinear') {
+ this.crossingStage(model);
+ limit = this.placementStage(model, limit.marginX, limit.marginY);
+ tmp = [];
+ }
+ }
+ }
+ var modelBounds = this.getModelBounds(this.vertices);
+ this.updateMargin(layoutProp, layout, modelBounds, viewPort);
+ for (var i = 0; i < this.vertices.length; i++) {
+ var clnode = this.vertices[parseInt(i.toString(), 10)];
+ if (clnode) { //Check what is node.source/node.target - && !clnode.source && !clnode.target) {
+ var dnode = this.nameTable[clnode.name];
+ dnode.offsetX = 0;
+ dnode.offsetY = 0;
+ //initialize layout
+ var dx = (clnode.geometry.x - (dnode.offsetX - (dnode.actualSize.width / 2))) + layout.marginX;
+ var dy = (clnode.geometry.y - (dnode.offsetY - (dnode.actualSize.height / 2))) + layout.marginY;
+ var x = dx;
+ var y = dy;
+ if (layout.orientation === 'BottomToTop') {
+ if (canEnableRouting) {
+ clnode.geometry.y = modelBounds.height - dy - dnode.actualSize.height / 2;
+ }
+ y = modelBounds.height - dy;
+ }
+ else if (layout.orientation === 'RightToLeft') {
+ x = modelBounds.width - dx;
+ }
+ dnode.offsetX += x - dnode.offsetX;
+ dnode.offsetY += y - dnode.offsetY;
+ }
+ }
+ if (!checkLinear) {
+ for (var i = 0; i < this.vertices.length; i++) {
+ this.isNodeOverLap(this.nameTable[this.vertices[parseInt(i.toString(), 10)].name], layoutProp);
+ }
+ }
+ if ((lineDistribution && layoutProp.connectionPointOrigin === 'DifferentPoint') || canEnableRouting) {
+ lineDistribution.updateLayout(viewPort, modelBounds, layoutProp, layout, nodeWithMultiEdges, nameTable);
+ }
+ if (canEnableRouting) {
+ var vertices = {};
+ var matrixrow1 = void 0;
+ for (var p = 0; p < matrixModel.matrix.length; p++) {
+ matrixrow1 = matrixModel.matrix[parseInt(p.toString(), 10)].value;
+ for (var q = 0; q < matrixrow1.length; q++) {
+ var matrixCell = matrixrow1[parseInt(q.toString(), 10)];
+ for (var r = 0; r < matrixCell.cells.length; r++) {
+ var cell = matrixCell.cells[parseInt(r.toString(), 10)];
+ var type = this.getType(cell.type);
+ if (type === 'internalVertex') {
+ var internalVertex = cell;
+ vertices[internalVertex.id] = internalVertex;
+ }
+ }
+ }
+ }
+ this.updateRankValuess(model);
+ for (var i = 0, a = Object.keys(vertices); i < a.length; i++) {
+ var key = a[parseInt(i.toString(), 10)];
+ this.setVertexLocationValue(vertices["" + key], layoutProp.orientation, modelBounds);
+ }
+ this.localEdgeProcessing(model, vertices);
+ this.assignRankOffset(model);
+ this.updateEdgeSetXYValue(model);
+ var edges = this.getValues(model.edgeMapper);
+ for (var i = 0; i < edges.length; i++) {
+ if ((edges[parseInt(i.toString(), 10)]).x.length > 0) {
+ for (var j = 0; j < (edges[parseInt(i.toString(), 10)]).x.length; j++) {
+ if (layoutProp.orientation !== 'RightToLeft' && layoutProp.orientation !== 'LeftToRight') {
+ (edges[parseInt(i.toString(), 10)]).x[parseInt(j.toString(), 10)] = (edges[parseInt(i.toString(), 10)]).x[parseInt(j.toString(), 10)] + layout.marginX;
+ }
+ else if (layoutProp.orientation === 'LeftToRight') {
+ (edges[parseInt(i.toString(), 10)]).x[parseInt(j.toString(), 10)] = (edges[parseInt(i.toString(), 10)]).x[parseInt(j.toString(), 10)] + layoutProp.verticalSpacing / 2;
+ }
+ else {
+ (edges[parseInt(i.toString(), 10)]).x[parseInt(j.toString(), 10)] = (edges[parseInt(i.toString(), 10)]).x[parseInt(j.toString(), 10)] + layoutProp.verticalSpacing / 2;
+ }
+ }
+ }
+ this.setEdgePosition(edges[parseInt(i.toString(), 10)], model, layout);
+ }
+ for (var p = 0; p < this.vertices.length; p++) {
+ var clnode = this.vertices[parseInt(p.toString(), 10)];
+ if (clnode.outEdges.length > 1) {
+ this.updateMultiOutEdgesPoints(clnode);
+ }
+ }
+ }
+ };
+ HierarchicalLayoutUtil.prototype.setEdgeXY = function (ranks, node, spacing, layer) {
+ if (ranks && node.source.id) {
+ var targetValue = void 0;
+ var sourceValue = void 0;
+ for (var i = 0; i < ranks.length; i++) {
+ for (var k = 0; k < ranks[parseInt(i.toString(), 10)].length; k++) {
+ if (ranks[parseInt(i.toString(), 10)][parseInt(k.toString(), 10)].id === node.target.id || ranks[parseInt(i.toString(), 10)][parseInt(k.toString(), 10)].id === node.source.id) {
+ if (ranks[parseInt(i.toString(), 10)][parseInt(k.toString(), 10)].id === node.target.id && targetValue === undefined) {
+ targetValue = i;
+ }
+ if (ranks[parseInt(i.toString(), 10)][parseInt(k.toString(), 10)].id === node.source.id && sourceValue === undefined) {
+ sourceValue = i;
+ }
+ }
+ }
+ }
+ var rankOffsetValue = void 0;
+ for (var m = targetValue; m <= sourceValue; m++) {
+ if (rankOffsetValue === undefined) {
+ rankOffsetValue = this[m + '_RankOffset'];
+ }
+ if (rankOffsetValue !== undefined && rankOffsetValue < this[m + '_RankOffset']) {
+ rankOffsetValue = this[m + '_RankOffset'];
+ }
+ }
+ if (this['edges'] === undefined) {
+ this['edges'] = {};
+ }
+ this['edges'][(node).ids[0]] = { x: node.x, y: 0 };
+ var value = this.resetOffsetXValue(rankOffsetValue, spacing / 10);
+ node.x[layer - node.minRank - 1] = value;
+ for (var k = 0; k < (node).edges.length; k++) {
+ (node).edges[parseInt(k.toString(), 10)]['levelSkip'] = true;
+ }
+ }
+ };
+ HierarchicalLayoutUtil.prototype.resetOffsetXValue = function (value, spacing) {
+ for (var i = 0, a = Object.keys(this['edges']); i < a.length; i++) {
+ var key = a[parseInt(i.toString(), 10)];
+ var length_1 = this['edges']["" + key].x;
+ for (var j = 0; j < length_1.length; j++) {
+ var offsetValue = void 0;
+ if (this['edges']["" + key].x[parseInt(j.toString(), 10)] === value) {
+ offsetValue = value + spacing;
+ offsetValue = this.resetOffsetXValue(offsetValue, spacing);
+ return offsetValue;
+ }
+ }
+ }
+ return value;
+ };
+ HierarchicalLayoutUtil.prototype.setEdgePosition = function (cell, model, layout) {
+ // For parallel edges we need to seperate out the points a
+ // little
+ var offsetX = 0;
+ // Only set the edge control points once
+ if (cell.temp[0] !== 101207) {
+ if (cell.maxRank === undefined) {
+ cell.maxRank = -1;
+ }
+ if (cell.minRank === undefined) {
+ cell.minRank = -1;
+ }
+ var maxRank = cell.maxRank;
+ var minRank = cell.minRank;
+ if (maxRank === minRank) {
+ maxRank = cell.source.maxRank;
+ minRank = cell.target.minRank;
+ }
+ var parallelEdgeCount = 0;
+ var jettys = this.jettyPositions[cell.ids[0]];
+ if (cell.isReversed === undefined) {
+ cell.isReversed = false;
+ }
+ else {
+ cell.isReversed = true;
+ }
+ var source = cell.isReversed ? cell.target.cell : cell.source.cell;
+ var layoutReversed = false;
+ if (model.layout.orientation === 'TopToBottom' || model.layout.orientation === 'LeftToRight') {
+ if (model.layout.orientation === 'TopToBottom') {
+ layoutReversed = false;
+ }
+ if (model.layout.orientation === 'LeftToRight') {
+ if (!cell.isReversed) {
+ layoutReversed = false;
+ }
+ else {
+ layoutReversed = false;
+ }
+ }
+ }
+ else {
+ if (!cell.isReversed) {
+ layoutReversed = true;
+ }
+ }
+ for (var i = 0; i < cell.edges.length; i++) {
+ var realEdge = cell.edges[parseInt(i.toString(), 10)];
+ var realSource = this.getVisibleTerminal(realEdge, true);
+ //List oldPoints = graph.getPoints(realEdge);
+ var newPoints = [];
+ // Single length reversed edges end up with the jettys in the wrong
+ // places. Since single length edges only have jettys, not segment
+ // control points, we just say the edge isn't reversed in this section
+ var reversed = cell.isReversed;
+ // if(cell.isReversed===undefined){
+ // reversed = false
+ // }else{
+ // reversed =cell.isReversed
+ // }
+ if (realSource !== source) {
+ // The real edges include all core model edges and these can go
+ // in both directions. If the source of the hierarchical model edge
+ // isn't the source of the specific real edge in this iteration
+ // treat if as reversed
+ reversed = !reversed;
+ }
+ // First jetty of edge
+ if (jettys != null) {
+ var arrayOffset = reversed ? 2 : 0;
+ var y = reversed ?
+ (layoutReversed ? this.rankBottomY[parseInt(minRank.toString(), 10)] : this.rankTopY[parseInt(minRank.toString(), 10)]) :
+ (layoutReversed ? this.rankTopY[parseInt(maxRank.toString(), 10)] : this.rankBottomY[parseInt(maxRank.toString(), 10)]);
+ var jetty = jettys[parallelEdgeCount * 4 + 1 + arrayOffset];
+ if (reversed !== layoutReversed) {
+ jetty = -jetty;
+ }
+ if (layout.orientation === 'TopToBottom' || layout.orientation === 'BottomToTop') {
+ y += jetty;
+ }
+ var x = jettys[parallelEdgeCount * 4 + arrayOffset];
+ if (layout.orientation === 'TopToBottom' || layout.orientation === 'BottomToTop') {
+ newPoints.push(this.getPointvalue(x, y + layout.marginY));
+ }
+ else {
+ if (layout.orientation === 'LeftToRight') {
+ newPoints.push(this.getPointvalue(y + jetty, x + layout.marginY));
+ }
+ else {
+ newPoints.push(this.getPointvalue(y, x + layout.marginY));
+ }
+ }
+ }
+ var loopStart = cell.x.length - 1;
+ var loopLimit = -1;
+ var loopDelta = -1;
+ var currentRank = cell.maxRank - 1;
+ if (reversed) {
+ loopStart = 0;
+ loopLimit = cell.x.length;
+ loopDelta = 1;
+ currentRank = cell.minRank + 1;
+ }
+ // Reversed edges need the points inserted in
+ // reverse order
+ for (var j = loopStart; (cell.maxRank !== cell.minRank) && j !== loopLimit; j += loopDelta) {
+ // The horizontal position in a vertical layout
+ var positionX = cell.x[parseInt(j.toString(), 10)] + offsetX;
+ // This cell.x determines the deviated points of the connectors and jetty positions
+ //determine the src and targetgeo points .
+ // Work out the vertical positions in a vertical layout
+ // in the edge buffer channels above and below this rank
+ var topChannelY = (this.rankTopY[parseInt(currentRank.toString(), 10)] + this.rankBottomY[currentRank + 1]) / 2.0;
+ var bottomChannelY = (this.rankTopY[currentRank - 1] + this.rankBottomY[parseInt(currentRank.toString(), 10)]) / 2.0;
+ if (reversed) {
+ var tmp = topChannelY;
+ topChannelY = bottomChannelY;
+ bottomChannelY = tmp;
+ }
+ if (layout.orientation === 'TopToBottom' || layout.orientation === 'BottomToTop') {
+ newPoints.push(this.getPointvalue(positionX, topChannelY + layout.marginY));
+ newPoints.push(this.getPointvalue(positionX, bottomChannelY + layout.marginY));
+ }
+ else {
+ newPoints.push(this.getPointvalue(topChannelY, positionX + layout.marginY));
+ newPoints.push(this.getPointvalue(bottomChannelY, positionX + layout.marginY));
+ }
+ this.limitX = Math.max(this.limitX, positionX);
+ currentRank += loopDelta;
+ }
+ // Second jetty of edge
+ if (jettys != null) {
+ var arrayOffset = reversed ? 2 : 0;
+ var rankY = reversed ?
+ (layoutReversed ? this.rankTopY[parseInt(maxRank.toString(), 10)] : this.rankBottomY[parseInt(maxRank.toString(), 10)]) :
+ (layoutReversed ? this.rankBottomY[parseInt(minRank.toString(), 10)] : this.rankTopY[parseInt(minRank.toString(), 10)]);
+ var jetty = jettys[parallelEdgeCount * 4 + 3 - arrayOffset];
+ if (reversed !== layoutReversed) {
+ jetty = -jetty;
+ }
+ var y = rankY - jetty;
+ var x = jettys[parallelEdgeCount * 4 + 2 - arrayOffset];
+ if (layout.orientation === 'TopToBottom' || layout.orientation === 'BottomToTop') {
+ newPoints.push(this.getPointvalue(x, y + layout.marginY));
+ }
+ else {
+ newPoints.push(this.getPointvalue(y, x + layout.marginY));
+ }
+ }
+ this.setEdgePoints(realEdge, newPoints, model);
+ // Increase offset so next edge is drawn next to
+ // this one
+ if (offsetX === 0.0) {
+ offsetX = this.parallelEdgeSpacing;
+ }
+ else if (offsetX > 0) {
+ offsetX = -offsetX;
+ }
+ else {
+ offsetX = -offsetX + this.parallelEdgeSpacing;
+ }
+ parallelEdgeCount++;
+ }
+ cell.temp[0] = 101207;
+ }
+ };
+ /* tslint:enable */
+ // eslint-disable-next-line
+ HierarchicalLayoutUtil.prototype.getPointvalue = function (x, y) {
+ return { 'x': Number(x) || 0, 'y': Number(y) || 0 };
+ };
+ HierarchicalLayoutUtil.prototype.updateEdgeSetXYValue = function (model) {
+ if (model.layout.enableLayoutRouting) {
+ var isHorizontal = false;
+ if (model.layout.orientation === 'LeftToRight' || model.layout.orientation === 'RightToLeft') {
+ isHorizontal = true;
+ }
+ for (var i = 0; i < model.ranks.length; i++) {
+ var rank = model.ranks[parseInt(i.toString(), 10)];
+ for (var k = 0; k < rank.length; k++) {
+ var cell = rank[parseInt(k.toString(), 10)];
+ if ((cell).edges && (cell).edges.length > 0) {
+ var spacing = model.layout.horizontalSpacing > 0 ? (model.layout.horizontalSpacing / 2) : 15;
+ var check = true;
+ if (!(cell.minRank === i - 1 || cell.maxRank === i - 1)) {
+ check = false;
+ }
+ if (check) {
+ this.setXY(cell, i, undefined, isHorizontal ? true : false, model.ranks, spacing);
+ }
+ }
+ }
+ }
+ }
+ };
+ HierarchicalLayoutUtil.prototype.getPreviousLayerConnectedCells = function (layer, cell) {
+ if (cell.previousLayerConnectedCells == null) {
+ cell.previousLayerConnectedCells = [];
+ cell.previousLayerConnectedCells[0] = [];
+ for (var i = 0; i < cell.connectsAsSource.length; i++) {
+ var edge = cell.connectsAsSource[parseInt(i.toString(), 10)];
+ if (edge.minRank === -1 || edge.minRank === layer - 1) {
+ // No dummy nodes in edge, add node of other side of edge
+ cell.previousLayerConnectedCells[0].push(edge.target);
+ }
+ else {
+ // Edge spans at least two layers, add edge
+ cell.previousLayerConnectedCells[0].push(edge);
+ }
+ }
+ }
+ return cell.previousLayerConnectedCells[0];
+ };
+ HierarchicalLayoutUtil.prototype.compare = function (a, b) {
+ if (a != null && b != null) {
+ if (b.weightedValue > a.weightedValue) {
+ return -1;
+ }
+ else if (b.weightedValue < a.weightedValue) {
+ return 1;
+ }
+ }
+ return 0;
+ };
+ /* tslint:disable */
+ // eslint-disable-next-line
+ HierarchicalLayoutUtil.prototype.localEdgeProcessing = function (model, vertices) {
+ // Iterate through each vertex, look at the edges connected in
+ // both directions.
+ for (var rankIndex = 0; rankIndex < model.ranks.length; rankIndex++) {
+ var rank = model.ranks[parseInt(rankIndex.toString(), 10)];
+ for (var cellIndex = 0; cellIndex < rank.length; cellIndex++) {
+ var cell = rank[parseInt(cellIndex.toString(), 10)];
+ if (this.crossReduction.isVertex(cell)) {
+ var currentCells = this.getPreviousLayerConnectedCells(rankIndex, cell);
+ var currentRank = rankIndex - 1;
+ // Two loops, last connected cells, and next
+ for (var k = 0; k < 2; k++) {
+ if (currentRank > -1
+ && currentRank < model.ranks.length
+ && currentCells != null
+ && currentCells.length > 0) {
+ var sortedCells = [];
+ for (var j = 0; j < currentCells.length; j++) {
+ var sorter = this.weightedCellSorter(currentCells[parseInt(j.toString(), 10)], this.getX(currentRank, currentCells[parseInt(j.toString(), 10)]));
+ sortedCells.push(sorter);
+ }
+ sortedCells.sort(this.compare);
+ cell.width = vertices[cell.id].cell.geometry.width;
+ cell.height = vertices[cell.id].cell.geometry.height;
+ var leftLimit = void 0;
+ if (model.layout.orientation === 'TopToBottom' || model.layout.orientation === 'BottomToTop') {
+ cell.x[0] = vertices[cell.id].cell.geometry.x + vertices[cell.id].cell.geometry.width / 2;
+ leftLimit = cell.x[0] - cell.width / 2 + vertices[cell.id].cell.geometry.height / 2;
+ }
+ else {
+ cell.x[0] = vertices[cell.id].cell.geometry.y;
+ leftLimit = cell.x[0];
+ }
+ var rightLimit = leftLimit + cell.width;
+ // Connected edge count starts at 1 to allow for buffer
+ // with edge of vertex
+ var connectedEdgeCount = 0;
+ var connectedEdgeGroupCount = 0;
+ var connectedEdges = [];
+ // Calculate width requirements for all connected edges
+ for (var j = 0; j < sortedCells.length; j++) {
+ var innerCell = sortedCells[parseInt(j.toString(), 10)].cell;
+ var connections = void 0;
+ if (this.crossReduction.isVertex(innerCell)) {
+ // Get the connecting edge
+ if (k === 0) {
+ connections = cell.connectsAsSource;
+ }
+ else {
+ connections = cell.connectsAsTarget;
+ }
+ for (var connIndex = 0; connIndex < connections.length; connIndex++) {
+ if (connections[parseInt(connIndex.toString(), 10)].source === innerCell
+ || connections[parseInt(connIndex.toString(), 10)].target === innerCell) {
+ connectedEdgeCount += connections[parseInt(connIndex.toString(), 10)].edges
+ .length;
+ connectedEdgeGroupCount++;
+ connectedEdges.push(connections[parseInt(connIndex.toString(), 10)]);
+ }
+ }
+ }
+ else {
+ connectedEdgeCount += innerCell.edges.length;
+ // eslint-disable-next-line
+ connectedEdgeGroupCount++;
+ connectedEdges.push(innerCell);
+ }
+ }
+ var requiredWidth = (connectedEdgeCount + 1)
+ * this.previousEdgeDistance;
+ // Add a buffer on the edges of the vertex if the edge count allows
+ if (cell.width > requiredWidth
+ + (2 * this.previousEdgeDistance)) {
+ leftLimit += this.previousEdgeDistance;
+ rightLimit -= this.previousEdgeDistance;
+ }
+ var availableWidth = rightLimit - leftLimit;
+ var edgeSpacing = availableWidth / connectedEdgeCount;
+ var currentX = leftLimit + edgeSpacing / 2.0;
+ var currentYOffset = this.minEdgeJetty - this.previousEdgeOffset;
+ var maxYOffset = 0;
+ for (var j = 0; j < connectedEdges.length; j++) {
+ var numActualEdges = connectedEdges[parseInt(j.toString(), 10)].edges
+ .length;
+ if (this.jettyPositions === undefined) {
+ this.jettyPositions = {};
+ }
+ var pos = this.jettyPositions[connectedEdges[parseInt(j.toString(), 10)].ids[0]];
+ if (pos == null) {
+ pos = [];
+ this.jettyPositions[connectedEdges[parseInt(j.toString(), 10)].ids[0]] = pos;
+ }
+ if (j < connectedEdgeCount / 2) {
+ currentYOffset += this.previousEdgeOffset;
+ }
+ else if (j > connectedEdgeCount / 2) {
+ currentYOffset -= this.previousEdgeOffset;
+ }
+ // Ignore the case if equals, this means the second of 2
+ // jettys with the same y (even number of edges)
+ for (var m = 0; m < numActualEdges; m++) {
+ pos[m * 4 + k * 2] = currentX;
+ currentX += edgeSpacing;
+ pos[m * 4 + k * 2 + 1] = currentYOffset;
+ }
+ maxYOffset = Math.max(maxYOffset, currentYOffset);
+ }
+ }
+ currentCells = this.getNextLayerConnectedCells(rankIndex, cell);
+ currentRank = rankIndex + 1;
+ }
+ }
+ }
+ }
+ };
+ /* tslint:enable */
+ HierarchicalLayoutUtil.prototype.updateMultiOutEdgesPoints = function (clnode) {
+ for (var i = 0; i < clnode.outEdges.length / 2; i++) {
+ var connector1 = this.nameTable[clnode.outEdges[parseInt(i.toString(), 10)]];
+ var connector2 = this.nameTable[clnode.outEdges[clnode.outEdges.length - (i + 1)]];
+ var geometry = 'geometry';
+ connector2["" + geometry].points[0].y = connector1["" + geometry].points[0].y;
+ }
+ };
+ HierarchicalLayoutUtil.prototype.getNextLayerConnectedCells = function (layer, cell) {
+ if (cell.nextLayerConnectedCells == null) {
+ cell.nextLayerConnectedCells = [];
+ cell.nextLayerConnectedCells[0] = [];
+ for (var i = 0; i < cell.connectsAsTarget.length; i++) {
+ var edge = cell.connectsAsTarget[parseInt(i.toString(), 10)];
+ if (edge.maxRank === -1 || edge.maxRank === layer + 1) {
+ // Either edge is not in any rank or
+ // no dummy nodes in edge, add node of other side of edge
+ cell.nextLayerConnectedCells[0].push(edge.source);
+ }
+ else {
+ // Edge spans at least two layers, add edge
+ cell.nextLayerConnectedCells[0].push(edge);
+ }
+ }
+ }
+ return cell.nextLayerConnectedCells[0];
+ };
+ HierarchicalLayoutUtil.prototype.getX = function (layer, cell) {
+ if (this.crossReduction.isVertex(cell)) {
+ return cell.x[0];
+ }
+ else if (!this.crossReduction.isVertex(cell)) {
+ return cell.x[layer - cell.minRank - 1] || cell.temp[layer - cell.minRank - 1];
+ }
+ return 0.0;
+ };
+ HierarchicalLayoutUtil.prototype.getGeometry = function (edge) {
+ var geometry = 'geometry';
+ return edge["" + geometry];
+ };
+ HierarchicalLayoutUtil.prototype.setEdgePoints = function (edge, points, model) {
+ if (edge != null) {
+ var geometryValue = 'geometry';
+ var geometry = this.getGeometry(edge);
+ if (points != null) {
+ for (var i = 0; i < points.length; i++) {
+ // eslint-disable-next-line
+ points[i].x = points[i].x;
+ // eslint-disable-next-line
+ points[i].y = points[i].y;
+ }
+ }
+ geometry.points = points;
+ edge["" + geometryValue] = geometry;
+ }
+ };
+ HierarchicalLayoutUtil.prototype.assignRankOffset = function (model) {
+ if (model) {
+ for (var i = 0; i < model.ranks.length; i++) {
+ this.rankCoordinatesAssigment(i, model);
+ }
+ }
+ };
+ HierarchicalLayoutUtil.prototype.rankCoordinatesAssigment = function (rankValue, model) {
+ var rank = model.ranks[parseInt(rankValue.toString(), 10)];
+ var spacing = model.layout.horizontalSpacing;
+ var localOffset;
+ for (var i = 0; i < rank.length; i++) {
+ if (this[rankValue + '_' + 'RankOffset'] === undefined) {
+ this[rankValue + '_' + 'RankOffset'] = 0;
+ }
+ localOffset = rank[parseInt(i.toString(), 10)].x[0];
+ if (this[rankValue + '_' + 'RankOffset'] < localOffset) {
+ this[rankValue + '_' + 'RankOffset'] = localOffset + rank[parseInt(i.toString(), 10)].width / 2 + spacing;
+ }
+ }
+ };
+ HierarchicalLayoutUtil.prototype.getType = function (type) {
+ if (type === 'internalVertex') {
+ return 'internalVertex';
+ }
+ else {
+ return 'internalEdge';
+ }
+ };
+ HierarchicalLayoutUtil.prototype.updateRankValuess = function (model) {
+ this.rankTopY = [];
+ this.rankBottomY = [];
+ for (var i = 0; i < model.ranks.length; i++) {
+ this.rankTopY[parseInt(i.toString(), 10)] = Number.MAX_VALUE;
+ this.rankBottomY[parseInt(i.toString(), 10)] = -Number.MAX_VALUE;
+ }
+ };
+ HierarchicalLayoutUtil.prototype.setVertexLocationValue = function (cell, orientation, modelBounds) {
+ var cellGeomtry = cell.cell.geometry;
+ var positionX;
+ var positionY;
+ if (orientation === 'TopToBottom' || orientation === 'BottomToTop') {
+ positionX = cellGeomtry.x;
+ positionY = cellGeomtry.y;
+ }
+ else {
+ positionX = cellGeomtry.y;
+ positionY = cellGeomtry.x;
+ }
+ if (orientation === 'RightToLeft') {
+ // eslint-disable-next-line
+ positionX = cellGeomtry.y;
+ positionY = modelBounds.width - cellGeomtry.x - cellGeomtry.height;
+ this.rankBottomY[cell.minRank] = Math.max(this.rankBottomY[cell.minRank], positionY);
+ this.rankTopY[cell.minRank] = Math.min(this.rankTopY[cell.minRank], positionY + cellGeomtry.height);
+ }
+ else {
+ this.rankTopY[cell.minRank] = Math.min(this.rankTopY[cell.minRank], positionY);
+ this.rankBottomY[cell.minRank] = Math.max(this.rankBottomY[cell.minRank], positionY + cellGeomtry.height);
+ }
+ };
+ HierarchicalLayoutUtil.prototype.matrixModel = function (options) {
+ // eslint-disable-next-line
+ options.model = options.model;
+ options.matrix = options.matrix || [];
+ options.rowOffset = options.rowOffset || [];
+ return options;
+ };
+ HierarchicalLayoutUtil.prototype.calculateRectValue = function (dnode) {
+ var rect = { x: 0, y: 0, right: 0, bottom: 0, height: 0, width: 0 };
+ rect.x = dnode.offsetX - dnode.actualSize.width / 2;
+ rect.right = dnode.offsetX + dnode.actualSize.width / 2;
+ rect.y = dnode.offsetY - dnode.actualSize.height / 2;
+ rect.bottom = dnode.offsetY + dnode.actualSize.height / 2;
+ return rect;
+ };
+ HierarchicalLayoutUtil.prototype.isNodeOverLap = function (dnode, layoutProp) {
+ var nodeRect = { x: 0, y: 0, right: 0, bottom: 0, height: 0, width: 0 };
+ for (var i = 0; i < this.vertices.length; i++) {
+ var rect = { x: 0, y: 0, width: 0, height: 0 };
+ //let tempnode1: INode;
+ var tempnode1 = this.nameTable[this.vertices[parseInt(i.toString(), 10)].value];
+ if (dnode.id !== tempnode1.id && tempnode1.offsetX !== 0 && tempnode1.offsetY !== 0) {
+ nodeRect = this.calculateRectValue(dnode);
+ rect = this.calculateRectValue(tempnode1);
+ if (this.isIntersect(rect, nodeRect, layoutProp)) {
+ if (layoutProp.orientation === 'TopToBottom' || layoutProp.orientation === 'BottomToTop') {
+ dnode.offsetX += layoutProp.horizontalSpacing;
+ }
+ else {
+ dnode.offsetY += layoutProp.verticalSpacing;
+ }
+ this.isNodeOverLap(dnode, layoutProp);
+ }
+ }
+ }
+ };
+ HierarchicalLayoutUtil.prototype.isIntersect = function (rect, nodeRect, layoutProp) {
+ if (!(Math.floor(rect.right + layoutProp.horizontalSpacing) <= Math.floor(nodeRect.x) ||
+ Math.floor(rect.x - layoutProp.horizontalSpacing) >= Math.floor(nodeRect.right)
+ || Math.floor(rect.y - layoutProp.verticalSpacing) >= Math.floor(nodeRect.bottom)
+ || Math.floor(rect.bottom + layoutProp.verticalSpacing) <= Math.floor(nodeRect.y))) {
+ return true;
+ }
+ else {
+ return false;
+ }
+ };
+ /* eslint-disable */
+ HierarchicalLayoutUtil.prototype.updateMargin = function (layoutProp, layout, modelBounds, viewPort) {
+ var viewPortBounds = { x: 0, y: 0, width: viewPort.x, height: viewPort.y };
+ //let layoutBounds: Rect;
+ var bounds = {
+ x: modelBounds.x, y: modelBounds.y,
+ right: modelBounds.x + modelBounds.width,
+ bottom: modelBounds.y + modelBounds.height
+ };
+ var layoutBounds = layoutProp.bounds ? layoutProp.bounds : viewPortBounds;
+ if (layout.orientation === 'TopToBottom' || layout.orientation === 'BottomToTop') {
+ switch (layoutProp.horizontalAlignment) {
+ case 'Auto':
+ case 'Left':
+ layout.marginX = (layoutBounds.x - bounds.x) + layoutProp.margin.left;
+ break;
+ case 'Right':
+ layout.marginX = layoutBounds.x + layoutBounds.width - layoutProp.margin.right - bounds.right;
+ break;
+ case 'Center':
+ layout.marginX = layoutBounds.x + layoutBounds.width / 2 - (bounds.x + bounds.right) / 2;
+ break;
+ }
+ switch (layoutProp.verticalAlignment) {
+ case 'Top':
+ //const top: number;
+ var top_1 = layoutBounds.y + layoutProp.margin.top;
+ layout.marginY = layout.orientation === 'TopToBottom' ? top_1 : -top_1;
+ break;
+ case 'Bottom':
+ //const bottom: number;
+ var bottom = layoutBounds.y + layoutBounds.height - layoutProp.margin.bottom;
+ layout.marginY = layout.orientation === 'TopToBottom' ? bottom - bounds.bottom : -(bottom - bounds.bottom);
+ break;
+ case 'Auto':
+ case 'Center':
+ //const center: number;
+ var center = layoutBounds.y + layoutBounds.height / 2;
+ layout.marginY = layout.orientation === 'TopToBottom' ?
+ center - (bounds.y + bounds.bottom) / 2 : -center + (bounds.y + bounds.bottom) / 2;
+ break;
+ }
+ }
+ else {
+ switch (layoutProp.horizontalAlignment) {
+ case 'Auto':
+ case 'Left':
+ //let left: number;
+ var left = layoutBounds.x + layoutProp.margin.left;
+ layout.marginX = layout.orientation === 'LeftToRight' ? left : -left;
+ break;
+ case 'Right':
+ var right = void 0;
+ right = layoutBounds.x + layoutBounds.width - layoutProp.margin.right;
+ layout.marginX = layout.orientation === 'LeftToRight' ? right - bounds.right : bounds.right - right;
+ break;
+ case 'Center':
+ var center = void 0;
+ center = layoutBounds.width / 2 + layoutBounds.x;
+ layout.marginX = layout.orientation === 'LeftToRight' ?
+ center - (bounds.y + bounds.bottom) / 2 : -center + (bounds.x + bounds.right) / 2;
+ break;
+ }
+ switch (layoutProp.verticalAlignment) {
+ case 'Top':
+ layout.marginY = layoutBounds.y + layoutProp.margin.top - bounds.x;
+ break;
+ case 'Auto':
+ case 'Center':
+ layout.marginY = layoutBounds.y + layoutBounds.height / 2 - (bounds.y + bounds.bottom) / 2;
+ break;
+ case 'Bottom':
+ layout.marginY = layoutBounds.y + layoutBounds.height - layoutProp.margin.bottom - bounds.bottom;
+ break;
+ }
+ }
+ };
+ /* eslint-enable */
+ //Handles positioning the nodes
+ HierarchicalLayoutUtil.prototype.placementStage = function (model, marginX, marginY) {
+ var placementStage = this.coordinateAssignment(marginX, marginY, parent, model);
+ placementStage.model = model;
+ placementStage.widestRankValue = null;
+ this.placementStageExecute(placementStage);
+ return {
+ marginX: placementStage.marginX + model.layout.horizontalSpacing,
+ marginY: placementStage.marginY + model.layout.verticalSpacing
+ };
+ };
+ //Initializes the layout properties for positioning
+ HierarchicalLayoutUtil.prototype.coordinateAssignment = function (marginX, marginY, parent, model) {
+ var plalementChange = {};
+ if (model.layout.orientation === 'TopToBottom' || model.layout.orientation === 'BottomToTop') {
+ plalementChange.horizontalSpacing = model.layout.horizontalSpacing;
+ plalementChange.verticalSpacing = model.layout.verticalSpacing;
+ }
+ else {
+ plalementChange.horizontalSpacing = model.layout.verticalSpacing;
+ plalementChange.verticalSpacing = model.layout.horizontalSpacing;
+ }
+ plalementChange.orientation = 'north';
+ //Removed the conditions here. So check here in case of any issue
+ plalementChange.marginX = plalementChange.marginX = marginX;
+ plalementChange.marginY = plalementChange.marginY = marginY;
+ return plalementChange;
+ };
+ //Calculate the largest size of the node either height or width depends upon the layoutorientation
+ HierarchicalLayoutUtil.prototype.calculateWidestRank = function (plalementChange, graph, model) {
+ var isHorizontal = false;
+ if (plalementChange.model.layout.orientation === 'LeftToRight' || plalementChange.model.layout.orientation === 'RightToLeft') {
+ isHorizontal = true;
+ }
+ var offset = -plalementChange.verticalSpacing;
+ var lastRankMaxCellSize = 0.0;
+ plalementChange.rankSizes = [];
+ plalementChange.rankOffset = [];
+ for (var rankValue = model.maxRank; rankValue >= 0; rankValue--) {
+ var maxCellSize = 0.0;
+ var rank = model.ranks[parseInt(rankValue.toString(), 10)];
+ var localOffset = isHorizontal ? plalementChange.marginY : plalementChange.marginX;
+ for (var i = 0; i < rank.length; i++) {
+ var node = rank[parseInt(i.toString(), 10)];
+ if (this.crossReduction.isVertex(node)) {
+ var vertex = node;
+ if (vertex.cell && (vertex.cell.inEdges || vertex.cell.outEdges)) {
+ var obj = this.nameTable[vertex.cell.name];
+ vertex.width = obj.actualSize.width;
+ vertex.height = obj.actualSize.height;
+ maxCellSize = Math.max(maxCellSize, (isHorizontal ? vertex.width : vertex.height));
+ }
+ }
+ else {
+ if (node) {
+ var edge = node;
+ var numEdges = 1;
+ if (edge.edges != null) {
+ numEdges = edge.edges.length;
+ }
+ node.width = (numEdges - 1) * 10;
+ }
+ }
+ if (isHorizontal) {
+ if (!node.height) {
+ node.height = 0;
+ }
+ }
+ // Set the initial x-value as being the best result so far
+ localOffset += (isHorizontal ? node.height : node.width) / 2.0;
+ this.setXY(node, rankValue, localOffset, isHorizontal ? true : false);
+ this.setTempVariable(node, rankValue, localOffset);
+ localOffset += ((isHorizontal ? node.height : node.width) / 2.0) + plalementChange.horizontalSpacing;
+ if (localOffset > plalementChange.widestRankValue) {
+ plalementChange.widestRankValue = localOffset;
+ plalementChange.widestRank = rankValue;
+ }
+ plalementChange.rankSizes[parseInt(rankValue.toString(), 10)] = localOffset;
+ }
+ plalementChange.rankOffset[parseInt(rankValue.toString(), 10)] = offset;
+ var distanceToNextRank = maxCellSize / 2.0 + lastRankMaxCellSize / 2.0 + plalementChange.verticalSpacing;
+ lastRankMaxCellSize = maxCellSize;
+ if (plalementChange.orientation === 'north' || plalementChange.orientation === 'west') {
+ offset += distanceToNextRank;
+ }
+ else {
+ offset -= distanceToNextRank;
+ }
+ for (var i = 0; i < rank.length; i++) {
+ var cell = rank[parseInt(i.toString(), 10)];
+ this.setXY(cell, rankValue, offset, isHorizontal ? false : true);
+ }
+ }
+ };
+ /**
+ * Sets the temp position of the node on the layer \
+ *
+ * @returns { void } Sets the temp position of the node on the layer \
+ * @param {IVertex} node - provide the nodes value.
+ * @param {number} layer - provide the layer value.
+ * @param {number} value - provide the value value.
+ * @private
+ */
+ HierarchicalLayoutUtil.prototype.setTempVariable = function (node, layer, value) {
+ if (this.crossReduction.isVertex(node)) {
+ node.temp[0] = value;
+ }
+ else {
+ node.temp[layer - node.minRank - 1] = value;
+ }
+ };
+ // eslint-disable-next-line valid-jsdoc
+ /**
+ * setXY method \
+ *
+ * @returns { void } setXY method .\
+ * @param {IVertex} node - provide the source value.
+ * @param {number} layer - provide the target value.
+ * @param {number} value - provide the layoutOrientation value.
+ * @param {boolean} isY - provide the layoutOrientation value.
+ * @param {IVertex[][]} ranks - provide the layoutOrientation value.
+ * @param {number} spacing - provide the layoutOrientation value.
+ *
+ * @private
+ */
+ HierarchicalLayoutUtil.prototype.setXY = function (node, layer, value, isY, ranks, spacing) {
+ if (node && node.cell) {
+ if (node.cell.inEdges || node.cell.outEdges) {
+ if (isY) {
+ node.y[0] = value;
+ }
+ else {
+ node.x[0] = value;
+ }
+ }
+ else {
+ if (isY) {
+ node.y[layer - node.minRank - 1] = value;
+ }
+ else {
+ node.x[layer - node.minRank - 1] = value;
+ }
+ }
+ }
+ else {
+ this.setEdgeXY(ranks, node, spacing, layer);
+ }
+ };
+ //Sets geometry position of the layout node on the layout model
+ HierarchicalLayoutUtil.prototype.rankCoordinates = function (stage, rankValue, graph, model) {
+ var isHorizontal = false;
+ if (stage.model.layout.orientation === 'LeftToRight' || stage.model.layout.orientation === 'RightToLeft') {
+ isHorizontal = true;
+ }
+ var rank = model.ranks[parseInt(rankValue.toString(), 10)];
+ var maxOffset = 0.0;
+ var localOffset = (isHorizontal ? stage.marginY : stage.marginX) + (stage.widestRankValue - stage.rankSizes[parseInt(rankValue.toString(), 10)]) / 2;
+ for (var i = 0; i < rank.length; i++) {
+ var node = rank[parseInt(i.toString(), 10)];
+ if (this.crossReduction.isVertex(node)) {
+ var obj = this.nameTable[node.cell.name];
+ node.width = obj.actualSize.width;
+ node.height = obj.actualSize.height;
+ maxOffset = Math.max(maxOffset, node.height);
+ }
+ else {
+ var edge = node;
+ var numEdges = 1;
+ if (edge.edges != null) {
+ numEdges = edge.edges.length;
+ }
+ if (isHorizontal) {
+ node.height = (numEdges - 1) * 10;
+ }
+ else {
+ node.width = (numEdges - 1) * 10;
+ }
+ }
+ var size = (isHorizontal ? node.height : node.width) / 2.0;
+ localOffset += size;
+ this.setXY(node, rankValue, localOffset, isHorizontal ? true : false);
+ this.setTempVariable(node, rankValue, localOffset);
+ localOffset += (size + stage.horizontalSpacing);
+ }
+ };
+ //sets the layout in an initial positioning.it will arange all the ranks as much as possible
+ HierarchicalLayoutUtil.prototype.initialCoords = function (plalementChange, facade, model) {
+ this.calculateWidestRank(plalementChange, facade, model);
+ // Reverse sweep direction each time from widest rank
+ for (var i = plalementChange.widestRank; i >= 0; i--) {
+ if (i < model.maxRank) {
+ this.rankCoordinates(plalementChange, i, facade, model);
+ }
+ }
+ for (var i = plalementChange.widestRank + 1; i <= model.maxRank; i++) {
+ if (i > 0) {
+ this.rankCoordinates(plalementChange, i, facade, model);
+ }
+ }
+ };
+ /**
+ * Checks whether the given node is an ancestor \
+ *
+ * @returns { boolean } Checks whether the given node is an ancestor \
+ * @param {IVertex} node - provide the nodes value.
+ * @param {IVertex} otherNode - provide the layer value.
+ * @private
+ */
+ HierarchicalLayoutUtil.prototype.isAncestor = function (node, otherNode) {
+ // Firstly, the hash code of this node needs to be shorter than the other node
+ if (otherNode != null && node.hashCode != null && otherNode.hashCode != null
+ && node.hashCode.length < otherNode.hashCode.length) {
+ if (node.hashCode === otherNode.hashCode) {
+ return true;
+ }
+ if (node.hashCode == null || node.hashCode == null) {
+ return false;
+ }
+ for (var i = 0; i < node.hashCode.length; i++) {
+ if (node.hashCode[parseInt(i.toString(), 10)] !== otherNode.hashCode[parseInt(i.toString(), 10)]) {
+ return false;
+ }
+ }
+ return true;
+ }
+ return false;
+ };
+ //initializes the sorter object
+ HierarchicalLayoutUtil.prototype.weightedCellSorter = function (cell, weightedValue) {
+ var weightedCellSorter = {};
+ weightedCellSorter.cell = cell ? cell : null;
+ weightedCellSorter.weightedValue = weightedValue ? weightedValue : 0;
+ weightedCellSorter.visited = false;
+ weightedCellSorter.rankIndex = null;
+ return weightedCellSorter;
+ };
+ //Performs one node positioning in both directions
+ HierarchicalLayoutUtil.prototype.minNode = function (plalementChange, model) {
+ var nodeList = [];
+ var map = { map: {} };
+ var rank = [];
+ for (var i = 0; i <= model.maxRank; i++) {
+ rank[parseInt(i.toString(), 10)] = model.ranks[parseInt(i.toString(), 10)];
+ for (var j = 0; j < rank[parseInt(i.toString(), 10)].length; j++) {
+ var node = rank[parseInt(i.toString(), 10)][parseInt(j.toString(), 10)];
+ var nodeWrapper = this.weightedCellSorter(node, i);
+ nodeWrapper.rankIndex = j;
+ nodeWrapper.visited = true;
+ nodeList.push(nodeWrapper);
+ model.setDictionaryForSorter(map, node, nodeWrapper, true);
+ }
+ }
+ var maxTries = nodeList.length * 10;
+ var count = 0;
+ var tolerance = 1;
+ while (nodeList.length > 0 && count <= maxTries) {
+ var cellWrapper = nodeList.shift();
+ var cell = cellWrapper.cell;
+ var rankValue = cellWrapper.weightedValue;
+ var rankIndex = cellWrapper.rankIndex;
+ var nextLayerConnectedCells = this.crossReduction.getConnectedCellsOnLayer(cell, rankValue);
+ var previousLayerConnectedCells = this.crossReduction.getConnectedCellsOnLayer(cell, rankValue, true);
+ var nextConnectedCount = nextLayerConnectedCells.length;
+ var prevConnectedCount = previousLayerConnectedCells.length;
+ var medianNextLevel = this.medianXValue(plalementChange, nextLayerConnectedCells, rankValue + 1);
+ var medianPreviousLevel = this.medianXValue(plalementChange, previousLayerConnectedCells, rankValue - 1);
+ var numConnectedNeighbours = nextConnectedCount + prevConnectedCount;
+ var currentPosition = this.crossReduction.getTempVariable(cell, rankValue);
+ var cellMedian = currentPosition;
+ if (numConnectedNeighbours > 0) {
+ cellMedian = (medianNextLevel * nextConnectedCount + medianPreviousLevel * prevConnectedCount) / numConnectedNeighbours;
+ }
+ if (nextConnectedCount === 1 && prevConnectedCount === 1) {
+ cellMedian = (medianPreviousLevel * prevConnectedCount) / prevConnectedCount;
+ }
+ else if (nextConnectedCount === 1) {
+ cellMedian = (medianNextLevel * nextConnectedCount) / nextConnectedCount;
+ }
+ var positionChanged = false;
+ var tempValue = undefined;
+ if (cellMedian < currentPosition - tolerance) {
+ if (rankIndex === 0) {
+ tempValue = cellMedian;
+ positionChanged = true;
+ }
+ else {
+ var leftCell = rank[parseInt(rankValue.toString(), 10)][rankIndex - 1];
+ var leftLimit = this.crossReduction.getTempVariable(leftCell, rankValue);
+ leftLimit = leftLimit + leftCell.width / 2 + plalementChange.intraCellSpacing + cell.width / 2;
+ if (leftLimit < cellMedian) {
+ tempValue = cellMedian;
+ positionChanged = true;
+ }
+ else if (leftLimit < this.crossReduction.getTempVariable(cell, rankValue) - tolerance) {
+ tempValue = leftLimit;
+ positionChanged = true;
+ }
+ }
+ }
+ else if (cellMedian > currentPosition + tolerance) {
+ var rankSize = rank[parseInt(rankValue.toString(), 10)].length;
+ if (rankIndex === rankSize - 1) {
+ tempValue = cellMedian;
+ positionChanged = true;
+ }
+ else {
+ var rightCell = rank[parseInt(rankValue.toString(), 10)][rankIndex + 1];
+ var rightLimit = this.crossReduction.getTempVariable(rightCell, rankValue);
+ rightLimit = rightLimit - rightCell.width / 2 - plalementChange.intraCellSpacing - cell.width / 2;
+ if (rightLimit > cellMedian) {
+ tempValue = cellMedian;
+ positionChanged = true;
+ }
+ else if (rightLimit > this.crossReduction.getTempVariable(cell, rankValue) + tolerance) {
+ tempValue = rightLimit;
+ positionChanged = true;
+ }
+ }
+ }
+ if (positionChanged) {
+ this.setTempVariable(cell, rankValue, tempValue);
+ // Add connected nodes to map and list
+ this.updateNodeList(nodeList, map, nextLayerConnectedCells, model);
+ this.updateNodeList(nodeList, map, previousLayerConnectedCells, model);
+ }
+ if (this.crossReduction.isVertex(cellWrapper.cell)) {
+ cellWrapper.visited = false;
+ }
+ count++;
+ }
+ };
+ //Updates the ndoes collection
+ HierarchicalLayoutUtil.prototype.updateNodeList = function (nodeList, map, collection, model) {
+ for (var i = 0; i < collection.length; i++) {
+ var connectedCell = collection[parseInt(i.toString(), 10)];
+ var connectedCellWrapper = model.getDictionaryForSorter(map, connectedCell);
+ if (connectedCellWrapper != null) {
+ if (connectedCellWrapper.visited === false) {
+ connectedCellWrapper.visited = true;
+ nodeList.push(connectedCellWrapper);
+ }
+ }
+ }
+ };
+ //Calculates the node position of the connected cell on the specified rank
+ HierarchicalLayoutUtil.prototype.medianXValue = function (plalementChange, connectedCells, rankValue) {
+ if (connectedCells.length === 0) {
+ return 0;
+ }
+ var medianValues = [];
+ for (var i = 0; i < connectedCells.length; i++) {
+ medianValues[parseInt(i.toString(), 10)] = this.crossReduction.getTempVariable(connectedCells[parseInt(i.toString(), 10)], rankValue);
+ }
+ medianValues.sort(function (a, b) {
+ return a - b;
+ });
+ if (connectedCells.length % 2 === 1) {
+ return medianValues[Math.floor(connectedCells.length / 2)];
+ }
+ else {
+ var medianPoint = connectedCells.length / 2;
+ var leftMedian = medianValues[medianPoint - 1];
+ var rightMedian = medianValues[parseInt(medianPoint.toString(), 10)];
+ return ((leftMedian + rightMedian) / 2);
+ }
+ };
+ //Updates the geometry of the vertices
+ HierarchicalLayoutUtil.prototype.placementStageExecute = function (plalementChange) {
+ var isHorizontal = false;
+ if (plalementChange.model.layout.orientation === 'LeftToRight' || plalementChange.model.layout.orientation === 'RightToLeft') {
+ isHorizontal = true;
+ }
+ plalementChange.jettyPositions = {};
+ var model = plalementChange.model;
+ // eslint-disable-next-line
+ isHorizontal ? plalementChange.currentYDelta = 0.0 : plalementChange.currentXDelta = 0.0;
+ this.initialCoords(plalementChange, { model: model }, model);
+ this.minNode(plalementChange, model);
+ var bestOffsetDelta = 100000000.0;
+ if (!plalementChange.maxIterations) {
+ plalementChange.maxIterations = 8;
+ }
+ for (var i = 0; i < plalementChange.maxIterations; i++) {
+ // if the total offset is less for the current positioning,
+ //there are less heavily angled edges and so the current positioning is used
+ if ((isHorizontal ? plalementChange.currentYDelta : plalementChange.currentXDelta) < bestOffsetDelta) {
+ for (var j = 0; j < model.ranks.length; j++) {
+ var rank = model.ranks[parseInt(j.toString(), 10)];
+ for (var k = 0; k < rank.length; k++) {
+ var cell = rank[parseInt(k.toString(), 10)];
+ this.setXY(cell, j, this.crossReduction.getTempVariable(cell, j), isHorizontal ? true : false);
+ }
+ }
+ bestOffsetDelta = isHorizontal ? plalementChange.currentYDelta : plalementChange.currentXDelta;
+ }
+ // eslint-disable-next-line
+ isHorizontal ? plalementChange.currentYDelta = 0 : plalementChange.currentXDelta = 0;
+ }
+ this.setCellLocations(plalementChange, model);
+ };
+ //sets the cell position in the after the layout operation
+ HierarchicalLayoutUtil.prototype.setCellLocations = function (plalementChange, model) {
+ var vertices = this.getValues(model.vertexMapper);
+ for (var i = 0; i < vertices.length; i++) {
+ this.setVertexLocation(plalementChange, vertices[parseInt(i.toString(), 10)]);
+ }
+ };
+ //used to specify the geometrical position of the layout model cell
+ HierarchicalLayoutUtil.prototype.garphModelsetVertexLocation = function (plalementChange, cell, x, y) {
+ //let model: MultiParentModel = plalementChange.model;
+ var geometry = cell.geometry;
+ var result = null;
+ if (geometry != null) {
+ result = { x: x, y: y, width: geometry.width, height: geometry.height };
+ if (geometry.x !== x || geometry.y !== y) {
+ cell.geometry = result;
+ }
+ }
+ return result;
+ };
+ //set the position of the specified node
+ HierarchicalLayoutUtil.prototype.setVertexLocation = function (plalementChange, cell) {
+ var isHorizontal = false;
+ if (plalementChange.model.layout.orientation === 'LeftToRight' || plalementChange.model.layout.orientation === 'RightToLeft') {
+ isHorizontal = true;
+ }
+ var realCell = cell.cell;
+ var positionX = cell.x[0] - cell.width / 2;
+ var positionY = cell.y[0] - cell.height / 2;
+ this.garphModelsetVertexLocation(plalementChange, realCell, positionX, positionY);
+ if (isHorizontal) {
+ if (!plalementChange.marginY) {
+ plalementChange.marginY = 0;
+ }
+ plalementChange.marginY = Math.max(plalementChange.marginY, positionY + cell.height);
+ }
+ else {
+ if (!plalementChange.marginX) {
+ plalementChange.marginX = 0;
+ }
+ plalementChange.marginX = Math.max(plalementChange.marginX, positionX + cell.width);
+ }
+ };
+ /**
+ * get the specific value from the key value pair \
+ *
+ * @returns { {}[] } get the specific value from the key value pair \
+ * @param {VertexMapper} mapper - provide the mapper value.
+ * @private
+ */
+ HierarchicalLayoutUtil.prototype.getValues = function (mapper) {
+ var list = [];
+ if (mapper.map) {
+ for (var _i = 0, _a = Object.keys(mapper.map); _i < _a.length; _i++) {
+ var key = _a[_i];
+ list.push(mapper.map["" + key]);
+ }
+ }
+ return list;
+ };
+ /**
+ *Checks and reduces the crosses in between line segments \
+ *
+ * @returns { void } Checks and reduces the crosses in between line segments.\
+ * @param {End} model - provide the model value.
+ *
+ * @private
+ */
+ HierarchicalLayoutUtil.prototype.crossingStage = function (model) {
+ this.crossReduction.execute(model);
+ };
+ //Initializes the ranks of the vertices
+ HierarchicalLayoutUtil.prototype.layeringStage = function (model) {
+ this.initialRank(model);
+ this.fixRanks(model);
+ };
+ //determine the initial rank for the each vertex on the relevent direction
+ HierarchicalLayoutUtil.prototype.initialRank = function (model) {
+ var startNodes = model.startNodes;
+ var internalNodes = model.getDictionaryValues(model.vertexMapper);
+ var startNodesCopy = startNodes.slice();
+ while (startNodes.length > 0) {
+ var internalNode = startNodes[0];
+ var layerDeterminingEdges = internalNode.connectsAsTarget;
+ var edgesToBeMarked = internalNode.connectsAsSource;
+ var allEdgesScanned = true;
+ var minimumLayer = 100000000;
+ for (var i = 0; i < layerDeterminingEdges.length; i++) {
+ var internalEdge = layerDeterminingEdges[parseInt(i.toString(), 10)];
+ if (internalEdge.temp[0] === 5270620) {
+ // This edge has been scanned, get the layer of the node on the other end
+ var otherNode = internalEdge.source;
+ minimumLayer = Math.min(minimumLayer, otherNode.temp[0] - 1);
+ }
+ else {
+ allEdgesScanned = false;
+ break;
+ }
+ }
+ // If all edge have been scanned, assign the layer, mark all edges in the other direction and remove from the nodes list
+ if (allEdgesScanned) {
+ internalNode.temp[0] = minimumLayer;
+ if (!model.maxRank) {
+ model.maxRank = 100000000;
+ }
+ model.maxRank = Math.min(model.maxRank, minimumLayer);
+ if (edgesToBeMarked != null) {
+ for (var i = 0; i < edgesToBeMarked.length; i++) {
+ var internalEdge = edgesToBeMarked[parseInt(i.toString(), 10)];
+ internalEdge.temp[0] = 5270620;
+ // Add node on other end of edge to LinkedList of nodes to be analysed
+ var otherNode = internalEdge.target;
+ // Only add node if it hasn't been assigned a layer
+ if (otherNode.temp[0] === -1) {
+ startNodes.push(otherNode);
+ // Mark this other node as neither being unassigned nor assigned
+ //so it isn't added to this list again, but it's layer isn't used in any calculation.
+ otherNode.temp[0] = -2;
+ }
+ }
+ }
+ startNodes.shift();
+ }
+ else {
+ // Not all the edges have been scanned, get to the back of the class and put the dunces cap on
+ var removedCell = startNodes.shift();
+ startNodes.push(internalNode);
+ if (removedCell === internalNode && startNodes.length === 1) {
+ // This is an error condition, we can't get out of this loop.
+ //It could happen for more than one node but that's a lot harder to detect. Log the error
+ break;
+ }
+ }
+ }
+ for (var i = 0; i < internalNodes.length; i++) {
+ internalNodes[parseInt(i.toString(), 10)].temp[0] -= model.maxRank;
+ }
+ for (var i = 0; i < startNodesCopy.length; i++) {
+ var internalNode = startNodesCopy[parseInt(i.toString(), 10)];
+ var currentMaxLayer = 0;
+ var layerDeterminingEdges = internalNode.connectsAsSource;
+ for (var j = 0; j < layerDeterminingEdges.length; j++) {
+ var internalEdge = layerDeterminingEdges[parseInt(j.toString(), 10)];
+ var otherNode = internalEdge.target;
+ internalNode.temp[0] = Math.max(currentMaxLayer, otherNode.temp[0] + 1);
+ currentMaxLayer = internalNode.temp[0];
+ }
+ }
+ model.maxRank = 100000000 - model.maxRank;
+ };
+ //used to set the optimum value of each vertex on the layout
+ HierarchicalLayoutUtil.prototype.fixRanks = function (model) {
+ model.fixRanks();
+ };
+ //used to determine any cyclic stage have been created on the layout model
+ HierarchicalLayoutUtil.prototype.cycleStage = function (model) {
+ var seenNodes = {};
+ model.startNodes = [];
+ var unseenNodesArray = model.getDictionaryValues(model.vertexMapper);
+ var unseenNodes = [];
+ for (var i = 0; i < unseenNodesArray.length; i++) {
+ unseenNodesArray[parseInt(i.toString(), 10)].temp[0] = -1;
+ unseenNodes[unseenNodesArray[parseInt(i.toString(), 10)].id] = unseenNodesArray[parseInt(i.toString(), 10)];
+ }
+ var rootsArray = null;
+ if (model.roots != null) {
+ var modelRoots = model.roots;
+ rootsArray = [];
+ for (var i = 0; i < modelRoots.length; i++) {
+ rootsArray[parseInt(i.toString(), 10)] = model.getDictionary(model.vertexMapper, modelRoots[parseInt(i.toString(), 10)]);
+ if (rootsArray[parseInt(i.toString(), 10)] != null) {
+ model.startNodes.push(rootsArray[parseInt(i.toString(), 10)]);
+ }
+ }
+ }
+ model.visit('removeParentConnection', rootsArray, true, null, { seenNodes: seenNodes, unseenNodes: unseenNodes });
+ var seenNodesCopy = model.clone(seenNodes, null, true);
+ model.visit('removeNodeConnection', unseenNodes, true, seenNodesCopy, { seenNodes: seenNodes, unseenNodes: unseenNodes });
+ };
+ /**
+ * removes the edge from the given collection \
+ *
+ * @returns { IEdge } removes the edge from the given collection .\
+ * @param {IEdge} obj - provide the angle value.
+ * @param { IEdge[]} array - provide the angle value.
+ * @private
+ */
+ HierarchicalLayoutUtil.prototype.remove = function (obj, array) {
+ var index = array.indexOf(obj);
+ if (index !== -1) {
+ array.splice(index, 1);
+ }
+ return obj;
+ };
+ /**
+ * Inverts the source and target of an edge \
+ *
+ * @returns { void } Inverts the source and target of an edge .\
+ * @param {IEdge} connectingEdge - provide the angle value.
+ * @param { number} layer - provide the angle value.
+ * @private
+ */
+ HierarchicalLayoutUtil.prototype.invert = function (connectingEdge, layer) {
+ var temp = connectingEdge.source;
+ connectingEdge.source = connectingEdge.target;
+ connectingEdge.target = temp;
+ connectingEdge.isReversed = !connectingEdge.isReversed;
+ };
+ /**
+ * used to get the edges between the given source and target \
+ *
+ * @returns { IConnector[] } used to get the edges between the given source and target .\
+ * @param {Vertex} source - provide the angle value.
+ * @param { Vertex} target - provide the angle value.
+ * @param { boolean} directed - provide the angle value.
+ * @private
+ */
+ HierarchicalLayoutUtil.prototype.getEdgesBetween = function (source, target, directed) {
+ directed = (directed != null) ? directed : false;
+ var edges = this.getEdges(source);
+ var result = [];
+ for (var i = 0; i < edges.length; i++) {
+ var src = this.getVisibleTerminal(edges[parseInt(i.toString(), 10)], true);
+ var trg = this.getVisibleTerminal(edges[parseInt(i.toString(), 10)], false);
+ if ((src === source && trg === target) || (!directed && src === target && trg === source)) {
+ result.push(edges[parseInt(i.toString(), 10)]);
+ }
+ }
+ return result;
+ };
+ return HierarchicalLayoutUtil;
+}());
+/**
+ * Handles position the objects in a hierarchical tree structure
+ */
+var MultiParentModel = /** @__PURE__ @class */ (function () {
+ function MultiParentModel(layout, vertices, roots, dlayout) {
+ this.multiObjectIdentityCounter = 0;
+ //used to count the no of times the parent have been used
+ this.dfsCount = 0;
+ this.hierarchicalUtil = new HierarchicalLayoutUtil();
+ this.roots = roots;
+ this.vertexMapper = { map: {} };
+ var internalVertices = [];
+ this.layout = dlayout;
+ this.maxRank = 100000000;
+ this.edgeMapper = { map: {} };
+ this.hierarchicalLayout = layout;
+ this.createInternalCells(layout, vertices, internalVertices, dlayout);
+ for (var i = 0; i < vertices.length; i++) {
+ var edges = internalVertices[parseInt(i.toString(), 10)].connectsAsSource;
+ for (var j = 0; j < edges.length; j++) {
+ var internalEdge = edges[parseInt(j.toString(), 10)];
+ var realEdges = internalEdge.edges;
+ if (realEdges != null && realEdges.length > 0) {
+ var realEdge = realEdges[0];
+ var targetCell = layout.getVisibleTerminal(realEdge, false);
+ var internalTargetCell = this.getDictionary(this.vertexMapper, targetCell);
+ if (internalVertices[parseInt(i.toString(), 10)] === internalTargetCell) {
+ targetCell = layout.getVisibleTerminal(realEdge, true);
+ internalTargetCell = this.getDictionary(this.vertexMapper, targetCell);
+ }
+ if (internalTargetCell != null && internalVertices[parseInt(i.toString(), 10)] !== internalTargetCell) {
+ internalEdge.target = internalTargetCell;
+ if (internalTargetCell.connectsAsTarget.length === 0) {
+ internalTargetCell.connectsAsTarget = [];
+ }
+ if (internalTargetCell.connectsAsTarget.indexOf(internalEdge) < 0) {
+ internalTargetCell.connectsAsTarget.push(internalEdge);
+ }
+ }
+ }
+ }
+ internalVertices[parseInt(i.toString(), 10)].temp[0] = 1;
+ }
+ }
+ /* tslint:disable */
+ MultiParentModel.prototype.resetEdge = function (edge) {
+ var geometry = { x: 0, y: 0, width: 0, height: 0, relative: true };
+ var geo = geometry;
+ edge['geometry'] = geo;
+ return edge;
+ };
+ // eslint-disable-next-line max-len
+ MultiParentModel.prototype.createInternalCells = function (layout, vertices, internalVertices, dlayout) {
+ for (var i = 0; i < vertices.length; i++) {
+ internalVertices[parseInt(i.toString(), 10)] = {
+ x: [], y: [], temp: [], cell: vertices[parseInt(i.toString(), 10)],
+ id: vertices[parseInt(i.toString(), 10)].name, connectsAsTarget: [], connectsAsSource: [], type: 'internalVertex'
+ };
+ this.setDictionary(this.vertexMapper, vertices[parseInt(i.toString(), 10)], internalVertices[parseInt(i.toString(), 10)]);
+ var conns = layout.getEdges(vertices[parseInt(i.toString(), 10)]);
+ internalVertices[parseInt(i.toString(), 10)].connectsAsSource = [];
+ for (var j = 0; j < conns.length; j++) {
+ var cell = layout.getVisibleTerminal(conns[parseInt(j.toString(), 10)], false);
+ if (cell !== vertices[parseInt(i.toString(), 10)]) {
+ var undirectedEdges = layout.getEdgesBetween(vertices[parseInt(i.toString(), 10)], cell, false);
+ var directedEdges = layout.getEdgesBetween(vertices[parseInt(i.toString(), 10)], cell, true);
+ if (undirectedEdges != null && undirectedEdges.length > 0 && directedEdges.length * 2 >= undirectedEdges.length) {
+ var internalEdge = { x: [], y: [], temp: [], edges: undirectedEdges, ids: [] };
+ if (dlayout.enableLayoutRouting) {
+ for (var k = 0; k < undirectedEdges.length; k++) {
+ var edge = undirectedEdges[parseInt(k.toString(), 10)];
+ this.setDictionary(this.edgeMapper, undefined, internalEdge, edge.id);
+ // Resets all point on the edge and disables the edge style
+ // without deleting it from the cell style
+ this.resetEdge(edge);
+ }
+ }
+ internalEdge.source = internalVertices[parseInt(i.toString(), 10)];
+ for (var m = 0; m < undirectedEdges.length; m++) {
+ internalEdge.ids.push(undirectedEdges[parseInt(m.toString(), 10)].id);
+ }
+ internalEdge.source = internalVertices[parseInt(i.toString(), 10)];
+ if (!internalVertices[parseInt(i.toString(), 10)].connectsAsSource) {
+ internalVertices[parseInt(i.toString(), 10)].connectsAsSource = [];
+ }
+ if (internalVertices[parseInt(i.toString(), 10)].connectsAsSource.indexOf(internalEdge) < 0) {
+ internalVertices[parseInt(i.toString(), 10)].connectsAsSource.push(internalEdge);
+ }
+ }
+ }
+ }
+ internalVertices[parseInt(i.toString(), 10)].temp[0] = 0;
+ }
+ };
+ /* tslint:enable */
+ /**
+ * used to set the optimum value of each vertex on the layout \
+ *
+ * @returns { void } used to set the optimum value of each vertex on the layout .\
+ * @private
+ */
+ MultiParentModel.prototype.fixRanks = function () {
+ var rankList = [];
+ this.ranks = [];
+ for (var i = 0; i < this.maxRank + 1; i++) {
+ rankList[parseInt(i.toString(), 10)] = [];
+ this.ranks[parseInt(i.toString(), 10)] = rankList[parseInt(i.toString(), 10)];
+ }
+ var rootsArray = null;
+ if (this.roots != null) {
+ var oldRootsArray = this.roots;
+ rootsArray = [];
+ for (var i = 0; i < oldRootsArray.length; i++) {
+ var cell = oldRootsArray[parseInt(i.toString(), 10)];
+ var internalNode = this.getDictionary(this.vertexMapper, cell);
+ rootsArray[parseInt(i.toString(), 10)] = internalNode;
+ }
+ }
+ this.visit('updateMinMaxRank', rootsArray, false, null, { seenNodes: null, unseenNodes: null, rankList: rankList });
+ };
+ //Updates the min/max rank of the layer
+ MultiParentModel.prototype.updateMinMaxRank = function (layer, seen, data) {
+ //let seenNodes: {} = data.seenNodes;
+ //let unseenNodes: {} = data.unseenNodes;
+ var parent = data.parent;
+ var node = data.root;
+ var edge = data.edge;
+ var rankList = data.rankList;
+ if (!node.maxRank && node.maxRank !== 0) {
+ node.maxRank = -1;
+ }
+ if (!node.minRank && node.minRank !== 0) {
+ node.minRank = -1;
+ }
+ if (seen === 0 && node.maxRank < 0 && node.minRank < 0) {
+ rankList[node.temp[0]].push(node);
+ node.maxRank = node.temp[0];
+ node.minRank = node.temp[0];
+ node.temp[0] = rankList[node.maxRank].length - 1;
+ }
+ if (parent != null && edge != null) {
+ var parentToCellRankDifference = parent.maxRank - node.maxRank;
+ if (parentToCellRankDifference > 1) {
+ edge.maxRank = parent.maxRank;
+ edge.minRank = node.maxRank;
+ edge.temp = [];
+ edge.x = [];
+ edge.y = [];
+ for (var i = edge.minRank + 1; i < edge.maxRank; i++) {
+ rankList[parseInt(i.toString(), 10)].push(edge);
+ this.hierarchicalUtil.setTempVariable(edge, i, rankList[parseInt(i.toString(), 10)].length - 1);
+ }
+ }
+ }
+ };
+ //used to store the value of th given key on the object
+ MultiParentModel.prototype.setDictionary = function (dic, key, value, edgeId) {
+ if (!edgeId) {
+ var id = key.name;
+ var previous = dic.map["" + id];
+ dic.map["" + id] = value;
+ return previous;
+ }
+ else {
+ var previous = dic.map["" + edgeId];
+ dic.map["" + edgeId] = value;
+ return previous;
+ }
+ };
+ /**
+ * used to store the value of th given key on the objectt \
+ *
+ * @returns { IVertex } used to store the value of th given key on the object .\
+ * @param {VertexMapper} dic - provide the angle value.
+ * @param {IVertex} key - provide the angle value.
+ * @param {WeightedCellSorter} value - provide the angle value.
+ * @param {boolean} flag - provide the angle value.
+ * @private
+ */
+ MultiParentModel.prototype.setDictionaryForSorter = function (dic, key, value, flag) {
+ var id = key.id;
+ if (!id) {
+ //id = this._getDictionaryForSorter(dic, key);
+ }
+ var previous = dic.map["" + id];
+ dic.map["" + id] = value;
+ return previous;
+ };
+ /**
+ * used to get the value of the given key \
+ *
+ * @returns { IVertex } used to get the value of the given key .\
+ * @param {VertexMapper} dic - provide the angle value.
+ * @param {IVertex} key - provide the angle value.
+ * @private
+ */
+ MultiParentModel.prototype.getDictionary = function (dic, key) {
+ if (!this.multiObjectIdentityCounter && this.multiObjectIdentityCounter !== 0) {
+ this.multiObjectIdentityCounter = 0;
+ }
+ var id = key.name;
+ if (!id) {
+ if (!key.layoutObjectId) { ///####
+ key.layoutObjectId = 'graphHierarchyNode#' + this.multiObjectIdentityCounter++;
+ return key.layoutObjectId;
+ }
+ else {
+ return dic.map[key.layoutObjectId];
+ }
+ }
+ return dic.map["" + id];
+ };
+ /**
+ * used to get the value of the given key \
+ *
+ * @returns { IVertex } used to get the value of the given key .\
+ * @param {VertexMapper} dic - provide the angle value.
+ * @param {IVertex} key - provide the angle value.
+ * @private
+ */
+ MultiParentModel.prototype.getDictionaryForSorter = function (dic, key) {
+ if (!this.multiObjectIdentityCounter && this.multiObjectIdentityCounter !== 0) {
+ this.multiObjectIdentityCounter = 0;
+ }
+ var id = key.id;
+ if (!id) {
+ if (!key.layoutObjectId) { ///####
+ key.layoutObjectId = 'graphHierarchyNode#' + this.multiObjectIdentityCounter++;
+ return key.layoutObjectId;
+ }
+ else {
+ return dic.map[key.layoutObjectId];
+ }
+ }
+ return dic.map["" + id];
+ };
+ /**
+ * used to get all the values of the dictionary object \
+ *
+ * @returns { IVertex[] } used to get all the values of the dictionary object .\
+ * @param {VertexMapper} dic - provide the angle value.
+ * @private
+ */
+ MultiParentModel.prototype.getDictionaryValues = function (dic) {
+ var result = [];
+ for (var _i = 0, _a = Object.keys(dic.map); _i < _a.length; _i++) {
+ var key = _a[_i];
+ result.push(dic.map["" + key]);
+ }
+ return result;
+ };
+ /**
+ * used to visit all the entries on the given dictionary with given function \
+ *
+ * @returns { void } used to visit all the entries on the given dictionary with given function .\
+ * @param {string} visitor - provide the visitor value.
+ * @param {IVertex[]} dfsRoots - provide the dfsRoots value.
+ * @param {boolean} trackAncestors - provide the trackAncestors value.
+ * @param {{}} seenNodes - provide the seenNodes value.
+ * @param {TraverseData} data - provide the data value.
+ * @private
+ */
+ MultiParentModel.prototype.visit = function (visitor, dfsRoots, trackAncestors, seenNodes, data) {
+ //let seenNodes1: {} = data.seenNodes;
+ //let unseenNodes1: {} = data.unseenNodes;
+ //let rankList: IVertex[][] = data.rankList;
+ // Run depth first search through on all roots
+ if (dfsRoots != null) {
+ for (var i = 0; i < dfsRoots.length; i++) {
+ var internalNode = dfsRoots[parseInt(i.toString(), 10)];
+ if (internalNode != null) {
+ if (seenNodes == null) {
+ seenNodes = new Object();
+ }
+ data.parent = null;
+ data.root = internalNode;
+ data.edge = null;
+ if (trackAncestors) {
+ // Set up hash code for root
+ internalNode.hashCode = [];
+ internalNode.hashCode[0] = this.dfsCount;
+ internalNode.hashCode[1] = i;
+ this.extendedDfs(visitor, seenNodes, i, 0, data);
+ }
+ else {
+ this.depthFirstSearch(visitor, seenNodes, 0, data);
+ }
+ }
+ }
+ this.dfsCount++;
+ }
+ };
+ //used to perform the depth fisrt search on the layout model
+ MultiParentModel.prototype.depthFirstSearch = function (visitor, seen, layer, data) {
+ //let seenNodes1: {} = data.seenNodes;
+ //let unseenNodes1: {} = data.unseenNodes;
+ //let rankList: IVertex[][] = data.rankList;
+ //let parent: IVertex = data.parent;
+ var root = data.root;
+ //let edge: IEdge = data.edge;
+ if (root != null) {
+ var rootId = root.id;
+ if (seen["" + rootId] == null) {
+ seen["" + rootId] = root;
+ this.updateConnectionRank(visitor, layer, 0, data);
+ // Copy the connects as source list so that visitors can change the original for edge direction inversions
+ var outgoingEdges = root.connectsAsSource.slice();
+ for (var i = 0; i < outgoingEdges.length; i++) {
+ var internalEdge = outgoingEdges[parseInt(i.toString(), 10)];
+ var targetNode = internalEdge.target;
+ // Root check is O(|roots|)
+ data.parent = root;
+ data.root = targetNode;
+ data.edge = internalEdge;
+ this.depthFirstSearch(visitor, seen, layer + 1, data);
+ }
+ }
+ else {
+ this.updateConnectionRank(visitor, layer, 1, data);
+ }
+ }
+ };
+ //Updates the rank of the connection
+ MultiParentModel.prototype.updateConnectionRank = function (visitor, layer, seen, traversedList) {
+ var parent = traversedList.parent;
+ var root = traversedList.root;
+ var edge = traversedList.edge;
+ if (visitor === 'removeParentConnection' || visitor === 'removeNodeConnection') {
+ var remove = visitor === 'removeNodeConnection' ? true : false;
+ this.removeConnectionEdge(parent, root, edge, layer, traversedList, remove);
+ }
+ if (visitor === 'updateMinMaxRank') {
+ this.updateMinMaxRank(layer, seen, traversedList);
+ }
+ };
+ //Removes the edge from the collection
+ MultiParentModel.prototype.removeConnectionEdge = function (parent, node, edge, layer, data, remove) {
+ var seenNodes = data.seenNodes;
+ var unseenNodes = data.unseenNodes;
+ //let rankList: IVertex[][] = data.rankList;
+ if (this.hierarchicalUtil.isAncestor(node, parent)) {
+ this.hierarchicalUtil.invert(edge, 0);
+ this.hierarchicalUtil.remove(edge, parent.connectsAsSource);
+ if (remove) {
+ node.connectsAsSource.push(edge);
+ parent.connectsAsTarget.push(edge);
+ this.hierarchicalUtil.remove(edge, node.connectsAsTarget);
+ }
+ else {
+ parent.connectsAsTarget.push(edge);
+ this.hierarchicalUtil.remove(edge, node.connectsAsTarget);
+ node.connectsAsSource.push(edge);
+ }
+ }
+ seenNodes[node.id] = node;
+ delete unseenNodes[node.id];
+ };
+ //the dfs extends the default version by keeping track of cells ancestors, but it should be only used when necessary
+ MultiParentModel.prototype.extendedDfs = function (visitor, seen, cHash, layer, data) {
+ //let seenNodes: {} = data.seenNodes;
+ //let unseenNodes: {} = data.unseenNodes;
+ //let rankList: IVertex[][] = data.rankList;
+ var parent = data.parent;
+ var root = data.root;
+ var edge = data.edge;
+ if (root != null) {
+ if (parent != null) {
+ if (root.hashCode == null ||
+ root.hashCode[0] !== parent.hashCode[0]) {
+ var hashCodeLength = parent.hashCode.length + 1;
+ root.hashCode = parent.hashCode.slice();
+ root.hashCode[hashCodeLength - 1] = cHash;
+ }
+ }
+ var rootId = root.id;
+ if (seen["" + rootId] == null) {
+ seen["" + rootId] = root;
+ this.updateConnectionRank(visitor, layer, 0, data);
+ var outgoingEdges = root.connectsAsSource.slice();
+ for (var i = 0; i < outgoingEdges.length; i++) {
+ var internalEdge = outgoingEdges[parseInt(i.toString(), 10)];
+ var targetNode = internalEdge.target;
+ data.parent = root;
+ data.root = targetNode;
+ data.edge = internalEdge;
+ this.extendedDfs(visitor, seen, i, layer + 1, data);
+ }
+ }
+ else {
+ this.updateConnectionRank(visitor, layer, 1, data);
+ }
+ }
+ };
+ /**
+ * used to clone the specified object ignoring all fieldnames in the given array of transient fields \
+ *
+ * @returns { void } used to clone the specified object ignoring all fieldnames in the given array of transient fields .\
+ * @param {Object} obj - provide the source value.
+ * @param {string[]} transients - provide the target value.
+ * @param {boolean} shallow - provide the shallow value.
+ *
+ * @private
+ */
+ MultiParentModel.prototype.clone = function (obj, transients, shallow) {
+ shallow = (shallow != null) ? shallow : false;
+ if (obj != null && typeof (obj.constructor) === 'function') {
+ var clonedObj = obj.constructor();
+ for (var _i = 0, _a = Object.keys(obj); _i < _a.length; _i++) {
+ var i = _a[_i];
+ if (i !== 'layoutObjectId' && (transients == null || transients.indexOf(i) < 0)) {
+ if (!shallow && typeof (obj["" + i]) === 'object') {
+ //not used
+ // _clone[i] = $.extend(true, {}, obj[i]);
+ }
+ else {
+ clonedObj["" + i] = obj["" + i];
+ }
+ }
+ }
+ return clonedObj;
+ }
+ return null;
+ };
+ return MultiParentModel;
+}());
+/**
+ * Defines how to reduce the crosses in between the line segments
+ */
+var CrossReduction = /** @__PURE__ @class */ (function () {
+ function CrossReduction() {
+ }
+ /**
+ * used to calculate the number of edges crossing the layout model \
+ *
+ * @returns { number } used to calculate the number of edges crossing the layout model\
+ * @param {MultiParentModel} model - provide the model value.
+ *
+ * @private
+ */
+ CrossReduction.prototype.calculateCrossings = function (model) {
+ var numRanks = model.ranks.length;
+ var totalCrossings = 0;
+ for (var i = 1; i < numRanks; i++) {
+ totalCrossings += this.calculateRankCrossing(i, model);
+ }
+ return totalCrossings;
+ };
+ /**
+ * used to get the temp value specified for the node or connector. \
+ *
+ * @returns { boolean } used to get the temp value specified for the node or connector.\
+ * @param {IVertex} node - provide the node value.
+ * @param {IVertex} layer - provide the layer value.
+ *
+ * @private
+ */
+ CrossReduction.prototype.getTempVariable = function (node, layer) {
+ if (node) {
+ if (this.isVertex(node)) {
+ return node.temp[0];
+ }
+ else {
+ return node.temp[layer - node.minRank - 1];
+ }
+ }
+ return 0;
+ };
+ //used to specify the number of conenctors crossing between the specified rank and its below rank
+ CrossReduction.prototype.calculateRankCrossing = function (i, model) {
+ var totalCrossings = 0;
+ var rank = model.ranks[parseInt(i.toString(), 10)];
+ var previousRank = model.ranks[i - 1];
+ var tmpIndices = [];
+ // Iterate over the top rank and fill in the connection information
+ for (var j = 0; j < rank.length; j++) {
+ var node = rank[parseInt(j.toString(), 10)];
+ var rankPosition = this.getTempVariable(node, i);
+ var connectedCells = this.getConnectedCellsOnLayer(node, i, true);
+ ///####
+ var nodeIndices = [];
+ for (var k = 0; k < connectedCells.length; k++) {
+ var connectedNode = connectedCells[parseInt(k.toString(), 10)];
+ var otherCellRankPosition = this.getTempVariable(connectedNode, i - 1);
+ nodeIndices.push(otherCellRankPosition);
+ }
+ nodeIndices.sort(function (x, y) { return x - y; });
+ tmpIndices[parseInt(rankPosition.toString(), 10)] = nodeIndices;
+ }
+ var indices = [];
+ for (var j = 0; j < tmpIndices.length; j++) {
+ indices = indices.concat(tmpIndices[parseInt(j.toString(), 10)]);
+ }
+ var firstIndex = 1;
+ while (firstIndex < previousRank.length) {
+ firstIndex <<= 1;
+ }
+ var treeSize = 2 * firstIndex - 1;
+ firstIndex -= 1;
+ var tree = [];
+ for (var j = 0; j < treeSize; ++j) {
+ tree[parseInt(j.toString(), 10)] = 0;
+ }
+ for (var j = 0; j < indices.length; j++) {
+ var index = indices[parseInt(j.toString(), 10)];
+ var treeIndex = index + firstIndex;
+ ++tree[parseInt(treeIndex.toString(), 10)];
+ while (treeIndex > 0) {
+ if (treeIndex % 2) {
+ totalCrossings += tree[treeIndex + 1];
+ }
+ treeIndex = (treeIndex - 1) >> 1;
+ ++tree[parseInt(treeIndex.toString(), 10)];
+ }
+ }
+ return totalCrossings;
+ };
+ /**
+ * Calculates and reduces the crosses between line segments
+ *
+ * @returns { void }Calculates and reduces the crosses between line segments.\
+ * @param {MultiParentModel} model - provide the target value.
+ * @private
+ */
+ CrossReduction.prototype.execute = function (model) {
+ // Stores initial ordering
+ this.nestedBestRanks = [];
+ for (var i = 0; i < model.ranks.length; i++) {
+ this.nestedBestRanks[parseInt(i.toString(), 10)] = model.ranks[parseInt(i.toString(), 10)].slice();
+ }
+ var iterationsWithoutImprovement = 0;
+ var currentBestCrossings = this.calculateCrossings(model);
+ for (var i = 0; i < 24 && iterationsWithoutImprovement < 2; i++) {
+ this.weightedMedian(i, model);
+ var candidateCrossings = this.calculateCrossings(model);
+ if (candidateCrossings < currentBestCrossings) {
+ currentBestCrossings = candidateCrossings;
+ iterationsWithoutImprovement = 0;
+ for (var j = 0; j < this.nestedBestRanks.length; j++) {
+ var rank = model.ranks[parseInt(j.toString(), 10)];
+ for (var k = 0; k < rank.length; k++) {
+ var cell = rank[parseInt(k.toString(), 10)];
+ var obj = this.nestedBestRanks[parseInt(j.toString(), 10)][cell.temp[0]];
+ var check = true;
+ if (cell.edges && obj && !obj.edges) {
+ check = false;
+ }
+ if (obj && check) {
+ this.nestedBestRanks[parseInt(j.toString(), 10)][cell.temp[0]] = cell;
+ }
+ }
+ }
+ }
+ else {
+ // Increase count of iterations
+ iterationsWithoutImprovement++;
+ // Restore the best values to the cells
+ for (var j = 0; j < this.nestedBestRanks.length; j++) {
+ var rank = model.ranks[parseInt(j.toString(), 10)];
+ for (var k = 0; k < rank.length; k++) {
+ var cell = rank[parseInt(k.toString(), 10)];
+ this.setTempVariable(cell, j, k);
+ }
+ }
+ }
+ if (currentBestCrossings === 0) {
+ break;
+ }
+ }
+ // Store the best rankings but in the model
+ var ranks = [];
+ var rankList = [];
+ for (var i = 0; i < model.maxRank + 1; i++) {
+ rankList[parseInt(i.toString(), 10)] = [];
+ ranks[parseInt(i.toString(), 10)] = rankList[parseInt(i.toString(), 10)];
+ }
+ for (var i = 0; i < this.nestedBestRanks.length; i++) {
+ for (var j = 0; j < this.nestedBestRanks[parseInt(i.toString(), 10)].length; j++) {
+ rankList[parseInt(i.toString(), 10)].push(this.nestedBestRanks[parseInt(i.toString(), 10)][parseInt(j.toString(), 10)]);
+ }
+ }
+ model.ranks = ranks;
+ };
+ /**
+ * check whether the object is vertext or edge on the layout model. \
+ *
+ * @returns { boolean } check whether the object is vertext or edge on the layout model..\
+ * @param {IVertex} node - provide the iteration value.
+ *
+ * @private
+ */
+ CrossReduction.prototype.isVertex = function (node) {
+ if (node && node.cell && (node.cell.inEdges || node.cell.outEdges)) {
+ return true;
+ }
+ return false;
+ };
+ /**
+ * used to move up or move down the node position on the adjacent ranks \
+ *
+ * @returns { void } used to move up or move down the node position on the adjacent ranks.\
+ * @param {number} iteration - provide the iteration value.
+ * @param {MultiParentModel} model - provide the model value.
+ *
+ * @private
+ */
+ CrossReduction.prototype.weightedMedian = function (iteration, model) {
+ // Reverse sweep direction each time through this method
+ var downwardSweep = (iteration % 2 === 0);
+ if (downwardSweep) {
+ for (var j = model.maxRank - 1; j >= 0; j--) {
+ this.medianRank(j, downwardSweep);
+ }
+ }
+ else {
+ for (var j = 1; j < model.maxRank; j++) {
+ this.medianRank(j, downwardSweep);
+ }
+ }
+ };
+ /**
+ * used to get the node next(up) connected to the specified node or connector \
+ *
+ * @returns { void } calculates the rank elements on the specified rank.\
+ * @param {IVertex} cell - provide the cell value.
+ * @param {number} layer - provide the layer value.
+ * @param {boolean} isPrevious - provide the isPrevious value.
+ *
+ * @private
+ */
+ CrossReduction.prototype.getConnectedCellsOnLayer = function (cell, layer, isPrevious) {
+ if (isPrevious === void 0) { isPrevious = false; }
+ var connectedlayer = 'nextLayerConnectedCells';
+ var connectedAs = 'connectsAsTarget';
+ if (isPrevious) {
+ connectedlayer = 'previousLayerConnectedCells';
+ connectedAs = 'connectsAsSource';
+ }
+ if (cell) {
+ if (this.isVertex(cell)) {
+ if (cell["" + connectedlayer] == null) {
+ cell["" + connectedlayer] = [];
+ cell["" + connectedlayer][0] = [];
+ for (var i = 0; i < cell["" + connectedAs].length; i++) {
+ var edge = cell["" + connectedAs][parseInt(i.toString(), 10)];
+ if (edge.maxRank === undefined) {
+ edge.maxRank = -1;
+ }
+ if (edge.maxRank === -1 || (isPrevious ? (edge.minRank === layer - 1) : (edge.maxRank === layer + 1))) {
+ // Either edge is not in any rank or no dummy nodes in edge, add node of other side of edge
+ cell["" + connectedlayer][0].push(isPrevious ? edge.target : edge.source);
+ }
+ else {
+ // Edge spans at least two layers, add edge
+ cell["" + connectedlayer][0].push(edge);
+ }
+ }
+ }
+ return cell["" + connectedlayer][0];
+ }
+ else {
+ if (cell["" + connectedlayer] == null) {
+ cell["" + connectedlayer] = [];
+ for (var i = 0; i < cell.temp.length; i++) {
+ cell["" + connectedlayer][parseInt(i.toString(), 10)] = [];
+ if (i === (isPrevious ? 0 : (cell.temp.length - 1))) {
+ cell["" + connectedlayer][parseInt(i.toString(), 10)].push(isPrevious ? cell.target : cell.source);
+ }
+ else {
+ cell["" + connectedlayer][parseInt(i.toString(), 10)].push(cell);
+ }
+ }
+ }
+ return cell["" + connectedlayer][layer - cell.minRank - 1];
+ }
+ }
+ return null;
+ };
+ /**
+ * calculates the rank elements on the specified rank \
+ *
+ * @returns { void } calculates the rank elements on the specified rank.\
+ * @param {IVertex[]} connectedCells - provide the cell value.
+ * @param {number} rankValue - provide the layer value.
+ *
+ * @private
+ */
+ CrossReduction.prototype.medianValue = function (connectedCells, rankValue) {
+ var medianValues = [];
+ var arrayCount = 0;
+ for (var i = 0; i < connectedCells.length; i++) {
+ var cell = connectedCells[parseInt(i.toString(), 10)];
+ medianValues[arrayCount++] = this.getTempVariable(cell, rankValue);
+ }
+ // sorts numerical order sort
+ medianValues.sort(function (a, b) { return a - b; });
+ if (arrayCount % 2 === 1) {
+ // For odd numbers of adjacent vertices return the median
+ return medianValues[Math.floor(arrayCount / 2)];
+ }
+ else if (arrayCount === 2) {
+ return ((medianValues[0] + medianValues[1]) / 2.0);
+ }
+ else {
+ var medianPoint = arrayCount / 2;
+ var leftMedian = medianValues[medianPoint - 1] - medianValues[0];
+ var rightMedian = medianValues[arrayCount - 1]
+ - medianValues[parseInt(medianPoint.toString(), 10)];
+ return (medianValues[medianPoint - 1] * rightMedian + medianValues[parseInt(medianPoint.toString(), 10)] * leftMedian) / (leftMedian + rightMedian);
+ }
+ };
+ /**
+ * get the temp value of the specified layer \
+ *
+ * @returns { void } getDirection method .\
+ * @param {IVertex} cell - provide the cell value.
+ * @param {layer} layer - provide the layer value.
+ * @param {LayoutOrientation} value - provide the value value.
+ *
+ * @private
+ */
+ CrossReduction.prototype.setTempVariable = function (cell, layer, value) {
+ if (cell) {
+ cell.temp[0] = value;
+ }
+ };
+ /**
+ * used to minimize the node position on this rank and one of its adjacent ranks
+ */
+ CrossReduction.prototype.medianRank = function (rankValue, downwardSweep) {
+ var numCellsForRank = this.nestedBestRanks[parseInt(rankValue.toString(), 10)].length;
+ var medianValues = [];
+ var reservedPositions = [];
+ for (var i = 0; i < numCellsForRank; i++) {
+ var cell = this.nestedBestRanks[parseInt(rankValue.toString(), 10)][parseInt(i.toString(), 10)];
+ var sorterEntry = { medianValue: 0 };
+ sorterEntry.cell = cell;
+ // Flip whether or not equal medians are flipped on up and down sweeps
+ //TODO re-implement some kind of nudge medianValues[i].nudge = !downwardSweep;
+ var nextLevelConnectedCells = void 0;
+ if (downwardSweep) {
+ nextLevelConnectedCells = this.getConnectedCellsOnLayer(cell, rankValue);
+ }
+ else {
+ nextLevelConnectedCells = this.getConnectedCellsOnLayer(cell, rankValue, true);
+ }
+ var nextRankValue = void 0;
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ downwardSweep ? nextRankValue = rankValue + 1 : nextRankValue = rankValue - 1;
+ if (nextLevelConnectedCells != null && nextLevelConnectedCells.length !== 0) {
+ sorterEntry.medianValue = this.medianValue(nextLevelConnectedCells, nextRankValue);
+ medianValues.push(sorterEntry);
+ }
+ else {
+ // Nodes with no adjacent vertices are flagged in the reserved array to
+ //indicate they should be left in their current position.
+ reservedPositions[this.getTempVariable(cell, rankValue)] = true;
+ }
+ }
+ medianValues.sort(this.compare);
+ // Set the new position of each node within the rank using its temp variable
+ for (var i = 0; i < numCellsForRank; i++) {
+ if (reservedPositions[parseInt(i.toString(), 10)] == null && medianValues.length > 0) {
+ var cell = medianValues.shift().cell;
+ this.setTempVariable(cell, rankValue, i);
+ }
+ }
+ };
+ //compares two values, it sends the values to the compare function,
+ //and sorts the values according to the returned (negative, zero, positive) value
+ CrossReduction.prototype.compare = function (a, b) {
+ if (a != null && b != null) {
+ if (b.medianValue > a.medianValue) {
+ return -1;
+ }
+ else if (b.medianValue < a.medianValue) {
+ return 1;
+ }
+ }
+ return 0;
+ };
+ return CrossReduction;
+}());
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/hierarchical-tree.js":
+/*!****************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/hierarchical-tree.js ***!
+ \****************************************************************************************/
+/*! exports provided: HierarchicalTree */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HierarchicalTree", function() { return HierarchicalTree; });
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+
+
+
+
+
+
+/**
+ * Hierarchical Tree and Organizational Chart
+ */
+var HierarchicalTree = /** @__PURE__ @class */ (function () {
+ /**
+ * Constructor for the organizational chart module.
+ *
+ * @private
+ */
+ function HierarchicalTree() {
+ /**
+ * Defines the layout animation
+ *
+ */
+ this.isAnimation = false;
+ //constructs the layout module
+ }
+ /**
+ * To destroy the organizational chart
+ *
+ * @returns {void}
+ * @private
+ */
+ HierarchicalTree.prototype.destroy = function () {
+ /**
+ * Destroy method performed here
+ */
+ };
+ /**
+ * Get module name.
+ */
+ HierarchicalTree.prototype.getModuleName = function () {
+ /**
+ * Returns the module name of the layout
+ */
+ return 'OrganizationalChart';
+ };
+ /**
+ * @param nodes
+ * @param nameTable
+ * @param layoutProp
+ * @param viewport
+ * @param uniqueId
+ * @param action
+ * @private
+ */
+ HierarchicalTree.prototype.updateLayout = function (nodes, nameTable, layoutProp, viewport, uniqueId, action) {
+ var layout = {
+ type: layoutProp.type,
+ connectionPointOrigin: layoutProp.connectionPointOrigin,
+ nameTable: nameTable, anchorX: 0, anchorY: 0,
+ firstLevelNodes: [], centerNode: null, levels: [], maxLevel: 0, graphNodes: {},
+ orientation: layoutProp.orientation,
+ horizontalSpacing: layoutProp.horizontalSpacing, verticalSpacing: layoutProp.verticalSpacing,
+ verticalAlignment: layoutProp.verticalAlignment, horizontalAlignment: layoutProp.horizontalAlignment,
+ fixedNode: layoutProp.fixedNode, getLayoutInfo: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["getFunction"])(layoutProp.getLayoutInfo),
+ layoutInfo: layoutProp.layoutInfo, margin: layoutProp.margin,
+ bounds: layoutProp.bounds, objects: [], root: layoutProp.root
+ };
+ this.doLayout(layout, nodes, viewport, uniqueId, action);
+ return layout;
+ };
+ HierarchicalTree.prototype.doLayout = function (layout, nodes, viewport, uniqueId, action) {
+ var node;
+ var i;
+ var layoutInfo = {};
+ var shape;
+ var rootNodes = [];
+ if (layout.nameTable[layout.root]) {
+ layout.firstLevelNodes.push(layout.nameTable[layout.root]);
+ }
+ for (i = 0; i < nodes.length; i++) {
+ node = nodes[parseInt(i.toString(), 10)];
+ if (!node.excludeFromLayout) {
+ layoutInfo = layout.graphNodes[node.id] = this.setUpLayoutInfo(layout, node);
+ layoutInfo.tree.hasSubTree = false;
+ if (!layout.nameTable[layout.root]) {
+ if (!node.inEdges || !node.inEdges.length) {
+ var parentId = 'parentId';
+ var processId = 'processId';
+ if (!node["" + parentId] && !node["" + processId]) {
+ rootNodes.push(node);
+ }
+ if (node.data && String(node.data["" + uniqueId]) === layout.root) {
+ layout.firstLevelNodes.push(node);
+ }
+ }
+ }
+ }
+ }
+ if (layout.firstLevelNodes.length === 0) {
+ layout.firstLevelNodes = rootNodes;
+ }
+ //Update relationship(parent and children)
+ for (i = 0; i < layout.firstLevelNodes.length; i++) {
+ node = layout.firstLevelNodes[parseInt(i.toString(), 10)];
+ //let check: boolean;
+ this.updateEdges(layout, node, 1, action, nodes);
+ }
+ if (layout.firstLevelNodes.length > 0) {
+ layout.rootNode = layout.firstLevelNodes[0];
+ var x = 0;
+ var y = 0;
+ var minX = void 0;
+ var maxY = void 0;
+ var maxX = void 0;
+ var minY = void 0;
+ //let j: number;
+ var bounds = void 0;
+ for (i = 0; i < layout.firstLevelNodes.length; i++) {
+ bounds = this.updateTree(layout, x, y, layout.firstLevelNodes[parseInt(i.toString(), 10)], 0, layout.firstLevelNodes[i - 1]);
+ var rootInfo = layout.graphNodes[layout.firstLevelNodes[parseInt(i.toString(), 10)].id];
+ bounds.y = Math.min(bounds.y, rootInfo.y);
+ bounds.x = Math.min(bounds.x, rootInfo.x);
+ if (layout.orientation.indexOf('Left') !== -1) {
+ y = bounds.right + layout.horizontalSpacing;
+ }
+ else {
+ x = bounds.right + layout.horizontalSpacing;
+ }
+ if (i === 0) {
+ minX = bounds.x;
+ minY = bounds.y;
+ maxX = bounds.right;
+ maxY = bounds.bottom;
+ }
+ else {
+ minX = Math.min(minX, bounds.x);
+ minY = Math.min(minY, bounds.y);
+ maxX = Math.max(maxX, bounds.right);
+ maxY = Math.max(maxY, bounds.bottom);
+ }
+ }
+ this.updateAnchor(layout, { x: minX, y: minY, right: maxX, bottom: maxY }, viewport);
+ for (i = 0; i < layout.firstLevelNodes.length; i++) {
+ this.updateNodes(layout, layout.firstLevelNodes[parseInt(i.toString(), 10)], 0);
+ }
+ for (i = 0; i < layout.firstLevelNodes.length; i++) {
+ this.updateConnectors(layout, layout.firstLevelNodes[parseInt(i.toString(), 10)], 1);
+ }
+ }
+ };
+ HierarchicalTree.prototype.getBounds = function (node) {
+ var x = node.offsetX - node.actualSize.width * node.pivot.x;
+ var y = node.offsetY - node.actualSize.height * node.pivot.y;
+ return new _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"](x, y, node.actualSize.width, node.actualSize.height);
+ };
+ HierarchicalTree.prototype.updateTree = function (layout, x, y, shape, level, prev, dontupdate) {
+ //let dimensions: Dimensions;
+ var info = {};
+ var lev;
+ var obj;
+ //let hasChild: number;
+ var dimensions = this.getDimensions(layout, shape, x, y, level);
+ info = layout.graphNodes[shape.id];
+ var firstChild;
+ //Set maximum level of layout
+ layout.maxLevel = Math.max(layout.maxLevel, level);
+ lev = level;
+ var hasChild = this.hasChild(layout, shape);
+ if (!hasChild && !info.tree.assistants.length) {
+ //update leaf nodes
+ shape.treeBounds = this.updateLeafNode(layout, shape, prev, dimensions, level, dontupdate);
+ return shape.treeBounds;
+ }
+ else {
+ var treeBounds = void 0;
+ var shapeBounds = void 0;
+ var levelBounds = void 0;
+ var d = void 0;
+ var asstBounds = void 0;
+ var space = void 0;
+ var bottom = void 0;
+ bottom = dimensions.y + dimensions.height + layout.verticalSpacing;
+ if (info.tree.assistants.length) {
+ //Vertically place assistants
+ obj = this.setDepthSpaceForAssitants(layout, shape, bottom, dimensions.height, level, layout.verticalSpacing);
+ lev = obj.level;
+ bottom = obj.bottom;
+ }
+ if (!info.tree.assistants.length && info.tree.orientation !== 'Horizontal') {
+ bottom = dimensions.y + dimensions.height + layout.verticalSpacing / 2;
+ }
+ if (info.tree.children.length) {
+ if (info.tree.orientation === 'Horizontal' && (info.tree.type !== 'Balanced' || info.tree.children.length === 1)) {
+ treeBounds = this.updateHorizontalTree(layout, shape, prev, dimensions.x, bottom, lev);
+ }
+ else if (info.tree.type === 'Balanced') {
+ treeBounds = this.updateHorizontalTreeWithMultipleRows(layout, shape, prev, dimensions.x, bottom, lev);
+ }
+ else {
+ treeBounds = this.updateVerticalTree(layout, shape, dimensions.x, bottom, lev, dontupdate);
+ }
+ }
+ if (!(info.y && info.y > dimensions.y)) {
+ info.y = dimensions.y;
+ }
+ if (info.mid) {
+ x = info.mid;
+ }
+ if (info.tree.assistants.length) {
+ //Set breadth space for assistants
+ space = x !== undefined ? x : dimensions.x;
+ asstBounds = this.setBreadthSpaceForAssistants(layout, shape, dimensions, space, bottom, level);
+ if (!hasChild) {
+ levelBounds = treeBounds = asstBounds;
+ x = (levelBounds.x + levelBounds.right) / 2 - dimensions.width / 2;
+ treeBounds = levelBounds;
+ }
+ d = asstBounds ? asstBounds.canMoveBy : undefined;
+ }
+ info.x = x;
+ if (!info.translate) {
+ info.treeWidth = treeBounds.right - treeBounds.x;
+ }
+ {
+ shapeBounds = { x: x, y: dimensions.y, right: x + dimensions.width, bottom: dimensions.y + dimensions.height };
+ }
+ var translateInfo = {
+ layout: layout, shape: shape, shapeBounds: shapeBounds, treeBounds: treeBounds,
+ dim: dimensions, level: level
+ };
+ this.translateSubTree(translateInfo, d, prev !== undefined, dontupdate);
+ if (info.firstChild && typeof info.firstChild !== 'string') {
+ info.firstChild.x += info.subTreeTranslation;
+ }
+ shape.treeBounds = treeBounds;
+ return treeBounds;
+ }
+ };
+ HierarchicalTree.prototype.updateLeafNode = function (layout, shape, prev, dimensions, level, dontupdate) {
+ //let bounds: Bounds;
+ var info = layout.graphNodes[shape.id];
+ info.x = dimensions.x;
+ if (!(info.y && info.y > dimensions.y)) {
+ info.y = dimensions.y;
+ info.maxLevel = Math.max(level, info.maxLevel || 0);
+ }
+ // eslint-disable-next-line max-len
+ var bounds = { x: dimensions.x, y: dimensions.y, right: dimensions.x + dimensions.width, bottom: dimensions.y + dimensions.height };
+ info.maxLevel = Math.max(info.maxLevel || 0, level);
+ var translateInfo = {
+ layout: layout, shape: shape, shapeBounds: bounds, treeBounds: bounds,
+ dim: dimensions, level: level
+ };
+ this.translateSubTree(translateInfo, undefined, prev !== undefined, dontupdate);
+ return { x: info.x, y: info.y, right: info.x + dimensions.width, bottom: info.y + dimensions.height };
+ };
+ HierarchicalTree.prototype.setUpLayoutInfo = function (layout, item) {
+ var info = {};
+ info.subTreeTranslation = 0;
+ if (layout.type === 'OrganizationalChart') {
+ info.tree = { orientation: 'Vertical', type: 'Alternate', offset: 20, enableRouting: true };
+ }
+ else {
+ info.tree = { orientation: 'Horizontal', type: 'Center', enableRouting: true };
+ }
+ info.tree.children = [];
+ info.tree.assistants = [];
+ info.tree.level = 0;
+ info.translate = true;
+ return info;
+ };
+ HierarchicalTree.prototype.translateSubTree = function (translateInfo, asstDif, translate, dontupdate) {
+ var layout = translateInfo.layout;
+ var shape = translateInfo.shape;
+ var shapeBounds = translateInfo.shapeBounds;
+ var treeBounds = translateInfo.treeBounds;
+ var level = translateInfo.level;
+ var dim = translateInfo.dim;
+ var info = layout.graphNodes[shape.id];
+ var firstChild = layout.nameTable[info.firstChild ? info.firstChild.child : info.tree.children[0]];
+ var firstChildInfo = firstChild ? layout.graphNodes[firstChild.id] : null;
+ var hasChild = this.hasChild(layout, shape);
+ var intersect = this.findIntersectingLevels(layout, shapeBounds, level, info.actualLevel);
+ var treeIntersect = this.findIntersectingLevels(layout, treeBounds, level, info.actualLevel);
+ var levelBounds = [];
+ //const diff: number;
+ if (intersect.length && info.translate) {
+ info.intersect = intersect;
+ this.spaceLeftFromPrevSubTree(layout, shape, shapeBounds);
+ info.canMoveBy = info.diff;
+ if (asstDif !== undefined) {
+ info.canMoveBy = Math.min(asstDif, info.canMoveBy);
+ }
+ if (firstChild && firstChildInfo.canMoveBy !== undefined) {
+ if (firstChildInfo.canMoveBy >= info.canMoveBy) {
+ info.translated = true;
+ }
+ info.canMoveBy = Math.min(info.canMoveBy, firstChildInfo.canMoveBy);
+ }
+ if (translate) {
+ info.x -= info.canMoveBy;
+ info.subTreeTranslation -= info.canMoveBy;
+ if (hasChild) {
+ this.shiftSubordinates(layout, treeIntersect, info.canMoveBy);
+ treeBounds.x = Math.min(treeBounds.x, info.x);
+ treeBounds.right = Math.max(treeBounds.right, info.x + dim.width);
+ treeBounds.bottom = Math.max(treeBounds.bottom, info.y + dim.height);
+ treeBounds.x -= info.canMoveBy;
+ treeBounds.right -= info.canMoveBy;
+ }
+ if (firstChild && firstChildInfo.canMoveBy > info.canMoveBy) {
+ info.canMoveBy = firstChildInfo.canMoveBy - info.canMoveBy;
+ }
+ else if (firstChild && info.canMoveBy !== undefined) {
+ info.canMoveBy = 0;
+ }
+ }
+ }
+ else {
+ if (hasChild) {
+ treeBounds.x = Math.min(treeBounds.x, shapeBounds.x);
+ treeBounds.right = Math.max(treeBounds.right, shapeBounds.x + dim.width);
+ treeBounds.bottom = Math.max(treeBounds.bottom, info.y + dim.height);
+ }
+ if (!info.translate) {
+ info.canMoveBy = 0;
+ info.subTreeTranslation = 0;
+ }
+ }
+ if (!dontupdate) {
+ shapeBounds = { x: info.x, y: dim.y, right: info.x + dim.width, bottom: dim.y + dim.height };
+ levelBounds.push({ rBounds: shapeBounds });
+ this.updateRearBounds(layout, shape, levelBounds, level);
+ }
+ };
+ HierarchicalTree.prototype.updateRearBounds = function (layout, shape, levelBounds, level, intersect) {
+ var bnds;
+ var index;
+ var isLastLeaf = true;
+ var i;
+ var info = {};
+ //let firstLevel: Bounds;
+ //let lastLevel: Bounds;
+ var bottom;
+ if (shape) {
+ info = layout.graphNodes[shape.id];
+ intersect = info.intersect;
+ isLastLeaf = !info.tree.children.length && !info.tree.assistants.length;
+ }
+ var firstLevel = levelBounds[0].rBounds;
+ var lastLevel = levelBounds[levelBounds.length - 1].rBounds;
+ if (intersect && intersect.length) {
+ bnds = layout.levels[intersect[0]].rBounds;
+ bottom = bnds.bottom;
+ if (bnds.y < firstLevel.y) {
+ bnds.bottom = firstLevel.y;
+ levelBounds.splice(0, 0, { rBounds: bnds });
+ }
+ if (bottom > lastLevel.bottom) {
+ levelBounds.push({ rBounds: { x: bnds.x, right: bnds.right, y: firstLevel.bottom, bottom: bottom } });
+ }
+ else {
+ bnds = layout.levels[intersect[intersect.length - 1]].rBounds;
+ if (isLastLeaf && bnds.bottom > lastLevel.bottom) {
+ bnds.y = lastLevel.bottom;
+ levelBounds.push({ rBounds: bnds });
+ }
+ }
+ index = intersect[0];
+ for (i = levelBounds.length - 1; i >= 0; i--) {
+ layout.levels.splice(index, 0, levelBounds[parseInt(i.toString(), 10)]);
+ }
+ index += levelBounds.length;
+ layout.levels.splice(index, intersect.length);
+ }
+ else {
+ index = this.findLevel(layout, levelBounds[levelBounds.length - 1].rBounds, level);
+ for (i = levelBounds.length - 1; i >= 0; i--) {
+ layout.levels.splice(index, 0, levelBounds[parseInt(i.toString(), 10)]);
+ }
+ }
+ };
+ HierarchicalTree.prototype.shiftSubordinates = function (layout, intersect, diff) {
+ var i;
+ //Shift the sublevels by the distance diff
+ if (diff !== 0) {
+ for (i = 0; i < intersect.length; i++) {
+ if (layout.levels[intersect[parseInt(i.toString(), 10)]].rBounds) {
+ layout.levels[intersect[parseInt(i.toString(), 10)]].rBounds.x -= diff;
+ layout.levels[intersect[parseInt(i.toString(), 10)]].rBounds.right -= diff;
+ }
+ }
+ }
+ };
+ HierarchicalTree.prototype.setDepthSpaceForAssitants = function (layout, shape, bottom, height, lev, vSpace) {
+ var info = layout.graphNodes[shape.id];
+ var asst = {};
+ var asstHeight;
+ var i;
+ var asstElement;
+ var max;
+ max = bottom;
+ //Vertically place the assistants as alternate layout(alternatively at both right and left sides of parent)
+ for (i = 0; i < info.tree.assistants.length; i++) {
+ asst = layout.graphNodes[info.tree.assistants[parseInt(i.toString(), 10)]];
+ if (asst) {
+ asst.tree.children = asst.tree.assistants = [];
+ asst.y = bottom;
+ asstElement = layout.nameTable[info.tree.assistants[parseInt(i.toString(), 10)]];
+ asstHeight = asstElement.actualSize.height;
+ if (layout.orientation.indexOf('Left') !== -1) {
+ asstHeight = asstElement.actualSize.width;
+ }
+ max = bottom + asstHeight + vSpace / 2;
+ layout.maxLevel = lev + 1;
+ if (i % 2 === 1 && i !== info.tree.assistants.length - 1) {
+ bottom = max;
+ lev++;
+ }
+ }
+ }
+ return { level: layout.maxLevel, bottom: bottom + asstHeight + vSpace };
+ };
+ HierarchicalTree.prototype.setBreadthSpaceForAssistants = function (layout, shape, dim, space, bottom, level) {
+ var asst = {};
+ var asstWidth;
+ //let prevBounds: number;
+ var bounds;
+ var asstElement;
+ var i;
+ var info = layout.graphNodes[shape.id];
+ //let max: number = bottom;
+ var lev = level;
+ var left;
+ var diff;
+ var intersect;
+ var levelBounds = { x: 0, y: 0, right: 0, bottom: 0 };
+ for (i = 0; i < info.tree.assistants.length; i++) {
+ asst = layout.graphNodes[info.tree.assistants[parseInt(i.toString(), 10)]];
+ //Arrange assistants at both left and right sides of parent(like alternate layout)
+ //Check - By default, distance to be left between parent and child nodes is assumed as 20.
+ //It can be modified/customized later.
+ if (asst) {
+ asstElement = layout.nameTable[info.tree.assistants[parseInt(i.toString(), 10)]];
+ asstWidth = asstElement.actualSize.width;
+ if (layout.orientation.indexOf('Left') !== -1) {
+ asstWidth = asstElement.actualSize.height;
+ }
+ if (i % 2 === 0) {
+ left = space + dim.width / 2 - 20 - asstWidth;
+ }
+ else {
+ left = space + dim.width / 2 + 20;
+ }
+ //Check - What will happen if update leaf node is called? Since assistants don't have children
+ bounds = this.updateTree(layout, left, asst.y, layout.nameTable[info.tree.assistants[parseInt(i.toString(), 10)]], lev + 1);
+ if (!this.hasChild(layout, shape)) {
+ if (i === 0) {
+ levelBounds = bounds;
+ }
+ else {
+ this.uniteRects(levelBounds, bounds);
+ }
+ }
+ if (i % 2 === 0 && asst.prevBounds) {
+ if (diff === undefined) {
+ diff = asst.canMoveBy;
+ }
+ else {
+ diff = Math.min(diff, asst.canMoveBy);
+ }
+ }
+ if (i % 2 === 1 || i === info.tree.assistants.length - 1) {
+ intersect = this.findIntersectingLevels(layout, bounds, lev + 1);
+ //Update rightmost positions of known layout levels
+ this.updateRearBounds(layout, null, [{ rBounds: bounds }], lev + 1, intersect);
+ lev++;
+ }
+ }
+ }
+ if (levelBounds) {
+ levelBounds.canMoveBy = diff;
+ }
+ return levelBounds;
+ };
+ HierarchicalTree.prototype.getDimensions = function (layout, shape, x, y, level) {
+ var width;
+ width = shape.actualSize.width;
+ var height;
+ height = shape.actualSize.height;
+ if (layout.orientation.indexOf('Left') !== -1) {
+ if (!level) {
+ //let temp: number;
+ var temp = x;
+ x = y;
+ y = temp;
+ }
+ height = shape.actualSize.width;
+ width = shape.actualSize.height;
+ }
+ return { x: x, y: y, width: width, height: height };
+ };
+ HierarchicalTree.prototype.hasChild = function (layout, shape) {
+ //Check whether the node has children
+ var shape1 = layout.graphNodes[shape.id];
+ return shape1 ? shape1.tree.children && shape1.tree.children.length : 0;
+ };
+ HierarchicalTree.prototype.updateHorizontalTree = function (layout, shape, prev, x, y, level) {
+ //Get dimensions with respect to layout orientations
+ //let dimensions: Dimensions;
+ var dimensions = this.getDimensions(layout, shape, x, y, level);
+ var info = {};
+ info = layout.graphNodes[shape.id];
+ var side = info.tree.type;
+ //let lev: number;
+ var lev = level;
+ var right = 0;
+ right = x;
+ var bottom = y;
+ var width;
+ var height;
+ var child;
+ var childBounds;
+ var childWidth;
+ var childHeight;
+ //let prevBounds: Bounds;
+ var bounds;
+ var actBounds;
+ var maxLevel;
+ var translateSibilingsBy;
+ var canMoveBy;
+ var oldActBounds;
+ var i;
+ var childInfo;
+ var firstChildInfo;
+ var prevLayoutLevels = layout.levels.slice(0, layout.levels.length);
+ if (this.hasChild(layout, shape)) {
+ //let h: boolean;
+ var h = layout.orientation.indexOf('Left') !== -1 ? true : false;
+ for (i = 0; i < info.tree.children.length; i++) {
+ child = layout.nameTable[info.tree.children[parseInt(i.toString(), 10)]];
+ width = child.actualSize.width;
+ height = child.actualSize.height;
+ childWidth = h ? height : width;
+ childHeight = h ? width : height;
+ var prevBounds = layout.levels[lev + 1] ? layout.levels[lev + 1].rBounds : null;
+ //Update sub tree
+ childBounds = this.updateTree(layout, right, bottom, child, lev + 1, layout.nameTable[info.tree.children[i - 1]]);
+ childInfo = layout.graphNodes[child.id];
+ info.maxLevel = Math.max(info.maxLevel || 0, childInfo.maxLevel || 0);
+ actBounds = { x: childInfo.x, y: childInfo.y, right: childInfo.x + childWidth, bottom: childInfo.y + childHeight };
+ if (i === 0) {
+ //Compare with previous(right most) subtree
+ bounds = {
+ x: Math.min(childInfo.x, childBounds.x), y: Math.min(childInfo.y, childBounds.y),
+ right: childBounds.right, bottom: childBounds.bottom
+ };
+ firstChildInfo = childInfo;
+ }
+ if (!oldActBounds) {
+ oldActBounds = actBounds;
+ }
+ else {
+ oldActBounds.x = actBounds.x;
+ oldActBounds.y = actBounds.y;
+ if (actBounds.right > oldActBounds.right) {
+ oldActBounds.right = actBounds.right;
+ }
+ oldActBounds.bottom = actBounds.bottom;
+ //oldActBounds = actBounds;
+ }
+ //Compare with previous subtree if level of the child is greater than the level of previous sub tree
+ //Check - what will happen if level of second child is greater than current child
+ if (i === 0) {
+ info.firstChild = { x: childInfo.x, canMoveBy: childInfo.canMoveBy, child: child.id };
+ }
+ if (this.hasChild(layout, child)) {
+ if (!info.firstChild || info.firstChild.x >= childInfo.firstChild.x) {
+ if (childInfo.firstChild && info.firstChild.canMoveBy < childInfo.canMoveBy) {
+ canMoveBy = info.firstChild.canMoveBy;
+ childInfo.canMoveBy = canMoveBy;
+ layout.graphNodes[info.firstChild.child].canMoveBy = canMoveBy;
+ info.firstChild.canMoveBy = canMoveBy;
+ }
+ var canMoveValue = canMoveBy !== undefined ? canMoveBy : childInfo.canMoveBy;
+ info.firstChild = { x: childInfo.firstChild.x, canMoveBy: canMoveValue, child: child.id };
+ }
+ else if (childInfo.firstChild && childInfo.translated && info.firstChild.canMoveBy > childInfo.canMoveBy) {
+ info.firstChild.canMoveBy = layout.graphNodes[info.firstChild.child].canMoveBy = childInfo.canMoveBy;
+ }
+ }
+ maxLevel = maxLevel ? Math.max(childInfo.maxLevel, maxLevel) : childInfo.maxLevel;
+ this.uniteRects(bounds, childBounds);
+ if (i !== 0 && !this.hasChild(layout, child) && childInfo.subTreeTranslation < 0) {
+ right = childBounds.right - childInfo.subTreeTranslation + layout.horizontalSpacing;
+ }
+ else {
+ right = childBounds.right + layout.horizontalSpacing;
+ }
+ }
+ if (!isNaN(translateSibilingsBy)) {
+ firstChildInfo.canMoveBy = translateSibilingsBy;
+ }
+ info.mid = (firstChildInfo.x + oldActBounds.right) / 2 - dimensions.width / 2;
+ //Set parent based on the chart type
+ if (side === 'Left') {
+ info.mid = actBounds.right - dimensions.width;
+ }
+ else if (side === 'Right') {
+ info.mid = x;
+ }
+ }
+ return bounds;
+ };
+ /* eslint-disable */
+ HierarchicalTree.prototype.updateHorizontalTreeWithMultipleRows = function (layout, shape, prev, x, y, level) {
+ //declarations
+ var child;
+ var childInfo;
+ var childBounds;
+ var childWidth;
+ var childHeight;
+ var firstChildInfo;
+ var maxLevel;
+ var bounds;
+ var rowBounds;
+ var width;
+ var height;
+ var diff;
+ var translateSibilingsBy;
+ var fchild;
+ var maxRowWidth;
+ var j;
+ var i;
+ var k;
+ var max;
+ var leftCenter;
+ var rightCenter;
+ //Get dimensions with respect to layout orientations
+ var dimensions = this.getDimensions(layout, shape, x, y, level);
+ var info = layout.graphNodes[shape.id];
+ var side = info.tree.type;
+ var lev = level;
+ var right = x;
+ var bottom = y;
+ var prevLayoutLevels = layout.levels.slice(0, layout.levels.length);
+ var minTranslation = 0;
+ if (this.hasChild(layout, shape)) {
+ var h = layout.orientation.indexOf('Left') !== -1 ? true : false;
+ var align = void 0;
+ var rows = this.splitChildrenInRows(layout, shape);
+ var unique = info.tree.children.length === 5 && rows[0].length === 3;
+ var leftTree = [];
+ var rightTree = [];
+ if (!unique) {
+ this.splitRows(rows, leftTree, rightTree);
+ }
+ else {
+ rightTree = rows;
+ }
+ var treeInfo = { leftTree: leftTree, rows: rows, rightTree: rightTree, dimensions: dimensions };
+ var rightMost = this.updateLeftTree(layout, treeInfo, shape, x, bottom, lev);
+ bounds = treeInfo.bounds;
+ var rightX = void 0;
+ var center = (rightMost || 0) + (rightMost !== undefined ? (layout.horizontalSpacing / 2) : 0);
+ if (rightMost !== undefined) {
+ info.mid = center - dimensions.width / 2;
+ rightX = rightMost + layout.horizontalSpacing;
+ }
+ bottom = y;
+ var rightBounds = void 0;
+ rightBounds = [];
+ for (i = 0; i < rightTree.length; i++) {
+ if (rows[i].length % 2 === 1 && i === rightTree.length - 1 || unique) {
+ right = x;
+ }
+ else {
+ right = rightX || x;
+ }
+ if (i !== 0) {
+ bottom = rightBounds[i - 1].bottom + layout.verticalSpacing;
+ }
+ for (j = 0; j < rightTree[i].length; j++) {
+ child = layout.nameTable[rightTree[i][j]];
+ width = child.actualSize.width;
+ height = child.actualSize.height;
+ childWidth = h ? height : width;
+ childHeight = h ? width : height;
+ //Update sub tree
+ childInfo = layout.graphNodes[child.id];
+ childInfo.actualLevel = lev + 1 + i;
+ if (j === 0 && leftTree[i] && leftTree[i].length) {
+ childInfo.translate = false;
+ }
+ if (unique && i === 1) {
+ if (j === 0 && leftCenter + childWidth + layout.horizontalSpacing <= rightCenter) {
+ align = true;
+ right = leftCenter - childWidth / 2;
+ }
+ if (align && j === 1) {
+ right = rightCenter - childWidth / 2;
+ }
+ }
+ childBounds = this.updateTree(layout, right, bottom, child, lev + 1, layout.nameTable[rightTree[i][j - 1]]);
+ if (unique && j <= 2 && i === 0) {
+ if (j === 1) {
+ leftCenter = childBounds.x - layout.horizontalSpacing / 2;
+ rightCenter = childBounds.x + childWidth + layout.horizontalSpacing / 2;
+ }
+ }
+ if (j === 0) {
+ rightBounds[i] = { x: childBounds.x, y: childBounds.y, right: childBounds.right, bottom: childBounds.bottom };
+ }
+ else {
+ this.uniteRects(rightBounds[i], childBounds);
+ }
+ if (!bounds) {
+ bounds = {
+ x: rightBounds[i].x, y: rightBounds[i].y, right: rightBounds[i].right,
+ bottom: rightBounds[i].bottom
+ };
+ }
+ this.uniteRects(bounds, rightBounds[i]);
+ right = childBounds.right + layout.horizontalSpacing;
+ if (!info.firstChild || ((i === rightTree.length - 1 && rows[i].length % 2 === 1) || unique)
+ && j === 0 && childInfo.canMoveBy !== undefined && minTranslation > childInfo.canMoveBy) {
+ minTranslation = Math.min(minTranslation, childInfo.canMoveBy || 0);
+ info.firstChild = { x: childInfo.x, child: child.id, canMoveBy: childInfo.canMoveBy };
+ }
+ treeInfo.leftCenter = leftCenter;
+ treeInfo.rightCenter = rightCenter;
+ treeInfo.align = align;
+ treeInfo.level = lev;
+ treeInfo.rightBounds = rightBounds;
+ this.alignRowsToCenter(layout, i, shape, treeInfo, rightX);
+ }
+ }
+ }
+ return bounds;
+ };
+ /* eslint-enable */
+ HierarchicalTree.prototype.updateLeftTree = function (layout, treeInfo, shape, x, bottom, lev) {
+ var leftTree = treeInfo.leftTree;
+ var info = layout.graphNodes[shape.id];
+ var right;
+ var leftBounds = [];
+ var minTranslation;
+ var rightMost;
+ var childBounds;
+ var bounds;
+ var h = layout.orientation.indexOf('Left') !== -1 ? true : false;
+ //Arrange left side
+ for (var i = 0; i < leftTree.length && leftTree[parseInt(i.toString(), 10)].length; i++) {
+ right = x;
+ if (leftBounds[i - 1]) {
+ bottom = leftBounds[i - 1].bottom + layout.verticalSpacing;
+ }
+ for (var j = 0; j < leftTree[parseInt(i.toString(), 10)].length; j++) {
+ var child = layout.nameTable[leftTree[parseInt(i.toString(), 10)][parseInt(j.toString(), 10)]];
+ var childWidth = h ? child.actualSize.height : child.actualSize.width;
+ var childHeight = h ? child.actualSize.width : child.actualSize.height;
+ //Update sub tree
+ var childInfo = layout.graphNodes[child.id];
+ childInfo.actualLevel = lev + 1 + i;
+ childBounds = this.updateTree(layout, right, bottom, child, lev + 1, layout.nameTable[leftTree[parseInt(i.toString(), 10)][j - 1]]);
+ if (j === 0) {
+ leftBounds[parseInt(i.toString(), 10)] = { x: childBounds.x, y: childBounds.y, right: childBounds.right, bottom: childBounds.bottom };
+ }
+ else {
+ this.uniteRects(leftBounds[parseInt(i.toString(), 10)], childBounds);
+ }
+ if (i === 0 && j === 0) {
+ minTranslation = childInfo.canMoveBy;
+ info.firstChild = { x: childInfo.x, child: child.id, canMoveBy: childInfo.canMoveBy };
+ }
+ else if (j === 0 && childInfo.canMoveBy !== undefined && minTranslation > childInfo.canMoveBy) {
+ minTranslation = Math.min(minTranslation, childInfo.canMoveBy || 0);
+ info.firstChild = { x: childInfo.x, child: child.id, canMoveBy: childInfo.canMoveBy };
+ }
+ right = childBounds.right + layout.horizontalSpacing;
+ }
+ if (i === 0) {
+ rightMost = leftBounds[parseInt(i.toString(), 10)].right;
+ }
+ else {
+ rightMost = Math.max(rightMost, leftBounds[parseInt(i.toString(), 10)].right);
+ }
+ }
+ //Translate to same positions
+ for (var i = 0; i < leftTree.length && leftTree[parseInt(i.toString(), 10)].length; i++) {
+ if (rightMost !== leftBounds[parseInt(i.toString(), 10)].right) {
+ var diff = rightMost - leftBounds[parseInt(i.toString(), 10)].right;
+ for (var j = 0; j < leftTree[parseInt(i.toString(), 10)].length; j++) {
+ var element = layout.nameTable[leftTree[parseInt(i.toString(), 10)][parseInt(j.toString(), 10)]];
+ var elementInfo = layout.graphNodes[leftTree[parseInt(i.toString(), 10)][parseInt(j.toString(), 10)]];
+ elementInfo.x += diff;
+ }
+ //leftBounds[i].x += diff;
+ //leftBounds[i].right += diff;
+ }
+ if (i === 0) {
+ bounds = { x: leftBounds[0].x, y: leftBounds[0].y, right: leftBounds[0].right, bottom: leftBounds[0].bottom };
+ }
+ else {
+ this.uniteRects(bounds, leftBounds[parseInt(i.toString(), 10)]);
+ }
+ }
+ treeInfo.bounds = bounds;
+ return rightMost;
+ };
+ HierarchicalTree.prototype.alignRowsToCenter = function (layout, i, shape, treeInfo, rightX) {
+ var max;
+ var centered;
+ var diff;
+ var info = layout.graphNodes[shape.id];
+ var rows = treeInfo.rows;
+ var rightTree = treeInfo.rightTree;
+ var leftCenter = treeInfo.leftCenter;
+ var rightCenter = treeInfo.rightCenter;
+ var align = treeInfo.align;
+ var rightBounds = treeInfo.rightBounds;
+ var dimensions = treeInfo.dimensions;
+ var lev = treeInfo.level;
+ var unique = info.tree.children.length === 5 && rows[0].length === 3;
+ if (unique && i === 1) {
+ max = (rightBounds[0].right - rightBounds[0].x) >= (rightBounds[1].right - rightBounds[1].x) ? 0 : 1;
+ }
+ if (i === rows.length - 1) {
+ if (rows[parseInt(i.toString(), 10)].length % 2 === 1 || unique && i === 1) {
+ centered = rightTree[parseInt(i.toString(), 10)][Math.floor(rightTree[parseInt(i.toString(), 10)].length / 2)];
+ //let centerObjct: INode;
+ var centerObjct = layout.nameTable["" + centered];
+ //let childDimension: Dimensions;
+ var centeredX = layout.graphNodes["" + centered].x;
+ var centeredY = layout.graphNodes["" + centered].y;
+ var childDimension = this.getDimensions(layout, centerObjct, centeredX, centeredY, lev + 1);
+ diff = undefined;
+ if (!align && unique) {
+ if (max === 1) {
+ i = 0;
+ }
+ diff = (rightBounds[parseInt(max.toString(), 10)].x + rightBounds[parseInt(max.toString(), 10)].right) / 2 - (rightBounds[parseInt(i.toString(), 10)].x + rightBounds[parseInt(i.toString(), 10)].right) / 2;
+ if (i === 0) {
+ info.mid += diff;
+ }
+ }
+ else if (!unique && rightX !== undefined) {
+ diff = rightX - layout.horizontalSpacing / 2 - (centeredX + childDimension.width / 2);
+ }
+ if (diff !== undefined) {
+ this.updateRearBoundsOfTree(layout, rightTree[parseInt(i.toString(), 10)], diff, dimensions);
+ }
+ if (unique) {
+ info.mid = (rightCenter + leftCenter) / 2 + (i === 0 ? diff : 0) - dimensions.width / 2;
+ }
+ if (info.mid === undefined && layout.graphNodes["" + centered]) {
+ info.mid = centeredX;
+ }
+ align = false;
+ i++;
+ }
+ }
+ };
+ HierarchicalTree.prototype.updateRearBoundsOfTree = function (layout, rightTree, diff, dimensions) {
+ for (var j = 0; j < rightTree.length; j++) {
+ var childInfo = layout.graphNodes[rightTree[parseInt(j.toString(), 10)]];
+ //let child: INode = layout.nameTable[rightTree[j]];
+ childInfo.x += diff;
+ childInfo.canMoveBy += diff;
+ if (j === rightTree.length - 1) {
+ //removed child dimensions call calculation, since that is not used
+ var childBnds = {
+ x: childInfo.x, y: childInfo.y, right: childInfo.x +
+ dimensions.width, bottom: childInfo.y + dimensions.height
+ };
+ var intersect = this.findIntersectingLevels(layout, childBnds, childInfo.actualLevel);
+ this.updateRearBounds(layout, null, [{ rBounds: childBnds }], childInfo.actualLevel, intersect);
+ }
+ }
+ };
+ HierarchicalTree.prototype.splitRows = function (rows, leftTree, rightTree) {
+ for (var i = 0; i < rows.length; i++) {
+ leftTree[parseInt(i.toString(), 10)] = [];
+ rightTree[parseInt(i.toString(), 10)] = [];
+ var half = void 0;
+ half = rows[parseInt(i.toString(), 10)].length;
+ if (rows[parseInt(i.toString(), 10)].length % 2 !== 1) {
+ half = Math.ceil(rows[parseInt(i.toString(), 10)].length / 2);
+ for (var k = 0; k < half; k++) {
+ leftTree[parseInt(i.toString(), 10)].push(rows[parseInt(i.toString(), 10)][parseInt(k.toString(), 10)]);
+ }
+ }
+ for (var j = leftTree[parseInt(i.toString(), 10)].length; j < rows[parseInt(i.toString(), 10)].length; j++) {
+ rightTree[parseInt(i.toString(), 10)].push(rows[parseInt(i.toString(), 10)][parseInt(j.toString(), 10)]);
+ }
+ }
+ };
+ HierarchicalTree.prototype.updateVerticalTree = function (layout, shape, x, y, level, dontUpdate) {
+ //declarations
+ var child;
+ var childInfo;
+ var childBounds;
+ var childWidth;
+ var childHeight;
+ var prevBounds;
+ var bounds;
+ var actBounds;
+ var oddBounds;
+ var evenBounds;
+ //let dimensions: Dimensions = this.getDimensions(layout, shape, x, y, level);
+ var info = layout.graphNodes[shape.id];
+ var firstChild = layout.nameTable[info.tree.children[0]];
+ var h = layout.orientation.indexOf('Left') !== -1 ? true : false;
+ var factor = info.tree.type === 'Left' ? -1 : 0;
+ var right = x;
+ var bottom = y;
+ var lev = level;
+ var i;
+ var intersect;
+ var type;
+ var levels = [];
+ var oddLevels = [];
+ var canMoveBy; //let diff: number;
+ for (i = 0; i < info.tree.children.length; i++) {
+ if (info.tree.type === 'Alternate') {
+ //arrange at both left and right
+ type = (i % 2 === 0 && info.tree.children.length > 2) ? 'Left' : 'Right';
+ factor = (i % 2 === 0 && info.tree.children.length > 2) ? -1 : 0;
+ }
+ right = x + this.findOffset(layout, shape, info, type);
+ child = layout.nameTable[info.tree.children[parseInt(i.toString(), 10)]];
+ childWidth = h ? child.actualSize.height : child.actualSize.width;
+ childHeight = h ? child.actualSize.width : child.actualSize.height;
+ //Update sub tree
+ childBounds = this.updateTree(layout, right + factor * childWidth, bottom, child, level + 1, undefined, true);
+ childInfo = layout.graphNodes[child.id];
+ actBounds = { x: childInfo.x, y: childInfo.y, right: childInfo.x + childWidth, bottom: childInfo.y + childHeight };
+ if (i === 0) {
+ this.uniteRects(childBounds, actBounds);
+ bounds = childBounds;
+ }
+ else {
+ this.uniteRects(bounds, childBounds);
+ }
+ //Check and adjust the space left from previous subtree/sibling
+ if (childInfo.prevBounds && !(info.tree.type === 'Alternate' && i % 2 === 1 && info.tree.children.length > 2)) {
+ canMoveBy = canMoveBy !== undefined ? Math.min(childInfo.canMoveBy, canMoveBy) : childInfo.canMoveBy;
+ }
+ //Max level of the subtree node
+ info.maxLevel = Math.max(info.maxLevel || 0, childInfo.maxLevel || 0);
+ if (!(info.tree.type === 'Alternate' && info.tree.children.length > 2 && i % 2 === 0)) {
+ if (info.tree.type === 'Alternate' && info.tree.children.length > 2) {
+ //alternate - arrange children with even index(0,2,4,6,..) at the next level
+ bottom = Math.max(childBounds.bottom, prevBounds.bottom) + layout.verticalSpacing / 2;
+ }
+ else {
+ // left/right - arrange next child at the nect level(bottom)
+ bottom = childBounds.bottom + layout.verticalSpacing / 2;
+ }
+ level = info.maxLevel;
+ levels.push({ rBounds: actBounds });
+ if (!evenBounds) {
+ evenBounds = {
+ x: childInfo.x, y: childInfo.y, right: childInfo.x + childWidth,
+ bottom: childInfo.y + childHeight
+ };
+ }
+ else {
+ this.uniteRects(evenBounds, actBounds);
+ }
+ if (childInfo.levelBounds) {
+ levels = levels.concat(childInfo.levelBounds);
+ }
+ }
+ else {
+ if (i !== 0) {
+ bottom = prevBounds.bottom + layout.verticalSpacing / 2;
+ }
+ oddLevels.push({ rBounds: actBounds });
+ if (childInfo.levelBounds) {
+ oddLevels = oddLevels.concat(childInfo.levelBounds);
+ }
+ }
+ if (i === 0) {
+ info.firstChild = { x: childInfo.x, canMoveBy: childInfo.canMoveBy, child: child.id };
+ }
+ if (this.hasChild(layout, child)) {
+ if (!info.firstChild || info.firstChild.x >= childInfo.firstChild.x) {
+ if (childInfo.firstChild && info.firstChild.canMoveBy < childInfo.canMoveBy) {
+ var canMoveBy_1 = info.firstChild.canMoveBy;
+ childInfo.canMoveBy = canMoveBy_1;
+ layout.graphNodes[info.firstChild.child].canMoveBy = canMoveBy_1;
+ info.firstChild.canMoveBy = canMoveBy_1;
+ }
+ info.firstChild = {
+ x: childInfo.firstChild.x, canMoveBy: canMoveBy !== undefined ? canMoveBy : childInfo.canMoveBy,
+ child: child.id
+ };
+ }
+ else if (childInfo.firstChild && childInfo.translated && info.firstChild.canMoveBy > childInfo.canMoveBy) {
+ info.firstChild.canMoveBy = layout.graphNodes[info.firstChild.child].canMoveBy = childInfo.canMoveBy;
+ }
+ }
+ prevBounds = actBounds;
+ }
+ //To set level bounds(right most position of levels)
+ if (!dontUpdate) {
+ if (info.tree.type === 'Alternate' && info.tree.children.length > 2) {
+ oddBounds = {
+ x: oddLevels[0].rBounds.x, y: oddLevels[0].rBounds.y,
+ right: oddLevels[oddLevels.length - 1].rBounds.right, bottom: oddLevels[oddLevels.length - 1].rBounds.bottom
+ };
+ intersect = this.findIntersectingLevels(layout, oddBounds, lev + 1);
+ this.updateRearBounds(layout, null, oddLevels, lev + 1, intersect);
+ }
+ intersect = this.findIntersectingLevels(layout, evenBounds || bounds, lev + 1);
+ this.updateRearBounds(layout, null, evenBounds ? levels : [{ rBounds: bounds }], lev + 1, intersect);
+ }
+ else {
+ info.levelBounds = levels;
+ }
+ if (!isNaN(canMoveBy)) {
+ layout.graphNodes[firstChild.id].canMoveBy = canMoveBy;
+ }
+ info.childBounds = bounds;
+ info.mid = x;
+ return bounds;
+ };
+ HierarchicalTree.prototype.splitChildrenInRows = function (layout, shape) {
+ //let info: LayoutInfo;
+ var info = layout.graphNodes[shape.id];
+ var column;
+ column = 4;
+ var rows = [];
+ var childNodes;
+ childNodes = info.tree.children.length;
+ var children = this.extend(info.tree.children);
+ if (info.tree.rows) {
+ //let count: number;
+ var count = info.tree.children.length;
+ //let columns: number;
+ var columns = info.tree.rows;
+ if (columns % 2 === 0) {
+ column = columns;
+ }
+ else {
+ column = columns - 1;
+ }
+ }
+ else if (info.tree.children.length === 3 || info.tree.children.length === 4) {
+ column = 2;
+ }
+ else if (info.tree.children.length === 5) {
+ column = 3;
+ }
+ while (childNodes > 0) {
+ rows[rows.length] = children.splice(0, column);
+ childNodes -= column;
+ if (childNodes < column) {
+ if (childNodes % 2 === 0) {
+ column = childNodes;
+ }
+ else if (childNodes !== 1) {
+ column = childNodes - 1;
+ }
+ if (childNodes < column) {
+ column = childNodes;
+ }
+ }
+ }
+ return rows;
+ };
+ HierarchicalTree.prototype.extend = function (temp) {
+ var i;
+ var dummy = [];
+ for (i = 0; i < temp.length; i++) {
+ dummy[parseInt(i.toString(), 10)] = temp[parseInt(i.toString(), 10)];
+ }
+ return dummy;
+ };
+ HierarchicalTree.prototype.findOffset = function (layout, shape, info, type) {
+ var offset = 0;
+ var space = (layout.orientation.indexOf('Left') !== -1) ? shape.actualSize.height :
+ shape.actualSize.width;
+ var treeType = type ? type : info.tree.type;
+ offset = info.tree.offset || 20;
+ if (info.tree.type === 'Alternate') {
+ if (offset >= layout.horizontalSpacing) {
+ offset = layout.horizontalSpacing / 2;
+ }
+ }
+ switch (treeType) {
+ case 'Left':
+ offset = space / 2 - offset;
+ break;
+ case 'Right':
+ offset = offset + space / 2;
+ break;
+ }
+ return offset;
+ };
+ HierarchicalTree.prototype.uniteRects = function (rect1, rect2) {
+ //Unite two rects
+ rect1.x = Math.min(rect1.x, rect2.x);
+ rect1.right = Math.max(rect1.right, rect2.right);
+ rect1.bottom = Math.max(rect1.bottom, rect2.bottom);
+ };
+ HierarchicalTree.prototype.spaceLeftFromPrevSubTree = function (layout, shape, bounds) {
+ //let info: LayoutInfo;
+ var info = layout.graphNodes[shape.id];
+ var dif;
+ var prevBounds; //let intersect: number[]; let k: number;
+ //let space: number;
+ var space = layout.horizontalSpacing;
+ //Find the minimum distance to move towards previous sub tree
+ for (var k = 0; k < info.intersect.length; k++) {
+ prevBounds = layout.levels[info.intersect[parseInt(k.toString(), 10)]].rBounds;
+ dif = bounds.x - (prevBounds.right + space);
+ if (info.diff === undefined || dif < info.diff) {
+ info.diff = dif;
+ info.prevBounds = layout.levels[info.intersect[parseInt(k.toString(), 10)]].rBounds;
+ }
+ }
+ };
+ HierarchicalTree.prototype.findIntersectingLevels = function (layout, bounds, level, actualLevel) {
+ //intersecting with exact Level
+ //let bnds: Bounds;
+ var bnds = { x: bounds.x, y: bounds.y, right: bounds.right, bottom: bounds.bottom };
+ bnds.y -= layout.verticalSpacing / 2;
+ bnds.bottom += layout.verticalSpacing / 2;
+ //let intersectingLevels: number[];
+ var intersectingLevels = [];
+ var rBounds;
+ var l;
+ l = actualLevel !== undefined ? actualLevel : level;
+ rBounds = layout.levels[parseInt(l.toString(), 10)] ? layout.levels[parseInt(l.toString(), 10)].rBounds : null;
+ //Performance - We can consider only the intersecting levels
+ do {
+ if (rBounds && ((bnds.y < rBounds.y && bnds.bottom > rBounds.y)
+ || (bnds.y < rBounds.bottom && rBounds.bottom < bnds.bottom) ||
+ bnds.y >= rBounds.y &&
+ bnds.bottom <= rBounds.bottom || bnds.y < rBounds.y && bnds.bottom > rBounds.bottom)) {
+ var index = 0;
+ intersectingLevels.splice(index, 0, l);
+ }
+ else if (rBounds && rBounds.bottom < bnds.y) {
+ break;
+ }
+ l--;
+ rBounds = layout.levels[parseInt(l.toString(), 10)] ? layout.levels[parseInt(l.toString(), 10)].rBounds : null;
+ } while (l >= 0);
+ l = (actualLevel !== undefined ? actualLevel : level) + 1;
+ rBounds = layout.levels[parseInt(l.toString(), 10)] ? layout.levels[parseInt(l.toString(), 10)].rBounds : null;
+ do {
+ if (rBounds && ((bnds.y < rBounds.y && bnds.bottom > rBounds.y) ||
+ (bnds.y < rBounds.bottom && rBounds.bottom < bnds.bottom) ||
+ bnds.y >= rBounds.y && bnds.bottom <= rBounds.bottom || bnds.y < rBounds.y && bnds.bottom > rBounds.bottom)) {
+ intersectingLevels.push(l);
+ }
+ else if (rBounds && rBounds.y > bnds.bottom) {
+ break;
+ }
+ l++;
+ rBounds = layout.levels[parseInt(l.toString(), 10)] ? layout.levels[parseInt(l.toString(), 10)].rBounds : null;
+ } while (l <= layout.levels.length);
+ return intersectingLevels;
+ };
+ HierarchicalTree.prototype.findLevel = function (layout, bounds, level) {
+ //let bnds: Bounds;
+ var bnds = bounds;
+ var l;
+ l = 0;
+ var rBounds;
+ rBounds = layout.levels[parseInt(l.toString(), 10)] ? layout.levels[parseInt(l.toString(), 10)].rBounds : null;
+ while (l < layout.levels.length) {
+ if (rBounds && bnds.bottom < rBounds.y) {
+ return l;
+ }
+ else {
+ l++;
+ }
+ rBounds = layout.levels[parseInt(l.toString(), 10)] ? layout.levels[parseInt(l.toString(), 10)].rBounds : null;
+ }
+ return l;
+ };
+ HierarchicalTree.prototype.getParentNode = function (layout, node) {
+ //Return the first parent node
+ return layout.nameTable[layout.nameTable[node.inEdges[0]].sourceID];
+ };
+ HierarchicalTree.prototype.updateEdges = function (layout, node, depth, action, nodes) {
+ //let layoutInfo: LayoutInfo;
+ var layoutInfo = layout.graphNodes[node.id];
+ var j;
+ if (node.outEdges && node.outEdges.length && (node.isExpanded || (action === _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramAction"].Render))) {
+ for (j = 0; j < node.outEdges.length; j++) {
+ //let edge: INode;
+ var edge = layout.nameTable[layout.nameTable[node.outEdges[parseInt(j.toString(), 10)]].targetID];
+ if (edge && !edge.excludeFromLayout) {
+ if (layoutInfo.tree.children.indexOf(edge.id) === -1) {
+ layoutInfo.tree.children.push(edge.id);
+ }
+ if (edge.outEdges && edge.outEdges.length && edge.isExpanded) {
+ layoutInfo.tree.hasSubTree = true;
+ }
+ this.updateEdges(layout, edge, depth + 1, action, nodes);
+ }
+ }
+ }
+ //set level info
+ layoutInfo.tree.level = depth;
+ //By default, orientation is horizontal for nested trees
+ if (layoutInfo.tree.hasSubTree) {
+ layoutInfo.tree.orientation = 'Horizontal';
+ layoutInfo.tree.type = 'Center';
+ }
+ //Customizing assistants and children collection
+ //Performance-Instead of reading the method everytime, we can set once and can reuse that
+ if ((layout.getLayoutInfo || layout.layoutInfo) && layout.type === 'OrganizationalChart') {
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ layout.getLayoutInfo ?
+ layout.getLayoutInfo(node, layoutInfo.tree) : Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_5__["updateLayoutValue"])(layoutInfo.tree, layout.layoutInfo, nodes, node);
+ if (layoutInfo.tree.type === 'Balanced' && layoutInfo.tree.hasSubTree) {
+ layoutInfo.tree.type = 'Center';
+ layoutInfo.tree.orientation = 'Horizontal';
+ }
+ }
+ if (layout.level && layoutInfo.tree.type !== 'Alternate' && depth >= layout.level) {
+ layoutInfo.tree.hasSubTree = false;
+ }
+ };
+ /* eslint-disable */
+ HierarchicalTree.prototype.updateAnchor = function (layout, bounds, viewPort) {
+ var node;
+ var fixedNode;
+ var width = 0;
+ var height = 0;
+ var mod = 0;
+ var yValue = 0;
+ var viewPortBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"](0, 0, viewPort.x, viewPort.y); //let layoutBounds: Rect;
+ var layoutBounds = layout.bounds ? layout.bounds : viewPortBounds;
+ var orientation = layout.orientation;
+ //Anchor based on fixed nodes
+ if (layout.fixedNode) {
+ fixedNode = layout.nameTable[layout.fixedNode];
+ width = fixedNode.actualSize.width;
+ height = fixedNode.actualSize.height;
+ layout.anchorX = fixedNode.offsetX;
+ layout.anchorY = fixedNode.offsetY;
+ var pivot = fixedNode.pivot;
+ layout.anchorX += layout.orientation === 'RightToLeft' ? width * pivot.x : -width * pivot.x;
+ layout.anchorY += layout.orientation === 'BottomToTop' ? height * pivot.y : -height * pivot.y;
+ node = fixedNode;
+ mod = 0;
+ while (node.inEdges.length) {
+ node = this.getParentNode(layout, node);
+ mod += layout.graphNodes[node.id].subTreeTranslation || 0;
+ }
+ if (layout.orientation.indexOf('Left') !== -1) {
+ yValue = layout.graphNodes[fixedNode.id].y;
+ // eslint-disable-next-line
+ orientation === 'LeftToRight' ? layout.anchorX -= yValue : layout.anchorX += yValue;
+ layout.anchorY -= layout.graphNodes[fixedNode.id].x + mod;
+ }
+ else {
+ yValue = layout.graphNodes[fixedNode.id].y;
+ // eslint-disable-next-line
+ layout.anchorX -= layout.graphNodes[fixedNode.id].x + mod;
+ orientation === 'TopToBottom' ? layout.anchorY -= yValue : layout.anchorY += yValue;
+ }
+ }
+ else {
+ if (orientation === 'TopToBottom' || orientation === 'BottomToTop') {
+ switch (layout.horizontalAlignment) {
+ case 'Left':
+ layout.anchorX = (layoutBounds.x - bounds.x) + layout.margin.left;
+ break;
+ case 'Right':
+ layout.anchorX = layoutBounds.x + layoutBounds.width - layout.margin.right - bounds.right;
+ break;
+ case 'Auto':
+ case 'Center':
+ layout.anchorX = layoutBounds.x + layoutBounds.width / 2 - (bounds.x + bounds.right) / 2;
+ break;
+ }
+ switch (layout.verticalAlignment) {
+ case 'Auto':
+ case 'Top':
+ var top_1;
+ top_1 = layoutBounds.y + layout.margin.top;
+ layout.anchorY = orientation === 'TopToBottom' ? top_1 : bounds.bottom + top_1;
+ break;
+ case 'Bottom':
+ var bottom = void 0;
+ bottom = layoutBounds.y + layoutBounds.height - layout.margin.bottom;
+ layout.anchorY = orientation === 'TopToBottom' ? bottom - bounds.bottom : bottom;
+ break;
+ case 'Center':
+ var center = void 0;
+ center = layoutBounds.y + layoutBounds.height / 2;
+ layout.anchorY = layout.orientation === 'TopToBottom' ?
+ center - (bounds.y + bounds.bottom) / 2 : center + (bounds.y + bounds.bottom) / 2;
+ break;
+ }
+ }
+ else {
+ switch (layout.horizontalAlignment) {
+ case 'Auto':
+ case 'Left':
+ var left = void 0;
+ left = layoutBounds.x + layout.margin.left;
+ layout.anchorX = orientation === 'LeftToRight' ? left : bounds.bottom + left;
+ break;
+ case 'Right':
+ var right = void 0;
+ right = layoutBounds.x + layoutBounds.width - layout.margin.right;
+ layout.anchorX = orientation === 'LeftToRight' ? right - bounds.bottom : right;
+ break;
+ case 'Center':
+ var center = void 0;
+ center = layoutBounds.width / 2 + layoutBounds.x;
+ layout.anchorX = layout.orientation === 'LeftToRight' ?
+ center - (bounds.y + bounds.bottom) / 2 : center + (bounds.y + bounds.bottom) / 2;
+ break;
+ }
+ switch (layout.verticalAlignment) {
+ case 'Top':
+ layout.anchorY = layoutBounds.y + layout.margin.top - bounds.x;
+ break;
+ case 'Auto':
+ case 'Center':
+ layout.anchorY = layoutBounds.y + layoutBounds.height / 2 - (bounds.right + bounds.x) / 2;
+ break;
+ case 'Bottom':
+ layout.anchorY = layoutBounds.y + layoutBounds.height - layout.margin.bottom - bounds.right;
+ break;
+ }
+ }
+ }
+ };
+ /* eslint-enable */
+ HierarchicalTree.prototype.updateConnectors = function (layout, node, level) {
+ var i;
+ //let info: LayoutInfo;
+ //let nodeWidth: number; let nodeHeight: number; let targetWidth: number; let targetHeight: number;
+ //let length: number; let offsetLen: number; let points: PointModel[];
+ //let segments: ConnSegments;
+ var target;
+ var conn;
+ //Route out edges
+ var info = layout.graphNodes[node.id];
+ var direction;
+ if (node.outEdges.length) {
+ for (i = 0; i < node.outEdges.length; i++) {
+ conn = layout.nameTable[node.outEdges[parseInt(i.toString(), 10)]];
+ conn.points = [];
+ target = layout.nameTable[conn.targetID];
+ if (conn.visible) {
+ conn.visited = true;
+ if (layout.getConnectorSegments) {
+ var segments = layout.getConnectorSegments(conn);
+ }
+ else {
+ if (info && info.tree.children.indexOf(conn.targetID) !== -1) {
+ if (conn.type === 'Bezier' && layout.connectionPointOrigin == "SamePoint") {
+ conn.segments = [];
+ (conn.segments).push(new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["BezierSegment"](conn, 'segments', { type: 'Bezier' }, true));
+ }
+ if (layout.type === 'OrganizationalChart' && conn.type === 'Orthogonal') {
+ conn.segments = [];
+ this.updateSegments(layout, conn, node, target, i);
+ }
+ }
+ }
+ if (target && (target.isExpanded || this.hasChild(layout, target))) {
+ this.updateConnectors(layout, target, level + 1);
+ }
+ }
+ }
+ }
+ if (info && info.tree.assistants.length) {
+ //In-Edge routing of assistant nodes
+ for (i = 0; i < info.tree.assistants.length; i++) {
+ target = layout.nameTable[info.tree.assistants[parseInt(i.toString(), 10)]];
+ conn = layout.nameTable[target.inEdges[0]];
+ this.get3Points(layout, node, target, conn);
+ if (target.isExpanded || this.hasChild(layout, target)) {
+ this.updateConnectors(layout, target, level + 1);
+ }
+ }
+ }
+ };
+ HierarchicalTree.prototype.updateSegments = function (layout, conn, node, target, i) {
+ var info = layout.graphNodes[node.id];
+ //Connector routing - Horizontal layout orientation
+ if (info.tree.assistants.length) {
+ //Route in-edge of child node, if the parent has assistant
+ this.updateSegmentsForHorizontalOrientation(layout, node, target, conn);
+ }
+ else {
+ //Route in-edge of child node
+ if (info.tree.orientation === 'Horizontal' && info.tree.type === 'Balanced') {
+ this.updateSegmentsForBalancedTree(layout, conn, node, target, i);
+ }
+ else {
+ if (info.tree.orientation === 'Horizontal') {
+ this.updateSegmentsForHorizontalOrientation(layout, node, target, conn);
+ }
+ else {
+ if (info.tree.offset < 5) {
+ this.get5Points(layout, node, target, conn);
+ }
+ else {
+ this.get3Points(layout, node, target, conn);
+ }
+ }
+ }
+ }
+ };
+ HierarchicalTree.prototype.updateSegmentsForBalancedTree = function (layout, connector, node, target, i) {
+ var info = layout.graphNodes[node.id];
+ var center;
+ var relative;
+ if (info.tree.children.length === 5 && i > 2) {
+ relative = info.tree.children[1];
+ if (isNaN(layout.graphNodes["" + relative].treeWidth)) {
+ layout.graphNodes["" + relative].treeWidth = layout.nameTable["" + relative].actualSize.width;
+ }
+ var factor = i !== 3 ? 1 : -1;
+ if (layout.orientation.indexOf('Left') !== -1) {
+ center = layout.nameTable["" + relative].offsetY - layout.graphNodes["" + relative].treeWidth / 2 -
+ (layout.verticalSpacing * factor / 2);
+ }
+ else {
+ var center_1 = layout.nameTable["" + relative].offsetX +
+ layout.graphNodes["" + relative].treeWidth / 2 + (layout.horizontalSpacing * factor) / 2;
+ }
+ this.getSegmentsForMultipleRows(layout, node, target, connector);
+ }
+ else {
+ if (info.tree.children.length > 5) {
+ if (i < 4 || i < info.tree.rows) {
+ this.getSegmentsForMultipleRows(layout, node, target, connector);
+ }
+ else {
+ this.updateSegmentsForHorizontalOrientation(layout, node, target, connector);
+ }
+ }
+ else if (info.tree.children.length === 4) {
+ if (i < 2 || i < info.tree.rows) {
+ this.getSegmentsForMultipleRows(layout, node, target, connector);
+ }
+ else {
+ this.updateSegmentsForHorizontalOrientation(layout, node, target, connector);
+ }
+ }
+ else {
+ this.getSegmentsForMultipleRows(layout, node, target, connector);
+ }
+ }
+ };
+ HierarchicalTree.prototype.get3Points = function (layout, node, target, connector) {
+ var points = [];
+ var nodeBounds = this.getBounds(node);
+ var targetBounds = this.getBounds(target);
+ if (layout.orientation.indexOf('Top') !== -1) {
+ var startingPoint = layout.orientation.indexOf('Top') === 0 ? nodeBounds.bottomCenter :
+ nodeBounds.topCenter;
+ var endPoint = node.offsetX > target.offsetX ? targetBounds.middleRight : targetBounds.middleLeft;
+ points.push(startingPoint, { x: nodeBounds.bottomCenter.x, y: endPoint.y }, endPoint);
+ }
+ else {
+ var startingPoint = layout.orientation.indexOf('Left') === 0 ? nodeBounds.middleRight :
+ nodeBounds.middleLeft;
+ var endPoint = node.offsetY > target.offsetY ? targetBounds.bottomCenter : targetBounds.topCenter;
+ points.push(startingPoint, { x: targetBounds.bottomCenter.x, y: nodeBounds.middleRight.y }, endPoint);
+ }
+ this.getSegmentsFromPoints(points, connector);
+ };
+ HierarchicalTree.prototype.get5Points = function (layout, node, target, connector) {
+ var points = [];
+ //let layoutprop: Layout;
+ var nodeBounds = this.getBounds(node);
+ var targetBounds = this.getBounds(target);
+ //let info: LayoutInfo = layout.graphNodes[node.id];
+ var startingPoint;
+ var endPoint;
+ var horizontalSpacing;
+ var verticalSpacing;
+ if (layout.orientation.indexOf('Top') !== -1) {
+ startingPoint = (node.offsetY < target.offsetY) ? nodeBounds.bottomCenter : nodeBounds.topCenter;
+ verticalSpacing = layout.verticalSpacing / 4 * ((node.offsetY < target.offsetY) ? 1 : -1);
+ horizontalSpacing = layout.horizontalSpacing / 2 * ((node.offsetX > target.offsetX) ? 1 : -1);
+ endPoint = (node.offsetX > target.offsetX) ? targetBounds.middleRight : targetBounds.middleLeft;
+ points.push(startingPoint, { x: startingPoint.x, y: startingPoint.y + verticalSpacing }, { x: endPoint.x + horizontalSpacing, y: startingPoint.y + verticalSpacing }, { x: endPoint.x + horizontalSpacing, y: endPoint.y }, endPoint);
+ }
+ else {
+ startingPoint = (node.offsetX > target.offsetX) ? nodeBounds.middleLeft : nodeBounds.middleRight;
+ endPoint = node.offsetY > target.offsetY ? targetBounds.bottomCenter : targetBounds.topCenter;
+ horizontalSpacing = layout.horizontalSpacing / 4 * ((node.offsetX < target.offsetX) ? 1 : -1);
+ verticalSpacing = layout.verticalSpacing / 2 * ((node.offsetY > target.offsetY) ? 1 : -1);
+ points.push(startingPoint, { x: startingPoint.x + horizontalSpacing, y: startingPoint.y }, { x: startingPoint.x + horizontalSpacing, y: startingPoint.y + verticalSpacing }, { x: endPoint.x, y: startingPoint.y + verticalSpacing }, endPoint);
+ }
+ this.getSegmentsFromPoints(points, connector);
+ };
+ HierarchicalTree.prototype.getSegmentsFromPoints = function (points, connector) {
+ var segments = [];
+ var segment;
+ for (var i = 0; i < points.length - 2; i++) {
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(points[parseInt(i.toString(), 10)], points[i + 1]);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(points[parseInt(i.toString(), 10)], points[i + 1]);
+ segments.push(segment);
+ }
+ connector.segments = segments;
+ };
+ HierarchicalTree.prototype.getSegmentsForMultipleRows = function (layout, node, target, connector) {
+ //let points: PointModel[] = [];
+ var segments = [];
+ var point;
+ var segment;
+ var targetBounds = this.getBounds(target);
+ var nodeBounds = this.getBounds(node);
+ switch (layout.orientation) {
+ case 'TopToBottom':
+ point = { x: nodeBounds.bottomCenter.x, y: (nodeBounds.bottomCenter.y + layout.verticalSpacing / 4) };
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(nodeBounds.bottomCenter, point);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(nodeBounds.bottomCenter, point);
+ segments.push(segment);
+ break;
+ case 'BottomToTop':
+ point = { x: nodeBounds.bottomCenter.x, y: (nodeBounds.topCenter.y - layout.verticalSpacing / 4) };
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(nodeBounds.topCenter, point);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(nodeBounds.topCenter, point);
+ segments.push(segment);
+ break;
+ case 'LeftToRight':
+ point = { x: (nodeBounds.middleRight.x + layout.verticalSpacing / 4), y: nodeBounds.middleRight.y };
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(nodeBounds.middleRight, point);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(nodeBounds.middleRight, point);
+ segments.push(segment);
+ if (targetBounds.center.y !== nodeBounds.center.y) {
+ var point3 = { x: (nodeBounds.middleRight.x + layout.verticalSpacing / 4), y: targetBounds.middleLeft.y };
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(point, point3);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(point, point3);
+ segments.push(segment);
+ }
+ break;
+ case 'RightToLeft':
+ point = { x: (nodeBounds.middleLeft.x - layout.verticalSpacing / 4), y: nodeBounds.middleRight.y };
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(nodeBounds.middleLeft, point);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(nodeBounds.middleLeft, point);
+ segments.push(segment);
+ if (targetBounds.center.y !== nodeBounds.center.y) {
+ var point_1 = { x: (nodeBounds.middleLeft.x - layout.verticalSpacing / 4), y: targetBounds.middleLeft.y };
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(point_1, point_1);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(point_1, point_1);
+ segments.push(segment);
+ }
+ break;
+ }
+ connector.segments = segments;
+ };
+ HierarchicalTree.prototype.updateSegmentsForHorizontalOrientation = function (layout, node, target, connector) {
+ var points = [];
+ var point2;
+ var segment;
+ var segments = [];
+ var nodeBounds = this.getBounds(node);
+ var targetBounds = this.getBounds(target);
+ switch (layout.orientation) {
+ case 'TopToBottom':
+ point2 = { x: nodeBounds.bottomCenter.x, y: (targetBounds.topCenter.y - layout.verticalSpacing / 2) };
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(nodeBounds.bottomCenter, point2);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(nodeBounds.bottomCenter, point2);
+ segments.push(segment);
+ break;
+ case 'BottomToTop':
+ point2 = { x: nodeBounds.topCenter.x, y: (targetBounds.bottomCenter.y + layout.verticalSpacing / 2) };
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(nodeBounds.topCenter, point2);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(nodeBounds.topCenter, point2);
+ segments.push(segment);
+ break;
+ case 'LeftToRight':
+ point2 = { x: (targetBounds.middleLeft.x - layout.verticalSpacing / 2), y: nodeBounds.middleRight.y };
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(nodeBounds.middleRight, point2);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(nodeBounds.middleRight, point2);
+ segments.push(segment);
+ if (targetBounds.center.y !== nodeBounds.center.y) {
+ var point3 = { x: (targetBounds.middleLeft.x - layout.verticalSpacing / 2), y: targetBounds.middleLeft.y };
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(point2, point3);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(point2, point3);
+ segments.push(segment);
+ }
+ break;
+ case 'RightToLeft':
+ point2 = { x: (targetBounds.middleRight.x + layout.verticalSpacing / 2), y: nodeBounds.middleRight.y };
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(nodeBounds.middleLeft, point2);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(nodeBounds.middleLeft, point2);
+ segments.push(segment);
+ if (targetBounds.center.y !== nodeBounds.center.y) {
+ var point = { x: (targetBounds.middleRight.x + layout.verticalSpacing / 2), y: targetBounds.middleLeft.y };
+ segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_2__["OrthogonalSegment"](connector, 'segments', { type: 'Orthogonal' }, true);
+ segment.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].direction(point2, point);
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_4__["Point"].distancePoints(point2, point);
+ segments.push(segment);
+ }
+ break;
+ }
+ connector.segments = segments;
+ return points;
+ };
+ HierarchicalTree.prototype.updateNodes = function (layout, node, mod, update, dx, dy) {
+ var i;
+ var child;
+ var width;
+ var height;
+ var offsetX;
+ var offsetY;
+ if (node && !node.excludeFromLayout) {
+ width = node.actualSize.width;
+ height = node.actualSize.height;
+ offsetX = layout.anchorX;
+ offsetY = layout.anchorY;
+ /*Performance - instead of checking conditions for every node, we can make the layout related
+ conditions once and we can reuse them*/
+ if (layout.orientation === 'LeftToRight') {
+ offsetX += layout.graphNodes[node.id].y + width / 2;
+ offsetY += layout.graphNodes[node.id].x + mod + height / 2;
+ }
+ else if (layout.orientation === 'RightToLeft') {
+ offsetX -= layout.graphNodes[node.id].y + width / 2;
+ offsetY += layout.graphNodes[node.id].x + mod + height / 2;
+ }
+ else if (layout.orientation === 'TopToBottom') {
+ offsetX += layout.graphNodes[node.id].x + mod + width / 2;
+ offsetY += layout.graphNodes[node.id].y + height / 2;
+ }
+ else {
+ offsetX += layout.graphNodes[node.id].x + mod + width / 2;
+ offsetY -= layout.graphNodes[node.id].y + height / 2;
+ }
+ if (layout.graphNodes) {
+ dx = dx ? dx : 0;
+ dy = dy ? dy : 0;
+ offsetX += dx;
+ offsetY += dy;
+ if (!this.isAnimation) {
+ node.offsetX = offsetX;
+ node.offsetY = offsetY;
+ }
+ }
+ var objects = { id: node.id, differenceX: offsetX - node.offsetX, differenceY: offsetY - node.offsetY };
+ layout.objects.push(objects);
+ var list = [];
+ if (this.hasChild(layout, node)) {
+ for (i = 0; i < layout.graphNodes[node.id].tree.children.length; i++) {
+ child = layout.nameTable[layout.graphNodes[node.id].tree.children[parseInt(i.toString(), 10)]];
+ this.updateNodes(layout, child, mod + (layout.graphNodes[node.id].subTreeTranslation || 0), update, dx, dy);
+ list.push(child);
+ }
+ }
+ if (layout.graphNodes[node.id].tree.assistants.length) {
+ for (i = 0; i < layout.graphNodes[node.id].tree.assistants.length; i++) {
+ child = layout.nameTable[layout.graphNodes[node.id].tree.assistants[parseInt(i.toString(), 10)]];
+ this.updateNodes(layout, child, mod + (layout.graphNodes[node.id].subTreeTranslation || 0), null, dx, dy);
+ }
+ }
+ }
+ };
+ return HierarchicalTree;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/layout-base.js":
+/*!**********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/layout-base.js ***!
+ \**********************************************************************************/
+/*! exports provided: Layout */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Layout", function() { return Layout; });
+/* harmony import */ var _core_appearance__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/appearance */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/appearance.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+/**
+ * Defines the behavior of the automatic layouts
+ */
+var Layout = /** @__PURE__ @class */ (function (_super) {
+ __extends(Layout, _super);
+ function Layout() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('')
+ ], Layout.prototype, "fixedNode", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(30)
+ ], Layout.prototype, "horizontalSpacing", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('SamePoint')
+ ], Layout.prototype, "connectionPointOrigin", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('Nonlinear')
+ ], Layout.prototype, "arrangement", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(30)
+ ], Layout.prototype, "verticalSpacing", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(30)
+ ], Layout.prototype, "maxIteration", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(40)
+ ], Layout.prototype, "springFactor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(50)
+ ], Layout.prototype, "springLength", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Complex"])({ left: 50, top: 50, right: 0, bottom: 0 }, _core_appearance__WEBPACK_IMPORTED_MODULE_0__["Margin"])
+ ], Layout.prototype, "margin", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('Auto')
+ ], Layout.prototype, "horizontalAlignment", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('Auto')
+ ], Layout.prototype, "verticalAlignment", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('TopToBottom')
+ ], Layout.prototype, "orientation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('Auto')
+ ], Layout.prototype, "connectionDirection", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('Default')
+ ], Layout.prototype, "connectorSegments", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('None')
+ ], Layout.prototype, "type", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])()
+ ], Layout.prototype, "getLayoutInfo", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])()
+ ], Layout.prototype, "layoutInfo", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])()
+ ], Layout.prototype, "getBranch", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])()
+ ], Layout.prototype, "bounds", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(true)
+ ], Layout.prototype, "enableAnimation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(false)
+ ], Layout.prototype, "enableRouting", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('')
+ ], Layout.prototype, "root", void 0);
+ return Layout;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/mind-map.js":
+/*!*******************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/mind-map.js ***!
+ \*******************************************************************************/
+/*! exports provided: MindMap */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MindMap", function() { return MindMap; });
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _hierarchical_tree__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hierarchical-tree */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/hierarchical-tree.js");
+
+
+
+/**
+ * Layout for mind-map tree
+ */
+var MindMap = /** @__PURE__ @class */ (function () {
+ /**
+ * Constructor for the organizational chart module.
+ *
+ * @private
+ */
+ function MindMap() {
+ /**
+ * Defines the layout animation
+ *
+ */
+ this.isAnimation = false;
+ //constructs the layout module
+ }
+ /**
+ * To destroy the organizational chart
+ *
+ * @returns {void}
+ * @private
+ */
+ MindMap.prototype.destroy = function () {
+ /**
+ * Destroy method performed here
+ */
+ };
+ /**
+ * Get module name.
+ */
+ MindMap.prototype.getModuleName = function () {
+ /**
+ * Returns the module name of the layout
+ */
+ return 'MindMapChart';
+ };
+ /**
+ * @param nodes
+ * @param nameTable
+ * @param layoutProp
+ * @param viewPort
+ * @param uniqueId
+ * @param root
+ * @private
+ */
+ MindMap.prototype.updateLayout = function (nodes, nameTable, layoutProp, viewPort, uniqueId, root) {
+ var isRoot = this.checkRoot(nodes, layoutProp, uniqueId, root, nameTable);
+ if (isRoot) {
+ layoutProp.fixedNode = isRoot;
+ }
+ else {
+ for (var _i = 0, nodes_1 = nodes; _i < nodes_1.length; _i++) {
+ var node = nodes_1[_i];
+ if (!node.excludeFromLayout) {
+ if (!node.inEdges || !node.inEdges.length) {
+ layoutProp.fixedNode = node.id;
+ break;
+ }
+ }
+ }
+ }
+ var rootNode = nameTable[layoutProp.fixedNode];
+ var fistLevelNodes = this.findFirstLevelNodes(rootNode, layoutProp, nameTable);
+ var leftNodes = [];
+ var rightNodes = [];
+ var getMindmapBranch = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_1__["getFunction"])(layoutProp.getBranch);
+ getMindmapBranch = getMindmapBranch || Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_1__["getFunction"])(this.getBranch);
+ for (var _a = 0, fistLevelNodes_1 = fistLevelNodes; _a < fistLevelNodes_1.length; _a++) {
+ var node = fistLevelNodes_1[_a];
+ var align = getMindmapBranch(node, fistLevelNodes);
+ align = node && node.branch ? node.branch : align;
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ (align === 'Left') ? leftNodes.push(node) : rightNodes.push(node);
+ }
+ var viewPortBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](0, 0, viewPort.x, viewPort.y);
+ nameTable[layoutProp.fixedNode].offsetX = viewPortBounds.x + viewPortBounds.width / 2;
+ nameTable[layoutProp.fixedNode].offsetY = viewPortBounds.y + viewPortBounds.height / 2;
+ if (leftNodes.length) {
+ this.updateMindMapBranch(nodes, rightNodes, nameTable, layoutProp, viewPort, uniqueId, 'Left');
+ }
+ if (rightNodes.length) {
+ this.updateMindMapBranch(nodes, leftNodes, nameTable, layoutProp, viewPort, uniqueId, 'Right');
+ }
+ };
+ MindMap.prototype.checkRoot = function (nodes, layoutProp, uniqueId, root, nameTable) {
+ for (var _i = 0, nodes_2 = nodes; _i < nodes_2.length; _i++) {
+ var node = nodes_2[_i];
+ if (!node.excludeFromLayout) {
+ if (node.data && (node.data["" + uniqueId].toString() === root || node.data["" + uniqueId].toString()
+ === layoutProp.root)) {
+ return node.id;
+ }
+ else if (!node.data && node.id === layoutProp.root) {
+ return node.id;
+ }
+ }
+ }
+ return '';
+ };
+ MindMap.prototype.updateMindMapBranch = function (nodes, excludeNodes, nameTable, layoutProp, viewPort, uniqueId, side) {
+ var layout = {
+ type: 'HierarchicalTree',
+ horizontalSpacing: layoutProp.verticalSpacing, verticalSpacing: layoutProp.horizontalSpacing,
+ verticalAlignment: layoutProp.verticalAlignment, horizontalAlignment: layoutProp.horizontalAlignment,
+ fixedNode: layoutProp.fixedNode, getLayoutInfo: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_1__["getFunction"])(layoutProp.getLayoutInfo),
+ layoutInfo: layoutProp.layoutInfo, margin: layoutProp.margin,
+ orientation: layoutProp.orientation,
+ root: layoutProp.fixedNode
+ };
+ //(EJ2-277624)-Vertical orientation is not working in mindmap
+ if (layout.orientation == 'Horizontal') {
+ layout.orientation = (side === 'Left') ? 'LeftToRight' : 'RightToLeft';
+ }
+ else {
+ layout.orientation = (side === 'Left') ? 'TopToBottom' : 'BottomToTop';
+ }
+ this.excludeFromLayout(excludeNodes, nameTable, true);
+ var mapLayout = new _hierarchical_tree__WEBPACK_IMPORTED_MODULE_2__["HierarchicalTree"]();
+ mapLayout.updateLayout(nodes, nameTable, layout, viewPort, uniqueId);
+ this.excludeFromLayout(excludeNodes, nameTable, false);
+ };
+ MindMap.prototype.getBranch = function (obj, firstLevelNodes) {
+ var side;
+ var i = firstLevelNodes.indexOf(obj);
+ if (i % 2 === 0) {
+ side = 'Left';
+ }
+ else {
+ side = 'Right';
+ }
+ return side;
+ };
+ MindMap.prototype.excludeFromLayout = function (newCollection, nameTable, exclude) {
+ for (var _i = 0, newCollection_1 = newCollection; _i < newCollection_1.length; _i++) {
+ var newcol = newCollection_1[_i];
+ var node = nameTable[newcol.id];
+ node.excludeFromLayout = exclude;
+ }
+ };
+ MindMap.prototype.findFirstLevelNodes = function (node, layout, nameTable) {
+ var parentNode;
+ var fistLevelNodes = [];
+ if (node && node.outEdges.length) {
+ for (var _i = 0, _a = node.outEdges; _i < _a.length; _i++) {
+ var outEdge = _a[_i];
+ fistLevelNodes.push(nameTable[nameTable["" + outEdge].targetID]);
+ }
+ }
+ return fistLevelNodes;
+ };
+ return MindMap;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/radial-tree.js":
+/*!**********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/radial-tree.js ***!
+ \**********************************************************************************/
+/*! exports provided: RadialTree */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RadialTree", function() { return RadialTree; });
+/**
+ * Radial Tree
+ */
+var RadialTree = /** @__PURE__ @class */ (function () {
+ /**
+ * Constructor for the organizational chart module.
+ *
+ * @private
+ */
+ function RadialTree() {
+ //constructs the layout module
+ }
+ /**
+ * To destroy the organizational chart
+ *
+ * @returns {void}
+ * @private
+ */
+ RadialTree.prototype.destroy = function () {
+ /**
+ * Destroy method performed here
+ */
+ };
+ /**
+ * Get module name.
+ */
+ RadialTree.prototype.getModuleName = function () {
+ /**
+ * Returns the module name of the layout
+ */
+ return 'RadialTree';
+ };
+ /**
+ * @param nodes
+ * @param nameTable
+ * @param layoutProp
+ * @param viewport
+ * @private
+ */
+ RadialTree.prototype.updateLayout = function (nodes, nameTable, layoutProp, viewport) {
+ var layout = {
+ type: layoutProp.type,
+ nameTable: nameTable, anchorX: 0, anchorY: 0,
+ firstLevelNodes: [], centerNode: null, levels: [], maxLevel: 0, graphNodes: {}, layoutNodes: [],
+ orientation: layoutProp.orientation,
+ horizontalSpacing: layoutProp.horizontalSpacing, verticalSpacing: layoutProp.verticalSpacing,
+ verticalAlignment: layoutProp.verticalAlignment, horizontalAlignment: layoutProp.horizontalAlignment,
+ fixedNode: layoutProp.fixedNode, margin: layoutProp.margin,
+ bounds: layoutProp.bounds, objects: [], root: layoutProp.root
+ };
+ this.doLayout(layout, nodes, nameTable, viewport);
+ };
+ RadialTree.prototype.doLayout = function (layout, nodes, nameTable, viewport) {
+ var node;
+ for (var i = 0; i < nodes.length; i++) {
+ node = nodes[parseInt(i.toString(), 10)];
+ if (!node.excludeFromLayout) {
+ layout.graphNodes[node.id] = this.setUpLayoutInfo(layout, node);
+ if (!node.inEdges || !node.inEdges.length) {
+ layout.firstLevelNodes.push(node);
+ }
+ }
+ }
+ if (layout.root && nameTable[layout.root]) {
+ layout.centerNode = nameTable[layout.root];
+ }
+ else if (layout.firstLevelNodes.length) {
+ layout.centerNode = layout.firstLevelNodes[0];
+ layout.root = layout.centerNode.id;
+ }
+ if (layout.centerNode) {
+ this.updateEdges(layout, layout.centerNode, 0, nameTable);
+ this.depthFirstAllignment(layout, layout.centerNode, 0, 0);
+ this.populateLevels(layout);
+ this.transformToCircleLayout(layout);
+ this.updateAnchor(layout, viewport);
+ this.updateNodes(layout, layout.centerNode, nameTable);
+ }
+ };
+ RadialTree.prototype.updateEdges = function (layout, node, depth, nameTable) {
+ var nodeInfo = layout.graphNodes[node.id];
+ layout.layoutNodes.push(nodeInfo);
+ nodeInfo.level = depth;
+ nodeInfo.visited = true;
+ layout.maxLevel = Math.max(layout.maxLevel, depth);
+ for (var j = 0; j < node.outEdges.length; j++) {
+ var edge = nameTable[nameTable[node.outEdges[parseInt(j.toString(), 10)]].targetID];
+ if (!edge.excludeFromLayout && !edge.visited) {
+ nodeInfo.children.push(edge);
+ this.updateEdges(layout, edge, depth + 1, nameTable);
+ }
+ }
+ };
+ RadialTree.prototype.depthFirstAllignment = function (layout, node, x, y) {
+ var newValue;
+ var nodeInfo = layout.graphNodes[node.id];
+ if (nodeInfo.children.length) {
+ y += 300;
+ for (var i = 0; i < nodeInfo.children.length; i++) {
+ newValue = this.depthFirstAllignment(layout, nodeInfo.children[parseInt(i.toString(), 10)], x, y);
+ x = newValue.x;
+ y = newValue.y;
+ }
+ nodeInfo.children = nodeInfo.children.sort(function (obj1, obj2) {
+ return layout.graphNodes[obj1.id].x - layout.graphNodes[obj2.id].x;
+ });
+ var min = layout.graphNodes[nodeInfo.children[0].id].min;
+ var max = layout.graphNodes[nodeInfo.children[nodeInfo.children.length - 1].id].max;
+ nodeInfo.x = min + (max - min) / 2;
+ x = max + layout.horizontalSpacing;
+ nodeInfo.segmentOffset = max + layout.horizontalSpacing;
+ nodeInfo.x -= nodeInfo.width / 2;
+ nodeInfo.y -= nodeInfo.height / 2;
+ nodeInfo.min = min;
+ nodeInfo.max = max;
+ if (nodeInfo.x < min && nodeInfo.visited) {
+ nodeInfo.x = min;
+ x = nodeInfo.x + nodeInfo.width / 2 - (max - min) / 2;
+ nodeInfo.visited = false;
+ for (var i = 0; i < nodeInfo.children.length; i++) {
+ newValue = this.depthFirstAllignment(layout, nodeInfo.children[parseInt(i.toString(), 10)], x, y);
+ }
+ nodeInfo.visited = true;
+ x = nodeInfo.x + nodeInfo.width + layout.horizontalSpacing;
+ }
+ max = layout.graphNodes[nodeInfo.children[nodeInfo.children.length - 1].id].segmentOffset;
+ x = x < max ? max : x;
+ y -= 300;
+ nodeInfo.y = y;
+ }
+ else {
+ nodeInfo.x = x;
+ nodeInfo.y = y;
+ nodeInfo.min = x;
+ nodeInfo.max = x + nodeInfo.width;
+ x += nodeInfo.width + layout.horizontalSpacing;
+ }
+ return { x: x, y: y };
+ };
+ RadialTree.prototype.populateLevels = function (layout) {
+ var stages = [];
+ // eslint-disable-next-line prefer-spread
+ var min = Math.min.apply(Math, layout.layoutNodes.map(function (nodeInfo) { return nodeInfo.x; }));
+ // eslint-disable-next-line prefer-spread
+ var max = Math.max.apply(Math, layout.layoutNodes.map(function (nodeInfo) {
+ return nodeInfo.x + nodeInfo.width + layout.horizontalSpacing;
+ }));
+ var full = max - min;
+ layout.levels = [];
+ var _loop_1 = function (i) {
+ stages = layout.layoutNodes.filter(function (nodeInfo) {
+ if (nodeInfo.level === i) {
+ return nodeInfo;
+ }
+ else {
+ return null;
+ }
+ });
+ var newlevel = {};
+ stages = stages.sort(function (nodeInfo1, nodeInfo2) { return nodeInfo1.x - nodeInfo2.x; });
+ newlevel.min = stages[0].x;
+ newlevel.max = stages[stages.length - 1].x + stages[stages.length - 1].width + layout.horizontalSpacing;
+ newlevel.actualCircumference = 0;
+ newlevel.height = 0;
+ for (var k = 0; k < stages.length; k++) {
+ if (stages[parseInt(k.toString(), 10)].height > newlevel.height) {
+ newlevel.height = stages[parseInt(k.toString(), 10)].height;
+ }
+ newlevel.actualCircumference += Math.max(stages[parseInt(k.toString(), 10)].width, stages[parseInt(k.toString(), 10)].height);
+ if (k !== stages.length - 1) {
+ newlevel.actualCircumference += layout.horizontalSpacing;
+ }
+ }
+ newlevel.circumference = newlevel.max - newlevel.min;
+ if (newlevel.actualCircumference < newlevel.circumference) {
+ newlevel.circumference = (newlevel.circumference + newlevel.actualCircumference) / 2;
+ }
+ newlevel.radius = newlevel.circumference / (2 * Math.PI) + newlevel.height;
+ newlevel.nodes = [];
+ if (i > 1) {
+ if (layout.levels[i - 1].radius + layout.levels[i - 1].height >= newlevel.radius) {
+ newlevel.radius = layout.levels[i - 1].radius + layout.levels[i - 1].height;
+ }
+ }
+ for (var j = 0; j < stages.length; j++) {
+ stages[parseInt(j.toString(), 10)].ratio = Math.abs(stages[parseInt(j.toString(), 10)].x + stages[parseInt(j.toString(), 10)].width / 2 - min) / full;
+ newlevel.nodes.push(stages[parseInt(j.toString(), 10)]);
+ }
+ layout.levels.push(newlevel);
+ };
+ for (var i = 0; i <= layout.maxLevel; i++) {
+ _loop_1(i);
+ }
+ };
+ RadialTree.prototype.transformToCircleLayout = function (layout) {
+ var root = layout.graphNodes[layout.centerNode.id];
+ root.x = 0;
+ root.y = 0;
+ for (var i = 1; i < layout.levels.length; i++) {
+ for (var j = 0; j < layout.levels[parseInt(i.toString(), 10)].nodes.length; j++) {
+ var nodeInfo = layout.levels[parseInt(i.toString(), 10)].nodes[parseInt(j.toString(), 10)];
+ nodeInfo.x = Math.cos(nodeInfo.ratio * 360 * Math.PI / 180) * (layout.levels[parseInt(i.toString(), 10)].radius + layout.verticalSpacing * i);
+ nodeInfo.y = Math.sin(nodeInfo.ratio * 360 * Math.PI / 180) * (layout.levels[parseInt(i.toString(), 10)].radius + layout.verticalSpacing * i);
+ layout.anchorX = Math.min(layout.anchorX, nodeInfo.x);
+ layout.anchorY = Math.min(layout.anchorY, nodeInfo.y);
+ }
+ }
+ };
+ RadialTree.prototype.updateAnchor = function (layout, viewPort) {
+ layout.anchorX = layout.centerNode.offsetX || viewPort.x / 2;
+ layout.anchorY = layout.centerNode.offsetY || viewPort.y / 2;
+ };
+ RadialTree.prototype.updateNodes = function (layout, node, nameTable) {
+ var nodeInfo = layout.graphNodes[node.id];
+ var offsetX = nodeInfo.x + layout.anchorX;
+ var offsetY = nodeInfo.y + layout.anchorY;
+ node.offsetX = offsetX;
+ node.offsetY = offsetY;
+ for (var i = 0; i < nodeInfo.children.length; i++) {
+ var childInfo = nodeInfo.children[parseInt(i.toString(), 10)];
+ this.updateNodes(layout, nameTable[childInfo.id], nameTable);
+ }
+ };
+ RadialTree.prototype.setUpLayoutInfo = function (layout, item) {
+ var info = {};
+ info.name = item.id;
+ info.x = 0;
+ info.y = 0;
+ info.min = 0;
+ info.max = 0;
+ info.width = item.actualSize.width;
+ info.height = item.actualSize.height;
+ info.children = [];
+ info.level = 0;
+ info.ratio = 0;
+ info.visited = false;
+ return info;
+ };
+ return RadialTree;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/symmetrical-layout.js":
+/*!*****************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/layout/symmetrical-layout.js ***!
+ \*****************************************************************************************/
+/*! exports provided: GraphForceNode, SymmetricLayout, GraphLayoutManager */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GraphForceNode", function() { return GraphForceNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SymmetricLayout", function() { return SymmetricLayout; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GraphLayoutManager", function() { return GraphLayoutManager; });
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+
+
+var GraphForceNode = /** @__PURE__ @class */ (function () {
+ function GraphForceNode(gnNode) {
+ /**
+ * @private
+ */
+ this.velocityX = 0;
+ /**
+ * @private
+ */
+ this.velocityY = 0;
+ /**
+ * @private
+ */
+ this.nodes = [];
+ this.graphNode = gnNode;
+ var nNode = this.graphNode;
+ var bounds = getGraphBounds(nNode);
+ this.location = bounds.center;
+ this.nodes = [];
+ if (!gnNode.treeInfo.parents) {
+ gnNode.treeInfo.parents = [];
+ }
+ if (!gnNode.treeInfo.children) {
+ gnNode.treeInfo.children = [];
+ }
+ this.nodes = (gnNode.treeInfo.parents).concat(gnNode.treeInfo.children);
+ }
+ /**
+ * applyChanges method\
+ *
+ * @returns { void } applyChanges method .\
+ * @private
+ */
+ GraphForceNode.prototype.applyChanges = function () {
+ this.graphNode.treeInfo.center = this.location;
+ };
+ return GraphForceNode;
+}());
+
+/**
+ * SymmetricalLayout
+ */
+var SymmetricLayout = /** @__PURE__ @class */ (function () {
+ function SymmetricLayout() {
+ this.cdCOEF = 0.442;
+ this.cfMAXVELOCITY = 50;
+ this.cnMAXITERACTION = 1000;
+ this.cnSPRINGLENGTH = 100;
+ this.mszMaxForceVelocity = { width: this.cfMAXVELOCITY, height: this.cfMAXVELOCITY };
+ /**
+ * @private
+ */
+ this.springLength = 0;
+ /**
+ * @private
+ */
+ this.springFactor = this.cdCOEF;
+ /**
+ * @private
+ */
+ this.maxIteration = this.cnMAXITERACTION;
+ this.springLength = this.cnSPRINGLENGTH;
+ }
+ /**
+ *To destroy the layout
+ *
+ * @returns {void} To destroy the layout
+ */
+ SymmetricLayout.prototype.destroy = function () {
+ /**
+ * Destroys symmetricLayout
+ */
+ };
+ SymmetricLayout.prototype.getModuleName = function () {
+ return 'SymmetricalLayout';
+ };
+ SymmetricLayout.prototype.doGraphLayout = function (graphLayoutManager) {
+ var graph = this.selectedNode;
+ graph.treeInfo.Bounds = graphLayoutManager.getModelBounds(graphLayoutManager.nodes);
+ var lstGraphNodes = graph.treeInfo.GraphNodes;
+ var lstNodes = this.convertGraphNodes(lstGraphNodes);
+ var count = lstNodes.length;
+ count = Math.min(this.maxIteration, count * count * count);
+ this.preLayoutNodes(lstNodes, graph.treeInfo.Bounds);
+ for (var i = 0, nLenght = count; i < nLenght; i++) {
+ this.makeSymmetricLayout(lstNodes);
+ this.appendForces(lstNodes);
+ }
+ this.resetGraphPosition(lstNodes, graph);
+ };
+ SymmetricLayout.prototype.preLayoutNodes = function (lstNodes, rcBounds) {
+ var fMaxSize = Math.max(rcBounds ? rcBounds.width : 25, rcBounds ? rcBounds.height : 25);
+ var ptCenter = { x: fMaxSize / 2, y: fMaxSize / 2 };
+ var dRotateAngle = 2 * Math.PI / lstNodes.length;
+ var dAngle = dRotateAngle;
+ for (var i = 0; i < lstNodes.length; i++) {
+ var gnNode = lstNodes[parseInt(i.toString(), 10)];
+ var forceNode = this.getForceNode(gnNode);
+ forceNode.location = {
+ x: ptCenter.x + fMaxSize * Number((Math.cos(dAngle)).toFixed(2)),
+ y: ptCenter.y + fMaxSize * Number(Math.sin(dAngle).toFixed(2))
+ };
+ dAngle -= dRotateAngle;
+ }
+ };
+ /**
+ * doLayout method\
+ *
+ * @returns { void } doLayout method .\
+ * @param {GraphLayoutManager} graphLayoutManager - provide the angle value.
+ * @private
+ */
+ SymmetricLayout.prototype.doLayout = function (graphLayoutManager) {
+ this.selectedNode = graphLayoutManager.selectedNode;
+ this.doGraphLayout(graphLayoutManager);
+ };
+ SymmetricLayout.prototype.makeSymmetricLayout = function (lstNodes) {
+ var forceNode;
+ var force;
+ for (var k = 0; k < lstNodes.length; k++) {
+ var gnNode = lstNodes[parseInt(k.toString(), 10)];
+ forceNode = this.getForceNode(gnNode);
+ var nodes = forceNode.nodes;
+ for (var l = 0; l < nodes.length; l++) {
+ var gnChild = nodes[parseInt(l.toString(), 10)];
+ if (collectionContains(gnChild.id, lstNodes)) {
+ this.calcNodesForce(forceNode, this.getForceNode(gnChild));
+ }
+ }
+ for (var i = 0, length_1 = nodes.length; i < length_1; i++) {
+ if (length_1 < 2) {
+ break;
+ }
+ var vtx1 = this.getForceNode(nodes[parseInt(i.toString(), 10)]);
+ var vtx2 = (i + 1 >= length_1) ? this.getForceNode(nodes[0]) : this.getForceNode((nodes[i + 1]));
+ var angle = (360 / nodes.length / 2) * Math.PI / 180;
+ var normalDistance = 2 * this.springLength * Math.sin(angle);
+ this.calcRelatesForce(vtx1, vtx2, normalDistance);
+ }
+ for (var s = 0; s < lstNodes.length; s++) {
+ var gnChild = lstNodes[parseInt(s.toString(), 10)];
+ if (!collectionContains(gnChild.id, nodes) && gnChild.id !== gnNode.id) {
+ force = this.getForceNode(gnChild);
+ this.updateNeigbour(forceNode, force);
+ }
+ }
+ }
+ };
+ SymmetricLayout.prototype.appendForces = function (lstNodes) {
+ var gfnNode = null;
+ for (var k = 0; k < lstNodes.length; k++) {
+ var gnNode = lstNodes[parseInt(k.toString(), 10)];
+ gfnNode = this.getForceNode(gnNode);
+ var ptPoint = gfnNode.location;
+ ptPoint.x += Math.min(gfnNode.velocityX, this.mszMaxForceVelocity.width);
+ ptPoint.y += Math.min(gfnNode.velocityY, this.mszMaxForceVelocity.height);
+ gfnNode.velocityX = 0;
+ gfnNode.velocityY = 0;
+ gfnNode.location = ptPoint;
+ }
+ };
+ SymmetricLayout.prototype.resetGraphPosition = function (lstNodes, graph) {
+ var szMin = { width: Number.MAX_VALUE, height: Number.MAX_VALUE };
+ var gfnNode = null;
+ var gnNode;
+ for (var k = 0; k < lstNodes.length; k++) {
+ gnNode = lstNodes[parseInt(k.toString(), 10)];
+ gfnNode = this.getForceNode(gnNode);
+ var ptLocation = {
+ x: gfnNode.location.x - gnNode.actualSize.width / 2,
+ y: gfnNode.location.y - gnNode.actualSize.height / 2
+ };
+ szMin.width = Math.min(szMin.width, ptLocation.x);
+ szMin.height = Math.min(szMin.height, ptLocation.y);
+ }
+ for (var k = 0; k < lstNodes.length; k++) {
+ gnNode = lstNodes[parseInt(k.toString(), 10)];
+ gfnNode = this.getForceNode(gnNode);
+ var ptLocation = gfnNode.location;
+ ptLocation.x -= szMin.width - (graph.treeInfo.location ? graph.treeInfo.location.x : 0);
+ ptLocation.y -= szMin.height - (graph.treeInfo.location ? graph.treeInfo.location.y : 0);
+ gfnNode.location = ptLocation;
+ gfnNode.applyChanges();
+ }
+ };
+ SymmetricLayout.prototype.convertGraphNodes = function (lstNodes) {
+ var lstToReturn = [];
+ var keys = Object.keys(lstNodes);
+ for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+ var k = keys_1[_i];
+ if (lstNodes["" + k]) {
+ var gnNode = lstNodes["" + k];
+ var forceNode = new GraphForceNode(gnNode);
+ gnNode.treeInfo.tag = forceNode;
+ lstToReturn.push(gnNode);
+ }
+ }
+ return lstToReturn;
+ };
+ /**
+ * getForceNode method\
+ *
+ * @returns { GraphForceNode } getForceNode method .\
+ * @param {IGraphObject} gnNode - provide the angle value.
+ * @private
+ */
+ SymmetricLayout.prototype.getForceNode = function (gnNode) {
+ return gnNode.treeInfo.tag;
+ };
+ SymmetricLayout.prototype.updateNeigbour = function (vtSource, vtTarget) {
+ if (vtTarget == null || vtSource == null) {
+ return;
+ }
+ var distance = this.pointDistance(vtSource.location, vtTarget.location);
+ var angle = this.lineAngle(vtSource.location, vtTarget.location);
+ var normalDistance = (this.springLength * 0.9);
+ if (distance < normalDistance) {
+ this.calcForce(distance, normalDistance, angle, vtTarget);
+ }
+ };
+ SymmetricLayout.prototype.lineAngle = function (pt1, pt2) {
+ var radians = 0;
+ var vx = pt2.x - pt1.x;
+ var vy = pt2.y - pt1.y;
+ if (vx === 0) {
+ if (vy <= 0) {
+ radians = (3.0 * Math.PI) / 2.0;
+ }
+ else {
+ radians = Math.PI / 2.0;
+ }
+ }
+ else if (vy === 0) {
+ if (vx < 0) {
+ radians = Math.PI;
+ }
+ else {
+ radians = 0;
+ }
+ }
+ else {
+ radians = Math.atan(vy / vx);
+ if (vx < 0 && vy > 0) {
+ radians = Math.PI + radians;
+ }
+ else if (vx < 0 && vy < 0) {
+ radians = Math.PI + radians;
+ }
+ else if (vx > 0 && vy < 0) {
+ radians = 2.0 * Math.PI + radians;
+ }
+ }
+ return radians;
+ };
+ SymmetricLayout.prototype.pointDistance = function (pt1, pt2) {
+ var d = 0;
+ var dx = pt2.x - pt1.x;
+ var dy = pt2.y - pt1.y;
+ var t = (dx * dx) + (dy * dy);
+ if (t > 0) {
+ d = Math.sqrt(t);
+ }
+ return d;
+ };
+ SymmetricLayout.prototype.calcRelatesForce = function (vtSource, vtTarget, normalDistance) {
+ var distance = this.pointDistance(vtSource.location, vtTarget.location);
+ var angle = this.lineAngle(vtSource.location, vtTarget.location);
+ if (distance < normalDistance) {
+ this.calcForce(distance, normalDistance, angle, vtTarget);
+ }
+ };
+ /**
+ * @param nodeCollection
+ * @param connectors
+ * @param symmetricLayout
+ * @param nameTable
+ * @param layout
+ * @param viewPort
+ * @private
+ */
+ /**
+ * updateLayout method\
+ *
+ * @returns { void } updateLayout method .\
+ * @param {IGraphObject[]} nodeCollection - provide the angle value.
+ * @param {IGraphObject[]} connectors - provide the connectors value.
+ * @param {SymmetricLayout} symmetricLayout - provide the symmetricLayout value.
+ * @param {Object} nameTable - provide the nameTable value.
+ * @param {Layout} layout - provide the layout value.
+ * @param {PointModel} viewPort - provide the viewPort value.
+ * @private
+ */
+ SymmetricLayout.prototype.updateLayout = function (nodeCollection, connectors, symmetricLayout, nameTable, layout, viewPort) {
+ var layoutManager = new GraphLayoutManager();
+ layoutManager.updateLayout(nodeCollection, connectors, symmetricLayout, nameTable, layout, viewPort);
+ };
+ SymmetricLayout.prototype.calcNodesForce = function (vtSource, vtTarget) {
+ var distance = this.pointDistance(vtSource.location, vtTarget.location);
+ var angle = this.lineAngle(vtSource.location, vtTarget.location);
+ if (distance > this.springLength || distance < this.springLength) {
+ this.calcForce(distance, this.springLength, angle, vtTarget);
+ }
+ };
+ SymmetricLayout.prototype.calcForce = function (distance, minDist, angle, vtTarget) {
+ var count = vtTarget.nodes.length;
+ var length = distance - minDist;
+ var factor = this.springFactor / (count * count) * Math.sqrt(count);
+ if (length !== 0) {
+ var fVelocity = length * factor;
+ var fOffset = fVelocity;
+ var offsetX = Math.cos(angle) * fOffset;
+ var offsetY = Math.sin(angle) * fOffset;
+ vtTarget.velocityX -= offsetX;
+ vtTarget.velocityY -= offsetY;
+ }
+ };
+ return SymmetricLayout;
+}());
+
+var GraphLayoutManager = /** @__PURE__ @class */ (function () {
+ function GraphLayoutManager() {
+ this.visitedStack = [];
+ this.cycleEdgesCollection = [];
+ this.graphObjects = [];
+ this.passedNodes = [];
+ }
+ /**
+ * @param nodeCollection
+ * @param connectors
+ * @param symmetricLayout
+ * @param nameTable
+ * @param layout
+ * @param viewPort
+ * @private
+ */
+ /**
+ * updateLayout method\
+ *
+ * @returns { boolean } updateLayout method .\
+ * @param {IGraphObject[]} nodeCollection - provide the nodeCollection value.
+ * @param {IGraphObject[]} connectors - provide the nodeCollection value.
+ * @param {SymmetricLayout} symmetricLayout - provide the nodeCollection value.
+ * @param {Object} nameTable - provide the nodeCollection value.
+ * @param {Layout} layout - provide the nodeCollection value.
+ * @param {PointModel} viewPort - provide the nodeCollection value.
+ * @private
+ */
+ GraphLayoutManager.prototype.updateLayout = function (nodeCollection, connectors, symmetricLayout, nameTable, layout, viewPort) {
+ this.nameTable = nameTable;
+ this.nodes = nodeCollection;
+ this.connectors = connectors;
+ var selectionList = nodeCollection;
+ if (selectionList.length > 0) {
+ this.mhelperSelectedNode = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_1__["cloneObject"])(selectionList[0]);
+ }
+ for (var _i = 0, nodeCollection_1 = nodeCollection; _i < nodeCollection_1.length; _i++) {
+ var node = nodeCollection_1[_i];
+ var nodeGraphObject = node;
+ nodeGraphObject.treeInfo = {};
+ nodeGraphObject.treeInfo.graphType = 'Node';
+ this.graphObjects.push(nodeGraphObject);
+ }
+ for (var _a = 0, connectors_1 = connectors; _a < connectors_1.length; _a++) {
+ var connector = connectors_1[_a];
+ var connectorGraphObject = connector;
+ connectorGraphObject.treeInfo = {};
+ connectorGraphObject.treeInfo.graphType = 'Connector';
+ this.graphObjects.push(connectorGraphObject);
+ }
+ this.updateLayout1(this.graphObjects, symmetricLayout);
+ var modelBounds = this.getModelBounds(selectionList);
+ for (var i = 0; i < selectionList.length; i++) {
+ var node = selectionList[parseInt(i.toString(), 10)];
+ var trnsX = (viewPort.x - modelBounds.width) / 2;
+ var margin = layout.margin || {};
+ //let marginX: number; let marginY: number;
+ margin.left = margin.left || 0;
+ margin.right = margin.right || 0;
+ margin.top = margin.top || 0;
+ margin.bottom = margin.bottom || 0;
+ if (layout.margin.left) {
+ margin.left = layout.margin.left;
+ }
+ if (layout.margin.top) {
+ margin.top = layout.margin.top;
+ }
+ var dx = (node.treeInfo.tag.location.x - (node.offsetX - (node.actualSize.width / 2)) -
+ modelBounds.x + trnsX + margin.left);
+ var dy = (node.treeInfo.tag.location.y - (node.offsetY - (node.actualSize.height / 2)) - modelBounds.y + margin.top);
+ node.offsetX += dx;
+ node.offsetY += dy;
+ delete node.treeInfo;
+ }
+ return true;
+ };
+ /**
+ * getModelBounds method\
+ *
+ * @returns { Rect } getModelBounds method .\
+ * @param {IGraphObject[]} lNodes - provide the angle value.
+ * @private
+ */
+ GraphLayoutManager.prototype.getModelBounds = function (lNodes) {
+ lNodes = lNodes.slice();
+ var rect = null;
+ var rect1 = null;
+ var node;
+ for (var i = 0; i < lNodes.length; i++) {
+ node = lNodes[parseInt(i.toString(), 10)];
+ var bounds = getGraphBounds(node);
+ rect = new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](node.treeInfo.tag ? node.treeInfo.tag.location.x : bounds.x, node.treeInfo.tag ? node.treeInfo.tag.location.y : bounds.y, node.actualSize.width, node.actualSize.height);
+ if (rect1) {
+ rect1 = rect1.uniteRect(rect);
+ }
+ else {
+ rect1 = rect;
+ }
+ }
+ return rect1;
+ };
+ GraphLayoutManager.prototype.updateLayout1 = function (nodesToLayout, symmetricLayout) {
+ this.detectCyclesInGraph(nodesToLayout);
+ var nodesCount = nodesToLayout.length;
+ if (nodesCount > 0) {
+ var cycleConnColln = [];
+ var nodes = [];
+ var nodeSymbols = [];
+ for (var s = 0; s < nodesToLayout.length; s++) {
+ var nd = nodesToLayout[parseInt(s.toString(), 10)];
+ if (nd.treeInfo.isCycleEdge === undefined) {
+ nd.treeInfo.isCycleEdge = false;
+ }
+ if (nd.treeInfo.graphType === 'Connector' && !nd.treeInfo.isCycleEdge) {
+ nodes.push(nd);
+ }
+ else if (nd.treeInfo.graphType === 'Connector') {
+ cycleConnColln.push(nd);
+ }
+ else {
+ nodeSymbols.push(nd);
+ }
+ }
+ nodes = nodes.concat(nodeSymbols);
+ nodes = cycleConnColln.concat(nodes);
+ while (nodesCount > this.dictionaryLength(this.passedNodes)) {
+ this.getNodesToPosition(nodes);
+ if (this.selectedNode == null) {
+ continue;
+ }
+ symmetricLayout.doLayout(this);
+ this.selectedNode = null;
+ this.visitedStack = [];
+ for (var _i = 0, _a = this.cycleEdgesCollection; _i < _a.length; _i++) {
+ var connector = _a[_i];
+ connector.treeInfo.isCycleEdge = false;
+ }
+ }
+ this.passedNodes = null;
+ this.selectedNode = null;
+ }
+ return false;
+ };
+ GraphLayoutManager.prototype.getNodesToPosition = function (nodes) {
+ for (var i = 0; i < nodes.length; i++) {
+ var node = nodes[parseInt(i.toString(), 10)];
+ if (!collectionContains(node.id, this.passedNodes)) {
+ if (node) {
+ this.selectNodes(node);
+ }
+ break;
+ }
+ }
+ };
+ GraphLayoutManager.prototype.selectNodes = function (node) {
+ var nodeGraph = node;
+ if (node.treeInfo.graphType === 'Connector') {
+ this.exploreGraphEdge(node);
+ }
+ else if (nodeGraph != null) {
+ if (this.addNode(node, 'passed')) {
+ this.addNode(node, 'selected');
+ if (this.isConnectedToAnotherNode(nodeGraph)) {
+ this.selectedNode = { treeInfo: {} };
+ this.selectedNode.treeInfo.LeftMargin = 10;
+ this.selectedNode.treeInfo.TopMargin = 10;
+ this.selectConnectedNodes(nodeGraph);
+ }
+ else {
+ this.selectedNode = node;
+ }
+ }
+ }
+ };
+ GraphLayoutManager.prototype.selectConnectedNodes = function (nodeGraph) {
+ var graph = this.selectedNode;
+ if (!graph.treeInfo.GraphNodes) {
+ graph.treeInfo.GraphNodes = {};
+ }
+ var node = nodeGraph;
+ if (node != null && this.addNode(node, 'passed')) {
+ var nodeName = node.id;
+ if (!this.dictionaryContains(graph.treeInfo.GraphNodes, node)) {
+ var gnNode = this.addGraphNode(node);
+ this.getConnectedRelatives(gnNode);
+ this.exploreRelatives(nodeGraph);
+ }
+ else {
+ var graphNode = graph.treeInfo.GraphNodes["" + nodeName];
+ if (graphNode.treeInfo.Added) {
+ graphNode.treeInfo.Added = false;
+ this.getConnectedRelatives(graphNode);
+ this.exploreRelatives(nodeGraph);
+ }
+ }
+ }
+ };
+ GraphLayoutManager.prototype.exploreRelatives = function (nodeGraph) {
+ this.exploreRelatives1(nodeGraph, 'Parents');
+ this.exploreRelatives1(nodeGraph, 'Children');
+ };
+ GraphLayoutManager.prototype.exploreRelatives1 = function (nodeGraph, relativesToExplore) {
+ var edges = [];
+ if (relativesToExplore === 'Parents') {
+ edges = nodeGraph.inEdges;
+ }
+ else if (relativesToExplore === 'Children') {
+ edges = nodeGraph.outEdges;
+ }
+ for (var i = 0; i < edges.length; i++) {
+ var edge = this.nameTable[edges[parseInt(i.toString(), 10)]];
+ if (this.addNode(edge, 'passed')) {
+ var fromNode = this.nameTable[edge.sourceID];
+ var toNode = this.nameTable[edge.targetID];
+ if (relativesToExplore === 'Parents' && fromNode != null &&
+ collectionContains(fromNode.id, this.nodes)) {
+ this.selectConnectedNodes(this.nameTable[edge.sourceID]);
+ }
+ else if (relativesToExplore === 'Children' && toNode != null &&
+ collectionContains(toNode.id, this.nodes)) {
+ this.selectConnectedNodes(this.nameTable[edge.targetID]);
+ }
+ }
+ }
+ };
+ GraphLayoutManager.prototype.getConnectedRelatives = function (graphNode) {
+ this.getConnectedParents(graphNode);
+ this.getConnectedChildren(graphNode);
+ };
+ GraphLayoutManager.prototype.dictionaryContains = function (obj, keyObj) {
+ var keys = Object.keys(obj);
+ for (var i = 0; i < keys.length; i++) {
+ if (keys[parseInt(i.toString(), 10)] === keyObj.id) {
+ return true;
+ }
+ }
+ return false;
+ };
+ GraphLayoutManager.prototype.dictionaryLength = function (obj) {
+ var keys = Object.keys(obj);
+ return keys.length;
+ };
+ GraphLayoutManager.prototype.getConnectedChildren = function (graphNode) {
+ var graph = this.selectedNode;
+ var nodeGraph = graphNode;
+ for (var s = 0; s < nodeGraph.outEdges.length; s++) {
+ var edge = this.nameTable[nodeGraph.outEdges[parseInt(s.toString(), 10)]];
+ if (!edge.treeInfo.isCycleEdge) {
+ var node = this.nameTable[edge.targetID];
+ if (collectionContains(node.id, this.nodes) && node != null && node.visible) {
+ var gnNodeChildren = void 0;
+ if (!this.dictionaryContains(graph.treeInfo.GraphNodes, node)) {
+ gnNodeChildren = this.addGraphNode(node);
+ gnNodeChildren.treeInfo.Added = true;
+ }
+ else {
+ gnNodeChildren = graph.treeInfo.GraphNodes[node.id];
+ }
+ if (!graphNode.treeInfo.children) {
+ graphNode.treeInfo.children = [];
+ }
+ if (!gnNodeChildren.treeInfo.parents) {
+ gnNodeChildren.treeInfo.parents = [];
+ }
+ this.setNode(gnNodeChildren.treeInfo.parents, graphNode);
+ if (this.findNode(graphNode.treeInfo.children, gnNodeChildren.id) < 0) {
+ graphNode.treeInfo.children.push(gnNodeChildren);
+ }
+ }
+ }
+ }
+ };
+ GraphLayoutManager.prototype.getConnectedParents = function (graphNode) {
+ var graph = this.selectedNode;
+ var nodeGraph = graphNode;
+ for (var s = 0; s < nodeGraph.inEdges.length; s++) {
+ var edge = this.nameTable[nodeGraph.inEdges[parseInt(s.toString(), 10)]];
+ if (!edge.treeInfo.isCycleEdge) {
+ var node = this.nameTable[edge.sourceID];
+ if (collectionContains(node.id, this.nodes) && node != null && node.visible) {
+ var gnNode = void 0;
+ if (!this.dictionaryContains(graph.treeInfo.GraphNodes, node)) {
+ gnNode = this.addGraphNode(node);
+ gnNode.treeInfo.Added = true;
+ }
+ else {
+ gnNode = graph.treeInfo.GraphNodes[node.id];
+ }
+ if (!graphNode.treeInfo.parents) {
+ graphNode.treeInfo.parents = [];
+ }
+ if (!gnNode.treeInfo.children) {
+ gnNode.treeInfo.children = [];
+ }
+ this.setNode(gnNode.treeInfo.children, graphNode);
+ if (this.findNode(graphNode.treeInfo.parents, gnNode.id) < 0) {
+ graphNode.treeInfo.parents.push(gnNode);
+ }
+ }
+ }
+ }
+ };
+ GraphLayoutManager.prototype.setNode = function (list, node) {
+ var nIndex = this.findNode(list, node.id);
+ if (nIndex >= 0 && nIndex < list.length) {
+ list[parseInt(nIndex.toString(), 10)] = node;
+ }
+ else {
+ list.push(node);
+ }
+ };
+ GraphLayoutManager.prototype.findNode = function (list, fullName) {
+ var nIndex = -1;
+ if (list != null && fullName !== '') {
+ for (var i = 0, nLength = list.length; i < nLength; i++) {
+ var gnNode = list[parseInt(i.toString(), 10)];
+ if (typeof (gnNode) === 'string' && gnNode === fullName) {
+ nIndex = i;
+ break;
+ }
+ else if (gnNode != null && gnNode.id === fullName) {
+ nIndex = i;
+ break;
+ }
+ }
+ }
+ return nIndex;
+ };
+ GraphLayoutManager.prototype.addGraphNode = function (node) {
+ var graph = this.selectedNode;
+ if (!graph.treeInfo.GraphNodes) {
+ graph.treeInfo.GraphNodes = {};
+ }
+ var gnNode = node;
+ if (graph != null) {
+ graph.treeInfo.GraphNodes[gnNode.id] = gnNode;
+ var nodeHelper = this.mhelperSelectedNode;
+ if (nodeHelper != null && node.id === nodeHelper.id) {
+ this.mhelperSelectedNode = gnNode;
+ }
+ }
+ return gnNode;
+ };
+ GraphLayoutManager.prototype.isConnectedToAnotherNode = function (gnNode) {
+ var bFoundConnectedNode = false;
+ var edges = (gnNode.inEdges).concat(gnNode.outEdges);
+ if (edges.length > 0) {
+ if ((gnNode.inEdges != null) && (gnNode.inEdges.length > 0)) {
+ bFoundConnectedNode = this.searchEdgeCollection(gnNode.inEdges, 'FromNode');
+ }
+ if ((!bFoundConnectedNode) && (gnNode.outEdges != null) && (gnNode.outEdges.length > 0)) {
+ bFoundConnectedNode = this.searchEdgeCollection(gnNode.outEdges, 'ToNode');
+ }
+ }
+ return bFoundConnectedNode;
+ };
+ GraphLayoutManager.prototype.searchEdgeCollection = function (edgesToSearchThrough, connectionDirection) {
+ var bFoundConnectedNode = false;
+ for (var i = 0; i < edgesToSearchThrough.length - 1; i++) {
+ var edge = this.nameTable[edgesToSearchThrough[parseInt(i.toString(), 10)]];
+ if (!this.addNode(edge, 'passed')) {
+ continue;
+ }
+ if (!edge.treeInfo.isCycleEdge && ((connectionDirection === 'FromNode' && this.nameTable[edge.sourceID] != null)
+ || (connectionDirection === 'ToNode' && this.nameTable[edge.targetID] != null))) {
+ bFoundConnectedNode = true;
+ break;
+ }
+ }
+ return bFoundConnectedNode;
+ };
+ GraphLayoutManager.prototype.exploreGraphEdge = function (node) {
+ var nodeLink = node;
+ if (nodeLink != null && !nodeLink.treeInfo.isCycleEdge && this.addNode(node, 'passed')) {
+ this.addNode(node, 'selected');
+ var fromNode = this.nameTable[nodeLink.sourceID];
+ var toNode = this.nameTable[nodeLink.targetID];
+ if (fromNode != null) {
+ this.selectNodes(fromNode);
+ }
+ else if (toNode != null) {
+ this.selectNodes(toNode);
+ }
+ else {
+ this.selectedNode = node;
+ }
+ }
+ };
+ GraphLayoutManager.prototype.addNode = function (nodeToAdd, collectionToAdd) {
+ var bResult = true;
+ var node = nodeToAdd;
+ if (collectionToAdd === 'passed' || !node.visible) {
+ if (!this.dictionaryContains(this.passedNodes, node)) {
+ this.passedNodes[node.id] = node;
+ }
+ }
+ if (!node.visible) {
+ return false;
+ }
+ return bResult;
+ };
+ GraphLayoutManager.prototype.detectCyclesInGraph = function (nodes) {
+ var vertex = [];
+ var currentStack = [];
+ for (var k = 0; k < nodes.length; k++) {
+ if (!(nodes[parseInt(k.toString(), 10)].treeInfo.graphType === 'Connector')) {
+ vertex.push(nodes[parseInt(k.toString(), 10)]);
+ }
+ }
+ if (vertex.length > 0) {
+ currentStack.push(vertex[0]);
+ this.visitedStack.push(vertex[0]);
+ while (currentStack.length > 0) {
+ var top_1 = currentStack[currentStack.length - 1];
+ var childNodes = this.getUnVisitedChildNodes(top_1);
+ if (childNodes.length > 0) {
+ var child = childNodes[0];
+ var currentEdge = childNodes[childNodes.length - 1];
+ if (collectionContains(child.id, this.visitedStack)) {
+ currentEdge.treeInfo.isCycleEdge = true;
+ this.cycleEdgesCollection.push(currentEdge);
+ }
+ else {
+ currentStack.push(child);
+ this.visitedStack.splice(0, 0, child);
+ }
+ }
+ else {
+ currentStack.pop();
+ }
+ }
+ }
+ };
+ GraphLayoutManager.prototype.getUnVisitedChildNodes = function (top) {
+ var childNodes = [];
+ if (top.outEdges.length > 0) {
+ for (var i = 0; i < top.outEdges.length; i++) {
+ var con = this.nameTable[top.outEdges[parseInt(i.toString(), 10)]];
+ if (!collectionContains(con.id, this.visitedStack)) {
+ var toNode = this.nameTable[con.targetID];
+ if (toNode != null) {
+ childNodes.push(toNode);
+ }
+ childNodes.push(con);
+ this.visitedStack.splice(0, 0, con);
+ return childNodes;
+ }
+ }
+ return childNodes;
+ }
+ return childNodes;
+ };
+ return GraphLayoutManager;
+}());
+
+/**
+ * getGraphBounds method\
+ *
+ * @returns { void } getGraphBounds method .\
+ * @param {IGraphObject} node - provide the angle value.
+ * @private
+ */
+function getGraphBounds(node) {
+ var x = node.offsetX - node.actualSize.width * node.pivot.x;
+ var y = node.offsetY - node.actualSize.height * node.pivot.y;
+ return new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](x, y, node.actualSize.width, node.actualSize.height);
+}
+/**
+ * @param id
+ * @param coll
+ */
+/**
+ * collectionContains method\
+ *
+ * @returns { boolean } collectionContains method .\
+ * @param {string} id - provide the id value.
+ * @param {IGraphObject[]} coll - provide the id value.
+ * @private
+ */
+function collectionContains(id, coll) {
+ for (var i = 0; i < coll.length; i++) {
+ if (coll[parseInt(i.toString(), 10)].id === id) {
+ return true;
+ }
+ }
+ return false;
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/connectorProperties.js":
+/*!************************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/connectorProperties.js ***!
+ \************************************************************************************************/
+/*! exports provided: ConnectorProperties */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectorProperties", function() { return ConnectorProperties; });
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+
+var ConnectorProperties = /** @__PURE__ @class */ (function () {
+ function ConnectorProperties(labelProperties) {
+ this.labelProperties = labelProperties;
+ }
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Convert and render the connector collection from EJ1 to EJ2
+ ConnectorProperties.prototype.renderConnectorsCollection = function (convertedData, data) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ convertedData.connectors = [];
+ var connectors = [];
+ for (var i = 0; i < data.connectors.length; i++) {
+ var connector = data.connectors[parseInt(i.toString(), 10)];
+ var newConnector = this.convertToConnector(connector);
+ connectors.push(newConnector);
+ }
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ convertedData.connectors = connectors;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Convert and render the connector properties from EJ1 to EJ2
+ ConnectorProperties.prototype.convertToConnector = function (connector) {
+ var newConnector = {};
+ newConnector.style = {};
+ if (connector.name) {
+ newConnector.id = connector.name;
+ }
+ if (connector.addInfo) {
+ newConnector.addInfo = connector.addInfo;
+ }
+ if (connector.bridgeSpace) {
+ newConnector.bridgeSpace = connector.bridgeSpace;
+ }
+ if (connector.constraints) {
+ newConnector.constraints = this.setConnectorConstraints(connector.constraints);
+ }
+ if (connector.cornerRadius) {
+ newConnector.cornerRadius = connector.cornerRadius;
+ }
+ if (connector.labels) {
+ newConnector.annotations = this.labelProperties.setLabelProperties(connector.labels, connector);
+ }
+ if (connector.lineColor) {
+ newConnector.style.fill = connector.lineColor;
+ }
+ if (connector.lineWidth) {
+ newConnector.style.strokeWidth = connector.lineWidth;
+ }
+ if (connector.lineDashArray) {
+ newConnector.style.strokeDashArray = connector.lineDashArray;
+ }
+ if (connector.opacity) {
+ newConnector.style.opacity = connector.opacity;
+ }
+ if (connector.lineHitPadding) {
+ newConnector.hitPadding = connector.lineHitPadding;
+ }
+ if (connector.margin) {
+ // eslint-disable-next-line max-len
+ newConnector.margin = { left: connector.margin.left, right: connector.margin.right, top: connector.margin.top, bottom: connector.margin.bottom };
+ }
+ if (connector.segments) {
+ newConnector.type = connector.segments[0].type;
+ newConnector.segments = this.setConnectorSegments(connector.segments);
+ }
+ if (connector.shape) {
+ newConnector.shape = this.getConnectorShape(connector.shape);
+ }
+ if (connector.sourceDecorator) {
+ newConnector.sourceDecorator = {
+ height: connector.sourceDecorator.height,
+ width: connector.sourceDecorator.width,
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ shape: (this.getDecoratorShape(connector.sourceDecorator.shape)),
+ pathData: connector.sourceDecorator.pathData,
+ style: {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ fill: connector.sourceDecorator.fillColor,
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ strokeColor: connector.sourceDecorator.lineColor,
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ strokeWidth: connector.sourceDecorator.lineWidth
+ },
+ };
+ }
+ if (connector.targetDecorator) {
+ newConnector.targetDecorator = {
+ height: connector.targetDecorator.height,
+ width: connector.targetDecorator.width,
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ shape: this.getDecoratorShape(connector.targetDecorator.shape),
+ pathData: connector.targetDecorator.pathData,
+ style: {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ fill: connector.targetDecorator.fillColor,
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ strokeColor: connector.targetDecorator.lineColor,
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ strokeWidth: connector.targetDecorator.lineWidth
+ },
+ };
+ }
+ if (connector.sourceID) {
+ newConnector.sourceID = connector.sourceID;
+ }
+ if (connector.targetID) {
+ newConnector.targetID = connector.targetID;
+ }
+ if (connector.sourcePoint) {
+ newConnector.sourcePoint = { x: connector.sourcePoint.x, y: connector.sourcePoint.y };
+ }
+ if (connector.targetPoint) {
+ newConnector.targetPoint = { x: connector.targetPoint.x, y: connector.targetPoint.y };
+ }
+ if (connector.sourcePortID) {
+ newConnector.sourcePortID = connector.sourcePortID;
+ }
+ if (connector.targetPortID) {
+ newConnector.targetPortID = connector.targetPortID;
+ }
+ if (connector.tooltip) {
+ newConnector.tooltip = {
+ content: connector.tooltip.content,
+ relativeMode: connector.tooltip.relativeMode
+ };
+ }
+ if (connector.visible) {
+ newConnector.visible = connector.visible;
+ }
+ if (connector.zIndex) {
+ newConnector.zIndex = connector.zIndex;
+ }
+ return newConnector;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Convert and assign the connector shapes from EJ1 to EJ2
+ ConnectorProperties.prototype.getConnectorShape = function (shape) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var connectorShape = null;
+ if (shape) {
+ if (shape.type === 'bpmn') {
+ connectorShape = {
+ type: 'Bpmn',
+ flow: (shape.flow).charAt(0).toUpperCase() + (shape.flow).slice(1),
+ };
+ if (shape.flow === 'sequence') {
+ connectorShape.sequence = (shape.sequence).charAt(0).toUpperCase() + (shape.sequence).slice(1);
+ }
+ else if (shape.flow === 'association') {
+ connectorShape.association = (shape.association).charAt(0).toUpperCase() + (shape.association).slice(1);
+ }
+ else {
+ connectorShape.message = (shape.message).charAt(0).toUpperCase() + (shape.message).slice(1);
+ }
+ }
+ if (shape.type === 'umlclassifier') {
+ connectorShape = {
+ type: 'UmlClassifier',
+ relationship: (shape.relationship).charAt(0).toUpperCase() + (shape.relationship).slice(1),
+ multiplicity: {
+ type: (shape.multiplicity.type).charAt(0).toUpperCase() + (shape.multiplicity.type).slice(1),
+ source: {
+ upperBounds: shape.multiplicity.source.upperBounds,
+ optional: shape.multiplicity.source.optional,
+ lowerBounds: shape.multiplicity.source.lowerBounds
+ },
+ target: {
+ upperBounds: shape.multiplicity.target.upperBounds,
+ optional: shape.multiplicity.target.optional,
+ lowerBounds: shape.multiplicity.target.lowerBounds
+ }
+ }
+ };
+ }
+ if (shape.type === 'umlactivity') {
+ connectorShape = {
+ type: 'UmlActivity',
+ flow: (shape.flow).charAt(0).toUpperCase() + (shape.flow).slice(1)
+ };
+ }
+ }
+ return connectorShape;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Sets the connector decorator shapes from EJ1 to EJ2
+ ConnectorProperties.prototype.getDecoratorShape = function (shape) {
+ var decoratorShape = 'None';
+ if (shape === 'path') {
+ decoratorShape = 'Custom';
+ }
+ else {
+ decoratorShape = (shape).charAt(0).toUpperCase() + (shape).slice(1);
+ }
+ return decoratorShape;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Convert and render the connector collection from EJ1 to EJ2
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ ConnectorProperties.prototype.setConnectorSegments = function (segments) {
+ var connectorSegments = [];
+ if (segments.length > 0) {
+ for (var i = 0; i < segments.length; i++) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var segment = {};
+ var segmentProp = segments[parseInt(i.toString(), 10)];
+ // eslint-disable-next-line max-len
+ segment.direction = segmentProp.direction ? segmentProp.direction.charAt(0).toUpperCase() + segmentProp.direction.slice(1) : segmentProp._direction ? segmentProp._direction.charAt(0).toUpperCase() + segmentProp._direction.slice(1) : null;
+ segment.length = segmentProp.length;
+ segment.point = segmentProp.point ? { x: segmentProp.point.x, y: segmentProp.point.y } : null;
+ segment.point1 = segmentProp.point1 ? { x: segmentProp.point1.x, y: segmentProp.point1.y } : null;
+ segment.point2 = segmentProp.point2 ? { x: segmentProp.point2.x, y: segmentProp.point2.y } : null;
+ // eslint-disable-next-line max-len
+ segment.vector1 = segmentProp.vector1 ? { angle: segmentProp.vector1.angle, distance: segmentProp.vector1.distance } : null;
+ // eslint-disable-next-line max-len
+ segment.vector2 = segmentProp.vector2 ? { angle: segmentProp.vector2.angle, distance: segmentProp.vector2.distance } : null;
+ if (segmentProp.points)
+ segment.points = this.getSegmentPoints(segmentProp.points);
+ if (segmentProp.type)
+ segment.type = (segmentProp.type).charAt(0).toUpperCase() + (segmentProp.type).slice(1);
+ connectorSegments.push(segment);
+ }
+ }
+ return connectorSegments;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Render the connector Segment points from EJ1 to EJ2
+ ConnectorProperties.prototype.getSegmentPoints = function (points) {
+ var pointsCollection = [];
+ if (points.length > 0) {
+ for (var i = 0; i < points.length; i++) {
+ var newPoint = {};
+ var point = points[parseInt(i.toString(), 10)];
+ newPoint.x = point.x;
+ newPoint.y = point.y;
+ pointsCollection.push(newPoint);
+ }
+ }
+ return pointsCollection;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Sets the connector constraints
+ ConnectorProperties.prototype.setConnectorConstraints = function (constraints) {
+ var connectorConstraints = _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].None;
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].Select) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].Select;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].Delete) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].Delete;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].Drag) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].Drag;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].DragSourceEnd) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].DragSourceEnd;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].DragTargetEnd) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].DragTargetEnd;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].DragSegmentThumb) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].DragSegmentThumb;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].Bridging) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].Bridging;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].InheritBridging) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].InheritBridging;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].AllowDrop) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].AllowDrop;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].InheritTooltip) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].InheritTooltip;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].PointerEvents) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].PointerEvents;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].BridgeObstacle) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].BridgeObstacle;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].Interaction) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].Interaction;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].Default) {
+ connectorConstraints = connectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"].Default;
+ }
+ return connectorConstraints;
+ };
+ /**
+*To destroy the ruler
+*
+* @returns {void} To destroy the ruler
+*/
+ ConnectorProperties.prototype.destroy = function () {
+ /**
+ * Destroys the Node properties module
+ */
+ };
+ /**
+ * Get module name.
+ */
+ ConnectorProperties.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'ConnectorProperties';
+ };
+ return ConnectorProperties;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/labelProperties.js":
+/*!********************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/labelProperties.js ***!
+ \********************************************************************************************/
+/*! exports provided: LabelProperties */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LabelProperties", function() { return LabelProperties; });
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+
+var LabelProperties = /** @__PURE__ @class */ (function () {
+ function LabelProperties(modelProperties) {
+ this.modelProperties = modelProperties;
+ }
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update and assign the annotation properties from EJ1 to EJ2
+ LabelProperties.prototype.setLabelProperties = function (oldLabels, item) {
+ var labelCollection = [];
+ if (oldLabels.length > 0) {
+ for (var i = 0; i < oldLabels.length; i++) {
+ var label = oldLabels[parseInt(i.toString(), 10)];
+ var newLabel = {};
+ (newLabel).style = {};
+ if (label.name) {
+ newLabel.id = label.name;
+ }
+ if (label.addInfo) {
+ newLabel.addInfo = label.addInfo;
+ }
+ if (label.content) {
+ newLabel.content = label.content;
+ }
+ if (label.constraints) {
+ newLabel.constraints = this.setLabelConstraints(label.constraints);
+ }
+ // if (label.readOnly)
+ // newLabel.constraints = newLabel.constraints | AnnotationConstraints.ReadOnly;
+ if (label.dragLimit) {
+ newLabel.dragLimit = { left: label.dragLimit.left, right: label.dragLimit.right, top: label.dragLimit.top, bottom: label.dragLimit.bottom };
+ }
+ if (label.height) {
+ newLabel.height = label.height;
+ }
+ if (label.horizontalAlignment) {
+ newLabel.horizontalAlignment = label.horizontalAlignment;
+ }
+ if (label.verticalAlignment) {
+ newLabel.verticalAlignment = label.verticalAlignment;
+ }
+ if (label.hyperlink) {
+ newLabel.hyperlink = label.hyperlink;
+ }
+ if (label.margin) {
+ newLabel.margin = { left: label.margin.left, right: label.margin.right, top: label.margin.top, bottom: label.margin.bottom };
+ }
+ if (label.rotateAngle) {
+ newLabel.rotateAngle = label.rotateAngle;
+ }
+ if (label.fillColor) {
+ newLabel.style.color = label.fillColor;
+ }
+ if (label.fontFamily) {
+ newLabel.style.fontFamily = label.fontFamily;
+ }
+ if (label.fontSize) {
+ newLabel.style.fontSize = label.fontSize;
+ }
+ if (label.italic) {
+ newLabel.style.italic = label.italic;
+ }
+ if (label.bold) {
+ newLabel.style.bold = label.bold;
+ }
+ if (label.borderColor) {
+ newLabel.style.strokeColor = label.borderColor;
+ }
+ if (label.borderWidth) {
+ newLabel.style.strokeWidth = label.borderWidth;
+ }
+ if (label.textWrapping) {
+ newLabel.style.textWrapping = label.textWrapping;
+ }
+ if (label.textAlign) {
+ newLabel.style.textAlign = label.textAlign;
+ }
+ if (label.textDecoration) {
+ newLabel.style.textDecoration = label.textDecoration;
+ }
+ if (label.fillColor) {
+ newLabel.style.fill = label.fillColor === 'white' ? 'transparent' : label.fillColor;
+ }
+ if (label.opacity) {
+ newLabel.style.opacity = label.opacity;
+ }
+ // if (label.templateId)
+ // newLabel.template = getTemplateContent(label.templateId);
+ if (label.visible) {
+ newLabel.visibility = label.visible;
+ }
+ if (label.width) {
+ newLabel.width = label.width;
+ }
+ labelCollection.push(newLabel);
+ }
+ }
+ return labelCollection;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the annotation constraints from EJ1 to EJ2
+ LabelProperties.prototype.setLabelConstraints = function (constraints) {
+ var annotationConstraints = _enum_enum__WEBPACK_IMPORTED_MODULE_0__["AnnotationConstraints"].None;
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["AnnotationConstraints"].Select) {
+ annotationConstraints = annotationConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["AnnotationConstraints"].Select;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["AnnotationConstraints"].Drag) {
+ annotationConstraints = annotationConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["AnnotationConstraints"].Drag;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["AnnotationConstraints"].Resize) {
+ annotationConstraints = annotationConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["AnnotationConstraints"].Resize;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["AnnotationConstraints"].Rotate) {
+ annotationConstraints = annotationConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["AnnotationConstraints"].Rotate;
+ }
+ return annotationConstraints;
+ };
+ /**
+*To destroy the ruler
+*
+* @returns {void} To destroy the ruler
+*/
+ LabelProperties.prototype.destroy = function () {
+ /**
+ * Destroys the Node properties module
+ */
+ };
+ /**
+ * Get module name.
+ */
+ LabelProperties.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'LabelProperties';
+ };
+ return LabelProperties;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/modelProperties.js":
+/*!********************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/modelProperties.js ***!
+ \********************************************************************************************/
+/*! exports provided: EJ1SerializationModule */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EJ1SerializationModule", function() { return EJ1SerializationModule; });
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _connectorProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./connectorProperties */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/connectorProperties.js");
+/* harmony import */ var _labelProperties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./labelProperties */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/labelProperties.js");
+/* harmony import */ var _nodeProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nodeProperties */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/nodeProperties.js");
+/* harmony import */ var _portProperties__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./portProperties */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/portProperties.js");
+
+
+
+
+
+var EJ1SerializationModule = /** @__PURE__ @class */ (function () {
+ function EJ1SerializationModule(diagram) {
+ this.labelProperties = new _labelProperties__WEBPACK_IMPORTED_MODULE_2__["LabelProperties"](this);
+ this.connectorProperties = new _connectorProperties__WEBPACK_IMPORTED_MODULE_1__["ConnectorProperties"](this.labelProperties);
+ this.portProperties = new _portProperties__WEBPACK_IMPORTED_MODULE_4__["PortProperties"](this);
+ this.nodeProperties = new _nodeProperties__WEBPACK_IMPORTED_MODULE_3__["NodeProperties"](this.labelProperties, this.portProperties);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ this.convertedData = {};
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ this.items = [];
+ this.diagram = diagram;
+ }
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Getting the object data from the load diagram and serialize it into from EJ1 to EJ2
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ EJ1SerializationModule.prototype.getSerializedData = function (data) {
+ this.convertedData.mode = 'SVG';
+ this.convertedData.basicElements = [];
+ this.convertedData.width = data.width;
+ this.convertedData.height = data.height;
+ if (data.nodes && data.nodes.length > 0) {
+ this.nodeProperties.renderNodesCollection(this.convertedData, data);
+ }
+ else {
+ this.convertedData.nodes = data.nodes;
+ }
+ if (data.connectors && data.connectors.length > 0) {
+ this.connectorProperties.renderConnectorsCollection(this.convertedData, data);
+ }
+ else {
+ this.convertedData.connectors = data.connectors;
+ }
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ if (data.defaultSettings !== undefined) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ this.convertedData.getNodeDefaults = this.getNodeDefaults(data.defaultSettings.node);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ this.convertedData.getConnectorDefaults = this.getConnectorDefaults(data.defaultSettings.connector);
+ }
+ //this.convertedData.setNodeTemplate = this.getNodeTemplate((data as Diagram).nodeTemplate);
+ this.setLayers(this.convertedData, data);
+ this.setDataSourceSettings(this.convertedData, data);
+ this.setRulerSettings(this.convertedData, data);
+ this.setSnapSettings(this.convertedData, data);
+ if (data.snapSettings.enableSnapToObject) {
+ this.convertedData.snapSettings.constraints = this.convertedData.snapSettings.constraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].SnapToObject;
+ }
+ else {
+ this.convertedData.snapSettings.constraints = this.convertedData.snapSettings.constraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].SnapToObject;
+ }
+ if (data.pageSettings.backgroundImage === undefined) {
+ data.pageSettings.pageBackgroundColor = 'transparent';
+ data.pageSettings.backgroundImage = {
+ source: '',
+ scale: 'meet',
+ alignment: 'xmidymid'
+ };
+ data.pageSettings.showPageBreak = false;
+ }
+ this.setScrollSettings(this.convertedData, data);
+ this.setPageSettings(this.convertedData, data);
+ this.setContextMenu(this.convertedData, data);
+ this.setTooltip(this.convertedData, data);
+ this.setModelLayout(this.convertedData, data);
+ this.setSelectedItems(this.convertedData, data);
+ this.convertedData.constraints = this.setDiagramConstraints(data.constraints);
+ this.convertedData.tool = this.setDiagramTool(data.tool);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ this.convertedData.drawType = data.drawType;
+ this.convertedData.commandManager = data.commandManager;
+ return this.convertedData;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //declare the node default properties
+ EJ1SerializationModule.prototype.getNodeDefaults = function (node) {
+ if (node) {
+ return this.nodeProperties.convertToNode(node);
+ }
+ else {
+ return null;
+ }
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //declare the node default properties
+ EJ1SerializationModule.prototype.getConnectorDefaults = function (connector) {
+ if (connector) {
+ return this.connectorProperties.convertToConnector(connector);
+ }
+ else {
+ return null;
+ }
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the layers from the EJ1 JSON
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ EJ1SerializationModule.prototype.setLayers = function (convertedData, data) {
+ var layers = [];
+ if (data.layers.length > 0) {
+ for (var i = 0; i < data.layers.length; i++) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var newLayer = {};
+ var layer = data.layers[parseInt(i.toString(), 10)];
+ newLayer.id = layer.id;
+ newLayer.visible = layer.visible;
+ newLayer.lock = layer.lock;
+ newLayer.objects = layer.objects;
+ convertedData.layers[parseInt(i.toString(), 10)] = newLayer;
+ }
+ }
+ convertedData.layers = layers;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the dataSourceSettings from EJ1 to EJ2
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ EJ1SerializationModule.prototype.setDataSourceSettings = function (convertedData, data) {
+ convertedData.dataSourceSettings = {};
+ convertedData.dataSourceSettings.id = data.dataSourceSettings.id;
+ convertedData.dataSourceSettings.dataManager = data.dataSourceSettings.dataSource;
+ convertedData.dataSourceSettings.root = data.dataSourceSettings.root;
+ convertedData.dataSourceSettings.parentId = data.dataSourceSettings.parent;
+ convertedData.dataSourceSettings.crudAction = {
+ read: data.dataSourceSettings.crudAction.read,
+ create: data.dataSourceSettings.crudAction.create,
+ update: data.dataSourceSettings.crudAction.update,
+ destroy: data.dataSourceSettings.crudAction.destroy,
+ customFields: data.dataSourceSettings.customFields
+ };
+ if (data.dataSourceSettings.connectionDataSource) {
+ convertedData.dataSourceSettings.connectionDataSource = {};
+ convertedData.dataSourceSettings.connectionDataSource.id = data.dataSourceSettings.connectionDataSource.id;
+ convertedData.dataSourceSettings.connectionDataSource.dataManager = data.dataSourceSettings.connectionDataSource.dataSource;
+ convertedData.dataSourceSettings.connectionDataSource.sourceID = data.dataSourceSettings.connectionDataSource.sourceNode;
+ convertedData.dataSourceSettings.connectionDataSource.targetID = data.dataSourceSettings.connectionDataSource.targetNode;
+ convertedData.dataSourceSettings.connectionDataSource.sourcePointX = data.dataSourceSettings.connectionDataSource.sourcePointX;
+ convertedData.dataSourceSettings.connectionDataSource.sourcePointY = data.dataSourceSettings.connectionDataSource.sourcePointY;
+ convertedData.dataSourceSettings.connectionDataSource.targetPointX = data.dataSourceSettings.connectionDataSource.targetPointX;
+ convertedData.dataSourceSettings.connectionDataSource.targetPointY = data.dataSourceSettings.connectionDataSource.targetPointY;
+ convertedData.dataSourceSettings.connectionDataSource.crudAction = {
+ read: data.dataSourceSettings.connectionDataSource.crudAction.read,
+ create: data.dataSourceSettings.connectionDataSource.crudAction.create,
+ update: data.dataSourceSettings.connectionDataSource.crudAction.update,
+ destroy: data.dataSourceSettings.connectionDataSource.crudAction.destroy,
+ customFields: data.dataSourceSettings.connectionDataSource.customFields
+ };
+ }
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the ruler settings
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ EJ1SerializationModule.prototype.setRulerSettings = function (convertedData, data) {
+ convertedData.rulerSettings = {};
+ convertedData.rulerSettings.showRulers = data.rulerSettings.showRulers;
+ convertedData.rulerSettings.horizontalRuler = this.setRulerProperties(data.rulerSettings.horizontalRuler);
+ convertedData.rulerSettings.verticalRuler = this.setRulerProperties(data.rulerSettings.verticalRuler);
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the orientation of the ruler
+ EJ1SerializationModule.prototype.setRulerProperties = function (ruler) {
+ var rulerProperties = {};
+ rulerProperties.interval = ruler.interval;
+ rulerProperties.segmentWidth = ruler.segmentWidth;
+ // rulerProperties.tickAlignment = ruler.tickAlignment === 'rightorbottom' ? 'RightOrBottom' : 'LeftOrTop';
+ rulerProperties.markerColor = ruler.markerColor;
+ rulerProperties.thickness = ruler.thickness;
+ rulerProperties.arrangeTick = ruler.arrangeTick;
+ return rulerProperties;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the snap settings
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ EJ1SerializationModule.prototype.setSnapSettings = function (convertedData, data) {
+ convertedData.snapSettings = {};
+ if (data.snapSettings) {
+ convertedData.snapSettings.horizontalGridLines = this.setGridLines(data.snapSettings.horizontalGridLines);
+ convertedData.snapSettings.verticalGridLines = this.setGridLines(data.snapSettings.verticalGridLines);
+ convertedData.snapSettings.snapAngle = data.snapSettings.snapAngle;
+ convertedData.snapSettings.snapObjectDistance = data.snapSettings.snapObjectDistance;
+ convertedData.snapSettings.constraints = this.setSnapConstraints(data.snapSettings.snapConstraints);
+ }
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the snap constraints from EJ1 to EJ2
+ EJ1SerializationModule.prototype.setSnapConstraints = function (constraints) {
+ var snapConstraints = _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].None;
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].ShowHorizontalLines) {
+ snapConstraints = snapConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].ShowHorizontalLines;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].ShowVerticalLines) {
+ snapConstraints = snapConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].ShowVerticalLines;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].ShowLines) {
+ snapConstraints = snapConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].ShowLines;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].SnapToHorizontalLines) {
+ snapConstraints = snapConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].SnapToHorizontalLines;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].SnapToVerticalLines) {
+ snapConstraints = snapConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].SnapToVerticalLines;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].SnapToLines) {
+ snapConstraints = snapConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"].SnapToLines;
+ }
+ return snapConstraints;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the gridlines
+ EJ1SerializationModule.prototype.setGridLines = function (gridlines) {
+ var gridLinesProperties = {};
+ gridLinesProperties.lineColor = gridlines.lineColor;
+ gridLinesProperties.lineDashArray = gridlines.lineDashArray;
+ gridLinesProperties.lineIntervals = gridlines.lineInterval;
+ gridLinesProperties.snapIntervals = gridlines.snapInterval;
+ return gridLinesProperties;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the scroll-settings
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ EJ1SerializationModule.prototype.setScrollSettings = function (convertedData, data) {
+ convertedData.scrollSettings = {
+ horizontalOffset: data.scrollSettings.horizontalOffset,
+ verticalOffset: data.scrollSettings.verticalOffset,
+ currentZoom: data.scrollSettings.currentZoom,
+ viewPortWidth: data.scrollSettings.viewPortWidth,
+ viewPortHeight: data.scrollSettings.viewPortHeight,
+ minZoom: data.scrollSettings.minZoom,
+ maxZoom: data.scrollSettings.maxZoom,
+ scrollLimit: (data.pageSettings.scrollLimit).charAt(0).toUpperCase() + (data.pageSettings.scrollLimit).slice(1),
+ scrollableArea: data.pageSettings.scrollableArea,
+ canAutoScroll: data.enableAutoScroll,
+ autoScrollBorder: data.pageSettings.autoScrollBorder
+ };
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the page settings
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ EJ1SerializationModule.prototype.setPageSettings = function (convertedData, data) {
+ convertedData.pageSettings = {
+ width: data.pageSettings.pageWidth,
+ height: data.pageSettings.pageHeight,
+ // eslint-disable-next-line max-len
+ margin: { left: data.pageSettings.pageMargin, right: data.pageSettings.pageMargin, top: data.pageSettings.pageMargin, bottom: data.pageSettings.pageMargin },
+ orientation: (data.pageSettings.pageOrientation).charAt(0).toUpperCase() + (data.pageSettings.pageOrientation).slice(1),
+ // eslint-disable-next-line max-len
+ boundaryConstraints: (data.pageSettings.boundaryConstraints).charAt(0).toUpperCase() + (data.pageSettings.boundaryConstraints).slice(1),
+ // eslint-disable-next-line max-len
+ background: { color: data.pageSettings.pageBackgroundColor, source: data.backgroundImage.source, scale: data.backgroundImage.scale, align: data.backgroundImage.align },
+ multiplePage: data.pageSettings.multiplePage,
+ showPageBreaks: data.pageSettings.showPageBreak
+ };
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Sets the contextmenu settings
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ EJ1SerializationModule.prototype.setContextMenu = function (convertedData, data) {
+ convertedData.contextMenuSettings = {};
+ convertedData.contextMenuSettings.show = data.enableContextMenu;
+ if (data.contextMenu !== undefined) {
+ convertedData.contextMenuSettings.showCustomMenuOnly = data.contextMenu.showCustomMenuItemsOnly;
+ convertedData.contextMenuSettings.items = this.getContextMenuItems(data.contextMenu.items);
+ }
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the contextmenu items
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ EJ1SerializationModule.prototype.getContextMenuItems = function (contextMenuItems) {
+ var menuItem = {};
+ for (var i = 0; i < contextMenuItems.length; i++) {
+ var oldMenuItem = contextMenuItems[parseInt(i.toString(), 10)];
+ menuItem.id = oldMenuItem.name;
+ menuItem.text = oldMenuItem.text;
+ this.items.push(menuItem);
+ if (contextMenuItems.subItems && contextMenuItems.subItems.length > 0) {
+ this.getContextMenuItems(contextMenuItems.subItems);
+ }
+ }
+ return this.items;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the tooltip items
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ EJ1SerializationModule.prototype.setTooltip = function (convertedData, data) {
+ convertedData.tooltip = {
+ content: data.tooltip.templateId,
+ relativeMode: data.tooltip.relativeMode
+ };
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Sets the model layout for the converted data
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ EJ1SerializationModule.prototype.setModelLayout = function (convertedData, data) {
+ convertedData.layout = {
+ fixedNode: data.layout.fixedNode,
+ horizontalSpacing: data.layout.horizontalSpacing,
+ verticalSpacing: data.layout.verticalSpacing,
+ maxIteration: data.layout.maxIteration,
+ springFactor: data.layout.springFactor,
+ springLength: data.layout.springLength,
+ // eslint-disable-next-line max-len
+ margin: { left: data.layout.margin.left, right: data.layout.margin.right, top: data.layout.margin.top, bottom: data.layout.margin.bottom },
+ horizontalAlignment: (data.layout.horizontalAlignment).charAt(0).toUpperCase() + (data.layout.horizontalAlignment).slice(1),
+ verticalAlignment: (data.layout.verticalAlignment).charAt(0).toUpperCase() + (data.layout.verticalAlignment).slice(1),
+ orientation: data.layout.orientation === 'rightorbottom' ? 'RightOrBottom' : 'LeftOrTop',
+ connectorSegments: data.layout.getConnectorSegments,
+ type: (data.layout.type).charAt(0).toUpperCase() + (data.layout.type).slice(1),
+ getLayoutInfo: data.layout.getLayoutInfo,
+ bounds: data.layout.bounds,
+ root: data.layout.root,
+ };
+ if (data.layout && data.layout.type === "hierarchicaltree") {
+ convertedData.layout.type = "None";
+ }
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Sets the selected items to convert the data
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ EJ1SerializationModule.prototype.setSelectedItems = function (convertedData, data) {
+ convertedData.selectedItems = {};
+ var nodes = [];
+ var connectors = [];
+ if (data.children && data.children.length > 0) {
+ for (var i = 0; i < data.children.length; i++) {
+ var selectedElement = data.children[parseInt(i.toString(), 10)];
+ if (selectedElement.segments) {
+ connectors.push(selectedElement);
+ }
+ else {
+ nodes.push(selectedElement);
+ }
+ }
+ }
+ convertedData.selectedItems.nodes = nodes;
+ convertedData.selectedItems.connectors = connectors;
+ convertedData.selectedItems.offsetX = data.selectedItems.offsetX;
+ convertedData.selectedItems.offsetY = data.selectedItems.offsetY;
+ convertedData.selectedItems.width = data.selectedItems.width;
+ convertedData.selectedItems.height = data.selectedItems.height;
+ convertedData.selectedItems.rotateAngle = data.selectedItems.rotateAngle;
+ convertedData.selectedItems.constraints = this.setSelectorConstraints(data.selectedItems.constraints);
+ convertedData.selectedItems.userHandles = data.selectedItems.userHandles;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the selector constraints from EJ1 to EJ2
+ EJ1SerializationModule.prototype.setSelectorConstraints = function (constraints) {
+ var selectorConstraints = _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SelectorConstraints"].None;
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SelectorConstraints"].ConnectorSourceThumb) {
+ selectorConstraints = selectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SelectorConstraints"].Rotate;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SelectorConstraints"].ResizeAll) {
+ selectorConstraints = selectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SelectorConstraints"].ResizeAll;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SelectorConstraints"].ResizeSouthEast) {
+ selectorConstraints = selectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SelectorConstraints"].UserHandle;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SelectorConstraints"].ToolTip) {
+ selectorConstraints = selectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SelectorConstraints"].ToolTip;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SelectorConstraints"].All) {
+ selectorConstraints = selectorConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["SelectorConstraints"].All;
+ }
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the diagram constraints from EJ1 to EJ2
+ EJ1SerializationModule.prototype.setDiagramConstraints = function (constraints) {
+ var diagramConstraints = _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].None;
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].UserInteraction) {
+ diagramConstraints = diagramConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].UserInteraction;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].ApiUpdate) {
+ diagramConstraints = diagramConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].ApiUpdate;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].PageEditable) {
+ diagramConstraints = diagramConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].PageEditable;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].LineRouting) {
+ diagramConstraints = diagramConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].Bridging;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].Zoom) {
+ diagramConstraints = diagramConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].Zoom;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].PanX) {
+ diagramConstraints = diagramConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].PanX;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].PanY) {
+ diagramConstraints = diagramConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].PanY;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].Pan) {
+ diagramConstraints = diagramConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].Pan;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].UndoRedo) {
+ diagramConstraints = diagramConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].UndoRedo;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].ZoomTextEdit) {
+ diagramConstraints = diagramConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"].ZoomTextEdit;
+ }
+ return diagramConstraints;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Update the diagram tool from EJ1 to EJ2
+ EJ1SerializationModule.prototype.setDiagramTool = function (tool) {
+ var diagramTool = _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramTools"].None;
+ if (tool & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramTools"].MultipleSelect) {
+ diagramTool = diagramTool | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramTools"].SingleSelect;
+ }
+ if (tool & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramTools"].ZoomPan) {
+ diagramTool = diagramTool | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramTools"].MultipleSelect;
+ }
+ if (tool & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramTools"].DrawOnce) {
+ diagramTool = diagramTool | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramTools"].ZoomPan;
+ }
+ if (tool & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramTools"].ContinuousDraw) {
+ diagramTool = diagramTool | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramTools"].DrawOnce;
+ }
+ if (tool & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramTools"].ContinuousDraw) {
+ diagramTool = diagramTool | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["DiagramTools"].ContinuousDraw;
+ }
+ return diagramTool;
+ };
+ // /* tslint:disable */
+ // /**
+ // * To provide the array of modules needed for control rendering
+ // *
+ // * @returns {ModuleDeclaration[]} To provide the array of modules needed for control rendering .\
+ // * @private
+ // */
+ // public requiredModules(): ModuleDeclaration[] {
+ // const modules: ModuleDeclaration[] = [];
+ // modules.push({
+ // member: 'NodeProperties',
+ // args: []
+ // });
+ // return modules;
+ // }
+ /**
+ *To destroy the ruler
+ *
+ * @returns {void} To destroy the ruler
+ */
+ EJ1SerializationModule.prototype.destroy = function () {
+ /**
+ * Destroys the Print and Export module
+ */
+ };
+ /**
+ * Get module name.
+ */
+ EJ1SerializationModule.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'EJ1SerializationModule';
+ };
+ return EJ1SerializationModule;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/nodeProperties.js":
+/*!*******************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/nodeProperties.js ***!
+ \*******************************************************************************************/
+/*! exports provided: NodeProperties */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NodeProperties", function() { return NodeProperties; });
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+
+var NodeProperties = /** @__PURE__ @class */ (function () {
+ function NodeProperties(labelProperties, portProperties) {
+ this.labelProperties = labelProperties;
+ this.portProperties = portProperties;
+ }
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Convert and render the node collection from EJ1 to EJ2
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ NodeProperties.prototype.renderNodesCollection = function (convertedData, data) {
+ convertedData.nodes = [];
+ var nodes = [];
+ for (var i = 0; i < data.nodes.length; i++) {
+ var node = data.nodes[parseInt(i.toString(), 10)];
+ var processCollection = [];
+ var newNode = this.convertToNode(node);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ // eslint-disable-next-line max-len
+ if (newNode.shape && newNode.shape.activity && newNode.shape.activity.subProcess && newNode.shape.activity.subProcess.processes.length > 0) {
+ var processName = [];
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ for (var k = 0; k < newNode.shape.activity.subProcess.processes.length; k++) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var processes = newNode.shape.activity.subProcess.processes[parseInt(k.toString(), 10)];
+ processes.margin.right = 0;
+ processes.margin.bottom = 0;
+ processes.processId = newNode.id;
+ processName.push(processes.id);
+ processCollection.push(processes);
+ }
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ newNode.shape.activity.subProcess.processes = processName;
+ }
+ if (node.type === 'group' && !node.isSwimlane) {
+ var childCollection = [];
+ if (newNode.children && newNode.children.length > 0) {
+ for (var j = 0; j < newNode.children.length; j++) {
+ var child = newNode.children[parseInt(i.toString(), 10)];
+ nodes.push(child);
+ childCollection.push(child);
+ }
+ newNode.children = childCollection;
+ }
+ }
+ nodes.push(newNode);
+ if (processCollection && processCollection.length > 0) {
+ nodes = nodes.concat(processCollection);
+ }
+ }
+ convertedData.nodes = nodes;
+ return convertedData.nodes;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Convert the node from EJ1 to EJ2 and assign all the properties
+ NodeProperties.prototype.convertToNode = function (node) {
+ var newNode = {};
+ newNode.style = {};
+ newNode.margin = {};
+ if (node.name) {
+ newNode.id = node.name;
+ }
+ if (node.fillColor) {
+ newNode.style.fill = node.fillColor;
+ }
+ if (node.borderColor) {
+ newNode.style.strokeColor = node.borderColor;
+ }
+ if (node.borderWidth) {
+ newNode.style.strokeWidth = node.borderWidth;
+ }
+ if (node.borderDashArray) {
+ newNode.style.strokeDashArray = node.borderDashArray;
+ }
+ if (node.opacity) {
+ newNode.style.opacity = node.opacity;
+ }
+ if (node.gradient) {
+ newNode.style.gradient = this.setGradient(node.gradient);
+ }
+ if (node.isExpanded) {
+ newNode.isExpanded = node.isExpanded;
+ }
+ if (node.width) {
+ newNode.width = node.width;
+ }
+ if (node.height) {
+ newNode.height = node.height;
+ }
+ if (node.offsetX) {
+ newNode.offsetX = node.offsetX;
+ }
+ if (node.offsetY) {
+ newNode.offsetY = node.offsetY;
+ }
+ if (node.visible) {
+ newNode.visible = node.visible;
+ }
+ newNode.zIndex = node.zOrder === -1 ? -1 : node.zOrder;
+ if (node.excludeFromLayout) {
+ newNode.excludeFromLayout = node.excludeFromLayout;
+ }
+ if (node.rotateAngle) {
+ newNode.rotateAngle = node.rotateAngle;
+ }
+ if (node.pivot) {
+ newNode.pivot = node.pivot;
+ }
+ if (node.addInfo) {
+ newNode.addInfo = node.addInfo;
+ }
+ if (node.marginLeft) {
+ newNode.margin.left = node.marginLeft;
+ }
+ if (node.marginRight) {
+ newNode.margin.right = node.marginRight;
+ }
+ if (node.marginTop) {
+ newNode.margin.top = node.marginTop;
+ }
+ if (node.marginBottom) {
+ newNode.margin.bottom = node.marginBottom;
+ }
+ if (node.horizontalAlign) {
+ newNode.horizontalAlignment = node.horizontalAlign;
+ }
+ if (node.verticalAlign) {
+ newNode.verticalAlignment = node.verticalAlign;
+ }
+ if (node.constraints) {
+ newNode.constraints = this.setNodeConstraints(node.constraints);
+ }
+ if (node.labels) {
+ newNode.annotations = this.labelProperties.setLabelProperties(node.labels, undefined);
+ }
+ if (node.shadow) {
+ newNode.shadow = {
+ angle: node.shadow.angle, opacity: node.shadow.opacity, distance: node.shadow.distance
+ };
+ }
+ if (node.tooltip) {
+ newNode.tooltip = {
+ // content: this.getTemplateContent(node.tooltip.templateId),
+ relativeMode: node.tooltip.relativeMode
+ };
+ }
+ if (node.expandIcon) {
+ newNode.expandIcon = {
+ shape: (node.expandIcon.shape),
+ width: node.expandIcon.width, height: node.expandIcon.height,
+ margin: {
+ left: node.expandIcon.margin ? node.expandIcon.margin.left : 0,
+ right: node.expandIcon.margin ? node.expandIcon.margin.right : 0,
+ top: node.expandIcon.margin ? node.expandIcon.margin.top : 0,
+ bottom: node.expandIcon.margin ? node.expandIcon.margin.bottom : 0
+ },
+ offset: {
+ x: node.expandIcon.offset ? node.expandIcon.offset.x : 0.5,
+ y: node.expandIcon.offset ? node.expandIcon.offset.y : 1
+ },
+ borderColor: node.expandIcon.borderColor, borderWidth: node.expandIcon.borderWidth,
+ cornerRadius: node.expandIcon.cornerRadius,
+ //fill: (node.expandIcon as any).fillColor,
+ pathData: node.expandIcon.pathData,
+ };
+ }
+ if (node.collapseIcon) {
+ newNode.collapseIcon = {
+ shape: (node.collapseIcon.shape),
+ width: node.collapseIcon.width, height: node.collapseIcon.height,
+ margin: {
+ left: node.collapseIcon.margin ? node.collapseIcon.margin.left : 0,
+ right: node.collapseIcon.margin ? node.collapseIcon.margin.right : 0,
+ top: node.collapseIcon.margin ? node.collapseIcon.margin.top : 0,
+ bottom: node.collapseIcon.margin ? node.collapseIcon.margin.bottom : 0
+ },
+ offset: {
+ x: node.collapseIcon.offset ? node.collapseIcon.offset.x : 0.5,
+ y: node.collapseIcon.offset ? node.collapseIcon.offset.y : 1
+ },
+ borderColor: node.collapseIcon.borderColor, borderWidth: node.collapseIcon.borderWidth,
+ cornerRadius: node.collapseIcon.cornerRadius,
+ // fill: (node.collapseIcon as any).fillColor,
+ pathData: node.collapseIcon.pathData,
+ };
+ }
+ if (node.ports) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ newNode.ports = this.portProperties.setPortProperties(node.ports);
+ }
+ if (node.children) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ if (node.type !== 'bpmn' && !node.isSwimlane) {
+ newNode.children = this.getChildren(newNode, node);
+ }
+ }
+ newNode.minWidth = node.minWidth;
+ newNode.maxWidth = node.maxWidth;
+ newNode.minHeight = node.minHeight;
+ newNode.maxHeight = node.maxHeight;
+ if (node.shape || node.type) {
+ newNode = this.setShape(newNode, node);
+ }
+ return newNode;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Iterate the swimlane child nodes and assign all the node properties from the EJ1 to EJ2
+ NodeProperties.prototype.getChildren = function (newNode, node) {
+ if (node.children && node.children.length > 0) {
+ var newChild = [];
+ for (var i = 0; i < node.children.length; i++) {
+ var child = this.convertToNode(node.children[parseInt(i.toString(), 10)]);
+ if (child.children) {
+ this.getChildren(newNode, child);
+ }
+ newChild.push(child);
+ }
+ newNode.children = newChild;
+ }
+ return newNode.children;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Sets the shapes for all the node from conversion
+ NodeProperties.prototype.setShape = function (newNode, node) {
+ switch (node.type) {
+ case 'basic':
+ var basicShape = (node.shape).charAt(0).toUpperCase() + (node.shape).slice(1);
+ if (node.shape === 'path') {
+ newNode.shape = { type: 'Path', data: node.pathData };
+ }
+ else {
+ newNode.shape = {
+ type: 'Basic', shape: basicShape, cornerRadius: node.cornerRadius, points: node.points
+ };
+ }
+ break;
+ case 'flow':
+ var flowShape = (node.shape).charAt(0).toUpperCase() + (node.shape).slice(1);
+ newNode.shape = {
+ type: 'Flow', shape: flowShape
+ };
+ break;
+ case 'umlactivity':
+ newNode.shape = {
+ type: 'UmlActivity', shape: (node.shape).charAt(0).toUpperCase() + (node.shape).slice(1)
+ };
+ break;
+ case 'image':
+ newNode.shape = {
+ type: 'Image', source: node.source, align: this.getImageContentAlignment(node.contentAlignment),
+ scale: (node.scale).charAt(0).toUpperCase() + (node.scale).slice(1)
+ };
+ break;
+ case 'html':
+ newNode.shape = { type: 'HTML' };
+ break;
+ case 'native':
+ newNode.shape = { type: 'Native' };
+ break;
+ case 'text':
+ newNode.shape = { type: 'Text', content: node.textBlock.text };
+ break;
+ case 'bpmn':
+ newNode.shape = this.renderBpmnShape(newNode, node);
+ break;
+ case 'group':
+ if (node.isSwimlane) {
+ newNode.shape = this.renderSwimlaneShape(newNode, node);
+ }
+ }
+ return newNode;
+ };
+ NodeProperties.prototype.getImageContentAlignment = function (option) {
+ if (option) {
+ switch (option) {
+ case 'xminymin':
+ return 'XMinYMin';
+ case 'xminymid':
+ return 'XMinYMid';
+ case 'xminymax':
+ return 'XMinYMax';
+ case 'xmidymin':
+ return 'XMidYMin';
+ case 'xmidymid':
+ return 'XMidYMid';
+ case 'xmidymax':
+ return 'XMidYMax';
+ case 'xmaxymin':
+ return 'XMaxYMin';
+ case 'xmaxymid':
+ return 'XMaxYMid';
+ case 'xmaxymax':
+ return 'XMaxYMax';
+ case 'none':
+ return 'None';
+ }
+ }
+ return 'None';
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ // Sets the node constraints from EJ1 to EJ2
+ NodeProperties.prototype.setNodeConstraints = function (constraints) {
+ var nodeConstraints = _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].None;
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Select) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Select;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Delete) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Delete;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Drag) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Drag;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Rotate) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Rotate;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeNorthEast) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeNorthEast;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeEast) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeEast;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].OutConnect) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeSouthEast;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Expandable) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeSouth;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].AllowDrop) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeSouthWest;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeNorthEast) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeWest;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeEast) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeNorthWest;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeNorth) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeNorth;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Resize) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Resize;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeSouthEast) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Shadow;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].AspectRatio) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].AspectRatio;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeNorthWest) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].AllowDrop;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].ResizeNorth) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].InheritTooltip;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].PointerEvents) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].PointerEvents;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Inherit) {
+ nodeConstraints = nodeConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Inherit;
+ }
+ return nodeConstraints;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Sets the gradient for the nodes
+ NodeProperties.prototype.setGradient = function (gradient) {
+ var newGradient = {};
+ if (gradient) {
+ if (gradient.type === 'linear') {
+ newGradient = {
+ type: 'Linear',
+ x1: gradient.x1, x2: gradient.x2, y1: gradient.y1, y2: gradient.y2,
+ stops: this.getGradientStops(gradient.stops)
+ };
+ }
+ else if (gradient.type === 'radial') {
+ newGradient = {
+ type: 'Radial',
+ cx: gradient.cx, cy: gradient.cy, fx: gradient.fx, fy: gradient.fy,
+ stops: this.getGradientStops(gradient.stops)
+ };
+ }
+ }
+ return newGradient;
+ };
+ NodeProperties.prototype.getGradientStops = function (gradientStops) {
+ var stopsCollection = [];
+ for (var i = 0; i < gradientStops.length; i++) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var newStop = {};
+ var stop_1 = gradientStops[parseInt(i.toString(), 10)];
+ newStop.color = stop_1.color;
+ newStop.offset = stop_1.offset;
+ stopsCollection.push(newStop);
+ }
+ return stopsCollection;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Assign the BPMN shape values from the EJ1
+ NodeProperties.prototype.renderBpmnShape = function (newNode, node) {
+ if (node.shape === 'event') {
+ newNode.shape = {
+ type: 'Bpmn',
+ shape: (node.shape).charAt(0).toUpperCase() + (node.shape).slice(1),
+ event: {
+ event: (node.event).charAt(0).toUpperCase() + (node.event).slice(1),
+ trigger: (node.trigger).charAt(0).toUpperCase() + (node.trigger).slice(1)
+ }
+ };
+ }
+ else if (node.shape === 'gateway') {
+ newNode.shape = {
+ type: 'Bpmn',
+ shape: (node.shape).charAt(0).toUpperCase() + (node.shape).slice(1),
+ gateway: {
+ type: (node.gateway).charAt(0).toUpperCase() + (node.gateway).slice(1)
+ }
+ };
+ }
+ else if (node.shape === 'activity') {
+ newNode.shape = {
+ type: 'Bpmn',
+ shape: (node.shape).charAt(0).toUpperCase() + (node.shape).slice(1),
+ activity: {
+ activity: (node.activity).charAt(0).toUpperCase() + (node.activity).slice(1)
+ }
+ };
+ if (node.activity === 'task') {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ newNode.shape.activity.task = {
+ type: (node.task.type).charAt(0).toUpperCase() + (node.task.type).slice(1),
+ loop: (node.task.loop).charAt(0).toUpperCase() + (node.task.loop).slice(1),
+ compensation: node.task.compensation,
+ call: node.task.call
+ };
+ }
+ if (node.activity === 'subprocess') {
+ if (node.subProcess.type === 'event') {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ newNode.shape.activity.subProcess = {
+ collapsed: node.subProcess.collapsed,
+ compensation: node.subProcess.compensation,
+ adhoc: node.subProcess.adhoc,
+ loop: (node.subProcess.loop).charAt(0).toUpperCase() + (node.subprocess.loop).slice(1),
+ boundary: (node.subProcess.boundary).charAt(0).toUpperCase() + (node.subprocess.boundary).slice(1),
+ type: (node.subProcess.type).charAt(0).toUpperCase() + (node.subprocess.type).slice(1),
+ event: {
+ event: (node.event).charAt(0).toUpperCase() + (node.event).slice(1),
+ trigger: (node.trigger).charAt(0).toUpperCase() + (node.trigger).slice(1)
+ }
+ };
+ }
+ else if (node.subProcess.type === 'transaction') {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ newNode.shape.activity.subProcess = {
+ collapsed: node.subProcess.collapsed,
+ compensation: node.subProcess.compensation,
+ adhoc: node.subProcess.adhoc,
+ loop: (node.subProcess.loop).charAt(0).toUpperCase() + (node.subprocess.loop).slice(1),
+ boundary: (node.subProcess.boundary).charAt(0).toUpperCase() + (node.subprocess.boundary).slice(1),
+ type: (node.subProcess.type).charAt(0).toUpperCase() + (node.subprocess.type).slice(1),
+ events: this.renderEventsCollection(node.subProcess.events),
+ processes: this.renderProcessesCollection(node)
+ };
+ }
+ }
+ }
+ else if (node.shape === 'dataobject') {
+ newNode.shape = {
+ type: 'Bpmn',
+ shape: (node.shape).charAt(0).toUpperCase() + (node.shape).slice(1),
+ };
+ if (node.annotation) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ newNode.shape.annotation = {
+ text: node.annotation.text,
+ angle: node.annotation.angle,
+ width: node.annotation.width,
+ height: node.annotation.height,
+ length: node.annotation.length
+ };
+ }
+ }
+ else {
+ newNode.shape = {
+ type: 'Bpmn',
+ shape: (node.shape).charAt(0).toUpperCase() + (node.shape).slice(1),
+ };
+ }
+ return newNode.shape;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Renders the swimlane from the conversion
+ NodeProperties.prototype.renderSwimlaneShape = function (newNode, node) {
+ newNode.shape = {
+ type: 'SwimLane', orientation: (node.orientation).charAt(0).toUpperCase() + (node.orientation).slice(1),
+ header: {
+ annotation: { content: node.header.text },
+ height: 50, style: { fontSize: node.header.fontSize, color: node.header.fontColor, fill: node.header.fillColor },
+ },
+ };
+ var lanes = [];
+ var phases = [];
+ for (var i = 0; i < node.lanes.length; i++) {
+ lanes[parseInt(i.toString(), 10)] = {
+ header: {
+ annotation: {
+ content: node.lanes[parseInt(i.toString(), 10)].header.text, width: node.lanes[parseInt(i.toString(), 10)].header.width,
+ style: { fontSize: node.lanes[parseInt(i.toString(), 10)].header.fontSize, color: node.lanes[parseInt(i.toString(), 10)].header.fontColor }
+ },
+ },
+ style: { fill: node.lanes[parseInt(i.toString(), 10)].fillColor },
+ children: []
+ };
+ for (var j = 0; j < node.lanes[parseInt(i.toString(), 10)].children.length; j++) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var childNode = this.convertToNode(node.lanes[parseInt(i.toString(), 10)].children[parseInt(j.toString(), 10)]);
+ if (childNode.wrapper == null) {
+ childNode.wrapper = {
+ actualSize: { width: childNode.width, height: childNode.height },
+ offsetX: childNode.offsetX, offsetY: childNode.offsetY
+ };
+ }
+ lanes[parseInt(i.toString(), 10)].children.push(childNode);
+ }
+ }
+ for (var i = 0; i < node.phases.length; i++) {
+ phases[parseInt(i.toString(), 10)] = {
+ header: {
+ annotation: {
+ content: node.phases[parseInt(i.toString(), 10)].label.text,
+ // eslint-disable-next-line max-len
+ style: { fill: node.phases[parseInt(i.toString(), 10)].label.fillColor, fontSize: node.phases[parseInt(i.toString(), 10)].label.fontSize, color: node.phases[parseInt(i.toString(), 10)].label.fontColor }
+ },
+ },
+ offset: node.phases[parseInt(i.toString(), 10)].offset,
+ // eslint-disable-next-line max-len
+ style: { fill: node.phases[parseInt(i.toString(), 10)].fillColor, strokeColor: node.phases[parseInt(i.toString(), 10)].lineColor, strokeDashArray: node.phases[parseInt(i.toString(), 10)].lineDashArray }
+ };
+ }
+ newNode.shape.lanes = lanes;
+ newNode.shape.phases = phases;
+ return newNode.shape;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Rendered the event collections for the node properties
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ NodeProperties.prototype.renderEventsCollection = function (subProcessEvents) {
+ var eventsCollection = [];
+ if (subProcessEvents.length > 0) {
+ for (var i = 0; i < subProcessEvents.length; i++) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var newEvent = void 0;
+ var eventObject = subProcessEvents[parseInt(i.toString(), 10)];
+ newEvent.event = (eventObject.event).charAt(0).toUpperCase() + (eventObject.event).slice(1);
+ newEvent.trigger = (eventObject.trigger).charAt(0).toUpperCase() + (eventObject.trigger).slice(1);
+ newEvent.offset = { x: eventObject.offset.x, y: eventObject.offset.y };
+ eventsCollection.push(newEvent);
+ }
+ }
+ return eventsCollection;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Rendered the process collections for the node properties
+ NodeProperties.prototype.renderProcessesCollection = function (node) {
+ var processesCollection = [];
+ if (node.subProcess && node.subProcess.processes.length > 0) {
+ for (var i = 0; i < node.subProcess.processes.length; i++) {
+ var processObject = node.subProcess.processes[parseInt(i.toString(), 10)];
+ var data = this.convertToNode(processObject);
+ processesCollection.push(data);
+ }
+ }
+ return processesCollection;
+ };
+ /**
+*To destroy the ruler
+*
+* @returns {void} To destroy the ruler
+*/
+ NodeProperties.prototype.destroy = function () {
+ /**
+ * Destroys the Node properties module
+ */
+ };
+ /**
+ * Get module name.
+ */
+ NodeProperties.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'NodeProperties';
+ };
+ return NodeProperties;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/portProperties.js":
+/*!*******************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/load-utility/portProperties.js ***!
+ \*******************************************************************************************/
+/*! exports provided: PortProperties */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PortProperties", function() { return PortProperties; });
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+
+var PortProperties = /** @__PURE__ @class */ (function () {
+ function PortProperties(modelProperties) {
+ this.modelProperties = modelProperties;
+ }
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Convert and assign EJ1 to EJ2 port properties
+ PortProperties.prototype.setPortProperties = function (oldPorts) {
+ var portCollection = [];
+ if (oldPorts.length > 0) {
+ for (var i = 0; i < oldPorts.length; i++) {
+ var port = oldPorts[parseInt(i.toString(), 10)];
+ var newPort = {};
+ newPort.style = {};
+ if (port.name) {
+ newPort.id = port.name;
+ }
+ if (port.addInfo) {
+ newPort.addInfo = port.addInfo;
+ }
+ if (port.height) {
+ newPort.height = port.height;
+ }
+ if (port.width) {
+ newPort.width = port.width;
+ }
+ if (port.horizontalAlignment) {
+ newPort.horizontalAlignment = (port.horizontalAlignment);
+ }
+ if (port.verticalAlignment) {
+ newPort.verticalAlignment = port.verticalAlignment;
+ }
+ if (port.margin) {
+ // eslint-disable-next-line max-len
+ newPort.margin = { left: port.margin.left, right: port.margin.right, top: port.margin.top, bottom: port.margin.bottom };
+ }
+ if (port.offset) {
+ newPort.offset = { x: port.offset.x, y: port.offset.y };
+ }
+ if (port.borderColor) {
+ newPort.style.strokeColor = port.borderColor;
+ }
+ if (port.borderWidth) {
+ newPort.style.strokeWidth = port.borderWidth;
+ }
+ if (port.fillColor) {
+ newPort.style.fill = port.fillColor;
+ }
+ if (port.constraints) {
+ newPort.constraints = this.setPortConstraints(port.constraints);
+ }
+ if (port.pathData) {
+ newPort.pathData = port.pathData;
+ }
+ if (port.shape === 'Custom') {
+ newPort.shape = 'Custom';
+ }
+ else {
+ newPort.shape = port.shape;
+ }
+ if (port.visibility) {
+ newPort.visibility = this.setPortVisibility(port.visibility);
+ }
+ portCollection.push(newPort);
+ }
+ }
+ return portCollection;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Sets the port constraints from EJ1 to EJ2
+ PortProperties.prototype.setPortConstraints = function (constraints) {
+ var portConstraints = _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortConstraints"].None;
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortConstraints"].Drag) {
+ portConstraints = portConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortConstraints"].Drag;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortConstraints"].Draw) {
+ portConstraints = portConstraints | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortConstraints"].Draw;
+ }
+ if (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortConstraints"].None) {
+ portConstraints = _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortConstraints"].None;
+ }
+ portConstraints = _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortConstraints"].Default;
+ return portConstraints;
+ };
+ //(EJ2-272287) Provide support to convert the EJ1 diagram to EJ2 diagram
+ //Sets the portVisibility from EJ1 to EJ2
+ PortProperties.prototype.setPortVisibility = function (visibility) {
+ var portVisibility;
+ if (visibility & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortVisibility"].Visible) {
+ portVisibility = portVisibility | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortVisibility"].Visible;
+ }
+ if (visibility & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortVisibility"].Hidden) {
+ portVisibility = portVisibility | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortVisibility"].Hidden;
+ }
+ if (visibility & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortVisibility"].Hover) {
+ portVisibility = portVisibility | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortVisibility"].Hover;
+ }
+ if (visibility & _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortVisibility"].Connect) {
+ portVisibility = portVisibility | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["PortVisibility"].Connect;
+ }
+ return portVisibility;
+ };
+ /**
+*To destroy the ruler
+*
+* @returns {void} To destroy the ruler
+*/
+ PortProperties.prototype.destroy = function () {
+ /**
+ * Destroys the Port properties module
+ */
+ };
+ /**
+ * Get module name.
+ */
+ PortProperties.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'PortProperties';
+ };
+ return PortProperties;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/annotation.js":
+/*!**********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/annotation.js ***!
+ \**********************************************************************************/
+/*! exports provided: Hyperlink, Annotation, ShapeAnnotation, PathAnnotation */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Hyperlink", function() { return Hyperlink; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Annotation", function() { return Annotation; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ShapeAnnotation", function() { return ShapeAnnotation; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PathAnnotation", function() { return PathAnnotation; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _core_appearance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/appearance */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/appearance.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+/**
+ * Defines the hyperlink for the annotations in the nodes/connectors
+ */
+var Hyperlink = /** @__PURE__ @class */ (function (_super) {
+ __extends(Hyperlink, _super);
+ function Hyperlink() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('blue')
+ ], Hyperlink.prototype, "color", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Hyperlink.prototype, "content", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Hyperlink.prototype, "link", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('None')
+ ], Hyperlink.prototype, "textDecoration", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('NewTab')
+ ], Hyperlink.prototype, "hyperlinkOpenState", void 0);
+ return Hyperlink;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Defines the textual description of nodes/connectors
+ */
+var Annotation = /** @__PURE__ @class */ (function (_super) {
+ __extends(Annotation, _super);
+ // tslint:disable-next-line:no-any
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ function Annotation(parent, propName, defaultValue, isArray) {
+ var _this = _super.call(this, parent, propName, defaultValue, isArray) || this;
+ if (!defaultValue.id) {
+ if (parent.parentObj && parent.parentObj.propName && parent.parentObj.propName === 'phases') {
+ _this.id = parent.parentObj.id;
+ }
+ else {
+ _this.id = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["randomId"])();
+ }
+ }
+ return _this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Annotation.prototype, "content", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(undefined)
+ ], Annotation.prototype, "template", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('String')
+ ], Annotation.prototype, "annotationType", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Annotation.prototype, "visibility", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(_enum_enum__WEBPACK_IMPORTED_MODULE_3__["AnnotationConstraints"].InheritReadOnly)
+ ], Annotation.prototype, "constraints", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])(undefined, Hyperlink)
+ ], Annotation.prototype, "hyperlink", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Annotation.prototype, "id", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Annotation.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Annotation.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Annotation.prototype, "rotateAngle", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ strokeWidth: 0, strokeColor: 'transparent', fill: 'transparent' }, _core_appearance__WEBPACK_IMPORTED_MODULE_1__["TextStyle"])
+ ], Annotation.prototype, "style", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Center')
+ ], Annotation.prototype, "horizontalAlignment", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Center')
+ ], Annotation.prototype, "verticalAlignment", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _core_appearance__WEBPACK_IMPORTED_MODULE_1__["Margin"])
+ ], Annotation.prototype, "margin", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ top: undefined, bottom: undefined, left: undefined, right: undefined }, _core_appearance__WEBPACK_IMPORTED_MODULE_1__["Margin"])
+ ], Annotation.prototype, "dragLimit", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Shape')
+ ], Annotation.prototype, "type", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Annotation.prototype, "addInfo", void 0);
+ return Annotation;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Defines the textual description of nodes/connectors with respect to bounds
+ */
+var ShapeAnnotation = /** @__PURE__ @class */ (function (_super) {
+ __extends(ShapeAnnotation, _super);
+ /* eslint-disable */
+ function ShapeAnnotation(parent, propName, defaultValue, isArray) {
+ return _super.call(this, parent, propName, defaultValue, isArray) || this;
+ }
+ // eslint-disable-next-line valid-jsdoc
+ /**
+ * @private
+ * Returns the module of class ShapeAnnotation
+ */
+ ShapeAnnotation.prototype.getClassName = function () {
+ return 'ShapeAnnotation';
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ x: 0.5, y: 0.5 }, _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"])
+ ], ShapeAnnotation.prototype, "offset", void 0);
+ return ShapeAnnotation;
+}(Annotation));
+
+/**
+ * Defines the connector annotation
+ */
+var PathAnnotation = /** @__PURE__ @class */ (function (_super) {
+ __extends(PathAnnotation, _super);
+ /* eslint-disable */
+ function PathAnnotation(parent, propName, defaultValue, isArray) {
+ return _super.call(this, parent, propName, defaultValue, isArray) || this;
+ }
+ /* eslint-enable */
+ /**
+ * Returns the module of class PathAnnotation.
+ *
+ * @returns {string} Returns the module of class PathAnnotation.
+ * @private
+ */
+ PathAnnotation.prototype.getClassName = function () {
+ return 'PathAnnotation';
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0.5)
+ ], PathAnnotation.prototype, "offset", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ x: 0, y: 0 }, _primitives_point__WEBPACK_IMPORTED_MODULE_2__["Point"])
+ ], PathAnnotation.prototype, "displacement", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Center')
+ ], PathAnnotation.prototype, "alignment", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], PathAnnotation.prototype, "segmentAngle", void 0);
+ return PathAnnotation;
+}(Annotation));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/bpmn.js":
+/*!****************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/bpmn.js ***!
+ \****************************************************************************/
+/*! exports provided: BpmnDiagrams, getBpmnShapePathData, getBpmnTriggerShapePathData, getBpmnGatewayShapePathData, getBpmnTaskShapePathData, getBpmnLoopShapePathData */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BpmnDiagrams", function() { return BpmnDiagrams; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBpmnShapePathData", function() { return getBpmnShapePathData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBpmnTriggerShapePathData", function() { return getBpmnTriggerShapePathData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBpmnGatewayShapePathData", function() { return getBpmnGatewayShapePathData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBpmnTaskShapePathData", function() { return getBpmnTaskShapePathData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBpmnLoopShapePathData", function() { return getBpmnLoopShapePathData; });
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../core/elements/diagram-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js");
+/* harmony import */ var _core_containers_canvas__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../core/containers/canvas */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/canvas.js");
+/* harmony import */ var _core_containers_container__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../core/containers/container */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/container.js");
+/* harmony import */ var _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./../core/elements/path-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/path-element.js");
+/* harmony import */ var _core_elements_text_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./../core/elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+/* harmony import */ var _diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./../../diagram/utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _utility_connector__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utility/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/connector.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable jsdoc/require-returns */
+/* eslint-disable jsdoc/require-param */
+/* eslint-disable valid-jsdoc */
+/* eslint-disable @typescript-eslint/ban-types */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * BPMN Diagrams contains the BPMN functionalities
+ */
+var BpmnDiagrams = /** @__PURE__ @class */ (function () {
+ //End size region
+ /**
+ * Constructor for the BpmnDiagrams module
+ *
+ * @private
+ */
+ function BpmnDiagrams() {
+ //Code conversion for Bpmn Shapes
+ //Start Region
+ /** @private */
+ this.annotationObjects = {};
+ //constructs the BpmnDiagrams module
+ }
+ Object.defineProperty(BpmnDiagrams.prototype, "textAnnotationConnectors", {
+ /** @private */
+ get: function () {
+ var connectors = [];
+ for (var _i = 0, _a = Object.keys(this.annotationObjects); _i < _a.length; _i++) {
+ var key = _a[_i];
+ var entry = this.annotationObjects["" + key];
+ for (var _b = 0, _c = Object.keys(entry); _b < _c.length; _b++) {
+ var annotation = _c[_b];
+ var key_1 = 'connector';
+ connectors.push(entry["" + annotation]["" + key_1]);
+ }
+ }
+ return connectors;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /** @private */
+ BpmnDiagrams.prototype.getTextAnnotationConn = function (obj) {
+ var connectors = [];
+ if (obj.shape.type === 'Bpmn' && obj.shape.annotations.length !== 0) {
+ var entry = this.annotationObjects[obj.id];
+ for (var _i = 0, _a = Object.keys(entry); _i < _a.length; _i++) {
+ var annotation = _a[_i];
+ var key = 'connector';
+ connectors.push(entry["" + annotation]["" + key]);
+ }
+ }
+ return connectors;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getSize = function (node, content) {
+ var size = new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](node.width, node.height);
+ if (size.width === undefined || size.height === undefined) {
+ if (!(content instanceof _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"])) {
+ size.width = size.width || 50;
+ size.height = size.height || 50;
+ }
+ if (content.actualSize.width && content.actualSize.height) {
+ return content.actualSize;
+ }
+ else {
+ content.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]());
+ size.width = size.width || content.desiredSize.width;
+ size.height = size.height || content.desiredSize.height;
+ }
+ if (node.maxWidth !== undefined) {
+ size.width = Math.min(size.width, node.maxWidth);
+ }
+ if (node.maxHeight !== undefined) {
+ size.height = Math.min(size.height, node.maxHeight);
+ }
+ if (node.minWidth !== undefined) {
+ size.width = Math.max(size.width, node.minWidth);
+ }
+ if (node.minHeight !== undefined) {
+ size.height = Math.max(size.height, node.minHeight);
+ }
+ }
+ return size;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.initBPMNContent = function (content, node, diagram) {
+ var shape = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() ? node.shape : node.shape);
+ var bpmnShape = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() ? node.shape.bpmnShape : node.shape.shape);
+ if (bpmnShape === 'Event') {
+ content = this.getBPMNEventShape(node, shape.event);
+ }
+ if (bpmnShape === 'Gateway') {
+ content = this.getBPMNGatewayShape(node);
+ }
+ if (bpmnShape === 'DataObject') {
+ content = this.getBPMNDataObjectShape(node);
+ }
+ if (bpmnShape === 'Message' || bpmnShape === 'DataSource') {
+ content = this.getBPMNShapes(node);
+ }
+ // if (shape.shape === 'Group') {
+ // content = this.getBPMNGroup(node, diagram);
+ // content.style.strokeDashArray = '2 2 6 2';
+ // content.horizontalAlignment = 'Center';
+ // content.verticalAlignment = 'Center';
+ // }
+ if (bpmnShape === 'Activity') {
+ content = this.getBPMNActivityShape(node);
+ }
+ if (bpmnShape === 'TextAnnotation') {
+ content = this.renderBPMNTextAnnotation(diagram, node, content);
+ }
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ var annotations = {};
+ if (shape.annotations.length > 0) {
+ for (var i = 0; i < shape.annotations.length && shape.annotations[parseInt(i.toString(), 10)].text; i++) {
+ content.children.push(this.getBPMNTextAnnotation(node, diagram, shape.annotations[parseInt(i.toString(), 10)], content));
+ }
+ content.style.strokeDashArray = '2 2 6 2';
+ }
+ return content;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getBPMNShapes = function (node) {
+ var bpmnShape = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ //set style
+ this.setStyle(bpmnShape, node);
+ if ((node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["NodeConstraints"].Shadow) !== 0) {
+ bpmnShape.shadow = node.shadow;
+ }
+ var bpmnShapeData = getBpmnShapePathData((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() ? node.shape.bpmnShape :
+ node.shape.shape));
+ bpmnShape.data = bpmnShapeData;
+ bpmnShape.id = node.id + '_' + (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() ? node.shape.bpmnShape :
+ node.shape.shape);
+ if (node.width !== undefined && node.height !== undefined) {
+ bpmnShape.width = node.width;
+ bpmnShape.height = node.height;
+ }
+ return bpmnShape;
+ };
+ /** @private */
+ // public getBPMNGroup(node: Node, diagram: Diagram): Container {
+ // let group: Container = new Container();
+ // group.id = node.id + '_group';
+ // //group.style.strokeDashArray = '2 2 6 2';
+ // if (!group.children) { group.children = []; }
+ // let grp: BpmnGroup = ((node.shape as BpmnShape).group as BpmnGroup);
+ // if ((node.shape as BpmnShape).group as BpmnGroup) {
+ // for (let i: number = 0; i < grp.children.length; i++) {
+ // let b: Node | Connector = diagram.nameTable[grp.children[i]];
+ // group.children.push(b.wrapper);
+ // }
+ // }
+ // return group;
+ // }
+ /** @private */
+ BpmnDiagrams.prototype.getBPMNGatewayShape = function (node) {
+ var gatewayshape = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_2__["Canvas"]();
+ //childNode0
+ var gatewayNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ gatewayNode.id = node.id + '_0_gateway';
+ gatewayNode.offsetX = node.offsetX;
+ gatewayNode.offsetY = node.offsetY;
+ gatewayNode.data = 'M 40 20 L 20 40 L 0 20 L 20 0 L 40 20 Z';
+ this.setStyle(gatewayNode, node);
+ //childNode1
+ var gatewayTypeNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ gatewayTypeNode.id = node.id + '_1_gatewayType';
+ //set style - opacity
+ gatewayTypeNode.style.opacity = node.style.opacity;
+ gatewayTypeNode.style.strokeColor = node.style.strokeColor;
+ gatewayTypeNode.horizontalAlignment = 'Center';
+ gatewayTypeNode.verticalAlignment = 'Center';
+ gatewayTypeNode.relativeMode = 'Object';
+ var shapeType = node.shape.gateway;
+ //let gatewayTypeNodeShapeData: string;
+ var gatewayTypeNodeShapeData = getBpmnGatewayShapePathData(shapeType.type);
+ if (shapeType.type === 'EventBased' || shapeType.type === 'ExclusiveEventBased' || shapeType.type === 'ParallelEventBased') {
+ gatewayTypeNode.style.fill = 'white';
+ }
+ else {
+ gatewayTypeNode.style.fill = 'black';
+ }
+ gatewayTypeNode.data = gatewayTypeNodeShapeData;
+ // append child and set style
+ gatewayshape.style.fill = 'transparent';
+ gatewayshape.style.strokeColor = 'transparent';
+ gatewayshape.style.strokeWidth = 0;
+ gatewayshape.children = [gatewayNode, gatewayTypeNode];
+ var size = this.getSize(node, gatewayNode);
+ this.setSizeForBPMNGateway(node.shape.gateway, gatewayshape, size.width, size.height);
+ return gatewayshape;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getBPMNDataObjectShape = function (node) {
+ var dataObjectshape = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_2__["Canvas"]();
+ var shape = node.shape.dataObject;
+ //childNode0
+ var dataobjNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ dataobjNode.id = node.id + '_0_dataobj';
+ dataobjNode.data = 'M29.904,5 L7.853,5 L7.853,45 L42.147,45 L42.147,17.242,L29.932,5,L29.932,17.242,L42.147,17.242';
+ var size = this.getSize(node, dataobjNode);
+ dataobjNode.width = size.width;
+ dataobjNode.height = size.height;
+ this.setStyle(dataobjNode, node);
+ //childNode1
+ var dataobjTypeNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ dataobjTypeNode.id = node.id + '_1_type';
+ dataobjTypeNode.width = 25;
+ dataobjTypeNode.height = 20;
+ dataobjTypeNode.margin.left = 5;
+ dataobjTypeNode.margin.top = 5;
+ dataobjTypeNode.data = 'M 3 9.4 l 6 0 v 2.4 l 3.6 -4 L 9 4 v 2.5 H 3 V 9.4 Z';
+ //set style - opacity
+ dataobjTypeNode.style.opacity = node.style.opacity;
+ //childNode2
+ var dataobjCollectionNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ dataobjCollectionNode.id = node.id + '_2_collection';
+ dataobjCollectionNode.width = 7.5;
+ dataobjCollectionNode.height = 15;
+ dataobjCollectionNode.style.fill = 'black';
+ dataobjCollectionNode.visible = true;
+ dataobjCollectionNode.horizontalAlignment = 'Center';
+ dataobjCollectionNode.verticalAlignment = 'Bottom';
+ dataobjCollectionNode.relativeMode = 'Object';
+ //set style - opacity
+ dataobjCollectionNode.style.opacity = node.style.opacity;
+ dataobjCollectionNode.data = 'M 0 0 L 0.1 0 L 0.1 2 L 0 2 Z M 0.4 0 L 0.6 0 L 0.6 2 L0.4 2 Z M 0.9 0 L 1 0 L 1 2 L 0.9 2 Z';
+ switch (shape.type) {
+ case 'None':
+ dataobjTypeNode.visible = false;
+ break;
+ case 'Input':
+ dataobjTypeNode.style.fill = 'white';
+ break;
+ case 'Output':
+ dataobjTypeNode.style.fill = 'black';
+ break;
+ }
+ if (shape.collection === false) {
+ dataobjCollectionNode.visible = false;
+ }
+ //append child and set style
+ dataObjectshape.style.fill = 'transparent';
+ dataObjectshape.style.strokeColor = 'transparent';
+ dataObjectshape.style.strokeWidth = 0;
+ dataObjectshape.children = [dataobjNode, dataobjTypeNode, dataobjCollectionNode];
+ return dataObjectshape;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getBPMNTaskShape = function (node) {
+ var shape = node.shape.activity;
+ var task = shape.task;
+ var taskShapes = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_2__["Canvas"]();
+ //childNode0
+ var taskNode = new _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_1__["DiagramElement"]();
+ taskNode.cornerRadius = 10;
+ var size = this.getSize(node, taskNode);
+ taskNode.id = node.id + '_0_task';
+ taskNode.width = size.width;
+ taskNode.height = size.height;
+ this.setStyle(taskNode, node);
+ // if task as call
+ if ((task.call !== undefined) && task.call === true) {
+ taskNode.style.strokeWidth = 4;
+ }
+ taskShapes.width = size.width;
+ taskShapes.height = size.height;
+ var childCount = this.getTaskChildCount(node);
+ var x;
+ var childSpace = childCount * 12;
+ var area = size.width / 2 - childSpace;
+ if (childCount === 1) {
+ x = area + 8;
+ }
+ else {
+ x = area + (childCount - 1) * 8;
+ }
+ //childNode1
+ var taskTypeNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ if (task.type === 'Receive' || task.type === 'Send') {
+ taskTypeNode.width = 18;
+ taskTypeNode.height = 16;
+ }
+ else if (task.type === 'Manual') {
+ taskTypeNode.width = 16;
+ taskTypeNode.height = 11;
+ }
+ else {
+ taskTypeNode.width = 20;
+ taskTypeNode.height = 20;
+ }
+ taskTypeNode.id = node.id + '_1_tasktType';
+ taskTypeNode.margin.left = 5;
+ taskTypeNode.margin.top = 5;
+ var taskTypeNodeData = getBpmnTaskShapePathData(task.type);
+ taskTypeNode.data = taskTypeNodeData;
+ taskTypeNode.style.fill = 'transparent';
+ taskTypeNode.style.opacity = node.style.opacity;
+ if (task.type === 'Send') {
+ taskTypeNode.style.fill = 'black';
+ }
+ // append child and set style
+ taskShapes.style.fill = 'transparent';
+ taskShapes.style.strokeColor = 'transparent';
+ taskShapes.style.strokeWidth = 0;
+ taskShapes.children = [taskNode, taskTypeNode];
+ //childnode for service
+ if (task.type === 'Service') {
+ var taskTypeNodeService = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ taskTypeNodeService.id = node.id + '_1_taskTypeService';
+ taskTypeNodeService.data = taskTypeNodeData;
+ taskTypeNodeService.margin.left = taskTypeNode.margin.left + 9;
+ taskTypeNodeService.margin.top = taskTypeNode.margin.top + 9;
+ taskTypeNodeService.style.fill = 'white';
+ taskTypeNodeService.style.opacity = node.style.opacity;
+ taskShapes.children.push(taskTypeNodeService);
+ }
+ // if task as loop
+ var loopType = task.loop;
+ var taskLoopNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"](); //let childNode2data: string;
+ var childNode2data = getBpmnLoopShapePathData(loopType);
+ taskLoopNode.data = childNode2data;
+ taskLoopNode.style.fill = 'black';
+ if (loopType !== 'None') {
+ taskLoopNode.visible = true;
+ }
+ else {
+ taskLoopNode.visible = false;
+ }
+ if (childCount === 1) {
+ x = area + 9;
+ }
+ taskLoopNode.margin.left = x;
+ if (taskLoopNode.visible === true) {
+ x += 12 + 8;
+ }
+ taskLoopNode.width = 12;
+ taskLoopNode.height = 12;
+ taskLoopNode.margin.bottom = 5;
+ taskLoopNode.id = node.id + '_2_loop';
+ taskLoopNode.horizontalAlignment = 'Left';
+ taskLoopNode.verticalAlignment = 'Bottom';
+ taskLoopNode.setOffsetWithRespectToBounds(0, 1, 'Fraction');
+ taskLoopNode.relativeMode = 'Point';
+ taskLoopNode.style.fill = 'transparent';
+ taskTypeNode.style.opacity = node.style.opacity;
+ taskShapes.children.push(taskLoopNode);
+ //if task as compensation
+ var taskCompNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ taskCompNode = this.getBPMNCompensationShape(node, taskCompNode);
+ if (task.compensation === true) {
+ taskCompNode.visible = true;
+ }
+ else {
+ taskCompNode.visible = false;
+ }
+ if (childCount === 1) {
+ x = area + 9;
+ }
+ taskCompNode.margin.left = x - 3;
+ x += 12 + 6;
+ taskShapes.children.push(taskCompNode);
+ return taskShapes;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getBPMNEventShape = function (node, subEvent, sub, id) {
+ var eventshape = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_2__["Canvas"]();
+ var event;
+ var trigger;
+ var width;
+ var height;
+ id = id || node.id;
+ var pathdata = 'M164.1884,84.6909000000001C156.2414,84.6909000000001,149.7764,78.2259000000001,149.7764,70.2769000000001' +
+ 'C149.7764,62.3279000000001,156.2414,55.8629000000001,164.1884,55.8629000000001C172.1354,55.8629000000001,178.6024,' +
+ '62.3279000000001,178.6024,70.2769000000001C178.6024,78.2259000000001,172.1354,84.6909000000001,164.1884,84.6909000000001';
+ var shapeEvent = node.shape.event;
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && node.shape.shape === 'Event') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && node.shape.bpmnShape === 'Event')) {
+ event = shapeEvent.event;
+ trigger = shapeEvent.trigger;
+ }
+ width = subEvent.width;
+ height = subEvent.height;
+ if (sub) {
+ width = width || 20;
+ height = height || 20;
+ }
+ else if (subEvent.width === undefined || subEvent.height === undefined) {
+ var pathElement = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ pathElement.data = pathdata;
+ var size = this.getSize(node, pathElement);
+ width = size.width;
+ height = size.height;
+ }
+ var shapeActivity = node.shape.activity;
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && node.shape.shape === 'Activity') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && node.shape.bpmnShape === 'Activity')) {
+ var subProcess = shapeActivity.subProcess;
+ event = subEvent.event;
+ trigger = subEvent.trigger;
+ }
+ //childNode0
+ var innerEvtNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ innerEvtNode.data = pathdata;
+ innerEvtNode.id = id + '_0_event';
+ innerEvtNode.width = width;
+ innerEvtNode.height = height;
+ innerEvtNode.horizontalAlignment = 'Center';
+ innerEvtNode.verticalAlignment = 'Center';
+ innerEvtNode.relativeMode = 'Object';
+ this.setStyle(innerEvtNode, node);
+ //childNode1
+ var outerEvtNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ outerEvtNode.data = pathdata;
+ outerEvtNode.id = id + '_1_event';
+ outerEvtNode.style.gradient = node.style.gradient;
+ outerEvtNode.horizontalAlignment = 'Center';
+ outerEvtNode.verticalAlignment = 'Center';
+ outerEvtNode.relativeMode = 'Object';
+ // set style opacity & strokeColor
+ outerEvtNode.style.strokeColor = node.style.strokeColor;
+ outerEvtNode.style.opacity = node.style.opacity;
+ //childNode2
+ var triggerNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ var triggerNodeData = getBpmnTriggerShapePathData(trigger);
+ triggerNode.data = triggerNodeData;
+ triggerNode.id = id + '_2_trigger';
+ triggerNode.horizontalAlignment = 'Center';
+ triggerNode.verticalAlignment = 'Center';
+ triggerNode.relativeMode = 'Object';
+ // set style opacity & strokeColor
+ triggerNode.style.strokeColor = node.style.strokeColor;
+ triggerNode.style.opacity = node.style.opacity;
+ switch (event) {
+ case 'Start':
+ outerEvtNode.visible = false;
+ break;
+ case 'NonInterruptingStart':
+ innerEvtNode.style.strokeDashArray = '2 3';
+ outerEvtNode.visible = false;
+ break;
+ case 'Intermediate':
+ innerEvtNode.style.fill = node.style.fill;
+ innerEvtNode.style.gradient = null;
+ break;
+ case 'NonInterruptingIntermediate':
+ innerEvtNode.style.fill = node.style.fill;
+ innerEvtNode.style.gradient = null;
+ innerEvtNode.style.strokeDashArray = '2 3';
+ outerEvtNode.style.strokeDashArray = '2 3';
+ break;
+ case 'ThrowingIntermediate':
+ case 'End':
+ innerEvtNode.style.fill = event !== 'End' ? node.style.fill : node.style.fill !== 'white' ? node.style.fill : 'black';
+ innerEvtNode.style.gradient = null;
+ triggerNode.style.fill = 'black';
+ triggerNode.style.strokeColor = 'white';
+ break;
+ }
+ //append child and set style
+ eventshape.style.fill = 'transparent';
+ eventshape.style.strokeColor = 'transparent';
+ eventshape.style.strokeWidth = 0;
+ eventshape.children = [innerEvtNode, outerEvtNode, triggerNode];
+ this.setSizeForBPMNEvents(shapeEvent, eventshape, width, height);
+ return eventshape;
+ };
+ BpmnDiagrams.prototype.setEventVisibility = function (node, canvas) {
+ var event = node.shape.event.event;
+ var innerEvtNode = canvas[0];
+ var outerEvtNode = canvas[1];
+ var triggerNode = canvas[2];
+ switch (event) {
+ case 'Start':
+ outerEvtNode.visible = false;
+ break;
+ case 'NonInterruptingStart':
+ innerEvtNode.style.strokeDashArray = '2 3';
+ outerEvtNode.visible = false;
+ break;
+ }
+ };
+ BpmnDiagrams.prototype.setSubProcessVisibility = function (node) {
+ var subProcess = node.shape.activity.subProcess;
+ var eventLength = subProcess.events.length;
+ var index = (node.shape.activity.subProcess.type === 'Transaction') ? 2 : 0;
+ var elementWrapper = node.wrapper.children[0].children[0];
+ if (subProcess.adhoc === false) {
+ elementWrapper.children[3 + index + eventLength].visible = false;
+ }
+ if (subProcess.compensation === false) {
+ elementWrapper.children[4 + index + eventLength].visible = false;
+ }
+ if (eventLength > 0) {
+ for (var i = 0; i < eventLength; i++) {
+ this.setEventVisibility(node, elementWrapper.children[2 + i].children);
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getBPMNSubProcessShape = function (node) {
+ var subProcessShapes = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_2__["Canvas"]();
+ var loopType;
+ var events;
+ var event;
+ var subprocessAdhoc = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ var subProcessEventsShapes = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_2__["Canvas"]();
+ var subProcessLoopShapes = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ var shape = node.shape.activity;
+ var subProcess = shape.subProcess;
+ var subChildCount = this.getSubprocessChildCount(node);
+ var x;
+ var subprocessNode = new _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_1__["DiagramElement"]();
+ subprocessNode.id = node.id + '_0_Subprocess';
+ subprocessNode.style.fill = 'transparent';
+ subprocessNode.cornerRadius = 10;
+ var size = this.getSize(node, subprocessNode);
+ subprocessNode.width = size.width;
+ subprocessNode.height = size.height;
+ subProcessShapes.children = [subprocessNode];
+ if (shape.subProcess.type === 'Transaction') {
+ this.getBPMNSubProcessTransaction(node, node.shape, subProcessShapes);
+ }
+ var iconSpace = 4;
+ var subChildSpace = 12;
+ var childSpace = subChildCount * subChildSpace;
+ var area = size.width / 2;
+ if (subChildCount === 1) {
+ x = area - (subChildSpace * 0.5);
+ }
+ else {
+ x = area - (childSpace / 2) - ((subChildCount - 1) * iconSpace) / 2;
+ }
+ //set style
+ this.setStyle(subprocessNode, node);
+ if ((node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["NodeConstraints"].Shadow) !== 0) {
+ subProcessShapes.shadow = node.shadow;
+ }
+ var collapsedShape = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ collapsedShape.id = node.id + '_0_collapsed';
+ collapsedShape.width = 12;
+ collapsedShape.height = 12;
+ collapsedShape.style.fill = 'black';
+ collapsedShape.style.strokeColor = node.style.strokeColor;
+ collapsedShape.margin.bottom = 5;
+ collapsedShape.horizontalAlignment = 'Left';
+ collapsedShape.verticalAlignment = 'Bottom';
+ collapsedShape.setOffsetWithRespectToBounds(0, 1, 'Fraction');
+ collapsedShape.relativeMode = 'Point';
+ collapsedShape.data = getBpmnShapePathData('collapsedShape');
+ collapsedShape.margin.left = x;
+ if (subProcess.collapsed === true && !subProcess.processes) {
+ collapsedShape.visible = true;
+ }
+ else {
+ collapsedShape.visible = false;
+ }
+ if (collapsedShape.visible === true) {
+ x += 12 + 6;
+ }
+ subProcessShapes.children.push(collapsedShape);
+ if (subProcess.type === 'Event') {
+ subprocessNode.style.strokeWidth = 1;
+ subprocessNode.style.strokeDashArray = '2 2';
+ events = subProcess.events;
+ for (var i = 0; i < events.length; i++) {
+ event = events[parseInt(i.toString(), 10)];
+ this.getBPMNSubEvent(event, node, subProcessShapes);
+ }
+ }
+ // set loop for subprocess
+ subProcessLoopShapes = this.getBPMNSubProcessLoopShape(node);
+ if (subChildCount === 1) {
+ x = area + 8;
+ }
+ subProcessLoopShapes.margin.left = x;
+ if (subProcessLoopShapes.visible === true) {
+ x += subChildSpace + iconSpace;
+ }
+ subProcessShapes.children.push(subProcessLoopShapes);
+ // set boundary for subprocess
+ subprocessNode.id = node.id + '_boundary';
+ if (subProcess.boundary === 'Default') {
+ subprocessNode.style.strokeWidth = 1;
+ subprocessNode.style.strokeDashArray = '1 0';
+ }
+ if (subProcess.boundary === 'Call') {
+ subprocessNode.style.strokeWidth = 4;
+ subprocessNode.style.strokeDashArray = '1 0';
+ }
+ if (subProcess.boundary === 'Event') {
+ subprocessNode.style.strokeWidth = 1;
+ subprocessNode.style.strokeDashArray = '2 2';
+ }
+ //set adhoc for subprocess
+ subprocessAdhoc = this.getBPMNAdhocShape(node, subprocessAdhoc, subProcess);
+ if (subChildCount === 1) {
+ x = area + 8;
+ }
+ subprocessAdhoc.margin.left = x;
+ if (subprocessAdhoc.visible === true) {
+ x += subChildSpace + iconSpace;
+ }
+ subProcessShapes.children.push(subprocessAdhoc);
+ //set compensation for subprocess
+ var subprocessComp = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ if (subProcess.compensation === true) {
+ subprocessComp.visible = true;
+ }
+ else {
+ subprocessComp.visible = false;
+ }
+ subprocessComp = this.getBPMNCompensationShape(node, subprocessComp);
+ if (subChildCount === 1) {
+ x = area + 8;
+ }
+ subprocessComp.margin.left = x;
+ if (subprocessComp.visible === true) {
+ x += subChildSpace + iconSpace;
+ }
+ subProcessShapes.children.push(subprocessComp);
+ //set style for subprocess
+ subProcessShapes.style.strokeColor = 'transparent';
+ subProcessShapes.style.strokeWidth = 0;
+ subProcessShapes.style.fill = 'transparent';
+ return subProcessShapes;
+ };
+ BpmnDiagrams.prototype.getBPMNSubEvent = function (event, node, container, id) {
+ container.children = container.children || [];
+ //let eventContainer: Canvas;
+ var eventContainer = this.getBPMNEventShape(node, event, true, id);
+ this.getBPMNSubprocessEvent(node, eventContainer, event);
+ eventContainer.id = id || (node.id + '_subprocessEvents');
+ eventContainer.width = event.width || 20;
+ eventContainer.height = event.height || 20;
+ // set offset for subevents
+ eventContainer.setOffsetWithRespectToBounds(event.offset.x, event.offset.y, 'Fraction');
+ eventContainer.relativeMode = 'Point';
+ //set margin for subevents
+ eventContainer.margin = event.margin;
+ //set alignment for subevents
+ eventContainer.horizontalAlignment = event.horizontalAlignment;
+ eventContainer.verticalAlignment = event.verticalAlignment;
+ // set style for subevent
+ eventContainer.style.fill = 'transparent';
+ eventContainer.style.strokeColor = 'transparent';
+ eventContainer.style.strokeWidth = 0;
+ container.children.push(eventContainer);
+ };
+ BpmnDiagrams.prototype.getBPMNSubProcessTransaction = function (node, shape, container) {
+ var shapeWidth = container.children[0].width;
+ var shapeHeight = container.children[0].height;
+ var innerRect = new _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_1__["DiagramElement"]();
+ innerRect.margin = { left: 3, right: 0, top: 3, bottom: 0 };
+ innerRect.id = node.id + '_0_Subprocess_innnerRect';
+ innerRect.cornerRadius = 10;
+ innerRect.width = shapeWidth - 6;
+ //EJ2-824711 - Fill color is not applied properly for BPMN transaction subProcess.
+ innerRect.style.fill = 'transparent';
+ innerRect.height = shapeHeight - 6;
+ container.children.push(innerRect);
+ var transactionEvents = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_2__["Canvas"]();
+ transactionEvents.id = node.id + '_transaction_events';
+ transactionEvents.style.gradient = node.style.gradient;
+ var transaction = shape.activity.subProcess.transaction;
+ this.getBPMNSubEvent(transaction.success, node, transactionEvents, node.id + '_success');
+ this.getBPMNSubEvent(transaction.cancel, node, transactionEvents, node.id + '_cancel');
+ this.getBPMNSubEvent(transaction.failure, node, transactionEvents, node.id + '_failure');
+ this.updateDiagramContainerVisibility(transactionEvents.children[0], transaction.success.visible);
+ this.updateDiagramContainerVisibility(transactionEvents.children[1], transaction.cancel.visible);
+ this.updateDiagramContainerVisibility(transactionEvents.children[2], transaction.failure.visible);
+ transactionEvents.float = true;
+ transactionEvents.width = shapeWidth;
+ transactionEvents.height = shapeHeight;
+ transactionEvents.style.fill = transactionEvents.style.strokeColor = 'transparent';
+ container.children.push(transactionEvents);
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getBPMNSubProcessLoopShape = function (node) {
+ var shape = node.shape.activity;
+ var loopType;
+ var subprocessLoop = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ var subprocessLoopData;
+ var subProcess = shape.subProcess;
+ // eslint-disable-next-line prefer-const
+ loopType = subProcess.loop;
+ // eslint-disable-next-line prefer-const
+ subprocessLoopData = getBpmnLoopShapePathData(loopType);
+ if (loopType !== 'None') {
+ subprocessLoop.visible = true;
+ }
+ else {
+ subprocessLoop.visible = false;
+ }
+ subprocessLoop.id = node.id + '_loop';
+ subprocessLoop.data = subprocessLoopData;
+ subprocessLoop.style.fill = 'black';
+ subprocessLoop.width = 12;
+ subprocessLoop.height = 12;
+ subprocessLoop.horizontalAlignment = 'Left';
+ subprocessLoop.verticalAlignment = 'Bottom';
+ subprocessLoop.setOffsetWithRespectToBounds(0, 1, 'Fraction');
+ subprocessLoop.relativeMode = 'Point';
+ subprocessLoop.margin.bottom = 5;
+ subprocessLoop.style.fill = 'transparent';
+ subprocessLoop.style.strokeColor = node.style.strokeColor;
+ return subprocessLoop;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.drag = function (obj, tx, ty, diagram) {
+ var node = diagram.nameTable[(obj).processId];
+ if (obj.margin.top + ty >= 0) {
+ diagram.nodePropertyChange(obj, {}, { margin: { top: obj.margin.top + ty } });
+ }
+ if (obj.margin.left + tx >= 0) {
+ diagram.nodePropertyChange(obj, {}, { margin: { left: obj.margin.left + tx } });
+ }
+ //const diffX: number = 0;
+ //const diffY: number = 0;
+ var bound = this.getChildrenBound(node, obj.id, diagram);
+ this.updateSubProcessess(bound, obj, diagram);
+ node.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](undefined, undefined));
+ node.wrapper.arrange(node.wrapper.desiredSize);
+ diagram.refreshCanvasLayers();
+ diagram.updateSelector();
+ this.updateDocks(obj, diagram);
+ };
+ /** @private */
+ BpmnDiagrams.prototype.dropBPMNchild = function (target, source, diagram) {
+ if (source && source.shape.type === 'Bpmn' && target.shape.type === 'Bpmn'
+ && ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && source.shape.shape !== 'TextAnnotation') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && source.shape.bpmnShape !== 'TextAnnotation'))) {
+ var subProcess = diagram.nameTable[target.id].shape.activity.subProcess;
+ if (diagram.currentSymbol && target.shape.type === 'Bpmn' && !subProcess.collapsed) {
+ source.processId = target.id;
+ return;
+ }
+ subProcess.processes = subProcess.processes || [];
+ if (subProcess.processes && subProcess.processes.indexOf(source.id) === -1 && !subProcess.collapsed) {
+ subProcess.processes.push(source.id);
+ var redoElement = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(source);
+ var sources = diagram.nameTable[source.id].wrapper;
+ var targetWrapper = diagram.nameTable[target.id].wrapper;
+ sources.margin.top = (sources.offsetY - (sources.actualSize.height / 2))
+ - (target.offsetY - (target.actualSize.height / 2));
+ sources.margin.left = (sources.offsetX - (sources.actualSize.width / 2))
+ - (target.offsetX - (target.actualSize.width / 2));
+ sources.margin.top = (sources.margin.top < 0) ? 0 : sources.margin.top;
+ sources.margin.left = (sources.margin.left < 0) ? 0 : sources.margin.left;
+ diagram.nameTable[source.id].processId = target.id;
+ targetWrapper.children.push(diagram.nameTable[source.id].wrapper);
+ var bound = this.getChildrenBound(target, source.id, diagram);
+ this.updateSubProcessess(bound, source, diagram);
+ targetWrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](undefined, undefined));
+ targetWrapper.arrange(targetWrapper.desiredSize);
+ diagram.refreshCanvasLayers();
+ diagram.updateSelector();
+ var edges = [];
+ edges = edges.concat(source.outEdges, source.inEdges);
+ for (var i = edges.length - 1; i >= 0; i--) {
+ if (diagram.bpmnModule.textAnnotationConnectors.indexOf(diagram.nameTable[edges[parseInt(i.toString(), 10)]]) === -1) {
+ diagram.remove(diagram.nameTable[edges[parseInt(i.toString(), 10)]]);
+ }
+ }
+ var obj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(source);
+ var entry = {
+ type: 'PositionChanged', undoObject: { nodes: [redoElement] },
+ redoObject: { nodes: [obj] }, category: 'Internal'
+ };
+ diagram.addHistoryEntry(entry);
+ if (diagram.mode === 'SVG') {
+ if (source.zIndex < target.zIndex) {
+ diagram.updateProcesses(source);
+ this.updateSubprocessNodeIndex(source, diagram, target);
+ }
+ }
+ this.updateDocks(source, diagram);
+ }
+ }
+ };
+ BpmnDiagrams.prototype.updateIndex = function (diagram, source) {
+ //let processNode: Node;
+ var processNode = source;
+ var nodeindex = diagram.getIndex(processNode, processNode.id);
+ diagram.nodes.splice(Number(nodeindex), 1);
+ processNode.zIndex = diagram.nodes[diagram.nodes.length - 1].zIndex + 1;
+ diagram.nodes.push(processNode);
+ };
+ BpmnDiagrams.prototype.updateSubprocessNodeIndex = function (source, diagram, target) {
+ if (source.shape.activity.subProcess.processes
+ && source.shape.activity.subProcess.processes.length > 0) {
+ for (var i = 0; i < source.shape.activity.subProcess.processes.length; i++) {
+ this.updateIndex(diagram, source);
+ var processes = source.shape.activity.subProcess.processes[parseInt(i.toString(), 10)];
+ if (diagram.nameTable["" + processes].shape.activity.subProcess.processes.length > 0) {
+ this.updateSubprocessNodeIndex(diagram.nameTable["" + processes], diagram, target);
+ }
+ else {
+ var node = diagram.nameTable[source.shape.activity.subProcess.processes[parseInt(i.toString(), 10)]];
+ this.updateIndex(diagram, node);
+ }
+ }
+ }
+ else {
+ this.updateIndex(diagram, source);
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateDocks = function (obj, diagram) {
+ if (obj.shape.type === 'Bpmn' && obj.shape.activity.subProcess.processes &&
+ !obj.shape.activity.subProcess.collapsed) {
+ var processTable = obj.shape.activity.subProcess.processes;
+ for (var _i = 0, processTable_1 = processTable; _i < processTable_1.length; _i++) {
+ var i = processTable_1[_i];
+ var actualObject = diagram.nameTable["" + i];
+ if (actualObject) {
+ diagram.updateConnectorEdges(actualObject);
+ actualObject.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"](actualObject.wrapper.width, actualObject.wrapper.height));
+ actualObject.wrapper.arrange(actualObject.wrapper.desiredSize);
+ if (actualObject.shape.activity.subProcess.processes
+ && actualObject.shape.activity.subProcess.processes.length) {
+ this.updateDocks(actualObject, diagram);
+ }
+ }
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.removeBpmnProcesses = function (currentObj, diagram) {
+ var element = diagram.nameTable[currentObj.processId];
+ if (currentObj.shape.type === 'Bpmn' && currentObj.shape.activity.subProcess.processes &&
+ currentObj.shape.activity.subProcess.processes.length > 0) {
+ var processes = currentObj.shape.activity.subProcess.processes;
+ for (var j = processes.length - 1; j >= 0; j--) {
+ diagram.remove(diagram.nameTable[processes[parseInt(j.toString(), 10)]]);
+ }
+ }
+ if (element) {
+ diagram.removeDependentConnector(currentObj);
+ var processes = element.shape.activity.subProcess.processes;
+ this.removeChildFromBPMN(element.wrapper, currentObj.id);
+ var processIndex = processes.indexOf(currentObj.id);
+ processes.splice(processIndex, 1);
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.removeChildFromBPMN = function (wrapper, name) {
+ for (var _i = 0, _a = wrapper.children; _i < _a.length; _i++) {
+ var i = _a[_i];
+ if (i.id === name) {
+ wrapper.children.splice(wrapper.children.indexOf(i), 1);
+ }
+ else if (i.children) {
+ this.removeChildFromBPMN(i, name);
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.removeProcess = function (id, diagram) {
+ var node = diagram.nameTable["" + id];
+ if (node) {
+ var parent_1 = diagram.nameTable[node.processId];
+ if (parent_1 && parent_1.shape.type === 'Bpmn') {
+ var processes = parent_1.shape.activity.subProcess.processes;
+ diagram.removeDependentConnector(node);
+ this.removeChildFromBPMN(parent_1.wrapper, id);
+ var processIndex = processes.indexOf(id);
+ processes.splice(processIndex, 1);
+ node.processId = '';
+ diagram.refreshDiagramLayer();
+ diagram.updateSelector();
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.addProcess = function (process, parentId, diagram) {
+ //let id: string;
+ process.id = process.id || Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])();
+ var id = process.id;
+ var node = diagram.nameTable["" + id];
+ if (!node) {
+ diagram.add(process);
+ }
+ process.processId = parentId;
+ var parentNode = diagram.nameTable["" + parentId];
+ var subProcess = parentNode.shape.activity.subProcess;
+ if (node && parentNode && parentNode.shape.type === 'Bpmn' && node.shape.type === 'Bpmn' &&
+ subProcess.processes) {
+ node.processId = parentId;
+ var processes = parentNode.shape.activity.subProcess.processes;
+ if (processes.indexOf(id) < 0) {
+ processes.push(id);
+ }
+ parentNode.wrapper.children.push(node.wrapper);
+ parentNode.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]());
+ parentNode.wrapper.arrange(parentNode.wrapper.desiredSize);
+ diagram.bpmnModule.updateDocks(parentNode, diagram);
+ diagram.refreshDiagramLayer();
+ if (diagram.mode === 'SVG' && (node.shape && node.shape.activity
+ && !node.shape.activity.subProcess.processes)) {
+ var child = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_14__["getDiagramElement"])(parentId + '_groupElement');
+ child.appendChild(Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_14__["getDiagramElement"])(process.id + '_groupElement'));
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getChildrenBound = function (node, excludeChild, diagram) {
+ var processes = node.shape.activity.subProcess.processes;
+ var bound;
+ if (processes && processes.length) {
+ for (var _i = 0, processes_1 = processes; _i < processes_1.length; _i++) {
+ var i = processes_1[_i];
+ if (excludeChild !== i) {
+ if (!bound) {
+ bound = diagram.nameTable["" + i].wrapper.bounds;
+ }
+ else {
+ bound = diagram.nameTable["" + i].wrapper.bounds.uniteRect(bound);
+ }
+ }
+ }
+ }
+ return bound || diagram.nameTable["" + excludeChild].wrapper.bounds;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateSubProcessess = function (bound, obj, diagram) {
+ var diffX;
+ var diffY;
+ var node = diagram.nameTable[obj.processId];
+ var right;
+ var bottom;
+ var pivot = { x: 0.5, y: 0.5 };
+ if ((node.wrapper.bounds.left + obj.margin.left + obj.width) > (node.wrapper.bounds.right)) {
+ right = true;
+ }
+ if ((node.wrapper.bounds.top + obj.margin.top + obj.height) > (node.wrapper.bounds.bottom)) {
+ bottom = true;
+ }
+ if (right) {
+ pivot.x = 0;
+ }
+ if (bottom) {
+ pivot.y = 0;
+ }
+ var actualSize = node.wrapper.actualSize;
+ if (right) {
+ diffX = (obj.wrapper.margin.left + obj.wrapper.bounds.width) / actualSize.width;
+ }
+ if (bottom) {
+ diffY = (obj.wrapper.margin.top + obj.wrapper.bounds.height) / actualSize.height;
+ }
+ if (diffX > 0 || diffY > 0) {
+ diagram.commandHandler.scale(diagram.nameTable[obj.processId], diffX || 1, diffY || 1, pivot);
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getBPMNCompensationShape = function (node, compensationNode) {
+ compensationNode.id = node.id + '_0_compensation';
+ compensationNode.width = 12;
+ compensationNode.height = 12;
+ compensationNode.margin.bottom = 5;
+ compensationNode.style.fill = 'transparent';
+ compensationNode.style.strokeColor = node.style.strokeColor;
+ compensationNode.horizontalAlignment = 'Left';
+ compensationNode.verticalAlignment = 'Bottom';
+ compensationNode.relativeMode = 'Object';
+ compensationNode.data = 'M 22.462 18.754 l -6.79 3.92 l 6.79 3.92 V 22.89 l 6.415 3.705 v -7.841 l -6.415 3.705 V 18.754 Z' +
+ ' M 28.331 19.701 v 5.947 l -5.149 -2.973 L 28.331 19.701 Z M 21.916 25.647 l -5.15 -2.973 l 5.15 -2.973 V 25.647 Z' +
+ ' M 22.275 12.674 c -5.513 0 -9.999 4.486 -9.999 9.999 c 0 5.514 4.486 10.001 9.999 10.001' +
+ ' c 5.514 0 9.999 -4.486 9.999 -10.001 C 32.274 17.16 27.789 12.674 22.275 12.674 Z M 22.275 32.127 ' +
+ ' c -5.212 0 -9.453 -4.241 -9.453 -9.454 c 0 -5.212 4.241 -9.453 9.453 -9.453 c 5.212 0 9.453 4.241 9.453 9.453' +
+ ' C 31.728 27.887 27.487 32.127 22.275 32.127 Z';
+ return compensationNode;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getBPMNActivityShape = function (node) {
+ var eventshape = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_2__["Canvas"]();
+ var content;
+ var shape = node.shape.activity;
+ var task = shape.activity;
+ var subProcess = shape.subProcess;
+ var activityType = shape.activity;
+ if (task === 'Task') {
+ content = this.getBPMNTaskShape(node);
+ }
+ if (task === 'SubProcess' && subProcess) {
+ content = this.getBPMNSubProcessShape(node);
+ }
+ content.id = task + node.id;
+ eventshape.children = [content];
+ eventshape.style.fill = 'transparent';
+ eventshape.style.strokeColor = 'transparent';
+ eventshape.style.strokeWidth = 0;
+ return eventshape;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getBPMNSubprocessEvent = function (node, subProcessEventsShapes, events) {
+ var annotations;
+ var ports;
+ if (events.annotations.length !== 0) {
+ for (var i = 0; i < events.annotations.length; i++) {
+ var annot = events.annotations[parseInt(i.toString(), 10)];
+ annotations = node.initAnnotationWrapper(annot);
+ annotations.width = events.width;
+ annotations.height = events.height;
+ subProcessEventsShapes.children.push(annotations);
+ }
+ }
+ if (events.ports.length !== 0) {
+ for (var i = 0; i < events.ports.length; i++) {
+ var port = events.ports[parseInt(i.toString(), 10)];
+ ports = node.initPortWrapper(port);
+ subProcessEventsShapes.children.push(ports);
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getBPMNAdhocShape = function (node, adhocNode, subProcess) {
+ adhocNode.id = node.id + '_0_adhoc';
+ adhocNode.width = 12;
+ adhocNode.height = 8;
+ adhocNode.style.fill = 'black';
+ adhocNode.style.strokeColor = node.style.strokeColor;
+ adhocNode.margin.bottom = 5;
+ adhocNode.horizontalAlignment = 'Left';
+ adhocNode.verticalAlignment = 'Bottom';
+ adhocNode.relativeMode = 'Object';
+ adhocNode.data = 'M 49.832 76.811 v -2.906 c 0 0 0.466 -1.469 1.931 -1.5 c 1.465 -0.031 2.331 1.219 2.897 1.688 ' +
+ 's 1.06 0.75 1.526 0.75 c 0.466 0 1.548 -0.521 1.682 -1.208 s 0.083 3.083 0.083 3.083 s -0.76 0.969 -1.859 0.969 ' +
+ 'c -1.066 0 -1.865 -0.625 -2.464 -1.438 s -1.359 -0.998 -2.064 -0.906 C 50.598 75.467 49.832 76.811 49.832 76.811 Z';
+ if (subProcess && subProcess.adhoc === true) {
+ adhocNode.visible = true;
+ }
+ else {
+ adhocNode.visible = false;
+ }
+ return adhocNode;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getBPMNTextAnnotation = function (node, diagram, annotation, content) {
+ annotation.id = annotation.id || Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])();
+ annotation.nodeId = node.id;
+ var annotationContainer = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_2__["Canvas"]();
+ var annotationPath = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ var textElement = new _core_elements_text_element__WEBPACK_IMPORTED_MODULE_5__["TextElement"]();
+ var margin = 10;
+ annotationPath.id = node.id + '_' + annotation.id + '_path';
+ annotationPath.width = annotation.width;
+ annotationPath.height = annotation.height;
+ annotationPath.relativeMode = 'Object';
+ textElement.id = node.id + '_' + annotation.id + '_text';
+ textElement.content = annotation.text;
+ var style = node.style;
+ textElement.style = {
+ fontSize: style.fontSize, italic: style.italic, gradient: null, opacity: style.opacity,
+ bold: style.bold, textWrapping: style.textWrapping, color: style.color, fill: 'white',
+ fontFamily: style.fontFamily, whiteSpace: style.whiteSpace, textOverflow: 'Wrap',
+ strokeColor: 'none', strokeWidth: 0,
+ strokeDashArray: style.strokeDashArray, textAlign: style.textAlign, textDecoration: style.textDecoration
+ };
+ textElement.horizontalAlignment = 'Center';
+ textElement.verticalAlignment = 'Center';
+ textElement.relativeMode = 'Object';
+ textElement.margin = { left: 5, right: 5, top: 5, bottom: 5 };
+ annotationContainer.offsetX = node.offsetX + annotation.length *
+ Math.cos(annotation.angle * (Math.PI / 180));
+ annotationContainer.offsetY = node.offsetY + annotation.length *
+ Math.sin(annotation.angle * (Math.PI / 180));
+ annotationContainer.float = true;
+ annotationContainer.transform = _enum_enum__WEBPACK_IMPORTED_MODULE_9__["Transform"].Self;
+ annotationContainer.id = node.id + '_textannotation_' + annotation.id;
+ annotationContainer.style.strokeColor = 'transparent';
+ annotationContainer.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ annotationContainer.relativeMode = 'Object';
+ annotationContainer.rotateAngle = 0;
+ annotationContainer.children = [annotationPath, textElement];
+ var annotationNode = new _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"](node.shape, 'annotations', { id: annotationContainer.id, shape: { type: 'Bpmn', shape: 'TextAnnotation' } }, true);
+ annotationNode.ports = [
+ {
+ id: annotationPath.id + '_port', shape: 'Square',
+ offset: { x: 0, y: 0.5 }
+ }
+ ];
+ annotationNode.offsetX = annotationContainer.offsetX;
+ annotationNode.offsetY = annotationContainer.offsetY;
+ annotationNode.text = annotation.text;
+ annotationNode.angle = annotation.angle;
+ annotationNode.length = annotation.length;
+ annotationNode.width = annotation.width;
+ annotationNode.height = annotation.height;
+ annotationNode.wrapper = annotationContainer;
+ annotationContainer.children.push(annotationNode.initPortWrapper(annotationNode.ports[0]));
+ var bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_12__["Rect"](0, 0, 0, 0);
+ var width = node.width || node.minWidth || 0;
+ var height = node.height || node.minHeight || 0;
+ if (width !== undefined && height !== undefined) {
+ bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_12__["Rect"](node.offsetX - width / 2, node.offsetY - height / 2, width, height);
+ }
+ this.setAnnotationPath(bounds, annotationContainer, { x: annotationNode.offsetX, y: annotationNode.offsetY }, annotationNode, annotation.length, annotation.angle);
+ var connector = {
+ id: node.id + '_' + annotation.id + '_connector',
+ constraints: _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ConnectorConstraints"].Default & ~(_enum_enum__WEBPACK_IMPORTED_MODULE_9__["ConnectorConstraints"].DragTargetEnd | _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ConnectorConstraints"].Drag),
+ sourceID: node.id, targetID: annotationContainer.id,
+ targetDecorator: { shape: 'None' }
+ };
+ var annotationConnector = new _objects_connector__WEBPACK_IMPORTED_MODULE_8__["Connector"](node.shape, 'annotations', connector, true);
+ annotationConnector.targetPortID = annotationNode.ports[0].id;
+ annotationConnector.init(diagram);
+ annotationConnector.wrapper.float = false;
+ annotationConnector.wrapper.transform = _enum_enum__WEBPACK_IMPORTED_MODULE_9__["Transform"].Self;
+ content.children.push(annotationConnector.wrapper);
+ annotationConnector.zIndex = 10000;
+ var entry = this.annotationObjects[node.id];
+ if (!entry) {
+ entry = {};
+ }
+ if (!entry[annotation.id]) {
+ entry[annotation.id] = {};
+ }
+ var nodeKey = 'node';
+ var connKey = 'connector';
+ entry[annotation.id]["" + nodeKey] = annotationNode;
+ entry[annotation.id]["" + connKey] = annotationConnector;
+ this.annotationObjects[node.id] = entry;
+ diagram.initObject(annotationNode, undefined, false);
+ annotationNode.zIndex = 10000;
+ return annotationContainer;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.renderBPMNTextAnnotation = function (diagram, annotation, content) {
+ annotation.id = annotation.id || Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["randomId"])();
+ var annotationsContainer = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_2__["Canvas"]();
+ var annotationPath = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ var textObject = new _core_elements_text_element__WEBPACK_IMPORTED_MODULE_5__["TextElement"]();
+ var margin = 10;
+ annotationPath.id = '_' + annotation.id + '_path';
+ annotationPath.width = annotation.width;
+ annotationPath.height = annotation.height;
+ annotationPath.relativeMode = 'Object';
+ textObject.id = annotation.id + '_text';
+ textObject.content = annotation.shape.annotation.text;
+ var textStyle = annotation.style;
+ textObject.style = {
+ fontSize: textStyle.fontSize, italic: textStyle.italic, gradient: null, opacity: textStyle.opacity,
+ bold: textStyle.bold, textWrapping: textStyle.textWrapping, color: textStyle.color, fill: 'white',
+ fontFamily: textStyle.fontFamily, whiteSpace: textStyle.whiteSpace, textOverflow: 'Wrap',
+ strokeColor: 'none', strokeWidth: 0,
+ strokeDashArray: textStyle.strokeDashArray, textAlign: textStyle.textAlign, textDecoration: textStyle.textDecoration
+ };
+ textObject.horizontalAlignment = 'Left';
+ textObject.verticalAlignment = 'Center';
+ textObject.relativeMode = 'Object';
+ textObject.margin = { left: 5, right: 5, top: 5, bottom: 5 };
+ annotationsContainer.offsetX = annotation.offsetX + annotation.shape.annotation.length *
+ Math.cos(annotation.shape.annotation.angle * (Math.PI / 180));
+ annotationsContainer.offsetY = annotation.offsetY + annotation.shape.annotation.length *
+ Math.sin(annotation.shape.annotation.angle * (Math.PI / 180));
+ annotationsContainer.float = true;
+ // annotationContainer.transform = Transform.Self;
+ annotationsContainer.id = annotation.id + '_textannotation_' + annotation.id;
+ annotationsContainer.style.strokeColor = 'transparent';
+ annotationsContainer.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ annotationsContainer.relativeMode = 'Object';
+ annotationsContainer.rotateAngle = 0;
+ annotationsContainer.children = [annotationPath, textObject];
+ var annotationObject = new _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"](annotation.shape, 'annotations', { id: annotationsContainer.id, shape: { type: 'Bpmn', shape: 'TextAnnotation' } }, true);
+ annotationObject.ports = [
+ {
+ id: annotationPath.id + '_port', shape: 'Square',
+ offset: { x: 0, y: 0.5 }
+ }
+ ];
+ annotationObject.offsetX = annotationsContainer.offsetX;
+ annotationObject.offsetY = annotationsContainer.offsetY;
+ if (annotationObject.shape && annotationObject.shape.annotation) {
+ annotationObject.text = annotation.shape.annotation.text;
+ annotationObject.angle = annotation.shape.annotation.angle;
+ annotationObject.length = annotation.shape.annotation.length;
+ }
+ annotationObject.width = annotation.width;
+ annotationObject.height = annotation.height;
+ annotationObject.wrapper = annotationsContainer;
+ annotationsContainer.children.push(annotationObject.initPortWrapper(annotationObject.ports[0]));
+ var bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_12__["Rect"](0, 0, 0, 0);
+ var width = annotation.width || 0;
+ var height = annotation.height || 0;
+ if (width !== undefined && height !== undefined) {
+ bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_12__["Rect"](annotation.offsetX - width / 2, annotation.offsetY - height / 2, width, height);
+ }
+ this.setAnnotationPath(bounds, annotationsContainer, { x: annotationObject.offsetX, y: annotationObject.offsetY }, annotationObject, annotation.length, annotation.angle);
+ return annotationsContainer;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getTextAnnotationWrapper = function (node, id) {
+ if (node && node.shape.type === 'Bpmn') {
+ var shape = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() ? node.shape.bpmnShape : node.shape.shape);
+ if (shape === 'TextAnnotation') {
+ return node.wrapper.children[1];
+ }
+ else if (this.annotationObjects[node.id] && this.annotationObjects[node.id]["" + id]) {
+ var annotationNode = this.annotationObjects[node.id]["" + id].node;
+ return this.getTextAnnotationWrapper(annotationNode, id);
+ }
+ }
+ return null;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.addAnnotation = function (node, annotation, diagram) {
+ var bpmnShapeContent = node.wrapper.children[0];
+ var shape = node.shape;
+ annotation.nodeId = node.id;
+ var annotationObj = new _objects_node__WEBPACK_IMPORTED_MODULE_0__["BpmnAnnotation"](shape, 'annotations', annotation, true);
+ shape.annotations.push(annotationObj);
+ bpmnShapeContent.children.push(this.getBPMNTextAnnotation(node, diagram, annotation, bpmnShapeContent));
+ node.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]());
+ node.wrapper.arrange(node.wrapper.desiredSize);
+ return this.annotationObjects[node.id][annotation.id].connector;
+ };
+ BpmnDiagrams.prototype.clearAnnotations = function (obj, diagram) {
+ var bpmnShape = obj.shape;
+ if (bpmnShape.annotations.length) {
+ for (var i = bpmnShape.annotations.length - 1; i >= 0; i--) {
+ var annotation = bpmnShape.annotations[parseInt(i.toString(), 10)];
+ this.removeAnnotationObjects(obj, annotation, diagram);
+ }
+ }
+ delete this.annotationObjects[obj.id];
+ };
+ /** @private */
+ BpmnDiagrams.prototype.checkAndRemoveAnnotations = function (node, diagram) {
+ //remove connector path
+ //remove annotation node wrapper
+ //remove from a quad
+ if (node.shape.type === 'Bpmn') {
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && node.shape.shape === 'TextAnnotation') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && node.shape.bpmnShape === 'TextAnnotation')) {
+ var id = node.id.split('_');
+ var annotationId = id[id.length - 1];
+ var nodeId = id[id.length - 3] || id[0];
+ var parentNode = diagram.nameTable["" + nodeId];
+ var bpmnShape = parentNode.shape;
+ for (var _i = 0, _a = bpmnShape.annotations; _i < _a.length; _i++) {
+ var annotation = _a[_i];
+ if (annotation.id === annotationId) {
+ var index = bpmnShape.annotations.indexOf(annotation);
+ if (index !== -1) {
+ diagram.removeDependentConnector(node);
+ this.removeAnnotationObjects(parentNode, annotation, diagram);
+ return true;
+ }
+ }
+ }
+ }
+ else if (node.shape.annotations && node.shape.annotations.length) {
+ this.clearAnnotations(node, diagram);
+ }
+ }
+ return false;
+ };
+ BpmnDiagrams.prototype.removeAnnotationObjects = function (parentNode, annotation, diagram) {
+ var bpmnShape = parentNode.shape;
+ var index = bpmnShape.annotations.indexOf(annotation);
+ if (index !== -1) {
+ if (!(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramAction"].UndoRedo) && !(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["DiagramAction"].Group)) {
+ var entry_1 = {
+ type: 'CollectionChanged', changeType: 'Remove', undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(annotation),
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_7__["cloneObject"])(annotation), category: 'Internal'
+ };
+ diagram.addHistoryEntry(entry_1);
+ }
+ bpmnShape.annotations.splice(index, 1);
+ var entry = this.annotationObjects[parentNode.id];
+ if (entry && entry[annotation.id]) {
+ var annotationNode = entry[annotation.id].node;
+ var annotationConnector = entry[annotation.id].connector;
+ diagram.removeElements(annotationNode);
+ diagram.removeElements(annotationConnector);
+ var nodeContent = parentNode.wrapper.children[0];
+ index = nodeContent.children.indexOf(annotationNode.wrapper);
+ nodeContent.children.splice(index, 1);
+ index = nodeContent.children.indexOf(annotationConnector.wrapper);
+ nodeContent.children.splice(index, 1);
+ diagram.removeFromAQuad(annotationNode);
+ diagram.removeFromAQuad(annotationConnector);
+ delete diagram.nameTable[annotationNode.id];
+ delete diagram.nameTable[annotationConnector.id];
+ delete entry[annotation.id];
+ }
+ }
+ };
+ BpmnDiagrams.prototype.setAnnotationPath = function (parentBounds, wrapper, position, node, length, angle) {
+ var rotateAngle = this.getAnnotationPathAngle(position, parentBounds);
+ var data = '';
+ var pathElement = wrapper.children[0];
+ var portElement = wrapper.children[2];
+ var textElement = wrapper.children[1];
+ pathElement.horizontalAlignment = 'Stretch';
+ pathElement.verticalAlignment = 'Stretch';
+ textElement.margin.left = textElement.margin.right = 5;
+ textElement.margin.top = textElement.margin.bottom = 5;
+ var point;
+ var segment;
+ if (rotateAngle === 0) {
+ data = 'M10,20 L0,20 L0,0 L10,0';
+ pathElement.width = 10;
+ pathElement.horizontalAlignment = 'Left';
+ portElement.setOffsetWithRespectToBounds(0, 0.5, 'Fraction');
+ textElement.margin.top = textElement.margin.bottom = 10;
+ point = parentBounds.middleRight;
+ segment = {
+ x1: parentBounds.right, y1: parentBounds.top,
+ x2: parentBounds.right, y2: parentBounds.bottom
+ };
+ }
+ else if (rotateAngle === 180) {
+ data = 'M0,0 L10,0 L10,20 L0,20';
+ pathElement.width = 10;
+ pathElement.horizontalAlignment = 'Right';
+ portElement.setOffsetWithRespectToBounds(1, 0.5, 'Fraction');
+ textElement.margin.top = textElement.margin.bottom = 10;
+ point = parentBounds.middleLeft;
+ segment = {
+ x1: parentBounds.left, y1: parentBounds.top,
+ x2: parentBounds.left, y2: parentBounds.bottom
+ };
+ }
+ else if (rotateAngle === 90) {
+ data = 'M20,10 L20,0 L0,0 L0,10';
+ pathElement.height = 10;
+ pathElement.verticalAlignment = 'Top';
+ portElement.setOffsetWithRespectToBounds(0.5, 0, 'Fraction');
+ textElement.margin.left = textElement.margin.right = 10;
+ point = parentBounds.bottomCenter;
+ segment = {
+ x1: parentBounds.right, y1: parentBounds.bottom,
+ x2: parentBounds.left, y2: parentBounds.bottom
+ };
+ }
+ else {
+ data = 'M0,0 L0,10 L20,10 L20,0';
+ pathElement.height = 10;
+ pathElement.verticalAlignment = 'Bottom';
+ portElement.setOffsetWithRespectToBounds(0.5, 1, 'Fraction');
+ textElement.margin.left = textElement.margin.right = 10;
+ point = parentBounds.topCenter;
+ segment = {
+ x1: parentBounds.right, y1: parentBounds.top,
+ x2: parentBounds.left, y2: parentBounds.top
+ };
+ }
+ var center = parentBounds.center;
+ var endPoint = _primitives_point__WEBPACK_IMPORTED_MODULE_11__["Point"].transform(position, angle, Math.max(parentBounds.width, parentBounds.height));
+ point = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_10__["getIntersectionPoints"])(segment, [center, endPoint], false, center);
+ pathElement.data = data;
+ if (length !== undefined && angle !== undefined) {
+ point = _primitives_point__WEBPACK_IMPORTED_MODULE_11__["Point"].transform(point, angle, length);
+ wrapper.offsetX = node.offsetX = point.x;
+ wrapper.offsetY = node.offsetY = point.y;
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.isBpmnTextAnnotation = function (activeLabel, diagram) {
+ if (this.annotationObjects) {
+ var parentNodeId = activeLabel.parentId;
+ var annotationId = activeLabel.id;
+ var parentNode = diagram.nameTable["" + parentNodeId];
+ if (parentNode && parentNode.shape.type === 'Bpmn' && this.annotationObjects["" + parentNodeId] &&
+ this.annotationObjects["" + parentNodeId]["" + annotationId]) {
+ return parentNode;
+ }
+ return null;
+ }
+ return null;
+ };
+ /** @private */
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ BpmnDiagrams.prototype.updateTextAnnotationContent = function (parentNode, activeLabel, text, diagram) {
+ var parentNodeId = activeLabel.parentId;
+ var annotationId = activeLabel.id;
+ if (this.annotationObjects["" + parentNodeId] && this.annotationObjects["" + parentNodeId]["" + annotationId]) {
+ for (var _i = 0, _a = parentNode.shape.annotations; _i < _a.length; _i++) {
+ var annotation = _a[_i];
+ if (annotation.id === annotationId) {
+ annotation.text = text;
+ var wrapper = this.annotationObjects["" + parentNodeId]["" + annotationId].node.wrapper.children[1];
+ wrapper.content = text;
+ wrapper.visible = true;
+ parentNode.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_13__["Size"]());
+ parentNode.wrapper.arrange(parentNode.wrapper.desiredSize);
+ }
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateQuad = function (actualObject, diagram) {
+ var annotation = actualObject.shape.annotations;
+ var annotationNode;
+ if (annotation && annotation.length > 0) {
+ for (var i = 0; i < annotation.length; i++) {
+ annotationNode = this.annotationObjects[actualObject.id][annotation[parseInt(i.toString(), 10)].id].node;
+ diagram.updateQuad(annotationNode);
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateTextAnnotationProp = function (actualObject, oldObject, diagram, isChild) {
+ if (actualObject.shape.type === 'Bpmn') {
+ var annotation = actualObject.shape.annotations;
+ if (annotation && annotation.length > 0) {
+ for (var i = 0; i < actualObject.wrapper.children[0].children.length; i++) {
+ for (var j = 0; j < annotation.length; j++) {
+ var annotationId = actualObject.wrapper.children[0].children[parseInt(i.toString(), 10)].id.split('_');
+ var id = annotationId[annotationId.length - 1];
+ if (id === annotation[parseInt(j.toString(), 10)].id) {
+ var annotationNode = this.annotationObjects[actualObject.id][annotation[parseInt(j.toString(), 10)].id].node;
+ var connector = this.annotationObjects[actualObject.id][annotation[parseInt(j.toString(), 10)].id].connector;
+ var direction = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_10__["getPortDirection"])(connector.targetPoint, actualObject.wrapper.bounds, actualObject.wrapper.bounds, false);
+ var position = connector.sourcePoint;
+ // EJ2-63939 - If it is swimlane children node means we take the offsetX from the wrapper.
+ position = {
+ x: connector.sourcePoint.x + (isChild ? actualObject.wrapper.offsetX : actualObject.offsetX) - (oldObject.offsetX),
+ y: connector.sourcePoint.y + (isChild ? actualObject.wrapper.offsetY : actualObject.offsetY) - (oldObject.offsetY)
+ };
+ position = _primitives_point__WEBPACK_IMPORTED_MODULE_11__["Point"].transform(position, annotation[parseInt(j.toString(), 10)].angle, annotation[parseInt(j.toString(), 10)].length);
+ actualObject.wrapper.children[0].children[parseInt(i.toString(), 10)].offsetX =
+ annotationNode.offsetX = position.x;
+ actualObject.wrapper.children[0].children[parseInt(i.toString(), 10)].offsetY =
+ annotationNode.offsetY = position.y;
+ diagram.updateQuad(annotationNode);
+ }
+ }
+ }
+ }
+ }
+ };
+ // /** @private */
+ // public findInteractableObject(obj: ConnectorModel, diagram: Diagram): NodeModel | ConnectorModel {
+ // if (obj.targetID) {
+ // let targetNode: NodeModel = diagram.nameTable[obj.targetID];
+ // if (targetNode.shape.type === 'Bpmn' && (targetNode.shape as BpmnShape).shape === 'TextAnnotation') {
+ // return targetNode;
+ // }
+ // }
+ // return obj;
+ // }
+ /** @private */
+ BpmnDiagrams.prototype.getSubprocessChildCount = function (node) {
+ var count = 0;
+ var shape = node.shape.activity;
+ //let loopType: string;
+ var subProcess = shape.subProcess;
+ var loopType = subProcess.loop;
+ if (loopType !== undefined && loopType !== 'None') {
+ count++;
+ }
+ if ((subProcess.compensation !== undefined) &&
+ subProcess.compensation === true) {
+ count++;
+ }
+ if ((subProcess.collapsed !== undefined) &&
+ subProcess.collapsed === true) {
+ count++;
+ }
+ if ((subProcess.adhoc !== undefined) &&
+ subProcess.adhoc === true) {
+ count++;
+ }
+ return count;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getTaskChildCount = function (node) {
+ var count = 0;
+ var shape = node.shape.activity;
+ var task = shape.task;
+ var loopType;
+ if ((task.compensation !== undefined) &&
+ task.compensation === true) {
+ count++;
+ }
+ if ((task.loop !== undefined) &&
+ task.loop !== 'None') {
+ count++;
+ }
+ return count;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.setStyle = function (child, node) {
+ //set style
+ child.style.fill = node.style.fill;
+ child.style.strokeColor = node.style.strokeColor;
+ child.style.strokeWidth = node.style.strokeWidth;
+ child.style.strokeDashArray = node.style.strokeDashArray;
+ child.style.opacity = node.style.opacity;
+ child.style.gradient = node.style.gradient;
+ if ((node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["NodeConstraints"].Shadow) !== 0) {
+ child.shadow = node.shadow;
+ }
+ };
+ //End code conversion region
+ //Update BPMN Shapes on NodePropertyChange
+ //Start region
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMN = function (changedProp, oldObject, actualObject, diagram) {
+ var newShape = changedProp.shape || {};
+ var elementWrapper = actualObject.wrapper.children[0];
+ var actualShape = actualObject.shape.shape ||
+ (actualObject.shape.bpmnShape);
+ var sizeChanged = changedProp.width !== undefined || changedProp.height !== undefined;
+ if (((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && newShape.bpmnShape === 'Gateway') || newShape.shape === 'Gateway') &&
+ newShape.gateway) {
+ this.removeBPMNElementFromDOM(actualObject, diagram);
+ actualObject.wrapper.children[0] = this.getBPMNGatewayShape(actualObject);
+ }
+ else if (((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && newShape.bpmnShape === 'DataObject') || newShape.shape === 'DataObject') &&
+ newShape.dataObject) {
+ this.removeBPMNElementFromDOM(actualObject, diagram);
+ actualObject.wrapper.children[0] = this.getBPMNDataObjectShape(actualObject);
+ }
+ else if (((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && newShape.bpmnShape === 'Activity') || newShape.shape === 'Activity') &&
+ newShape.activity) {
+ this.removeBPMNElementFromDOM(actualObject, diagram);
+ actualObject.wrapper.children[0] = this.getBPMNActivityShape(actualObject);
+ }
+ /**
+ * EJ2-EJ2-60644 - Bpmn event fill color does not applied while changing event in runtime.
+ */
+ else if (((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && newShape.bpmnShape === 'Event' ||
+ actualObject.shape.bpmnShape === 'Event' || actualObject.shape.shape === 'Event') || newShape.shape === 'Event') &&
+ newShape.event) {
+ this.removeBPMNElementFromDOM(actualObject, diagram);
+ var shapeEvent = newShape.event;
+ actualObject.wrapper.children[0] = this.getBPMNEventShape(actualObject, shapeEvent);
+ }
+ else if (((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && newShape.bpmnShape === 'Message') || newShape.shape === 'Message') ||
+ ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && newShape.bpmnShape === 'DataSource') || newShape.shape === 'DataSource')) {
+ this.removeBPMNElementFromDOM(actualObject, diagram);
+ actualObject.wrapper.children[0] = this.getBPMNShapes(actualObject);
+ //}
+ // else if (newShape.shape === 'Group') {
+ // actualObject.wrapper.children[0] = this.getBPMNGroup(actualObject, diagram);
+ }
+ else if (newShape.gateway !== undefined || (actualShape === 'Gateway' && sizeChanged)) {
+ this.updateBPMNGateway(actualObject, changedProp);
+ }
+ else if (newShape.dataObject !== undefined || (actualShape === 'DataObject' && sizeChanged)) {
+ this.updateBPMNDataObject(actualObject, changedProp, oldObject);
+ }
+ else if (newShape.activity !== undefined || (actualShape === 'Activity' && sizeChanged)) {
+ this.updateBPMNActivity(actualObject, changedProp, oldObject, diagram);
+ }
+ else if (newShape.event !== undefined || (actualShape === 'Event' && sizeChanged)) {
+ this.updateBPMNEvent(actualObject, changedProp, oldObject);
+ }
+ actualObject.wrapper.children[0].id = actualObject.wrapper.children[0].id || elementWrapper.id;
+ if (changedProp.style) {
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_6__["updateStyle"])(changedProp.style, elementWrapper instanceof _core_containers_container__WEBPACK_IMPORTED_MODULE_3__["Container"] ? ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && actualObject.shape.shape === 'Activity' ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && actualObject.shape.bpmnShape === 'Activity'))) ?
+ elementWrapper.children[0].children[0] :
+ elementWrapper.children[0] : elementWrapper);
+ if (changedProp.style && changedProp.style.strokeColor) {
+ if (elementWrapper.children.length > 0) {
+ if (((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && actualObject.shape.shape === 'Activity') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && actualObject.shape.bpmnShape === 'Activity')) &&
+ actualObject.shape.activity.activity === 'SubProcess') {
+ var child = elementWrapper.children[0];
+ this.updateBPMNStyle(child, changedProp.style.strokeColor);
+ }
+ else if (((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && actualObject.shape.shape === 'Gateway')
+ || (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && actualObject.shape.bpmnShape === 'Gateway')) ||
+ ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && actualObject.shape.shape === 'Event')
+ || (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && actualObject.shape.bpmnShape === 'Event'))) {
+ this.updateBPMNStyle(elementWrapper, changedProp.style.strokeColor);
+ }
+ }
+ }
+ }
+ };
+ /**
+ * EJ2-60574 -BPMN shape do not get changed at runtime properly
+ */
+ BpmnDiagrams.prototype.removeBPMNElementFromDOM = function (actualObject, diagram) {
+ for (var _i = 0, _a = diagram.views; _i < _a.length; _i++) {
+ var elementId = _a[_i];
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_14__["removeElement"])(actualObject.id + '_groupElement', elementId);
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNStyle = function (elementWrapper, changedProp) {
+ for (var i = 0; i < elementWrapper.children.length; i++) {
+ var child = elementWrapper.children[parseInt(i.toString(), 10)];
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_6__["updateStyle"])({ strokeColor: changedProp }, child);
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNGateway = function (node, changedProp) {
+ var bpmnShape = node.shape;
+ var elementWrapper = node.wrapper.children[0];
+ if (bpmnShape) {
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_6__["updateStyle"])(node.style, elementWrapper.children[0]);
+ var pathData = getBpmnGatewayShapePathData(bpmnShape.gateway.type);
+ var dataobjTypeNode = this.updateGatewaySubType(elementWrapper, node, pathData);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_14__["removeElement"])(elementWrapper.children[1].id);
+ elementWrapper.children.splice(1, 1);
+ elementWrapper.children.push(dataobjTypeNode);
+ }
+ if (changedProp.width !== undefined || changedProp.height !== undefined) {
+ this.setSizeForBPMNGateway(node.shape.gateway, elementWrapper, changedProp.width || node.width, changedProp.height || node.height);
+ }
+ };
+ /**
+ * Used to update Bpmn gateway child in runtime
+ * EJ2-60581
+ * @param elementWrapper
+ * @param node
+ * @param pathData
+ * @returns
+ */
+ BpmnDiagrams.prototype.updateGatewaySubType = function (elementWrapper, node, pathData) {
+ var dataobjTypeNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ dataobjTypeNode.id = node.id + '_1_gatewayType';
+ dataobjTypeNode.width = elementWrapper.children[1].width;
+ dataobjTypeNode.height = elementWrapper.children[1].height;
+ dataobjTypeNode.margin.left = elementWrapper.children[1].margin.left;
+ dataobjTypeNode.margin.top = elementWrapper.children[1].margin.top;
+ dataobjTypeNode.data = pathData;
+ dataobjTypeNode.offsetX = elementWrapper.children[1].offsetX;
+ dataobjTypeNode.offsetY = elementWrapper.children[1].offsetY;
+ dataobjTypeNode.style = elementWrapper.children[1].style;
+ dataobjTypeNode.horizontalAlignment = elementWrapper.children[1].horizontalAlignment;
+ dataobjTypeNode.verticalAlignment = elementWrapper.children[1].verticalAlignment;
+ dataobjTypeNode.relativeMode = elementWrapper.children[1].relativeMode;
+ dataobjTypeNode.transform = elementWrapper.children[1].transform;
+ return dataobjTypeNode;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNDataObject = function (node, newObject, oldObject) {
+ var bpmnShape = newObject.shape;
+ var elementWrapper = node.wrapper.children[0];
+ if (bpmnShape) {
+ var elementWrapperChild1 = elementWrapper.children[1];
+ var elementWrapperChild2 = elementWrapper.children[2];
+ if (newObject.style !== undefined) {
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_6__["updateStyle"])(newObject.style, elementWrapper.children[0]);
+ elementWrapperChild1.style.opacity = node.style.opacity;
+ elementWrapperChild2.style.opacity = node.style.opacity;
+ }
+ if (bpmnShape.dataObject) {
+ switch (bpmnShape.dataObject.type) {
+ case 'None':
+ elementWrapperChild1.visible = false;
+ break;
+ case 'Input':
+ elementWrapperChild1.style.fill = 'white';
+ break;
+ case 'Output':
+ elementWrapperChild1.style.fill = 'black';
+ break;
+ }
+ if (oldObject.shape.dataObject.type === 'None') {
+ elementWrapperChild1.visible = true;
+ }
+ if (newObject.shape.dataObject.collection !== undefined) {
+ elementWrapperChild2.visible = bpmnShape.dataObject.collection;
+ }
+ }
+ }
+ if (newObject.width !== undefined || newObject.height !== undefined) {
+ this.setSizeForBPMNDataObjects(node.shape.dataObject, elementWrapper, newObject.width || node.width, newObject.height || node.height);
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getEvent = function (node, oldObject, event, child0, child1, child2) {
+ switch (event) {
+ case 'Start':
+ child1.visible = false;
+ child0.style.strokeDashArray = '';
+ child2.style.fill = 'white';
+ child2.style.strokeColor = 'black';
+ child0.style.fill = 'white';
+ break;
+ case 'NonInterruptingStart':
+ child0.style.strokeDashArray = '2 3';
+ child2.style.fill = 'white';
+ child0.style.fill = 'white';
+ child2.style.strokeColor = 'black';
+ child1.visible = false;
+ break;
+ case 'Intermediate':
+ child0.style.strokeDashArray = '';
+ child0.style.fill = 'white';
+ child1.style.strokeDashArray = '';
+ child0.style.gradient = null;
+ child2.style.fill = 'white';
+ child2.style.strokeColor = 'black';
+ this.updateEventVisibility(oldObject, child1);
+ break;
+ case 'NonInterruptingIntermediate':
+ child0.style.fill = 'white';
+ child0.style.gradient = null;
+ child2.style.fill = 'white';
+ child2.style.strokeColor = 'black';
+ child0.style.strokeDashArray = '2 3';
+ child1.style.strokeDashArray = '2 3';
+ this.updateEventVisibility(oldObject, child1);
+ break;
+ case 'ThrowingIntermediate':
+ case 'End':
+ child0.style.fill = event !== 'End' ? 'white' : 'black';
+ child0.style.strokeDashArray = '';
+ child1.style.strokeDashArray = '';
+ child0.style.gradient = null;
+ child2.style.fill = 'black';
+ this.updateEventVisibility(oldObject, child1);
+ child2.style.strokeColor = node.style.fill;
+ break;
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateEventVisibility = function (oldObject, child1) {
+ if (oldObject.shape.activity && oldObject.shape.activity.subProcess &&
+ oldObject.shape.activity.subProcess.events &&
+ oldObject.shape.activity.subProcess.events[0] !== undefined &&
+ oldObject.shape.activity.subProcess.events[0].event !== undefined) {
+ if (oldObject.shape.activity.subProcess.events[0].event === 'NonInterruptingStart' ||
+ oldObject.shape.activity.subProcess.events[0].event === 'Start') {
+ child1.visible = true;
+ }
+ }
+ else if (oldObject.shape.event !== undefined) {
+ if (oldObject.shape.event.event === 'NonInterruptingStart' ||
+ oldObject.shape.event.event === 'Start') {
+ child1.visible = true;
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNEvent = function (node, newObject, oldObject) {
+ var bpmnShape = newObject.shape;
+ var trigger;
+ var elementWrapper = node.wrapper.children[0];
+ if (bpmnShape) {
+ var elementWrapperChild0 = elementWrapper.children[0];
+ var elementWrapperChild1 = elementWrapper.children[1];
+ var elementWrapperChild2 = elementWrapper.children[2];
+ //let event: string;
+ if (newObject.style !== undefined) {
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_6__["updateStyle"])(node.style, elementWrapper.children[0]);
+ if (newObject.style.opacity !== undefined || newObject.style.strokeColor !== undefined) {
+ elementWrapperChild1.style.opacity = node.style.opacity;
+ elementWrapperChild1.style.strokeColor = node.style.strokeColor;
+ }
+ }
+ var event_1 = bpmnShape.event.event;
+ trigger = bpmnShape.event.trigger;
+ if (event_1 !== undefined) {
+ this.getEvent(node, oldObject, event_1, elementWrapperChild0, elementWrapperChild1, elementWrapperChild2);
+ }
+ if (trigger !== undefined) {
+ this.updateBPMNEventTrigger(node, newObject);
+ }
+ }
+ if (newObject.width !== undefined || newObject.height !== undefined || trigger !== undefined) {
+ this.setSizeForBPMNEvents(node.shape.event, elementWrapper, newObject.width || node.width, newObject.height || node.height);
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNEventTrigger = function (node, newObject) {
+ var bpmnShape = node.shape;
+ var elementWrapper = node.wrapper.children[0].children[2];
+ elementWrapper.canMeasurePath = true;
+ if (newObject.style &&
+ (newObject.style.strokeColor !== undefined || newObject.style.opacity !== undefined)) {
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_6__["updateStyle"])(node.style, elementWrapper);
+ }
+ var bpmnshapeTriggerdata = getBpmnTriggerShapePathData(bpmnShape.event.trigger);
+ elementWrapper.data = bpmnshapeTriggerdata;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNActivity = function (node, newObject, oldObject, diagram) {
+ var bpmnShape = newObject.shape;
+ var elementWrapper = node.wrapper.children[0];
+ var size = this.getSize(node, elementWrapper.children[0].children[0]);
+ if (bpmnShape) {
+ var oldProp = oldObject.shape.activity.activity;
+ var actualObjectProp = node.shape.activity.activity;
+ if ((oldProp === 'SubProcess' || oldProp === 'Task') && (actualObjectProp === 'SubProcess' || actualObjectProp === 'Task')) {
+ diagram.removeElements(node);
+ node.wrapper.children[0] = this.getBPMNActivityShape(node);
+ }
+ else {
+ if (actualObjectProp === 'Task' && bpmnShape.activity.task !== undefined) {
+ this.updateBPMNActivityTask(node, newObject);
+ var subChildCount = this.getTaskChildCount(node);
+ var x = void 0;
+ var childSpace = subChildCount * 12;
+ var area = size.width / 2 - childSpace;
+ if (subChildCount === 1) {
+ x = area + 8;
+ }
+ else {
+ x = area + (subChildCount - 1) * 8;
+ }
+ if (bpmnShape.activity.task.loop !== undefined) {
+ this.updateBPMNActivityTaskLoop(node, newObject, x, subChildCount, area, 2);
+ }
+ }
+ if (actualObjectProp === 'SubProcess' && bpmnShape.activity.subProcess !== undefined) {
+ this.updateBPMNActivitySubProcess(node, newObject, oldObject, diagram);
+ }
+ }
+ this.setSizeForBPMNActivity(node.shape.activity, elementWrapper, newObject.width || size.width, newObject.height || size.height, node);
+ }
+ if (newObject.width !== undefined || newObject.height !== undefined) {
+ this.setSizeForBPMNActivity(node.shape.activity, elementWrapper, newObject.width || size.width, newObject.height || size.height, node);
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNActivityTask = function (node, newObject) {
+ var bpmnShape = newObject.shape;
+ var elementWrapper = node.wrapper.children[0].children[0];
+ var task = bpmnShape.activity.task;
+ for (var i = 0; i < elementWrapper.children.length; i++) {
+ if (elementWrapper.children[parseInt(i.toString(), 10)].id === node.id + '_1_taskTypeService') {
+ elementWrapper.children.splice(i, 1);
+ var element = document.getElementById(node.id + '_1_taskTypeService');
+ element.parentNode.removeChild(element);
+ }
+ }
+ if (task.type === 'Receive' || task.type === 'Send') {
+ elementWrapper.children[1].height = 14;
+ }
+ else {
+ elementWrapper.children[1].height = 20;
+ }
+ if (task.type !== undefined) {
+ var bpmnshapeTaskdata = getBpmnTaskShapePathData(task.type);
+ elementWrapper.children[1].data = bpmnshapeTaskdata;
+ for (var i = 0; i < elementWrapper.children.length; i++) {
+ if (elementWrapper.children[parseInt(i.toString(), 10)].id === node.id + '_1_tasktType') {
+ elementWrapper.children.splice(i, 1);
+ var element = document.getElementById(node.id + '_1_tasktType');
+ element.parentNode.removeChild(element);
+ }
+ }
+ var taskTypeNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ taskTypeNode.id = node.id + '_1_tasktType';
+ taskTypeNode.margin.left = 5;
+ taskTypeNode.margin.top = 5;
+ taskTypeNode.data = bpmnshapeTaskdata;
+ taskTypeNode.style.fill = 'transparent';
+ taskTypeNode.style.opacity = node.style.opacity;
+ /**
+ * Used to update the Bpmn activity task type at runtime
+ * EJ2-60586
+ */
+ if (task.type === 'Receive' || task.type === 'Send') {
+ taskTypeNode.width = 18;
+ taskTypeNode.height = 16;
+ if (task.type === 'Send') {
+ taskTypeNode.style.fill = 'black';
+ }
+ elementWrapper.children.splice(1, 0, taskTypeNode);
+ }
+ else if (task.type === 'Manual') {
+ taskTypeNode.width = 16;
+ taskTypeNode.height = 11;
+ elementWrapper.children.splice(1, 0, taskTypeNode);
+ }
+ else if (task.type !== 'Service') {
+ taskTypeNode.width = 20;
+ taskTypeNode.height = 20;
+ elementWrapper.children.splice(1, 0, taskTypeNode);
+ }
+ else {
+ taskTypeNode.width = 20;
+ taskTypeNode.height = 20;
+ elementWrapper.children.splice(1, 0, taskTypeNode);
+ var taskTypeNodeService = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ taskTypeNodeService.id = node.id + '_1_taskTypeService';
+ taskTypeNodeService.data = bpmnshapeTaskdata;
+ taskTypeNodeService.margin.left = elementWrapper.children[1].margin.left + 9;
+ taskTypeNodeService.margin.top = elementWrapper.children[1].margin.top + 9;
+ taskTypeNodeService.style.fill = 'white';
+ taskTypeNodeService.style.opacity = node.style.opacity;
+ elementWrapper.children.splice(2, 0, taskTypeNodeService);
+ }
+ }
+ if (bpmnShape.activity.task.call !== undefined) {
+ if (bpmnShape.activity.task.call !== false) {
+ elementWrapper.children[0].style.strokeWidth = 4;
+ }
+ else {
+ elementWrapper.children[0].style.strokeWidth = 1;
+ }
+ }
+ if (bpmnShape.activity.task.compensation !== undefined) {
+ if (bpmnShape.activity.task.compensation === true) {
+ elementWrapper.children[3].visible = true;
+ }
+ else {
+ elementWrapper.children[3].visible = false;
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNActivityTaskLoop = function (node, newObject, x, subChildCount, area, start) {
+ var bpmnShape = newObject.shape;
+ var elementWrapper = node.wrapper.children[0].children[0];
+ var activity = bpmnShape.activity;
+ var loop;
+ var index = 0;
+ var bpmnshapeLoopdata;
+ if (activity.subProcess !== undefined) {
+ var subProcess = activity.subProcess;
+ index = (activity.subProcess.type === 'Transaction') ? 2 : 0;
+ loop = subProcess.loop;
+ bpmnshapeLoopdata = getBpmnLoopShapePathData(loop);
+ elementWrapper.children[2 + index].data = bpmnshapeLoopdata;
+ elementWrapper.children[2 + index].visible = (loop === 'None') ? false : true;
+ }
+ else if (activity.task !== undefined && activity.task.loop !== undefined) {
+ bpmnshapeLoopdata = getBpmnLoopShapePathData(activity.task.loop);
+ elementWrapper.children[2].data = bpmnshapeLoopdata;
+ elementWrapper.children[2].visible = (activity.task.loop === 'None') ? false : true;
+ }
+ this.updateChildMargin(elementWrapper, subChildCount, area, x, start + index);
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateChildMargin = function (elementWrapper, subChildCount, area, x, start) {
+ if (subChildCount === 1) {
+ for (var i = start; i < elementWrapper.children.length; i++) {
+ if (i !== 2 && elementWrapper.children[parseInt(i.toString(), 10)].visible === true) {
+ elementWrapper.children[parseInt(i.toString(), 10)].margin.left = x;
+ x = area + 8;
+ }
+ }
+ }
+ else {
+ x = area + (subChildCount - 1) * 8;
+ for (var i = start; i < elementWrapper.children.length; i++) {
+ if (i !== 2 && elementWrapper.children[parseInt(i.toString(), 10)].visible === true) {
+ elementWrapper.children[parseInt(i.toString(), 10)].margin.left = x;
+ x += 12 + 8;
+ }
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNActivitySubProcess = function (node, newObject, oldObject, diagram) {
+ var bpmnShape = newObject.shape;
+ var elementWrapper = node.wrapper.children[0];
+ var size = this.getSize(node, elementWrapper.children[0].children[0]);
+ var subProcess = bpmnShape.activity.subProcess;
+ var subChildCount = this.getSubprocessChildCount(node);
+ var x;
+ var childSpace = subChildCount * 12;
+ var area = size.width / 2 - childSpace;
+ if (subChildCount === 1) {
+ x = area + 8;
+ }
+ else {
+ x = area + (subChildCount - 1) * 8;
+ }
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_6__["updateStyle"])(node.style, elementWrapper.children[0].children[0]);
+ if (subProcess.events !== undefined) {
+ this.updateBPMNSubProcessEvent(node, newObject, oldObject, diagram);
+ }
+ if (subProcess.adhoc !== undefined) {
+ this.updateBPMNSubProcessAdhoc(node, oldObject, subProcess, x, subChildCount, area);
+ }
+ if (subProcess.boundary !== undefined) {
+ this.updateBPMNSubProcessBoundary(node, subProcess);
+ }
+ if (subProcess.collapsed !== undefined) {
+ this.updateBPMNSubProcessCollapsed(node, oldObject, subProcess, x, subChildCount, area, diagram);
+ }
+ if (subProcess.compensation !== undefined) {
+ this.updateBPMNSubProcessCompensation(node, oldObject, subProcess, x, subChildCount, area);
+ }
+ if (subProcess.loop !== undefined) {
+ this.updateBPMNSubProcessLoop(node, oldObject, subProcess, x, subChildCount, area);
+ }
+ if (subProcess.transaction !== undefined) {
+ this.updateBPMNSubProcessTransaction(node, newObject, oldObject, diagram);
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNSubProcessEvent = function (node, newObject, oldObject, diagram) {
+ var bpmnShape = newObject.shape;
+ var elementWrapper = node.wrapper.children[0];
+ var nodeContent = elementWrapper.children[0];
+ var index;
+ var j = 0;
+ var elementWrapperChildLen = elementWrapper.children[0].children.length;
+ var subProcess = bpmnShape.activity.subProcess;
+ var events;
+ var start = 2;
+ for (var _i = 0, _a = Object.keys(subProcess.events); _i < _a.length; _i++) {
+ var key = _a[_i];
+ var eventIndex = Number(key);
+ var eventWrapper = nodeContent.children[eventIndex + start];
+ var actualEvent = node.shape.activity.subProcess.events[parseInt(eventIndex.toString(), 10)];
+ this.updateBPMNSubEvent(node, subProcess.events[parseInt(eventIndex.toString(), 10)], actualEvent, eventWrapper, newObject, oldObject, diagram);
+ }
+ };
+ BpmnDiagrams.prototype.updateBPMNSubEvent = function (node, newEvent, actualEvent, eventWrapper, newObject, oldObject, diagram) {
+ var elementWrapper = node.wrapper.children[0];
+ var bpmnShape = newObject.shape;
+ var child0 = eventWrapper.children[0];
+ var child1 = eventWrapper.children[1];
+ var child2 = eventWrapper.children[2];
+ var eventType;
+ var trigger;
+ if (newObject.style) {
+ if (newObject.style.strokeColor !== undefined || newObject.style.opacity !== undefined) {
+ elementWrapper.children[0].children[1].style.strokeColor = newObject.style.strokeColor;
+ elementWrapper.children[0].children[1].style.opacity = newObject.style.opacity;
+ }
+ }
+ if (bpmnShape.activity.subProcess !== undefined) {
+ eventType = newEvent.event;
+ trigger = newEvent.trigger;
+ }
+ if (eventType !== undefined) {
+ this.getEvent(newObject, oldObject, eventType, child0, child1, child2);
+ }
+ if (trigger !== undefined) {
+ if (newObject.style) {
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_6__["updateStyle"])(newObject.style, elementWrapper.children[0]);
+ }
+ var bpmnshapeTriggerdata = getBpmnTriggerShapePathData(trigger);
+ eventWrapper.children[2].data = bpmnshapeTriggerdata;
+ }
+ if (newEvent.height !== undefined || newEvent.width !== undefined) {
+ this.getEventSize(newEvent, eventWrapper);
+ }
+ if (newEvent.id !== undefined) {
+ eventWrapper.id = newEvent.id;
+ }
+ if (newEvent.margin !== undefined) {
+ eventWrapper.margin = newEvent.margin;
+ }
+ if (newEvent.horizontalAlignment !== undefined) {
+ eventWrapper.horizontalAlignment = newEvent.horizontalAlignment;
+ }
+ if (newEvent.verticalAlignment !== undefined) {
+ eventWrapper.verticalAlignment = newEvent.verticalAlignment;
+ }
+ if (newEvent.offset !== undefined) {
+ eventWrapper.setOffsetWithRespectToBounds(actualEvent.offset.x, actualEvent.offset.y, 'Fraction');
+ eventWrapper.relativeMode = 'Point';
+ }
+ if (newEvent.annotations !== undefined) {
+ var annotations = void 0;
+ var annotation = elementWrapper.children[0].children[2];
+ if (eventWrapper.children[3] && eventWrapper.children.length > 3) {
+ annotations = eventWrapper.children[3];
+ diagram.updateAnnotation(newEvent.annotations[0], annotations, annotation);
+ }
+ }
+ if (newEvent.ports !== undefined) {
+ var ports = void 0;
+ var port = elementWrapper.children[0].children[2];
+ if (eventWrapper.children[4] && eventWrapper.children.length > 4) {
+ ports = eventWrapper.children[4];
+ diagram.updatePort(newEvent.ports[0], ports, port);
+ }
+ }
+ if (newEvent.visible !== undefined) {
+ this.updateDiagramContainerVisibility(eventWrapper, newEvent.visible);
+ }
+ };
+ BpmnDiagrams.prototype.updateBPMNSubProcessTransaction = function (node, newObject, oldObject, diagram) {
+ var transaction = newObject.shape.activity.subProcess.transaction;
+ var eventContainer = node.wrapper.children[0].children[0].children[2];
+ var actualEvent;
+ if (transaction.success !== undefined) {
+ actualEvent = node.shape.activity.subProcess.transaction.success;
+ this.updateBPMNSubEvent(node, transaction.success, actualEvent, eventContainer.children[0], newObject, oldObject, diagram);
+ }
+ if (transaction.cancel !== undefined) {
+ actualEvent = node.shape.activity.subProcess.transaction.cancel;
+ this.updateBPMNSubEvent(node, transaction.cancel, actualEvent, eventContainer.children[1], newObject, oldObject, diagram);
+ }
+ if (transaction.failure !== undefined) {
+ actualEvent = node.shape.activity.subProcess.transaction.failure;
+ this.updateBPMNSubEvent(node, transaction.failure, actualEvent, eventContainer.children[2], newObject, oldObject, diagram);
+ }
+ for (var _i = 0, _a = node.outEdges; _i < _a.length; _i++) {
+ var edge = _a[_i];
+ var connector = diagram.nameTable["" + edge];
+ switch (connector.sourcePortID) {
+ case 'success':
+ if (transaction.success && transaction.success.visible !== undefined) {
+ diagram.connectorPropertyChange(connector, {}, { sourcePortID: 'success' });
+ }
+ break;
+ case 'cancel':
+ if (transaction.cancel && transaction.cancel.visible !== undefined) {
+ diagram.connectorPropertyChange(connector, {}, { sourcePortID: 'cancel' });
+ }
+ break;
+ case 'failure':
+ if (transaction.failure && transaction.failure.visible !== undefined) {
+ diagram.connectorPropertyChange(connector, {}, { sourcePortID: 'failure' });
+ }
+ break;
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getEventSize = function (events, wrapperChild) {
+ if (events.height !== undefined) {
+ wrapperChild.height = events.height;
+ wrapperChild.children[0].height = events.height;
+ wrapperChild.children[1].height = events.height * 0.85;
+ wrapperChild.children[2].height = events.height * 0.54;
+ }
+ if (events.width !== undefined) {
+ wrapperChild.width = events.width;
+ wrapperChild.children[0].width = events.width;
+ wrapperChild.children[1].width = events.width * 0.85;
+ wrapperChild.children[2].width = events.width * 0.54;
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNSubProcessAdhoc = function (node, oldObject, subProcess, x, subChildCount, area) {
+ var shape = node.shape;
+ var elementWrapper = node.wrapper.children[0].children[0];
+ var index = (node.shape.activity.subProcess.type === 'Transaction') ? 2 : 0;
+ if (subProcess.adhoc === false) {
+ elementWrapper.children[3 + index].visible = false;
+ }
+ else {
+ elementWrapper.children[3 + index].visible = true;
+ }
+ this.updateChildMargin(elementWrapper, subChildCount, area, x, 3 + index);
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNSubProcessBoundary = function (node, subProcess) {
+ var shape = node.shape;
+ var elementWrapper = (node.wrapper.children[0].children[0].children[0]);
+ if (subProcess.boundary === 'Default') {
+ elementWrapper.style.strokeWidth = 1;
+ elementWrapper.style.strokeDashArray = '1 0';
+ }
+ if (subProcess.boundary === 'Call') {
+ elementWrapper.style.strokeWidth = 4;
+ elementWrapper.style.strokeDashArray = '1 0';
+ }
+ if (subProcess.boundary === 'Event') {
+ elementWrapper.style.strokeWidth = 1;
+ elementWrapper.style.strokeDashArray = '2 2';
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateElementVisibility = function (node, visible, diagram) {
+ if (node.shape.activity.subProcess.processes
+ && node.shape.activity.subProcess.processes.length > 0) {
+ var processes = node.shape.activity.subProcess.processes;
+ for (var j = processes.length - 1; j >= 0; j--) {
+ var currentNode = diagram.nameTable[processes[parseInt(j.toString(), 10)]];
+ currentNode.visible = visible;
+ diagram.updateElementVisibility(currentNode.wrapper, currentNode, visible);
+ if (visible) {
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && currentNode.shape.shape === 'Event') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && currentNode.shape.bpmnShape === 'Event')) {
+ this.setEventVisibility(currentNode, currentNode.wrapper.children[0].children);
+ }
+ if (currentNode.shape.activity.activity === 'SubProcess') {
+ this.setSubProcessVisibility(currentNode);
+ }
+ }
+ var connectors = currentNode.inEdges.concat(currentNode.outEdges);
+ for (var i = connectors.length - 1; i >= 0; i--) {
+ var connector = diagram.nameTable[connectors[parseInt(i.toString(), 10)]];
+ connector.visible = visible;
+ diagram.updateElementVisibility(connector.wrapper, connector, visible);
+ }
+ }
+ }
+ if (visible) {
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && node.shape.shape === 'Event') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && node.shape.bpmnShape === 'Event')) {
+ this.setEventVisibility(node, node.wrapper.children[0].children);
+ }
+ if (node.shape.activity.activity === 'SubProcess') {
+ this.setSubProcessVisibility(node);
+ }
+ if (node.shape.activity.activity === 'Task' &&
+ ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && node.shape.shape === 'Activity') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_15__["isBlazor"])() && node.shape.bpmnShape === 'Activity'))
+ && node.shape.activity.subProcess.loop === 'None') {
+ node.wrapper.children[0].children[0].children[3].visible = false;
+ }
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNSubProcessCollapsed = function (node, oldObject, subProcess, x, subChildCount, area, diagram) {
+ var eventLength = node.shape.activity.subProcess.events.length;
+ var elementWrapper = node.wrapper.children[0].children[0];
+ var index = (node.shape.activity.subProcess.type === 'Transaction') ? 3 : 1;
+ if (subProcess.collapsed === false) {
+ this.updateElementVisibility(node, true, diagram);
+ elementWrapper.children[index + eventLength].visible = false;
+ }
+ else {
+ this.updateElementVisibility(node, false, diagram);
+ elementWrapper.children[index + eventLength].visible = true;
+ }
+ this.updateChildMargin(elementWrapper, subChildCount, area, x, 3 + eventLength);
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNSubProcessCompensation = function (node, oldObject, subProcess, x, subChildCount, area) {
+ var elementWrapper = node.wrapper.children[0].children[0];
+ var index = (node.shape.activity.subProcess.type === 'Transaction') ? 2 : 0;
+ if (subProcess.compensation === false) {
+ elementWrapper.children[4 + index].visible = false;
+ }
+ else {
+ elementWrapper.children[4 + index].visible = true;
+ }
+ this.updateChildMargin(elementWrapper, subChildCount, area, x, 4 + index);
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNSubProcessLoop = function (node, oldObject, subProcess, x, subChildCount, area) {
+ this.updateBPMNActivityTaskLoop(node, node, x, subChildCount, area, 1);
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateBPMNConnector = function (actualObject, oldObject, connection, diagram) {
+ var flowType = connection.shape;
+ //EJ2-66905 - Changing BPMN flow connectors at runtime is not working properly.
+ var flow = actualObject.shape.flow;
+ if ((flowType.flow === 'Sequence' || flowType.sequence) && flow === 'Sequence') {
+ actualObject = this.getSequence(actualObject, oldObject, connection, diagram);
+ }
+ if ((flowType.flow === 'Association' || flowType.association) && flow === 'Association') {
+ actualObject = this.getAssociation(actualObject, oldObject, connection, diagram);
+ }
+ if ((flowType.flow === 'Message' || flowType.message) && flow === 'Message') {
+ actualObject = this.getMessage(actualObject, oldObject, connection, diagram);
+ }
+ return actualObject;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getSequence = function (actualObject, oldObject, connection, diagram) {
+ if ((connection.shape.sequence) === 'Normal' || actualObject.shape.sequence === 'Normal') {
+ actualObject.targetDecorator.shape = 'Arrow';
+ actualObject.sourceDecorator.shape = 'None';
+ actualObject.style.strokeDashArray = 'None';
+ actualObject.targetDecorator.style.fill = 'black';
+ actualObject.targetDecorator.width = 10;
+ actualObject.targetDecorator.height = 10;
+ diagram.connectorPropertyChange(actualObject, oldObject, {
+ targetDecorator: { shape: 'Arrow', style: { fill: 'black' }, height: 10, width: 10 },
+ sourceDecorator: { shape: 'None' },
+ style: { strokeDashArray: 'None' }
+ });
+ actualObject.wrapper.children[3].visible = false;
+ }
+ if ((connection.shape.sequence) === 'Default' || actualObject.shape.sequence === 'Default') {
+ actualObject.targetDecorator.shape = 'Arrow';
+ actualObject.sourceDecorator.shape = 'None';
+ actualObject.style.strokeDashArray = 'None';
+ actualObject.targetDecorator.style.fill = 'black';
+ actualObject.targetDecorator.width = 10;
+ actualObject.targetDecorator.height = 10;
+ diagram.connectorPropertyChange(actualObject, oldObject, {
+ style: { strokeDashArray: 'None' },
+ targetDecorator: { shape: 'Arrow', style: { fill: 'black' }, height: 10, width: 10 },
+ sourceDecorator: { shape: 'None' }
+ });
+ var segment = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ var pathseq = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ var pathseqData = void 0;
+ segment = actualObject.getSegmentElement(actualObject, segment);
+ var anglePoints = actualObject.intermediatePoints;
+ for (var j = 0; j < anglePoints.length - 1; j++) {
+ // eslint-disable-next-line no-global-assign
+ length = length + actualObject.distance(anglePoints[parseInt(j.toString(), 10)], anglePoints[j + 1]);
+ pathseqData = actualObject.findPath(anglePoints[parseInt(j.toString(), 10)], anglePoints[j + 1]);
+ }
+ var content = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ content.data = pathseqData[0];
+ content.id = actualObject.id + '_' + connection.shape.sequence || actualObject.shape.sequence;
+ content.offsetX = pathseqData[1].x;
+ content.offsetY = pathseqData[1].y;
+ content.rotateAngle = 45;
+ content.transform = _enum_enum__WEBPACK_IMPORTED_MODULE_9__["Transform"].Self;
+ this.removeDomElement(actualObject, diagram, content);
+ }
+ if ((connection.shape.sequence) === 'Conditional' || actualObject.shape.sequence === 'Conditional') {
+ actualObject.sourceDecorator.shape = 'Diamond';
+ actualObject.sourceDecorator.width = 20;
+ actualObject.sourceDecorator.height = 10;
+ actualObject.sourceDecorator.style.fill = 'white';
+ actualObject.targetDecorator.style.fill = 'black';
+ actualObject.style.strokeDashArray = 'None';
+ actualObject.targetDecorator.shape = 'Arrow';
+ diagram.connectorPropertyChange(actualObject, oldObject, {
+ style: { strokeDashArray: 'None' },
+ targetDecorator: { shape: 'Arrow', style: { fill: 'black' }, height: 10, width: 10 },
+ sourceDecorator: { shape: 'Diamond', width: 20, height: 10, style: { fill: 'white' } }
+ });
+ actualObject.wrapper.children[3].visible = false;
+ }
+ return actualObject;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getAssociation = function (actualObject, oldObject, connection, diagram) {
+ if ((connection.shape.association) === 'Default' || actualObject.shape.association === 'Default') {
+ actualObject.sourceDecorator.shape = 'None';
+ actualObject.targetDecorator.shape = 'None';
+ actualObject.style.strokeDashArray = '2 2';
+ diagram.connectorPropertyChange(actualObject, oldObject, {
+ style: { strokeDashArray: '2 2' },
+ targetDecorator: { shape: 'None' },
+ sourceDecorator: { shape: 'None' }
+ });
+ actualObject.wrapper.children[3].visible = false;
+ }
+ if ((connection.shape.association) === 'Directional' || actualObject.shape.association === 'Directional') {
+ actualObject.sourceDecorator.shape = 'None';
+ actualObject.style.strokeDashArray = '2 2';
+ actualObject.targetDecorator.shape = 'OpenArrow';
+ actualObject.targetDecorator.width = 10;
+ actualObject.targetDecorator.height = 10;
+ diagram.connectorPropertyChange(actualObject, oldObject, {
+ style: { strokeDashArray: '2 2' },
+ targetDecorator: { shape: 'OpenArrow', width: 10, height: 10 },
+ sourceDecorator: { shape: 'None' }
+ });
+ actualObject.wrapper.children[3].visible = false;
+ }
+ if ((connection.shape.association) === 'BiDirectional' || actualObject.shape.association === 'BiDirectional') {
+ actualObject.sourceDecorator.shape = 'OpenArrow';
+ actualObject.targetDecorator.shape = 'OpenArrow';
+ actualObject.sourceDecorator.width = 10;
+ actualObject.sourceDecorator.height = 10;
+ actualObject.sourceDecorator.style.fill = 'black';
+ diagram.connectorPropertyChange(actualObject, oldObject, {
+ style: { strokeDashArray: '2 2' },
+ targetDecorator: { shape: 'OpenArrow', width: 10, height: 10 },
+ sourceDecorator: { shape: 'OpenArrow', width: 10, height: 10, style: { fill: 'black' } }
+ });
+ actualObject.wrapper.children[3].visible = false;
+ }
+ return actualObject;
+ };
+ /** @private */
+ BpmnDiagrams.prototype.getMessage = function (actualObject, oldObject, connection, diagram) {
+ var segmentOffset = 0.5;
+ var angle;
+ var pt;
+ actualObject.sourceDecorator.shape = 'Circle';
+ actualObject.sourceDecorator.width = 10;
+ actualObject.targetDecorator.shape = 'Arrow';
+ actualObject.sourceDecorator.height = 10;
+ actualObject.sourceDecorator.style.fill = 'White';
+ actualObject.targetDecorator.style.fill = 'White';
+ diagram.connectorPropertyChange(actualObject, oldObject, { sourceDecorator: { shape: 'Circle', style: { fill: 'White' }, width: 10, height: 10 }, targetDecorator: { shape: 'Arrow', style: { fill: 'white' } } });
+ var anglePoints = actualObject.intermediatePoints;
+ var length = 0;
+ for (var j = 0; j < anglePoints.length - 1; j++) {
+ /* eslint-disable */
+ length = length + actualObject.distance(anglePoints[j], anglePoints[j + 1]);
+ /* eslint-enable */
+ var offLength = length * segmentOffset;
+ if (length >= offLength) {
+ angle = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_10__["findAngle"])(anglePoints[parseInt(j.toString(), 10)], anglePoints[j + 1]);
+ pt = _primitives_point__WEBPACK_IMPORTED_MODULE_11__["Point"].transform(anglePoints[parseInt(j.toString(), 10)], angle, offLength);
+ }
+ }
+ var content = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_4__["PathElement"]();
+ actualObject.wrapper.children[0].style.strokeDashArray = ' 4 4';
+ actualObject.style.strokeDashArray = '4 4';
+ content.id = actualObject.id + '_' + connection.shape.message || actualObject.shape.message;
+ content.width = 25;
+ content.height = 15;
+ content.data = 'M0,0 L19.8,12.8 L40,0 L0, 0 L0, 25.5 L40, 25.5 L 40, 0';
+ content.horizontalAlignment = 'Center';
+ content.verticalAlignment = 'Center';
+ content.transform = _enum_enum__WEBPACK_IMPORTED_MODULE_9__["Transform"].Self;
+ content.style.fill = connection.shape.message === 'NonInitiatingMessage' ?
+ 'lightgrey' : 'white';
+ content.offsetX = pt.x;
+ content.offsetY = pt.y;
+ if ((connection.shape.message !== 'Default' && connection.shape.message !== undefined) || actualObject.shape.message !== 'Default') {
+ content.style.fill = (connection.shape.message || actualObject.shape.message) === 'NonInitiatingMessage' ?
+ 'lightgrey' : 'white';
+ }
+ else {
+ content.visible = false;
+ }
+ this.removeDomElement(actualObject, diagram, content);
+ return actualObject;
+ };
+ // To remove old wrapper element from dom.
+ BpmnDiagrams.prototype.removeDomElement = function (actualObject, diagram, content) {
+ for (var _i = 0, _a = diagram.views; _i < _a.length; _i++) {
+ var elementId = _a[_i];
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_14__["removeElement"])(actualObject.id + '_groupElement', elementId);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_14__["removeElement"])(actualObject.id + '_content_groupElement', elementId);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_14__["removeElement"])(actualObject.id + '_html_element', elementId);
+ }
+ actualObject.wrapper.children.splice(3, 1);
+ actualObject.wrapper.children.splice(3, 0, content);
+ };
+ //End update Region
+ //size updation
+ BpmnDiagrams.prototype.setSizeForBPMNEvents = function (event, wrapper, width, height) {
+ wrapper.children[0].width = width;
+ wrapper.children[0].height = height;
+ //child node 1 - event node
+ var eventNode = wrapper.children[1];
+ eventNode.width = width * 0.85;
+ eventNode.height = height * 0.85;
+ var triggerNode = wrapper.children[2];
+ if (event.trigger === 'Message') {
+ triggerNode.width = width * 0.54;
+ triggerNode.height = height * 0.4;
+ }
+ else {
+ triggerNode.width = width * 0.5;
+ triggerNode.height = height * 0.5;
+ }
+ };
+ /** @private */
+ BpmnDiagrams.prototype.updateAnnotationDrag = function (node, diagram, tx, ty) {
+ var checkAnnotation = node.id.split('_');
+ if (checkAnnotation[1] === 'textannotation') {
+ var parentNode = void 0;
+ for (var j = 0; j < node.inEdges.length; j++) {
+ var connector = diagram.nameTable[node.inEdges[parseInt(j.toString(), 10)]];
+ if (connector) {
+ parentNode = diagram.nameTable[connector.sourceID];
+ }
+ var start = { x: node.offsetX + tx, y: node.offsetY + ty };
+ var end = connector.sourcePoint;
+ var length_1 = _primitives_point__WEBPACK_IMPORTED_MODULE_11__["Point"].findLength(start, end);
+ var angle = _primitives_point__WEBPACK_IMPORTED_MODULE_11__["Point"].findAngle(end, start);
+ if (parentNode.shape.annotations) {
+ for (var x = 0; x < (parentNode.shape.annotations).length; x++) {
+ if ((parentNode.shape.annotations)[parseInt(x.toString(), 10)].id === checkAnnotation[checkAnnotation.length - 1]) {
+ (parentNode.shape.annotations[parseInt(x.toString(), 10)]).length = length_1;
+ (parentNode.shape.annotations[parseInt(x.toString(), 10)]).angle = angle;
+ this.setAnnotationPath(parentNode.wrapper.bounds, node.wrapper, start, node);
+ return false;
+ }
+ }
+ }
+ }
+ }
+ if (node.processId) {
+ this.drag(node, tx, ty, diagram);
+ return true;
+ }
+ return false;
+ };
+ BpmnDiagrams.prototype.getAnnotationPathAngle = function (point, bounds) {
+ var direction = Object(_utility_connector__WEBPACK_IMPORTED_MODULE_10__["getPortDirection"])(point, bounds, bounds, false);
+ var rotateAngle = 0;
+ switch (direction) {
+ case 'Right':
+ rotateAngle = 0;
+ break;
+ case 'Left':
+ rotateAngle = 180;
+ break;
+ case 'Bottom':
+ rotateAngle = 90;
+ break;
+ case 'Top':
+ rotateAngle = 270;
+ break;
+ }
+ return rotateAngle;
+ };
+ BpmnDiagrams.prototype.setSizeForBPMNGateway = function (event, wrapper, width, height) {
+ wrapper.children[0].width = width;
+ wrapper.children[0].height = height;
+ wrapper.children[1].width = width * 0.45;
+ wrapper.children[1].height = height * 0.45;
+ };
+ BpmnDiagrams.prototype.setSizeForBPMNDataObjects = function (event, wrapper, width, height) {
+ wrapper.children[0].width = width;
+ wrapper.children[0].height = height;
+ };
+ BpmnDiagrams.prototype.setSizeForBPMNActivity = function (activity, wrapper, width, height, node) {
+ //child node 1 - event node
+ wrapper.children[0].width = width;
+ wrapper.children[0].height = height;
+ wrapper.children[0].children[0].width = width;
+ wrapper.children[0].children[0].height = height;
+ if (activity.subProcess.type === 'Transaction') {
+ wrapper.children[0].children[1].width = Math.max(width - 6, 1);
+ wrapper.children[0].children[1].height = Math.max(height - 6, 1);
+ wrapper.children[0].children[2].width = width;
+ wrapper.children[0].children[2].height = height;
+ }
+ var taskNode = new _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_1__["DiagramElement"]();
+ var x;
+ var size = this.getSize(node, taskNode);
+ var childCount;
+ var iconSpace = 4;
+ if (activity.activity === 'Task') {
+ childCount = this.getTaskChildCount(node);
+ }
+ else {
+ childCount = this.getSubprocessChildCount(node);
+ }
+ var childSpace = childCount * 12;
+ var area = (width || size.width) / 2;
+ if (childCount === 1) {
+ x = area - 6;
+ }
+ else {
+ x = area - (childSpace / 2) - ((childCount - 1) * iconSpace) / 2;
+ }
+ for (var i = 0; i < wrapper.children[0].children.length; i++) {
+ if (wrapper.children[0].children[parseInt(i.toString(), 10)].visible &&
+ (wrapper.children[0].children[parseInt(i.toString(), 10)].id.indexOf('_loop') > -1 ||
+ wrapper.children[0].children[parseInt(i.toString(), 10)].id.indexOf('_0_compensation') > -1 ||
+ wrapper.children[0].children[parseInt(i.toString(), 10)].id.indexOf('_0_adhoc') > -1 ||
+ wrapper.children[0].children[parseInt(i.toString(), 10)].id.indexOf('_0_collapsed') > -1)) {
+ wrapper.children[0].children[parseInt(i.toString(), 10)].margin.left = x;
+ x += wrapper.children[0].children[parseInt(i.toString(), 10)].actualSize.width + iconSpace;
+ }
+ }
+ };
+ BpmnDiagrams.prototype.updateDiagramContainerVisibility = function (element, visible) {
+ if (element instanceof _core_containers_container__WEBPACK_IMPORTED_MODULE_3__["Container"]) {
+ for (var i = 0; i < element.children.length; i++) {
+ this.updateDiagramContainerVisibility(element.children[parseInt(i.toString(), 10)], visible);
+ }
+ }
+ element.visible = visible;
+ };
+ /**
+ *To destroy the ruler
+ *
+ * @returns {void} To destroy the ruler
+ */
+ BpmnDiagrams.prototype.destroy = function () {
+ /**
+ * Destroys the BpmnDiagrams module
+ */
+ };
+ /**
+ * Get module name.
+ *
+ * @returns {string} Get module name.
+ */
+ BpmnDiagrams.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'Bpmn';
+ };
+ return BpmnDiagrams;
+}());
+
+/**
+ * getBpmnShapePathData method \
+ *
+ * @returns { string } getBpmnShapePathData method .\
+ * @param {string} shape - provide the shape value.
+ *
+ * @private
+ */
+function getBpmnShapePathData(shape) {
+ return bpmnShapes[shape.toString()];
+}
+/**
+ * getBpmnTriggerShapePathData method \
+ *
+ * @returns { string } getBpmnTriggerShapePathData method .\
+ * @param {string} shape - provide the shape value.
+ *
+ * @private
+ */
+function getBpmnTriggerShapePathData(shape) {
+ return bpmnTriggerShapes[shape.toString()];
+}
+/**
+ * getBpmnGatewayShapePathData method \
+ *
+ * @returns { string } getBpmnGatewayShapePathData method .\
+ * @param {string} shape - provide the shape value.
+ *
+ * @private
+ */
+function getBpmnGatewayShapePathData(shape) {
+ return bpmnGatewayShapes[shape.toString()];
+}
+/**
+ * getBpmnTaskShapePathData method \
+ *
+ * @returns { string } getBpmnTaskShapePathData method .\
+ * @param {string} shape - provide the shape value.
+ *
+ * @private
+ */
+function getBpmnTaskShapePathData(shape) {
+ return bpmnTaskShapes[shape.toString()];
+}
+/**
+ * getBpmnLoopShapePathData method \
+ *
+ * @returns { string } getBpmnLoopShapePathData method .\
+ * @param {string} shape - provide the shape value.
+ *
+ * @private
+ */
+function getBpmnLoopShapePathData(shape) {
+ return bpmnLoopShapes[shape.toString()];
+}
+var bpmnShapes = {
+ 'Event': 'M80.5,12.5 C80.5,19.127417 62.59139,24.5 40.5,24.5 C18.40861,24.5 0.5,19.127417 0.5,12.5' +
+ 'C0.5,5.872583 18.40861,0.5 40.5,0.5 C62.59139,0.5 80.5,5.872583 80.5,12.5 z',
+ 'Message': 'M0,0L19.8,12.8L40,0L0,0L0,25.5L40,25.5L40,0z',
+ 'DataSource': 'M 0 10.6 c 0 5.9 16.8 10.6 37.5 10.6 S 75 16.4 75 10.6 v 0 v 68.9 v -0.1 C 75 85.3 58.2 90 37.5 90 ' +
+ 'S 0 85.3 0 79.4 l 0 0.1 V 56 V 40.6 L 0 10.6 C 0 4.7 16.8 0 37.5 0 S 75 4.7 75 10.6 S 58.2 21.2 37.5 21.2' +
+ 'S 0 16.5 0 10.6 l 0 6.7 v -0.2 c 0 5.9 16.8 10.6 37.5 10.6 S 75 22.9 75 17.1 v 6.8 v -0.1 ' +
+ 'c 0 5.9 -16.8 10.6 -37.5 10.6 S 0 29.6 0 23.8',
+ 'SubProcess': 'M100,100 h200 a20,20 0 0 1 20,20 v200 a20,20 0 0 1 -20,20 h-200 ' +
+ 'a20,20 0 0 1 -20,-20 v-200 a20,20 0 0 1 20,-20 z',
+ 'collapsedShape': 'M 8.13789 15 H 0 V 0 H 8.13789 V 15 Z M 0.625991 13.75 H 7.51189 V 1.25 H 0.625991 V 13.75 Z ' +
+ 'M 2.18095 7.03125 L 5.95631 7.03125 L 5.95631 7.46875 L 2.18095 7.46875 Z M 3.8342 3.73 ' +
+ 'L 4.30369 3.73 L 4.30369 11.2687 L 3.8342 11.2687 Z'
+};
+var bpmnTriggerShapes = {
+ // 'None': '',
+ 'Message': 'M0,0 L19.8,12.8 L40,0 L0, 0 L0, 25.5 L40, 25.5 L 40, 0',
+ 'Timer': 'M40,20c0,8.654-5.496,16.024-13.189,18.81' +
+ 'C24.685,39.58,22.392,40,20,40C8.954,40,0,31.046,0,20S8.954,0,20,0S40,8.954,40,20z M20,0 L20,2.583 L20,5.283 M10.027,2.681' +
+ 'L11.659,5.507 L12.669,7.257 M2.731,9.989 L6.014,11.885 L7.307,12.631 M0.067,19.967 L2.667,19.967 L5.35,19.967' +
+ 'M2.748,29.939 L5.731,28.217 L7.323,27.298 M10.056,37.236 L11.292,35.095 L12.698,32.66 M20.033,39.9 L20.033,36.417 L20.033,34.617' +
+ 'M30.006,37.219 L28.893,35.292 L27.364,32.643 M37.302,29.911 L34.608,28.355 L32.727,27.269' +
+ 'M39.967,19.933 L37.417,19.933 L34.683,19.933 M37.286,9.961 L34.583,11.521 L32.71,12.602 M29.977,2.664 L28.653,4.957 L27.336,' +
+ '7.24 M22.104,8.5 L19.688,20 L24.75,20 L31.604,20 L24.75,20 L19.688,20z',
+ 'Error': 'M 23.77 18.527 l -7.107 27.396 l 8.507 -17.247 L 36.94 40.073 l 6.394 -25.997 l -8.497 15.754 L 23.77 18.527 Z',
+ 'Escalation': 'M 30.001 8.098 L 11.842 43.543 l 18.159 -18.882 l 18.162 18.882 L 30.001 8.098 Z ',
+ 'Cancel': 'M 3.5 16 L 0 12.6 L 4.6 8 L 0 3.5 L 3.4 0 L 8 4.6 l 4.5 -4.5 L 16 3.5 L 11.5 8 l 4.5 4.5 l -3.4 3.5 L 8 11.4 L 3.5 16 Z',
+ 'Compensation': 'M 25.7086 0 L 0 25 L 25.7086 50 V 26.3752 L 50 50 V 0 L 25.7086 23.6248 V 0 Z ',
+ 'Conditional': 'M 0 0 H 16 V 16 H 0 z M 1.14 3.2 H 14.85 M 1.14 6.4 H 14.85 M 1.14 9.6 H 14.85 M 1.14 12.8 H 14.85',
+ 'Link': 'M 32.014 19.258 v 5.992 H 9.373 v 9.504 h 22.641 v 5.988 L 50.622 30 L 32.014 19.258 Z',
+ 'Signal': 'M 50 50 H 0 L 25.0025 0 L 50 50 Z',
+ 'Terminate': 'M 25 50 C 11.21 50 0 38.79 0 25 C 0 11.21 11.21 0 25 0 C 38.78 0 50 11.21 50 25 C 50 38.79 38.78 50 25 50',
+ 'Multiple': 'M 17.784 48.889 H 42.21 l 7.548 -23.23 L 29.997 11.303 L 10.236 25.658 L 17.784 48.889 Z',
+ 'Parallel': 'M 27.276 49.986 h 5.58 v -17.15 h 17.146 V 27.17 h -17.15 l 0.004 -17.15 h -5.58 l -0.004 17.15 ' +
+ 'H 9.994 v 5.666 h 17.278 L 27.276 49.986 Z'
+};
+var bpmnGatewayShapes = {
+ 'None': '',
+ //exclusive
+ 'Exclusive': 'M 11.196 29.009 l 6.36 -9.712 l -5.764 -8.899 h 4.393 l 3.732 5.979 l 3.656 -5.979 h 4.354 l -5.789 9.039' +
+ 'l 6.36 9.572 h -4.532 l -4.126 -6.437 l -4.139 6.437 H 11.196 Z',
+ //inclusive
+ 'Inclusive': 'M 20.323 31.333 c -6.625 0 -12.015 -5.39 -12.015 -12.015 s 5.39 -12.015 12.015 -12.015 ' +
+ 's 12.016 5.39 12.016 12.015 S 26.948 31.333 20.323 31.333 Z M 20.323 9.303 c -5.522 0 -10.015 4.493 -10.015 10.015 ' +
+ 's 4.492 10.015 10.015 10.015 s 10.016 -4.493 10.016 -10.015 S 25.846 9.303 20.323 9.303 Z',
+ //parallel
+ 'Parallel': 'M 18.394 29.542 v -8.833 H 9.626 v -3.691 h 8.768 V 8.251 h 3.734 v 8.767 h 8.768 v 3.691 h -8.768 v 8.833 H 18.394 Z',
+ //complex
+ 'Complex': 'M29.198,19.063L23.089,19.063L27.794,14.358L26.38,12.944L21.223,18.101L21.223,10.443L19.223,10.443L19.223,17.976' +
+ 'L14.022,12.776L12.608,14.19L17.48,19.063L10.365,19.063L10.365,21.063L18.261,21.063L12.392,26.932L13.806,28.346' +
+ 'L19.223,22.929L19.223,30.225L21.223,30.225L21.223,22.805L25.925,27.507L27.339,26.093L22.309,21.063L29.198,21.063z',
+ //eventbased
+ 'EventBased': 'M 20.322 29.874 c -5.444 0 -9.873 -4.43 -9.873 -9.874 s 4.429 -9.874 9.873 -9.874 s 9.874 4.429 9.874 9.874 ' +
+ 'S 25.767 29.874 20.322 29.874 Z M 20.322 32.891 c -7.107 0 -12.89 -5.783 -12.89 -12.891 c 0 -7.107 5.782 -12.89 12.89 -12.89 ' +
+ 'c 7.108 0 12.891 5.783 12.891 12.89 C 33.213 27.108 27.431 32.891 20.322 32.891 Z M 24.191 25.386 ' +
+ 'h -7.984 l -2.469 -7.595 l 6.461 -4.693 l 6.461 4.693 L 24.191 25.386 Z',
+ //exclusive event based
+ 'ExclusiveEventBased': 'M 30 15 C 30 23.28 23.28 30 15 30 S 0 23.28 0 15 S 6.72 0 15 0 S 30 6.72 30 15 z M 15 5 ' +
+ 'L 5 12.5 L 8 22.5 H 22 L 25 12.5 z',
+ //parallel event based
+ 'ParallelEventBased': 'M 35 17.5 C 35 27.16 27.16 35 17.5 35 S 0 27.16 0 17.5 S 7.84 0 17.5 0 S 35 7.84 35 17.5 z M 14.58 5.83 ' +
+ 'V 14.58 H 5.83 V 20.42 H 14.58 V 29.17 H 20.42 V 20.42 H 29.17 V 14.58 H 20.42 V 5.83 z'
+};
+var bpmnTaskShapes = {
+ 'None': '',
+ 'Service': 'M 32.699 20.187 v -4.005 h -3.32 c -0.125 -0.43 -0.292 -0.83 -0.488 -1.21 l 2.373 -2.375 ' +
+ 'l -2.833 -2.83 l -2.333 2.333 c -0.44 -0.253 -0.9 -0.448 -1.387 -0.595 v -3.32 h -4.003 v 3.32 c -0.46 0.137 -0.89' +
+ '0.322 -1.3 0.537 l -2.285 -2.275 l -2.833 2.83 l 2.285 2.278 c -0.235 0.42 -0.41 0.847 -0.547 1.307 h -3.33 v 4.005 h 3.33 ' +
+ 'c 0.148 0.488 0.343 0.955 0.588 1.395 l -2.325 2.325 l 2.822 2.832 l 2.373 -2.382 c 0.392 0.205 0.792 0.37 1.212 0.497 v 3.33 ' +
+ 'h 4.003 v -3.33 c 0.46 -0.138 0.89 -0.323 1.3 -0.547 l 2.43 2.432 l 2.822 -2.832 l -2.42 -2.422 c 0.222 -0.41 0.4 -0.85 0.535' +
+ '-1.297 H 32.699 Z M 22.699 21.987 c -2.1 0 -3.803 -1.703 -3.803 -3.803 c 0 -2.1 1.703 -3.803 3.803 -3.803 c 2.1 0 3.803 ' +
+ '1.703 3.803 3.803 C 26.502 20.285 24.8 21.987 22.699 21.987 Z',
+ 'Receive': 'M 12.217 12.134 v 13.334 h 20 V 12.134 H 12.217 Z M 30.44 13.007 l -8.223 5.35 l -8.223 -5.35 H 30.44 Z M 13.09' +
+ ' 24.594 V 13.459 l 9.127 5.94 l 9.127 -5.94 v 11.135 H 13.09 Z',
+ 'Send': 'M0,1.2260086 L8.0000002,8.3380068 16,1.2260086 16,12.000007 0,12.000007 z M1.6300015,0 L14.371001,0 8.0000055,5.662 z',
+ 'InstantiatingReceive': 'M 16.306 17.39 v 8.79 h 13.198 v -8.79 H 16.306 Z M 28.375 17.946 l -5.47 3.558 l -5.47 -3.558 ' +
+ 'H 28.375 Z M 28.948 25.625 H 16.861 v -7.389 l 6.043 3.931 l 6.043 -3.931 V 25.625 Z M 22.905 11.785' +
+ 'c -5.514 0 -9.999 4.486 -9.999 10 c 0 5.514 4.485 10 9.999 10 s 9.999 -4.486 9.999 -10 ' +
+ 'C 32.904 16.272 28.419 11.785 22.905 11.785 Z M 22.905 31.239 c -5.212 0 -9.453 -4.241 -9.453 -9.454' +
+ 'c 0 -5.212 4.241 -9.453 9.453 -9.453 s 9.452 4.241 9.452 9.453 C 32.357 26.998 28.117 31.239 22.905 31.239 Z',
+ 'Manual': 'M9.21 612 L5.82 612 L1.07 612 a1.07317 1 -180 0 1 -1.07317 -1 L0 604.75 A3.42007 1.59344 -180 0 0 1.61 604 L2.6 604 L5.99 604 a0.721171 0.672 0 0 1 0.721171 0.672 a0.721171 0.672 0 0 1 -0.721171 0.672 L2.6 605.34 a0.48818 0.183302 -90 0 0 0.0837073 0.342385 L5.63 605.69 a0.721171 0.672 0 0 1 0.184585 -0.0223847 L10.28 605.66 a0.721171 0.672 0 0 1 0.721171 0.672 a0.721171 0.672 0 0 1 -0.721171 0.672 L5.82 607.01 a0.721171 0.672 0 0 1 -0.184585 -0.0223847 L5.63 607.35 a0.721171 0.672 0 0 1 0.184585 -0.0223847 L10.01 607.33 a0.721171 0.672 0 0 1 0.721171 0.672 a0.721171 0.672 0 0 1 -0.721171 0.672 L5.82 608.67 a0.721171 0.672 0 0 1 -0.184585 -0.0223847 L5.63 609.01 a0.721171 0.672 0 0 1 0.184585 -0.0223847 L9.47 608.99 a0.721171 0.672 0 0 1 0.721171 0.672 a0.721171 0.672 0 0 1 -0.721171 0.672 L5.82 610.34 a0.721171 0.672 0 0 1 -0.184585 -0.0223847 L5.63 610.68 a0.721171 0.672 0 0 1 0.184585 -0.0223847 L9.21 610.66 a0.721171 0.672 0 0 1 0.721171 0.672 a0.721171 0.672 0 0 1 -0.721171 0.672',
+ 'BusinessRule': 'M 32.844 13.245 h -0.089 v 0 H 13.764 v -0.015 h -1.009 v 16.989 h 0.095 v 0.011 h 19.716 v -0.011 h 0.278 ' +
+ 'V 13.245 Z M 31.844 14.229 v 4.185 h -18.08 v -4.185 H 31.844 Z M 18.168 25.306 v 3.938 h -4.404 v -3.938 H 18.168 Z ' +
+ 'M 13.764 24.322 v -4.923 h 4.404 v 4.923 H 13.764 Z M 19.177 25.306 h 12.667 v 3.938 H 19.177 V 25.306 Z M 19.177 24.322' +
+ 'v -4.923 h 12.667 v 4.923 H 19.177 Z',
+ 'User': 'M8.6751149,13.75 L10.79009,18.703003 11.664047,18.696991 13.792084,13.75 13.824066,13.75 C18.177001,13.75 21.709022,' +
+ '17.259003 21.748998,21.60199 21.748998,21.649994 21.743993,21.700012 21.735021,21.747009 21.137981,24.774994 18.775997,' +
+ '27.144989 15.74904,27.75 L6.7491024,27.75 C3.7231224,27.144989 1.3601628,24.774994 0.76312089,21.747009 0.75414884,21.700012 0.74914402,' +
+ '21.649994 0.75012076,21.60199 0.78912175,17.259003 4.3221171,13.75 8.6751149,13.75 z M11.249014,0.75 C14.287014,0.75 16.749015,' +
+ '3.2119999 16.749015,6.25 16.749015,9.2880001 14.287014,11.75 11.249014,11.75 8.211015,11.75 5.7490147,9.2880001 5.7490147,6.25 5.7490147,3.2119999 8.211015,0.75 11.249014,0.75 z',
+ 'Script': 'M22.3,80.4 A82.9529,77.0159,-180,0,0,10.3,46.7 A69.8467,64.8477,0,0,1,0,19.7 A27.6207,25.6439,0,0,1,12.1,0 L84.7,0 A37.4124,34.7347,-180,0,0,77.7,19.6 A82.8871,76.9547,' +
+ '-180,0,0,89.7,53.3 A69.8146,64.81790000000001,0,0,1,100,80.3 A27.603399999999997,25.6278,0,0,1,87.9,100 L15.3,100 A37.4265,34.7479,-180,0,0,22.3,80.4 M12.5,28.6 L67.3,28.6 M18.3,42.9 L72.1,42.9 M80.8,' +
+ '57.1 L26,57.1 M85.6,71.4 L32.6,71.4'
+};
+var bpmnLoopShapes = {
+ 'None': '',
+ 'Standard': 'M 52.002 73.379 c -2.494 -2.536 -6.55 -2.534 -9.043 0 c -1.208 1.228 -1.874 2.861 -1.874 4.598 ' +
+ 'c 0 1.225 0.337 2.395 0.957 3.411 l -1.167 1.186 l 2.071 0.458 l 2.071 0.458 l -0.45 -2.106 l -0.45 -2.106 l -1.292 1.314' +
+ 'c -1.119 -2.065 -0.842 -4.709 0.877 -6.458 c 2.084 -2.119 5.475 -2.117 7.557 0 c 2.083 2.119 2.083 5.565 0 7.685' +
+ 'c -0.976 0.992 -2.272 1.557 -3.65 1.59 l 0.025 1.068 c 1.65 -0.041 3.2 -0.716 4.368 -1.903 ' +
+ 'c 1.208 -1.228 1.874 -2.861 1.874 -4.597 C 53.875 76.24 53.209 74.607 52.002 73.379 Z',
+ 'ParallelMultiInstance': 'M 51.5,69.5 L52.5,69.5 L52.5,84.5 L51.5 84.5 Z M 46.5,69.5 L47.5,69.5 L47.5,84.5 L46.5 84.5 Z' +
+ ' M 41.5,69.5 L42.5,69.5 L42.5,84.5 L41.5 84.5 Z ',
+ 'SequenceMultiInstance': 'M 40.375,71.5 L 55.375,71.5 L 55.375,72.5 L 40.375,72.5 Z M 40.375,76.5 L 55.375,76.5 ' +
+ 'L 55.375,77.5 L 40.375,77.5 Z M 40.375,76.5 L 55.375,76.5 L 55.375,77.5 L 40.375,77.5 Z M 40.375,81.5 L 55.375,81.5' +
+ 'L 55.375,82.5 L 40.375,82.5 Z'
+};
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector-bridging.js":
+/*!******************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector-bridging.js ***!
+ \******************************************************************************************/
+/*! exports provided: ConnectorBridging */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectorBridging", function() { return ConnectorBridging; });
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _utility_constraints_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utility/constraints-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js");
+/* eslint-disable jsdoc/require-returns */
+/* eslint-disable valid-jsdoc */
+
+
+
+
+/**
+ * ConnectorBridging defines the bridging behavior
+ */
+/** @private */
+var ConnectorBridging = /** @__PURE__ @class */ (function () {
+ /**
+ * Constructor for the bridging module
+ *
+ * @private
+ */
+ function ConnectorBridging() {
+ //constructs the bridging module
+ }
+ /**
+ * @param {Connector}conn - provide the target value.
+ * @param {Diagram}diagram - provide the target value.
+ * @private
+ */
+ ConnectorBridging.prototype.updateBridging = function (conn, diagram) {
+ var lastBridge = [];
+ var bounds;
+ conn.bridges = [];
+ if (Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_3__["canBridge"])(conn, diagram)) {
+ // if (this.canBridge(conn, diagram)) {
+ var points1 = this.getPoints(conn);
+ bounds = _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"].toBounds(points1);
+ var bridgeSpacing = conn.bridgeSpace;
+ var bgedir = diagram.bridgeDirection;
+ var count = -1;
+ var quads = diagram.connectors;
+ for (var q = 0; q < quads.length; q++) {
+ var connector1 = quads[parseInt(q.toString(), 10)];
+ if (conn && connector1 && conn.id !== connector1.id) {
+ var points2 = this.getPoints(connector1);
+ var bounds1 = _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"].toBounds(points2);
+ if (this.intersectsRect(bounds, bounds1)) {
+ var intersectPts = this.intersect(points1, points2, false, bgedir, true);
+ if (intersectPts.length > 0) {
+ for (var i = 0; i < intersectPts.length; i++) {
+ var fullLength = 0;
+ var length_1 = 0;
+ var segmentIndex = 0;
+ var pointIndex = 0;
+ var obj = this.getLengthAtFractionPoint(conn, intersectPts[parseInt(i.toString(), 10)]);
+ if (obj.pointIndex !== -1) {
+ length_1 = obj.lengthFractionIndex;
+ fullLength = obj.fullLength;
+ segmentIndex = obj.segmentIndex;
+ pointIndex = obj.pointIndex;
+ var stBridge = this.getPointAtLength((length_1 - (bridgeSpacing / 2)), points1);
+ var enBridge = this.getPointAtLength((length_1 + (bridgeSpacing / 2)), points1);
+ var fractLength = (length_1 - (bridgeSpacing / 2)) / fullLength;
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ fractLength = (length_1 + (bridgeSpacing / 2)) / fullLength;
+ if (this.isEmptyPoint(enBridge)) {
+ enBridge = stBridge;
+ }
+ var end = void 0;
+ var start = conn.sourcePoint;
+ if (conn.type === 'Straight') {
+ end = conn.targetPoint;
+ }
+ else {
+ end = conn.intermediatePoints[parseInt(pointIndex.toString(), 10)];
+ }
+ var angle = this.angleCalculation(start, end);
+ if (lastBridge.length) {
+ var fixedPoint = conn.sourcePoint;
+ var fix = Math.abs(this.lengthCalculation(fixedPoint, enBridge));
+ var var1 = 0;
+ var insertAt = -1;
+ count = -1;
+ for (var k = 0; k < lastBridge[parseInt(segmentIndex.toString(), 10)].bridges.length; k++) {
+ count++;
+ var arcSeg = lastBridge[parseInt(segmentIndex.toString(), 10)].bridges[parseInt(k.toString(), 10)];
+ var1 = Math.abs(this.lengthCalculation(fixedPoint, arcSeg.endPoint));
+ if (fix < var1) {
+ insertAt = count;
+ break;
+ }
+ }
+ if (insertAt >= 0) {
+ //let paths: ArcSegment;
+ // eslint-disable-next-line max-len
+ var paths = this.createSegment(stBridge, enBridge, angle, bgedir, pointIndex, conn, diagram);
+ paths.target = connector1.id;
+ lastBridge[parseInt(segmentIndex.toString(), 10)].bridges.splice(insertAt, 0, paths);
+ lastBridge[parseInt(segmentIndex.toString(), 10)].bridges.join();
+ lastBridge[parseInt(segmentIndex.toString(), 10)].bridgeStartPoint.splice(insertAt, 0, stBridge);
+ lastBridge[parseInt(segmentIndex.toString(), 10)].bridgeStartPoint.join();
+ lastBridge[parseInt(segmentIndex.toString(), 10)].segmentIndex = segmentIndex;
+ }
+ else {
+ //let paths: ArcSegment;
+ // eslint-disable-next-line max-len
+ var paths = this.createSegment(stBridge, enBridge, angle, bgedir, pointIndex, conn, diagram);
+ paths.target = connector1.id;
+ lastBridge[parseInt(segmentIndex.toString(), 10)].bridges.push(paths);
+ lastBridge[parseInt(segmentIndex.toString(), 10)].bridgeStartPoint.push(stBridge);
+ lastBridge[parseInt(segmentIndex.toString(), 10)].segmentIndex = segmentIndex;
+ }
+ }
+ else {
+ if (!isNaN(stBridge.x) && !isNaN(stBridge.y) && !this.isEmptyPoint(enBridge)) {
+ //let arcs: ArcSegment;
+ var bges = [];
+ var bgept = [];
+ // eslint-disable-next-line max-len
+ var arcs = this.createSegment(stBridge, enBridge, angle, bgedir, pointIndex, conn, diagram);
+ var bgseg = {
+ bridges: bges, bridgeStartPoint: bgept, segmentIndex: segmentIndex
+ };
+ arcs.target = connector1.id;
+ var stPoints = [];
+ var edPoints = [];
+ stPoints.push(stBridge);
+ edPoints.push(enBridge);
+ lastBridge[parseInt(segmentIndex.toString(), 10)] = bgseg;
+ lastBridge[parseInt(segmentIndex.toString(), 10)].bridges.push(arcs);
+ lastBridge[parseInt(segmentIndex.toString(), 10)].bridgeStartPoint = stPoints;
+ lastBridge[parseInt(segmentIndex.toString(), 10)].segmentIndex = segmentIndex;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ if (lastBridge.length !== 0) {
+ this.firstBridge(lastBridge, conn, bridgeSpacing);
+ }
+ }
+ };
+ /**
+ * @param {BridgeSegment[]}bridgeList - provide the bridgeList value.
+ * @param {Connector}connector - provide the connector value.
+ * @param {number}bridgeSpacing - provide the bridgeSpacing value.
+ * @private
+ */
+ ConnectorBridging.prototype.firstBridge = function (bridgeList, connector, bridgeSpacing) {
+ for (var i = 0; i < bridgeList.length; i++) {
+ var bridge = bridgeList[parseInt(i.toString(), 10)];
+ for (var k = 1; k < bridge.bridges.length; k++) {
+ if (_primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(bridge.bridges[parseInt(k.toString(), 10)].endPoint, bridge.bridges[k - 1].endPoint) < bridgeSpacing) {
+ bridge.bridges[k - 1].endPoint = bridge.bridges[parseInt(k.toString(), 10)].endPoint;
+ var subBridge = bridge.bridges[k - 1];
+ var arc = this.createBridgeSegment(subBridge.startPoint, subBridge.endPoint, subBridge.angle, bridgeSpacing, subBridge.sweep);
+ bridge.bridges[k - 1].path = arc;
+ bridge.bridges.splice(k, 1);
+ bridge.bridgeStartPoint.splice(k, 1);
+ k--;
+ }
+ }
+ var pre = connector.sourcePoint;
+ for (var j = 0; j < bridge.bridges.length; j++) {
+ var subBridge = bridge.bridges[parseInt(j.toString(), 10)]; //const preventChecking: boolean = true;
+ pre = subBridge.endPoint;
+ connector.bridges.push(subBridge);
+ }
+ }
+ };
+ /**
+ * @returns { ArcSegment } checkSourcePointInTarget method .\
+ * @param {PointModel}st- provide the st value.
+ * @param {PointModel}end- provide the end value.
+ * @param {number}angle- provide the angle value.
+ * @param {BridgeDirection}direction- provide the direction value.
+ * @param {number}index- provide the index value.
+ * @param {Connector}conn- provide the conn value.
+ * @param {Diagram} diagram- provide the diagram value.
+ * @private
+ */
+ ConnectorBridging.prototype.createSegment = function (st, end, angle, direction, index, conn, diagram) {
+ //let arc: string;
+ //let sweep: number;
+ var path = {
+ angle: 0, endPoint: { x: 0, y: 0 }, target: '', path: '',
+ segmentPointIndex: -1, startPoint: { x: 0, y: 0 }, sweep: 1, rendered: false
+ };
+ var sweep = this.sweepDirection(angle, direction, conn, diagram);
+ var arc = this.createBridgeSegment(st, end, angle, conn.bridgeSpace, sweep);
+ path.path = arc;
+ path.startPoint = st;
+ path.endPoint = end;
+ path.angle = angle;
+ path.segmentPointIndex = index;
+ path.sweep = sweep;
+ return path;
+ };
+ /**
+ * @param {PointModel}startPt- provide the startPt value.
+ * @param {PointModel}endPt- provide the endPt value.
+ * @param {number}angle- provide the angle value.
+ * @param {number}bridgeSpace- provide the bridgeSpace value.
+ * @param {number}sweep- provide the sweep value.
+ * @private
+ */
+ ConnectorBridging.prototype.createBridgeSegment = function (startPt, endPt, angle, bridgeSpace, sweep) {
+ var path = 'A ' + bridgeSpace / 2 + ' ' + bridgeSpace / 2 + ' ' + angle + ' , 1 ' + sweep + ' ' + endPt.x + ',' + endPt.y;
+ return path;
+ };
+ /**
+ * @param {number}angle- provide the source value.
+ * @param {BridgeDirection}bridgeDirection- provide the source value.
+ * @param {Connector}connector- provide the source value.
+ * @param {Diagram}diagram- provide the source value.
+ * @private
+ */
+ ConnectorBridging.prototype.sweepDirection = function (angle, bridgeDirection, connector, diagram) {
+ var angle1 = Math.abs(angle);
+ var sweep;
+ switch (bridgeDirection) {
+ case 'Top':
+ case 'Bottom':
+ sweep = 1;
+ if (angle1 >= 0 && angle1 <= 90) {
+ sweep = 0;
+ }
+ break;
+ case 'Left':
+ case 'Right':
+ sweep = 1;
+ if (angle < 0 && angle >= -180) {
+ sweep = 0;
+ }
+ break;
+ }
+ if (bridgeDirection === 'Right' || bridgeDirection === 'Bottom') {
+ if (sweep === 0) {
+ sweep = 1;
+ }
+ else {
+ sweep = 0;
+ }
+ }
+ return sweep;
+ };
+ /** @private */
+ ConnectorBridging.prototype.getPointAtLength = function (length, pts) {
+ var run = 0;
+ var pre;
+ var found = { x: 0, y: 0 };
+ for (var i = 0; i < pts.length; i++) {
+ var pt = pts[parseInt(i.toString(), 10)];
+ if (!pre) {
+ pre = pt;
+ continue;
+ }
+ else {
+ var l = this.lengthCalculation(pre, pt);
+ if (run + l > length) {
+ var r = length - run;
+ var deg = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findAngle(pre, pt);
+ var x = r * Math.cos(deg * Math.PI / 180);
+ var y = r * Math.sin(deg * Math.PI / 180);
+ found = { x: pre.x + x, y: pre.y + y };
+ break;
+ }
+ else {
+ run += l;
+ }
+ }
+ pre = pt;
+ }
+ return found;
+ };
+ /**
+ * @param {PointModel[]}connector- provide the source value.
+ * @private
+ */
+ ConnectorBridging.prototype.getPoints = function (connector) {
+ var points = [];
+ if (connector.intermediatePoints && (connector.type === 'Straight' || connector.type === 'Orthogonal')) {
+ for (var j = 0; j < connector.intermediatePoints.length; j++) {
+ points.push(connector.intermediatePoints[parseInt(j.toString(), 10)]);
+ }
+ }
+ return points;
+ };
+ ConnectorBridging.prototype.intersectsRect = function (rect1, rect2) {
+ return ((((rect2.x < (rect1.x + rect1.width)) && (rect1.x < (rect2.x + rect2.width)))
+ && (rect2.y < (rect1.y + rect1.height))) && (rect1.y < (rect2.y + rect2.height)));
+ };
+ /**
+ * @param {PointModel[]}points1- provide the source value.
+ * @param {PointModel[]}points2- provide the source value.
+ * @param {boolean}self- provide the source value.
+ * @param {BridgeDirection}bridgeDirection- provide the source value.
+ * @param {PointModel[]}zOrder- provide the source value.
+ * @private
+ */
+ ConnectorBridging.prototype.intersect = function (points1, points2, self, bridgeDirection, zOrder) {
+ if (self && points2.length >= 2) {
+ points2.splice(0, 1);
+ points2.splice(0, 1);
+ }
+ var points = [];
+ for (var i = 0; i < points1.length - 1; i++) {
+ var pt = this.inter1(points1[parseInt(i.toString(), 10)], points1[i + 1], points2, zOrder, bridgeDirection);
+ if (pt.length > 0) {
+ for (var k = 0; k < pt.length; k++) {
+ points.push(pt[parseInt(k.toString(), 10)]);
+ }
+ }
+ if (self && points2.length >= 1) {
+ points2.splice(0, 1);
+ }
+ }
+ return points;
+ };
+ /**
+ * @param {PointModel}startPt- provide the target value.
+ * @param {PointModel}endPt- provide the target value.
+ * @param {PointModel[]}pts- provide the target value.
+ * @param {boolean}zOrder- provide the target value.
+ * @param {BridgeDirection}bridgeDirection- provide the target value.
+ * @private
+ */
+ ConnectorBridging.prototype.inter1 = function (startPt, endPt, pts, zOrder, bridgeDirection) {
+ var points1 = [];
+ for (var i = 0; i < pts.length - 1; i++) {
+ var point = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_2__["intersect2"])(startPt, endPt, pts[parseInt(i.toString(), 10)], pts[i + 1]);
+ if (!this.isEmptyPoint(point)) {
+ var angle = this.angleCalculation(startPt, endPt);
+ var angle1 = this.angleCalculation(pts[parseInt(i.toString(), 10)], pts[i + 1]);
+ angle = this.checkForHorizontalLine(angle);
+ angle1 = this.checkForHorizontalLine(angle1);
+ switch (bridgeDirection) {
+ case 'Left':
+ case 'Right':
+ if (angle > angle1) {
+ points1.push(point);
+ }
+ break;
+ case 'Top':
+ case 'Bottom':
+ if (angle < angle1) {
+ points1.push(point);
+ }
+ break;
+ }
+ if (angle === angle1 && zOrder) {
+ points1.push(point);
+ }
+ }
+ }
+ return points1;
+ };
+ ConnectorBridging.prototype.checkForHorizontalLine = function (angle) {
+ var temp = 0;
+ var roundedAngle = Math.abs(angle);
+ if (roundedAngle > 90) {
+ temp = 180 - roundedAngle;
+ }
+ else {
+ temp = roundedAngle;
+ }
+ return temp;
+ };
+ ConnectorBridging.prototype.isEmptyPoint = function (point) {
+ return point.x === 0 && point.y === 0;
+ };
+ ConnectorBridging.prototype.getLengthAtFractionPoint = function (connector, pointAt) {
+ var confirm = 100;
+ var pointIndex = -1;
+ var fullLength = 0;
+ var segmentIndex = -1;
+ var count = 0;
+ var lengthAtFractionPt = 0;
+ var pt1 = connector.sourcePoint;
+ var previouspt2 = pt1;
+ var points = [];
+ for (var i = 0; i < connector.intermediatePoints.length; i++) {
+ var point2 = connector.intermediatePoints[parseInt(i.toString(), 10)];
+ points.push(point2);
+ }
+ for (var j = 0; j < points.length; j++) {
+ var pt2 = points[parseInt(j.toString(), 10)];
+ var suspect = this.getSlope(pt2, pt1, pointAt, connector);
+ if (suspect < confirm) {
+ confirm = suspect;
+ lengthAtFractionPt = fullLength + this.lengthCalculation(pointAt, previouspt2);
+ segmentIndex = count;
+ pointIndex = j;
+ }
+ fullLength += _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(pt2, pt1);
+ pt1 = pt2;
+ previouspt2 = pt2;
+ }
+ count++;
+ var lengthFraction = {
+ lengthFractionIndex: lengthAtFractionPt, fullLength: fullLength,
+ segmentIndex: segmentIndex, pointIndex: pointIndex
+ };
+ return lengthFraction;
+ };
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ ConnectorBridging.prototype.getSlope = function (startPt, endPt, point, connector) {
+ var three = 3.0;
+ var delX = Math.abs(startPt.x - endPt.x);
+ var delY = Math.abs(startPt.y - endPt.y);
+ var lhs = ((point.y - startPt.y) / (endPt.y - startPt.y));
+ var rhs = ((point.x - startPt.x) / (endPt.x - startPt.x));
+ if (!isFinite(lhs) || !isFinite(rhs) || isNaN(lhs) || isNaN(rhs)) {
+ if (startPt.x === endPt.x) {
+ if (startPt.y === endPt.y) {
+ return 10000;
+ }
+ else if (((startPt.y > point.y) && (point.y > endPt.y)) || ((startPt.y < point.y) && (point.y < endPt.y))) {
+ return Math.abs(startPt.x - point.x);
+ }
+ }
+ else if (startPt.y === endPt.y) {
+ if (((startPt.x > point.x) && (point.x > endPt.x)) || ((startPt.x < point.x) && (point.x < endPt.x))) {
+ return Math.abs(startPt.y - point.y);
+ }
+ }
+ }
+ else {
+ if ((startPt.x >= point.x && point.x >= endPt.x) || (startPt.x <= point.x && point.x <= endPt.x) || delX < three) {
+ if ((startPt.y >= point.y && point.y >= endPt.y) || (startPt.y <= point.y && point.y <= endPt.y) || delY < three) {
+ return Math.abs(lhs - rhs);
+ }
+ }
+ }
+ return 10000;
+ };
+ /**
+ * @param {PointModel}startPt- provide the target value.
+ * @param {PointModel}endPt- provide the target value.
+ * @private
+ */
+ ConnectorBridging.prototype.angleCalculation = function (startPt, endPt) {
+ var xDiff = startPt.x - endPt.x;
+ var yDiff = startPt.y - endPt.y;
+ return Math.atan2(yDiff, xDiff) * (180 / Math.PI);
+ };
+ ConnectorBridging.prototype.lengthCalculation = function (startPt, endPt) {
+ //removed a try catch from here
+ var len = Math.sqrt(((startPt.x - endPt.x) * (startPt.x - endPt.x)) + ((startPt.y - endPt.y) * (startPt.y - endPt.y)));
+ return len;
+ };
+ /**
+ *To destroy the ruler
+ *
+ * @returns {void} To destroy the ruler
+ */
+ ConnectorBridging.prototype.destroy = function () {
+ /**
+ * Destroys the bridging module
+ */
+ };
+ /**
+ * Core method to return the component name.
+ *
+ * @returns {string} Core method to return the component name.
+ * @private
+ */
+ ConnectorBridging.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'Bridging';
+ };
+ return ConnectorBridging;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js":
+/*!*********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js ***!
+ \*********************************************************************************/
+/*! exports provided: Decorator, Vector, BezierSettings, ConnectorShape, ActivityFlow, BpmnFlow, ConnectorSegment, StraightSegment, BezierSegment, OrthogonalSegment, DiagramConnectorSegment, getDirection, isEmptyVector, getBezierPoints, getBezierBounds, bezierPoints, MultiplicityLabel, ClassifierMultiplicity, RelationShip, DiagramConnectorShape, Connector */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Decorator", function() { return Decorator; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Vector", function() { return Vector; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BezierSettings", function() { return BezierSettings; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectorShape", function() { return ConnectorShape; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActivityFlow", function() { return ActivityFlow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BpmnFlow", function() { return BpmnFlow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectorSegment", function() { return ConnectorSegment; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StraightSegment", function() { return StraightSegment; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BezierSegment", function() { return BezierSegment; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OrthogonalSegment", function() { return OrthogonalSegment; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramConnectorSegment", function() { return DiagramConnectorSegment; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDirection", function() { return getDirection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isEmptyVector", function() { return isEmptyVector; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBezierPoints", function() { return getBezierPoints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBezierBounds", function() { return getBezierBounds; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "bezierPoints", function() { return bezierPoints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MultiplicityLabel", function() { return MultiplicityLabel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassifierMultiplicity", function() { return ClassifierMultiplicity; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RelationShip", function() { return RelationShip; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramConnectorShape", function() { return DiagramConnectorShape; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Connector", function() { return Connector; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _core_appearance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/appearance */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/appearance.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _core_elements_text_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../core/elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _utility_connector__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utility/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/connector.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _core_elements_path_element__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../core/elements/path-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/path-element.js");
+/* harmony import */ var _annotation__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./annotation */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/annotation.js");
+/* harmony import */ var _core_containers_canvas__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../core/containers/canvas */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/canvas.js");
+/* harmony import */ var _dictionary_common__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./dictionary/common */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/dictionary/common.js");
+/* harmony import */ var _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../core/elements/diagram-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js");
+/* harmony import */ var _node_base__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./node-base */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node-base.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./tooltip */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/tooltip.js");
+/* harmony import */ var _primitives_matrix__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../primitives/matrix */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/matrix.js");
+/* harmony import */ var _core_elements_html_element__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../core/elements/html-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/html-element.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _preview__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./preview */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/preview.js");
+/* harmony import */ var _fixed_user_handle__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./fixed-user-handle */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/fixed-user-handle.js");
+/* harmony import */ var _interaction_tool__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../interaction/tool */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/tool.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable jsdoc/require-param */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable valid-jsdoc */
+/* eslint-disable jsdoc/require-returns */
+/* eslint-disable @typescript-eslint/ban-types */
+/* eslint-disable no-self-assign */
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference
+/// ' + div.innerHTML + ' ');
+ printWind.document.close();
+ }
+ }
+ };
+ };
+ PrintAndExport.prototype.getContent = function (styleSheets) {
+ var snapConstraints = this.diagram.snapSettings.constraints;
+ this.diagram.snapSettings.constraints = (this.diagram.snapSettings.constraints & ~_enum_enum__WEBPACK_IMPORTED_MODULE_4__["SnapConstraints"].ShowLines);
+ this.diagram.dataBind();
+ this.diagram.clearSelection();
+ styleSheets = styleSheets || document.styleSheets;
+ var styleSheetRef = '';
+ for (var i = 0; i < styleSheets.length; i++) {
+ if (styleSheets[parseInt(i.toString(), 10)].href || typeof styleSheets[parseInt(i.toString(), 10)] === 'string') {
+ styleSheetRef += '';
+ }
+ }
+ var htmlData = document.getElementById(this.diagram.element.id + 'content').innerHTML;
+ var marginStyle = 'margin-left:' + 0 + 'px;margin-top:' + 0 + 'px;margin-right:'
+ + 0 + 'px;margin-bottom:' + 0 + 'px;';
+ htmlData = styleSheetRef + '';
+ var footer = '';
+ var body = svg.innerHTML;
+ var data = header + body + footer;
+ var svgDataUrl = prefix + btoa(data);
+ if (fileName == null) {
+ return svgDataUrl;
+ }
+ else {
+ this.download(this.getBlob(svgDataUrl), fileName + '.' + 'svg');
+ return null;
+ }
+ };
+ /**
+ * To save the signature as Blob.
+ *
+ * @returns {Blob}.
+ */
+ SignatureBase.prototype.saveAsBlob = function () {
+ return this.getBlob(this.canvasContext.canvas.toDataURL('image/png'));
+ };
+ /**
+ * To get the signature as Base 64.
+ *
+ * @private
+ * @param {SignatureFileType} type - Specifies the type of the image format.
+ * @returns {string}.
+ */
+ SignatureBase.prototype.getSignature = function (type) {
+ if (type === 'Jpeg') {
+ var imgData = this.canvasContext.getImageData(0, 0, this.element.width, this.element.height);
+ var data = imgData.data;
+ for (var i = 0; i < data.length; i += 4) {
+ if (data[i + 3] < 255) {
+ data[i] = 255 - data[i];
+ data[i + 1] = 255 - data[i + 1];
+ data[i + 2] = 255 - data[i + 2];
+ data[i + 3] = 255 - data[i + 3];
+ }
+ }
+ this.canvasContext.putImageData(imgData, 0, 0);
+ var dataURL = this.canvasContext.canvas.toDataURL('image/jpeg');
+ this.resizeHandler();
+ return dataURL;
+ }
+ else if (type === 'Svg') {
+ return this.toSVG(null);
+ }
+ else {
+ return this.canvasContext.canvas.toDataURL('image/png');
+ }
+ };
+ /**
+ * Get component name.
+ *
+ * @returns {string} - Module Name
+ * @private
+ */
+ SignatureBase.prototype.getModuleName = function () {
+ return 'signature';
+ };
+ /**
+ * To get the properties to be maintained in the persisted state.
+ *
+ * @returns {string} - Persist data
+ */
+ SignatureBase.prototype.getPersistData = function () {
+ this.signatureValue = this.snapColl[this.incStep];
+ return this.addOnPersist(['signatureValue']);
+ };
+ /**
+ * Removes the component from the DOM and detaches all its related event handlers.
+ * Also it maintains the initial input element from the DOM.
+ *
+ * @method destroy
+ * @returns {void}
+ */
+ SignatureBase.prototype.destroy = function () {
+ if (this.getModuleName() !== 'image-editor') {
+ this.unwireEvents(null);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], 'e-' + this.getModuleName());
+ this.element.removeAttribute('tabindex');
+ this.pointColl = null;
+ }
+ _super.prototype.destroy.call(this);
+ };
+ /**
+ * Modified onPropertyChanged method for both blazor and EJ2 signature component.
+ *
+ * @private
+ * @param {string} key - Specifies the property, which changed.
+ * @param {string} value - Specifies the property value changed.
+ * @returns {void}
+ */
+ SignatureBase.prototype.propertyChanged = function (key, value) {
+ var canvasNew = this.canvasContext;
+ switch (key) {
+ case 'backgroundColor':
+ canvasNew.canvas.style.backgroundColor = value;
+ this.backgroundColor = value;
+ break;
+ case 'backgroundImage':
+ canvasNew.canvas.style.backgroundImage = 'url(' + value + ')';
+ this.backgroundImage = value;
+ break;
+ case 'strokeColor':
+ canvasNew.fillStyle = value;
+ this.strokeColor = value;
+ break;
+ case 'saveWithBackground':
+ this.saveWithBackground = value;
+ break;
+ case 'maxStrokeWidth':
+ this.maxStrokeWidth = value;
+ break;
+ case 'minStrokeWidth':
+ this.minStrokeWidth = value;
+ break;
+ case 'velocity':
+ this.velocity = value;
+ break;
+ case 'isReadOnly':
+ this.isRead(value);
+ break;
+ case 'disabled':
+ this.enableOrDisable(value);
+ break;
+ }
+ };
+ return SignatureBase;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/form-validator/form-validator.js":
+/*!***********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/form-validator/form-validator.js ***!
+ \***********************************************************************************/
+/*! exports provided: regex, ErrorOption, FormValidator */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "regex", function() { return regex; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ErrorOption", function() { return ErrorOption; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormValidator", function() { return FormValidator; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+/**
+ * global declarations
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var regex = {
+ /* eslint-disable no-useless-escape */
+ EMAIL: new RegExp('^[A-Za-z0-9._%+-]{1,}@[A-Za-z0-9._%+-]{1,}([.]{1}[a-zA-Z0-9]{2,}' +
+ '|[.]{1}[a-zA-Z0-9]{2,4}[.]{1}[a-zA-Z0-9]{2,4})$'),
+ /* eslint-disable-next-line security/detect-unsafe-regex */
+ URL: /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/m,
+ DATE_ISO: new RegExp('^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$'),
+ DIGITS: new RegExp('^[0-9]*$'),
+ PHONE: new RegExp('^[+]?[0-9]{9,13}$'),
+ CREDITCARD: new RegExp('^\\d{13,16}$')
+ /* eslint-enable no-useless-escape */
+};
+/**
+ * ErrorOption values
+ *
+ * @private
+ */
+var ErrorOption;
+(function (ErrorOption) {
+ /**
+ * Defines the error message.
+ */
+ ErrorOption[ErrorOption["Message"] = 0] = "Message";
+ /**
+ * Defines the error element type.
+ */
+ ErrorOption[ErrorOption["Label"] = 1] = "Label";
+})(ErrorOption || (ErrorOption = {}));
+/**
+ * FormValidator class enables you to validate the form fields based on your defined rules
+ * ```html
+ *
+ *
+ * ```
+ */
+var FormValidator = /** @__PURE__ @class */ (function (_super) {
+ __extends(FormValidator, _super);
+ /**
+ * Initializes the FormValidator.
+ *
+ * @param {string | HTMLFormElement} element - Specifies the element to render as component.
+ * @param {FormValidatorModel} options - Specifies the FormValidator model.
+ * @private
+ */
+ function FormValidator(element, options) {
+ var _this = _super.call(this, options, element) || this;
+ _this.validated = [];
+ _this.errorRules = [];
+ _this.allowSubmit = false;
+ _this.required = 'required';
+ _this.infoElement = null;
+ _this.inputElement = null;
+ _this.selectQuery = 'input:not([type=reset]):not([type=button]), select, textarea';
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ _this.localyMessage = {};
+ /**
+ * Specifies the default messages for validation rules.
+ *
+ * @default { List of validation message }
+ */
+ _this.defaultMessages = {
+ required: 'This field is required.',
+ email: 'Please enter a valid email address.',
+ url: 'Please enter a valid URL.',
+ date: 'Please enter a valid date.',
+ dateIso: 'Please enter a valid date ( ISO ).',
+ creditcard: 'Please enter valid card number',
+ number: 'Please enter a valid number.',
+ digits: 'Please enter only digits.',
+ maxLength: 'Please enter no more than {0} characters.',
+ minLength: 'Please enter at least {0} characters.',
+ rangeLength: 'Please enter a value between {0} and {1} characters long.',
+ range: 'Please enter a value between {0} and {1}.',
+ max: 'Please enter a value less than or equal to {0}.',
+ min: 'Please enter a value greater than or equal to {0}.',
+ regex: 'Please enter a correct value.',
+ tel: 'Please enter a valid phone number.',
+ pattern: 'Please enter a correct pattern value.',
+ equalTo: 'Please enter the valid match text'
+ };
+ if (typeof _this.rules === 'undefined') {
+ _this.rules = {};
+ }
+ _this.l10n = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["L10n"]('formValidator', _this.defaultMessages, _this.locale);
+ if (_this.locale) {
+ _this.localeFunc();
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["onIntlChange"].on('notifyExternalChange', _this.afterLocalization, _this);
+ element = typeof element === 'string' ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])(element, document) : element;
+ // Set novalidate to prevent default HTML5 form validation
+ if (_this.element != null) {
+ _this.element.setAttribute('novalidate', '');
+ _this.inputElements = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])(_this.selectQuery, _this.element);
+ _this.createHTML5Rules();
+ _this.wireEvents();
+ }
+ else {
+ return undefined;
+ }
+ return _this;
+ }
+ FormValidator_1 = FormValidator;
+ /* eslint-enable @typescript-eslint/no-explicit-any */
+ /**
+ * Add validation rules to the corresponding input element based on `name` attribute.
+ *
+ * @param {string} name `name` of form field.
+ * @param {Object} rules Validation rules for the corresponding element.
+ * @returns {void}
+ */
+ FormValidator.prototype.addRules = function (name, rules) {
+ if (name) {
+ // eslint-disable-next-line no-prototype-builtins
+ if (this.rules.hasOwnProperty(name)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])(this.rules["" + name], rules, {});
+ }
+ else {
+ this.rules["" + name] = rules;
+ }
+ }
+ };
+ /**
+ * Remove validation to the corresponding field based on name attribute.
+ * When no parameter is passed, remove all the validations in the form.
+ *
+ * @param {string} name Input name attribute value.
+ * @param {string[]} rules List of validation rules need to be remove from the corresponding element.
+ * @returns {void}
+ */
+ FormValidator.prototype.removeRules = function (name, rules) {
+ if (!name && !rules) {
+ this.rules = {};
+ }
+ else if (this.rules["" + name] && !rules) {
+ delete this.rules["" + name];
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.rules["" + name] && rules)) {
+ for (var i = 0; i < rules.length; i++) {
+ delete this.rules["" + name][rules[parseInt(i.toString())]];
+ }
+ }
+ else {
+ return;
+ }
+ };
+ /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Validate the current form values using defined rules.
+ * Returns `true` when the form is valid otherwise `false`
+ *
+ * @param {string} selected - Optional parameter to validate specified element.
+ * @returns {boolean}
+ */
+ FormValidator.prototype.validate = function (selected) {
+ var rules = Object.keys(this.rules);
+ if (selected && rules.length) {
+ this.validateRules(selected);
+ //filter the selected element it don't have any valid input element
+ return rules.indexOf(selected) !== -1 && this.errorRules.filter(function (data) {
+ return data.name === selected;
+ }).length === 0;
+ }
+ else {
+ this.errorRules = [];
+ for (var _i = 0, rules_1 = rules; _i < rules_1.length; _i++) {
+ var name_1 = rules_1[_i];
+ this.validateRules(name_1);
+ }
+ return this.errorRules.length === 0;
+ }
+ };
+ /* eslint-enable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Reset the value of all the fields in form.
+ *
+ * @returns {void}
+ */
+ FormValidator.prototype.reset = function () {
+ this.element.reset();
+ this.clearForm();
+ };
+ /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Get input element by name.
+ *
+ * @param {string} name - Input element name attribute value.
+ * @returns {HTMLInputElement}
+ */
+ FormValidator.prototype.getInputElement = function (name) {
+ this.inputElement = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('[name="' + name + '"]', this.element));
+ return this.inputElement;
+ };
+ /* eslint-enable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Destroy the form validator object and error elements.
+ *
+ * @returns {void}
+ */
+ FormValidator.prototype.destroy = function () {
+ this.reset();
+ this.unwireEvents();
+ this.rules = {};
+ var elements = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + this.errorClass + ', .' + this.validClass, this.element);
+ for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {
+ var element = elements_1[_i];
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(element);
+ }
+ _super.prototype.destroy.call(this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["onIntlChange"].off('notifyExternalChange', this.afterLocalization);
+ };
+ /**
+ * @param {FormValidatorModel} newProp - Returns the dynamic property value of the component.
+ * @param {FormValidatorModel} oldProp - Returns the previous property value of the component.
+ * @returns {void}
+ * @private
+ */
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ FormValidator.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'locale':
+ this.localeFunc();
+ break;
+ }
+ }
+ };
+ /**
+ * @private
+ * @returns {void}
+ */
+ FormValidator.prototype.localeFunc = function () {
+ for (var _i = 0, _a = Object.keys(this.defaultMessages); _i < _a.length; _i++) {
+ var key = _a[_i];
+ this.l10n.setLocale(this.locale);
+ var value = this.l10n.getConstant(key);
+ this.localyMessage["" + key] = value;
+ }
+ };
+ /**
+ * @private
+ * @returns {string} - Returns the component name.
+ */
+ FormValidator.prototype.getModuleName = function () {
+ return 'formValidator';
+ };
+ /**
+ * @param {any} args - Specifies the culture name.
+ * @private
+ */
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+ FormValidator.prototype.afterLocalization = function (args) {
+ this.locale = args.locale;
+ this.localeFunc();
+ };
+ /**
+ * Allows you to refresh the form validator base events to the elements inside the form.
+ *
+ * @returns {void}
+ */
+ FormValidator.prototype.refresh = function () {
+ this.unwireEvents();
+ this.inputElements = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])(this.selectQuery, this.element);
+ this.wireEvents();
+ };
+ FormValidator.prototype.clearForm = function () {
+ this.errorRules = [];
+ this.validated = [];
+ var elements = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])(this.selectQuery, this.element);
+ for (var _i = 0, elements_2 = elements; _i < elements_2.length; _i++) {
+ var element = elements_2[_i];
+ var input = element;
+ input.removeAttribute('aria-invalid');
+ input.classList.remove(this.errorClass);
+ if (input.name.length > 0) {
+ this.getInputElement(input.name);
+ this.getErrorElement(input.name);
+ this.hideMessage(input.name);
+ }
+ input.classList.remove(this.validClass);
+ }
+ };
+ FormValidator.prototype.createHTML5Rules = function () {
+ var defRules = ['required', 'validateHidden', 'regex', 'rangeLength', 'maxLength', 'minLength', 'dateIso', 'digits',
+ 'pattern', 'data-val-required', 'type', 'data-validation', 'min', 'max', 'range', 'equalTo', 'data-val-minlength-min',
+ 'data-val-equalto-other', 'data-val-maxlength-max', 'data-val-range-min', 'data-val-regex-pattern', 'data-val-length-max',
+ 'data-val-creditcard', 'data-val-phone'];
+ var acceptedTypes = ['hidden', 'email', 'url', 'date', 'number', 'tel'];
+ for (var _i = 0, _a = (this.inputElements); _i < _a.length; _i++) {
+ var input = _a[_i];
+ // Default attribute rules
+ var allRule = {};
+ for (var _b = 0, defRules_1 = defRules; _b < defRules_1.length; _b++) {
+ var rule = defRules_1[_b];
+ if (input.getAttribute(rule) !== null) {
+ switch (rule) {
+ case 'required':
+ this.defRule(input, allRule, rule, input.required);
+ break;
+ case 'data-validation':
+ rule = input.getAttribute(rule);
+ this.defRule(input, allRule, rule, true);
+ break;
+ case 'type':
+ if (acceptedTypes.indexOf(input.type) !== -1) {
+ this.defRule(input, allRule, input.type, true);
+ }
+ break;
+ case 'rangeLength':
+ case 'range':
+ this.defRule(input, allRule, rule, JSON.parse(input.getAttribute(rule)));
+ break;
+ case 'equalTo':
+ {
+ var id = input.getAttribute(rule);
+ this.defRule(input, allRule, rule, id);
+ }
+ break;
+ default:
+ if (input.getAttribute('data-val') === 'true') {
+ this.annotationRule(input, allRule, rule, input.getAttribute(rule));
+ }
+ else {
+ this.defRule(input, allRule, rule, input.getAttribute(rule));
+ }
+ }
+ }
+ }
+ //adding pattern type validation
+ if (Object.keys(allRule).length !== 0) {
+ this.addRules(input.name, allRule);
+ }
+ }
+ };
+ FormValidator.prototype.annotationRule = function (input, ruleCon, ruleName, value) {
+ var annotationRule = ruleName.split('-');
+ var rulesList = ['required', 'creditcard', 'phone', 'maxlength', 'minlength', 'range', 'regex', 'equalto'];
+ var ruleFirstName = annotationRule[annotationRule.length - 1];
+ var ruleSecondName = annotationRule[annotationRule.length - 2];
+ if (rulesList.indexOf(ruleFirstName) !== -1) {
+ switch (ruleFirstName) {
+ case 'required':
+ this.defRule(input, ruleCon, 'required', value);
+ break;
+ case 'creditcard':
+ this.defRule(input, ruleCon, 'creditcard', value);
+ break;
+ case 'phone':
+ this.defRule(input, ruleCon, 'tel', value);
+ break;
+ }
+ }
+ else if (rulesList.indexOf(ruleSecondName) !== -1) {
+ switch (ruleSecondName) {
+ case 'maxlength':
+ this.defRule(input, ruleCon, 'maxLength', value);
+ break;
+ case 'minlength':
+ this.defRule(input, ruleCon, 'minLength', value);
+ break;
+ case 'range':
+ {
+ var minvalue = input.getAttribute('data-val-range-min');
+ var maxvalue = input.getAttribute('data-val-range-max');
+ this.defRule(input, ruleCon, 'range', [minvalue, maxvalue]);
+ }
+ break;
+ case 'equalto':
+ {
+ var id = input.getAttribute(ruleName).split('.');
+ this.defRule(input, ruleCon, 'equalTo', id[id.length - 1]);
+ }
+ break;
+ case 'regex':
+ this.defRule(input, ruleCon, 'regex', value);
+ break;
+ }
+ }
+ };
+ FormValidator.prototype.defRule = function (input, ruleCon, ruleName, value) {
+ var message = input.getAttribute('data-' + ruleName + '-message');
+ var annotationMessage = input.getAttribute('data-val-' + ruleName);
+ var customMessage;
+ if (this.rules[input.name] && ruleName !== 'validateHidden' && ruleName !== 'hidden') {
+ this.getInputElement(input.name);
+ customMessage = this.getErrorMessage(this.rules[input.name]["" + ruleName], ruleName);
+ }
+ if (message) {
+ value = [value, message];
+ }
+ else if (annotationMessage) {
+ value = [value, annotationMessage];
+ }
+ else if (customMessage) {
+ value = [value, customMessage];
+ }
+ ruleCon["" + ruleName] = value;
+ };
+ // Wire events to the form elements
+ FormValidator.prototype.wireEvents = function () {
+ for (var _i = 0, _a = (this.inputElements); _i < _a.length; _i++) {
+ var input = _a[_i];
+ if (FormValidator_1.isCheckable(input)) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(input, 'click', this.clickHandler, this);
+ }
+ else if (input.tagName === 'SELECT') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(input, 'change', this.changeHandler, this);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(input, 'focusout', this.focusOutHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(input, 'keyup', this.keyUpHandler, this);
+ }
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'submit', this.submitHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'reset', this.resetHandler, this);
+ };
+ // UnWire events to the form elements
+ FormValidator.prototype.unwireEvents = function () {
+ for (var _i = 0, _a = (this.inputElements); _i < _a.length; _i++) {
+ var input = _a[_i];
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].clearEvents(input);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'submit', this.submitHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'reset', this.resetHandler);
+ };
+ // Handle input element focusout event
+ FormValidator.prototype.focusOutHandler = function (e) {
+ this.trigger('focusout', e);
+ //FormValidator.triggerCallback(this.focusout, e);
+ var element = e.target;
+ if (this.rules[element.name]) {
+ if (this.rules[element.name][this.required] || element.value.length > 0) {
+ this.validate(element.name);
+ }
+ else if (this.validated.indexOf(element.name) === -1) {
+ this.validated.push(element.name);
+ }
+ }
+ };
+ // Handle input element keyup event
+ FormValidator.prototype.keyUpHandler = function (e) {
+ this.trigger('keyup', e);
+ var element = e.target;
+ // List of keys need to prevent while validation
+ var excludeKeys = [16, 17, 18, 20, 35, 36, 37, 38, 39, 40, 45, 144, 225];
+ if (e.which === 9 && (!this.rules[element.name] || (this.rules[element.name] && !this.rules[element.name][this.required]))) {
+ return;
+ }
+ if (this.validated.indexOf(element.name) !== -1 && this.rules[element.name] && excludeKeys.indexOf(e.which) === -1) {
+ this.validate(element.name);
+ }
+ };
+ // Handle input click event
+ FormValidator.prototype.clickHandler = function (e) {
+ this.trigger('click', e);
+ var element = e.target;
+ // If element type is not submit allow validation
+ if (element.type !== 'submit') {
+ this.validate(element.name);
+ }
+ else if (element.getAttribute('formnovalidate') !== null) {
+ // Prevent form validation, if submit button has formnovalidate attribute
+ this.allowSubmit = true;
+ }
+ };
+ // Handle input change event
+ FormValidator.prototype.changeHandler = function (e) {
+ this.trigger('change', e);
+ var element = e.target;
+ this.validate(element.name);
+ };
+ // Handle form submit event
+ FormValidator.prototype.submitHandler = function (e) {
+ this.trigger('submit', e);
+ //FormValidator.triggerCallback(this.submit, e);
+ // Prevent form submit if validation failed
+ if (!this.allowSubmit && !this.validate()) {
+ e.preventDefault();
+ }
+ else {
+ this.allowSubmit = false;
+ }
+ };
+ // Handle form reset
+ FormValidator.prototype.resetHandler = function () {
+ this.clearForm();
+ };
+ // Validate each rule based on input element name
+ FormValidator.prototype.validateRules = function (name) {
+ if (!this.rules["" + name]) {
+ return;
+ }
+ var rules = Object.keys(this.rules["" + name]);
+ var hiddenType = false;
+ var validateHiddenType = false;
+ var vhPos = rules.indexOf('validateHidden');
+ var hPos = rules.indexOf('hidden');
+ this.getInputElement(name);
+ if (hPos !== -1) {
+ hiddenType = true;
+ }
+ if (vhPos !== -1) {
+ validateHiddenType = true;
+ }
+ if (!hiddenType || (hiddenType && validateHiddenType)) {
+ if (vhPos !== -1) {
+ rules.splice(vhPos, 1);
+ }
+ if (hPos !== -1) {
+ rules.splice((hPos - 1), 1);
+ }
+ this.getErrorElement(name);
+ for (var _i = 0, rules_2 = rules; _i < rules_2.length; _i++) {
+ var rule = rules_2[_i];
+ var errorMessage = this.getErrorMessage(this.rules["" + name]["" + rule], rule);
+ var errorRule = { name: name, message: errorMessage };
+ var eventArgs = {
+ inputName: name,
+ element: this.inputElement,
+ message: errorMessage
+ };
+ if (!this.isValid(name, rule) && !this.inputElement.classList.contains(this.ignore)) {
+ this.removeErrorRules(name);
+ this.errorRules.push(errorRule);
+ // Set aria attributes to invalid elements
+ this.inputElement.setAttribute('aria-invalid', 'true');
+ this.inputElement.setAttribute('aria-describedby', this.inputElement.id + '-info');
+ this.inputElement.classList.add(this.errorClass);
+ this.inputElement.classList.remove(this.validClass);
+ if (!this.infoElement) {
+ this.createErrorElement(name, errorRule.message, this.inputElement);
+ }
+ else {
+ this.showMessage(errorRule);
+ }
+ eventArgs.errorElement = this.infoElement;
+ eventArgs.status = 'failure';
+ this.inputElement.classList.add(this.errorClass);
+ this.inputElement.classList.remove(this.validClass);
+ this.optionalValidationStatus(name, eventArgs);
+ this.trigger('validationComplete', eventArgs);
+ // Set aria-required to required rule elements
+ if (rule === 'required') {
+ this.inputElement.setAttribute('aria-required', 'true');
+ }
+ break;
+ }
+ else {
+ this.hideMessage(name);
+ eventArgs.status = 'success';
+ this.trigger('validationComplete', eventArgs);
+ }
+ }
+ }
+ else {
+ return;
+ }
+ };
+ // Update the optional validation status
+ FormValidator.prototype.optionalValidationStatus = function (name, refer) {
+ if (!this.rules["" + name][this.required] && !this.inputElement.value.length && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.infoElement)) {
+ this.infoElement.innerHTML = this.inputElement.value;
+ this.infoElement.setAttribute('aria-invalid', 'false');
+ refer.status = '';
+ this.hideMessage(name);
+ }
+ };
+ // Check the input element whether it's value satisfy the validation rule or not
+ FormValidator.prototype.isValid = function (name, rule) {
+ var params = this.rules["" + name]["" + rule];
+ var param = (params instanceof Array && typeof params[1] === 'string') ? params[0] : params;
+ var currentRule = this.rules["" + name]["" + rule];
+ var args = { value: this.inputElement.value, param: param, element: this.inputElement, formElement: this.element };
+ this.trigger('validationBegin', args);
+ if (!args.param && rule === 'required') {
+ return true;
+ }
+ if (currentRule && typeof currentRule[0] === 'function') {
+ var fn = currentRule[0];
+ return fn.call(this, { element: this.inputElement, value: this.inputElement.value });
+ }
+ else if (FormValidator_1.isCheckable(this.inputElement)) {
+ if (rule !== 'required') {
+ return true;
+ }
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('input[name="' + name + '"]:checked', this.element).length > 0;
+ }
+ else {
+ return FormValidator_1.checkValidator["" + rule](args);
+ }
+ };
+ // Return default error message or custom error message
+ FormValidator.prototype.getErrorMessage = function (ruleValue, rule) {
+ var message = this.inputElement.getAttribute('data-' + rule + '-message') ?
+ this.inputElement.getAttribute('data-' + rule + '-message') :
+ (ruleValue instanceof Array && typeof ruleValue[1] === 'string') ? ruleValue[1] :
+ (Object.keys(this.localyMessage).length !== 0) ? this.localyMessage["" + rule] : this.defaultMessages["" + rule];
+ var formats = message.match(/{(\d)}/g);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(formats)) {
+ for (var i = 0; i < formats.length; i++) {
+ var value = ruleValue instanceof Array ? ruleValue[parseInt(i.toString())] : ruleValue;
+ message = message.replace(formats[parseInt(i.toString())], value);
+ }
+ }
+ return message;
+ };
+ // Create error element based on name and error message
+ FormValidator.prototype.createErrorElement = function (name, message, input) {
+ var errorElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])(this.errorElement, {
+ className: this.errorClass,
+ innerHTML: message,
+ attrs: { for: name }
+ });
+ // Create message design if errorOption is message
+ if (this.errorOption === ErrorOption.Message) {
+ errorElement.classList.remove(this.errorClass);
+ errorElement.classList.add('e-message');
+ errorElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])(this.errorContainer, { className: this.errorClass, innerHTML: errorElement.outerHTML });
+ }
+ errorElement.id = this.inputElement.name + '-info';
+ // Append error message into MVC error message element
+ if (this.element.querySelector('[data-valmsg-for="' + input.id + '"]')) {
+ this.element.querySelector('[data-valmsg-for="' + input.id + '"]').appendChild(errorElement);
+ }
+ else if (input.hasAttribute('data-msg-containerid') === true) {
+ // Append error message into custom div element
+ var containerId = input.getAttribute('data-msg-containerid');
+ var divElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('#' + containerId, this.element);
+ divElement.appendChild(errorElement);
+ }
+ else if (this.customPlacement != null) {
+ // Call custom placement function if customPlacement is not null
+ this.customPlacement.call(this, this.inputElement, errorElement);
+ }
+ else {
+ var inputParent = this.inputElement.parentElement;
+ var grandParent = inputParent.parentElement;
+ if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper')) {
+ grandParent.insertBefore(errorElement, inputParent.nextSibling);
+ }
+ else if (grandParent.classList.contains('e-control-wrapper') || grandParent.classList.contains('e-wrapper')) {
+ grandParent.parentElement.insertBefore(errorElement, grandParent.nextSibling);
+ }
+ else {
+ inputParent.insertBefore(errorElement, this.inputElement.nextSibling);
+ }
+ }
+ errorElement.style.display = 'block';
+ this.getErrorElement(name);
+ this.validated.push(name);
+ this.checkRequired(name);
+ };
+ // Get error element by name
+ FormValidator.prototype.getErrorElement = function (name) {
+ this.infoElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])(this.errorElement + '.' + this.errorClass, this.inputElement.parentElement);
+ if (!this.infoElement) {
+ this.infoElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])(this.errorElement + '.' + this.errorClass + '[for="' + name + '"]', this.element);
+ }
+ return this.infoElement;
+ };
+ // Remove existing rule from errorRules object
+ FormValidator.prototype.removeErrorRules = function (name) {
+ for (var i = 0; i < this.errorRules.length; i++) {
+ var rule = this.errorRules[parseInt(i.toString())];
+ if (rule.name === name) {
+ this.errorRules.splice(i, 1);
+ }
+ }
+ };
+ // Show error message to the input element
+ FormValidator.prototype.showMessage = function (errorRule) {
+ this.infoElement.style.display = 'block';
+ this.infoElement.innerHTML = errorRule.message;
+ this.checkRequired(errorRule.name);
+ };
+ // Hide error message based on input name
+ FormValidator.prototype.hideMessage = function (name) {
+ if (this.infoElement) {
+ this.infoElement.style.display = 'none';
+ this.removeErrorRules(name);
+ this.inputElement.classList.add(this.validClass);
+ this.inputElement.classList.remove(this.errorClass);
+ this.inputElement.setAttribute('aria-invalid', 'false');
+ }
+ };
+ // Check whether the input element have required rule and its value is not empty
+ FormValidator.prototype.checkRequired = function (name) {
+ if (!this.rules["" + name][this.required] && !this.inputElement.value.length && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.infoElement)) {
+ this.infoElement.innerHTML = this.inputElement.value;
+ this.infoElement.setAttribute('aria-invalid', 'false');
+ this.hideMessage(name);
+ }
+ };
+ // Return boolean result if the input have chekcable or submit types
+ FormValidator.isCheckable = function (input) {
+ var inputType = input.getAttribute('type');
+ return inputType && (inputType === 'checkbox' || inputType === 'radio' || inputType === 'submit');
+ };
+ var FormValidator_1;
+ // List of function to validate the rules
+ FormValidator.checkValidator = {
+ required: function (option) {
+ return !isNaN(Date.parse(option.value)) ? !isNaN(new Date(option.value).getTime()) : option.value.toString().length > 0;
+ },
+ email: function (option) {
+ return regex.EMAIL.test(option.value);
+ },
+ url: function (option) {
+ return regex.URL.test(option.value);
+ },
+ dateIso: function (option) {
+ return regex.DATE_ISO.test(option.value);
+ },
+ tel: function (option) {
+ return regex.PHONE.test(option.value);
+ },
+ creditcard: function (option) {
+ return regex.CREDITCARD.test(option.value);
+ },
+ number: function (option) {
+ return !isNaN(Number(option.value)) && option.value.indexOf(' ') === -1;
+ },
+ digits: function (option) {
+ return regex.DIGITS.test(option.value);
+ },
+ maxLength: function (option) {
+ return option.value.length <= option.param;
+ },
+ minLength: function (option) {
+ return option.value.length >= option.param;
+ },
+ rangeLength: function (option) {
+ var param = option.param;
+ return option.value.length >= param[0] && option.value.length <= param[1];
+ },
+ range: function (option) {
+ var param = option.param;
+ return !isNaN(Number(option.value)) && Number(option.value) >= param[0] && Number(option.value) <= param[1];
+ },
+ date: function (option) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.param) && (typeof (option.param) === 'string' && option.param !== '')) {
+ var globalize = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Internationalization"];
+ var dateOptions = { format: option.param.toString(), type: 'dateTime', skeleton: 'yMd' };
+ var dateValue = globalize.parseDate(option.value, dateOptions);
+ return (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(dateValue) && dateValue instanceof Date && !isNaN(+dateValue));
+ }
+ else {
+ return !isNaN(new Date(option.value).getTime());
+ }
+ },
+ max: function (option) {
+ if (!isNaN(Number(option.value))) {
+ // Maximum rule validation for number
+ return +option.value <= option.param;
+ }
+ // Maximum rule validation for date
+ return new Date(option.value).getTime() <= new Date(JSON.parse(JSON.stringify(option.param))).getTime();
+ },
+ min: function (option) {
+ if (!isNaN(Number(option.value))) {
+ // Minimum rule validation for number
+ return +option.value >= option.param;
+ }
+ else if ((option.value).indexOf(',') !== -1) {
+ var uNum = (option.value).replace(/,/g, '');
+ return parseFloat(uNum) >= option.param;
+ }
+ else {
+ // Minimum rule validation for date
+ return new Date(option.value).getTime() >= new Date(JSON.parse(JSON.stringify(option.param))).getTime();
+ }
+ },
+ regex: function (option) {
+ /* eslint-disable-next-line security/detect-non-literal-regexp */
+ return new RegExp(option.param).test(option.value);
+ },
+ equalTo: function (option) {
+ var compareTo = option.formElement.querySelector('#' + option.param);
+ option.param = compareTo.value;
+ return option.param === option.value;
+ }
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], FormValidator.prototype, "locale", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('e-hidden')
+ ], FormValidator.prototype, "ignore", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], FormValidator.prototype, "rules", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('e-error')
+ ], FormValidator.prototype, "errorClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('e-valid')
+ ], FormValidator.prototype, "validClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('label')
+ ], FormValidator.prototype, "errorElement", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('div')
+ ], FormValidator.prototype, "errorContainer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(ErrorOption.Label)
+ ], FormValidator.prototype, "errorOption", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], FormValidator.prototype, "focusout", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], FormValidator.prototype, "keyup", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], FormValidator.prototype, "click", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], FormValidator.prototype, "change", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], FormValidator.prototype, "submit", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], FormValidator.prototype, "validationBegin", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], FormValidator.prototype, "validationComplete", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], FormValidator.prototype, "customPlacement", void 0);
+ FormValidator = FormValidator_1 = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], FormValidator);
+ return FormValidator;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/form-validator/index.js":
+/*!**************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/form-validator/index.js ***!
+ \**************************************************************************/
+/*! exports provided: regex, ErrorOption, FormValidator */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _form_validator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./form-validator */ "./ej2-resources/22.1.37/scripts/ej2-inputs/form-validator/form-validator.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "regex", function() { return _form_validator__WEBPACK_IMPORTED_MODULE_0__["regex"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ErrorOption", function() { return _form_validator__WEBPACK_IMPORTED_MODULE_0__["ErrorOption"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FormValidator", function() { return _form_validator__WEBPACK_IMPORTED_MODULE_0__["FormValidator"]; });
+
+/**
+ * Input box Component
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/index.js":
+/*!***********************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/index.js ***!
+ \***********************************************************/
+/*! exports provided: NumericTextBox, regularExpressions, createMask, applyMask, wireEvents, unwireEvents, bindClearEvent, unstrippedValue, strippedValue, maskInputMouseDownHandler, maskInputMouseUpHandler, maskInputFocusHandler, triggerFocus, escapeRegExp, maskInputBlurHandler, maskInputDropHandler, mobileRemoveFunction, setMaskValue, setElementValue, maskInput, getVal, getMaskedVal, MaskUndo, MaskedTextBox, Input, TicksData, ColorRangeData, LimitData, TooltipData, Slider, regex, ErrorOption, FormValidator, FilesProp, ButtonsProps, AsyncSettings, Uploader, ColorPicker, TextBox, Signature, LabelPosition, PrecisionType, Rating, SignatureBase */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _numerictextbox_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./numerictextbox/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/numerictextbox/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NumericTextBox", function() { return _numerictextbox_index__WEBPACK_IMPORTED_MODULE_0__["NumericTextBox"]; });
+
+/* harmony import */ var _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./maskedtextbox/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "regularExpressions", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["regularExpressions"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createMask", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["createMask"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "applyMask", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["applyMask"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "wireEvents", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["wireEvents"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "unwireEvents", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["unwireEvents"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "bindClearEvent", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["bindClearEvent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "unstrippedValue", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["unstrippedValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "strippedValue", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["strippedValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputMouseDownHandler", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["maskInputMouseDownHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputMouseUpHandler", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["maskInputMouseUpHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputFocusHandler", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["maskInputFocusHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "triggerFocus", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["triggerFocus"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "escapeRegExp", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["escapeRegExp"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputBlurHandler", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["maskInputBlurHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputDropHandler", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["maskInputDropHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "mobileRemoveFunction", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["mobileRemoveFunction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setMaskValue", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["setMaskValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setElementValue", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["setElementValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInput", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["maskInput"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getVal", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["getVal"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getMaskedVal", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["getMaskedVal"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MaskUndo", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["MaskUndo"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MaskedTextBox", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["MaskedTextBox"]; });
+
+/* harmony import */ var _input_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./input/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/input/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Input", function() { return _input_index__WEBPACK_IMPORTED_MODULE_2__["Input"]; });
+
+/* harmony import */ var _slider_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./slider/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/slider/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TicksData", function() { return _slider_index__WEBPACK_IMPORTED_MODULE_3__["TicksData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColorRangeData", function() { return _slider_index__WEBPACK_IMPORTED_MODULE_3__["ColorRangeData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LimitData", function() { return _slider_index__WEBPACK_IMPORTED_MODULE_3__["LimitData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TooltipData", function() { return _slider_index__WEBPACK_IMPORTED_MODULE_3__["TooltipData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Slider", function() { return _slider_index__WEBPACK_IMPORTED_MODULE_3__["Slider"]; });
+
+/* harmony import */ var _form_validator_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./form-validator/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/form-validator/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "regex", function() { return _form_validator_index__WEBPACK_IMPORTED_MODULE_4__["regex"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ErrorOption", function() { return _form_validator_index__WEBPACK_IMPORTED_MODULE_4__["ErrorOption"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FormValidator", function() { return _form_validator_index__WEBPACK_IMPORTED_MODULE_4__["FormValidator"]; });
+
+/* harmony import */ var _uploader_index__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./uploader/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/uploader/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FilesProp", function() { return _uploader_index__WEBPACK_IMPORTED_MODULE_5__["FilesProp"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonsProps", function() { return _uploader_index__WEBPACK_IMPORTED_MODULE_5__["ButtonsProps"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AsyncSettings", function() { return _uploader_index__WEBPACK_IMPORTED_MODULE_5__["AsyncSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Uploader", function() { return _uploader_index__WEBPACK_IMPORTED_MODULE_5__["Uploader"]; });
+
+/* harmony import */ var _color_picker_index__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./color-picker/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/color-picker/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColorPicker", function() { return _color_picker_index__WEBPACK_IMPORTED_MODULE_6__["ColorPicker"]; });
+
+/* harmony import */ var _textbox_index__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./textbox/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/textbox/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TextBox", function() { return _textbox_index__WEBPACK_IMPORTED_MODULE_7__["TextBox"]; });
+
+/* harmony import */ var _signature_index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./signature/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/signature/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Signature", function() { return _signature_index__WEBPACK_IMPORTED_MODULE_8__["Signature"]; });
+
+/* harmony import */ var _rating_index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./rating/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/rating/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LabelPosition", function() { return _rating_index__WEBPACK_IMPORTED_MODULE_9__["LabelPosition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PrecisionType", function() { return _rating_index__WEBPACK_IMPORTED_MODULE_9__["PrecisionType"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Rating", function() { return _rating_index__WEBPACK_IMPORTED_MODULE_9__["Rating"]; });
+
+/* harmony import */ var _common_index__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./common/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/common/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SignatureBase", function() { return _common_index__WEBPACK_IMPORTED_MODULE_10__["SignatureBase"]; });
+
+/**
+ * NumericTextBox all modules
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/input/index.js":
+/*!*****************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/input/index.js ***!
+ \*****************************************************************/
+/*! exports provided: Input */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./input */ "./ej2-resources/22.1.37/scripts/ej2-inputs/input/input.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Input", function() { return _input__WEBPACK_IMPORTED_MODULE_0__["Input"]; });
+
+/**
+ * Input box Component
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/input/input.js":
+/*!*****************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/input/input.js ***!
+ \*****************************************************************/
+/*! exports provided: Input */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Input", function() { return Input; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* eslint-disable valid-jsdoc, jsdoc/require-jsdoc, jsdoc/require-returns, jsdoc/require-param */
+
+
+var CLASSNAMES = {
+ RTL: 'e-rtl',
+ DISABLE: 'e-disabled',
+ INPUT: 'e-input',
+ TEXTAREA: 'e-multi-line-input',
+ INPUTGROUP: 'e-input-group',
+ FLOATINPUT: 'e-float-input',
+ FLOATLINE: 'e-float-line',
+ FLOATTEXT: 'e-float-text',
+ FLOATTEXTCONTENT: 'e-float-text-content',
+ CLEARICON: 'e-clear-icon',
+ CLEARICONHIDE: 'e-clear-icon-hide',
+ LABELTOP: 'e-label-top',
+ LABELBOTTOM: 'e-label-bottom',
+ NOFLOATLABEL: 'e-no-float-label',
+ INPUTCUSTOMTAG: 'e-input-custom-tag',
+ FLOATCUSTOMTAG: 'e-float-custom-tag'
+};
+/**
+ * Base for Input creation through util methods.
+ */
+// eslint-disable-next-line @typescript-eslint/no-namespace
+var Input;
+(function (Input) {
+ var privateInputObj = {
+ container: null,
+ buttons: [],
+ clearButton: null
+ };
+ var floatType;
+ var isBindClearAction = true;
+ /**
+ * Create a wrapper to input element with multiple span elements and set the basic properties to input based components.
+ * ```
+ * E.g : Input.createInput({ element: element, floatLabelType : "Auto", properties: { placeholder: 'Search' } });
+ * ```
+ *
+ */
+ function createInput(args, internalCreateElement) {
+ var makeElement = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(internalCreateElement) ? internalCreateElement : _ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"];
+ var inputObject = { container: null, buttons: [], clearButton: null };
+ floatType = args.floatLabelType;
+ isBindClearAction = args.bindClearAction;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.floatLabelType) || args.floatLabelType === 'Never') {
+ inputObject.container = createInputContainer(args, CLASSNAMES.INPUTGROUP, CLASSNAMES.INPUTCUSTOMTAG, 'span', makeElement);
+ args.element.parentNode.insertBefore(inputObject.container, args.element);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([args.element], CLASSNAMES.INPUT);
+ inputObject.container.appendChild(args.element);
+ }
+ else {
+ createFloatingInput(args, inputObject, makeElement);
+ }
+ bindInitialEvent(args);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.properties) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.properties.showClearButton) &&
+ args.properties.showClearButton) {
+ setClearButton(args.properties.showClearButton, args.element, inputObject, true, makeElement);
+ inputObject.clearButton.setAttribute('role', 'button');
+ if (inputObject.container.classList.contains(CLASSNAMES.FLOATINPUT)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([inputObject.container], CLASSNAMES.INPUTGROUP);
+ }
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.buttons)) {
+ for (var i = 0; i < args.buttons.length; i++) {
+ inputObject.buttons.push(appendSpan(args.buttons[i], inputObject.container, makeElement));
+ }
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.element) && args.element.tagName === 'TEXTAREA') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([inputObject.container], CLASSNAMES.TEXTAREA);
+ }
+ validateInputType(inputObject.container, args.element);
+ inputObject = setPropertyValue(args, inputObject);
+ createSpanElement(inputObject.container, makeElement);
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ privateInputObj = inputObject;
+ return inputObject;
+ }
+ Input.createInput = createInput;
+ function bindInitialEvent(args) {
+ checkInputValue(args.floatLabelType, args.element);
+ args.element.addEventListener('focus', function () {
+ var parent = getParentNode(this);
+ if (parent.classList.contains('e-input-group') || parent.classList.contains('e-outline')
+ || parent.classList.contains('e-filled')) {
+ parent.classList.add('e-input-focus');
+ }
+ if (args.floatLabelType === 'Auto') {
+ setTimeout(function () {
+ Input.calculateWidth(args.element, parent);
+ }, 80);
+ }
+ });
+ args.element.addEventListener('blur', function () {
+ var parent = getParentNode(this);
+ if (parent.classList.contains('e-input-group') || parent.classList.contains('e-outline')
+ || parent.classList.contains('e-filled')) {
+ parent.classList.remove('e-input-focus');
+ }
+ if (args.floatLabelType === 'Auto' && args.element.value === '') {
+ setTimeout(function () {
+ Input.calculateWidth(args.element, parent);
+ }, 80);
+ }
+ });
+ args.element.addEventListener('input', function () {
+ checkInputValue(floatType, args.element);
+ });
+ }
+ Input.bindInitialEvent = bindInitialEvent;
+ function checkInputValue(floatLabelType, inputElement) {
+ var inputValue = inputElement.value;
+ if (inputValue !== '' && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(inputValue) && inputElement.parentElement) {
+ inputElement.parentElement.classList.add('e-valid-input');
+ }
+ else if (floatLabelType !== 'Always' && inputElement.parentElement) {
+ inputElement.parentElement.classList.remove('e-valid-input');
+ }
+ }
+ function _focusFn() {
+ var label = getParentNode(this).getElementsByClassName('e-float-text')[0];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(label)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([label], CLASSNAMES.LABELTOP);
+ if (label.classList.contains(CLASSNAMES.LABELBOTTOM)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([label], CLASSNAMES.LABELBOTTOM);
+ }
+ }
+ }
+ function _blurFn() {
+ var parent = getParentNode(this);
+ if ((parent.getElementsByTagName('textarea')[0]) ? parent.getElementsByTagName('textarea')[0].value === '' :
+ parent.getElementsByTagName('input')[0].value === '') {
+ var label = parent.getElementsByClassName('e-float-text')[0];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(label)) {
+ if (label.classList.contains(CLASSNAMES.LABELTOP)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([label], CLASSNAMES.LABELTOP);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([label], CLASSNAMES.LABELBOTTOM);
+ }
+ }
+ }
+ function wireFloatingEvents(element) {
+ element.addEventListener('focus', _focusFn);
+ element.addEventListener('blur', _blurFn);
+ }
+ Input.wireFloatingEvents = wireFloatingEvents;
+ function unwireFloatingEvents(element) {
+ element.removeEventListener('focus', _focusFn);
+ element.removeEventListener('blur', _blurFn);
+ }
+ function createFloatingInput(args, inputObject, internalCreateElement) {
+ var makeElement = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(internalCreateElement) ? internalCreateElement : _ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"];
+ if (args.floatLabelType === 'Auto') {
+ wireFloatingEvents(args.element);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(inputObject.container)) {
+ inputObject.container = createInputContainer(args, CLASSNAMES.FLOATINPUT, CLASSNAMES.FLOATCUSTOMTAG, 'div', makeElement);
+ if (args.element.parentNode) {
+ args.element.parentNode.insertBefore(inputObject.container, args.element);
+ }
+ }
+ else {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.customTag)) {
+ inputObject.container.classList.add(CLASSNAMES.FLOATCUSTOMTAG);
+ }
+ inputObject.container.classList.add(CLASSNAMES.FLOATINPUT);
+ }
+ var floatLinelement = makeElement('span', { className: CLASSNAMES.FLOATLINE });
+ var floatLabelElement = makeElement('label', { className: CLASSNAMES.FLOATTEXT });
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.element.id) && args.element.id !== '') {
+ floatLabelElement.id = 'label_' + args.element.id.replace(/ /g, '_');
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(args.element, { 'aria-labelledby': floatLabelElement.id });
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.element.placeholder) && args.element.placeholder !== '') {
+ floatLabelElement.innerText = encodePlaceHolder(args.element.placeholder);
+ args.element.removeAttribute('placeholder');
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.properties) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.properties.placeholder) &&
+ args.properties.placeholder !== '') {
+ floatLabelElement.innerText = encodePlaceHolder(args.properties.placeholder);
+ }
+ if (!floatLabelElement.innerText) {
+ inputObject.container.classList.add(CLASSNAMES.NOFLOATLABEL);
+ }
+ if (inputObject.container.classList.contains('e-float-icon-left')) {
+ var inputWrap = inputObject.container.querySelector('.e-input-in-wrap');
+ inputWrap.appendChild(args.element);
+ inputWrap.appendChild(floatLinelement);
+ inputWrap.appendChild(floatLabelElement);
+ }
+ else {
+ inputObject.container.appendChild(args.element);
+ inputObject.container.appendChild(floatLinelement);
+ inputObject.container.appendChild(floatLabelElement);
+ }
+ updateLabelState(args.element.value, floatLabelElement);
+ if (args.floatLabelType === 'Always') {
+ if (floatLabelElement.classList.contains(CLASSNAMES.LABELBOTTOM)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([floatLabelElement], CLASSNAMES.LABELBOTTOM);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([floatLabelElement], CLASSNAMES.LABELTOP);
+ }
+ if (args.floatLabelType === 'Auto') {
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ args.element.addEventListener('input', function (event) {
+ updateLabelState(args.element.value, floatLabelElement, args.element);
+ });
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ args.element.addEventListener('blur', function (event) {
+ updateLabelState(args.element.value, floatLabelElement);
+ });
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.element.getAttribute('id'))) {
+ floatLabelElement.setAttribute('for', args.element.getAttribute('id'));
+ }
+ }
+ function checkFloatLabelType(type, container) {
+ if (type === 'Always' && container.classList.contains('e-outline')) {
+ container.classList.add('e-valid-input');
+ }
+ }
+ function setPropertyValue(args, inputObject) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.properties)) {
+ for (var _i = 0, _a = Object.keys(args.properties); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'cssClass':
+ setCssClass(args.properties.cssClass, [inputObject.container]);
+ checkFloatLabelType(args.floatLabelType, inputObject.container);
+ break;
+ case 'enabled':
+ setEnabled(args.properties.enabled, args.element, args.floatLabelType, inputObject.container);
+ break;
+ case 'enableRtl':
+ setEnableRtl(args.properties.enableRtl, [inputObject.container]);
+ break;
+ case 'placeholder':
+ setPlaceholder(args.properties.placeholder, args.element);
+ break;
+ case 'readonly':
+ setReadonly(args.properties.readonly, args.element);
+ break;
+ }
+ }
+ }
+ return inputObject;
+ }
+ function updateIconState(value, button, readonly) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(button)) {
+ if (value && !readonly) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([button], CLASSNAMES.CLEARICONHIDE);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([button], CLASSNAMES.CLEARICONHIDE);
+ }
+ }
+ }
+ function updateLabelState(value, label, element) {
+ if (element === void 0) { element = null; }
+ if (value) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([label], CLASSNAMES.LABELTOP);
+ if (label.classList.contains(CLASSNAMES.LABELBOTTOM)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([label], CLASSNAMES.LABELBOTTOM);
+ }
+ }
+ else {
+ var isNotFocused = element != null ? element !== document.activeElement : true;
+ if (isNotFocused) {
+ if (label.classList.contains(CLASSNAMES.LABELTOP)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([label], CLASSNAMES.LABELTOP);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([label], CLASSNAMES.LABELBOTTOM);
+ }
+ }
+ }
+ function getParentNode(element) {
+ var parentNode = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(element.parentNode) ? element
+ : element.parentNode;
+ if (parentNode && parentNode.classList.contains('e-input-in-wrap')) {
+ parentNode = parentNode.parentNode;
+ }
+ return parentNode;
+ }
+ /**
+ * To create clear button.
+ */
+ function createClearButton(element, inputObject, initial, internalCreateElement) {
+ var makeElement = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(internalCreateElement) ? internalCreateElement : _ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"];
+ var button = makeElement('span', { className: CLASSNAMES.CLEARICON });
+ var container = inputObject.container;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(initial)) {
+ container.appendChild(button);
+ }
+ else {
+ var baseElement = inputObject.container.classList.contains(CLASSNAMES.FLOATINPUT) ?
+ inputObject.container.querySelector('.' + CLASSNAMES.FLOATTEXT) : element;
+ baseElement.insertAdjacentElement('afterend', button);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(container) &&
+ container.classList.contains(CLASSNAMES.FLOATINPUT)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([container], CLASSNAMES.INPUTGROUP);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([button], CLASSNAMES.CLEARICONHIDE);
+ wireClearBtnEvents(element, button, container);
+ button.setAttribute('aria-label', 'close');
+ return button;
+ }
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ function wireClearBtnEvents(element, button, container) {
+ if (isBindClearAction === undefined || isBindClearAction) {
+ button.addEventListener('click', function (event) {
+ if (!(element.classList.contains(CLASSNAMES.DISABLE) || element.readOnly)) {
+ event.preventDefault();
+ if (element !== document.activeElement) {
+ element.focus();
+ }
+ element.value = '';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([button], CLASSNAMES.CLEARICONHIDE);
+ }
+ });
+ }
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ element.addEventListener('input', function (event) {
+ updateIconState(element.value, button);
+ });
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ element.addEventListener('focus', function (event) {
+ updateIconState(element.value, button, element.readOnly);
+ });
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ element.addEventListener('blur', function (event) {
+ setTimeout(function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(button)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([button], CLASSNAMES.CLEARICONHIDE);
+ button = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(element) && element.classList.contains('e-combobox') ? null : button;
+ }
+ }, 200);
+ });
+ }
+ Input.wireClearBtnEvents = wireClearBtnEvents;
+ function destroy() {
+ privateInputObj = null;
+ }
+ Input.destroy = destroy;
+ function validateLabel(element, floatLabelType) {
+ var parent = getParentNode(element);
+ if (parent.classList.contains(CLASSNAMES.FLOATINPUT) && floatLabelType === 'Auto') {
+ var label = getParentNode(element).getElementsByClassName('e-float-text')[0];
+ updateLabelState(element.value, label, element);
+ }
+ }
+ /**
+ * To create input box contianer.
+ */
+ function createInputContainer(args, className, tagClass, tag, internalCreateElement) {
+ var makeElement = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(internalCreateElement) ? internalCreateElement : _ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"];
+ var container;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.customTag)) {
+ container = makeElement(args.customTag, { className: className });
+ container.classList.add(tagClass);
+ }
+ else {
+ container = makeElement(tag, { className: className });
+ }
+ container.classList.add('e-control-wrapper');
+ return container;
+ }
+ function encodePlaceHolder(placeholder) {
+ var result = '';
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(placeholder) && placeholder !== '') {
+ var spanEle = document.createElement('span');
+ spanEle.innerHTML = '';
+ var hiddenInput = (spanEle.children[0]);
+ result = hiddenInput.placeholder;
+ }
+ return result;
+ }
+ /**
+ * Sets the value to the input element.
+ * ```
+ * E.g : Input.setValue('content', element, "Auto", true );
+ * ```
+ *
+ * @param {string} value - Specify the value of the input element.
+ * @param {HTMLInputElement | HTMLTextAreaElement} element - The element on which the specified value is updated.
+ * @param {string} floatLabelType - Specify the float label type of the input element.
+ * @param {boolean} clearButton - Boolean value to specify whether the clear icon is enabled / disabled on the input.
+ */
+ function setValue(value, element, floatLabelType, clearButton) {
+ element.value = value;
+ if (floatLabelType === 'Auto' && value === '') {
+ calculateWidth(element, element.parentElement);
+ }
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(floatLabelType)) && floatLabelType === 'Auto') {
+ validateLabel(element, floatLabelType);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(clearButton) && clearButton) {
+ var parentElement = getParentNode(element);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(parentElement)) {
+ var button = parentElement.getElementsByClassName(CLASSNAMES.CLEARICON)[0];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(button)) {
+ if (element.value && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(parentElement) && parentElement.classList.contains('e-input-focus')) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([button], CLASSNAMES.CLEARICONHIDE);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([button], CLASSNAMES.CLEARICONHIDE);
+ }
+ }
+ }
+ }
+ checkInputValue(floatLabelType, element);
+ }
+ Input.setValue = setValue;
+ /**
+ * Sets the single or multiple cssClass to wrapper of input element.
+ * ```
+ * E.g : Input.setCssClass('e-custom-class', [element]);
+ * ```
+ *
+ * @param {string} cssClass - Css class names which are needed to add.
+ * @param {Element[] | NodeList} elements - The elements which are needed to add / remove classes.
+ * @param {string} oldClass
+ * - Css class names which are needed to remove. If old classes are need to remove, can give this optional parameter.
+ */
+ function setCssClass(cssClass, elements, oldClass) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldClass) && oldClass !== '') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])(elements, oldClass.split(' '));
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(cssClass) && cssClass !== '') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])(elements, cssClass.split(' '));
+ }
+ }
+ Input.setCssClass = setCssClass;
+ /**
+ * Set the width to the placeholder when it overflows on the button such as spinbutton, clearbutton, icon etc
+ * ```
+ * E.g : Input.calculateWidth(element, container);
+ * ```
+ *
+ * @param {any} element - Input element which is need to add.
+ * @param {HTMLElement} container - The parent element which is need to get the label span to calculate width
+ */
+ function calculateWidth(element, container, moduleName) {
+ var elementWidth = moduleName === 'multiselect' ? element : element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'), 10);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(container.getElementsByClassName('e-float-text-content')[0])) {
+ if (container.getElementsByClassName('e-float-text-content')[0].classList.contains('e-float-text-overflow')) {
+ container.getElementsByClassName('e-float-text-content')[0].classList.remove('e-float-text-overflow');
+ }
+ if (elementWidth < container.getElementsByClassName('e-float-text-content')[0].clientWidth || elementWidth === container.getElementsByClassName('e-float-text-content')[0].clientWidth) {
+ container.getElementsByClassName('e-float-text-content')[0].classList.add('e-float-text-overflow');
+ }
+ }
+ }
+ Input.calculateWidth = calculateWidth;
+ /**
+ * Set the width to the wrapper of input element.
+ * ```
+ * E.g : Input.setWidth('200px', container);
+ * ```
+ *
+ * @param {number | string} width - Width value which is need to add.
+ * @param {HTMLElement} container - The element on which the width is need to add.
+ */
+ function setWidth(width, container) {
+ if (typeof width === 'number') {
+ container.style.width = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(width);
+ }
+ else if (typeof width === 'string') {
+ container.style.width = (width.match(/px|%|em/)) ? (width) : (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(width));
+ }
+ calculateWidth(container.firstChild, container);
+ }
+ Input.setWidth = setWidth;
+ /**
+ * Set the placeholder attribute to the input element.
+ * ```
+ * E.g : Input.setPlaceholder('Search here', element);
+ * ```
+ *
+ * @param {string} placeholder - Placeholder value which is need to add.
+ * @param {HTMLInputElement | HTMLTextAreaElement} element - The element on which the placeholder is need to add.
+ */
+ function setPlaceholder(placeholder, element) {
+ placeholder = encodePlaceHolder(placeholder);
+ var parentElement = getParentNode(element);
+ if (parentElement.classList.contains(CLASSNAMES.FLOATINPUT)) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(placeholder) && placeholder !== '') {
+ parentElement.getElementsByClassName('e-float-text-content')[0] ? parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].children[0].textContent = placeholder : parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = placeholder;
+ parentElement.classList.remove(CLASSNAMES.NOFLOATLABEL);
+ element.removeAttribute('placeholder');
+ }
+ else {
+ parentElement.classList.add(CLASSNAMES.NOFLOATLABEL);
+ parentElement.getElementsByClassName('e-float-text-content')[0] ? parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].children[0].textContent = '' : parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = '';
+ }
+ }
+ else {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(placeholder) && placeholder !== '') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(element, { 'placeholder': placeholder });
+ }
+ else {
+ element.removeAttribute('placeholder');
+ }
+ }
+ }
+ Input.setPlaceholder = setPlaceholder;
+ /**
+ * Set the read only attribute to the input element
+ * ```
+ * E.g : Input.setReadonly(true, element);
+ * ```
+ *
+ * @param {boolean} isReadonly
+ * - Boolean value to specify whether to set read only. Setting "True" value enables read only.
+ * @param {HTMLInputElement | HTMLTextAreaElement} element
+ * - The element which is need to enable read only.
+ */
+ function setReadonly(isReadonly, element, floatLabelType) {
+ if (isReadonly) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(element, { readonly: '' });
+ }
+ else {
+ element.removeAttribute('readonly');
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(floatLabelType)) {
+ validateLabel(element, floatLabelType);
+ }
+ }
+ Input.setReadonly = setReadonly;
+ /**
+ * Displays the element direction from right to left when its enabled.
+ * ```
+ * E.g : Input.setEnableRtl(true, [inputObj.container]);
+ * ```
+ *
+ * @param {boolean} isRtl
+ * - Boolean value to specify whether to set RTL. Setting "True" value enables the RTL mode.
+ * @param {Element[] | NodeList} elements
+ * - The elements that are needed to enable/disable RTL.
+ */
+ function setEnableRtl(isRtl, elements) {
+ if (isRtl) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])(elements, CLASSNAMES.RTL);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])(elements, CLASSNAMES.RTL);
+ }
+ }
+ Input.setEnableRtl = setEnableRtl;
+ /**
+ * Enables or disables the given input element.
+ * ```
+ * E.g : Input.setEnabled(false, element);
+ * ```
+ *
+ * @param {boolean} isEnable
+ * - Boolean value to specify whether to enable or disable.
+ * @param {HTMLInputElement | HTMLTextAreaElement} element
+ * - Element to be enabled or disabled.
+ */
+ function setEnabled(isEnable, element, floatLabelType, inputContainer) {
+ var disabledAttrs = { 'disabled': 'disabled', 'aria-disabled': 'true' };
+ var considerWrapper = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(inputContainer) ? false : true;
+ if (isEnable) {
+ element.classList.remove(CLASSNAMES.DISABLE);
+ removeAttributes(disabledAttrs, element);
+ if (considerWrapper) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([inputContainer], CLASSNAMES.DISABLE);
+ }
+ }
+ else {
+ element.classList.add(CLASSNAMES.DISABLE);
+ addAttributes(disabledAttrs, element);
+ if (considerWrapper) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([inputContainer], CLASSNAMES.DISABLE);
+ }
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(floatLabelType)) {
+ validateLabel(element, floatLabelType);
+ }
+ }
+ Input.setEnabled = setEnabled;
+ function setClearButton(isClear, element, inputObject, initial, internalCreateElement) {
+ var makeElement = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(internalCreateElement) ? internalCreateElement : _ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"];
+ if (isClear) {
+ inputObject.clearButton = createClearButton(element, inputObject, initial, makeElement);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(inputObject.clearButton);
+ inputObject.clearButton = null;
+ }
+ }
+ Input.setClearButton = setClearButton;
+ /**
+ * Removing the multiple attributes from the given element such as "disabled","id" , etc.
+ * ```
+ * E.g : Input.removeAttributes({ 'disabled': 'disabled', 'aria-disabled': 'true' }, element);
+ * ```
+ *
+ * @param {string} attrs
+ * - Array of attributes which are need to removed from the element.
+ * @param {HTMLInputElement | HTMLElement} element
+ * - Element on which the attributes are needed to be removed.
+ */
+ function removeAttributes(attrs, element) {
+ for (var _i = 0, _a = Object.keys(attrs); _i < _a.length; _i++) {
+ var key = _a[_i];
+ var parentElement = getParentNode(element);
+ if (key === 'disabled') {
+ element.classList.remove(CLASSNAMES.DISABLE);
+ }
+ if (key === 'disabled' && parentElement.classList.contains(CLASSNAMES.INPUTGROUP)) {
+ parentElement.classList.remove(CLASSNAMES.DISABLE);
+ }
+ if (key === 'placeholder' && parentElement.classList.contains(CLASSNAMES.FLOATINPUT)) {
+ parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = '';
+ }
+ else {
+ element.removeAttribute(key);
+ }
+ }
+ }
+ Input.removeAttributes = removeAttributes;
+ /**
+ * Adding the multiple attributes to the given element such as "disabled","id" , etc.
+ * ```
+ * E.g : Input.addAttributes({ 'id': 'inputpopup' }, element);
+ * ```
+ *
+ * @param {string} attrs
+ * - Array of attributes which is added to element.
+ * @param {HTMLInputElement | HTMLElement} element
+ * - Element on which the attributes are needed to be added.
+ */
+ function addAttributes(attrs, element) {
+ for (var _i = 0, _a = Object.keys(attrs); _i < _a.length; _i++) {
+ var key = _a[_i];
+ var parentElement = getParentNode(element);
+ if (key === 'disabled') {
+ element.classList.add(CLASSNAMES.DISABLE);
+ }
+ if (key === 'disabled' && parentElement.classList.contains(CLASSNAMES.INPUTGROUP)) {
+ parentElement.classList.add(CLASSNAMES.DISABLE);
+ }
+ if (key === 'placeholder' && parentElement.classList.contains(CLASSNAMES.FLOATINPUT)) {
+ parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = attrs["" + key];
+ }
+ else {
+ element.setAttribute(key, attrs["" + key]);
+ }
+ }
+ }
+ Input.addAttributes = addAttributes;
+ function removeFloating(input) {
+ var container = input.container;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(container) && container.classList.contains(CLASSNAMES.FLOATINPUT)) {
+ var inputEle = container.querySelector('textarea') ? container.querySelector('textarea') :
+ container.querySelector('input');
+ var placeholder = container.querySelector('.' + CLASSNAMES.FLOATTEXT).textContent;
+ var clearButton = container.querySelector('.e-clear-icon') !== null;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(container.querySelector('.' + CLASSNAMES.FLOATLINE));
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(container.querySelector('.' + CLASSNAMES.FLOATTEXT));
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(container, [CLASSNAMES.INPUTGROUP], [CLASSNAMES.FLOATINPUT]);
+ unwireFloatingEvents(inputEle);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(inputEle, { 'placeholder': placeholder });
+ inputEle.classList.add(CLASSNAMES.INPUT);
+ if (!clearButton && inputEle.tagName === 'INPUT') {
+ inputEle.removeAttribute('required');
+ }
+ }
+ }
+ Input.removeFloating = removeFloating;
+ function addFloating(input, type, placeholder, internalCreateElement) {
+ var makeElement = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(internalCreateElement) ? internalCreateElement : _ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"];
+ var container = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(input, '.' + CLASSNAMES.INPUTGROUP);
+ floatType = type;
+ if (type !== 'Never') {
+ var customTag = container.tagName;
+ customTag = customTag !== 'DIV' && customTag !== 'SPAN' ? customTag : null;
+ var args = { element: input, floatLabelType: type,
+ customTag: customTag, properties: { placeholder: placeholder } };
+ var iconEle = container.querySelector('.e-clear-icon');
+ var inputObj = { container: container };
+ input.classList.remove(CLASSNAMES.INPUT);
+ createFloatingInput(args, inputObj, makeElement);
+ createSpanElement(inputObj.container, makeElement);
+ calculateWidth(args.element, inputObj.container);
+ var isPrependIcon = container.classList.contains('e-float-icon-left');
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(iconEle)) {
+ if (isPrependIcon) {
+ var inputWrap = container.querySelector('.e-input-in-wrap');
+ iconEle = inputWrap.querySelector('.e-input-group-icon');
+ }
+ else {
+ iconEle = container.querySelector('.e-input-group-icon');
+ }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(iconEle)) {
+ if (isPrependIcon) {
+ iconEle = container.querySelector('.e-input-group-icon');
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(iconEle)) {
+ container.classList.remove(CLASSNAMES.INPUTGROUP);
+ }
+ }
+ else {
+ var floatLine = container.querySelector('.' + CLASSNAMES.FLOATLINE);
+ var floatText = container.querySelector('.' + CLASSNAMES.FLOATTEXT);
+ var wrapper = isPrependIcon ? container.querySelector('.e-input-in-wrap') : container;
+ wrapper.insertBefore(input, iconEle);
+ wrapper.insertBefore(floatLine, iconEle);
+ wrapper.insertBefore(floatText, iconEle);
+ }
+ }
+ checkFloatLabelType(type, input.parentElement);
+ }
+ Input.addFloating = addFloating;
+ /**
+ * Create the span inside the label and add the label text into the span textcontent
+ * ```
+ * E.g : Input.createSpanElement(inputObject, makeElement);
+ * ```
+ *
+ * @param {InputObject} inputObject
+ * - Element which is need to get the label
+ * @param {createElementParams} makeElement
+ * - Element which is need to create the span
+ */
+ function createSpanElement(inputObject, makeElement) {
+ if (inputObject.classList.contains('e-outline') && inputObject.getElementsByClassName('e-float-text')[0]) {
+ var labelSpanElement = makeElement('span', { className: CLASSNAMES.FLOATTEXTCONTENT });
+ labelSpanElement.innerHTML = inputObject.getElementsByClassName('e-float-text')[0].innerHTML;
+ inputObject.getElementsByClassName('e-float-text')[0].innerHTML = '';
+ inputObject.getElementsByClassName('e-float-text')[0].appendChild(labelSpanElement);
+ }
+ }
+ Input.createSpanElement = createSpanElement;
+ /**
+ * Enable or Disable the ripple effect on the icons inside the Input. Ripple effect is only applicable for material theme.
+ * ```
+ * E.g : Input.setRipple(true, [inputObjects]);
+ * ```
+ *
+ * @param {boolean} isRipple
+ * - Boolean value to specify whether to enable the ripple effect.
+ * @param {InputObject[]} inputObj
+ * - Specify the collection of input objects.
+ */
+ function setRipple(isRipple, inputObj) {
+ for (var i = 0; i < inputObj.length; i++) {
+ _internalRipple(isRipple, inputObj[parseInt(i.toString())].container);
+ }
+ }
+ Input.setRipple = setRipple;
+ function _internalRipple(isRipple, container, button) {
+ var argsButton = [];
+ argsButton.push(button);
+ var buttons = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(button) ?
+ container.querySelectorAll('.e-input-group-icon') : argsButton;
+ if (isRipple && buttons.length > 0) {
+ for (var index = 0; index < buttons.length; index++) {
+ buttons[parseInt(index.toString())].addEventListener('mousedown', _onMouseDownRipple, false);
+ buttons[parseInt(index.toString())].addEventListener('mouseup', _onMouseUpRipple, false);
+ }
+ }
+ else if (buttons.length > 0) {
+ for (var index = 0; index < buttons.length; index++) {
+ buttons[parseInt(index.toString())].removeEventListener('mousedown', _onMouseDownRipple, this);
+ buttons[parseInt(index.toString())].removeEventListener('mouseup', _onMouseUpRipple, this);
+ }
+ }
+ }
+ function _onMouseRipple(container, button) {
+ if (!container.classList.contains('e-disabled') && !container.querySelector('input').readOnly) {
+ button.classList.add('e-input-btn-ripple');
+ }
+ }
+ function _onMouseDownRipple() {
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var ele = this;
+ var parentEle = this.parentElement;
+ while (!parentEle.classList.contains('e-input-group')) {
+ parentEle = parentEle.parentElement;
+ }
+ _onMouseRipple(parentEle, ele);
+ }
+ function _onMouseUpRipple() {
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var ele = this;
+ setTimeout(function () {
+ ele.classList.remove('e-input-btn-ripple');
+ }, 500);
+ }
+ function createIconEle(iconClass, makeElement) {
+ var button = makeElement('span', { className: iconClass });
+ button.classList.add('e-input-group-icon');
+ return button;
+ }
+ /**
+ * Creates a new span element with the given icons added and append it in container element.
+ * ```
+ * E.g : Input.addIcon('append', 'e-icon-spin', inputObj.container, inputElement);
+ * ```
+ *
+ * @param {string} position - Specify the icon placement on the input.Possible values are append and prepend.
+ * @param {string | string[]} icons - Icon classes which are need to add to the span element which is going to created.
+ * Span element acts as icon or button element for input.
+ * @param {HTMLElement} container - The container on which created span element is going to append.
+ * @param {HTMLElement} input - The inputElement on which created span element is going to prepend.
+ */
+ /* eslint-disable @typescript-eslint/indent */
+ function addIcon(position, icons, container, input, internalCreate) {
+ /* eslint-enable @typescript-eslint/indent */
+ var result = typeof (icons) === 'string' ? icons.split(',')
+ : icons;
+ if (position.toLowerCase() === 'append') {
+ for (var _i = 0, result_1 = result; _i < result_1.length; _i++) {
+ var icon = result_1[_i];
+ appendSpan(icon, container, internalCreate);
+ }
+ }
+ else {
+ for (var _a = 0, result_2 = result; _a < result_2.length; _a++) {
+ var icon = result_2[_a];
+ prependSpan(icon, container, input, internalCreate);
+ }
+ }
+ if (container.getElementsByClassName('e-input-group-icon')[0] && container.getElementsByClassName('e-float-text-overflow')[0]) {
+ container.getElementsByClassName('e-float-text-overflow')[0].classList.add('e-icon');
+ }
+ }
+ Input.addIcon = addIcon;
+ /**
+ * Creates a new span element with the given icons added and prepend it in input element.
+ * ```
+ * E.g : Input.prependSpan('e-icon-spin', inputObj.container, inputElement);
+ * ```
+ *
+ * @param {string} iconClass - Icon classes which are need to add to the span element which is going to created.
+ * Span element acts as icon or button element for input.
+ * @param {HTMLElement} container - The container on which created span element is going to append.
+ * @param {HTMLElement} inputElement - The inputElement on which created span element is going to prepend.
+ */
+ /* eslint-disable @typescript-eslint/indent */
+ function prependSpan(iconClass, container, inputElement, internalCreateElement) {
+ /* eslint-enable @typescript-eslint/indent */
+ var makeElement = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(internalCreateElement) ? internalCreateElement : _ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"];
+ var button = createIconEle(iconClass, makeElement);
+ container.classList.add('e-float-icon-left');
+ var innerWrapper = container.querySelector('.e-input-in-wrap');
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(innerWrapper)) {
+ innerWrapper = makeElement('span', { className: 'e-input-in-wrap' });
+ inputElement.parentNode.insertBefore(innerWrapper, inputElement);
+ var result = container.querySelectorAll(inputElement.tagName + ' ~ *');
+ innerWrapper.appendChild(inputElement);
+ for (var i = 0; i < result.length; i++) {
+ innerWrapper.appendChild(result[parseInt(i.toString())]);
+ }
+ }
+ innerWrapper.parentNode.insertBefore(button, innerWrapper);
+ if (!container.classList.contains(CLASSNAMES.INPUTGROUP)) {
+ container.classList.add(CLASSNAMES.INPUTGROUP);
+ }
+ _internalRipple(true, container, button);
+ return button;
+ }
+ Input.prependSpan = prependSpan;
+ /**
+ * Creates a new span element with the given icons added and append it in container element.
+ * ```
+ * E.g : Input.appendSpan('e-icon-spin', inputObj.container);
+ * ```
+ *
+ * @param {string} iconClass - Icon classes which are need to add to the span element which is going to created.
+ * Span element acts as icon or button element for input.
+ * @param {HTMLElement} container - The container on which created span element is going to append.
+ */
+ function appendSpan(iconClass, container, internalCreateElement) {
+ var makeElement = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(internalCreateElement) ? internalCreateElement : _ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"];
+ var button = createIconEle(iconClass, makeElement);
+ if (!container.classList.contains(CLASSNAMES.INPUTGROUP)) {
+ container.classList.add(CLASSNAMES.INPUTGROUP);
+ }
+ var wrap = (container.classList.contains('e-float-icon-left')) ? container.querySelector('.e-input-in-wrap') :
+ container;
+ wrap.appendChild(button);
+ _internalRipple(true, container, button);
+ return button;
+ }
+ Input.appendSpan = appendSpan;
+ function validateInputType(containerElement, input) {
+ if (input.type === 'hidden') {
+ containerElement.classList.add('e-hidden');
+ }
+ else if (containerElement.classList.contains('e-hidden')) {
+ containerElement.classList.remove('e-hidden');
+ }
+ }
+ Input.validateInputType = validateInputType;
+})(Input || (Input = {}));
+/* eslint-enable valid-jsdoc, jsdoc/require-jsdoc, jsdoc/require-returns, jsdoc/require-param */
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/base/index.js":
+/*!******************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/base/index.js ***!
+ \******************************************************************************/
+/*! exports provided: regularExpressions, createMask, applyMask, wireEvents, unwireEvents, bindClearEvent, unstrippedValue, strippedValue, maskInputMouseDownHandler, maskInputMouseUpHandler, maskInputFocusHandler, triggerFocus, escapeRegExp, maskInputBlurHandler, maskInputDropHandler, mobileRemoveFunction, setMaskValue, setElementValue, maskInput, getVal, getMaskedVal, MaskUndo */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _mask_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mask-base */ "./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/base/mask-base.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "regularExpressions", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["regularExpressions"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createMask", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["createMask"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "applyMask", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["applyMask"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "wireEvents", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["wireEvents"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "unwireEvents", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["unwireEvents"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "bindClearEvent", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["bindClearEvent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "unstrippedValue", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["unstrippedValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "strippedValue", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["strippedValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputMouseDownHandler", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["maskInputMouseDownHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputMouseUpHandler", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["maskInputMouseUpHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputFocusHandler", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["maskInputFocusHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "triggerFocus", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["triggerFocus"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "escapeRegExp", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["escapeRegExp"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputBlurHandler", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["maskInputBlurHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputDropHandler", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["maskInputDropHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "mobileRemoveFunction", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["mobileRemoveFunction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setMaskValue", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["setMaskValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setElementValue", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["setElementValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInput", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["maskInput"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getVal", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["getVal"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getMaskedVal", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["getMaskedVal"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MaskUndo", function() { return _mask_base__WEBPACK_IMPORTED_MODULE_0__["MaskUndo"]; });
+
+/**
+ * MaskedTextbox base modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/base/mask-base.js":
+/*!**********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/base/mask-base.js ***!
+ \**********************************************************************************/
+/*! exports provided: regularExpressions, createMask, applyMask, wireEvents, unwireEvents, bindClearEvent, unstrippedValue, strippedValue, maskInputMouseDownHandler, maskInputMouseUpHandler, maskInputFocusHandler, triggerFocus, escapeRegExp, maskInputBlurHandler, maskInputDropHandler, mobileRemoveFunction, setMaskValue, setElementValue, maskInput, getVal, getMaskedVal, MaskUndo */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "regularExpressions", function() { return regularExpressions; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createMask", function() { return createMask; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "applyMask", function() { return applyMask; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "wireEvents", function() { return wireEvents; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "unwireEvents", function() { return unwireEvents; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "bindClearEvent", function() { return bindClearEvent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "unstrippedValue", function() { return unstrippedValue; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "strippedValue", function() { return strippedValue; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "maskInputMouseDownHandler", function() { return maskInputMouseDownHandler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "maskInputMouseUpHandler", function() { return maskInputMouseUpHandler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "maskInputFocusHandler", function() { return maskInputFocusHandler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "triggerFocus", function() { return triggerFocus; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "escapeRegExp", function() { return escapeRegExp; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "maskInputBlurHandler", function() { return maskInputBlurHandler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "maskInputDropHandler", function() { return maskInputDropHandler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mobileRemoveFunction", function() { return mobileRemoveFunction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setMaskValue", function() { return setMaskValue; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setElementValue", function() { return setElementValue; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "maskInput", function() { return maskInput; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getVal", function() { return getVal; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getMaskedVal", function() { return getMaskedVal; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MaskUndo", function() { return MaskUndo; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _input_input__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../input/input */ "./ej2-resources/22.1.37/scripts/ej2-inputs/input/input.js");
+/* eslint-disable valid-jsdoc, jsdoc/require-jsdoc, jsdoc/require-returns, jsdoc/require-param */
+/**
+ * MaskedTextBox base module
+ */
+
+
+var ERROR = 'e-error';
+var INPUTGROUP = 'e-input-group';
+var FLOATINPUT = 'e-float-input';
+var UTILMASK = 'e-utility-mask';
+var TOPLABEL = 'e-label-top';
+var BOTTOMLABEL = 'e-label-bottom';
+/**
+ * @hidden
+ * Built-in masking elements collection.
+ */
+var regularExpressions = {
+ '0': '[0-9]',
+ '9': '[0-9 ]',
+ '#': '[0-9 +-]',
+ 'L': '[A-Za-z]',
+ '?': '[A-Za-z ]',
+ '&': '[^\x7f ]+',
+ 'C': '[^\x7f]+',
+ 'A': '[A-Za-z0-9]',
+ 'a': '[A-Za-z0-9 ]'
+};
+/**
+ * Generate required masking elements to the MaskedTextBox from user mask input.
+ *
+ * @hidden
+ */
+function createMask() {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, {
+ 'role': 'textbox', 'autocomplete': 'off', 'autocapitalize': 'off',
+ 'spellcheck': 'false', 'aria-live': 'assertive'
+ });
+ if (this.mask) {
+ var splitMask = this.mask.split(']');
+ for (var i = 0; i < splitMask.length; i++) {
+ if (splitMask[i][splitMask[i].length - 1] === '\\') {
+ splitMask[i] = splitMask[i] + ']';
+ var splitInnerMask = splitMask[i].split('[');
+ for (var j = 0; j < splitInnerMask.length; j++) {
+ if (splitInnerMask[j][splitInnerMask[j].length - 1] === '\\') {
+ splitInnerMask[j] = splitInnerMask[j] + '[';
+ }
+ pushIntoRegExpCollec.call(this, splitInnerMask[j]);
+ }
+ }
+ else {
+ var splitInnerMask = splitMask[i].split('[');
+ if (splitInnerMask.length > 1) {
+ var chkSpace = false;
+ for (var j = 0; j < splitInnerMask.length; j++) {
+ if (splitInnerMask[j] === '\\') {
+ this.customRegExpCollec.push('[');
+ this.hiddenMask += splitInnerMask[j] + '[';
+ }
+ else if (splitInnerMask[j] === '') {
+ chkSpace = true;
+ }
+ else if ((splitInnerMask[j] !== '' && chkSpace) || j === splitInnerMask.length - 1) {
+ this.customRegExpCollec.push('[' + splitInnerMask[j] + ']');
+ this.hiddenMask += this.promptChar;
+ chkSpace = false;
+ }
+ else {
+ pushIntoRegExpCollec.call(this, splitInnerMask[j]);
+ }
+ }
+ }
+ else {
+ pushIntoRegExpCollec.call(this, splitInnerMask[0]);
+ }
+ }
+ }
+ this.escapeMaskValue = this.hiddenMask;
+ this.promptMask = this.hiddenMask.replace(/[09?LCAa#&]/g, this.promptChar);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters)) {
+ for (var i = 0; i < this.promptMask.length; i++) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters[this.promptMask[i]])) {
+ /* eslint-disable-next-line security/detect-non-literal-regexp */
+ this.promptMask = this.promptMask.replace(new RegExp(this.promptMask[i], 'g'), this.promptChar);
+ }
+ }
+ }
+ var escapeNumber = 0;
+ if (this.hiddenMask.match(new RegExp(/\\/))) {
+ for (var i = 0; i < this.hiddenMask.length; i++) {
+ var j = 0;
+ if (i >= 1) {
+ j = i;
+ }
+ escapeNumber = this.hiddenMask.length - this.promptMask.length;
+ j = j - escapeNumber;
+ if ((i > 0 && this.hiddenMask[i - 1] !== '\\') && (this.hiddenMask[i] === '>' ||
+ this.hiddenMask[i] === '<' || this.hiddenMask[i] === '|')) {
+ this.promptMask = this.promptMask.substring(0, j) +
+ this.promptMask.substring((i + 1) - escapeNumber, this.promptMask.length);
+ this.escapeMaskValue = this.escapeMaskValue.substring(0, j) +
+ this.escapeMaskValue.substring((i + 1) - escapeNumber, this.escapeMaskValue.length);
+ }
+ if (this.hiddenMask[i] === '\\') {
+ this.promptMask = this.promptMask.substring(0, j) + this.hiddenMask[i + 1] +
+ this.promptMask.substring((i + 2) - escapeNumber, this.promptMask.length);
+ this.escapeMaskValue = this.escapeMaskValue.substring(0, j) + this.escapeMaskValue[i + 1] +
+ this.escapeMaskValue.substring((i + 2) - escapeNumber, this.escapeMaskValue.length);
+ }
+ }
+ }
+ else {
+ this.promptMask = this.promptMask.replace(/[>|<]/g, '');
+ this.escapeMaskValue = this.hiddenMask.replace(/[>|<]/g, '');
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'aria-invalid': 'false' });
+ }
+}
+/**
+ * Apply mask ability with masking elements to the MaskedTextBox.
+ *
+ * @hidden
+ */
+function applyMask() {
+ setElementValue.call(this, this.promptMask);
+ setMaskValue.call(this, this.value);
+}
+/**
+ * To wire required events to the MaskedTextBox.
+ *
+ * @hidden
+ */
+function wireEvents() {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'keydown', maskInputKeyDownHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'keypress', maskInputKeyPressHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'keyup', maskInputKeyUpHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'input', maskInputHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'focus', maskInputFocusHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'blur', maskInputBlurHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'paste', maskInputPasteHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'cut', maskInputCutHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'drop', maskInputDropHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'mousedown', maskInputMouseDownHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'mouseup', maskInputMouseUpHandler, this);
+ if (this.enabled) {
+ bindClearEvent.call(this);
+ if (this.formElement) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.formElement, 'reset', resetFormHandler, this);
+ }
+ }
+}
+/**
+ * To unwire events attached to the MaskedTextBox.
+ *
+ * @hidden
+ */
+function unwireEvents() {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'keydown', maskInputKeyDownHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'keypress', maskInputKeyPressHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'keyup', maskInputKeyUpHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'input', maskInputHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'focus', maskInputFocusHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'blur', maskInputBlurHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'paste', maskInputPasteHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'cut', maskInputCutHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'mousedown', maskInputMouseDownHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'mouseup', maskInputMouseUpHandler);
+ if (this.formElement) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.formElement, 'reset', resetFormHandler);
+ }
+}
+/**
+ * To bind required events to the MaskedTextBox clearButton.
+ *
+ * @hidden
+ */
+function bindClearEvent() {
+ if (this.showClearButton) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.inputObj.clearButton, 'mousedown touchstart', resetHandler, this);
+ }
+}
+function resetHandler(e) {
+ e.preventDefault();
+ if (!this.inputObj.clearButton.classList.contains('e-clear-icon-hide') || (this.inputObj.container.classList.contains('e-static-clear'))) {
+ clear.call(this, e);
+ this.value = '';
+ }
+}
+function clear(event) {
+ var value = this.element.value;
+ setElementValue.call(this, this.promptMask);
+ this.redoCollec.unshift({
+ value: this.promptMask, startIndex: this.element.selectionStart, endIndex: this.element.selectionEnd
+ });
+ triggerMaskChangeEvent.call(this, event, value);
+ this.element.setSelectionRange(0, 0);
+}
+function resetFormHandler() {
+ if (this.element.tagName === 'EJS-MASKEDTEXTBOX') {
+ setElementValue.call(this, this.promptMask);
+ }
+ else {
+ this.value = this.initInputValue;
+ }
+}
+/**
+ * To get masked value from the MaskedTextBox.
+ *
+ * @hidden
+ */
+function unstrippedValue(element) {
+ return element.value;
+}
+/**
+ * To extract raw value from the MaskedTextBox.
+ *
+ * @hidden
+ */
+function strippedValue(element, maskValues) {
+ var value = '';
+ var k = 0;
+ var checkMask = false;
+ var maskValue = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(maskValues)) ? maskValues : (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(element) &&
+ !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this)) ? element.value : maskValues;
+ if (maskValue !== this.promptMask) {
+ for (var i = 0; i < this.customRegExpCollec.length; i++) {
+ if (checkMask) {
+ checkMask = false;
+ }
+ if (this.customRegExpCollec[k] === '>' || this.customRegExpCollec[k] === '<' ||
+ this.customRegExpCollec[k] === '|' || this.customRegExpCollec[k] === '\\') {
+ --i;
+ checkMask = true;
+ }
+ if (!checkMask) {
+ if ((maskValue[i] !== this.promptChar) && (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customRegExpCollec[k]) &&
+ ((this._callPasteHandler || !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.regExpCollec[this.customRegExpCollec[k]])) ||
+ (this.customRegExpCollec[k].length > 2 && this.customRegExpCollec[k][0] === '[' &&
+ this.customRegExpCollec[k][this.customRegExpCollec[k].length - 1] === ']') ||
+ (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters) &&
+ (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters[this.customRegExpCollec[k]]))))) && (maskValue !== '')) {
+ value += maskValue[i];
+ }
+ }
+ ++k;
+ }
+ }
+ if (this.mask === null || this.mask === '' && this.value !== undefined) {
+ value = maskValue;
+ }
+ return value;
+}
+function pushIntoRegExpCollec(value) {
+ for (var k = 0; k < value.length; k++) {
+ this.hiddenMask += value[k];
+ if (value[k] !== '\\') {
+ this.customRegExpCollec.push(value[k]);
+ }
+ }
+}
+function maskInputMouseDownHandler() {
+ this.isClicked = true;
+}
+function maskInputMouseUpHandler() {
+ this.isClicked = false;
+}
+function maskInputFocusHandler(event) {
+ var _this = this;
+ var inputElement = this.element;
+ var startIndex = 0;
+ var modelValue = strippedValue.call(this, inputElement);
+ var toAllowForward = false;
+ var toAllowBackward = false;
+ var eventArgs = {
+ selectionStart: inputElement.selectionStart,
+ event: event,
+ value: this.value,
+ maskedValue: inputElement.value,
+ container: !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.inputObj) ? this.inputObj.container : this.inputObj,
+ selectionEnd: inputElement.selectionEnd
+ };
+ if (!this.isClicked) {
+ triggerFocus.call(this, eventArgs, inputElement);
+ }
+ if (this.mask) {
+ if (!(!(modelValue === null || modelValue === '') || this.floatLabelType === 'Always' ||
+ this.placeholder === null || this.placeholder === '')) {
+ inputElement.value = this.promptMask;
+ }
+ setTimeout(function () {
+ if (inputElement.selectionStart === _this.promptMask.length ||
+ inputElement.value[inputElement.selectionStart] === _this.promptChar) {
+ toAllowForward = true;
+ }
+ else {
+ for (var i = inputElement.selectionStart; i < _this.promptMask.length; i++) {
+ if (inputElement.value[i] !== _this.promptChar) {
+ if ((inputElement.value[i] !== _this.promptMask[i])) {
+ toAllowForward = false;
+ break;
+ }
+ }
+ else {
+ toAllowForward = true;
+ break;
+ }
+ }
+ }
+ });
+ setTimeout(function () {
+ var backSelectionStart = inputElement.selectionStart - 1;
+ if (backSelectionStart === _this.promptMask.length - 1 ||
+ inputElement.value[backSelectionStart] === _this.promptChar) {
+ toAllowBackward = true;
+ }
+ else {
+ for (var i = backSelectionStart; i >= 0; i--) {
+ if (inputElement.value[i] !== _this.promptChar) {
+ if ((inputElement.value[i] !== _this.promptMask[i])) {
+ toAllowBackward = false;
+ break;
+ }
+ }
+ else {
+ toAllowBackward = true;
+ break;
+ }
+ }
+ }
+ });
+ if ((this.isClicked || (this.floatLabelType !== 'Always' &&
+ ((modelValue === null || modelValue === '') &&
+ (this.placeholder !== null && this.placeholder !== ''))))) {
+ for (startIndex = 0; startIndex < this.promptMask.length; startIndex++) {
+ if (inputElement.value[startIndex] === this.promptChar) {
+ setTimeout(function () {
+ if (toAllowForward || toAllowBackward) {
+ inputElement.selectionEnd = startIndex;
+ inputElement.selectionStart = startIndex;
+ }
+ eventArgs = {
+ selectionStart: inputElement.selectionStart,
+ event: event,
+ value: _this.value,
+ maskedValue: inputElement.value,
+ container: !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(_this.inputObj) ? _this.inputObj.container : _this.inputObj,
+ selectionEnd: inputElement.selectionEnd
+ };
+ triggerFocus.call(_this, eventArgs, inputElement);
+ }, 110);
+ break;
+ }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(inputElement.value.match(escapeRegExp(this.promptChar)))) {
+ eventArgs = {
+ selectionStart: inputElement.selectionStart,
+ event: event,
+ value: this.value,
+ maskedValue: inputElement.value,
+ container: !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.inputObj) ? this.inputObj.container : this.inputObj,
+ selectionEnd: inputElement.selectionEnd
+ };
+ triggerFocus.call(this, eventArgs, inputElement);
+ }
+ this.isClicked = false;
+ }
+ }
+}
+function triggerFocus(eventArgs, inputElement) {
+ this.trigger('focus', eventArgs, function (eventArgs) {
+ inputElement.selectionStart = eventArgs.selectionStart;
+ inputElement.selectionEnd = eventArgs.selectionEnd;
+ });
+}
+function escapeRegExp(text) {
+ return !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(text) ? text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&') : text;
+}
+function maskInputBlurHandler(event) {
+ this.blurEventArgs = {
+ event: event,
+ value: this.value,
+ maskedValue: this.element.value,
+ container: !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.inputObj) ? this.inputObj.container : this.inputObj
+ };
+ this.trigger('blur', this.blurEventArgs);
+ if (this.mask) {
+ this.isFocus = false;
+ if (this.placeholder && this.element.value === this.promptMask && this.floatLabelType !== 'Always') {
+ setElementValue.call(this, '');
+ var labelElement = this.element.parentNode.querySelector('.e-float-text');
+ if (this.floatLabelType === 'Auto' && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(labelElement) && labelElement.classList.contains(TOPLABEL)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([labelElement], TOPLABEL);
+ }
+ }
+ }
+}
+function maskInputPasteHandler(event) {
+ var _this = this;
+ if (this.mask && !this.readonly) {
+ var sIndex_1 = this.element.selectionStart;
+ var eIndex_1 = this.element.selectionEnd;
+ var oldValue_1 = this.element.value;
+ setElementValue.call(this, '');
+ this._callPasteHandler = true;
+ setTimeout(function () {
+ var value = _this.element.value.replace(/ /g, '');
+ if (_this.redoCollec.length > 0 && _this.redoCollec[0].value === _this.element.value) {
+ value = strippedValue.call(_this, _this.element);
+ }
+ setElementValue.call(_this, oldValue_1);
+ _this.element.selectionStart = sIndex_1;
+ _this.element.selectionEnd = eIndex_1;
+ var i = 0;
+ _this.maskKeyPress = true;
+ do {
+ validateValue.call(_this, value[i], false, null);
+ ++i;
+ } while (i < value.length);
+ _this.maskKeyPress = false;
+ _this._callPasteHandler = false;
+ if (_this.element.value === oldValue_1) {
+ var i_1 = 0;
+ _this.maskKeyPress = true;
+ do {
+ validateValue.call(_this, value[i_1], false, null);
+ ++i_1;
+ } while (i_1 < value.length);
+ _this.maskKeyPress = false;
+ }
+ else {
+ triggerMaskChangeEvent.call(_this, event, oldValue_1);
+ }
+ }, 1);
+ }
+}
+function maskInputCutHandler(event) {
+ var _this = this;
+ if (this.mask && !this.readonly) {
+ var preValue_1 = this.element.value;
+ var sIndex_2 = this.element.selectionStart;
+ var eIndex = this.element.selectionEnd;
+ this.undoCollec.push({ value: this.element.value, startIndex: this.element.selectionStart, endIndex: this.element.selectionEnd });
+ var value_1 = this.element.value.substring(0, sIndex_2) + this.promptMask.substring(sIndex_2, eIndex) +
+ this.element.value.substring(eIndex);
+ setTimeout(function () {
+ setElementValue.call(_this, value_1);
+ _this.element.selectionStart = _this.element.selectionEnd = sIndex_2;
+ if (_this.element.value !== preValue_1) {
+ triggerMaskChangeEvent.call(_this, event, null);
+ }
+ }, 0);
+ }
+}
+function maskInputDropHandler(event) {
+ event.preventDefault();
+}
+function maskInputHandler(event) {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isIE === true && this.element.value === '' && this.floatLabelType === 'Never') {
+ return;
+ }
+ var eventArgs = { ctrlKey: false, keyCode: 229 };
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])(event, eventArgs);
+ if (this.mask) {
+ if (this.element.value === '') {
+ this.redoCollec.unshift({
+ value: this.promptMask, startIndex: this.element.selectionStart, endIndex: this.element.selectionEnd
+ });
+ }
+ if (this.element.value.length === 1) {
+ this.element.value = this.element.value + this.promptMask;
+ this.element.setSelectionRange(1, 1);
+ }
+ if (!this._callPasteHandler) {
+ removeMaskInputValues.call(this, event);
+ }
+ if (this.element.value.length > this.promptMask.length) {
+ var startIndex = this.element.selectionStart;
+ var addedValues = this.element.value.length - this.promptMask.length;
+ var value = this.element.value.substring(startIndex - addedValues, startIndex);
+ this.maskKeyPress = false;
+ var i = 0;
+ do {
+ validateValue.call(this, value[i], event.ctrlKey, event);
+ ++i;
+ } while (i < value.length);
+ if (this.element.value !== this.preEleVal) {
+ triggerMaskChangeEvent.call(this, event, null);
+ }
+ }
+ var val = strippedValue.call(this, this.element);
+ this.prevValue = val;
+ this.value = val;
+ if (val === '') {
+ setElementValue.call(this, this.promptMask);
+ this.element.setSelectionRange(0, 0);
+ }
+ }
+}
+function maskInputKeyDownHandler(event) {
+ if (this.mask && !this.readonly) {
+ if (event.keyCode !== 229) {
+ if (event.ctrlKey && (event.keyCode === 89 || event.keyCode === 90)) {
+ event.preventDefault();
+ }
+ removeMaskInputValues.call(this, event);
+ }
+ var startValue = this.element.value;
+ if (event.ctrlKey && (event.keyCode === 89 || event.keyCode === 90)) {
+ var collec = void 0;
+ if (event.keyCode === 90 && this.undoCollec.length > 0 && startValue !== this.undoCollec[this.undoCollec.length - 1].value) {
+ collec = this.undoCollec[this.undoCollec.length - 1];
+ this.redoCollec.unshift({
+ value: this.element.value, startIndex: this.element.selectionStart,
+ endIndex: this.element.selectionEnd
+ });
+ setElementValue.call(this, collec.value);
+ this.element.selectionStart = collec.startIndex;
+ this.element.selectionEnd = collec.endIndex;
+ this.undoCollec.splice(this.undoCollec.length - 1, 1);
+ }
+ else if (event.keyCode === 89 && this.redoCollec.length > 0 && startValue !== this.redoCollec[0].value) {
+ collec = this.redoCollec[0];
+ this.undoCollec.push({
+ value: this.element.value, startIndex: this.element.selectionStart,
+ endIndex: this.element.selectionEnd
+ });
+ setElementValue.call(this, collec.value);
+ this.element.selectionStart = collec.startIndex;
+ this.element.selectionEnd = collec.endIndex;
+ this.redoCollec.splice(0, 1);
+ }
+ }
+ }
+}
+function mobileRemoveFunction() {
+ var collec;
+ var sIndex = this.element.selectionStart;
+ var eIndex = this.element.selectionEnd;
+ if (this.redoCollec.length > 0) {
+ collec = this.redoCollec[0];
+ setElementValue.call(this, collec.value);
+ if ((collec.startIndex - sIndex) === 1) {
+ this.element.selectionStart = collec.startIndex;
+ this.element.selectionEnd = collec.endIndex;
+ }
+ else {
+ this.element.selectionStart = sIndex + 1;
+ this.element.selectionEnd = eIndex + 1;
+ }
+ }
+ else {
+ setElementValue.call(this, this.promptMask);
+ this.element.selectionStart = this.element.selectionEnd = sIndex;
+ }
+}
+function autoFillMaskInputValues(isRemove, oldEventVal, event) {
+ if (event.type === 'input') {
+ isRemove = false;
+ oldEventVal = this.element.value;
+ setElementValue.call(this, this.promptMask);
+ setMaskValue.call(this, oldEventVal);
+ }
+ return isRemove;
+}
+function removeMaskInputValues(event) {
+ var isRemove = false;
+ var oldEventVal;
+ var isDeleted = false;
+ if (this.element.value.length < this.promptMask.length) {
+ isRemove = true;
+ oldEventVal = this.element.value;
+ isRemove = autoFillMaskInputValues.call(this, isRemove, oldEventVal, event);
+ mobileRemoveFunction.call(this);
+ }
+ if (this.element.value.length >= this.promptMask.length && event.type === 'input') {
+ isRemove = autoFillMaskInputValues.call(this, isRemove, oldEventVal, event);
+ }
+ var initStartIndex = this.element.selectionStart;
+ var initEndIndex = this.element.selectionEnd;
+ var startIndex = this.element.selectionStart;
+ var endIndex = this.element.selectionEnd;
+ var maskValue = this.hiddenMask.replace(/[>|\\<]/g, '');
+ var curMask = maskValue[startIndex - 1];
+ var deleteEndIndex = this.element.selectionEnd;
+ if (isRemove || event.keyCode === 8 || event.keyCode === 46) {
+ this.undoCollec.push({ value: this.element.value, startIndex: this.element.selectionStart, endIndex: endIndex });
+ var multipleDel = false;
+ var preValue = this.element.value;
+ if (startIndex > 0 || ((event.keyCode === 8 || event.keyCode === 46) && startIndex < this.element.value.length
+ && ((this.element.selectionEnd - startIndex) !== this.element.value.length))) {
+ var index = startIndex;
+ if (startIndex !== endIndex) {
+ startIndex = endIndex;
+ if (event.keyCode === 46) {
+ multipleDel = true;
+ }
+ }
+ else if (event.keyCode === 46) {
+ ++index;
+ }
+ else {
+ --index;
+ }
+ for (var k = startIndex; (event.keyCode === 8 || isRemove || multipleDel) ? k > index : k < index; (event.keyCode === 8 || isRemove || multipleDel) ? k-- : k++) {
+ for (var i = startIndex; (event.keyCode === 8 || isRemove || multipleDel) ? i > 0 : i < this.element.value.length; (event.keyCode === 8 || isRemove || multipleDel) ? i-- : i++) {
+ var sIndex = void 0;
+ if (((event.keyCode === 8 || multipleDel) && ((initStartIndex !== initEndIndex && initStartIndex !== startIndex) ||
+ (initStartIndex === initEndIndex))) || isRemove) {
+ curMask = maskValue[i - 1];
+ sIndex = startIndex - 1;
+ }
+ else {
+ curMask = maskValue[i];
+ sIndex = startIndex;
+ ++startIndex;
+ }
+ var oldValue = this.element.value[sIndex];
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.regExpCollec["" + curMask]) && (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters)
+ && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters["" + curMask]))
+ && ((this.hiddenMask[sIndex] !== this.promptChar && this.customRegExpCollec[sIndex][0] !== '['
+ && this.customRegExpCollec[sIndex][this.customRegExpCollec[sIndex].length - 1] !== ']')))
+ || (this.promptMask[sIndex] !== this.promptChar && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters))) {
+ this.element.selectionStart = this.element.selectionEnd = sIndex;
+ event.preventDefault();
+ if (event.keyCode === 46 && !multipleDel) {
+ ++this.element.selectionStart;
+ }
+ }
+ else {
+ var value = this.element.value;
+ var prompt_1 = this.promptChar;
+ var elementValue = value.substring(0, sIndex) + prompt_1 + value.substring(startIndex, value.length);
+ setElementValue.call(this, elementValue);
+ event.preventDefault();
+ if (event.keyCode === 46 && !multipleDel) {
+ sIndex++;
+ }
+ this.element.selectionStart = this.element.selectionEnd = sIndex;
+ isDeleted = true;
+ }
+ startIndex = this.element.selectionStart;
+ if ((!isDeleted && event.keyCode === 8) || multipleDel || (!isDeleted && !(event.keyCode === 46))) {
+ sIndex = startIndex - 1;
+ }
+ else {
+ sIndex = startIndex;
+ isDeleted = false;
+ }
+ oldValue = this.element.value[sIndex];
+ if (((initStartIndex !== initEndIndex) && (this.element.selectionStart === initStartIndex))
+ || (this.promptMask[sIndex] === this.promptChar) || ((oldValue !== this.promptMask[sIndex]) &&
+ (this.promptMask[sIndex] !== this.promptChar) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters))) {
+ break;
+ }
+ }
+ }
+ }
+ if (event.keyCode === 46 && multipleDel && isDeleted) {
+ this.element.selectionStart = this.element.selectionEnd = deleteEndIndex;
+ }
+ if (this.element.selectionStart === 0 && (this.element.selectionEnd === this.element.value.length)) {
+ setElementValue.call(this, this.promptMask);
+ event.preventDefault();
+ this.element.selectionStart = this.element.selectionEnd = startIndex;
+ }
+ this.redoCollec.unshift({
+ value: this.element.value, startIndex: this.element.selectionStart,
+ endIndex: this.element.selectionEnd
+ });
+ if (this.element.value !== preValue) {
+ triggerMaskChangeEvent.call(this, event, oldEventVal);
+ }
+ }
+}
+function maskInputKeyPressHandler(event) {
+ if (this.mask && !this.readonly) {
+ var oldValue = this.element.value;
+ if (!(event.ctrlKey || event.metaKey) || ((event.ctrlKey || event.metaKey) && event.code !== 'KeyA' && event.code !== 'KeyY'
+ && event.code !== 'KeyZ' && event.code !== 'KeyX' && event.code !== 'KeyC' && event.code !== 'KeyV')) {
+ this.maskKeyPress = true;
+ var key = event.key;
+ if (key === 'Spacebar') {
+ key = String.fromCharCode(event.keyCode);
+ }
+ if (!key) {
+ this.isIosInvalid = true;
+ validateValue.call(this, String.fromCharCode(event.keyCode), event.ctrlKey, event);
+ event.preventDefault();
+ this.isIosInvalid = false;
+ }
+ else if (key && key.length === 1) {
+ validateValue.call(this, key, event.ctrlKey, event);
+ event.preventDefault();
+ }
+ if (event.keyCode === 32 && key === ' ' && this.promptChar === ' ') {
+ this.element.selectionStart = this.element.selectionEnd = this.element.selectionStart - key.length;
+ }
+ }
+ if (this.element.value !== oldValue) {
+ triggerMaskChangeEvent.call(this, event, oldValue);
+ }
+ }
+}
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function triggerMaskChangeEvent(event, oldValue) {
+ var prevOnChange = this.isProtectedOnChange;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.changeEventArgs) && !this.isInitial) {
+ var eventArgs = {};
+ this.changeEventArgs = { value: this.element.value, maskedValue: this.element.value, isInteraction: false, isInteracted: false };
+ if (this.mask) {
+ this.changeEventArgs.value = strippedValue.call(this, this.element);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(event)) {
+ this.changeEventArgs.isInteracted = true;
+ this.changeEventArgs.isInteraction = true;
+ this.changeEventArgs.event = event;
+ }
+ this.isProtectedOnChange = true;
+ this.value = this.changeEventArgs.value;
+ this.isProtectedOnChange = prevOnChange;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["merge"])(eventArgs, this.changeEventArgs);
+ /* istanbul ignore next */
+ if (this.isAngular && this.preventChange) {
+ this.preventChange = false;
+ }
+ else {
+ this.trigger('change', eventArgs);
+ }
+ }
+ this.preEleVal = this.element.value;
+ this.prevValue = strippedValue.call(this, this.element);
+}
+function maskInputKeyUpHandler(event) {
+ if (this.mask && !this.readonly) {
+ var collec = void 0;
+ if (!this.maskKeyPress && event.keyCode === 229) {
+ var oldEventVal = void 0;
+ if (this.element.value.length === 1) {
+ this.element.value = this.element.value + this.promptMask;
+ this.element.setSelectionRange(1, 1);
+ }
+ if (this.element.value.length > this.promptMask.length) {
+ var startIndex = this.element.selectionStart;
+ var addedValues = this.element.value.length - this.promptMask.length;
+ var val_1 = this.element.value.substring(startIndex - addedValues, startIndex);
+ if (this.undoCollec.length > 0) {
+ collec = this.undoCollec[this.undoCollec.length - 1];
+ var startIndex_1 = this.element.selectionStart;
+ oldEventVal = collec.value;
+ var oldVal = collec.value.substring(startIndex_1 - addedValues, startIndex_1);
+ collec = this.redoCollec[0];
+ val_1 = val_1.trim();
+ var isSpace = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isAndroid && val_1 === '';
+ if (!isSpace && oldVal !== val_1 && collec.value.substring(startIndex_1 - addedValues, startIndex_1) !== val_1) {
+ validateValue.call(this, val_1, event.ctrlKey, event);
+ }
+ else if (isSpace) {
+ preventUnsupportedValues.call(this, event, startIndex_1 - 1, this.element.selectionEnd - 1, val_1, event.ctrlKey, false);
+ }
+ }
+ else {
+ oldEventVal = this.promptMask;
+ validateValue.call(this, val_1, event.ctrlKey, event);
+ }
+ this.maskKeyPress = false;
+ triggerMaskChangeEvent.call(this, event, oldEventVal);
+ }
+ }
+ else {
+ removeMaskError.call(this);
+ }
+ var val = strippedValue.call(this, this.element);
+ if (!((this.element.selectionStart === 0) && (this.promptMask === this.element.value) && val === '')
+ || (val === '' && this.value !== val)) {
+ this.prevValue = val;
+ this.value = val;
+ }
+ }
+ else {
+ triggerMaskChangeEvent.call(this, event);
+ }
+ if (this.element.selectionStart === 0 && this.element.selectionEnd === 0) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var temp_1 = this.element;
+ setTimeout(function () {
+ temp_1.setSelectionRange(0, 0);
+ }, 0);
+ }
+}
+function mobileSwipeCheck(key) {
+ if (key.length > 1 && ((this.promptMask.length + key.length) < this.element.value.length)) {
+ var elementValue = this.redoCollec[0].value.substring(0, this.redoCollec[0].startIndex) + key +
+ this.redoCollec[0].value.substring(this.redoCollec[0].startIndex, this.redoCollec[0].value.length);
+ setElementValue.call(this, elementValue);
+ this.element.selectionStart = this.element.selectionEnd = this.redoCollec[0].startIndex + key.length;
+ }
+ this.element.selectionStart = this.element.selectionStart - key.length;
+ this.element.selectionEnd = this.element.selectionEnd - key.length;
+}
+function mobileValidation(key) {
+ if (!this.maskKeyPress) {
+ mobileSwipeCheck.call(this, key);
+ }
+}
+function validateValue(key, isCtrlKey, event) {
+ mobileValidation.call(this, key);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this) || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(key)) {
+ return;
+ }
+ var startIndex = this.element.selectionStart;
+ var initStartIndex = startIndex;
+ var curMask;
+ var allowText = false;
+ var value = this.element.value;
+ var eventOldVal;
+ var prevSupport = false;
+ var isEqualVal = false;
+ for (var k = 0; k < key.length; k++) {
+ var keyValue = key[k];
+ startIndex = this.element.selectionStart;
+ if (!this.maskKeyPress && initStartIndex === startIndex) {
+ startIndex = startIndex + k;
+ }
+ if ((!this.maskKeyPress || startIndex < this.promptMask.length)) {
+ for (var i = startIndex; i < this.promptMask.length; i++) {
+ var maskValue = this.escapeMaskValue;
+ curMask = maskValue[startIndex];
+ if (this.hiddenMask[startIndex] === '\\' && this.hiddenMask[startIndex + 1] === key) {
+ isEqualVal = true;
+ }
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.regExpCollec["" + curMask]) && (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters)
+ || (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters["" + curMask])))
+ && ((this.hiddenMask[startIndex] !== this.promptChar && this.customRegExpCollec[startIndex][0] !== '['
+ && this.customRegExpCollec[startIndex][this.customRegExpCollec[startIndex].length - 1] !== ']')))
+ || ((this.promptMask[startIndex] !== this.promptChar) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters))
+ || (this.promptChar === curMask && this.escapeMaskValue === this.mask)) {
+ this.element.selectionStart = this.element.selectionEnd = startIndex + 1;
+ startIndex = this.element.selectionStart;
+ curMask = this.hiddenMask[startIndex];
+ }
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customCharacters["" + curMask])) {
+ var customValStr = this.customCharacters["" + curMask];
+ var customValArr = customValStr.split(',');
+ for (var i = 0; i < customValArr.length; i++) {
+ /* eslint-disable-next-line security/detect-non-literal-regexp */
+ if (keyValue.match(new RegExp('[' + customValArr[i] + ']'))) {
+ allowText = true;
+ break;
+ }
+ }
+ /* eslint-disable-next-line security/detect-non-literal-regexp */
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.regExpCollec["" + curMask]) && keyValue.match(new RegExp(this.regExpCollec["" + curMask]))
+ && this.promptMask[startIndex] === this.promptChar) {
+ allowText = true;
+ }
+ else if (this.promptMask[startIndex] === this.promptChar && this.customRegExpCollec[startIndex][0] === '['
+ && this.customRegExpCollec[startIndex][this.customRegExpCollec[startIndex].length - 1] === ']'
+ /* eslint-disable-next-line security/detect-non-literal-regexp */
+ && keyValue.match(new RegExp(this.customRegExpCollec[startIndex]))) {
+ allowText = true;
+ }
+ if ((!this.maskKeyPress || startIndex < this.hiddenMask.length) && allowText) {
+ if (k === 0) {
+ if (this.maskKeyPress) {
+ this.undoCollec.push({ value: value, startIndex: startIndex, endIndex: startIndex });
+ }
+ else {
+ var sIndex = this.element.selectionStart;
+ var eIndex = this.element.selectionEnd;
+ if (this.redoCollec.length > 0) {
+ eventOldVal = this.redoCollec[0].value;
+ setElementValue.call(this, eventOldVal);
+ this.undoCollec.push(this.redoCollec[0]);
+ }
+ else {
+ this.undoCollec.push({ value: this.promptMask, startIndex: startIndex, endIndex: startIndex });
+ eventOldVal = this.promptMask;
+ setElementValue.call(this, eventOldVal);
+ }
+ this.element.selectionStart = sIndex;
+ this.element.selectionEnd = eIndex;
+ }
+ }
+ startIndex = this.element.selectionStart;
+ applySupportedValues.call(this, event, startIndex, keyValue, eventOldVal, isEqualVal);
+ prevSupport = true;
+ if (k === key.length - 1) {
+ this.redoCollec.unshift({
+ value: this.element.value, startIndex: this.element.selectionStart, endIndex: this.element.selectionEnd
+ });
+ }
+ allowText = false;
+ }
+ else {
+ startIndex = this.element.selectionStart;
+ preventUnsupportedValues.call(this, event, startIndex, initStartIndex, key, isCtrlKey, prevSupport);
+ }
+ if (k === key.length - 1 && !allowText) {
+ if (!_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isAndroid || (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isAndroid && startIndex < this.promptMask.length)) {
+ this.redoCollec.unshift({
+ value: this.element.value, startIndex: this.element.selectionStart, endIndex: this.element.selectionEnd
+ });
+ }
+ }
+ }
+ else {
+ if (key.length === 1 && !isCtrlKey && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(event)) {
+ addMaskErrorClass.call(this);
+ }
+ }
+ }
+}
+function applySupportedValues(event, startIndex, keyValue, eventOldVal, isEqualVal) {
+ if (this.hiddenMask.length > this.promptMask.length) {
+ keyValue = changeToLowerUpperCase.call(this, keyValue, this.element.value);
+ }
+ if (!isEqualVal) {
+ var value = this.element.value;
+ var elementValue = value.substring(0, startIndex) + keyValue + value.substring(startIndex + 1, value.length);
+ setElementValue.call(this, elementValue);
+ this.element.selectionStart = this.element.selectionEnd = startIndex + 1;
+ }
+}
+function preventUnsupportedValues(event, sIdx, idx, key, ctrl, chkSupport) {
+ if (!this.maskKeyPress) {
+ var value = this.element.value;
+ if (sIdx >= this.promptMask.length) {
+ setElementValue.call(this, value.substring(0, sIdx));
+ }
+ else {
+ if (idx === sIdx) {
+ setElementValue.call(this, value.substring(0, sIdx) + value.substring(sIdx + 1, value.length));
+ }
+ else {
+ if (this.promptMask.length === this.element.value.length) {
+ setElementValue.call(this, value.substring(0, sIdx) + value.substring(sIdx, value.length));
+ }
+ else {
+ setElementValue.call(this, value.substring(0, idx) + value.substring(idx + 1, value.length));
+ }
+ }
+ this.element.selectionStart = this.element.selectionEnd = (chkSupport ||
+ this.element.value[idx] !== this.promptChar) ? sIdx : idx;
+ }
+ addMaskErrorClass.call(this);
+ }
+ if (key.length === 1 && !ctrl && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(event)) {
+ addMaskErrorClass.call(this);
+ }
+}
+function addMaskErrorClass() {
+ var _this = this;
+ var parentElement = this.element.parentNode;
+ var timer = 200;
+ if (parentElement.classList.contains(INPUTGROUP) || parentElement.classList.contains(FLOATINPUT)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([parentElement], ERROR);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], ERROR);
+ }
+ if (this.isIosInvalid === true) {
+ timer = 400;
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'aria-invalid': 'true' });
+ setTimeout(function () {
+ if (!_this.maskKeyPress) {
+ removeMaskError.call(_this);
+ }
+ }, timer);
+}
+function removeMaskError() {
+ var parentElement = this.element.parentNode;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(parentElement)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([parentElement], ERROR);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], ERROR);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'aria-invalid': 'false' });
+}
+/**
+ * Validates user input using masking elements '<' , '>' and '|'.
+ *
+ * @hidden
+ */
+function changeToLowerUpperCase(key, value) {
+ var promptMask;
+ var i;
+ var curVal = value;
+ var caseCount = 0;
+ for (i = 0; i < this.hiddenMask.length; i++) {
+ if (this.hiddenMask[i] === '\\') {
+ promptMask = curVal.substring(0, i) + '\\' + curVal.substring(i, curVal.length);
+ }
+ if (this.hiddenMask[i] === '>' || this.hiddenMask[i] === '<' || this.hiddenMask[i] === '|') {
+ if (this.hiddenMask[i] !== curVal[i]) {
+ promptMask = curVal.substring(0, i) + this.hiddenMask[i] + curVal.substring(i, curVal.length);
+ }
+ ++caseCount;
+ }
+ if (promptMask) {
+ if (((promptMask[i] === this.promptChar) && (i > this.element.selectionStart)) ||
+ (this.element.value.indexOf(this.promptChar) < 0 && (this.element.selectionStart + caseCount) === i)) {
+ caseCount = 0;
+ break;
+ }
+ curVal = promptMask;
+ }
+ }
+ while (i >= 0 && promptMask) {
+ if (i === 0 || promptMask[i - 1] !== '\\') {
+ if (promptMask[i] === '>') {
+ key = key.toUpperCase();
+ break;
+ }
+ else if (promptMask[i] === '<') {
+ key = key.toLowerCase();
+ break;
+ }
+ else if (promptMask[i] === '|') {
+ break;
+ }
+ }
+ --i;
+ }
+ return key;
+}
+/**
+ * To set updated values in the MaskedTextBox.
+ *
+ * @hidden
+ */
+function setMaskValue(val) {
+ if (this.mask && val !== undefined && (this.prevValue === undefined || this.prevValue !== val)) {
+ this.maskKeyPress = true;
+ setElementValue.call(this, this.promptMask);
+ if (val !== '' && !(val === null && this.floatLabelType === 'Never' && this.placeholder)) {
+ this.element.selectionStart = 0;
+ this.element.selectionEnd = 0;
+ }
+ if (val !== null) {
+ for (var i = 0; i < val.length; i++) {
+ validateValue.call(this, val[i], false, null);
+ }
+ }
+ var newVal = strippedValue.call(this, this.element);
+ this.prevValue = newVal;
+ this.value = newVal;
+ triggerMaskChangeEvent.call(this, null, null);
+ this.maskKeyPress = false;
+ var labelElement = this.element.parentNode.querySelector('.e-float-text');
+ if (this.element.value === this.promptMask && this.floatLabelType === 'Auto' && this.placeholder &&
+ !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(labelElement) && labelElement.classList.contains(TOPLABEL) && !this.isFocus) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([labelElement], TOPLABEL);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([labelElement], BOTTOMLABEL);
+ setElementValue.call(this, '');
+ }
+ }
+ if (this.mask === null || this.mask === '' && this.value !== undefined) {
+ setElementValue.call(this, this.value);
+ }
+}
+/**
+ * To set updated values in the input element.
+ *
+ * @hidden
+ */
+function setElementValue(val, element) {
+ if (!this.isFocus && this.floatLabelType === 'Auto' && this.placeholder && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.value)) {
+ val = '';
+ }
+ var value = strippedValue.call(this, (element ? element : this.element), val);
+ if (value === null || value === '') {
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setValue(val, (element ? element : this.element), this.floatLabelType, false);
+ if (this.showClearButton) {
+ this.inputObj.clearButton.classList.add('e-clear-icon-hide');
+ }
+ }
+ else {
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setValue(val, (element ? element : this.element), this.floatLabelType, this.showClearButton);
+ }
+}
+/**
+ * Provide mask support to input textbox through utility method.
+ *
+ * @hidden
+ */
+function maskInput(args) {
+ var inputEle = getMaskInput(args);
+ applyMask.call(inputEle);
+ var val = strippedValue.call(this, this.element);
+ this.prevValue = val;
+ this.value = val;
+ if (args.mask) {
+ unwireEvents.call(inputEle);
+ wireEvents.call(inputEle);
+ }
+}
+function getMaskInput(args) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([args.element], UTILMASK);
+ var inputEle = {
+ element: args.element,
+ mask: args.mask,
+ promptMask: '',
+ hiddenMask: '',
+ escapeMaskValue: '',
+ promptChar: args.promptChar ? (args.promptChar.length > 1) ? args.promptChar = args.promptChar[0]
+ : args.promptChar : '_',
+ value: args.value ? args.value : null,
+ regExpCollec: regularExpressions,
+ customRegExpCollec: [],
+ customCharacters: args.customCharacters,
+ undoCollec: [],
+ redoCollec: [],
+ maskKeyPress: false,
+ prevValue: ''
+ };
+ createMask.call(inputEle);
+ return inputEle;
+}
+/**
+ * Gets raw value of the textbox which has been masked through utility method.
+ *
+ * @hidden
+ */
+function getVal(args) {
+ return strippedValue.call(getUtilMaskEle(args), args.element);
+}
+/**
+ * Gets masked value of the textbox which has been masked through utility method.
+ *
+ * @hidden
+ */
+function getMaskedVal(args) {
+ return unstrippedValue.call(getUtilMaskEle(args), args.element);
+}
+function getUtilMaskEle(args) {
+ var inputEle;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args) && args.element.classList.contains(UTILMASK)) {
+ inputEle = getMaskInput(args);
+ }
+ return inputEle;
+}
+/**
+ * Arguments to perform undo and redo functionalities.
+ *
+ * @hidden
+ */
+var MaskUndo = /** @__PURE__ @class */ (function () {
+ function MaskUndo() {
+ }
+ return MaskUndo;
+}());
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var maskUndo = new MaskUndo();
+/* eslint-enable valid-jsdoc, jsdoc/require-jsdoc, jsdoc/require-returns, jsdoc/require-param */
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/index.js":
+/*!*************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/index.js ***!
+ \*************************************************************************/
+/*! exports provided: regularExpressions, createMask, applyMask, wireEvents, unwireEvents, bindClearEvent, unstrippedValue, strippedValue, maskInputMouseDownHandler, maskInputMouseUpHandler, maskInputFocusHandler, triggerFocus, escapeRegExp, maskInputBlurHandler, maskInputDropHandler, mobileRemoveFunction, setMaskValue, setElementValue, maskInput, getVal, getMaskedVal, MaskUndo, MaskedTextBox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _base_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/base/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "regularExpressions", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["regularExpressions"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createMask", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["createMask"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "applyMask", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["applyMask"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "wireEvents", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["wireEvents"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "unwireEvents", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["unwireEvents"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "bindClearEvent", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["bindClearEvent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "unstrippedValue", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["unstrippedValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "strippedValue", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["strippedValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputMouseDownHandler", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["maskInputMouseDownHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputMouseUpHandler", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["maskInputMouseUpHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputFocusHandler", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["maskInputFocusHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "triggerFocus", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["triggerFocus"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "escapeRegExp", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["escapeRegExp"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputBlurHandler", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["maskInputBlurHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInputDropHandler", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["maskInputDropHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "mobileRemoveFunction", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["mobileRemoveFunction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setMaskValue", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["setMaskValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setElementValue", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["setElementValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "maskInput", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["maskInput"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getVal", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["getVal"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getMaskedVal", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["getMaskedVal"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MaskUndo", function() { return _base_index__WEBPACK_IMPORTED_MODULE_0__["MaskUndo"]; });
+
+/* harmony import */ var _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./maskedtextbox/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/maskedtextbox/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MaskedTextBox", function() { return _maskedtextbox_index__WEBPACK_IMPORTED_MODULE_1__["MaskedTextBox"]; });
+
+/**
+ * MaskedTextbox modules
+ */
+
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/maskedtextbox/index.js":
+/*!***************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/maskedtextbox/index.js ***!
+ \***************************************************************************************/
+/*! exports provided: MaskedTextBox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _maskedtextbox__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./maskedtextbox */ "./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/maskedtextbox/maskedtextbox.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MaskedTextBox", function() { return _maskedtextbox__WEBPACK_IMPORTED_MODULE_0__["MaskedTextBox"]; });
+
+/**
+ * MaskedTextbox modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/maskedtextbox/maskedtextbox.js":
+/*!***********************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/maskedtextbox/maskedtextbox.js ***!
+ \***********************************************************************************************/
+/*! exports provided: MaskedTextBox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MaskedTextBox", function() { return MaskedTextBox; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _input_input__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../input/input */ "./ej2-resources/22.1.37/scripts/ej2-inputs/input/input.js");
+/* harmony import */ var _base_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../base/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/maskedtextbox/base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+var ROOT = 'e-control-wrapper e-mask';
+var INPUT = 'e-input';
+var COMPONENT = 'e-maskedtextbox';
+var CONTROL = 'e-control';
+var MASKINPUT_FOCUS = 'e-input-focus';
+var wrapperAttr = ['title', 'style', 'class'];
+/**
+ * The MaskedTextBox allows the user to enter the valid input only based on the provided mask.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var MaskedTextBox = /** @__PURE__ @class */ (function (_super) {
+ __extends(MaskedTextBox, _super);
+ /**
+ *
+ * @param {MaskedTextBoxModel} options - Specifies the MaskedTextBox model.
+ * @param {string | HTMLElement | HTMLInputElement} element - Specifies the element to render as component.
+ * @private
+ */
+ function MaskedTextBox(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.initInputValue = '';
+ _this.isAngular = false;
+ _this.preventChange = false;
+ _this.isClicked = false;
+ _this.maskOptions = options;
+ return _this;
+ }
+ /**
+ * Gets the component name.
+ *
+ * @returns {string} Returns the component name.
+ * @private
+ */
+ MaskedTextBox.prototype.getModuleName = function () {
+ return 'maskedtextbox';
+ };
+ /**
+ * Initializes the event handler
+ *
+ * @returns {void}
+ * @private
+ */
+ MaskedTextBox.prototype.preRender = function () {
+ this.promptMask = '';
+ this.hiddenMask = '';
+ this.escapeMaskValue = '';
+ this.regExpCollec = _base_index__WEBPACK_IMPORTED_MODULE_2__["regularExpressions"];
+ this.customRegExpCollec = [];
+ this.undoCollec = [];
+ this.redoCollec = [];
+ this.changeEventArgs = {};
+ this.focusEventArgs = {};
+ this.blurEventArgs = {};
+ this.maskKeyPress = false;
+ this.isFocus = false;
+ this.isInitial = false;
+ this.isIosInvalid = false;
+ var ejInstance = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('ej2_instances', this.element);
+ this.cloneElement = this.element.cloneNode(true);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.cloneElement], [CONTROL, COMPONENT, 'e-lib']);
+ this.angularTagName = null;
+ this.formElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form');
+ if (this.element.tagName === 'EJS-MASKEDTEXTBOX') {
+ this.angularTagName = this.element.tagName;
+ var input = this.createElement('input');
+ for (var i = 0; i < this.element.attributes.length; i++) {
+ input.setAttribute(this.element.attributes[i].nodeName, this.element.attributes[i].nodeValue);
+ input.innerHTML = this.element.innerHTML;
+ }
+ if (this.element.hasAttribute('id')) {
+ this.element.removeAttribute('id');
+ }
+ this.element.classList.remove('e-control', 'e-maskedtextbox');
+ this.element.classList.add('e-mask-container');
+ this.element.appendChild(input);
+ this.element = input;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])('ej2_instances', ejInstance, this.element);
+ }
+ this.updateHTMLAttrToElement();
+ this.checkHtmlAttributes(false);
+ if (this.formElement) {
+ this.initInputValue = this.value;
+ }
+ };
+ /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Gets the properties to be maintained in the persisted state.
+ *
+ * @returns {string}
+ */
+ MaskedTextBox.prototype.getPersistData = function () {
+ var keyEntity = ['value'];
+ return this.addOnPersist(keyEntity);
+ };
+ /* eslint-enable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Initializes the component rendering.
+ *
+ * @returns {void}
+ * @private
+ */
+ MaskedTextBox.prototype.render = function () {
+ if (this.element.tagName.toLowerCase() === 'input') {
+ if (this.floatLabelType === 'Never') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], INPUT);
+ }
+ this.createWrapper();
+ this.updateHTMLAttrToWrapper();
+ if (this.element.name === '') {
+ this.element.setAttribute('name', this.element.id);
+ }
+ this.isInitial = true;
+ this.resetMaskedTextBox();
+ this.isInitial = false;
+ this.setMaskPlaceholder(true, false);
+ this.setWidth(this.width);
+ this.preEleVal = this.element.value;
+ if (!_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice && (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].info.version === '11.0' || _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].info.name === 'edge')) {
+ this.element.blur();
+ }
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice && _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isIos) {
+ this.element.blur();
+ }
+ if (this.element.getAttribute('value') || this.value) {
+ this.element.setAttribute('value', this.element.value);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, "fieldset")) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, "fieldset").disabled) {
+ this.enabled = false;
+ }
+ this.renderComplete();
+ }
+ };
+ MaskedTextBox.prototype.updateHTMLAttrToElement = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ for (var _i = 0, _a = Object.keys(this.htmlAttributes); _i < _a.length; _i++) {
+ var key = _a[_i];
+ if (wrapperAttr.indexOf(key) < 0) {
+ this.element.setAttribute(key, this.htmlAttributes["" + key]);
+ }
+ }
+ }
+ };
+ MaskedTextBox.prototype.updateCssClass = function (newClass, oldClass) {
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setCssClass(this.getValidClassList(newClass), [this.inputObj.container], this.getValidClassList(oldClass));
+ };
+ MaskedTextBox.prototype.getValidClassList = function (maskClassName) {
+ var result = maskClassName;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(maskClassName) && maskClassName !== '') {
+ result = (maskClassName.replace(/\s+/g, ' ')).trim();
+ }
+ return result;
+ };
+ MaskedTextBox.prototype.updateHTMLAttrToWrapper = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ for (var _i = 0, _a = Object.keys(this.htmlAttributes); _i < _a.length; _i++) {
+ var key = _a[_i];
+ if (wrapperAttr.indexOf(key) > -1) {
+ if (key === 'class') {
+ var updatedClassValues = (this.htmlAttributes["" + key].replace(/\s+/g, ' ')).trim();
+ if (updatedClassValues !== '') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.inputObj.container], updatedClassValues.split(' '));
+ }
+ }
+ else if (key === 'style') {
+ var maskStyle = this.inputObj.container.getAttribute(key);
+ maskStyle = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(maskStyle) ? (maskStyle + this.htmlAttributes["" + key]) :
+ this.htmlAttributes["" + key];
+ this.inputObj.container.setAttribute(key, maskStyle);
+ }
+ else {
+ this.inputObj.container.setAttribute(key, this.htmlAttributes["" + key]);
+ }
+ }
+ }
+ }
+ };
+ MaskedTextBox.prototype.resetMaskedTextBox = function () {
+ this.promptMask = '';
+ this.hiddenMask = '';
+ this.escapeMaskValue = '';
+ this.customRegExpCollec = [];
+ this.undoCollec = [];
+ this.redoCollec = [];
+ if (this.promptChar.length > 1) {
+ this.promptChar = this.promptChar[0];
+ }
+ _base_index__WEBPACK_IMPORTED_MODULE_2__["createMask"].call(this);
+ _base_index__WEBPACK_IMPORTED_MODULE_2__["applyMask"].call(this);
+ if (this.mask === null || this.mask === '' && this.value !== undefined) {
+ _base_index__WEBPACK_IMPORTED_MODULE_2__["setElementValue"].call(this, this.value);
+ }
+ var val = _base_index__WEBPACK_IMPORTED_MODULE_2__["strippedValue"].call(this, this.element);
+ this.prevValue = val;
+ this.value = val;
+ if (!this.isInitial) {
+ _base_index__WEBPACK_IMPORTED_MODULE_2__["unwireEvents"].call(this);
+ }
+ _base_index__WEBPACK_IMPORTED_MODULE_2__["wireEvents"].call(this);
+ };
+ MaskedTextBox.prototype.setMaskPlaceholder = function (setVal, dynamicPlaceholder) {
+ if (dynamicPlaceholder || this.placeholder) {
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setPlaceholder(this.placeholder, this.element);
+ if ((this.element.value === this.promptMask && setVal && this.floatLabelType !== 'Always') ||
+ this.element.value === this.promptMask && this.floatLabelType === 'Never') {
+ _base_index__WEBPACK_IMPORTED_MODULE_2__["setElementValue"].call(this, '');
+ }
+ }
+ };
+ MaskedTextBox.prototype.setWidth = function (width) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(width)) {
+ if (typeof width === 'number') {
+ this.inputObj.container.style.width = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(width);
+ this.element.style.width = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(width);
+ }
+ else if (typeof width === 'string') {
+ var elementWidth = (width.match(/px|%|em/)) ? (width) : (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(width));
+ this.inputObj.container.style.width = elementWidth;
+ this.element.style.width = elementWidth;
+ }
+ }
+ };
+ MaskedTextBox.prototype.checkHtmlAttributes = function (isDynamic) {
+ var attributes = isDynamic ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes)
+ : ['placeholder', 'disabled', 'value', 'readonly'];
+ for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
+ var key = attributes_1[_i];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.getAttribute(key))) {
+ switch (key) {
+ case 'placeholder':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.maskOptions) || (this.maskOptions['placeholder'] === undefined)) || isDynamic) {
+ this.setProperties({ placeholder: this.element.placeholder }, !isDynamic);
+ }
+ break;
+ case 'disabled':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.maskOptions) || (this.maskOptions['enabled'] === undefined)) || isDynamic) {
+ var isEnabled = this.element.getAttribute(key) === 'disabled' || this.element.getAttribute(key) === '' ||
+ this.element.getAttribute(key) === 'true' ? false : true;
+ this.setProperties({ enabled: isEnabled }, !isDynamic);
+ }
+ break;
+ case 'value':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.maskOptions) || (this.maskOptions['value'] === undefined)) || isDynamic) {
+ this.setProperties({ value: this.element.value }, !isDynamic);
+ }
+ break;
+ case 'readonly':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.maskOptions) || (this.maskOptions['readonly'] === undefined)) || isDynamic) {
+ var isReadonly = this.element.getAttribute(key) === 'readonly' || this.element.getAttribute(key) === ''
+ || this.element.getAttribute(key) === 'true' ? true : false;
+ this.setProperties({ readonly: isReadonly }, !isDynamic);
+ }
+ break;
+ }
+ }
+ }
+ };
+ MaskedTextBox.prototype.createWrapper = function () {
+ var updatedCssClassValues = this.cssClass;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.cssClass) && this.cssClass !== '') {
+ updatedCssClassValues = this.getValidClassList(this.cssClass);
+ }
+ this.inputObj = _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].createInput({
+ element: this.element,
+ floatLabelType: this.floatLabelType,
+ properties: {
+ enableRtl: this.enableRtl,
+ cssClass: updatedCssClassValues,
+ enabled: this.enabled,
+ readonly: this.readonly,
+ placeholder: this.placeholder,
+ showClearButton: this.showClearButton
+ }
+ }, this.createElement);
+ this.inputObj.container.setAttribute('class', ROOT + ' ' + this.inputObj.container.getAttribute('class'));
+ };
+ /**
+ * Calls internally if any of the property value is changed.
+ *
+ * @param {MaskedTextBoxModel} newProp - Returns the dynamic property value of the component.
+ * @param {MaskedTextBoxModel} oldProp - Returns the previous property value of the component.
+ * @returns {void}
+ * @hidden
+ */
+ MaskedTextBox.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'value':
+ _base_index__WEBPACK_IMPORTED_MODULE_2__["setMaskValue"].call(this, this.value);
+ if (this.placeholder && !this.isFocus) {
+ this.setMaskPlaceholder(false, false);
+ }
+ if (this.value === "") {
+ this.element.selectionStart = 0;
+ this.element.selectionEnd = 0;
+ }
+ break;
+ case 'placeholder':
+ this.setMaskPlaceholder(true, true);
+ break;
+ case 'width':
+ this.setWidth(newProp.width);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].calculateWidth(this.element, this.inputObj.container);
+ break;
+ case 'cssClass':
+ this.updateCssClass(newProp.cssClass, oldProp.cssClass);
+ break;
+ case 'enabled':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setEnabled(newProp.enabled, this.element, this.floatLabelType, this.inputObj.container);
+ break;
+ case 'readonly':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setReadonly(newProp.readonly, this.element);
+ break;
+ case 'enableRtl':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setEnableRtl(newProp.enableRtl, [this.inputObj.container]);
+ break;
+ case 'customCharacters':
+ this.customCharacters = newProp.customCharacters;
+ this.resetMaskedTextBox();
+ break;
+ case 'showClearButton':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setClearButton(newProp.showClearButton, this.element, this.inputObj, undefined, this.createElement);
+ _base_index__WEBPACK_IMPORTED_MODULE_2__["bindClearEvent"].call(this);
+ break;
+ case 'floatLabelType':
+ this.floatLabelType = newProp.floatLabelType;
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].removeFloating(this.inputObj);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].addFloating(this.element, this.floatLabelType, this.placeholder, this.createElement);
+ break;
+ case 'htmlAttributes':
+ this.updateHTMLAttrToElement();
+ this.updateHTMLAttrToWrapper();
+ this.checkHtmlAttributes(true);
+ break;
+ case 'mask':
+ {
+ var strippedValue_1 = this.value;
+ this.mask = newProp.mask;
+ this.updateValue(strippedValue_1);
+ }
+ break;
+ case 'promptChar': {
+ if (newProp.promptChar.length > 1) {
+ newProp.promptChar = newProp.promptChar[0];
+ }
+ if (newProp.promptChar) {
+ this.promptChar = newProp.promptChar;
+ }
+ else {
+ this.promptChar = '_';
+ }
+ /* eslint-disable-next-line security/detect-non-literal-regexp */
+ var value = this.element.value.replace(new RegExp('[' + oldProp.promptChar + ']', 'g'), this.promptChar);
+ if (this.promptMask === this.element.value) {
+ /* eslint-disable-next-line security/detect-non-literal-regexp */
+ value = this.promptMask.replace(new RegExp('[' + oldProp.promptChar + ']', 'g'), this.promptChar);
+ }
+ /* eslint-disable-next-line security/detect-non-literal-regexp */
+ this.promptMask = this.promptMask.replace(new RegExp('[' + oldProp.promptChar + ']', 'g'), this.promptChar);
+ this.undoCollec = this.redoCollec = [];
+ _base_index__WEBPACK_IMPORTED_MODULE_2__["setElementValue"].call(this, value);
+ break;
+ }
+ }
+ }
+ this.preventChange = this.isAngular && this.preventChange ? !this.preventChange : this.preventChange;
+ };
+ MaskedTextBox.prototype.updateValue = function (strippedVal) {
+ this.resetMaskedTextBox();
+ _base_index__WEBPACK_IMPORTED_MODULE_2__["setMaskValue"].call(this, strippedVal);
+ };
+ /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Gets the value of the MaskedTextBox with the masked format.
+ * By using `value` property, you can get the raw value of maskedtextbox without literals and prompt characters.
+ *
+ * @returns {string}
+ */
+ MaskedTextBox.prototype.getMaskedValue = function () {
+ return _base_index__WEBPACK_IMPORTED_MODULE_2__["unstrippedValue"].call(this, this.element);
+ };
+ /* eslint-enable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Sets the focus to widget for interaction.
+ *
+ * @returns {void}
+ */
+ MaskedTextBox.prototype.focusIn = function () {
+ if (document.activeElement !== this.element && this.enabled) {
+ this.isFocus = true;
+ this.element.focus();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.inputObj.container], [MASKINPUT_FOCUS]);
+ }
+ };
+ /**
+ * Remove the focus from widget, if the widget is in focus state.
+ *
+ * @returns {void}
+ */
+ MaskedTextBox.prototype.focusOut = function () {
+ if (document.activeElement === this.element && this.enabled) {
+ this.isFocus = false;
+ this.element.blur();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.inputObj.container], [MASKINPUT_FOCUS]);
+ }
+ };
+ /**
+ * Removes the component from the DOM and detaches all its related event handlers.
+ * Also it maintains the initial input element from the DOM.
+ *
+ * @method destroy
+ * @returns {void}
+ */
+ MaskedTextBox.prototype.destroy = function () {
+ _base_index__WEBPACK_IMPORTED_MODULE_2__["unwireEvents"].call(this);
+ var attrArray = ['aria-labelledby', 'role', 'autocomplete', 'aria-readonly',
+ 'aria-disabled', 'autocapitalize', 'spellcheck', 'aria-autocomplete', 'aria-live', 'aria-invalid'];
+ for (var i = 0; i < attrArray.length; i++) {
+ this.element.removeAttribute(attrArray[i]);
+ }
+ this.element.classList.remove('e-input');
+ if (this.inputObj) {
+ this.inputObj.container.insertAdjacentElement('afterend', this.element);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.inputObj.container);
+ }
+ this.blurEventArgs = null;
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].destroy();
+ this.changeEventArgs = null;
+ this.inputObj = null;
+ _super.prototype.destroy.call(this);
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], MaskedTextBox.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], MaskedTextBox.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], MaskedTextBox.prototype, "placeholder", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Never')
+ ], MaskedTextBox.prototype, "floatLabelType", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({})
+ ], MaskedTextBox.prototype, "htmlAttributes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], MaskedTextBox.prototype, "enabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], MaskedTextBox.prototype, "readonly", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], MaskedTextBox.prototype, "showClearButton", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], MaskedTextBox.prototype, "enablePersistence", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], MaskedTextBox.prototype, "mask", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('_')
+ ], MaskedTextBox.prototype, "promptChar", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], MaskedTextBox.prototype, "value", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], MaskedTextBox.prototype, "customCharacters", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], MaskedTextBox.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], MaskedTextBox.prototype, "destroyed", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], MaskedTextBox.prototype, "change", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], MaskedTextBox.prototype, "focus", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], MaskedTextBox.prototype, "blur", void 0);
+ MaskedTextBox = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], MaskedTextBox);
+ return MaskedTextBox;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/numerictextbox/index.js":
+/*!**************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/numerictextbox/index.js ***!
+ \**************************************************************************/
+/*! exports provided: NumericTextBox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _numerictextbox__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./numerictextbox */ "./ej2-resources/22.1.37/scripts/ej2-inputs/numerictextbox/numerictextbox.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NumericTextBox", function() { return _numerictextbox__WEBPACK_IMPORTED_MODULE_0__["NumericTextBox"]; });
+
+/**
+ * NumericTextBox modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/numerictextbox/numerictextbox.js":
+/*!***********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/numerictextbox/numerictextbox.js ***!
+ \***********************************************************************************/
+/*! exports provided: NumericTextBox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NumericTextBox", function() { return NumericTextBox; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _input_input__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../input/input */ "./ej2-resources/22.1.37/scripts/ej2-inputs/input/input.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+var ROOT = 'e-control-wrapper e-numeric';
+var SPINICON = 'e-input-group-icon';
+var SPINUP = 'e-spin-up';
+var SPINDOWN = 'e-spin-down';
+var ERROR = 'e-error';
+var INCREMENT = 'increment';
+var DECREMENT = 'decrement';
+var INTREGEXP = new RegExp('^(-)?(\\d*)$');
+var DECIMALSEPARATOR = '.';
+var COMPONENT = 'e-numerictextbox';
+var CONTROL = 'e-control';
+var NUMERIC_FOCUS = 'e-input-focus';
+var HIDDENELEMENT = 'e-numeric-hidden';
+var wrapperAttributes = ['title', 'style', 'class'];
+var selectionTimeOut = 0;
+/**
+ * Represents the NumericTextBox component that allows the user to enter only numeric values.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
+ __extends(NumericTextBox, _super);
+ /**
+ *
+ * @param {NumericTextBoxModel} options - Specifies the NumericTextBox model.
+ * @param {string | HTMLInputElement} element - Specifies the element to render as component.
+ * @private
+ */
+ function NumericTextBox(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.isVue = false;
+ _this.preventChange = false;
+ _this.isAngular = false;
+ _this.isDynamicChange = false;
+ _this.numericOptions = options;
+ return _this;
+ }
+ NumericTextBox.prototype.preRender = function () {
+ this.isPrevFocused = false;
+ this.decimalSeparator = '.';
+ // eslint-disable-next-line no-useless-escape
+ this.intRegExp = new RegExp('/^(-)?(\d*)$/');
+ this.isCalled = false;
+ var ejInstance = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('ej2_instances', this.element);
+ this.cloneElement = this.element.cloneNode(true);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.cloneElement], [CONTROL, COMPONENT, 'e-lib']);
+ this.angularTagName = null;
+ this.formEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form');
+ if (this.element.tagName === 'EJS-NUMERICTEXTBOX') {
+ this.angularTagName = this.element.tagName;
+ var input = this.createElement('input');
+ var index = 0;
+ for (index; index < this.element.attributes.length; index++) {
+ var attributeName = this.element.attributes[index].nodeName;
+ if (attributeName !== 'id' && attributeName !== 'class') {
+ input.setAttribute(this.element.attributes[index].nodeName, this.element.attributes[index].nodeValue);
+ input.innerHTML = this.element.innerHTML;
+ }
+ else if (attributeName === 'class') {
+ input.setAttribute(attributeName, this.element.className.split(' ').filter(function (item) { return item.indexOf('ng-') !== 0; }).join(' '));
+ }
+ }
+ if (this.element.hasAttribute('name')) {
+ this.element.removeAttribute('name');
+ }
+ this.element.classList.remove('e-control', 'e-numerictextbox');
+ this.element.appendChild(input);
+ this.element = input;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])('ej2_instances', ejInstance, this.element);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'role': 'spinbutton', 'tabindex': '0', 'autocomplete': 'off' });
+ var localeText = {
+ incrementTitle: 'Increment value', decrementTitle: 'Decrement value', placeholder: this.placeholder
+ };
+ this.l10n = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["L10n"]('numerictextbox', localeText, this.locale);
+ if (this.l10n.getConstant('placeholder') !== '') {
+ this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
+ }
+ if (!this.element.hasAttribute('id')) {
+ this.element.setAttribute('id', Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('numerictextbox'));
+ }
+ this.isValidState = true;
+ this.inputStyle = null;
+ this.inputName = null;
+ this.cultureInfo = {};
+ this.initCultureInfo();
+ this.initCultureFunc();
+ this.prevValue = this.value;
+ this.updateHTMLAttrToElement();
+ this.checkAttributes(false);
+ if (this.formEle) {
+ this.inputEleValue = this.value;
+ }
+ this.validateMinMax();
+ this.validateStep();
+ if (this.placeholder === null) {
+ this.updatePlaceholder();
+ }
+ };
+ /**
+ * To Initialize the control rendering
+ *
+ * @returns {void}
+ * @private
+ */
+ NumericTextBox.prototype.render = function () {
+ if (this.element.tagName.toLowerCase() === 'input') {
+ this.createWrapper();
+ if (this.showSpinButton) {
+ this.spinBtnCreation();
+ }
+ this.setElementWidth(this.width);
+ if (!this.container.classList.contains('e-input-group')) {
+ this.container.classList.add('e-input-group');
+ }
+ this.changeValue(this.value === null || isNaN(this.value) ?
+ null : this.strictMode ? this.trimValue(this.value) : this.value);
+ this.wireEvents();
+ if (this.value !== null && !isNaN(this.value)) {
+ if (this.decimals) {
+ this.setProperties({ value: this.roundNumber(this.value, this.decimals) }, true);
+ }
+ }
+ if (this.element.getAttribute('value') || this.value) {
+ this.element.setAttribute('value', this.element.value);
+ this.hiddenInput.setAttribute('value', this.hiddenInput.value);
+ }
+ this.elementPrevValue = this.element.value;
+ if (this.element.hasAttribute('data-val')) {
+ this.element.setAttribute('data-val', 'false');
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'fieldset')) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'fieldset').disabled) {
+ this.enabled = false;
+ }
+ this.renderComplete();
+ }
+ };
+ NumericTextBox.prototype.checkAttributes = function (isDynamic) {
+ var attributes = isDynamic ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
+ ['value', 'min', 'max', 'step', 'disabled', 'readonly', 'style', 'name', 'placeholder'];
+ for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
+ var prop = attributes_1[_i];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.getAttribute(prop))) {
+ switch (prop) {
+ case 'disabled':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.numericOptions) || (this.numericOptions['enabled'] === undefined)) || isDynamic) {
+ var enabled = this.element.getAttribute(prop) === 'disabled' || this.element.getAttribute(prop) === ''
+ || this.element.getAttribute(prop) === 'true' ? false : true;
+ this.setProperties({ enabled: enabled }, !isDynamic);
+ }
+ break;
+ case 'readonly':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.numericOptions) || (this.numericOptions['readonly'] === undefined)) || isDynamic) {
+ var readonly = this.element.getAttribute(prop) === 'readonly' || this.element.getAttribute(prop) === ''
+ || this.element.getAttribute(prop) === 'true' ? true : false;
+ this.setProperties({ readonly: readonly }, !isDynamic);
+ }
+ break;
+ case 'placeholder':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.numericOptions) || (this.numericOptions['placeholder'] === undefined)) || isDynamic) {
+ this.setProperties({ placeholder: this.element.placeholder }, !isDynamic);
+ }
+ break;
+ case 'value':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.numericOptions) || (this.numericOptions['value'] === undefined)) || isDynamic) {
+ var setNumber = this.instance.getNumberParser({ format: 'n' })(this.element.getAttribute(prop));
+ this.setProperties(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])(prop, setNumber, {}), !isDynamic);
+ }
+ break;
+ case 'min':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.numericOptions) || (this.numericOptions['min'] === undefined)) || isDynamic) {
+ var minValue = this.instance.getNumberParser({ format: 'n' })(this.element.getAttribute(prop));
+ if (minValue !== null && !isNaN(minValue)) {
+ this.setProperties(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])(prop, minValue, {}), !isDynamic);
+ }
+ }
+ break;
+ case 'max':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.numericOptions) || (this.numericOptions['max'] === undefined)) || isDynamic) {
+ var maxValue = this.instance.getNumberParser({ format: 'n' })(this.element.getAttribute(prop));
+ if (maxValue !== null && !isNaN(maxValue)) {
+ this.setProperties(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])(prop, maxValue, {}), !isDynamic);
+ }
+ }
+ break;
+ case 'step':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.numericOptions) || (this.numericOptions['step'] === undefined)) || isDynamic) {
+ var stepValue = this.instance.getNumberParser({ format: 'n' })(this.element.getAttribute(prop));
+ if (stepValue !== null && !isNaN(stepValue)) {
+ this.setProperties(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])(prop, stepValue, {}), !isDynamic);
+ }
+ }
+ break;
+ case 'style':
+ this.inputStyle = this.element.getAttribute(prop);
+ break;
+ case 'name':
+ this.inputName = this.element.getAttribute(prop);
+ break;
+ default:
+ {
+ var value = this.instance.getNumberParser({ format: 'n' })(this.element.getAttribute(prop));
+ if ((value !== null && !isNaN(value)) || (prop === 'value')) {
+ this.setProperties(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])(prop, value, {}), true);
+ }
+ }
+ break;
+ }
+ }
+ }
+ };
+ NumericTextBox.prototype.updatePlaceholder = function () {
+ this.setProperties({ placeholder: this.l10n.getConstant('placeholder') }, true);
+ };
+ NumericTextBox.prototype.initCultureFunc = function () {
+ this.instance = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Internationalization"](this.locale);
+ };
+ NumericTextBox.prototype.initCultureInfo = function () {
+ this.cultureInfo.format = this.format;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('currency', this) !== null) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])('currency', this.currency, this.cultureInfo);
+ this.setProperties({ currencyCode: this.currency }, true);
+ }
+ };
+ /* Wrapper creation */
+ NumericTextBox.prototype.createWrapper = function () {
+ var updatedCssClassValue = this.cssClass;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.cssClass) && this.cssClass !== '') {
+ updatedCssClassValue = this.getNumericValidClassList(this.cssClass);
+ }
+ var inputObj = _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].createInput({
+ element: this.element,
+ floatLabelType: this.floatLabelType,
+ properties: {
+ readonly: this.readonly,
+ placeholder: this.placeholder,
+ cssClass: updatedCssClassValue,
+ enableRtl: this.enableRtl,
+ showClearButton: this.showClearButton,
+ enabled: this.enabled
+ }
+ }, this.createElement);
+ this.inputWrapper = inputObj;
+ this.container = inputObj.container;
+ this.container.setAttribute('class', ROOT + ' ' + this.container.getAttribute('class'));
+ this.updateHTMLAttrToWrapper();
+ if (this.readonly) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'aria-readonly': 'true' });
+ }
+ this.hiddenInput = (this.createElement('input', { attrs: { type: 'text',
+ 'validateHidden': 'true', 'class': HIDDENELEMENT } }));
+ this.inputName = this.inputName !== null ? this.inputName : this.element.id;
+ this.element.removeAttribute('name');
+ if (this.isAngular && this.angularTagName === 'EJS-NUMERICTEXTBOX' && this.cloneElement.id.length > 0) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.hiddenInput, { 'name': this.cloneElement.id });
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.hiddenInput, { 'name': this.inputName });
+ }
+ this.container.insertBefore(this.hiddenInput, this.container.childNodes[1]);
+ this.updateDataAttribute(false);
+ if (this.inputStyle !== null) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.container, { 'style': this.inputStyle });
+ }
+ };
+ NumericTextBox.prototype.updateDataAttribute = function (isDynamic) {
+ var attr = {};
+ if (!isDynamic) {
+ for (var a = 0; a < this.element.attributes.length; a++) {
+ attr[this.element.attributes[a].name] = this.element.getAttribute(this.element.attributes[a].name);
+ }
+ }
+ else {
+ attr = this.htmlAttributes;
+ }
+ for (var _i = 0, _a = Object.keys(attr); _i < _a.length; _i++) {
+ var key = _a[_i];
+ if (key.indexOf('data') === 0) {
+ this.hiddenInput.setAttribute(key, attr["" + key]);
+ }
+ }
+ };
+ NumericTextBox.prototype.updateHTMLAttrToElement = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ for (var _i = 0, _a = Object.keys(this.htmlAttributes); _i < _a.length; _i++) {
+ var pro = _a[_i];
+ if (wrapperAttributes.indexOf(pro) < 0) {
+ this.element.setAttribute(pro, this.htmlAttributes["" + pro]);
+ }
+ }
+ }
+ };
+ NumericTextBox.prototype.updateCssClass = function (newClass, oldClass) {
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setCssClass(this.getNumericValidClassList(newClass), [this.container], this.getNumericValidClassList(oldClass));
+ };
+ NumericTextBox.prototype.getNumericValidClassList = function (numericClassName) {
+ var result = numericClassName;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(numericClassName) && numericClassName !== '') {
+ result = (numericClassName.replace(/\s+/g, ' ')).trim();
+ }
+ return result;
+ };
+ NumericTextBox.prototype.updateHTMLAttrToWrapper = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ for (var _i = 0, _a = Object.keys(this.htmlAttributes); _i < _a.length; _i++) {
+ var pro = _a[_i];
+ if (wrapperAttributes.indexOf(pro) > -1) {
+ if (pro === 'class') {
+ var updatedClassValue = this.getNumericValidClassList(this.htmlAttributes["" + pro]);
+ if (updatedClassValue !== '') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.container], updatedClassValue.split(' '));
+ }
+ }
+ else if (pro === 'style') {
+ var numericStyle = this.container.getAttribute(pro);
+ numericStyle = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(numericStyle) ? (numericStyle + this.htmlAttributes["" + pro]) :
+ this.htmlAttributes["" + pro];
+ this.container.setAttribute(pro, numericStyle);
+ }
+ else {
+ this.container.setAttribute(pro, this.htmlAttributes["" + pro]);
+ }
+ }
+ }
+ }
+ };
+ NumericTextBox.prototype.setElementWidth = function (width) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(width)) {
+ if (typeof width === 'number') {
+ this.container.style.width = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(width);
+ }
+ else if (typeof width === 'string') {
+ this.container.style.width = (width.match(/px|%|em/)) ? (width) : (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(width));
+ }
+ }
+ };
+ /* Spinner creation */
+ NumericTextBox.prototype.spinBtnCreation = function () {
+ this.spinDown = _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].appendSpan(SPINICON + ' ' + SPINDOWN, this.container, this.createElement);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.spinDown, {
+ 'title': this.l10n.getConstant('decrementTitle')
+ });
+ this.spinUp = _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].appendSpan(SPINICON + ' ' + SPINUP, this.container, this.createElement);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.spinUp, {
+ 'title': this.l10n.getConstant('incrementTitle')
+ });
+ this.wireSpinBtnEvents();
+ };
+ NumericTextBox.prototype.validateMinMax = function () {
+ if (!(typeof (this.min) === 'number' && !isNaN(this.min))) {
+ this.setProperties({ min: -(Number.MAX_VALUE) }, true);
+ }
+ if (!(typeof (this.max) === 'number' && !isNaN(this.max))) {
+ this.setProperties({ max: Number.MAX_VALUE }, true);
+ }
+ if (this.decimals !== null) {
+ if (this.min !== -(Number.MAX_VALUE)) {
+ this.setProperties({ min: this.instance.getNumberParser({ format: 'n' })(this.formattedValue(this.decimals, this.min)) }, true);
+ }
+ if (this.max !== (Number.MAX_VALUE)) {
+ this.setProperties({ max: this.instance.getNumberParser({ format: 'n' })(this.formattedValue(this.decimals, this.max)) }, true);
+ }
+ }
+ this.setProperties({ min: this.min > this.max ? this.max : this.min }, true);
+ if (this.min !== -(Number.MAX_VALUE)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'aria-valuemin': this.min.toString() });
+ }
+ if (this.max !== (Number.MAX_VALUE)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'aria-valuemax': this.max.toString() });
+ }
+ };
+ NumericTextBox.prototype.formattedValue = function (decimals, value) {
+ return this.instance.getNumberFormat({
+ maximumFractionDigits: decimals,
+ minimumFractionDigits: decimals, useGrouping: false
+ })(value);
+ };
+ NumericTextBox.prototype.validateStep = function () {
+ if (this.decimals !== null) {
+ this.setProperties({ step: this.instance.getNumberParser({ format: 'n' })(this.formattedValue(this.decimals, this.step)) }, true);
+ }
+ };
+ NumericTextBox.prototype.action = function (operation, event) {
+ this.isInteract = true;
+ var value = this.isFocused ? this.instance.getNumberParser({ format: 'n' })(this.element.value) : this.value;
+ this.changeValue(this.performAction(value, this.step, operation));
+ this.raiseChangeEvent(event);
+ };
+ NumericTextBox.prototype.checkErrorClass = function () {
+ if (this.isValidState) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.container], ERROR);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.container], ERROR);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'aria-invalid': this.isValidState ? 'false' : 'true' });
+ };
+ NumericTextBox.prototype.bindClearEvent = function () {
+ if (this.showClearButton) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.inputWrapper.clearButton, 'mousedown touchstart', this.resetHandler, this);
+ }
+ };
+ NumericTextBox.prototype.resetHandler = function (e) {
+ e.preventDefault();
+ if (!(this.inputWrapper.clearButton.classList.contains('e-clear-icon-hide')) || this.inputWrapper.container.classList.contains('e-static-clear')) {
+ this.clear(e);
+ }
+ this.isInteract = true;
+ this.raiseChangeEvent(e);
+ };
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ NumericTextBox.prototype.clear = function (event) {
+ this.setProperties({ value: null }, true);
+ this.setElementValue('');
+ this.hiddenInput.value = '';
+ var formElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form');
+ if (formElement) {
+ var element = this.element.nextElementSibling;
+ var keyupEvent = document.createEvent('KeyboardEvent');
+ keyupEvent.initEvent('keyup', false, true);
+ element.dispatchEvent(keyupEvent);
+ }
+ };
+ NumericTextBox.prototype.resetFormHandler = function () {
+ if (this.element.tagName === 'EJS-NUMERICTEXTBOX') {
+ this.updateValue(null);
+ }
+ else {
+ this.updateValue(this.inputEleValue);
+ }
+ };
+ NumericTextBox.prototype.setSpinButton = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.spinDown)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.spinDown, {
+ 'title': this.l10n.getConstant('decrementTitle'),
+ 'aria-label': this.l10n.getConstant('decrementTitle')
+ });
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.spinUp)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.spinUp, {
+ 'title': this.l10n.getConstant('incrementTitle'),
+ 'aria-label': this.l10n.getConstant('incrementTitle')
+ });
+ }
+ };
+ NumericTextBox.prototype.wireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'focus', this.focusHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'blur', this.focusOutHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'keydown', this.keyDownHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'keyup', this.keyUpHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'input', this.inputHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'keypress', this.keyPressHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'change', this.changeHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'paste', this.pasteHandler, this);
+ if (this.enabled) {
+ this.bindClearEvent();
+ if (this.formEle) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.formEle, 'reset', this.resetFormHandler, this);
+ }
+ }
+ };
+ NumericTextBox.prototype.wireSpinBtnEvents = function () {
+ /* bind spin button events */
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.spinUp, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchStartEvent, this.mouseDownOnSpinner, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.spinDown, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchStartEvent, this.mouseDownOnSpinner, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.spinUp, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchEndEvent, this.mouseUpOnSpinner, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.spinDown, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchEndEvent, this.mouseUpOnSpinner, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.spinUp, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchMoveEvent, this.touchMoveOnSpinner, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.spinDown, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchMoveEvent, this.touchMoveOnSpinner, this);
+ };
+ NumericTextBox.prototype.unwireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'focus', this.focusHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'blur', this.focusOutHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'keyup', this.keyUpHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'input', this.inputHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'keydown', this.keyDownHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'keypress', this.keyPressHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'change', this.changeHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'paste', this.pasteHandler);
+ if (this.formEle) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.formEle, 'reset', this.resetFormHandler);
+ }
+ };
+ NumericTextBox.prototype.unwireSpinBtnEvents = function () {
+ /* unbind spin button events */
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.spinUp, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchStartEvent, this.mouseDownOnSpinner);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.spinDown, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchStartEvent, this.mouseDownOnSpinner);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.spinUp, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchEndEvent, this.mouseUpOnSpinner);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.spinDown, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchEndEvent, this.mouseUpOnSpinner);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.spinUp, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchMoveEvent, this.touchMoveOnSpinner);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.spinDown, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchMoveEvent, this.touchMoveOnSpinner);
+ };
+ NumericTextBox.prototype.changeHandler = function (event) {
+ event.stopPropagation();
+ if (!this.element.value.length) {
+ this.setProperties({ value: null }, true);
+ }
+ var parsedInput = this.instance.getNumberParser({ format: 'n' })(this.element.value);
+ this.updateValue(parsedInput, event);
+ };
+ NumericTextBox.prototype.raiseChangeEvent = function (event) {
+ if (this.prevValue !== this.value || this.prevValue !== this.inputValue) {
+ var eventArgs = {};
+ this.changeEventArgs = { value: this.value, previousValue: this.prevValue, isInteracted: this.isInteract,
+ isInteraction: this.isInteract, event: event };
+ if (event) {
+ this.changeEventArgs.event = event;
+ }
+ if (this.changeEventArgs.event === undefined) {
+ this.changeEventArgs.isInteracted = false;
+ this.changeEventArgs.isInteraction = false;
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["merge"])(eventArgs, this.changeEventArgs);
+ this.prevValue = this.value;
+ this.isInteract = false;
+ this.elementPrevValue = this.element.value;
+ this.preventChange = false;
+ this.trigger('change', eventArgs);
+ }
+ };
+ NumericTextBox.prototype.pasteHandler = function () {
+ var _this = this;
+ if (!this.enabled || this.readonly) {
+ return;
+ }
+ var beforeUpdate = this.element.value;
+ setTimeout(function () {
+ if (!_this.numericRegex().test(_this.element.value)) {
+ _this.setElementValue(beforeUpdate);
+ }
+ });
+ };
+ NumericTextBox.prototype.preventHandler = function () {
+ var _this = this;
+ var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
+ setTimeout(function () {
+ if (_this.element.selectionStart > 0) {
+ var currentPos = _this.element.selectionStart;
+ var prevPos = _this.element.selectionStart - 1;
+ var start = 0;
+ var valArray = _this.element.value.split('');
+ var numericObject = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getNumericObject"])(_this.locale);
+ var decimalSeparator = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('decimal', numericObject);
+ var ignoreKeyCode = decimalSeparator.charCodeAt(0);
+ if (_this.element.value[prevPos] === ' ' && _this.element.selectionStart > 0 && !iOS) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(_this.prevVal)) {
+ _this.element.value = _this.element.value.trim();
+ }
+ else if (prevPos !== 0) {
+ _this.element.value = _this.prevVal;
+ }
+ else if (prevPos === 0) {
+ _this.element.value = _this.element.value.trim();
+ }
+ _this.element.setSelectionRange(prevPos, prevPos);
+ }
+ else if (isNaN(parseFloat(_this.element.value[_this.element.selectionStart - 1])) &&
+ _this.element.value[_this.element.selectionStart - 1].charCodeAt(0) !== 45) {
+ if ((valArray.indexOf(_this.element.value[_this.element.selectionStart - 1]) !==
+ valArray.lastIndexOf(_this.element.value[_this.element.selectionStart - 1]) &&
+ _this.element.value[_this.element.selectionStart - 1].charCodeAt(0) === ignoreKeyCode) ||
+ _this.element.value[_this.element.selectionStart - 1].charCodeAt(0) !== ignoreKeyCode) {
+ _this.element.value = _this.element.value.substring(0, prevPos) +
+ _this.element.value.substring(currentPos, _this.element.value.length);
+ _this.element.setSelectionRange(prevPos, prevPos);
+ if (isNaN(parseFloat(_this.element.value[_this.element.selectionStart - 1])) && _this.element.selectionStart > 0
+ && _this.element.value.length) {
+ _this.preventHandler();
+ }
+ }
+ }
+ else if (isNaN(parseFloat(_this.element.value[_this.element.selectionStart - 2])) && _this.element.selectionStart > 1 &&
+ _this.element.value[_this.element.selectionStart - 2].charCodeAt(0) !== 45) {
+ if ((valArray.indexOf(_this.element.value[_this.element.selectionStart - 2]) !==
+ valArray.lastIndexOf(_this.element.value[_this.element.selectionStart - 2]) &&
+ _this.element.value[_this.element.selectionStart - 2].charCodeAt(0) === ignoreKeyCode) ||
+ _this.element.value[_this.element.selectionStart - 2].charCodeAt(0) !== ignoreKeyCode) {
+ _this.element.setSelectionRange(prevPos, prevPos);
+ _this.nextEle = _this.element.value[_this.element.selectionStart];
+ _this.cursorPosChanged = true;
+ _this.preventHandler();
+ }
+ }
+ if (_this.cursorPosChanged === true && _this.element.value[_this.element.selectionStart] === _this.nextEle &&
+ isNaN(parseFloat(_this.element.value[_this.element.selectionStart - 1]))) {
+ _this.element.setSelectionRange(_this.element.selectionStart + 1, _this.element.selectionStart + 1);
+ _this.cursorPosChanged = false;
+ _this.nextEle = null;
+ }
+ if (_this.element.value.trim() === '') {
+ _this.element.setSelectionRange(start, start);
+ }
+ if (_this.element.selectionStart > 0) {
+ if ((_this.element.value[_this.element.selectionStart - 1].charCodeAt(0) === 45) && _this.element.selectionStart > 1) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(_this.prevVal)) {
+ // eslint-disable-next-line no-self-assign
+ _this.element.value = _this.element.value;
+ }
+ else {
+ _this.element.value = _this.prevVal;
+ }
+ _this.element.setSelectionRange(_this.element.selectionStart, _this.element.selectionStart);
+ }
+ if (_this.element.value[_this.element.selectionStart - 1] === decimalSeparator && _this.decimals === 0 && _this.validateDecimalOnType) {
+ _this.element.value = _this.element.value.substring(0, prevPos) +
+ _this.element.value.substring(currentPos, _this.element.value.length);
+ }
+ }
+ _this.prevVal = _this.element.value;
+ }
+ });
+ };
+ NumericTextBox.prototype.keyUpHandler = function () {
+ if (!this.enabled || this.readonly) {
+ return;
+ }
+ var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
+ if (!iOS && _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ this.preventHandler();
+ }
+ var parseValue = this.instance.getNumberParser({ format: 'n' })(this.element.value);
+ parseValue = parseValue === null || isNaN(parseValue) ? null : parseValue;
+ this.hiddenInput.value = parseValue || parseValue === 0 ? parseValue.toString() : null;
+ var formElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form');
+ if (formElement) {
+ var element = this.element.nextElementSibling;
+ var keyupEvent = document.createEvent('KeyboardEvent');
+ keyupEvent.initEvent('keyup', false, true);
+ element.dispatchEvent(keyupEvent);
+ }
+ };
+ NumericTextBox.prototype.inputHandler = function (event) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-this-alias
+ var numerictextboxObj = this;
+ if (!this.enabled || this.readonly) {
+ return;
+ }
+ var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
+ var fireFox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+ if ((fireFox || iOS) && _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ this.preventHandler();
+ }
+ /* istanbul ignore next */
+ if (this.isAngular
+ && this.element.value !== Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('decimal', Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getNumericObject"])(this.locale))
+ && this.element.value !== Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('minusSign', Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getNumericObject"])(this.locale))) {
+ var parsedValue = this.instance.getNumberParser({ format: 'n' })(this.element.value);
+ parsedValue = isNaN(parsedValue) ? null : parsedValue;
+ numerictextboxObj.localChange({ value: parsedValue });
+ this.preventChange = true;
+ }
+ if (this.isVue) {
+ var current = this.instance.getNumberParser({ format: 'n' })(this.element.value);
+ var previous = this.instance.getNumberParser({ format: 'n' })(this.elementPrevValue);
+ //EJ2-54963-if type "." or ".0" or "-.0" it converts to "0" automatically when binding v-model
+ var nonZeroRegex = new RegExp('[^0-9]+$');
+ if (nonZeroRegex.test(this.element.value) || ((this.elementPrevValue.indexOf('.') !== -1 || this.elementPrevValue.indexOf('-') !== -1) && this.element.value[this.element.value.length - 1] === '0')) {
+ current = this.value;
+ }
+ var eventArgs = {
+ event: event,
+ value: (current === null || isNaN(current) ? null : current),
+ previousValue: (previous === null || isNaN(previous) ? null : previous)
+ };
+ this.preventChange = true;
+ this.elementPrevValue = this.element.value;
+ this.trigger('input', eventArgs);
+ }
+ };
+ NumericTextBox.prototype.keyDownHandler = function (event) {
+ if (!this.readonly) {
+ switch (event.keyCode) {
+ case 38:
+ event.preventDefault();
+ this.action(INCREMENT, event);
+ break;
+ case 40:
+ event.preventDefault();
+ this.action(DECREMENT, event);
+ break;
+ default: break;
+ }
+ }
+ };
+ NumericTextBox.prototype.performAction = function (value, step, operation) {
+ if (value === null || isNaN(value)) {
+ value = 0;
+ }
+ var updatedValue = operation === INCREMENT ? value + step : value - step;
+ updatedValue = this.correctRounding(value, step, updatedValue);
+ return this.strictMode ? this.trimValue(updatedValue) : updatedValue;
+ };
+ NumericTextBox.prototype.correctRounding = function (value, step, result) {
+ var floatExp = new RegExp('[,.](.*)');
+ var floatValue = floatExp.test(value.toString());
+ var floatStep = floatExp.test(step.toString());
+ if (floatValue || floatStep) {
+ var valueCount = floatValue ? floatExp.exec(value.toString())[0].length : 0;
+ var stepCount = floatStep ? floatExp.exec(step.toString())[0].length : 0;
+ var max = Math.max(valueCount, stepCount);
+ return value = this.roundValue(result, max);
+ }
+ return result;
+ };
+ NumericTextBox.prototype.roundValue = function (result, precision) {
+ precision = precision || 0;
+ var divide = Math.pow(10, precision);
+ return result *= divide, result = Math.round(result) / divide;
+ };
+ NumericTextBox.prototype.updateValue = function (value, event) {
+ if (event) {
+ this.isInteract = true;
+ }
+ if (value !== null && !isNaN(value)) {
+ if (this.decimals) {
+ value = this.roundNumber(value, this.decimals);
+ }
+ }
+ this.inputValue = value;
+ this.changeValue(value === null || isNaN(value) ? null : this.strictMode ? this.trimValue(value) : value);
+ /* istanbul ignore next */
+ if (!this.isDynamicChange) {
+ this.raiseChangeEvent(event);
+ }
+ };
+ NumericTextBox.prototype.updateCurrency = function (prop, propVal) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])(prop, propVal, this.cultureInfo);
+ this.updateValue(this.value);
+ };
+ NumericTextBox.prototype.changeValue = function (value) {
+ if (!(value || value === 0)) {
+ value = null;
+ this.setProperties({ value: value }, true);
+ }
+ else {
+ var numberOfDecimals = this.getNumberOfDecimals(value);
+ this.setProperties({ value: this.roundNumber(value, numberOfDecimals) }, true);
+ }
+ this.modifyText();
+ if (!this.strictMode) {
+ this.validateState();
+ }
+ };
+ NumericTextBox.prototype.modifyText = function () {
+ if (this.value || this.value === 0) {
+ var value = this.formatNumber();
+ var elementValue = this.isFocused ? value : this.instance.getNumberFormat(this.cultureInfo)(this.value);
+ this.setElementValue(elementValue);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'aria-valuenow': value });
+ this.hiddenInput.value = this.value.toString();
+ if (this.value !== null && this.serverDecimalSeparator) {
+ this.hiddenInput.value = this.hiddenInput.value.replace('.', this.serverDecimalSeparator);
+ }
+ }
+ else {
+ this.setElementValue('');
+ this.element.removeAttribute('aria-valuenow');
+ this.hiddenInput.value = null;
+ }
+ };
+ NumericTextBox.prototype.setElementValue = function (val, element) {
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setValue(val, (element ? element : this.element), this.floatLabelType, this.showClearButton);
+ };
+ NumericTextBox.prototype.validateState = function () {
+ this.isValidState = true;
+ if (this.value || this.value === 0) {
+ this.isValidState = !(this.value > this.max || this.value < this.min);
+ }
+ this.checkErrorClass();
+ };
+ NumericTextBox.prototype.getNumberOfDecimals = function (value) {
+ var numberOfDecimals;
+ // eslint-disable-next-line no-useless-escape
+ var EXPREGEXP = new RegExp('[eE][\-+]?([0-9]+)');
+ var valueString = value.toString();
+ if (EXPREGEXP.test(valueString)) {
+ var result = EXPREGEXP.exec(valueString);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(result)) {
+ valueString = value.toFixed(Math.min(parseInt(result[1], 10), 20));
+ }
+ }
+ var decimalPart = valueString.split('.')[1];
+ numberOfDecimals = !decimalPart || !decimalPart.length ? 0 : decimalPart.length;
+ if (this.decimals !== null) {
+ numberOfDecimals = numberOfDecimals < this.decimals ? numberOfDecimals : this.decimals;
+ }
+ return numberOfDecimals;
+ };
+ NumericTextBox.prototype.formatNumber = function () {
+ var numberOfDecimals = this.getNumberOfDecimals(this.value);
+ return this.instance.getNumberFormat({
+ maximumFractionDigits: numberOfDecimals,
+ minimumFractionDigits: numberOfDecimals, useGrouping: false
+ })(this.value);
+ };
+ NumericTextBox.prototype.trimValue = function (value) {
+ if (value > this.max) {
+ return this.max;
+ }
+ if (value < this.min) {
+ return this.min;
+ }
+ return value;
+ };
+ NumericTextBox.prototype.roundNumber = function (value, precision) {
+ var result = value;
+ var decimals = precision || 0;
+ var result1 = result.toString().split('e');
+ result = Math.round(Number(result1[0] + 'e' + (result1[1] ? (Number(result1[1]) + decimals) : decimals)));
+ var result2 = result.toString().split('e');
+ result = Number(result2[0] + 'e' + (result2[1] ? (Number(result2[1]) - decimals) : -decimals));
+ return Number(result.toFixed(decimals));
+ };
+ NumericTextBox.prototype.cancelEvent = function (event) {
+ event.preventDefault();
+ return false;
+ };
+ NumericTextBox.prototype.keyPressHandler = function (event) {
+ if (!this.enabled || this.readonly) {
+ return true;
+ }
+ if (!_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice && _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].info.version === '11.0' && event.keyCode === 13) {
+ var parsedInput = this.instance.getNumberParser({ format: 'n' })(this.element.value);
+ this.updateValue(parsedInput, event);
+ return true;
+ }
+ if (event.which === 0 || event.metaKey || event.ctrlKey || event.keyCode === 8 || event.keyCode === 13) {
+ return true;
+ }
+ var currentChar = String.fromCharCode(event.which);
+ var decimalSeparator = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('decimal', Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getNumericObject"])(this.locale));
+ var isAlterNumPadDecimalChar = event.code === 'NumpadDecimal' && currentChar !== decimalSeparator;
+ //EJ2-59813-replace the culture decimal separator value with numberpad decimal separator value when culture decimal separator and numberpad decimal separator are different
+ if (isAlterNumPadDecimalChar) {
+ currentChar = decimalSeparator;
+ }
+ var text = this.element.value;
+ text = text.substring(0, this.element.selectionStart) + currentChar + text.substring(this.element.selectionEnd);
+ if (!this.numericRegex().test(text)) {
+ event.preventDefault();
+ event.stopPropagation();
+ return false;
+ }
+ else {
+ //EJ2-59813-update the numberpad decimal separator and update the cursor position
+ if (isAlterNumPadDecimalChar) {
+ var start = this.element.selectionStart + 1;
+ this.element.value = text;
+ this.element.setSelectionRange(start, start);
+ event.preventDefault();
+ event.stopPropagation();
+ }
+ return true;
+ }
+ };
+ NumericTextBox.prototype.numericRegex = function () {
+ var numericObject = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getNumericObject"])(this.locale);
+ var decimalSeparator = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('decimal', numericObject);
+ var fractionRule = '*';
+ if (decimalSeparator === DECIMALSEPARATOR) {
+ decimalSeparator = '\\' + decimalSeparator;
+ }
+ if (this.decimals === 0 && this.validateDecimalOnType) {
+ return INTREGEXP;
+ }
+ if (this.decimals && this.validateDecimalOnType) {
+ fractionRule = '{0,' + this.decimals + '}';
+ }
+ /* eslint-disable-next-line security/detect-non-literal-regexp */
+ return new RegExp('^(-)?(((\\d+(' + decimalSeparator + '\\d' + fractionRule +
+ ')?)|(' + decimalSeparator + '\\d' + fractionRule + ')))?$');
+ };
+ NumericTextBox.prototype.mouseWheel = function (event) {
+ event.preventDefault();
+ var delta;
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var rawEvent = event;
+ if (rawEvent.wheelDelta) {
+ delta = rawEvent.wheelDelta / 120;
+ }
+ else if (rawEvent.detail) {
+ delta = -rawEvent.detail / 3;
+ }
+ if (delta > 0) {
+ this.action(INCREMENT, event);
+ }
+ else if (delta < 0) {
+ this.action(DECREMENT, event);
+ }
+ this.cancelEvent(event);
+ };
+ NumericTextBox.prototype.focusHandler = function (event) {
+ var _this = this;
+ clearTimeout(selectionTimeOut);
+ this.focusEventArgs = { event: event, value: this.value, container: this.container };
+ this.trigger('focus', this.focusEventArgs);
+ if (!this.enabled || this.readonly) {
+ return;
+ }
+ this.isFocused = true;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.container], ERROR);
+ this.prevValue = this.value;
+ if ((this.value || this.value === 0)) {
+ var formatValue_1 = this.formatNumber();
+ this.setElementValue(formatValue_1);
+ if (!this.isPrevFocused) {
+ if (!_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice && _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].info.version === '11.0') {
+ this.element.setSelectionRange(0, formatValue_1.length);
+ }
+ else {
+ var delay = (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice && _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isIos) ? 600 : 0;
+ selectionTimeOut = setTimeout(function () {
+ _this.element.setSelectionRange(0, formatValue_1.length);
+ }, delay);
+ }
+ }
+ }
+ if (!_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'mousewheel DOMMouseScroll', this.mouseWheel, this);
+ }
+ };
+ NumericTextBox.prototype.focusOutHandler = function (event) {
+ var _this = this;
+ this.blurEventArgs = { event: event, value: this.value, container: this.container };
+ this.trigger('blur', this.blurEventArgs);
+ if (!this.enabled || this.readonly) {
+ return;
+ }
+ if (this.isPrevFocused) {
+ event.preventDefault();
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ var value_1 = this.element.value;
+ this.element.focus();
+ this.isPrevFocused = false;
+ var ele_1 = this.element;
+ setTimeout(function () {
+ _this.setElementValue(value_1, ele_1);
+ }, 200);
+ }
+ }
+ else {
+ this.isFocused = false;
+ if (!this.element.value.length) {
+ this.setProperties({ value: null }, true);
+ }
+ var parsedInput = this.instance.getNumberParser({ format: 'n' })(this.element.value);
+ this.updateValue(parsedInput);
+ if (!_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'mousewheel DOMMouseScroll', this.mouseWheel);
+ }
+ }
+ var formElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form');
+ if (formElement) {
+ var element = this.element.nextElementSibling;
+ var focusEvent = document.createEvent('FocusEvent');
+ focusEvent.initEvent('focusout', false, true);
+ element.dispatchEvent(focusEvent);
+ }
+ };
+ NumericTextBox.prototype.mouseDownOnSpinner = function (event) {
+ var _this = this;
+ if (this.isFocused) {
+ this.isPrevFocused = true;
+ event.preventDefault();
+ }
+ if (!this.getElementData(event)) {
+ return;
+ }
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ var result = this.getElementData(event);
+ var target = event.currentTarget;
+ var action = (target.classList.contains(SPINUP)) ? INCREMENT : DECREMENT;
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(target, 'mouseleave', this.mouseUpClick, this);
+ this.timeOut = setInterval(function () {
+ _this.isCalled = true;
+ _this.action(action, event);
+ }, 150);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mouseup', this.mouseUpClick, this);
+ };
+ NumericTextBox.prototype.touchMoveOnSpinner = function (event) {
+ var target;
+ if (event.type === 'touchmove') {
+ var touchEvent = event.touches;
+ target = touchEvent.length && document.elementFromPoint(touchEvent[0].pageX, touchEvent[0].pageY);
+ }
+ else {
+ target = document.elementFromPoint(event.clientX, event.clientY);
+ }
+ if (!(target.classList.contains(SPINICON))) {
+ clearInterval(this.timeOut);
+ }
+ };
+ NumericTextBox.prototype.mouseUpOnSpinner = function (event) {
+ this.prevValue = this.value;
+ if (this.isPrevFocused) {
+ this.element.focus();
+ if (!_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ this.isPrevFocused = false;
+ }
+ }
+ if (!_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ event.preventDefault();
+ }
+ if (!this.getElementData(event)) {
+ return;
+ }
+ var target = event.currentTarget;
+ var action = (target.classList.contains(SPINUP)) ? INCREMENT : DECREMENT;
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(target, 'mouseleave', this.mouseUpClick);
+ if (!this.isCalled) {
+ this.action(action, event);
+ }
+ this.isCalled = false;
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'mouseup', this.mouseUpClick);
+ var formElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form');
+ if (formElement) {
+ var element = this.element.nextElementSibling;
+ var keyupEvent = document.createEvent('KeyboardEvent');
+ keyupEvent.initEvent('keyup', false, true);
+ element.dispatchEvent(keyupEvent);
+ }
+ };
+ NumericTextBox.prototype.getElementData = function (event) {
+ if ((event.which && event.which === 3) || (event.button && event.button === 2)
+ || !this.enabled || this.readonly) {
+ return false;
+ }
+ clearInterval(this.timeOut);
+ return true;
+ };
+ NumericTextBox.prototype.floatLabelTypeUpdate = function () {
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].removeFloating(this.inputWrapper);
+ var hiddenInput = this.hiddenInput;
+ this.hiddenInput.remove();
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].addFloating(this.element, this.floatLabelType, this.placeholder, this.createElement);
+ this.container.insertBefore(hiddenInput, this.container.childNodes[1]);
+ };
+ NumericTextBox.prototype.mouseUpClick = function (event) {
+ event.stopPropagation();
+ clearInterval(this.timeOut);
+ this.isCalled = false;
+ if (this.spinUp) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.spinUp, 'mouseleave', this.mouseUpClick);
+ }
+ if (this.spinDown) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.spinDown, 'mouseleave', this.mouseUpClick);
+ }
+ };
+ /**
+ * Increments the NumericTextBox value with the specified step value.
+ *
+ * @param {number} step - Specifies the value used to increment the NumericTextBox value.
+ * if its not given then numeric value will be incremented based on the step property value.
+ * @returns {void}
+ */
+ NumericTextBox.prototype.increment = function (step) {
+ if (step === void 0) { step = this.step; }
+ this.isInteract = false;
+ this.changeValue(this.performAction(this.value, step, INCREMENT));
+ this.raiseChangeEvent();
+ };
+ /**
+ * Decrements the NumericTextBox value with specified step value.
+ *
+ * @param {number} step - Specifies the value used to decrement the NumericTextBox value.
+ * if its not given then numeric value will be decremented based on the step property value.
+ * @returns {void}
+ */
+ NumericTextBox.prototype.decrement = function (step) {
+ if (step === void 0) { step = this.step; }
+ this.isInteract = false;
+ this.changeValue(this.performAction(this.value, step, DECREMENT));
+ this.raiseChangeEvent();
+ };
+ /**
+ * Removes the component from the DOM and detaches all its related event handlers.
+ * Also it maintains the initial input element from the DOM.
+ *
+ * @method destroy
+ * @returns {void}
+ */
+ NumericTextBox.prototype.destroy = function () {
+ this.unwireEvents();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.hiddenInput);
+ if (this.showSpinButton) {
+ this.unwireSpinBtnEvents();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.spinUp);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.spinDown);
+ }
+ var attrArray = ['aria-labelledby', 'role', 'autocomplete', 'aria-readonly',
+ 'aria-disabled', 'autocapitalize', 'spellcheck', 'aria-autocomplete', 'tabindex',
+ 'aria-valuemin', 'aria-valuemax', 'aria-valuenow', 'aria-invalid'];
+ for (var i = 0; i < attrArray.length; i++) {
+ this.element.removeAttribute(attrArray[i]);
+ }
+ this.element.classList.remove('e-input');
+ this.container.insertAdjacentElement('afterend', this.element);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.container);
+ this.spinUp = null;
+ this.spinDown = null;
+ this.container = null;
+ this.hiddenInput = null;
+ this.changeEventArgs = null;
+ this.blurEventArgs = null;
+ this.focusEventArgs = null;
+ this.inputWrapper = null;
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].destroy();
+ _super.prototype.destroy.call(this);
+ };
+ /* eslint-disable valid-jsdoc, jsdoc/require-returns */
+ /**
+ * Returns the value of NumericTextBox with the format applied to the NumericTextBox.
+ *
+ */
+ NumericTextBox.prototype.getText = function () {
+ return this.element.value;
+ };
+ /* eslint-enable valid-jsdoc, jsdoc/require-returns */
+ /**
+ * Sets the focus to widget for interaction.
+ *
+ * @returns {void}
+ */
+ NumericTextBox.prototype.focusIn = function () {
+ if (document.activeElement !== this.element && this.enabled) {
+ this.element.focus();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.container], [NUMERIC_FOCUS]);
+ }
+ };
+ /**
+ * Remove the focus from widget, if the widget is in focus state.
+ *
+ * @returns {void}
+ */
+ NumericTextBox.prototype.focusOut = function () {
+ if (document.activeElement === this.element && this.enabled) {
+ this.element.blur();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.container], [NUMERIC_FOCUS]);
+ }
+ };
+ /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Gets the properties to be maintained in the persisted state.
+ *
+ * @returns {string}
+ */
+ NumericTextBox.prototype.getPersistData = function () {
+ var keyEntity = ['value'];
+ return this.addOnPersist(keyEntity);
+ };
+ /* eslint-enable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Calls internally if any of the property value is changed.
+ *
+ * @param {NumericTextBoxModel} newProp - Returns the dynamic property value of the component.
+ * @param {NumericTextBoxModel} oldProp - Returns the previous property value of the component.
+ * @returns {void}
+ * @private
+ */
+ NumericTextBox.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'width':
+ this.setElementWidth(newProp.width);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].calculateWidth(this.element, this.container);
+ break;
+ case 'cssClass':
+ this.updateCssClass(newProp.cssClass, oldProp.cssClass);
+ break;
+ case 'enabled':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setEnabled(newProp.enabled, this.element);
+ this.bindClearEvent();
+ break;
+ case 'enableRtl':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setEnableRtl(newProp.enableRtl, [this.container]);
+ break;
+ case 'readonly':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setReadonly(newProp.readonly, this.element);
+ if (this.readonly) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'aria-readonly': 'true' });
+ }
+ else {
+ this.element.removeAttribute('aria-readonly');
+ }
+ break;
+ case 'htmlAttributes':
+ this.updateHTMLAttrToElement();
+ this.updateHTMLAttrToWrapper();
+ this.updateDataAttribute(true);
+ this.checkAttributes(true);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].validateInputType(this.container, this.element);
+ break;
+ case 'placeholder':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setPlaceholder(newProp.placeholder, this.element);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].calculateWidth(this.element, this.container);
+ break;
+ case 'step':
+ this.step = newProp.step;
+ this.validateStep();
+ break;
+ case 'showSpinButton':
+ this.updateSpinButton(newProp);
+ break;
+ case 'showClearButton':
+ this.updateClearButton(newProp);
+ break;
+ case 'floatLabelType':
+ this.floatLabelType = newProp.floatLabelType;
+ this.floatLabelTypeUpdate();
+ break;
+ case 'value':
+ this.isDynamicChange = (this.isAngular || this.isVue) && this.preventChange;
+ this.updateValue(newProp.value);
+ if (this.isDynamicChange) {
+ this.preventChange = false;
+ this.isDynamicChange = false;
+ }
+ break;
+ case 'min':
+ case 'max':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])(prop, Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])(prop, newProp), this);
+ this.validateMinMax();
+ this.updateValue(this.value);
+ break;
+ case 'strictMode':
+ this.strictMode = newProp.strictMode;
+ this.updateValue(this.value);
+ this.validateState();
+ break;
+ case 'locale':
+ this.initCultureFunc();
+ this.l10n.setLocale(this.locale);
+ this.setSpinButton();
+ this.updatePlaceholder();
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setPlaceholder(this.placeholder, this.element);
+ this.updateValue(this.value);
+ break;
+ case 'currency':
+ {
+ var propVal = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])(prop, newProp);
+ this.setProperties({ currencyCode: propVal }, true);
+ this.updateCurrency(prop, propVal);
+ }
+ break;
+ case 'currencyCode':
+ {
+ var propValue = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])(prop, newProp);
+ this.setProperties({ currency: propValue }, true);
+ this.updateCurrency('currency', propValue);
+ }
+ break;
+ case 'format':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])(prop, Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])(prop, newProp), this);
+ this.initCultureInfo();
+ this.updateValue(this.value);
+ break;
+ case 'decimals':
+ this.decimals = newProp.decimals;
+ this.updateValue(this.value);
+ }
+ }
+ };
+ NumericTextBox.prototype.updateClearButton = function (newProp) {
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setClearButton(newProp.showClearButton, this.element, this.inputWrapper, undefined, this.createElement);
+ this.bindClearEvent();
+ };
+ NumericTextBox.prototype.updateSpinButton = function (newProp) {
+ if (newProp.showSpinButton) {
+ this.spinBtnCreation();
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.spinUp);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.spinDown);
+ }
+ };
+ /**
+ * Gets the component name
+ *
+ * @returns {string} Returns the component name.
+ * @private
+ */
+ NumericTextBox.prototype.getModuleName = function () {
+ return 'numerictextbox';
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], NumericTextBox.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], NumericTextBox.prototype, "value", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(-(Number.MAX_VALUE))
+ ], NumericTextBox.prototype, "min", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(Number.MAX_VALUE)
+ ], NumericTextBox.prototype, "max", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(1)
+ ], NumericTextBox.prototype, "step", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], NumericTextBox.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], NumericTextBox.prototype, "placeholder", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({})
+ ], NumericTextBox.prototype, "htmlAttributes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], NumericTextBox.prototype, "showSpinButton", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], NumericTextBox.prototype, "readonly", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], NumericTextBox.prototype, "enabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], NumericTextBox.prototype, "showClearButton", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], NumericTextBox.prototype, "enablePersistence", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('n2')
+ ], NumericTextBox.prototype, "format", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], NumericTextBox.prototype, "decimals", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], NumericTextBox.prototype, "currency", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], NumericTextBox.prototype, "currencyCode", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], NumericTextBox.prototype, "strictMode", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], NumericTextBox.prototype, "validateDecimalOnType", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Never')
+ ], NumericTextBox.prototype, "floatLabelType", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], NumericTextBox.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], NumericTextBox.prototype, "destroyed", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], NumericTextBox.prototype, "change", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], NumericTextBox.prototype, "focus", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], NumericTextBox.prototype, "blur", void 0);
+ NumericTextBox = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], NumericTextBox);
+ return NumericTextBox;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/rating/index.js":
+/*!******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/rating/index.js ***!
+ \******************************************************************/
+/*! exports provided: LabelPosition, PrecisionType, Rating */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _rating__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./rating */ "./ej2-resources/22.1.37/scripts/ej2-inputs/rating/rating.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LabelPosition", function() { return _rating__WEBPACK_IMPORTED_MODULE_0__["LabelPosition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PrecisionType", function() { return _rating__WEBPACK_IMPORTED_MODULE_0__["PrecisionType"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Rating", function() { return _rating__WEBPACK_IMPORTED_MODULE_0__["Rating"]; });
+
+/**
+ * Rating modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/rating/rating.js":
+/*!*******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/rating/rating.js ***!
+ \*******************************************************************/
+/*! exports provided: LabelPosition, PrecisionType, Rating */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LabelPosition", function() { return LabelPosition; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PrecisionType", function() { return PrecisionType; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Rating", function() { return Rating; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_popups__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-popups */ "./ej2-resources/22.1.37/scripts/ej2-popups/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+var ICONCSS = 'e-rating-icon e-icons e-star-filled';
+var ITEMLIST = 'e-rating-item-list';
+var ITEMCONTAINER = 'e-rating-item-container';
+var SELECTED = 'e-rating-selected';
+var INTERMEDIATE = 'e-rating-intermediate';
+var LABEL = 'e-rating-label';
+var RESET = 'e-icons e-reset';
+var HIDDEN = 'e-rating-hidden';
+var DISABLED = 'e-disabled';
+var READONLY = 'e-rating-readonly';
+var RTL = 'e-rtl';
+var ANIMATION = 'e-rating-animation';
+var FULLTEMPLATE = 'e-rating-full';
+var EMPTYTEMPLATE = 'e-rating-empty';
+var SELECTEDVALUE = 'e-selected-value';
+var RATINGVALUE = '--rating-value';
+/**
+ * Defines where to position the label in rating
+ */
+var LabelPosition;
+(function (LabelPosition) {
+ /**
+ * The label is positioned at the top center of the rating component.
+ */
+ LabelPosition["Top"] = "Top";
+ /**
+ * The label is positioned at the bottom center of the rating component.
+ */
+ LabelPosition["Bottom"] = "Bottom";
+ /**
+ * The label is positioned at the left side of the rating component.
+ */
+ LabelPosition["Left"] = "Left";
+ /**
+ * The label is positioned at the right side of the rating component.
+ */
+ LabelPosition["Right"] = "Right";
+})(LabelPosition || (LabelPosition = {}));
+/**
+ * Defines the precision type of the rating.
+ * It is used to component the granularity of the rating, allowing users to provide ratings with varying levels of precision.
+ */
+var PrecisionType;
+(function (PrecisionType) {
+ /**
+ * The rating is increased in whole number increments.
+ */
+ PrecisionType["Full"] = "Full";
+ /**
+ * The rating is increased in increments of 0.5 (half).
+ */
+ PrecisionType["Half"] = "Half";
+ /**
+ * The rating is increased in increments of 0.25 (quarter).
+ */
+ PrecisionType["Quarter"] = "Quarter";
+ /**
+ * The rating is increased in increments of 0.1.
+ */
+ PrecisionType["Exact"] = "Exact";
+})(PrecisionType || (PrecisionType = {}));
+/**
+ * The Rating component allows the user to rate something by clicking on a set of symbols on a numeric scale.
+ * This allows users to provide feedback or ratings for products, services, or content.
+ *
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var Rating = /** @__PURE__ @class */ (function (_super) {
+ __extends(Rating, _super);
+ /**
+ * Constructor for creating the widget
+ *
+ * @param {RatingModel} options - Specifies the rating model
+ * @param {string|HTMLButtonElement} element - Specifies the target element
+ */
+ function Rating(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.itemElements = [];
+ return _this;
+ }
+ Rating.prototype.preRender = function () {
+ if (!this.element.id) {
+ this.element.id = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('e-' + this.getModuleName());
+ }
+ this.keyConfigs = {
+ downarrow: 'downarrow',
+ leftarrow: 'leftarrow',
+ rightarrow: 'rightarrow',
+ uparrow: 'uparrow',
+ space: 'space'
+ };
+ this.tooltipOpen = false;
+ };
+ Rating.prototype.render = function () {
+ this.initialize();
+ this.updateMinValue();
+ this.updateTemplateFunction();
+ this.triggerChange(null, this.value, false);
+ this.renderItems();
+ this.displayLabel();
+ };
+ Rating.prototype.initialize = function () {
+ this.wrapper = this.createElement('div', { className: 'e-' + this.getModuleName() + '-container ' });
+ this.element.parentNode.insertBefore(this.wrapper, this.element);
+ this.wrapper.appendChild(this.element);
+ if ((this.element.getAttribute('name') == null)) {
+ this.element.setAttribute('name', this.element.id);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'aria-label': 'rating' });
+ this.renderItemList();
+ this.updateReset();
+ if (this.readOnly) {
+ this.wrapper.classList.add(READONLY);
+ }
+ if (!this.visible) {
+ this.wrapper.classList.add(HIDDEN);
+ }
+ if (this.enableRtl) {
+ this.wrapper.classList.add(RTL);
+ }
+ if (this.enableAnimation) {
+ this.wrapper.classList.add(ANIMATION);
+ }
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.wrapper], this.cssClass.split(' '));
+ }
+ this.updateTooltip();
+ this.wireKeyboardEvent();
+ this.updateDisabled();
+ };
+ Rating.prototype.updateDisabled = function () {
+ this.wrapper.classList[this.disabled ? 'add' : 'remove'](DISABLED);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.ratingItemList, { 'tabindex': (this.disabled) ? '-1' : '0' });
+ this.updateResetButton();
+ };
+ Rating.prototype.updateResetButton = function () {
+ if (this.allowReset) {
+ var isDisabled = (this.value <= this.min) || this.disabled;
+ this.resetElement.classList[isDisabled ? 'add' : 'remove'](DISABLED);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.resetElement, { 'tabindex': (isDisabled ? '-1' : '0'), 'aria-hidden': isDisabled.toString() });
+ }
+ };
+ Rating.prototype.renderItemList = function () {
+ var _this = this;
+ this.ratingItemList = this.createElement('div', {
+ className: ITEMLIST,
+ id: this.element.id + '_item-list'
+ });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.ratingItemList, { 'aria-label': 'rating', 'role': 'slider' });
+ this.wrapper.appendChild(this.ratingItemList);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.ratingItemList, 'touchmove', function (e) { return _this.touchMoveHandler(e); }, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.ratingItemList, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchEndEvent, this.touchEndHandler, this);
+ };
+ Rating.prototype.touchMoveHandler = function (e) {
+ var rect = this.ratingItemList.getBoundingClientRect();
+ var x = e.touches[0].clientX - rect.x;
+ var currValue = (x / rect.width) * this.itemsCount;
+ currValue = (this.enableRtl) ? (this.itemsCount - currValue) : currValue;
+ currValue = currValue < this.min ? this.min : currValue > this.itemsCount ? this.itemsCount : currValue;
+ currValue = this.validateValue(currValue);
+ var element = currValue === 0 ? null : this.itemElements[parseInt((Math.ceil(currValue) - 1).toString(), 10)];
+ if (currValue === this.currentValue) {
+ if (this.showTooltip && element) {
+ this.openRatingTooltip(element, false);
+ }
+ return;
+ }
+ var previousValue = this.currentValue;
+ this.triggerChange(e, currValue);
+ this.updateCurrentValue(currValue);
+ if (this.showTooltip) {
+ if (element) {
+ if (Math.ceil(currValue) !== Math.ceil(previousValue)) {
+ this.closeRatingTooltip();
+ }
+ this.openRatingTooltip(element, true);
+ }
+ else {
+ this.closeRatingTooltip();
+ }
+ }
+ };
+ Rating.prototype.touchEndHandler = function () {
+ this.closeRatingTooltip();
+ };
+ Rating.prototype.updateTemplateFunction = function () {
+ this.emptyTemplateFunction = this.emptyTemplate ? this.getTemplateString(this.emptyTemplate) : null;
+ this.fullTemplateFunction = this.fullTemplate ? this.getTemplateString(this.fullTemplate) : null;
+ };
+ Rating.prototype.renderItems = function () {
+ var _this = this;
+ for (var i = 0; i < this.itemsCount; i++) {
+ var ratingItemContainer = this.createElement('span', { className: ITEMCONTAINER });
+ var spanItem = this.createElement('span', { className: 'e-rating-item' });
+ var ratingValue = this.getRatingValue(this.value, i);
+ this.renderItemContent(spanItem, ratingValue, i, false);
+ ratingItemContainer.appendChild(spanItem);
+ this.wireItemsEvents(ratingItemContainer, i + 1);
+ this.itemElements.push(ratingItemContainer);
+ var eventArgs = { element: ratingItemContainer, value: i + 1 };
+ this.trigger('beforeItemRender', eventArgs, function (args) {
+ _this.ratingItemList.appendChild(args.element);
+ });
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.ratingItemList, { 'aria-valuemax': this.itemsCount.toString() });
+ this.updateItemValue(false);
+ };
+ Rating.prototype.renderItemContent = function (spanEle, val, index, isrerender) {
+ if (isrerender) {
+ this.removeItemContent(spanEle);
+ }
+ if (this.fullTemplate && val === 1) {
+ spanEle.classList.add(FULLTEMPLATE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(this.fullTemplateFunction({ index: index, ratingValue: val }, this, 'ratingFullTemplate', (this.element.id + 'fullTemplate'), this.isStringTemplate), spanEle);
+ }
+ else if (this.emptyTemplate) {
+ spanEle.classList.add(EMPTYTEMPLATE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(this.emptyTemplateFunction({ index: index, ratingValue: val }, this, 'ratingEmptyTemplate', (this.element.id + 'emptyTemplate'), this.isStringTemplate), spanEle);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([spanEle], ICONCSS.split(' '));
+ }
+ };
+ Rating.prototype.removeItemContent = function (spanEle) {
+ spanEle.classList.remove(FULLTEMPLATE, EMPTYTEMPLATE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([spanEle], ICONCSS.split(' '));
+ if (spanEle.firstChild) {
+ spanEle.innerHTML = '';
+ }
+ };
+ Rating.prototype.updateTooltip = function () {
+ if (this.showTooltip) {
+ this.tooltipObj = new _ej2_popups__WEBPACK_IMPORTED_MODULE_1__["Tooltip"]({
+ target: '.e-rating-item-container', windowCollision: true,
+ opensOn: 'Custom', cssClass: this.cssClass ? ('e-rating-tooltip ' + this.cssClass) : 'e-rating-tooltip'
+ });
+ this.tooltipObj.appendTo(this.ratingItemList);
+ }
+ else {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.tooltipObj)) {
+ this.tooltipObj.destroy();
+ this.tooltipObj = null;
+ }
+ }
+ };
+ Rating.prototype.updateMinValue = function () {
+ this.setProperties({ min: this.validateValue(this.min) }, true);
+ if (this.min > 0 && this.value < this.min) {
+ this.triggerChange(null, this.min, false);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.ratingItemList, { 'aria-valuemin': this.min.toString() });
+ };
+ Rating.prototype.validateValue = function (currentValue) {
+ if (currentValue > this.itemsCount) {
+ currentValue = this.itemsCount;
+ }
+ else if (currentValue < 0) {
+ currentValue = 0;
+ }
+ else {
+ currentValue = ((this.precision === PrecisionType.Full) || this.enableSingleSelection) ? Math.round(currentValue) :
+ (this.precision === PrecisionType.Half) ? (Math.round(currentValue * 2) / 2) :
+ (this.precision === PrecisionType.Quarter) ? (Math.round(currentValue * 4) / 4) : (Math.round(currentValue * 10) / 10);
+ }
+ return currentValue;
+ };
+ Rating.prototype.getRatingValue = function (value, i) {
+ return (this.enableSingleSelection) ? (((value > i) && (value <= i + 1)) ? 1 : 0) :
+ (value >= i + 1) ? 1 : ((value < i) ? 0 : (value - i));
+ };
+ Rating.prototype.updateItemValue = function (isUpdate) {
+ if (isUpdate === void 0) { isUpdate = true; }
+ if (isUpdate && this.isReact) {
+ this.clearTemplate(['ratingEmptyTemplate', 'ratingFullTemplate']);
+ }
+ for (var i = 0; i < this.itemsCount; i++) {
+ var itemElement = this.itemElements[parseInt(i.toString(), 10)];
+ itemElement.classList.remove(SELECTED, INTERMEDIATE, SELECTEDVALUE);
+ var ratingValue = this.getRatingValue(this.currentValue, i);
+ if (ratingValue === 1) {
+ itemElement.classList.add(SELECTED);
+ }
+ else if (ratingValue > 0) {
+ itemElement.classList.add(INTERMEDIATE);
+ }
+ else if ((this.precision === PrecisionType.Full) && (i + 1 <= this.value) && (!this.enableSingleSelection)) {
+ itemElement.classList.add(SELECTEDVALUE);
+ }
+ if (isUpdate) {
+ this.updateItemContent(ratingValue, i);
+ }
+ itemElement.style.setProperty(RATINGVALUE, (ratingValue * 100) + '%');
+ itemElement.classList[((this.value === 0) && (i === 0)) || (this.value === i + 1) || ((ratingValue > 0) && (ratingValue < 1)) ? 'add' : 'remove']('e-rating-focus');
+ }
+ if (isUpdate) {
+ this.renderReactTemplates();
+ }
+ this.updateResetButton();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.ratingItemList, { 'aria-valuenow': this.currentValue.toString() });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'value': this.value.toString() });
+ };
+ Rating.prototype.updateItemContent = function (ratingValue, index) {
+ if (!this.fullTemplate && !this.emptyTemplate) {
+ return;
+ }
+ var spanEle = this.itemElements[parseInt(index.toString(), 10)].querySelector('.e-rating-item');
+ if (this.fullTemplate && ratingValue === 1) {
+ if (!this.isReact && spanEle.classList.contains(FULLTEMPLATE)) {
+ return;
+ }
+ this.removeItemContent(spanEle);
+ spanEle.classList.add(FULLTEMPLATE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(this.fullTemplateFunction({ ratingValue: ratingValue, index: index }, this, 'ratingFullTemplate', (this.element.id + 'fullTemplate' + index), this.isStringTemplate), spanEle);
+ }
+ else if (this.emptyTemplate) {
+ if (!this.isReact && spanEle.classList.contains(EMPTYTEMPLATE)) {
+ return;
+ }
+ this.removeItemContent(spanEle);
+ spanEle.classList.add(EMPTYTEMPLATE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(this.emptyTemplateFunction({ ratingValue: ratingValue, index: index }, this, 'ratingEmptyTemplate', (this.element.id + 'emptyTemplate' + index), this.isStringTemplate), spanEle);
+ }
+ else {
+ this.removeItemContent(spanEle);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([spanEle], ICONCSS.split(' '));
+ }
+ };
+ Rating.prototype.updateTooltipContent = function (isChange) {
+ if (this.showTooltip) {
+ if (this.isReact) {
+ this.clearTemplate(['ratingTooltipTemplate']);
+ }
+ var content_1;
+ if (this.tooltipTemplate) {
+ content_1 = this.createElement('span', { className: 'e-rating-tooltip-content' });
+ var templateFunction = this.getTemplateString(this.tooltipTemplate);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(templateFunction({ value: this.currentValue }, this, 'ratingTooltipTemplate', (this.element.id + 'tooltipTemplate'), this.isStringTemplate), content_1);
+ this.tooltipObj.setProperties({ content: content_1 }, isChange);
+ }
+ else {
+ content_1 = this.currentValue.toString();
+ this.tooltipObj.setProperties({ content: Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["initializeCSPTemplate"])(function () { return content_1; }) }, isChange);
+ }
+ this.renderReactTemplates();
+ }
+ };
+ Rating.prototype.getTemplateString = function (template) {
+ var stringContent = '';
+ try {
+ if (typeof template !== 'function') {
+ var tempEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])(template);
+ if (tempEle) {
+ //Return innerHTML incase of jsrenderer script else outerHTML
+ stringContent = tempEle.tagName === 'SCRIPT' ? tempEle.innerHTML : tempEle.outerHTML;
+ }
+ else {
+ stringContent = template;
+ }
+ }
+ else {
+ stringContent = template;
+ }
+ }
+ catch (e) {
+ stringContent = template;
+ }
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(stringContent);
+ };
+ Rating.prototype.displayLabel = function () {
+ if (this.showLabel) {
+ this.spanLabel = this.createElement('span', { className: LABEL });
+ this.updateLabel();
+ this.updateLabelPosition();
+ }
+ else {
+ if (this.wrapper.contains(this.spanLabel)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(this.spanLabel);
+ this.spanLabel = null;
+ }
+ }
+ };
+ Rating.prototype.updateLabel = function () {
+ if (this.showLabel) {
+ if (this.labelTemplate) {
+ if (this.isReact) {
+ this.clearTemplate(['ratingLabelTemplate']);
+ }
+ if (this.spanLabel.firstChild) {
+ this.spanLabel.innerHTML = '';
+ }
+ var templateFunction = this.getTemplateString(this.labelTemplate);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(templateFunction({ value: this.currentValue }, this, 'ratingLabelTemplate', (this.element.id + 'labelTemplate'), this.isStringTemplate), this.spanLabel);
+ this.renderReactTemplates();
+ }
+ else {
+ this.spanLabel.textContent = this.currentValue + ' / ' + this.itemsCount;
+ }
+ }
+ };
+ Rating.prototype.updateReset = function () {
+ if (this.allowReset) {
+ this.resetElement = this.createElement('span', {
+ className: RESET,
+ attrs: { 'aria-label': 'resetbutton', 'role': 'button' }
+ });
+ this.updateResetButton();
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.resetElement, 'click', this.resetClicked, this);
+ this.wrapper.insertBefore(this.resetElement, this.ratingItemList);
+ }
+ else {
+ if (this.wrapper.contains(this.resetElement)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(this.resetElement);
+ this.resetElement = null;
+ }
+ }
+ };
+ Rating.prototype.updateLabelPosition = function () {
+ this.clearLabelPosition();
+ this.spanLabel.classList.add('e-label-' + this.labelPosition.toLowerCase());
+ if (this.labelPosition === 'Left' || this.labelPosition === 'Top') {
+ this.wrapper.firstChild.after(this.spanLabel);
+ }
+ else {
+ this.wrapper.appendChild(this.spanLabel);
+ }
+ };
+ Rating.prototype.clearLabelPosition = function () {
+ var removeCss = this.spanLabel.classList.value.match(/(e-label-[top|bottom|right|left]+)/g);
+ if (removeCss) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.spanLabel], removeCss);
+ }
+ };
+ Rating.prototype.wireItemsEvents = function (itemElement, index) {
+ var _this = this;
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(itemElement, 'click', function (e) { return _this.clickHandler(e); }, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(itemElement, 'mousemove', function (e) { return _this.mouseMoveHandler(index, e); }, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(itemElement, 'mouseleave', this.mouseLeaveHandler, this);
+ };
+ Rating.prototype.clickHandler = function (e) {
+ this.currentValue = (this.min > 0 && this.currentValue < this.min) ? this.min : this.currentValue;
+ this.triggerChange(e, this.currentValue);
+ this.updateItemValue();
+ this.updateLabel();
+ this.updateResetButton();
+ };
+ Rating.prototype.updateValueChange = function (e, val, isInteracted) {
+ if (isInteracted === void 0) { isInteracted = true; }
+ this.triggerChange(e, val, isInteracted);
+ this.updateItemValue();
+ this.updateLabel();
+ };
+ Rating.prototype.triggerChange = function (e, val, isInteracted) {
+ if (isInteracted === void 0) { isInteracted = true; }
+ val = this.validateValue(val);
+ this.currentValue = val;
+ if (this.currentValue === this.value) {
+ return;
+ }
+ var eventArgs = { event: e, isInteracted: isInteracted, value: val, previousValue: this.value };
+ this.setProperties({ value: val }, true);
+ this.trigger('valueChanged', eventArgs);
+ };
+ Rating.prototype.mouseMoveHandler = function (index, e) {
+ var currValue = this.calculateCurrentValue(index, e);
+ currValue = this.validateValue(currValue);
+ var element = this.itemElements[parseInt((index - 1).toString(), 10)];
+ if (currValue === this.currentValue) {
+ this.openRatingTooltip(element, false);
+ return;
+ }
+ this.updateCurrentValue(currValue);
+ this.openRatingTooltip(element, true);
+ var eventArgs = { element: element, event: e, value: currValue };
+ this.trigger('onItemHover', eventArgs);
+ };
+ Rating.prototype.openRatingTooltip = function (element, isChange) {
+ if (this.showTooltip) {
+ if (!this.tooltipOpen) {
+ this.updateTooltipContent(false);
+ this.tooltipObj.open(element);
+ this.tooltipOpen = true;
+ }
+ else if (isChange) {
+ this.updateTooltipContent(true);
+ this.tooltipObj.refresh(element);
+ }
+ }
+ };
+ Rating.prototype.closeRatingTooltip = function () {
+ if (this.tooltipOpen) {
+ this.tooltipObj.close();
+ this.tooltipOpen = false;
+ }
+ };
+ Rating.prototype.updateCurrentValue = function (currValue) {
+ this.currentValue = currValue;
+ this.updateItemValue();
+ this.updateLabel();
+ };
+ Rating.prototype.mouseLeaveHandler = function () {
+ this.closeRatingTooltip();
+ this.updateCurrentValue(this.value);
+ };
+ Rating.prototype.calculateCurrentValue = function (index, args) {
+ var currentValue = index;
+ if (!(this.enableSingleSelection || (this.precision === PrecisionType.Full))) {
+ currentValue = args.offsetX / this.itemElements[index - 1].clientWidth;
+ currentValue = (this.enableRtl) ? (1 - currentValue) : currentValue;
+ if (this.precision === PrecisionType.Quarter) {
+ currentValue = currentValue <= 0.25 ? 0.25 : currentValue <= 0.5 ? 0.5 : currentValue < 0.75 ? 0.75 : 1.0;
+ }
+ else if (this.precision === PrecisionType.Half) {
+ currentValue = currentValue <= 0.5 ? 0.5 : 1;
+ }
+ currentValue = currentValue + index - 1;
+ }
+ return currentValue;
+ };
+ /**
+ * Reset’s the value to minimum.
+ *
+ * {% codeBlock src='rating/reset/index.md' %}{% endcodeBlock %}
+ *
+ * @returns {void}
+ */
+ Rating.prototype.reset = function () {
+ this.resetClicked(null, false);
+ };
+ Rating.prototype.resetClicked = function (e, isInteracted) {
+ if (isInteracted === void 0) { isInteracted = true; }
+ this.updateValueChange(e, this.min, isInteracted);
+ this.updateResetButton();
+ };
+ Rating.prototype.wireKeyboardEvent = function () {
+ this.keyboardModuleRating = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["KeyboardEvents"](this.wrapper, {
+ keyAction: this.keyActionHandler.bind(this),
+ keyConfigs: this.keyConfigs,
+ eventName: 'keydown'
+ });
+ };
+ Rating.prototype.keyActionHandler = function (e) {
+ if (this.disabled || this.readOnly) {
+ return;
+ }
+ if (e.target.classList.contains(ITEMLIST)) {
+ switch (e.action) {
+ case 'uparrow':
+ this.handleNavigation(e, true);
+ break;
+ case 'downarrow':
+ this.handleNavigation(e, false);
+ break;
+ case 'leftarrow':
+ this.handleNavigation(e, this.enableRtl);
+ break;
+ case 'rightarrow':
+ this.handleNavigation(e, !this.enableRtl);
+ break;
+ }
+ }
+ if (this.allowReset && e.target.classList.contains('e-reset')) {
+ switch (e.action) {
+ case 'space':
+ this.resetClicked(e);
+ break;
+ }
+ }
+ };
+ Rating.prototype.handleNavigation = function (e, isIncrease) {
+ if ((!isIncrease && (this.value > this.min)) || (isIncrease && (this.value < this.itemsCount))) {
+ var currentValue = (this.precision === PrecisionType.Full || this.enableSingleSelection) ? 1 :
+ (this.precision === PrecisionType.Half) ? 0.5 : (this.precision === PrecisionType.Quarter) ? 0.25 :
+ Math.round(0.1 * 10) / 10;
+ currentValue = isIncrease ? this.value + currentValue : this.value - currentValue;
+ this.updateValueChange(e, (currentValue));
+ this.updateResetButton();
+ }
+ };
+ Rating.prototype.updateContent = function () {
+ if (this.isReact) {
+ this.clearTemplate(['ratingEmptyTemplate', 'ratingFullTemplate']);
+ }
+ for (var i = 0; i < this.itemsCount; i++) {
+ var itemElement = this.itemElements[parseInt(i.toString(), 10)].firstElementChild;
+ this.renderItemContent(itemElement, this.getRatingValue(this.value, i), i, true);
+ }
+ };
+ /**
+ * To get component name.
+ *
+ * @returns {string} - Module Name
+ * @private
+ */
+ Rating.prototype.getModuleName = function () {
+ return 'rating';
+ };
+ /**
+ * To get the properties to be maintained in the persisted state.
+ *
+ * @returns {string} - Persist data
+ */
+ Rating.prototype.getPersistData = function () {
+ return this.addOnPersist([]);
+ };
+ Rating.prototype.removeItemElements = function () {
+ for (var i = 0; i < this.itemElements.length; i++) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(this.itemElements[parseInt(i.toString(), 10)]);
+ }
+ this.itemElements = [];
+ };
+ /**
+ * Destroys the Rating instance.
+ *
+ * @returns {void}
+ */
+ Rating.prototype.destroy = function () {
+ var _this = this;
+ _super.prototype.destroy.call(this);
+ // unwires the events and detach the li elements
+ this.removeItemElements();
+ this.clearTemplate();
+ if (this.spanLabel) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(this.spanLabel);
+ this.spanLabel = null;
+ }
+ if (this.resetElement) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(this.resetElement);
+ this.resetElement = null;
+ }
+ if (this.showTooltip) {
+ this.tooltipObj.destroy();
+ this.tooltipObj = null;
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(this.ratingItemList);
+ this.ratingItemList = null;
+ this.wrapper.parentNode.insertBefore(this.element, this.wrapper);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(this.wrapper);
+ this.wrapper = null;
+ this.keyboardModuleRating.destroy();
+ this.keyboardModuleRating = null;
+ ['value', 'aria-label', 'name'].forEach(function (attr) {
+ _this.element.removeAttribute(attr);
+ });
+ };
+ /**
+ * Called internally if any of the property value changed.
+ *
+ * @param {RatingModel} newProp - Specifies new properties
+ * @param {RatingModel} oldProp - Specifies old properties
+ * @returns {void}
+ * @private
+ */
+ Rating.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'value':
+ this.updateValueChange(null, (this.value > this.min) ? this.value : this.min, false);
+ break;
+ case 'min':
+ this.updateMinValue();
+ this.updateItemValue();
+ this.updateLabel();
+ break;
+ case 'showLabel':
+ this.displayLabel();
+ break;
+ case 'visible':
+ this.wrapper.classList[!this.visible ? 'add' : 'remove'](HIDDEN);
+ break;
+ case 'disabled':
+ this.updateDisabled();
+ break;
+ case 'readOnly':
+ this.wrapper.classList[this.readOnly ? 'add' : 'remove'](READONLY);
+ break;
+ case 'allowReset':
+ this.updateReset();
+ break;
+ case 'enableRtl':
+ this.wrapper.classList[this.enableRtl ? 'add' : 'remove'](RTL);
+ break;
+ case 'cssClass':
+ if (oldProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.wrapper], oldProp.cssClass.split(' '));
+ }
+ if (newProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.wrapper], newProp.cssClass.split(' '));
+ }
+ if (this.tooltipObj) {
+ this.tooltipObj.setProperties({ cssClass: this.cssClass ? ('e-rating-tooltip ' + this.cssClass) : 'e-rating-tooltip' });
+ }
+ break;
+ case 'labelPosition':
+ this.updateLabelPosition();
+ break;
+ case 'showTooltip':
+ this.updateTooltip();
+ break;
+ case 'precision':
+ this.updateMinValue();
+ this.triggerChange(null, this.value, false);
+ this.updateItemValue();
+ this.updateLabel();
+ break;
+ case 'enableSingleSelection':
+ //To validate the value against single selection and update the items, label + trigger change event if value changed
+ this.updateValueChange(null, this.currentValue, false);
+ break;
+ case 'enableAnimation':
+ this.wrapper.classList[this.enableAnimation ? 'add' : 'remove'](ANIMATION);
+ break;
+ case 'emptyTemplate':
+ case 'fullTemplate':
+ this.updateTemplateFunction();
+ this.updateContent();
+ break;
+ case 'labelTemplate':
+ this.updateLabel();
+ break;
+ case 'itemsCount':
+ this.removeItemElements();
+ this.renderItems();
+ this.updateLabel();
+ break;
+ }
+ }
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Rating.prototype, "allowReset", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Rating.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Rating.prototype, "disabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Rating.prototype, "emptyTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Rating.prototype, "enableAnimation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Rating.prototype, "enableSingleSelection", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Rating.prototype, "fullTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(5)
+ ], Rating.prototype, "itemsCount", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(LabelPosition.Right)
+ ], Rating.prototype, "labelPosition", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Rating.prototype, "labelTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0.0)
+ ], Rating.prototype, "min", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(PrecisionType.Full)
+ ], Rating.prototype, "precision", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Rating.prototype, "readOnly", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Rating.prototype, "showLabel", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Rating.prototype, "showTooltip", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Rating.prototype, "tooltipTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0.0)
+ ], Rating.prototype, "value", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Rating.prototype, "visible", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Rating.prototype, "beforeItemRender", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Rating.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Rating.prototype, "onItemHover", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Rating.prototype, "valueChanged", void 0);
+ Rating = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], Rating);
+ return Rating;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/signature/index.js":
+/*!*********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/signature/index.js ***!
+ \*********************************************************************/
+/*! exports provided: Signature */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _signature__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./signature */ "./ej2-resources/22.1.37/scripts/ej2-inputs/signature/signature.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Signature", function() { return _signature__WEBPACK_IMPORTED_MODULE_0__["Signature"]; });
+
+/**
+ * Signature modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/signature/signature.js":
+/*!*************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/signature/signature.js ***!
+ \*************************************************************************/
+/*! exports provided: Signature */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Signature", function() { return Signature; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _common_signature_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/signature-base */ "./ej2-resources/22.1.37/scripts/ej2-inputs/common/signature-base.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+/**
+ * The Signature component allows user to draw smooth signatures as vector outline of strokes using variable width bezier curve interpolation.
+ * It allows to save signature as image.
+ * You can use your finger, pen, or mouse on a tablet, touchscreen, etc., to draw your own signature on this Signature component.
+ * Signature component is a user interface to draw the Signature or Text.
+ * It provides supports for various Background color, Stroke color and Background Image.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var Signature = /** @__PURE__ @class */ (function (_super) {
+ __extends(Signature, _super);
+ /**
+ * Constructor for creating the widget.
+ *
+ * @param {SignatureModel} options - Specifies the Signature model.
+ * @param {string | HTMLCanvasElement} element - Specifies the element.
+ * @private
+ */
+ function Signature(options, element) {
+ return _super.call(this, options, element) || this;
+ }
+ Signature.prototype.preRender = function () {
+ // pre render code snippets
+ };
+ /**
+ * To Initialize the component rendering
+ *
+ * @private
+ * @returns {void}
+ */
+ Signature.prototype.render = function () {
+ this.initialize();
+ };
+ Signature.prototype.initialize = function () {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], 'e-' + this.getModuleName());
+ _super.prototype.initialize.call(this, this.element);
+ if (this.enablePersistence) {
+ this.loadPersistedSignature();
+ }
+ };
+ /**
+ * To get component name.
+ *
+ * @returns {string} - Module Name
+ * @private
+ */
+ Signature.prototype.getModuleName = function () {
+ return 'signature';
+ };
+ /**
+ * To get the properties to be maintained in the persisted state.
+ *
+ * @returns {string} - Persist data
+ */
+ Signature.prototype.getPersistData = function () {
+ return this.addOnPersist(['signatureValue']);
+ };
+ /**
+ * Called internally if any of the property value changed.
+ *
+ * @param {SignatureModel} newProp - Specifies new properties
+ * @param {SignatureModel} oldProp - Specifies old properties
+ * @returns {void}
+ * @private
+ */
+ Signature.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'backgroundColor':
+ _super.prototype.propertyChanged.call(this, prop, newProp.backgroundColor);
+ break;
+ case 'backgroundImage':
+ _super.prototype.propertyChanged.call(this, prop, newProp.backgroundImage);
+ break;
+ case 'strokeColor':
+ if (newProp.strokeColor !== oldProp.strokeColor) {
+ _super.prototype.propertyChanged.call(this, prop, newProp.strokeColor);
+ }
+ break;
+ case 'saveWithBackground':
+ _super.prototype.propertyChanged.call(this, prop, newProp.saveWithBackground);
+ break;
+ case 'isReadOnly':
+ _super.prototype.propertyChanged.call(this, prop, newProp.isReadOnly);
+ break;
+ case 'disabled':
+ _super.prototype.propertyChanged.call(this, prop, newProp.disabled);
+ break;
+ }
+ }
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Signature.prototype, "backgroundColor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Signature.prototype, "backgroundImage", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Signature.prototype, "disabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Signature.prototype, "isReadOnly", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Signature.prototype, "saveWithBackground", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('#000000')
+ ], Signature.prototype, "strokeColor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0.5)
+ ], Signature.prototype, "minStrokeWidth", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(2)
+ ], Signature.prototype, "maxStrokeWidth", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0.7)
+ ], Signature.prototype, "velocity", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('en-US')
+ ], Signature.prototype, "locale", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Signature.prototype, "enableRtl", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Signature.prototype, "enablePersistence", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Signature.prototype, "beforeSave", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Signature.prototype, "change", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Signature.prototype, "created", void 0);
+ Signature = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], Signature);
+ return Signature;
+}(_common_signature_base__WEBPACK_IMPORTED_MODULE_1__["SignatureBase"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/slider/index.js":
+/*!******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/slider/index.js ***!
+ \******************************************************************/
+/*! exports provided: TicksData, ColorRangeData, LimitData, TooltipData, Slider */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _slider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./slider */ "./ej2-resources/22.1.37/scripts/ej2-inputs/slider/slider.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TicksData", function() { return _slider__WEBPACK_IMPORTED_MODULE_0__["TicksData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColorRangeData", function() { return _slider__WEBPACK_IMPORTED_MODULE_0__["ColorRangeData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LimitData", function() { return _slider__WEBPACK_IMPORTED_MODULE_0__["LimitData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TooltipData", function() { return _slider__WEBPACK_IMPORTED_MODULE_0__["TooltipData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Slider", function() { return _slider__WEBPACK_IMPORTED_MODULE_0__["Slider"]; });
+
+/**
+ * Slider modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/slider/slider.js":
+/*!*******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/slider/slider.js ***!
+ \*******************************************************************/
+/*! exports provided: TicksData, ColorRangeData, LimitData, TooltipData, Slider */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TicksData", function() { return TicksData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ColorRangeData", function() { return ColorRangeData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LimitData", function() { return LimitData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TooltipData", function() { return TooltipData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Slider", function() { return Slider; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_popups__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-popups */ "./ej2-resources/22.1.37/scripts/ej2-popups/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+/**
+ * Configures the ticks data of the Slider.
+ */
+var TicksData = /** @__PURE__ @class */ (function (_super) {
+ __extends(TicksData, _super);
+ function TicksData() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('None')
+ ], TicksData.prototype, "placement", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(10)
+ ], TicksData.prototype, "largeStep", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(1)
+ ], TicksData.prototype, "smallStep", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], TicksData.prototype, "showSmallTicks", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], TicksData.prototype, "format", void 0);
+ return TicksData;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * It illustrates the color track data in slider.
+ * {% codeBlock src='slider/colorrange/index.md' %}{% endcodeBlock %}
+ */
+var ColorRangeData = /** @__PURE__ @class */ (function (_super) {
+ __extends(ColorRangeData, _super);
+ function ColorRangeData() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], ColorRangeData.prototype, "color", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], ColorRangeData.prototype, "start", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], ColorRangeData.prototype, "end", void 0);
+ return ColorRangeData;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * It illustrates the limit data in slider.
+ * {% codeBlock src='slider/limits/index.md' %}{% endcodeBlock %}
+ */
+var LimitData = /** @__PURE__ @class */ (function (_super) {
+ __extends(LimitData, _super);
+ function LimitData() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], LimitData.prototype, "enabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], LimitData.prototype, "minStart", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], LimitData.prototype, "minEnd", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], LimitData.prototype, "maxStart", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], LimitData.prototype, "maxEnd", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], LimitData.prototype, "startHandleFixed", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], LimitData.prototype, "endHandleFixed", void 0);
+ return LimitData;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * It illustrates the tooltip data in slider.
+ */
+var TooltipData = /** @__PURE__ @class */ (function (_super) {
+ __extends(TooltipData, _super);
+ function TooltipData() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], TooltipData.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Before')
+ ], TooltipData.prototype, "placement", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Focus')
+ ], TooltipData.prototype, "showOn", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], TooltipData.prototype, "isVisible", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], TooltipData.prototype, "format", void 0);
+ return TooltipData;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+var bootstrapTooltipOffset = 6;
+var bootstrap4TooltipOffset = 3;
+var classNames = {
+ root: 'e-slider',
+ rtl: 'e-rtl',
+ sliderHiddenInput: 'e-slider-input',
+ controlWrapper: 'e-control-wrapper',
+ sliderHandle: 'e-handle',
+ rangeBar: 'e-range',
+ sliderButton: 'e-slider-button',
+ firstButton: 'e-first-button',
+ secondButton: 'e-second-button',
+ scale: 'e-scale',
+ tick: 'e-tick',
+ large: 'e-large',
+ tickValue: 'e-tick-value',
+ sliderTooltip: 'e-slider-tooltip',
+ sliderHover: 'e-slider-hover',
+ sliderFirstHandle: 'e-handle-first',
+ sliderSecondHandle: 'e-handle-second',
+ sliderDisabled: 'e-disabled',
+ sliderContainer: 'e-slider-container',
+ horizontalTooltipBefore: 'e-slider-horizontal-before',
+ horizontalTooltipAfter: 'e-slider-horizontal-after',
+ verticalTooltipBefore: 'e-slider-vertical-before',
+ verticalTooltipAfter: 'e-slider-vertical-after',
+ materialTooltip: 'e-material-tooltip',
+ materialTooltipOpen: 'e-material-tooltip-open',
+ materialTooltipActive: 'e-tooltip-active',
+ materialSlider: 'e-material-slider',
+ sliderTrack: 'e-slider-track',
+ sliderHorizantalColor: 'e-slider-horizantal-color',
+ sliderVerticalColor: 'e-slider-vertical-color',
+ sliderHandleFocused: 'e-handle-focused',
+ verticalSlider: 'e-vertical',
+ horizontalSlider: 'e-horizontal',
+ sliderHandleStart: 'e-handle-start',
+ sliderTooltipStart: 'e-material-tooltip-start',
+ sliderTabHandle: 'e-tab-handle',
+ sliderButtonIcon: 'e-button-icon',
+ sliderSmallSize: 'e-small-size',
+ sliderTickPosition: 'e-tick-pos',
+ sliderFirstTick: 'e-first-tick',
+ sliderLastTick: 'e-last-tick',
+ sliderButtonClass: 'e-slider-btn',
+ sliderTooltipWrapper: 'e-tooltip-wrap',
+ sliderTabTrack: 'e-tab-track',
+ sliderTabRange: 'e-tab-range',
+ sliderActiveHandle: 'e-handle-active',
+ sliderMaterialHandle: 'e-material-handle',
+ sliderMaterialRange: 'e-material-range',
+ sliderMaterialDefault: 'e-material-default',
+ materialTooltipShow: 'e-material-tooltip-show',
+ materialTooltipHide: 'e-material-tooltip-hide',
+ readonly: 'e-read-only',
+ limits: 'e-limits',
+ limitBarDefault: 'e-limit-bar',
+ limitBarFirst: 'e-limit-first',
+ limitBarSecond: 'e-limit-second',
+ dragHorizontal: 'e-drag-horizontal',
+ dragVertical: 'e-drag-vertical'
+};
+/**
+ * The Slider component allows the user to select a value or range
+ * of values in-between a min and max range, by dragging the handle over the slider bar.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var Slider = /** @__PURE__ @class */ (function (_super) {
+ __extends(Slider, _super);
+ function Slider(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.horDir = 'left';
+ _this.verDir = 'bottom';
+ _this.transition = {
+ handle: 'left .4s cubic-bezier(.25, .8, .25, 1), right .4s cubic-bezier(.25, .8, .25, 1), ' +
+ 'top .4s cubic-bezier(.25, .8, .25, 1) , bottom .4s cubic-bezier(.25, .8, .25, 1)',
+ rangeBar: 'all .4s cubic-bezier(.25, .8, .25, 1)'
+ };
+ _this.transitionOnMaterialTooltip = {
+ handle: 'left 1ms ease-out, right 1ms ease-out, bottom 1ms ease-out, top 1ms ease-out',
+ rangeBar: 'left 1ms ease-out, right 1ms ease-out, bottom 1ms ease-out, width 1ms ease-out, height 1ms ease-out'
+ };
+ _this.scaleTransform = 'transform .4s cubic-bezier(.25, .8, .25, 1)';
+ _this.customAriaText = null;
+ _this.drag = true;
+ _this.isDragComplete = false;
+ _this.initialTooltip = true;
+ return _this;
+ }
+ Slider.prototype.preRender = function () {
+ // eslint-disable-next-line
+ var localeText = { incrementTitle: 'Increase', decrementTitle: 'Decrease' };
+ this.l10n = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["L10n"]('slider', localeText, this.locale);
+ this.isElementFocused = false;
+ this.tickElementCollection = [];
+ this.tooltipFormatInfo = {};
+ this.ticksFormatInfo = {};
+ this.initCultureInfo();
+ this.initCultureFunc();
+ this.formChecker();
+ };
+ Slider.prototype.formChecker = function () {
+ var formElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form');
+ if (formElement) {
+ this.isForm = true;
+ // this condition needs to be checked, if the slider is going to be refreshed by `refresh()`
+ // then we need to revert the slider `value` back to `formResetValue` to preserve the initial value
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.formResetValue)) {
+ this.setProperties({ 'value': this.formResetValue }, true);
+ }
+ this.formResetValue = this.value;
+ if (this.type === 'Range' &&
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.formResetValue) || typeof (this.formResetValue) !== 'object')) {
+ this.formResetValue = [parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.min)), parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.max))];
+ }
+ else if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.formResetValue)) {
+ this.formResetValue = parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.min));
+ }
+ this.formElement = formElement;
+ }
+ else {
+ this.isForm = false;
+ }
+ };
+ Slider.prototype.initCultureFunc = function () {
+ this.internationalization = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Internationalization"](this.locale);
+ };
+ Slider.prototype.initCultureInfo = function () {
+ this.tooltipFormatInfo.format = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.tooltip.format)) ? this.tooltip.format : null;
+ this.ticksFormatInfo.format = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.ticks.format)) ? this.ticks.format : null;
+ };
+ Slider.prototype.formatString = function (value, formatInfo) {
+ var formatValue = null;
+ var formatString = null;
+ if ((value || value === 0)) {
+ formatValue = this.formatNumber(value);
+ var numberOfDecimals = this.numberOfDecimals(value);
+ formatString = this.internationalization.getNumberFormat(formatInfo)(this.makeRoundNumber(value, numberOfDecimals));
+ }
+ return { elementVal: formatValue, formatString: formatString };
+ };
+ Slider.prototype.formatNumber = function (value) {
+ var numberOfDecimals = this.numberOfDecimals(value);
+ return this.internationalization.getNumberFormat({
+ maximumFractionDigits: numberOfDecimals,
+ minimumFractionDigits: numberOfDecimals, useGrouping: false
+ })(value);
+ };
+ Slider.prototype.numberOfDecimals = function (value) {
+ var decimalPart = value.toString().split('.')[1];
+ var numberOfDecimals = !decimalPart || !decimalPart.length ? 0 : decimalPart.length;
+ return numberOfDecimals;
+ };
+ Slider.prototype.makeRoundNumber = function (value, precision) {
+ var decimals = precision || 0;
+ return Number(value.toFixed(decimals));
+ };
+ Slider.prototype.fractionalToInteger = function (value) {
+ value = (this.numberOfDecimals(value) === 0) ? Number(value).toFixed(this.noOfDecimals) : value;
+ var tens = 1;
+ for (var i = 0; i < this.noOfDecimals; i++) {
+ tens *= 10;
+ }
+ value = Number((value * tens).toFixed(0));
+ return value;
+ };
+ /**
+ * To Initialize the control rendering
+ *
+ * @private
+ */
+ Slider.prototype.render = function () {
+ var _this = this;
+ this.initialize();
+ this.initRender();
+ this.wireEvents();
+ this.setZindex();
+ this.renderComplete();
+ if (this.element.tagName === 'EJS-SLIDER') {
+ if (this.getTheme(this.sliderContainer) == 'none') {
+ setTimeout(function () {
+ _this.refresh();
+ }, 0);
+ }
+ }
+ };
+ Slider.prototype.initialize = function () {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], classNames.root);
+ this.setCSSClass();
+ };
+ Slider.prototype.setElementWidth = function (width) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(width)) {
+ if (typeof width === 'number') {
+ this.sliderContainer.style.width = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(width);
+ }
+ else if (typeof width === 'string') {
+ this.sliderContainer.style.width = (width.match(/px|%|em/)) ? (width) : (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(width));
+ }
+ }
+ };
+ Slider.prototype.setCSSClass = function (oldCSSClass) {
+ if (oldCSSClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], oldCSSClass.split(' '));
+ }
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], this.cssClass.split(' '));
+ }
+ };
+ Slider.prototype.setEnabled = function () {
+ if (!this.enabled) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.sliderContainer], [classNames.sliderDisabled]);
+ if (this.tooltip.isVisible && this.tooltipElement && this.tooltip.showOn === 'Always') {
+ this.tooltipElement.classList.add(classNames.sliderDisabled);
+ }
+ this.unwireEvents();
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.sliderContainer], [classNames.sliderDisabled]);
+ if (this.tooltip.isVisible && this.tooltipElement && this.tooltip.showOn === 'Always') {
+ this.tooltipElement.classList.remove(classNames.sliderDisabled);
+ }
+ this.wireEvents();
+ }
+ };
+ Slider.prototype.getTheme = function (container) {
+ var theme = window.getComputedStyle(container, ':after').getPropertyValue('content');
+ return theme.replace(/['"]+/g, '');
+ };
+ /**
+ * Initialize the rendering
+ *
+ * @private
+ */
+ Slider.prototype.initRender = function () {
+ this.sliderContainer = this.createElement('div', { className: classNames.sliderContainer + ' ' + classNames.controlWrapper });
+ this.element.parentNode.insertBefore(this.sliderContainer, this.element);
+ this.sliderContainer.appendChild(this.element);
+ this.sliderTrack = this.createElement('div', { className: classNames.sliderTrack });
+ this.element.appendChild(this.sliderTrack);
+ this.setElementWidth(this.width);
+ this.element.tabIndex = -1;
+ this.getThemeInitialization();
+ this.setHandler();
+ this.createRangeBar();
+ if (this.limits.enabled) {
+ this.createLimitBar();
+ }
+ this.setOrientClass();
+ this.hiddenInput = (this.createElement('input', {
+ attrs: {
+ type: 'hidden', value: (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.value) ? this.min.toString() : this.value.toString()),
+ name: this.element.getAttribute('name') || this.element.getAttribute('id') ||
+ '_' + (Math.random() * 1000).toFixed(0) + 'slider', class: classNames.sliderHiddenInput
+ }
+ }));
+ this.hiddenInput.tabIndex = -1;
+ this.sliderContainer.appendChild(this.hiddenInput);
+ if (this.showButtons) {
+ this.setButtons();
+ }
+ this.setEnableRTL();
+ if (this.type === 'Range') {
+ this.rangeValueUpdate();
+ }
+ else {
+ this.value = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.value) ? parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.min.toString())) : this.value;
+ }
+ this.previousVal = this.type !== 'Range' ? this.checkHandleValue(parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.value.toString()))) :
+ [this.checkHandleValue(parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.value[0].toString()))),
+ this.checkHandleValue(parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.value[1].toString())))];
+ this.previousChanged = this.previousVal;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.hasAttribute('name'))) {
+ this.element.removeAttribute('name');
+ }
+ this.setValue();
+ if (this.limits.enabled) {
+ this.setLimitBar();
+ }
+ if (this.ticks.placement !== 'None') {
+ this.renderScale();
+ }
+ if (this.tooltip.isVisible) {
+ this.renderTooltip();
+ }
+ if (!this.enabled) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.sliderContainer], [classNames.sliderDisabled]);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.sliderContainer], [classNames.sliderDisabled]);
+ }
+ if (this.readonly) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.sliderContainer], [classNames.readonly]);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.sliderContainer], [classNames.readonly]);
+ }
+ };
+ Slider.prototype.getThemeInitialization = function () {
+ this.isMaterial = this.getTheme(this.sliderContainer) === 'material'
+ || this.getTheme(this.sliderContainer) === 'material-dark';
+ this.isMaterial3 = this.getTheme(this.sliderContainer) === 'Material3'
+ || this.getTheme(this.sliderContainer) === 'Material3-dark';
+ this.isBootstrap = this.getTheme(this.sliderContainer) === 'bootstrap'
+ || this.getTheme(this.sliderContainer) === 'bootstrap-dark';
+ this.isBootstrap4 = this.getTheme(this.sliderContainer) === 'bootstrap4';
+ this.isTailwind = this.getTheme(this.sliderContainer) === 'tailwind' || this.getTheme(this.sliderContainer) === 'tailwind-dark';
+ this.isBootstrap5 = this.getTheme(this.sliderContainer) === 'bootstrap5';
+ this.isFluent = this.getTheme(this.sliderContainer) === 'FluentUI';
+ this.isMaterialTooltip = (this.isMaterial || this.isMaterial3) && this.type !== 'Range' && this.tooltip.isVisible;
+ };
+ Slider.prototype.createRangeBar = function () {
+ if (this.type !== 'Default') {
+ this.rangeBar = (this.createElement('div', { attrs: { class: classNames.rangeBar } }));
+ this.element.appendChild(this.rangeBar);
+ if (this.drag && this.type === 'Range') {
+ if (this.orientation === 'Horizontal') {
+ this.rangeBar.classList.add(classNames.dragHorizontal);
+ }
+ else {
+ this.rangeBar.classList.add(classNames.dragVertical);
+ }
+ }
+ }
+ };
+ Slider.prototype.createLimitBar = function () {
+ var firstElementClassName = this.type !== 'Range' ? classNames.limitBarDefault :
+ classNames.limitBarFirst;
+ firstElementClassName += ' ' + classNames.limits;
+ this.limitBarFirst = (this.createElement('div', {
+ attrs: { class: firstElementClassName }
+ }));
+ this.element.appendChild(this.limitBarFirst);
+ if (this.type === 'Range') {
+ this.limitBarSecond = (this.createElement('div', {
+ attrs: {
+ class: classNames.limitBarSecond + ' ' + classNames.limits
+ }
+ }));
+ this.element.appendChild(this.limitBarSecond);
+ }
+ };
+ Slider.prototype.setOrientClass = function () {
+ if (this.orientation !== 'Vertical') {
+ this.sliderContainer.classList.remove(classNames.verticalSlider);
+ this.sliderContainer.classList.add(classNames.horizontalSlider);
+ this.firstHandle.setAttribute('aria-orientation', 'horizontal');
+ if (this.type === 'Range') {
+ this.secondHandle.setAttribute('aria-orientation', 'horizontal');
+ }
+ }
+ else {
+ this.sliderContainer.classList.remove(classNames.horizontalSlider);
+ this.sliderContainer.classList.add(classNames.verticalSlider);
+ this.firstHandle.setAttribute('aria-orientation', 'vertical');
+ if (this.type === 'Range') {
+ this.secondHandle.setAttribute('aria-orientation', 'vertical');
+ }
+ }
+ };
+ Slider.prototype.setAriaAttributes = function (element) {
+ var _this = this;
+ var min = this.min;
+ var max = this.max;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues) && this.customValues.length > 0) {
+ min = this.customValues[0];
+ max = this.customValues[this.customValues.length - 1];
+ }
+ if (this.type !== 'Range') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(element, {
+ 'aria-valuemin': min.toString(), 'aria-valuemax': max.toString()
+ });
+ }
+ else {
+ var range = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues) && this.customValues.length > 0 ?
+ [[min.toString(), (this.customValues[this.value[1]]).toString()],
+ [(this.customValues[this.value[0]]).toString(), max.toString()]] :
+ [[min.toString(), this.value[1].toString()], [this.value[0].toString(), max.toString()]];
+ range.forEach(function (range, index) {
+ var element = index === 0 ? _this.firstHandle : _this.secondHandle;
+ if (element) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(element, {
+ 'aria-valuemin': range[0], 'aria-valuemax': range[1]
+ });
+ }
+ });
+ }
+ };
+ Slider.prototype.createSecondHandle = function () {
+ this.secondHandle = this.createElement('div', {
+ attrs: {
+ class: classNames.sliderHandle, 'role': 'slider', tabIndex: '0', 'aria-label': 'slider'
+ }
+ });
+ this.secondHandle.classList.add(classNames.sliderSecondHandle);
+ this.element.appendChild(this.secondHandle);
+ };
+ Slider.prototype.createFirstHandle = function () {
+ this.firstHandle = this.createElement('div', {
+ attrs: {
+ class: classNames.sliderHandle, 'role': 'slider', tabIndex: '0', 'aria-label': 'slider'
+ }
+ });
+ this.firstHandle.classList.add(classNames.sliderFirstHandle);
+ this.element.appendChild(this.firstHandle);
+ if (this.isMaterialTooltip) {
+ this.materialHandle = this.createElement('div', {
+ attrs: {
+ class: classNames.sliderHandle + ' ' +
+ classNames.sliderMaterialHandle
+ }
+ });
+ this.element.appendChild(this.materialHandle);
+ }
+ };
+ Slider.prototype.wireFirstHandleEvt = function (destroy) {
+ if (!destroy) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.firstHandle, 'mousedown touchstart', this.handleFocus, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.firstHandle, 'transitionend', this.transitionEnd, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.firstHandle, 'mouseenter touchenter', this.handleOver, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.firstHandle, 'mouseleave touchend', this.handleLeave, this);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.firstHandle, 'mousedown touchstart', this.handleFocus);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.firstHandle, 'transitionend', this.transitionEnd);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.firstHandle, 'mouseenter touchenter', this.handleOver);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.firstHandle, 'mouseleave touchend', this.handleLeave);
+ }
+ };
+ Slider.prototype.wireSecondHandleEvt = function (destroy) {
+ if (!destroy) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.secondHandle, 'mousedown touchstart', this.handleFocus, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.secondHandle, 'transitionend', this.transitionEnd, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.secondHandle, 'mouseenter touchenter', this.handleOver, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.secondHandle, 'mouseleave touchend', this.handleLeave, this);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.secondHandle, 'mousedown touchstart', this.handleFocus);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.secondHandle, 'transitionend', this.transitionEnd);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.secondHandle, 'mouseenter touchenter', this.handleOver);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.secondHandle, 'mouseleave touchend', this.handleLeave);
+ }
+ };
+ Slider.prototype.handleStart = function () {
+ if (this.type !== 'Range') {
+ this.firstHandle.classList[this.handlePos1 === 0 ? 'add' : 'remove'](classNames.sliderHandleStart);
+ if (this.isMaterialTooltip) {
+ this.materialHandle.classList[this.handlePos1 === 0 ? 'add' : 'remove'](classNames.sliderHandleStart);
+ if (this.tooltipElement) {
+ this.tooltipElement.classList[this.handlePos1 === 0 ? 'add' : 'remove'](classNames.sliderTooltipStart);
+ }
+ }
+ }
+ };
+ Slider.prototype.transitionEnd = function (e) {
+ if (e.propertyName !== 'transform') {
+ this.handleStart();
+ if (!this.enableAnimation) {
+ this.getHandle().style.transition = 'none';
+ }
+ if (this.type !== 'Default') {
+ this.rangeBar.style.transition = 'none';
+ }
+ if ((this.isMaterial || this.isMaterial3) && this.tooltip.isVisible && this.type === 'Default') {
+ this.tooltipElement.style.transition = this.transition.handle;
+ }
+ this.tooltipToggle(this.getHandle());
+ this.closeTooltip();
+ }
+ };
+ Slider.prototype.handleFocusOut = function () {
+ if (this.firstHandle.classList.contains(classNames.sliderHandleFocused)) {
+ this.firstHandle.classList.remove(classNames.sliderHandleFocused);
+ }
+ if (this.type === 'Range') {
+ if (this.secondHandle.classList.contains(classNames.sliderHandleFocused)) {
+ this.secondHandle.classList.remove(classNames.sliderHandleFocused);
+ }
+ }
+ };
+ Slider.prototype.handleFocus = function (e) {
+ this.focusSliderElement();
+ this.sliderBarClick(e);
+ if (e.currentTarget === this.firstHandle) {
+ this.firstHandle.classList.add(classNames.sliderHandleFocused);
+ this.firstHandle.classList.add(classNames.sliderTabHandle);
+ }
+ else {
+ this.secondHandle.classList.add(classNames.sliderHandleFocused);
+ this.secondHandle.classList.add(classNames.sliderTabHandle);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mousemove touchmove', this.sliderBarMove, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mouseup touchend', this.sliderBarUp, this);
+ };
+ Slider.prototype.handleOver = function (e) {
+ if (this.tooltip.isVisible && this.tooltip.showOn === 'Hover') {
+ this.tooltipToggle(e.currentTarget);
+ }
+ if (this.type === 'Default') {
+ this.tooltipToggle(this.getHandle());
+ }
+ };
+ Slider.prototype.handleLeave = function (e) {
+ if (this.tooltip.isVisible && this.tooltip.showOn === 'Hover' &&
+ !e.currentTarget.classList.contains(classNames.sliderHandleFocused) &&
+ !e.currentTarget.classList.contains(classNames.sliderTabHandle)) {
+ this.closeTooltip();
+ }
+ };
+ Slider.prototype.setHandler = function () {
+ this.createFirstHandle();
+ if (this.type === 'Range') {
+ this.createSecondHandle();
+ }
+ };
+ Slider.prototype.setEnableRTL = function () {
+ this.enableRtl && this.orientation !== 'Vertical' ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.sliderContainer], classNames.rtl) :
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.sliderContainer], classNames.rtl);
+ var preDir = (this.orientation !== 'Vertical') ? this.horDir : this.verDir;
+ if (this.enableRtl) {
+ this.horDir = 'right';
+ this.verDir = 'bottom';
+ }
+ else {
+ this.horDir = 'left';
+ this.verDir = 'bottom';
+ }
+ var currDir = (this.orientation !== 'Vertical') ? this.horDir : this.verDir;
+ if (preDir !== currDir) {
+ if (this.orientation === 'Horizontal') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.firstHandle, { 'right': '', 'left': 'auto' });
+ if (this.type === 'Range') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.secondHandle, { 'top': '', 'left': 'auto' });
+ }
+ }
+ }
+ this.setBarColor();
+ };
+ Slider.prototype.tooltipValue = function () {
+ var _this = this;
+ var text;
+ var args = {
+ value: this.value,
+ text: ''
+ };
+ if (this.initialTooltip) {
+ this.initialTooltip = false;
+ this.setTooltipContent();
+ args.text = text = this.tooltipObj.content;
+ this.trigger('tooltipChange', args, function (observedArgs) {
+ _this.addTooltipClass(observedArgs.text);
+ if (text !== observedArgs.text) {
+ _this.customAriaText = observedArgs.text;
+ _this.tooltipObj.content = observedArgs.text;
+ _this.setAriaAttrValue(_this.firstHandle);
+ if (_this.type === 'Range') {
+ _this.setAriaAttrValue(_this.secondHandle);
+ }
+ }
+ });
+ if (this.isMaterialTooltip) {
+ this.setPreviousVal('change', this.value);
+ }
+ }
+ };
+ Slider.prototype.setTooltipContent = function () {
+ var content;
+ content = this.formatContent(this.tooltipFormatInfo, false);
+ this.tooltipObj.content = content;
+ };
+ Slider.prototype.formatContent = function (formatInfo, ariaContent) {
+ var content = '';
+ var handle1 = this.handleVal1;
+ var handle2 = this.handleVal2;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues) && this.customValues.length > 0) {
+ handle1 = this.customValues[this.handleVal1];
+ handle2 = this.customValues[this.handleVal2];
+ }
+ if (!ariaContent) {
+ if (this.type === 'Range') {
+ if (this.enableRtl && this.orientation !== 'Vertical') {
+ content = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(formatInfo.format)) ? (this.formatString(handle2, formatInfo)
+ .formatString + ' - ' + this.formatString(handle1, formatInfo).formatString) :
+ (handle2.toString() + ' - ' + handle1.toString());
+ }
+ else {
+ content = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(formatInfo.format)) ? (this.formatString(handle1, formatInfo)
+ .formatString + ' - ' + this.formatString(handle2, formatInfo).formatString) :
+ (handle1.toString() + ' - ' + handle2.toString());
+ }
+ }
+ else {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(handle1)) {
+ content = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(formatInfo.format)) ?
+ this.formatString(handle1, formatInfo).formatString : handle1.toString();
+ }
+ }
+ return content;
+ }
+ else {
+ if (this.type === 'Range') {
+ if (this.enableRtl && this.orientation !== 'Vertical') {
+ content = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.tooltip) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.tooltip.format)) ?
+ (this.formatString(handle2, formatInfo).elementVal + ' - ' +
+ this.formatString(handle1, formatInfo).elementVal) :
+ (handle2.toString() + ' - ' + handle1.toString());
+ }
+ else {
+ content = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.tooltip) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.tooltip.format)) ?
+ (this.formatString(handle1, formatInfo).elementVal + ' - ' +
+ this.formatString(handle2, formatInfo).elementVal) :
+ (handle1.toString() + ' - ' + handle2.toString());
+ }
+ }
+ else {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(handle1)) {
+ content = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.tooltip) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.tooltip.format)) ?
+ this.formatString(handle1, formatInfo).elementVal : handle1.toString();
+ }
+ }
+ return content;
+ }
+ };
+ Slider.prototype.addTooltipClass = function (content) {
+ if (this.isMaterialTooltip) {
+ var count = content.toString().length;
+ if (!this.tooltipElement) {
+ var cssClass = count > 4 ? classNames.sliderMaterialRange : classNames.sliderMaterialDefault;
+ this.tooltipObj.cssClass = classNames.sliderTooltip + ' ' + cssClass;
+ }
+ else {
+ var cssClass = count > 4 ?
+ { oldCss: classNames.sliderMaterialDefault, newCss: classNames.sliderMaterialRange } :
+ { oldCss: classNames.sliderMaterialRange, newCss: classNames.sliderMaterialDefault };
+ this.tooltipElement.classList.remove(cssClass.oldCss);
+ if (!this.tooltipElement.classList.contains(cssClass.newCss)) {
+ this.tooltipElement.classList.add(cssClass.newCss);
+ this.tooltipElement.style.transform = count > 4 ? 'scale(1)' :
+ this.getTooltipTransformProperties(this.previousTooltipClass).rotate;
+ }
+ }
+ }
+ };
+ Slider.prototype.tooltipPlacement = function () {
+ return this.orientation === 'Horizontal' ? (this.tooltip.placement === 'Before' ? 'TopCenter' : 'BottomCenter') :
+ (this.tooltip.placement === 'Before' ? 'LeftCenter' : 'RightCenter');
+ };
+ Slider.prototype.tooltipBeforeOpen = function (args) {
+ this.tooltipElement = args.element;
+ if (this.tooltip.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.tooltipElement], this.tooltip.cssClass.split(' ').filter(function (css) { return css; }));
+ }
+ args.target.removeAttribute('aria-describedby');
+ if (this.isMaterialTooltip) {
+ this.tooltipElement.firstElementChild.classList.add(classNames.materialTooltipHide);
+ this.handleStart();
+ this.setTooltipTransform();
+ }
+ };
+ Slider.prototype.tooltipCollision = function (position) {
+ if (this.isBootstrap || this.isBootstrap4 || ((this.isMaterial || this.isMaterial3) && !this.isMaterialTooltip)) {
+ var tooltipOffsetValue = this.isBootstrap4 ? bootstrap4TooltipOffset : bootstrapTooltipOffset;
+ switch (position) {
+ case 'TopCenter':
+ this.tooltipObj.setProperties({ 'offsetY': -(tooltipOffsetValue) }, false);
+ break;
+ case 'BottomCenter':
+ this.tooltipObj.setProperties({ 'offsetY': tooltipOffsetValue }, false);
+ break;
+ case 'LeftCenter':
+ this.tooltipObj.setProperties({ 'offsetX': -(tooltipOffsetValue) }, false);
+ break;
+ case 'RightCenter':
+ this.tooltipObj.setProperties({ 'offsetX': tooltipOffsetValue }, false);
+ break;
+ }
+ }
+ };
+ Slider.prototype.materialTooltipEventCallBack = function (event) {
+ this.sliderBarClick(event);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mousemove touchmove', this.sliderBarMove, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mouseup touchend', this.sliderBarUp, this);
+ };
+ Slider.prototype.wireMaterialTooltipEvent = function (destroy) {
+ if (this.isMaterialTooltip) {
+ if (!destroy) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.tooltipElement, 'mousedown touchstart', this.materialTooltipEventCallBack, this);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.tooltipElement, 'mousedown touchstart', this.materialTooltipEventCallBack);
+ }
+ }
+ };
+ Slider.prototype.tooltipPositionCalculation = function (position) {
+ var cssClass;
+ switch (position) {
+ case 'TopCenter':
+ cssClass = classNames.horizontalTooltipBefore;
+ break;
+ case 'BottomCenter':
+ cssClass = classNames.horizontalTooltipAfter;
+ break;
+ case 'LeftCenter':
+ cssClass = classNames.verticalTooltipBefore;
+ break;
+ case 'RightCenter':
+ cssClass = classNames.verticalTooltipAfter;
+ break;
+ }
+ return cssClass;
+ };
+ Slider.prototype.getTooltipTransformProperties = function (className) {
+ var transformProperties;
+ if (this.tooltipElement) {
+ var position = this.orientation === 'Horizontal' ?
+ ((this.tooltipElement.clientHeight + 14) - (this.tooltipElement.clientHeight / 2)) :
+ ((this.tooltipElement.clientWidth + 14) - (this.tooltipElement.clientWidth / 2));
+ transformProperties = this.orientation === 'Horizontal' ?
+ (className === classNames.horizontalTooltipBefore ? { rotate: 'rotate(45deg)', translate: "translateY(" + position + "px)" } :
+ { rotate: 'rotate(225deg)', translate: "translateY(" + -(position) + "px)" }) :
+ (className === classNames.verticalTooltipBefore ? { rotate: 'rotate(-45deg)', translate: "translateX(" + position + "px)" } :
+ { rotate: 'rotate(-225deg)', translate: "translateX(" + (-position) + "px)" });
+ }
+ return transformProperties;
+ };
+ Slider.prototype.openMaterialTooltip = function () {
+ var _this = this;
+ if (this.isMaterialTooltip) {
+ this.refreshTooltip(this.firstHandle);
+ var tooltipContentElement = this.tooltipElement.firstElementChild;
+ tooltipContentElement.classList.remove(classNames.materialTooltipHide);
+ tooltipContentElement.classList.add(classNames.materialTooltipShow);
+ this.firstHandle.style.cursor = 'default';
+ this.tooltipElement.style.transition = this.scaleTransform;
+ this.tooltipElement.classList.add(classNames.materialTooltipOpen);
+ this.materialHandle.style.transform = 'scale(0)';
+ if (tooltipContentElement.innerText.length > 4) {
+ this.tooltipElement.style.transform = 'scale(1)';
+ }
+ else {
+ this.tooltipElement.style.transform = this.getTooltipTransformProperties(this.previousTooltipClass).rotate;
+ }
+ if (this.type === 'Default') {
+ setTimeout(function () { _this.tooltipElement.style.transition = _this.transition.handle; }, 2500);
+ }
+ else {
+ setTimeout(function () { _this.tooltipElement.style.transition = 'none'; }, 2500);
+ }
+ }
+ };
+ Slider.prototype.closeMaterialTooltip = function () {
+ var _this = this;
+ if (this.isMaterialTooltip) {
+ var tooltipContentElement = this.tooltipElement.firstElementChild;
+ this.tooltipElement.style.transition = this.scaleTransform;
+ tooltipContentElement.classList.remove(classNames.materialTooltipShow);
+ tooltipContentElement.classList.add(classNames.materialTooltipHide);
+ this.firstHandle.style.cursor = '-webkit-grab';
+ this.firstHandle.style.cursor = 'grab';
+ if (this.materialHandle) {
+ this.materialHandle.style.transform = 'scale(1)';
+ }
+ this.tooltipElement.classList.remove(classNames.materialTooltipOpen);
+ this.setTooltipTransform();
+ this.tooltipTarget = undefined;
+ setTimeout(function () { _this.tooltipElement.style.transition = 'none'; }, 2500);
+ }
+ };
+ Slider.prototype.checkTooltipPosition = function (args) {
+ var tooltipClass = this.tooltipPositionCalculation(args.collidedPosition);
+ if (this.tooltipCollidedPosition === undefined ||
+ this.tooltipCollidedPosition !== args.collidedPosition || !args.element.classList.contains(tooltipClass)) {
+ if (this.isMaterialTooltip) {
+ if (tooltipClass !== undefined) {
+ args.element.classList.remove(this.previousTooltipClass);
+ args.element.classList.add(tooltipClass);
+ this.previousTooltipClass = tooltipClass;
+ }
+ if (args.element.style.transform && args.element.classList.contains(classNames.materialTooltipOpen) &&
+ args.element.firstElementChild.innerText.length <= 4) {
+ args.element.style.transform = this.getTooltipTransformProperties(this.previousTooltipClass).rotate;
+ }
+ }
+ this.tooltipCollidedPosition = args.collidedPosition;
+ }
+ if (this.isMaterialTooltip && this.tooltipElement && this.tooltipElement.style.transform.indexOf('translate') !== -1) {
+ this.setTooltipTransform();
+ }
+ };
+ Slider.prototype.setTooltipTransform = function () {
+ var transformProperties = this.getTooltipTransformProperties(this.previousTooltipClass);
+ if (this.tooltipElement.firstElementChild.innerText.length > 4) {
+ this.tooltipElement.style.transform = transformProperties.translate + " scale(0.01)";
+ }
+ else {
+ this.tooltipElement.style.transform = transformProperties.translate + " " + transformProperties.rotate + " scale(0.01)";
+ }
+ };
+ Slider.prototype.renderTooltip = function () {
+ this.tooltipObj = new _ej2_popups__WEBPACK_IMPORTED_MODULE_1__["Tooltip"]({
+ showTipPointer: this.isBootstrap || this.isMaterial || this.isMaterial3 || this.isBootstrap4 || this.isTailwind || this.isBootstrap5 || this.isFluent,
+ cssClass: classNames.sliderTooltip,
+ height: (this.isMaterial || this.isMaterial3) ? 30 : 'auto',
+ animation: { open: { effect: 'None' }, close: { effect: 'FadeOut', duration: 500 } },
+ opensOn: 'Custom',
+ beforeOpen: this.tooltipBeforeOpen.bind(this),
+ beforeCollision: this.checkTooltipPosition.bind(this),
+ beforeClose: this.tooltipBeforeClose.bind(this),
+ enableHtmlSanitizer: this.enableHtmlSanitizer
+ });
+ this.tooltipObj.appendTo(this.firstHandle);
+ this.initializeTooltipProps();
+ };
+ Slider.prototype.initializeTooltipProps = function () {
+ var tooltipShowOn = (this.tooltip.showOn === 'Auto' ? 'Hover' : this.tooltip.showOn);
+ this.setProperties({ tooltip: { showOn: tooltipShowOn } }, true);
+ this.tooltipObj.position = this.tooltipPlacement();
+ this.tooltipCollision(this.tooltipObj.position);
+ [this.firstHandle, this.rangeBar, this.secondHandle].forEach(function (handle) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(handle)) {
+ handle.style.transition = 'none';
+ }
+ });
+ if (this.isMaterialTooltip) {
+ this.sliderContainer.classList.add(classNames.materialSlider);
+ this.tooltipValue();
+ this.tooltipObj.animation.close.effect = 'None';
+ this.tooltipObj.open(this.firstHandle);
+ }
+ };
+ Slider.prototype.tooltipBeforeClose = function () {
+ this.tooltipElement = undefined;
+ this.tooltipCollidedPosition = undefined;
+ };
+ Slider.prototype.setButtons = function () {
+ this.firstBtn = this.createElement('div', { className: classNames.sliderButton + ' ' + classNames.firstButton });
+ this.firstBtn.appendChild(this.createElement('span', { className: classNames.sliderButtonIcon }));
+ if (this.isTailwind) {
+ this.firstBtn.querySelector('span').classList.add('e-icons');
+ }
+ this.firstBtn.tabIndex = -1;
+ this.secondBtn = this.createElement('div', { className: classNames.sliderButton + ' ' + classNames.secondButton });
+ this.secondBtn.appendChild(this.createElement('span', { className: classNames.sliderButtonIcon }));
+ if (this.isTailwind) {
+ this.secondBtn.querySelector('span').classList.add('e-icons');
+ }
+ this.secondBtn.tabIndex = -1;
+ this.sliderContainer.classList.add(classNames.sliderButtonClass);
+ this.sliderContainer.appendChild(this.firstBtn);
+ this.sliderContainer.appendChild(this.secondBtn);
+ this.sliderContainer.appendChild(this.element);
+ this.buttonTitle();
+ };
+ Slider.prototype.buttonTitle = function () {
+ var enabledRTL = this.enableRtl && this.orientation !== 'Vertical';
+ this.l10n.setLocale(this.locale);
+ var decrementTitle = this.l10n.getConstant('decrementTitle');
+ var incrementTitle = this.l10n.getConstant('incrementTitle');
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(enabledRTL ? this.secondBtn : this.firstBtn, { 'aria-label': decrementTitle, title: decrementTitle });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(enabledRTL ? this.firstBtn : this.secondBtn, { 'aria-label': incrementTitle, title: incrementTitle });
+ };
+ Slider.prototype.buttonFocusOut = function () {
+ if (this.isMaterial || this.isMaterial3) {
+ this.getHandle().classList.remove('e-large-thumb-size');
+ }
+ };
+ Slider.prototype.repeatButton = function (args) {
+ var hVal = this.handleValueUpdate();
+ var enabledRTL = this.enableRtl && this.orientation !== 'Vertical';
+ var value;
+ if (args.target.parentElement.classList.contains(classNames.firstButton)
+ || args.target.classList.contains(classNames.firstButton)) {
+ enabledRTL ? (value = this.add(hVal, parseFloat(this.step.toString()), true)) :
+ (value = this.add(hVal, parseFloat(this.step.toString()), false));
+ }
+ else if (args.target.parentElement.classList.contains(classNames.secondButton)
+ || (args.target.classList.contains(classNames.secondButton))) {
+ enabledRTL ? (value = this.add(hVal, parseFloat(this.step.toString()), false)) :
+ (value = this.add(hVal, parseFloat(this.step.toString()), true));
+ }
+ if (this.limits.enabled) {
+ value = this.getLimitCorrectedValues(value);
+ }
+ if (value >= this.min && value <= this.max) {
+ this.changeHandleValue(value);
+ this.tooltipToggle(this.getHandle());
+ }
+ };
+ Slider.prototype.repeatHandlerMouse = function (args) {
+ args.preventDefault();
+ if (args.type === ('mousedown') || args.type === ('touchstart')) {
+ this.buttonClick(args);
+ this.repeatInterval = setInterval(this.repeatButton.bind(this), 180, args);
+ }
+ };
+ Slider.prototype.materialChange = function () {
+ if (!this.getHandle().classList.contains('e-large-thumb-size')) {
+ this.getHandle().classList.add('e-large-thumb-size');
+ }
+ };
+ Slider.prototype.focusHandle = function () {
+ if (!this.getHandle().classList.contains(classNames.sliderTabHandle)) {
+ this.getHandle().classList.add(classNames.sliderTabHandle);
+ }
+ };
+ Slider.prototype.repeatHandlerUp = function (e) {
+ this.changeEvent('changed', e);
+ this.closeTooltip();
+ clearInterval(this.repeatInterval);
+ this.getHandle().focus();
+ };
+ Slider.prototype.customTickCounter = function (bigNum) {
+ var tickCount = 4;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues) && this.customValues.length > 0) {
+ if (bigNum > 4) {
+ tickCount = 3;
+ }
+ if (bigNum > 7) {
+ tickCount = 2;
+ }
+ if (bigNum > 14) {
+ tickCount = 1;
+ }
+ if (bigNum > 28) {
+ tickCount = 0;
+ }
+ }
+ return tickCount;
+ };
+ // tslint:disable-next-line:max-func-body-length
+ Slider.prototype.renderScale = function () {
+ var liElementPosition = 0;
+ var orien = this.orientation === 'Vertical' ? 'v' : 'h';
+ var spanText;
+ this.noOfDecimals = this.numberOfDecimals(this.step);
+ this.ul = this.createElement('ul', {
+ className: classNames.scale + ' ' + 'e-' + orien + '-scale ' + classNames.tick + '-' + this.ticks.placement.toLowerCase(),
+ attrs: { role: 'presentation', tabIndex: '-1', 'aria-hidden': 'true' }
+ });
+ this.ul.style.zIndex = '-1';
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isAndroid && orien === 'h') {
+ this.ul.classList.add(classNames.sliderTickPosition);
+ }
+ var smallStep = this.ticks.smallStep;
+ if (!this.ticks.showSmallTicks) {
+ this.ticks.largeStep > 0 ? (smallStep = this.ticks.largeStep) :
+ (smallStep = (parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.max))) - (parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.min))));
+ }
+ else if (smallStep <= 0) {
+ smallStep = parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.step));
+ }
+ var min = this.fractionalToInteger(this.min);
+ var max = this.fractionalToInteger(this.max);
+ var steps = this.fractionalToInteger(smallStep);
+ var bigNum = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues) && this.customValues.length > 0 && this.customValues.length - 1;
+ var customStep = this.customTickCounter(bigNum);
+ var count = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues) && this.customValues.length > 0 ?
+ (bigNum * customStep) + bigNum : Math.abs((max - min) / steps);
+ this.element.appendChild(this.ul);
+ var li;
+ var start = parseFloat(this.min.toString());
+ if (orien === 'v') {
+ start = parseFloat(this.max.toString());
+ }
+ var left = 0;
+ var islargeTick;
+ var tickWidth = 100 / count;
+ if (tickWidth === Infinity) {
+ tickWidth = 5;
+ }
+ for (var i = 0, y = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues) && this.customValues.length > 0 ?
+ this.customValues.length - 1 : 0, k = 0; i <= count; i++) {
+ li = (this.createElement('li', {
+ attrs: {
+ class: classNames.tick, role: 'presentation', tabIndex: '-1',
+ 'aria-hidden': 'true'
+ }
+ }));
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues) && this.customValues.length > 0) {
+ islargeTick = i % (customStep + 1) === 0;
+ if (islargeTick) {
+ if (orien === 'h') {
+ start = this.customValues[k];
+ k++;
+ }
+ else {
+ start = this.customValues[y];
+ y--;
+ }
+ li.setAttribute('title', start.toString());
+ }
+ }
+ else {
+ li.setAttribute('title', start.toString());
+ if (this.numberOfDecimals(this.max) === 0 && this.numberOfDecimals(this.min) === 0 &&
+ this.numberOfDecimals(this.step) === 0) {
+ if (orien === 'h') {
+ islargeTick = ((start - parseFloat(this.min.toString())) % this.ticks.largeStep === 0) ? true : false;
+ }
+ else {
+ islargeTick = (Math.abs(start - parseFloat(this.max.toString())) % this.ticks.largeStep === 0) ? true : false;
+ }
+ }
+ else {
+ var largestep = this.fractionalToInteger(this.ticks.largeStep);
+ var startValue = this.fractionalToInteger(start);
+ if (orien === 'h') {
+ islargeTick = ((startValue - min) % largestep === 0) ? true : false;
+ }
+ else {
+ islargeTick = (Math.abs(startValue - parseFloat(max.toString())) % largestep === 0) ? true : false;
+ }
+ }
+ }
+ if (islargeTick) {
+ li.classList.add(classNames.large);
+ }
+ (orien === 'h') ? (li.style.width = tickWidth + '%') : (li.style.height = tickWidth + '%');
+ var repeat = islargeTick ? (this.ticks.placement === 'Both' ? 2 : 1) : 0;
+ if (islargeTick) {
+ for (var j = 0; j < repeat; j++) {
+ this.createTick(li, start, tickWidth);
+ }
+ }
+ else if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues)) {
+ this.formatTicksValue(li, start);
+ }
+ this.ul.appendChild(li);
+ this.tickElementCollection.push(li);
+ var decimalPoints = void 0;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues)) {
+ if (this.numberOfDecimals(smallStep) > this.numberOfDecimals(start)) {
+ decimalPoints = this.numberOfDecimals(smallStep);
+ }
+ else {
+ decimalPoints = this.numberOfDecimals(start);
+ }
+ if (orien === 'h') {
+ start = this.makeRoundNumber(start + smallStep, decimalPoints);
+ }
+ else {
+ if (this.min > this.max) {
+ start = this.makeRoundNumber(start + smallStep, decimalPoints);
+ }
+ else {
+ start = this.makeRoundNumber(start - smallStep, decimalPoints);
+ }
+ }
+ left = this.makeRoundNumber(left + smallStep, decimalPoints);
+ }
+ }
+ this.ticksAlignment(orien, tickWidth);
+ };
+ Slider.prototype.ticksAlignment = function (orien, tickWidth, triggerEvent) {
+ if (triggerEvent === void 0) { triggerEvent = true; }
+ this.firstChild = this.ul.firstElementChild;
+ this.lastChild = this.ul.lastElementChild;
+ this.firstChild.classList.add(classNames.sliderFirstTick);
+ this.lastChild.classList.add(classNames.sliderLastTick);
+ this.sliderContainer.classList.add(classNames.scale + '-' + this.ticks.placement.toLowerCase());
+ if (orien === 'h') {
+ this.firstChild.style.width = tickWidth / 2 + '%';
+ this.lastChild.style.width = tickWidth / 2 + '%';
+ }
+ else {
+ this.firstChild.style.height = tickWidth / 2 + '%';
+ this.lastChild.style.height = tickWidth / 2 + '%';
+ }
+ var eventArgs = { ticksWrapper: this.ul, tickElements: this.tickElementCollection };
+ if (triggerEvent) {
+ this.trigger('renderedTicks', eventArgs);
+ }
+ this.scaleAlignment();
+ };
+ Slider.prototype.createTick = function (li, start, tickWidth) {
+ var span = this.createElement('span', {
+ className: classNames.tickValue + ' ' + classNames.tick + '-' + this.ticks.placement.toLowerCase(),
+ attrs: { role: 'presentation', tabIndex: '-1', 'aria-hidden': 'true' }
+ });
+ li.appendChild(span);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues)) {
+ this.formatTicksValue(li, start, span, tickWidth);
+ }
+ else {
+ if (this.enableHtmlSanitizer) {
+ span.innerHTML = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(start.toString());
+ }
+ else {
+ span.innerHTML = start.toString();
+ }
+ }
+ };
+ Slider.prototype.formatTicksValue = function (li, start, spanElement, tickWidth) {
+ var _this = this;
+ var tickText = this.formatNumber(start);
+ var text = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.ticks) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.ticks.format) ?
+ this.formatString(start, this.ticksFormatInfo).formatString : tickText;
+ var eventArgs = { value: start, text: text, tickElement: li };
+ this.trigger('renderingTicks', eventArgs, function (observedArgs) {
+ li.setAttribute('title', observedArgs.text.toString());
+ if (spanElement) {
+ if (_this.enableHtmlSanitizer) {
+ spanElement.innerHTML = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(observedArgs.text.toString());
+ }
+ else {
+ spanElement.innerHTML = observedArgs.text.toString();
+ }
+ }
+ });
+ };
+ Slider.prototype.scaleAlignment = function () {
+ this.tickValuePosition();
+ var smallTick = 12;
+ var largeTick = 20;
+ var half = largeTick / 2;
+ var orien = this.orientation === 'Vertical' ? 'v' : 'h';
+ if (this.orientation === 'Vertical') {
+ (this.element.getBoundingClientRect().width <= 15) ?
+ this.sliderContainer.classList.add(classNames.sliderSmallSize) :
+ this.sliderContainer.classList.remove(classNames.sliderSmallSize);
+ }
+ else {
+ (this.element.getBoundingClientRect().height <= 15) ?
+ this.sliderContainer.classList.add(classNames.sliderSmallSize) :
+ this.sliderContainer.classList.remove(classNames.sliderSmallSize);
+ }
+ };
+ Slider.prototype.tickValuePosition = function () {
+ this.firstChild = this.element.querySelector('ul').children[0];
+ var first = this.firstChild.getBoundingClientRect();
+ var firstChild;
+ var otherChild;
+ var smallStep = this.ticks.smallStep;
+ var count = Math.abs((parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.max))) - (parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.min)))) / smallStep;
+ if (this.firstChild.children.length > 0) {
+ firstChild = this.firstChild.children[0].getBoundingClientRect();
+ }
+ var tickElements = [this.sliderContainer.querySelectorAll('.' + classNames.tick + '.' +
+ classNames.large + ' .' + classNames.tickValue)];
+ var other;
+ if (this.ticks.placement === 'Both') {
+ other = [].slice.call(tickElements[0], 2);
+ }
+ else {
+ other = [].slice.call(tickElements[0], 1);
+ }
+ var tickWidth = this.orientation === 'Vertical' ?
+ (first.height * 2) : (first.width * 2);
+ for (var i = 0; i < this.firstChild.children.length; i++) {
+ if (this.orientation === 'Vertical') {
+ this.firstChild.children[i].style.top = -(firstChild.height / 2) + 'px';
+ }
+ else {
+ if (!this.enableRtl) {
+ this.firstChild.children[i].style.left = -(firstChild.width / 2) + 'px';
+ }
+ else {
+ this.firstChild.children[i].style.left = (tickWidth -
+ this.firstChild.children[i].getBoundingClientRect().width) / 2 + 'px';
+ }
+ }
+ }
+ for (var i = 0; i < other.length; i++) {
+ otherChild = other[i].getBoundingClientRect();
+ if (this.orientation === 'Vertical') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(other[i], { top: (tickWidth - otherChild.height) / 2 + 'px' });
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(other[i], { left: (tickWidth - otherChild.width) / 2 + 'px' });
+ }
+ }
+ if (this.enableRtl && this.lastChild.children.length && count !== 0) {
+ this.lastChild.children[0].style.left = -(this.lastChild.getBoundingClientRect().width / 2) + 'px';
+ if (this.ticks.placement === 'Both') {
+ this.lastChild.children[1].style.left = -(this.lastChild.getBoundingClientRect().width / 2) + 'px';
+ }
+ }
+ if (count === 0) {
+ if (this.orientation === 'Horizontal') {
+ if (!this.enableRtl) {
+ this.firstChild.classList.remove(classNames.sliderLastTick);
+ this.firstChild.style.left = this.firstHandle.style.left;
+ }
+ else {
+ this.firstChild.classList.remove(classNames.sliderLastTick);
+ this.firstChild.style.right = this.firstHandle.style.right;
+ this.firstChild.children[0].style.left =
+ (this.firstChild.getBoundingClientRect().width / 2) + 2 + 'px';
+ if (this.ticks.placement === 'Both') {
+ this.firstChild.children[1].style.left =
+ (this.firstChild.getBoundingClientRect().width / 2) + 2 + 'px';
+ }
+ }
+ }
+ if (this.orientation === 'Vertical') {
+ this.firstChild.classList.remove(classNames.sliderLastTick);
+ }
+ }
+ };
+ Slider.prototype.setAriaAttrValue = function (element) {
+ var ariaValueText;
+ var isTickFormatted = ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.ticks) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.ticks.format))) ? true : false;
+ var text = !isTickFormatted ?
+ this.formatContent(this.ticksFormatInfo, false) : this.formatContent(this.tooltipFormatInfo, false);
+ var valuenow = isTickFormatted ? this.formatContent(this.ticksFormatInfo, true) :
+ this.formatContent(this.tooltipFormatInfo, true);
+ text = (!this.customAriaText) ? (text) : (this.customAriaText);
+ if (text.split(' - ').length === 2) {
+ ariaValueText = text.split(' - ');
+ }
+ else {
+ ariaValueText = [text, text];
+ }
+ this.setAriaAttributes(element);
+ if (this.type !== 'Range') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(element, { 'aria-valuenow': valuenow, 'aria-valuetext': text });
+ }
+ else {
+ // eslint-disable-next-line
+ (!this.enableRtl) ? ((element === this.firstHandle) ?
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(element, { 'aria-valuenow': valuenow.split(' - ')[0], 'aria-valuetext': ariaValueText[0] }) :
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(element, { 'aria-valuenow': valuenow.split(' - ')[1], 'aria-valuetext': ariaValueText[1] })) :
+ ((element === this.firstHandle) ?
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(element, { 'aria-valuenow': valuenow.split(' - ')[1], 'aria-valuetext': ariaValueText[1] }) :
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(element, { 'aria-valuenow': valuenow.split(' - ')[0], 'aria-valuetext': ariaValueText[0] }));
+ }
+ };
+ Slider.prototype.handleValueUpdate = function () {
+ var hVal;
+ if (this.type === 'Range') {
+ if (this.activeHandle === 1) {
+ hVal = this.handleVal1;
+ }
+ else {
+ hVal = this.handleVal2;
+ }
+ }
+ else {
+ hVal = this.handleVal1;
+ }
+ return hVal;
+ };
+ Slider.prototype.getLimitCorrectedValues = function (value) {
+ if (this.type === 'MinRange' || this.type === 'Default') {
+ value = (this.getLimitValueAndPosition(value, this.limits.minStart, this.limits.minEnd))[0];
+ }
+ else {
+ if (this.activeHandle === 1) {
+ value = (this.getLimitValueAndPosition(value, this.limits.minStart, this.limits.minEnd))[0];
+ }
+ else {
+ value = (this.getLimitValueAndPosition(value, this.limits.maxStart, this.limits.maxEnd))[0];
+ }
+ }
+ return value;
+ };
+ Slider.prototype.focusSliderElement = function () {
+ if (!this.isElementFocused) {
+ this.element.focus();
+ this.isElementFocused = true;
+ }
+ };
+ Slider.prototype.buttonClick = function (args) {
+ this.focusSliderElement();
+ var value;
+ var enabledRTL = this.enableRtl && this.orientation !== 'Vertical';
+ var hVal = this.handleValueUpdate();
+ if ((args.keyCode === 40) || (args.keyCode === 37)
+ || args.currentTarget.classList.contains(classNames.firstButton)) {
+ // eslint-disable-next-line
+ enabledRTL ? (value = this.add(hVal, parseFloat(this.step.toString()), true)) :
+ (value = this.add(hVal, parseFloat(this.step.toString()), false));
+ }
+ else if ((args.keyCode === 38) || (args.keyCode === 39) ||
+ args.currentTarget.classList.contains(classNames.secondButton)) {
+ // eslint-disable-next-line
+ enabledRTL ? (value = this.add(hVal, parseFloat(this.step.toString()), false)) :
+ (value = this.add(hVal, parseFloat(this.step.toString()), true));
+ }
+ else if ((args.keyCode === 33
+ || args.currentTarget.classList.contains(classNames.firstButton))) {
+ // eslint-disable-next-line
+ enabledRTL ? (value = this.add(hVal, parseFloat(this.ticks.largeStep.toString()), false)) :
+ (value = this.add(hVal, parseFloat(this.ticks.largeStep.toString()), true));
+ }
+ else if ((args.keyCode === 34) ||
+ args.currentTarget.classList.contains(classNames.secondButton)) {
+ // eslint-disable-next-line
+ enabledRTL ? (value = this.add(hVal, parseFloat(this.ticks.largeStep.toString()), true)) :
+ (value = this.add(hVal, parseFloat(this.ticks.largeStep.toString()), false));
+ }
+ else if ((args.keyCode === 36)) {
+ value = parseFloat(this.min < this.max ? this.min.toString() : this.max.toString());
+ }
+ else if ((args.keyCode === 35)) {
+ value = parseFloat(this.min < this.max ? this.max.toString() : this.min.toString());
+ }
+ if (this.limits.enabled) {
+ value = this.getLimitCorrectedValues(value);
+ }
+ this.changeHandleValue(value);
+ if ((this.isMaterial || this.isMaterial3) && !this.tooltip.isVisible &&
+ !this.getHandle().classList.contains(classNames.sliderTabHandle)) {
+ this.materialChange();
+ }
+ this.tooltipToggle(this.getHandle());
+ this.getHandle().focus();
+ this.focusHandle();
+ if (args.currentTarget.classList.contains(classNames.firstButton)) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.firstBtn, 'mouseup touchend', this.buttonUp, this);
+ }
+ if (args.currentTarget.classList.contains(classNames.secondButton)) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.secondBtn, 'mouseup touchend', this.buttonUp, this);
+ }
+ };
+ Slider.prototype.tooltipToggle = function (target) {
+ if (this.isMaterialTooltip) {
+ // eslint-disable-next-line
+ !this.tooltipElement.classList.contains(classNames.materialTooltipOpen) ?
+ this.openMaterialTooltip() : this.refreshTooltip(this.firstHandle);
+ }
+ else {
+ // eslint-disable-next-line
+ !this.tooltipElement ? this.openTooltip(target) : this.refreshTooltip(target);
+ }
+ };
+ Slider.prototype.buttonUp = function (args) {
+ if (args.currentTarget.classList.contains(classNames.firstButton)) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.firstBtn, 'mouseup touchend', this.buttonUp);
+ }
+ if (args.currentTarget.classList.contains(classNames.secondButton)) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.secondBtn, 'mouseup touchend', this.buttonUp);
+ }
+ };
+ Slider.prototype.setRangeBar = function () {
+ if (this.orientation === 'Horizontal') {
+ if (this.type === 'MinRange') {
+ // eslint-disable-next-line
+ this.enableRtl ? (this.rangeBar.style.right = '0px') : (this.rangeBar.style.left = '0px');
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.rangeBar, { 'width': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.handlePos1) ? 0 : this.handlePos1 + 'px' });
+ }
+ else {
+ // eslint-disable-next-line
+ this.enableRtl ? (this.rangeBar.style.right =
+ this.handlePos1 + 'px') : (this.rangeBar.style.left = this.handlePos1 + 'px');
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.rangeBar, { 'width': this.handlePos2 - this.handlePos1 + 'px' });
+ }
+ }
+ else {
+ if (this.type === 'MinRange') {
+ this.rangeBar.style.bottom = this.min > this.max ? this.handlePos1 + 'px' : '0px';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.rangeBar, { 'height': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.handlePos1) ? 0 : this.min > this.max ? this.element.clientHeight - this.handlePos1 + 'px' : this.handlePos1 + 'px' });
+ }
+ else {
+ this.rangeBar.style.bottom = this.min > this.max ? this.handlePos2 + 'px' : this.handlePos1 + 'px';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.rangeBar, { 'height': this.min > this.max ? this.handlePos1 - this.handlePos2 + 'px' : this.handlePos2 - this.handlePos1 + 'px' });
+ }
+ }
+ };
+ Slider.prototype.checkValidValueAndPos = function (value) {
+ value = this.checkHandleValue(value);
+ value = this.checkHandlePosition(value);
+ return value;
+ };
+ Slider.prototype.setLimitBarPositions = function (fromMinPostion, fromMaxpostion, toMinPostion, toMaxpostion) {
+ if (this.orientation === 'Horizontal') {
+ if (!this.enableRtl) {
+ this.limitBarFirst.style.left = fromMinPostion + 'px';
+ this.limitBarFirst.style.width = (fromMaxpostion - fromMinPostion) + 'px';
+ }
+ else {
+ this.limitBarFirst.style.right = fromMinPostion + 'px';
+ this.limitBarFirst.style.width = (fromMaxpostion - fromMinPostion) + 'px';
+ }
+ }
+ else {
+ this.limitBarFirst.style.bottom = (this.min < this.max ? fromMinPostion : fromMaxpostion) + 'px';
+ this.limitBarFirst.style.height = (this.min < this.max ? (fromMaxpostion - fromMinPostion) : (fromMinPostion - fromMaxpostion)) + 'px';
+ }
+ if (this.type === 'Range') {
+ if (this.orientation === 'Horizontal') {
+ if (!this.enableRtl) {
+ this.limitBarSecond.style.left = toMinPostion + 'px';
+ this.limitBarSecond.style.width = (toMaxpostion - toMinPostion) + 'px';
+ }
+ else {
+ this.limitBarSecond.style.right = toMinPostion + 'px';
+ this.limitBarSecond.style.width = (toMaxpostion - toMinPostion) + 'px';
+ }
+ }
+ else {
+ this.limitBarSecond.style.bottom = (this.min < this.max ? toMinPostion : toMaxpostion) + 'px';
+ this.limitBarSecond.style.height = (this.min < this.max ? (toMaxpostion - toMinPostion) : (toMinPostion - toMaxpostion)) + 'px';
+ }
+ }
+ };
+ Slider.prototype.setLimitBar = function () {
+ if (this.type === 'Default' || this.type === 'MinRange') {
+ var fromPosition = (this.getLimitValueAndPosition(this.limits.minStart, this.limits.minStart, this.limits.minEnd, true))[0];
+ fromPosition = this.checkValidValueAndPos(fromPosition);
+ var toPosition = (this.getLimitValueAndPosition(this.limits.minEnd, this.limits.minStart, this.limits.minEnd, true))[0];
+ toPosition = this.checkValidValueAndPos(toPosition);
+ this.setLimitBarPositions(fromPosition, toPosition);
+ }
+ else if (this.type === 'Range') {
+ var fromMinPostion = (this.getLimitValueAndPosition(this.limits.minStart, this.limits.minStart, this.limits.minEnd, true))[0];
+ fromMinPostion = this.checkValidValueAndPos(fromMinPostion);
+ var fromMaxpostion = (this.getLimitValueAndPosition(this.limits.minEnd, this.limits.minStart, this.limits.minEnd, true))[0];
+ fromMaxpostion = this.checkValidValueAndPos(fromMaxpostion);
+ var toMinPostion = (this.getLimitValueAndPosition(this.limits.maxStart, this.limits.maxStart, this.limits.maxEnd, true))[0];
+ toMinPostion = this.checkValidValueAndPos(toMinPostion);
+ var toMaxpostion = (this.getLimitValueAndPosition(this.limits.maxEnd, this.limits.maxStart, this.limits.maxEnd, true))[0];
+ toMaxpostion = this.checkValidValueAndPos(toMaxpostion);
+ this.setLimitBarPositions(fromMinPostion, fromMaxpostion, toMinPostion, toMaxpostion);
+ }
+ };
+ Slider.prototype.getLimitValueAndPosition = function (currentValue, minValue, maxValue, limitBar) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(minValue)) {
+ minValue = this.min < this.max ? this.min : this.max;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(currentValue) && limitBar) {
+ currentValue = minValue;
+ }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(maxValue)) {
+ maxValue = this.min < this.max ? this.max : this.min;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(currentValue) && limitBar) {
+ currentValue = maxValue;
+ }
+ }
+ if (currentValue < minValue) {
+ currentValue = minValue;
+ }
+ if (currentValue > maxValue) {
+ currentValue = maxValue;
+ }
+ return [currentValue, this.checkHandlePosition(currentValue)];
+ };
+ Slider.prototype.setValue = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues) && this.customValues.length > 0) {
+ this.min = 0;
+ this.max = this.customValues.length - 1;
+ this.setBarColor();
+ }
+ this.setAriaAttributes(this.firstHandle);
+ this.handleVal1 = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.value) ? this.checkHandleValue(parseFloat(this.min.toString())) :
+ this.checkHandleValue(parseFloat(this.value.toString()));
+ this.handlePos1 = this.checkHandlePosition(this.handleVal1);
+ this.preHandlePos1 = this.handlePos1;
+ // eslint-disable-next-line
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.activeHandle) ? (this.type === 'Range' ? this.activeHandle = 2 : this.activeHandle = 1) :
+ // eslint-disable-next-line no-self-assign
+ this.activeHandle = this.activeHandle;
+ if (this.type === 'Default' || this.type === 'MinRange') {
+ if (this.limits.enabled) {
+ var values = this.getLimitValueAndPosition(this.handleVal1, this.limits.minStart, this.limits.minEnd);
+ this.handleVal1 = values[0];
+ this.handlePos1 = values[1];
+ this.preHandlePos1 = this.handlePos1;
+ }
+ this.setHandlePosition(null);
+ this.handleStart();
+ this.value = this.handleVal1;
+ this.setAriaAttrValue(this.firstHandle);
+ this.changeEvent('changed', null);
+ }
+ else {
+ this.validateRangeValue();
+ }
+ if (this.type !== 'Default') {
+ this.setRangeBar();
+ }
+ if (this.limits.enabled) {
+ this.setLimitBar();
+ }
+ };
+ Slider.prototype.rangeValueUpdate = function () {
+ if (this.value === null || typeof (this.value) !== 'object') {
+ this.value = [parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.min)), parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.max))];
+ }
+ };
+ Slider.prototype.validateRangeValue = function () {
+ this.rangeValueUpdate();
+ this.setRangeValue();
+ };
+ Slider.prototype.modifyZindex = function () {
+ if (this.type === 'Range') {
+ if (this.activeHandle === 1) {
+ this.firstHandle.style.zIndex = (this.zIndex + 4) + '';
+ this.secondHandle.style.zIndex = (this.zIndex + 3) + '';
+ }
+ else {
+ this.firstHandle.style.zIndex = (this.zIndex + 3) + '';
+ this.secondHandle.style.zIndex = (this.zIndex + 4) + '';
+ }
+ }
+ else if (this.isMaterialTooltip && this.tooltipElement) {
+ this.tooltipElement.style.zIndex = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["getZindexPartial"])(this.element) + '';
+ }
+ };
+ Slider.prototype.setHandlePosition = function (event) {
+ var _this = this;
+ var handle;
+ var pos = (this.activeHandle === 1) ? this.handlePos1 : this.handlePos2;
+ if (this.isMaterialTooltip) {
+ handle = [this.firstHandle, this.materialHandle];
+ }
+ else {
+ handle = [this.getHandle()];
+ }
+ this.handleStart();
+ handle.forEach(function (handle) {
+ if (_this.orientation === 'Horizontal') {
+ // eslint-disable-next-line
+ _this.enableRtl ? (handle.style.right =
+ pos + "px") : (handle.style.left = pos + "px");
+ }
+ else {
+ handle.style.bottom = pos + "px";
+ }
+ });
+ this.changeEvent('change', event);
+ };
+ Slider.prototype.getHandle = function () {
+ return (this.activeHandle === 1) ? this.firstHandle : this.secondHandle;
+ };
+ Slider.prototype.setRangeValue = function () {
+ this.updateRangeValue();
+ this.activeHandle = 1;
+ this.setHandlePosition(null);
+ this.activeHandle = 2;
+ this.setHandlePosition(null);
+ this.activeHandle = 1;
+ };
+ Slider.prototype.changeEvent = function (eventName, e) {
+ var previous = eventName === 'change' ? this.previousVal : this.previousChanged;
+ if (this.type !== 'Range') {
+ this.setProperties({ 'value': this.handleVal1 }, true);
+ if (previous !== this.value && (!this.isMaterialTooltip || !this.initialTooltip)) {
+ this.trigger(eventName, this.changeEventArgs(eventName, e));
+ this.initialTooltip = true;
+ this.setPreviousVal(eventName, this.value);
+ }
+ this.setAriaAttrValue(this.firstHandle);
+ }
+ else {
+ var value = this.value = [this.handleVal1, this.handleVal2];
+ this.setProperties({ 'value': value }, true);
+ if (previous.length === this.value.length
+ && this.value[0] !== previous[0] || this.value[1] !== previous[1]) {
+ this.initialTooltip = false;
+ this.trigger(eventName, this.changeEventArgs(eventName, e));
+ this.initialTooltip = true;
+ this.setPreviousVal(eventName, this.value);
+ }
+ this.setAriaAttrValue(this.getHandle());
+ }
+ this.hiddenInput.value = this.value.toString();
+ };
+ Slider.prototype.changeEventArgs = function (eventName, e) {
+ var eventArgs;
+ if (this.tooltip.isVisible && this.tooltipObj && this.initialTooltip) {
+ this.tooltipValue();
+ eventArgs = {
+ value: this.value,
+ previousValue: eventName === 'change' ? this.previousVal : this.previousChanged,
+ action: eventName, text: this.tooltipObj.content, isInteracted: Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(e) ? false : true
+ };
+ }
+ else {
+ eventArgs = {
+ value: this.value,
+ previousValue: eventName === 'change' ? this.previousVal : this.previousChanged,
+ action: eventName, text: Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.ticksFormatInfo.format) ? this.value.toString() :
+ (this.type !== 'Range' ? this.formatString(this.value, this.ticksFormatInfo).formatString :
+ (this.formatString(this.value[0], this.ticksFormatInfo).formatString + ' - ' +
+ this.formatString(this.value[1], this.ticksFormatInfo).formatString)),
+ isInteracted: Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(e) ? false : true
+ };
+ }
+ return eventArgs;
+ };
+ Slider.prototype.setPreviousVal = function (eventName, value) {
+ if (eventName === 'change') {
+ this.previousVal = value;
+ }
+ else {
+ this.previousChanged = value;
+ }
+ };
+ Slider.prototype.updateRangeValue = function () {
+ var values = this.value.toString().split(',').map(Number);
+ if ((this.enableRtl && this.orientation !== 'Vertical') || this.rtl) {
+ this.value = [values[1], values[0]];
+ }
+ else {
+ this.value = [values[0], values[1]];
+ }
+ if (this.enableRtl && this.orientation !== 'Vertical') {
+ this.handleVal1 = this.checkHandleValue(this.value[1]);
+ this.handleVal2 = this.checkHandleValue(this.value[0]);
+ }
+ else {
+ this.handleVal1 = this.checkHandleValue(this.value[0]);
+ this.handleVal2 = this.checkHandleValue(this.value[1]);
+ }
+ this.handlePos1 = this.checkHandlePosition(this.handleVal1);
+ this.handlePos2 = this.checkHandlePosition(this.handleVal2);
+ if (this.min < this.max && this.handlePos1 > this.handlePos2) {
+ this.handlePos1 = this.handlePos2;
+ this.handleVal1 = this.handleVal2;
+ }
+ if (this.min > this.max && this.handlePos1 < this.handlePos2) {
+ this.handlePos2 = this.handlePos1;
+ this.handleVal2 = this.handleVal1;
+ }
+ this.preHandlePos1 = this.handlePos1;
+ this.preHandlePos2 = this.handlePos2;
+ if (this.limits.enabled) {
+ this.activeHandle = 1;
+ var values_1 = this.getLimitValueAndPosition(this.handleVal1, this.limits.minStart, this.limits.minEnd);
+ this.handleVal1 = values_1[0];
+ this.handlePos1 = values_1[1];
+ this.preHandlePos1 = this.handlePos1;
+ this.activeHandle = 2;
+ values_1 = this.getLimitValueAndPosition(this.handleVal2, this.limits.maxStart, this.limits.maxEnd);
+ this.handleVal2 = values_1[0];
+ this.handlePos2 = values_1[1];
+ this.preHandlePos2 = this.handlePos2;
+ }
+ };
+ Slider.prototype.checkHandlePosition = function (value) {
+ var pos;
+ value = (100 *
+ (value - (parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.min))))) / ((parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.max))) - (parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.min))));
+ if (this.orientation === 'Horizontal') {
+ pos = this.element.getBoundingClientRect().width * (value / 100);
+ }
+ else {
+ pos = this.element.getBoundingClientRect().height * (value / 100);
+ }
+ if (((parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.max))) === (parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.min))))) {
+ if (this.orientation === 'Horizontal') {
+ pos = this.element.getBoundingClientRect().width;
+ }
+ else {
+ pos = this.element.getBoundingClientRect().height;
+ }
+ }
+ return pos;
+ };
+ Slider.prototype.checkHandleValue = function (value) {
+ if (this.min === this.max) {
+ return (parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.max)));
+ }
+ var handle = this.tempStartEnd();
+ if (value < handle.start) {
+ value = handle.start;
+ }
+ else if (value > handle.end) {
+ value = handle.end;
+ }
+ return value;
+ };
+ /**
+ * It is used to reposition slider.
+ *
+ * @returns void
+ */
+ Slider.prototype.reposition = function () {
+ var _this = this;
+ this.firstHandle.style.transition = 'none';
+ if (this.type !== 'Default') {
+ this.rangeBar.style.transition = 'none';
+ }
+ if (this.type === 'Range') {
+ this.secondHandle.style.transition = 'none';
+ }
+ this.handlePos1 = this.checkHandlePosition(this.handleVal1);
+ if (this.handleVal2) {
+ this.handlePos2 = this.checkHandlePosition(this.handleVal2);
+ }
+ if (this.orientation === 'Horizontal') {
+ // eslint-disable-next-line
+ this.enableRtl ? this.firstHandle.style.right =
+ this.handlePos1 + "px" : this.firstHandle.style.left = this.handlePos1 + "px";
+ if (this.isMaterialTooltip) {
+ // eslint-disable-next-line
+ this.enableRtl ? this.materialHandle.style.right =
+ this.handlePos1 + "px" : this.materialHandle.style.left = this.handlePos1 + "px";
+ }
+ if (this.type === 'MinRange') {
+ // eslint-disable-next-line
+ this.enableRtl ? (this.rangeBar.style.right = '0px') : (this.rangeBar.style.left = '0px');
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.rangeBar, { 'width': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.handlePos1) ? 0 : this.handlePos1 + 'px' });
+ }
+ else if (this.type === 'Range') {
+ // eslint-disable-next-line
+ this.enableRtl ? this.secondHandle.style.right =
+ this.handlePos2 + "px" : this.secondHandle.style.left = this.handlePos2 + "px";
+ // eslint-disable-next-line
+ this.enableRtl ? (this.rangeBar.style.right =
+ this.handlePos1 + 'px') : (this.rangeBar.style.left = this.handlePos1 + 'px');
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.rangeBar, { 'width': this.handlePos2 - this.handlePos1 + 'px' });
+ }
+ }
+ else {
+ this.firstHandle.style.bottom = this.handlePos1 + "px";
+ if (this.isMaterialTooltip) {
+ this.materialHandle.style.bottom = this.handlePos1 + "px";
+ }
+ if (this.type === 'MinRange') {
+ this.rangeBar.style.bottom = this.min > this.max ? this.handlePos1 + 'px' : '0px';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.rangeBar, { 'height': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.handlePos1) ? 0 : this.min > this.max ? this.element.clientHeight - this.handlePos1 + 'px' : this.handlePos1 + 'px' });
+ }
+ else if (this.type === 'Range') {
+ this.secondHandle.style.bottom = this.handlePos2 + "px";
+ this.rangeBar.style.bottom = this.min > this.max ? this.handlePos2 + 'px' : this.handlePos1 + 'px';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.rangeBar, { 'height': this.min > this.max ? this.handlePos1 - this.handlePos2 + 'px' : this.handlePos2 - this.handlePos1 + 'px' });
+ }
+ }
+ if (this.limits.enabled) {
+ this.setLimitBar();
+ }
+ if (this.ticks.placement !== 'None' && this.ul) {
+ this.removeElement(this.ul);
+ this.ul = undefined;
+ this.renderScale();
+ }
+ this.handleStart();
+ if (!this.tooltip.isVisible) {
+ setTimeout(function () {
+ _this.firstHandle.style.transition = _this.scaleTransform;
+ if (_this.type === 'Range') {
+ _this.secondHandle.style.transition = _this.scaleTransform;
+ }
+ });
+ }
+ this.refreshTooltip(this.tooltipTarget);
+ this.setBarColor();
+ };
+ Slider.prototype.changeHandleValue = function (value) {
+ var position = null;
+ if (this.activeHandle === 1) {
+ if (!(this.limits.enabled && this.limits.startHandleFixed)) {
+ this.handleVal1 = this.checkHandleValue(value);
+ this.handlePos1 = this.checkHandlePosition(this.handleVal1);
+ if (this.type === 'Range' && ((this.handlePos1 > this.handlePos2 && this.min < this.max) || (this.handlePos1 < this.handlePos2 && this.min > this.max))) {
+ this.handlePos1 = this.handlePos2;
+ this.handleVal1 = this.handleVal2;
+ }
+ if (this.handlePos1 !== this.preHandlePos1) {
+ position = this.preHandlePos1 = this.handlePos1;
+ }
+ }
+ this.modifyZindex();
+ }
+ else {
+ if (!(this.limits.enabled && this.limits.endHandleFixed)) {
+ this.handleVal2 = this.checkHandleValue(value);
+ this.handlePos2 = this.checkHandlePosition(this.handleVal2);
+ if (this.type === 'Range' && ((this.handlePos2 < this.handlePos1 && this.min < this.max) || (this.handlePos2 > this.handlePos1 && this.min > this.max))) {
+ this.handlePos2 = this.handlePos1;
+ this.handleVal2 = this.handleVal1;
+ }
+ if (this.handlePos2 !== this.preHandlePos2) {
+ position = this.preHandlePos2 = this.handlePos2;
+ }
+ }
+ this.modifyZindex();
+ }
+ if (position !== null) {
+ if (this.type !== 'Default') {
+ this.setRangeBar();
+ }
+ this.setHandlePosition(null);
+ }
+ };
+ // eslint-disable-next-line
+ Slider.prototype.tempStartEnd = function () {
+ if (this.min > this.max) {
+ return {
+ start: this.max,
+ end: this.min
+ };
+ }
+ else {
+ return {
+ start: this.min,
+ end: this.max
+ };
+ }
+ };
+ // eslint-disable-next-line
+ Slider.prototype.xyToPosition = function (position) {
+ var pos;
+ if (this.min === this.max) {
+ return 100;
+ }
+ if (this.orientation === 'Horizontal') {
+ var left = position.x - this.element.getBoundingClientRect().left;
+ var num = this.element.offsetWidth / 100;
+ this.val = (left / num);
+ }
+ else {
+ var top_1 = position.y - this.element.getBoundingClientRect().top;
+ var num = this.element.offsetHeight / 100;
+ this.val = 100 - (top_1 / num);
+ }
+ var val = this.stepValueCalculation(this.val);
+ if (val < 0) {
+ val = 0;
+ }
+ else if (val > 100) {
+ val = 100;
+ }
+ if (this.enableRtl && this.orientation !== 'Vertical') {
+ val = 100 - val;
+ }
+ if (this.orientation === 'Horizontal') {
+ pos = this.element.getBoundingClientRect().width * (val / 100);
+ }
+ else {
+ pos = this.element.getBoundingClientRect().height * (val / 100);
+ }
+ return pos;
+ };
+ Slider.prototype.stepValueCalculation = function (value) {
+ if (this.step === 0) {
+ this.step = 1;
+ }
+ var percentStep = (parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.step))) / ((parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.max)) - parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.min))) / 100);
+ var remain = value % Math.abs(percentStep);
+ if (remain !== 0) {
+ if ((percentStep / 2) > remain) {
+ value -= remain;
+ }
+ else {
+ value += Math.abs(percentStep) - remain;
+ }
+ }
+ return value;
+ };
+ Slider.prototype.add = function (a, b, addition) {
+ var precision;
+ var x = Math.pow(10, precision || 3);
+ var val;
+ if (addition) {
+ val = (Math.round(a * x) + Math.round(b * x)) / x;
+ }
+ else {
+ val = (Math.round(a * x) - Math.round(b * x)) / x;
+ }
+ return val;
+ };
+ Slider.prototype.positionToValue = function (pos) {
+ var val;
+ var diff = parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.max)) - parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.min));
+ if (this.orientation === 'Horizontal') {
+ val = (pos / this.element.getBoundingClientRect().width) * diff;
+ }
+ else {
+ val = (pos / this.element.getBoundingClientRect().height) * diff;
+ }
+ var total = this.add(val, parseFloat(this.min.toString()), true);
+ return (total);
+ };
+ Slider.prototype.sliderBarClick = function (evt) {
+ evt.preventDefault();
+ // eslint-disable-next-line
+ var pos;
+ if (evt.type === 'mousedown' || evt.type === 'mouseup' || evt.type === 'click') {
+ pos = { x: evt.clientX, y: evt.clientY };
+ }
+ else if (evt.type === 'touchend' || evt.type === 'touchstart') {
+ pos = { x: evt.changedTouches[0].clientX, y: evt.changedTouches[0].clientY };
+ }
+ var handlepos = this.xyToPosition(pos);
+ var handleVal = this.positionToValue(handlepos);
+ if (this.type === 'Range' && (this.min < (this.max) && (this.handlePos2 - handlepos) < (handlepos - this.handlePos1) || (this.min > this.max) && (this.handlePos1 - handlepos) > (handlepos - this.handlePos2))) {
+ this.activeHandle = 2;
+ if (!(this.limits.enabled && this.limits.endHandleFixed)) {
+ if (this.limits.enabled) {
+ var value = this.getLimitValueAndPosition(handleVal, this.limits.maxStart, this.limits.maxEnd);
+ handleVal = value[0];
+ handlepos = value[1];
+ }
+ this.secondHandle.classList.add(classNames.sliderActiveHandle);
+ this.handlePos2 = this.preHandlePos2 = handlepos;
+ this.handleVal2 = handleVal;
+ }
+ this.modifyZindex();
+ this.secondHandle.focus();
+ }
+ else {
+ this.activeHandle = 1;
+ if (!(this.limits.enabled && this.limits.startHandleFixed)) {
+ if (this.limits.enabled) {
+ var value = this.getLimitValueAndPosition(handleVal, this.limits.minStart, this.limits.minEnd);
+ handleVal = value[0];
+ handlepos = value[1];
+ }
+ this.firstHandle.classList.add(classNames.sliderActiveHandle);
+ this.handlePos1 = this.preHandlePos1 = handlepos;
+ this.handleVal1 = handleVal;
+ }
+ this.modifyZindex();
+ this.firstHandle.focus();
+ }
+ if (this.isMaterialTooltip) {
+ this.tooltipElement.classList.add(classNames.materialTooltipActive);
+ }
+ var focusedElement = this.element.querySelector('.' + classNames.sliderTabHandle);
+ if (focusedElement && this.getHandle() !== focusedElement) {
+ focusedElement.classList.remove(classNames.sliderTabHandle);
+ }
+ var handle = this.activeHandle === 1 ? this.firstHandle : this.secondHandle;
+ var behindElement;
+ if ((evt.type === 'click' || evt.type === 'mousedown') && evt.target === handle) {
+ var eventX = evt.clientX, eventY = evt.clientY;
+ behindElement = document.elementFromPoint(eventX, eventY);
+ }
+ if (evt.target === handle && behindElement != handle) {
+ if ((this.isMaterial || this.isMaterial3) && !this.tooltip.isVisible &&
+ !this.getHandle().classList.contains(classNames.sliderTabHandle)) {
+ this.materialChange();
+ }
+ this.sliderBarUp(evt);
+ this.tooltipToggle(this.getHandle());
+ return;
+ }
+ if (!this.checkRepeatedValue(handleVal)) {
+ return;
+ }
+ var transition = (this.isMaterial || this.isMaterial3) && this.tooltip.isVisible ?
+ this.transitionOnMaterialTooltip : this.transition;
+ this.getHandle().style.transition = transition.handle;
+ if (this.type !== 'Default') {
+ this.rangeBar.style.transition = transition.rangeBar;
+ }
+ this.setHandlePosition(evt);
+ if (this.isMaterialTooltip) {
+ this.initialTooltip = false;
+ }
+ this.changeEvent('changed', evt);
+ if (this.type !== 'Default') {
+ this.setRangeBar();
+ }
+ };
+ Slider.prototype.handleValueAdjust = function (handleValue, assignValue, handleNumber) {
+ if (handleNumber === 1) {
+ this.handleVal1 = assignValue;
+ this.handleVal2 = this.handleVal1 + this.minDiff;
+ }
+ else if (handleNumber === 2) {
+ this.handleVal2 = assignValue;
+ this.handleVal1 = this.handleVal2 - this.minDiff;
+ }
+ this.handlePos1 = this.checkHandlePosition(this.handleVal1);
+ this.handlePos2 = this.checkHandlePosition(this.handleVal2);
+ };
+ Slider.prototype.dragRangeBarMove = function (event) {
+ var _a, _b;
+ if (event.type !== 'touchmove') {
+ event.preventDefault();
+ }
+ this.rangeBarDragged = true;
+ var pos;
+ this.rangeBar.style.transition = 'none';
+ this.firstHandle.style.transition = 'none';
+ this.secondHandle.style.transition = 'none';
+ var xPostion;
+ var yPostion;
+ if (event.type === 'mousemove') {
+ _a = [event.clientX, event.clientY], xPostion = _a[0], yPostion = _a[1];
+ }
+ else {
+ _b = [event.changedTouches[0].clientX, event.changedTouches[0].clientY], xPostion = _b[0], yPostion = _b[1];
+ }
+ if (!(this.limits.enabled && this.limits.startHandleFixed) && !(this.limits.enabled && this.limits.endHandleFixed)) {
+ if (!this.enableRtl) {
+ pos = { x: xPostion - this.firstPartRemain, y: yPostion + this.secondPartRemain };
+ }
+ else {
+ pos = { x: xPostion + this.secondPartRemain, y: yPostion + this.secondPartRemain };
+ }
+ if (this.min > this.max) {
+ this.handlePos2 = this.xyToPosition(pos);
+ this.handleVal2 = this.positionToValue(this.handlePos2);
+ }
+ else {
+ this.handlePos1 = this.xyToPosition(pos);
+ this.handleVal1 = this.positionToValue(this.handlePos1);
+ }
+ if (!this.enableRtl) {
+ pos = { x: xPostion + this.secondPartRemain, y: yPostion - this.firstPartRemain };
+ }
+ else {
+ pos = { x: xPostion - this.firstPartRemain, y: yPostion - this.firstPartRemain };
+ }
+ if (this.min > this.max) {
+ this.handlePos1 = this.xyToPosition(pos);
+ this.handleVal1 = this.positionToValue(this.handlePos1);
+ }
+ else {
+ this.handlePos2 = this.xyToPosition(pos);
+ this.handleVal2 = this.positionToValue(this.handlePos2);
+ }
+ if (this.limits.enabled) {
+ var value = this.getLimitValueAndPosition(this.handleVal1, this.limits.minStart, this.limits.minEnd);
+ this.handleVal1 = value[0];
+ this.handlePos1 = value[1];
+ if (this.handleVal1 === this.limits.minEnd) {
+ this.handleValueAdjust(this.handleVal1, this.limits.minEnd, 1);
+ }
+ if (this.handleVal1 === this.limits.minStart) {
+ this.handleValueAdjust(this.handleVal1, this.limits.minStart, 1);
+ }
+ value = this.getLimitValueAndPosition(this.handleVal2, this.limits.maxStart, this.limits.maxEnd);
+ this.handleVal2 = value[0];
+ this.handlePos2 = value[1];
+ if (this.handleVal2 === this.limits.maxStart) {
+ this.handleValueAdjust(this.handleVal2, this.limits.maxStart, 2);
+ }
+ if (this.handleVal2 === this.limits.maxEnd) {
+ this.handleValueAdjust(this.handleVal2, this.limits.maxEnd, 2);
+ }
+ }
+ if (this.handleVal2 === (this.min > this.max ? this.min : this.max)) {
+ this.handleValueAdjust(this.handleVal2, (this.min > this.max ? this.min : this.max), 2);
+ }
+ if (this.handleVal1 === (this.min > this.max ? this.max : this.min)) {
+ this.handleValueAdjust(this.handleVal1, (this.min > this.max ? this.max : this.min), 1);
+ }
+ }
+ this.activeHandle = 1;
+ this.setHandlePosition(event);
+ this.activeHandle = 2;
+ this.setHandlePosition(event);
+ this.tooltipToggle(this.rangeBar);
+ this.setRangeBar();
+ };
+ Slider.prototype.sliderBarUp = function (event) {
+ this.changeEvent('changed', event);
+ this.handleFocusOut();
+ this.firstHandle.classList.remove(classNames.sliderActiveHandle);
+ if (this.type === 'Range') {
+ this.initialTooltip = false;
+ this.secondHandle.classList.remove(classNames.sliderActiveHandle);
+ }
+ this.closeTooltip();
+ if (this.isMaterial || this.isMaterial3) {
+ this.getHandle().classList.remove('e-large-thumb-size');
+ if (this.isMaterialTooltip) {
+ this.tooltipElement.classList.remove(classNames.materialTooltipActive);
+ }
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'mousemove touchmove', this.sliderBarMove);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'mouseup touchend', this.sliderBarUp);
+ };
+ Slider.prototype.sliderBarMove = function (evt) {
+ if (evt.type !== 'touchmove') {
+ evt.preventDefault();
+ }
+ var pos;
+ if (evt.type === 'mousemove') {
+ pos = { x: evt.clientX, y: evt.clientY };
+ }
+ else {
+ pos = { x: evt.changedTouches[0].clientX, y: evt.changedTouches[0].clientY };
+ }
+ var handlepos = this.xyToPosition(pos);
+ var handleVal = this.positionToValue(handlepos);
+ handlepos = Math.round(handlepos);
+ if (this.type !== 'Range' && this.activeHandle === 1) {
+ if (!(this.limits.enabled && this.limits.startHandleFixed)) {
+ if (this.limits.enabled) {
+ var valueAndPostion = this.getLimitValueAndPosition(handleVal, this.limits.minStart, this.limits.minEnd);
+ handlepos = valueAndPostion[1];
+ handleVal = valueAndPostion[0];
+ }
+ this.handlePos1 = handlepos;
+ this.handleVal1 = handleVal;
+ }
+ this.firstHandle.classList.add(classNames.sliderActiveHandle);
+ }
+ if (this.type === 'Range') {
+ if (this.activeHandle === 1) {
+ this.firstHandle.classList.add(classNames.sliderActiveHandle);
+ if (!(this.limits.enabled && this.limits.startHandleFixed)) {
+ if ((this.min < this.max && handlepos > this.handlePos2 || (this.min > this.max && handlepos < this.handlePos2))) {
+ handlepos = this.handlePos2;
+ handleVal = this.handleVal2;
+ }
+ if (handlepos !== this.preHandlePos1) {
+ if (this.limits.enabled) {
+ var value = this.getLimitValueAndPosition(handleVal, this.limits.minStart, this.limits.minEnd);
+ handleVal = value[0];
+ handlepos = value[1];
+ }
+ this.handlePos1 = this.preHandlePos1 = handlepos;
+ this.handleVal1 = handleVal;
+ this.activeHandle = 1;
+ }
+ }
+ }
+ else if (this.activeHandle === 2) {
+ this.secondHandle.classList.add(classNames.sliderActiveHandle);
+ if (!(this.limits.enabled && this.limits.endHandleFixed)) {
+ if ((this.min < this.max && handlepos < this.handlePos1) || (this.min > this.max && handlepos > this.handlePos1)) {
+ handlepos = this.handlePos1;
+ handleVal = this.handleVal1;
+ }
+ if (handlepos !== this.preHandlePos2) {
+ if (this.limits.enabled) {
+ var value = this.getLimitValueAndPosition(handleVal, this.limits.maxStart, this.limits.maxEnd);
+ handleVal = value[0];
+ handlepos = value[1];
+ }
+ this.handlePos2 = this.preHandlePos2 = handlepos;
+ this.handleVal2 = handleVal;
+ this.activeHandle = 2;
+ }
+ }
+ }
+ }
+ if (!this.checkRepeatedValue(handleVal)) {
+ return;
+ }
+ this.getHandle().style.transition = this.scaleTransform;
+ if (this.type !== 'Default') {
+ this.rangeBar.style.transition = 'none';
+ }
+ this.setHandlePosition(evt);
+ if ((this.isMaterial || this.isMaterial3) && !this.tooltip.isVisible &&
+ !this.getHandle().classList.contains(classNames.sliderTabHandle)) {
+ this.materialChange();
+ }
+ this.tooltipToggle(this.getHandle());
+ if (this.type !== 'Default') {
+ this.setRangeBar();
+ }
+ };
+ Slider.prototype.dragRangeBarUp = function (event) {
+ if (!this.rangeBarDragged) {
+ this.focusSliderElement();
+ this.sliderBarClick(event);
+ }
+ else {
+ this.isDragComplete = true;
+ }
+ this.changeEvent('changed', event);
+ this.closeTooltip();
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'mousemove touchmove', this.dragRangeBarMove);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'mouseup touchend', this.dragRangeBarUp);
+ this.rangeBarDragged = false;
+ };
+ Slider.prototype.checkRepeatedValue = function (currentValue) {
+ if (this.type === 'Range') {
+ var previousVal = this.enableRtl && this.orientation !== 'Vertical' ? (this.activeHandle === 1 ?
+ this.previousVal[1] : this.previousVal[0]) :
+ (this.activeHandle === 1 ? this.previousVal[0] : this.previousVal[1]);
+ if (currentValue === previousVal) {
+ return 0;
+ }
+ }
+ else {
+ if (currentValue === this.previousVal) {
+ return 0;
+ }
+ }
+ return 1;
+ };
+ Slider.prototype.refreshTooltip = function (target) {
+ if (this.tooltip.isVisible && this.tooltipObj) {
+ this.tooltipValue();
+ if (target) {
+ this.tooltipObj.refresh(target);
+ this.tooltipTarget = target;
+ }
+ }
+ };
+ Slider.prototype.openTooltip = function (target) {
+ if (this.tooltip.isVisible && this.tooltipObj && !this.isMaterialTooltip) {
+ this.tooltipValue();
+ this.tooltipObj.open(target);
+ this.tooltipTarget = target;
+ }
+ };
+ Slider.prototype.closeTooltip = function () {
+ if (this.tooltip.isVisible && this.tooltipObj && this.tooltip.showOn !== 'Always' && !this.isMaterialTooltip) {
+ this.tooltipValue();
+ this.tooltipObj.close();
+ this.tooltipTarget = undefined;
+ }
+ };
+ Slider.prototype.keyDown = function (event) {
+ switch (event.keyCode) {
+ case 37:
+ case 38:
+ case 39:
+ case 40:
+ case 33:
+ case 34:
+ case 36:
+ case 35:
+ event.preventDefault();
+ this.buttonClick(event);
+ break;
+ }
+ };
+ Slider.prototype.wireButtonEvt = function (destroy) {
+ if (!destroy) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.firstBtn, 'mouseleave touchleave', this.buttonFocusOut, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.secondBtn, 'mouseleave touchleave', this.buttonFocusOut, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.firstBtn, 'mousedown touchstart', this.repeatHandlerMouse, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.firstBtn, 'mouseup mouseleave touchup touchend', this.repeatHandlerUp, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.secondBtn, 'mousedown touchstart', this.repeatHandlerMouse, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.secondBtn, 'mouseup mouseleave touchup touchend', this.repeatHandlerUp, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.firstBtn, 'focusout', this.sliderFocusOut, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.secondBtn, 'focusout', this.sliderFocusOut, this);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.firstBtn, 'mouseleave touchleave', this.buttonFocusOut);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.secondBtn, 'mouseleave touchleave', this.buttonFocusOut);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.firstBtn, 'mousedown touchstart', this.repeatHandlerMouse);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.firstBtn, 'mouseup mouseleave touchup touchend', this.repeatHandlerUp);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.secondBtn, 'mousedown touchstart', this.repeatHandlerMouse);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.secondBtn, 'mouseup mouseleave touchup touchend', this.repeatHandlerUp);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.firstBtn, 'focusout', this.sliderFocusOut);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.secondBtn, 'focusout', this.sliderFocusOut);
+ }
+ };
+ Slider.prototype.rangeBarMousedown = function (event) {
+ var _a, _b;
+ event.preventDefault();
+ this.focusSliderElement();
+ if (this.type === 'Range' && this.drag && event.target === this.rangeBar) {
+ var xPostion = void 0;
+ var yPostion = void 0;
+ if (event.type === 'mousedown') {
+ _a = [event.clientX, event.clientY], xPostion = _a[0], yPostion = _a[1];
+ }
+ else if (event.type === 'touchstart') {
+ _b = [event.changedTouches[0].clientX, event.changedTouches[0].clientY], xPostion = _b[0], yPostion = _b[1];
+ }
+ if (this.orientation === 'Horizontal') {
+ this.firstPartRemain = xPostion - this.rangeBar.getBoundingClientRect().left;
+ this.secondPartRemain = this.rangeBar.getBoundingClientRect().right - xPostion;
+ }
+ else {
+ this.firstPartRemain = yPostion - this.rangeBar.getBoundingClientRect().top;
+ this.secondPartRemain = this.rangeBar.getBoundingClientRect().bottom - yPostion;
+ }
+ this.minDiff = this.handleVal2 - this.handleVal1;
+ this.tooltipToggle(this.rangeBar);
+ var focusedElement = this.element.querySelector('.' + classNames.sliderTabHandle);
+ if (focusedElement) {
+ focusedElement.classList.remove(classNames.sliderTabHandle);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mousemove touchmove', this.dragRangeBarMove, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mouseup touchend', this.dragRangeBarUp, this);
+ }
+ };
+ Slider.prototype.elementClick = function (event) {
+ if (this.isDragComplete) {
+ this.isDragComplete = false;
+ return;
+ }
+ event.preventDefault();
+ this.focusSliderElement();
+ this.sliderBarClick(event);
+ this.focusHandle();
+ };
+ Slider.prototype.wireEvents = function () {
+ this.onresize = this.reposition.bind(this);
+ window.addEventListener('resize', this.onresize);
+ if (this.enabled && !this.readonly) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'click', this.elementClick, this);
+ if (this.type === 'Range' && this.drag) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.rangeBar, 'mousedown touchstart', this.rangeBarMousedown, this);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.sliderContainer, 'keydown', this.keyDown, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.sliderContainer, 'keyup', this.keyUp, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'focusout', this.sliderFocusOut, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.sliderContainer, 'mouseover mouseout touchstart touchend', this.hover, this);
+ this.wireFirstHandleEvt(false);
+ if (this.type === 'Range') {
+ this.wireSecondHandleEvt(false);
+ }
+ if (this.showButtons) {
+ this.wireButtonEvt(false);
+ }
+ this.wireMaterialTooltipEvent(false);
+ if (this.isForm) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.formElement, 'reset', this.formResetHandler, this);
+ }
+ }
+ };
+ Slider.prototype.unwireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'click', this.elementClick);
+ if (this.type === 'Range' && this.drag) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.rangeBar, 'mousedown touchstart', this.rangeBarMousedown);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.sliderContainer, 'keydown', this.keyDown);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.sliderContainer, 'keyup', this.keyUp);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'focusout', this.sliderFocusOut);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.sliderContainer, 'mouseover mouseout touchstart touchend', this.hover);
+ this.wireFirstHandleEvt(true);
+ if (this.type === 'Range') {
+ this.wireSecondHandleEvt(true);
+ }
+ if (this.showButtons) {
+ this.wireButtonEvt(true);
+ }
+ this.wireMaterialTooltipEvent(true);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'reset', this.formResetHandler);
+ };
+ Slider.prototype.formResetHandler = function () {
+ this.setProperties({ 'value': this.formResetValue }, true);
+ this.setValue();
+ };
+ Slider.prototype.keyUp = function (event) {
+ if (event.keyCode === 9 && event.target.classList.contains(classNames.sliderHandle)) {
+ this.focusSliderElement();
+ if (!event.target.classList.contains(classNames.sliderTabHandle)) {
+ if (this.element.querySelector('.' + classNames.sliderTabHandle)) {
+ this.element.querySelector('.' + classNames.sliderTabHandle).classList.remove(classNames.sliderTabHandle);
+ }
+ event.target.classList.add(classNames.sliderTabHandle);
+ var parentElement = event.target.parentElement;
+ if (parentElement === this.element) {
+ parentElement.querySelector('.' + classNames.sliderTrack).classList.add(classNames.sliderTabTrack);
+ if (this.type === 'Range' || this.type === 'MinRange') {
+ parentElement.querySelector('.' + classNames.rangeBar).classList.add(classNames.sliderTabRange);
+ }
+ }
+ if (this.type === 'Range') {
+ (event.target.previousSibling).classList.contains(classNames.sliderHandle) ?
+ this.activeHandle = 2 : this.activeHandle = 1;
+ }
+ this.getHandle().focus();
+ this.tooltipToggle(this.getHandle());
+ }
+ }
+ this.closeTooltip();
+ this.changeEvent('changed', event);
+ };
+ Slider.prototype.hover = function (event) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(event)) {
+ if (event.type === 'mouseover' || event.type === 'touchmove' || event.type === 'mousemove' ||
+ event.type === 'pointermove' || event.type === 'touchstart') {
+ this.sliderContainer.classList.add(classNames.sliderHover);
+ }
+ else {
+ this.sliderContainer.classList.remove(classNames.sliderHover);
+ var curTarget = event.currentTarget;
+ if (this.tooltip.isVisible && this.tooltip.showOn !== 'Always' && this.tooltipObj && this.isMaterialTooltip &&
+ !curTarget.classList.contains(classNames.sliderHandleFocused) &&
+ !curTarget.classList.contains(classNames.sliderTabHandle)) {
+ this.closeMaterialTooltip();
+ }
+ }
+ }
+ };
+ Slider.prototype.sliderFocusOut = function (event) {
+ if (event.relatedTarget !== this.secondHandle && event.relatedTarget !== this.firstHandle &&
+ event.relatedTarget !== this.element && event.relatedTarget !== this.firstBtn && event.relatedTarget !== this.secondBtn) {
+ this.closeMaterialTooltip();
+ this.closeTooltip();
+ if (this.element.querySelector('.' + classNames.sliderTabHandle)) {
+ this.element.querySelector('.' + classNames.sliderTabHandle).classList.remove(classNames.sliderTabHandle);
+ }
+ if (this.element.querySelector('.' + classNames.sliderTabTrack)) {
+ this.element.querySelector('.' + classNames.sliderTabTrack).classList.remove(classNames.sliderTabTrack);
+ if ((this.type === 'Range' || this.type === 'MinRange') &&
+ this.element.querySelector('.' + classNames.sliderTabRange)) {
+ this.element.querySelector('.' + classNames.sliderTabRange).classList.remove(classNames.sliderTabRange);
+ }
+ }
+ this.hiddenInput.focus();
+ this.hiddenInput.blur();
+ this.isElementFocused = false;
+ }
+ };
+ Slider.prototype.removeElement = function (element) {
+ if (element.parentNode) {
+ element.parentNode.removeChild(element);
+ }
+ };
+ Slider.prototype.changeSliderType = function (type, args) {
+ if (this.isMaterialTooltip && this.materialHandle) {
+ this.sliderContainer.classList.remove(classNames.materialSlider);
+ this.removeElement(this.materialHandle);
+ this.materialHandle = undefined;
+ }
+ this.removeElement(this.firstHandle);
+ this.firstHandle = undefined;
+ if (type !== 'Default') {
+ if (type === 'Range') {
+ this.removeElement(this.secondHandle);
+ this.secondHandle = undefined;
+ }
+ this.removeElement(this.rangeBar);
+ this.rangeBar = undefined;
+ }
+ if (this.tooltip.isVisible && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.tooltipObj)) {
+ this.tooltipObj.destroy();
+ this.tooltipElement = undefined;
+ this.tooltipCollidedPosition = undefined;
+ }
+ if (this.limits.enabled) {
+ if (type === 'MinRange' || type === 'Default') {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.limitBarFirst)) {
+ this.removeElement(this.limitBarFirst);
+ this.limitBarFirst = undefined;
+ }
+ }
+ else {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.limitBarSecond)) {
+ this.removeElement(this.limitBarSecond);
+ this.limitBarSecond = undefined;
+ }
+ }
+ }
+ this.activeHandle = 1;
+ this.getThemeInitialization();
+ if (this.type === 'Range') {
+ this.rangeValueUpdate();
+ }
+ this.createRangeBar();
+ if (this.limits.enabled) {
+ this.createLimitBar();
+ }
+ this.setHandler();
+ this.setOrientClass();
+ this.wireFirstHandleEvt(false);
+ if (this.type === 'Range') {
+ this.wireSecondHandleEvt(false);
+ }
+ this.setValue();
+ if (this.tooltip.isVisible) {
+ this.renderTooltip();
+ this.wireMaterialTooltipEvent(false);
+ }
+ this.setBarColor();
+ if (args !== 'tooltip') {
+ this.updateConfig();
+ }
+ };
+ Slider.prototype.changeRtl = function () {
+ if (!this.enableRtl && this.type === 'Range') {
+ this.value = [this.handleVal2, this.handleVal1];
+ }
+ this.updateConfig();
+ if (this.tooltip.isVisible) {
+ this.tooltipObj.refresh(this.firstHandle);
+ }
+ if (this.showButtons) {
+ var enabledRTL = this.enableRtl && this.orientation !== 'Vertical';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(enabledRTL ? this.secondBtn : this.firstBtn, { 'aria-label': 'Decrease', title: 'Decrease' });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(enabledRTL ? this.firstBtn : this.secondBtn, { 'aria-label': 'Increase', title: 'Increase' });
+ }
+ };
+ Slider.prototype.changeOrientation = function () {
+ this.changeSliderType(this.type, 'null');
+ };
+ Slider.prototype.updateConfig = function () {
+ this.setEnableRTL();
+ this.setValue();
+ if (this.tooltip.isVisible) {
+ this.refreshTooltip(this.tooltipTarget);
+ }
+ if (this.ticks.placement !== 'None') {
+ if (this.ul) {
+ this.removeElement(this.ul);
+ this.ul = undefined;
+ this.renderScale();
+ }
+ }
+ this.limitsPropertyChange();
+ };
+ Slider.prototype.limitsPropertyChange = function () {
+ if (this.limits.enabled) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.limitBarFirst) && this.type !== 'Range') {
+ this.createLimitBar();
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.limitBarFirst) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.limitBarSecond) && this.type === 'Range') {
+ this.createLimitBar();
+ }
+ this.setLimitBar();
+ this.setValue();
+ }
+ else {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.limitBarFirst)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.limitBarFirst);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.limitBarSecond)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.limitBarSecond);
+ }
+ }
+ };
+ /**
+ * Get the properties to be maintained in the persisted state.
+ *
+ * @private
+ */
+ Slider.prototype.getPersistData = function () {
+ var keyEntity = ['value'];
+ return this.addOnPersist(keyEntity);
+ };
+ /**
+ * Removes the component from the DOM and detaches all its related event handlers.
+ * Also it removes the attributes and classes.
+ *
+ * @method destroy
+ * @return {void}
+ */
+ Slider.prototype.destroy = function () {
+ _super.prototype.destroy.call(this);
+ this.unwireEvents();
+ window.removeEventListener('resize', this.onresize);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.sliderContainer], [classNames.sliderDisabled]);
+ this.firstHandle.removeAttribute('aria-orientation');
+ if (this.type === 'Range') {
+ this.secondHandle.removeAttribute('aria-orientation');
+ }
+ this.sliderContainer.parentNode.insertBefore(this.element, this.sliderContainer);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.sliderContainer);
+ if (this.tooltip.isVisible) {
+ this.tooltipObj.destroy();
+ }
+ this.element.innerHTML = '';
+ };
+ /**
+ * Calls internally if any of the property value is changed.
+ *
+ * @private
+ */
+ // tslint:disable-next-line
+ Slider.prototype.onPropertyChanged = function (newProp, oldProp) {
+ var _this = this;
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'cssClass':
+ this.setCSSClass(oldProp.cssClass);
+ break;
+ case 'value':
+ if (newProp && oldProp) {
+ var value = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(newProp.value) ?
+ (this.type === 'Range' ? [this.min, this.max] : this.min) : newProp.value;
+ this.setProperties({ 'value': value }, true);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldProp.value) && oldProp.value.toString() !== value.toString()) {
+ this.setValue();
+ this.refreshTooltip(this.tooltipTarget);
+ if (this.type === 'Range') {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(newProp.value) || oldProp.value[1] === value[1]) {
+ this.activeHandle = 1;
+ }
+ else {
+ this.activeHandle = 2;
+ }
+ }
+ }
+ }
+ break;
+ case 'min':
+ case 'step':
+ case 'max':
+ this.setMinMaxValue();
+ break;
+ case 'tooltip':
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(newProp.tooltip) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldProp.tooltip)) {
+ this.setTooltip(prop);
+ if (!this.showButtons) {
+ this.wireEvents();
+ }
+ }
+ break;
+ case 'type':
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldProp) && Object.keys(oldProp).length
+ && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldProp.type)) {
+ this.changeSliderType(oldProp.type, prop);
+ this.setZindex();
+ }
+ break;
+ case 'enableRtl':
+ if (oldProp.enableRtl !== newProp.enableRtl && this.orientation !== 'Vertical') {
+ this.rtl = oldProp.enableRtl;
+ this.changeRtl();
+ }
+ break;
+ case 'limits':
+ this.limitsPropertyChange();
+ break;
+ case 'orientation':
+ this.changeOrientation();
+ break;
+ case 'ticks':
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.sliderContainer.querySelector('.' + classNames.scale))) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.ul);
+ Array.prototype.forEach.call(this.sliderContainer.classList, function (className) {
+ if (className.match(/e-scale-/)) {
+ _this.sliderContainer.classList.remove(className);
+ }
+ });
+ }
+ if (this.ticks.placement !== 'None') {
+ this.renderScale();
+ this.setZindex();
+ }
+ break;
+ case 'locale':
+ if (this.showButtons) {
+ this.buttonTitle();
+ }
+ break;
+ case 'showButtons':
+ if (newProp.showButtons) {
+ this.setButtons();
+ this.reposition();
+ if (this.enabled && !this.readonly) {
+ this.wireButtonEvt(false);
+ }
+ }
+ else {
+ if (this.firstBtn && this.secondBtn) {
+ this.sliderContainer.removeChild(this.firstBtn);
+ this.sliderContainer.removeChild(this.secondBtn);
+ this.sliderContainer.classList.remove(classNames.sliderButtonClass);
+ this.firstBtn = undefined;
+ this.secondBtn = undefined;
+ this.reposition();
+ }
+ }
+ break;
+ case 'enabled':
+ this.setEnabled();
+ break;
+ case 'readonly':
+ this.setReadOnly();
+ break;
+ case 'customValues':
+ this.setValue();
+ this.reposition();
+ break;
+ case 'colorRange':
+ this.reposition();
+ break;
+ case 'width':
+ this.setElementWidth(newProp.width);
+ this.setMinMaxValue();
+ if (this.limits) {
+ this.limitsPropertyChange();
+ }
+ break;
+ }
+ }
+ };
+ Slider.prototype.setReadOnly = function () {
+ if (this.readonly) {
+ this.unwireEvents();
+ this.sliderContainer.classList.add(classNames.readonly);
+ }
+ else {
+ this.wireEvents();
+ this.sliderContainer.classList.remove(classNames.readonly);
+ }
+ };
+ Slider.prototype.setMinMaxValue = function () {
+ var _this = this;
+ this.setValue();
+ this.refreshTooltip(this.tooltipTarget);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.sliderContainer.querySelector('.' + classNames.scale))) {
+ if (this.ul) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.ul);
+ Array.prototype.forEach.call(this.sliderContainer.classList, function (className) {
+ if (className.match(/e-scale-/)) {
+ _this.sliderContainer.classList.remove(className);
+ }
+ });
+ }
+ }
+ if (this.ticks.placement !== 'None') {
+ this.renderScale();
+ this.setZindex();
+ }
+ };
+ Slider.prototype.setZindex = function () {
+ this.zIndex = 6;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.ticks) && this.ticks.placement !== 'None') {
+ this.ul.style.zIndex = (this.zIndex + -7) + '';
+ this.element.style.zIndex = (this.zIndex + 2) + '';
+ }
+ if (!this.isMaterial && !this.isMaterial3 && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.ticks) && this.ticks.placement === 'Both') {
+ this.element.style.zIndex = (this.zIndex + 2) + '';
+ }
+ this.firstHandle.style.zIndex = (this.zIndex + 3) + '';
+ if (this.type === 'Range') {
+ this.secondHandle.style.zIndex = (this.zIndex + 4) + '';
+ }
+ };
+ Slider.prototype.setTooltip = function (args) {
+ this.changeSliderType(this.type, args);
+ };
+ Slider.prototype.setBarColor = function () {
+ var trackPosition;
+ var trackClassName;
+ var child = this.sliderTrack.lastElementChild;
+ while (child) {
+ this.sliderTrack.removeChild(child);
+ child = this.sliderTrack.lastElementChild;
+ }
+ for (var i = 0; i < this.colorRange.length; i++) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.colorRange[i].start) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.colorRange[i].end)) {
+ if (this.colorRange[i].end > this.colorRange[i].start) {
+ if (this.colorRange[i].start < this.min) {
+ this.colorRange[i].start = this.min;
+ }
+ if (this.colorRange[i].end > this.max) {
+ this.colorRange[i].end = this.max;
+ }
+ var startingPosition = this.checkHandlePosition(this.colorRange[i].start);
+ var endPosition = this.checkHandlePosition(this.colorRange[i].end);
+ var trackContainer = this.createElement('div');
+ trackContainer.style.backgroundColor = this.colorRange[i].color;
+ trackContainer.style.border = '1px solid ' + this.colorRange[i].color;
+ if (this.orientation === 'Horizontal') {
+ trackClassName = classNames.sliderHorizantalColor;
+ if (this.enableRtl) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.customValues)) {
+ trackPosition = this.checkHandlePosition(this.max) - this.checkHandlePosition(this.colorRange[i].end);
+ }
+ else {
+ trackPosition = this.checkHandlePosition(this.customValues.length - this.colorRange[i].end - 1);
+ }
+ }
+ else {
+ trackPosition = this.checkHandlePosition(this.colorRange[i].start);
+ }
+ trackContainer.style.width = endPosition - startingPosition + 'px';
+ trackContainer.style.left = trackPosition + 'px';
+ }
+ else {
+ trackClassName = classNames.sliderVerticalColor;
+ trackPosition = this.checkHandlePosition(this.colorRange[i].start);
+ trackContainer.style.height = endPosition - startingPosition + 'px';
+ trackContainer.style.bottom = trackPosition + 'px';
+ }
+ trackContainer.classList.add(trackClassName);
+ this.sliderTrack.appendChild(trackContainer);
+ }
+ }
+ }
+ };
+ /**
+ * Gets the component name
+ *
+ * @private
+ */
+ Slider.prototype.getModuleName = function () {
+ return 'slider';
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Slider.prototype, "value", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Slider.prototype, "customValues", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(1)
+ ], Slider.prototype, "step", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Slider.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Slider.prototype, "min", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(100)
+ ], Slider.prototype, "max", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Slider.prototype, "readonly", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Default')
+ ], Slider.prototype, "type", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([{}], ColorRangeData)
+ ], Slider.prototype, "colorRange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, TicksData)
+ ], Slider.prototype, "ticks", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, LimitData)
+ ], Slider.prototype, "limits", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Slider.prototype, "enabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, TooltipData)
+ ], Slider.prototype, "tooltip", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Slider.prototype, "showButtons", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Slider.prototype, "enableAnimation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Horizontal')
+ ], Slider.prototype, "orientation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Slider.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Slider.prototype, "enableHtmlSanitizer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Slider.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Slider.prototype, "change", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Slider.prototype, "changed", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Slider.prototype, "renderingTicks", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Slider.prototype, "renderedTicks", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Slider.prototype, "tooltipChange", void 0);
+ Slider = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], Slider);
+ return Slider;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/textbox/index.js":
+/*!*******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/textbox/index.js ***!
+ \*******************************************************************/
+/*! exports provided: TextBox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _textbox__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./textbox */ "./ej2-resources/22.1.37/scripts/ej2-inputs/textbox/textbox.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TextBox", function() { return _textbox__WEBPACK_IMPORTED_MODULE_0__["TextBox"]; });
+
+/**
+ * Uploader modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/textbox/textbox.js":
+/*!*********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/textbox/textbox.js ***!
+ \*********************************************************************/
+/*! exports provided: TextBox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TextBox", function() { return TextBox; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _input_input__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../input/input */ "./ej2-resources/22.1.37/scripts/ej2-inputs/input/input.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+var HIDE_CLEAR = 'e-clear-icon-hide';
+var TEXTBOX_FOCUS = 'e-input-focus';
+var containerAttr = ['title', 'style', 'class'];
+/**
+ * Represents the TextBox component that allows the user to enter the values based on it's type.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var TextBox = /** @__PURE__ @class */ (function (_super) {
+ __extends(TextBox, _super);
+ /**
+ *
+ * @param {TextBoxModel} options - Specifies the TextBox model.
+ * @param {string | HTMLInputElement | HTMLTextAreaElement} element - Specifies the element to render as component.
+ * @private
+ */
+ function TextBox(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.previousValue = null;
+ _this.isAngular = false;
+ _this.isHiddenInput = false;
+ _this.isForm = false;
+ _this.inputPreviousValue = null;
+ _this.isVue = false;
+ _this.textboxOptions = options;
+ return _this;
+ }
+ /**
+ * Calls internally if any of the property value is changed.
+ *
+ * @param {TextBoxModel} newProp - Returns the dynamic property value of the component.
+ * @param {TextBoxModel} oldProp - Returns the previous property value of the component.
+ * @returns {void}
+ * @private
+ */
+ TextBox.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'floatLabelType':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].removeFloating(this.textboxWrapper);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].addFloating(this.respectiveElement, this.floatLabelType, this.placeholder);
+ break;
+ case 'enabled':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setEnabled(this.enabled, this.respectiveElement, this.floatLabelType, this.textboxWrapper.container);
+ this.bindClearEvent();
+ break;
+ case 'width':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setWidth(newProp.width, this.textboxWrapper.container);
+ break;
+ case 'value':
+ {
+ var prevOnChange = this.isProtectedOnChange;
+ this.isProtectedOnChange = true;
+ if (!this.isBlank(this.value)) {
+ this.value = this.value.toString();
+ }
+ this.isProtectedOnChange = prevOnChange;
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setValue(this.value, this.respectiveElement, this.floatLabelType, this.showClearButton);
+ if (this.isHiddenInput) {
+ this.element.value = this.respectiveElement.value;
+ }
+ this.inputPreviousValue = this.respectiveElement.value;
+ /* istanbul ignore next */
+ if ((this.isAngular || this.isVue) && this.preventChange === true) {
+ this.previousValue = this.isAngular ? this.value : this.previousValue;
+ this.preventChange = false;
+ }
+ else if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.isAngular) || !this.isAngular
+ || (this.isAngular && !this.preventChange) || (this.isAngular && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.preventChange))) {
+ this.raiseChangeEvent();
+ }
+ }
+ break;
+ case 'htmlAttributes':
+ {
+ this.updateHTMLAttrToElement();
+ this.updateHTMLAttrToWrapper();
+ this.checkAttributes(true);
+ this.multiline && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textarea) ? _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].validateInputType(this.textboxWrapper.container, this.textarea) : _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].validateInputType(this.textboxWrapper.container, this.element);
+ }
+ break;
+ case 'readonly':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setReadonly(this.readonly, this.respectiveElement);
+ break;
+ case 'type':
+ if (this.respectiveElement.tagName !== 'TEXTAREA') {
+ this.respectiveElement.setAttribute('type', this.type);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].validateInputType(this.textboxWrapper.container, this.element);
+ this.raiseChangeEvent();
+ }
+ break;
+ case 'showClearButton':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setClearButton(this.showClearButton, this.respectiveElement, this.textboxWrapper);
+ this.bindClearEvent();
+ break;
+ case 'enableRtl':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setEnableRtl(this.enableRtl, [this.textboxWrapper.container]);
+ break;
+ case 'placeholder':
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setPlaceholder(this.placeholder, this.respectiveElement);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].calculateWidth(this.respectiveElement, this.textboxWrapper.container);
+ break;
+ case 'autocomplete':
+ if (this.autocomplete !== 'on' && this.autocomplete !== '') {
+ this.respectiveElement.autocomplete = this.autocomplete;
+ }
+ else {
+ this.removeAttributes(['autocomplete']);
+ }
+ break;
+ case 'cssClass':
+ this.updateCssClass(newProp.cssClass, oldProp.cssClass);
+ break;
+ case 'locale':
+ this.globalize = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Internationalization"](this.locale);
+ this.l10n.setLocale(this.locale);
+ this.setProperties({ placeholder: this.l10n.getConstant('placeholder') }, true);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setPlaceholder(this.placeholder, this.respectiveElement);
+ break;
+ }
+ }
+ };
+ /**
+ * Gets the component name
+ *
+ * @returns {string} Returns the component name.
+ * @private
+ */
+ TextBox.prototype.getModuleName = function () {
+ return 'textbox';
+ };
+ TextBox.prototype.isBlank = function (str) {
+ return (!str || /^\s*$/.test(str));
+ };
+ TextBox.prototype.preRender = function () {
+ this.cloneElement = this.element.cloneNode(true);
+ this.formElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form');
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.formElement)) {
+ this.isForm = true;
+ }
+ /* istanbul ignore next */
+ if (this.element.tagName === 'EJS-TEXTBOX') {
+ var ejInstance = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('ej2_instances', this.element);
+ var inputElement = this.multiline ?
+ this.createElement('textarea') :
+ this.createElement('input');
+ var index = 0;
+ for (index; index < this.element.attributes.length; index++) {
+ var attributeName = this.element.attributes[index].nodeName;
+ if (attributeName !== 'id' && attributeName !== 'class') {
+ inputElement.setAttribute(attributeName, this.element.attributes[index].nodeValue);
+ inputElement.innerHTML = this.element.innerHTML;
+ if (attributeName === 'name') {
+ this.element.removeAttribute('name');
+ }
+ }
+ else if (attributeName === 'class') {
+ inputElement.setAttribute(attributeName, this.element.className.split(' ').filter(function (item) { return item.indexOf('ng-') !== 0; }).join(' '));
+ }
+ }
+ this.element.appendChild(inputElement);
+ this.element = inputElement;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])('ej2_instances', ejInstance, this.element);
+ }
+ this.updateHTMLAttrToElement();
+ this.checkAttributes(false);
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textboxOptions) || (this.textboxOptions['value'] === undefined)) && this.element.value !== '') {
+ this.setProperties({ value: this.element.value }, true);
+ }
+ if (this.element.tagName !== 'TEXTAREA') {
+ this.element.setAttribute('type', this.type);
+ }
+ if (this.type === 'text') {
+ this.element.setAttribute('role', 'textbox');
+ }
+ this.globalize = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Internationalization"](this.locale);
+ var localeText = { placeholder: this.placeholder };
+ this.l10n = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["L10n"]('textbox', localeText, this.locale);
+ if (this.l10n.getConstant('placeholder') !== '') {
+ this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
+ }
+ if (!this.element.hasAttribute('id')) {
+ this.element.setAttribute('id', Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('textbox'));
+ }
+ if (!this.element.hasAttribute('name')) {
+ this.element.setAttribute('name', this.element.getAttribute('id'));
+ }
+ if (this.element.tagName === 'INPUT' && this.multiline) {
+ this.isHiddenInput = true;
+ this.textarea = this.createElement('textarea');
+ this.element.parentNode.insertBefore(this.textarea, this.element);
+ this.element.setAttribute('type', 'hidden');
+ this.textarea.setAttribute('name', this.element.getAttribute('name'));
+ this.element.removeAttribute('name');
+ this.textarea.setAttribute('role', this.element.getAttribute('role'));
+ this.element.removeAttribute('role');
+ this.textarea.setAttribute('id', Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('textarea'));
+ var apiAttributes = ['placeholder', 'disabled', 'value', 'readonly', 'type', 'autocomplete'];
+ for (var index = 0; index < this.element.attributes.length; index++) {
+ var attributeName = this.element.attributes[index].nodeName;
+ if (this.element.hasAttribute(attributeName) && containerAttr.indexOf(attributeName) < 0 &&
+ !(attributeName === 'id' || attributeName === 'type' || attributeName === 'e-mappinguid')) {
+ // e-mappinguid attribute is handled for Grid component.
+ this.textarea.setAttribute(attributeName, this.element.attributes[index].nodeValue);
+ if (apiAttributes.indexOf(attributeName) < 0) {
+ this.element.removeAttribute(attributeName);
+ index--;
+ }
+ }
+ }
+ }
+ };
+ TextBox.prototype.checkAttributes = function (isDynamic) {
+ var attrs = isDynamic ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
+ ['placeholder', 'disabled', 'value', 'readonly', 'type', 'autocomplete'];
+ for (var _i = 0, attrs_1 = attrs; _i < attrs_1.length; _i++) {
+ var key = attrs_1[_i];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.getAttribute(key))) {
+ switch (key) {
+ case 'disabled':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textboxOptions) || (this.textboxOptions['enabled'] === undefined)) || isDynamic) {
+ var enabled = this.element.getAttribute(key) === 'disabled' || this.element.getAttribute(key) === '' ||
+ this.element.getAttribute(key) === 'true' ? false : true;
+ this.setProperties({ enabled: enabled }, !isDynamic);
+ }
+ break;
+ case 'readonly':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textboxOptions) || (this.textboxOptions['readonly'] === undefined)) || isDynamic) {
+ var readonly = this.element.getAttribute(key) === 'readonly' || this.element.getAttribute(key) === ''
+ || this.element.getAttribute(key) === 'true' ? true : false;
+ this.setProperties({ readonly: readonly }, !isDynamic);
+ }
+ break;
+ case 'placeholder':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textboxOptions) || (this.textboxOptions['placeholder'] === undefined)) || isDynamic) {
+ this.setProperties({ placeholder: this.element.placeholder }, !isDynamic);
+ }
+ break;
+ case 'autocomplete':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textboxOptions) || (this.textboxOptions['autocomplete'] === undefined)) || isDynamic) {
+ var autoCompleteTxt = this.element.autocomplete === 'off' ? 'off' : 'on';
+ this.setProperties({ autocomplete: autoCompleteTxt }, !isDynamic);
+ }
+ break;
+ case 'value':
+ if (((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textboxOptions) || (this.textboxOptions['value'] === undefined)) || isDynamic) && this.element.value !== '') {
+ this.setProperties({ value: this.element.value }, !isDynamic);
+ }
+ break;
+ case 'type':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textboxOptions) || (this.textboxOptions['type'] === undefined)) || isDynamic) {
+ this.setProperties({ type: this.element.type }, !isDynamic);
+ }
+ break;
+ }
+ }
+ }
+ };
+ /**
+ * To Initialize the control rendering
+ *
+ * @returns {void}
+ * @private
+ */
+ TextBox.prototype.render = function () {
+ var updatedCssClassValue = this.cssClass;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.cssClass) && this.cssClass !== '') {
+ updatedCssClassValue = this.getInputValidClassList(this.cssClass);
+ }
+ this.respectiveElement = (this.isHiddenInput) ? this.textarea : this.element;
+ this.textboxWrapper = _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].createInput({
+ element: this.respectiveElement,
+ floatLabelType: this.floatLabelType,
+ properties: {
+ enabled: this.enabled,
+ enableRtl: this.enableRtl,
+ cssClass: updatedCssClassValue,
+ readonly: this.readonly,
+ placeholder: this.placeholder,
+ showClearButton: this.showClearButton
+ }
+ });
+ this.updateHTMLAttrToWrapper();
+ if (this.isHiddenInput) {
+ this.respectiveElement.parentNode.insertBefore(this.element, this.respectiveElement);
+ }
+ this.wireEvents();
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.value)) {
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setValue(this.value, this.respectiveElement, this.floatLabelType, this.showClearButton);
+ if (this.isHiddenInput) {
+ this.element.value = this.respectiveElement.value;
+ }
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.value)) {
+ this.initialValue = this.value;
+ this.setInitialValue();
+ }
+ if (this.autocomplete !== 'on' && this.autocomplete !== '') {
+ this.respectiveElement.autocomplete = this.autocomplete;
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textboxOptions) && (this.textboxOptions['autocomplete'] !== undefined)) {
+ this.removeAttributes(['autocomplete']);
+ }
+ this.previousValue = this.value;
+ this.inputPreviousValue = this.value;
+ this.respectiveElement.defaultValue = this.respectiveElement.value;
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setWidth(this.width, this.textboxWrapper.container);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'fieldset')) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'fieldset').disabled) {
+ this.enabled = false;
+ }
+ this.renderComplete();
+ };
+ TextBox.prototype.updateHTMLAttrToWrapper = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ for (var _i = 0, _a = Object.keys(this.htmlAttributes); _i < _a.length; _i++) {
+ var key = _a[_i];
+ if (containerAttr.indexOf(key) > -1) {
+ if (key === 'class') {
+ var updatedClassValues = this.getInputValidClassList(this.htmlAttributes["" + key]);
+ if (updatedClassValues !== '') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.textboxWrapper.container], updatedClassValues.split(' '));
+ }
+ }
+ else if (key === 'style') {
+ var setStyle = this.textboxWrapper.container.getAttribute(key);
+ setStyle = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(setStyle) ? (setStyle + this.htmlAttributes["" + key]) :
+ this.htmlAttributes["" + key];
+ this.textboxWrapper.container.setAttribute(key, setStyle);
+ }
+ else {
+ this.textboxWrapper.container.setAttribute(key, this.htmlAttributes["" + key]);
+ }
+ }
+ }
+ }
+ };
+ TextBox.prototype.updateHTMLAttrToElement = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ for (var _i = 0, _a = Object.keys(this.htmlAttributes); _i < _a.length; _i++) {
+ var key = _a[_i];
+ if (containerAttr.indexOf(key) < 0) {
+ this.multiline && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textarea) ? this.textarea.setAttribute(key, this.htmlAttributes["" + key]) : this.element.setAttribute(key, this.htmlAttributes["" + key]);
+ }
+ }
+ }
+ };
+ TextBox.prototype.updateCssClass = function (newClass, oldClass) {
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setCssClass(this.getInputValidClassList(newClass), [this.textboxWrapper.container], this.getInputValidClassList(oldClass));
+ };
+ TextBox.prototype.getInputValidClassList = function (inputClassName) {
+ var result = inputClassName;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(inputClassName) && inputClassName !== '') {
+ result = (inputClassName.replace(/\s+/g, ' ')).trim();
+ }
+ return result;
+ };
+ TextBox.prototype.setInitialValue = function () {
+ if (!this.isAngular) {
+ this.respectiveElement.setAttribute('value', this.initialValue);
+ }
+ };
+ TextBox.prototype.wireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.respectiveElement, 'focus', this.focusHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.respectiveElement, 'blur', this.focusOutHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.respectiveElement, 'input', this.inputHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.respectiveElement, 'change', this.changeHandler, this);
+ if (this.isForm) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.formElement, 'reset', this.resetForm, this);
+ }
+ this.bindClearEvent();
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textboxWrapper.container.querySelector('.e-float-text')) && this.floatLabelType === 'Auto'
+ && this.textboxWrapper.container.classList.contains('e-autofill') &&
+ this.textboxWrapper.container.classList.contains('e-outline')) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add((this.textboxWrapper.container.querySelector('.e-float-text')), 'animationstart', this.animationHandler, this);
+ }
+ };
+ TextBox.prototype.animationHandler = function () {
+ this.textboxWrapper.container.classList.add('e-valid-input');
+ var label = this.textboxWrapper.container.querySelector('.e-float-text');
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(label)) {
+ label.classList.add('e-label-top');
+ if (label.classList.contains('e-label-bottom')) {
+ label.classList.remove('e-label-bottom');
+ }
+ }
+ };
+ TextBox.prototype.resetValue = function (value) {
+ var prevOnChange = this.isProtectedOnChange;
+ this.isProtectedOnChange = true;
+ this.value = value;
+ this.isProtectedOnChange = prevOnChange;
+ };
+ TextBox.prototype.resetForm = function () {
+ if (this.isAngular) {
+ this.resetValue('');
+ }
+ else {
+ this.resetValue(this.initialValue);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textboxWrapper)) {
+ var label = this.textboxWrapper.container.querySelector('.e-float-text');
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(label) && this.floatLabelType !== 'Always') {
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.initialValue) || this.initialValue === '')) {
+ label.classList.add('e-label-bottom');
+ label.classList.remove('e-label-top');
+ }
+ else if (this.initialValue !== '') {
+ label.classList.add('e-label-top');
+ label.classList.remove('e-label-bottom');
+ }
+ }
+ }
+ };
+ TextBox.prototype.focusHandler = function (args) {
+ var eventArgs = {
+ container: this.textboxWrapper.container,
+ event: args,
+ value: this.value
+ };
+ this.trigger('focus', eventArgs);
+ };
+ TextBox.prototype.focusOutHandler = function (args) {
+ if (!(this.previousValue === null && this.value === null && this.respectiveElement.value === '') &&
+ (this.previousValue !== this.value)) {
+ this.raiseChangeEvent(args, true);
+ }
+ var eventArgs = {
+ container: this.textboxWrapper.container,
+ event: args,
+ value: this.value
+ };
+ this.trigger('blur', eventArgs);
+ };
+ TextBox.prototype.inputHandler = function (args) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-this-alias
+ var textboxObj = this;
+ var eventArgs = {
+ event: args,
+ value: this.respectiveElement.value,
+ previousValue: this.inputPreviousValue,
+ container: this.textboxWrapper.container
+ };
+ this.inputPreviousValue = this.respectiveElement.value;
+ /* istanbul ignore next */
+ if (this.isAngular) {
+ textboxObj.localChange({ value: this.respectiveElement.value });
+ this.preventChange = true;
+ }
+ if (this.isVue) {
+ this.preventChange = true;
+ }
+ this.trigger('input', eventArgs);
+ args.stopPropagation();
+ };
+ TextBox.prototype.changeHandler = function (args) {
+ this.setProperties({ value: this.respectiveElement.value }, true);
+ if (this.previousValue != this.value) {
+ this.raiseChangeEvent(args, true);
+ }
+ args.stopPropagation();
+ };
+ TextBox.prototype.raiseChangeEvent = function (event, interaction) {
+ var eventArgs = {
+ event: event,
+ value: this.value,
+ previousValue: this.previousValue,
+ container: this.textboxWrapper.container,
+ isInteraction: interaction ? interaction : false,
+ isInteracted: interaction ? interaction : false
+ };
+ this.preventChange = false;
+ this.trigger('change', eventArgs);
+ this.previousValue = this.value;
+ //EJ2CORE-738:For this task we update the textarea value to the input when input tag with multiline is present
+ if (this.element.tagName === 'INPUT' && this.multiline && _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].info.name === 'mozilla') {
+ this.element.value = this.respectiveElement.value;
+ }
+ };
+ TextBox.prototype.bindClearEvent = function () {
+ if (this.showClearButton) {
+ if (this.enabled) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.textboxWrapper.clearButton, 'mousedown touchstart', this.resetInputHandler, this);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.textboxWrapper.clearButton, 'mousedown touchstart', this.resetInputHandler);
+ }
+ }
+ };
+ TextBox.prototype.resetInputHandler = function (event) {
+ event.preventDefault();
+ if (!(this.textboxWrapper.clearButton.classList.contains(HIDE_CLEAR)) || this.textboxWrapper.container.classList.contains('e-static-clear')) {
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setValue('', this.respectiveElement, this.floatLabelType, this.showClearButton);
+ if (this.isHiddenInput) {
+ this.element.value = this.respectiveElement.value;
+ }
+ this.setProperties({ value: this.respectiveElement.value }, true);
+ var eventArgs = {
+ event: event,
+ value: this.respectiveElement.value,
+ previousValue: this.inputPreviousValue,
+ container: this.textboxWrapper.container
+ };
+ this.trigger('input', eventArgs);
+ this.inputPreviousValue = this.respectiveElement.value;
+ this.raiseChangeEvent(event, true);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form')) {
+ var element = this.element;
+ var keyupEvent = document.createEvent('KeyboardEvent');
+ keyupEvent.initEvent('keyup', false, true);
+ element.dispatchEvent(keyupEvent);
+ }
+ }
+ };
+ TextBox.prototype.unWireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.respectiveElement, 'focus', this.focusHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.respectiveElement, 'blur', this.focusOutHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.respectiveElement, 'input', this.inputHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.respectiveElement, 'change', this.changeHandler);
+ if (this.isForm) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.formElement, 'reset', this.resetForm);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textboxWrapper.container.querySelector('.e-float-text')) && this.floatLabelType === 'Auto'
+ && this.textboxWrapper.container.classList.contains('e-outline') &&
+ this.textboxWrapper.container.classList.contains('e-autofill')) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove((this.textboxWrapper.container.querySelector('.e-float-text')), 'animationstart', this.animationHandler);
+ }
+ };
+ /**
+ * Removes the component from the DOM and detaches all its related event handlers.
+ * Also, it maintains the initial TextBox element from the DOM.
+ *
+ * @method destroy
+ * @returns {void}
+ */
+ TextBox.prototype.destroy = function () {
+ this.unWireEvents();
+ if (this.element.tagName === 'INPUT' && this.multiline) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.textboxWrapper.container.getElementsByTagName('textarea')[0]);
+ this.respectiveElement = this.element;
+ this.element.removeAttribute('type');
+ }
+ this.respectiveElement.value = this.respectiveElement.defaultValue;
+ this.respectiveElement.classList.remove('e-input');
+ this.removeAttributes(['aria-disabled', 'aria-readonly', 'aria-labelledby']);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.textboxWrapper)) {
+ this.textboxWrapper.container.insertAdjacentElement('afterend', this.respectiveElement);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.textboxWrapper.container);
+ }
+ this.textboxWrapper = null;
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].destroy();
+ _super.prototype.destroy.call(this);
+ };
+ /**
+ * Adding the icons to the TextBox component.
+ *
+ * @param { string } position - Specify the icon placement on the TextBox. Possible values are append and prepend.
+ * @param { string | string[] } icons - Icon classes which are need to add to the span element which is going to created.
+ * Span element acts as icon or button element for TextBox.
+ * @returns {void}
+ */
+ TextBox.prototype.addIcon = function (position, icons) {
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].addIcon(position, icons, this.textboxWrapper.container, this.respectiveElement, this.createElement);
+ };
+ /* eslint-disable valid-jsdoc, jsdoc/require-returns */
+ /**
+ * Gets the properties to be maintained in the persisted state.
+ *
+ */
+ TextBox.prototype.getPersistData = function () {
+ var keyEntity = ['value'];
+ return this.addOnPersist(keyEntity);
+ };
+ /* eslint-enable valid-jsdoc, jsdoc/require-returns */
+ /**
+ * Adding the multiple attributes as key-value pair to the TextBox element.
+ *
+ * @param {string} attributes - Specifies the attributes to be add to TextBox element.
+ * @returns {void}
+ */
+ TextBox.prototype.addAttributes = function (attributes) {
+ for (var _i = 0, _a = Object.keys(attributes); _i < _a.length; _i++) {
+ var key = _a[_i];
+ if (key === 'disabled') {
+ this.setProperties({ enabled: false }, true);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setEnabled(this.enabled, this.respectiveElement, this.floatLabelType, this.textboxWrapper.container);
+ }
+ else if (key === 'readonly') {
+ this.setProperties({ readonly: true }, true);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setReadonly(this.readonly, this.respectiveElement);
+ }
+ else if (key === 'class') {
+ this.respectiveElement.classList.add(attributes["" + key]);
+ }
+ else if (key === 'placeholder') {
+ this.setProperties({ placeholder: attributes["" + key] }, true);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setPlaceholder(this.placeholder, this.respectiveElement);
+ }
+ else if (key === 'rows' && this.respectiveElement.tagName === 'TEXTAREA') {
+ this.respectiveElement.setAttribute(key, attributes["" + key]);
+ }
+ else {
+ this.respectiveElement.setAttribute(key, attributes["" + key]);
+ }
+ }
+ };
+ /**
+ * Removing the multiple attributes as key-value pair to the TextBox element.
+ *
+ * @param { string[] } attributes - Specifies the attributes name to be removed from TextBox element.
+ * @returns {void}
+ */
+ TextBox.prototype.removeAttributes = function (attributes) {
+ for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
+ var key = attributes_1[_i];
+ if (key === 'disabled') {
+ this.setProperties({ enabled: true }, true);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setEnabled(this.enabled, this.respectiveElement, this.floatLabelType, this.textboxWrapper.container);
+ }
+ else if (key === 'readonly') {
+ this.setProperties({ readonly: false }, true);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setReadonly(this.readonly, this.respectiveElement);
+ }
+ else if (key === 'placeholder') {
+ this.setProperties({ placeholder: null }, true);
+ _input_input__WEBPACK_IMPORTED_MODULE_1__["Input"].setPlaceholder(this.placeholder, this.respectiveElement);
+ }
+ else {
+ this.respectiveElement.removeAttribute(key);
+ }
+ }
+ };
+ /**
+ * Sets the focus to widget for interaction.
+ *
+ * @returns {void}
+ */
+ TextBox.prototype.focusIn = function () {
+ if (document.activeElement !== this.respectiveElement && this.enabled) {
+ this.respectiveElement.focus();
+ if (this.textboxWrapper.container.classList.contains('e-input-group')
+ || this.textboxWrapper.container.classList.contains('e-outline')
+ || this.textboxWrapper.container.classList.contains('e-filled')) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.textboxWrapper.container], [TEXTBOX_FOCUS]);
+ }
+ }
+ };
+ /**
+ * Remove the focus from widget, if the widget is in focus state.
+ *
+ * @returns {void}
+ */
+ TextBox.prototype.focusOut = function () {
+ if (document.activeElement === this.respectiveElement && this.enabled) {
+ this.respectiveElement.blur();
+ if (this.textboxWrapper.container.classList.contains('e-input-group')
+ || this.textboxWrapper.container.classList.contains('e-outline')
+ || this.textboxWrapper.container.classList.contains('e-filled')) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.textboxWrapper.container], [TEXTBOX_FOCUS]);
+ }
+ }
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('text')
+ ], TextBox.prototype, "type", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], TextBox.prototype, "readonly", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], TextBox.prototype, "value", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Never')
+ ], TextBox.prototype, "floatLabelType", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], TextBox.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], TextBox.prototype, "placeholder", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('on')
+ ], TextBox.prototype, "autocomplete", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({})
+ ], TextBox.prototype, "htmlAttributes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], TextBox.prototype, "multiline", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], TextBox.prototype, "enabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], TextBox.prototype, "showClearButton", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], TextBox.prototype, "enablePersistence", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], TextBox.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], TextBox.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], TextBox.prototype, "destroyed", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], TextBox.prototype, "change", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], TextBox.prototype, "blur", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], TextBox.prototype, "focus", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], TextBox.prototype, "input", void 0);
+ TextBox = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], TextBox);
+ return TextBox;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/uploader/index.js":
+/*!********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/uploader/index.js ***!
+ \********************************************************************/
+/*! exports provided: FilesProp, ButtonsProps, AsyncSettings, Uploader */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _uploader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./uploader */ "./ej2-resources/22.1.37/scripts/ej2-inputs/uploader/uploader.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FilesProp", function() { return _uploader__WEBPACK_IMPORTED_MODULE_0__["FilesProp"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonsProps", function() { return _uploader__WEBPACK_IMPORTED_MODULE_0__["ButtonsProps"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AsyncSettings", function() { return _uploader__WEBPACK_IMPORTED_MODULE_0__["AsyncSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Uploader", function() { return _uploader__WEBPACK_IMPORTED_MODULE_0__["Uploader"]; });
+
+/**
+ * Uploader modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/uploader/uploader.js":
+/*!***********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/uploader/uploader.js ***!
+ \***********************************************************************/
+/*! exports provided: FilesProp, ButtonsProps, AsyncSettings, Uploader */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FilesProp", function() { return FilesProp; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ButtonsProps", function() { return ButtonsProps; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AsyncSettings", function() { return AsyncSettings; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Uploader", function() { return Uploader; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_popups__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-popups */ "./ej2-resources/22.1.37/scripts/ej2-popups/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+
+
+
+
+
+var CONTROL_WRAPPER = 'e-upload e-control-wrapper';
+var INPUT_WRAPPER = 'e-file-select';
+var DROP_AREA = 'e-file-drop';
+var DROP_WRAPPER = 'e-file-select-wrap';
+var LIST_PARENT = 'e-upload-files';
+var FILE = 'e-upload-file-list';
+var STATUS = 'e-file-status';
+var ACTION_BUTTONS = 'e-upload-actions';
+var UPLOAD_BUTTONS = 'e-file-upload-btn e-css e-btn e-flat e-primary';
+var CLEAR_BUTTONS = 'e-file-clear-btn e-css e-btn e-flat';
+var FILE_NAME = 'e-file-name';
+var FILE_TYPE = 'e-file-type';
+var FILE_SIZE = 'e-file-size';
+var REMOVE_ICON = 'e-file-remove-btn';
+var DELETE_ICON = 'e-file-delete-btn';
+var SPINNER_PANE = 'e-spinner-pane';
+var ABORT_ICON = 'e-file-abort-btn';
+var RETRY_ICON = 'e-file-reload-btn';
+var DRAG_HOVER = 'e-upload-drag-hover';
+var PROGRESS_WRAPPER = 'e-upload-progress-wrap';
+var PROGRESSBAR = 'e-upload-progress-bar';
+var PROGRESSBAR_TEXT = 'e-progress-bar-text';
+var UPLOAD_INPROGRESS = 'e-upload-progress';
+var UPLOAD_SUCCESS = 'e-upload-success';
+var UPLOAD_FAILED = 'e-upload-fails';
+var TEXT_CONTAINER = 'e-file-container';
+var VALIDATION_FAILS = 'e-validation-fails';
+var RTL = 'e-rtl';
+var DISABLED = 'e-disabled';
+var RTL_CONTAINER = 'e-rtl-container';
+var ICON_FOCUSED = 'e-clear-icon-focus';
+var PROGRESS_INNER_WRAPPER = 'e-progress-inner-wrap';
+var PAUSE_UPLOAD = 'e-file-pause-btn';
+var RESUME_UPLOAD = 'e-file-play-btn';
+var RESTRICT_RETRY = 'e-restrict-retry';
+var wrapperAttr = ['title', 'style', 'class'];
+var FORM_UPLOAD = 'e-form-upload';
+var HIDDEN_INPUT = 'e-hidden-file-input';
+var INVALID_FILE = 'e-file-invalid';
+var INFORMATION = 'e-file-information';
+var FilesProp = /** @__PURE__ @class */ (function (_super) {
+ __extends(FilesProp, _super);
+ function FilesProp() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], FilesProp.prototype, "name", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], FilesProp.prototype, "size", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], FilesProp.prototype, "type", void 0);
+ return FilesProp;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+var ButtonsProps = /** @__PURE__ @class */ (function (_super) {
+ __extends(ButtonsProps, _super);
+ function ButtonsProps() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Browse...')
+ ], ButtonsProps.prototype, "browse", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Upload')
+ ], ButtonsProps.prototype, "upload", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Clear')
+ ], ButtonsProps.prototype, "clear", void 0);
+ return ButtonsProps;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+var AsyncSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(AsyncSettings, _super);
+ function AsyncSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], AsyncSettings.prototype, "saveUrl", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], AsyncSettings.prototype, "removeUrl", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], AsyncSettings.prototype, "chunkSize", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(3)
+ ], AsyncSettings.prototype, "retryCount", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(500)
+ ], AsyncSettings.prototype, "retryAfterDelay", void 0);
+ return AsyncSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * The uploader component allows to upload images, documents, and other files from local to server.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var Uploader = /** @__PURE__ @class */ (function (_super) {
+ __extends(Uploader, _super);
+ /**
+ * Triggers when change the Uploader value.
+ *
+ * @param {UploaderModel} options - Specifies the Uploader model.
+ * @param {string | HTMLInputElement} element - Specifies the element to render as component.
+ * @private
+ */
+ function Uploader(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.initialAttr = { accept: null, multiple: false, disabled: false };
+ _this.uploadedFilesData = [];
+ _this.base64String = [];
+ _this.isForm = false;
+ _this.allTypes = false;
+ _this.pausedData = [];
+ _this.uploadMetaData = [];
+ _this.tabIndex = '0';
+ _this.btnTabIndex = '0';
+ _this.disableKeyboardNavigation = false;
+ _this.count = -1;
+ _this.actionCompleteCount = 0;
+ _this.flag = true;
+ _this.selectedFiles = [];
+ _this.uploaderName = 'UploadFiles';
+ _this.fileStreams = [];
+ _this.newFileRef = 0;
+ _this.isFirstFileOnSelection = false;
+ _this.dragCounter = 0;
+ _this.isAngular = false;
+ /**
+ * Get the file item(li) which are shown in file list.
+ *
+ * @private
+ */
+ _this.fileList = [];
+ /**
+ * Get the data of files which are shown in file list.
+ *
+ * @private
+ */
+ _this.filesData = [];
+ _this.uploaderOptions = options;
+ return _this;
+ }
+ /**
+ * Calls internally if any of the property value is changed.
+ *
+ * @param {UploaderModel} newProp - Returns the dynamic property value of the component.
+ * @param {UploaderModel} oldProp - Returns the previous property value of the component.
+ * @returns {void}
+ * @private
+ */
+ Uploader.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'allowedExtensions':
+ this.setExtensions(this.allowedExtensions);
+ this.clearAll();
+ break;
+ case 'enabled':
+ this.setControlStatus();
+ break;
+ case 'multiple':
+ this.setMultipleSelection();
+ break;
+ case 'enableRtl':
+ this.setRTL();
+ this.reRenderFileList();
+ break;
+ case 'buttons':
+ this.buttons.browse = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.buttons.browse) ? '' : this.buttons.browse;
+ this.buttons.clear = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.buttons.clear) ? '' : this.buttons.clear;
+ this.buttons.upload = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.buttons.upload) ? '' : this.buttons.upload;
+ this.renderButtonTemplates();
+ break;
+ case 'dropArea':
+ this.unBindDropEvents();
+ this.updateDropArea();
+ break;
+ case 'htmlAttributes':
+ this.updateHTMLAttrToElement();
+ this.updateHTMLAttrToWrapper();
+ this.checkHTMLAttributes(true);
+ break;
+ case 'files':
+ this.renderPreLoadFiles();
+ break;
+ case 'directoryUpload':
+ this.updateDirectoryAttributes();
+ break;
+ case 'template':
+ var ejInstance = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('ej2_instances', this.element);
+ if (ejInstance[0].isReact) {
+ this.reRenderFileList();
+ }
+ else {
+ this.clearAll();
+ }
+ break;
+ case 'minFileSize':
+ case 'maxFileSize':
+ case 'autoUpload':
+ this.clearAll();
+ break;
+ case 'sequentialUpload':
+ this.clearAll();
+ break;
+ case 'locale':
+ this.l10n.setLocale(this.locale);
+ this.setLocalizedTexts();
+ this.preLocaleObj = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('currentLocale', this.l10n);
+ break;
+ case 'cssClass':
+ this.setCSSClass(oldProp.cssClass);
+ break;
+ }
+ }
+ };
+ Uploader.prototype.setLocalizedTexts = function () {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.template)) {
+ if (typeof (this.buttons.browse) === 'string') {
+ this.browseButton.innerText = (this.buttons.browse === 'Browse...') ?
+ this.localizedTexts('Browse') : this.buttons.browse;
+ this.browseButton.setAttribute('title', this.browseButton.innerText);
+ if (this.uploadWrapper && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.uploadWrapper.querySelector('.' + DROP_AREA))) {
+ this.uploadWrapper.querySelector('.' + DROP_AREA).innerHTML = this.localizedTexts('dropFilesHint');
+ }
+ }
+ this.updateFileList();
+ }
+ };
+ Uploader.prototype.getKeyValue = function (val) {
+ var keyValue;
+ for (var _i = 0, _a = Object.keys(this.preLocaleObj); _i < _a.length; _i++) {
+ var key = _a[_i];
+ if (this.preLocaleObj["" + key] === val) {
+ keyValue = key;
+ }
+ }
+ return keyValue;
+ };
+ Uploader.prototype.updateFileList = function () {
+ var element;
+ /* istanbul ignore next */
+ if (this.fileList.length > 0 && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.uploadWrapper.querySelector('.' + LIST_PARENT))) {
+ for (var i = 0; i < this.fileList.length; i++) {
+ element = this.fileList[i].querySelector('.e-file-status');
+ element.innerHTML = this.localizedTexts(this.getKeyValue(this.filesData[i].status));
+ this.filesData[i].status = this.localizedTexts(this.getKeyValue(this.filesData[i].status));
+ if (this.fileList[i].classList.contains(UPLOAD_SUCCESS)) {
+ this.fileList[i].querySelector('.e-icons').setAttribute('title', this.localizedTexts('delete'));
+ }
+ if (this.fileList[i].querySelector('.e-file-play-btn')) {
+ this.fileList[i].querySelector('.e-icons').setAttribute('title', this.localizedTexts('resume'));
+ }
+ if (this.fileList[i].querySelector('.e-file-remove-btn')) {
+ this.fileList[i].querySelector('.e-icons').setAttribute('title', this.localizedTexts('remove'));
+ }
+ if (this.fileList[i].querySelector('.e-file-reload-btn')) {
+ this.fileList[i].querySelector('.e-icons').setAttribute('title', this.localizedTexts('retry'));
+ }
+ if (!this.autoUpload) {
+ this.uploadButton.innerText = (this.buttons.upload === 'Upload') ?
+ this.localizedTexts('Upload') : this.buttons.upload;
+ this.uploadButton.setAttribute('title', this.localizedTexts('Upload'));
+ this.clearButton.innerText = (this.buttons.clear === 'Clear') ?
+ this.localizedTexts('Clear') : this.buttons.clear;
+ this.clearButton.setAttribute('title', this.localizedTexts('Clear'));
+ }
+ }
+ }
+ };
+ Uploader.prototype.reRenderFileList = function () {
+ if (this.listParent) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.listParent);
+ this.listParent = null;
+ this.fileList = [];
+ this.createFileList(this.filesData);
+ if (this.actionButtons) {
+ this.removeActionButtons();
+ this.renderActionButtons();
+ this.checkActionButtonStatus();
+ }
+ }
+ };
+ Uploader.prototype.preRender = function () {
+ this.localeText = { Browse: 'Browse...', Clear: 'Clear', Upload: 'Upload', invalidFileName: 'File Name is not allowed',
+ dropFilesHint: 'Or drop files here', invalidMaxFileSize: 'File size is too large',
+ invalidMinFileSize: 'File size is too small', invalidFileType: 'File type is not allowed',
+ uploadFailedMessage: 'File failed to upload', uploadSuccessMessage: 'File uploaded successfully',
+ removedSuccessMessage: 'File removed successfully', removedFailedMessage: 'Unable to remove file', inProgress: 'Uploading',
+ readyToUploadMessage: 'Ready to upload', abort: 'Abort', remove: 'Remove', cancel: 'Cancel', delete: 'Delete file',
+ pauseUpload: 'File upload paused', pause: 'Pause', resume: 'Resume', retry: 'Retry',
+ fileUploadCancel: 'File upload canceled', invalidFileSelection: 'Invalid files selected', totalFiles: 'Total files',
+ size: 'Size'
+ };
+ this.l10n = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["L10n"]('uploader', this.localeText, this.locale);
+ this.preLocaleObj = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('currentLocale', this.l10n);
+ this.formRendered();
+ this.updateHTMLAttrToElement();
+ this.checkHTMLAttributes(false);
+ var ejInstance = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('ej2_instances', this.element);
+ /* istanbul ignore next */
+ if (this.element.tagName === 'EJS-UPLOADER') {
+ var inputElement = this.createElement('input', { attrs: { type: 'file' } });
+ var index = 0;
+ for (index; index < this.element.attributes.length; index++) {
+ if (this.element.attributes[index].nodeName !== 'id') {
+ inputElement.setAttribute(this.element.attributes[index].nodeName, this.element.attributes[index].nodeValue);
+ }
+ else if (this.element.attributes[index].nodeName === 'id') {
+ inputElement.setAttribute(this.element.attributes[index].nodeName, Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('uploader'));
+ }
+ inputElement.innerHTML = this.element.innerHTML;
+ }
+ if (!inputElement.hasAttribute('name')) {
+ inputElement.setAttribute('name', 'UploadFiles');
+ }
+ this.element.appendChild(inputElement);
+ this.element = inputElement;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])('ej2_instances', ejInstance, this.element);
+ }
+ /* istanbul ignore next */
+ if (ejInstance[0].isPureReactComponent) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(ejInstance[0].props.name)) {
+ this.element.setAttribute('name', ejInstance[0].props.name);
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(ejInstance[0].props.id) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(ejInstance[0].props.name)) {
+ this.element.setAttribute('name', ejInstance[0].props.id);
+ }
+ else {
+ this.element.setAttribute('name', 'UploadFiles');
+ }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.getAttribute('name'))) {
+ this.element.setAttribute('name', this.element.getAttribute('id'));
+ }
+ if (!this.element.hasAttribute('type')) {
+ this.element.setAttribute('type', 'file');
+ }
+ this.updateDirectoryAttributes();
+ this.keyConfigs = {
+ enter: 'enter'
+ };
+ if (this.element.hasAttribute('tabindex')) {
+ this.tabIndex = this.element.getAttribute('tabindex');
+ }
+ this.browserName = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].info.name;
+ this.uploaderName = this.element.getAttribute('name');
+ };
+ Uploader.prototype.formRendered = function () {
+ var parentEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form');
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(parentEle)) {
+ for (; parentEle && parentEle !== document.documentElement; parentEle = parentEle.parentElement) {
+ if (parentEle.tagName === 'FORM') {
+ this.isForm = true;
+ this.formElement = parentEle;
+ parentEle.setAttribute('enctype', 'multipart/form-data');
+ parentEle.setAttribute('encoding', 'multipart/form-data');
+ }
+ }
+ }
+ };
+ Uploader.prototype.getPersistData = function () {
+ return this.addOnPersist(['filesData']);
+ };
+ /**
+ * Return the module name of the component.
+ *
+ * @returns {string} Returns the component name.
+ */
+ Uploader.prototype.getModuleName = function () {
+ return 'uploader';
+ };
+ Uploader.prototype.updateDirectoryAttributes = function () {
+ if (this.directoryUpload) {
+ this.element.setAttribute('directory', 'true');
+ this.element.setAttribute('webkitdirectory', 'true');
+ }
+ else {
+ this.element.removeAttribute('directory');
+ this.element.removeAttribute('webkitdirectory');
+ }
+ };
+ /**
+ * To Initialize the control rendering
+ *
+ * @private
+ * @returns {void}
+ */
+ Uploader.prototype.render = function () {
+ this.renderBrowseButton();
+ this.initializeUpload();
+ this.updateHTMLAttrToWrapper();
+ this.wireEvents();
+ this.setMultipleSelection();
+ this.setExtensions(this.allowedExtensions);
+ this.setRTL();
+ this.renderPreLoadFiles();
+ this.setControlStatus();
+ this.setCSSClass();
+ };
+ Uploader.prototype.renderBrowseButton = function () {
+ this.browseButton = this.createElement('button', { className: 'e-css e-btn', attrs: { 'type': 'button' } });
+ this.browseButton.setAttribute('tabindex', this.tabIndex);
+ if (typeof (this.buttons.browse) === 'string') {
+ this.browseButton.textContent = (this.buttons.browse === 'Browse...') ?
+ this.localizedTexts('Browse') : this.buttons.browse;
+ this.browseButton.setAttribute('title', this.browseButton.innerText);
+ }
+ else {
+ this.browseButton.appendChild(this.buttons.browse);
+ }
+ this.element.setAttribute('aria-label', 'Uploader');
+ };
+ Uploader.prototype.renderActionButtons = function () {
+ this.element.setAttribute('tabindex', '-1');
+ this.actionButtons = this.createElement('div', { className: ACTION_BUTTONS });
+ this.uploadButton = this.createElement('button', { className: UPLOAD_BUTTONS,
+ attrs: { 'type': 'button', 'tabindex': this.btnTabIndex } });
+ this.clearButton = this.createElement('button', { className: CLEAR_BUTTONS,
+ attrs: { 'type': 'button', 'tabindex': this.btnTabIndex } });
+ this.actionButtons.appendChild(this.clearButton);
+ this.actionButtons.appendChild(this.uploadButton);
+ this.renderButtonTemplates();
+ this.uploadWrapper.appendChild(this.actionButtons);
+ this.browseButton.blur();
+ if (!this.isPreloadFiles) {
+ this.uploadButton.focus();
+ }
+ this.wireActionButtonEvents();
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.serverActionButtonsEventBind = function (element) {
+ if (element && !this.isForm) {
+ this.browseButton.blur();
+ this.actionButtons = element;
+ this.uploadButton = this.actionButtons.querySelector('.e-file-upload-btn');
+ this.clearButton = this.actionButtons.querySelector('.e-file-clear-btn');
+ this.uploadButton.focus();
+ this.unwireActionButtonEvents();
+ this.wireActionButtonEvents();
+ this.checkActionButtonStatus();
+ }
+ };
+ Uploader.prototype.wireActionButtonEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.uploadButton, 'click', this.uploadButtonClick, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.clearButton, 'click', this.clearButtonClick, this);
+ };
+ Uploader.prototype.unwireActionButtonEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.uploadButton, 'click', this.uploadButtonClick);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.clearButton, 'click', this.clearButtonClick);
+ };
+ Uploader.prototype.removeActionButtons = function () {
+ if (this.actionButtons) {
+ this.unwireActionButtonEvents();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.actionButtons);
+ this.actionButtons = null;
+ }
+ };
+ Uploader.prototype.renderButtonTemplates = function () {
+ if (typeof (this.buttons.browse) === 'string') {
+ this.browseButton.textContent = (this.buttons.browse === 'Browse...') ?
+ this.localizedTexts('Browse') : this.buttons.browse;
+ this.browseButton.setAttribute('title', this.browseButton.textContent);
+ }
+ else {
+ this.browseButton.innerHTML = '';
+ this.browseButton.appendChild(this.buttons.browse);
+ }
+ if (this.uploadButton) {
+ var uploadText = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.buttons.upload) ? 'Upload' : this.buttons.upload;
+ this.buttons.upload = uploadText;
+ if (typeof (this.buttons.upload) === 'string') {
+ this.uploadButton.textContent = (this.buttons.upload === 'Upload') ?
+ this.localizedTexts('Upload') : this.buttons.upload;
+ this.uploadButton.setAttribute('title', this.uploadButton.textContent);
+ }
+ else {
+ this.uploadButton.innerHTML = '';
+ this.uploadButton.appendChild(this.buttons.upload);
+ }
+ }
+ if (this.clearButton) {
+ var clearText = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.buttons.clear) ? 'Clear' : this.buttons.clear;
+ this.buttons.clear = clearText;
+ if (typeof (this.buttons.clear) === 'string') {
+ this.clearButton.textContent = (this.buttons.clear === 'Clear') ?
+ this.localizedTexts('Clear') : this.buttons.clear;
+ this.clearButton.setAttribute('title', this.clearButton.textContent);
+ }
+ else {
+ this.clearButton.innerHTML = '';
+ this.clearButton.appendChild(this.buttons.clear);
+ }
+ }
+ };
+ Uploader.prototype.initializeUpload = function () {
+ this.element.setAttribute('tabindex', '-1');
+ var inputWrapper = this.createElement('span', { className: INPUT_WRAPPER });
+ this.element.parentElement.insertBefore(inputWrapper, this.element);
+ this.dropAreaWrapper = this.createElement('div', { className: DROP_WRAPPER });
+ this.element.parentElement.insertBefore(this.dropAreaWrapper, this.element);
+ inputWrapper.appendChild(this.element);
+ this.dropAreaWrapper.appendChild(this.browseButton);
+ this.dropAreaWrapper.appendChild(inputWrapper);
+ this.uploadWrapper = this.createElement('div', { className: CONTROL_WRAPPER });
+ this.dropAreaWrapper.parentElement.insertBefore(this.uploadWrapper, this.dropAreaWrapper);
+ this.uploadWrapper.appendChild(this.dropAreaWrapper);
+ this.setDropArea();
+ };
+ Uploader.prototype.renderPreLoadFiles = function () {
+ if (this.files.length) {
+ if (this.enablePersistence && this.filesData.length) {
+ this.createFileList(this.filesData);
+ return;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.files[0].size)) {
+ return;
+ }
+ this.isPreloadFiles = true;
+ var files = [].slice.call(this.files);
+ var filesData = [];
+ if (!this.multiple) {
+ this.clearData();
+ files = [files[0]];
+ }
+ for (var _i = 0, files_1 = files; _i < files_1.length; _i++) {
+ var data = files_1[_i];
+ var fileData = {
+ name: data.name + '.' + data.type.split('.')[data.type.split('.').length - 1],
+ rawFile: '',
+ size: data.size,
+ status: this.localizedTexts('uploadSuccessMessage'),
+ type: data.type,
+ validationMessages: { minSize: '', maxSize: '' },
+ statusCode: '2'
+ };
+ filesData.push(fileData);
+ this.filesData.push(fileData);
+ }
+ this.createFileList(filesData);
+ if (!this.autoUpload && this.listParent && !this.actionButtons && (!this.isForm || this.allowUpload()) && this.showFileList) {
+ this.renderActionButtons();
+ }
+ this.checkActionButtonStatus();
+ if (this.sequentialUpload) {
+ this.count = this.filesData.length - 1;
+ }
+ this.isPreloadFiles = false;
+ }
+ };
+ Uploader.prototype.checkActionButtonStatus = function () {
+ if (this.actionButtons) {
+ var length_1 = this.uploadWrapper.querySelectorAll('.' + VALIDATION_FAILS).length +
+ this.uploadWrapper.querySelectorAll('.e-upload-fails:not(.e-upload-progress)').length +
+ this.uploadWrapper.querySelectorAll('span.' + UPLOAD_SUCCESS).length +
+ this.uploadWrapper.querySelectorAll('span.' + UPLOAD_INPROGRESS).length;
+ if (length_1 > 0 && length_1 === this.uploadWrapper.querySelectorAll('li').length) {
+ this.uploadButton.setAttribute('disabled', 'disabled');
+ }
+ else {
+ this.uploadButton.removeAttribute('disabled');
+ }
+ }
+ };
+ Uploader.prototype.setDropArea = function () {
+ var dropTextArea = this.dropAreaWrapper.querySelector('.e-file-drop');
+ if (this.dropArea) {
+ this.dropZoneElement = (typeof (this.dropArea) !== 'string') ? this.dropArea :
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])(this.dropArea, document);
+ var element = this.element;
+ var enableDropText = false;
+ while (element.parentNode) {
+ element = element.parentNode;
+ if (element === this.dropZoneElement) {
+ enableDropText = true;
+ if (!dropTextArea) {
+ this.createDropTextHint();
+ }
+ else {
+ dropTextArea.innerHTML = this.localizedTexts('dropFilesHint');
+ }
+ }
+ }
+ if (!enableDropText && dropTextArea) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(dropTextArea);
+ }
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.uploaderOptions) && this.uploaderOptions.dropArea === undefined) {
+ this.createDropTextHint();
+ this.dropZoneElement = this.uploadWrapper;
+ this.setProperties({ dropArea: this.uploadWrapper }, true);
+ }
+ this.bindDropEvents();
+ };
+ Uploader.prototype.updateDropArea = function () {
+ if (this.dropArea) {
+ this.setDropArea();
+ }
+ else {
+ this.dropZoneElement = null;
+ var dropTextArea = this.dropAreaWrapper.querySelector('.e-file-drop');
+ if (dropTextArea) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(dropTextArea);
+ }
+ }
+ };
+ Uploader.prototype.createDropTextHint = function () {
+ var fileDropArea = this.createElement('span', { className: DROP_AREA });
+ fileDropArea.innerHTML = this.localizedTexts('dropFilesHint');
+ this.dropAreaWrapper.appendChild(fileDropArea);
+ };
+ Uploader.prototype.updateHTMLAttrToElement = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ for (var _i = 0, _a = Object.keys(this.htmlAttributes); _i < _a.length; _i++) {
+ var pro = _a[_i];
+ if (wrapperAttr.indexOf(pro) < 0) {
+ this.element.setAttribute(pro, this.htmlAttributes["" + pro]);
+ }
+ }
+ }
+ };
+ Uploader.prototype.updateHTMLAttrToWrapper = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ for (var _i = 0, _a = Object.keys(this.htmlAttributes); _i < _a.length; _i++) {
+ var pro = _a[_i];
+ if (wrapperAttr.indexOf(pro) > -1) {
+ if (pro === 'class') {
+ var updatedClassValues = (this.htmlAttributes["" + pro].replace(/\s+/g, ' ')).trim();
+ if (updatedClassValues !== '') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.uploadWrapper], updatedClassValues.split(' '));
+ }
+ }
+ else if (pro === 'style') {
+ var uploadStyle = this.uploadWrapper.getAttribute(pro);
+ uploadStyle = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(uploadStyle) ? (uploadStyle + this.htmlAttributes["" + pro]) :
+ this.htmlAttributes["" + pro];
+ this.uploadWrapper.setAttribute(pro, uploadStyle);
+ }
+ else {
+ this.uploadWrapper.setAttribute(pro, this.htmlAttributes["" + pro]);
+ }
+ }
+ }
+ }
+ };
+ Uploader.prototype.setMultipleSelection = function () {
+ if (this.multiple && !this.element.hasAttribute('multiple')) {
+ var newAttr = document.createAttribute('multiple');
+ newAttr.value = 'multiple';
+ this.element.setAttributeNode(newAttr);
+ }
+ else if (!this.multiple) {
+ this.element.removeAttribute('multiple');
+ }
+ };
+ Uploader.prototype.checkAutoUpload = function (fileData) {
+ if (this.autoUpload) {
+ if (this.sequentialUpload) {
+ /* istanbul ignore next */
+ this.sequenceUpload(fileData);
+ }
+ else {
+ this.upload(fileData);
+ }
+ this.removeActionButtons();
+ }
+ else if (!this.actionButtons) {
+ this.renderActionButtons();
+ }
+ this.checkActionButtonStatus();
+ };
+ Uploader.prototype.sequenceUpload = function (fileData) {
+ if (this.filesData.length - fileData.length === 0 ||
+ this.filesData[(this.filesData.length - fileData.length - 1)].statusCode !== '1') {
+ if (this.multiple || this.count < 0) {
+ ++this.count;
+ }
+ var isFileListCreated = this.showFileList ? false : true;
+ if (typeof this.filesData[this.count] === 'object') {
+ this.isFirstFileOnSelection = false;
+ this.upload(this.filesData[this.count], isFileListCreated);
+ if (this.filesData[this.count].statusCode === '0') {
+ this.sequenceUpload(fileData);
+ }
+ }
+ else {
+ --this.count;
+ }
+ }
+ };
+ Uploader.prototype.setCSSClass = function (oldCSSClass) {
+ var updatedOldCssClass = oldCSSClass;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldCSSClass)) {
+ updatedOldCssClass = (oldCSSClass.replace(/\s+/g, ' ')).trim();
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldCSSClass) && updatedOldCssClass !== '') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.uploadWrapper], updatedOldCssClass.split(' '));
+ }
+ var updatedCssClassValue = this.cssClass;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.cssClass) && this.cssClass !== '') {
+ updatedCssClassValue = (this.cssClass.replace(/\s+/g, ' ')).trim();
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.cssClass) && updatedCssClassValue !== '') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.uploadWrapper], updatedCssClassValue.split(updatedCssClassValue.indexOf(',') > -1 ? ',' : ' '));
+ }
+ };
+ Uploader.prototype.wireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.browseButton, 'click', this.browseButtonClick, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'change', this.onSelectFiles, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'click', this.removeFocus, this);
+ this.keyboardModule = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["KeyboardEvents"](this.uploadWrapper, {
+ keyAction: this.keyActionHandler.bind(this),
+ keyConfigs: this.keyConfigs,
+ eventName: 'keydown'
+ });
+ if (this.isForm) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.formElement, 'reset', this.resetForm, this);
+ }
+ };
+ Uploader.prototype.unWireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.browseButton, 'click', this.browseButtonClick);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'change', this.onSelectFiles);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'click', this.removeFocus);
+ if (this.isForm) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.formElement, 'reset', this.resetForm);
+ }
+ if (this.keyboardModule) {
+ this.keyboardModule.destroy();
+ }
+ };
+ Uploader.prototype.resetForm = function () {
+ this.clearAll();
+ };
+ Uploader.prototype.keyActionHandler = function (e) {
+ var targetElement = e.target;
+ switch (e.action) {
+ case 'enter':
+ if (e.target === this.clearButton) {
+ this.clearButtonClick();
+ }
+ else if (e.target === this.uploadButton) {
+ this.uploadButtonClick();
+ }
+ else if (e.target === this.browseButton) {
+ this.browseButtonClick();
+ }
+ else if (targetElement.classList.contains(PAUSE_UPLOAD)) {
+ var metaData = this.getCurrentMetaData(null, e);
+ metaData.file.statusCode = '4';
+ metaData.file.status = this.localizedTexts('pauseUpload');
+ this.abortUpload(metaData, false);
+ }
+ else if (targetElement.classList.contains(RESUME_UPLOAD)) {
+ this.resumeUpload(this.getCurrentMetaData(null, e), e);
+ }
+ else if (targetElement.classList.contains(RETRY_ICON)) {
+ var metaData = this.getCurrentMetaData(null, e);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(metaData)) {
+ metaData.file.statusCode = '1';
+ metaData.file.status = this.localizedTexts('readyToUploadMessage');
+ this.chunkUpload(metaData.file);
+ }
+ else {
+ var target = e.target.parentElement;
+ var fileData = this.filesData[this.fileList.indexOf(target)];
+ this.retry(fileData);
+ }
+ }
+ else {
+ this.removeFiles(e);
+ if (!targetElement.classList.contains(ABORT_ICON)) {
+ this.browseButton.focus();
+ }
+ }
+ e.preventDefault();
+ e.stopPropagation();
+ break;
+ }
+ };
+ Uploader.prototype.getCurrentMetaData = function (fileInfo, e) {
+ var fileData;
+ var targetMetaData;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fileInfo)) {
+ var target = e.target.parentElement;
+ fileData = this.filesData[this.fileList.indexOf(target)];
+ }
+ else {
+ fileData = fileInfo;
+ }
+ for (var i = 0; i < this.uploadMetaData.length; i++) {
+ if (this.uploadMetaData[i].file.name === fileData.name) {
+ targetMetaData = this.uploadMetaData[i];
+ }
+ }
+ return targetMetaData;
+ };
+ Uploader.prototype.removeFocus = function () {
+ if (this.uploadWrapper && this.listParent && this.listParent.querySelector('.' + ICON_FOCUSED)) {
+ document.activeElement.blur();
+ this.listParent.querySelector('.' + ICON_FOCUSED).classList.remove(ICON_FOCUSED);
+ }
+ };
+ Uploader.prototype.browseButtonClick = function () {
+ this.element.click();
+ };
+ Uploader.prototype.uploadButtonClick = function () {
+ if (this.sequentialUpload) {
+ this.sequenceUpload(this.filesData);
+ }
+ else {
+ this.upload(this.filesData);
+ }
+ };
+ Uploader.prototype.clearButtonClick = function () {
+ this.clearAll();
+ /* istanbul ignore next */
+ if (this.sequentialUpload) {
+ this.count = -1;
+ }
+ this.actionCompleteCount = 0;
+ };
+ Uploader.prototype.bindDropEvents = function () {
+ if (this.dropZoneElement) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.dropZoneElement, 'drop', this.dropElement, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.dropZoneElement, 'dragover', this.dragHover, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.dropZoneElement, 'dragleave', this.onDragLeave, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.dropZoneElement, 'paste', this.onPasteFile, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.dropZoneElement, 'dragenter', this.onDragEnter, this);
+ }
+ };
+ Uploader.prototype.unBindDropEvents = function () {
+ if (this.dropZoneElement) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.dropZoneElement, 'drop', this.dropElement);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.dropZoneElement, 'dragover', this.dragHover);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.dropZoneElement, 'dragleave', this.onDragLeave);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.dropZoneElement, 'dragenter', this.onDragEnter);
+ }
+ };
+ Uploader.prototype.onDragEnter = function (e) {
+ if (!this.enabled) {
+ return;
+ }
+ this.dropZoneElement.classList.add(DRAG_HOVER);
+ this.dragCounter = this.dragCounter + 1;
+ e.preventDefault();
+ e.stopPropagation();
+ };
+ Uploader.prototype.onDragLeave = function () {
+ if (!this.enabled) {
+ return;
+ }
+ this.dragCounter = this.dragCounter - 1;
+ if (!this.dragCounter) {
+ this.dropZoneElement.classList.remove(DRAG_HOVER);
+ }
+ };
+ Uploader.prototype.dragHover = function (e) {
+ if (!this.enabled) {
+ return;
+ }
+ if (this.dropEffect !== 'Default') {
+ e.dataTransfer.dropEffect = this.dropEffect.toLowerCase();
+ }
+ e.preventDefault();
+ e.stopPropagation();
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.dropElement = function (e) {
+ this.dragCounter = 0;
+ this.dropZoneElement.classList.remove(DRAG_HOVER);
+ this.onSelectFiles(e);
+ e.preventDefault();
+ e.stopPropagation();
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.onPasteFile = function (event) {
+ var item = event.clipboardData.items;
+ if (event.type === 'paste' && this.browserName !== 'msie' && this.browserName !== 'edge' && this.browserName !== 'safari') {
+ this.element.files = event.clipboardData.files;
+ }
+ if (item.length !== 1) {
+ return;
+ }
+ var pasteFile = [].slice.call(item)[0];
+ if ((pasteFile.kind === 'file') && pasteFile.type.match('^image/')) {
+ this.renderSelectedFiles(event, [pasteFile.getAsFile()], false, true);
+ }
+ };
+ Uploader.prototype.getSelectedFiles = function (index) {
+ var data = [];
+ var liElement = this.fileList[index];
+ var allFiles = this.getFilesData();
+ var nameElements = +liElement.getAttribute('data-files-count');
+ var startIndex = 0;
+ for (var i = 0; i < index; i++) {
+ startIndex += (+this.fileList[i].getAttribute('data-files-count'));
+ }
+ for (var j = startIndex; j < (startIndex + nameElements); j++) {
+ data.push(allFiles[j]);
+ }
+ return data;
+ };
+ Uploader.prototype.removeFiles = function (args) {
+ if (!this.enabled) {
+ return;
+ }
+ var selectedElement = args.target.parentElement;
+ var index = this.fileList.indexOf(selectedElement);
+ var liElement = this.fileList[index];
+ var formUpload = this.isFormUpload();
+ var fileData = formUpload ? this.getSelectedFiles(index) : this.getFilesInArray(this.filesData[index]);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fileData)) {
+ return;
+ }
+ if (args.target.classList.contains(ABORT_ICON) && !formUpload) {
+ fileData[0].statusCode = '5';
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement)) {
+ var spinnerTarget = liElement.querySelector('.' + ABORT_ICON);
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["createSpinner"])({ target: spinnerTarget, width: '20px' });
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["showSpinner"])(spinnerTarget);
+ }
+ if (this.sequentialUpload) {
+ /* istanbul ignore next */
+ this.uploadSequential();
+ }
+ if (!(liElement.classList.contains(RESTRICT_RETRY))) {
+ this.checkActionComplete(true);
+ }
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(args.target, '.' + SPINNER_PANE)) {
+ this.remove(fileData, false, false, true, args);
+ }
+ this.checkActionButtonStatus();
+ };
+ Uploader.prototype.removeFilesData = function (file, customTemplate) {
+ var index;
+ if (customTemplate) {
+ if (!this.showFileList) {
+ index = this.filesData.indexOf(file);
+ this.filesData.splice(index, 1);
+ }
+ return;
+ }
+ var selectedElement = this.getLiElement(file);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(selectedElement)) {
+ return;
+ }
+ this.element.value = '';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(selectedElement);
+ index = this.fileList.indexOf(selectedElement);
+ this.fileList.splice(index, 1);
+ this.filesData.splice(index, 1);
+ if (this.fileList.length === 0 && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.listParent)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.listParent);
+ this.listParent = null;
+ this.removeActionButtons();
+ }
+ if (this.sequentialUpload) {
+ /* istanbul ignore next */
+ if (index <= this.count) {
+ --this.count;
+ }
+ }
+ };
+ Uploader.prototype.removeUploadedFile = function (file, eventArgs, removeDirectly, custom) {
+ var _this = this;
+ var selectedFiles = file;
+ var ajax = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Ajax"](this.asyncSettings.removeUrl, 'POST', true, null);
+ ajax.emitError = false;
+ var formData = new FormData();
+ ajax.beforeSend = function (e) {
+ eventArgs.currentRequest = ajax.httpRequest;
+ if (!removeDirectly) {
+ _this.trigger('removing', eventArgs, function (eventArgs) {
+ if (eventArgs.cancel) {
+ e.cancel = true;
+ }
+ else {
+ _this.removingEventCallback(eventArgs, formData, selectedFiles, file);
+ }
+ });
+ }
+ else {
+ _this.removingEventCallback(eventArgs, formData, selectedFiles, file);
+ }
+ };
+ ajax.onLoad = function (e) {
+ _this.removeCompleted(e, selectedFiles, custom);
+ return {};
+ };
+ /* istanbul ignore next */
+ ajax.onError = function (e) {
+ _this.removeFailed(e, selectedFiles, custom);
+ return {};
+ };
+ ajax.send(formData);
+ };
+ Uploader.prototype.removingEventCallback = function (eventArgs, formData, selectedFiles, file) {
+ /* istanbul ignore next */
+ var name = this.element.getAttribute('name');
+ var liElement = this.getLiElement(file);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement) && (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.' + DELETE_ICON)) ||
+ !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.' + REMOVE_ICON)))) {
+ var spinnerTarget = liElement.querySelector('.' + DELETE_ICON) ?
+ liElement.querySelector('.' + DELETE_ICON) :
+ liElement.querySelector('.' + REMOVE_ICON);
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["createSpinner"])({ target: spinnerTarget, width: '20px' });
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["showSpinner"])(spinnerTarget);
+ }
+ if (eventArgs.postRawFile && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(selectedFiles.rawFile) && selectedFiles.rawFile !== '') {
+ formData.append(name, selectedFiles.rawFile, selectedFiles.name);
+ }
+ else {
+ formData.append(name, selectedFiles.name);
+ }
+ this.updateFormData(formData, eventArgs.customFormData);
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.updateFormData = function (formData, customData) {
+ if (customData.length > 0 && customData[0]) {
+ var _loop_1 = function (i) {
+ var data = customData[i];
+ // eslint-disable-next-line @typescript-eslint/tslint/config
+ var value = Object.keys(data).map(function (e) {
+ return data["" + e];
+ });
+ formData.append(Object.keys(data)[0], value);
+ };
+ for (var i = 0; i < customData.length; i++) {
+ _loop_1(i);
+ }
+ }
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.updateCustomheader = function (request, currentRequest) {
+ if (currentRequest.length > 0 && currentRequest[0]) {
+ var _loop_2 = function (i) {
+ var data = currentRequest[i];
+ // eslint-disable-next-line @typescript-eslint/tslint/config
+ var value = Object.keys(data).map(function (e) {
+ return data["" + e];
+ });
+ request.setRequestHeader(Object.keys(data)[0], value);
+ };
+ for (var i = 0; i < currentRequest.length; i++) {
+ _loop_2(i);
+ }
+ }
+ };
+ Uploader.prototype.removeCompleted = function (e, files, customTemplate) {
+ var response = e && e.currentTarget ? this.getResponse(e) : null;
+ var status = e.target;
+ if (status.readyState === 4 && status.status >= 200 && status.status <= 299) {
+ var args = {
+ e: e, response: response, operation: 'remove', file: this.updateStatus(files, this.localizedTexts('removedSuccessMessage'), '2')
+ };
+ this.trigger('success', args);
+ this.removeFilesData(files, customTemplate);
+ var index = this.uploadedFilesData.indexOf(files);
+ this.uploadedFilesData.splice(index, 1);
+ this.trigger('change', { files: this.uploadedFilesData });
+ }
+ else {
+ this.removeFailed(e, files, customTemplate);
+ }
+ };
+ Uploader.prototype.removeFailed = function (e, files, customTemplate) {
+ var response = e && e.currentTarget ? this.getResponse(e) : null;
+ var args = {
+ e: e, response: response, operation: 'remove', file: this.updateStatus(files, this.localizedTexts('removedFailedMessage'), '0')
+ };
+ if (!customTemplate) {
+ var index = this.filesData.indexOf(files);
+ var rootElement = this.fileList[index];
+ if (rootElement) {
+ rootElement.classList.remove(UPLOAD_SUCCESS);
+ rootElement.classList.add(UPLOAD_FAILED);
+ var statusElement = rootElement.querySelector('.' + STATUS);
+ if (statusElement) {
+ statusElement.classList.remove(UPLOAD_SUCCESS);
+ statusElement.classList.add(UPLOAD_FAILED);
+ }
+ }
+ this.checkActionButtonStatus();
+ }
+ this.trigger('failure', args);
+ var liElement = this.getLiElement(files);
+ /* istanbul ignore next */
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.' + DELETE_ICON))) {
+ var spinnerTarget = liElement.querySelector('.' + DELETE_ICON);
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["hideSpinner"])(spinnerTarget);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(liElement.querySelector('.e-spinner-pane'));
+ }
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.getFilesFromFolder = function (event) {
+ this.filesEntries = [];
+ var items = this.multiple ?
+ event.dataTransfer.items : [event.dataTransfer.items[0]];
+ var validDirectoryUpload = this.checkDirectoryUpload(items);
+ if (!validDirectoryUpload) {
+ return;
+ }
+ var _loop_3 = function (i) {
+ var item = items[i].webkitGetAsEntry();
+ if (item.isFile) {
+ var files_2 = [];
+ (item).file(function (fileObj) {
+ var path = item.fullPath;
+ files_2.push({ 'path': path, 'file': fileObj });
+ });
+ this_1.renderSelectedFiles(event, files_2, true);
+ }
+ else if (item.isDirectory) {
+ this_1.traverseFileTree(item, event);
+ }
+ };
+ var this_1 = this;
+ for (var i = 0; i < items.length; i++) {
+ _loop_3(i);
+ }
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.checkDirectoryUpload = function (items) {
+ for (var i = 0; items && i < items.length; i++) {
+ var item = items[i].webkitGetAsEntry();
+ if (item.isDirectory) {
+ return true;
+ }
+ }
+ return false;
+ };
+ /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+ /* istanbul ignore next */
+ Uploader.prototype.traverseFileTree = function (item, event) {
+ /* eslint-enable @typescript-eslint/explicit-module-boundary-types */
+ if (item.isFile) {
+ this.filesEntries.push(item);
+ }
+ else if (item.isDirectory) {
+ var directoryReader = item.createReader();
+ this.readFileFromDirectory(directoryReader, event);
+ }
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.readFileFromDirectory = function (directoryReader, event) {
+ var _this = this;
+ directoryReader.readEntries(function (entries) {
+ for (var i = 0; i < entries.length; i++) {
+ _this.traverseFileTree(entries[i], event);
+ }
+ _this.pushFilesEntries(event);
+ if (entries.length) {
+ _this.readFileFromDirectory(directoryReader);
+ }
+ });
+ };
+ Uploader.prototype.pushFilesEntries = function (event) {
+ var _this = this;
+ var files = [];
+ var _loop_4 = function (i) {
+ this_2.filesEntries[i].file(function (fileObj) {
+ if (_this.filesEntries.length) {
+ var path = _this.filesEntries[i].fullPath;
+ files.push({ 'path': path, 'file': fileObj });
+ if (i === _this.filesEntries.length - 1) {
+ _this.filesEntries = [];
+ _this.renderSelectedFiles(event, files, true);
+ }
+ }
+ });
+ };
+ var this_2 = this;
+ for (var i = 0; i < this.filesEntries.length; i++) {
+ _loop_4(i);
+ }
+ };
+ Uploader.prototype.onSelectFiles = function (args) {
+ if (!this.enabled) {
+ return;
+ }
+ var targetFiles;
+ /* istanbul ignore next */
+ if (args.type === 'drop') {
+ if (this.directoryUpload) {
+ this.getFilesFromFolder(args);
+ }
+ else {
+ var files = this.sortFilesList = args.dataTransfer.files;
+ if (this.browserName !== 'msie' && this.browserName !== 'edge' && this.browserName !== 'safari') {
+ this.element.files = files;
+ }
+ if (files.length > 0) {
+ targetFiles = this.multiple ? this.sortFileList(files) : [files[0]];
+ this.renderSelectedFiles(args, targetFiles);
+ }
+ }
+ }
+ else {
+ targetFiles = [].slice.call(args.target.files);
+ this.renderSelectedFiles(args, targetFiles);
+ }
+ if (this.isAngular) {
+ args.stopPropagation();
+ }
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.getBase64 = function (file) {
+ return new Promise(function (resolve, reject) {
+ var fileReader = new FileReader();
+ fileReader.readAsDataURL(file);
+ fileReader.onload = function () { return resolve(fileReader.result); };
+ fileReader.onerror = function (error) { return reject(error); };
+ });
+ };
+ /* istanbul ignore next */
+ /* tslint:ignore */
+ Uploader.prototype.renderSelectedFiles = function (args, targetFiles, directory, paste) {
+ var _this = this;
+ this.base64String = [];
+ var eventArgs = {
+ event: args,
+ cancel: false,
+ filesData: [],
+ isModified: false,
+ modifiedFilesData: [],
+ progressInterval: '',
+ isCanceled: false,
+ currentRequest: null,
+ customFormData: null
+ };
+ /* istanbul ignore next */
+ if (targetFiles.length < 1) {
+ eventArgs.isCanceled = true;
+ this.trigger('selected', eventArgs);
+ return;
+ }
+ this.flag = true;
+ var fileData = [];
+ if (!this.multiple) {
+ this.clearData(true);
+ targetFiles = [targetFiles[0]];
+ }
+ for (var i = 0; i < targetFiles.length; i++) {
+ var file = directory ? targetFiles[i].file : targetFiles[i];
+ this.updateInitialFileDetails(args, targetFiles, file, i, fileData, directory, paste);
+ }
+ eventArgs.filesData = fileData;
+ if (this.allowedExtensions.indexOf('*') > -1) {
+ this.allTypes = true;
+ }
+ if (this.enableHtmlSanitizer) {
+ for (var i = 0; i < fileData.length; i++) {
+ var sanitizeFile = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].beforeSanitize();
+ var sanitizeFileName = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].serializeValue(sanitizeFile, fileData[parseInt(i.toString())].name);
+ if (sanitizeFileName !== fileData[parseInt(i.toString())].name) {
+ var encodedFileName = targetFiles[parseInt(i.toString())].name.replace(/[\u00A0-\u9999<>\&]/g, function (i) {
+ return '&#' + i.charCodeAt(0) + ';';
+ });
+ fileData[parseInt(i.toString())].name = encodedFileName;
+ fileData[parseInt(i.toString())].status = this.localizedTexts('invalidFileName');
+ fileData[parseInt(i.toString())].statusCode = '0';
+ }
+ }
+ }
+ if (!this.allTypes) {
+ fileData = this.checkExtension(fileData);
+ }
+ this.trigger('selected', eventArgs, function (eventArgs) {
+ _this._internalRenderSelect(eventArgs, fileData);
+ });
+ };
+ Uploader.prototype.updateInitialFileDetails = function (args,
+ // eslint-disable-next-line @typescript-eslint/indent
+ targetFiles, file, i, fileData, directory, paste) {
+ var fileName = directory ? targetFiles[i].path.substring(1, targetFiles[i].path.length) : paste ?
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])(file.name.substring(0, file.name.lastIndexOf('.'))) + '.' + this.getFileType(file.name) :
+ this.directoryUpload ? targetFiles[i].webkitRelativePath : file.name;
+ var fileDetails = {
+ name: fileName,
+ rawFile: file,
+ size: file.size,
+ status: this.localizedTexts('readyToUploadMessage'),
+ type: this.getFileType(file.name),
+ validationMessages: this.validatedFileSize(file.size),
+ statusCode: '1',
+ id: Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])(file.name.substring(0, file.name.lastIndexOf('.'))) + '.' + this.getFileType(file.name)
+ };
+ /* istanbul ignore next */
+ if (paste) {
+ fileDetails.fileSource = 'paste';
+ }
+ fileDetails.status = fileDetails.validationMessages.minSize !== '' ? this.localizedTexts('invalidMinFileSize') :
+ fileDetails.validationMessages.maxSize !== '' ? this.localizedTexts('invalidMaxFileSize') : fileDetails.status;
+ if (fileDetails.validationMessages.minSize !== '' || fileDetails.validationMessages.maxSize !== '') {
+ fileDetails.statusCode = '0';
+ }
+ fileData.push(fileDetails);
+ };
+ Uploader.prototype._internalRenderSelect = function (eventArgs, fileData) {
+ if (!eventArgs.cancel) {
+ /* istanbul ignore next */
+ this.selectedFiles = this.selectedFiles.concat(fileData);
+ this.btnTabIndex = this.disableKeyboardNavigation ? '-1' : '0';
+ if (this.showFileList) {
+ if (eventArgs.isModified && eventArgs.modifiedFilesData.length > 0) {
+ for (var j = 0; j < eventArgs.modifiedFilesData.length; j++) {
+ for (var k = 0; k < fileData.length; k++) {
+ if (eventArgs.modifiedFilesData[j].id === fileData[k].id) {
+ eventArgs.modifiedFilesData[j].rawFile = fileData[k].rawFile;
+ }
+ }
+ }
+ var dataFiles = this.allTypes ? eventArgs.modifiedFilesData :
+ this.checkExtension(eventArgs.modifiedFilesData);
+ this.updateSortedFileList(dataFiles);
+ this.filesData = this.filesData.concat(dataFiles);
+ if (!this.isForm || this.allowUpload()) {
+ this.checkAutoUpload(dataFiles);
+ }
+ }
+ else {
+ this.createFileList(fileData, true);
+ if (!this.isForm || this.allowUpload()) {
+ this.checkAutoUpload(fileData);
+ }
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(eventArgs.progressInterval) && eventArgs.progressInterval !== '') {
+ this.progressInterval = eventArgs.progressInterval;
+ }
+ }
+ else {
+ this.filesData = this.filesData.concat(fileData);
+ if (this.autoUpload) {
+ this.upload(this.filesData, true);
+ }
+ }
+ this.raiseActionComplete();
+ this.isFirstFileOnSelection = true;
+ }
+ };
+ Uploader.prototype.allowUpload = function () {
+ var allowFormUpload = false;
+ if (this.isForm && (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.asyncSettings.saveUrl) && this.asyncSettings.saveUrl !== '')) {
+ allowFormUpload = true;
+ }
+ return allowFormUpload;
+ };
+ Uploader.prototype.isFormUpload = function () {
+ var isFormUpload = false;
+ if (this.isForm && ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.asyncSettings.saveUrl) || this.asyncSettings.saveUrl === '')
+ && (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.asyncSettings.removeUrl) || this.asyncSettings.removeUrl === ''))) {
+ isFormUpload = true;
+ }
+ return isFormUpload;
+ };
+ Uploader.prototype.clearData = function (singleUpload) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.listParent)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.listParent);
+ this.listParent = null;
+ }
+ if (this.browserName !== 'msie' && !singleUpload) {
+ this.element.value = '';
+ }
+ this.fileList = [];
+ this.filesData = [];
+ this.removeActionButtons();
+ };
+ Uploader.prototype.updateSortedFileList = function (filesData) {
+ var previousListClone = this.createElement('div', { id: 'clonewrapper' });
+ var added = -1;
+ var removedList;
+ if (this.listParent) {
+ for (var i = 0; i < this.listParent.querySelectorAll('li').length; i++) {
+ var liElement = this.listParent.querySelectorAll('li')[i];
+ previousListClone.appendChild(liElement.cloneNode(true));
+ }
+ this.removeActionButtons();
+ var oldList = [].slice.call(previousListClone.childNodes);
+ this.createParentUL();
+ for (var index = 0; index < filesData.length; index++) {
+ for (var j = 0; j < this.filesData.length; j++) {
+ if (this.filesData[j].name === filesData[index].name) {
+ this.listParent.appendChild(oldList[j]);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(oldList[j].querySelector('.e-icons'), 'click', this.removeFiles, this);
+ this.fileList.push(oldList[j]);
+ added = index;
+ }
+ }
+ if (added !== index) {
+ this.createFileList([filesData[index]]);
+ }
+ }
+ }
+ else {
+ this.createFileList(filesData);
+ }
+ };
+ Uploader.prototype.isBlank = function (str) {
+ return (!str || /^\s*$/.test(str));
+ };
+ Uploader.prototype.checkExtension = function (files) {
+ var dropFiles = files;
+ if (!this.isBlank(this.allowedExtensions)) {
+ var allowedExtensions = [];
+ var extensions = this.allowedExtensions.split(',');
+ for (var _i = 0, extensions_1 = extensions; _i < extensions_1.length; _i++) {
+ var extension = extensions_1[_i];
+ allowedExtensions.push(extension.trim().toLocaleLowerCase());
+ }
+ for (var i = 0; i < files.length; i++) {
+ if (allowedExtensions.indexOf(('.' + files[i].type).toLocaleLowerCase()) === -1) {
+ files[i].status = this.localizedTexts('invalidFileType');
+ files[i].statusCode = '0';
+ }
+ }
+ }
+ return dropFiles;
+ };
+ Uploader.prototype.validatedFileSize = function (fileSize) {
+ var minSizeError = '';
+ var maxSizeError = '';
+ if (fileSize < this.minFileSize) {
+ minSizeError = this.localizedTexts('invalidMinFileSize');
+ }
+ else if (fileSize > this.maxFileSize) {
+ maxSizeError = this.localizedTexts('invalidMaxFileSize');
+ }
+ else {
+ minSizeError = '';
+ maxSizeError = '';
+ }
+ var errorMessage = { minSize: minSizeError, maxSize: maxSizeError };
+ return errorMessage;
+ };
+ Uploader.prototype.isPreLoadFile = function (fileData) {
+ var isPreload = false;
+ for (var i = 0; i < this.files.length; i++) {
+ if (this.files[i].name === fileData.name.slice(0, fileData.name.lastIndexOf('.')) && this.files[i].type === fileData.type) {
+ isPreload = true;
+ }
+ }
+ return isPreload;
+ };
+ Uploader.prototype.createCustomfileList = function (fileData) {
+ this.createParentUL();
+ for (var _i = 0, fileData_1 = fileData; _i < fileData_1.length; _i++) {
+ var listItem = fileData_1[_i];
+ var listElement = this.createElement('li', { className: FILE, attrs: { 'data-file-name': listItem.name } });
+ this.uploadTemplateFn = this.templateComplier(this.template);
+ var liTempCompiler = this.uploadTemplateFn(listItem, this, 'template', this.element.id + 'Template', this.isStringTemplate, null, listElement);
+ if (liTempCompiler) {
+ var fromElements = [].slice.call(liTempCompiler);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(fromElements, listElement);
+ }
+ var index = fileData.indexOf(listItem);
+ var eventArgs = {
+ element: listElement,
+ fileInfo: listItem,
+ index: index,
+ isPreload: this.isPreLoadFile(listItem)
+ };
+ var eventsArgs = {
+ element: listElement,
+ fileInfo: listItem,
+ index: index,
+ isPreload: this.isPreLoadFile(listItem)
+ };
+ this.trigger('rendering', eventArgs);
+ this.trigger('fileListRendering', eventsArgs);
+ this.listParent.appendChild(listElement);
+ this.fileList.push(listElement);
+ }
+ this.renderReactTemplates();
+ };
+ Uploader.prototype.createParentUL = function () {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.listParent)) {
+ this.listParent = this.createElement('ul', { className: LIST_PARENT });
+ this.uploadWrapper.appendChild(this.listParent);
+ }
+ };
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ Uploader.prototype.formFileList = function (fileData, files) {
+ var fileList = this.createElement('li', { className: FILE });
+ fileList.setAttribute('data-files-count', fileData.length + '');
+ var fileContainer = this.createElement('span', { className: TEXT_CONTAINER });
+ var statusMessage;
+ for (var _i = 0, fileData_2 = fileData; _i < fileData_2.length; _i++) {
+ var listItem = fileData_2[_i];
+ var fileNameEle = this.createElement('span', { className: FILE_NAME });
+ fileNameEle.innerHTML = this.getFileNameOnly(listItem.name);
+ var fileTypeEle = this.createElement('span', { className: FILE_TYPE });
+ var fileType = this.getFileType(listItem.name);
+ fileTypeEle.innerHTML = '.' + fileType;
+ if (!fileType) {
+ fileTypeEle.classList.add('e-hidden');
+ }
+ if (!this.enableRtl) {
+ fileContainer.appendChild(fileNameEle);
+ fileContainer.appendChild(fileTypeEle);
+ }
+ else {
+ var rtlContainer = this.createElement('span', { className: RTL_CONTAINER });
+ rtlContainer.appendChild(fileTypeEle);
+ rtlContainer.appendChild(fileNameEle);
+ fileContainer.appendChild(rtlContainer);
+ }
+ this.truncateName(fileNameEle);
+ statusMessage = this.formValidateFileInfo(listItem, fileList);
+ }
+ fileList.appendChild(fileContainer);
+ this.setListToFileInfo(fileData, fileList);
+ var index = this.listParent.querySelectorAll('li').length;
+ var infoEle = this.createElement('span');
+ if (fileList.classList.contains(INVALID_FILE)) {
+ infoEle.classList.add(STATUS);
+ infoEle.classList.add(INVALID_FILE);
+ infoEle.innerText = fileData.length > 1 ? this.localizedTexts('invalidFileSelection') : statusMessage;
+ }
+ else {
+ infoEle.classList.add(fileData.length > 1 ? INFORMATION : FILE_SIZE);
+ infoEle.innerText = fileData.length > 1 ? this.localizedTexts('totalFiles') + ': ' + fileData.length + ' , '
+ + this.localizedTexts('size') + ': ' +
+ this.bytesToSize(this.getFileSize(fileData)) : this.bytesToSize(fileData[0].size);
+ this.createFormInput(fileData);
+ }
+ fileContainer.appendChild(infoEle);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fileList.querySelector('.e-icons'))) {
+ var iconElement = this.createElement('span', { className: 'e-icons', attrs: { 'tabindex': this.btnTabIndex } });
+ /* istanbul ignore next */
+ if (this.browserName === 'msie') {
+ iconElement.classList.add('e-msie');
+ }
+ iconElement.setAttribute('title', this.localizedTexts('remove'));
+ fileList.appendChild(fileContainer);
+ fileList.appendChild(iconElement);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(iconElement, 'click', this.removeFiles, this);
+ iconElement.classList.add(REMOVE_ICON);
+ }
+ var eventArgs = {
+ element: fileList,
+ fileInfo: this.mergeFileInfo(fileData, fileList),
+ index: index,
+ isPreload: this.isPreLoadFile(this.mergeFileInfo(fileData, fileList))
+ };
+ var eventsArgs = {
+ element: fileList,
+ fileInfo: this.mergeFileInfo(fileData, fileList),
+ index: index,
+ isPreload: this.isPreLoadFile(this.mergeFileInfo(fileData, fileList))
+ };
+ this.trigger('rendering', eventArgs);
+ this.trigger('fileListRendering', eventsArgs);
+ this.listParent.appendChild(fileList);
+ this.fileList.push(fileList);
+ };
+ Uploader.prototype.formValidateFileInfo = function (listItem, fileList) {
+ var statusMessage = listItem.status;
+ var validationMessages = this.validatedFileSize(listItem.size);
+ if (validationMessages.minSize !== '' || validationMessages.maxSize !== '') {
+ this.addInvalidClass(fileList);
+ statusMessage = validationMessages.minSize !== '' ? this.localizedTexts('invalidMinFileSize') :
+ validationMessages.maxSize !== '' ? this.localizedTexts('invalidMaxFileSize') : statusMessage;
+ }
+ var typeValidationMessage = this.checkExtension(this.getFilesInArray(listItem))[0].status;
+ if (typeValidationMessage === this.localizedTexts('invalidFileType')) {
+ this.addInvalidClass(fileList);
+ statusMessage = typeValidationMessage;
+ }
+ return statusMessage;
+ };
+ Uploader.prototype.addInvalidClass = function (fileList) {
+ fileList.classList.add(INVALID_FILE);
+ };
+ Uploader.prototype.createFormInput = function (fileData) {
+ if (this.browserName !== 'safari') {
+ var inputElement = this.element.cloneNode(true);
+ inputElement.classList.add(HIDDEN_INPUT);
+ for (var _i = 0, fileData_3 = fileData; _i < fileData_3.length; _i++) {
+ var listItem = fileData_3[_i];
+ listItem.input = inputElement;
+ }
+ inputElement.setAttribute('id', Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('hiddenUploader'));
+ inputElement.setAttribute('name', this.uploaderName);
+ this.uploadWrapper.querySelector('.' + INPUT_WRAPPER).appendChild(inputElement);
+ if (this.browserName !== 'msie' && this.browserName !== 'edge') {
+ this.element.value = '';
+ }
+ }
+ };
+ Uploader.prototype.getFileSize = function (fileData) {
+ var fileSize = 0;
+ for (var _i = 0, fileData_4 = fileData; _i < fileData_4.length; _i++) {
+ var file = fileData_4[_i];
+ fileSize += file.size;
+ }
+ return fileSize;
+ };
+ Uploader.prototype.mergeFileInfo = function (fileData, fileList) {
+ var result = {
+ name: '',
+ rawFile: '',
+ size: 0,
+ status: '',
+ type: '',
+ validationMessages: { minSize: '', maxSize: '' },
+ statusCode: '1',
+ list: fileList
+ };
+ var fileNames = [];
+ var type = '';
+ for (var _i = 0, fileData_5 = fileData; _i < fileData_5.length; _i++) {
+ var listItem = fileData_5[_i];
+ fileNames.push(listItem.name);
+ type = listItem.type;
+ }
+ result.name = fileNames.join(', ');
+ result.size = this.getFileSize(fileData);
+ result.type = type;
+ result.status = this.statusForFormUpload(fileData, fileList);
+ return result;
+ };
+ Uploader.prototype.statusForFormUpload = function (fileData, fileList) {
+ var isValid = true;
+ var statusMessage;
+ for (var _i = 0, fileData_6 = fileData; _i < fileData_6.length; _i++) {
+ var listItem = fileData_6[_i];
+ statusMessage = listItem.status;
+ var validationMessages = this.validatedFileSize(listItem.size);
+ if (validationMessages.minSize !== '' || validationMessages.maxSize !== '') {
+ isValid = false;
+ statusMessage = validationMessages.minSize !== '' ? this.localizedTexts('invalidMinFileSize') :
+ validationMessages.maxSize !== '' ? this.localizedTexts('invalidMaxFileSize') : statusMessage;
+ }
+ var typeValidationMessage = this.checkExtension(this.getFilesInArray(listItem))[0].status;
+ if (typeValidationMessage === this.localizedTexts('invalidFileType')) {
+ isValid = false;
+ statusMessage = typeValidationMessage;
+ }
+ }
+ if (!isValid) {
+ fileList.classList.add(INVALID_FILE);
+ statusMessage = fileData.length > 1 ? this.localizedTexts('invalidFileSelection') : statusMessage;
+ }
+ else {
+ statusMessage = this.localizedTexts('totalFiles') + ': ' + fileData.length + ' , '
+ + this.localizedTexts('size') + ': ' +
+ this.bytesToSize(this.getFileSize(fileData));
+ }
+ return statusMessage;
+ };
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ Uploader.prototype.formCustomFileList = function (fileData, files) {
+ this.createParentUL();
+ var fileList = this.createElement('li', { className: FILE });
+ fileList.setAttribute('data-files-count', fileData.length + '');
+ this.setListToFileInfo(fileData, fileList);
+ var result = this.mergeFileInfo(fileData, fileList);
+ fileList.setAttribute('data-file-name', result.name);
+ this.uploadTemplateFn = this.templateComplier(this.template);
+ var liTempCompiler = this.uploadTemplateFn(result, this, 'template', this.element.id + 'Template', this.isStringTemplate, null, fileList);
+ if (liTempCompiler) {
+ var fromElements = [].slice.call(liTempCompiler);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(fromElements, fileList);
+ }
+ var index = this.listParent.querySelectorAll('li').length;
+ if (!fileList.classList.contains(INVALID_FILE)) {
+ this.createFormInput(fileData);
+ }
+ var eventArgs = {
+ element: fileList,
+ fileInfo: result,
+ index: index,
+ isPreload: this.isPreLoadFile(result)
+ };
+ var eventsArgs = {
+ element: fileList,
+ fileInfo: result,
+ index: index,
+ isPreload: this.isPreLoadFile(result)
+ };
+ this.trigger('rendering', eventArgs);
+ this.trigger('fileListRendering', eventsArgs);
+ this.listParent.appendChild(fileList);
+ this.fileList.push(fileList);
+ this.renderReactTemplates();
+ };
+ /* eslint-disable valid-jsdoc, jsdoc/require-param */
+ /**
+ * Create the file list for specified files data.
+ *
+ * @param { FileInfo[] } fileData - Specifies the files data for file list creation.
+ * @returns {void}
+ */
+ Uploader.prototype.createFileList = function (fileData, isSelectedFile) {
+ /* eslint-enable valid-jsdoc, jsdoc/require-param */
+ this.createParentUL();
+ this.filesData = (isSelectedFile) ? this.filesData.concat(fileData) : fileData;
+ if (this.template !== '' && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.template)) {
+ if (this.isFormUpload()) {
+ this.uploadWrapper.classList.add(FORM_UPLOAD);
+ this.formCustomFileList(fileData, this.element.files);
+ }
+ else {
+ this.createCustomfileList(fileData);
+ }
+ }
+ else if (this.isFormUpload()) {
+ this.uploadWrapper.classList.add(FORM_UPLOAD);
+ this.formFileList(fileData, this.element.files);
+ }
+ else {
+ for (var _i = 0, fileData_7 = fileData; _i < fileData_7.length; _i++) {
+ var listItem = fileData_7[_i];
+ var liElement = this.createElement('li', {
+ className: FILE,
+ attrs: { 'data-file-name': listItem.name, 'data-files-count': '1' }
+ });
+ var textContainer = this.createElement('span', { className: TEXT_CONTAINER });
+ var textElement = this.createElement('span', { className: FILE_NAME, attrs: { 'title': listItem.name } });
+ textElement.innerHTML = this.getFileNameOnly(listItem.name);
+ var fileExtension = this.createElement('span', { className: FILE_TYPE });
+ var fileType = this.getFileType(listItem.name);
+ fileExtension.innerHTML = '.' + fileType;
+ if (!fileType) {
+ fileExtension.classList.add('e-hidden');
+ }
+ if (!this.enableRtl) {
+ textContainer.appendChild(textElement);
+ textContainer.appendChild(fileExtension);
+ }
+ else {
+ var rtlContainer = this.createElement('span', { className: RTL_CONTAINER });
+ rtlContainer.appendChild(fileExtension);
+ rtlContainer.appendChild(textElement);
+ textContainer.appendChild(rtlContainer);
+ }
+ var fileSize = this.createElement('span', { className: FILE_SIZE });
+ fileSize.innerHTML = this.bytesToSize(listItem.size);
+ textContainer.appendChild(fileSize);
+ var statusElement = this.createElement('span', { className: STATUS });
+ textContainer.appendChild(statusElement);
+ statusElement.innerHTML = listItem.status;
+ liElement.appendChild(textContainer);
+ var iconElement = this.createElement('span', { className: ' e-icons',
+ attrs: { 'tabindex': this.btnTabIndex } });
+ /* istanbul ignore next */
+ if (this.browserName === 'msie') {
+ iconElement.classList.add('e-msie');
+ }
+ iconElement.setAttribute('title', this.localizedTexts('remove'));
+ liElement.appendChild(iconElement);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(iconElement, 'click', this.removeFiles, this);
+ if (listItem.statusCode === '2') {
+ statusElement.classList.add(UPLOAD_SUCCESS);
+ iconElement.classList.add(DELETE_ICON);
+ iconElement.setAttribute('title', this.localizedTexts('delete'));
+ }
+ else if (listItem.statusCode !== '1') {
+ statusElement.classList.remove(UPLOAD_SUCCESS);
+ statusElement.classList.add(VALIDATION_FAILS);
+ }
+ if (this.autoUpload && listItem.statusCode === '1' && this.asyncSettings.saveUrl !== '') {
+ statusElement.innerHTML = '';
+ }
+ if (!iconElement.classList.contains(DELETE_ICON)) {
+ iconElement.classList.add(REMOVE_ICON);
+ }
+ var index = fileData.indexOf(listItem);
+ var eventArgs = {
+ element: liElement,
+ fileInfo: listItem,
+ index: index,
+ isPreload: this.isPreLoadFile(listItem)
+ };
+ var eventsArgs = {
+ element: liElement,
+ fileInfo: listItem,
+ index: index,
+ isPreload: this.isPreLoadFile(listItem)
+ };
+ this.trigger('rendering', eventArgs);
+ this.trigger('fileListRendering', eventsArgs);
+ this.listParent.appendChild(liElement);
+ this.fileList.push(liElement);
+ this.truncateName(textElement);
+ var preventActionComplete = this.flag;
+ if (this.isPreLoadFile(listItem)) {
+ this.flag = false;
+ this.checkActionComplete(true);
+ this.flag = preventActionComplete;
+ }
+ }
+ }
+ };
+ Uploader.prototype.getSlicedName = function (nameElement) {
+ var text = nameElement.textContent;
+ nameElement.dataset.tail = text.slice(text.length - 10);
+ };
+ Uploader.prototype.setListToFileInfo = function (fileData, fileList) {
+ for (var _i = 0, fileData_8 = fileData; _i < fileData_8.length; _i++) {
+ var listItem = fileData_8[_i];
+ listItem.list = fileList;
+ }
+ };
+ Uploader.prototype.truncateName = function (name) {
+ var nameElement = name;
+ if (this.browserName !== 'edge' && nameElement.offsetWidth < nameElement.scrollWidth) {
+ this.getSlicedName(nameElement);
+ /* istanbul ignore next */
+ }
+ else if (nameElement.offsetWidth + 1 < nameElement.scrollWidth) {
+ this.getSlicedName(nameElement);
+ }
+ };
+ Uploader.prototype.getFileType = function (name) {
+ var extension;
+ var index = name.lastIndexOf('.');
+ if (index >= 0) {
+ extension = name.substring(index + 1);
+ }
+ return extension ? extension : '';
+ };
+ Uploader.prototype.getFileNameOnly = function (name) {
+ var type = this.getFileType(name);
+ var names = name.split('.' + type);
+ return type = names[0];
+ };
+ Uploader.prototype.setInitialAttributes = function () {
+ if (this.initialAttr.accept) {
+ this.element.setAttribute('accept', this.initialAttr.accept);
+ }
+ if (this.initialAttr.disabled) {
+ this.element.setAttribute('disabled', 'disabled');
+ }
+ if (this.initialAttr.multiple) {
+ var newAttr = document.createAttribute('multiple');
+ this.element.setAttributeNode(newAttr);
+ }
+ };
+ Uploader.prototype.filterfileList = function (files) {
+ var filterFiles = [];
+ var li;
+ for (var i = 0; i < files.length; i++) {
+ li = this.getLiElement(files[i]);
+ if (!li.classList.contains(UPLOAD_SUCCESS)) {
+ filterFiles.push(files[i]);
+ }
+ }
+ return filterFiles;
+ };
+ Uploader.prototype.updateStatus = function (files, status, statusCode, updateLiStatus) {
+ if (updateLiStatus === void 0) { updateLiStatus = true; }
+ if (!(status === '' || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(status)) && !(statusCode === '' || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(statusCode))) {
+ files.status = status;
+ files.statusCode = statusCode;
+ }
+ if (updateLiStatus) {
+ var li = this.getLiElement(files);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li)) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li.querySelector('.' + STATUS)) && !((status === '' || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(status)))) {
+ li.querySelector('.' + STATUS).textContent = status;
+ }
+ }
+ }
+ return files;
+ };
+ Uploader.prototype.getLiElement = function (files) {
+ var index;
+ for (var i = 0; i < this.filesData.length; i++) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(files) && ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.filesData[i].id) &&
+ !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(files.id)) ? (this.filesData[i].name === files.name &&
+ this.filesData[i].id === files.id) : this.filesData[i].name === files.name)) {
+ index = i;
+ }
+ }
+ return this.fileList[index];
+ };
+ Uploader.prototype.createProgressBar = function (liElement) {
+ var progressbarWrapper = this.createElement('span', { className: PROGRESS_WRAPPER });
+ var progressBar = this.createElement('progressbar', { className: PROGRESSBAR, attrs: { value: '0', max: '100' } });
+ var progressbarInnerWrapper = this.createElement('span', { className: PROGRESS_INNER_WRAPPER });
+ progressBar.setAttribute('style', 'width: 0%');
+ var progressbarText = this.createElement('span', { className: PROGRESSBAR_TEXT });
+ progressbarText.textContent = '0%';
+ progressbarInnerWrapper.appendChild(progressBar);
+ progressbarWrapper.appendChild(progressbarInnerWrapper);
+ progressbarWrapper.appendChild(progressbarText);
+ liElement.querySelector('.' + TEXT_CONTAINER).appendChild(progressbarWrapper);
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.updateProgressbar = function (e, li) {
+ if (!isNaN(Math.round((e.loaded / e.total) * 100)) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li.querySelector('.' + PROGRESSBAR))) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.progressInterval) && this.progressInterval !== '') {
+ var value = (Math.round((e.loaded / e.total) * 100)) % parseInt(this.progressInterval, 10);
+ if (value === 0 || value === 100) {
+ this.changeProgressValue(li, Math.round((e.loaded / e.total) * 100).toString() + '%');
+ }
+ }
+ else {
+ this.changeProgressValue(li, Math.round((e.loaded / e.total) * 100).toString() + '%');
+ }
+ }
+ };
+ Uploader.prototype.changeProgressValue = function (li, progressValue) {
+ li.querySelector('.' + PROGRESSBAR).setAttribute('style', 'width:' + progressValue);
+ li.querySelector('.' + PROGRESSBAR_TEXT).textContent = progressValue;
+ };
+ Uploader.prototype.uploadInProgress = function (e, files, customUI, request) {
+ var li = this.getLiElement(files);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li) && (!customUI)) {
+ return;
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li)) {
+ /* istanbul ignore next */
+ if (files.statusCode === '5') {
+ this.cancelUploadingFile(files, e, request, li);
+ }
+ if (!(li.querySelectorAll('.' + PROGRESS_WRAPPER).length > 0) && li.querySelector('.' + STATUS)) {
+ li.querySelector('.' + STATUS).classList.add(UPLOAD_INPROGRESS);
+ this.createProgressBar(li);
+ this.updateProgressBarClasses(li, UPLOAD_INPROGRESS);
+ li.querySelector('.' + STATUS).classList.remove(UPLOAD_FAILED);
+ }
+ this.updateProgressbar(e, li);
+ var iconEle = li.querySelector('.' + REMOVE_ICON);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(iconEle)) {
+ iconEle.classList.add(ABORT_ICON, UPLOAD_INPROGRESS);
+ iconEle.setAttribute('title', this.localizedTexts('abort'));
+ iconEle.classList.remove(REMOVE_ICON);
+ }
+ }
+ else {
+ this.cancelUploadingFile(files, e, request);
+ }
+ var args = { e: e, operation: 'upload', file: this.updateStatus(files, this.localizedTexts('inProgress'), '3') };
+ this.trigger('progress', args);
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.cancelUploadingFile = function (files, e, request, li) {
+ var _this = this;
+ if (files.statusCode === '5') {
+ var eventArgs = {
+ event: e,
+ fileData: files,
+ cancel: false,
+ customFormData: []
+ };
+ this.trigger('canceling', eventArgs, function (eventArgs) {
+ if (eventArgs.cancel) {
+ files.statusCode = '3';
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li)) {
+ var spinnerTarget = li.querySelector('.' + ABORT_ICON);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(spinnerTarget)) {
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["hideSpinner"])(spinnerTarget);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(li.querySelector('.e-spinner-pane'));
+ }
+ }
+ }
+ else {
+ request.emitError = false;
+ request.httpRequest.abort();
+ var formData = new FormData();
+ if (files.statusCode === '5') {
+ var name_1 = _this.element.getAttribute('name');
+ formData.append(name_1, files.name);
+ formData.append('cancel-uploading', files.name);
+ _this.updateFormData(formData, eventArgs.customFormData);
+ var ajax = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Ajax"](_this.asyncSettings.removeUrl, 'POST', true, null);
+ ajax.emitError = false;
+ ajax.onLoad = function (e) {
+ _this.removecanceledFile(e, files);
+ return {};
+ };
+ ajax.send(formData);
+ }
+ }
+ });
+ }
+ };
+ Uploader.prototype.removecanceledFile = function (e, file) {
+ var liElement = this.getLiElement(file);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement) || liElement.querySelector('.' + RETRY_ICON) || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.' + ABORT_ICON))) {
+ return;
+ }
+ this.updateStatus(file, this.localizedTexts('fileUploadCancel'), '5');
+ this.renderFailureState(e, file, liElement);
+ var spinnerTarget = liElement.querySelector('.' + REMOVE_ICON);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement)) {
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["hideSpinner"])(spinnerTarget);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.e-spinner-pane'))) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(liElement.querySelector('.e-spinner-pane'));
+ }
+ }
+ var requestResponse = e && e.currentTarget ? this.getResponse(e) : null;
+ var args = { event: e, response: requestResponse, operation: 'cancel', file: file };
+ this.trigger('success', args);
+ };
+ Uploader.prototype.renderFailureState = function (e, file, liElement) {
+ var _this = this;
+ this.updateProgressBarClasses(liElement, UPLOAD_FAILED);
+ this.removeProgressbar(liElement, 'failure');
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.e-file-status'))) {
+ liElement.querySelector('.e-file-status').classList.add(UPLOAD_FAILED);
+ }
+ var deleteIcon = liElement.querySelector('.' + ABORT_ICON);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(deleteIcon)) {
+ return;
+ }
+ deleteIcon.classList.remove(ABORT_ICON, UPLOAD_INPROGRESS);
+ deleteIcon.classList.add(REMOVE_ICON);
+ deleteIcon.setAttribute('title', this.localizedTexts('remove'));
+ this.pauseButton = this.createElement('span', { className: 'e-icons e-file-reload-btn', attrs: { 'tabindex': this.btnTabIndex } });
+ deleteIcon.parentElement.insertBefore(this.pauseButton, deleteIcon);
+ this.pauseButton.setAttribute('title', this.localizedTexts('retry'));
+ var retryElement = liElement.querySelector('.' + RETRY_ICON);
+ /* istanbul ignore next */
+ retryElement.addEventListener('click', function (e) {
+ _this.reloadcanceledFile(e, file, liElement, false);
+ }, false);
+ };
+ Uploader.prototype.reloadcanceledFile = function (e, file, liElement, custom) {
+ file.statusCode = '1';
+ file.status = this.localizedTexts('readyToUploadMessage');
+ if (!custom) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.' + STATUS))) {
+ liElement.querySelector('.' + STATUS).classList.remove(UPLOAD_FAILED);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.' + RETRY_ICON))) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(liElement.querySelector('.' + RETRY_ICON));
+ }
+ this.pauseButton = null;
+ }
+ /* istanbul ignore next */
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement)) {
+ liElement.classList.add(RESTRICT_RETRY);
+ }
+ this.upload([file]);
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.uploadComplete = function (e, file, customUI) {
+ var status = e.target;
+ if (status.readyState === 4 && status.status >= 200 && status.status <= 299) {
+ var li = this.getLiElement(file);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li) && (!customUI || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(customUI))) {
+ return;
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li)) {
+ this.updateProgressBarClasses(li, UPLOAD_SUCCESS);
+ this.removeProgressbar(li, 'success');
+ var iconEle = li.querySelector('.' + ABORT_ICON);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(iconEle)) {
+ iconEle.classList.add(DELETE_ICON);
+ iconEle.setAttribute('title', this.localizedTexts('delete'));
+ iconEle.classList.remove(ABORT_ICON);
+ iconEle.classList.remove(UPLOAD_INPROGRESS);
+ }
+ }
+ this.raiseSuccessEvent(e, file);
+ }
+ else {
+ this.uploadFailed(e, file);
+ }
+ };
+ Uploader.prototype.getResponse = function (e) {
+ var target = e.currentTarget;
+ var response = {
+ readyState: target.readyState,
+ statusCode: target.status,
+ statusText: target.statusText,
+ headers: target.getAllResponseHeaders(),
+ withCredentials: target.withCredentials
+ };
+ return response;
+ };
+ Uploader.prototype.raiseSuccessEvent = function (e, file) {
+ var _this = this;
+ var response = e && e.currentTarget ? this.getResponse(e) : null;
+ var statusMessage = this.localizedTexts('uploadSuccessMessage');
+ var args = {
+ e: e, response: response, operation: 'upload', file: this.updateStatus(file, statusMessage, '2', false), statusText: statusMessage
+ };
+ var liElement = this.getLiElement(file);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement)) {
+ var spinnerEle = liElement.querySelector('.' + SPINNER_PANE);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(spinnerEle)) {
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["hideSpinner"])(liElement);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(spinnerEle);
+ }
+ }
+ this.trigger('success', args, function (args) {
+ _this.updateStatus(file, args.statusText, '2');
+ _this.uploadedFilesData.push(file);
+ _this.trigger('change', { file: _this.uploadedFilesData });
+ _this.checkActionButtonStatus();
+ if (_this.fileList.length > 0) {
+ if ((!(_this.getLiElement(file)).classList.contains(RESTRICT_RETRY))) {
+ _this.uploadSequential();
+ _this.checkActionComplete(true);
+ }
+ else {
+ /* istanbul ignore next */
+ (_this.getLiElement(file)).classList.remove(RESTRICT_RETRY);
+ }
+ }
+ });
+ };
+ Uploader.prototype.uploadFailed = function (e, file) {
+ var _this = this;
+ var li = this.getLiElement(file);
+ var response = e && e.currentTarget ? this.getResponse(e) : null;
+ var statusMessage = this.localizedTexts('uploadFailedMessage');
+ var args = {
+ e: e, response: response, operation: 'upload', file: this.updateStatus(file, statusMessage, '0', false), statusText: statusMessage
+ };
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li)) {
+ this.renderFailureState(e, file, li);
+ }
+ this.trigger('failure', args, function (args) {
+ _this.updateStatus(file, args.statusText, '0');
+ _this.checkActionButtonStatus();
+ _this.uploadSequential();
+ _this.checkActionComplete(true);
+ });
+ };
+ Uploader.prototype.uploadSequential = function () {
+ if (this.sequentialUpload) {
+ if (this.autoUpload) {
+ /* istanbul ignore next */
+ this.checkAutoUpload(this.filesData);
+ }
+ else {
+ this.uploadButtonClick();
+ }
+ }
+ };
+ Uploader.prototype.checkActionComplete = function (increment) {
+ if (increment) {
+ ++this.actionCompleteCount;
+ }
+ else {
+ --this.actionCompleteCount;
+ }
+ this.raiseActionComplete();
+ };
+ Uploader.prototype.raiseActionComplete = function () {
+ if ((this.filesData.length === this.actionCompleteCount) && this.flag) {
+ this.flag = false;
+ var eventArgs = {
+ fileData: []
+ };
+ eventArgs.fileData = this.getSelectedFileStatus(this.selectedFiles);
+ this.trigger('actionComplete', eventArgs);
+ }
+ };
+ Uploader.prototype.getSelectedFileStatus = function (selectedFiles) {
+ var matchFiles = [];
+ var matchFilesIndex = 0;
+ for (var selectFileIndex = 0; selectFileIndex < selectedFiles.length; selectFileIndex++) {
+ var selectedFileData = selectedFiles[selectFileIndex];
+ for (var fileDataIndex = 0; fileDataIndex < this.filesData.length; fileDataIndex++) {
+ if (this.filesData[fileDataIndex].name === selectedFileData.name && this.filesData[fileDataIndex].status === selectedFileData.status) {
+ matchFiles[matchFilesIndex] = this.filesData[fileDataIndex];
+ ++matchFilesIndex;
+ }
+ }
+ }
+ return matchFiles;
+ };
+ Uploader.prototype.updateProgressBarClasses = function (li, className) {
+ var progressBar = li.querySelector('.' + PROGRESSBAR);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(progressBar)) {
+ progressBar.classList.add(className);
+ }
+ };
+ Uploader.prototype.removeProgressbar = function (li, callType) {
+ var _this = this;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li.querySelector('.' + PROGRESS_WRAPPER))) {
+ this.progressAnimation = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"]({ duration: 1250 });
+ this.progressAnimation.animate(li.querySelector('.' + PROGRESS_WRAPPER), { name: 'FadeOut' });
+ this.progressAnimation.animate(li.querySelector('.' + PROGRESSBAR_TEXT), { name: 'FadeOut' });
+ setTimeout(function () {
+ _this.animateProgressBar(li, callType);
+ }, 750);
+ }
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.animateProgressBar = function (li, callType) {
+ if (callType === 'success') {
+ li.classList.add(UPLOAD_SUCCESS);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li.querySelector('.' + STATUS))) {
+ li.querySelector('.' + STATUS).classList.remove(UPLOAD_INPROGRESS);
+ this.progressAnimation.animate(li.querySelector('.' + STATUS), { name: 'FadeIn' });
+ li.querySelector('.' + STATUS).classList.add(UPLOAD_SUCCESS);
+ }
+ }
+ else {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li.querySelector('.' + STATUS))) {
+ li.querySelector('.' + STATUS).classList.remove(UPLOAD_INPROGRESS);
+ this.progressAnimation.animate(li.querySelector('.' + STATUS), { name: 'FadeIn' });
+ li.querySelector('.' + STATUS).classList.add(UPLOAD_FAILED);
+ }
+ }
+ if (li.querySelector('.' + PROGRESS_WRAPPER)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(li.querySelector('.' + PROGRESS_WRAPPER));
+ }
+ };
+ Uploader.prototype.setExtensions = function (extensions) {
+ if (extensions !== '' && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(extensions)) {
+ this.element.setAttribute('accept', extensions);
+ }
+ else {
+ this.element.removeAttribute('accept');
+ }
+ };
+ Uploader.prototype.templateComplier = function (uploadTemplate) {
+ if (uploadTemplate) {
+ try {
+ if (typeof uploadTemplate !== 'function' && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])(uploadTemplate, document).length) {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])(uploadTemplate, document).innerHTML.trim());
+ }
+ else {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(uploadTemplate);
+ }
+ }
+ catch (exception) {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(uploadTemplate);
+ }
+ }
+ return undefined;
+ };
+ Uploader.prototype.setRTL = function () {
+ if (this.enableRtl) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.uploadWrapper], RTL);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.uploadWrapper], RTL);
+ }
+ };
+ Uploader.prototype.localizedTexts = function (localeText) {
+ this.l10n.setLocale(this.locale);
+ return this.l10n.getConstant(localeText);
+ };
+ Uploader.prototype.setControlStatus = function () {
+ if (!this.enabled) {
+ this.uploadWrapper.classList.add(DISABLED);
+ this.element.setAttribute('disabled', 'disabled');
+ this.browseButton.setAttribute('disabled', 'disabled');
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.clearButton)) {
+ this.clearButton.setAttribute('disabled', 'disabled');
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.uploadButton)) {
+ this.uploadButton.setAttribute('disabled', 'disabled');
+ }
+ }
+ else {
+ if (this.uploadWrapper.classList.contains(DISABLED)) {
+ this.uploadWrapper.classList.remove(DISABLED);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.browseButton) && this.element.hasAttribute('disabled')) {
+ this.element.removeAttribute('disabled');
+ this.browseButton.removeAttribute('disabled');
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.clearButton) && this.clearButton.hasAttribute('disabled')) {
+ this.clearButton.removeAttribute('disabled');
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.uploadButton) && this.uploadButton.hasAttribute('disabled')) {
+ this.uploadButton.hasAttribute('disabled');
+ }
+ }
+ };
+ Uploader.prototype.checkHTMLAttributes = function (isDynamic) {
+ var attributes = isDynamic ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
+ ['accept', 'multiple', 'disabled'];
+ for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
+ var prop = attributes_1[_i];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.getAttribute(prop))) {
+ switch (prop) {
+ case 'accept':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.uploaderOptions) || (this.uploaderOptions['allowedExtensions'] === undefined))
+ || isDynamic) {
+ this.setProperties({ allowedExtensions: this.element.getAttribute('accept') }, !isDynamic);
+ this.initialAttr.accept = this.allowedExtensions;
+ }
+ break;
+ case 'multiple':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.uploaderOptions) || (this.uploaderOptions['multiple'] === undefined)) || isDynamic) {
+ var isMutiple = this.element.getAttribute(prop) === 'multiple' ||
+ this.element.getAttribute(prop) === '' || this.element.getAttribute(prop) === 'true' ? true : false;
+ this.setProperties({ multiple: isMutiple }, !isDynamic);
+ this.initialAttr.multiple = true;
+ }
+ break;
+ case 'disabled':
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.uploaderOptions) || (this.uploaderOptions['enabled'] === undefined)) || isDynamic) {
+ var isDisabled = this.element.getAttribute(prop) === 'disabled' ||
+ this.element.getAttribute(prop) === '' || this.element.getAttribute(prop) === 'true' ? false : true;
+ this.setProperties({ enabled: isDisabled }, !isDynamic);
+ this.initialAttr.disabled = true;
+ }
+ }
+ }
+ }
+ };
+ Uploader.prototype.chunkUpload = function (file, custom, fileIndex) {
+ var start = 0;
+ var end = Math.min(this.asyncSettings.chunkSize, file.size);
+ var index = 0;
+ var blob = file.rawFile.slice(start, end);
+ var metaData = { chunkIndex: index, blob: blob, file: file, start: start, end: end, retryCount: 0, request: null };
+ this.sendRequest(file, metaData, custom, fileIndex);
+ };
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ Uploader.prototype.sendRequest = function (file, metaData, custom, fileIndex) {
+ var _this = this;
+ var formData = new FormData();
+ var blob = file.rawFile.slice(metaData.start, metaData.end);
+ formData.append(this.uploaderName, blob, file.name);
+ formData.append('chunk-index', metaData.chunkIndex.toString());
+ formData.append('chunkIndex', metaData.chunkIndex.toString());
+ var totalChunk = Math.max(Math.ceil(file.size / this.asyncSettings.chunkSize), 1);
+ formData.append('total-chunk', totalChunk.toString());
+ formData.append('totalChunk', totalChunk.toString());
+ var ajax = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Ajax"]({ url: this.asyncSettings.saveUrl, type: 'POST', async: true, contentType: null });
+ ajax.emitError = false;
+ ajax.onLoad = function (e) {
+ _this.chunkUploadComplete(e, metaData, custom);
+ return {};
+ };
+ ajax.onUploadProgress = function (e) {
+ _this.chunkUploadInProgress(e, metaData, custom);
+ return {};
+ };
+ var eventArgs = {
+ fileData: file,
+ customFormData: [],
+ cancel: false,
+ chunkSize: this.asyncSettings.chunkSize === 0 ? null : this.asyncSettings.chunkSize
+ };
+ ajax.beforeSend = function (e) {
+ eventArgs.currentRequest = ajax.httpRequest;
+ eventArgs.currentChunkIndex = metaData.chunkIndex;
+ if (eventArgs.currentChunkIndex === 0) {
+ // This event is currently not required but to avoid breaking changes for previous customer, we have included.
+ _this.trigger('uploading', eventArgs, function (eventArgs) {
+ _this.uploadingEventCallback(formData, eventArgs, e, file);
+ });
+ }
+ else {
+ _this.trigger('chunkUploading', eventArgs, function (eventArgs) {
+ _this.uploadingEventCallback(formData, eventArgs, e, file);
+ });
+ }
+ };
+ /* istanbul ignore next */
+ ajax.onError = function (e) {
+ _this.chunkUploadFailed(e, metaData, custom);
+ return {};
+ };
+ ajax.send(formData);
+ metaData.request = ajax;
+ };
+ Uploader.prototype.uploadingEventCallback = function (formData, eventArgs, e, file) {
+ if (eventArgs.cancel) {
+ this.eventCancelByArgs(e, eventArgs, file);
+ }
+ else {
+ this.updateFormData(formData, eventArgs.customFormData);
+ }
+ };
+ Uploader.prototype.eventCancelByArgs = function (e, eventArgs, file) {
+ var _this = this;
+ e.cancel = true;
+ if (eventArgs.fileData.statusCode === '5') {
+ return;
+ }
+ eventArgs.fileData.statusCode = '5';
+ eventArgs.fileData.status = this.localizedTexts('fileUploadCancel');
+ var liElement = this.getLiElement(eventArgs.fileData);
+ if (liElement) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.' + STATUS))) {
+ liElement.querySelector('.' + STATUS).innerHTML = this.localizedTexts('fileUploadCancel');
+ liElement.querySelector('.' + STATUS).classList.add(UPLOAD_FAILED);
+ }
+ this.pauseButton = this.createElement('span', { className: 'e-icons e-file-reload-btn', attrs: { 'tabindex': this.btnTabIndex } });
+ var removeIcon = liElement.querySelector('.' + REMOVE_ICON);
+ if (removeIcon) {
+ removeIcon.parentElement.insertBefore(this.pauseButton, removeIcon);
+ }
+ this.pauseButton.setAttribute('title', this.localizedTexts('retry'));
+ /* istanbul ignore next */
+ this.pauseButton.addEventListener('click', function (e) {
+ _this.reloadcanceledFile(e, file, liElement);
+ }, false);
+ this.checkActionButtonStatus();
+ }
+ };
+ Uploader.prototype.checkChunkUpload = function () {
+ return (this.asyncSettings.chunkSize <= 0 || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.asyncSettings.chunkSize)) ? false : true;
+ };
+ Uploader.prototype.chunkUploadComplete = function (e, metaData, custom) {
+ var _this = this;
+ var response = e.target;
+ var liElement;
+ if (response.readyState === 4 && response.status >= 200 && response.status < 300) {
+ var requestResponse = e && e.currentTarget ? this.getResponse(e) : null;
+ var totalChunk = Math.max(Math.ceil(metaData.file.size / this.asyncSettings.chunkSize), 1);
+ var eventArgs = {
+ event: e,
+ file: metaData.file,
+ chunkIndex: metaData.chunkIndex,
+ totalChunk: totalChunk,
+ chunkSize: this.asyncSettings.chunkSize,
+ response: requestResponse
+ };
+ this.trigger('chunkSuccess', eventArgs);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(custom) || !custom) {
+ liElement = this.getLiElement(metaData.file);
+ }
+ this.updateMetaData(metaData);
+ if (metaData.end === metaData.file.size) {
+ metaData.file.statusCode = '3';
+ }
+ if (metaData.file.statusCode === '5') {
+ var eventArgs_1 = { event: e, fileData: metaData.file, cancel: false, customFormData: [] };
+ this.trigger('canceling', eventArgs_1, function (eventArgs) {
+ /* istanbul ignore next */
+ if (eventArgs.cancel) {
+ metaData.file.statusCode = '3';
+ var spinnerTarget = liElement.querySelector('.' + ABORT_ICON);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(spinnerTarget)) {
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["hideSpinner"])(spinnerTarget);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(liElement.querySelector('.e-spinner-pane'));
+ }
+ _this.sendNextRequest(metaData);
+ }
+ else {
+ metaData.request.emitError = false;
+ response.abort();
+ var formData = new FormData();
+ var name_2 = _this.element.getAttribute('name');
+ formData.append(name_2, metaData.file.name);
+ formData.append('cancel-uploading', metaData.file.name);
+ formData.append('cancelUploading', metaData.file.name);
+ _this.updateFormData(formData, eventArgs.customFormData);
+ var ajax = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Ajax"](_this.asyncSettings.removeUrl, 'POST', true, null);
+ ajax.emitError = false;
+ ajax.onLoad = function (e) {
+ _this.removeChunkFile(e, metaData, custom);
+ return {};
+ };
+ ajax.send(formData);
+ }
+ });
+ }
+ else {
+ if ((totalChunk - 1) === metaData.chunkIndex && totalChunk > metaData.chunkIndex) {
+ var index = this.pausedData.indexOf(metaData);
+ if (index >= 0) {
+ this.pausedData.splice(index, 1);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.template) && (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(custom) || !custom) && liElement) {
+ if (liElement && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.' + PAUSE_UPLOAD))) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(liElement.querySelector('.' + PAUSE_UPLOAD));
+ }
+ this.removeChunkProgressBar(metaData);
+ }
+ this.raiseSuccessEvent(e, metaData.file);
+ return;
+ }
+ if (metaData.file.statusCode !== '4') {
+ this.sendNextRequest(metaData);
+ }
+ }
+ }
+ else {
+ this.chunkUploadFailed(e, metaData);
+ }
+ };
+ Uploader.prototype.sendNextRequest = function (metaData) {
+ metaData.start = metaData.end;
+ metaData.end += this.asyncSettings.chunkSize;
+ metaData.end = Math.min(metaData.end, metaData.file.size);
+ metaData.chunkIndex += 1;
+ this.sendRequest(metaData.file, metaData);
+ };
+ Uploader.prototype.removeChunkFile = function (e, metaData, custom) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.template) && (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(custom) && !custom)) {
+ var liElement = this.getLiElement(metaData.file);
+ var deleteIcon = liElement.querySelector('.' + ABORT_ICON);
+ var spinnerTarget = deleteIcon;
+ this.updateStatus(metaData.file, this.localizedTexts('fileUploadCancel'), '5');
+ this.updateProgressBarClasses(liElement, UPLOAD_FAILED);
+ this.removeProgressbar(liElement, 'failure');
+ (deleteIcon && deleteIcon.classList.remove(ABORT_ICON));
+ (deleteIcon && deleteIcon.classList.add(REMOVE_ICON));
+ (deleteIcon && deleteIcon.setAttribute('title', this.localizedTexts('remove')));
+ var pauseIcon = liElement.querySelector('.' + PAUSE_UPLOAD);
+ (pauseIcon && pauseIcon.classList.add(RETRY_ICON));
+ (pauseIcon && pauseIcon.classList.remove(PAUSE_UPLOAD));
+ (pauseIcon && pauseIcon.setAttribute('title', this.localizedTexts('retry')));
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(deleteIcon)
+ && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.e-spinner-pane'))) {
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["hideSpinner"])(spinnerTarget);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(liElement.querySelector('.e-spinner-pane'));
+ }
+ }
+ };
+ Uploader.prototype.pauseUpload = function (metaData, e, custom) {
+ metaData.file.statusCode = '4';
+ metaData.file.status = this.localizedTexts('pause');
+ this.updateMetaData(metaData);
+ var eventArgs = {
+ event: e ? e : null,
+ file: metaData.file,
+ chunkIndex: metaData.chunkIndex,
+ chunkCount: Math.round(metaData.file.size / this.asyncSettings.chunkSize),
+ chunkSize: this.asyncSettings.chunkSize
+ };
+ this.abortUpload(metaData, custom, eventArgs);
+ };
+ Uploader.prototype.abortUpload = function (metaData, custom, eventArgs) {
+ if (metaData.file.statusCode !== '4') {
+ metaData.request.emitError = false;
+ metaData.request.httpRequest.abort();
+ }
+ var liElement = this.getLiElement(metaData.file);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.template) && (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(custom) || !custom)) {
+ var targetElement = liElement.querySelector('.' + PAUSE_UPLOAD);
+ targetElement.classList.remove(PAUSE_UPLOAD);
+ targetElement.classList.add(RESUME_UPLOAD);
+ targetElement.setAttribute('title', this.localizedTexts('resume'));
+ targetElement.nextElementSibling.classList.add(REMOVE_ICON);
+ targetElement.nextElementSibling.classList.remove(ABORT_ICON);
+ targetElement.nextElementSibling.setAttribute('title', this.localizedTexts('remove'));
+ }
+ for (var i = 0; i < this.pausedData.length; i++) {
+ if (this.pausedData[i].file.name === metaData.file.name) {
+ this.pausedData.splice(i, 1);
+ }
+ }
+ this.pausedData.push(metaData);
+ this.trigger('pausing', eventArgs);
+ };
+ Uploader.prototype.resumeUpload = function (metaData, e, custom) {
+ var liElement = this.getLiElement(metaData.file);
+ var targetElement;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement)) {
+ targetElement = liElement.querySelector('.' + RESUME_UPLOAD);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(targetElement) && (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(custom) || !custom)) {
+ targetElement.classList.remove(RESUME_UPLOAD);
+ targetElement.classList.add(PAUSE_UPLOAD);
+ targetElement.setAttribute('title', this.localizedTexts('pause'));
+ targetElement.nextElementSibling.classList.remove(REMOVE_ICON);
+ targetElement.nextElementSibling.classList.add(ABORT_ICON);
+ targetElement.nextElementSibling.setAttribute('title', this.localizedTexts('abort'));
+ }
+ metaData.file.status = this.localizedTexts('inProgress');
+ metaData.file.statusCode = '3';
+ this.updateMetaData(metaData);
+ var eventArgs = {
+ event: e ? e : null,
+ file: metaData.file,
+ chunkIndex: metaData.chunkIndex,
+ chunkCount: Math.round(metaData.file.size / this.asyncSettings.chunkSize),
+ chunkSize: this.asyncSettings.chunkSize
+ };
+ this.trigger('resuming', eventArgs);
+ for (var i = 0; i < this.pausedData.length; i++) {
+ if (this.pausedData[i].end === this.pausedData[i].file.size) {
+ this.chunkUploadComplete(e, metaData, custom);
+ }
+ else {
+ if (this.pausedData[i].file.name === metaData.file.name) {
+ this.pausedData[i].start = this.pausedData[i].end;
+ this.pausedData[i].end = this.pausedData[i].end + this.asyncSettings.chunkSize;
+ this.pausedData[i].end = Math.min(this.pausedData[i].end, this.pausedData[i].file.size);
+ this.pausedData[i].chunkIndex = this.pausedData[i].chunkIndex + 1;
+ this.sendRequest(this.pausedData[i].file, this.pausedData[i], custom);
+ }
+ }
+ }
+ };
+ Uploader.prototype.updateMetaData = function (metaData) {
+ if (this.uploadMetaData.indexOf(metaData) === -1) {
+ this.uploadMetaData.push(metaData);
+ }
+ else {
+ this.uploadMetaData.splice(this.uploadMetaData.indexOf(metaData), 1);
+ this.uploadMetaData.push(metaData);
+ }
+ };
+ Uploader.prototype.removeChunkProgressBar = function (metaData) {
+ var liElement = this.getLiElement(metaData.file);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement)) {
+ this.updateProgressBarClasses(liElement, UPLOAD_SUCCESS);
+ this.removeProgressbar(liElement, 'success');
+ var cancelButton = liElement.querySelector('.' + ABORT_ICON);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(cancelButton)) {
+ cancelButton.classList.add(DELETE_ICON);
+ cancelButton.setAttribute('title', this.localizedTexts('delete'));
+ cancelButton.classList.remove(ABORT_ICON, UPLOAD_INPROGRESS);
+ }
+ }
+ };
+ Uploader.prototype.chunkUploadFailed = function (e, metaData, custom) {
+ var _this = this;
+ var chunkCount = Math.max(Math.ceil(metaData.file.size / this.asyncSettings.chunkSize), 1);
+ var liElement;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.template) && (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(custom) || !custom)) {
+ liElement = this.getLiElement(metaData.file);
+ }
+ var requestResponse = e && e.currentTarget ? this.getResponse(e) : null;
+ var eventArgs = {
+ event: e,
+ file: metaData.file,
+ chunkIndex: metaData.chunkIndex,
+ totalChunk: chunkCount,
+ chunkSize: this.asyncSettings.chunkSize,
+ cancel: false,
+ response: requestResponse
+ };
+ this.trigger('chunkFailure', eventArgs, function (eventArgs) {
+ // To prevent triggering of failure event
+ if (!eventArgs.cancel) {
+ if (metaData.retryCount < _this.asyncSettings.retryCount) {
+ setTimeout(function () {
+ _this.retryRequest(liElement, metaData, custom);
+ }, _this.asyncSettings.retryAfterDelay);
+ }
+ else {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement)) {
+ var pauseButton = liElement.querySelector('.' + PAUSE_UPLOAD) ?
+ liElement.querySelector('.' + PAUSE_UPLOAD) : liElement.querySelector('.' + RESUME_UPLOAD);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(pauseButton)) {
+ pauseButton.classList.add(RETRY_ICON);
+ pauseButton.classList.remove(PAUSE_UPLOAD, RESUME_UPLOAD);
+ }
+ _this.updateProgressBarClasses(liElement, UPLOAD_FAILED);
+ _this.removeProgressbar(liElement, 'failure');
+ liElement.querySelector('.e-icons').classList.remove(UPLOAD_INPROGRESS);
+ var iconElement = liElement.querySelector('.' + ABORT_ICON) ?
+ liElement.querySelector('.' + ABORT_ICON) : liElement.querySelector('.' + REMOVE_ICON);
+ iconElement.classList.remove(ABORT_ICON);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.' + PAUSE_UPLOAD))) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(liElement.querySelector('.' + PAUSE_UPLOAD));
+ }
+ if (metaData.start > 0) {
+ iconElement.classList.add(DELETE_ICON);
+ iconElement.setAttribute('title', _this.localizedTexts('delete'));
+ }
+ else {
+ iconElement.classList.add(REMOVE_ICON);
+ iconElement.setAttribute('title', _this.localizedTexts('remove'));
+ }
+ }
+ metaData.retryCount = 0;
+ var file_1 = metaData.file;
+ var failureMessage = _this.localizedTexts('uploadFailedMessage');
+ var args = {
+ e: e, response: requestResponse,
+ operation: 'upload',
+ file: _this.updateStatus(file_1, failureMessage, '0', false),
+ statusText: failureMessage
+ };
+ _this.trigger('failure', args, function (args) {
+ _this.updateStatus(file_1, args.statusText, '0');
+ _this.uploadSequential();
+ _this.checkActionComplete(true);
+ });
+ }
+ }
+ });
+ };
+ Uploader.prototype.retryRequest = function (liElement, metaData, custom) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.template) && (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(custom) || !custom) && liElement) {
+ this.updateProgressBarClasses(liElement, UPLOAD_FAILED);
+ }
+ metaData.retryCount += 1;
+ this.sendRequest(metaData.file, metaData);
+ };
+ Uploader.prototype.checkPausePlayAction = function (e) {
+ var targetElement = e.target;
+ var selectedElement = e.target.parentElement;
+ var index = this.fileList.indexOf(selectedElement);
+ var fileData = this.filesData[index];
+ var metaData = this.getCurrentMetaData(fileData);
+ if (targetElement.classList.contains(PAUSE_UPLOAD)) {
+ /* istanbul ignore next */
+ this.pauseUpload(metaData, e);
+ }
+ else if (targetElement.classList.contains(RESUME_UPLOAD)) {
+ /* istanbul ignore next */
+ this.resumeUpload(metaData, e);
+ }
+ else if (targetElement.classList.contains(RETRY_ICON)) {
+ if (metaData.file.status === this.localizedTexts('fileUploadCancel')) {
+ this.retryUpload(metaData, false);
+ }
+ else {
+ this.retryUpload(metaData, true);
+ }
+ }
+ };
+ Uploader.prototype.retryUpload = function (metaData, fromcanceledStage) {
+ if (fromcanceledStage) {
+ metaData.end = metaData.end + this.asyncSettings.chunkSize;
+ metaData.start = metaData.start + this.asyncSettings.chunkSize;
+ this.sendRequest(metaData.file, metaData);
+ }
+ else {
+ metaData.file.statusCode = '1';
+ metaData.file.status = this.localizedTexts('readyToUploadMessage');
+ this.chunkUpload(metaData.file);
+ }
+ /* istanbul ignore next */
+ (this.getLiElement(metaData.file)).classList.add(RESTRICT_RETRY);
+ };
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ Uploader.prototype.chunkUploadInProgress = function (e, metaData, custom) {
+ var _this = this;
+ if (metaData.file.statusCode === '4') {
+ return;
+ }
+ if (metaData.file.statusCode !== '4' && metaData.file.statusCode !== '5') {
+ metaData.file.statusCode = '3';
+ metaData.file.status = this.localizedTexts('inProgress');
+ }
+ this.updateMetaData(metaData);
+ var liElement = this.getLiElement(metaData.file);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement)) {
+ return;
+ }
+ var retryElement = liElement.querySelector('.' + RETRY_ICON);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(retryElement)) {
+ retryElement.classList.add(PAUSE_UPLOAD);
+ retryElement.setAttribute('title', this.localizedTexts('pause'));
+ retryElement.classList.remove(RETRY_ICON);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement)) {
+ if (!(liElement.querySelectorAll('.' + PROGRESS_WRAPPER).length > 0)) {
+ var statusElement = liElement.querySelector('.' + STATUS);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.template)) {
+ statusElement.classList.add(UPLOAD_INPROGRESS);
+ statusElement.classList.remove(UPLOAD_FAILED);
+ this.createProgressBar(liElement);
+ this.updateProgressBarClasses(liElement, UPLOAD_INPROGRESS);
+ }
+ var clearIcon = liElement.querySelector('.' + REMOVE_ICON) ? liElement.querySelector('.' + REMOVE_ICON) :
+ liElement.querySelector('.' + DELETE_ICON);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(clearIcon)) {
+ clearIcon.classList.add(ABORT_ICON);
+ clearIcon.setAttribute('title', this.localizedTexts('abort'));
+ clearIcon.classList.remove(REMOVE_ICON);
+ }
+ }
+ if (!isNaN(Math.round((e.loaded / e.total) * 100)) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.template) && metaData.file.statusCode !== '4') {
+ var progressVal = void 0;
+ var totalChunks = Math.ceil(metaData.file.size / this.asyncSettings.chunkSize) - 1;
+ if (this.asyncSettings.chunkSize && totalChunks) {
+ progressVal = Math.round(metaData.chunkIndex / totalChunks * 100);
+ this.changeProgressValue(liElement, progressVal.toString() + '%');
+ }
+ }
+ if (metaData.chunkIndex === 0) {
+ this.checkActionButtonStatus();
+ }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.' + PAUSE_UPLOAD)) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.template)
+ && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement.querySelector('.' + DELETE_ICON))) {
+ this.pauseButton = this.createElement('span', { className: 'e-icons e-file-pause-btn', attrs: { 'tabindex': this.btnTabIndex } });
+ if (this.browserName === 'msie') {
+ this.pauseButton.classList.add('e-msie');
+ }
+ var abortIcon = liElement.querySelector('.' + ABORT_ICON);
+ abortIcon.parentElement.insertBefore(this.pauseButton, abortIcon);
+ this.pauseButton.setAttribute('title', this.localizedTexts('pause'));
+ this.pauseButton.addEventListener('click', function (e) {
+ _this.checkPausePlayAction(e);
+ }, false);
+ }
+ };
+ /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * It is used to convert bytes value into kilobytes or megabytes depending on the size based
+ * on [binary prefix](https://en.wikipedia.org/wiki/Binary_prefix).
+ *
+ * @param { number } bytes - Specifies the file size in bytes.
+ * @returns {string}
+ */
+ Uploader.prototype.bytesToSize = function (bytes) {
+ var i = -1;
+ if (!bytes) {
+ return '0.0 KB';
+ }
+ do {
+ bytes = bytes / 1024;
+ i++;
+ } while (bytes > 99);
+ if (i >= 2) {
+ bytes = bytes * 1024;
+ i = 1;
+ }
+ return Math.max(bytes, 0).toFixed(1) + ' ' + ['KB', 'MB'][i];
+ };
+ /**
+ * Allows you to sort the file data alphabetically based on its file name clearly.
+ *
+ * @param { FileList } filesData - specifies the files data for upload.
+ * @returns {File[]}
+ */
+ /* istanbul ignore next */
+ Uploader.prototype.sortFileList = function (filesData) {
+ filesData = filesData ? filesData : this.sortFilesList;
+ var files = filesData;
+ var fileNames = [];
+ for (var i = 0; i < files.length; i++) {
+ fileNames.push(files[i].name);
+ }
+ var sortedFileNames = fileNames.sort();
+ var sortedFilesData = [];
+ for (var _i = 0, sortedFileNames_1 = sortedFileNames; _i < sortedFileNames_1.length; _i++) {
+ var name_3 = sortedFileNames_1[_i];
+ for (var i = 0; i < files.length; i++) {
+ if (name_3 === files[i].name) {
+ sortedFilesData.push(files[i]);
+ }
+ }
+ }
+ return sortedFilesData;
+ };
+ /* eslint-enable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Removes the component from the DOM and detaches all its related event handlers. Also it removes the attributes and classes.
+ *
+ * @method destroy
+ * @returns {void}
+ */
+ Uploader.prototype.destroy = function () {
+ this.element.value = null;
+ this.clearTemplate();
+ this.clearAll();
+ this.unWireEvents();
+ this.unBindDropEvents();
+ if (this.multiple) {
+ this.element.removeAttribute('multiple');
+ }
+ if (!this.enabled) {
+ this.element.removeAttribute('disabled');
+ }
+ this.element.removeAttribute('accept');
+ this.setInitialAttributes();
+ var attributes = ['aria-label', 'directory', 'webkitdirectory', 'tabindex'];
+ for (var _i = 0, attributes_2 = attributes; _i < attributes_2.length; _i++) {
+ var key = attributes_2[_i];
+ this.element.removeAttribute(key);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.uploadWrapper)) {
+ this.uploadWrapper.parentElement.appendChild(this.element);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.uploadWrapper);
+ }
+ this.uploadWrapper = null;
+ this.uploadWrapper = null;
+ this.browseButton = null;
+ this.dropAreaWrapper = null;
+ this.dropZoneElement = null;
+ this.dropArea = null;
+ this.keyboardModule = null;
+ this.clearButton = null;
+ this.uploadButton = null;
+ _super.prototype.destroy.call(this);
+ };
+ /**
+ * Allows you to call the upload process manually by calling save URL action.
+ * To process the selected files (added in upload queue), pass an empty argument otherwise
+ * upload the specific file based on its argument.
+ *
+ * @param { FileInfo | FileInfo[] } files - Specifies the files data for upload.
+ * @param {boolean} custom - Specifies whether the uploader is rendered with custom file list.
+ * @returns {void}
+ */
+ Uploader.prototype.upload = function (files, custom) {
+ var _this = this;
+ files = files ? files : this.filesData;
+ if (this.sequentialUpload && (this.isFirstFileOnSelection || custom)) {
+ this.sequenceUpload(files);
+ }
+ else {
+ var uploadFiles_1 = this.getFilesInArray(files);
+ var eventArgs = {
+ customFormData: [],
+ currentRequest: null,
+ cancel: false
+ };
+ this.trigger('beforeUpload', eventArgs, function (eventArgs) {
+ if (!eventArgs.cancel) {
+ _this.uploadFiles(uploadFiles_1, custom);
+ }
+ });
+ }
+ };
+ Uploader.prototype.getFilesInArray = function (files) {
+ var uploadFiles = [];
+ if (files instanceof Array) {
+ uploadFiles = files;
+ }
+ else {
+ uploadFiles.push(files);
+ }
+ return uploadFiles;
+ };
+ /* istanbul ignore next */
+ Uploader.prototype.serverReadFileBase64 = function (fileIndex, position, totalCount) {
+ var _this = this;
+ return new Promise(function (resolve, reject) {
+ var file = _this.fileStreams[fileIndex].rawFile;
+ try {
+ var reader = new FileReader();
+ reader.onload = (function (args) {
+ return function () {
+ try {
+ var contents = args.result;
+ var data = contents ? contents.split(';base64,')[1] : null;
+ resolve(data);
+ }
+ catch (e) {
+ reject(e);
+ }
+ };
+ })(reader);
+ reader.readAsDataURL(file.slice(position, position + totalCount));
+ }
+ catch (e) {
+ reject(e);
+ }
+ });
+ };
+ /* eslint-disable @typescript-eslint/no-unused-vars */
+ /* istanbul ignore next */
+ Uploader.prototype.uploadFileCount = function (ele) {
+ /* eslint-enable @typescript-eslint/no-unused-vars */
+ var files = this.filesData;
+ if (!files || files.length === 0) {
+ return -1;
+ }
+ var result = files.length;
+ return result;
+ };
+ /* eslint-disable @typescript-eslint/no-unused-vars */
+ /* istanbul ignore next */
+ Uploader.prototype.getFileRead = function (index, ele) {
+ /* eslint-enable @typescript-eslint/no-unused-vars */
+ var files = this.filesData;
+ if (!files || files.length === 0) {
+ return -1;
+ }
+ var file = files[index];
+ var fileCount = this.newFileRef++;
+ this.fileStreams[fileCount] = file;
+ return fileCount;
+ };
+ /* eslint-disable @typescript-eslint/no-unused-vars */
+ /* istanbul ignore next */
+ Uploader.prototype.getFileInfo = function (index, ele) {
+ /* eslint-enable @typescript-eslint/no-unused-vars */
+ var files = this.filesData;
+ if (!files || files.length === 0) {
+ return null;
+ }
+ var file = files[index];
+ if (!file) {
+ return null;
+ }
+ return this.filesData[index];
+ };
+ Uploader.prototype.uploadFiles = function (files, custom) {
+ var selectedFiles = [];
+ if (this.asyncSettings.saveUrl === '' || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.asyncSettings.saveUrl)) {
+ return;
+ }
+ if (!custom || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(custom)) {
+ if (!this.multiple) {
+ var file = [];
+ file.push(files[0]);
+ selectedFiles = this.filterfileList(file);
+ }
+ else {
+ selectedFiles = this.filterfileList(files);
+ }
+ }
+ else {
+ selectedFiles = files;
+ }
+ for (var i = 0; i < selectedFiles.length; i++) {
+ this.uploadFilesRequest(selectedFiles, i, custom);
+ }
+ };
+ Uploader.prototype.uploadFilesRequest = function (selectedFiles, i, custom) {
+ var _this = this;
+ var cloneFiles = [];
+ var chunkEnabled = this.checkChunkUpload();
+ var ajax = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Ajax"](this.asyncSettings.saveUrl, 'POST', true, null);
+ ajax.emitError = false;
+ var getFileData;
+ var eventArgs = {
+ fileData: selectedFiles[i],
+ customFormData: [],
+ cancel: false
+ };
+ var formData = new FormData();
+ ajax.beforeSend = function (e) {
+ eventArgs.currentRequest = ajax.httpRequest;
+ _this.trigger('uploading', eventArgs, function (eventArgs) {
+ /* istanbul ignore next */
+ if (eventArgs.cancel) {
+ _this.eventCancelByArgs(e, eventArgs, selectedFiles[i]);
+ }
+ _this.updateFormData(formData, eventArgs.customFormData);
+ });
+ };
+ if (selectedFiles[i].statusCode === '1') {
+ var name_4 = this.element.getAttribute('name');
+ formData.append(name_4, selectedFiles[i].rawFile, selectedFiles[i].name);
+ if (chunkEnabled && selectedFiles[i].size > this.asyncSettings.chunkSize) {
+ this.chunkUpload(selectedFiles[i], custom, i);
+ }
+ else {
+ ajax.onLoad = function (e) {
+ if (eventArgs.cancel) {
+ return {};
+ }
+ else {
+ _this.uploadComplete(e, selectedFiles[i], custom);
+ return {};
+ }
+ };
+ ajax.onUploadProgress = function (e) {
+ if (eventArgs.cancel) {
+ return {};
+ }
+ else {
+ _this.uploadInProgress(e, selectedFiles[i], custom, ajax);
+ return {};
+ }
+ };
+ /* istanbul ignore next */
+ ajax.onError = function (e) {
+ _this.uploadFailed(e, selectedFiles[i]);
+ return {};
+ };
+ ajax.send(formData);
+ }
+ }
+ };
+ Uploader.prototype.spliceFiles = function (liIndex) {
+ var liElement = this.fileList[liIndex];
+ var allFiles = this.getFilesData();
+ var nameElements = +liElement.getAttribute('data-files-count');
+ var startIndex = 0;
+ for (var i = 0; i < liIndex; i++) {
+ startIndex += (+this.fileList[i].getAttribute('data-files-count'));
+ }
+ var endIndex = (startIndex + nameElements) - 1;
+ for (var j = endIndex; j >= startIndex; j--) {
+ allFiles.splice(j, 1);
+ }
+ };
+ /* eslint-disable valid-jsdoc, jsdoc/require-param */
+ /**
+ * Remove the uploaded file from server manually by calling the remove URL action.
+ * If you pass an empty argument to this method, the complete file list can be cleared,
+ * otherwise remove the specific file based on its argument (“file_data”).
+ *
+ * @param { FileInfo | FileInfo[] } fileData - specifies the files data to remove from file list/server.
+ * @param { boolean } customTemplate - Set true if the component rendering with customize template.
+ * @param { boolean } removeDirectly - Set true if files remove without removing event.
+ * @param { boolean } postRawFile - Set false, to post file name only to the remove action.
+ * @returns {void}
+ */
+ Uploader.prototype.remove = function (fileData, customTemplate, removeDirectly, postRawFile, args) {
+ var _this = this;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(postRawFile)) {
+ postRawFile = true;
+ }
+ var eventArgs = {
+ event: args,
+ cancel: false,
+ filesData: [],
+ customFormData: [],
+ postRawFile: postRawFile,
+ currentRequest: null
+ };
+ var beforeEventArgs = {
+ cancel: false,
+ customFormData: [],
+ currentRequest: null
+ };
+ this.trigger('beforeRemove', beforeEventArgs, function (beforeEventArgs) {
+ if (!beforeEventArgs.cancel) {
+ if (_this.isFormUpload()) {
+ eventArgs.filesData = fileData;
+ _this.trigger('removing', eventArgs, function (eventArgs) {
+ if (!eventArgs.cancel) {
+ var removingFiles = _this.getFilesInArray(fileData);
+ var isLiRemoved = false;
+ var liIndex = void 0;
+ for (var _i = 0, removingFiles_1 = removingFiles; _i < removingFiles_1.length; _i++) {
+ var data = removingFiles_1[_i];
+ if (!isLiRemoved) {
+ liIndex = _this.fileList.indexOf(data.list);
+ }
+ if (liIndex > -1) {
+ var inputElement = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(data.input) ? data.input : null;
+ if (inputElement) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(inputElement);
+ }
+ _this.spliceFiles(liIndex);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(_this.fileList[liIndex]);
+ _this.fileList.splice(liIndex, 1);
+ isLiRemoved = true;
+ liIndex = -1;
+ }
+ }
+ }
+ });
+ }
+ else if (_this.isForm && (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(_this.asyncSettings.removeUrl) || _this.asyncSettings.removeUrl === '')) {
+ eventArgs.filesData = _this.getFilesData();
+ _this.trigger('removing', eventArgs, function (eventArgs) {
+ if (!eventArgs.cancel) {
+ _this.clearAll();
+ }
+ });
+ }
+ else {
+ var removeFiles = [];
+ fileData = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fileData) ? fileData : _this.filesData;
+ if (fileData instanceof Array) {
+ removeFiles = fileData;
+ }
+ else {
+ removeFiles.push(fileData);
+ }
+ eventArgs.filesData = removeFiles;
+ var removeUrl = _this.asyncSettings.removeUrl;
+ var validUrl = (removeUrl === '' || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(removeUrl)) ? false : true;
+ var _loop_5 = function (files) {
+ var fileUploadedIndex = _this.uploadedFilesData.indexOf(files);
+ if ((files.statusCode === '2' || files.statusCode === '4' || (files.statusCode === '0' &&
+ fileUploadedIndex !== -1)) && validUrl) {
+ _this.removeUploadedFile(files, eventArgs, removeDirectly, customTemplate);
+ }
+ else {
+ if (!removeDirectly) {
+ _this.trigger('removing', eventArgs, function (eventArgs) {
+ if (!eventArgs.cancel) {
+ _this.removeFilesData(files, customTemplate);
+ }
+ });
+ }
+ else {
+ _this.removeFilesData(files, customTemplate);
+ }
+ }
+ if (args && !args.target.classList.contains(REMOVE_ICON)) {
+ _this.checkActionComplete(false);
+ }
+ };
+ for (var _i = 0, removeFiles_1 = removeFiles; _i < removeFiles_1.length; _i++) {
+ var files = removeFiles_1[_i];
+ _loop_5(files);
+ }
+ }
+ }
+ });
+ };
+ /* eslint-enable valid-jsdoc, jsdoc/require-param */
+ /**
+ * Clear all the file entries from list that can be uploaded files or added in upload queue.
+ *
+ * @returns {void}
+ */
+ Uploader.prototype.clearAll = function () {
+ var _this = this;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.listParent)) {
+ if (this.browserName !== 'msie') {
+ this.element.value = '';
+ }
+ this.filesData = [];
+ return;
+ }
+ var eventArgs = {
+ cancel: false,
+ filesData: this.filesData
+ };
+ this.trigger('clearing', eventArgs, function (eventArgs) {
+ if (!eventArgs.cancel) {
+ _this.clearData();
+ _this.actionCompleteCount = 0;
+ _this.count = -1;
+ }
+ });
+ };
+ /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Get the data of files which are shown in file list.
+ *
+ * @param { number } index - specifies the file list item(li) index.
+ * @returns {FileInfo[]}
+ */
+ Uploader.prototype.getFilesData = function (index) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(index)) {
+ return this.filesData;
+ }
+ else {
+ return this.getSelectedFiles(index);
+ }
+ };
+ /* eslint-enable valid-jsdoc, jsdoc/require-returns-description */
+ /**
+ * Pauses the in-progress chunked upload based on the file data.
+ *
+ * @param { FileInfo | FileInfo[] } fileData - specifies the files data to pause from uploading.
+ * @param { boolean } custom - Set true if used custom UI.
+ * @returns {void}
+ */
+ Uploader.prototype.pause = function (fileData, custom) {
+ fileData = fileData ? fileData : this.filesData;
+ var fileDataFiles = this.getFilesInArray(fileData);
+ this.pauseUploading(fileDataFiles, custom);
+ };
+ Uploader.prototype.pauseUploading = function (fileData, custom) {
+ var files = this.getFiles(fileData);
+ for (var i = 0; i < files.length; i++) {
+ if (files[i].statusCode === '3') {
+ this.pauseUpload(this.getCurrentMetaData(files[i], null), null, custom);
+ }
+ }
+ };
+ Uploader.prototype.getFiles = function (fileData) {
+ var files = [];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fileData) && !(fileData instanceof Array)) {
+ files.push(fileData);
+ }
+ else {
+ files = fileData;
+ }
+ return files;
+ };
+ /**
+ * Resumes the chunked upload that is previously paused based on the file data.
+ *
+ * @param { FileInfo | FileInfo[] } fileData - specifies the files data to resume the paused file.
+ * @param { boolean } custom - Set true if used custom UI.
+ * @returns {void}
+ */
+ Uploader.prototype.resume = function (fileData, custom) {
+ fileData = fileData ? fileData : this.filesData;
+ var fileDataFiles = this.getFilesInArray(fileData);
+ this.resumeFiles(fileDataFiles, custom);
+ };
+ Uploader.prototype.resumeFiles = function (fileData, custom) {
+ var files = this.getFiles(fileData);
+ for (var i = 0; i < files.length; i++) {
+ if (files[i].statusCode === '4') {
+ this.resumeUpload(this.getCurrentMetaData(files[i], null), null, custom);
+ }
+ }
+ };
+ /**
+ * Retries the canceled or failed file upload based on the file data.
+ *
+ * @param { FileInfo | FileInfo[] } fileData - specifies the files data to retry the canceled or failed file.
+ * @param { boolean } fromcanceledStage - Set true to retry from canceled stage and set false to retry from initial stage.
+ * @param {boolean} custom -Specifies whether the uploader is rendered with custom file list.
+ * @returns {void}
+ */
+ Uploader.prototype.retry = function (fileData, fromcanceledStage, custom) {
+ fileData = fileData ? fileData : this.filesData;
+ var fileDataFiles = this.getFilesInArray(fileData);
+ if (this.sequentialUpload && this.isFirstFileOnSelection) {
+ this.isFirstFileOnSelection = false;
+ }
+ this.retryFailedFiles(fileDataFiles, fromcanceledStage, custom);
+ };
+ Uploader.prototype.retryFailedFiles = function (fileData, fromcanceledStage, custom) {
+ var files = this.getFiles(fileData);
+ for (var i = 0; i < files.length; i++) {
+ if (files[i].statusCode === '5' || files[i].statusCode === '0') {
+ if (this.asyncSettings.chunkSize > 0 && this.getCurrentMetaData(files[i], null)) {
+ this.retryUpload(this.getCurrentMetaData(files[i], null), fromcanceledStage);
+ }
+ else {
+ var liElement = void 0;
+ if (!custom) {
+ liElement = this.fileList[this.filesData.indexOf(files[i])];
+ }
+ this.reloadcanceledFile(null, files[i], liElement, custom);
+ }
+ }
+ }
+ };
+ /**
+ * Stops the in-progress chunked upload based on the file data.
+ * When the file upload is canceled, the partially uploaded file is removed from server.
+ *
+ * @param { FileInfo | FileInfo[] } fileData - specifies the files data to cancel the progressing file.
+ * @returns {void}
+ */
+ Uploader.prototype.cancel = function (fileData) {
+ fileData = fileData ? fileData : this.filesData;
+ var cancelingFiles = this.getFilesInArray(fileData);
+ this.cancelUpload(cancelingFiles);
+ };
+ Uploader.prototype.cancelUpload = function (fileData) {
+ var files = this.getFiles(fileData);
+ if (this.asyncSettings.chunkSize > 0) {
+ for (var i = 0; i < files.length; i++) {
+ if (files[i].statusCode === '3') {
+ var metaData = this.getCurrentMetaData(files[i], null);
+ metaData.file.statusCode = '5';
+ metaData.file.status = this.localizedTexts('fileUploadCancel');
+ this.updateMetaData(metaData);
+ this.showHideUploadSpinner(files[i]);
+ }
+ }
+ }
+ else {
+ for (var i = 0; i < files.length; i++) {
+ if (files[i].statusCode === '3') {
+ files[i].statusCode = '5';
+ files[i].status = this.localizedTexts('fileUploadCancel');
+ this.showHideUploadSpinner(files[i]);
+ }
+ }
+ }
+ };
+ Uploader.prototype.showHideUploadSpinner = function (files) {
+ var liElement = this.getLiElement(files);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.template)) {
+ var spinnerTarget = liElement.querySelector('.' + ABORT_ICON);
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["createSpinner"])({ target: spinnerTarget, width: '20px' });
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_1__["showSpinner"])(spinnerTarget);
+ }
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ saveUrl: '', removeUrl: '' }, AsyncSettings)
+ ], Uploader.prototype, "asyncSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Uploader.prototype, "sequentialUpload", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({})
+ ], Uploader.prototype, "htmlAttributes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Uploader.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Uploader.prototype, "enabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Uploader.prototype, "template", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Uploader.prototype, "multiple", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Uploader.prototype, "autoUpload", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Uploader.prototype, "enableHtmlSanitizer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, ButtonsProps)
+ ], Uploader.prototype, "buttons", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Uploader.prototype, "allowedExtensions", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Uploader.prototype, "minFileSize", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(30000000)
+ ], Uploader.prototype, "maxFileSize", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Uploader.prototype, "dropArea", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([{}], FilesProp)
+ ], Uploader.prototype, "files", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Uploader.prototype, "showFileList", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Uploader.prototype, "directoryUpload", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Default')
+ ], Uploader.prototype, "dropEffect", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "actionComplete", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "rendering", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "beforeUpload", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "fileListRendering", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "selected", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "uploading", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "success", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "failure", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "removing", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "beforeRemove", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "clearing", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "progress", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "change", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "chunkSuccess", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "chunkFailure", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "chunkUploading", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "canceling", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "pausing", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Uploader.prototype, "resuming", void 0);
+ Uploader = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], Uploader);
+ return Uploader;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+/* eslint-enable @typescript-eslint/no-explicit-any */
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-lists/common/index.js":
+/*!*****************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-lists/common/index.js ***!
+ \*****************************************************************/
+/*! exports provided: cssClass, ListBase, getFieldValues */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _list_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./list-base */ "./ej2-resources/22.1.37/scripts/ej2-lists/common/list-base.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cssClass", function() { return _list_base__WEBPACK_IMPORTED_MODULE_0__["cssClass"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ListBase", function() { return _list_base__WEBPACK_IMPORTED_MODULE_0__["ListBase"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFieldValues", function() { return _list_base__WEBPACK_IMPORTED_MODULE_0__["getFieldValues"]; });
+
+/**
+ * Listview Component
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-lists/common/list-base.js":
+/*!*********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-lists/common/list-base.js ***!
+ \*********************************************************************/
+/*! exports provided: cssClass, ListBase, getFieldValues */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "cssClass", function() { return cssClass; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ListBase", function() { return ListBase; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFieldValues", function() { return getFieldValues; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-data */ "./ej2-resources/22.1.37/scripts/ej2-data/index.js");
+/* eslint-disable no-inner-declarations */
+
+
+
+
+var cssClass = {
+ li: 'e-list-item',
+ ul: 'e-list-parent e-ul',
+ group: 'e-list-group-item',
+ icon: 'e-list-icon',
+ text: 'e-list-text',
+ check: 'e-list-check',
+ checked: 'e-checked',
+ selected: 'e-selected',
+ expanded: 'e-expanded',
+ textContent: 'e-text-content',
+ hasChild: 'e-has-child',
+ level: 'e-level',
+ url: 'e-list-url',
+ collapsible: 'e-icon-collapsible',
+ disabled: 'e-disabled',
+ image: 'e-list-img',
+ iconWrapper: 'e-icon-wrapper',
+ anchorWrap: 'e-anchor-wrap',
+ navigable: 'e-navigable'
+};
+/**
+ * Base List Generator
+ */
+// eslint-disable-next-line @typescript-eslint/no-namespace
+var ListBase;
+(function (ListBase) {
+ /**
+ *
+ * Default mapped fields.
+ */
+ ListBase.defaultMappedFields = {
+ id: 'id',
+ text: 'text',
+ url: 'url',
+ value: 'value',
+ isChecked: 'isChecked',
+ enabled: 'enabled',
+ expanded: 'expanded',
+ selected: 'selected',
+ iconCss: 'iconCss',
+ child: 'child',
+ isVisible: 'isVisible',
+ hasChildren: 'hasChildren',
+ tooltip: 'tooltip',
+ htmlAttributes: 'htmlAttributes',
+ urlAttributes: 'urlAttributes',
+ imageAttributes: 'imageAttributes',
+ imageUrl: 'imageUrl',
+ groupBy: null,
+ sortBy: null
+ };
+ var defaultAriaAttributes = {
+ level: 1,
+ listRole: 'presentation',
+ itemRole: 'presentation',
+ groupItemRole: 'group',
+ itemText: 'list-item',
+ wrapperRole: 'presentation'
+ };
+ var defaultListBaseOptions = {
+ showCheckBox: false,
+ showIcon: false,
+ enableHtmlSanitizer: false,
+ expandCollapse: false,
+ fields: ListBase.defaultMappedFields,
+ ariaAttributes: defaultAriaAttributes,
+ listClass: '',
+ itemClass: '',
+ processSubChild: false,
+ sortOrder: 'None',
+ template: null,
+ groupTemplate: null,
+ headerTemplate: null,
+ expandIconClass: 'e-icon-collapsible',
+ moduleName: 'list',
+ expandIconPosition: 'Right',
+ itemNavigable: false
+ };
+ /**
+ * Function helps to created and return the UL Li element based on your data.
+ *
+ * @param {createElementParams} createElement - Specifies an array of JSON data.
+ *
+ * @param {{Object}[]} dataSource - Specifies an array of JSON data.
+ *
+ * @param {ListBaseOptions} options? - Specifies the list options that need to provide.
+ *
+ * @param {boolean} isSingleLevel? - Specifies the list options that need to provide.
+ *
+ * @param {any} componentInstance? - Specifies the list options that need to provide.
+ *
+ * @returns {createElement} createListFromJson - Specifies the list options that need to provide.
+ */
+ function createList(createElement, dataSource,
+ // eslint-disable-next-line
+ options, isSingleLevel, componentInstance) {
+ var curOpt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultListBaseOptions, options);
+ var ariaAttributes = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultAriaAttributes, curOpt.ariaAttributes);
+ var type = typeofData(dataSource).typeof;
+ if (type === 'string' || type === 'number') {
+ return createListFromArray(createElement, dataSource, isSingleLevel, options, componentInstance);
+ }
+ else {
+ return createListFromJson(createElement, dataSource, options, ariaAttributes.level, isSingleLevel, componentInstance);
+ }
+ }
+ ListBase.createList = createList;
+ /**
+ * Function helps to created an element list based on string array input .
+ *
+ * @param {createElementParams} createElement - Specifies an array of JSON data.
+ *
+ * @param {{Object}[]} dataSource - Specifies an array of JSON data.
+ *
+ * @param {ListBaseOptions} options? - Specifies the list options that need to provide.
+ *
+ * @param {boolean} isSingleLevel? - Specifies the list options that need to provide.
+ *
+ * @param {any} componentInstance? - Specifies the list options that need to provide.
+ *
+ * @returns {createElement} generateUL - returns the list options that need to provide.
+ */
+ function createListFromArray(createElement, dataSource,
+ // tslint:disable-next-line
+ // eslint-disable-next-line
+ isSingleLevel, options, componentInstance) {
+ var subChild = createListItemFromArray(createElement, dataSource, isSingleLevel, options, componentInstance);
+ return generateUL(createElement, subChild, null, options);
+ }
+ ListBase.createListFromArray = createListFromArray;
+ /**
+ * Function helps to created an element list based on string array input .
+ *
+ * @param {createElementParams} createElement - Specifies an array of JSON data.
+ *
+ * @param {{Object}[]} dataSource - Specifies an array of JSON data.
+ *
+ * @param {ListBaseOptions} options? - Specifies the list options that need to provide.
+ *
+ * @param {boolean} isSingleLevel? - Specifies the list options that need to provide.
+ *
+ * @param {any} componentInstance? - Specifies the list options that need to provide.
+ *
+ * @returns {HTMLElement[]} subChild - returns the list options that need to provide.
+ */
+ function createListItemFromArray(createElement, dataSource,
+ // eslint-disable-next-line
+ isSingleLevel, options, componentInstance) {
+ var subChild = [];
+ var curOpt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultListBaseOptions, options);
+ cssClass = getModuleClass(curOpt.moduleName);
+ var id = generateId(); // generate id for drop-down-list option.
+ for (var i = 0; i < dataSource.length; i++) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(dataSource[i])) {
+ continue;
+ }
+ var li = void 0;
+ if (curOpt.itemCreating && typeof curOpt.itemCreating === 'function') {
+ var curData = {
+ dataSource: dataSource,
+ curData: dataSource[i],
+ text: dataSource[i],
+ options: curOpt
+ };
+ curOpt.itemCreating(curData);
+ }
+ if (isSingleLevel) {
+ li = generateSingleLevelLI(createElement, dataSource[i], undefined, null, null, [], null, id, i, options);
+ }
+ else {
+ li = generateLI(createElement, dataSource[i], undefined, null, null, options, componentInstance);
+ }
+ if (curOpt.itemCreated && typeof curOpt.itemCreated === 'function') {
+ var curData = {
+ dataSource: dataSource,
+ curData: dataSource[i],
+ text: dataSource[i],
+ item: li,
+ options: curOpt
+ };
+ curOpt.itemCreated(curData);
+ }
+ subChild.push(li);
+ }
+ return subChild;
+ }
+ ListBase.createListItemFromArray = createListItemFromArray;
+ /**
+ * Function helps to created an element list based on array of JSON input .
+ *
+ * @param {createElementParams} createElement - Specifies an array of JSON data.
+ *
+ * @param {{Object}[]} dataSource - Specifies an array of JSON data.
+ *
+ * @param {ListBaseOptions} options? - Specifies the list options that need to provide.
+ *
+ * @param {boolean} isSingleLevel? - Specifies the list options that need to provide.
+ *
+ * @param {number} level? - Specifies the list options that need to provide.
+ *
+ * @param {any} componentInstance? - Specifies the list options that need to provide.
+ *
+ * @returns {HTMLElement[]} child - returns the list options that need to provide.
+ */
+ function createListItemFromJson(createElement, dataSource,
+ // eslint-disable-next-line
+ options, level, isSingleLevel, componentInstance) {
+ var curOpt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultListBaseOptions, options);
+ cssClass = getModuleClass(curOpt.moduleName);
+ var fields = (componentInstance &&
+ (componentInstance.getModuleName() === 'listview' || componentInstance.getModuleName() === 'multiselect'))
+ ? curOpt.fields : Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, ListBase.defaultMappedFields, curOpt.fields);
+ var ariaAttributes = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultAriaAttributes, curOpt.ariaAttributes);
+ var id;
+ var checkboxElement = [];
+ if (level) {
+ ariaAttributes.level = level;
+ }
+ var child = [];
+ var li;
+ var anchorElement;
+ if (dataSource && dataSource.length && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(typeofData(dataSource).item) &&
+ // eslint-disable-next-line no-prototype-builtins
+ !typeofData(dataSource).item.hasOwnProperty(fields.id)) {
+ id = generateId(); // generate id for drop-down-list option.
+ }
+ for (var i = 0; i < dataSource.length; i++) {
+ var fieldData = getFieldValues(dataSource[i], fields);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(dataSource[i])) {
+ continue;
+ }
+ if (curOpt.itemCreating && typeof curOpt.itemCreating === 'function') {
+ var curData = {
+ dataSource: dataSource,
+ curData: dataSource[i],
+ text: fieldData[fields.text],
+ options: curOpt,
+ fields: fields
+ };
+ curOpt.itemCreating(curData);
+ }
+ var curItem = dataSource[i];
+ if (curOpt.itemCreating && typeof curOpt.itemCreating === 'function') {
+ fieldData = getFieldValues(dataSource[i], fields);
+ }
+ // eslint-disable-next-line no-prototype-builtins
+ if (fieldData.hasOwnProperty(fields.id) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fieldData[fields.id])) {
+ id = fieldData[fields.id];
+ }
+ var innerEle = [];
+ if (curOpt.showCheckBox) {
+ if (curOpt.itemNavigable && (fieldData[fields.url] || fieldData[fields.urlAttributes])) {
+ checkboxElement.push(createElement('input', { className: cssClass.check, attrs: { type: 'checkbox' } }));
+ }
+ else {
+ innerEle.push(createElement('input', { className: cssClass.check, attrs: { type: 'checkbox' } }));
+ }
+ }
+ if (isSingleLevel === true) {
+ // eslint-disable-next-line no-prototype-builtins
+ if (curOpt.showIcon && fieldData.hasOwnProperty(fields.iconCss) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fieldData[fields.iconCss])) {
+ innerEle.push(createElement('span', { className: cssClass.icon + ' ' + fieldData[fields.iconCss] }));
+ }
+ li = generateSingleLevelLI(createElement, curItem, fieldData, fields, curOpt.itemClass, innerEle,
+ // eslint-disable-next-line no-prototype-builtins
+ (curItem.hasOwnProperty('isHeader') &&
+ curItem.isHeader) ? true : false, id, i, options);
+ anchorElement = li.querySelector('.' + cssClass.anchorWrap);
+ if (curOpt.itemNavigable && checkboxElement.length) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["prepend"])(checkboxElement, li.firstElementChild);
+ }
+ }
+ else {
+ li = generateLI(createElement, curItem, fieldData, fields, curOpt.itemClass, options, componentInstance);
+ li.classList.add(cssClass.level + '-' + ariaAttributes.level);
+ li.setAttribute('aria-level', ariaAttributes.level.toString());
+ if (ariaAttributes.groupItemRole == 'presentation') {
+ li.removeAttribute('aria-level');
+ }
+ anchorElement = li.querySelector('.' + cssClass.anchorWrap);
+ // eslint-disable-next-line no-prototype-builtins
+ if (fieldData.hasOwnProperty(fields.tooltip)) {
+ li.setAttribute('title', fieldData[fields.tooltip]);
+ }
+ // eslint-disable-next-line no-prototype-builtins
+ if (fieldData.hasOwnProperty(fields.htmlAttributes) && fieldData[fields.htmlAttributes]) {
+ setAttribute(li, fieldData[fields.htmlAttributes]);
+ }
+ // eslint-disable-next-line no-prototype-builtins
+ if (fieldData.hasOwnProperty(fields.enabled) && fieldData[fields.enabled] === false) {
+ li.classList.add(cssClass.disabled);
+ }
+ // eslint-disable-next-line no-prototype-builtins
+ if (fieldData.hasOwnProperty(fields.isVisible) && fieldData[fields.isVisible] === false) {
+ li.style.display = 'none';
+ }
+ // eslint-disable-next-line no-prototype-builtins
+ if (fieldData.hasOwnProperty(fields.imageUrl) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fieldData[fields.imageUrl])
+ && !curOpt.template) {
+ var attr = { src: fieldData[fields.imageUrl] };
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["merge"])(attr, fieldData[fields.imageAttributes]);
+ var imageElemnt = createElement('img', { className: cssClass.image, attrs: attr });
+ if (anchorElement) {
+ anchorElement.insertAdjacentElement('afterbegin', imageElemnt);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["prepend"])([imageElemnt], li.firstElementChild);
+ }
+ }
+ // eslint-disable-next-line no-prototype-builtins
+ if (curOpt.showIcon && fieldData.hasOwnProperty(fields.iconCss) &&
+ !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fieldData[fields.iconCss]) && !curOpt.template) {
+ var iconElement = createElement('div', { className: cssClass.icon + ' ' + fieldData[fields.iconCss] });
+ if (anchorElement) {
+ anchorElement.insertAdjacentElement('afterbegin', iconElement);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["prepend"])([iconElement], li.firstElementChild);
+ }
+ }
+ if (innerEle.length) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["prepend"])(innerEle, li.firstElementChild);
+ }
+ if (curOpt.itemNavigable && checkboxElement.length) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["prepend"])(checkboxElement, li.firstElementChild);
+ }
+ processSubChild(createElement, fieldData, fields, dataSource, curOpt, li, ariaAttributes.level);
+ }
+ if (anchorElement) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([li], [cssClass.navigable]);
+ }
+ if (curOpt.itemCreated && typeof curOpt.itemCreated === 'function') {
+ var curData = {
+ dataSource: dataSource,
+ curData: dataSource[i],
+ text: fieldData[fields.text],
+ item: li,
+ options: curOpt,
+ fields: fields
+ };
+ curOpt.itemCreated(curData);
+ }
+ checkboxElement = [];
+ child.push(li);
+ }
+ return child;
+ }
+ ListBase.createListItemFromJson = createListItemFromJson;
+ /**
+ * Function helps to created an element list based on array of JSON input .
+ *
+ * @param {createElementParams} createElement - Specifies an array of JSON data.
+ *
+ * @param {{Object}[]} dataSource - Specifies an array of JSON data.
+ *
+ * @param {ListBaseOptions} options? - Specifies the list options that need to provide.
+ *
+ * @param {number} level? - Specifies the list options that need to provide.
+ *
+ * @param {boolean} isSingleLevel? - Specifies the list options that need to provide.
+ *
+ * @param {any} componentInstance? - Specifies the list options that need to provide.
+ *
+ * @returns {createElement} generateUL - Specifies the list options that need to provide.
+ */
+ function createListFromJson(createElement, dataSource,
+ // eslint-disable-next-line
+ options, level, isSingleLevel, componentInstance) {
+ var curOpt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultListBaseOptions, options);
+ var li = createListItemFromJson(createElement, dataSource, options, level, isSingleLevel, componentInstance);
+ return generateUL(createElement, li, curOpt.listClass, options);
+ }
+ ListBase.createListFromJson = createListFromJson;
+ /**
+ * Return the next or previous visible element.
+ *
+ * @param {Element[]|NodeList} elementArray - An element array to find next or previous element.
+ * @param {Element} li - An element to find next or previous after this element.
+ * @param {boolean} isPrevious? - Specify when the need get previous element from array.
+ */
+ function getSiblingLI(elementArray, element, isPrevious) {
+ cssClass = getModuleClass(defaultListBaseOptions.moduleName);
+ if (!elementArray || !elementArray.length) {
+ return void 0;
+ }
+ var siblingLI;
+ var liIndex;
+ var liCollections = Array.prototype.slice.call(elementArray);
+ if (element) {
+ liIndex = indexOf(element, liCollections);
+ }
+ else {
+ liIndex = (isPrevious === true ? liCollections.length : -1);
+ }
+ siblingLI = liCollections[liIndex + (isPrevious === true ? -1 : 1)];
+ while (siblingLI && (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isVisible"])(siblingLI) || siblingLI.classList.contains(cssClass.disabled))) {
+ liIndex = liIndex + (isPrevious === true ? -1 : 1);
+ siblingLI = liCollections[liIndex];
+ }
+ return siblingLI;
+ }
+ ListBase.getSiblingLI = getSiblingLI;
+ /**
+ * Return the index of the li element
+ *
+ * @param {Element} item - An element to find next or previous after this element.
+ * @param {Element[]} elementArray - An element array to find index of given li.
+ */
+ function indexOf(item, elementArray) {
+ if (!elementArray || !item) {
+ return void 0;
+ }
+ else {
+ var liCollections = elementArray;
+ liCollections = Array.prototype.slice.call(elementArray);
+ return liCollections.indexOf(item);
+ }
+ }
+ ListBase.indexOf = indexOf;
+ /**
+ * Returns the grouped data from given dataSource.
+ *
+ * @param {{Object}[]} dataSource - The JSON data which is necessary to process.
+ * @param {FieldsMapping} fields - Fields that are mapped from the data source.
+ * @param {SortOrder} sortOrder- Specifies final result sort order.
+ */
+ function groupDataSource(dataSource, fields, sortOrder) {
+ if (sortOrder === void 0) { sortOrder = 'None'; }
+ var curFields = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, ListBase.defaultMappedFields, fields);
+ var cusQuery = new _ej2_data__WEBPACK_IMPORTED_MODULE_1__["Query"]().group(curFields.groupBy);
+ // need to remove once sorting issues fixed in DataManager
+ cusQuery = addSorting(sortOrder, 'key', cusQuery);
+ var ds = getDataSource(dataSource, cusQuery);
+ dataSource = [];
+ for (var j = 0; j < ds.length; j++) {
+ var itemObj = ds[j].items;
+ var grpItem = {};
+ var hdr = 'isHeader';
+ grpItem[curFields.text] = ds[j].key;
+ grpItem["" + hdr] = true;
+ var newtext = curFields.text;
+ if (newtext === 'id') {
+ newtext = 'text';
+ grpItem["" + newtext] = ds[j].key;
+ }
+ grpItem._id = 'group-list-item-' + (ds[j].key ?
+ ds[j].key.toString().trim() : 'undefined');
+ grpItem.items = itemObj;
+ dataSource.push(grpItem);
+ for (var k = 0; k < itemObj.length; k++) {
+ dataSource.push(itemObj[k]);
+ }
+ }
+ return dataSource;
+ }
+ ListBase.groupDataSource = groupDataSource;
+ /**
+ * Returns a sorted query object.
+ *
+ * @param {SortOrder} sortOrder - Specifies that sort order.
+ * @param {string} sortBy - Specifies sortBy fields.
+ * @param {Query} query - Pass if any existing query.
+ */
+ function addSorting(sortOrder, sortBy, query) {
+ if (query === void 0) { query = new _ej2_data__WEBPACK_IMPORTED_MODULE_1__["Query"](); }
+ if (sortOrder === 'Ascending') {
+ query.sortBy(sortBy, 'ascending', true);
+ }
+ else if (sortOrder === 'Descending') {
+ query.sortBy(sortBy, 'descending', true);
+ }
+ else {
+ for (var i = 0; i < query.queries.length; i++) {
+ if (query.queries[i].fn === 'onSortBy') {
+ query.queries.splice(i, 1);
+ }
+ }
+ }
+ return query;
+ }
+ ListBase.addSorting = addSorting;
+ /**
+ * Return an array of JSON Data that processed based on queries.
+ *
+ * @param {{Object}[]} dataSource - Specifies local JSON data source.
+ *
+ * @param {Query} query - Specifies query that need to process.
+ */
+ function getDataSource(dataSource, query) {
+ // eslint-disable-next-line
+ return new _ej2_data__WEBPACK_IMPORTED_MODULE_1__["DataManager"](dataSource)
+ .executeLocal(query);
+ }
+ ListBase.getDataSource = getDataSource;
+ /**
+ * Created JSON data based the UL and LI element
+ *
+ * @param {HTMLElement|Element} element - UL element that need to convert as a JSON
+ * @param {ListBaseOptions} options? - Specifies listbase option for fields.
+ */
+ function createJsonFromElement(element, options) {
+ var curOpt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultListBaseOptions, options);
+ var fields = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, ListBase.defaultMappedFields, curOpt.fields);
+ var curEle = element.cloneNode(true);
+ // eslint-disable-next-line
+ var jsonAr = [];
+ curEle.classList.add('json-parent');
+ var childs = curEle.querySelectorAll('.json-parent>li');
+ curEle.classList.remove('json-parent');
+ for (var i = 0; i < childs.length; i++) {
+ var li = childs[i];
+ var anchor = li.querySelector('a');
+ var ul = li.querySelector('ul');
+ // eslint-disable-next-line
+ var json = {};
+ var childNodes = anchor ? anchor.childNodes : li.childNodes;
+ var keys = Object.keys(childNodes);
+ for (var i_1 = 0; i_1 < childNodes.length; i_1++) {
+ if (!(childNodes[Number(keys[i_1])]).hasChildNodes()) {
+ json[fields.text] = childNodes[Number(keys[i_1])].textContent;
+ }
+ }
+ var attributes_1 = getAllAttributes(li);
+ if (attributes_1.id) {
+ json[fields.id] = attributes_1.id;
+ delete attributes_1.id;
+ }
+ else {
+ json[fields.id] = generateId();
+ }
+ if (Object.keys(attributes_1).length) {
+ json[fields.htmlAttributes] = attributes_1;
+ }
+ if (anchor) {
+ attributes_1 = getAllAttributes(anchor);
+ if (Object.keys(attributes_1).length) {
+ json[fields.urlAttributes] = attributes_1;
+ }
+ }
+ if (ul) {
+ json[fields.child] = createJsonFromElement(ul, options);
+ }
+ jsonAr.push(json);
+ }
+ return jsonAr;
+ }
+ ListBase.createJsonFromElement = createJsonFromElement;
+ function typeofData(data) {
+ var match = { typeof: null, item: null };
+ for (var i = 0; i < data.length; i++) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(data[i])) {
+ return match = { typeof: typeof data[i], item: data[i] };
+ }
+ }
+ return match;
+ }
+ function setAttribute(element, elementAttributes) {
+ var attr = {};
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["merge"])(attr, elementAttributes);
+ if (attr.class) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([element], attr.class.split(' '));
+ delete attr.class;
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(element, attr);
+ }
+ function getAllAttributes(element) {
+ var attributes = {};
+ var attr = element.attributes;
+ for (var index = 0; index < attr.length; index++) {
+ attributes[attr[index].nodeName] = attr[index].nodeValue;
+ }
+ return attributes;
+ }
+ /**
+ * Created UL element from content template.
+ *
+ * @param {string} template - that need to convert and generate li element.
+ * @param {{Object}[]} dataSource - Specifies local JSON data source.
+ * @param {ListBaseOptions} options? - Specifies listbase option for fields.
+ */
+ function renderContentTemplate(createElement, template, dataSource,
+ // eslint-disable-next-line
+ fields, options, componentInstance) {
+ cssClass = getModuleClass(defaultListBaseOptions.moduleName);
+ var ulElement = createElement('ul', { className: cssClass.ul, attrs: { role: 'presentation' } });
+ var curOpt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultListBaseOptions, options);
+ var curFields = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, ListBase.defaultMappedFields, fields);
+ // eslint-disable-next-line
+ var compiledString = compileTemplate(template);
+ var liCollection = [];
+ var value;
+ var id = generateId(); // generate id for drop-down-list option.
+ for (var i = 0; i < dataSource.length; i++) {
+ var fieldData = getFieldValues(dataSource[i], curFields);
+ var curItem = dataSource[i];
+ var isHeader = curItem.isHeader;
+ if (typeof dataSource[i] === 'string' || typeof dataSource[i] === 'number') {
+ value = curItem;
+ }
+ else {
+ value = fieldData[curFields.value];
+ }
+ if (curOpt.itemCreating && typeof curOpt.itemCreating === 'function') {
+ var curData = {
+ dataSource: dataSource,
+ curData: curItem,
+ text: value,
+ options: curOpt,
+ fields: curFields
+ };
+ curOpt.itemCreating(curData);
+ }
+ if (curOpt.itemCreating && typeof curOpt.itemCreating === 'function') {
+ fieldData = getFieldValues(dataSource[i], curFields);
+ if (typeof dataSource[i] === 'string' || typeof dataSource[i] === 'number') {
+ value = curItem;
+ }
+ else {
+ value = fieldData[curFields.value];
+ }
+ }
+ var li = createElement('li', {
+ id: id + '-' + i,
+ className: isHeader ? cssClass.group : cssClass.li, attrs: { role: 'presentation' }
+ });
+ if (isHeader) {
+ if (typeof dataSource[i] === 'string' || typeof dataSource[i] === 'number') {
+ li.innerText = curItem;
+ }
+ else {
+ li.innerText = fieldData[curFields.text];
+ }
+ }
+ else {
+ var currentID = isHeader ? curOpt.groupTemplateID : curOpt.templateID;
+ if (isHeader) {
+ if (componentInstance && componentInstance.getModuleName() != 'listview') {
+ // eslint-disable-next-line
+ var compiledElement = compiledString(curItem, componentInstance, 'headerTemplate', currentID, !!curOpt.isStringTemplate, null, li);
+ if (compiledElement) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(compiledElement, li);
+ }
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(compiledString(curItem, componentInstance, 'headerTemplate', currentID, !!curOpt.isStringTemplate), li);
+ }
+ }
+ else {
+ if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+ // eslint-disable-next-line
+ var compiledElement = compiledString(curItem, componentInstance, 'template', currentID, !!curOpt.isStringTemplate, null, li);
+ if (compiledElement) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(compiledElement, li);
+ }
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(compiledString(curItem, componentInstance, 'template', currentID, !!curOpt.isStringTemplate), li);
+ }
+ }
+ li.setAttribute('data-value', Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(value) ? 'null' : value);
+ li.setAttribute('role', 'option');
+ }
+ if (curOpt.itemCreated && typeof curOpt.itemCreated === 'function') {
+ var curData = {
+ dataSource: dataSource,
+ curData: curItem,
+ text: value,
+ item: li,
+ options: curOpt,
+ fields: curFields
+ };
+ curOpt.itemCreated(curData);
+ }
+ liCollection.push(li);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(liCollection, ulElement);
+ return ulElement;
+ }
+ ListBase.renderContentTemplate = renderContentTemplate;
+ /**
+ * Created header items from group template.
+ *
+ * @param {string} template - that need to convert and generate li element.
+ *
+ * @param {{Object}[]} dataSource - Specifies local JSON data source.
+ *
+ * @param {FieldsMapping} fields - Specifies fields for mapping the dataSource.
+ *
+ * @param {Element[]} headerItems? - Specifies listbase header items.
+ */
+ // tslint:disable-next-line
+ function renderGroupTemplate(groupTemplate, groupDataSource, fields,
+ // eslint-disable-next-line
+ headerItems, options, componentInstance) {
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ var compiledString = compileTemplate(groupTemplate);
+ var curFields = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, ListBase.defaultMappedFields, fields);
+ var curOpt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultListBaseOptions, options);
+ var category = curFields.groupBy;
+ for (var _i = 0, headerItems_1 = headerItems; _i < headerItems_1.length; _i++) {
+ var header = headerItems_1[_i];
+ var headerData = {};
+ headerData["" + category] = header.textContent;
+ header.innerHTML = '';
+ if (componentInstance && componentInstance.getModuleName() !== "listview") {
+ // eslint-disable-next-line
+ var compiledElement = compiledString(headerData, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, header);
+ if (compiledElement) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(compiledElement, header);
+ }
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(compiledString(headerData, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate), header);
+ }
+ }
+ return headerItems;
+ }
+ ListBase.renderGroupTemplate = renderGroupTemplate;
+ function generateId() {
+ return Math.floor((1 + Math.random()) * 0x10000)
+ .toString(16)
+ .substring(1);
+ }
+ ListBase.generateId = generateId;
+ function processSubChild(createElement, fieldData, fields, ds, options, element, level) {
+ // Get SubList
+ var subDS = fieldData[fields.child] || [];
+ var hasChildren = fieldData[fields.hasChildren];
+ //Create Sub child
+ if (subDS.length) {
+ hasChildren = true;
+ element.classList.add(cssClass.hasChild);
+ if (options.processSubChild) {
+ var subLi = createListFromJson(createElement, subDS, options, ++level);
+ element.appendChild(subLi);
+ }
+ }
+ // Create expand and collapse node
+ if (!!options.expandCollapse && hasChildren && !options.template) {
+ element.firstElementChild.classList.add(cssClass.iconWrapper);
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ var expandElement = options.expandIconPosition === 'Left' ? _ej2_base__WEBPACK_IMPORTED_MODULE_0__["prepend"] : _ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"];
+ expandElement([createElement('div', { className: 'e-icons ' + options.expandIconClass })], element.querySelector('.' + cssClass.textContent));
+ }
+ }
+ function generateSingleLevelLI(createElement, item, fieldData, fields, className, innerElements, grpLI, id, index, options) {
+ var curOpt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultListBaseOptions, options);
+ var ariaAttributes = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultAriaAttributes, curOpt.ariaAttributes);
+ var text = item;
+ var value = item;
+ var dataSource;
+ if (typeof item !== 'string' && typeof item !== 'number' && typeof item !== 'boolean') {
+ dataSource = item;
+ text = (typeof fieldData[fields.text] === 'boolean' || typeof fieldData[fields.text] === 'number') ?
+ fieldData[fields.text] : (fieldData[fields.text] || '');
+ value = fieldData[fields.value];
+ }
+ var elementID;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(dataSource) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fieldData[fields.id])
+ && fieldData[fields.id] !== '') {
+ elementID = id;
+ }
+ else {
+ elementID = id + '-' + index;
+ }
+ var li = createElement('li', {
+ className: (grpLI === true ? cssClass.group : cssClass.li) + ' ' + (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(className) ? '' : className),
+ id: elementID, attrs: (ariaAttributes.groupItemRole !== '' && ariaAttributes.itemRole !== '' ?
+ { role: (grpLI === true ? ariaAttributes.groupItemRole : ariaAttributes.itemRole) } : {})
+ });
+ // eslint-disable-next-line no-prototype-builtins
+ if (dataSource && fieldData.hasOwnProperty(fields.enabled) && fieldData[fields.enabled].toString() === 'false') {
+ li.classList.add(cssClass.disabled);
+ }
+ if (grpLI) {
+ li.innerText = text;
+ }
+ else {
+ li.setAttribute('data-value', Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(value) ? 'null' : value);
+ li.setAttribute('role', 'option');
+ // eslint-disable-next-line no-prototype-builtins
+ if (dataSource && fieldData.hasOwnProperty(fields.htmlAttributes) && fieldData[fields.htmlAttributes]) {
+ setAttribute(li, fieldData[fields.htmlAttributes]);
+ }
+ if (innerElements.length && !curOpt.itemNavigable) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(innerElements, li);
+ }
+ if (dataSource && (fieldData[fields.url] || (fieldData[fields.urlAttributes] &&
+ fieldData[fields.urlAttributes].href))) {
+ li.appendChild(anchorTag(createElement, dataSource, fields, text, innerElements, curOpt.itemNavigable));
+ }
+ else {
+ if (innerElements.length && curOpt.itemNavigable) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(innerElements, li);
+ }
+ li.appendChild(document.createTextNode(text));
+ }
+ }
+ return li;
+ }
+ function getModuleClass(moduleName) {
+ var moduleClass;
+ // eslint-disable-next-line
+ return moduleClass = {
+ li: "e-" + moduleName + "-item",
+ ul: "e-" + moduleName + "-parent e-ul",
+ group: "e-" + moduleName + "-group-item",
+ icon: "e-" + moduleName + "-icon",
+ text: "e-" + moduleName + "-text",
+ check: "e-" + moduleName + "-check",
+ checked: 'e-checked',
+ selected: 'e-selected',
+ expanded: 'e-expanded',
+ textContent: 'e-text-content',
+ hasChild: 'e-has-child',
+ level: 'e-level',
+ url: "e-" + moduleName + "-url",
+ collapsible: 'e-icon-collapsible',
+ disabled: 'e-disabled',
+ image: "e-" + moduleName + "-img",
+ iconWrapper: 'e-icon-wrapper',
+ anchorWrap: 'e-anchor-wrap',
+ navigable: 'e-navigable'
+ };
+ }
+ function anchorTag(createElement, dataSource, fields, text, innerElements, isFullNavigation) {
+ var fieldData = getFieldValues(dataSource, fields);
+ var attr = { href: fieldData[fields.url] };
+ // eslint-disable-next-line no-prototype-builtins
+ if (fieldData.hasOwnProperty(fields.urlAttributes) && fieldData[fields.urlAttributes]) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["merge"])(attr, fieldData[fields.urlAttributes]);
+ attr.href = fieldData[fields.url] ? fieldData[fields.url] :
+ fieldData[fields.urlAttributes].href;
+ }
+ var anchorTag;
+ if (!isFullNavigation) {
+ anchorTag = createElement('a', { className: cssClass.text + ' ' + cssClass.url, innerHTML: text });
+ }
+ else {
+ anchorTag = createElement('a', { className: cssClass.text + ' ' + cssClass.url });
+ var anchorWrapper = createElement('div', { className: cssClass.anchorWrap });
+ if (innerElements && innerElements.length) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(innerElements, anchorWrapper);
+ }
+ anchorWrapper.appendChild(document.createTextNode(text));
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])([anchorWrapper], anchorTag);
+ }
+ setAttribute(anchorTag, attr);
+ return anchorTag;
+ }
+ // tslint:disable-next-line
+ /* tslint:disable:align */
+ function generateLI(createElement, item, fieldData,
+ // eslint-disable-next-line
+ fields, className, options, componentInstance) {
+ var curOpt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultListBaseOptions, options);
+ var ariaAttributes = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultAriaAttributes, curOpt.ariaAttributes);
+ var text = item;
+ var uID;
+ var grpLI;
+ var dataSource;
+ if (typeof item !== 'string' && typeof item !== 'number') {
+ dataSource = item;
+ text = fieldData[fields.text] || '';
+ // tslint:disable-next-line
+ uID = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fieldData['_id'])) ? fieldData[fields.id] : fieldData['_id'];
+ // eslint-disable-next-line no-prototype-builtins
+ grpLI = (item.hasOwnProperty('isHeader') && item.isHeader)
+ ? true : false;
+ }
+ if (options && options.enableHtmlSanitizer) {
+ // eslint-disable-next-line no-self-assign
+ text = text;
+ }
+ var li = createElement('li', {
+ className: (grpLI === true ? cssClass.group : cssClass.li) + ' ' + (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(className) ? '' : className),
+ attrs: (ariaAttributes.groupItemRole !== '' && ariaAttributes.itemRole !== '' ?
+ { role: (grpLI === true ? ariaAttributes.groupItemRole : ariaAttributes.itemRole) } : {})
+ });
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(uID) === true) {
+ li.setAttribute('data-uid', uID);
+ }
+ else {
+ li.setAttribute('data-uid', generateId());
+ }
+ if (grpLI && options && options.groupTemplate) {
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ var compiledString = compileTemplate(options.groupTemplate);
+ if (componentInstance && componentInstance.getModuleName() !== "listview") {
+ // eslint-disable-next-line
+ var compiledElement = compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, li);
+ if (compiledElement) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(compiledElement, li);
+ }
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate), li);
+ }
+ }
+ else if (!grpLI && options && options.template) {
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ var compiledString = compileTemplate(options.template);
+ if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+ // eslint-disable-next-line
+ var compiledElement = compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate, null, li);
+ if (compiledElement) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(compiledElement, li);
+ }
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate), li);
+ }
+ }
+ else {
+ var innerDiv = createElement('div', {
+ className: cssClass.textContent,
+ attrs: (ariaAttributes.wrapperRole !== '' ? { role: ariaAttributes.wrapperRole } : {})
+ });
+ if (dataSource && (fieldData[fields.url] || (fieldData[fields.urlAttributes] &&
+ fieldData[fields.urlAttributes].href))) {
+ innerDiv.appendChild(anchorTag(createElement, dataSource, fields, text, null, curOpt.itemNavigable));
+ }
+ else {
+ var element = createElement('span', {
+ className: cssClass.text,
+ attrs: (ariaAttributes.itemText !== '' ? { role: ariaAttributes.itemText } : {})
+ });
+ if (options && options.enableHtmlSanitizer) {
+ element.innerText = text;
+ }
+ else {
+ element.innerHTML = text;
+ }
+ innerDiv.appendChild(element);
+ }
+ li.appendChild(innerDiv);
+ }
+ return li;
+ }
+ /**
+ * Returns UL element based on the given LI element.
+ *
+ * @param {HTMLElement[]} liElement - Specifies array of LI element.
+ *
+ * @param {string} className? - Specifies class name that need to be added in UL element.
+ *
+ * @param {ListBaseOptions} options? - Specifies ListBase options.
+ */
+ function generateUL(createElement, liElement, className, options) {
+ var curOpt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultListBaseOptions, options);
+ var ariaAttributes = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultAriaAttributes, curOpt.ariaAttributes);
+ cssClass = getModuleClass(curOpt.moduleName);
+ var ulElement = createElement('ul', {
+ className: cssClass.ul + ' ' + (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(className) ? '' : className),
+ attrs: (ariaAttributes.listRole !== '' ? { role: ariaAttributes.listRole } : {})
+ });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(liElement, ulElement);
+ return ulElement;
+ }
+ ListBase.generateUL = generateUL;
+ /**
+ * Returns LI element with additional DIV tag based on the given LI element.
+ *
+ * @param {liElement} liElement - Specifies LI element.
+ *
+ * @param {string} className? - Specifies class name that need to be added in created DIV element.
+ *
+ * @param {ListBaseOptions} options? - Specifies ListBase options.
+ */
+ function generateIcon(createElement, liElement, className, options) {
+ var curOpt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, defaultListBaseOptions, options);
+ cssClass = getModuleClass(curOpt.moduleName);
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ var expandElement = curOpt.expandIconPosition === 'Left' ? _ej2_base__WEBPACK_IMPORTED_MODULE_0__["prepend"] : _ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"];
+ expandElement([createElement('div', {
+ className: 'e-icons ' + curOpt.expandIconClass + ' ' +
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(className) ? '' : className)
+ })], liElement.querySelector('.' + cssClass.textContent));
+ return liElement;
+ }
+ ListBase.generateIcon = generateIcon;
+})(ListBase || (ListBase = {}));
+/**
+ * Used to get dataSource item from complex data using fields.
+ *
+ * @param {Object} dataSource - Specifies an JSON or String data.
+ *
+ * @param {FieldsMapping} fields - Fields that are mapped from the dataSource.
+ */
+function getFieldValues(dataItem, fields) {
+ var fieldData = {};
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(dataItem) || typeof (dataItem) === 'string' || typeof (dataItem) === 'number'
+ || !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(dataItem.isHeader)) {
+ return dataItem;
+ }
+ else {
+ for (var _i = 0, _a = Object.keys(fields); _i < _a.length; _i++) {
+ var field = _a[_i];
+ var dataField = fields["" + field];
+ var value = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(dataField) &&
+ typeof (dataField) === 'string' ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])(dataField, dataItem) : undefined;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(value)) {
+ fieldData["" + dataField] = value;
+ }
+ }
+ }
+ return fieldData;
+}
+function compileTemplate(template) {
+ if (template) {
+ try {
+ if (typeof template !== 'function' && document.querySelector(template)) {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(document.querySelector(template).innerHTML.trim());
+ }
+ else {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(template);
+ }
+ }
+ catch (e) {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(template);
+ }
+ }
+ return undefined;
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-lists/index.js":
+/*!**********************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-lists/index.js ***!
+ \**********************************************************/
+/*! exports provided: classNames, FieldSettings, ListView, Virtualization, cssClass, ListBase, getFieldValues, Sortable, moveTo */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _list_view_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./list-view/index */ "./ej2-resources/22.1.37/scripts/ej2-lists/list-view/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "classNames", function() { return _list_view_index__WEBPACK_IMPORTED_MODULE_0__["classNames"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FieldSettings", function() { return _list_view_index__WEBPACK_IMPORTED_MODULE_0__["FieldSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ListView", function() { return _list_view_index__WEBPACK_IMPORTED_MODULE_0__["ListView"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Virtualization", function() { return _list_view_index__WEBPACK_IMPORTED_MODULE_0__["Virtualization"]; });
+
+/* harmony import */ var _common_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./common/index */ "./ej2-resources/22.1.37/scripts/ej2-lists/common/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cssClass", function() { return _common_index__WEBPACK_IMPORTED_MODULE_1__["cssClass"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ListBase", function() { return _common_index__WEBPACK_IMPORTED_MODULE_1__["ListBase"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFieldValues", function() { return _common_index__WEBPACK_IMPORTED_MODULE_1__["getFieldValues"]; });
+
+/* harmony import */ var _sortable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./sortable */ "./ej2-resources/22.1.37/scripts/ej2-lists/sortable/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Sortable", function() { return _sortable__WEBPACK_IMPORTED_MODULE_2__["Sortable"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "moveTo", function() { return _sortable__WEBPACK_IMPORTED_MODULE_2__["moveTo"]; });
+
+/**
+ * List Components
+ */
+
+
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-lists/list-view/index.js":
+/*!********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-lists/list-view/index.js ***!
+ \********************************************************************/
+/*! exports provided: classNames, FieldSettings, ListView, Virtualization */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _list_view__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./list-view */ "./ej2-resources/22.1.37/scripts/ej2-lists/list-view/list-view.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "classNames", function() { return _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FieldSettings", function() { return _list_view__WEBPACK_IMPORTED_MODULE_0__["FieldSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ListView", function() { return _list_view__WEBPACK_IMPORTED_MODULE_0__["ListView"]; });
+
+/* harmony import */ var _virtualization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./virtualization */ "./ej2-resources/22.1.37/scripts/ej2-lists/list-view/virtualization.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Virtualization", function() { return _virtualization__WEBPACK_IMPORTED_MODULE_1__["Virtualization"]; });
+
+/**
+ * Listview Component
+ */
+
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-lists/list-view/list-view.js":
+/*!************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-lists/list-view/list-view.js ***!
+ \************************************************************************/
+/*! exports provided: classNames, FieldSettings, ListView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "classNames", function() { return classNames; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FieldSettings", function() { return FieldSettings; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ListView", function() { return ListView; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-data */ "./ej2-resources/22.1.37/scripts/ej2-data/index.js");
+/* harmony import */ var _ej2_buttons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../ej2-buttons */ "./ej2-resources/22.1.37/scripts/ej2-buttons/index.js");
+/* harmony import */ var _common_list_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../common/list-base */ "./ej2-resources/22.1.37/scripts/ej2-lists/common/list-base.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+
+
+
+// Effect Configuration Effect[] = [fromViewBackward,fromViewForward,toViewBackward,toviewForward];
+var effectsConfig = {
+ 'None': [],
+ 'SlideLeft': ['SlideRightOut', 'SlideLeftOut', 'SlideLeftIn', 'SlideRightIn'],
+ 'SlideDown': ['SlideTopOut', 'SlideBottomOut', 'SlideBottomIn', 'SlideTopIn'],
+ 'Zoom': ['FadeOut', 'FadeZoomOut', 'FadeZoomIn', 'FadeIn'],
+ 'Fade': ['FadeOut', 'FadeOut', 'FadeIn', 'FadeIn']
+};
+var effectsRTLConfig = {
+ 'None': [],
+ 'SlideLeft': ['SlideLeftOut', 'SlideRightOut', 'SlideRightIn', 'SlideLeftIn'],
+ 'SlideDown': ['SlideBottomOut', 'SlideTopOut', 'SlideTopIn', 'SlideBottomIn'],
+ 'Zoom': ['FadeZoomOut', 'FadeOut', 'FadeIn', 'FadeZoomIn'],
+ 'Fade': ['FadeOut', 'FadeOut', 'FadeIn', 'FadeIn']
+};
+// don't use space in classnames.
+var classNames = {
+ root: 'e-listview',
+ hover: 'e-hover',
+ selected: 'e-active',
+ focused: 'e-focused',
+ parentItem: 'e-list-parent',
+ listItem: 'e-list-item',
+ listIcon: 'e-list-icon',
+ textContent: 'e-text-content',
+ listItemText: 'e-list-text',
+ groupListItem: 'e-list-group-item',
+ hasChild: 'e-has-child',
+ view: 'e-view',
+ header: 'e-list-header',
+ headerText: 'e-headertext',
+ headerTemplateText: 'e-headertemplate-text',
+ text: 'e-text',
+ disable: 'e-disabled',
+ container: 'e-list-container',
+ icon: 'e-icons',
+ backIcon: 'e-icon-back',
+ backButton: 'e-back-button',
+ checkboxWrapper: 'e-checkbox-wrapper',
+ checkbox: 'e-checkbox',
+ checked: 'e-check',
+ checklist: 'e-checklist',
+ checkboxIcon: 'e-frame',
+ checkboxRight: 'e-checkbox-right',
+ checkboxLeft: 'e-checkbox-left',
+ listviewCheckbox: 'e-listview-checkbox',
+ itemCheckList: 'e-checklist',
+ virtualElementContainer: 'e-list-virtualcontainer'
+};
+var LISTVIEW_TEMPLATE_PROPERTY = 'Template';
+var LISTVIEW_GROUPTEMPLATE_PROPERTY = 'GroupTemplate';
+var LISTVIEW_HEADERTEMPLATE_PROPERTY = 'HeaderTemplate';
+var swipeVelocity = 0.5;
+/**
+ * Represents the field settings of the ListView.
+ */
+var FieldSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(FieldSettings, _super);
+ function FieldSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('id')
+ ], FieldSettings.prototype, "id", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('text')
+ ], FieldSettings.prototype, "text", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('isChecked')
+ ], FieldSettings.prototype, "isChecked", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('isVisible')
+ ], FieldSettings.prototype, "isVisible", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('enabled')
+ ], FieldSettings.prototype, "enabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('iconCss')
+ ], FieldSettings.prototype, "iconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('child')
+ ], FieldSettings.prototype, "child", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('tooltip')
+ ], FieldSettings.prototype, "tooltip", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('groupBy')
+ ], FieldSettings.prototype, "groupBy", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('text')
+ ], FieldSettings.prototype, "sortBy", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('htmlAttributes')
+ ], FieldSettings.prototype, "htmlAttributes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('tableName')
+ ], FieldSettings.prototype, "tableName", void 0);
+ return FieldSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Represents the EJ2 ListView control.
+ * ```html
+ * Button , DropDownButton , Menu and TextBox .
+ * Set CssClass property with
' + htmlData + '
';
+ htmlData = htmlData.replace(/ transform: t/g, ' -webkit-transform: t');
+ this.diagram.snapSettings.constraints = snapConstraints;
+ this.diagram.dataBind();
+ return htmlData;
+ };
+ /** @private */
+ PrintAndExport.prototype.getDiagramContent = function (styleSheets) {
+ if (this.diagram.scroller.currentZoom === 1) {
+ var htmlData = this.getContent(styleSheets);
+ /* tslint:disable */
+ // eslint-disable-next-line quotes
+ return Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["checkBrowserInfo"])() ? htmlData.replace("url(" + location.protocol + '//' + location.host + location.pathname + "#diagram_pattern ", "url(#diagram_pattern)") : htmlData;
+ /* tslint:enable */
+ }
+ else {
+ var container = document.getElementById(this.diagram.element.id + 'content');
+ var scrollerX = container.scrollLeft;
+ var scrollerY = container.scrollTop;
+ var oldZoom = this.diagram.scrollSettings.currentZoom;
+ var oldHorizontalOffset = this.diagram.scroller.horizontalOffset;
+ var oldVerticalOffset = this.diagram.scroller.verticalOffset;
+ var oldWidth = Number(String(this.diagram.width).split('%')[0]) ?
+ container.clientWidth : Number(String(this.diagram.width).split('px')[0]);
+ var oldHeight = Number(String(this.diagram.height).split('%')[0]) ?
+ container.clientHeight : Number(String(this.diagram.height).split('px')[0]);
+ var bounds = this.getDiagramBounds('', {});
+ this.diagram.scroller.zoom((1 / oldZoom));
+ var scrollX_1 = 0;
+ var scrollY_1 = 0;
+ scrollX_1 = bounds.x;
+ scrollY_1 = bounds.y;
+ this.diagram.scroller.transform = {
+ tx: -scrollX_1,
+ ty: -scrollY_1,
+ scale: this.diagram.scroller.currentZoom
+ };
+ this.diagram.scroller.horizontalOffset = -scrollX_1;
+ this.diagram.scroller.verticalOffset = -scrollY_1;
+ this.diagram.scroller.setSize();
+ this.diagram.setSize(bounds.width, bounds.height);
+ var htmlData = this.getContent(styleSheets);
+ this.diagram.setSize(oldWidth, oldHeight);
+ this.diagram.scroller.zoom(oldZoom / this.diagram.scrollSettings.currentZoom);
+ this.diagram.dataBind();
+ if (scrollerX || scrollerY) {
+ this.diagram.setOffset(scrollerX, scrollerY);
+ }
+ else {
+ this.diagram.scroller.transform = {
+ tx: (oldHorizontalOffset) / this.diagram.scroller.currentZoom,
+ ty: (oldVerticalOffset) / this.diagram.scroller.currentZoom,
+ scale: this.diagram.scroller.currentZoom
+ };
+ this.diagram.scroller.horizontalOffset = oldHorizontalOffset;
+ this.diagram.scroller.verticalOffset = oldVerticalOffset;
+ }
+ this.diagram.renderSelector(false);
+ /* tslint:disable */
+ // eslint-disable-next-line quotes
+ return Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["checkBrowserInfo"])() ? htmlData.replace("url(" + location.protocol + '//' + location.host + location.pathname + "#diagram_pattern ", "url(#diagram_pattern)") : htmlData;
+ /* tslint:enable */
+ }
+ };
+ /** @private */
+ PrintAndExport.prototype.exportImages = function (image, options) {
+ var _this = this;
+ var region = options && options.region ? options.region : 'Content';
+ var margin = options.margin || {};
+ margin = {
+ top: !isNaN(margin.top) ? margin.top : 0,
+ bottom: !isNaN(margin.bottom) ? margin.bottom : 0,
+ left: !isNaN(margin.left) ? margin.left : 0,
+ right: !isNaN(margin.right) ? margin.right : 0
+ };
+ var bounds = this.getDiagramBounds(region, {});
+ if (options.bounds) {
+ bounds.x = (!isNaN(options.bounds.x) ? options.bounds.x : bounds.x);
+ bounds.y = (!isNaN(options.bounds.y) ? options.bounds.y : bounds.y);
+ bounds.width = (options.bounds.width || bounds.width);
+ bounds.height = (options.bounds.height || bounds.height);
+ }
+ var img = document.createElement('img');
+ var attr = {
+ 'src': image
+ };
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_5__["setAttributeHtml"])(img, attr);
+ var context = this;
+ img.onload = function () {
+ var canvas = _rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_1__["CanvasRenderer"].createCanvas(context.diagram.element.id + 'innerImage', bounds.width + (margin.left + margin.right), bounds.height + (margin.top + margin.bottom));
+ var ctx = canvas.getContext('2d');
+ ctx.fillStyle = context.diagram.pageSettings.background.color;
+ ctx.fillRect(0, 0, bounds.width + (margin.left + margin.right), bounds.height + (margin.top + margin.bottom));
+ ctx.drawImage(img, 0, 0, bounds.width, bounds.height, margin.left, margin.top, bounds.width, bounds.height);
+ image = canvas.toDataURL();
+ if (options.printOptions) {
+ context.printImages(image, options);
+ return;
+ }
+ ctx.restore();
+ var fileName = options.fileName || 'diagram';
+ _this.canvasMultiplePage(options, canvas, margin, image, fileName);
+ };
+ };
+ /**
+ *To destroy the ruler
+ *
+ * @returns {void} To destroy the ruler
+ */
+ PrintAndExport.prototype.destroy = function () {
+ /**
+ * Destroys the Print and Export module
+ */
+ };
+ /**
+ * Get module name.
+ */
+ PrintAndExport.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'PrintandExport';
+ };
+ return PrintAndExport;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/canvas-renderer.js":
+/*!*****************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/canvas-renderer.js ***!
+ \*****************************************************************************************/
+/*! exports provided: CanvasRenderer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CanvasRenderer", function() { return CanvasRenderer; });
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _utility_path_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../utility/path-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/path-util.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* eslint-disable no-case-declarations */
+/* eslint-disable @typescript-eslint/indent */
+
+
+
+
+
+/**
+ * Canvas Renderer
+ */
+/** @private */
+var CanvasRenderer = /** @__PURE__ @class */ (function () {
+ function CanvasRenderer() {
+ }
+ /**
+ * Provide the context value for the canvas \
+ *
+ * @returns {CanvasRenderingContext2D} Provide the context value for the canvas .\
+ * @param { HTMLCanvasElement} canvas - Return the dashed array values .
+ * @private
+ */
+ CanvasRenderer.getContext = function (canvas) {
+ return canvas.getContext('2d');
+ };
+ CanvasRenderer.setCanvasSize = function (canvas, width, height) {
+ if (canvas) {
+ canvas.setAttribute('width', width.toString());
+ canvas.setAttribute('height', height.toString());
+ }
+ };
+ /**
+ * Draw the gradient for the diagram shapes .\
+ *
+ * @returns {SVGElement} Draw the gradient for the diagram shapes.
+ * @param {StyleAttributes} options - Provide the options for the gradient element .
+ * @param {SVGElement} ctx - Provide canvas values .
+ * @param {string} x - Provide the x value for the gradient .
+ * @param {string} y - Provide the x value for the gradient .
+ * @private
+ */
+ CanvasRenderer.prototype.renderGradient = function (options, ctx, x, y) {
+ var max;
+ var min;
+ var grd;
+ if (options.gradient.type !== 'None') {
+ for (var i = 0; i < options.gradient.stops.length; i++) {
+ max = max !== undefined ? options.gradient.stops[parseInt(i.toString(), 10)].offset : Math.max(max, options.gradient.stops[parseInt(i.toString(), 10)].offset);
+ min = min !== undefined ? options.gradient.stops[parseInt(i.toString(), 10)].offset : Math.min(min, options.gradient.stops[parseInt(i.toString(), 10)].offset);
+ }
+ if (options.gradient.type === 'Linear') {
+ var linear = options.gradient;
+ grd = ctx.createLinearGradient(x + linear.x1, y + linear.y1, x + linear.x2, y + linear.y2);
+ }
+ else {
+ var radial = options.gradient;
+ grd = ctx.createRadialGradient(x + radial.fx, y + radial.fy, 0, x + radial.cx, y + radial.cy, radial.r);
+ }
+ for (var i = 0; i < options.gradient.stops.length; i++) {
+ var stop_1 = options.gradient.stops[parseInt(i.toString(), 10)];
+ var offset = min < 0 ? (max + stop_1.offset) / (2 * max) : stop_1.offset / max;
+ grd.addColorStop(offset, stop_1.color);
+ }
+ ctx.fillStyle = grd;
+ }
+ return ctx;
+ };
+ /**
+ * Draw the shawdow for the rectangle shape in diagram \
+ *
+ * @returns {void} Draw the shawdow for the rectangle shape in diagram .\
+ *
+ * @param { SVGElement} options - Provide the base attributes .
+ * @param { RectAttributes} canvas - Provide the canvas values .
+ * @param { string} collection - Provide the collection value.
+ * @private
+ */
+ CanvasRenderer.prototype.renderShadow = function (options, canvas, collection) {
+ if (collection === void 0) { collection = null; }
+ var ctx = CanvasRenderer.getContext(canvas);
+ ctx.save();
+ ctx.beginPath();
+ ctx.strokeStyle = ctx.fillStyle = options.shadow.color;
+ ctx.globalAlpha = options.shadow.opacity;
+ var ptModel = { x: 0, y: 0 };
+ var point = _primitives_point__WEBPACK_IMPORTED_MODULE_1__["Point"].transform(ptModel, options.shadow.angle, options.shadow.distance);
+ var transX = options.x + point.x;
+ var transY = options.y + point.y;
+ var pivotX = transX + options.width * options.pivotX;
+ var pivotY = transY + options.height * options.pivotY;
+ this.rotateContext(canvas, options.angle, pivotX, pivotY);
+ if (collection) {
+ ctx.translate(transX, transY);
+ this.renderPath(canvas, options, collection);
+ ctx.translate(-transX, -transY);
+ }
+ else {
+ ctx.rect(transX, transY, options.width, options.height);
+ ctx.fillRect(transX, transY, options.width, options.height);
+ }
+ ctx.fill();
+ ctx.stroke();
+ ctx.closePath();
+ ctx.restore();
+ };
+ /**
+ * Create canvas element for the diagram \
+ *
+ * @returns {HTMLCanvasElement} Create canvas element for the diagram .\
+ *
+ * @param { SVGElement} id - Provide the id for the canvas.
+ * @param { Object} width - Provide the width for the canvas.
+ * @param { Object} height - Provide the height for the canvas.
+ * @private
+ */
+ CanvasRenderer.createCanvas = function (id, width, height) {
+ var canvasObj = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('canvas', { 'id': id });
+ this.setCanvasSize(canvasObj, width, height);
+ return canvasObj;
+ };
+ CanvasRenderer.prototype.setStyle = function (canvas, style) {
+ var ctx = CanvasRenderer.getContext(canvas);
+ if (style.fill === 'none') {
+ style.fill = 'transparent';
+ }
+ if (style.stroke === 'none') {
+ style.stroke = 'transparent';
+ }
+ ctx.strokeStyle = style.stroke;
+ ctx.lineWidth = style.strokeWidth;
+ if (style.strokeWidth === 0) {
+ ctx.strokeStyle = 'transparent';
+ }
+ ctx.globalAlpha = style.opacity;
+ var dashArray = [];
+ if (style.dashArray) {
+ dashArray = this.parseDashArray(style.dashArray);
+ }
+ ctx.setLineDash(dashArray);
+ if (style.gradient && style.gradient.type !== 'None') {
+ if (style.shapeType === 'Rectangle') {
+ this.renderGradient(style, ctx, style.x, style.y);
+ }
+ else {
+ this.renderGradient(style, ctx, 0, 0);
+ }
+ }
+ else {
+ ctx.fillStyle = style.fill;
+ }
+ };
+ CanvasRenderer.prototype.rotateContext = function (canvas, angle, x, y) {
+ var ctx = CanvasRenderer.getContext(canvas);
+ ctx.translate(x, y);
+ ctx.rotate(angle * Math.PI / 180);
+ ctx.translate(-x, -y);
+ };
+ CanvasRenderer.prototype.setFontStyle = function (canvas, text) {
+ var ctx = CanvasRenderer.getContext(canvas);
+ var font = '';
+ if (text.italic) {
+ font += 'italic ';
+ }
+ if (text.bold) {
+ font += 'bold ';
+ }
+ font += (text.fontSize) + 'px ';
+ font += text.fontFamily;
+ ctx.font = font;
+ };
+ /**
+ * Return the dashed array values \
+ *
+ * @returns {number[]} Return the dashed array values .\
+ * @param { SVGElement} dashArray - Return the dashed array values .
+ * @private
+ */
+ CanvasRenderer.prototype.parseDashArray = function (dashArray) {
+ var dashes = [];
+ var separator = dashArray.indexOf(' ') !== -1 ? ' ' : ',';
+ var splittedDashes = dashArray.split(separator);
+ for (var _i = 0, splittedDashes_1 = splittedDashes; _i < splittedDashes_1.length; _i++) {
+ var i = splittedDashes_1[_i];
+ dashes.push(Number(i));
+ }
+ return dashes;
+ };
+ CanvasRenderer.prototype.drawRoundedRect = function (canvas, options) {
+ var context = CanvasRenderer.getContext(canvas);
+ context.beginPath();
+ var x = options.x;
+ var y = options.y;
+ var w = options.width;
+ var h = options.height;
+ var mx = x + w / 2;
+ var my = y + h / 2;
+ context.beginPath();
+ this.setStyle(canvas, options);
+ context.moveTo(x, my);
+ context.quadraticCurveTo(x, y, mx, y);
+ context.quadraticCurveTo(x + w, y, x + w, my);
+ context.quadraticCurveTo(x + w, y + h, mx, y + h);
+ context.quadraticCurveTo(x, y + h, x, my);
+ context.stroke();
+ };
+ //Rendering Part
+ /**
+ * Draw the Rectangle for the diagram \
+ *
+ * @returns {void} Draw the Rectangle for the diagram .\
+ *
+ * @param { SVGElement} canvas - Provide the SVG .
+ * @param { RectAttributes} options - Provide the Rect attributes .
+ * @param { string} diagramId - Provide the diagram id .
+ * @param { boolean} isExport - Provide the isExport .
+ * @private
+ */
+ CanvasRenderer.prototype.drawRectangle = function (canvas, options, diagramId, isExport) {
+ if (options.visible === true) {
+ if (options.cornerRadius) {
+ if (!isExport && (options.width < 30 || options.height < 30)) {
+ this.drawRoundedRect(canvas, options);
+ }
+ else {
+ options.data = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_2__["getRectanglePath"])(options.cornerRadius, options.height, options.width);
+ this.drawPath(canvas, options);
+ }
+ }
+ else {
+ var ctx = CanvasRenderer.getContext(canvas);
+ if (options.shadow) {
+ this.renderShadow(options, canvas);
+ }
+ ctx.save();
+ ctx.beginPath();
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ var cornerRadius = options.cornerRadius;
+ var pivotX = options.x + options.width * options.pivotX;
+ var pivotY = options.y + options.height * options.pivotY;
+ this.rotateContext(canvas, options.angle, pivotX, pivotY);
+ this.setStyle(canvas, options);
+ ctx.rect(options.x, options.y, options.width, options.height);
+ ctx.fillRect(options.x, options.y, options.width, options.height);
+ ctx.fill();
+ ctx.stroke();
+ ctx.closePath();
+ ctx.restore();
+ }
+ }
+ };
+ // public updateSelectionRegion(canvas: HTMLCanvasElement, options: RectAttributes): void {
+ // this.drawRectangle(canvas, options);
+ // }
+ // public drawLine(canvas: HTMLCanvasElement, options: LineAttributes): void {
+ // let ctx: CanvasRenderingContext2D = CanvasRenderer.getContext(canvas);
+ // ctx.save();
+ // ctx.beginPath();
+ // let pivotX: number = options.x + options.width * options.pivotX;
+ // let pivotY: number = options.y + options.height * options.pivotY;
+ // this.rotateContext(canvas, options.angle, pivotX, pivotY);
+ // this.setStyle(canvas, options as StyleAttributes);
+ // ctx.translate(options.x, options.y);
+ // ctx.moveTo(options.startPoint.x, options.startPoint.y);
+ // ctx.lineTo(options.endPoint.x, options.endPoint.y);
+ // ctx.translate(-options.x, -options.y);
+ // ctx.stroke();
+ // ctx.closePath();
+ // ctx.restore();
+ // }
+ // public drawCircle(canvas: HTMLCanvasElement, options: CircleAttributes): void {
+ // let ctx: CanvasRenderingContext2D = CanvasRenderer.getContext(canvas);
+ // ctx.save();
+ // ctx.beginPath();
+ // let pivotY: number = options.y + options.height * options.pivotY;
+ // let pivotX: number = options.x + options.width * options.pivotX;
+ // this.setStyle(canvas, options as StyleAttributes);
+ // this.rotateContext(canvas, options.angle, pivotX, pivotY);
+ // ctx.arc(options.centerX, options.centerY, options.radius, 0, 2 * Math.PI);
+ // ctx.fill();
+ // ctx.stroke();
+ // ctx.closePath();
+ // ctx.restore();
+ // }
+ /**
+ * Draw the path element for the diagram\
+ *
+ * @returns {void} Draw the path element for the diagram .\
+ *
+ * @param { SVGElement} canvas - Provide the SVG element .
+ * @param { PathAttributes} options - Provide the path element attributes .
+ * @private
+ */
+ CanvasRenderer.prototype.drawPath = function (canvas, options) {
+ var collection = [];
+ collection = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_2__["processPathData"])(options.data);
+ collection = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_2__["pathSegmentCollection"])(collection);
+ if (options.shadow) {
+ this.renderShadow(options, canvas, collection);
+ }
+ var ctx = CanvasRenderer.getContext(canvas);
+ ctx.save();
+ ctx.beginPath();
+ var pivotY = options.y + options.height * options.pivotY;
+ var pivotX = options.x + options.width * options.pivotX;
+ if (options.flip === 'Horizontal' || options.flip === 'Vertical') {
+ ctx.translate(options.x + options.width / 2, options.y + options.height / 2);
+ ctx.rotate(-options.angle * Math.PI / 180);
+ ctx.translate(-options.x - options.width / 2, -options.y - options.height / 2);
+ }
+ else {
+ this.rotateContext(canvas, options.angle, pivotX, pivotY);
+ }
+ this.setStyle(canvas, options);
+ ctx.translate(options.x, options.y);
+ if (options.flip === 'Horizontal') {
+ ctx.scale(-1, 1);
+ ctx.translate(options.width * -1, 0);
+ }
+ else if (options.flip === 'Vertical') {
+ ctx.scale(1, -1);
+ ctx.translate(0, options.height * -1);
+ }
+ else if (options.flip === 'Both') {
+ ctx.scale(-1, -1);
+ ctx.translate(options.width * -1, options.height * -1);
+ }
+ this.renderPath(canvas, options, collection);
+ ctx.fill();
+ ctx.translate(-options.x, -options.y);
+ ctx.stroke();
+ ctx.restore();
+ };
+ /**
+ * Draw the path element for the diagram\
+ *
+ * @returns {void} Draw the path element for the diagram .\
+ *
+ * @param { SVGElement} canvas - Provide the SVG element .
+ * @param {PathAttributes} options - Provide the path element attributes .
+ * @param {Object[]} collection - Provide the parent SVG element .
+ * @private
+ */
+ CanvasRenderer.prototype.renderPath = function (canvas, options, collection) {
+ if (options.visible === true) {
+ var ctx = CanvasRenderer.getContext(canvas);
+ var x0 = void 0;
+ var y0 = void 0;
+ var x1 = void 0;
+ var y1 = void 0;
+ var x2 = void 0;
+ var y2 = void 0;
+ var x = void 0;
+ var y = void 0;
+ var length_1;
+ var i = void 0;
+ var segs = collection;
+ for (x = 0, y = 0, i = 0, length_1 = segs.length; i < length_1; ++i) {
+ var obj = segs[parseInt(i.toString(), 10)];
+ var seg = obj;
+ var char = seg.command;
+ if ('x1' in seg) {
+ x1 = seg.x1;
+ }
+ if ('x2' in seg) {
+ x2 = seg.x2;
+ }
+ if ('y1' in seg) {
+ y1 = seg.y1;
+ }
+ if ('y2' in seg) {
+ y2 = seg.y2;
+ }
+ if ('x' in seg) {
+ x = seg.x;
+ }
+ if ('y' in seg) {
+ y = seg.y;
+ }
+ switch (char) {
+ case 'M':
+ ctx.moveTo(x, y);
+ seg.x = x;
+ seg.y = y;
+ break;
+ case 'L':
+ ctx.lineTo(x, y);
+ seg.x = x;
+ seg.y = y;
+ break;
+ case 'C':
+ ctx.bezierCurveTo(x1, y1, x2, y2, x, y);
+ seg.x = x;
+ seg.y = y;
+ seg.x1 = x1;
+ seg.y1 = y1;
+ seg.x2 = x2;
+ seg.y2 = y2;
+ break;
+ case 'Q':
+ ctx.quadraticCurveTo(x1, y1, x, y);
+ seg.x = x;
+ seg.y = y;
+ seg.x1 = x1;
+ seg.y1 = y1;
+ break;
+ case 'A':
+ // eslint-disable-next-line
+ var curr = { x: x0, y: y0 };
+ var rx = seg.r1;
+ var ry = seg.r2;
+ var xAxisRotation = seg.angle * (Math.PI / 180.0);
+ var largeArc = seg.largeArc;
+ var sweep = seg.sweep;
+ var cp = { x: x, y: y };
+ var currp = {
+ x: Math.cos(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.sin(xAxisRotation) * (curr.y - cp.y) / 2.0,
+ y: -Math.sin(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.cos(xAxisRotation) * (curr.y - cp.y) / 2.0
+ };
+ var l = Math.pow(currp.x, 2) / Math.pow(rx, 2) + Math.pow(currp.y, 2) / Math.pow(ry, 2);
+ if (l > 1) {
+ rx *= Math.sqrt(l);
+ ry *= Math.sqrt(l);
+ }
+ var k = (Math.pow(ry, 2) * Math.pow(currp.x, 2));
+ var s = (largeArc === sweep ? -1 : 1) * Math.sqrt(((Math.pow(rx, 2) * Math.pow(ry, 2)) - (Math.pow(rx, 2) * Math.pow(currp.y, 2)) - k) /
+ (Math.pow(rx, 2) * Math.pow(currp.y, 2) + Math.pow(ry, 2) * Math.pow(currp.x, 2)));
+ if (isNaN(s)) {
+ s = 0;
+ }
+ var cpp = { x: s * rx * currp.y / ry, y: s * -ry * currp.x / rx };
+ var centp = {
+ x: (curr.x + cp.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y,
+ y: (curr.y + cp.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y
+ };
+ var a1 = this.a([1, 0], [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry]);
+ var u = [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry];
+ var v = [(-currp.x - cpp.x) / rx, (-currp.y - cpp.y) / ry];
+ var ad = this.a(u, v);
+ if (this.r(u, v) <= -1) {
+ ad = Math.PI;
+ }
+ if (this.r(u, v) >= 1) {
+ ad = 0;
+ }
+ var dir = !sweep ? -1.0 : 1.0;
+ var ah = a1 + dir * (ad / 2.0);
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ var halfWay = {
+ x: centp.x + rx * Math.cos(ah),
+ y: centp.y + ry * Math.sin(ah)
+ };
+ seg.centp = centp;
+ seg.xAxisRotation = xAxisRotation;
+ seg.rx = rx;
+ seg.ry = ry;
+ seg.a1 = a1;
+ seg.ad = ad;
+ seg.sweep = sweep;
+ if (ctx != null) {
+ var ra = rx > ry ? rx : ry;
+ var sx = rx > ry ? 1 : rx / ry;
+ var sy = rx > ry ? ry / rx : 1;
+ ctx.save();
+ ctx.translate(centp.x, centp.y);
+ ctx.rotate(xAxisRotation);
+ ctx.scale(sx, sy);
+ ctx.arc(0, 0, ra, a1, a1 + ad, !sweep);
+ ctx.scale(1 / sx, 1 / sy);
+ ctx.rotate(-xAxisRotation);
+ ctx.translate(-centp.x, -centp.y);
+ ctx.restore();
+ }
+ break;
+ case 'Z':
+ case 'z':
+ ctx.closePath();
+ x = x0;
+ y = y0;
+ break;
+ }
+ x0 = x;
+ y0 = y;
+ }
+ }
+ };
+ /**
+ * Draw the text element for the diagram\
+ *
+ * @returns {void} Draw the text element for the diagram .\
+ *
+ * @param { SVGElement} canvas - Provide the SVG element .
+ * @param {TextAttributes} options - Provide the text element attributes .
+ * @param {SVGSVGElement} parentSvg - Provide the parent SVG element .
+ * @param {Object} ariaLabel - Provide the label properties .
+ * @param {string} diagramId - Provide the diagram id .
+ * @param {number} scaleValue - Provide the scale value .
+ * @param {Container} parentNode - Provide the parent node .
+ * @private
+ */
+ CanvasRenderer.prototype.drawText = function (canvas, options, parentSvg, ariaLabel, diagramId, scaleValue, parentNode) {
+ if (options.content && options.visible === true) {
+ var ctx = CanvasRenderer.getContext(canvas);
+ ctx.save();
+ this.setStyle(canvas, options);
+ if (scaleValue) {
+ options.fontSize *= scaleValue;
+ }
+ var pivotX = options.x + options.width * options.pivotX;
+ var pivotY = options.y + options.height * options.pivotY;
+ this.rotateContext(canvas, options.angle, pivotX, pivotY);
+ this.setFontStyle(canvas, options);
+ var i = 0;
+ var childNodes = [];
+ childNodes = options.childNodes;
+ var wrapBounds = options.wrapBounds;
+ ctx.fillStyle = options.color;
+ if (wrapBounds) {
+ var position = this.labelAlign(options, wrapBounds, childNodes);
+ for (i = 0; i < childNodes.length; i++) {
+ var child = childNodes[parseInt(i.toString(), 10)];
+ child.x = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["setChildPosition"])(child, childNodes, i, options);
+ var offsetX = position.x + (scaleValue ? child.x * scaleValue : child.x) - wrapBounds.x;
+ var offsetY = position.y + (scaleValue ? child.dy * scaleValue : child.dy) * i + ((options.fontSize) * 0.8);
+ if (wrapBounds.width > options.width && options.textOverflow !== 'Wrap' && options.textWrapping === 'NoWrap') {
+ child.text = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["overFlow"])(child.text, options);
+ }
+ if ((options.textOverflow === 'Clip' || options.textOverflow === 'Ellipsis') && options.textWrapping === 'Wrap') {
+ if (offsetY < parentNode.actualSize.height + parentNode.bounds.y) {
+ if (options.textOverflow === 'Ellipsis' && childNodes[i + 1]) {
+ var temp = childNodes[i + 1];
+ var y = position.y + temp.dy * (i + 1) + ((options.fontSize) * 0.8);
+ if (y > parentNode.actualSize.height + parentNode.bounds.y) {
+ child.text = child.text.slice(0, child.text.length - 3);
+ child.text = child.text.concat('...');
+ }
+ }
+ ctx.fillText(child.text, offsetX, offsetY);
+ }
+ }
+ else {
+ ctx.fillText(child.text, offsetX, offsetY);
+ }
+ if (options.textDecoration === 'Underline'
+ || options.textDecoration === 'Overline'
+ || options.textDecoration === 'LineThrough') {
+ var startPointX = offsetX;
+ var startPointY = void 0;
+ var textlength = ctx.measureText(child.text).width;
+ var endPointX = offsetX + textlength;
+ var endPointY = void 0;
+ switch (options.textDecoration) {
+ case 'Underline':
+ startPointY = offsetY + 2;
+ endPointY = offsetY + 2;
+ break;
+ case 'Overline':
+ startPointY = (position.y + child.dy * i);
+ endPointY = (position.y + child.dy * i);
+ break;
+ case 'LineThrough':
+ startPointY = ((offsetY + position.y + child.dy * i) / 2) + 2;
+ endPointY = ((offsetY + position.y + child.dy * i) / 2) + 2;
+ }
+ ctx.beginPath();
+ ctx.moveTo(startPointX, startPointY);
+ ctx.lineTo(endPointX, endPointY);
+ ctx.strokeStyle = options.color;
+ ctx.lineWidth = options.fontSize * .08;
+ ctx.globalAlpha = options.opacity;
+ ctx.stroke();
+ }
+ }
+ }
+ ctx.restore();
+ }
+ };
+ CanvasRenderer.prototype.loadImage = function (ctx, obj, canvas, pivotX, pivotY) {
+ this.rotateContext(canvas, obj.angle, pivotX, pivotY);
+ var image = new Image();
+ image.src = obj.source;
+ this.image(ctx, image, obj.x, obj.y, obj.width, obj.height, obj);
+ };
+ /**
+ * Draw the image element for the diagram\
+ *
+ * @returns {void} Draw the image element for the diagram .
+ * @param { SVGElement | HTMLCanvasElement} canvas - Provide the SVG element .
+ * @param {ImageAttributes} obj - Provide the image attributes .
+ * @param {SVGSVGElement} parentSvg - Provide the parent SVG element .
+ * @param {boolean} fromPalette - Provide the pointer event value .
+ * @private
+ */
+ CanvasRenderer.prototype.drawImage = function (canvas, obj, parentSvg, fromPalette) {
+ var _this = this;
+ if (obj.visible) {
+ var ctx_1 = CanvasRenderer.getContext(canvas);
+ ctx_1.save();
+ var pivotX_1 = obj.x + obj.width * obj.pivotX;
+ var pivotY_1 = obj.y + obj.height * obj.pivotY;
+ var imageObj = new Image();
+ imageObj.src = obj.source;
+ var id = ctx_1.canvas.id.split('_');
+ // eslint-disable-next-line
+ var value = id[id.length - 1] === ('diagram' || false) ? true : false;
+ // eslint-disable-next-line
+ /**
+ * Since Clipping portion for node with slice option is not calculated properly
+ * if (obj.sourceX !== undefined && obj.sourceY !== undefined && obj.sourceWidth !== undefined
+ * && obj.sourceHeight !== undefined) {
+ * ctx.drawImage(imageObj, obj.sourceX, obj.sourceY, obj.sourceWidth, obj.sourceHeight, obj.x, obj.y, obj.width, obj.height);
+ * } else {
+ * ctx.drawImage(imageObj, obj.x, obj.y, obj.width, obj.height);
+ * }
+ */
+ if (!fromPalette) {
+ this.loadImage(ctx_1, obj, canvas, pivotX_1, pivotY_1);
+ }
+ else {
+ imageObj.onload = function () {
+ _this.loadImage(ctx_1, obj, canvas, pivotX_1, pivotY_1);
+ };
+ }
+ ctx_1.restore();
+ }
+ };
+ CanvasRenderer.prototype.image = function (ctx, image, x, y, width, height, alignOptions) {
+ ctx.beginPath();
+ var srcWidth = image.width;
+ var srcHeight = image.height;
+ var destinationW = width;
+ var destinationH = height;
+ var resultWidth = 0;
+ var resultHeight = 0;
+ if (alignOptions && alignOptions.alignment !== 'None') {
+ var xalign = alignOptions.alignment.toLowerCase().substr(1, 3);
+ var yalign = alignOptions.alignment.toLowerCase().substr(5, 3);
+ if (alignOptions.scale === 'Slice') {
+ // eslint-disable-next-line
+ var a = function () {
+ resultWidth = destinationW;
+ resultHeight = srcHeight * destinationW / srcWidth;
+ };
+ // eslint-disable-next-line
+ var b = function () {
+ resultWidth = srcWidth * destinationH / srcHeight;
+ resultHeight = destinationH;
+ };
+ if (destinationW > destinationH) {
+ a();
+ if (destinationH > resultHeight) {
+ b();
+ }
+ }
+ else if (destinationW === destinationH) {
+ if (srcWidth > srcHeight) {
+ b();
+ }
+ else {
+ a();
+ }
+ }
+ else {
+ b();
+ if (destinationW > resultWidth) {
+ a();
+ }
+ }
+ var x1 = this.getSliceOffset(xalign, resultWidth, destinationW, srcWidth);
+ var y1 = this.getSliceOffset(yalign, resultHeight, destinationH, srcHeight);
+ var sWidth = srcWidth - x1;
+ var sHeight = srcHeight - y1;
+ var dWidth = resultWidth - (x1 * (resultWidth / srcWidth));
+ var dHeight = resultHeight - (y1 * (resultHeight / srcHeight));
+ var canvas1 = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('canvas', { 'width': width.toString(), 'height': height.toString() });
+ var ctx1 = canvas1.getContext('2d');
+ ctx1.drawImage(image, x1, y1, sWidth, sHeight, 0, 0, dWidth, dHeight);
+ ctx.drawImage(canvas1, x, y, width, height);
+ }
+ else if (alignOptions.scale === 'Meet') {
+ var srcRatio = (srcHeight / srcWidth);
+ var destRatio = (destinationH / destinationW);
+ resultWidth = destRatio > srcRatio ? destinationW : destinationH / srcRatio;
+ resultHeight = destRatio > srcRatio ? destinationW * srcRatio : destinationH;
+ x += this.getMeetOffset(xalign, resultWidth, destinationW);
+ y += this.getMeetOffset(yalign, resultHeight, destinationH);
+ ctx.drawImage(image, 0, 0, srcWidth, srcHeight, x, y, resultWidth, resultHeight);
+ }
+ else {
+ ctx.drawImage(image, x, y, width, height);
+ }
+ }
+ else if (alignOptions.flip !== 'None') {
+ var scaleX = 1;
+ var scaleY = 1;
+ if (alignOptions.flip === 'Horizontal' || alignOptions.flip === 'Both') {
+ x = -x;
+ width = -width;
+ scaleX = -1;
+ }
+ if (alignOptions.flip === 'Vertical' || alignOptions.flip === 'Both') {
+ y = -y;
+ height = -height;
+ scaleY = -1;
+ }
+ ctx.scale(scaleX, scaleY);
+ ctx.drawImage(image, x, y, width, height);
+ }
+ else {
+ ctx.drawImage(image, x, y, width, height);
+ }
+ ctx.closePath();
+ };
+ CanvasRenderer.prototype.getSliceOffset = function (arg, res, dest, src) {
+ switch (arg) {
+ case 'min': return 0;
+ case 'mid': return (res - dest) / 2 * src / res;
+ case 'max': return (res - dest) * src / res;
+ default: return 0;
+ }
+ };
+ CanvasRenderer.prototype.getMeetOffset = function (arg, res, dest) {
+ var max = Math.max(res, dest);
+ var min = Math.min(res, dest);
+ switch (arg) {
+ case 'min': return 0;
+ case 'mid': return (max - min) / 2;
+ case 'max': return max - min;
+ default: return 0;
+ }
+ };
+ //end region
+ // vector magnitude
+ CanvasRenderer.prototype.m = function (v) { return Math.sqrt(Math.pow(v[0], 2) + Math.pow(v[1], 2)); };
+ // ratio between two vectors
+ CanvasRenderer.prototype.r = function (u, v) { return (u[0] * v[0] + u[1] * v[1]) / (this.m(u) * this.m(v)); };
+ // angle between two vectors
+ CanvasRenderer.prototype.a = function (u, v) { return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(this.r(u, v)); };
+ // text utility
+ /**
+ * Draw the SVG label.\
+ *
+ * @returns {PointModel} Draw the SVG label .
+ * @param {TextAttributes} text - Provide the canvas element .
+ * @param {Object} wrapBounds - Provide the canvas element .
+ * @param {SubTextElement []} childNodes - Provide the canvas element .
+ * @private
+ */
+ CanvasRenderer.prototype.labelAlign = function (text, wrapBounds, childNodes) {
+ var bounds = new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](wrapBounds.width, childNodes.length * (text.fontSize * 1.2));
+ var position = { x: 0, y: 0 };
+ var labelX = text.x;
+ var labelY = text.y;
+ var offsetx = text.width * 0.5;
+ var offsety = text.height * 0.5;
+ var pointx = offsetx;
+ var pointy = offsety;
+ if (text.textAlign === 'left') {
+ pointx = 0;
+ }
+ else if (text.textAlign === 'center') {
+ if (wrapBounds.width > text.width && (text.textOverflow === 'Ellipsis' || text.textOverflow === 'Clip')) {
+ if (text.textWrapping === 'NoWrap') {
+ pointx = 0;
+ }
+ else {
+ pointx = text.width * 0.5;
+ }
+ }
+ else {
+ pointx = text.width * 0.5;
+ }
+ }
+ else if (text.textAlign === 'right') {
+ pointx = (text.width * 1);
+ }
+ position.x = labelX + pointx + (wrapBounds ? wrapBounds.x : 0);
+ position.y = labelY + pointy - bounds.height / 2;
+ return position;
+ };
+ return CanvasRenderer;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/renderer.js":
+/*!**********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/renderer.js ***!
+ \**********************************************************************************/
+/*! exports provided: DiagramRenderer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DiagramRenderer", function() { return DiagramRenderer; });
+/* harmony import */ var _core_elements_path_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/elements/path-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/path-element.js");
+/* harmony import */ var _core_elements_image_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/elements/image-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/image-element.js");
+/* harmony import */ var _core_elements_text_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+/* harmony import */ var _core_containers_container__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../core/containers/container */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/container.js");
+/* harmony import */ var _primitives_matrix__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../primitives/matrix */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/matrix.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _svg_renderer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./svg-renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/svg-renderer.js");
+/* harmony import */ var _canvas_renderer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./canvas-renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/canvas-renderer.js");
+/* harmony import */ var _utility_path_util__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../utility/path-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/path-util.js");
+/* harmony import */ var _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../core/elements/native-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/native-element.js");
+/* harmony import */ var _core_elements_html_element__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../core/elements/html-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/html-element.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _utility_constraints_util__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../utility/constraints-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js");
+/* harmony import */ var _diagram__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../diagram */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram.js");
+/* harmony import */ var _objects_dictionary_common__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../objects/dictionary/common */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/dictionary/common.js");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Renderer module is used to render basic diagram elements
+ */
+/** @private */
+var DiagramRenderer = /** @__PURE__ @class */ (function () {
+ function DiagramRenderer(name, svgRender, isSvgMode) {
+ /** @private */
+ this.renderer = null;
+ /** @private */
+ this.isSvgMode = true;
+ this.transform = { x: 0, y: 0 };
+ this.diagramId = name;
+ this.element = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["getDiagramElement"])(this.diagramId);
+ this.svgRenderer = svgRender;
+ this.isSvgMode = isSvgMode;
+ this.renderer = isSvgMode ? new _svg_renderer__WEBPACK_IMPORTED_MODULE_10__["SvgRenderer"]() : new _canvas_renderer__WEBPACK_IMPORTED_MODULE_11__["CanvasRenderer"]();
+ }
+ /**
+ * Method used to set the cur \
+ *
+ * @param {HTMLElement} canvas - Provide the canvas .
+ * @param {string} cursor - Provide the element .
+ * @returns {void } Method used to set the layer .\
+ * @private
+ */
+ DiagramRenderer.prototype.setCursor = function (canvas, cursor) {
+ canvas.style.cursor = cursor;
+ };
+ /**
+ * Method used to set the layer \
+ *
+ * @returns {void } Method used to set the layer .\
+ *
+ * @private
+ */
+ DiagramRenderer.prototype.setLayers = function () {
+ this.iconSvgLayer = this.element.getElementsByClassName('e-ports-expand-layer')[0];
+ this.adornerSvgLayer = this.element.getElementsByClassName('e-adorner-layer')[0];
+ this.nativeSvgLayer = this.element.getElementsByClassName('e-native-layer')[0];
+ this.diagramSvgLayer = this.element.getElementsByClassName('e-diagram-layer')[0];
+ };
+ DiagramRenderer.prototype.getAdornerLayer = function () {
+ var adornerLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["getAdornerLayer"])(this.diagramId);
+ return adornerLayer;
+ };
+ DiagramRenderer.prototype.getParentSvg = function (element, targetElement, canvas) {
+ if (this.diagramId && element && element.id) {
+ if (element.id.split('_icon_content').length > 1 || element.id.split('_nodeport').length > 1 ||
+ (element.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ElementAction"].ElementIsPort)) {
+ return this.iconSvgLayer;
+ }
+ if (targetElement && targetElement === 'selector') {
+ return this.adornerSvgLayer;
+ }
+ else if (element instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"]) {
+ return this.nativeSvgLayer;
+ }
+ else {
+ return this.diagramSvgLayer;
+ }
+ }
+ return canvas;
+ };
+ DiagramRenderer.prototype.getParentElement = function (element, defaultParent, svgElement, indexValue) {
+ var layerGElement = defaultParent;
+ if (svgElement && this.diagramId && element && element.id) {
+ if (element.id.split('_icon_content').length > 1) {
+ layerGElement = svgElement.getElementById(this.diagramId + '_diagramExpander');
+ defaultParent = null;
+ }
+ else if (element.id.split('_nodeport').length > 1) {
+ layerGElement = svgElement.getElementById(this.diagramId + '_diagramPorts');
+ }
+ else if (element instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"]) {
+ layerGElement = svgElement.getElementById(this.diagramId + '_nativeLayer');
+ defaultParent = null;
+ }
+ else if (element.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ElementAction"].ElementIsPort) {
+ layerGElement = svgElement.getElementById(this.diagramId + '_diagramPorts');
+ defaultParent = null;
+ }
+ else {
+ layerGElement = svgElement.getElementById(this.diagramId + '_diagramLayer');
+ }
+ var groupElement = this.getGroupElement(element, defaultParent || layerGElement, indexValue);
+ layerGElement = groupElement.g;
+ if (groupElement.svg) {
+ svgElement = groupElement.svg;
+ }
+ }
+ return { g: layerGElement, svg: svgElement };
+ };
+ DiagramRenderer.prototype.getGroupElement = function (element, canvas, indexValue) {
+ var gElement;
+ var parentSvg = this.getParentSvg(element);
+ var svgElement;
+ if (canvas && parentSvg) {
+ if (parentSvg) {
+ gElement = parentSvg.getElementById(element.id + '_groupElement');
+ if (!gElement && parentSvg !== this.nativeSvgLayer) { //code added
+ var nativeSvg = this.nativeSvgLayer;
+ gElement = nativeSvg.getElementById(element.id + '_groupElement');
+ svgElement = nativeSvg;
+ }
+ }
+ if (!gElement) {
+ gElement = this.svgRenderer.createGElement('g', { id: element.id + '_groupElement' });
+ if (indexValue !== undefined && canvas.childNodes.length > indexValue) {
+ canvas.insertBefore(gElement, canvas.childNodes[parseInt(indexValue.toString(), 10)]);
+ }
+ else {
+ canvas.appendChild(gElement);
+ }
+ }
+ }
+ return { g: gElement, svg: svgElement };
+ };
+ /**
+ * Method used to render the diagram element \
+ *
+ * @returns {void } Method used to render the diagram element .\
+ *
+ * @param {DiagramElement} element - Provide the DiagramElement value.
+ * @param {HTMLCanvasElement | SVGElement } canvas - Provide the canvas value.
+ * @param {HTMLElement } htmlLayer - Provide the HTMLElement value.
+ * @param {Transforms } transform - Provide the Transforms value.
+ * @param {SVGSVGElement} parentSvg - Provide the SVGSVGElement value.
+ * @param {boolean } createParent - Provide the boolean value.
+ * @param {boolean } fromPalette - Provide the boolean value.
+ * @param {number } indexValue - Provide the indexValue value.
+ * @param {boolean } isPreviewNode - Provide the isPreviewNode value.
+ * @param {object } centerPoint - Provide the centerPoint value.
+ * @private
+ */
+ DiagramRenderer.prototype.renderElement = function (element, canvas, htmlLayer, transform, parentSvg, createParent, fromPalette, indexValue, isPreviewNode, centerPoint) {
+ var isElement = true;
+ if (element instanceof _core_containers_container__WEBPACK_IMPORTED_MODULE_3__["Container"]) {
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ isElement = false;
+ element.id = element.id ? element.id : Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["randomId"])();
+ this.renderContainer(element, canvas, htmlLayer, transform, parentSvg, createParent, fromPalette, indexValue, isPreviewNode, centerPoint);
+ }
+ else if (element instanceof _core_elements_image_element__WEBPACK_IMPORTED_MODULE_1__["ImageElement"]) {
+ this.renderImageElement(element, canvas, transform, parentSvg, fromPalette);
+ }
+ else if (element instanceof _core_elements_path_element__WEBPACK_IMPORTED_MODULE_0__["PathElement"]) {
+ this.renderPathElement(element, canvas, transform, parentSvg, fromPalette, isPreviewNode);
+ }
+ else if (element instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_2__["TextElement"]) {
+ this.renderTextElement(element, canvas, transform, parentSvg, fromPalette, centerPoint);
+ }
+ else if (element instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"]) {
+ this.renderNativeElement(element, canvas, transform, parentSvg, fromPalette);
+ }
+ else if (element instanceof _core_elements_html_element__WEBPACK_IMPORTED_MODULE_14__["DiagramHtmlElement"]) {
+ this.renderHTMLElement(element, canvas, htmlLayer, transform, parentSvg, fromPalette, indexValue);
+ }
+ else {
+ this.renderRect(element, canvas, transform, parentSvg, isPreviewNode);
+ }
+ };
+ /**
+ * Method used to draw the selection rectangle for the node \
+ *
+ * @returns {void } Method used to draw the selection rectangle for the node .\
+ *
+ * @param {number} x - Provide the DiagramElement value.
+ * @param {number } y - Provide the SVGElement value.
+ * @param {number } w - Provide the Transforms value.
+ * @param {number } h - Provide the Transforms value.
+ * @param {HTMLCanvasElement | SVGElement } canvas - Provide the Transforms value.
+ * @param {number } t - Provide the Transforms value.
+ * @private
+ */
+ DiagramRenderer.prototype.drawSelectionRectangle = function (x, y, w, h, canvas, t) {
+ x = (x + t.tx) * t.scale;
+ y = (y + t.ty) * t.scale;
+ var options = {
+ width: w * t.scale, height: h * t.scale,
+ x: x + 0.5, y: y + 0.5, fill: 'transparent', stroke: 'gray', angle: 0,
+ pivotX: 0.5, pivotY: 0.5, strokeWidth: 1,
+ dashArray: '6 3', opacity: 1,
+ visible: true, id: canvas.id + '_selected_region'
+ };
+ var adornerLayer = this.getAdornerLayer();
+ this.svgRenderer.updateSelectionRegion(adornerLayer, options);
+ };
+ /**
+ * Method used to render the highlighter \
+ *
+ * @returns {void } Method used to render the highlighter .\
+ *
+ * @param {DiagramElement} element - Provide the DiagramElement value.
+ * @param {SVGElement } canvas - Provide the SVGElement value.
+ * @param {Transforms } transform - Provide the Transforms value.
+ * @private
+ */
+ DiagramRenderer.prototype.renderHighlighter = function (element, canvas, transform) {
+ var width = element.actualSize.width || 2;
+ var height = element.actualSize.height || 2;
+ var x = element.offsetX - width * element.pivot.x;
+ var y = element.offsetY - height * element.pivot.y;
+ x = (x + transform.tx) * transform.scale;
+ y = (y + transform.ty) * transform.scale;
+ var options = {
+ width: width * transform.scale, height: height * transform.scale,
+ x: x, y: y, fill: 'transparent', stroke: '#8CC63F', angle: element.rotateAngle,
+ pivotX: element.pivot.x, pivotY: element.pivot.y, strokeWidth: 4,
+ dashArray: '', opacity: 1, cornerRadius: 0,
+ visible: true, id: canvas.id + '_highlighter', class: 'e-diagram-highlighter'
+ };
+ this.svgRenderer.drawRectangle(canvas, options, this.diagramId, undefined, undefined, canvas);
+ };
+ /**
+ * Method used to render the node selection rectangle \
+ *
+ * @returns {void } Method used to render the node selection rectangle .\
+ *
+ * @param {DiagramElement} element - Provide the DiagramElement value.
+ * @param {SVGElement } canvas - Provide the SVGElement value.
+ * @param {Transforms } transform - Provide the Transforms value.
+ * @param {number } isFirst - Provide the boolean value.
+ * @private
+ */
+ DiagramRenderer.prototype.renderSelectionRectangle = function (element, canvas, transform, isFirst) {
+ var width = element.actualSize.width || 2;
+ var height = element.actualSize.height || 2;
+ var x = element.offsetX - width * element.pivot.x;
+ var y = element.offsetY - height * element.pivot.y;
+ x = (x + transform.tx) * transform.scale;
+ y = (y + transform.ty) * transform.scale;
+ var options = {
+ width: width * transform.scale, height: height * transform.scale,
+ x: x, y: y, fill: 'transparent', stroke: '#00cc00', angle: element.rotateAngle,
+ pivotX: element.pivot.x, pivotY: element.pivot.y, strokeWidth: isFirst ? 2 : 1,
+ dashArray: '', opacity: 1, cornerRadius: 0,
+ visible: true, id: element.id + '_highlighter', class: 'e-diagram-selection-indicator'
+ };
+ var parentSvg = this.getParentSvg(element, 'selector');
+ this.svgRenderer.drawRectangle(canvas, options, this.diagramId, undefined, undefined, parentSvg);
+ };
+ /**
+ * Method used to render the selection line for connector \
+ *
+ * @returns {void } Method used to render the selection line for connector .\
+ *
+ * @param {PathElement} element - Provide the path element of the diagram .
+ * @param { HTMLCanvasElement | SVGElement } canvas - Provide the canvas element value.
+ * @param { Transforms } transform - Provide the transform value.
+ * @param { boolean } isFirst - Provide the boolean value.
+ * @private
+ */
+ DiagramRenderer.prototype.renderSelectionLine = function (element, canvas, transform, isFirst) {
+ var options = this.getBaseAttributes(element, transform);
+ options.data = element.absolutePath;
+ options.id = options.id + '_highlighter';
+ var ariaLabel = element.description ? element.description : element.id;
+ if (!this.isSvgMode) {
+ options.x = element.flipOffset.x ? element.flipOffset.x : options.x;
+ options.y = element.flipOffset.y ? element.flipOffset.y : options.y;
+ }
+ if (transform) {
+ options.x = options.x * transform.scale;
+ options.y = options.y * transform.scale;
+ }
+ options.stroke = '#00cc00';
+ options.strokeWidth = isFirst ? 2 : 1;
+ options.class = 'e-diagram-selection-indicator';
+ var parentSvg = this.getParentSvg(element, 'selector');
+ this.svgRenderer.drawPath(canvas, options, this.diagramId, undefined, parentSvg, ariaLabel, transform.scale);
+ };
+ /**
+ * Method used to render the stack highlighter \
+ *
+ * @returns {void } Method used to render the stack highlighter .\
+ *
+ * @param {DiagramElement} element - Provide the DiagramElement value.
+ * @param {SVGElement } canvas - Provide the SVGElement value.
+ * @param {Transforms } transform - Provide the Transforms value.
+ * @param {boolean} isVertical - Provide the Boolean value.
+ * @param {PointModel } position - Provide the PointModel value.
+ * @param {boolean } isUml - Provide the boolean value.
+ * @param {boolean } isSwimlane - Provide the boolean value.
+ * @private
+ */
+ DiagramRenderer.prototype.renderStackHighlighter = function (element, canvas, transform, isVertical, position, isUml, isSwimlane) {
+ var width = element.actualSize.width || 2;
+ var x = element.offsetX - width * element.pivot.x;
+ var height = element.actualSize.height || 2;
+ var y = element.offsetY - height * element.pivot.y;
+ x = (x + transform.tx) * transform.scale;
+ var data;
+ var bounds = element.bounds;
+ var newPathString = '';
+ y = (y + transform.ty) * transform.scale;
+ if (!isVertical) {
+ var d = height * transform.scale;
+ data = 'M 10 -10 L 0 0 Z M -10 -10 L 0 0 Z M 0 0 L 0 ' + (d) + ' Z M 0 ' + (d) +
+ ' L -10 ' + (d + 10) + ' Z L 10 ' + (d + 10) + ' Z';
+ if (position.x >= element.offsetX) {
+ x += width;
+ }
+ }
+ else {
+ if (isUml) {
+ var d = width * transform.scale;
+ data = 'M 0 0 L ' + (d + 2) + ' 0 Z';
+ var scaleX = -bounds.x;
+ var scaleY = -bounds.y;
+ var arrayCollection = [];
+ scaleX = element.actualSize.width / Number(bounds.width ? bounds.width : 1) * transform.scale;
+ scaleY = element.actualSize.height / Number(bounds.height ? bounds.height : 1) * transform.scale;
+ var umlData = 'M7,4 L8,4 8,7 11,7 11,8 8,8 8,11 7,11 7,8 4,8 4,7 7,7 z M7.5,0.99999994' +
+ 'C3.9160004,1 1,3.9160004 0.99999994,7.5 1,11.084 3.9160004,14 7.5,14 11.084,14 14,11.084 14,7.5 14,' +
+ '3.9160004 11.084,1 7.5,0.99999994 z M7.5,0 C11.636002,0 15,3.3639984 15,7.5 15,11.636002 11.636002,15 7.5,' +
+ '15 3.3640003,15 0,11.636002 0,7.5 0,3.3639984 3.3640003,0 7.5,0 z';
+ arrayCollection = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_12__["processPathData"])(umlData);
+ arrayCollection = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_12__["splitArrayCollection"])(arrayCollection);
+ newPathString = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_12__["transformPath"])(arrayCollection, scaleX + d + 2, scaleY - 8, false, bounds.x, bounds.y, 0, 0);
+ if (position.y >= element.offsetY) {
+ y += height;
+ }
+ }
+ else {
+ if (isSwimlane) {
+ if (position.y >= element.offsetY) {
+ y += height;
+ }
+ }
+ var d = width * transform.scale;
+ data = 'M -10 -10 L 0 0 Z M -10 10 L 0 0 Z M 0 0 L ' + (d) + ' 0 Z M ' + (d) + ' 0 L ' +
+ (d + 10) + ' 10 Z L ' + (d + 10) + ' -10 Z';
+ }
+ }
+ var options = {
+ data: data + newPathString,
+ width: width * transform.scale, height: height * transform.scale,
+ x: x, y: y, fill: 'transparent', stroke: '#8CC63F', angle: element.rotateAngle,
+ pivotX: element.pivot.x, pivotY: element.pivot.y, strokeWidth: 1,
+ dashArray: '', opacity: 1,
+ visible: true, id: canvas.id + '_stack_highlighter', class: 'e-diagram-highlighter'
+ };
+ this.svgRenderer.drawPath(canvas, options, this.diagramId);
+ };
+ /**
+ * Method used to draw the line \
+ *
+ * @returns {void } Method used to draw the line .\
+ *
+ * @param {SVGElement} canvas - Provide the SVGElement value.
+ * @param {LineAttributes } options - Provide the LineAttributes value.
+ * @private
+ */
+ DiagramRenderer.prototype.drawLine = function (canvas, options) {
+ this.svgRenderer.drawLine(canvas, options);
+ };
+ /**
+ * Method used to draw the path \
+ *
+ * @returns {void } Method used to draw the path .\
+ *
+ * @param {SVGElement} canvas - Provide the canvas value.
+ * @param {PathAttributes } options - Provide the PathAttributes value.
+ * @private
+ */
+ DiagramRenderer.prototype.drawPath = function (canvas, options) {
+ this.svgRenderer.drawPath(canvas, options, this.diagramId);
+ };
+ /**
+ * Method used to render the resize handle \
+ *
+ * @returns {void } Method used to render the resize handle .\
+ *
+ * @param {DiagramElement} element - Provide the DiagramElement value.
+ * @param {HTMLCanvasElement | SVGElement } canvas - Provide the canvas element.
+ * @param { ThumbsConstraints } constraints - Provide the constraints value .
+ * @param { number} currentZoom - Provide the currentZoom value.
+ * @param { SelectorConstraints } selectorConstraints - Provide the selectorConstraints value .
+ * @param { Transforms } transform - Provide the transform value.
+ * @param { boolean } canMask - Provide the canMask boolean value.
+ * @param { number } enableNode - Provide the enableNode value.
+ * @param { boolean } nodeConstraints - Provide the nodeConstraints value.
+ * @param { boolean } isSwimlane - Provide the isSwimlane boolean value.
+ * @param { number } handleSize - Provide the handleSize value.
+ * @private
+ */
+ DiagramRenderer.prototype.renderResizeHandle = function (element, canvas, constraints, currentZoom, selectorConstraints, transform, canMask, enableNode, nodeConstraints, isSwimlane, handleSize) {
+ var left = element.offsetX - element.actualSize.width * element.pivot.x;
+ var top = element.offsetY - element.actualSize.height * element.pivot.y;
+ var height = element.actualSize.height;
+ var width = element.actualSize.width;
+ if (!isSwimlane &&
+ (constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].Rotate && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_16__["canDrawThumbs"])(this.rendererActions) && (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_16__["avoidDrawSelector"])(this.rendererActions)))) {
+ this.renderPivotLine(element, canvas, transform, selectorConstraints, canMask);
+ this.renderRotateThumb(element, canvas, transform, selectorConstraints, canMask);
+ }
+ this.renderBorder(element, canvas, transform, enableNode, nodeConstraints, isSwimlane);
+ var nodeWidth = element.actualSize.width * currentZoom;
+ var nodeHeight = element.actualSize.height * currentZoom;
+ if (!nodeConstraints && Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_16__["canDrawThumbs"])(this.rendererActions) && (!Object(_utility_constraints_util__WEBPACK_IMPORTED_MODULE_16__["avoidDrawSelector"])(this.rendererActions))) {
+ if (nodeWidth >= 40 && nodeHeight >= 40) {
+ //Hide corners when the size is less than 40
+ if (selectorConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SelectorConstraints"].ResizeNorthWest) {
+ this.renderCircularHandle('resizeNorthWest', element, left, top, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ResizeNorthWest'), constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ResizeNorthWest, transform, undefined, canMask, { 'aria-label': 'Thumb to resize the selected object on top left side direction' }, undefined, 'e-diagram-resize-handle e-northwest', handleSize);
+ }
+ if (selectorConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SelectorConstraints"].ResizeNorthEast) {
+ this.renderCircularHandle('resizeNorthEast', element, left + width, top, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ResizeNorthEast'), constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ResizeNorthEast, transform, undefined, canMask, { 'aria-label': 'Thumb to resize the selected object on top right side direction' }, undefined, 'e-diagram-resize-handle e-northeast', handleSize);
+ }
+ if (selectorConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SelectorConstraints"].ResizeSouthWest) {
+ this.renderCircularHandle('resizeSouthWest', element, left, top + height, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ResizeSouthWest'), constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ResizeSouthWest, transform, undefined, canMask, { 'aria-label': 'Thumb to resize the selected object on bottom left side direction' }, undefined, 'e-diagram-resize-handle e-southwest', handleSize);
+ }
+ if (selectorConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SelectorConstraints"].ResizeSouthEast) {
+ this.renderCircularHandle('resizeSouthEast', element, left + width, top + height, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ResizeSouthEast'), constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ResizeSouthEast, transform, undefined, canMask, { 'aria-label': 'Thumb to resize the selected object on bottom right side direction' }, undefined, 'e-diagram-resize-handle e-southeast', handleSize);
+ }
+ }
+ if (selectorConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SelectorConstraints"].ResizeNorth) {
+ this.renderCircularHandle('resizeNorth', element, left + width / 2, top, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ResizeNorth'), constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ResizeNorth, transform, undefined, canMask, { 'aria-label': 'Thumb to resize the selected object on top side direction' }, undefined, 'e-diagram-resize-handle e-north', handleSize);
+ }
+ if (selectorConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SelectorConstraints"].ResizeSouth) {
+ this.renderCircularHandle('resizeSouth', element, left + width / 2, top + height, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ResizeSouth'), constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ResizeSouth, transform, undefined, canMask, { 'aria-label': 'Thumb to resize the selected object on bottom side direction' }, undefined, 'e-diagram-resize-handle e-south', handleSize);
+ }
+ if (selectorConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SelectorConstraints"].ResizeWest) {
+ this.renderCircularHandle('resizeWest', element, left, top + height / 2, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ResizeWest'), constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ResizeWest, transform, undefined, canMask, { 'aria-label': 'Thumb to resize the selected object on left side direction' }, undefined, 'e-diagram-resize-handle e-west', handleSize);
+ }
+ if (selectorConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SelectorConstraints"].ResizeEast) {
+ this.renderCircularHandle('resizeEast', element, left + width, top + height / 2, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ResizeEast'), constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ResizeEast, transform, undefined, canMask, { 'aria-label': 'Thumb to resize the selected object on right side direction' }, undefined, 'e-diagram-resize-handle e-east', handleSize);
+ }
+ }
+ };
+ /**
+ * Method used to render the end point of the handle \
+ *
+ * @returns {void } Method used to render the end point of the handle .\
+ *
+ * @param {ConnectorModel} selector - Provide the ConnectorModel.
+ * @param {HTMLCanvasElement | SVGElement } canvas - Provide the element.
+ * @param { ThumbsConstraints } constraints - Provide the constraints value .
+ * @param { SelectorConstraints} selectorConstraints - Provide the selectorConstraints value.
+ * @param { Transforms } transform - Provide the transform value .
+ * @param { boolean } connectedSource - Provide the connectedSource boolean value.
+ * @param { boolean } connectedTarget - Provide the connectedTarget boolean value.
+ * @param { boolean } isSegmentEditing - Provide the isSegmentEditing boolean value.
+ * @param { boolean } canShowBezierPoints - Provide the canShowBezierPoints boolean value.
+ * @param {number} handleSize - Provide the handleSize value.
+ * @private
+ */
+ DiagramRenderer.prototype.renderEndPointHandle = function (selector, canvas, constraints, selectorConstraints, transform, connectedSource, connectedTarget, isSegmentEditing, canShowBezierPoints, handleSize) {
+ var sourcePoint = selector.sourcePoint;
+ var targetPoint = selector.targetPoint;
+ var wrapper = selector.wrapper;
+ var i;
+ var segment;
+ this.renderCircularHandle('connectorSourceThumb', wrapper, sourcePoint.x, sourcePoint.y, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ConnectorSourceThumb'), constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ConnectorSource, transform, connectedSource, undefined, { 'aria-label': 'Thumb to move the source point of the connector' }, undefined, 'e-diagram-endpoint-handle e-sourceend', handleSize);
+ this.renderCircularHandle('connectorTargetThumb', wrapper, targetPoint.x, targetPoint.y, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ConnectorTargetThumb'), constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ConnectorTarget, transform, connectedTarget, undefined, { 'aria-label': 'Thumb to move the target point of the connector' }, undefined, 'e-diagram-endpoint-handle e-targetend', handleSize);
+ if (isSegmentEditing) {
+ if ((selector.type === 'Straight' || selector.type === 'Bezier') && selector.segments.length > 0) {
+ for (i = 0; i < selector.segments.length - 1; i++) {
+ segment = selector.segments[parseInt(i.toString(), 10)];
+ var className = selector.type === 'Bezier' ? 'e-diagram-bezier-segment-handle' : 'e-diagram-straight-segment-handle';
+ this.renderCircularHandle(('segementThumb_' + (i + 1)), wrapper, segment.point.x, segment.point.y, canvas, true, constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ConnectorSource, transform, connectedSource, null, null, i, className, handleSize);
+ }
+ }
+ else {
+ // (EJ2-57115) - Added below code to check if maxSegmentThumb is zero or not
+ if (!selector.maxSegmentThumb) {
+ for (i = 0; i < selector.segments.length; i++) {
+ var seg = selector.segments[parseInt(i.toString(), 10)];
+ this.renderOrthogonalThumbs('orthoThumb_' + (i + 1), wrapper, seg, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ConnectorSourceThumb'), transform, selector);
+ }
+ }
+ else {
+ // (EJ2-57115) - Added below code to check if maxSegmentThumb is non zero then we have ignore the rendering of
+ // first and last segment thumb
+ var start = selector.segments.length <= selector.maxSegmentThumb ? 0 : 1;
+ var end = selector.segments.length <= selector.maxSegmentThumb ? selector.segments.length : selector.segments.length - 1;
+ // (EJ2-57115) - If maxSegmentThumb is greater than or equal to 3 means then set start as second segment(1) and end as last before segment
+ if (selector.maxSegmentThumb >= 3 && selector.segments.length === 3) {
+ start = 1;
+ end = selector.segments.length - 1;
+ }
+ // (EJ2-57115) - If segments length is greater than maxSegmentThumb + 2 means then set start as 2
+ start = selector.segments.length > selector.maxSegmentThumb + 2 ? 2 : start;
+ // (EJ2-57115) - If segments length is greater than maxSegmentThumb + 2 means then set end as last before segment
+ end = selector.segments.length > selector.maxSegmentThumb + 2 ? selector.segments.length - 2 : end;
+ if (selector.segments.length === 1 && selector.segments[0].points.length <= 2) {
+ start = 1;
+ end = selector.segments.length;
+ }
+ for (i = start; i < end; i++) {
+ var seg = selector.segments[parseInt(i.toString(), 10)];
+ this.renderOrthogonalThumbs('orthoThumb_' + (i + 1), wrapper, seg, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ConnectorSourceThumb'), transform, selector);
+ }
+ }
+ }
+ }
+ if (selector.type === 'Bezier' && canShowBezierPoints) {
+ var segmentCount = selector.segments.length - 1;
+ var controlPointsVisibility = selector.bezierSettings != null ? selector.bezierSettings.controlPointsVisibility : null;
+ for (i = 0; i <= segmentCount; i++) {
+ var segment_1 = selector.segments[parseInt(i.toString(), 10)];
+ var bezierPoint = !_primitives_point__WEBPACK_IMPORTED_MODULE_15__["Point"].isEmptyPoint(segment_1.point1) ? segment_1.point1
+ : segment_1.bezierPoint1;
+ if (controlPointsVisibility != null && (i === 0 && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowControlPoints"])(controlPointsVisibility, 'Source'))
+ || (i !== 0 && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowControlPoints"])(controlPointsVisibility, 'Intermediate'))) {
+ this.renderCircularHandle('bezierPoint_' + (i + 1) + '_1', wrapper, bezierPoint.x, bezierPoint.y, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ConnectorSourceThumb'), constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ConnectorSource, transform, undefined, undefined, { 'aria-label': 'Thumb to move the source point of the connector' }, undefined, 'e-diagram-bezier-control-handle e-source', handleSize);
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ConnectorSourceThumb')) {
+ this.renderBezierLine('bezierLine_' + (i + 1) + '_1', wrapper, canvas, segment_1.points[0], !_primitives_point__WEBPACK_IMPORTED_MODULE_15__["Point"].isEmptyPoint(segment_1.point1) ? segment_1.point1 : segment_1.bezierPoint1, transform);
+ }
+ }
+ bezierPoint = !_primitives_point__WEBPACK_IMPORTED_MODULE_15__["Point"].isEmptyPoint(segment_1.point2) ? segment_1.point2 : segment_1.bezierPoint2;
+ if (controlPointsVisibility != null && (i === segmentCount && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowControlPoints"])(controlPointsVisibility, 'Target'))
+ || (i !== segmentCount && Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowControlPoints"])(controlPointsVisibility, 'Intermediate'))) {
+ this.renderCircularHandle('bezierPoint_' + (i + 1) + '_2', wrapper, bezierPoint.x, bezierPoint.y, canvas, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ConnectorTargetThumb'), constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ThumbsConstraints"].ConnectorTarget, transform, undefined, undefined, { 'aria-label': 'Thumb to move the target point of the connector' }, undefined, 'e-diagram-bezier-control-handle e-target', handleSize);
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["canShowCorner"])(selectorConstraints, 'ConnectorTargetThumb')) {
+ this.renderBezierLine('bezierLine_' + (i + 1) + '_2', wrapper, canvas, segment_1.points[1], !_primitives_point__WEBPACK_IMPORTED_MODULE_15__["Point"].isEmptyPoint(segment_1.point2) ? segment_1.point2 : segment_1.bezierPoint2, transform);
+ }
+ }
+ }
+ }
+ };
+ /**
+ * Method used to render the orthogonal thumb \
+ *
+ * @returns {void } Method used to render the orthogonal thumb .\
+ *
+ * @param {string} id - Provide the id for the element.
+ * @param {DiagramElement } selector - Provide the selector element.
+ * @param { OrthogonalSegment } segment - Provide the segment value .
+ * @param { HTMLCanvasElement | SVGElement } canvas - Provide the canvas element value.
+ * @param { boolean } visibility - Provide the visibility value .
+ * @param { Transforms } t - Provide the Transforms value.
+ * @param { ConnectorModel } connector - Provide the connector value.
+ * @private
+ */
+ DiagramRenderer.prototype.renderOrthogonalThumbs = function (id, selector, segment, canvas, visibility, t, connector) {
+ var orientation;
+ var visible;
+ var length;
+ var j = 0;
+ // (EJ2-57115) - Added below code to check if maxSegmentThumb is zero or not
+ if (!connector.maxSegmentThumb) {
+ for (j = 0; j < segment.points.length - 1; j++) {
+ length = _primitives_point__WEBPACK_IMPORTED_MODULE_15__["Point"].distancePoints(segment.points[parseInt(j.toString(), 10)], segment.points[j + 1]);
+ orientation = (segment.points[parseInt(j.toString(), 10)].y.toFixed(2) === segment.points[j + 1].y.toFixed(2)) ? 'horizontal' : 'vertical';
+ visible = (length >= 50 && segment.allowDrag) ? true : false;
+ this.renderOrthogonalThumb((id + '_' + (j + 1)), selector, (((segment.points[parseInt(j.toString(), 10)].x + segment.points[j + 1].x) / 2)), (((segment.points[parseInt(j.toString(), 10)].y + segment.points[j + 1].y) / 2)), canvas, visible, orientation, t);
+ }
+ }
+ else {
+ // (EJ2-57115) - Added below code to check if maxSegmentThumb greater then 3 means then we have ignore the rendering of
+ // first and last segment thumb
+ // Set the start value as 1 if segment points is greater than 3
+ var start = segment.points.length < 3 ? 0 : 1;
+ // set the end value as segment.points.length - 2 if segment points is greater then 3
+ var end = segment.points.length < 3 ? segment.points.length - 1 : segment.points.length - 2;
+ start = connector.segments.length === 1 ? start : 0;
+ end = connector.segments.length === 1 ? end : segment.points.length - 1;
+ for (j = start; j < end; j++) {
+ length = _primitives_point__WEBPACK_IMPORTED_MODULE_15__["Point"].distancePoints(segment.points[parseInt(j.toString(), 10)], segment.points[j + 1]);
+ orientation = (segment.points[parseInt(j.toString(), 10)].y.toFixed(2) === segment.points[j + 1].y.toFixed(2)) ? 'horizontal' : 'vertical';
+ visible = (length >= 50 && segment.allowDrag) ? true : false;
+ this.renderOrthogonalThumb((id + '_' + (j + 1)), selector, (((segment.points[parseInt(j.toString(), 10)].x + segment.points[j + 1].x) / 2)), (((segment.points[parseInt(j.toString(), 10)].y + segment.points[j + 1].y) / 2)), canvas, visible, orientation, t);
+ }
+ }
+ };
+ /**
+ * Method used to render the orthogonal thumb \
+ *
+ * @returns {void } Method used to render the orthogonal thumb .\
+ *
+ * @param {string} id - Provide the id for the element.
+ * @param {DiagramElement } selector - Provide the selector element.
+ * @param { Transforms } x - Provide the x value .
+ * @param { Transforms } y - Provide the y value.
+ * @param { HTMLCanvasElement | SVGElement } canvas - Provide the canvas element.
+ * @param { boolean } visible - Provide the visible boolean value.
+ * @param { string } orientation - Provide the orientation value.
+ * @param { Transforms } t - Provide the Transforms value.
+ * @private
+ */
+ DiagramRenderer.prototype.renderOrthogonalThumb = function (id, selector, x, y, canvas, visible, orientation, t) {
+ var path;
+ var h;
+ var v;
+ var diagramElement = document.getElementById(this.diagramId);
+ var instance = 'ej2_instances';
+ var diagram;
+ if (diagramElement) {
+ diagram = diagramElement["" + instance][0];
+ }
+ if (orientation === 'horizontal') {
+ path = Object(_objects_dictionary_common__WEBPACK_IMPORTED_MODULE_18__["getSegmentThumbShapeHorizontal"])(diagram.segmentThumbShape);
+ switch (diagram.segmentThumbShape) {
+ case 'Arrow':
+ case 'OpenArrow':
+ case 'DoubleArrow':
+ h = -15;
+ v = -15;
+ break;
+ case 'Square':
+ case 'Rectangle':
+ case 'Ellipse':
+ h = -5;
+ v = -5;
+ break;
+ case 'Rhombus':
+ case 'Circle':
+ case 'Diamond':
+ h = -10;
+ v = -5;
+ break;
+ case 'IndentedArrow':
+ case 'OutdentedArrow':
+ h = -5;
+ v = -4;
+ break;
+ case 'Fletch':
+ case 'OpenFetch':
+ h = -5;
+ v = -4.5;
+ break;
+ }
+ }
+ else {
+ path = Object(_objects_dictionary_common__WEBPACK_IMPORTED_MODULE_18__["getSegmentThumbShapeVertical"])(diagram.segmentThumbShape);
+ switch (diagram.segmentThumbShape) {
+ case 'Arrow':
+ case 'OpenArrow':
+ case 'DoubleArrow':
+ h = -15;
+ v = -15;
+ break;
+ case 'Square':
+ case 'IndentedArrow':
+ case 'OutdentedArrow':
+ case 'Fletch':
+ case 'OpenFetch':
+ h = -5;
+ v = -5;
+ break;
+ case 'Rhombus':
+ case 'Diamond':
+ h = -5;
+ v = -15;
+ break;
+ case 'Rectangle':
+ h = -7;
+ v = -5;
+ break;
+ case 'Circle':
+ h = -5;
+ v = -7;
+ break;
+ case 'Ellipse':
+ h = -7;
+ v = -7;
+ break;
+ }
+ }
+ var options = {
+ x: ((x + t.tx) * t.scale) + h, y: ((y + t.ty) * t.scale) + v, angle: 0,
+ fill: '#e2e2e2', stroke: 'black', strokeWidth: 1, dashArray: '', data: path,
+ width: 20, height: 20, pivotX: 0, pivotY: 0, opacity: 1, visible: visible, id: id,
+ class: 'e-diagram-ortho-segment-handle'
+ };
+ this.svgRenderer.drawPath(canvas, options, this.diagramId);
+ };
+ /**
+ * Method used to render the pivot line line\
+ *
+ * @returns {void } Method used to render the pivot line line .\
+ *
+ * @param {DiagramElement} element - Provide the diagram element value.
+ * @param { HTMLCanvasElement | SVGElement } canvas - Provide the canvas element.
+ * @param { Transforms } transform - Provide the transform value .
+ * @param { SelectorConstraints } selectorConstraints - Provide the selector constraints value.
+ * @param { boolean } canMask - Provide the canMask boolean value.
+ * @private
+ */
+ DiagramRenderer.prototype.renderPivotLine = function (element, canvas, transform, selectorConstraints, canMask) {
+ var wrapper = element;
+ var dashArray = '2,3';
+ var visible = (selectorConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SelectorConstraints"].Rotate) ? true : false;
+ if (canMask) {
+ visible = false;
+ }
+ var options = this.getBaseAttributes(wrapper, transform);
+ options.fill = 'None';
+ options.stroke = 'black';
+ options.strokeWidth = 1;
+ options.dashArray = dashArray;
+ options.visible = visible;
+ var scale = transform.scale;
+ options.x *= scale;
+ options.y *= scale;
+ options.width *= scale;
+ options.height *= scale;
+ options.id = 'pivotLine';
+ options.class = 'e-diagram-pivot-line';
+ var startPoint = { x: wrapper.actualSize.width * wrapper.pivot.x * scale, y: -20 };
+ var endPoint = { x: wrapper.actualSize.width * wrapper.pivot.x * scale, y: 0 };
+ options.startPoint = startPoint;
+ options.endPoint = endPoint;
+ this.svgRenderer.drawLine(canvas, options);
+ };
+ /**
+ * Method used to render the bezier line for the connector \
+ *
+ * @returns {void } Method used to render the bezier line for the connector .\
+ *
+ * @param {string} id - Provide the id value for the bezier line.
+ * @param { DiagramElement } wrapper - Provide the wrapper for the element.
+ * @param { HTMLCanvasElement | SVGElement } canvas - Provide the canvas element .
+ * @param { PointModel } start - Provide the pointmodel value.
+ * @param { PointModel } end - Provide the pointmodel value.
+ * @param { Transforms } transform - Provide the itransform value .
+ * @private
+ */
+ DiagramRenderer.prototype.renderBezierLine = function (id, wrapper, canvas, start, end, transform) {
+ var dashArray = '3,3';
+ var options = this.getBaseAttributes(wrapper, transform);
+ options.id = id;
+ options.stroke = 'black';
+ options.strokeWidth = 1;
+ options.dashArray = dashArray;
+ options.fill = 'None';
+ options.class = 'e-diagram-bezier-control-line';
+ options.x = 0;
+ options.y = 0;
+ var scale = transform.scale;
+ var x1 = (start.x + transform.tx) * scale;
+ var y1 = (start.y + transform.ty) * scale;
+ var x2 = (end.x + transform.tx) * scale;
+ var y2 = (end.y + transform.ty) * scale;
+ var startPoint = { x: x1, y: y1 };
+ var endPoint = { x: x2, y: y2 };
+ options.startPoint = startPoint;
+ options.endPoint = endPoint;
+ this.svgRenderer.drawLine(canvas, options);
+ };
+ /**
+ * Method used to render the circular handle for the node element \
+ *
+ * @returns {void } Method used to render the circular handle for the node element .\
+ *
+ * @param {string} id - Provide the id value.
+ * @param { DiagramElement } selector - Provide the selector element value.
+ * @param { number } cx - Provide cx value .
+ * @param { number } cy - Provide cx value.
+ * @param { HTMLCanvasElement | SVGElement } canvas - Provide the canvas element.
+ * @param { boolean } visible - Provide the visible property for the handle .
+ * @param { number } enableSelector - Provide the value for the enableSelector .
+ * @param { Transforms } t - Provide the transform value .
+ * @param { boolean } connected - Provide the connected boolean value .
+ * @param { boolean } canMask - Provide the canMask boolean value .
+ * @param { Object } ariaLabel - Provide the label properties .
+ * @param { number } count - Provide the count value .
+ * @param { string } className - Provide the class name for this element .
+ * @param { number } handleSize - Provide the handle size value .
+ *
+ * @private
+ */
+ // Feature (EJ2-44346) Provide support to increase the size of the resize thumb
+ DiagramRenderer.prototype.renderCircularHandle = function (id, selector, cx, cy, canvas, visible, enableSelector, t, connected, canMask, ariaLabel, count, className, handleSize) {
+ var wrapper = selector;
+ var newPoint = { x: cx, y: cy };
+ if (wrapper.rotateAngle !== 0 || wrapper.parentTransform !== 0) {
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["rotateMatrix"])(matrix, wrapper.rotateAngle + wrapper.parentTransform, wrapper.offsetX, wrapper.offsetY);
+ newPoint = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["transformPointByMatrix"])(matrix, newPoint);
+ }
+ var options = this.getBaseAttributes(wrapper);
+ options.stroke = 'black';
+ options.strokeWidth = 1;
+ if (count !== undefined) {
+ options.id = 'segmentEnd_' + count;
+ options.fill = '#e2e2e2';
+ }
+ else {
+ options.fill = connected ? '#8CC63F' : 'white';
+ }
+ options.cornerRadius = handleSize / 2;
+ options.angle = selector.rotateAngle;
+ options.id = id;
+ options.visible = visible;
+ options.class = className;
+ options.width = handleSize;
+ options.height = handleSize;
+ // EJ2-65895 - Added below code to calculate the rect x and y if node pivot is not equal to 0.5
+ options.x = (newPoint.x + t.tx) * t.scale;
+ options.y = (newPoint.y + t.ty) * t.scale;
+ options.x = options.x - options.width / 2;
+ options.y = options.y - options.height / 2;
+ if (connected) {
+ options.class += ' e-connected';
+ }
+ if (canMask) {
+ options.visible = false;
+ }
+ var parentSvg = this.getParentSvg(selector, 'selector');
+ this.svgRenderer.drawRectangle(canvas, options, this.diagramId, true, true, parentSvg, ariaLabel, true, enableSelector);
+ };
+ /**
+ * Method used to render border for the node element \
+ *
+ * @returns {void } Method used to render border for the node element .\
+ *
+ * @param {SelectorModel} selector - Provide the selector model instance.
+ * @param { HTMLCanvasElement | SVGElement } canvas - Provide the canvas element value.
+ * @param { Transforms } transform - Provide the transform value .
+ * @param { number } enableNode - Provide enableNode boolean value.
+ * @param { boolean } isBorderTickness - Provide the thickness value for the node.
+ * @param { boolean } isSwimlane - Provide the isSwimlane boolean value .
+ * @private
+ */
+ DiagramRenderer.prototype.renderBorder = function (selector, canvas, transform, enableNode, isBorderTickness, isSwimlane) {
+ var wrapper = selector;
+ var options = this.getBaseAttributes(wrapper, transform);
+ options.x *= transform.scale;
+ options.y *= transform.scale;
+ options.width *= transform.scale;
+ options.height *= transform.scale;
+ options.fill = 'transparent';
+ options.stroke = '#097F7F';
+ options.strokeWidth = 1.2;
+ options.gradient = null;
+ options.dashArray = '6,3';
+ options.class = 'e-diagram-selector';
+ if (isSwimlane) {
+ options.class += ' e-diagram-lane';
+ }
+ options.id = 'borderRect';
+ options.id = (this.rendererActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["RendererAction"].DrawSelectorBorder) ? 'borderRect_symbol' : 'borderRect';
+ if (!enableNode) {
+ options.class += ' e-disabled';
+ }
+ if (isBorderTickness) {
+ options.class += ' e-thick-border';
+ }
+ options.cornerRadius = 0;
+ var parentSvg = this.getParentSvg(selector, 'selector');
+ this.svgRenderer.drawRectangle(canvas, options, this.diagramId, undefined, true, parentSvg);
+ };
+ /**
+ * Method used to render user handle for the node element \
+ *
+ * @returns {void } Method used to render user handle for the node element .\
+ *
+ * @param {SelectorModel} selectorItem - Provide the selector model instance.
+ * @param { HTMLCanvasElement | SVGElement } canvas - Provide the canvas element value.
+ * @param { Transforms } transform - Provide the transform value .
+ * @param { HTMLElement } diagramUserHandlelayer - Provide the HTMLElement value.
+ * @private
+ */
+ DiagramRenderer.prototype.renderUserHandler = function (selectorItem, canvas, transform, diagramUserHandlelayer) {
+ var wrapper = selectorItem.wrapper;
+ var canDraw;
+ for (var _i = 0, _a = selectorItem.userHandles; _i < _a.length; _i++) {
+ var obj = _a[_i];
+ canDraw = true;
+ if ((obj.disableConnectors && selectorItem.connectors.length > 0) ||
+ (obj.disableNodes && selectorItem.nodes.length > 0)) {
+ canDraw = false;
+ }
+ var div = document.getElementById(obj.name + '_template_hiddenUserHandle');
+ if (div) {
+ obj.template = (div.childNodes[0]).cloneNode(true);
+ }
+ //const newPoint: PointModel;
+ var newPoint = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["getUserHandlePosition"])(selectorItem, obj, transform);
+ newPoint.x = (newPoint.x + transform.tx) * transform.scale;
+ newPoint.y = (newPoint.y + transform.ty) * transform.scale;
+ if (obj.visible) {
+ obj.visible = (selectorItem.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SelectorConstraints"].UserHandle) ? true : false;
+ }
+ if (canDraw) {
+ if (obj.pathData) {
+ var data = obj.pathData ? obj.pathData : obj.content;
+ var option = this.getBaseAttributes(wrapper);
+ option.id = obj.name + '_userhandle';
+ option.fill = obj.backgroundColor;
+ option.stroke = obj.borderColor;
+ option.strokeWidth = obj.borderWidth;
+ option.centerX = newPoint.x;
+ option.centerY = newPoint.y;
+ option.radius = obj.size * 0.5;
+ option.class = 'e-diagram-userhandle-circle';
+ option.angle = 0;
+ option.visible = obj.visible;
+ option.opacity = 1;
+ this.svgRenderer.drawCircle(canvas, option, 1, { 'aria-label': obj.name + 'user handle' });
+ var pathPading = 5;
+ var arrayCollection = [];
+ arrayCollection = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_12__["processPathData"])(data);
+ arrayCollection = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_12__["splitArrayCollection"])(arrayCollection);
+ var pathSize = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["measurePath"])(data);
+ //requiredSize/contentSize
+ var scaleX = (obj.size - 0.45 * obj.size) / pathSize.width;
+ var scaleY = (obj.size - 0.45 * obj.size) / pathSize.height;
+ var newData = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_12__["transformPath"])(arrayCollection, scaleX, scaleY, true, pathSize.x, pathSize.y, 0, 0);
+ pathSize = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["measurePath"])(newData);
+ var options = {
+ x: newPoint.x - pathSize.width / 2,
+ y: newPoint.y - pathSize.height / 2, angle: 0, id: '',
+ class: 'e-diagram-userhandle-path', fill: obj.pathColor,
+ stroke: obj.backgroundColor, strokeWidth: 0.5, dashArray: '', data: newData,
+ width: obj.size - pathPading, height: obj.size - pathPading, pivotX: 0, pivotY: 0, opacity: 1, visible: obj.visible
+ };
+ this.svgRenderer.drawPath(canvas, options, this.diagramId, undefined, undefined, { 'aria-label': obj.name + 'user handle' });
+ }
+ else if (obj.content) {
+ //const handleContent: DiagramNativeElement;
+ var handleContent = new _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"](obj.name, this.diagramId);
+ handleContent.content = obj.content;
+ handleContent.offsetX = newPoint.x;
+ handleContent.offsetY = newPoint.y;
+ handleContent.id = obj.name + '_shape';
+ handleContent.horizontalAlignment = 'Center';
+ handleContent.verticalAlignment = 'Center';
+ handleContent.visible = obj.visible;
+ handleContent.setOffsetWithRespectToBounds(newPoint.x, newPoint.y, 'Fraction');
+ handleContent.relativeMode = 'Object';
+ handleContent.description = obj.name || 'User handle';
+ handleContent.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_5__["Size"](obj.size, obj.size));
+ handleContent.arrange(handleContent.desiredSize);
+ this.svgRenderer.drawNativeContent(handleContent, canvas, obj.size, obj.size, this.adornerSvgLayer);
+ }
+ else if (obj.source) {
+ var element = new _core_elements_image_element__WEBPACK_IMPORTED_MODULE_1__["ImageElement"]();
+ var options = this.getBaseAttributes(element, transform);
+ options.width = obj.size;
+ options.height = obj.size;
+ options.x = newPoint.x - (obj.size / 2);
+ options.y = newPoint.y - (obj.size / 2);
+ options.sourceWidth = obj.size;
+ options.sourceHeight = obj.size;
+ options.alignment = element.imageAlign;
+ options.source = obj.source;
+ options.scale = element.imageScale;
+ options.visible = obj.visible;
+ options.description = obj.name || 'User handle';
+ options.id = obj.name + '_';
+ this.renderer.drawImage(canvas, options, this.adornerSvgLayer, false);
+ }
+ else {
+ //const templateContent: DiagramHtmlElement;
+ var templateContent = new _core_elements_html_element__WEBPACK_IMPORTED_MODULE_14__["DiagramHtmlElement"](obj.name, this.diagramId);
+ templateContent.offsetX = newPoint.x;
+ templateContent.offsetY = newPoint.y;
+ templateContent.id = obj.name + '_shape';
+ templateContent.visible = obj.visible;
+ templateContent.relativeMode = 'Object';
+ templateContent.template = obj.template;
+ templateContent.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_5__["Size"](obj.size, obj.size));
+ templateContent.arrange(templateContent.desiredSize);
+ this.svgRenderer.drawHTMLContent(templateContent, diagramUserHandlelayer, undefined, true, undefined);
+ }
+ }
+ }
+ };
+ /**
+ * Method used to render rotate thumb of the diagramnode element \
+ *
+ * @returns {void } Method used to render rotate thumb of the diagramnode element .\
+ *
+ * @param {DiagramElement} wrapper - Provide the wrapper element value.
+ * @param { HTMLCanvasElement | SVGElement } canvas - Provide the canvas element value.
+ * @param { Transforms } transform - Provide the transform value .
+ * @param { SelectorConstraints } selectorConstraints - Provide the selectorConstraints value.
+ * @param { boolean } canMask - Provide the boolean value .
+ * @private
+ */
+ DiagramRenderer.prototype.renderRotateThumb = function (wrapper, canvas, transform, selectorConstraints, canMask) {
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ var element = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_0__["PathElement"]();
+ var newPoint;
+ var size = new _primitives_size__WEBPACK_IMPORTED_MODULE_5__["Size"]();
+ size.width = 18;
+ size.height = 16;
+ var top = wrapper.offsetY - wrapper.actualSize.height * wrapper.pivot.y;
+ var left = wrapper.offsetX - wrapper.actualSize.width * wrapper.pivot.x;
+ var visible = (selectorConstraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SelectorConstraints"].Rotate) ? true : false;
+ if (canMask) {
+ visible = false;
+ }
+ var data = 'M 16.856144362449648 10.238890446662904 L 18.000144362449646 3.437890446662903' +
+ 'L 15.811144362449646 4.254890446662903 C 14.837144362449646 2.5608904466629028 13.329144362449647 ' +
+ ' 1.2598904466629026 11.485144362449645 0.5588904466629026 C 9.375144362449646 - 0.24510955333709716 7.071144362449646 ' +
+ ' - 0.18010955333709716 5.010144362449646 0.7438904466629028 C 2.942144362449646 1.6678904466629028 1.365144362449646' +
+ ' 3.341890446662903 0.558144362449646 5.452890446662903 C - 0.244855637550354 7.567890446662903 - 0.17985563755035394' +
+ ' 9.866890446662904 0.7431443624496461 11.930890446662904 C 1.6681443624496461 13.994890446662904 3.343144362449646' +
+ ' 15.575890446662903 5.457144362449647 16.380890446662903 C 6.426144362449647 16.7518904466629 7.450144362449647' +
+ ' 16.9348904466629 8.470144362449647 16.9348904466629 C 9.815144362449647 16.9348904466629 11.155144362449647 ' +
+ '16.6178904466629 12.367144362449647 15.986890446662901 L 11.351144362449647 14.024890446662901 C 9.767144362449647' +
+ ' 14.8468904466629 7.906144362449647 14.953890446662902 6.237144362449647 14.3178904466629 C 4.677144362449647' +
+ ' 13.7218904466629 3.444144362449647 12.5558904466629 2.758144362449647 11.028890446662901 C 2.078144362449646 ' +
+ '9.501890446662903 2.031144362449646 7.802890446662903 2.622144362449646 6.243890446662903 C 3.216144362449646' +
+ ' 4.6798904466629025 4.387144362449646 3.442890446662903 5.914144362449646 2.760890446662903 C 7.437144362449646 ' +
+ '2.078890446662903 9.137144362449646 2.0298904466629026 10.700144362449645 2.6258904466629027 C 11.946144362449646 ' +
+ '3.100890446662903 12.971144362449646 3.9538904466629026 13.686144362449646 5.049890446662903 L 11.540144362449645 ' +
+ '5.850890446662903 L 16.856144362449648 10.238890446662904 Z';
+ var pivotX = left + wrapper.pivot.x * wrapper.actualSize.width;
+ var pivotY = top;
+ pivotX = (pivotX + transform.tx) * transform.scale;
+ pivotY = (pivotY + transform.ty) * transform.scale;
+ newPoint = { x: pivotX - size.width * 0.5, y: pivotY - 30 - size.height * 0.5 };
+ if (wrapper.rotateAngle !== 0 || wrapper.parentTransform !== 0) {
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["rotateMatrix"])(matrix, wrapper.rotateAngle + wrapper.parentTransform, (transform.tx + wrapper.offsetX) * transform.scale, (transform.ty + wrapper.offsetY) * transform.scale);
+ newPoint = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["transformPointByMatrix"])(matrix, newPoint);
+ }
+ var options = {
+ x: newPoint.x,
+ y: newPoint.y,
+ angle: wrapper.rotateAngle + wrapper.parentTransform,
+ fill: '#231f20', stroke: 'black', strokeWidth: 0.5, dashArray: '', data: data,
+ width: 20, height: 20, pivotX: 0, pivotY: 0, opacity: 1, visible: visible, id: wrapper.id, class: 'e-diagram-rotate-handle'
+ };
+ options.id = 'rotateThumb';
+ this.svgRenderer.drawPath(canvas, options, this.diagramId, true, undefined, { 'aria-label': 'Thumb to rotate the selected object' });
+ };
+ /**
+ * Method used to render the path element for the diagram \
+ *
+ * @returns {void } Method used to render the path element for the diagram .\
+ *
+ * @param {PathElement} element - Provide the path element of the diagram .
+ * @param { HTMLCanvasElement | SVGElement } canvas - Provide the canvas element value.
+ * @param { Transforms } transform - Provide the transform value .
+ * @param { SVGSVGElement } parentSvg - Provide the parent SVG element .
+ * @param { boolean } fromPalette - Provide the boolean value .
+ * @param { boolean } isPreviewNode - Provide the boolean value .
+ * @private
+ */
+ DiagramRenderer.prototype.renderPathElement = function (element, canvas, transform, parentSvg, fromPalette, isPreviewNode) {
+ var options = this.getBaseAttributes(element, transform, isPreviewNode);
+ options.data = element.absolutePath;
+ options.data = element.absolutePath;
+ var ariaLabel = element.description ? element.description : element.id;
+ if (!this.isSvgMode) {
+ options.x = element.flipOffset.x ? element.flipOffset.x : options.x;
+ options.y = element.flipOffset.y ? element.flipOffset.y : options.y;
+ }
+ if (element.isExport) {
+ var pathBounds = element.absoluteBounds;
+ options.data = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["updatePath"])(element, pathBounds, undefined, options);
+ }
+ this.renderer.drawPath(canvas, options, this.diagramId, undefined, parentSvg, ariaLabel);
+ };
+ /**
+ * Method used to update the grid line for the diagram \
+ *
+ * @returns {void } Method used to update the grid line for the diagram .\
+ *
+ * @param {SnapSettingsModel} snapSettings - Provide the snapsetting value of the diagram .
+ * @param { SVGSVGElement } gridSvg - Provide the SVG grid element value.
+ * @param { Transforms } t - Provide the transform value .
+ * @param { RulerSettingsModel } rulerSettings - Provide the ruler setting property .
+ * @param { RulerModel } hRuler - Provide the horizontal ruler property value .
+ * @param { RulerModel } vRuler - Provide the vertical ruler property value .
+ * @private
+ */
+ DiagramRenderer.prototype.renderSvgGridlines = function (snapSettings, gridSvg, t, rulerSettings, hRuler, vRuler) {
+ var pattern = document.createElementNS('http://www.w3.org/2000/svg', 'pattern');
+ var defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
+ defs.setAttribute('id', this.diagramId + '_grid_pattern_defn');
+ if (snapSettings.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SnapConstraints"].ShowHorizontalLines ||
+ snapSettings.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SnapConstraints"].ShowVerticalLines) {
+ pattern.setAttribute('id', this.diagramId + '_pattern');
+ }
+ var hWidth = 0;
+ var hHeight = 0;
+ var hSegmentwidth = 0;
+ var vSegmentwidth = 0;
+ var scale = 1;
+ var isRulerGrid = false;
+ var isLine = snapSettings.gridType === 'Lines';
+ var verticalLineIntervals = isLine ?
+ snapSettings.verticalGridlines.lineIntervals : snapSettings.verticalGridlines.dotIntervals;
+ var horizontalLineIntervals = isLine ?
+ snapSettings.horizontalGridlines.lineIntervals : snapSettings.horizontalGridlines.dotIntervals;
+ if (rulerSettings.showRulers && rulerSettings.dynamicGrid && hRuler && vRuler) {
+ hSegmentwidth = vRuler.updateSegmentWidth(t.scale);
+ vSegmentwidth = hRuler.updateSegmentWidth(t.scale);
+ snapSettings.horizontalGridlines.scaledIntervals = [hSegmentwidth / hRuler.interval];
+ snapSettings.verticalGridlines.scaledIntervals = [vSegmentwidth / vRuler.interval];
+ isRulerGrid = true;
+ }
+ else {
+ for (var i = 0; i < verticalLineIntervals.length; i = i + 1) {
+ hWidth += verticalLineIntervals[parseInt(i.toString(), 10)];
+ }
+ for (var i = 0; i < horizontalLineIntervals.length; i = i + 1) {
+ hHeight += horizontalLineIntervals[parseInt(i.toString(), 10)];
+ }
+ scale = this.scaleSnapInterval(snapSettings, t.scale);
+ }
+ hWidth = isRulerGrid ? vSegmentwidth : hWidth * scale;
+ hHeight = isRulerGrid ? hSegmentwidth : hHeight * scale;
+ var attr = {
+ id: this.diagramId + '_pattern', x: 0, y: 0, width: hWidth,
+ height: hHeight, patternUnits: 'userSpaceOnUse'
+ };
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["setAttributeSvg"])(pattern, attr);
+ this.horizontalSvgGridlines(pattern, hWidth, hHeight, scale, snapSettings, rulerSettings, vRuler, isRulerGrid, isLine, horizontalLineIntervals);
+ this.verticalSvgGridlines(pattern, hWidth, hHeight, scale, snapSettings, rulerSettings, hRuler, isRulerGrid, isLine, verticalLineIntervals);
+ defs.appendChild(pattern);
+ gridSvg.appendChild(defs);
+ };
+ DiagramRenderer.prototype.horizontalSvgGridlines = function (pattern, hWidth, hHeight, scale, snapSettings, rulerSettings, vRuler, isRulerGrid, isLine, intervals) {
+ var space = 0;
+ var dashArray = [];
+ var hLine;
+ if (snapSettings.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SnapConstraints"].ShowHorizontalLines) {
+ if (snapSettings.horizontalGridlines.lineDashArray) {
+ dashArray = this.renderer.parseDashArray(snapSettings.horizontalGridlines.lineDashArray);
+ }
+ if (rulerSettings.showRulers && rulerSettings.dynamicGrid && vRuler) {
+ intervals = this.updateLineIntervals(intervals, rulerSettings, vRuler, hHeight, isLine);
+ }
+ intervals = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["getInterval"])(intervals, isLine);
+ for (var i = 0; i < intervals.length; i = i + 2) {
+ space = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["getSpaceValue"])(intervals, isLine, i, space);
+ var spaceY = 0;
+ hLine = document.createElementNS('http://www.w3.org/2000/svg', isLine ? 'path' : 'circle');
+ var attr = void 0;
+ var d = isLine ? space + intervals[parseInt(i.toString(), 10)] / 2 : space;
+ d = isRulerGrid ? d : d * scale;
+ if (isLine) {
+ if (dashArray.toString() === '') {
+ attr = {
+ 'stroke-width': intervals[parseInt(i.toString(), 10)],
+ 'd': 'M0,' + (d) + ' L' + hWidth + ',' + (d) + ' Z',
+ 'class': intervals[parseInt(i.toString(), 10)] === 1.25 ? 'e-diagram-thick-grid' : 'e-diagram-thin-grid',
+ 'stroke': snapSettings.horizontalGridlines.lineColor
+ };
+ }
+ else {
+ attr = {
+ 'stroke-width': intervals[parseInt(i.toString(), 10)], 'stroke': snapSettings.horizontalGridlines.lineColor,
+ 'd': 'M0,' + (d) + ' L' + hWidth + ',' + (d) + ' Z',
+ 'class': intervals[parseInt(i.toString(), 10)] === 1.25 ? 'e-diagram-thick-grid' : 'e-diagram-thin-grid',
+ 'dashArray': dashArray.toString()
+ };
+ }
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["setAttributeSvg"])(hLine, attr);
+ pattern.appendChild(hLine);
+ space += intervals[i + 1] + intervals[parseInt(i.toString(), 10)];
+ }
+ else {
+ this.renderDotGrid(i, pattern, snapSettings, spaceY, d, scale, true);
+ space += intervals[parseInt(i.toString(), 10)];
+ }
+ }
+ }
+ };
+ DiagramRenderer.prototype.renderDotGrid = function (i, pattern, snapSettings, spacey, d, scale, isHorizontal) {
+ var intervals = !isHorizontal ?
+ snapSettings.horizontalGridlines.dotIntervals : snapSettings.verticalGridlines.dotIntervals;
+ intervals = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["getInterval"])(intervals, false);
+ var r;
+ var hLine;
+ //const doubleRadius: boolean;
+ var dy;
+ var attr;
+ for (var j = 1; j < intervals.length; j = j + 2) {
+ r = j === intervals.length - 1 ? intervals[0] : intervals[j - 1];
+ hLine = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ dy = spacey;
+ dy = dy * scale;
+ attr = {
+ 'cx': isHorizontal ? dy : d, 'cy': isHorizontal ? d : dy, 'fill': snapSettings.horizontalGridlines.lineColor, 'r': r
+ };
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["setAttributeSvg"])(hLine, attr);
+ pattern.appendChild(hLine);
+ spacey += intervals[parseInt(j.toString(), 10)] + intervals[j - 1];
+ }
+ };
+ DiagramRenderer.prototype.verticalSvgGridlines = function (pattern, hWidth, hHeight, scale, snapSettings, rulerSettings, hRuler, isRulerGrid, isLine, intervals) {
+ var space = 0;
+ var dashArray = [];
+ var vLine;
+ if (snapSettings.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["SnapConstraints"].ShowVerticalLines) {
+ if (snapSettings.verticalGridlines.lineDashArray) {
+ dashArray = this.renderer.parseDashArray(snapSettings.verticalGridlines.lineDashArray);
+ }
+ if (rulerSettings.showRulers && rulerSettings.dynamicGrid && hRuler) {
+ intervals = this.updateLineIntervals(intervals, rulerSettings, hRuler, hWidth, isLine);
+ }
+ var spaceY = 0;
+ intervals = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["getInterval"])(intervals, isLine);
+ for (var i = 0; i < intervals.length; i = i + 2) {
+ space = Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["getSpaceValue"])(intervals, isLine, i, space);
+ var d = isLine ? space + intervals[parseInt(i.toString(), 10)] / 2 : space;
+ d = isRulerGrid ? d : d * scale;
+ vLine = document.createElementNS('http://www.w3.org/2000/svg', isLine ? 'path' : 'circle');
+ var attr = void 0;
+ if (isLine) {
+ if (dashArray.toString() === '') {
+ attr = {
+ 'stroke-width': intervals[parseInt(i.toString(), 10)],
+ 'd': 'M' + (d) + ',0 L' + (d) + ',' + hHeight + ' Z',
+ 'class': intervals[parseInt(i.toString(), 10)] === 1.25 ? 'e-diagram-thick-grid' : 'e-diagram-thin-grid',
+ 'stroke': snapSettings.verticalGridlines.lineColor
+ };
+ }
+ else {
+ attr = {
+ 'stroke-width': intervals[parseInt(i.toString(), 10)],
+ 'class': intervals[parseInt(i.toString(), 10)] === 1.25 ? 'e-diagram-thick-grid' : 'e-diagram-thin-grid',
+ 'stroke': snapSettings.verticalGridlines.lineColor,
+ 'd': 'M' + (d) + ',0 L' + (d) + ',' + hHeight + ' Z',
+ 'dashArray': dashArray.toString()
+ };
+ }
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["setAttributeSvg"])(vLine, attr);
+ pattern.appendChild(vLine);
+ space += intervals[i + 1] + intervals[parseInt(i.toString(), 10)];
+ }
+ else {
+ this.renderDotGrid(i, pattern, snapSettings, spaceY, d, scale, false);
+ space += intervals[parseInt(i.toString(), 10)];
+ }
+ }
+ }
+ };
+ /**
+ * Method used to update the grid line for the diagram \
+ *
+ * @returns {void } Method used to update the grid line for the diagram .\
+ *
+ * @param {SnapSettingsModel} snapSettings - Provide the snapsetting value of the diagram .
+ * @param { SVGSVGElement } svgGrid - Provide the SVG grid element value.
+ * @param { Transforms } transform - Provide the transform value .
+ * @param { RulerSettingsModel } rulerSettings - Provide the ruler setting property .
+ * @param { RulerModel } hRuler - Provide the horizontal ruler property value .
+ * @param { RulerModel } vRuler - Provide the vertical ruler property value .
+ * @private
+ */
+ DiagramRenderer.prototype.updateGrid = function (snapSettings, svgGrid, transform, rulerSettings, hRuler, vRuler) {
+ var grid = svgGrid.getElementById(this.diagramId + '_grid_rect');
+ //let i: number;
+ var isRulerGrid = false;
+ if (grid) {
+ var pattern = svgGrid.getElementById(this.diagramId + '_pattern');
+ if (pattern) {
+ pattern.parentNode.removeChild(pattern);
+ }
+ var hSegmentwidth = 0;
+ var vSegmentwidth = 0;
+ var scale = 1;
+ var isLine = snapSettings.gridType === 'Lines';
+ var verticalLineIntervals = isLine ?
+ snapSettings.verticalGridlines.lineIntervals : snapSettings.verticalGridlines.dotIntervals;
+ var horizontalLineIntervals = isLine ?
+ snapSettings.horizontalGridlines.lineIntervals : snapSettings.horizontalGridlines.dotIntervals;
+ if (rulerSettings.showRulers && rulerSettings.dynamicGrid && vRuler && hRuler) {
+ hSegmentwidth = vRuler.updateSegmentWidth(transform.scale);
+ vSegmentwidth = hRuler.updateSegmentWidth(transform.scale);
+ isRulerGrid = true;
+ snapSettings.horizontalGridlines.scaledIntervals = [hSegmentwidth / hRuler.interval];
+ snapSettings.verticalGridlines.scaledIntervals = [vSegmentwidth / vRuler.interval];
+ }
+ else {
+ scale = this.scaleSnapInterval(snapSettings, transform.scale);
+ }
+ var height = 0;
+ for (var j = 0; j < horizontalLineIntervals.length; j = j + 1) {
+ height += horizontalLineIntervals[parseInt(j.toString(), 10)];
+ }
+ var width = 0;
+ for (var j = 0; j < verticalLineIntervals.length; j = j + 1) {
+ width += verticalLineIntervals[parseInt(j.toString(), 10)];
+ }
+ var attr = {
+ x: -transform.tx * transform.scale,
+ y: -transform.ty * transform.scale
+ };
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["setAttributeSvg"])(grid, attr);
+ width = isRulerGrid ? vSegmentwidth : width * scale;
+ height = isRulerGrid ? hSegmentwidth : height * scale;
+ attr = {
+ id: this.diagramId + '_pattern', x: 0, y: 0, width: width,
+ height: height, patternUnits: 'userSpaceOnUse'
+ };
+ pattern = document.createElementNS('http://www.w3.org/2000/svg', 'pattern');
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["setAttributeSvg"])(pattern, attr);
+ this.horizontalSvgGridlines(pattern, width, height, scale, snapSettings, rulerSettings, vRuler, isRulerGrid, isLine, horizontalLineIntervals);
+ this.verticalSvgGridlines(pattern, width, height, scale, snapSettings, rulerSettings, hRuler, isRulerGrid, isLine, verticalLineIntervals);
+ var defs = svgGrid.getElementById(this.diagramId + '_grid_pattern_defn');
+ if (defs) {
+ defs.appendChild(pattern);
+ }
+ }
+ };
+ DiagramRenderer.prototype.updateLineIntervals = function (intervals, rulerSettings, ruler, segmentWidth, isLine) {
+ var newInterval = [];
+ var tickInterval = segmentWidth / ruler.interval;
+ var interval = isLine ? ruler.interval : ruler.interval + 1;
+ for (var i = 0; i < interval * 2; i++) {
+ if (i % 2 === 0) {
+ newInterval[parseInt(i.toString(), 10)] = isLine ? ((i === 0) ? 1.25 : 0.25) : 0;
+ }
+ else {
+ newInterval[parseInt(i.toString(), 10)] = isLine ? (tickInterval - newInterval[i - 1]) : tickInterval;
+ }
+ }
+ return newInterval;
+ };
+ DiagramRenderer.prototype.scaleSnapInterval = function (snapSettings, scale) {
+ if (scale >= 2) {
+ while (scale >= 2) {
+ scale /= 2;
+ }
+ }
+ else if (scale <= 0.5) {
+ while (scale <= 0.5) {
+ scale *= 2;
+ }
+ }
+ var i;
+ snapSettings.horizontalGridlines.scaledIntervals = snapSettings.horizontalGridlines.snapIntervals;
+ snapSettings.verticalGridlines.scaledIntervals = snapSettings.verticalGridlines.snapIntervals;
+ if (scale !== 1) {
+ var gridlines = snapSettings.horizontalGridlines;
+ gridlines.scaledIntervals = [];
+ for (i = 0; i < gridlines.snapIntervals.length; i++) {
+ gridlines.scaledIntervals[parseInt(i.toString(), 10)] = gridlines.snapIntervals[parseInt(i.toString(), 10)] * scale;
+ }
+ gridlines = snapSettings.verticalGridlines;
+ gridlines.scaledIntervals = [];
+ for (i = 0; i < gridlines.snapIntervals.length; i++) {
+ gridlines.scaledIntervals[parseInt(i.toString(), 10)] = gridlines.snapIntervals[parseInt(i.toString(), 10)] * scale;
+ }
+ }
+ return scale;
+ };
+ /**
+ * Method used to render the text element \
+ *
+ * @returns {void }Method used to render the text element .\
+ *
+ * @param {TextElement} element - Provide the text element .
+ * @param { HTMLCanvasElement | SVGElement} canvas - Provide the canvas element .
+ * @param { Transforms } transform - Provide the transform value .
+ * @param { SVGSVGElement } parentSvg - Provide the SVG layer element .
+ * @param { boolean } fromPalette - Provide the boolean value .
+ * @param { object } centerPoint - Provide the center point value .
+ * @private
+ */
+ DiagramRenderer.prototype.renderTextElement = function (element, canvas,
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ transform, parentSvg, fromPalette, centerPoint) {
+ var options = this.getBaseAttributes(element, transform);
+ if (centerPoint) {
+ //Bug 827039: Bezier annotation content alignment is not working properly.
+ // Removed -2 cx-2 and cy-2 from the below two line to resolve the alignment issue.
+ options.x = centerPoint.cx;
+ options.y = centerPoint.cy;
+ // (EJ2-56874) - Set the calculated x and y position to the bezier connector annotation's(text element) bounds x,y position
+ element.bounds.x = options.x;
+ element.bounds.y = options.y;
+ // (EJ2-58802) - Calculate the center point x and y with the element export scale value if element is in export mode
+ if (element.isExport) {
+ options.x = options.x * Math.min(element.exportScaleValue.x || element.exportScaleValue.y);
+ options.y = options.y * Math.min(element.exportScaleValue.x || element.exportScaleValue.y);
+ }
+ }
+ options.cornerRadius = 0;
+ options.whiteSpace = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["whiteSpaceToString"])(element.style.whiteSpace, element.style.textWrapping);
+ options.content = element.content;
+ options.breakWord = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["wordBreakToString"])(element.style.textWrapping);
+ options.textAlign = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["textAlignToString"])(element.style.textAlign);
+ options.color = element.style.color;
+ options.italic = element.style.italic;
+ options.bold = element.style.bold;
+ options.fontSize = element.style.fontSize;
+ options.fontFamily = element.style.fontFamily;
+ options.textOverflow = element.style.textOverflow;
+ options.textWrapping = element.style.textWrapping;
+ options.textDecoration = element.style.textDecoration;
+ options.doWrap = element.doWrap;
+ options.wrapBounds = element.wrapBounds;
+ options.childNodes = element.childNodes;
+ options.isHorizontalLane = element.isLaneOrientation;
+ options.id = element.id ? element.id : Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["randomId"])();
+ if (element.isLaneOrientation) {
+ options.parentOffsetX = this.groupElement.offsetX;
+ options.parentOffsetY = this.groupElement.offsetY;
+ options.parentWidth = this.groupElement.actualSize.width;
+ options.parentHeight = this.groupElement.actualSize.height;
+ }
+ options.dashArray = '';
+ options.strokeWidth = 0;
+ options.fill = element.style.fill;
+ var ariaLabel = element.description ? element.description : element.content ? element.content : element.id;
+ if ((element.style.textWrapping === 'Wrap' || element.style.textWrapping === 'WrapWithOverflow') &&
+ this.groupElement && options.height > this.groupElement.actualSize.height &&
+ (element.style.textOverflow === 'Clip' || element.style.textOverflow === 'Ellipsis')) {
+ options.y = options.y + (options.height - this.groupElement.actualSize.height) / 2;
+ }
+ this.renderer.drawRectangle(canvas, options, this.diagramId, undefined, undefined, parentSvg);
+ this.renderer.drawText(canvas, options, parentSvg, ariaLabel, this.diagramId, (element.isExport && Math.min(element.exportScaleValue.x || element.exportScaleValue.y)), this.groupElement);
+ if (this.isSvgMode) {
+ element.doWrap = false;
+ }
+ };
+ DiagramRenderer.prototype.renderNativeElement = function (element, canvas,
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ transform, parentSvg, fromPalette) {
+ var templateWidth;
+ var templateHeight;
+ var nativeSvg = this.getParentSvg(element, undefined, canvas) || parentSvg;
+ var nativeLayer = this.getParentElement(element, canvas, nativeSvg).g || canvas;
+ var options = this.getBaseAttributes(element, transform);
+ options.fill = 'transparent';
+ options.cornerRadius = element.cornerRadius;
+ options.stroke = 'transparent';
+ this.renderer.drawRectangle(canvas, options, this.diagramId, undefined, undefined, parentSvg);
+ switch (element.scale) {
+ case 'None':
+ templateWidth = element.contentSize.width;
+ templateHeight = element.contentSize.height;
+ break;
+ case 'Stretch':
+ templateWidth = element.actualSize.width;
+ templateHeight = element.actualSize.height;
+ break;
+ case 'Meet':
+ if (element.actualSize.width <= element.actualSize.height) {
+ templateWidth = templateHeight = element.actualSize.width;
+ }
+ else {
+ templateWidth = templateHeight = element.actualSize.height;
+ }
+ break;
+ case 'Slice':
+ if (element.actualSize.width >= element.actualSize.height) {
+ templateWidth = templateHeight = element.actualSize.width;
+ }
+ else {
+ templateWidth = templateHeight = element.actualSize.height;
+ }
+ break;
+ }
+ if (this.svgRenderer) {
+ this.svgRenderer.drawNativeContent(element, nativeLayer, templateHeight, templateWidth, nativeSvg);
+ }
+ };
+ DiagramRenderer.prototype.renderHTMLElement = function (element, canvas, htmlLayer, transform, parentSvg, fromPalette, indexValue) {
+ var options = this.getBaseAttributes(element, transform);
+ options.fill = 'transparent';
+ options.cornerRadius = element.cornerRadius;
+ options.stroke = 'transparent';
+ this.renderer.drawRectangle(canvas, options, this.diagramId, undefined, undefined, parentSvg);
+ if (this.svgRenderer) {
+ this.svgRenderer.drawHTMLContent(element, htmlLayer.children[0], transform, Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["isDiagramChild"])(htmlLayer), indexValue);
+ }
+ };
+ /**
+ * Method used to render the image element \
+ *
+ * @returns {void }Method used to render the image element .\
+ *
+ * @param {ImageElement} element - Provide the image element .
+ * @param { HTMLCanvasElement | SVGElement} canvas - Provide the canvas element .
+ * @param { Transforms } transform - Provide the transform value .
+ * @param { SVGSVGElement } parentSvg - Provide the SVG layer element .
+ * @param { boolean } fromPalette - Provide the boolean value .
+ * @private
+ */
+ DiagramRenderer.prototype.renderImageElement = function (element, canvas, transform, parentSvg, fromPalette) {
+ var options = this.getBaseAttributes(element, transform);
+ options.cornerRadius = 0;
+ this.renderer.drawRectangle(canvas, options, this.diagramId, undefined, undefined, parentSvg);
+ // let sx: number; let sy: number;
+ var imageWidth;
+ var imageHeight;
+ var sourceWidth;
+ var sourceHeight;
+ if (element.stretch === 'Stretch') {
+ imageWidth = element.actualSize.width;
+ imageHeight = element.actualSize.height;
+ }
+ else {
+ var contentWidth = element.contentSize.width;
+ var contentHeight = element.contentSize.height;
+ var widthRatio = options.width / contentWidth;
+ var heightRatio = options.height / contentHeight;
+ var ratio = void 0;
+ switch (element.stretch) {
+ case 'Meet':
+ ratio = Math.min(widthRatio, heightRatio);
+ imageWidth = contentWidth * ratio;
+ imageHeight = contentHeight * ratio;
+ options.x += Math.abs(options.width - imageWidth) / 2;
+ options.y += Math.abs(options.height - imageHeight) / 2;
+ break;
+ case 'Slice':
+ widthRatio = options.width / contentWidth;
+ heightRatio = options.height / contentHeight;
+ ratio = Math.max(widthRatio, heightRatio);
+ imageWidth = contentWidth * ratio;
+ imageHeight = contentHeight * ratio;
+ sourceWidth = options.width / imageWidth * contentWidth;
+ sourceHeight = options.height / imageHeight * contentHeight;
+ break;
+ case 'None':
+ imageWidth = contentWidth;
+ imageHeight = contentHeight;
+ break;
+ }
+ }
+ options.width = imageWidth;
+ options.height = imageHeight;
+ //Commented for code coverage
+ //(options as ImageAttributes).sourceX = sx;
+ //(options as ImageAttributes).sourceY = sy;
+ options.sourceWidth = sourceWidth;
+ options.sourceHeight = sourceHeight;
+ options.source = element.source;
+ options.alignment = element.imageAlign;
+ options.scale = element.imageScale;
+ options.description = element.description ? element.description : element.id;
+ this.renderer.drawImage(canvas, options, parentSvg, fromPalette);
+ };
+ /**
+ * Method used to render the container \
+ *
+ * @returns {void} Method used to render the container .\
+ *
+ * @param {Container} group - Provide the container .
+ * @param { HTMLCanvasElement | SVGElement} canvas - Provide the canvas element .
+ * @param { HTMLElement } htmlLayer - Provide the html layer element .
+ * @param { Transforms } transform - Provide the transform value .
+ * @param { SVGSVGElement } parentSvg - Provide the SVG layer element .
+ * @param { boolean } createParent - Provide the boolean value .
+ * @param { boolean } fromPalette - Provide the boolean value .
+ * @param { number } indexValue - Provide the indexValue value .
+ * @param { boolean } isPreviewNode - Provide the boolean value .
+ * @param { object } centerPoint - Provide the centerPoint value .
+ * @private
+ */
+ DiagramRenderer.prototype.renderContainer = function (group, canvas, htmlLayer, transform, parentSvg, createParent, fromPalette, indexValue, isPreviewNode, centerPoint) {
+ var svgParent = { svg: parentSvg, g: canvas };
+ var diagramElement = document.getElementById(this.diagramId);
+ var instance = 'ej2_instances';
+ var diagram;
+ if (diagramElement) {
+ diagram = diagramElement["" + instance][0];
+ }
+ if (this.diagramId) {
+ parentSvg = this.getParentSvg(group) || parentSvg;
+ if (this.isSvgMode) {
+ //const groupElement: HTMLCanvasElement | SVGElement;
+ // eslint-disable-next-line max-len
+ var groupElement = this.getParentElement(group, canvas, parentSvg, indexValue).g || canvas;
+ parentSvg = this.getParentSvg(this.hasNativeParent(group.children)) || parentSvg;
+ var svgNativeParent = this.getParentElement(this.hasNativeParent(group.children), groupElement, parentSvg, indexValue);
+ svgParent.svg = svgNativeParent.svg || parentSvg;
+ svgParent.g = svgNativeParent.g || groupElement;
+ if (createParent) {
+ if (parentSvg) {
+ if (!parentSvg.getElementById(svgParent.g.id)) {
+ canvas.appendChild(svgParent.g);
+ }
+ }
+ canvas = svgParent.g;
+ }
+ else {
+ canvas = svgParent.g;
+ }
+ }
+ }
+ this.renderRect(group, canvas, transform, parentSvg);
+ this.groupElement = group;
+ if (group.hasChildren()) {
+ var parentG = void 0;
+ var svgParent_1;
+ for (var _i = 0, _a = group.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ parentSvg = this.getParentSvg(this.hasNativeParent(group.children) || child) || parentSvg;
+ if (this.isSvgMode) {
+ svgParent_1 = this.getParentElement(this.hasNativeParent(group.children) || child, canvas, parentSvg);
+ parentG = svgParent_1.g || canvas;
+ if (svgParent_1.svg) {
+ parentSvg = svgParent_1.svg;
+ }
+ }
+ if (!this.isSvgMode) {
+ child.flip = group.flip;
+ }
+ this.renderElement(child, parentG || canvas, htmlLayer, transform, parentSvg, true, fromPalette, indexValue, isPreviewNode, centerPoint);
+ if (child instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_2__["TextElement"] && parentG && !(group.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ElementAction"].ElementIsGroup)) {
+ this.renderFlipElement(child, parentG, child.flip);
+ }
+ //EJ2-826617 - for BPMN node label
+ if (child instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_2__["TextElement"] && parentG && (group.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ElementAction"].ElementIsGroup)) {
+ this.renderFlipElement(child, parentG, child.flip);
+ }
+ if ((child.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ElementAction"].ElementIsPort) && parentG) {
+ //EJ2-826617 - for BPMN node port
+ if (parentG.id.includes("bpmn")) {
+ this.renderFlipElement(group, parentG, child.flip);
+ child.flip = 'None';
+ }
+ else {
+ this.renderFlipElement(group, parentG, child.flip);
+ }
+ }
+ //EJ2-826617 - for BPMN node child rendering
+ if (!(child instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_2__["TextElement"]) && group.flip !== 'None' &&
+ (group.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ElementAction"].ElementIsGroup) && !(child.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ElementAction"].ElementIsPort) && parentG) {
+ this.renderFlipElement(child, parentG || canvas, group.flip);
+ }
+ }
+ var selectedNode = void 0;
+ if (diagram && diagram.selectedItems && diagram.selectedItems.nodes && diagram.selectedItems.nodes.length > 0) {
+ selectedNode = diagram.selectedItems.nodes[0];
+ }
+ var innerNodeContent = void 0;
+ var innerLabelContent = void 0;
+ var isNodeSelected = false;
+ var Node_1;
+ if (diagram && diagram.selectedItems) {
+ Node_1 = diagram.getObject(group.id);
+ }
+ if (group.flip !== 'None') {
+ selectedNode = Node_1;
+ }
+ // EJ2-71981 - Flip mode "Port" is not working properly while dragging multiselected node
+ // Below code to set selected node value
+ if (group.flip == 'None') {
+ selectedNode = Node_1;
+ }
+ if (selectedNode && selectedNode.flipMode) {
+ isNodeSelected = true;
+ }
+ if (!(group.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ElementAction"].ElementIsGroup) && diagram instanceof _diagram__WEBPACK_IMPORTED_MODULE_17__["Diagram"] && diagram.nameTable[group.id] && diagram.nameTable[group.id].propName !== 'connectors') {
+ if (isNodeSelected && selectedNode) {
+ if (group.children && group.children[0] instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"]) {
+ innerNodeContent = document.getElementById(selectedNode.id + '_content_inner_native_element');
+ }
+ else {
+ innerNodeContent = document.getElementById(selectedNode.id + '_content_groupElement');
+ }
+ //Below code to check and flip the node.
+ if (!(group.children[0] instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"]) && selectedNode.shape.type !== 'Text' && selectedNode.flipMode !== 'None' && selectedNode.flipMode !== 'Label' && selectedNode.flipMode !== 'All' || (group.children[0] instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"] && selectedNode.flipMode === 'Port')) {
+ this.renderFlipElement(group, innerNodeContent, selectedNode.flip);
+ return;
+ }
+ //Below code to check and flip the node except for flip mode Port.
+ else if (group.children[0] instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"] && (selectedNode.flipMode === 'All' || selectedNode.flipMode === 'Label') || (selectedNode.flipMode === 'Label') || (selectedNode.shape.type === 'Image' && selectedNode.flipMode === 'Label')) {
+ this.renderFlipElement(group, innerNodeContent, group.flip);
+ }
+ if (group.flip !== 'None' && selectedNode.flipMode === 'None') {
+ this.renderFlipElement(group, innerNodeContent, group.flip);
+ }
+ //Below code to check and flip the text element in the node.
+ else if (group.flip !== 'None' && selectedNode.flipMode === 'Label' || (group.children[0] instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"] && group.flip !== 'None' && selectedNode && (selectedNode.flipMode === 'None' || selectedNode.flipMode === 'All'))) {
+ for (var i_1 = 0; i_1 < selectedNode.wrapper.children.length; i_1++) {
+ if (selectedNode.wrapper.children[parseInt(i_1.toString(), 10)] instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_2__["TextElement"]) {
+ innerLabelContent = document.getElementById(selectedNode.wrapper.children[parseInt(i_1.toString(), 10)].id + '_groupElement');
+ this.renderFlipElement(group, innerLabelContent, group.flip);
+ return;
+ }
+ }
+ }
+ //Below code to check and flip for flip mode all in the node.
+ else if (group.flip !== 'None' && selectedNode.flipMode === 'All') {
+ for (var i = 0; i < selectedNode.wrapper.children.length; i++) {
+ if (selectedNode.wrapper.children[parseInt(i.toString(), 10)] instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_2__["TextElement"]) {
+ innerLabelContent = document.getElementById(selectedNode.wrapper.children[parseInt(i.toString(), 10)].id + '_groupElement');
+ this.renderFlipElement(group, innerLabelContent, group.flip);
+ }
+ }
+ this.renderFlipElement(group, innerNodeContent, group.flip);
+ }
+ //Below code to check and flip the element for None in the node.
+ else {
+ this.renderFlipElement(group, innerNodeContent, group.flip);
+ }
+ }
+ }
+ //EJ2-826617 - Flip and flip mode option for BPMN node
+ if ((group.elementActions & _enum_enum__WEBPACK_IMPORTED_MODULE_9__["ElementAction"].ElementIsGroup) && diagram instanceof _diagram__WEBPACK_IMPORTED_MODULE_17__["Diagram"] && diagram.nameTable[group.id] && diagram.nameTable[group.id].propName !== 'connectors') {
+ if (isNodeSelected && selectedNode) {
+ if (group.children && group.children[0] instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"]) {
+ innerNodeContent = document.getElementById(selectedNode.id + '_content_inner_native_element');
+ }
+ else {
+ innerNodeContent = document.getElementById(selectedNode.id + '_content_groupElement');
+ }
+ //Below code to check and flip the node.
+ if (!(group.children[0] instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"]) && selectedNode.shape.type !== 'Text' && selectedNode.flipMode !== 'None' && selectedNode.flipMode !== 'Label' && selectedNode.flipMode !== 'All' || (group.children[0] instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"] && selectedNode.flipMode === 'Port')) {
+ this.renderFlipElement(group, innerNodeContent, selectedNode.flip);
+ return;
+ }
+ //Below code to check and flip the node except for flip mode Port.
+ else if (group.children[0] instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"] && (selectedNode.flipMode === 'All' || selectedNode.flipMode === 'Label') || (selectedNode.flipMode === 'Label') || (selectedNode.shape.type === 'Image' && selectedNode.flipMode === 'Label')) {
+ this.renderFlipElement(group, innerNodeContent, group.flip);
+ }
+ if (group.flip !== 'None' && selectedNode.flipMode === 'None') {
+ this.renderFlipElement(group, innerNodeContent, group.flip);
+ }
+ //Below code to check and flip the text element in the node.
+ else if (group.flip !== 'None' && selectedNode.flipMode === 'Label' || (group.children[0] instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"] && group.flip !== 'None' && selectedNode && (selectedNode.flipMode === 'None' || selectedNode.flipMode === 'All'))) {
+ for (var i_2 = 0; i_2 < selectedNode.wrapper.children.length; i_2++) {
+ if (selectedNode.wrapper.children[parseInt(i_2.toString(), 10)] instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_2__["TextElement"]) {
+ innerLabelContent = document.getElementById(selectedNode.wrapper.children[parseInt(i_2.toString(), 10)].id + '_groupElement');
+ this.renderFlipElement(group, innerLabelContent, group.flip);
+ return;
+ }
+ }
+ }
+ //Below code to check and flip for flip mode all in the node.
+ else if (group.flip !== 'None' && selectedNode.flipMode === 'All') {
+ for (var i = 0; i < selectedNode.wrapper.children.length; i++) {
+ if (selectedNode.wrapper.children[parseInt(i.toString(), 10)] instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_2__["TextElement"]) {
+ innerLabelContent = document.getElementById(selectedNode.wrapper.children[parseInt(i.toString(), 10)].id + '_groupElement');
+ this.renderFlipElement(group, innerLabelContent, group.flip);
+ }
+ }
+ this.renderFlipElement(group, innerNodeContent, group.flip);
+ }
+ //Below code to check and flip the element for None in the node.
+ else {
+ this.renderFlipElement(group, innerNodeContent, group.flip);
+ }
+ }
+ }
+ }
+ };
+ DiagramRenderer.prototype.renderFlipElement = function (element, canvas, flip) {
+ var attr = {};
+ var scaleX = 1;
+ var scaleY = 1;
+ var posX = 0;
+ var posY = 0;
+ var offsetX = 0;
+ var offsetY = 0;
+ if (flip !== 'None') {
+ if (flip === 'Horizontal' || flip === 'Both') {
+ posX = element.bounds.center.x;
+ offsetX = -element.bounds.center.x;
+ scaleX = -1;
+ }
+ if (flip === 'Vertical' || flip === 'Both') {
+ posY = element.bounds.center.y;
+ offsetY = -element.bounds.center.y;
+ scaleY = -1;
+ }
+ attr = {
+ 'transform': 'translate(' + posX + ',' + posY + ') scale(' + scaleX + ','
+ + scaleY + ') translate(' + offsetX + ',' + offsetY + ')'
+ };
+ }
+ else {
+ attr = {
+ 'transform': 'translate(' + 0 + ',' + 0 + ')'
+ };
+ }
+ if (attr) {
+ if (element && element.children &&
+ element.children.length && (element.children[0] instanceof _core_elements_html_element__WEBPACK_IMPORTED_MODULE_14__["DiagramHtmlElement"])) {
+ var id = canvas.id.split('_preview');
+ var layer = document.getElementById(id[0] + '_html_div') ||
+ (Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["getHTMLLayer"])(this.diagramId).children[0]);
+ canvas = layer.querySelector(('#' + element.id + '_content_html_element'));
+ if (canvas) {
+ canvas.style.transform =
+ 'scale(' + scaleX + ',' + scaleY + ')' + 'rotate(' + (element.rotateAngle + element.parentTransform) + 'deg)';
+ }
+ }
+ else {
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["setAttributeSvg"])(canvas, attr);
+ }
+ }
+ };
+ /**
+ * Method used to check the native parent \
+ *
+ * @returns {void} Method used to check the native parent .\
+ *
+ * @param { DiagramElement[]} children - Provide the diagram element .
+ * @param { number} count - Provide the count value .
+ * @private
+ */
+ DiagramRenderer.prototype.hasNativeParent = function (children, count) {
+ if (children && children.length > 0 && (count || 0 < 3)) {
+ var child = children[0];
+ if (child instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_13__["DiagramNativeElement"]) {
+ return child;
+ }
+ else if (child.children && child.children.length) {
+ this.hasNativeParent(child.children, count++ || 0);
+ }
+ }
+ return undefined;
+ };
+ /**
+ * Method used the draw the reactangle for the diagram \
+ *
+ * @returns {void} Method used the draw the reactangle for the diagram .\
+ *
+ * @param { SVGElement} element - Provide the SVG elements .
+ * @param { RectAttributes} canvas - Provide the Canvas element .
+ * @param { RectAttributes} transform - Provide transform value for the node .
+ * @param { RectAttributes} parentSvg -provide the parent SVG .
+ * @param { RectAttributes} isPreviewNode - Provide the preview boolean value .
+ * @private
+ */
+ DiagramRenderer.prototype.renderRect = function (element, canvas, transform, parentSvg, isPreviewNode) {
+ var options = this.getBaseAttributes(element, transform, isPreviewNode);
+ options.cornerRadius = element.cornerRadius || 0;
+ if (element.isExport) {
+ options.cornerRadius *= element.exportScaleValue.x;
+ }
+ var ariaLabel = element.description ? element.description : element.id;
+ this.renderer.drawRectangle(canvas, options, this.diagramId, element.isExport, undefined, parentSvg, ariaLabel);
+ };
+ /**
+ * Method used the draw the reactangle for the diagram \
+ *
+ * @returns {void} Method used the draw the reactangle for the diagram .\
+ *
+ * @param { SVGElement} canvas - Provide the SVG elements .
+ * @param { RectAttributes} options - Provide the attributes to draw the rectangle .
+ * @private
+ */
+ DiagramRenderer.prototype.drawRect = function (canvas, options) {
+ options.cornerRadius = 0;
+ this.svgRenderer.drawRectangle(canvas, options, this.diagramId);
+ };
+ /**
+ * Will get the base attributes for all the elements \
+ *
+ * @returns {BaseAttributes} Will get the base attributes for all the elements .\
+ *
+ * @param { DiagramElement} element - Provide the diagram elements .
+ * @param { Transforms} transform - Provide the transform value for the elements .
+ * @param { boolean} isPreviewNode - Provide the preview boolean value.
+ * @private
+ */
+ DiagramRenderer.prototype.getBaseAttributes = function (element, transform, isPreviewNode) {
+ var options = {
+ width: element.actualSize.width, height: element.actualSize.height,
+ x: element.offsetX - element.actualSize.width * element.pivot.x + 0.5,
+ y: element.offsetY - element.actualSize.height * element.pivot.y + 0.5,
+ fill: element.style.fill, stroke: element.style.strokeColor, angle: element.rotateAngle + element.parentTransform,
+ pivotX: element.pivot.x, pivotY: element.pivot.y, strokeWidth: element.style.strokeWidth,
+ dashArray: element.style.strokeDashArray || '', opacity: element.style.opacity, shadow: element.shadow,
+ gradient: element.style.gradient, visible: element.visible, id: element.id, description: element.description,
+ canApplyStyle: element.canApplyStyle, shapeType: element.shapeType
+ };
+ if (isPreviewNode) {
+ options.x = options.x - .5;
+ options.y = options.y - .5;
+ }
+ if (element.isExport) {
+ options.width *= element.exportScaleValue.x;
+ options.height *= element.exportScaleValue.y;
+ options.x *= element.exportScaleValue.x;
+ options.y *= element.exportScaleValue.y;
+ options.strokeWidth *= element.exportScaleValue.x;
+ }
+ if (element.flip) {
+ options.flip = element.flip;
+ }
+ if (transform) {
+ options.x += transform.tx;
+ options.y += transform.ty;
+ }
+ return options;
+ };
+ /**
+ * Will render the SVG background image \
+ *
+ * @returns {void} Will render the SVG background image .\
+ *
+ * @param { Transforms} background - Provide the transforms values .
+ * @param { boolean} diagramElement - Provide element for the daigram.
+ * @param { boolean} x - Provide the rendering mode of the daigram.
+ * @param { boolean} y - Provide the rendering mode of the daigram.
+ * @param { boolean} width - Provide the rendering mode of the daigram.
+ * @param { boolean} height - Provide the rendering mode of the daigram.
+ * @private
+ */
+ DiagramRenderer.renderSvgBackGroundImage = function (background, diagramElement, x, y, width, height) {
+ if (background.source) {
+ var backgroundLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["getBackgroundLayerSvg"])(diagramElement.id);
+ var target = backgroundLayer.getElementById(diagramElement.id + '_image');
+ if (!target) {
+ var bgimageLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["getBackgroundImageLayer"])(diagramElement.id);
+ target = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ target.setAttribute('id', diagramElement.id + '_image');
+ bgimageLayer.appendChild(target);
+ }
+ var imageObj = new Image();
+ imageObj.src = background.source;
+ target.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', imageObj.src.toString());
+ var scale = background.scale !== 'None' ? background.scale : '';
+ var imgAlign = background.align;
+ var aspectRatio = imgAlign.charAt(0).toLowerCase() + imgAlign.slice(1);
+ if (scale) {
+ aspectRatio += ' ' + scale.charAt(0).toLowerCase() + scale.slice(1);
+ }
+ var attr = {
+ 'id': diagramElement.id + '_image', 'x': x, 'y': y,
+ 'width': width, 'height': height,
+ 'preserveAspectRatio': aspectRatio
+ };
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["setAttributeSvg"])(target, attr);
+ }
+ };
+ /**
+ * Method used to transform the layer \
+ *
+ * @returns {boolean} Method used to transform the layer .\
+ * @param { Transforms} transform - Provide the transforms values .
+ * @param { boolean} svgMode - Provide the rendering mode of the daigram.
+ * @private
+ */
+ DiagramRenderer.prototype.transformLayers = function (transform, svgMode) {
+ var tx = transform.tx * transform.scale;
+ var ty = transform.ty * transform.scale;
+ var domTable = 'domTable';
+ if (tx !== this.transform.x || ty !== this.transform.y || (tx === 0 || ty === 0)) {
+ //diagram layer
+ if (svgMode) {
+ if (!window["" + domTable][this.diagramId + '_diagramLayer']) {
+ window["" + domTable][this.diagramId + '_diagramLayer'] =
+ this.diagramSvgLayer.getElementById(this.diagramId + '_diagramLayer');
+ }
+ var diagramLayer = window["" + domTable][this.diagramId + '_diagramLayer'];
+ diagramLayer.setAttribute('transform', 'translate('
+ + (transform.tx * transform.scale) + ',' + (transform.ty * transform.scale) + '),scale('
+ + transform.scale + ')');
+ }
+ //background
+ //gridline
+ var gridLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["getGridLayer"])(this.diagramId);
+ gridLayer.setAttribute('transform', 'translate(' + (transform.tx * transform.scale) + ','
+ + (transform.ty * transform.scale) + ')');
+ //portslayer
+ if (!window["" + domTable][this.diagramId + '_diagramPorts']) {
+ window["" + domTable][this.diagramId + '_diagramPorts'] = this.iconSvgLayer.getElementById(this.diagramId + '_diagramPorts');
+ }
+ var portsLayer = window["" + domTable][this.diagramId + '_diagramPorts'];
+ portsLayer.setAttribute('transform', 'translate('
+ + (transform.tx * transform.scale) + ',' + (transform.ty * transform.scale) + '),scale('
+ + transform.scale + ')');
+ //expandlayer
+ if (!window["" + domTable][this.diagramId + '_diagramExpander']) {
+ window["" + domTable][this.diagramId + '_diagramExpander'] =
+ this.iconSvgLayer.getElementById(this.diagramId + '_diagramExpander');
+ }
+ var expandLayer = window["" + domTable][this.diagramId + '_diagramExpander'];
+ expandLayer.setAttribute('transform', 'translate('
+ + (transform.tx * transform.scale) + ',' + (transform.ty * transform.scale) + '),scale('
+ + transform.scale + ')');
+ //nativelayer
+ if (!window["" + domTable][this.diagramId + '_nativeLayer']) {
+ window["" + domTable][this.diagramId + '_nativeLayer'] = this.nativeSvgLayer.getElementById(this.diagramId + '_nativeLayer');
+ }
+ var nativeLayer = window["" + domTable][this.diagramId + '_nativeLayer'];
+ nativeLayer.setAttribute('transform', 'translate('
+ + (transform.tx * transform.scale) + ',' + (transform.ty * transform.scale) + '),scale('
+ + transform.scale + ')');
+ //htmlLayer
+ var htmlLayer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_8__["getHTMLLayer"])(this.diagramId).children[0];
+ htmlLayer.style.transform = 'translate('
+ + (transform.tx * transform.scale) + 'px,' + (transform.ty * transform.scale) + 'px)scale('
+ + transform.scale + ')';
+ this.transform = { x: transform.tx * transform.scale, y: transform.ty * transform.scale };
+ return true;
+ }
+ return false;
+ };
+ /**
+ * Method used to update the nodes in the diagram \
+ *
+ * @returns {void} Method used to update the nodes in the diagram .\
+ * @param { HTMLCanvasElement} element - Provide the diagram element .
+ * @param { HTMLCanvasElement} diagramElementsLayer - Provide the diagram layer element .
+ * @param { HTMLCanvasElement} htmlLayer -Provide the html element .
+ * @param { HTMLCanvasElement} transform - Provide the transform value .
+ * @param { HTMLCanvasElement} insertIndex - Provide the index value.
+ * @param { object} centerPoint - Provide the center point value.
+ * @private
+ */
+ DiagramRenderer.prototype.updateNode = function (element, diagramElementsLayer, htmlLayer, transform, insertIndex, centerPoint) {
+ this.renderElement(element, diagramElementsLayer, htmlLayer, transform, this.getParentSvg(element), undefined, undefined, insertIndex, null, centerPoint);
+ };
+ return DiagramRenderer;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/svg-renderer.js":
+/*!**************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/svg-renderer.js ***!
+ \**************************************************************************************/
+/*! exports provided: SvgRenderer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SvgRenderer", function() { return SvgRenderer; });
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _utility_path_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../utility/path-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/path-util.js");
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./../rendering/canvas-renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/canvas-renderer.js");
+/* harmony import */ var _core_elements_native_element__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../core/elements/native-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/native-element.js");
+/* harmony import */ var _utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+
+
+
+
+
+
+
+
+
+
+/**
+ * SVG Renderer
+ */
+/** @private */
+var SvgRenderer = /** @__PURE__ @class */ (function () {
+ function SvgRenderer() {
+ }
+ /**
+ * Draw the shawdow for the rectangle shape in diagram \
+ *
+ * @returns {void} Draw the shawdow for the rectangle shape in diagram .\
+ *
+ * @param { SVGElement} options - Provide the base attributes .
+ * @param { RectAttributes} canvas - Provide the canvas values .
+ * @param { string} collection - Provide the collection value.
+ * @param { boolean} parentSvg - Provide the parent SVG values .
+ * @private
+ */
+ SvgRenderer.prototype.renderShadow = function (options, canvas, collection, parentSvg) {
+ if (collection === void 0) { collection = null; }
+ var pointModel = { x: 0, y: 0 };
+ var point = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].transform(pointModel, options.shadow.angle, options.shadow.distance);
+ //const tX: number = options.x + point.x; const tY: number = options.y + point.y;
+ //let pivotX: number = tX + options.width * options.pivotX;
+ //let pivotY: number = tY + options.height * options.pivotY;
+ var type;
+ var shadowElement;
+ if (parentSvg) {
+ shadowElement = parentSvg.getElementById(canvas.id + '_shadow');
+ }
+ if (!shadowElement) {
+ type = collection ? 'path' : 'rect';
+ shadowElement = document.createElementNS('http://www.w3.org/2000/svg', type);
+ canvas.appendChild(shadowElement);
+ }
+ var attr = {
+ 'id': canvas.id + '_shadow', 'fill': options.shadow.color, 'stroke': options.shadow.color,
+ 'opacity': options.shadow.opacity.toString(),
+ 'transform': 'rotate(' + options.angle + ',' + (options.x + options.width * options.pivotX) + ','
+ + (options.y + options.height * options.pivotY) + ')' +
+ 'translate(' + (options.x + point.x) + ',' + (options.y + point.y) + ')'
+ };
+ if (parentSvg) {
+ var svgContainer = parentSvg.getElementById(canvas.id);
+ if (svgContainer) {
+ svgContainer.insertBefore(shadowElement, svgContainer.firstChild);
+ }
+ }
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(shadowElement, attr);
+ if (!collection) {
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(shadowElement, { 'width': options.width, 'height': options.height });
+ }
+ else if (collection) {
+ this.renderPath(shadowElement, options, collection);
+ }
+ };
+ /**
+ * Return the dashed array values \
+ *
+ * @returns {number[]} Return the dashed array values .\
+ * @param { SVGElement} dashArray - Return the dashed array values .
+ * @private
+ */
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ SvgRenderer.prototype.parseDashArray = function (dashArray) {
+ var dashes = [];
+ return dashes;
+ };
+ /**
+ * Draw the Rectangle for the diagram \
+ *
+ * @returns {void} Draw the Rectangle for the diagram .\
+ *
+ * @param { SVGElement} svg - Provide the SVG .
+ * @param { RectAttributes} options - Provide the Rect attributes .
+ * @param { string} diagramId - Provide the diagram id .
+ * @param { boolean} onlyRect - Provide the boolean attribute for the shawdow rendering .
+ * @param { boolean} isSelector - Provide the selector possobilities .
+ * @param { SVGSVGElement} parentSvg - Provide the parent svg element .
+ * @param { Object} ariaLabel - Provide the Arial label attributes .
+ * @param { boolean} isCircularHandle - Provide the boolean attribute for the circular handle .
+ * @param { number} enableSelector - Provide the selector possobilities .
+ * @private
+ */
+ SvgRenderer.prototype.drawRectangle = function (svg, options, diagramId, onlyRect, isSelector, parentSvg, ariaLabel, isCircularHandle, enableSelector) {
+ if (options.shadow && !onlyRect) {
+ this.renderShadow(options, svg, undefined, parentSvg);
+ }
+ var id;
+ if (options.id === svg.id) {
+ id = options.id + '_container';
+ }
+ else {
+ id = options.id;
+ }
+ var rect;
+ if (parentSvg) {
+ rect = parentSvg.getElementById(id);
+ }
+ if (!rect || isSelector) {
+ rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+ svg.appendChild(rect);
+ }
+ var shadowElement;
+ if (parentSvg && !options.shadow) {
+ shadowElement = parentSvg.getElementById(options.id + '_groupElement_shadow');
+ if (shadowElement) {
+ shadowElement.parentNode.removeChild(shadowElement);
+ }
+ }
+ var attr;
+ // EJ2-65895 - Added below code to calculate the transform to render the circular handle
+ if (isCircularHandle) {
+ attr = {
+ 'id': id, 'x': options.x.toString(), 'y': options.y.toString(), 'width': options.width.toString(),
+ 'height': options.height.toString(), 'visibility': options.visible ? 'visible' : 'hidden',
+ 'transform': 'rotate(' + options.angle + ','
+ + (options.x + options.width / 2) + ',' + (options.y + options.height / 2) + ')',
+ 'rx': options.cornerRadius || 0, 'ry': options.cornerRadius || 0, 'opacity': options.opacity
+ };
+ }
+ else {
+ attr = {
+ 'id': id, 'x': options.x.toString(), 'y': options.y.toString(), 'width': options.width.toString(),
+ 'height': options.height.toString(), 'visibility': options.visible ? 'visible' : 'hidden',
+ 'transform': 'rotate(' + options.angle + ','
+ + (options.x + options.width * options.pivotX) + ',' + (options.y + options.height * options.pivotY) + ')',
+ 'rx': options.cornerRadius || 0, 'ry': options.cornerRadius || 0, 'opacity': options.opacity
+ };
+ }
+ if (ariaLabel) {
+ // BLAZ-24062: Adding 'aria-label' without role attribute it causes violation in accessibility test
+ attr['role'] = 'img';
+ attr['aria-label'] = ariaLabel;
+ }
+ var classval = options.class || '';
+ if (!enableSelector) {
+ if (classval.includes('e-diagram-resize-handle') || classval.includes('e-diagram-endpoint-handle') || classval.includes('e-diagram-bezier-control-handle')) {
+ classval += ' e-disabled';
+ }
+ }
+ if (options.class) {
+ attr['class'] = classval;
+ }
+ var poiterEvents = 'pointer-events';
+ if (!ariaLabel) {
+ attr["" + poiterEvents] = 'none';
+ }
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(rect, attr);
+ this.setSvgStyle(rect, options, diagramId);
+ };
+ /**
+ * Update the diagram selection region \
+ *
+ * @returns {void} Update the diagram selection region .\
+ *
+ * @param { SVGElement} gElement - Provide the element type.
+ * @param { RectAttributes} options - Provide the Rect attributes .
+ * @private
+ */
+ SvgRenderer.prototype.updateSelectionRegion = function (gElement, options) {
+ var rect;
+ rect = gElement.parentNode.getElementById(options.id);
+ var attr = {
+ 'id': options.id, 'x': options.x.toString(), 'y': options.y.toString(), 'width': options.width.toString(),
+ 'height': options.height.toString(), 'transform': 'rotate(' + options.angle + ','
+ + (options.x + options.width * options.pivotX) + ',' + (options.y + options.height * options.pivotY) + ')',
+ class: 'e-diagram-selected-region'
+ };
+ if (!rect) {
+ rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+ gElement.appendChild(rect);
+ }
+ this.setSvgStyle(rect, options);
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(rect, attr);
+ };
+ /**
+ * Create the g element for the diagram \
+ *
+ * @returns {SVGGElement} Create the g element for the diagram .\
+ *
+ * @param { SVGElement} elementType - Provide the element type.
+ * @param { Object} attribute - Provide the attributes for the g element.
+ * @private
+ */
+ SvgRenderer.prototype.createGElement = function (elementType, attribute) {
+ var gElement = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["createSvgElement"])(elementType, attribute);
+ return gElement;
+ };
+ /**
+ * Draw the line for the diagram\
+ *
+ * @returns {void} Draw the line for the diagram .\
+ *
+ * @param { SVGElement} gElement - Provide the g element .
+ * @param { LineAttributes} options - Provide the line element attributes .
+ * @private
+ */
+ SvgRenderer.prototype.drawLine = function (gElement, options) {
+ var line = document.createElementNS('http://www.w3.org/2000/svg', 'line');
+ this.setSvgStyle(line, options);
+ var pivotX = options.x + options.width * options.pivotX;
+ var pivotY = options.y + options.height * options.pivotY;
+ //const kk: string = '';
+ var attr = {
+ 'id': options.id,
+ 'x1': options.startPoint.x + options.x,
+ 'y1': options.startPoint.y + options.y,
+ 'x2': options.endPoint.x + options.x,
+ 'y2': options.endPoint.y + options.y,
+ 'stroke': options.stroke,
+ 'stroke-width': options.strokeWidth.toString(), 'opacity': options.opacity.toString(),
+ 'transform': 'rotate(' + options.angle + ' ' + pivotX + ' ' + pivotY + ')',
+ 'visibility': options.visible ? 'visible' : 'hidden'
+ };
+ if (options.class) {
+ attr['class'] = options.class;
+ }
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(line, attr);
+ gElement.appendChild(line);
+ };
+ /**
+ * Draw the circle for the diagram\
+ *
+ * @returns {void} Draw the circle for the diagram .\
+ *
+ * @param { SVGElement} gElement - Provide the g element .
+ * @param { CircleAttributes} options - Provide the circle element attributes .
+ * @param {string} enableSelector - Provide the selector constraints string .
+ * @param {Object} ariaLabel - Provide arial label value .
+ * @private
+ */
+ SvgRenderer.prototype.drawCircle = function (gElement, options, enableSelector, ariaLabel) {
+ var circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ this.setSvgStyle(circle, options);
+ var classval = options.class || '';
+ if (!enableSelector) {
+ classval += ' e-disabled';
+ }
+ var attr = {
+ 'id': options.id,
+ 'cx': options.centerX,
+ 'cy': options.centerY,
+ 'r': options.radius,
+ 'visibility': options.visible ? 'visible' : 'hidden',
+ 'class': classval
+ };
+ if (ariaLabel) {
+ // BLAZ-24062: Adding 'aria-label' without role attribute it causes violation in accessibility test
+ attr['role'] = 'img';
+ attr['aria-label'] = ariaLabel;
+ }
+ circle.style.display = options.visible ? 'block' : 'none';
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(circle, attr);
+ gElement.appendChild(circle);
+ };
+ /**
+ * Draw the path element for the diagram\
+ *
+ * @returns {void} Draw the path element for the diagram .\
+ *
+ * @param { SVGElement} svg - Provide the SVG element .
+ * @param { PathAttributes} options - Provide the path element attributes .
+ * @param {string} diagramId - Provide the diagram id .
+ * @param {boolean} isSelector - Provide selector boolean value .
+ * @param {SVGSVGElement} parentSvg - Provide the parent SVG element .
+ * @param {Object} ariaLabel - Provide arial label value .
+ * @param {number} scale - Provide the scale value .
+ * @private
+ */
+ SvgRenderer.prototype.drawPath = function (svg, options, diagramId, isSelector, parentSvg, ariaLabel, scale) {
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ var x = Math.floor((Math.random() * 10) + 1);
+ //const id: string = svg.id + '_shape' + x.toString();
+ var collection = [];
+ collection = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_2__["processPathData"])(options.data);
+ collection = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_2__["pathSegmentCollection"])(collection);
+ if (options.shadow) {
+ this.renderShadow(options, svg, collection, parentSvg);
+ }
+ var shadowElement;
+ if (parentSvg && !options.shadow) {
+ shadowElement = parentSvg.getElementById(options.id + '_groupElement_shadow');
+ if (shadowElement) {
+ shadowElement.parentNode.removeChild(shadowElement);
+ }
+ }
+ var path;
+ if (parentSvg) {
+ path = parentSvg.getElementById(options.id);
+ }
+ if (!path || isSelector) {
+ path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+ svg.appendChild(path);
+ }
+ this.renderPath(path, options, collection);
+ var attr = {};
+ if (scale) {
+ attr = {
+ 'id': options.id, 'transform': 'rotate(' + options.angle + ',' + (options.x + options.width * options.pivotX) + ','
+ + (options.y + options.height * options.pivotY) + ')' + 'translate(' + (options.x) + ',' + (options.y) + '),scale(' + scale + ')',
+ 'visibility': options.visible ? 'visible' : 'hidden', 'opacity': options.opacity
+ };
+ }
+ else {
+ attr = {
+ 'id': options.id, 'transform': 'rotate(' + options.angle + ',' + (options.x + options.width * options.pivotX) + ','
+ + (options.y + options.height * options.pivotY) + ')' + 'translate(' + (options.x) + ',' + (options.y) + ')',
+ 'visibility': options.visible ? 'visible' : 'hidden', 'opacity': options.opacity
+ };
+ }
+ if (ariaLabel) {
+ // BLAZ-24062: Adding 'aria-label' without role attribute it causes violation in accessibility test
+ attr['role'] = 'img';
+ attr['aria-label'] = ariaLabel;
+ }
+ if (options.class) {
+ attr['class'] = options.class;
+ }
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(path, attr);
+ this.setSvgStyle(path, options, diagramId);
+ };
+ /**
+ * Draw the path element for the diagram\
+ *
+ * @returns {void} Draw the path element for the diagram .\
+ *
+ * @param { SVGElement} svg - Provide the SVG element .
+ * @param {PathAttributes} options - Provide the path element attributes .
+ * @param {Object[]} collection - Provide the parent SVG element .
+ * @private
+ */
+ SvgRenderer.prototype.renderPath = function (svg, options, collection) {
+ var x1;
+ var y1;
+ var x2;
+ var y2;
+ var x;
+ var y;
+ var length;
+ var i;
+ var segments = collection;
+ var d = '';
+ for (x = 0, y = 0, i = 0, length = segments.length; i < length; ++i) {
+ var obj = segments[parseInt(i.toString(), 10)];
+ var segment = obj;
+ var char = segment.command;
+ if ('x1' in segment) {
+ x1 = segment.x1;
+ }
+ if ('x2' in segment) {
+ x2 = segment.x2;
+ }
+ if ('y1' in segment) {
+ y1 = segment.y1;
+ }
+ if ('y2' in segment) {
+ y2 = segment.y2;
+ }
+ if ('x' in segment) {
+ x = segment.x;
+ }
+ if ('y' in segment) {
+ y = segment.y;
+ }
+ switch (char) {
+ case 'M':
+ d = d + 'M' + x.toString() + ',' + y.toString() + ' ';
+ break;
+ case 'L':
+ d = d + 'L' + x.toString() + ',' + y.toString() + ' ';
+ break;
+ case 'C':
+ d = d + 'C' + x1.toString() + ',' + y1.toString() + ',' + x2.toString() + ',' + y2.toString() + ',';
+ d += x.toString() + ',' + y.toString() + ' ';
+ break;
+ case 'Q':
+ d = d + 'Q' + x1.toString() + ',' + y1.toString() + ',' + x.toString() + ',' + y.toString() + ' ';
+ break;
+ case 'A':
+ d = d + 'A' + segment.r1.toString() + ',' + segment.r2.toString() + ',' + segment.angle.toString() + ',';
+ d += segment.largeArc.toString() + ',' + segment.sweep + ',' + x.toString() + ',' + y.toString() + ' ';
+ break;
+ case 'Z':
+ case 'z':
+ d = d + 'Z' + ' ';
+ break;
+ }
+ }
+ svg.setAttribute('d', d);
+ };
+ SvgRenderer.prototype.setSvgFontStyle = function (text, options) {
+ text.style.fontStyle = options.italic ? 'italic' : 'normal';
+ text.style.fontWeight = options.bold ? 'bold' : 'normal';
+ text.style.fontSize = options.fontSize.toString() + 'px';
+ text.style.fontFamily = options.fontFamily;
+ };
+ /**
+ * Draw the text element for the diagram\
+ *
+ * @returns {void} Draw the text element for the diagram .\
+ *
+ * @param { SVGElement} canvas - Provide the SVG element .
+ * @param {TextAttributes} options - Provide the text element attributes .
+ * @param {SVGSVGElement} parentSvg - Provide the parent SVG element .
+ * @param {Object} ariaLabel - Provide the label properties .
+ * @param {string} diagramId - Provide the diagram id .
+ * @param {number} scaleValue - Provide the scale value .
+ * @param {Container} parentNode - Provide the parent node .
+ * @private
+ */
+ SvgRenderer.prototype.drawText = function (canvas, options, parentSvg, ariaLabel, diagramId, scaleValue, parentNode) {
+ if (options.content !== undefined) {
+ var textNode = void 0;
+ var childNodes = void 0;
+ var wrapBounds = void 0;
+ var position = void 0;
+ var child = void 0;
+ var tspanElement = void 0;
+ var offsetX = 0;
+ var offsetY = 0;
+ var i = 0;
+ var text = void 0;
+ var nodeContent = void 0;
+ if (parentSvg) {
+ text = parentSvg.getElementById(options.id + '_text');
+ }
+ if (text) {
+ if (options.doWrap) {
+ while (text.firstChild) {
+ text.removeChild(text.firstChild);
+ }
+ }
+ }
+ else {
+ options.doWrap = true;
+ text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+ if (options.whiteSpace === 'pre-wrap') {
+ text.setAttributeNS('http://www.w3.org/XML/1998/namespace', 'xml:space', 'preserve');
+ }
+ if (parentNode) {
+ nodeContent = document.getElementById(parentNode.id + '_content_groupElement');
+ }
+ if (nodeContent && parentNode && parentNode.children && parentNode.children[0] instanceof _core_elements_native_element__WEBPACK_IMPORTED_MODULE_6__["DiagramNativeElement"]) {
+ var textTag = this.createGElement('g', { id: ariaLabel + '_groupElement' });
+ nodeContent.appendChild(textTag);
+ textTag.appendChild(text);
+ }
+ else {
+ canvas.appendChild(text);
+ }
+ }
+ var pivotX = options.x + options.width * options.pivotX;
+ var pivotY = options.y + options.height * options.pivotY;
+ var childNodesHeight = 0;
+ if (options.doWrap || options.textOverflow !== 'Wrap') {
+ //(EJ2-70658)- Node annotation disappear, while giving same id for annotation in two different diagrams
+ //Added the below code for removing the extra span element that added when we double click the text annotation node
+ while (text.firstChild) {
+ text.removeChild(text.firstChild);
+ }
+ this.setSvgStyle(text, options, diagramId);
+ this.setSvgFontStyle(text, options);
+ textNode = document.createTextNode(options.content);
+ childNodes = options.childNodes;
+ wrapBounds = options.wrapBounds;
+ position = this.svgLabelAlign(options, wrapBounds, childNodes);
+ if (wrapBounds.width > options.width && options.textOverflow !== 'Wrap' && options.textWrapping === 'NoWrap') {
+ childNodes[0].text = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["overFlow"])(options.content, options);
+ }
+ for (i = 0; i < childNodes.length; i++) {
+ tspanElement = document.createElementNS('http://www.w3.org/2000/svg', 'tspan');
+ textNode = document.createTextNode(childNodes[parseInt(i.toString(), 10)].text);
+ child = childNodes[parseInt(i.toString(), 10)];
+ child.x = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setChildPosition"])(child, childNodes, i, options);
+ offsetX = position.x + child.x - wrapBounds.x;
+ offsetY = position.y + child.dy * (i) + ((options.fontSize) * 0.8);
+ if ((options.textOverflow === 'Clip' || options.textOverflow === 'Ellipsis') &&
+ (options.textWrapping === 'WrapWithOverflow' || options.textWrapping === 'Wrap') && parentNode) {
+ var size = (options.isHorizontalLane) ? parentNode.actualSize.width : parentNode.actualSize.height;
+ if (offsetY < size) {
+ if (options.textOverflow === 'Ellipsis' && childNodes[i + 1]) {
+ var temp = childNodes[i + 1];
+ var y = position.y + temp.dy * (i + 1) + ((options.fontSize) * 0.8);
+ if (y > size) {
+ child.text = child.text.slice(0, child.text.length - 3);
+ child.text = child.text.concat('...');
+ textNode.data = child.text;
+ }
+ }
+ this.setText(text, tspanElement, child, textNode, offsetX, offsetY);
+ childNodesHeight += child.dy;
+ }
+ else {
+ break;
+ }
+ }
+ else {
+ this.setText(text, tspanElement, child, textNode, offsetX, offsetY);
+ }
+ }
+ }
+ if (childNodesHeight && options.isHorizontalLane) {
+ pivotX = options.parentOffsetX + options.pivotX;
+ pivotY = options.parentOffsetY + options.pivotY;
+ options.y = options.parentOffsetY - childNodesHeight * options.pivotY + 0.5;
+ }
+ if (options.textDecoration && options.textDecoration === 'LineThrough') {
+ options.textDecoration = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["wordBreakToString"])(options.textDecoration);
+ }
+ var attr = {
+ 'id': options.id + '_text', 'fill': options.color, 'visibility': options.visible ? 'visible' : 'hidden',
+ 'text-decoration': options.textDecoration, 'transform': 'rotate(' + options.angle + ','
+ + (pivotX) + ',' + (pivotY) + ')'
+ + 'translate(' + (options.x) + ',' + (options.y) + ')', 'opacity': options.opacity
+ };
+ if (ariaLabel) {
+ // BLAZ-24062: Adding 'aria-label' without role attribute it causes violation in accessibility test
+ attr['role'] = 'img';
+ attr['aria-label'] = ariaLabel;
+ }
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(text, attr);
+ }
+ };
+ SvgRenderer.prototype.setText = function (text, tspanElement, child, textNode, offsetX, offsetY) {
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(tspanElement, { 'x': offsetX.toString(), 'y': offsetY.toString() });
+ text.setAttribute('fill', child.text);
+ tspanElement.appendChild(textNode);
+ text.appendChild(tspanElement);
+ };
+ /**
+ * Draw the image element for the diagram\
+ *
+ * @returns {void} Draw the image element for the diagram .
+ * @param { SVGElement | HTMLCanvasElement} canvas - Provide the SVG element .
+ * @param {ImageAttributes} obj - Provide the image attributes .
+ * @param {SVGSVGElement} parentSvg - Provide the parent SVG element .
+ * @param {boolean} fromPalette - Provide the pointer event value .
+ * @private
+ */
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ SvgRenderer.prototype.drawImage = function (canvas, obj, parentSvg, fromPalette) {
+ ///const id: string = obj.id + '_image';
+ var image;
+ if (parentSvg) {
+ image = parentSvg.getElementById(obj.id + 'image');
+ }
+ if (!image) {
+ image = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ canvas.appendChild(image);
+ }
+ var imageObj = new Image();
+ imageObj.src = obj.source;
+ var scale = obj.scale !== 'None' ? obj.scale : '';
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_8__["isBlazor"])() && obj.alignment === 'None' && scale === 'Stretch') {
+ scale = '';
+ }
+ var imgAlign = obj.alignment;
+ var aspectRatio = imgAlign.charAt(0).toLowerCase() + imgAlign.slice(1);
+ if (scale !== 'Stretch') {
+ aspectRatio += ' ' + scale.charAt(0).toLowerCase() + scale.slice(1);
+ }
+ var attr = {
+ 'id': obj.id + 'image', 'x': obj.x.toString(), 'y': obj.y.toString(), 'transform': 'rotate(' + obj.angle + ','
+ + (obj.x + obj.width * obj.pivotX) + ',' + (obj.y + obj.height * obj.pivotY) + ')',
+ 'width': obj.width.toString(), 'visibility': obj.visible ? 'visible' : 'hidden',
+ 'height': obj.height.toString(), 'preserveAspectRatio': aspectRatio,
+ //832073 - Opacity when set to Zero for image node is not working
+ //opacity value is already set as '1' by default
+ 'opacity': obj.opacity.toString()
+ };
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(image, attr);
+ image.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', imageObj.src.toString());
+ };
+ /**
+ * Draw the HTML element for the diagram\
+ *
+ * @returns {void} Draw the native element for the diagram.
+ * @param {DiagramHtmlElement} element - Provide the element .
+ * @param {HTMLElement} canvas - Provide the canvas element .
+ * @param {Transforms} transform - Provide the transform value .
+ * @param {boolean} value - Provide the pointer event value .
+ * @param {number} indexValue - Provide the index value .
+ * @private
+ */
+ SvgRenderer.prototype.drawHTMLContent = function (element, canvas, transform, value, indexValue) {
+ var htmlElement;
+ var parentHtmlElement;
+ if (canvas) {
+ var i = void 0;
+ var j = void 0;
+ var parentElement = void 0;
+ for (i = 0; i < canvas.childNodes.length; i++) {
+ parentElement = canvas.childNodes[parseInt(i.toString(), 10)];
+ for (j = 0; j < parentElement.childNodes.length; j++) {
+ if (parentElement.childNodes[parseInt(j.toString(), 10)].id === element.id + '_html_element') {
+ htmlElement = parentElement.childNodes[parseInt(j.toString(), 10)];
+ break;
+ }
+ }
+ }
+ }
+ if (!htmlElement) {
+ parentHtmlElement = canvas.querySelector(('#' + element.id + '_html_element')) ||
+ canvas.querySelector(('#' + element.nodeId + '_html_element'));
+ if (!parentHtmlElement) {
+ var attr_1 = {
+ 'id': element.nodeId + '_html_element',
+ 'class': 'foreign-object'
+ };
+ parentHtmlElement = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["createHtmlElement"])('div', attr_1);
+ }
+ var attr = {
+ 'id': element.id + '_html_element',
+ 'class': 'foreign-object'
+ };
+ htmlElement = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["createHtmlElement"])('div', attr);
+ var isOverviewLayer = false;
+ if (canvas.parentNode && canvas.parentNode.parentNode && canvas.parentNode.parentNode.parentNode && canvas.parentNode.parentNode.parentNode.classList.contains('e-overview')) {
+ isOverviewLayer = true;
+ }
+ if (isOverviewLayer) {
+ htmlElement.appendChild(element.template.cloneNode(true));
+ }
+ else {
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ element.isTemplate ? htmlElement.appendChild(element.template) : htmlElement.appendChild(element.template.cloneNode(true));
+ }
+ if (indexValue !== undefined && canvas.childNodes.length > indexValue) {
+ canvas.insertBefore(htmlElement, canvas.childNodes[parseInt(indexValue.toString(), 10)]);
+ }
+ parentHtmlElement.appendChild(htmlElement);
+ canvas.appendChild(parentHtmlElement);
+ }
+ var point = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_4__["cornersPointsBeforeRotation"])(element).topLeft;
+ htmlElement.setAttribute('style', 'height:' + (element.actualSize.height) + 'px; width:' + (element.actualSize.width) +
+ 'px;left:' + point.x + 'px; top:' + point.y + 'px;' +
+ 'position:absolute;transform:rotate(' + (element.rotateAngle + element.parentTransform) + 'deg);' +
+ 'pointer-events:' + (value ? 'all' : 'none')
+ + ';visibility:' + ((element.visible) ? 'visible' : 'hidden') + ';opacity:' + element.style.opacity + ';');
+ };
+ /**
+ * Draw the native element for the diagram\
+ *
+ * @returns {void} Draw the native element for the diagram.
+ * @param {DiagramNativeElement} element - Provide the node element .
+ * @param {HTMLCanvasElement} canvas - Provide the SVG element .
+ * @param {number} height - Provide the height for the shape .
+ * @param {number} width - Provide the width for the shape .
+ * @param {SVGSVGElement} parentSvg - Provide the parent svg for the shape .
+ * @private
+ */
+ SvgRenderer.prototype.drawNativeContent = function (element, canvas, height, width, parentSvg) {
+ var nativeElement;
+ var clipPath;
+ if (parentSvg) {
+ nativeElement = parentSvg.getElementById(element.id + '_native_element');
+ clipPath = parentSvg.getElementById(element.id + '_clip');
+ }
+ if (!nativeElement) {
+ nativeElement = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+ nativeElement.setAttribute('id', element.id + '_native_element');
+ nativeElement.appendChild(element.template.cloneNode(true));
+ var svgContentTag = this.createGElement('g', { id: element.id + '_inner_native_element' });
+ svgContentTag.appendChild(nativeElement);
+ canvas.appendChild(svgContentTag);
+ }
+ if (clipPath) {
+ nativeElement.removeChild(clipPath);
+ }
+ nativeElement.setAttribute('style', 'visibility:' +
+ ((element.visible) ? 'visible' : 'hidden') + ';opacity:' + element.style.opacity + ';');
+ this.setNativTransform(element, nativeElement, height, width);
+ if (element.scale === 'Slice') {
+ this.drawClipPath(element, nativeElement, height, width, parentSvg);
+ }
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(nativeElement, element.description ? { 'role': 'img', 'aria-label': element.description } : {});
+ };
+ SvgRenderer.prototype.setNativTransform = function (element, nativeElement, height, width) {
+ //let angle: number;
+ var contentWidth = element.contentSize.width !== 0 ? element.contentSize.width : 1;
+ var contentHeight = element.contentSize.height !== 0 ? element.contentSize.height : 1;
+ var x = element.templatePosition.x * width / contentWidth;
+ var y = element.templatePosition.y * height / contentHeight;
+ nativeElement.setAttribute('transform', 'rotate(' + element.parentTransform + ',' + element.offsetX + ',' + element.offsetY +
+ ') translate(' + (element.offsetX - x - width * element.pivot.x) + ',' + (element.offsetY - y - height * element.pivot.y) +
+ ') scale(' + (width / contentWidth) + ',' + (height / contentHeight) + ')');
+ };
+ /**
+ *used to crop the given native element into a rectangle of the given size .\
+ *
+ * @returns {SVGElement} used to crop the given native element into a rectangle of the given size.
+ * @param {DiagramNativeElement} node - Provide the node element .
+ * @param {SVGElement} group - Provide the SVG element .
+ * @param {number} height - Provide the height for the shape .
+ * @param {number} width - Provide the width for the shape .
+ * @param {SVGSVGElement} parentSvg - Provide the parent svg for the shape .
+ * @private
+ */
+ SvgRenderer.prototype.drawClipPath = function (node, group, height, width, parentSvg) {
+ var contentWidth = node.contentSize.width;
+ var contentHeight = node.contentSize.height;
+ //let actualWidth: number = node.actualSize.width;
+ //let actualHeight: number = node.actualSize.height;
+ var clipWidth = node.width / (width / contentWidth);
+ var clipHeight = node.height / (height / contentHeight);
+ var x = node.templatePosition.x + (node.width >= node.height ? 0 : (contentWidth - clipWidth) / 2);
+ var y = node.templatePosition.y + (node.height >= node.width ? 0 : (contentHeight - clipHeight) / 2);
+ var clipPath = parentSvg.getElementById(node.id + '_clip');
+ clipPath = document.createElementNS('http://www.w3.org/2000/svg', 'clipPath');
+ clipPath.setAttribute('id', node.id + '_clip');
+ group.appendChild(clipPath);
+ var rect = parentSvg.getElementById(node.id + '_clip_rect');
+ rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+ clipPath.appendChild(rect);
+ var attr = {
+ 'id': node.id + '_clip_rect', 'width': clipWidth.toString(), 'height': clipHeight.toString(),
+ 'x': x.toString(), 'y': y.toString()
+ };
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(rect, attr);
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["checkBrowserInfo"])()) {
+ group.setAttribute('clip-path', 'url(' + location.protocol + '//' + location.host + location.pathname +
+ '#' + node.id + '_clip)');
+ }
+ else {
+ group.setAttribute('clip-path', 'url(#' + node.id + '_clip)');
+ }
+ return group;
+ };
+ /**
+ * Draw the gradient for the diagram shapes .\
+ *
+ * @returns {SVGElement} Draw the gradient for the diagram shapes.
+ * @param {StyleAttributes} options - Provide the options for the gradient element .
+ * @param {SVGElement} svg - Provide the SVG element .
+ * @param {string} diagramId - Provide the diagram id .
+ * @private
+ */
+ SvgRenderer.prototype.renderGradient = function (options, svg, diagramId) {
+ var max;
+ var min;
+ var grd;
+ var svgContainer = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["getBackgroundLayerSvg"])(diagramId);
+ var defs = svgContainer.getElementById(diagramId + 'gradient_pattern');
+ if (!defs) {
+ defs = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["createSvgElement"])('defs', { id: diagramId + 'gradient_pattern' });
+ svgContainer.insertBefore(defs, svgContainer.firstChild);
+ }
+ var radial;
+ var linear; //let stop: StopModel; let offset: number;
+ Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["removeGradient"])(svg.id);
+ if (options.gradient.type !== 'None') {
+ for (var i = 0; i < options.gradient.stops.length; i++) {
+ max = !max ? options.gradient.stops[parseInt(i.toString(), 10)].offset : Math.max(max, options.gradient.stops[parseInt(i.toString(), 10)].offset);
+ min = !min ? options.gradient.stops[parseInt(i.toString(), 10)].offset : Math.min(min, options.gradient.stops[parseInt(i.toString(), 10)].offset);
+ }
+ if (options.gradient.type === 'Linear') {
+ linear = options.gradient;
+ linear.id = svg.id + '_linear';
+ grd = this.createLinearGradient(linear);
+ defs.appendChild(grd);
+ }
+ else {
+ radial = options.gradient;
+ radial.id = svg.id + '_radial';
+ grd = this.createRadialGradient(radial);
+ defs.appendChild(grd);
+ }
+ for (var i = 0; i < options.gradient.stops.length; i++) {
+ var stop_1 = options.gradient.stops[parseInt(i.toString(), 10)];
+ var offset = min < 0 ? (max + stop_1.offset) / (2 * max) : stop_1.offset / max;
+ var stopElement = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(stopElement, { 'offset': offset.toString(), 'style': 'stop-color:' + stop_1.color });
+ grd.appendChild(stopElement);
+ }
+ }
+ return grd;
+ };
+ /**
+ * Draw the Linear gradient for the diagram .\
+ *
+ * @returns {SVGElement} Draw the Linear gradient for the diagram.
+ * @param {LinearGradientModel} linear - Provide the objects for the gradient element .
+ * @private
+ */
+ SvgRenderer.prototype.createLinearGradient = function (linear) {
+ var lineargradient = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');
+ var attr = {
+ 'id': linear.id, 'x1': linear.x1 + '%', 'y1': linear.y1 + '%', 'x2': linear.x2 + '%', 'y2': linear.y2 + '%'
+ };
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(lineargradient, attr);
+ return lineargradient;
+ };
+ /**
+ * Draw the radial gradient for the diagram .\
+ *
+ * @returns {SVGElement} Draw the radial gradient for the diagram.
+ * @param {RadialGradientModel} radial - Provide the objects for the gradient element .
+ * @private
+ */
+ SvgRenderer.prototype.createRadialGradient = function (radial) {
+ var radialgradient = document.createElementNS('http://www.w3.org/2000/svg', 'radialGradient');
+ var attr = {
+ 'id': radial.id, 'cx': radial.cx + '%', 'cy': radial.cy + '%', 'r': radial.r + '%', 'fx': radial.fx + '%', 'fy': radial.fy + '%'
+ };
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_3__["setAttributeSvg"])(radialgradient, attr);
+ return radialgradient;
+ };
+ /**
+ * Set the SVG style for the SVG elements in the diagram.\
+ *
+ * @returns {void}
+ * @param {SVGElement} svg - Provide the canvas element .
+ * @param {StyleAttributes} style - Provide the canvas element .
+ * @param {string} diagramId - Provide the canvas element .
+ * @private
+ */
+ SvgRenderer.prototype.setSvgStyle = function (svg, style, diagramId) {
+ if (style.canApplyStyle || style.canApplyStyle === undefined) {
+ if (style.fill === 'none') {
+ style.fill = 'transparent';
+ }
+ if (style.stroke === 'none') {
+ style.stroke = 'transparent';
+ }
+ var dashArray = [];
+ var fill = void 0;
+ if (style.dashArray) {
+ var canvasRenderer = new _rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_5__["CanvasRenderer"]();
+ dashArray = canvasRenderer.parseDashArray(style.dashArray);
+ }
+ if (style.gradient && style.gradient.type !== 'None' && diagramId) {
+ var grd = this.renderGradient(style, svg, diagramId);
+ if (Object(_utility_diagram_util__WEBPACK_IMPORTED_MODULE_7__["checkBrowserInfo"])()) {
+ fill = 'url(' + location.protocol + '//' + location.host + location.pathname + '#' + grd.id + ')';
+ }
+ else {
+ fill = 'url(#' + grd.id + ')';
+ }
+ }
+ else {
+ fill = style.fill;
+ }
+ if (style.stroke) {
+ svg.setAttribute('stroke', style.stroke);
+ }
+ if (style.strokeWidth !== undefined && style.strokeWidth !== null) {
+ svg.setAttribute('stroke-width', style.strokeWidth.toString());
+ }
+ if (dashArray) {
+ svg.setAttribute('stroke-dasharray', dashArray.toString() || 'none');
+ }
+ if (fill) {
+ svg.setAttribute('fill', fill);
+ }
+ }
+ };
+ //end region
+ // text utility
+ /**
+ * Draw the SVG label.\
+ *
+ * @returns {PointModel} Draw the SVG label .
+ * @param {TextAttributes} text - Provide the canvas element .
+ * @param {Object} wrapBound - Provide the canvas element .
+ * @param {SubTextElement []} childNodes - Provide the canvas element .
+ * @private
+ */
+ SvgRenderer.prototype.svgLabelAlign = function (text, wrapBound, childNodes) {
+ var bounds = new _primitives_size__WEBPACK_IMPORTED_MODULE_1__["Size"](wrapBound.width, childNodes.length * (text.fontSize * 1.2));
+ var pos = { x: 0, y: 0 };
+ var x = 0;
+ var y = 1.2;
+ var offsetX = text.width * 0.5;
+ var offsety = text.height * 0.5;
+ var pointX = offsetX;
+ var pointY = offsety;
+ if (text.textAlign === 'left') {
+ pointX = 0;
+ }
+ else if (text.textAlign === 'center') {
+ if (wrapBound.width > text.width && (text.textOverflow === 'Ellipsis' || text.textOverflow === 'Clip')) {
+ if (text.textWrapping === 'NoWrap') {
+ pointX = 0;
+ }
+ else {
+ pointX = text.width * 0.5;
+ }
+ }
+ else {
+ pointX = text.width * 0.5;
+ }
+ }
+ else if (text.textAlign === 'right') {
+ pointX = (text.width * 1);
+ }
+ pos.x = x + pointX + (wrapBound ? wrapBound.x : 0);
+ pos.y = y + pointY - bounds.height / 2;
+ return pos;
+ };
+ return SvgRenderer;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/ruler/ruler.js":
+/*!***************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/ruler/ruler.js ***!
+ \***************************************************************************/
+/*! exports provided: renderOverlapElement, renderRuler, updateRuler, removeRulerElements, getRulerSize, getRulerGeometry, removeRulerMarkers, drawRulerMarkers */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "renderOverlapElement", function() { return renderOverlapElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "renderRuler", function() { return renderRuler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateRuler", function() { return updateRuler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeRulerElements", function() { return removeRulerElements; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRulerSize", function() { return getRulerSize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRulerGeometry", function() { return getRulerGeometry; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeRulerMarkers", function() { return removeRulerMarkers; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "drawRulerMarkers", function() { return drawRulerMarkers; });
+/* harmony import */ var _utility_dom_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _ruler_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ruler/index */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/ruler/index.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+
+
+
+
+/**
+ * defines the helper methods for the ruler
+ */
+/**
+ * renderOverlapElement method \
+ *
+ * @returns {void} renderOverlapElement method .\
+ * @param { Diagram} diagram - provide the content value.
+ * @private
+ */
+function renderOverlapElement(diagram) {
+ var rulerSize = getRulerSize(diagram);
+ var attributes = {
+ 'id': diagram.element.id + '_overlapRuler',
+ style: 'height:' + rulerSize.height + 'px;width:' + rulerSize.width + 'px;position:absolute;left:0;top:0',
+ class: 'e-ruler-overlap'
+ };
+ var overlap = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_0__["createHtmlElement"])('div', attributes);
+ diagram.element.insertBefore(overlap, diagram.element.firstChild);
+}
+/**
+ * renderRuler method \
+ *
+ * @returns {void} renderRuler method .\
+ * @param { Diagram} diagram - provide the content value.
+ * @param { boolean} isHorizontal - provide the content value.
+ * @private
+ */
+function renderRuler(diagram, isHorizontal) {
+ var div = document.getElementById(diagram.element.id + (isHorizontal ? '_hRuler' : '_vRuler'));
+ var rulerSize = getRulerSize(diagram);
+ var rulerGeometry = getRulerGeometry(diagram);
+ var margin = isHorizontal ? ('margin-left:' + rulerSize.width + 'px;') : ('margin-top:' + rulerSize.height + 'px;');
+ if (!div) {
+ var style = 'height:' + (isHorizontal ? rulerSize.height : (rulerGeometry.height + 100)) + 'px;overflow:hidden;width:' +
+ (isHorizontal ? (rulerGeometry.width + 100) : rulerSize.width) + 'px;position:absolute;font-size:11px;' + margin;
+ var attributes = {
+ 'id': diagram.element.id + (isHorizontal ? '_hRuler' : '_vRuler'),
+ style: style
+ };
+ div = Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_0__["createHtmlElement"])('div', attributes);
+ }
+ diagram.element.insertBefore(div, diagram.element.firstChild);
+ var diagramRuler = isHorizontal ? diagram.rulerSettings.horizontalRuler : diagram.rulerSettings.verticalRuler;
+ var ruler = new _ruler_index__WEBPACK_IMPORTED_MODULE_1__["Ruler"](diagramRuler);
+ ruler.orientation = isHorizontal ? 'Horizontal' : 'Vertical';
+ ruler.length = (isHorizontal ? rulerGeometry.width : rulerGeometry.height) + diagramRuler.segmentWidth;
+ ruler.appendTo('#' + diagram.element.id + (isHorizontal ? '_hRuler' : '_vRuler'));
+ // eslint-disable-next-line
+ isHorizontal ? diagram.hRuler = ruler : diagram.vRuler = ruler;
+ var rulerObj = document.getElementById(diagram.element.id + (isHorizontal ? '_hRuler' : '_vRuler'));
+ // eslint-disable-next-line
+ isHorizontal ? diagram.hRuler.element = rulerObj : diagram.vRuler.element = rulerObj;
+}
+/**
+ * updateRuler method \
+ *
+ * @returns {void} updateRuler method .\
+ * @param { Diagram} diagram - provide the diagram value.
+ * @private
+ */
+function updateRuler(diagram) {
+ var hOffset = -diagram.scroller.horizontalOffset;
+ var vOffset = -diagram.scroller.verticalOffset;
+ if (diagram && diagram.rulerSettings.showRulers) {
+ diagram.hRuler.length = 0;
+ diagram.vRuler.length = 0;
+ if (hOffset !== undefined && diagram.hRuler.element) {
+ updateRulerDimension(diagram, diagram.hRuler, hOffset, true);
+ }
+ if (vOffset !== undefined && diagram.vRuler.element) {
+ updateRulerDimension(diagram, diagram.vRuler, vOffset, false);
+ }
+ }
+ else {
+ removeRulerElements(diagram);
+ }
+}
+/**
+ * removeRulerElements method \
+ *
+ * @returns {void} removeRulerElements method .\
+ * @param { Diagram} diagram - provide the diagram value.
+ * @private
+ */
+function removeRulerElements(diagram) {
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_0__["removeElement"])(diagram.element.id + '_hRuler');
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_0__["removeElement"])(diagram.element.id + '_vRuler');
+ Object(_utility_dom_util__WEBPACK_IMPORTED_MODULE_0__["removeElement"])(diagram.element.id + '_overlapRuler');
+}
+/**
+ * getRulerSize method \
+ *
+ * @returns {void} getRulerSize method .\
+ * @param { Diagram} diagram - provide the diagram value.
+ * @private
+ */
+function getRulerSize(diagram) {
+ var top = 0;
+ var left = 0;
+ if (diagram.rulerSettings.showRulers) {
+ top = diagram.rulerSettings.horizontalRuler.thickness;
+ left = diagram.rulerSettings.verticalRuler.thickness;
+ }
+ return new _primitives_size__WEBPACK_IMPORTED_MODULE_2__["Size"](left, top);
+}
+/**
+ * getRulerGeometry method \
+ *
+ * @returns {void} getRulerGeometry method .\
+ * @param { Diagram} diagram - provide the diagram value.
+ * @private
+ */
+function getRulerGeometry(diagram) {
+ var rulerSize = getRulerSize(diagram);
+ var height = diagram.scroller.viewPortHeight;
+ var width = diagram.scroller.viewPortWidth;
+ if (width < diagram.element.clientWidth - rulerSize.width) {
+ width = diagram.element.clientWidth - rulerSize.width;
+ }
+ if (height < diagram.element.clientHeight - rulerSize.height) {
+ height = diagram.element.clientHeight - rulerSize.height;
+ }
+ if (diagram.hRuler && diagram.hRuler.length) {
+ width = diagram.hRuler.length;
+ }
+ if (diagram.vRuler && diagram.vRuler.length) {
+ height = diagram.vRuler.length;
+ }
+ return new _primitives_size__WEBPACK_IMPORTED_MODULE_2__["Size"](width, height);
+}
+/**
+ * removeRulerMarkers method \
+ *
+ * @returns {void} removeRulerMarkers method .\
+ * @private
+ */
+function removeRulerMarkers() {
+ var markers = document.getElementsByClassName('e-d-ruler-marker');
+ var marker;
+ var i;
+ if (markers && markers.length > 0) {
+ for (i = markers.length - 1; i >= 0; i--) {
+ marker = markers[parseInt(i.toString(), 10)];
+ if (marker) {
+ marker.parentNode.removeChild(marker);
+ }
+ }
+ }
+}
+/**
+ * drawRulerMarkers method \
+ *
+ * @returns {void} drawRulerMarkers method .\
+ * @param { Diagram} diagram - provide the content value.
+ * @param { PointModel} currentPoint - provide the content value.
+ * @private
+ */
+function drawRulerMarkers(diagram, currentPoint) {
+ if (diagram.rulerSettings.showRulers) {
+ diagram.hRuler.drawRulerMarker(diagram.hRuler.element, currentPoint, diagram.scroller.horizontalOffset);
+ diagram.vRuler.drawRulerMarker(diagram.vRuler.element, currentPoint, diagram.scroller.verticalOffset);
+ }
+}
+/**
+ * updateRulerDimension method \
+ *
+ * @returns {void} updateRulerDimension method .\
+ * @param { Diagram} diagram - provide the content value.
+ * @param { Ruler} ruler - provide the content value.
+ * @param { number} offset - provide the content value.
+ * @param { boolean} isHorizontal - provide the content value.
+ * @private
+ */
+function updateRulerDimension(diagram, ruler, offset, isHorizontal) {
+ var rulerSize = getRulerSize(diagram);
+ var rulerGeometry = getRulerGeometry(diagram);
+ var diagramRuler = isHorizontal ? diagram.rulerSettings.horizontalRuler : diagram.rulerSettings.verticalRuler;
+ updateRulerDiv(diagram, rulerGeometry, isHorizontal);
+ updateRulerSpace(diagram, rulerGeometry, isHorizontal);
+ ruler.offset = offset;
+ ruler.scale = diagram.scroller.currentZoom;
+ ruler.length = (isHorizontal ? rulerGeometry.width : rulerGeometry.height) + 100;
+ ruler.arrangeTick = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["getFunction"])(diagramRuler.arrangeTick);
+ ruler.dataBind();
+ var rulerObj = isHorizontal ? diagram.hRuler.element : diagram.vRuler.element;
+ if (isHorizontal) {
+ rulerObj.style.marginLeft = (rulerSize.width - ruler.hRulerOffset) + 'px';
+ }
+ else {
+ rulerObj.style.marginTop = (rulerSize.height - ruler.vRulerOffset) + 'px';
+ }
+}
+/**
+ * updateRulerSpace method \
+ *
+ * @returns {void} updateRulerSpace method .\
+ * @param { Diagram} diagram - provide the content value.
+ * @param { Size} rulerGeometry - provide the content value.
+ * @param { boolean} isHorizontal - provide the content value.
+ * @private
+ */
+function updateRulerSpace(diagram, rulerGeometry, isHorizontal) {
+ var div = document.getElementById(diagram.element.id + (isHorizontal ? '_hRuler_ruler_space' : '_vRuler_ruler_space'));
+ var ruler = isHorizontal ? diagram.hRuler : diagram.vRuler;
+ if (div && diagram && rulerGeometry) {
+ div.style.width = (isHorizontal ? (rulerGeometry.width + (ruler.segmentWidth * 2)) : ruler.thickness) + 'px';
+ div.style.height = (isHorizontal ? ruler.thickness : (rulerGeometry.height + (ruler.segmentWidth * 2))) + 'px';
+ }
+}
+/**
+ * updateRulerDiv method \
+ *
+ * @returns {void} updateRulerDiv method .\
+ * @param { Diagram} diagram - provide the content value.
+ * @param { Size} rulerGeometry - provide the content value.
+ * @param { boolean} isHorizontal - provide the content value.
+ * @private
+ */
+function updateRulerDiv(diagram, rulerGeometry, isHorizontal) {
+ var div = document.getElementById(diagram.element.id + (isHorizontal ? '_hRuler' : '_vRuler'));
+ var ruler = isHorizontal ? diagram.hRuler : diagram.vRuler;
+ if (div && diagram && rulerGeometry) {
+ div.style.width = (isHorizontal ? (rulerGeometry.width + ruler.segmentWidth) : ruler.thickness) + 'px';
+ div.style.height = (isHorizontal ? ruler.thickness : (rulerGeometry.height + ruler.segmentWidth)) + 'px';
+ // eslint-disable-next-line
+ div = document.getElementById(diagram.element.id + '_overlapRuler');
+ if (div) {
+ // eslint-disable-next-line
+ isHorizontal ? (div.style.height = ruler.thickness + 'px') : (div.style.width = ruler.thickness + 'px');
+ }
+ }
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js":
+/*!*********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js ***!
+ \*********************************************************************************/
+/*! exports provided: randomId, getIndex, templateCompiler, cornersPointsBeforeRotation, getBounds, cloneObject, getInternalProperties, cloneArray, extendObject, extendArray, textAlignToString, wordBreakToString, bBoxText, middleElement, overFlow, whiteSpaceToString, rotateSize, rotatePoint, getOffset, getFunction */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "randomId", function() { return randomId; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getIndex", function() { return getIndex; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "templateCompiler", function() { return templateCompiler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "cornersPointsBeforeRotation", function() { return cornersPointsBeforeRotation; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBounds", function() { return getBounds; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "cloneObject", function() { return cloneObject; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getInternalProperties", function() { return getInternalProperties; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "cloneArray", function() { return cloneArray; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "extendObject", function() { return extendObject; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "extendArray", function() { return extendArray; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "textAlignToString", function() { return textAlignToString; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "wordBreakToString", function() { return wordBreakToString; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "bBoxText", function() { return bBoxText; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "middleElement", function() { return middleElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "overFlow", function() { return overFlow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "whiteSpaceToString", function() { return whiteSpaceToString; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "rotateSize", function() { return rotateSize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "rotatePoint", function() { return rotatePoint; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOffset", function() { return getOffset; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFunction", function() { return getFunction; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _primitives_matrix__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../primitives/matrix */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/matrix.js");
+/* harmony import */ var _dom_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _objects_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../objects/icon */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/icon.js");
+/* harmony import */ var _core_appearance__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../core/appearance */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/appearance.js");
+/* harmony import */ var _objects_port__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../objects/port */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/port.js");
+/* harmony import */ var _objects_annotation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../objects/annotation */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/annotation.js");
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Implements the basic functionalities
+ */
+/**
+ * Used to generate the random id \
+ *
+ * @returns { boolean } Used to generate the random id .\
+ *
+ * @private
+ */
+function randomId() {
+ var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz';
+ var id = '';
+ var num;
+ for (var i = 0; i < 5; i++) {
+ if ('crypto' in window && 'getRandomValues' in crypto) {
+ var count = new Uint16Array(1);
+ // tslint:disable-next-line:no-any
+ var intCrypto = window.msCrypto || window.crypto;
+ num = intCrypto.getRandomValues(count)[0] % (chars.length - 1);
+ }
+ else {
+ num = Math.floor(Math.random() * chars.length);
+ }
+ if (i === 0 && num < 10) {
+ i--;
+ continue;
+ }
+ id += chars.substring(num, num + 1);
+ }
+ return id;
+}
+/**
+ * Used to get the index value \
+ *
+ * @returns { boolean } Used to get the index value .\
+ * @param {Diagram} comp - provide the Diagram value.
+ * @param {string} id - provide the id value.
+ *
+ * @private
+ */
+function getIndex(comp, id) {
+ if (comp.nodes && comp.nodes.length > 0) {
+ for (var i = 0; i < comp.nodes.length; i++) {
+ if (comp.nodes[parseInt(i.toString(), 10)].id === id) {
+ return i;
+ }
+ }
+ }
+ if (comp.connectors && comp.connectors.length > 0) {
+ for (var i = 0; i < comp.connectors.length; i++) {
+ if (comp.connectors[parseInt(i.toString(), 10)].id === id) {
+ return i;
+ }
+ }
+ }
+ return null;
+}
+/**
+ * templateCompiler method\
+ *
+ * @returns { Function } templateCompiler method .\
+ * @param {string} template - provide the template value.
+ *
+ * @private
+ */
+function templateCompiler(template) {
+ if (template) {
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ var e = void 0;
+ try {
+ if (typeof template !== 'function' && document.querySelectorAll(template).length) {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(document.querySelector(template).innerHTML.trim());
+ }
+ else {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(template);
+ }
+ }
+ catch (e) {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(template);
+ }
+ }
+ return undefined;
+}
+/**
+ * cornersPointsBeforeRotation method\
+ *
+ * @returns { Rect } templateCompiler method .\
+ * @param {DiagramElement} ele - provide the template value.
+ *
+ * @private
+ */
+function cornersPointsBeforeRotation(ele) {
+ var bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"]();
+ var top = ele.offsetY - ele.actualSize.height * ele.pivot.y;
+ var bottom = ele.offsetY + ele.actualSize.height * (1 - ele.pivot.y);
+ var left = ele.offsetX - ele.actualSize.width * ele.pivot.x;
+ var right = ele.offsetX + ele.actualSize.width * (1 - ele.pivot.x);
+ var topLeft = { x: left, y: top };
+ //const topCenter: PointModel = { x: (left + right) / 2, y: top };
+ var topRight = { x: right, y: top };
+ //const middleLeft: PointModel = { x: left, y: (top + bottom) / 2 };
+ //const middleRight: PointModel = { x: right, y: (top + bottom) / 2 };
+ var bottomLeft = { x: left, y: bottom };
+ //const bottomCenter: PointModel = { x: (left + right) / 2, y: bottom };
+ var bottomRight = { x: right, y: bottom };
+ bounds = _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"].toBounds([topLeft, topRight, bottomLeft, bottomRight]);
+ return bounds;
+}
+/**
+ * getBounds method\
+ *
+ * @returns { Rect } getBounds method .\
+ * @param {DiagramElement} element - provide the template value.
+ *
+ * @private
+ */
+function getBounds(element) {
+ var bounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"]();
+ //let corners: Rect;
+ var corners = cornersPointsBeforeRotation(element);
+ var middleLeft = corners.middleLeft;
+ var topCenter = corners.topCenter;
+ var bottomCenter = corners.bottomCenter;
+ var middleRight = corners.middleRight;
+ var topLeft = corners.topLeft;
+ var topRight = corners.topRight;
+ var bottomLeft = corners.bottomLeft;
+ var bottomRight = corners.bottomRight;
+ element.corners = {
+ topLeft: topLeft, topCenter: topCenter, topRight: topRight, middleLeft: middleLeft,
+ middleRight: middleRight, bottomLeft: bottomLeft, bottomCenter: bottomCenter, bottomRight: bottomRight
+ };
+ if (element.rotateAngle !== 0 || element.parentTransform !== 0) {
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["rotateMatrix"])(matrix, element.rotateAngle + element.parentTransform, element.offsetX, element.offsetY);
+ element.corners.topLeft = topLeft = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, topLeft);
+ element.corners.topCenter = topCenter = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, topCenter);
+ element.corners.topRight = topRight = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, topRight);
+ element.corners.middleLeft = middleLeft = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, middleLeft);
+ element.corners.middleRight = middleRight = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, middleRight);
+ element.corners.bottomLeft = bottomLeft = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, bottomLeft);
+ element.corners.bottomCenter = bottomCenter = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, bottomCenter);
+ element.corners.bottomRight = bottomRight = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, bottomRight);
+ //Set corners based on rotate angle
+ }
+ bounds = _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"].toBounds([topLeft, topRight, bottomLeft, bottomRight]);
+ element.corners.left = bounds.left;
+ element.corners.right = bounds.right;
+ element.corners.top = bounds.top;
+ element.corners.bottom = bounds.bottom;
+ element.corners.center = bounds.center;
+ element.corners.width = bounds.width;
+ element.corners.height = bounds.height;
+ return bounds;
+}
+/**
+ * updateCloneProp method\
+ *
+ * @returns { Rect } updateCloneProp method .\
+ * @param {DiagramElement} properties - provide the template value.
+ * @param {DiagramElement} obj - provide the template value.
+ *
+ * @private
+ */
+function updateCloneProp(properties, obj) {
+ var prop = [];
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Node"]) {
+ prop = ['width', 'height', 'offsetX', 'offsetY', 'container', 'visible', 'horizontalAlignment', 'verticalAlignment',
+ 'backgroundColor', 'borderColor', 'borderWidth', 'rotateAngle', 'minHeight', 'minWidth', 'maxHeight',
+ 'maxWidth', 'pivot', 'margin', 'flip', 'wrapper', 'constraints', 'style', 'annotations', 'ports', 'isExpanded', 'expandIcon'];
+ }
+ else if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_10__["Connector"]) {
+ prop = ['constraints', 'sourcePadding', 'targetPadding', 'cornerRadius', 'flip', 'type', 'targetDecorator', 'sourceDecorator',
+ 'sourceID', 'shape', 'bridgeSpace', 'annotations', 'segments', 'hitPadding', 'tooltip', 'previewSize', 'dragSize', 'style',
+ 'sourcePortID', 'targetID', 'targetPortID', 'visible'];
+ }
+ else if (obj instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_10__["Decorator"]) {
+ prop = ['height', 'width', 'shape', 'style', 'pivot', 'pathData'];
+ }
+ else if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Shape"] || obj instanceof _objects_icon__WEBPACK_IMPORTED_MODULE_6__["IconShape"]) {
+ prop.push('shape');
+ if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["BasicShape"]) {
+ prop.push('cornerRadius');
+ }
+ else if (obj instanceof Text) {
+ prop.push('margin');
+ }
+ else if (obj instanceof Image) {
+ prop.push('align');
+ prop.push('scale');
+ }
+ else if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["Native"]) {
+ prop.push('scale');
+ }
+ else if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["BpmnShape"]) {
+ prop.push('activity');
+ prop.push('annotations');
+ }
+ else if (obj instanceof _objects_icon__WEBPACK_IMPORTED_MODULE_6__["IconShape"]) {
+ prop.push('borderColor');
+ prop.push('borderWidth');
+ prop.push('cornerRadius');
+ prop.push('fill');
+ }
+ }
+ else if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["BpmnActivity"]) {
+ prop.push('subProcess');
+ }
+ else if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["BpmnTask"]) {
+ prop.push('call');
+ prop.push('compensation');
+ prop.push('loop');
+ }
+ else if (obj instanceof _objects_node__WEBPACK_IMPORTED_MODULE_5__["BpmnSubProcess"]) {
+ prop.push('adhoc');
+ prop.push('boundary');
+ prop.push('compensation');
+ prop.push('loop');
+ prop.push('processes');
+ }
+ else if (obj instanceof _objects_port__WEBPACK_IMPORTED_MODULE_8__["Port"]) {
+ prop.push('height');
+ prop.push('width');
+ prop.push('visibility');
+ prop.push('horizontalAlignment');
+ prop.push('verticalAlignment');
+ prop.push('shape');
+ }
+ else if (obj instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_9__["Annotation"]) {
+ prop.push('constraints');
+ prop.push('height');
+ prop.push('horizontalAlignment');
+ prop.push('rotateAngle');
+ prop.push('template');
+ prop.push('verticalAlignment');
+ prop.push('visibility');
+ prop.push('width');
+ prop.push('margin');
+ }
+ else if (obj instanceof _core_appearance__WEBPACK_IMPORTED_MODULE_7__["Margin"]) {
+ prop.push('left');
+ prop.push('right');
+ prop.push('top');
+ prop.push('bottom');
+ }
+ else if (obj instanceof _core_appearance__WEBPACK_IMPORTED_MODULE_7__["TextStyle"]) {
+ prop = ['strokeWidth', 'strokeDashArray', 'opacity', 'gradient', 'fontSize', 'fontFamily', 'textOverflow',
+ 'textDecoration', 'whiteSpace', 'textWrapping', 'textAlign', 'italic', 'bold'];
+ }
+ if (obj instanceof _core_appearance__WEBPACK_IMPORTED_MODULE_7__["ShapeStyle"]) {
+ prop.push('strokeColor');
+ prop.push('color');
+ }
+ properties = properties.concat(prop);
+ return properties;
+}
+/**
+ * cloneObject method\
+ *
+ * @returns { Rect } cloneObject method .\
+ * @param {DiagramElement} obj - provide the obj value.
+ * @param {DiagramElement} additionalProp - provide the additionalProp value.
+ * @param {DiagramElement} key - provide the key value.
+ * @param {DiagramElement} cloneBlazorProp - provide the cloneBlazorProp value.
+ *
+ * @private
+ */
+function cloneObject(obj, additionalProp, key, cloneBlazorProp) {
+ var newObject = {};
+ var keys = 'properties';
+ var prop = 'propName';
+ if (obj) {
+ key = obj["" + prop];
+ var sourceObject = obj["" + keys] || obj;
+ var properties = [];
+ properties = properties.concat(Object.keys(sourceObject));
+ var customProperties = [];
+ properties.push('version');
+ if (key) {
+ var propAdditional = getFunction(additionalProp);
+ if (propAdditional) {
+ customProperties = propAdditional(key);
+ }
+ else {
+ customProperties = [];
+ }
+ properties = properties.concat(customProperties);
+ }
+ var internalProp = getInternalProperties(key);
+ properties = properties.concat(internalProp);
+ if (cloneBlazorProp) {
+ properties = updateCloneProp(properties, obj);
+ }
+ for (var _i = 0, properties_1 = properties; _i < properties_1.length; _i++) {
+ var property = properties_1[_i];
+ if (property !== 'historyManager') {
+ if (property !== 'wrapper') {
+ //const constructorId: string = 'constructor';
+ //const name: string = 'name';
+ // eslint-disable-next-line no-prototype-builtins
+ var isEventEmmitter = obj["" + property] && obj.hasOwnProperty('observers') ? true : false;
+ if (!isEventEmmitter) {
+ if (obj["" + property] instanceof Array) {
+ newObject["" + property] = cloneArray((internalProp.indexOf(property) === -1 && obj["" + keys]) ? obj["" + keys]["" + property] : obj["" + property], additionalProp, property, cloneBlazorProp);
+ }
+ else if (obj["" + property] instanceof Array === false && obj["" + property] instanceof HTMLElement) {
+ newObject["" + property] = obj["" + property].cloneNode(true).innerHtml;
+ }
+ else if (obj["" + property] instanceof Array === false && obj["" + property] instanceof Object) {
+ newObject["" + property] = cloneObject((internalProp.indexOf(property) === -1 && obj["" + keys]) ? obj["" + keys]["" + property] : obj["" + property], undefined, undefined, cloneBlazorProp);
+ }
+ else {
+ newObject["" + property] = obj["" + property];
+ }
+ }
+ }
+ else {
+ if (obj["" + property]) {
+ newObject["" + property] = {
+ actualSize: {
+ width: obj["" + property].actualSize.width, height: obj["" + property].actualSize.height
+ }, offsetX: obj["" + property].offsetX, offsetY: obj["" + property].offsetY
+ };
+ }
+ }
+ }
+ }
+ }
+ return newObject;
+}
+/**
+ * getInternalProperties method\
+ *
+ * @returns { string[] } getInternalProperties method .\
+ * @param {string} propName - provide the propName value.
+ *
+ * @private
+ */
+function getInternalProperties(propName) {
+ switch (propName) {
+ case 'nodes':
+ case 'children':
+ return ['inEdges', 'outEdges', 'parentId', 'processId', 'nodeId', 'umlIndex', 'isPhase', 'isLane'];
+ case 'connectors':
+ return ['parentId'];
+ case 'annotation':
+ return ['nodeId'];
+ case 'annotations':
+ return ['nodeId'];
+ case 'shape':
+ return ['hasHeader'];
+ case 'layers':
+ return ['objectZIndex'];
+ }
+ return [];
+}
+/**
+ * cloneArray method\
+ *
+ * @returns { Object[] } getInternalProperties method .\
+ * @param {string} sourceArray - provide the sourceArray value.
+ * @param {string} additionalProp - provide the additionalProp value.
+ * @param {string} key - provide the key value.
+ * @param {string} cloneBlazorProp - provide the cloneBlazorProp value.
+ *
+ * @private
+ */
+function cloneArray(sourceArray, additionalProp, key, cloneBlazorProp) {
+ var clonedArray;
+ if (sourceArray) {
+ clonedArray = [];
+ for (var i = 0; i < sourceArray.length; i++) {
+ if (sourceArray[parseInt(i.toString(), 10)] instanceof Array) {
+ clonedArray.push(sourceArray[parseInt(i.toString(), 10)]);
+ }
+ else if (sourceArray[parseInt(i.toString(), 10)] instanceof Object) {
+ clonedArray.push(cloneObject(sourceArray[parseInt(i.toString(), 10)], additionalProp, key, cloneBlazorProp));
+ }
+ else {
+ clonedArray.push(sourceArray[parseInt(i.toString(), 10)]);
+ }
+ }
+ }
+ return clonedArray;
+}
+/**
+ * extendObject method\
+ *
+ * @returns { Object} getInternalProperties method .\
+ * @param {string} options - provide the options value.
+ * @param {string} childObject - provide the childObject value.
+ *
+ * @private
+ */
+function extendObject(options, childObject) {
+ var properties = 'properties';
+ if (options) {
+ if (!childObject) {
+ childObject = { properties: {} };
+ }
+ //const target: Object = childObject;
+ for (var _i = 0, _a = Object.keys(options); _i < _a.length; _i++) {
+ var property = _a[_i];
+ if (options["" + property] instanceof Array) {
+ var extendeArray = extendArray(options["" + property], childObject["" + properties]["" + property]);
+ if (!childObject["" + properties]["" + property] || !childObject["" + properties]["" + property].length) {
+ childObject["" + property] = extendeArray;
+ }
+ }
+ else if (options["" + property] instanceof Array === false && options["" + property] instanceof HTMLElement) {
+ childObject["" + property] = options["" + property].cloneNode(true).innerHtml;
+ }
+ else if (options["" + property] instanceof Array === false && options["" + property] instanceof Object) {
+ var extendedObject = extendObject(options["" + property], childObject["" + properties]["" + property]);
+ if (extendedObject["" + properties] && !Object.keys(extendedObject["" + properties]).length) {
+ delete extendedObject["" + properties];
+ }
+ childObject["" + property] = extendedObject;
+ }
+ else {
+ childObject["" + property] = childObject["" + properties]["" + property] !== undefined ?
+ childObject["" + property] : options["" + property];
+ }
+ }
+ }
+ return childObject;
+}
+/**
+ * extendObject method\
+ *
+ * @returns { Object} getInternalProperties method .\
+ * @param {string} sourceArray - provide the sourceArray value.
+ * @param {string} childArray - provide the childArray value.
+ *
+ * @private
+ */
+function extendArray(sourceArray, childArray) {
+ var clonedArray = [];
+ var reset = false;
+ if (!childArray) {
+ childArray = [];
+ }
+ if (!childArray.length) {
+ reset = true;
+ }
+ for (var i = 0; i < sourceArray.length; i++) {
+ if (sourceArray[parseInt(i.toString(), 10)] instanceof Array) {
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ var extendedArray = extendArray(sourceArray[parseInt(i.toString(), 10)], childArray[parseInt(i.toString(), 10)]);
+ if (reset) {
+ clonedArray.push(extendArray);
+ }
+ }
+ else if (sourceArray[parseInt(i.toString(), 10)] instanceof Object) {
+ var extendedObject = extendObject(sourceArray[parseInt(i.toString(), 10)], childArray[parseInt(i.toString(), 10)]);
+ if (reset) {
+ clonedArray.push(extendedObject);
+ }
+ }
+ else {
+ clonedArray.push(sourceArray[parseInt(i.toString(), 10)]);
+ }
+ }
+ return clonedArray;
+}
+/**
+ * textAlignToString method\
+ *
+ * @returns { Object} textAlignToString method .\
+ * @param {string} value - provide the sourceArray value.
+ *
+ * @private
+ */
+function textAlignToString(value) {
+ var state = '';
+ switch (value) {
+ case 'Center':
+ state = 'center';
+ break;
+ case 'Left':
+ state = 'left';
+ break;
+ case 'Right':
+ state = 'right';
+ break;
+ }
+ return state;
+}
+/**
+ * wordBreakToString method\
+ *
+ * @returns { string } wordBreakToString method .\
+ * @param {TextWrap | TextDecoration} value - provide the value value.
+ *
+ * @private
+ */
+function wordBreakToString(value) {
+ var state = '';
+ switch (value) {
+ case 'Wrap':
+ state = 'breakall';
+ break;
+ case 'NoWrap':
+ state = 'keepall';
+ break;
+ case 'WrapWithOverflow':
+ state = 'normal';
+ break;
+ case 'LineThrough':
+ state = 'line-through';
+ break;
+ }
+ return state;
+}
+/**
+ * bBoxText method\
+ *
+ * @returns { number } bBoxText method .\
+ * @param {string} textContent - provide the textContent value.
+ * @param {string} options - provide the options value.
+ *
+ * @private
+ */
+function bBoxText(textContent, options) {
+ var measureWindowElement = 'measureElement';
+ window["" + measureWindowElement].style.visibility = 'visible';
+ var svg = window["" + measureWindowElement].children[2];
+ var text = Object(_dom_util__WEBPACK_IMPORTED_MODULE_4__["getChildNode"])(svg)[1];
+ text.textContent = textContent;
+ Object(_dom_util__WEBPACK_IMPORTED_MODULE_4__["applyStyleAgainstCsp"])(text, 'font-size:' + options.fontSize + 'px; font-family:'
+ + options.fontFamily + ';font-weight:' + (options.bold ? 'bold' : 'normal'));
+ var bBox = text.getBBox().width;
+ window["" + measureWindowElement].style.visibility = 'hidden';
+ return bBox;
+}
+/**
+ * middleElement method\
+ *
+ * @returns { number} middleElement method .\
+ * @param {number} i - provide the textContent value.
+ * @param {number} j - provide the options value.
+ *
+ * @private
+ */
+function middleElement(i, j) {
+ var m = 0;
+ m = (i + j) / 2;
+ return m;
+}
+/**
+ * overFlow method\
+ *
+ * @returns { number} overFlow method .\
+ * @param {number} text - provide the text value.
+ * @param {number} options - provide the options value.
+ *
+ * @private
+ */
+function overFlow(text, options) {
+ var i = 0;
+ var j = 0;
+ var middle = 0;
+ var bounds = 0;
+ var temp = '';
+ j = text.length;
+ var t = 0;
+ do {
+ if (bounds > 0) {
+ i = middle;
+ }
+ middle = Math.floor(middleElement(i, j));
+ temp += text.substr(i, middle);
+ bounds = bBoxText(temp, options);
+ } while (bounds <= options.width);
+ temp = temp.substr(0, i);
+ for (t = i; t < j; t++) {
+ temp += text[parseInt(t.toString(), 10)];
+ bounds = bBoxText(temp, options);
+ if (bounds >= options.width) {
+ text = text.substr(0, temp.length - 1);
+ break;
+ }
+ }
+ if (options.textOverflow === 'Ellipsis') {
+ text = text.substr(0, text.length - 3);
+ text += '...';
+ }
+ else {
+ text = text.substr(0, text.length);
+ }
+ return text;
+}
+/**
+ * whiteSpaceToString method\
+ *
+ * @returns { number} whiteSpaceToString method .\
+ * @param {number} value - provide the value value.
+ * @param {number} wrap - provide the wrap value.
+ *
+ * @private
+ */
+function whiteSpaceToString(value, wrap) {
+ if (wrap === 'NoWrap' && value === 'PreserveAll') {
+ return 'pre';
+ }
+ var state = '';
+ switch (value) {
+ case 'CollapseAll':
+ state = 'nowrap';
+ break;
+ case 'CollapseSpace':
+ state = 'pre-line';
+ break;
+ case 'PreserveAll':
+ state = 'pre-wrap';
+ break;
+ }
+ return state;
+}
+/**
+ * rotateSize method\
+ *
+ * @returns { number} rotateSize method .\
+ * @param {number} size - provide the size value.
+ * @param {number} angle - provide the angle value.
+ *
+ * @private
+ */
+function rotateSize(size, angle) {
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["rotateMatrix"])(matrix, angle, 0, 0);
+ var topLeft = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, { x: 0, y: 0 });
+ var topRight = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, { x: size.width, y: 0 });
+ var bottomLeft = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, { x: 0, y: size.height });
+ var bottomRight = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, { x: size.width, y: size.height });
+ var minX = Math.min(topLeft.x, topRight.x, bottomLeft.x, bottomRight.x);
+ var minY = Math.min(topLeft.y, topRight.y, bottomLeft.y, bottomRight.y);
+ var maxX = Math.max(topLeft.x, topRight.x, bottomLeft.x, bottomRight.x);
+ var maxY = Math.max(topLeft.y, topRight.y, bottomLeft.y, bottomRight.y);
+ return new _primitives_size__WEBPACK_IMPORTED_MODULE_2__["Size"](maxX - minX, maxY - minY);
+}
+/**
+ * rotatePoint method\
+ *
+ * @returns { number} rotateSize method .\
+ * @param {number} angle - provide the angle value.
+ * @param {number} pivotX - provide the pivotX value.
+ * @param {number} pivotY - provide the pivotY value.
+ * @param {PointModel} point - provide the point value.
+ * @private
+ */
+function rotatePoint(angle, pivotX, pivotY, point) {
+ if (angle !== 0) {
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["rotateMatrix"])(matrix, angle, pivotX, pivotY);
+ return Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_3__["transformPointByMatrix"])(matrix, point);
+ }
+ return point;
+}
+/**
+ * getOffset method\
+ *
+ * @returns { number} getOffset method .\
+ * @param {PointModel} topLeft - provide the angle value.
+ * @param {DiagramElement} obj - provide the pivotX value.
+ * @private
+ */
+function getOffset(topLeft, obj) {
+ var offX = topLeft.x + obj.desiredSize.width * obj.pivot.x;
+ var offY = topLeft.y + obj.desiredSize.height * obj.pivot.y;
+ return {
+ x: offX, y: offY
+ };
+}
+/**
+ * getFunction method\
+ *
+ * @returns { Function } getFunction method .\
+ * @param {PointModel} value - provide the angle value.
+ * @private
+ */
+function getFunction(value) {
+ if (value !== undefined) {
+ if (typeof value === 'string') {
+ value = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])(value, window);
+ }
+ }
+ return value;
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/connector.js":
+/*!*********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/connector.js ***!
+ \*********************************************************************************/
+/*! exports provided: findConnectorPoints, swapBounds, findMargin, findAngle, findPoint, getIntersection, getIntersectionPoints, orthoConnection2Segment, getPortDirection, getOuterBounds, getOppositeDirection */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findConnectorPoints", function() { return findConnectorPoints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "swapBounds", function() { return swapBounds; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findMargin", function() { return findMargin; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findAngle", function() { return findAngle; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findPoint", function() { return findPoint; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getIntersection", function() { return getIntersection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getIntersectionPoints", function() { return getIntersectionPoints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "orthoConnection2Segment", function() { return orthoConnection2Segment; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPortDirection", function() { return getPortDirection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOuterBounds", function() { return getOuterBounds; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOppositeDirection", function() { return getOppositeDirection; });
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _diagram_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _core_elements_path_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./../core/elements/path-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/path-element.js");
+/* harmony import */ var _base_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* eslint-disable jsdoc/require-returns-check */
+
+
+
+
+
+
+
+/**
+ * Connector modules are used to dock and update the connectors
+ */
+/**
+ * intermeditatePoints method\
+ *
+ * @returns { Function } getFunction method .\
+ * @param {PointModel} element - provide the angle value.
+ * @param {PointModel} layoutOrientation - provide the angle value.
+ * @param {PointModel} lineDistribution - provide the angle value.
+ * @private
+ */
+function findConnectorPoints(element, layoutOrientation, lineDistribution) {
+ //const intermeditatePoints: PointModel[];
+ var sourcePoint;
+ if (element.type === 'Straight' || !element.sourceWrapper) {
+ sourcePoint = getSourcePoint(element);
+ }
+ else {
+ sourcePoint = element.sourceWrapper.corners.center;
+ }
+ // eslint-disable-next-line
+ var intermeditatePoints = terminateConnection(element, sourcePoint, element.targetPoint, layoutOrientation, lineDistribution);
+ setLineEndPoint(element, intermeditatePoints[0], false);
+ setLineEndPoint(element, intermeditatePoints[intermeditatePoints.length - 1], true);
+ return intermeditatePoints;
+}
+/**
+ * getSourcePoint method\
+ *
+ * @returns { PointModel } getFunction method .\
+ * @param {PointModel} element - provide the angle value.
+ * @private
+ */
+function getSourcePoint(element) {
+ var srcPoint;
+ if (element.sourcePortWrapper) {
+ var srcPort = element.sourcePortWrapper;
+ //const srcNode: DiagramElement = element.sourceWrapper;
+ var pt = { x: srcPort.offsetX, y: srcPort.offsetY };
+ //const direction: string = getPortDirection(pt, cornersPointsBeforeRotation(srcNode), srcNode.bounds, false);
+ srcPoint = pt;
+ }
+ else if (element.sourceID && element.sourceWrapper) {
+ if (element.targetWrapper) {
+ var sPoint = element.sourceWrapper.corners.center;
+ var tPoint = element.targetWrapper.corners.center;
+ srcPoint = getIntersection(element, element.sourceWrapper, sPoint, tPoint, false);
+ }
+ else {
+ srcPoint = element.sourcePoint;
+ }
+ }
+ else {
+ srcPoint = element.sourcePoint;
+ }
+ return srcPoint;
+}
+/**
+ * getDirection method \
+ *
+ * @returns { void } getDirection method .\
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @param {LayoutOrientation} layoutOrientation - provide the layoutOrientation value.
+ *
+ * @private
+ */
+function getDirection(source, target, layoutOrientation) {
+ if (layoutOrientation === 'LeftToRight') {
+ source.direction = source.direction ? source.direction : 'Right';
+ target.direction = target.direction ? target.direction : 'Left';
+ }
+ else if (layoutOrientation === 'RightToLeft') {
+ source.direction = source.direction ? source.direction : 'Left';
+ target.direction = target.direction ? target.direction : 'Right';
+ }
+ else if (layoutOrientation === 'TopToBottom') {
+ source.direction = source.direction ? source.direction : 'Bottom';
+ target.direction = target.direction ? target.direction : 'Top';
+ }
+ else if (layoutOrientation === 'BottomToTop') {
+ source.direction = source.direction ? source.direction : 'Top';
+ target.direction = target.direction ? target.direction : 'Bottom';
+ }
+}
+/**
+ * terminateConnection method \
+ *
+ * @returns { PointModel[] } terminateConnection method .\
+ * @param {Connector} element - provide the element value.
+ * @param {PointModel} srcPoint - provide the srcPoint value.
+ * @param {PointModel} tarPoint - provide the tarPoint value.
+ * @param {LayoutOrientation} layoutOrientation - provide the layoutOrientation value.
+ * @param {boolean} lineDistribution - provide the lineDistribution value.
+ *
+ * @private
+ */
+function terminateConnection(element, srcPoint, tarPoint, layoutOrientation, lineDistribution) {
+ var sourceNode = element.sourceWrapper;
+ var targetNode = element.targetWrapper;
+ var sourcePort = element.sourcePortWrapper;
+ var targetPort = element.targetPortWrapper;
+ var srcCorner;
+ var tarCorner;
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ var intermeditatePoints = [];
+ var segPoint;
+ var srcDir;
+ var tarDir;
+ var minSpace = findMargin(element);
+ var sourceMargin = { left: 5, right: 5, bottom: 5, top: 5 };
+ var targetMargin = { left: 5, right: 5, bottom: 5, top: 5 };
+ var source = { corners: srcCorner, point: srcPoint, direction: srcDir, margin: sourceMargin };
+ var target = { corners: tarCorner, point: tarPoint, direction: tarDir, margin: targetMargin };
+ var sourceCorners;
+ var targetCorners;
+ if (sourceNode !== undefined && targetNode !== undefined) {
+ sourceCorners = Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(sourceNode);
+ targetCorners = Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(targetNode);
+ source.corners = sourceNode.corners;
+ target.corners = targetNode.corners;
+ }
+ if (sourcePort !== undefined) {
+ var port = { x: sourcePort.offsetX, y: sourcePort.offsetY };
+ source.direction = getPortDirection(port, sourceCorners, sourceNode.bounds, false);
+ }
+ if (targetPort !== undefined) {
+ var tarPortPt = { x: targetPort.offsetX, y: targetPort.offsetY };
+ target.direction = getPortDirection(tarPortPt, targetCorners, targetNode.bounds, false);
+ }
+ if (element.type === 'Bezier') {
+ if (!element.isBezierEditing) {
+ if (element.segments.length > 0) {
+ var i = element.segments.length - 1;
+ while (i >= 0) {
+ var seg = element.segments[parseInt(i.toString(), 10)];
+ if (seg.isInternalSegment) {
+ element.segments.pop();
+ }
+ i--;
+ }
+ }
+ }
+ }
+ if (sourceNode !== undefined && targetNode !== undefined) {
+ if (source.direction === undefined || target.direction === undefined) {
+ if (layoutOrientation) {
+ getDirection(source, target, layoutOrientation);
+ }
+ else {
+ if (source.corners.top > target.corners.bottom &&
+ Math.abs(source.corners.top - target.corners.bottom) > minSpace) {
+ source.direction = source.direction ? source.direction : 'Top';
+ target.direction = target.direction ? target.direction : 'Bottom';
+ }
+ else if (source.corners.bottom < target.corners.top &&
+ Math.abs(source.corners.bottom - target.corners.top) > minSpace) {
+ source.direction = source.direction ? source.direction : 'Bottom';
+ target.direction = target.direction ? target.direction : 'Top';
+ }
+ else if ((source.corners.right < target.corners.left &&
+ Math.abs(source.corners.right - target.corners.left) > minSpace) ||
+ ((source.corners.right + minSpace < target.corners.left) ||
+ (target.corners.right >= source.corners.left - minSpace && source.corners.left > target.corners.left))) {
+ source.direction = source.direction ? source.direction : 'Right';
+ target.direction = target.direction ? target.direction : 'Left';
+ }
+ else if ((source.corners.left > target.corners.right &&
+ Math.abs(source.corners.left - target.corners.right) > (source.margin.left + source.margin.right)) ||
+ ((target.corners.right + minSpace < source.corners.left ||
+ (source.corners.right >= target.corners.left - minSpace
+ && source.corners.left < target.corners.left)))) {
+ source.direction = source.direction ? source.direction : 'Left';
+ target.direction = target.direction ? target.direction : 'Right';
+ }
+ else {
+ if (sourceNode.id !== targetNode.id && (!sourceCorners.equals(sourceCorners, targetCorners)) &&
+ targetCorners.containsPoint(sourceCorners.topCenter, source.margin.top)) {
+ source.direction = source.direction ? source.direction : 'Bottom';
+ target.direction = target.direction ? target.direction : 'Top';
+ }
+ else {
+ source.direction = source.direction ? source.direction : 'Top';
+ target.direction = target.direction ? target.direction : 'Bottom';
+ }
+ }
+ }
+ }
+ return defaultOrthoConnection(element, source.direction, target.direction, source.point, target.point, lineDistribution);
+ }
+ //It will be called only when there is only one end node
+ checkLastSegmentasTerminal(element);
+ if (element.sourceWrapper || element.targetWrapper) {
+ connectToOneEnd(element, source, target);
+ }
+ if (element.type === 'Straight' || element.type === 'Bezier') {
+ intermeditatePoints = intermeditatePointsForStraight(element, source, target);
+ }
+ else {
+ if (element.type === 'Orthogonal' && element.segments && element.segments.length > 0 &&
+ element.segments[0].length !== null &&
+ element.segments[0].direction !== null) {
+ intermeditatePoints = findPointToPointOrtho(element, source, target, sourceNode, targetNode, sourcePort, targetPort);
+ }
+ else {
+ var extra = void 0;
+ if (!source.direction) {
+ source.direction = (target.direction) ? ((element.targetPortWrapper !== undefined) ? target.direction : getOppositeDirection(target.direction)) :
+ _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(source.point, target.point);
+ }
+ else {
+ extra = adjustSegmentLength(sourceNode.bounds, source, 20);
+ }
+ element.segments[0].points = intermeditatePoints = orthoConnection3Segment(element, source, target, extra);
+ }
+ }
+ return intermeditatePoints;
+}
+/**
+ * updateSegmentPoints method \
+ *
+ * @returns { PointModel[] } updateSegmentPoints method .\
+ * @param {End} source - provide the source value.
+ * @param {OrthogonalSegment} segment - provide the segment value.
+ *
+ * @private
+ */
+function updateSegmentPoints(source, segment) {
+ //let segPoint: PointModel; //let angle: number; //let extra: number;
+ source.direction = segment.direction;
+ segment.points = [];
+ segment.points.push(source.point);
+ var extra = (segment.direction === 'Left' || segment.direction === 'Top') ? -(segment.length) : segment.length;
+ var angle = (segment.direction === 'Left' || segment.direction === 'Right') ? 0 : 90;
+ var segPoint = addLineSegment(source.point, extra, angle);
+ segment.points.push(segPoint);
+ return segPoint;
+}
+/**
+ * pointToPoint method \
+ *
+ * @returns { void } pointToPoint method .\
+ * @param {Connector} element - provide the element value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ *
+ * @private
+ */
+function pointToPoint(element, source, target) {
+ var point;
+ var direction;
+ var portdirection;
+ source.corners = (element.sourceWrapper) ? element.sourceWrapper.corners : undefined;
+ if (element.sourcePortWrapper) {
+ var port = { x: element.sourcePortWrapper.offsetX, y: element.sourcePortWrapper.offsetY };
+ portdirection = getPortDirection(port, Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(element.sourceWrapper), element.sourceWrapper.bounds, false);
+ if (source.corners && (source.direction === 'Bottom' || source.direction === 'Top')) {
+ if (target.point.x > source.corners.left && target.point.x < source.corners.right) {
+ direction = (source.point.y > target.point.y) ? 'Top' : 'Bottom';
+ }
+ }
+ else if (source.corners && (source.direction === 'Left' || source.direction === 'Right')) {
+ if (target.point.y > source.corners.top && target.point.y < source.corners.bottom) {
+ direction = (source.point.x > target.point.x) ? 'Left' : 'Right';
+ }
+ }
+ }
+ if (element.sourcePortWrapper && portdirection === getOppositeDirection(direction)) {
+ var length_1;
+ if ((portdirection === 'Left' || portdirection === 'Right') && (source.point.y >= source.corners.top
+ && source.point.y <= source.corners.center.y) &&
+ (target.point.y >= source.corners.top && target.point.y <= source.corners.center.y)) {
+ source.direction = 'Top';
+ length_1 = source.point.y - source.corners.top + 20;
+ }
+ else if ((portdirection === 'Left' || portdirection === 'Right') && (source.point.y > source.corners.center.y
+ && source.point.y <= source.corners.bottom) &&
+ (target.point.y > source.corners.center.y && target.point.y <= source.corners.bottom)) {
+ source.direction = 'Bottom';
+ length_1 = source.corners.bottom - source.point.y + 20;
+ }
+ else if ((portdirection === 'Top' || portdirection === 'Bottom') && (source.point.x >= source.corners.left
+ && source.point.x <= source.corners.center.x) &&
+ (target.point.x >= source.corners.left && target.point.x <= source.corners.center.x)) {
+ source.direction = 'Left';
+ length_1 = source.point.x - source.corners.left + 20;
+ }
+ else if ((portdirection === 'Top' || portdirection === 'Bottom') && (source.point.x <= source.corners.right
+ && source.point.x > source.corners.center.x) &&
+ (target.point.x <= source.corners.right && target.point.x < source.corners.center.x)) {
+ source.direction = 'Right';
+ length_1 = source.corners.right - source.point.x + 20;
+ }
+ if (source.direction && length_1) {
+ point = orthoConnection3Segment(element, source, target, length_1, true);
+ }
+ }
+ else {
+ source.direction = (direction) ? direction : findSourceDirection(source.direction, source.point, target.point);
+ point = orthoConnection2Segment(source, target);
+ }
+ return point;
+}
+/**
+ * pointToNode method \
+ *
+ * @returns { void } pointToNode method .\
+ * @param {Connector} element - provide the element value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ *
+ * @private
+ */
+function pointToNode(element, source, target) {
+ var point;
+ target.corners = element.targetWrapper.corners;
+ findDirection(element.targetWrapper, source, target, element);
+ var direction = findSourceDirection(target.direction, source.point, target.point);
+ if (source.direction === target.direction && (source.direction === 'Left' || source.direction === 'Right')) {
+ source.direction = direction;
+ point = orthoConnection3Segment(element, source, target, element.targetWrapper.width / 2 + 20);
+ var source1 = source;
+ source1.point = point[1];
+ findDirection(element.targetWrapper, source, target, element);
+ point = orthoConnection3Segment(element, source, target);
+ }
+ else {
+ source.direction = direction;
+ point = orthoConnection2Segment(source, target);
+ }
+ return point;
+}
+/**
+ * addPoints method \
+ *
+ * @returns { void } addPoints method .\
+ * @param {Connector} element - provide the element value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ *
+ * @private
+ */
+function addPoints(element, source, target) {
+ target.corners = element.targetWrapper.corners;
+ var direction;
+ var length;
+ if (source.direction !== 'Left' && source.direction !== 'Right') {
+ if (target.corners.center.y === source.point.y &&
+ (!(target.corners.left <= source.point.x && source.point.x <= target.corners.right))) {
+ direction = 'Top';
+ length = target.corners.height / 2 + 20;
+ }
+ else if ((target.corners.center.y === source.point.y &&
+ element.segments[element.segments.length - 2].direction === 'Bottom') ||
+ (target.corners.center.y > source.point.y && source.point.y >= target.corners.top)) {
+ direction = 'Top';
+ length = (source.point.y - target.corners.top) + 20;
+ }
+ else if ((target.corners.center.y === source.point.y &&
+ element.segments[element.segments.length - 2].direction === 'Top') ||
+ (target.corners.center.y < source.point.y && source.point.y <= target.corners.bottom)) {
+ direction = 'Bottom';
+ length = (target.corners.bottom - source.point.y) + 20;
+ }
+ else if (element.sourcePortWrapper !== undefined && element.targetPortWrapper !== undefined &&
+ source.corners.top <= source.point.y && source.point.y <= source.corners.bottom) {
+ direction = source.direction;
+ length = (source.point.y > target.point.y) ? (source.point.y - source.corners.top + 20) :
+ (source.corners.bottom - source.point.y + 20);
+ }
+ }
+ else {
+ if (target.corners.center.x === source.point.x &&
+ (!(target.corners.top < source.point.y && source.point.y <= target.corners.bottom))) {
+ direction = 'Left';
+ length = target.corners.width / 2 + 20;
+ }
+ else if ((target.corners.center.x === source.point.x &&
+ element.segments[element.segments.length - 2].direction === 'Right')
+ || (target.corners.center.x > source.point.x && source.point.x >= target.corners.left)) {
+ direction = 'Left';
+ length = (source.point.x - target.corners.left) + 20;
+ }
+ else if ((target.corners.center.x === source.point.x &&
+ element.segments[element.segments.length - 2].direction === 'Left') ||
+ (target.corners.center.x <= source.point.x && source.point.x <= target.corners.right)) {
+ direction = 'Right';
+ length = (target.corners.right - source.point.x) + 20;
+ }
+ else if (element.sourcePortWrapper !== undefined && element.targetPortWrapper !== undefined &&
+ source.corners.left <= source.point.x && source.point.x <= source.corners.right) {
+ direction = source.direction;
+ length = (source.point.x > target.point.x) ? (source.point.x - source.corners.left + 20) :
+ (source.corners.right - source.point.x + 20);
+ }
+ }
+ var extra = (direction === 'Left' || direction === 'Top') ? -(length) : length;
+ var angle = (direction === 'Left' || direction === 'Right') ? 0 : 90;
+ var refPoint = source.point;
+ source.point = addLineSegment(source.point, extra, angle);
+ source.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(source.point, target.point);
+ if (element.sourcePortWrapper !== undefined && element.targetPortWrapper !== undefined &&
+ (source.corners.center.x === target.corners.center.x || source.corners.center.y === target.corners.center.y)) {
+ source.direction = target.direction;
+ }
+ var point = orthoConnection3Segment(element, source, target);
+ point.splice(0, 0, refPoint);
+ return point;
+}
+/**
+ * findSegmentDirection method \
+ *
+ * @returns { void } findSegmentDirection method .\
+ * @param {Connector} element - provide the element value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @param {Direction} portDir - provide the target value.
+ *
+ * @private
+ */
+function findSegmentDirection(element, source, target, portDir) {
+ var update = false;
+ switch (target.direction) {
+ case 'Left':
+ if (element.sourcePortWrapper !== undefined && element.targetPortWrapper !== undefined && (portDir === 'Right' &&
+ source.point.x > target.point.x && source.point.y >= source.corners.top &&
+ source.point.y <= source.corners.bottom)
+ || (((portDir === 'Bottom' && source.point.y > target.point.y) ||
+ (portDir === 'Top' && source.point.y < target.point.y)) &&
+ source.point.x >= source.corners.left && source.point.x <= source.corners.right)) {
+ source.direction = (portDir === 'Right') ? ((source.point.y > target.point.y) ? 'Top' : 'Bottom') :
+ (source.point.x < target.point.x ? 'Right' : 'Left');
+ update = true;
+ }
+ else if (source.point.x > target.point.x && (source.point.y > target.point.y || source.point.y < target.point.y)
+ && (!(target.corners.top > source.point.y && target.corners.bottom < source.point.y))) {
+ source.direction = 'Left';
+ }
+ else if ((source.point.x < target.point.x && source.point.y > target.point.y) ||
+ (source.point.x > target.point.x && (source.point.y <= target.point.y)
+ && ((target.corners.top < source.point.y && target.corners.center.y >= source.point.y)))) {
+ source.direction = 'Top';
+ }
+ else if ((source.point.x < target.point.x && source.point.y < target.point.y) ||
+ (source.point.x > target.point.x && (source.point.y > target.point.y)
+ && ((target.corners.bottom < source.point.y && target.corners.center.y > source.point.y)))) {
+ source.direction = 'Bottom';
+ }
+ else if (source.point.y === target.point.y && source.point.x < target.point.x) {
+ source.direction = 'Right';
+ }
+ break;
+ case 'Right':
+ if (element.sourcePortWrapper !== undefined && element.targetPortWrapper !== undefined &&
+ ((portDir === 'Bottom' && source.point.y > target.point.y) ||
+ (portDir === 'Top' && source.point.y < target.point.y)) && source.point.x > target.point.x &&
+ (source.point.x >= source.corners.left && source.point.x <= source.corners.right)) {
+ source.direction = (source.point.x > target.point.x) ? 'Left' : 'Right';
+ update = true;
+ }
+ else if (element.sourcePortWrapper !== undefined && element.targetPortWrapper !== undefined &&
+ portDir === 'Left' && source.point.x < target.point.x && (source.point.y >= source.corners.top &&
+ source.point.y <= source.corners.bottom)) {
+ source.direction = (source.point.y > target.point.y) ? 'Top' : 'Bottom';
+ update = true;
+ }
+ else if (source.point.x < target.point.x && target.corners.top <= source.point.y
+ && target.corners.bottom >= source.point.y && source.point.y === target.point.y) {
+ source.direction = 'Top';
+ }
+ else if (source.point.y > target.point.y && source.point.x > target.point.x) {
+ source.direction = 'Top';
+ }
+ else if (source.point.y < target.point.y && source.point.x > target.point.x) {
+ source.direction = 'Bottom';
+ }
+ else if (source.point.x < target.point.x && (source.point.y > target.point.y ||
+ source.point.y < target.point.y)) {
+ source.direction = 'Right';
+ }
+ else if (source.point.y === target.point.y && source.point.x > target.point.x) {
+ source.direction = 'Left';
+ }
+ break;
+ case 'Top':
+ if (element.sourcePortWrapper !== undefined && element.targetPortWrapper !== undefined && (portDir === 'Bottom' &&
+ source.point.y > target.point.y && source.point.x >= source.corners.left &&
+ source.point.x <= source.corners.right) || (((portDir === 'Right' && source.point.x > target.point.x) ||
+ (portDir === 'Left' && target.point.y > source.point.y && target.point.x > source.point.x)) &&
+ (source.point.y >= source.corners.top && source.point.y <= source.corners.bottom))) {
+ source.direction = (portDir === 'Bottom') ? ((source.point.x > target.point.x) ? 'Left' : 'Right') :
+ (source.point.y < target.point.y) ? 'Bottom' : 'Top';
+ update = true;
+ }
+ else if (source.point.x === target.point.x && source.point.y < target.point.y) {
+ source.direction = 'Bottom';
+ }
+ else if (source.point.y > target.point.y && source.point.x > target.corners.left &&
+ source.point.x < target.corners.right) {
+ source.direction = 'Left';
+ }
+ else if (source.point.y >= target.point.y) {
+ source.direction = 'Top';
+ }
+ else if (source.point.y < target.point.y && source.point.x > target.point.x) {
+ source.direction = 'Left';
+ }
+ else if (source.point.y < target.point.y && source.point.x < target.point.x) {
+ source.direction = 'Right';
+ }
+ break;
+ case 'Bottom':
+ if (element.sourcePortWrapper !== undefined && element.targetPortWrapper !== undefined && ((((portDir === 'Right') ||
+ (portDir === 'Left' && target.point.x > source.point.x)) && (source.point.y > target.point.y) &&
+ source.point.y >= source.corners.top && source.point.y <= source.corners.bottom) ||
+ (((portDir === 'Top' && source.point.y < target.point.y)) &&
+ (source.point.x >= source.corners.left && source.point.x <= source.corners.right)))) {
+ if (portDir === 'Right' || portDir === 'Left') {
+ source.direction = (source.point.y > target.point.y) ? 'Top' : 'Bottom';
+ }
+ else {
+ source.direction = (source.point.x > target.point.x) ? 'Left' : 'Right';
+ }
+ update = true;
+ }
+ else if (source.point.y < target.point.y && source.point.x > target.corners.left &&
+ target.corners.right > source.point.x) {
+ if (source.point.y < target.point.y && source.point.x > target.corners.left &&
+ target.corners.center.x >= source.point.x) {
+ source.direction = 'Left';
+ }
+ else if (source.point.y < target.point.y && source.point.x < target.corners.right &&
+ target.corners.center.x < source.point.x) {
+ source.direction = 'Right';
+ }
+ }
+ else if (source.point.y > target.point.y && source.point.x > target.point.x) {
+ source.direction = 'Left';
+ }
+ else if (source.point.y > target.point.y && source.point.x < target.point.x) {
+ source.direction = 'Right';
+ }
+ else if (source.point.y <= target.point.y && (source.point.x > target.point.x || target.point.x > source.point.x)) {
+ source.direction = 'Bottom';
+ }
+ break;
+ }
+ return update;
+}
+/**
+ * pointToPort method \
+ *
+ * @returns { void } pointToPort method .\
+ * @param {Connector} element - provide the element value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ *
+ * @private
+ */
+function pointToPort(element, source, target) {
+ var point;
+ target.corners = element.targetWrapper.corners;
+ var portdirection;
+ var length;
+ if (element.sourcePortWrapper !== undefined) {
+ var port = { x: element.sourcePortWrapper.offsetX, y: element.sourcePortWrapper.offsetY };
+ portdirection = getPortDirection(port, Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(element.sourceWrapper), element.sourceWrapper.bounds, false);
+ }
+ var update = findSegmentDirection(element, source, target, portdirection);
+ // EJ2-65063 - Added below condition !selectedSegmentIndex to prevent the connector segment to split from two points into four points
+ if ((!element.selectedSegmentIndex) && element.sourcePortWrapper !== undefined && element.targetPortWrapper !== undefined &&
+ target.direction === getOppositeDirection(portdirection) &&
+ ((((target.direction === 'Left' && source.point.x > target.point.x) || (target.direction === 'Right' &&
+ source.point.x < target.point.x)) && source.point.y >= source.corners.top &&
+ source.point.y <= source.corners.bottom) || (target.direction === 'Bottom' && source.point.y < target.point.y &&
+ (source.point.x >= source.corners.left && source.point.x <= source.corners.right)))) {
+ point = addPoints(element, source, target);
+ }
+ else if ((!element.selectedSegmentIndex) && source.direction === target.direction) {
+ point = orthoConnection3Segment(element, source, target);
+ }
+ else if ((!element.selectedSegmentIndex) && (((target.direction === 'Left' && source.point.x > target.point.x) ||
+ (target.direction === 'Right' && source.point.x < target.point.x)) && (source.direction === 'Top' || source.direction === 'Bottom')
+ && ((source.point.y <= target.point.y) &&
+ ((target.corners.top <= source.point.y && target.corners.bottom >= source.point.y)))) ||
+ ((target.direction === 'Top' && source.point.y > target.point.y) ||
+ (target.direction === 'Bottom' && source.point.y < target.point.y) &&
+ ((target.corners.left <= source.point.x && target.corners.right >= source.point.x)))) {
+ // EJ2-69304 - Return the 2 segment points if allowNodeOverlap is set as true.
+ if (!element.selectedSegmentIndex) {
+ point = addPoints(element, source, target);
+ }
+ else {
+ point = orthoConnection2Segment(source, target);
+ }
+ }
+ else {
+ if ((!element.selectedSegmentIndex) && element.sourceWrapper !== undefined && element.targetWrapper !== undefined && element.targetPortWrapper !== undefined &&
+ ((source.direction === 'Left' || source.direction === 'Right') &&
+ (source.point.y >= source.corners.top && source.point.y <= source.corners.bottom)
+ && (target.direction === 'Top' || target.direction === 'Bottom') &&
+ (target.corners.center.x === source.corners.center.x))) {
+ source.direction = (target.direction === 'Top') ? 'Bottom' : 'Top';
+ length = (target.direction === 'Top') ? (source.corners.bottom - source.point.y + 20) :
+ (source.point.y - source.corners.top + 20);
+ point = orthoConnection3Segment(element, source, target, length);
+ }
+ else if ((!element.selectedSegmentIndex) && element.sourceWrapper !== undefined && element.targetWrapper !== undefined && element.targetPortWrapper !== undefined &&
+ ((source.direction === 'Top' || source.direction === 'Bottom') &&
+ (source.point.x >= source.corners.left && source.point.x <= source.corners.right) &&
+ (target.direction === 'Left' || target.direction === 'Right') && (target.corners.center.y === source.corners.center.y))) {
+ source.direction = (target.direction === 'Left') ? 'Right' : 'Left';
+ length = (target.direction === 'Left') ? (source.corners.right - source.point.x + 20) :
+ (source.point.x - source.corners.left + 20);
+ point = orthoConnection3Segment(element, source, target, length);
+ }
+ else if (update) {
+ if (source.direction === 'Left' || source.direction === 'Right') {
+ length = (source.direction === 'Left') ? (source.point.x - source.corners.left + 20) :
+ (source.corners.right - source.point.x + 20);
+ }
+ else {
+ length = (source.direction === 'Top') ? (source.point.y - source.corners.top + 20) :
+ (source.corners.bottom - source.point.y + 20);
+ }
+ point = orthoConnection3Segment(element, source, target, length);
+ }
+ else {
+ point = orthoConnection2Segment(source, target);
+ }
+ }
+ return point;
+}
+/**
+ * findPointToPointOrtho method \
+ *
+ * @returns { void } findPointToPointOrtho method .\
+ * @param {Connector} element - provide the element value.
+ * @param {DiagramElement} source - provide the source value.
+ * @param {DiagramElement} target - provide the target value.
+ * @param {DiagramElement} sourceNode - provide the target value.
+ * @param {DiagramElement} targetNode - provide the target value.
+ * @param {DiagramElement} sourcePort - provide the sourcePort value.
+ * @param {DiagramElement} targetPort - provide the targetPort value.
+ *
+ * @private
+ */
+function findPointToPointOrtho(element, source, target, sourceNode, targetNode, sourcePort, targetPort) {
+ var j;
+ var point;
+ var intermeditatePoints = [];
+ var direction;
+ var port; //let seg: OrthogonalSegment;
+ checkLastSegmentasTerminal(element);
+ var removeSegment;
+ if (element.segments.length > 0) {
+ for (var i = 0; i < element.segments.length; i++) {
+ var seg = element.segments[parseInt(i.toString(), 10)];
+ if (i === 0 && element.sourcePortWrapper !== undefined) {
+ port = { x: sourcePort.offsetX, y: sourcePort.offsetY };
+ direction = getPortDirection(port, Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(sourceNode), sourceNode.bounds, false);
+ if (seg.direction === getOppositeDirection(direction)) {
+ seg.direction = direction;
+ }
+ }
+ if (i > 0 && element.segments[i - 1].direction === seg.direction) {
+ i = checkConsectiveSegmentAsSame(element, i, source);
+ }
+ else {
+ var lastSegment = element.segments[i - 1];
+ source.point = (seg.direction) ? updateSegmentPoints(source, seg) :
+ lastSegment.points[lastSegment.points.length - 1];
+ }
+ if (i === element.segments.length - 1) {
+ if (!targetPort && !targetNode) {
+ point = pointToPoint(element, source, target);
+ }
+ else if (element.targetWrapper && element.targetPortWrapper === undefined) {
+ checkSourcePointInTarget(element, source);
+ point = pointToNode(element, source, target);
+ }
+ else {
+ point = pointToPort(element, source, target);
+ }
+ if (point) {
+ checkPreviousSegment(point, element, source);
+ seg.points = [];
+ if (point.length >= 2) {
+ for (j = 0; j < point.length; j++) {
+ seg.points.push(point[parseInt(j.toString(), 10)]);
+ }
+ }
+ else {
+ removeSegment = i;
+ }
+ }
+ }
+ if (sourcePort && i === 0) {
+ var sourcePoint = checkPortdirection(element, sourcePort, sourceNode);
+ if (sourcePoint) {
+ source.point = sourcePoint;
+ }
+ }
+ }
+ if (removeSegment !== undefined) {
+ if (removeSegment === element.segments.length - 1) {
+ element.segments[removeSegment - 1].direction = null;
+ element.segments[removeSegment - 1].length = null;
+ }
+ element.segments.splice(removeSegment, 1);
+ }
+ intermeditatePoints = returnIntermeditatePoints(element, intermeditatePoints);
+ }
+ return intermeditatePoints;
+}
+/**
+ * checkPortdirection method \
+ *
+ * @returns { PointModel } checkPortdirection method .\
+ * @param {Connector} element - provide the element value.
+ * @param {DiagramElement} sourcePort - provide the target value.
+ * @param {DiagramElement} sourceNode - provide the target value.
+ *
+ * @private
+ */
+function checkPortdirection(element, sourcePort, sourceNode) {
+ var port = { x: sourcePort.offsetX, y: sourcePort.offsetY };
+ var point;
+ var bounds = Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(sourceNode);
+ var direction = getPortDirection(port, bounds, sourceNode.bounds, false);
+ var seg = element.segments[0];
+ if (seg.direction !== direction) {
+ pointsFromNodeToPoint(seg, direction, bounds, seg.points[0], seg.points[seg.points.length - 1], false);
+ point = seg.points[seg.points.length - 1];
+ seg.direction = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(seg.points[seg.points.length - 2], seg.points[seg.points.length - 1]);
+ }
+ return point;
+}
+/**
+ * checkPreviousSegment method \
+ *
+ * @returns { PointModel } checkPreviousSegment method .\
+ * @param {Connector} tPoints - provide the element value.
+ * @param {DiagramElement} connector - provide the target value.
+ * @param {DiagramElement} source - provide the target value.
+ *
+ * @private
+ */
+function checkPreviousSegment(tPoints, connector, source) {
+ var actualSegment = connector.segments[connector.segments.length - 2];
+ var actualLastPoint = actualSegment.points[actualSegment.points.length - 1];
+ var direction;
+ if (((actualSegment.direction === 'Top' || actualSegment.direction === 'Bottom') && (actualLastPoint.x === tPoints[1].x)) ||
+ ((actualSegment.direction === 'Left' || actualSegment.direction === 'Right') && (actualLastPoint.y === tPoints[1].y))) {
+ actualSegment.points[actualSegment.points.length - 1] = tPoints[1];
+ direction = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(actualSegment.points[0], actualSegment.points[actualSegment.points.length - 1]);
+ if (connector.sourceWrapper !== undefined && connector.sourcePortWrapper === undefined &&
+ direction === getOppositeDirection(actualSegment.direction)) {
+ if (actualSegment.direction === 'Left' || actualSegment.direction === 'Right') {
+ actualSegment.points[0].x = (actualSegment.direction === 'Right') ?
+ actualSegment.points[0].x - connector.sourceWrapper.corners.width :
+ actualSegment.points[0].x + connector.sourceWrapper.corners.width;
+ }
+ else {
+ actualSegment.points[0].y = (actualSegment.direction === 'Bottom') ?
+ actualSegment.points[0].y - connector.sourceWrapper.corners.height :
+ actualSegment.points[0].y + connector.sourceWrapper.corners.height;
+ }
+ }
+ actualSegment.direction = direction;
+ actualSegment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(actualSegment.points[0], actualSegment.points[actualSegment.points.length - 1]);
+ tPoints.splice(0, 1);
+ }
+}
+/**
+ * connectToOneEnd method \
+ *
+ * @returns { void } connectToOneEnd method .\
+ * @param {Connector} element - provide the element value.
+ * @param {DiagramElement} source - provide the target value.
+ * @param {DiagramElement} target - provide the target value.
+ *
+ * @private
+ */
+function connectToOneEnd(element, source, target) {
+ var sourcePort = element.sourcePortWrapper;
+ var targetPort = element.targetPortWrapper;
+ var node = element.sourceWrapper;
+ var fixedPoint = source.point;
+ var nodeMargin = { left: 0, right: 0, top: 0, bottom: 0 };
+ var nodeConnectingPoint = { x: 0, y: 0 };
+ var refPoint;
+ var nodeDirection = 'Top';
+ if (!node) {
+ node = element.targetWrapper;
+ nodeMargin = target.margin;
+ }
+ else {
+ fixedPoint = target.point;
+ nodeMargin = source.margin;
+ }
+ if (element.type === 'Orthogonal') {
+ if ((element.segments && element.segments.length > 0) && element.sourceWrapper &&
+ element.segments[0].direction) {
+ source.direction = element.segments[0].direction;
+ nodeConnectingPoint = findPoint(node.corners, source.direction);
+ refPoint = findPoint(node.corners, getOppositeDirection(source.direction));
+ nodeConnectingPoint = getIntersection(element, node, nodeConnectingPoint, refPoint, false);
+ }
+ else {
+ var source_1 = { corners: null, direction: null, point: fixedPoint, margin: nodeMargin };
+ var target_1 = { corners: null, direction: null, point: null, margin: null };
+ findDirection(node, source_1, target_1, element);
+ nodeConnectingPoint = target_1.point;
+ nodeDirection = target_1.direction;
+ }
+ }
+ else {
+ var segmentPoint = void 0;
+ if (element.segments && element.segments.length > 1) {
+ if (node === element.sourceWrapper) {
+ segmentPoint = element.segments[0].point;
+ }
+ else {
+ segmentPoint = element.segments[element.segments.length - 2].point;
+ }
+ }
+ nodeConnectingPoint = getIntersection(element, node, node.bounds.center, (element.segments && element.segments.length > 1) ? segmentPoint : fixedPoint, node === element.targetWrapper);
+ }
+ if (node === element.sourceWrapper) {
+ source.direction = source.direction || nodeDirection;
+ source.point = nodeConnectingPoint;
+ if (element.sourcePortWrapper) {
+ source.point = { x: sourcePort.offsetX, y: sourcePort.offsetY };
+ if (element.sourcePadding) {
+ source.point = addPaddingToConnector(element, source, target, false);
+ }
+ }
+ }
+ else {
+ target.direction = target.direction || nodeDirection;
+ target.point = nodeConnectingPoint;
+ if (element.targetPortWrapper) {
+ target.point = { x: targetPort.offsetX, y: targetPort.offsetY };
+ if (element.targetPadding) {
+ target.point = addPaddingToConnector(element, source, target, true);
+ }
+ }
+ }
+}
+/**
+ * addPaddingToConnector method \
+ *
+ * @returns { void } addPaddingToConnector method .\
+ * @param {Connector} element - provide the element value.
+ * @param {DiagramElement} source - provide the target value.
+ * @param {DiagramElement} target - provide the target value.
+ * @param {DiagramElement} isTarget - provide the target value.
+ *
+ * @private
+ */
+function addPaddingToConnector(element, source, target, isTarget) {
+ var sourcePort = element.sourcePortWrapper;
+ var targetPort = element.targetPortWrapper;
+ var padding = (isTarget) ? element.targetPadding : element.sourcePadding;
+ var paddingPort = (isTarget) ? targetPort : sourcePort;
+ var rect = new _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"](paddingPort.bounds.x - padding, paddingPort.bounds.y - padding, paddingPort.actualSize.width + 2 * padding, paddingPort.actualSize.height + 2 * padding);
+ var segmentPoints = [rect.topLeft, rect.topRight, rect.bottomRight, rect.bottomLeft];
+ segmentPoints[segmentPoints.length] = segmentPoints[0];
+ //const length: number = segmentPoints.length;
+ var thisSegment = { x1: source.point.x, y1: source.point.y, x2: target.point.x, y2: target.point.y };
+ var point = (isTarget) ? target.point : source.point;
+ return getIntersectionPoints(thisSegment, segmentPoints, true, point) || point;
+}
+/**
+ * checkSourceAndTargetIntersect method \
+ *
+ * @returns { void } checkSourceAndTargetIntersect method .\
+ * @param {DiagramElement} sourceWrapper - provide the sourceWrapper value.
+ * @param {DiagramElement} targetWrapper - provide the targetWrapper value.
+ * @param {Connector} connector - provide the Connector value.
+ *
+ * @private
+ */
+function checkSourceAndTargetIntersect(sourceWrapper, targetWrapper, connector) {
+ var sourceSegment = createSegmentsCollection(sourceWrapper, connector.sourcePadding);
+ var targetSegment = createSegmentsCollection(targetWrapper, connector.targetPadding);
+ for (var i = 0; i < sourceSegment.length - 1; i++) {
+ var srcSegment = sourceSegment[parseInt(i.toString(), 10)];
+ for (var j = 0; j < targetSegment.length - 1; j++) {
+ var tarSegmet = targetSegment[parseInt(j.toString(), 10)];
+ if (Object(_diagram_util__WEBPACK_IMPORTED_MODULE_2__["intersect3"])(srcSegment, tarSegmet).enabled) {
+ return true;
+ }
+ }
+ }
+ return false;
+}
+/**
+ * createSegmentsCollection method \
+ *
+ * @returns { Segment[] } createSegmentsCollection method .\
+ * @param {DiagramElement} sourceWrapper - provide the sourceWrapper value.
+ * @param {number} padding - provide the padding value.
+ *
+ * @private
+ */
+function createSegmentsCollection(sourceWrapper, padding) {
+ var segments = [];
+ var points = Object(_diagram_util__WEBPACK_IMPORTED_MODULE_2__["getPoints"])(sourceWrapper, sourceWrapper.corners, padding);
+ points.push(points[0]);
+ for (var i = 0; i < points.length - 1; i++) {
+ segments.push(createLineSegment(points[parseInt(i.toString(), 10)], points[i + 1]));
+ }
+ return segments;
+}
+/**
+ * createLineSegment method \
+ *
+ * @returns { Segment } createLineSegment method .\
+ * @param {PointModel} sPt - provide the sourceWrapper value.
+ * @param {PointModel} tPt - provide the padding value.
+ *
+ * @private
+ */
+function createLineSegment(sPt, tPt) {
+ var line = { x1: sPt.x, y1: sPt.y, x2: tPt.x, y2: tPt.y };
+ return line;
+}
+/**
+ * swapBounds method \
+ *
+ * @returns { Corners } swapBounds method .\
+ * @param {PointModel} object - provide the sourceWrapper value.
+ * @param {PointModel} bounds - provide the padding value.
+ * @param {Rect} outerBounds - provide the padding value.
+ *
+ * @private
+ */
+function swapBounds(object, bounds, outerBounds) {
+ var rectBounds;
+ var rotateAngle = object.rotateAngle + object.parentTransform;
+ if (rotateAngle) {
+ if (rotateAngle < 45) {
+ return bounds;
+ }
+ else if (rotateAngle <= 135) {
+ rectBounds = {
+ width: bounds.width, height: bounds.height,
+ topLeft: bounds.bottomLeft, topCenter: bounds.middleLeft, topRight: bounds.topLeft,
+ middleLeft: bounds.bottomCenter, center: outerBounds.center, middleRight: bounds.topCenter,
+ bottomLeft: bounds.bottomRight, bottomCenter: bounds.middleRight, bottomRight: bounds.topRight,
+ left: outerBounds.left, right: outerBounds.right, top: outerBounds.top, bottom: outerBounds.bottom
+ };
+ }
+ else if (rotateAngle <= 225) {
+ rectBounds = {
+ width: bounds.width, height: bounds.height,
+ topLeft: bounds.bottomLeft, topCenter: bounds.bottomCenter, topRight: bounds.bottomRight,
+ middleLeft: bounds.middleRight, center: outerBounds.center, middleRight: bounds.middleLeft,
+ bottomLeft: bounds.topLeft, bottomCenter: bounds.topCenter, bottomRight: bounds.topRight,
+ left: outerBounds.left, right: outerBounds.right, top: outerBounds.top,
+ bottom: outerBounds.bottom
+ };
+ }
+ else if (rotateAngle <= 315) {
+ rectBounds = {
+ width: bounds.width, height: bounds.height,
+ topLeft: bounds.topRight, topCenter: bounds.middleRight, topRight: bounds.bottomRight,
+ middleLeft: bounds.topCenter, center: outerBounds.center, middleRight: bounds.bottomCenter,
+ bottomLeft: bounds.topLeft, bottomCenter: bounds.middleLeft, bottomRight: bounds.bottomLeft,
+ left: outerBounds.left, right: outerBounds.right, top: outerBounds.top, bottom: outerBounds.bottom
+ };
+ }
+ else {
+ return bounds;
+ }
+ return rectBounds;
+ }
+ return bounds;
+}
+/**
+ * defaultOrthoConnection method \
+ *
+ * @returns { PointModel[] } defaultOrthoConnection method .\
+ * @param {Connector} ele - provide the Connector value.
+ * @param {Direction} srcDir - provide the srcDir value.
+ * @param {Direction} tarDir - provide the srcDir value.
+ * @param {PointModel} sPt - provide the sPt value.
+ * @param {PointModel} tPt - provide the tPt value.
+ * @param {Rect} lineDistribution - provide the padding value.
+ *
+ * @private
+ */
+/* tslint:disable */
+// eslint-disable-next-line
+function defaultOrthoConnection(ele, srcDir, tarDir, sPt, tPt, lineDistribution) {
+ var sourceEle = ele.sourceWrapper;
+ var targetEle = ele.targetWrapper;
+ var srcPort = ele.sourcePortWrapper;
+ var tarPort = ele.targetPortWrapper;
+ var intermeditatePoints = [];
+ var refPoint;
+ var srcCor = sourceEle.corners;
+ // eslint-disable-next-line
+ var tarCor = targetEle.corners;
+ var point = tarCor.center; //const i: number;
+ var sourceMargin = { left: 5, right: 5, bottom: 5, top: 5 };
+ var targetMargin = { left: 5, right: 5, bottom: 5, top: 5 };
+ var source = { corners: srcCor, point: sPt, direction: srcDir, margin: sourceMargin };
+ // eslint-disable-next-line
+ var target = { corners: tarCor, point: tPt, direction: tarDir, margin: targetMargin };
+ var srcBounds = swapBounds(sourceEle, srcCor, ele.sourceWrapper.bounds);
+ var tarBounds = swapBounds(targetEle, tarCor, ele.targetWrapper.bounds);
+ var isInterSect = false;
+ if (ele.sourceWrapper && ele.targetWrapper) {
+ isInterSect = checkSourceAndTargetIntersect(ele.sourceWrapper, ele.targetWrapper, ele);
+ }
+ if (srcPort !== undefined) {
+ source.point = { x: srcPort.offsetX, y: srcPort.offsetY };
+ switch (source.direction) {
+ case 'Bottom':
+ case 'Top':
+ // eslint-disable-next-line
+ source.point.y = source.point.y;
+ break;
+ case 'Left':
+ case 'Right':
+ // eslint-disable-next-line
+ source.point.x = source.point.x;
+ break;
+ }
+ if (ele.sourcePadding && !isInterSect) {
+ if (tarPort) {
+ target.point = {
+ x: tarPort.offsetX,
+ y: tarPort.offsetY
+ };
+ }
+ source.point = addPaddingToConnector(ele, source, target, false);
+ }
+ }
+ else {
+ if (ele.type === 'Orthogonal' || ele.type === 'Bezier') {
+ if (ele.segments && ele.segments.length > 0 && ele.segments[0].direction) {
+ source.direction = ele.segments[0].direction;
+ }
+ source.point = findPoint(srcBounds, source.direction);
+ refPoint = findPoint(srcBounds, getOppositeDirection(source.direction));
+ source.point = getIntersection(ele, sourceEle, source.point, refPoint, false);
+ }
+ else {
+ source.point = sourceEle.corners.center;
+ }
+ }
+ if (tarPort !== undefined) {
+ target.point = {
+ x: tarPort.offsetX,
+ y: tarPort.offsetY
+ };
+ switch (target.direction) {
+ case 'Bottom':
+ case 'Top':
+ // eslint-disable-next-line
+ target.point.y = target.point.y;
+ break;
+ case 'Left':
+ case 'Right':
+ // eslint-disable-next-line
+ target.point.x = target.point.x;
+ break;
+ }
+ if (ele.targetPadding && !isInterSect) {
+ target.point = addPaddingToConnector(ele, source, target, true);
+ }
+ }
+ else {
+ if (ele.type === 'Orthogonal' || ele.type === 'Bezier') {
+ target.point = findPoint(tarBounds, target.direction);
+ refPoint = findPoint(tarBounds, getOppositeDirection(target.direction));
+ target.point = getIntersection(ele, targetEle, target.point, refPoint, true);
+ }
+ else {
+ target.point = targetEle.corners.center;
+ }
+ }
+ if (ele.type !== 'Orthogonal') {
+ var segment = void 0;
+ var first = void 0;
+ if (ele.type === 'Bezier') {
+ //EJ2-67651 - Bezier segment points are static when we move the connector's source or target node.
+ if ((ele.bezierSettings.allowSegmentsReset || (ele.segments.length === 0 ||
+ (!_primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].isEmptyPoint(ele.segments[ele.segments.length - 1].point))))) {
+ intermeditatePoints = findOrthoSegments(ele, source, target, undefined, lineDistribution);
+ intermeditatePoints = intermeditatePointsForStraight(ele, source, target);
+ return intermeditatePoints;
+ }
+ else {
+ checkLastSegmentasTerminal(ele);
+ }
+ }
+ else {
+ checkLastSegmentasTerminal(ele);
+ }
+ if (ele.sourcePortWrapper === undefined) {
+ source.point = source.corners.center;
+ if (ele.segments && ele.segments.length > 0) {
+ first = ele.segments[0];
+ segment = (!_primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].isEmptyPoint(first.point)) ? first : undefined;
+ }
+ var tarPoint = (segment !== undefined) ? segment.point : target.point;
+ if (ele.type === 'Bezier' && ele.segments.length > 0 &&
+ ele.segments[0].vector1.angle && ele.segments[0].vector1.distance) {
+ var value = Math.max(source.corners.width, source.corners.height);
+ tarPoint = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].transform(source.point, ele.segments[0].vector1.angle, value / 2);
+ }
+ source.point = isInterSect ? ele.sourceWrapper.bounds.center : getIntersection(ele, sourceEle, source.point, tarPoint, false);
+ }
+ if (ele.targetPortWrapper === undefined) {
+ target.point = target.corners.center;
+ if (ele.segments && ele.segments.length > 1) {
+ first = ele.segments[ele.segments.length - 2];
+ segment = (!_primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].isEmptyPoint(first.point)) ? first : undefined;
+ }
+ var srcPoint = (segment) ? segment.point : source.point;
+ if (ele.type === 'Bezier' && ele.segments.length > 0 &&
+ ele.segments[ele.segments.length - 1].vector2.angle &&
+ ele.segments[ele.segments.length - 1].vector2.distance) {
+ var value = Math.max(source.corners.width, source.corners.height);
+ srcPoint = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].transform(target.point, ele.segments[0].vector2.angle, value / 2);
+ }
+ target.point = isInterSect ? ele.targetWrapper.bounds.center : getIntersection(ele, targetEle, srcPoint, target.point, true);
+ }
+ intermeditatePoints = intermeditatePointsForStraight(ele, source, target);
+ }
+ else {
+ if (ele.type === 'Orthogonal' && (ele.segments && ele.segments.length > 0) &&
+ ele.segments[0].direction !== null) {
+ intermeditatePoints = findIntermeditatePoints(ele, source, target, srcPort, tarPort, sourceEle, targetEle);
+ }
+ else {
+ if (!ele.segments[0]) {
+ var segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["OrthogonalSegment"](ele, 'segments', { type: 'Orthogonal' }, true);
+ ele.segments.push(segment);
+ }
+ // eslint-disable-next-line
+ ele.segments[0].points = intermeditatePoints = findOrthoSegments(ele, source, target, undefined, lineDistribution);
+ }
+ }
+ return intermeditatePoints;
+}
+/**
+ * intermeditatePointsForStraight method \
+ *
+ * @returns { PointModel[] } intermeditatePointsForStraight method .\
+ * @param {Connector} element - provide the Connector value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ *
+ * @private
+ */
+function intermeditatePointsForStraight(element, source, target) {
+ var intermeditatePoints = [];
+ if (element.segments && element.segments.length > 0) {
+ var i = void 0;
+ var segPoint = [];
+ var srcPoint = source.point;
+ for (i = 0; i < element.segments.length; i++) {
+ var seg = element.segments[parseInt(i.toString(), 10)];
+ segPoint = [];
+ segPoint.push(srcPoint);
+ if (i !== element.segments.length - 1) {
+ segPoint.push(seg.point);
+ srcPoint = seg.point;
+ }
+ else {
+ segPoint.push(target.point);
+ }
+ element.segments[parseInt(i.toString(), 10)].points = segPoint;
+ if (element.segments.length > 1 && _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].equals(seg.points[0], seg.points[1])) {
+ (element.segments).splice(i, 1);
+ }
+ if (seg) {
+ for (var j = 0; j < seg.points.length; j++) {
+ if (j > 0 || i === 0) {
+ intermeditatePoints.push(seg.points[parseInt(j.toString(), 10)]);
+ }
+ }
+ }
+ }
+ }
+ return intermeditatePoints;
+}
+/**
+ * findSourceDirection method \
+ *
+ * @returns { PointModel[] } findSourceDirection method .\
+ * @param {Direction} dir - provide the dir value.
+ * @param {PointModel} srcPoint - provide the srcPoint value.
+ * @param {PointModel} tarPoint - provide the tarPoint value.
+ *
+ * @private
+ */
+function findSourceDirection(dir, srcPoint, tarPoint) {
+ var direction = (dir === 'Top' || dir === 'Bottom') ?
+ ((tarPoint.x > srcPoint.x) ? 'Right' : 'Left') :
+ ((tarPoint.y > srcPoint.y) ? 'Bottom' : 'Top');
+ return direction;
+}
+/**
+ * checkLastSegmentasTerminal method \
+ *
+ * @returns { void } checkLastSegmentasTerminal method .\
+ * @param {Connector} ele - provide the Connector value.
+ *
+ * @private
+ */
+function checkLastSegmentasTerminal(ele) {
+ if (ele.type === 'Straight' || ele.type === 'Bezier') {
+ if ((ele.segments.length === 0 || (ele.segments.length > 0 &&
+ (!_primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].isEmptyPoint(ele.segments[ele.segments.length - 1].point))))) {
+ //let segment: BezierSegmentModel | StraightSegmentModel;
+ if (ele.type === 'Bezier') {
+ var segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](ele, 'segments', { type: 'Bezier', isInternalSegment: true }, true);
+ (ele.segments).push(segment);
+ }
+ else {
+ var segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["StraightSegment"](ele, 'segments', { type: 'Straight' }, true);
+ (ele.segments).push(segment);
+ }
+ }
+ }
+ else {
+ if (ele.segments.length === 0 || ele.segments[ele.segments.length - 1].direction) {
+ var segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["OrthogonalSegment"](ele, 'segments', { type: 'Orthogonal' }, true);
+ ele.segments.push(segment);
+ }
+ }
+}
+/**
+ * checkConsectiveSegmentAsSame method \
+ *
+ * @returns { number } checkConsectiveSegmentAsSame method .\
+ * @param {Connector} ele - provide the Connector value.
+ * @param {Connector} i - provide the Connector value.
+ * @param {Connector} source - provide the Connector value.
+ *
+ * @private
+ */
+function checkConsectiveSegmentAsSame(ele, i, source) {
+ var seg = ele.segments[parseInt(i.toString(), 10)];
+ var extra = (seg.direction === 'Left' || seg.direction === 'Top') ? -(seg.length) : seg.length;
+ var angle = (seg.direction === 'Left' || seg.direction === 'Right') ? 0 : 90;
+ var segPoint = addLineSegment(source.point, extra, angle);
+ ele.segments[i - 1].length += seg.length;
+ ele.segments[i - 1].points[1] = source.point = segPoint;
+ ele.segments.splice(i, 1);
+ i--;
+ return i;
+}
+/**
+ * nodeOrPortToNode method \
+ *
+ * @returns { PointModel[] } nodeOrPortToNode method .\
+ * @param {Connector} ele - provide the Connector value.
+ * @param {End} source - provide the Connector value.
+ * @param {End} target - provide the Connector value.
+ *
+ * @private
+ */
+function nodeOrPortToNode(ele, source, target) {
+ var point;
+ var portdirection;
+ if (ele.sourcePortWrapper) {
+ var port = { x: ele.sourcePortWrapper.offsetX, y: ele.sourcePortWrapper.offsetY };
+ portdirection = getPortDirection(port, Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(ele.sourceWrapper), ele.sourceWrapper.bounds, false);
+ }
+ findDirection(ele.targetWrapper, source, target, ele);
+ var direction = findSourceDirection(target.direction, source.point, target.point);
+ if (ele.sourcePortWrapper !== undefined && source.direction === target.direction &&
+ ((source.direction === 'Top' || source.direction === 'Bottom') && (source.corners.center.x === target.corners.center.x)
+ || (source.direction === 'Left' || source.direction === 'Right') && (source.corners.center.y === target.corners.center.y))) {
+ source.direction = direction;
+ point = (direction === 'Top' || direction === 'Bottom') ?
+ orthoConnection3Segment(ele, source, target, ele.sourceWrapper.height / 2 + 20) :
+ orthoConnection3Segment(ele, source, target, ele.sourceWrapper.width / 2 + 20);
+ var source1 = source;
+ source1.point = point[1];
+ if (direction === 'Left' || direction === 'Right') {
+ target.direction = direction;
+ target.point = (direction === 'Left') ? target.corners.middleLeft : target.corners.middleRight;
+ }
+ else {
+ findDirection(ele.targetWrapper, source, target, ele);
+ }
+ point = orthoConnection3Segment(ele, source, target);
+ }
+ else if (target.point.x >= source.corners.left && target.point.x <= source.corners.right &&
+ source.point.y >= source.corners.top && source.point.y <= source.corners.bottom) {
+ source.direction = (target.point.y > source.point.y) ? 'Bottom' : 'Top';
+ var length_2 = (source.direction === 'Top') ? (source.point.y - source.corners.top + 20) :
+ (source.corners.bottom - source.point.y + 20);
+ point = orthoConnection3Segment(ele, source, target, length_2);
+ }
+ else if (ele.sourcePortWrapper && portdirection === getOppositeDirection(direction)) {
+ var length_3;
+ if ((portdirection === 'Left' || portdirection === 'Right') && (source.point.y >= source.corners.top
+ && source.point.y <= source.corners.bottom)) {
+ source.direction = (target.point.y > source.point.y) ? 'Bottom' : 'Top';
+ length_3 = source.corners.height / 2 + 20;
+ }
+ else if ((portdirection === 'Top' || portdirection === 'Bottom') && (source.point.x >= source.corners.left
+ && source.point.x <= source.corners.right)) {
+ source.direction = (target.point.x > source.point.x) ? 'Right' : 'Left';
+ length_3 = source.corners.width / 2 + 20;
+ }
+ if (source.direction && length_3) {
+ point = orthoConnection3Segment(ele, source, target, length_3, true);
+ }
+ else {
+ source.direction = direction;
+ point = orthoConnection2Segment(source, target);
+ }
+ }
+ else if (ele.sourcePortWrapper && portdirection === target.direction && (portdirection === 'Top' || portdirection === 'Bottom') &&
+ (source.corners.center.x === target.corners.center.x)) {
+ source.direction = (target.point.y > source.point.y) ? 'Bottom' : 'Top';
+ var len = (source.direction === 'Bottom') ? (source.corners.bottom - source.point.y + 20) :
+ (source.point.y - source.corners.top + 20);
+ point = orthoConnection3Segment(ele, source, target, len);
+ }
+ else {
+ source.direction = direction;
+ point = orthoConnection2Segment(source, target);
+ }
+ return point;
+}
+/**
+ * checkSourcePointInTarget method \
+ *
+ * @returns { void } checkSourcePointInTarget method .\
+ * @param {Connector} ele - provide the Connector value.
+ * @param {End} source - provide the Connector value.
+ *
+ * @private
+ */
+function checkSourcePointInTarget(ele, source) {
+ if (ele.targetWrapper !== undefined && ele.targetPortWrapper === undefined) {
+ var padding = 1;
+ if (Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(ele.targetWrapper).containsPoint(source.point, padding)) {
+ var target = ele.targetWrapper;
+ var segment = ele.segments[ele.segments.length - 2];
+ var lastPoint = segment.points[segment.points.length - 1];
+ var direction = getOppositeDirection(segment.direction);
+ if (direction === 'Bottom') {
+ if (lastPoint.y < target.corners.bottom + padding) {
+ segment.points[segment.points.length - 1].y = target.corners.bottom + 20;
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(segment.points[0], segment.points[segment.points.length - 1]);
+ }
+ }
+ else if (direction === 'Top') {
+ if (lastPoint.y > target.corners.top - padding) {
+ segment.points[segment.points.length - 1].y = target.corners.top - 20;
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(segment.points[0], segment.points[segment.points.length - 1]);
+ }
+ }
+ else if (direction === 'Left') {
+ if (lastPoint.x > target.corners.left - padding) {
+ segment.points[segment.points.length - 1].x = target.corners.left - 20;
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(segment.points[0], segment.points[segment.points.length - 1]);
+ }
+ }
+ else if (direction === 'Right') {
+ if (lastPoint.x < target.corners.right + padding) {
+ segment.points[segment.points.length - 1].x = target.corners.right + 20;
+ segment.length = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(segment.points[0], segment.points[segment.points.length - 1]);
+ }
+ }
+ source.point = segment.points[segment.points.length - 1];
+ }
+ }
+}
+/**
+ * findIntermeditatePoints method \
+ *
+ * @returns { void } findIntermeditatePoints method .\
+ * @param {Connector} ele - provide the ele value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the source value.
+ * @param {DiagramElement} srcPort - provide the srcPort value.
+ * @param {DiagramElement} tarPort - provide the tarPort value.
+ * @param {DiagramElement} sourceEle - provide the sourceEle value.
+ * @param {DiagramElement} targetEle - provide the targetEle value.
+ * @private
+ */
+function findIntermeditatePoints(ele, source, target, srcPort, tarPort, sourceEle, targetEle) {
+ var point;
+ var intermeditatePoints = [];
+ var seg;
+ var j;
+ var removeSegment;
+ checkLastSegmentasTerminal(ele);
+ for (var i = 0; i < ele.segments.length; i++) {
+ seg = ele.segments[parseInt(i.toString(), 10)];
+ if (srcPort && source.direction === getOppositeDirection(seg.direction)) {
+ seg.direction = source.direction;
+ }
+ if (i > 0 && ele.segments[i - 1].direction === seg.direction) {
+ i = checkConsectiveSegmentAsSame(ele, i, source);
+ }
+ else {
+ if (seg.direction) {
+ source.point = updateSegmentPoints(source, ele.segments[parseInt(i.toString(), 10)]);
+ }
+ else {
+ var segment = ele.segments[i - 1];
+ source.point = segment.points[segment.points.length - 1];
+ }
+ }
+ if (i === ele.segments.length - 1) {
+ checkSourcePointInTarget(ele, source);
+ if (tarPort === undefined) {
+ point = nodeOrPortToNode(ele, source, target);
+ }
+ else {
+ point = pointToPort(ele, source, target);
+ }
+ checkPreviousSegment(point, ele, source);
+ seg.points = [];
+ if (point.length >= 2) {
+ for (j = 0; j < point.length; j++) {
+ if (!ele.selectedSegmentIndex) {
+ seg.points.push(point[parseInt(j.toString(), 10)]);
+ }
+ else {
+ // EJ2-65063 - If point length is greater then 2 means then empty the last segment points and set it as two points instead of four points
+ if (j === point.length - 1 && point.length > 2 && ele.segments.length > 2) {
+ var point2 = void 0;
+ // EJ2-69304 - Change the point calculation to work for all port combination
+ point2 = { x: point[parseInt(j.toString(), 10)].x, y: source.point.y };
+ // EJ2 - 65063 - Empty the segment points
+ seg.points = [];
+ // EJ2-69304 - Calculate the point for segment and manually push the point in segment point calculation
+ seg.points.push(point[parseInt(j.toString(), 10)]);
+ seg.points.push(point2);
+ var segment = ele.segments[i - 1];
+ // EJ2-69304 - Assign the newly calculated point to the previous segment target point
+ segment.points[1] = seg.points[1];
+ }
+ else {
+ seg.points.push(point[parseInt(j.toString(), 10)]);
+ }
+ }
+ }
+ }
+ else {
+ removeSegment = i;
+ }
+ }
+ // EJ2-65063 - Added below condition !selectedSegmentIndex to restrict the connector segment to remove from its collection.
+ if (removeSegment !== undefined && !ele.selectedSegmentIndex) {
+ if (removeSegment === ele.segments.length - 1) {
+ ele.segments[removeSegment - 1].direction = null;
+ ele.segments[removeSegment - 1].length = null;
+ }
+ ele.segments.splice(removeSegment, 1);
+ }
+ if (srcPort && i === 0) {
+ var sourcePoint = checkPortdirection(ele, srcPort, sourceEle);
+ if (sourcePoint) {
+ source.point = sourcePoint;
+ }
+ }
+ }
+ return returnIntermeditatePoints(ele, intermeditatePoints);
+}
+/**
+ * returnIntermeditatePoints method \
+ *
+ * @returns { PointModel[] } returnIntermeditatePoints method .\
+ * @param {Connector} element - provide the ele value.
+ * @param {PointModel[]} intermeditatePoints - provide the source value.
+ * @private
+ */
+function returnIntermeditatePoints(element, intermeditatePoints) {
+ for (var i = 0; i < element.segments.length; i++) {
+ var seg = element.segments[parseInt(i.toString(), 10)];
+ for (var j = 0; j < seg.points.length; j++) {
+ if (j > 0 || i === 0) {
+ intermeditatePoints.push(seg.points[parseInt(j.toString(), 10)]);
+ }
+ }
+ }
+ return intermeditatePoints;
+}
+/**
+ * findDirection method \
+ *
+ * @returns { void } findDirection method .\
+ * @param {DiagramElement} node - provide the ele value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the source value.
+ * @param {Connector} ele - provide the source value.
+ * @private
+ */
+function findDirection(node, source, target, ele) {
+ var nodeDirection;
+ var nodeConnectingPoint = { x: 0, y: 0 };
+ var nodeCorners = swapBounds(node, node.corners, node.bounds);
+ var nodeMargin = source.margin;
+ var fixedPoint = source.point;
+ if (nodeCorners.bottomCenter.y + nodeMargin.bottom < fixedPoint.y) {
+ nodeDirection = 'Bottom';
+ nodeConnectingPoint = nodeCorners.bottomCenter;
+ }
+ else if (nodeCorners.topCenter.y - nodeMargin.top > fixedPoint.y) {
+ nodeDirection = 'Top';
+ nodeConnectingPoint = nodeCorners.topCenter;
+ }
+ else if (nodeCorners.middleLeft.x - nodeMargin.left > fixedPoint.x) {
+ nodeDirection = 'Left';
+ nodeConnectingPoint = nodeCorners.middleLeft;
+ }
+ else if (nodeCorners.middleRight.x + nodeMargin.right < fixedPoint.x) {
+ nodeDirection = 'Right';
+ nodeConnectingPoint = nodeCorners.middleRight;
+ }
+ else {
+ var top_1 = Math.abs(fixedPoint.y - nodeCorners.topCenter.y);
+ var right = Math.abs(fixedPoint.x - nodeCorners.middleRight.x);
+ var bottom = Math.abs(fixedPoint.y - nodeCorners.bottomCenter.y);
+ var left = Math.abs(fixedPoint.x - nodeCorners.middleLeft.x);
+ var shortes = Number.MAX_VALUE;
+ shortes = top_1;
+ nodeDirection = 'Top';
+ nodeConnectingPoint = nodeCorners.topCenter;
+ if (shortes > right) {
+ shortes = right;
+ nodeDirection = 'Right';
+ nodeConnectingPoint = nodeCorners.middleRight;
+ }
+ if (shortes > bottom) {
+ shortes = bottom;
+ nodeDirection = 'Bottom';
+ nodeConnectingPoint = nodeCorners.bottomCenter;
+ }
+ if (shortes > left) {
+ //shortes = left;
+ nodeDirection = 'Left';
+ nodeConnectingPoint = nodeCorners.middleLeft;
+ }
+ }
+ target.point = nodeConnectingPoint;
+ target.direction = nodeDirection;
+ var refPoint = findPoint(nodeCorners, getOppositeDirection(target.direction));
+ target.point = getIntersection(ele, node, target.point, refPoint, node === ele.targetWrapper);
+}
+/**
+ * findOrthoSegments method \
+ *
+ * @returns { PointModel[] } findOrthoSegments method .\
+ * @param {DiagramElement} ele - provide the ele value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @param {Connector} extra - provide the extra value.
+ * @param {boolean} lineDistribution - provide the lineDistribution value.
+ * @private
+ */
+function findOrthoSegments(ele, source, target, extra, lineDistribution) {
+ var swap = false;
+ var intermeditatePoints = [];
+ var seg;
+ swap = getSwapping(source.direction, target.direction);
+ if (swap) {
+ swapPoints(source, target);
+ }
+ if (source.direction === 'Right' && target.direction === 'Left') {
+ seg = getRightToLeftSegmentCount(ele, source, target, swap);
+ }
+ else if (source.direction === 'Right' && target.direction === 'Right') {
+ seg = getRightToRightSegmentCount(ele, source, target);
+ }
+ else if (source.direction === 'Right' && target.direction === 'Top') {
+ seg = getRightToTopSegmentCount(ele, source, target, swap);
+ }
+ else if (source.direction === 'Right' && target.direction === 'Bottom') {
+ seg = getRightToBottomSegmentCount(ele, source, target, swap);
+ }
+ else if (source.direction === 'Bottom' && target.direction === 'Top') {
+ seg = getBottomToTopSegmentCount(ele, source, target);
+ }
+ else if (source.direction === 'Bottom' && target.direction === 'Bottom') {
+ /**
+ * EJ2-56920-Option to adjust the distance between source node and target node.
+ */
+ var margin = findMargin(ele);
+ source.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ target.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ seg = getBottomToBottomSegmentCount(ele, source, target);
+ }
+ else if (source.direction === 'Bottom' && target.direction === 'Left') {
+ seg = getBottomToLeftSegmentCount(ele, source, target, swap);
+ }
+ else if (source.direction === 'Left' && target.direction === 'Left') {
+ seg = getLeftToLeftSegmentCount(ele, source, target);
+ }
+ else if (source.direction === 'Left' && target.direction === 'Top') {
+ seg = getLeftToTopSegmentCount(ele, source, target, swap);
+ }
+ else if (source.direction === 'Top' && target.direction === 'Top') {
+ seg = getTopToTopSegmentCount(ele, source, target);
+ }
+ if (swap) {
+ swapPoints(source, target);
+ }
+ intermeditatePoints = addOrthoSegments(ele, seg, source, target, extra, lineDistribution);
+ if (ele.type === 'Bezier') {
+ convertPointToBezierSegment(ele, seg, intermeditatePoints);
+ }
+ return intermeditatePoints;
+}
+/**
+ * Returns the margin of source node and the target node
+ *
+ * @returns { number } - findMargin method .\
+ * @param { Connector } element - provide the element value
+ * @private
+ */
+function findMargin(element) {
+ var margin;
+ if (element.connectorSpacing >= 13) {
+ margin = 13;
+ }
+ else if (element.connectorSpacing <= 1) {
+ margin = 1;
+ }
+ else {
+ margin = element.connectorSpacing;
+ }
+ return margin;
+}
+/**
+ * findAngle method \
+ *
+ * @returns { number } findAngle method .\
+ * @param {DiagramElement} s - provide the s value.
+ * @param {End} e - provide the e value.
+ * @private
+ */
+function findAngle(s, e) {
+ var r = { x: e.x, y: s.y };
+ //const sr: number = Point.findLength(s, r);
+ var re = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(r, e);
+ var es = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(e, s);
+ var ang = Math.asin(re / es);
+ ang = ang * 180 / Math.PI;
+ if (s.x < e.x) {
+ if (s.y > e.y) {
+ ang = 360 - ang;
+ }
+ }
+ else {
+ if (s.y < e.y) {
+ ang = 180 - ang;
+ }
+ else {
+ ang = 180 + ang;
+ }
+ }
+ return ang;
+}
+/**
+ * findPoint method \
+ *
+ * @returns { number } findPoint method .\
+ * @param {Corners} cor - provide the cor value.
+ * @param {string} direction - provide the direction value.
+ * @private
+ */
+function findPoint(cor, direction) {
+ var point;
+ switch (direction) {
+ case 'Left':
+ point = cor.middleLeft;
+ break;
+ case 'Top':
+ point = cor.topCenter;
+ break;
+ case 'Right':
+ point = cor.middleRight;
+ break;
+ case 'Bottom':
+ point = cor.bottomCenter;
+ break;
+ }
+ return point;
+}
+/**
+ * pointsFromNodeToPoint method \
+ *
+ * @returns { number } pointsFromNodeToPoint method .\
+ * @param {OrthogonalSegment} seg - provide the seg value.
+ * @param {string} direction - provide the direction value.
+ * @param {Rect} bounds - provide the bounds value.
+ * @param {PointModel} point - provide the point value.
+ * @param {PointModel} endPoint - provide the endPoint value.
+ * @param {boolean} isTarget - provide the isTarget value.
+ * @private
+ */
+function pointsFromNodeToPoint(seg, direction, bounds, point, endPoint, isTarget) {
+ var minSpace = 13;
+ var x;
+ var points = [];
+ var y;
+ points.push(point);
+ //let straight: boolean;
+ var straight = (point.y === endPoint.y && (direction === 'Left' && endPoint.x < point.x ||
+ direction === 'Right' && endPoint.x > point.x)) ||
+ (point.x === endPoint.x && (direction === 'Top' && endPoint.y < point.y ||
+ direction === 'Bottom' && endPoint.y > point.y));
+ if (!straight) {
+ if (direction === 'Top' || direction === 'Bottom') {
+ if (direction === 'Top' && endPoint.y < point.y && endPoint.y > point.y - minSpace ||
+ direction === 'Bottom' && endPoint.y > point.y && endPoint.y < point.y + minSpace) {
+ y = direction === 'Top' ? bounds.top - minSpace : bounds.bottom + minSpace;
+ points.push({ x: point.x, y: y });
+ points.push({ x: point.x + (endPoint.x - point.x) / 2, y: y });
+ points.push({ x: point.x + (endPoint.x - point.x) / 2, y: endPoint.y });
+ }
+ else if (Math.abs(point.x - endPoint.x) > minSpace &&
+ (direction === 'Top' && endPoint.y < point.y || direction === 'Bottom' && endPoint.y > point.y)) {
+ //twosegments
+ points.push({ x: point.x, y: endPoint.y });
+ }
+ else {
+ y = direction === 'Top' ? bounds.top - minSpace : bounds.bottom + minSpace;
+ x = (endPoint.x < point.x) ? bounds.left - minSpace : bounds.right + minSpace;
+ points.push({ x: point.x, y: y });
+ points.push({ x: endPoint.x, y: y });
+ }
+ }
+ else {
+ if (direction === 'Left' && endPoint.x < point.x && endPoint.x > point.x - minSpace || direction === 'right' &&
+ endPoint.x > point.x && endPoint.x < point.x + minSpace) {
+ x = direction === 'Left' ? bounds.left - minSpace : bounds.right + minSpace;
+ points.push({ x: x, y: point.y });
+ points.push({ x: x, y: point.y + (endPoint.y - point.y) / 2 });
+ points.push({ x: endPoint.x, y: point.y + (endPoint.y - point.y) / 2 });
+ }
+ else if (Math.abs(point.y - endPoint.y) > minSpace &&
+ (direction === 'Left' && endPoint.x < point.x || direction === 'Right' && endPoint.x > point.x)) {
+ points.push({ x: endPoint.x, y: point.y });
+ //twosegments
+ }
+ else {
+ x = direction === 'Left' ? bounds.left - minSpace : bounds.right + minSpace;
+ points.push({ x: x, y: point.y });
+ points.push({ x: x, y: endPoint.y });
+ }
+ }
+ if (isTarget) {
+ points.push(seg.points[0]);
+ points.reverse();
+ }
+ seg.points = points;
+ }
+}
+/**
+ * addLineSegment method \
+ *
+ * @returns { PointModel } addLineSegment method .\
+ * @param {PointModel} point - provide the seg value.
+ * @param {number} extra - provide the direction value.
+ * @param {number} angle - provide the bounds value.
+ * @private
+ */
+function addLineSegment(point, extra, angle) {
+ var segEnd = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].transform(point, angle, extra);
+ return segEnd;
+}
+/**
+ * getIntersection method \
+ *
+ * @returns { PointModel } getIntersection method .\
+ * @param {PointModel} ele - provide the ele value.
+ * @param {number} bounds - provide the bounds value.
+ * @param {number} sPt - provide the sPt value.
+ * @param {number} tPt - provide the tPt value.
+ * @param {number} isTar - provide the isTar value.
+ * @private
+ */
+function getIntersection(ele, bounds, sPt, tPt, isTar) {
+ sPt = { x: sPt.x, y: sPt.y };
+ tPt = { x: tPt.x, y: tPt.y };
+ //const angle: number = Point.findAngle(tPt, sPt); ///let child: PathElement;// let intersection: PointModel;
+ var wrapper = isTar ? ele.targetWrapper : ele.sourceWrapper;
+ var padding = (isTar ? ele.targetPadding : ele.sourcePadding);
+ var rect;
+ var segmentPoints;
+ var point = isTar || (ele.type === 'Orthogonal' || ele.type === 'Bezier') ? sPt : tPt;
+ //const sourcePoint: PointModel = Point.transform(sPt, angle, Math.max(wrapper.actualSize.height / 2, wrapper.actualSize.width / 2));
+ var child = wrapper;
+ var sPt1 = Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["rotatePoint"])(-wrapper.parentTransform, wrapper.offsetX, wrapper.offsetY, sPt);
+ var tPt1 = Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["rotatePoint"])(-wrapper.parentTransform, wrapper.offsetX, wrapper.offsetY, tPt);
+ if (ele.type === 'Orthogonal' || ele.type === 'Bezier') {
+ var constValue = 5;
+ if (sPt1.x === tPt1.x) {
+ if (sPt1.y < tPt1.y) {
+ sPt1.y -= constValue;
+ }
+ else {
+ sPt1.y += constValue;
+ }
+ }
+ if (sPt1.y === tPt1.y) {
+ if (sPt1.x < tPt1.x) {
+ sPt1.x -= constValue;
+ }
+ else {
+ sPt1.x += constValue;
+ }
+ }
+ sPt = Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["rotatePoint"])(wrapper.parentTransform, wrapper.offsetX, wrapper.offsetY, sPt1);
+ }
+ else {
+ //const angle: number = isTar ? Point.findAngle(sPt, tPt) : Point.findAngle(tPt, sPt);
+ if (isTar) {
+ var angle = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findAngle(sPt, tPt);
+ tPt = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].transform({ x: tPt.x, y: tPt.y }, angle, Math.max(wrapper.actualSize.width, wrapper.actualSize.height));
+ }
+ else {
+ var angle = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findAngle(tPt, sPt);
+ sPt = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].transform({ x: sPt.x, y: sPt.y }, angle, Math.max(wrapper.actualSize.width, wrapper.actualSize.height));
+ }
+ }
+ if ((ele.sourcePadding || ele.targetPadding)) {
+ rect = new _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"](wrapper.bounds.x - padding, wrapper.bounds.y - padding, wrapper.actualSize.width + 2 * padding, wrapper.actualSize.height + 2 * padding);
+ }
+ if (wrapper instanceof _core_elements_path_element__WEBPACK_IMPORTED_MODULE_5__["PathElement"] && wrapper.data) {
+ segmentPoints = rect ? [rect.topLeft, rect.topRight, rect.bottomRight, rect.bottomLeft] : child.getPoints();
+ if (((child.data.split('m').length - 1) + (child.data.split('M').length - 1)) === 1) {
+ segmentPoints[segmentPoints.length] = segmentPoints[0];
+ }
+ }
+ else {
+ segmentPoints = rect ? [rect.topLeft, rect.topRight, rect.bottomRight, rect.bottomLeft] : Object(_diagram_util__WEBPACK_IMPORTED_MODULE_2__["getPoints"])(wrapper, wrapper.corners);
+ segmentPoints[segmentPoints.length] = segmentPoints[0];
+ }
+ //const length: number = segmentPoints.length;
+ var thisSegment = { x1: sPt.x, y1: sPt.y, x2: tPt.x, y2: tPt.y };
+ return getIntersectionPoints(thisSegment, segmentPoints, true, point) || sPt;
+}
+/**
+ * setLineEndPoint method \
+ *
+ * @returns { PointModel } setLineEndPoint method .\
+ * @param {PointModel} element - provide the ele value.
+ * @param {number} point - provide the bounds value.
+ * @param {number} isTarget - provide the sPt value.
+ * @private
+ */
+function setLineEndPoint(element, point, isTarget) {
+ point.x = Math.round(point.x * 100) / 100;
+ point.y = Math.round(point.y * 100) / 100;
+ if (isTarget) {
+ element.targetPoint = point;
+ }
+ else {
+ element.sourcePoint = point;
+ }
+ return point;
+}
+/**
+ * getIntersectionPoints method \
+ *
+ * @returns { PointModel } getIntersectionPoints method .\
+ * @param {Segment} thisSegment - provide the ele value.
+ * @param {Object[]} pts - provide the bounds value.
+ * @param {boolean} minimal - provide the sPt value.
+ * @param {PointModel} point - provide the sPt value.
+ * @private
+ */
+function getIntersectionPoints(thisSegment, pts, minimal, point) {
+ var length = pts.length;
+ var min;
+ var segment = {
+ x1: pts[0].x, y1: pts[0].y, x2: pts[1].x,
+ y2: pts[1].y
+ };
+ var intersection = intersectSegment(thisSegment, segment);
+ if (intersection) {
+ // if (!minimal) { return intersection; } //commented because minimal is always true
+ min = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(intersection, point);
+ }
+ if (isNaN(min) || min > 0) {
+ for (var i = 1; i < length - 1; i++) {
+ segment = {
+ x1: pts[parseInt(i.toString(), 10)].x, y1: pts[parseInt(i.toString(), 10)].y,
+ x2: pts[i + 1].x, y2: pts[i + 1].y
+ };
+ var intersect = intersectSegment(thisSegment, segment);
+ if (intersect) {
+ // if (!minimal) { return intersect; }//commented because minimal is always true
+ var dist = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].distancePoints(intersect, point);
+ if (isNaN(min) || min > dist) {
+ min = dist;
+ intersection = intersect;
+ }
+ if (min >= 0 && min <= 1) {
+ break;
+ }
+ }
+ }
+ }
+ return intersection;
+}
+/**
+ * intersectSegment method \
+ *
+ * @returns { PointModel } intersectSegment method .\
+ * @param {Segment} segment1 - provide the ele value.
+ * @param {Segment} segment2 - provide the bounds value.
+ * @private
+ */
+function intersectSegment(segment1, segment2) {
+ var x1 = segment1.x1;
+ var y1 = segment1.y1;
+ var x2 = segment1.x2;
+ var y2 = segment1.y2;
+ var x3 = segment2.x1;
+ var y3 = segment2.y1;
+ var x4 = segment2.x2;
+ var y4 = segment2.y2;
+ var a1;
+ var a2;
+ var b1;
+ var b2;
+ var c1;
+ var c2;
+ var x;
+ var y;
+ var r1;
+ var r2;
+ var r3;
+ var r4;
+ var offset;
+ var num;
+ // eslint-disable-next-line
+ a1 = y2 - y1;
+ b1 = x1 - x2;
+ c1 = (x2 * y1) - (x1 * y2);
+ // eslint-disable-next-line
+ r3 = ((a1 * x3) + (b1 * y3) + c1);
+ r4 = ((a1 * x4) + (b1 * y4) + c1);
+ if ((r3 !== 0) && (r4 !== 0) && sameSign(r3, r4)) {
+ return null;
+ }
+ // eslint-disable-next-line
+ a2 = y4 - y3;
+ b2 = x3 - x4;
+ c2 = (x4 * y3) - (x3 * y4);
+ // eslint-disable-next-line
+ r1 = (a2 * x1) + (b2 * y1) + c2;
+ r2 = (a2 * x2) + (b2 * y2) + c2;
+ if ((r1 !== 0) && (r2 !== 0) && (sameSign(r1, r2))) {
+ return null;
+ }
+ var denom = (a1 * b2) - (a2 * b1);
+ if (denom === 0) {
+ return null;
+ }
+ if (denom < 0) {
+ offset = -denom / 2;
+ }
+ else {
+ offset = denom / 2;
+ }
+ offset = 0;
+ num = (b1 * c2) - (b2 * c1);
+ if (num < 0) {
+ x = (num - offset) / denom;
+ }
+ else {
+ x = (num + offset) / denom;
+ }
+ num = (a2 * c1) - (a1 * c2);
+ if (num < 0) {
+ y = (num - offset) / denom;
+ }
+ else {
+ y = (num + offset) / denom;
+ }
+ return { x: x, y: y };
+}
+/**
+ * sameSign method \
+ *
+ * @returns { boolean } sameSign method .\
+ * @param {Connector} a - provide the Connector value.
+ * @param {End} b - provide the source End value.
+ * @private
+ */
+function sameSign(a, b) {
+ return ((a * b) >= 0);
+}
+/**
+ * getRightToLeftSegmentCount method \
+ *
+ * @returns { NoOfSegments } getRightToLeftSegmentCount method .\
+ * @param {Connector} element - provide the Connector value.
+ * @param {End} source - provide the source End value.
+ * @param {End} target - provide the target End value.
+ * @param {boolean} swap - provide the swap value.
+ * @private
+ */
+function getRightToLeftSegmentCount(element, source, target, swap) {
+ var srcPort = element.sourcePortWrapper;
+ //let targetPort: DiagramElement = element.targetPortWrapper;
+ var pts;
+ var diffY = Math.round(Math.abs(source.point.y - target.point.y));
+ //let diffX: number = Math.round(Math.abs(source.point.x - target.point.x));
+ var right = { x: Math.max(source.point.x, source.corners.right), y: source.point.y };
+ var left = { x: Math.min(target.point.x, target.corners.left), y: target.point.y };
+ var margin = findMargin(element);
+ if (swap) {
+ //let point: PointModel;
+ var point = left;
+ left = right;
+ right = point;
+ }
+ if (!(source.corners.bottom + margin < target.corners.top - margin ||
+ source.corners.top - margin > target.corners.bottom + margin)) {
+ if (element.type !== 'Bezier') {
+ margin = 0;
+ }
+ else if (target.corners.left - source.corners.right <= margin * 2 && target.corners.left - source.corners.right >= 5) {
+ margin = 0;
+ }
+ }
+ source.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ target.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ if (diffY === 0 && (source.corners.right < target.corners.left
+ || (swap && source.corners.right < target.corners.left))) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].One;
+ }
+ else if (source.point.x + source.margin.right < target.point.x - target.margin.left) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if (element.sourceWrapper !== element.targetWrapper &&
+ (Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(element.sourceWrapper).containsPoint(left) ||
+ Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(element.targetWrapper).containsPoint(right))) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if (source.corners.bottom <= target.corners.top) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else if (source.corners.top >= target.corners.top) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else if ((srcPort !== undefined && srcPort.offsetY <= target.corners.top) ||
+ (srcPort === undefined && source.corners.right <= target.corners.top)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else if ((srcPort !== undefined && srcPort.offsetY >= target.corners.bottom) ||
+ (srcPort === undefined && source.corners.right >= target.corners.bottom)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ return pts;
+}
+/**
+ * getRightToRightSegmentCount method \
+ *
+ * @returns { NoOfSegments } getRightToRightSegmentCount method .\
+ * @param {Connector} element - provide the Connector value.
+ * @param {End} sourceObj - provide the source End value.
+ * @param {End} targetObj - provide the target End value.
+ * @private
+ */
+function getRightToRightSegmentCount(element, sourceObj, targetObj) {
+ var sourcePort = element.sourcePortWrapper;
+ var tarPort = element.targetPortWrapper;
+ var pts;
+ var diffX = sourceObj.point.x - targetObj.point.x;
+ var diffY = sourceObj.point.y - targetObj.point.y;
+ var margin = findMargin(element);
+ targetObj.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ sourceObj.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ if (sourceObj.corners.right >= targetObj.corners.right) {
+ if ((sourcePort !== undefined && (sourcePort.offsetY < targetObj.corners.top - targetObj.margin.top ||
+ sourcePort.offsetY > targetObj.corners.bottom + targetObj.margin.bottom)) ||
+ (sourcePort === undefined && sourceObj.corners.middleRight.y < targetObj.corners.top)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if ((sourcePort !== undefined && sourcePort.offsetY > targetObj.corners.bottom + targetObj.margin.bottom
+ && sourceObj.corners.top > targetObj.corners.bottom) ||
+ (sourcePort === undefined && sourceObj.corners.middleRight.y > targetObj.corners.bottom)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if ((sourcePort !== undefined && sourcePort.offsetY < targetObj.corners.top - targetObj.margin.top
+ && sourceObj.corners.bottom > targetObj.corners.top) ||
+ (sourcePort === undefined && sourceObj.corners.middleRight.y > targetObj.corners.bottom)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if (sourceObj.corners.right < targetObj.corners.left ||
+ targetObj.corners.right < sourceObj.corners.left) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else if (diffX === 0 || diffY === 0) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].One;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ }
+ else if ((tarPort !== undefined && sourceObj.corners.bottom < tarPort.offsetY - targetObj.margin.top) ||
+ (tarPort === undefined && sourceObj.corners.bottom < targetObj.corners.middleRight.y)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if ((tarPort !== undefined && sourceObj.corners.top > tarPort.offsetY + targetObj.margin.right) ||
+ (tarPort === undefined && sourceObj.corners.top > targetObj.corners.middleRight.y)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if ((tarPort !== undefined && ((sourcePort !== undefined && sourcePort.offsetX < targetObj.corners.left &&
+ sourcePort.offsetX !== tarPort.offsetX && (Math.abs(sourceObj.corners.right - targetObj.corners.left) <= 20)) ||
+ (sourcePort === undefined && sourceObj.corners.right < targetObj.corners.left &&
+ sourceObj.corners.center.x !== targetObj.corners.center.x && sourceObj.corners.center.y !== targetObj.corners.center.y)))) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if (sourceObj.corners.right < targetObj.corners.left) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else if (diffX === 0 || diffY === 0) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].One;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ return pts;
+}
+/**
+ * getRightToTopSegmentCount method \
+ *
+ * @returns { NoOfSegments } getRightToTopSegmentCount method .\
+ * @param {Connector} element - provide the element value.
+ * @param {End} source - provide the target value.
+ * @param {End} target - provide the target value.
+ * @param {End} swap - provide the swap value.
+ * @private
+ */
+function getRightToTopSegmentCount(element, source, target, swap) {
+ var tarPort = element.targetPortWrapper;
+ var srcPort = element.sourcePortWrapper;
+ var right = { x: Math.max(source.point.x, source.corners.right), y: source.point.y };
+ var top = { x: target.point.x, y: Math.min(target.point.y, target.corners.top) };
+ var margin = findMargin(element);
+ var pts;
+ target.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ source.margin = { top: margin, bottom: margin, left: margin, right: margin };
+ if (swap) {
+ //let port: DiagramElement;
+ var port = srcPort;
+ srcPort = tarPort;
+ tarPort = port;
+ var point = right;
+ right = top;
+ top = point;
+ }
+ if ((srcPort !== undefined && srcPort.offsetY < target.corners.top - target.margin.top) ||
+ (srcPort === undefined && source.corners.bottom < target.corners.top - target.margin.top)) {
+ if (source.corners.bottom < target.corners.top) {
+ if ((tarPort !== undefined && source.corners.right + source.margin.right < tarPort.offsetX) ||
+ (tarPort === undefined && source.corners.right + source.margin.right < target.corners.topCenter.x)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ }
+ else if ((tarPort !== undefined && source.corners.left > tarPort.offsetX) ||
+ (tarPort === undefined && source.corners.left > target.corners.topCenter.x)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ }
+ else if (srcPort !== undefined && Math.abs(source.corners.right - target.corners.left) <= 5 &&
+ Math.abs(srcPort.offsetY - target.corners.top) <= 5) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ else if (tarPort !== undefined && source.corners.right < target.corners.left && Math.abs(tarPort.offsetX - source.corners.topCenter.x) >= 25 &&
+ source.corners.middleRight.y + source.margin.right < tarPort.offsetY) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ else if (source.corners.right < target.corners.left) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ else if (element.sourceWrapper !== element.targetWrapper &&
+ (Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(element.sourceWrapper).containsPoint(top) ||
+ Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(element.targetWrapper).containsPoint(right))) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ return pts;
+}
+/**
+ * getRightToTopSegmentCount method \
+ *
+ * @returns { NoOfSegments } getRightToTopSegmentCount method .\
+ * @param {Connector} element - provide the element value.
+ * @param {End} source - provide the target value.
+ * @param {End} target - provide the target value.
+ * @param {End} swap - provide the swap value.
+ * @private
+ */
+function getRightToBottomSegmentCount(element, source, target, swap) {
+ var margin = findMargin(element);
+ source.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ target.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ var pts;
+ var srcPort = element.sourcePortWrapper;
+ var tarPort = element.targetPortWrapper;
+ //let right: PointModel = { x: Math.max(source.point.x, source.corners.right), y: source.point.y };
+ //let bottom: PointModel = { x: target.point.x, y: Math.max(target.point.y, target.corners.bottom) };
+ if (swap) {
+ //let port: DiagramElement;
+ var port = srcPort;
+ srcPort = tarPort;
+ tarPort = port;
+ }
+ if ((srcPort !== undefined && srcPort.offsetY > target.corners.bottom + target.margin.bottom) ||
+ (srcPort === undefined && source.corners.middleRight.y > target.corners.bottom + target.margin.bottom)) {
+ if (source.corners.top > target.corners.bottom) {
+ if ((tarPort !== undefined && source.corners.right + source.margin.right < tarPort.offsetX) ||
+ (tarPort === undefined && source.corners.right + source.margin.right < target.corners.bottomCenter.x)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ }
+ else if ((tarPort !== undefined && source.corners.left > tarPort.offsetX) ||
+ (tarPort === undefined && source.corners.left > target.corners.bottomCenter.x)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ }
+ else if (srcPort !== undefined &&
+ Math.abs(source.corners.right - target.corners.left) <= 25 &&
+ Math.abs(srcPort.offsetY - target.corners.bottom) <= 25) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ else if (source.corners.right < target.corners.left) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ return pts;
+}
+/**
+ * getBottomToTopSegmentCount method \
+ *
+ * @returns { NoOfSegments } getBottomToTopSegmentCount method .\
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @private
+ */
+function getBottomToTopSegmentCount(element, source, target) {
+ var pts;
+ var diffX = source.point.x - target.point.x;
+ //const diffY: number = source.point.y - target.point.y;
+ //let bottom: PointModel = { x: source.point.x, y: Math.max(source.point.y, source.corners.bottom) };
+ //let top: PointModel = { x: target.point.x, y: Math.min(target.point.y, target.corners.top) };
+ var margin = findMargin(element);
+ if (!(source.corners.right + margin < target.corners.left - margin ||
+ source.corners.left - margin > target.corners.right + margin)) {
+ if (element.type !== 'Bezier') {
+ margin = 0;
+ }
+ else if (target.corners.top - source.corners.bottom <= margin * 2 && target.corners.top - source.corners.bottom >= 5) {
+ margin = 0;
+ }
+ }
+ source.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ target.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ if (diffX === 0 && source.corners.bottom < target.corners.top) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].One;
+ }
+ else if (source.corners.bottom + source.margin.bottom < target.corners.top - target.margin.top) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if (source.corners.right + source.margin.right < target.corners.left - target.margin.left) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else if (source.corners.left - source.margin.left > target.corners.right + target.margin.right) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ return pts;
+}
+/**
+ * getBottomToLeftSegmentCount method \
+ *
+ * @returns { NoOfSegments } getBottomToLeftSegmentCount method .\
+ * @param {End} element - provide the element value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @param {End} swap - provide the swap value.
+ * @private
+ */
+function getBottomToLeftSegmentCount(element, source, target, swap) {
+ var srcPort = element.sourcePortWrapper;
+ var tarPort = element.targetPortWrapper;
+ //let bottom: PointModel = { x: source.point.x, y: Math.max(source.point.y, source.corners.bottom) };
+ //let left: PointModel = { x: Math.min(target.point.x, target.corners.left), y: target.point.y };
+ var margin = findMargin(element);
+ target.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ source.margin = { top: margin, bottom: margin, left: margin, right: margin };
+ var pts;
+ if (swap) {
+ //let port: DiagramElement;
+ var port = srcPort;
+ srcPort = tarPort;
+ tarPort = port;
+ }
+ if ((srcPort !== undefined && srcPort.offsetX < target.corners.left - target.margin.left) ||
+ (srcPort === undefined && source.corners.bottomCenter.x < target.corners.bottomLeft.x - target.margin.left)) {
+ if (source.corners.right < target.corners.left) {
+ if ((tarPort !== undefined && source.corners.bottom + source.margin.bottom < tarPort.offsetY) ||
+ (tarPort === undefined && source.corners.bottom + source.margin.bottom < target.corners.middleLeft.y)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ }
+ else if ((tarPort !== undefined && source.corners.top > tarPort.offsetY) ||
+ (tarPort === undefined && source.corners.top > target.corners.middleLeft.y)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ }
+ else if (tarPort !== undefined &&
+ Math.abs(source.corners.right - target.corners.left) <= 25 &&
+ Math.abs(tarPort.offsetY - source.corners.bottom) <= 25) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ return pts;
+}
+/**
+ * getBottomToBottomSegmentCount method \
+ *
+ * @returns { NoOfSegments } getBottomToBottomSegmentCount method .\
+ * @param {End} element - provide the element value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @private
+ */
+function getBottomToBottomSegmentCount(element, source, target) {
+ var srcPort = element.sourcePortWrapper;
+ var tarPort = element.targetPortWrapper;
+ var difX = Math.round(Math.abs(source.point.x - target.point.x));
+ var diffY = Math.round(Math.abs(target.point.y - target.point.y));
+ var pts;
+ if (source.corners.bottom < target.corners.bottom) {
+ if ((srcPort !== undefined && srcPort.offsetX < target.corners.left - target.margin.left) ||
+ (srcPort === undefined && source.corners.bottomCenter.x < target.corners.left - target.margin.left)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if ((srcPort !== undefined && srcPort.offsetX > target.corners.right + target.margin.right) ||
+ (srcPort === undefined && source.corners.bottomCenter.x > target.corners.right + target.margin.right)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if (source.corners.bottom < target.corners.top) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else if (difX === 0 || diffY === 0) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].One;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ }
+ else if ((tarPort !== undefined && source.corners.left - source.margin.left > tarPort.offsetX) ||
+ (tarPort === undefined && source.corners.left > target.corners.left)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if ((tarPort !== undefined && source.corners.right + source.margin.right < tarPort.offsetX) ||
+ (tarPort === undefined &&
+ source.corners.right < target.corners.right)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if (source.corners.top > target.corners.bottom) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else if (difX === 0 || diffY === 0) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].One;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ return pts;
+}
+/**
+ * getLeftToTopSegmentCount method \
+ *
+ * @returns { NoOfSegments } getLeftToTopSegmentCount method .\
+ * @param {End} element - provide the element value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @param {End} swap - provide the swap value.
+ * @private
+ */
+function getLeftToTopSegmentCount(element, source, target, swap) {
+ var pts;
+ var sourcePort = element.sourcePortWrapper;
+ var margin = findMargin(element);
+ target.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ source.margin = { top: margin, bottom: margin, left: margin, right: margin };
+ var tarPort = element.targetPortWrapper;
+ var left = { x: Math.min(source.point.x, source.corners.left), y: source.point.y };
+ var top = { x: target.point.x, y: Math.min(target.point.y, target.corners.top) };
+ if (swap) {
+ //let port: DiagramElement;
+ var port = sourcePort;
+ sourcePort = tarPort;
+ tarPort = port;
+ var point = left;
+ left = top;
+ top = point;
+ }
+ if ((sourcePort !== undefined && sourcePort.offsetY < target.corners.top - target.margin.top) ||
+ (sourcePort === undefined && (source.corners.bottom < target.corners.top - target.margin.top ||
+ source.corners.middleLeft.y < target.corners.top - target.margin.top))) {
+ if (source.corners.bottom < target.corners.top) {
+ if ((tarPort !== undefined && source.corners.left - source.margin.left > tarPort.offsetX) ||
+ (tarPort === undefined && source.corners.left - source.margin.left > target.corners.topCenter.x)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ }
+ else if ((tarPort !== undefined && source.corners.right < tarPort.offsetX) ||
+ (tarPort === undefined && source.corners.right < target.corners.topCenter.x)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ }
+ else if (sourcePort !== undefined &&
+ Math.abs(source.corners.left - target.corners.right) <= 25 &&
+ Math.abs(sourcePort.offsetY - target.corners.top) <= 25) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ else if (element.sourceWrapper !== element.targetWrapper &&
+ (Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(element.sourceWrapper).containsPoint(top) ||
+ Object(_base_util__WEBPACK_IMPORTED_MODULE_6__["cornersPointsBeforeRotation"])(element.targetWrapper).containsPoint(left))) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two;
+ }
+ else if (source.corners.left > target.corners.right) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four;
+ }
+ return pts;
+}
+/**
+ * getLeftToLeftSegmentCount method \
+ *
+ * @returns { NoOfSegments } getLeftToLeftSegmentCount method .\
+ * @param {End} element - provide the element value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @private
+ */
+function getLeftToLeftSegmentCount(element, source, target) {
+ var srcPort = element.sourcePortWrapper;
+ var targetPort = element.targetPortWrapper;
+ var margin = findMargin(element);
+ source.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ target.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ var diffX = Math.round(Math.abs(source.point.x - target.point.x));
+ var diffY = Math.round(Math.abs(source.point.y - target.point.y));
+ var pts;
+ if (source.corners.left < target.corners.left) {
+ if ((targetPort !== undefined && source.corners.bottom + source.margin.bottom < targetPort.offsetY) ||
+ (targetPort === undefined && source.corners.bottom + source.margin.bottom < target.corners.middleLeft.y)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if ((targetPort !== undefined && source.corners.top - source.margin.top > targetPort.offsetY) ||
+ (targetPort === undefined && source.corners.top - source.margin.top > target.corners.middleLeft.y)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if (source.corners.right < target.corners.left ||
+ target.corners.right < source.corners.left) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else if (diffX === 0 || diffY === 0) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].One;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ }
+ else if ((srcPort !== undefined && srcPort.offsetY < target.corners.top - target.margin.top) ||
+ (srcPort === undefined && source.corners.middleLeft.y < target.corners.top)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if ((srcPort !== undefined && srcPort.offsetY > target.corners.bottom + target.margin.bottom) ||
+ (srcPort === undefined && source.corners.middleLeft.y > target.corners.bottom + target.margin.bottom)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if (source.corners.left > target.corners.right) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else if (diffX === 0 || diffY === 0) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].One;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ return pts;
+}
+/**
+ * getTopToTopSegmentCount method \
+ *
+ * @returns { NoOfSegments } getTopToTopSegmentCount method .\
+ * @param {End} element - provide the element value.
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @private
+ */
+function getTopToTopSegmentCount(element, source, target) {
+ var srcPort = element.sourcePortWrapper;
+ var targetPort = element.targetPortWrapper;
+ var diffX = Math.round(Math.abs(source.point.x - target.point.x));
+ var diffY = Math.round(Math.abs(source.point.y - target.point.y));
+ var margin = findMargin(element);
+ target.margin = { left: margin, right: margin, top: margin, bottom: margin };
+ source.margin = { top: margin, bottom: margin, left: margin, right: margin };
+ var pts;
+ if (source.corners.top < target.corners.top) {
+ if ((targetPort !== undefined && source.corners.left - source.margin.left > targetPort.offsetX) ||
+ (targetPort === undefined && source.corners.left > target.corners.left)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if ((targetPort !== undefined && source.corners.right + source.margin.right < targetPort.offsetX) ||
+ (targetPort === undefined && source.corners.right < target.corners.right)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if (source.corners.bottom < target.corners.top) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else if (diffX === 0 || diffY === 0) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].One;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ }
+ else if ((srcPort !== undefined && srcPort.offsetX > target.corners.right + target.margin.right) ||
+ (srcPort === undefined && source.corners.left > target.corners.right)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if ((srcPort !== undefined && srcPort.offsetX < target.corners.left - target.margin.left) ||
+ (srcPort === undefined && source.corners.bottomRight.x < target.corners.left)) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ else if (source.corners.top > target.corners.bottom) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five;
+ }
+ else if (diffX === 0 || diffY === 0) {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].One;
+ }
+ else {
+ pts = _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three;
+ }
+ return pts;
+}
+/**
+ * addOrthoSegments method \
+ *
+ * @returns { PointModel[] } addOrthoSegments method .\
+ * @param {Connector} element - provide the element value.
+ * @param {NoOfSegments} seg - provide the seg value.
+ * @param {End} sourceEnd - provide the source value.
+ * @param {End} targetEnd - provide the target value.
+ * @param {number} segLength - provide the segLength value.
+ * @param {boolean} lineDistribution - provide the lineDistribution value.
+ * @private
+ */
+function addOrthoSegments(element, seg, sourceEnd, targetEnd, segLength, lineDistribution) {
+ var src = element.sourceWrapper;
+ var tar = element.targetWrapper;
+ //let tarPort: DiagramElement = element.targetPortWrapper;
+ var intermeditatePoints;
+ var srcCorner = src.corners;
+ var tarCorner = tar.corners;
+ var value;
+ var extra = 20;
+ var source = { corners: sourceEnd.corners, point: sourceEnd.point, direction: sourceEnd.direction, margin: sourceEnd.margin };
+ var target = { corners: targetEnd.corners, point: targetEnd.point, direction: targetEnd.direction, margin: targetEnd.margin };
+ if (source.direction !== target.direction || seg === _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five) {
+ if (source.direction === getOppositeDirection(target.direction) || seg === _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three) {
+ switch (source.direction) {
+ case 'Left':
+ if (srcCorner.middleLeft.x > tarCorner.middleRight.x) {
+ value = (srcCorner.middleLeft.x - tarCorner.middleRight.x) / 2;
+ extra = !lineDistribution ? Math.min(extra, value) : value;
+ }
+ break;
+ case 'Right':
+ if (srcCorner.middleRight.x < tarCorner.middleLeft.x) {
+ value = (tarCorner.middleLeft.x - srcCorner.middleRight.x) / 2;
+ extra = !lineDistribution ? Math.min(extra, value) : value;
+ }
+ break;
+ case 'Top':
+ if (srcCorner.topCenter.y > tarCorner.bottomCenter.y) {
+ value = (srcCorner.topCenter.y - tarCorner.bottomCenter.y) / 2;
+ extra = !lineDistribution ? Math.min(extra, value) : value;
+ }
+ break;
+ case 'Bottom':
+ if (srcCorner.bottomCenter.y < tarCorner.topCenter.y) {
+ value = (tarCorner.topCenter.y - srcCorner.bottomCenter.y) / 2;
+ extra = !lineDistribution ? Math.min(extra, value) : value;
+ }
+ break;
+ }
+ }
+ }
+ extra = adjustSegmentLength(srcCorner, source, extra);
+ var isBezier = element.type === 'Bezier';
+ if (segLength) {
+ extra = Math.max(extra, segLength);
+ }
+ if (seg === _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].One) {
+ intermeditatePoints = [source.point, target.point];
+ }
+ if (seg === _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two) {
+ intermeditatePoints = orthoConnection2Segment(source, target);
+ }
+ if (seg === _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three) {
+ intermeditatePoints = orthoConnection3Segment(element, source, target, extra, undefined, isBezier);
+ }
+ if (seg === _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four) {
+ var prevDir = undefined;
+ intermeditatePoints = orthoConnection4Segment(source, target, prevDir, intermeditatePoints, extra, isBezier);
+ }
+ if (seg === _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five) {
+ intermeditatePoints = orthoConnection5Segment(source, target, extra, isBezier);
+ }
+ return intermeditatePoints;
+}
+/**
+ * adjustSegmentLength method \
+ *
+ * @returns { PointModel[] } adjustSegmentLength method .\
+ * @param {Rect | Corners} bounds - provide the element value.
+ * @param {End} source - provide the seg value.
+ * @param {number} extra - provide the source value.
+ * @private
+ */
+function adjustSegmentLength(bounds, source, extra) {
+ switch (source.direction) {
+ case 'Left':
+ if (source.point.x > bounds.left) {
+ extra = (source.point.x - bounds.left) > extra ? ((source.point.x - bounds.left) + extra) : extra;
+ }
+ break;
+ case 'Right':
+ if (source.point.x < bounds.right) {
+ extra = (bounds.right - source.point.x) > extra ? ((bounds.right - source.point.x) + extra) : extra;
+ }
+ break;
+ case 'Top':
+ if (source.point.y > bounds.top) {
+ extra = (source.point.y - bounds.top) > extra ? ((source.point.y - bounds.top) + extra) : extra;
+ }
+ break;
+ case 'Bottom':
+ if (source.point.y < bounds.bottom) {
+ extra = (bounds.bottom - source.point.y) > extra ? ((bounds.bottom - source.point.y) + extra) : extra;
+ }
+ break;
+ }
+ return extra;
+}
+/**
+ * orthoConnection2Segment method \
+ *
+ * @returns { PointModel[] } orthoConnection2Segment method .\
+ * @param {Rect | Corners} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @private
+ */
+function orthoConnection2Segment(source, target) {
+ var intermeditatePoints;
+ switch (source.direction) {
+ case 'Left':
+ case 'Right':
+ // eslint-disable-next-line
+ var point1 = { x: target.point.x, y: source.point.y };
+ intermeditatePoints = (_primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].equals(source.point, point1) || _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].equals(target.point, point1)) ?
+ [source.point, target.point] : [source.point, point1, target.point];
+ break;
+ case 'Top':
+ case 'Bottom':
+ // eslint-disable-next-line no-case-declarations
+ var point2 = { x: source.point.x, y: target.point.y };
+ intermeditatePoints = (_primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].equals(source.point, point2) || _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].equals(target.point, point2)) ?
+ [source.point, target.point] : [source.point, point2, target.point];
+ break;
+ }
+ return intermeditatePoints;
+}
+/**
+ * orthoConnection3Segment method \
+ *
+ * @returns { PointModel[] } orthoConnection2Segment method .\
+ * @param {Connector} element - provide the source value.
+ * @param {End} source - provide the target value.
+ * @param {End} target - provide the target value.
+ * @param {number} extra - provide the target value.
+ * @param {boolean} allow - provide the target value.
+ * @param {boolean} isBezier - provide the isBezier boolean value.
+ * @private
+ */
+function orthoConnection3Segment(element, source, target, extra, allow, isBezier) {
+ if (isBezier === void 0) { isBezier = false; }
+ if (!extra) {
+ extra = 20;
+ }
+ if (isBezier) {
+ if (source.direction !== target.direction) {
+ if (source.direction === 'Left' || source.direction === 'Right') {
+ extra = Math.floor(Math.abs(source.point.x - target.point.x) * 0.5);
+ }
+ else {
+ extra = Math.floor(Math.abs(source.point.y - target.point.y) * 0.5);
+ }
+ }
+ }
+ var srcPort = element.sourcePortWrapper;
+ var intermeditatePoints;
+ var segmentValue;
+ var next;
+ var diffx = target.point.x - source.point.x;
+ var diffy = target.point.y - source.point.y;
+ var temp;
+ if (!allow && (Math.abs(diffx) < 0.001 || Math.abs(diffy) < 0.001)) {
+ if (target.direction === undefined) {
+ intermeditatePoints = [source.point, target.point];
+ return intermeditatePoints;
+ }
+ }
+ if (element.targetWrapper === undefined && Math.abs(diffx) <= 31 && Math.abs(diffy) <= 31) {
+ if ((source.direction === 'Left' || source.direction === 'Right')) {
+ if (Math.abs(diffy) < 12) {
+ source.direction = (source.point.y > target.point.y) ? 'Top' : 'Bottom';
+ }
+ }
+ else {
+ if (Math.abs(diffx) < 12) {
+ source.direction = (source.point.x > target.point.x) ? 'Left' : 'Right';
+ }
+ }
+ if (Math.abs(diffx) > 12 || Math.abs(diffy) > 12) {
+ return orthoConnection2Segment(source, target);
+ }
+ else {
+ extra += 5;
+ }
+ }
+ if (source.direction === 'Left' || source.direction === 'Right') {
+ if (source.direction === 'Right') {
+ if (target.direction !== undefined && target.direction === 'Right') {
+ extra = Math.max(source.point.x, target.point.x) - source.point.x + extra;
+ }
+ if (source.point.x > target.point.x && srcPort === undefined) {
+ extra = -extra;
+ }
+ }
+ else {
+ if (target.direction !== undefined && target.direction === 'Left') {
+ extra = source.point.x - Math.min(source.point.x, target.point.x) + extra;
+ }
+ if (source.point.x > target.point.x || srcPort !== undefined || source.direction === 'Left') {
+ extra = -extra;
+ }
+ }
+ temp = target.point.y - source.point.y;
+ segmentValue = addLineSegment(source.point, extra, 0);
+ temp = target.point.y - segmentValue.y;
+ if (temp !== 0) {
+ next = addLineSegment(segmentValue, target.point.y - segmentValue.y, 90);
+ }
+ }
+ else if (source.direction === 'Top' || source.direction === 'Bottom') {
+ if (source.direction === 'Bottom') {
+ if (target.direction !== undefined && target.direction === 'Bottom') {
+ extra = Math.max(source.point.y, target.point.y) - source.point.y + extra;
+ }
+ }
+ else {
+ if (target.direction !== undefined && target.direction === 'Top') {
+ extra = source.point.y - Math.min(source.point.y, target.point.y) + extra;
+ }
+ if (source.point.y > target.point.y || (srcPort !== undefined) || source.direction === 'Top') {
+ extra = -extra;
+ }
+ }
+ temp = target.point.x - source.point.x;
+ if (source.direction === 'Top') {
+ segmentValue = addLineSegment(source.point, extra, 90);
+ }
+ else {
+ segmentValue = addLineSegment(source.point, extra, 90);
+ }
+ temp = target.point.x - segmentValue.x;
+ if (temp !== 0) {
+ next = addLineSegment(segmentValue, target.point.x - segmentValue.x, 0);
+ }
+ }
+ if (temp === 0) {
+ return intermeditatePoints = [
+ source.point,
+ target.point
+ ];
+ }
+ intermeditatePoints = [
+ source.point,
+ segmentValue,
+ next,
+ target.point
+ ];
+ return intermeditatePoints;
+}
+/**
+ * orthoConnection5Segment method \
+ *
+ * @returns { PointModel[] } orthoConnection5Segment method .\
+ * @param {Connector} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @param {End} extra - provide the extra value.
+ * @param {boolean} isBezier - provide the isBezier value.
+ * @private
+ */
+function orthoConnection5Segment(source, target, extra, isBezier) {
+ if (extra === void 0) { extra = 20; }
+ if (isBezier === void 0) { isBezier = false; }
+ if (isBezier) {
+ extra = 20;
+ }
+ var intermeditatePoints;
+ var length = extra;
+ var sLeft = source.corners.left - source.margin.left;
+ var sRight = source.corners.right + source.margin.right;
+ var sBottom = source.corners.bottom + source.margin.bottom;
+ var sTop = source.corners.top - source.margin.top;
+ var tLeft = target.corners.left - target.margin.left;
+ var tRight = target.corners.right + target.margin.right;
+ var tBottom = target.corners.bottom + target.margin.bottom;
+ var tTop = target.corners.top - target.margin.top;
+ var segmentValue;
+ switch (source.direction) {
+ case 'Left':
+ if ((sTop > tTop && sTop < tBottom || sBottom < tBottom && sBottom > tTop) &&
+ sLeft > tLeft && sLeft <= tRight && extra >= 20) {
+ length = source.point.x - target.corners.left + length;
+ }
+ if (isBezier && source.direction === target.direction) {
+ if (source.corners.left > target.corners.left && source.corners.left - target.corners.right >= 20) {
+ length = (source.corners.left - target.corners.right) / 2;
+ }
+ }
+ segmentValue = addLineSegment(source.point, length, 180);
+ break;
+ case 'Top':
+ if ((sLeft > tLeft && sLeft < tRight || sRight < tRight && sRight > tLeft) &&
+ sTop > tTop && sTop <= tBottom && extra >= 20) {
+ length = source.point.y - target.corners.top + length;
+ }
+ if (isBezier && source.direction === target.direction) {
+ if (source.corners.top > target.corners.top && source.corners.top - target.corners.bottom >= 20) {
+ length = (source.corners.top - target.corners.bottom) / 2;
+ }
+ }
+ segmentValue = addLineSegment(source.point, length, 270);
+ break;
+ case 'Right':
+ if ((sTop > tTop && sTop < tBottom || sBottom < tBottom && sBottom > tTop) &&
+ sRight < tRight && sRight >= tLeft && extra >= 20) {
+ length = target.corners.right - source.point.x + length;
+ }
+ if (isBezier && source.direction === target.direction) {
+ if (source.corners.right < target.corners.right && target.corners.left - source.corners.right >= 20) {
+ length = (target.corners.left - source.corners.right) / 2;
+ }
+ }
+ segmentValue = addLineSegment(source.point, length, 0);
+ break;
+ case 'Bottom':
+ if ((sLeft > tLeft && sLeft < tRight || sRight < tRight && sRight > tLeft) &&
+ sBottom < tBottom && sBottom >= tTop && extra >= 20) {
+ length = target.corners.bottom - source.point.y + length;
+ }
+ if (isBezier && source.direction === target.direction) {
+ if (source.corners.bottom < target.corners.bottom && target.corners.top - source.corners.bottom >= 20) {
+ length = (target.corners.top - source.corners.bottom) / 2;
+ }
+ }
+ segmentValue = addLineSegment(source.point, length, 90);
+ break;
+ }
+ intermeditatePoints = [
+ source.point,
+ segmentValue
+ ];
+ var newExtra = undefined;
+ if (source.direction === 'Top' || source.direction === 'Bottom') {
+ var prevDir = source.direction;
+ source.direction = segmentValue.x > target.point.x ? 'Left' : 'Right';
+ source.point = segmentValue;
+ newExtra = isBezier ? Math.abs(segmentValue.x - target.point.x) * 0.5 : newExtra;
+ intermeditatePoints = orthoConnection4Segment(source, target, prevDir, intermeditatePoints, newExtra, isBezier);
+ }
+ else {
+ var prevDir = source.direction;
+ source.direction = segmentValue.y > target.point.y ? 'Top' : 'Bottom';
+ source.point = segmentValue;
+ newExtra = isBezier ? Math.abs(segmentValue.y - target.point.y) * 0.5 : newExtra;
+ intermeditatePoints = orthoConnection4Segment(source, target, prevDir, intermeditatePoints, newExtra, isBezier);
+ }
+ return intermeditatePoints;
+}
+/**
+ * orthoConnection4Segment method \
+ *
+ * @returns { PointModel[] } orthoConnection4Segment method .\
+ * @param {End} source - provide the target value.
+ * @param {End} target - provide the target value.
+ * @param {string} prevDir - provide the target value.
+ * @param {PointModel[]} interPt - provide the target value.
+ * @param {number} e - provide the target value.
+ * @param {boolean} isBezier - provide the target value.
+ * @private
+ */
+function orthoConnection4Segment(source, target, prevDir, interPt, e, isBezier) {
+ if (e === void 0) { e = 20; }
+ if (isBezier === void 0) { isBezier = false; }
+ var segmentValue;
+ if (prevDir === undefined) {
+ source.margin = { left: 2, right: 2, top: 2, bottom: 2 };
+ target.margin = { left: 0, right: 5, top: 0, bottom: 5 };
+ if (isBezier) {
+ source.margin = { left: 10, right: 10, top: 10, bottom: 10 };
+ target.margin = { left: 10, right: 10, top: 10, bottom: 10 };
+ if (source.direction === 'Left') {
+ e = getLeftLength(source, target, prevDir, e);
+ if (source.corners.left - target.corners.right >= 5) {
+ e = Math.abs(source.point.x - source.corners.left) + Math.floor(source.corners.left - target.corners.right) * 0.5;
+ }
+ }
+ else if (source.direction === 'Right') {
+ e = getRightLength(source, target, e, prevDir);
+ if (target.corners.left - source.corners.right >= 5) {
+ e = Math.abs(source.point.x - source.corners.right) + Math.floor(target.corners.left - source.corners.right) * 0.5;
+ }
+ }
+ else if (source.direction === 'Top') {
+ e = getTopLength(source, target, prevDir, e);
+ if (source.corners.top - target.corners.bottom >= 5) {
+ e = Math.abs(source.point.y - source.corners.top) + Math.floor(source.corners.top - target.corners.bottom) * 0.5;
+ }
+ }
+ else if (source.direction === 'Bottom') {
+ e = getBottomLength(source, target, e, prevDir);
+ if (target.corners.top - source.corners.bottom >= 5) {
+ e = Math.abs(source.point.y - source.corners.bottom) + Math.floor(target.corners.top - source.corners.bottom) * 0.5;
+ }
+ }
+ }
+ }
+ else {
+ if (source.direction === 'Bottom') {
+ if (isBezier) {
+ if (target.corners.top - source.corners.bottom < 20) {
+ e = (target.corners.bottom - source.point.y) + 25;
+ }
+ }
+ else {
+ if (target.corners.top > source.corners.bottom && target.corners.top - source.corners.bottom < 20) {
+ e = (target.corners.top - source.corners.bottom) / 2;
+ }
+ }
+ }
+ else if (source.direction === 'Top') {
+ if (isBezier) {
+ if (source.corners.top - target.corners.bottom < 20) {
+ e = (source.point.y - target.corners.top) + 25;
+ }
+ }
+ else {
+ if (target.corners.bottom < source.corners.top && source.corners.top - target.corners.bottom < 20) {
+ e = (source.corners.top - target.corners.bottom) / 2;
+ }
+ }
+ }
+ else if (source.direction === 'Right') {
+ if (isBezier) {
+ if (target.corners.left - source.corners.right < 20) {
+ e = (target.corners.right - source.point.x) + 25;
+ }
+ }
+ else {
+ if (target.corners.left > source.corners.right && target.corners.left - source.corners.right < 20) {
+ e = (target.corners.left - source.corners.right) / 2;
+ }
+ }
+ }
+ else if (source.direction === 'Left') {
+ if (isBezier) {
+ if (source.corners.left - target.corners.right < 20) {
+ e = (source.point.x - target.corners.left) + 25;
+ }
+ }
+ else {
+ if (target.corners.right < source.corners.left && source.corners.left - target.corners.right < 20) {
+ e = (source.corners.left - target.corners.right) / 2;
+ }
+ }
+ }
+ if (prevDir === target.direction && isBezier) {
+ if ((target.direction === 'Bottom' && source.point.y > target.point.y) ||
+ (target.direction === 'Top' && source.point.y < target.point.y)) {
+ if (source.direction === 'Left') {
+ e = getLeftLength(source, target, prevDir, 20);
+ }
+ else if (source.direction === 'Right') {
+ e = getRightLength(source, target, 20, prevDir);
+ }
+ }
+ else if ((target.direction === 'Right' && source.point.x > target.point.x) ||
+ (target.direction === 'Left' && source.point.x < target.point.x)) {
+ if (source.direction === 'Top') {
+ e = getTopLength(source, target, prevDir, 20);
+ }
+ else if (source.direction === 'Bottom') {
+ e = getBottomLength(source, target, 20, prevDir);
+ }
+ }
+ }
+ }
+ switch (source.direction) {
+ case 'Left':
+ e = isBezier ? e : getLeftLength(source, target, prevDir, e);
+ segmentValue = addLineSegment(source.point, e, 180);
+ break;
+ case 'Right':
+ e = isBezier ? e : getRightLength(source, target, e, prevDir);
+ segmentValue = addLineSegment(source.point, e, 0);
+ break;
+ case 'Top':
+ e = isBezier ? e : getTopLength(source, target, prevDir, e);
+ segmentValue = addLineSegment(source.point, e, 270);
+ break;
+ case 'Bottom':
+ e = isBezier ? e : getBottomLength(source, target, e, prevDir);
+ segmentValue = addLineSegment(source.point, e, 90);
+ }
+ if (interPt !== undefined) {
+ interPt.push(segmentValue);
+ }
+ else {
+ interPt = [
+ source.point,
+ segmentValue
+ ];
+ }
+ if (source.direction === 'Top' || source.direction === 'Bottom') {
+ getOrtho3Seg(segmentValue, 'horizontal', source, target, interPt, isBezier);
+ }
+ else if (source.direction === 'Right' || source.direction === 'Left') {
+ getOrtho3Seg(segmentValue, 'vertical', source, target, interPt, isBezier);
+ }
+ return interPt;
+}
+/**
+ * getOrtho3Seg method \
+ *
+ * @returns { void } getOrtho3Seg method .\
+ * @param {PointModel} sPt - provide the sPt value.
+ * @param {string} orientation - provide the orientation value.
+ * @param {End} src - provide the src value.
+ * @param {End} tar - provide the tar value.
+ * @param {PointModel[]} points - provide the points value.
+ * @param {boolean} isBezier - provide the isBezier value.
+ * @private
+ */
+function getOrtho3Seg(sPt, orientation, src, tar, points, isBezier) {
+ var point1;
+ var point2;
+ var point3;
+ if (orientation === 'horizontal') {
+ src.margin = { left: 0, right: 10, top: 0, bottom: 10 };
+ tar.margin = { left: 0, right: 10, top: 0, bottom: 10 };
+ }
+ else if (orientation === 'vertical') {
+ src.margin = { left: 10, right: 0, top: 10, bottom: 0 };
+ tar.margin = { left: 10, right: 0, top: 10, bottom: 0 };
+ }
+ var extra = 20;
+ if (orientation === 'horizontal') {
+ switch (tar.direction) {
+ case 'Left':
+ if (src.corners.right + src.margin.right < tar.corners.left - tar.margin.left &&
+ (tar.corners.left - src.margin.right - src.corners.right > extra || (src.corners.top - src.margin.top <= tar.point.y &&
+ src.corners.bottom + src.margin.bottom >= tar.point.y))) {
+ if (isBezier && (src.direction === 'Top' || src.direction === 'Bottom')) {
+ var gap = Math.abs(tar.corners.left - src.corners.right) / 2;
+ extra = src.corners.right - sPt.x + gap;
+ }
+ else {
+ var gap = Math.min(Math.abs(tar.corners.left - src.corners.right) / 2, 20);
+ extra = src.corners.right - sPt.x + gap;
+ }
+ }
+ else {
+ if ((src.direction === 'Top' && sPt.y > tar.point.y) || (src.direction === 'Bottom' && sPt.y < tar.point.y)) {
+ extra = Math.min(tar.corners.left, sPt.x) - sPt.x - 20;
+ }
+ else if (sPt.x >= src.corners.left - src.margin.left && sPt.x <= src.corners.right + src.margin.right) {
+ extra = Math.min(tar.corners.left, src.corners.left) - sPt.x - 20;
+ }
+ else {
+ extra = tar.corners.left - sPt.x - 20;
+ }
+ }
+ break;
+ case 'Right':
+ if (src.corners.left - src.margin.left > tar.corners.right + tar.margin.right &&
+ (src.corners.left - src.margin.right - tar.corners.right > extra || (src.corners.top - src.margin.top <= tar.point.y &&
+ src.corners.bottom + src.margin.bottom >= tar.point.y))) {
+ if (isBezier && (src.direction === 'Top' || src.direction === 'Bottom')) {
+ var gap = Math.abs(src.corners.left - tar.corners.right) / 2;
+ extra = src.corners.left - sPt.x - gap;
+ }
+ else {
+ var gap = Math.min(Math.abs(src.corners.left - tar.corners.right) / 2, 20);
+ extra = src.corners.left - sPt.x - gap;
+ }
+ }
+ else {
+ if ((src.direction === 'Top' && sPt.y > tar.point.y) || (src.direction === 'Bottom' && sPt.y < tar.point.y)) {
+ extra = Math.max(tar.corners.right, sPt.x) - sPt.x + 20;
+ }
+ else if (sPt.x >= src.corners.left - src.margin.left && sPt.x <= src.corners.right + src.margin.right) {
+ extra = Math.max(tar.corners.right, src.corners.right) - sPt.x + 20;
+ }
+ else {
+ extra = tar.corners.right - sPt.x + 20;
+ }
+ }
+ break;
+ }
+ point1 = addLineSegment(sPt, extra, 0);
+ point2 = addLineSegment(point1, tar.point.y - sPt.y, 90);
+ point3 = tar.point;
+ }
+ else if (orientation === 'vertical') {
+ switch (tar.direction) {
+ case 'Top':
+ if (src.corners.bottom + src.margin.bottom < tar.corners.top - tar.margin.top &&
+ (tar.corners.top - src.margin.top - src.corners.bottom > extra || (src.corners.left - src.margin.left <= tar.point.x &&
+ src.corners.right + src.margin.right >= tar.point.x))) {
+ if (isBezier && (src.direction === 'Right' || src.direction === 'Left')) {
+ var gap = Math.abs(tar.corners.top - src.corners.bottom) / 2;
+ extra = src.corners.bottom - sPt.y + gap;
+ }
+ else {
+ var gap = Math.min(Math.abs(tar.corners.top - src.corners.bottom) / 2, 20);
+ extra = src.corners.bottom - sPt.y + gap;
+ }
+ }
+ else {
+ if ((src.direction === 'Left' && sPt.x > tar.point.x) || (src.direction === 'Right' && sPt.x < tar.point.x)) {
+ extra = Math.min(tar.corners.top, sPt.y) - sPt.y - 20;
+ }
+ else if (sPt.y >= src.corners.top - src.margin.top && sPt.y <= src.corners.bottom + src.margin.bottom) {
+ extra = Math.min(tar.corners.top, src.corners.top) - sPt.y - 20;
+ }
+ else {
+ extra = tar.corners.top - sPt.y - 20;
+ }
+ }
+ break;
+ case 'Bottom':
+ if (src.corners.top - src.margin.top > tar.corners.bottom + tar.margin.bottom &&
+ (src.corners.top - src.margin.top - tar.corners.bottom > extra || (src.corners.left - src.margin.left <= tar.point.x &&
+ src.corners.right + src.margin.right >= tar.point.x))) {
+ if (isBezier && (src.direction === 'Right' || src.direction === 'Left')) {
+ var gap = Math.abs(src.corners.top - tar.corners.bottom) / 2;
+ extra = src.corners.top - sPt.y - gap;
+ }
+ else {
+ var gap = Math.min(Math.abs(src.corners.top - tar.corners.bottom) / 2, 20);
+ extra = src.corners.top - sPt.y - gap;
+ }
+ }
+ else {
+ if ((src.direction === 'Left' && sPt.x > tar.point.x) || (src.direction === 'Right' && sPt.x < tar.point.x)) {
+ extra = Math.max(tar.corners.bottom, sPt.y) - sPt.y + 20;
+ }
+ else if (sPt.y >= src.corners.top - src.margin.top && sPt.y <= src.corners.bottom + src.margin.bottom) {
+ extra = Math.max(tar.corners.bottom, src.corners.bottom) - sPt.y + 20;
+ }
+ else {
+ extra = tar.corners.bottom - sPt.y + 20;
+ }
+ }
+ break;
+ }
+ point1 = addLineSegment(sPt, extra, 90);
+ point2 = addLineSegment(point1, tar.point.x - sPt.x, 0);
+ point3 = tar.point;
+ }
+ points.push(point1);
+ points.push(point2);
+ points.push(point3);
+}
+/**
+ * getTopLength method \
+ *
+ * @returns { number } getTopLength method .\
+ * @param {End} source - provide the sPt value.
+ * @param {End} target - provide the sPt value.
+ * @param {string} preDir - provide the orientation value.
+ * @param {number} length - provide the src value.
+ * @private
+ */
+function getTopLength(source, target, preDir, length) {
+ if (source.corners.top - source.margin.top > target.corners.top + target.margin.top &&
+ source.corners.top - source.margin.top <= target.corners.bottom + target.margin.bottom) {
+ if (target.direction === 'Right' && source.point.x < target.point.x) {
+ length += source.corners.top - target.corners.top;
+ }
+ else if (target.direction === 'Left' && source.point.x > target.point.x) {
+ length += source.corners.top - target.corners.top;
+ }
+ length += source.point.y - source.corners.top;
+ }
+ else {
+ if ((preDir !== undefined && preDir !== 'Left') && target.direction === 'Right' && source.point.x < target.point.x) {
+ length += Math.abs(source.point.y - target.corners.bottom);
+ }
+ else if ((preDir !== undefined && preDir !== 'Right') && target.direction === 'Left'
+ && target.point.x < source.point.x) {
+ length += Math.abs(source.point.y - target.corners.bottom);
+ }
+ else {
+ length += source.point.y - source.corners.top;
+ }
+ }
+ return length;
+}
+/**
+ * getLeftLength method \
+ *
+ * @returns { number } getLeftLength method .\
+ * @param {End} source - provide the sPt value.
+ * @param {End} target - provide the sPt value.
+ * @param {string} prevDir - provide the orientation value.
+ * @param {number} segLength - provide the src value.
+ * @private
+ */
+function getLeftLength(source, target, prevDir, segLength) {
+ if (source.corners.left - source.margin.left > target.corners.left - target.margin.left &&
+ source.corners.left - source.margin.left <= target.corners.right + target.margin.right) {
+ if (target.direction === 'Bottom' && source.point.y < target.point.y) {
+ segLength += source.corners.left - target.corners.left;
+ }
+ else if (target.direction === 'Top' && source.point.y > target.point.y) {
+ segLength += source.corners.left - target.corners.left;
+ }
+ segLength += source.point.x - source.corners.left;
+ }
+ else {
+ if ((prevDir !== undefined && prevDir !== 'Top') && target.direction === 'Bottom' && source.point.y < target.point.y) {
+ segLength += Math.abs(source.point.x - target.corners.right);
+ }
+ else if ((prevDir !== undefined && prevDir !== 'Bottom') &&
+ target.direction === 'Top' && target.point.y < source.point.y) {
+ segLength += Math.abs(source.point.x - target.corners.right);
+ }
+ else {
+ segLength += source.point.x - source.corners.left;
+ }
+ }
+ return segLength;
+}
+/**
+ * getRightLength method \
+ *
+ * @returns { number } getRightLength method .\
+ * @param {End} source - provide the sPt value.
+ * @param {End} target - provide the orientation value.
+ * @param {number} length - provide the src value.
+ * @param {string} prevDir - provide the src value.
+ * @private
+ */
+function getRightLength(source, target, length, prevDir) {
+ if (source.corners.right + source.margin.right < target.corners.right + target.margin.right &&
+ source.corners.right + source.margin.right >= target.corners.left - target.margin.left) {
+ if (target.direction === 'Bottom' && source.point.y < target.point.y) {
+ length += target.corners.right - source.corners.right;
+ }
+ else if (target.direction === 'Top' && source.point.y > target.point.y) {
+ length += target.corners.right - source.corners.right;
+ }
+ length += source.corners.right - source.point.x;
+ }
+ else {
+ if ((prevDir !== undefined && prevDir !== 'Top') && target.direction === 'Bottom' && source.point.y < target.point.y) {
+ length += Math.abs(source.point.x - target.corners.right);
+ }
+ else if ((prevDir !== undefined && prevDir !== 'Bottom') && target.direction === 'Top' && target.point.y < source.point.y) {
+ length += Math.abs(source.point.x - target.corners.right);
+ }
+ else {
+ length += source.corners.right - source.point.x;
+ }
+ }
+ return length;
+}
+/**
+ * getBottomLength method \
+ *
+ * @returns { number } getBottomLength method .\
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @param {number} segLength - provide the segLength value.
+ * @param {string} prevDir - provide the src value.
+ * @private
+ */
+function getBottomLength(source, target, segLength, prevDir) {
+ if (source.corners.bottom + source.margin.bottom < target.corners.bottom + target.margin.bottom &&
+ source.corners.bottom + source.margin.bottom >= target.corners.top - target.margin.top) {
+ if (target.direction === 'Right' && source.point.x < target.point.x) {
+ segLength += target.corners.bottom - source.corners.bottom;
+ }
+ else if (target.direction === 'Left' && source.point.x > target.point.x) {
+ segLength += target.corners.bottom - source.corners.bottom;
+ }
+ segLength += source.corners.bottom - source.point.y;
+ }
+ else {
+ if ((prevDir !== undefined && prevDir !== 'Left') &&
+ target.direction === 'Right' && source.point.x < target.point.x) {
+ segLength += Math.abs(source.point.y - target.corners.bottom);
+ }
+ else if ((prevDir !== undefined && prevDir !== 'Right') &&
+ target.direction === 'Left' && target.point.x < source.point.x) {
+ segLength += Math.abs(source.point.y - target.corners.bottom);
+ }
+ else {
+ segLength += source.corners.bottom - source.point.y;
+ }
+ }
+ return segLength;
+}
+function convertPointToBezierSegment(element, segCount, pts) {
+ if (element.type === 'Bezier') {
+ if (element.segments.length === 0) {
+ var start = pts[0];
+ var end = pts[pts.length - 1];
+ if (segCount === _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].One) {
+ var distance = Math.min(20, _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(start, end) * 0.5);
+ var vector1 = { angle: findAngle(start, end), distance: distance };
+ var vector2 = { angle: findAngle(end, start), distance: distance };
+ var dir = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(start, end);
+ var ori = dir === 'Left' || dir === 'Right' ? 'Horizontal' : 'Vertical';
+ var segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](element, 'segments', { type: 'Bezier', isInternalSegment: true, vector1: vector1, vector2: vector2, orientation: ori }, true);
+ (element.segments).push(segment);
+ }
+ else if (segCount === _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Two) {
+ var mid = pts[1];
+ var vector1 = { angle: findAngle(start, mid), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(start, mid) * 0.5 };
+ var vector2 = { angle: findAngle(end, mid), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(end, mid) * 0.5 };
+ var dir = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(start, mid);
+ var ori = dir === 'Left' || dir === 'Right' ? 'Horizontal' : 'Vertical';
+ var segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](element, 'segments', { type: 'Bezier', isInternalSegment: true, vector1: vector1, vector2: vector2, orientation: ori }, true);
+ (element.segments).push(segment);
+ }
+ else if (segCount === _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Three) {
+ var mid1 = pts[1];
+ var mid2 = pts[pts.length - 2];
+ var mid = { x: (mid1.x + mid2.x) * 0.5, y: (mid1.y + mid2.y) * 0.5 };
+ var vector1 = { angle: findAngle(start, mid1), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(start, mid1) * 0.5 };
+ var vector2 = { angle: findAngle(mid, mid1), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(mid, mid1) * 0.5 };
+ var dir1 = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(start, mid1);
+ var ori1 = dir1 === 'Left' || dir1 === 'Right' ? 'Horizontal' : 'Vertical';
+ var segment1 = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](element, 'segments', { type: 'Bezier', isInternalSegment: true, vector1: vector1, vector2: vector2, point: mid, orientation: ori1 }, true);
+ (element.segments).push(segment1);
+ var vector3 = { angle: findAngle(mid, mid2), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(mid, mid2) * 0.5 };
+ var vector4 = { angle: findAngle(end, mid2), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(end, mid2) * 0.5 };
+ var dir2 = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(mid, mid2);
+ var ori2 = dir2 === 'Left' || dir2 === 'Right' ? 'Horizontal' : 'Vertical';
+ var segment2 = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](element, 'segments', { type: 'Bezier', isInternalSegment: true, vector1: vector3, vector2: vector4, orientation: ori2 }, true);
+ (element.segments).push(segment2);
+ }
+ else if (segCount === _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Four) {
+ var mid1 = pts[1];
+ var mid2 = pts[2];
+ var mid3 = pts[3];
+ var center1 = { x: (mid1.x + mid2.x) * 0.5, y: (mid1.y + mid2.y) * 0.5 };
+ var center2 = { x: (mid2.x + mid3.x) * 0.5, y: (mid2.y + mid3.y) * 0.5 };
+ var vector1 = { angle: findAngle(start, mid1), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(start, mid1) * 0.5 };
+ var vector2 = { angle: findAngle(center1, mid1), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(center1, mid1) * 0.5 };
+ var dir1 = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(start, mid1);
+ var ori1 = dir1 === 'Left' || dir1 === 'Right' ? 'Horizontal' : 'Vertical';
+ var segment1 = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](element, 'segments', { type: 'Bezier', isInternalSegment: true, vector1: vector1, vector2: vector2, point: center1, orientation: ori1 }, true);
+ (element.segments).push(segment1);
+ var vector3 = { angle: findAngle(center1, mid2), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(center1, mid2) * 0.5 };
+ var vector4 = { angle: findAngle(center2, mid2), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(center2, mid2) * 0.5 };
+ var dir2 = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(center1, mid2);
+ var ori2 = dir2 === 'Left' || dir2 === 'Right' ? 'Horizontal' : 'Vertical';
+ var segment2 = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](element, 'segments', { type: 'Bezier', isInternalSegment: true, vector1: vector3, vector2: vector4, point: center2, orientation: ori2 }, true);
+ (element.segments).push(segment2);
+ var vector5 = { angle: findAngle(center2, mid3), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(center2, mid3) * 0.5 };
+ var vector6 = { angle: findAngle(end, mid3), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(end, mid3) * 0.5 };
+ var dir3 = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(center2, mid3);
+ var ori3 = dir3 === 'Left' || dir3 === 'Right' ? 'Horizontal' : 'Vertical';
+ var segment3 = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](element, 'segments', { type: 'Bezier', isInternalSegment: true, vector1: vector5, vector2: vector6, orientation: ori3 }, true);
+ (element.segments).push(segment3);
+ }
+ else if (segCount === _enum_enum__WEBPACK_IMPORTED_MODULE_3__["NoOfSegments"].Five) {
+ var mid1 = pts[1];
+ var mid2 = pts[2];
+ var mid3 = pts[3];
+ var mid4 = pts[4];
+ var center1 = { x: (mid1.x + mid2.x) * 0.5, y: (mid1.y + mid2.y) * 0.5 };
+ var center2 = { x: (mid2.x + mid3.x) * 0.5, y: (mid2.y + mid3.y) * 0.5 };
+ var center3 = { x: (mid3.x + mid4.x) * 0.5, y: (mid3.y + mid4.y) * 0.5 };
+ var vector1 = { angle: findAngle(start, mid1), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(start, mid1) * 0.5 };
+ var vector2 = { angle: findAngle(center1, mid1), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(center1, mid1) * 0.5 };
+ var dir1 = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(start, mid1);
+ var ori1 = dir1 === 'Left' || dir1 === 'Right' ? 'Horizontal' : 'Vertical';
+ var segment1 = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](element, 'segments', { type: 'Bezier', isInternalSegment: true, vector1: vector1, vector2: vector2, point: center1, orientation: ori1 }, true);
+ (element.segments).push(segment1);
+ var vector3 = { angle: findAngle(center1, mid2), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(center1, mid2) * 0.5 };
+ var vector4 = { angle: findAngle(center2, mid2), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(center2, mid2) * 0.5 };
+ var dir2 = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(center1, mid2);
+ var ori2 = dir2 === 'Left' || dir2 === 'Right' ? 'Horizontal' : 'Vertical';
+ var segment2 = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](element, 'segments', { type: 'Bezier', isInternalSegment: true, vector1: vector3, vector2: vector4, point: center2, orientation: ori2 }, true);
+ (element.segments).push(segment2);
+ var vector5 = { angle: findAngle(center2, mid3), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(center2, mid3) * 0.5 };
+ var vector6 = { angle: findAngle(center3, mid3), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(center3, mid3) * 0.5 };
+ var dir3 = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(center2, mid3);
+ var ori3 = dir3 === 'Left' || dir3 === 'Right' ? 'Horizontal' : 'Vertical';
+ var segment3 = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](element, 'segments', { type: 'Bezier', isInternalSegment: true, vector1: vector5, vector2: vector6, point: center3, orientation: ori3 }, true);
+ (element.segments).push(segment3);
+ var vector7 = { angle: findAngle(center3, mid4), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(center3, mid4) * 0.5 };
+ var vector8 = { angle: findAngle(end, mid4), distance: _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].findLength(end, mid4) * 0.5 };
+ var dir4 = _primitives_point__WEBPACK_IMPORTED_MODULE_0__["Point"].direction(center3, mid4);
+ var ori4 = dir4 === 'Left' || dir4 === 'Right' ? 'Horizontal' : 'Vertical';
+ var segment4 = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](element, 'segments', { type: 'Bezier', isInternalSegment: true, vector1: vector7, vector2: vector8, orientation: ori4 }, true);
+ (element.segments).push(segment4);
+ }
+ else {
+ var segment = new _objects_connector__WEBPACK_IMPORTED_MODULE_4__["BezierSegment"](element, 'segments', { type: 'Bezier' }, true);
+ (element.segments).push(segment);
+ }
+ }
+ else {
+ for (var i = 0; i < element.segments.length; i++) {
+ if (element.bezierSettings.allowSegmentsReset) {
+ element.segments[parseInt(i.toString(), 10)].isInternalSegment = true;
+ }
+ }
+ }
+ }
+}
+/**
+ * getSwapping method \
+ *
+ * @returns { boolean } getSwapping method .\
+ * @param {string} srcDir - provide the source value.
+ * @param {string} tarDir - provide the target value.
+ * @private
+ */
+function getSwapping(srcDir, tarDir) {
+ var swap = false;
+ switch (srcDir) {
+ case 'Left':
+ switch (tarDir) {
+ case 'Right':
+ case 'Bottom':
+ swap = true;
+ break;
+ }
+ break;
+ case 'Top':
+ switch (tarDir) {
+ case 'Left':
+ case 'Right':
+ case 'Bottom':
+ swap = true;
+ break;
+ }
+ break;
+ case 'Bottom':
+ switch (tarDir) {
+ case 'Right':
+ swap = true;
+ break;
+ }
+ break;
+ }
+ return swap;
+}
+/**
+ * swapPoints method \
+ *
+ * @returns { void } swapPoints method .\
+ * @param {End} source - provide the source value.
+ * @param {End} target - provide the target value.
+ * @private
+ */
+function swapPoints(source, target) {
+ var direction = source.direction;
+ source.direction = target.direction;
+ target.direction = direction;
+ var point = source.point;
+ source.point = target.point;
+ target.point = point;
+ var corner = source.corners;
+ source.corners = target.corners;
+ target.corners = corner;
+}
+/**
+ * getPortDirection method \
+ *
+ * @returns { boolean } getPortDirection method .\
+ * @param {PointModel} point - provide the point value.
+ * @param {Corners} corner - provide the corner value.
+ * @param {Rect} bounds - provide the bounds value.
+ * @param {boolean} closeEdge - provide the closeEdge value.
+ * @private
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function getPortDirection(point, corner, bounds, closeEdge) {
+ var direction;
+ var boundsValue = corner === undefined ? bounds : corner;
+ var one = boundsValue.topLeft;
+ var two = boundsValue.topRight;
+ var three = boundsValue.bottomRight;
+ var four = boundsValue.bottomLeft;
+ var center = boundsValue.center;
+ var angle = findAngle(center, point);
+ var fourty5 = findAngle(center, three);
+ var one35 = findAngle(center, four);
+ var two25 = findAngle(center, one);
+ var three15 = findAngle(center, two);
+ if (angle > two25 && angle < three15) {
+ direction = 'Top';
+ // if (bounds.width < bounds.height && closeEdge) {
+ // let height: number = (bounds.height - bounds.width) / 2;
+ // let width: number = bounds.width;
+ // if (Math.abs(point.x - one.x) < Math.abs(point.x - two.x)) {
+ // direction = checkCloseEdge(direction, new Rect(one.x, one.y, width, height), point, 'Left');
+ // } else {
+ // direction = checkCloseEdge(direction, new Rect(two.x - bounds.width, two.y, width, height), point, 'Right');
+ // }
+ // }
+ }
+ else if (angle >= fourty5 && angle < one35) {
+ direction = 'Bottom';
+ // if (bounds.width < bounds.height && closeEdge) {
+ // let height: number = (bounds.height - bounds.width) / 2;
+ // let width: number = bounds.width;
+ // if (Math.abs(point.x - four.x) < Math.abs(point.x - three.x)) {
+ // direction = checkCloseEdge(direction, new Rect(four.x, four.y - height, width, height), point, 'Left');
+ // } else {
+ // let value: Rect = new Rect(three.x - bounds.width, three.y - bounds.height / 4, bounds.width, bounds.height / 4);
+ // direction = checkCloseEdge(direction, value, point, 'Right');
+ // }
+ // }
+ }
+ else if (angle >= one35 && angle <= two25) {
+ direction = 'Left';
+ // if (bounds.width > bounds.height && closeEdge) {
+ // let width: number = (bounds.width - bounds.height) / 2;
+ // let height: number = bounds.height;
+ // if (Math.abs(point.y - one.y) < Math.abs(point.y - four.y)) {
+ // direction = checkCloseEdge(direction, new Rect(one.x, one.y, width, height), point, 'Top');
+ // } else {
+ // direction = checkCloseEdge(direction, new Rect(four.x, four.y - height, width, height), point, 'Bottom');
+ // }
+ // }
+ }
+ else if (angle >= three15 || angle < fourty5) {
+ direction = 'Right';
+ // if (bounds.width > bounds.height && closeEdge) {
+ // let width: number = (bounds.width - bounds.height) / 2;
+ // let height: number = bounds.height;
+ // if (Math.abs(point.y - two.y) < Math.abs(point.y - three.y)) {
+ // direction = checkCloseEdge(direction, new Rect(two.x - width, two.y, width, height), point, 'Top');
+ // } else {
+ // direction = checkCloseEdge(direction,
+ //new Rect(three.x - width, three.y - height, width, height), point, 'Bottom');
+ // }
+ // }
+ }
+ else {
+ direction = 'Right';
+ }
+ return direction;
+}
+// function checkCloseEdge(direction: string, threshold: Rect, port: PointModel, nearest: string): string {
+// if (threshold) {
+// switch (direction) {
+// case 'Bottom':
+// case 'Top':
+// let left: number = Math.abs(threshold.left - port.x);
+// let right: number = Math.abs(threshold.right - port.x);
+// let ver: number = direction === 'Top' ? Math.abs(threshold.top - port.y) : Math.abs(threshold.bottom - port.y);
+// if (left < right) {
+// if (left < ver) {
+// return 'Left';
+// }
+// } else {
+// if (right < ver) {
+// return 'Right';
+// }
+// }
+// break;
+// case 'Left':
+// case 'Right':
+// let top: number = Math.abs(threshold.top - port.y);
+// let bottom: number = Math.abs(threshold.bottom - port.y);
+// let hor: number = direction === 'Left' ? Math.abs(threshold.left - port.x) : Math.abs(threshold.right - port.x);
+// if (top < bottom) {
+// if (top < hor) {
+// return 'Top';
+// }
+// } else {
+// if (bottom < hor) {
+// return 'Bottom';
+// }
+// }
+// break;
+// }
+// }
+//Meant for dock port
+// return direction;
+// }
+/**
+ * getOuterBounds method \
+ *
+ * @returns { Rect } getOuterBounds method .\
+ * @param {Connector} obj - provide the point value.
+ * @private
+ */
+function getOuterBounds(obj) {
+ //let outerBounds: Rect;
+ var outerBounds = obj.wrapper.children[0].bounds;
+ if (obj.sourceDecorator.shape !== 'None') {
+ outerBounds.uniteRect(obj.wrapper.children[1].bounds);
+ }
+ if (obj.targetDecorator.shape !== 'None') {
+ outerBounds.uniteRect(obj.wrapper.children[2].bounds);
+ }
+ return outerBounds;
+}
+/**
+ * getOppositeDirection method \
+ *
+ * @returns { string } getOppositeDirection method .\
+ * @param {string} direction - provide the direction value.
+ * @private
+ */
+function getOppositeDirection(direction) {
+ switch (direction) {
+ case 'Top':
+ return 'Bottom';
+ case 'Bottom':
+ return 'Top';
+ case 'Left':
+ return 'Right';
+ case 'Right':
+ return 'Left';
+ }
+ return 'auto';
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js":
+/*!****************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js ***!
+ \****************************************************************************************/
+/*! exports provided: canSelect, canMove, canEnablePointerEvents, canDelete, canBridge, canEnableRouting, canDragSourceEnd, canDragTargetEnd, canDragSegmentThumb, canRotate, canShadow, canInConnect, canPortInConnect, canOutConnect, canPortOutConnect, canResize, canAllowDrop, canVitualize, canEnableToolTip, canSingleSelect, canMultiSelect, canZoomPan, canContinuousDraw, canDrawOnce, defaultTool, canZoom, canPan, canUserInteract, canApiInteract, canPanX, canPanY, canZoomTextEdit, canPageEditable, enableReadOnly, canDraw, canDrag, canPreventClearSelection, canDrawThumbs, avoidDrawSelector */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canSelect", function() { return canSelect; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canMove", function() { return canMove; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canEnablePointerEvents", function() { return canEnablePointerEvents; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canDelete", function() { return canDelete; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canBridge", function() { return canBridge; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canEnableRouting", function() { return canEnableRouting; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canDragSourceEnd", function() { return canDragSourceEnd; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canDragTargetEnd", function() { return canDragTargetEnd; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canDragSegmentThumb", function() { return canDragSegmentThumb; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canRotate", function() { return canRotate; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canShadow", function() { return canShadow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canInConnect", function() { return canInConnect; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canPortInConnect", function() { return canPortInConnect; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canOutConnect", function() { return canOutConnect; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canPortOutConnect", function() { return canPortOutConnect; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canResize", function() { return canResize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canAllowDrop", function() { return canAllowDrop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canVitualize", function() { return canVitualize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canEnableToolTip", function() { return canEnableToolTip; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canSingleSelect", function() { return canSingleSelect; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canMultiSelect", function() { return canMultiSelect; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canZoomPan", function() { return canZoomPan; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canContinuousDraw", function() { return canContinuousDraw; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canDrawOnce", function() { return canDrawOnce; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defaultTool", function() { return defaultTool; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canZoom", function() { return canZoom; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canPan", function() { return canPan; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canUserInteract", function() { return canUserInteract; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canApiInteract", function() { return canApiInteract; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canPanX", function() { return canPanX; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canPanY", function() { return canPanY; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canZoomTextEdit", function() { return canZoomTextEdit; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canPageEditable", function() { return canPageEditable; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "enableReadOnly", function() { return enableReadOnly; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canDraw", function() { return canDraw; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canDrag", function() { return canDrag; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canPreventClearSelection", function() { return canPreventClearSelection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canDrawThumbs", function() { return canDrawThumbs; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "avoidDrawSelector", function() { return avoidDrawSelector; });
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _objects_annotation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../objects/annotation */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/annotation.js");
+/* harmony import */ var _objects_port__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../objects/port */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/port.js");
+
+
+
+
+
+
+
+/**
+ * constraints-util module contains the common constraints \
+ *
+ * @returns { number } constraints-util module contains the common constraints .\
+ *
+ * @param {ConnectorModel | NodeModel | PathAnnotationModel | ShapeAnnotationModel} node - Provide the DiagramElement value.
+ * @private
+ */
+function canSelect(node) {
+ if (node) {
+ var state = 0;
+ if ((node instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_3__["ShapeAnnotation"]) || (node instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_3__["PathAnnotation"])) {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["AnnotationConstraints"].Select;
+ }
+ else if (node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].Select;
+ }
+ else {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].Select;
+ }
+ return state;
+ }
+ return 1;
+}
+/**
+ * Used to check whether we can move the objects ot not\
+ *
+ * @returns { number } Used to check whether we can move the objects ot not .\
+ *
+ * @param {ConnectorModel | NodeModel | PathAnnotationModel | ShapeAnnotationModel} node - Used to check whether we can move the objects ot not.
+ * @private
+ */
+function canMove(node) {
+ if (node) {
+ var state = 0;
+ if ((node instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_3__["ShapeAnnotation"]) || (node instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_3__["PathAnnotation"])) {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["AnnotationConstraints"].Drag;
+ }
+ else if (node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].Drag;
+ }
+ else if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Selector"]) {
+ state = 1;
+ }
+ else {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].Drag;
+ }
+ return state;
+ }
+ return 1;
+}
+/**
+ * Used to check the canEnablePointerEvents\
+ *
+ * @returns { number } Used to check whether we can move the objects ot not .\
+ *
+ * @param {ConnectorModel | NodeModel} node - Used to check whether we can move the objects ot not.
+ * @param {Diagram} diagram - Used to check whether we can move the objects ot not.
+ * @private
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function canEnablePointerEvents(node, diagram) {
+ var state = 0;
+ if (node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].PointerEvents;
+ }
+ else {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].PointerEvents;
+ }
+ return state;
+}
+/**
+ * Used to check the canDelete of the element \
+ *
+ * @returns { number } Used to check the canDelete of the element .\
+ *
+ * @param {ConnectorModel | NodeModel} node - Used to check whether we can move the objects ot not.
+ * @private
+ */
+function canDelete(node) {
+ var state = 0;
+ if (node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].Delete;
+ }
+ else {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].Delete;
+ }
+ return state;
+}
+/**
+ * Used to check the bridging of the element \
+ *
+ * @returns { number } Used to check the bridging of the element .\
+ *
+ * @param {ConnectorModel | NodeModel} connector - provide the connector value.
+ * @param {ConnectorModel | NodeModel} diagram - provide the diagram value.
+ * @private
+ */
+function canBridge(connector, diagram) {
+ var state = 0;
+ if (connector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].Bridging) {
+ state = connector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].Bridging;
+ }
+ else if (connector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].InheritBridging) {
+ state = diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].Bridging;
+ }
+ else {
+ state = 0;
+ }
+ return state;
+}
+/**
+ * Used to check the routing of the element \
+ *
+ * @returns { number } Used to check the routing of the element .\
+ *
+ * @param {ConnectorModel | NodeModel} connector - provide the connector value.
+ * @param {ConnectorModel | NodeModel} diagram - provide the diagram value.
+ * @private
+ */
+function canEnableRouting(connector, diagram) {
+ var state = 0;
+ if (connector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].LineRouting) {
+ state = connector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].LineRouting;
+ }
+ else if (connector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].InheritLineRouting) {
+ state = diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].LineRouting;
+ }
+ return state;
+}
+/**
+ * Used to check the source end dragof the element \
+ *
+ * @returns { number } Used to check the source end dragof the element. \
+ *
+ * @param {ConnectorModel | NodeModel} connector - provide the connector value.
+ * @private
+ */
+function canDragSourceEnd(connector) {
+ return connector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].DragSourceEnd;
+}
+/**
+ * Used to check the target end drag of the element \
+ *
+ * @returns { number } Used to check the target end drag of the element .\
+ *
+ * @param {ConnectorModel | NodeModel} connector - provide the connector value.
+ * @private
+ */
+function canDragTargetEnd(connector) {
+ return connector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].DragTargetEnd;
+}
+/**
+ * Used to check the segment drag of the element \
+ *
+ * @returns { number } Used to check the segment drag of the element .\
+ *
+ * @param {ConnectorModel | NodeModel} connector - provide the connector value.
+ * @private
+ */
+function canDragSegmentThumb(connector) {
+ return connector.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].DragSegmentThumb;
+}
+/**
+ * Used to check the routing drag of the element \
+ *
+ * @returns { number } Used to check the segment drag of the element .\
+ *
+ * @param {NodeModel | ShapeAnnotationModel | PathAnnotationModel} node - provide the connector value.
+ * @private
+ */
+function canRotate(node) {
+ if ((node instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_3__["ShapeAnnotation"]) || (node instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_3__["PathAnnotation"])) {
+ return node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["AnnotationConstraints"].Rotate;
+ }
+ else {
+ return node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].Rotate;
+ }
+}
+/**
+ * Used to check shadown constraints of the element \
+ *
+ * @returns { number } Used to check shadown constraints of the element .\
+ *
+ * @param {NodeModel} node - provide the connector value.
+ * @private
+ */
+function canShadow(node) {
+ return node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].Shadow;
+}
+/**
+ * Used to check canInConnect constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {NodeModel} node - provide the node value.
+ * @private
+ */
+function canInConnect(node) {
+ if ((node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"]) && (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].InConnect)) {
+ return node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].InConnect;
+ }
+ return 0;
+}
+/**
+ * Used to check canPortInConnect constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {PointPortModel} port - provide the PointPortModel value.
+ * @private
+ */
+function canPortInConnect(port) {
+ if (port && port.constraints) {
+ if (!(port.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["PortConstraints"].None) && (port.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["PortConstraints"].InConnect)) {
+ return port.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["PortConstraints"].InConnect;
+ }
+ }
+ return 0;
+}
+/**
+ * Used to check canOutConnect constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {NodeModel} node - provide the node value.
+ * @private
+ */
+function canOutConnect(node) {
+ if ((node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"]) && (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].OutConnect)) {
+ return node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].OutConnect;
+ }
+ return 0;
+}
+/**
+ * Used to check canPortOutConnect constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {PointPortModel} port - provide the node value.
+ * @private
+ */
+function canPortOutConnect(port) {
+ if (port && port.constraints) {
+ if (!(port.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["PortConstraints"].None) && (port.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["PortConstraints"].OutConnect)) {
+ return port.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["PortConstraints"].OutConnect;
+ }
+ }
+ return 0;
+}
+/**
+ * Used to check canResize constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {NodeModel | ShapeAnnotationModel | PathAnnotationModel} node - provide the node value.
+ * @param {NodeModel | ShapeAnnotationModel | PathAnnotationModel} direction - provide the node value.
+ * @private
+ */
+function canResize(node, direction) {
+ var returnValue = 0;
+ if (node instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_3__["ShapeAnnotation"] || node instanceof _objects_annotation__WEBPACK_IMPORTED_MODULE_3__["PathAnnotation"]) {
+ returnValue = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["AnnotationConstraints"].Resize;
+ }
+ else if (node) {
+ if (direction === 'SouthEast') {
+ returnValue = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].ResizeSouthEast;
+ }
+ else if (direction === 'East') {
+ returnValue = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].ResizeEast;
+ }
+ else if (direction === 'NorthEast') {
+ returnValue = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].ResizeNorthEast;
+ }
+ else if (direction === 'South') {
+ returnValue = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].ResizeSouth;
+ }
+ else if (direction === 'North') {
+ returnValue = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].ResizeNorth;
+ }
+ else if (direction === 'SouthWest') {
+ returnValue = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].ResizeSouthWest;
+ }
+ else if (direction === 'West') {
+ returnValue = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].ResizeWest;
+ }
+ else if (direction === 'NorthWest') {
+ returnValue = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].ResizeNorthWest;
+ }
+ }
+ return returnValue;
+}
+/**
+ * Used to check canAllowDrop constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {ConnectorModel | NodeModel} node - provide the node value.
+ * @private
+ */
+function canAllowDrop(node) {
+ var state = 0;
+ if (node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].AllowDrop;
+ }
+ else {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].AllowDrop;
+ }
+ return state;
+}
+/**
+ * Used to check canVitualize constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} diagram - provide the Diagram value.
+ * @private
+ */
+function canVitualize(diagram) {
+ return diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].Virtualization;
+}
+/**
+ * Used to check canEnableToolTip constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {ConnectorModel | NodeModel} node - provide the node value.
+ * @param {Diagram} diagram - provide the Diagram value.
+ * @private
+ */
+function canEnableToolTip(node, diagram) {
+ var state = 0;
+ if (node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ if (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].Tooltip) {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].Tooltip;
+ }
+ else if (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].InheritTooltip) {
+ state = diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].Tooltip;
+ }
+ }
+ else if (node instanceof _objects_port__WEBPACK_IMPORTED_MODULE_4__["PointPort"]) {
+ if (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["PortConstraints"].ToolTip) {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["PortConstraints"].ToolTip;
+ }
+ else if (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["PortConstraints"].InheritTooltip) {
+ state = diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].Tooltip;
+ }
+ }
+ else {
+ if (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].Tooltip) {
+ state = node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].Tooltip;
+ }
+ else if (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].InheritTooltip) {
+ state = diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].Tooltip;
+ }
+ }
+ return state;
+}
+/**
+ * Used to check canSingleSelect constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function canSingleSelect(model) {
+ return model.tool & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramTools"].SingleSelect;
+}
+/**
+ * Used to check canMultiSelect constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function canMultiSelect(model) {
+ return model.tool & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramTools"].MultipleSelect;
+}
+/**
+ * Used to check canZoomPan constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function canZoomPan(model) {
+ return model.tool & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramTools"].ZoomPan;
+}
+/**
+ * Used to check canContinuousDraw constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function canContinuousDraw(model) {
+ return model.tool & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramTools"].ContinuousDraw;
+}
+/**
+ * Used to check canDrawOnce constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function canDrawOnce(model) {
+ return model.tool & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramTools"].DrawOnce;
+}
+/**
+ * Used to check defaultTool constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function defaultTool(model) {
+ return (model.tool & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramTools"].SingleSelect) || (model.tool & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramTools"].MultipleSelect);
+}
+/**
+ * Used to check canZoom constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function canZoom(model) {
+ return model.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].Zoom;
+}
+/**
+ * Used to check canPan constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function canPan(model) {
+ return model.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].Pan;
+}
+/**
+ * Used to check canUserInteract constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function canUserInteract(model) {
+ return model.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].UserInteraction;
+}
+/**
+ * Used to check canApiInteract constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function canApiInteract(model) {
+ return model.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].ApiUpdate;
+}
+/**
+ * Used to check canPanX constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function canPanX(model) {
+ return ((model.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].PanX));
+}
+/**
+ * Used to check canPanY constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function canPanY(model) {
+ return ((model.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].PanY));
+}
+/**
+ * Used to check canZoomTextEdit constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} diagram - provide the Diagram value.
+ * @private
+ */
+function canZoomTextEdit(diagram) {
+ return ((diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramConstraints"].ZoomTextEdit));
+}
+/**
+ * Used to check canPageEditable constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} model - provide the Diagram value.
+ * @private
+ */
+function canPageEditable(model) {
+ return canApiInteract(model) || (model.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramAction"].ToolAction);
+}
+/**
+ * Used to check enableReadOnly constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {Diagram} annotation - provide the annotation value.
+ * @param {Diagram} node - provide the node value.
+ * @private
+ */
+function enableReadOnly(annotation, node) {
+ var enumValue = 0;
+ enumValue = (node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_2__["Connector"]) ? _enum_enum__WEBPACK_IMPORTED_MODULE_1__["ConnectorConstraints"].ReadOnly : _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].ReadOnly;
+ if (node.shape.type === 'Text') {
+ return node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["NodeConstraints"].ReadOnly;
+ }
+ else if (node.constraints & enumValue) {
+ if (annotation.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["AnnotationConstraints"].InheritReadOnly) {
+ return 1;
+ }
+ else {
+ return 0;
+ }
+ }
+ else if (annotation.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["AnnotationConstraints"].ReadOnly) {
+ return 1;
+ }
+ return 0;
+}
+/**
+ * Used to check canDraw constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {PointPortModel | NodeModel} port - provide the Diagram value.
+ * @param {Diagram} diagram - provide the Diagram value.
+ * @private
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function canDraw(port, diagram) {
+ return port.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["PortConstraints"].Draw;
+}
+/**
+ * Used to check canDrag constraints of the element \
+ *
+ * @returns { number } Used to check canInConnect constraints of the element .\
+ *
+ * @param {PointPortModel | NodeModel} port - provide the Diagram value.
+ * @param {Diagram} diagram - provide the Diagram value.
+ * @private
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function canDrag(port, diagram) {
+ return port.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["PortConstraints"].Drag;
+}
+/**
+ * Used to check canPreventClearSelection constraints of the element \
+ *
+ * @returns { boolean } Used to check canInConnect constraints of the element .\
+ *
+ * @param {PointPortModel | NodeModel} diagramActions - provide the diagramActions value.
+ * @private
+ */
+function canPreventClearSelection(diagramActions) {
+ if (diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["DiagramAction"].PreventClearSelection) {
+ return true;
+ }
+ else {
+ return false;
+ }
+}
+/**
+ * Used to check canDrawThumbs \
+ *
+ * @returns { boolean } Used to check canInConnect constraints of the element .\
+ *
+ * @param {RendererAction} rendererActions - provide the RendererAction value.
+ * @private
+ */
+function canDrawThumbs(rendererActions) {
+ if (!(rendererActions & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["RendererAction"].DrawSelectorBorder)) {
+ return true;
+ }
+ else {
+ return false;
+ }
+}
+/**
+ * Used to check avoidDrawSelector \
+ *
+ * @returns { boolean } Used to check canInConnect constraints of the element .\
+ *
+ * @param {RendererAction} rendererActions - provide the RendererAction value.
+ * @private
+ */
+function avoidDrawSelector(rendererActions) {
+ if ((rendererActions & _enum_enum__WEBPACK_IMPORTED_MODULE_1__["RendererAction"].PreventRenderSelector)) {
+ return true;
+ }
+ else {
+ return false;
+ }
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js":
+/*!************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js ***!
+ \************************************************************************************/
+/*! exports provided: completeRegion, findNodeByName, findObjectType, setSwimLaneDefaults, getSpaceValue, getInterval, setPortsEdges, setUMLActivityDefaults, setConnectorDefaults, findNearestPoint, isDiagramChild, groupHasType, updateDefaultValues, updateLayoutValue, isPointOverConnector, intersect3, intersect2, getLineSegment, getPoints, getTooltipOffset, initfixedUserHandlesSymbol, sort, getAnnotationPosition, getOffsetOfConnector, getAlignedPosition, alignLabelOnSegments, getBezierDirection, removeChildNodes, getChild, serialize, deserialize, upgrade, updateStyle, updateHyperlink, updateShapeContent, updateShape, updateContent, updateUmlActivityNode, getUMLFinalNode, getUMLActivityShapes, removeGradient, removeItem, updateConnector, getUserHandlePosition, canResizeCorner, canShowCorner, canShowControlPoints, checkPortRestriction, findAnnotation, findPort, getInOutConnectPorts, findObjectIndex, getObjectFromCollection, scaleElement, arrangeChild, insertObject, getElement, getCollectionChangeEventArguements, getDropEventArguements, getPoint, getObjectType, flipConnector, updatePortEdges, alignElement, cloneSelectedObjects, updatePathElement, checkPort, findPath, getConnectorDirection, findDistance, cloneBlazorObject, checkBrowserInfo, canMeasureDecoratorPath, getPreviewSize, getSymbolSize, findParentInSwimlane, selectionHasConnector */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "completeRegion", function() { return completeRegion; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findNodeByName", function() { return findNodeByName; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findObjectType", function() { return findObjectType; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setSwimLaneDefaults", function() { return setSwimLaneDefaults; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSpaceValue", function() { return getSpaceValue; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getInterval", function() { return getInterval; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setPortsEdges", function() { return setPortsEdges; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setUMLActivityDefaults", function() { return setUMLActivityDefaults; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setConnectorDefaults", function() { return setConnectorDefaults; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findNearestPoint", function() { return findNearestPoint; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isDiagramChild", function() { return isDiagramChild; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "groupHasType", function() { return groupHasType; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateDefaultValues", function() { return updateDefaultValues; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateLayoutValue", function() { return updateLayoutValue; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isPointOverConnector", function() { return isPointOverConnector; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "intersect3", function() { return intersect3; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "intersect2", function() { return intersect2; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLineSegment", function() { return getLineSegment; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPoints", function() { return getPoints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTooltipOffset", function() { return getTooltipOffset; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "initfixedUserHandlesSymbol", function() { return initfixedUserHandlesSymbol; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sort", function() { return sort; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getAnnotationPosition", function() { return getAnnotationPosition; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOffsetOfConnector", function() { return getOffsetOfConnector; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getAlignedPosition", function() { return getAlignedPosition; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "alignLabelOnSegments", function() { return alignLabelOnSegments; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBezierDirection", function() { return getBezierDirection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeChildNodes", function() { return removeChildNodes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getChild", function() { return getChild; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "serialize", function() { return serialize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "deserialize", function() { return deserialize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "upgrade", function() { return upgrade; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateStyle", function() { return updateStyle; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateHyperlink", function() { return updateHyperlink; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateShapeContent", function() { return updateShapeContent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateShape", function() { return updateShape; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateContent", function() { return updateContent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateUmlActivityNode", function() { return updateUmlActivityNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getUMLFinalNode", function() { return getUMLFinalNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getUMLActivityShapes", function() { return getUMLActivityShapes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeGradient", function() { return removeGradient; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeItem", function() { return removeItem; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateConnector", function() { return updateConnector; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getUserHandlePosition", function() { return getUserHandlePosition; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canResizeCorner", function() { return canResizeCorner; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canShowCorner", function() { return canShowCorner; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canShowControlPoints", function() { return canShowControlPoints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkPortRestriction", function() { return checkPortRestriction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findAnnotation", function() { return findAnnotation; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findPort", function() { return findPort; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getInOutConnectPorts", function() { return getInOutConnectPorts; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findObjectIndex", function() { return findObjectIndex; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getObjectFromCollection", function() { return getObjectFromCollection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "scaleElement", function() { return scaleElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "arrangeChild", function() { return arrangeChild; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "insertObject", function() { return insertObject; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getElement", function() { return getElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCollectionChangeEventArguements", function() { return getCollectionChangeEventArguements; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDropEventArguements", function() { return getDropEventArguements; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPoint", function() { return getPoint; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getObjectType", function() { return getObjectType; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "flipConnector", function() { return flipConnector; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updatePortEdges", function() { return updatePortEdges; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "alignElement", function() { return alignElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "cloneSelectedObjects", function() { return cloneSelectedObjects; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updatePathElement", function() { return updatePathElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkPort", function() { return checkPort; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findPath", function() { return findPath; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getConnectorDirection", function() { return getConnectorDirection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findDistance", function() { return findDistance; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "cloneBlazorObject", function() { return cloneBlazorObject; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkBrowserInfo", function() { return checkBrowserInfo; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canMeasureDecoratorPath", function() { return canMeasureDecoratorPath; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPreviewSize", function() { return getPreviewSize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSymbolSize", function() { return getSymbolSize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findParentInSwimlane", function() { return findParentInSwimlane; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "selectionHasConnector", function() { return selectionHasConnector; });
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _primitives_matrix__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../primitives/matrix */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/matrix.js");
+/* harmony import */ var _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../core/elements/diagram-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js");
+/* harmony import */ var _core_containers_container__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./../core/containers/container */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/container.js");
+/* harmony import */ var _core_appearance__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./../core/appearance */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/appearance.js");
+/* harmony import */ var _primitives_point__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./../primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _core_elements_path_element__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./../core/elements/path-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/path-element.js");
+/* harmony import */ var _core_elements_native_element__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./../core/elements/native-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/native-element.js");
+/* harmony import */ var _core_elements_text_element__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../core/elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+/* harmony import */ var _core_elements_image_element__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../core/elements/image-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/image-element.js");
+/* harmony import */ var _objects_annotation__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./../objects/annotation */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/annotation.js");
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _objects_connector__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./../objects/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/connector.js");
+/* harmony import */ var _objects_dictionary_basic_shapes__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./../objects/dictionary/basic-shapes */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/dictionary/basic-shapes.js");
+/* harmony import */ var _objects_dictionary_flow_shapes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./../objects/dictionary/flow-shapes */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/dictionary/flow-shapes.js");
+/* harmony import */ var _diagram__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./../diagram */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram.js");
+/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/connector.js");
+/* harmony import */ var _dom_util__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _base_util__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _utility_path_util__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./../utility/path-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/path-util.js");
+/* harmony import */ var _core_elements_html_element__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../core/elements/html-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/html-element.js");
+/* harmony import */ var _ruler_ruler__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../ruler/ruler */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/ruler/ruler.js");
+/* harmony import */ var _constraints_util__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./constraints-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js");
+/* harmony import */ var _interaction_selector__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../interaction/selector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/selector.js");
+/* harmony import */ var _objects_dictionary_umlactivity_shapes__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../objects/dictionary/umlactivity-shapes */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/dictionary/umlactivity-shapes.js");
+/* harmony import */ var _core_containers_canvas__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../core/containers/canvas */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/canvas.js");
+/* harmony import */ var _objects_port__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../objects/port */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/port.js");
+/* harmony import */ var _diagram_keyboard_commands__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../diagram/keyboard-commands */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/diagram/keyboard-commands.js");
+/* harmony import */ var _swim_lane_util__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./swim-lane-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/swim-lane-util.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _objects_fixed_user_handle__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../objects/fixed-user-handle */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/fixed-user-handle.js");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * completeRegion method\
+ *
+ * @returns { void } completeRegion method .\
+ * @param {Rect} region - provide the region value.
+ * @param {(NodeModel | ConnectorModel)[]} selectedObjects - provide the selectedObjects value.
+ * @private
+ */
+function completeRegion(region, selectedObjects) {
+ var collection = [];
+ for (var i = 0; i < selectedObjects.length; i++) {
+ var obj = selectedObjects[parseInt(i.toString(), 10)];
+ if (region.containsRect(obj.wrapper.bounds)) {
+ collection.push(obj);
+ }
+ }
+ return collection;
+}
+/**
+ * findNodeByName method \
+ *
+ * @returns { boolean } findNodeByName method .\
+ * @param {(NodeModel | ConnectorModel)[]} nodes - provide the nodes value.
+ * @param {string} name - provide the orientation value.
+ * @private
+ */
+function findNodeByName(nodes, name) {
+ for (var i = 0; i < nodes.length; i++) {
+ if (nodes[parseInt(i.toString(), 10)].id === name) {
+ return true;
+ }
+ }
+ return false;
+}
+/**
+ * findNodeByName method \
+ *
+ * @returns { string } findNodeByName method .\
+ * @param {(NodeModel | ConnectorModel)[]} drawingObject - provide the drawingObject value.
+ * @private
+ */
+function findObjectType(drawingObject) {
+ var type;
+ if (drawingObject) {
+ if (drawingObject.type) {
+ type = 'Connector';
+ }
+ else if (drawingObject.shape && !drawingObject.type) {
+ type = 'Node';
+ }
+ }
+ return type;
+}
+/**
+ * setSwimLaneDefaults method \
+ *
+ * @returns { void } setSwimLaneDefaults method .\
+ * @param {NodeModel | ConnectorModel} child - provide the child value.
+ * @param {NodeModel | ConnectorModel} node - provide the node value.
+ * @private
+ */
+function setSwimLaneDefaults(child, node) {
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["Node"]) {
+ if (!child.shape.header) {
+ node.shape.hasHeader = false;
+ }
+ }
+}
+/**
+ * getSpaceValue method \
+ *
+ * @returns { number } getSpaceValue method .\
+ * @param {number[]} intervals - provide the intervals value.
+ * @param {boolean} isLine - provide the isLine value.
+ * @param {number} i - provide the i value.
+ * @param {number} space - provide the space value.
+ * @private
+ */
+function getSpaceValue(intervals, isLine, i, space) {
+ space = !isLine ? ((intervals[i - 1] !== undefined) ? intervals[i - 1] + space : 0) : space;
+ return space;
+}
+/**
+ * getInterval method \
+ *
+ * @returns { number[] } getInterval method .\
+ * @param {number[]} intervals - provide the intervals value.
+ * @param {boolean} isLine - provide the isLine value.
+ * @private
+ */
+function getInterval(intervals, isLine) {
+ var newInterval = [];
+ if (!isLine) {
+ for (var k = 0; k < intervals.length; k++) {
+ newInterval.push(intervals[parseInt(k.toString(), 10)]);
+ }
+ newInterval.push(intervals[newInterval.length - 2]);
+ newInterval.push(intervals[newInterval.length - 2]);
+ }
+ else {
+ newInterval = intervals;
+ }
+ return newInterval;
+}
+/**
+ * setPortsEdges method \
+ *
+ * @returns { Node } setPortsEdges method .\
+ * @param {Node} node - provide the node value.
+ * @private
+ */
+function setPortsEdges(node) {
+ for (var k = 0; k < node.ports.length; k++) {
+ node.ports[parseInt(k.toString(), 10)].inEdges = [];
+ node.ports[parseInt(k.toString(), 10)].outEdges = [];
+ }
+ return node;
+}
+/**
+ * setUMLActivityDefaults method \
+ *
+ * @returns { void } setUMLActivityDefaults method .\
+ * @param {NodeModel | ConnectorModel} child - provide the child value.
+ * @param {NodeModel | ConnectorModel} node - provide the node value.
+ * @private
+ */
+function setUMLActivityDefaults(child, node) {
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["Node"]) {
+ var shape = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() ? child.shape.umlActivityShape :
+ child.shape.shape);
+ switch (shape) {
+ case 'JoinNode':
+ if (!child.width) {
+ node.width = 20;
+ }
+ if (!child.height) {
+ node.height = 90;
+ }
+ if (!child.style || !child.style.fill) {
+ node.style.fill = 'black';
+ }
+ break;
+ case 'ForkNode':
+ if (!child.width) {
+ node.width = 90;
+ }
+ if (!child.height) {
+ node.height = 20;
+ }
+ if (!child.style || !child.style.fill) {
+ node.style.fill = 'black';
+ }
+ break;
+ case 'InitialNode':
+ if (!child.style || !child.style.fill) {
+ node.style.fill = 'black';
+ }
+ break;
+ case 'FinalNode':
+ if (!child.style || !child.style.fill) {
+ node.style.fill = 'black';
+ }
+ break;
+ }
+ }
+ else {
+ var flow = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() ?
+ child.shape.umlActivityFlow : child.shape.flow);
+ switch (flow) {
+ case 'Object':
+ if (!child.style || !child.style.strokeDashArray) {
+ node.style.strokeDashArray = '8 4';
+ }
+ if (!child.style || !child.style.strokeWidth) {
+ node.style.strokeWidth = 2;
+ }
+ if (!child.targetDecorator || !child.targetDecorator.shape) {
+ node.targetDecorator.shape = 'OpenArrow';
+ }
+ break;
+ case 'Control':
+ if (!child.style || !child.style.strokeWidth) {
+ node.style.strokeWidth = 2;
+ }
+ if (!child.targetDecorator || !child.targetDecorator.shape) {
+ node.targetDecorator.shape = 'OpenArrow';
+ }
+ if (!child.sourceDecorator || !child.sourceDecorator.shape) {
+ node.sourceDecorator.shape = 'None';
+ }
+ break;
+ }
+ }
+}
+/* eslint-disable */
+/**
+ * setConnectorDefaults method \
+ *
+ * @returns { void } setConnectorDefaults method .\
+ * @param {ConnectorModel} child - provide the child value.
+ * @param {ConnectorModel} node - provide the node value.
+ * @private
+ */
+function setConnectorDefaults(child, node) {
+ switch ((child.shape).type) {
+ case 'Bpmn':
+ var bpmnFlow = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() ? child.shape.bpmnFlow : child.shape.flow);
+ switch (bpmnFlow) {
+ case 'Sequence':
+ if ((((child.shape.sequence) === 'Normal' && child.type !== 'Bezier')) ||
+ ((child.shape.sequence) === 'Default') || ((child.shape.sequence) === 'Conditional')) {
+ if (node.targetDecorator && node.targetDecorator.style) {
+ node.targetDecorator.style.fill = (child.targetDecorator && child.targetDecorator.style
+ && child.targetDecorator.style.fill) || 'black';
+ }
+ if ((child.shape.sequence) === 'Conditional' && node.sourceDecorator) {
+ if (node.sourceDecorator.style) {
+ node.sourceDecorator.style.fill = (child.sourceDecorator && child.sourceDecorator.style &&
+ child.sourceDecorator.style.fill) || 'white';
+ }
+ node.sourceDecorator.width = (child.sourceDecorator && child.sourceDecorator.width) || 20;
+ node.sourceDecorator.height = (child.sourceDecorator && child.sourceDecorator.width) || 10;
+ }
+ }
+ break;
+ case 'Association':
+ if (((child.shape.association) === 'Default') ||
+ ((child.shape.association) === 'Directional') ||
+ ((child.shape.association) === 'BiDirectional')) {
+ if (node.targetDecorator && node.targetDecorator.style) {
+ node.targetDecorator.style.fill = (child.targetDecorator && child.targetDecorator.style &&
+ child.targetDecorator.style.fill) || 'black';
+ }
+ if ((child.shape.association) === 'BiDirectional') {
+ if (node.sourceDecorator && node.sourceDecorator.style) {
+ node.sourceDecorator.style.fill = (child.sourceDecorator && child.sourceDecorator.style &&
+ child.sourceDecorator.style.fill) || 'white';
+ node.sourceDecorator.width = (child.sourceDecorator && child.sourceDecorator.width) || 5;
+ node.sourceDecorator.height = (child.sourceDecorator && child.sourceDecorator.height) || 10;
+ }
+ }
+ }
+ break;
+ case 'Message':
+ if (node.style && !node.style.strokeDashArray) {
+ node.style.strokeDashArray = (child.style && child.style.strokeDashArray) || '4 4';
+ }
+ break;
+ }
+ break;
+ case 'UmlActivity':
+ var flow = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() ?
+ child.shape.umlActivityFlow : child.shape.flow);
+ switch (flow) {
+ case 'Exception':
+ if (((child.shape.association) === 'Directional') ||
+ ((child.shape.association) === 'BiDirectional')) {
+ node.style.strokeDashArray = (child.style && child.style.strokeDashArray) || '2 2';
+ }
+ break;
+ }
+ break;
+ case 'UmlClassifier':
+ var hasRelation = false;
+ if (child.shape.relationship === 'Association') {
+ hasRelation = true;
+ }
+ else if (child.shape.relationship === 'Inheritance') {
+ if (node.targetDecorator && node.targetDecorator.style) {
+ node.targetDecorator.style.fill = (child.targetDecorator && child.targetDecorator.style &&
+ child.targetDecorator.style.fill) || 'white';
+ }
+ if (node.style) {
+ hasRelation = true;
+ node.style.strokeDashArray = (child.style && child.style.strokeDashArray) || '4 4';
+ }
+ }
+ else if (child.shape.relationship === 'Composition') {
+ if (node.sourceDecorator && node.sourceDecorator.style) {
+ node.sourceDecorator.style.fill = (child.sourceDecorator && child.sourceDecorator.style &&
+ child.sourceDecorator.style.fill) || 'black';
+ }
+ hasRelation = true;
+ }
+ else if (child.shape.relationship === 'Aggregation' ||
+ child.shape.relationship === undefined) {
+ if (node.sourceDecorator && node.sourceDecorator.style) {
+ node.sourceDecorator.style.fill = (child.sourceDecorator && child.sourceDecorator.style &&
+ child.sourceDecorator.style.fill) || 'white';
+ }
+ hasRelation = true;
+ }
+ else if (child.shape.relationship === 'Dependency') {
+ if (node.sourceDecorator && node.sourceDecorator.style) {
+ node.sourceDecorator.style.fill = (child.sourceDecorator && child.sourceDecorator.style &&
+ child.sourceDecorator.style.fill) || 'white';
+ }
+ hasRelation = true;
+ node.style.strokeDashArray = '4 4';
+ }
+ else if (child.shape.relationship === 'Realization') {
+ if (node.sourceDecorator && node.sourceDecorator.style) {
+ node.sourceDecorator.style.fill = (child.sourceDecorator && child.sourceDecorator.style &&
+ child.sourceDecorator.style.fill) || 'white';
+ }
+ hasRelation = true;
+ }
+ if (hasRelation) {
+ node.style.strokeWidth = (child.style && child.style.strokeWidth) || 2;
+ }
+ break;
+ }
+}
+/* eslint-enable */
+/**
+ * findNearestPoint method \
+ *
+ * @returns { PointModel } findNearestPoint method .\
+ * @param {PointModel} reference - provide the reference value.
+ * @param {PointModel} start - provide the start value.
+ * @param {PointModel} end - provide the end value.
+ * @private
+ */
+function findNearestPoint(reference, start, end) {
+ var shortestPoint;
+ var shortest = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].findLength(start, reference);
+ var shortest1 = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].findLength(end, reference);
+ if (shortest > shortest1) {
+ shortestPoint = end;
+ }
+ else {
+ shortestPoint = start;
+ }
+ var angleBWStAndEnd = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].findAngle(start, end);
+ var angleBWStAndRef = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].findAngle(shortestPoint, reference);
+ var r = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].findLength(shortestPoint, reference);
+ var vaAngle = angleBWStAndRef + ((angleBWStAndEnd - angleBWStAndRef) * 2);
+ return {
+ x: (shortestPoint.x + r * Math.cos(vaAngle * Math.PI / 180)),
+ y: (shortestPoint.y + r * Math.sin(vaAngle * Math.PI / 180))
+ };
+}
+/**
+ * pointsForBezier method \
+ *
+ * @returns { PointModel[] } pointsForBezier method .\
+ * @param {ConnectorModel} connector - provide the connector value.
+ * @private
+ */
+function pointsForBezier(connector) {
+ var points = [];
+ if (connector.type === 'Bezier') {
+ var k = 0;
+ for (var i = 0; i < connector.segments.length; i++) {
+ var tolerance = 1.5;
+ var segment = connector.segments[parseInt(i.toString(), 10)];
+ //const pt: PointModel = { x: 0, y: 0 };
+ var point1 = !_primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].isEmptyPoint(segment.point1) ? segment.point1 : segment.bezierPoint1;
+ var point2 = !_primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].isEmptyPoint(segment.point2) ? segment.point2 : segment.bezierPoint2;
+ var max = Number((connector.distance(point1, segment.points[0]) +
+ connector.distance(point2, point1) +
+ connector.distance(segment.points[1], point2)) / tolerance);
+ for (var j = 0; j < max - 1; j = j + 10) {
+ points[parseInt(k.toString(), 10)] =
+ Object(_objects_connector__WEBPACK_IMPORTED_MODULE_14__["bezierPoints"])(connector, segment.points[0], !_primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].isEmptyPoint(segment.point1) ? segment.point1 : segment.bezierPoint1, !_primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].isEmptyPoint(segment.point2) ? segment.point2 : segment.bezierPoint2, segment.points[1], j, max);
+ k++;
+ }
+ }
+ }
+ return points;
+}
+/**
+ * isDiagramChild method \
+ *
+ * @returns { boolean } isDiagramChild method .\
+ * @param {HTMLElement} htmlLayer - provide the htmlLayer value.
+ * @private
+ */
+function isDiagramChild(htmlLayer) {
+ var element = htmlLayer.parentElement;
+ do {
+ if (Object(_dom_util__WEBPACK_IMPORTED_MODULE_19__["hasClass"])(element, 'e-diagram')) {
+ return true;
+ }
+ element = element.parentElement;
+ } while (element);
+ return false;
+}
+/**
+ * groupHasType method \
+ *
+ * @returns { boolean } groupHasType method .\
+ * @param {NodeModel} node - provide the node value.
+ * @param {Shapes} type - provide the type value.
+ * @param {{}} nameTable - provide the nameTable value.
+ * @private
+ */
+// eslint-disable-next-line @typescript-eslint/ban-types
+function groupHasType(node, type, nameTable) {
+ var contains = false;
+ if (node && node.children && node.children.length > 0) {
+ var child = void 0;
+ var i = 0;
+ for (; i < node.children.length; i++) {
+ child = nameTable[node.children[parseInt(i.toString(), 10)]];
+ if (child.shape.type === type) {
+ return true;
+ }
+ return groupHasType(child, type, nameTable);
+ }
+ }
+ return contains;
+}
+/**
+ * groupHasType method \
+ *
+ * @returns { void } groupHasType method .\
+ * @param {NodeModel | ConnectorModel} actualNode - provide the actualNode value.
+ * @param { NodeModel | ConnectorModel} plainValue - provide the plainValue value.
+ * @param {object} defaultValue - provide the defaultValue value.
+ * @param {NodeModel | ConnectorModel} property - provide the property value.
+ * @param {string} oldKey - provide the oldKey value.
+ * @private
+ */
+function updateDefaultValues(actualNode, plainValue,
+// eslint-disable-next-line @typescript-eslint/ban-types
+defaultValue, property, oldKey) {
+ if (defaultValue && ((actualNode instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_14__["Connector"]) || actualNode
+ && ((actualNode.shape && actualNode.shape.type !== 'SwimLane') || actualNode.shape === undefined))) {
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ var keyObj = void 0;
+ for (var _i = 0, _a = Object.keys(defaultValue); _i < _a.length; _i++) {
+ var key = _a[_i];
+ keyObj = defaultValue["" + key];
+ if (key === 'shape' && keyObj.type) {
+ actualNode.shape = { type: keyObj.type };
+ }
+ if (keyObj) {
+ if (Array.isArray(keyObj) && keyObj.length && keyObj.length > 0 && (oldKey !== 'annotations' && oldKey !== 'ports')) {
+ if (actualNode["" + key].length > 0) {
+ for (var i = 0; i <= actualNode["" + key].length; i++) {
+ updateDefaultValues(actualNode["" + key], plainValue ? plainValue["" + key] : undefined, defaultValue["" + key], (key === 'annotations' || key === 'ports') ? actualNode : undefined, key);
+ }
+ }
+ else {
+ updateDefaultValues(actualNode["" + key], plainValue ? plainValue["" + key] : undefined, defaultValue["" + key], (key === 'annotations' || key === 'ports') ? actualNode : undefined, key);
+ }
+ }
+ else if (keyObj instanceof Object && plainValue && (oldKey !== 'annotations' && oldKey !== 'ports')) {
+ updateDefaultValues(actualNode["" + key], plainValue["" + key], defaultValue["" + key]);
+ }
+ else if ((oldKey !== 'annotations' && oldKey !== 'ports')
+ && (plainValue && !plainValue["" + key]) || (!plainValue && actualNode
+ && (actualNode["" + key] || actualNode["" + key] !== undefined))) {
+ actualNode["" + key] = defaultValue["" + key];
+ }
+ else {
+ var createObject = void 0;
+ if (oldKey === 'annotations' || oldKey === 'ports') {
+ if (oldKey === 'annotations') {
+ if (actualNode["" + key]) {
+ updateDefaultValues(actualNode["" + key], plainValue["" + key], defaultValue["" + key]);
+ }
+ if (!actualNode["" + key]) {
+ if (getObjectType(property) === _objects_connector__WEBPACK_IMPORTED_MODULE_14__["Connector"]) {
+ createObject = new _objects_annotation__WEBPACK_IMPORTED_MODULE_12__["PathAnnotation"](property, 'annotations', defaultValue["" + key]);
+ property.annotations.push(createObject);
+ }
+ else {
+ createObject = new _objects_annotation__WEBPACK_IMPORTED_MODULE_12__["ShapeAnnotation"](property, 'annotations', defaultValue["" + key]);
+ property.annotations.push(createObject);
+ }
+ }
+ }
+ else {
+ if (actualNode["" + key]) {
+ updateDefaultValues(actualNode["" + key], plainValue["" + key], defaultValue["" + key]);
+ }
+ else {
+ createObject = new _objects_port__WEBPACK_IMPORTED_MODULE_28__["PointPort"](property, 'ports', defaultValue["" + key]);
+ property.ports.push(createObject);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+/* tslint:disable:no-string-literal */
+/**
+ * updateLayoutValue method \
+ *
+ * @returns { void } updateLayoutValue method .\
+ * @param {TreeInfo} actualNode - provide the actualNode value.
+ * @param { object} defaultValue - provide the defaultValue value.
+ * @param {INode[]} nodes - provide the nodes value.
+ * @param {INode} node - provide the node value.
+ * @private
+ */
+// eslint-disable-next-line @typescript-eslint/ban-types
+function updateLayoutValue(actualNode, defaultValue, nodes, node) {
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ var keyObj;
+ var assistantKey = 'Role';
+ if (defaultValue) {
+ for (var _i = 0, _a = Object.keys(defaultValue); _i < _a.length; _i++) {
+ var key = _a[_i];
+ keyObj = defaultValue["" + key];
+ if (key === 'getAssistantDetails') {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])()) {
+ // Iterate the node data and get the assistant.
+ for (var _b = 0, _c = Object.keys(node.data); _b < _c.length; _b++) {
+ var dataValue = _c[_b];
+ assistantKey = dataValue;
+ if (node.data["" + assistantKey] === defaultValue["" + key]['root']) {
+ break;
+ }
+ }
+ }
+ if (node.data["" + assistantKey] === defaultValue["" + key]['root']) {
+ var assitants = defaultValue["" + key]['assistants'];
+ for (var i = 0; i < assitants.length; i++) {
+ for (var j = 0; j < nodes.length; j++) {
+ if (nodes[parseInt(j.toString(), 10)].data["" + assistantKey] === assitants[parseInt(i.toString(), 10)]) {
+ actualNode.assistants.push(nodes[parseInt(j.toString(), 10)].id);
+ actualNode.children.splice(0, 1);
+ }
+ }
+ }
+ }
+ }
+ else if (keyObj) {
+ actualNode["" + key] = defaultValue["" + key];
+ }
+ }
+ }
+ if (!actualNode.hasSubTree && defaultValue.canEnableSubTree) {
+ actualNode.orientation = node.layoutInfo.orientation;
+ actualNode.type = node.layoutInfo.type;
+ if (node.layoutInfo.offset !== actualNode.offset && (node.layoutInfo.offset) !== undefined) {
+ actualNode.offset = node.layoutInfo.offset;
+ }
+ }
+ node.layoutInfo.hasSubTree = actualNode.hasSubTree;
+}
+/* tslint:enable:no-string-literal */
+/**
+ * isPointOverConnector method \
+ *
+ * @returns { boolean } isPointOverConnector method .\
+ * @param {ConnectorModel} connector - provide the connector value.
+ * @param { PointModel} reference - provide the reference value.
+ * @private
+ */
+function isPointOverConnector(connector, reference) {
+ //let intermediatePoints: PointModel[];
+ var intermediatePoints = connector.type === 'Bezier' ? pointsForBezier(connector) :
+ connector.intermediatePoints;
+ for (var i = 0; i < intermediatePoints.length - 1; i++) {
+ var start = intermediatePoints[parseInt(i.toString(), 10)];
+ var end = intermediatePoints[i + 1];
+ var rect = _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"].toBounds([start, end]);
+ rect.Inflate(connector.hitPadding);
+ if (rect.containsPoint(reference)) {
+ var intersectinPt = findNearestPoint(reference, start, end);
+ var segment1 = { x1: start.x, x2: end.x, y1: start.y, y2: end.y };
+ var segment2 = { x1: reference.x, x2: intersectinPt.x, y1: reference.y, y2: intersectinPt.y };
+ var intersectDetails = intersect3(segment1, segment2);
+ if (intersectDetails.enabled) {
+ var distance = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].findLength(reference, intersectDetails.intersectPt);
+ if (Math.abs(distance) < connector.hitPadding) {
+ return true;
+ }
+ }
+ else {
+ var rect_1 = _primitives_rect__WEBPACK_IMPORTED_MODULE_1__["Rect"].toBounds([reference, reference]);
+ rect_1.Inflate(3);
+ if (rect_1.containsPoint(start) || rect_1.containsPoint(end)) {
+ return true;
+ }
+ }
+ if (_primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].equals(reference, intersectinPt)) {
+ return true;
+ }
+ }
+ }
+ if (connector.annotations.length > 0) {
+ var container = connector.wrapper.children;
+ for (var i = 3; i < container.length; i++) {
+ var textElement = container[parseInt(i.toString(), 10)];
+ if (textElement.bounds.containsPoint(reference)) {
+ return true;
+ }
+ }
+ }
+ return false;
+}
+/**
+ * intersect3 method \
+ *
+ * @returns { Intersection } intersect3 method .\
+ * @param {ConnectorModel} lineUtil1 - provide the lineUtil1 value.
+ * @param { PointModel} lineUtil2 - provide the lineUtil2 value.
+ * @private
+ */
+function intersect3(lineUtil1, lineUtil2) {
+ var point = { x: 0, y: 0 };
+ var l1 = lineUtil1;
+ var l2 = lineUtil2;
+ var d = (l2.y2 - l2.y1) * (l1.x2 - l1.x1) - (l2.x2 - l2.x1) * (l1.y2 - l1.y1);
+ var na = (l2.x2 - l2.x1) * (l1.y1 - l2.y1) - (l2.y2 - l2.y1) * (l1.x1 - l2.x1);
+ var nb = (l1.x2 - l1.x1) * (l1.y1 - l2.y1) - (l1.y2 - l1.y1) * (l1.x1 - l2.x1);
+ /*( EJ2-42102 - Connector segments not update properly ) by sivakumar sekar - condition added to avoid bridging for
+ overlapping segments in the connectors and to validate whether the connector is intersecting over the other */
+ if (d === 0 || ((lineUtil1.x1 === lineUtil2.x1 || lineUtil1.y1 === lineUtil2.y1) &&
+ (lineUtil1.x2 === lineUtil2.x2 || lineUtil1.y2 === lineUtil2.y2) && ((na === 0 || nb === 0) && d > 0))) {
+ return { enabled: false, intersectPt: point };
+ }
+ var ua = na / d;
+ var ub = nb / d;
+ if (ua >= 0 && ua <= 1 && ub >= 0 && ub <= 1) {
+ point.x = l1.x1 + (ua * (l1.x2 - l1.x1));
+ point.y = l1.y1 + (ua * (l1.y2 - l1.y1));
+ return { enabled: true, intersectPt: point };
+ }
+ return { enabled: false, intersectPt: point };
+}
+/**
+ * intersect2 method \
+ *
+ * @returns { PointModel } intersect2 method .\
+ * @param {PointModel} start1 - provide the start1 value.
+ * @param { PointModel} end1 - provide the end1 value.
+ * @param { PointModel} start2 - provide the start2 value.
+ * @param { PointModel} end2 - provide the end2 value.
+ * @private
+ */
+function intersect2(start1, end1, start2, end2) {
+ var point = { x: 0, y: 0 };
+ var lineUtil1 = getLineSegment(start1.x, start1.y, end1.x, end1.y);
+ var lineUtil2 = getLineSegment(start2.x, start2.y, end2.x, end2.y);
+ var line3 = intersect3(lineUtil1, lineUtil2);
+ if (line3.enabled) {
+ return line3.intersectPt;
+ }
+ else {
+ return point;
+ }
+}
+/**
+ * getLineSegment method \
+ *
+ * @returns { Segment } getLineSegment method .\
+ * @param {number} x1 - provide the x1 value.
+ * @param { number} y1 - provide the y1 value.
+ * @param { number} x2 - provide the x2 value.
+ * @param { number} y2 - provide the y2 value.
+ * @private
+ */
+function getLineSegment(x1, y1, x2, y2) {
+ return { 'x1': Number(x1) || 0, 'y1': Number(y1) || 0, 'x2': Number(x2) || 0, 'y2': Number(y2) || 0 };
+}
+/**
+ * getPoints method \
+ *
+ * @returns { PointModel[] } getPoints method .\
+ * @param {number} element - provide the element value.
+ * @param { number} corners - provide the corners value.
+ * @param { number} padding - provide the padding value.
+ * @private
+ */
+function getPoints(element, corners, padding) {
+ var line = [];
+ padding = padding || 0;
+ var left = { x: corners.topLeft.x - padding, y: corners.topLeft.y };
+ var right = { x: corners.topRight.x + padding, y: corners.topRight.y };
+ var top = { x: corners.bottomRight.x, y: corners.bottomRight.y - padding };
+ var bottom = { x: corners.bottomLeft.x, y: corners.bottomLeft.y + padding };
+ line.push(left);
+ line.push(right);
+ line.push(top);
+ line.push(bottom);
+ return line;
+}
+/**
+ * getTooltipOffset method \
+ *
+ * @returns { PointModel[] } getTooltipOffset method .\
+ * @param {number} diagram - provide the diagram value.
+ * @param { number} mousePosition - provide the mousePosition value.
+ * @param { NodeModel | ConnectorModel | PointPortModel} node - provide the node value.
+ * @param { string} type - provide the type value.
+ * @private
+ */
+function getTooltipOffset(diagram, mousePosition, node, type) {
+ //let offset: PointModel;
+ var inheritTooltip = (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["Node"]) ? (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_7__["NodeConstraints"].InheritTooltip)
+ : (node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_14__["Connector"]) ? (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_7__["ConnectorConstraints"].InheritTooltip)
+ : (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_7__["PortConstraints"].InheritTooltip);
+ var objectTooltip = (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["Node"]) ? (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_7__["NodeConstraints"].Tooltip)
+ : (node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_14__["Connector"]) ? (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_7__["ConnectorConstraints"].Tooltip)
+ : (node.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_7__["PortConstraints"].ToolTip);
+ var isMouseBased = ((!inheritTooltip && objectTooltip ? node.tooltip.relativeMode
+ : diagram.tooltip.relativeMode) === 'Mouse') ? true : false;
+ if (type === 'Mouse') {
+ isMouseBased = true;
+ }
+ else if (type === 'Object') {
+ isMouseBased = false;
+ }
+ var offset = tooltipOffset(node, mousePosition, diagram, isMouseBased);
+ var rulerSize = Object(_ruler_ruler__WEBPACK_IMPORTED_MODULE_23__["getRulerSize"])(diagram);
+ return { x: offset.x + rulerSize.width, y: offset.y + rulerSize.height };
+}
+/**
+ * tooltipOffset method \
+ *
+ * @returns { PointModel } tooltipOffset method .\
+ * @param {NodeModel | ConnectorModel | PointPortModel} node - provide the node value.
+ * @param { PointModel} mousePosition - provide the mousePosition value.
+ * @param { Diagram } diagram - provide the diagram value.
+ * @param { boolean} isMouseBased - provide the isMouseBased value.
+ * @private
+ */
+function tooltipOffset(node, mousePosition, diagram, isMouseBased) {
+ var point = {};
+ //let scale: number = diagram.scroller.transform.scale;
+ var element = document.getElementById(diagram.element.id);
+ var bounds;
+ //EJ2-62120-Tooltip support for ports
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["Node"] || node instanceof _objects_connector__WEBPACK_IMPORTED_MODULE_14__["Connector"]) {
+ bounds = node.wrapper.bounds;
+ }
+ else {
+ var objects = diagram.findObjectsUnderMouse(mousePosition);
+ var obj = diagram.findObjectUnderMouse(objects, 'Select', false);
+ var portElement = diagram.findElementUnderMouse(obj, mousePosition);
+ bounds = portElement.bounds;
+ }
+ var rect = element.getBoundingClientRect();
+ /* eslint-enable */
+ //let horizontalOffset: number = diagram.scroller.horizontalOffset;
+ //let verticalOffset: number = diagram.scroller.verticalOffset;
+ switch (diagram.tooltipObject.position) {
+ case 'BottomCenter':
+ point = offsetPoint(mousePosition, bounds.bottomCenter, diagram, isMouseBased, (rect.width / 2), rect.height);
+ break;
+ case 'BottomLeft':
+ case 'LeftBottom':
+ point = offsetPoint(mousePosition, bounds.bottomLeft, diagram, isMouseBased, 0, rect.height);
+ break;
+ case 'BottomRight':
+ case 'RightBottom':
+ point = offsetPoint(mousePosition, bounds.bottomRight, diagram, isMouseBased, rect.width, rect.height);
+ break;
+ case 'LeftCenter':
+ point = offsetPoint(mousePosition, bounds.middleLeft, diagram, isMouseBased, 0, (rect.height / 2));
+ break;
+ case 'LeftTop':
+ case 'TopLeft':
+ point = offsetPoint(mousePosition, bounds.topLeft, diagram, isMouseBased, 0, 0);
+ break;
+ case 'RightCenter':
+ point = offsetPoint(mousePosition, bounds.middleRight, diagram, isMouseBased, rect.width, (rect.height / 2));
+ break;
+ case 'RightTop':
+ case 'TopRight':
+ point = offsetPoint(mousePosition, bounds.topRight, diagram, isMouseBased, rect.width, 0);
+ break;
+ case 'TopCenter':
+ point = offsetPoint(mousePosition, bounds.topCenter, diagram, isMouseBased, (rect.width / 2), 0);
+ break;
+ }
+ return point;
+}
+/**
+ * offsetPoint method \
+ *
+ * @returns { PointModel } offsetPoint method .\
+ * @param { PointModel} mousePosition - provide the mousePosition value.
+ * @param { PointModel } bound - provide the diagram value.
+ * @param { Diagram} diagram - provide the isMouseBased value.
+ * @param { boolean} isMouseBased - provide the isMouseBased value.
+ * @param { number} x - provide the isMouseBased value.
+ * @param { number} y - provide the isMouseBased value.
+ * @private
+ */
+function offsetPoint(mousePosition, bound, diagram, isMouseBased, x, y) {
+ var point = {};
+ var scale = diagram.scroller.transform.scale;
+ var horizontalOffset = diagram.scroller.horizontalOffset;
+ var verticalOffset = diagram.scroller.verticalOffset;
+ point.x = (isMouseBased ? mousePosition.x : bound.x) * scale + horizontalOffset - x;
+ point.y = (isMouseBased ? mousePosition.y : bound.y) * scale + verticalOffset - y;
+ return point;
+}
+/**
+ * Gets the fixed user handles symbol \
+ *
+ * @returns { DiagramElement } Gets the fixed user handles symbol .\
+ * @param {ConnectorFixedUserHandleModel | NodeFixedUserHandleModel} options - provide the options value.
+ * @param { Canvas} fixedUserHandleContainer - provide the fixedUserHandleContainer value.
+ * @private
+ */
+function initfixedUserHandlesSymbol(options, fixedUserHandleContainer) {
+ //let fixedUserHandleContent: PathElement | DiagramNativeElement;
+ var fixedUserHandleContent = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_8__["PathElement"]();
+ fixedUserHandleContent.data = options.pathData;
+ fixedUserHandleContent.height =
+ options.height > 10 ? options.height - (options.padding.bottom + options.padding.top) : options.height;
+ fixedUserHandleContent.width =
+ options.width > 10 ? options.width - (options.padding.left + options.padding.right) : options.width;
+ fixedUserHandleContent.visible = fixedUserHandleContainer.visible;
+ fixedUserHandleContent.id = fixedUserHandleContainer.id + '_shape';
+ fixedUserHandleContent.inversedAlignment = false;
+ fixedUserHandleContent.horizontalAlignment = 'Center';
+ fixedUserHandleContent.verticalAlignment = 'Center';
+ fixedUserHandleContent.style = {
+ fill: options.iconStrokeColor, strokeColor: options.iconStrokeColor,
+ strokeWidth: options.iconStrokeWidth
+ };
+ fixedUserHandleContent.setOffsetWithRespectToBounds(0.5, 0.5, 'Fraction');
+ fixedUserHandleContent.relativeMode = 'Object';
+ fixedUserHandleContent.description = fixedUserHandleContainer.description || '';
+ return fixedUserHandleContent;
+}
+/**
+ * sort method \
+ *
+ * @returns { (NodeModel | ConnectorModel)[] } sort method .\
+ * @param {(NodeModel | ConnectorModel)[]} objects - provide the options value.
+ * @param { DistributeOptions} option - provide the fixedUserHandleContainer value.
+ * @private
+ */
+function sort(objects, option) {
+ var i = 0;
+ var j = 0;
+ var temp;
+ for (i = 0; i < objects.length; i++) {
+ var b = Object(_base_util__WEBPACK_IMPORTED_MODULE_20__["getBounds"])(objects[parseInt(i.toString(), 10)].wrapper);
+ for (j = i + 1; j < objects.length; j++) {
+ var bounds = Object(_base_util__WEBPACK_IMPORTED_MODULE_20__["getBounds"])(objects[parseInt(j.toString(), 10)].wrapper);
+ if (option === 'Top' || option === 'Bottom' || option === 'BottomToTop' || option === 'Middle') {
+ if (b.center.y > bounds.center.y) {
+ temp = objects[parseInt(i.toString(), 10)];
+ objects[parseInt(i.toString(), 10)] = objects[parseInt(j.toString(), 10)];
+ objects[parseInt(j.toString(), 10)] = temp;
+ }
+ }
+ else {
+ if (b.center.x > bounds.center.x) {
+ temp = objects[parseInt(i.toString(), 10)];
+ objects[parseInt(i.toString(), 10)] = objects[parseInt(j.toString(), 10)];
+ objects[parseInt(j.toString(), 10)] = temp;
+ }
+ }
+ }
+ }
+ return objects;
+}
+/**
+ * getAnnotationPosition method \
+ *
+ * @returns {SegmentInfo } getAnnotationPosition method .\
+ * @param {PointModel[]} pts - provide the pts value.
+ * @param { PathAnnotation | ConnectorFixedUserHandle} annotation - provide the annotation value.
+ * @param { Rect } bound - provide the bound value.
+ * @private
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function getAnnotationPosition(pts, annotation, bound) {
+ //let angle: number;
+ //let getloop: SegmentInfo;
+ //let point: PointModel;
+ var getloop = getOffsetOfConnector(pts, annotation);
+ var angle = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].findAngle(pts[getloop.index], pts[getloop.index + 1]);
+ var alignednumber = getAlignedPosition(annotation);
+ var point = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].transform(getloop.point, angle + 45, alignednumber);
+ getloop.point = point;
+ getloop.angle = angle;
+ return getloop;
+}
+/**
+ * getOffsetOfConnector method \
+ *
+ * @returns {SegmentInfo } getOffsetOfConnector method .\
+ * @param {PointModel[]} points - provide the pts value.
+ * @param { PathAnnotation | ConnectorFixedUserHandle} annotation - provide the annotation value.
+ * @private
+ */
+function getOffsetOfConnector(points, annotation) {
+ // eslint-disable-next-line
+ var length = 0;
+ var offset = annotation.offset;
+ var point;
+ var angle;
+ var lengths = [];
+ var prevLength;
+ var kCount;
+ for (var j = 0; j < points.length - 1; j++) {
+ length += _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].distancePoints(points[parseInt(j.toString(), 10)], points[j + 1]);
+ lengths.push(length);
+ }
+ var offsetLength = offset * length;
+ for (var k = 0; k < lengths.length; k++) {
+ if (lengths[parseInt(k.toString(), 10)] >= offsetLength) {
+ angle = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].findAngle(points[parseInt(k.toString(), 10)], points[k + 1]);
+ point = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].transform(points[parseInt(k.toString(), 10)], angle, offsetLength - (prevLength || 0));
+ kCount = k;
+ return { point: point, index: kCount };
+ }
+ prevLength = lengths[parseInt(k.toString(), 10)];
+ }
+ return { point: point, index: kCount };
+}
+/**
+ * getAlignedPosition method \
+ *
+ * @returns {number } getAlignedPosition method .\
+ * @param {PointModel[]} annotation - provide the annotation value.
+ * @private
+ */
+function getAlignedPosition(annotation) {
+ var cnst;
+ if ((annotation instanceof _objects_fixed_user_handle__WEBPACK_IMPORTED_MODULE_32__["ConnectorFixedUserHandle"])) {
+ cnst = 0;
+ }
+ else {
+ cnst = annotation.content === undefined ? 10 : 0;
+ }
+ var state = 0;
+ switch (annotation.alignment) {
+ case 'Center':
+ state = 0;
+ break;
+ case 'Before':
+ state = -((0) / 2 + cnst);
+ break;
+ case 'After':
+ state = ((0) / 2 + cnst);
+ break;
+ }
+ return state;
+}
+/**
+ * alignLabelOnSegments method \
+ *
+ * @returns {Alignment } alignLabelOnSegments method .\
+ * @param {PathAnnotation | ConnectorFixedUserHandle} obj - provide the obj value.
+ * @param { number } ang - provide the ang value.
+ * @param { PointModel[] } pts - provide the pts value.
+ * @private
+ */
+function alignLabelOnSegments(obj, ang, pts) {
+ //let angle: number = ang % 360;
+ ang %= 360;
+ var fourty5 = 45;
+ var one35 = 135;
+ var two25 = 225;
+ var three15 = 315;
+ var vAlign;
+ var hAlign;
+ switch (obj.alignment) {
+ case 'Before':
+ if (ang >= fourty5 && ang <= one35) {
+ hAlign = 'right';
+ vAlign = obj.offset === 0.5 ? 'center' : 'top';
+ }
+ else if (ang >= two25 && ang <= three15) {
+ hAlign = 'left';
+ vAlign = obj.offset === 0.5 ? 'center' : 'bottom';
+ }
+ else if (ang > fourty5 && ang < two25) {
+ vAlign = 'top';
+ hAlign = obj.offset === 0.5 ? 'center' : 'right';
+ }
+ else {
+ vAlign = 'bottom';
+ hAlign = (obj.offset === 0.5) ? 'center' : 'left';
+ }
+ break;
+ case 'After':
+ if (ang >= fourty5 && ang <= one35) {
+ hAlign = 'left';
+ vAlign = obj.offset === 0.5 ? 'center' : 'top';
+ }
+ else if (ang >= two25 && ang <= three15) {
+ hAlign = 'right';
+ vAlign = obj.offset === 0.5 ? 'center' : 'bottom';
+ }
+ else if (ang > fourty5 && ang < two25) {
+ vAlign = 'bottom';
+ hAlign = obj.offset === 0.5 ? 'center' : 'right';
+ }
+ else {
+ vAlign = 'top';
+ hAlign = obj.offset === 0.5 ? 'center' : 'left';
+ }
+ break;
+ case 'Center':
+ hAlign = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isNullOrUndefined"])(obj.horizontalAlignment) ? obj.horizontalAlignment.toLowerCase() : 'center';
+ vAlign = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isNullOrUndefined"])(obj.verticalAlignment) ? obj.verticalAlignment.toLowerCase() : 'center';
+ break;
+ }
+ if (obj.offset === 0 || obj.offset === 1) {
+ //let direction: string;
+ var direction = getBezierDirection(pts[0], pts[1]);
+ switch (direction) {
+ case 'left':
+ hAlign = obj.offset === 0 ? 'right' : 'left';
+ break;
+ case 'right':
+ hAlign = obj.offset === 0 ? 'left' : 'right';
+ break;
+ case 'bottom':
+ vAlign = obj.offset === 0 ? 'top' : 'bottom';
+ break;
+ case 'top':
+ vAlign = obj.offset === 0 ? 'bottom' : 'top';
+ break;
+ }
+ }
+ return { hAlign: hAlign, vAlign: vAlign };
+}
+/**
+ * getBezierDirection method \
+ *
+ * @returns {string } getBezierDirection method .\
+ * @param {PointModel} src - provide the src value.
+ * @param { PointModel } tar - provide the tar value.
+ * @private
+ */
+function getBezierDirection(src, tar) {
+ if (Math.abs(tar.x - src.x) > Math.abs(tar.y - src.y)) {
+ return src.x < tar.x ? 'right' : 'left';
+ }
+ else {
+ return src.y < tar.y ? 'bottom' : 'top';
+ }
+}
+/**
+ * removeChildNodes method \
+ *
+ * @returns {void } removeChildNodes method .\
+ * @param {NodeModel} node - provide the node value.
+ * @param { Diagram } diagram - provide the diagram value.
+ * @private
+ */
+function removeChildNodes(node, diagram) {
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["Node"] && node.children) {
+ for (var i = 0; i < node.children.length; i++) {
+ if (diagram.nameTable[node.children[parseInt(i.toString(), 10)]].children) {
+ removeChildNodes(node, diagram);
+ }
+ diagram.removeFromAQuad(diagram.nameTable[node.children[parseInt(i.toString(), 10)]]);
+ diagram.removeObjectsFromLayer(diagram.nameTable[node.children[parseInt(i.toString(), 10)]]);
+ delete diagram.nameTable[node.children[parseInt(i.toString(), 10)]];
+ }
+ }
+}
+/**
+ * getChild method \
+ *
+ * @returns {string[] } getChild method .\
+ * @param {Canvas} child - provide the child value.
+ * @param { string[] } children - provide the children value.
+ * @private
+ */
+function getChild(child, children) {
+ if (child && child.children && child.children.length > 0) {
+ for (var j = 0; j < child.children.length; j++) {
+ var subChild = child.children[parseInt(j.toString(), 10)];
+ if (subChild instanceof _core_containers_canvas__WEBPACK_IMPORTED_MODULE_27__["Canvas"]) {
+ getChild(subChild, children);
+ }
+ }
+ }
+ if (children.indexOf(child.id) === -1) {
+ children.push(child.id);
+ }
+ return children;
+}
+/**
+ * getSwimLaneChildren method \
+ *
+ * @returns {string[] } getSwimLaneChildren method .\
+ * @param {NodeModel[]} nodes - provide the nodes value.
+ * @private
+ */
+function getSwimLaneChildren(nodes) {
+ var children = [];
+ var node;
+ var grid;
+ var childTable;
+ var child;
+ var gridChild = 'childTable';
+ for (var i = 0; i < nodes.length; i++) {
+ node = nodes[parseInt(i.toString(), 10)];
+ if (node.shape.type === 'SwimLane') {
+ grid = node.wrapper.children[0];
+ childTable = grid["" + gridChild];
+ for (var _i = 0, _a = Object.keys(childTable); _i < _a.length; _i++) {
+ var key = _a[_i];
+ child = childTable["" + key];
+ children = getChild(child, children);
+ }
+ }
+ }
+ return children;
+}
+/**
+ * removeUnnecessaryNodes method \
+ *
+ * @returns {void } removeUnnecessaryNodes method .\
+ * @param {string[]} children - provide the children value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @private
+ */
+function removeUnnecessaryNodes(children, diagram) {
+ var nodes = diagram.nodes;
+ if (nodes) {
+ for (var i = 0; i < nodes.length; i++) {
+ if (children.indexOf(nodes[parseInt(i.toString(), 10)].id) !== -1) {
+ nodes.splice(i, 1);
+ i--;
+ }
+ }
+ }
+}
+/**
+ * serialize method \
+ *
+ * @returns {string } serialize method .\
+ * @param {Diagram} model - provide the model value.
+ * @private
+ */
+function serialize(model) {
+ var removeNodes = getSwimLaneChildren(model.nodes);
+ var clonedObject = Object(_base_util__WEBPACK_IMPORTED_MODULE_20__["cloneObject"])(model, model.getCustomProperty);
+ clonedObject.selectedItems.nodes = [];
+ clonedObject.selectedItems.connectors = [];
+ clonedObject.selectedItems.wrapper = null;
+ if (model.serializationSettings.preventDefaults) {
+ clonedObject = preventDefaults(clonedObject, model);
+ }
+ removeUnnecessaryNodes(removeNodes, clonedObject);
+ return JSON.stringify(clonedObject);
+}
+/**
+ * preventDefaults method \
+ *
+ * @returns {string } preventDefaults method .\
+ * @param {Object} clonedObject - provide the clonedObject value.
+ * @param {object} model - provide the model value.
+ * @param {object} defaultObject - provide the defaultObject value.
+ * @param {boolean} isNodeShape - provide the isNodeShape value.
+ * @private
+ */
+// eslint-disable-next-line
+function preventDefaults(clonedObject, model, defaultObject, isNodeShape) {
+ defaultObject = getConstructor(model, defaultObject);
+ var properties = [];
+ properties = properties.concat(Object.keys(clonedObject));
+ for (var _i = 0, properties_1 = properties; _i < properties_1.length; _i++) {
+ var property = properties_1[_i];
+ if (model instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["Node"]) {
+ isNodeShape = (property === 'shape') ? true : false;
+ }
+ if (clonedObject["" + property] instanceof Array) {
+ preventArrayDefaults(clonedObject, defaultObject, model, property);
+ }
+ else if ((clonedObject["" + property] instanceof Object) && defaultObject && defaultObject["" + property]) {
+ if (property !== 'wrapper') {
+ clonedObject["" + property] = preventDefaults(clonedObject["" + property], model["" + property], defaultObject["" + property], isNodeShape);
+ }
+ }
+ else if ((defaultObject && clonedObject["" + property] === defaultObject["" + property]) || clonedObject["" + property] === undefined) {
+ if (!(isNodeShape && property === 'type') && !(model instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["SwimLane"] && property === 'orientation')) {
+ delete clonedObject["" + property];
+ }
+ }
+ if (JSON.stringify(clonedObject["" + property]) === '[]' ||
+ JSON.stringify(clonedObject["" + property]) === '{}' ||
+ clonedObject["" + property] === undefined) {
+ delete clonedObject["" + property];
+ }
+ }
+ defaultObject = undefined;
+ properties = undefined;
+ return clonedObject;
+}
+/**
+ * preventArrayDefaults method \
+ *
+ * @returns {void } preventArrayDefaults method .\
+ * @param {object} clonedObject - provide the clonedObject value.
+ * @param {object} defaultObject - provide the defaultObject value.
+ * @param {object} model - provide the model value.
+ * @param {string} property - provide the property value.
+ * @private
+ */
+// eslint-disable-next-line
+function preventArrayDefaults(clonedObject, defaultObject, model, property) {
+ if (clonedObject["" + property].length === 0) {
+ delete clonedObject["" + property];
+ // eslint-disable-next-line
+ }
+ else if (clonedObject[property].every(function (element) { return typeof element === 'number'; })) {
+ var i = void 0;
+ var isSameArray = true;
+ for (i = 0; i < clonedObject["" + property].length; i++) {
+ if (isSameArray && clonedObject["" + property][parseInt(i.toString(), 10)] === defaultObject["" + property][parseInt(i.toString(), 10)]) {
+ isSameArray = true;
+ }
+ else {
+ isSameArray = false;
+ }
+ }
+ if (isSameArray) {
+ delete clonedObject["" + property];
+ }
+ }
+ else {
+ var i = void 0;
+ // Bug 826717: Unable to select swimlane child nodes after serializing the diagram when we enable preventDefault property.
+ // Removed the codition to delete the layers from clonedObject.
+ if (clonedObject["" + property] && property !== 'layers') {
+ for (i = clonedObject["" + property].length - 1; i >= 0; i--) {
+ if (property === 'nodes' || property === 'connectors') {
+ clonedObject["" + property][parseInt(i.toString(), 10)].wrapper = null;
+ }
+ if (property !== 'dataManager') {
+ clonedObject["" + property][parseInt(i.toString(), 10)] = preventDefaults(clonedObject["" + property][parseInt(i.toString(), 10)], model["" + property][parseInt(i.toString(), 10)], (defaultObject["" + property] !== undefined ? defaultObject["" + property][parseInt(i.toString(), 10)] : []));
+ if (JSON.stringify(clonedObject["" + property][parseInt(i.toString(), 10)]) === '[]' ||
+ JSON.stringify(clonedObject["" + property][parseInt(i.toString(), 10)]) === '{}' ||
+ clonedObject["" + property][parseInt(i.toString(), 10)] === undefined) {
+ clonedObject["" + property].splice(i, 1);
+ }
+ }
+ }
+ }
+ }
+ clonedObject = undefined;
+}
+/* eslint-disable */
+/**
+ * getConstructor method \
+ *
+ * @returns {object } getConstructor method .\
+ * @param {object} model - provide the model value.
+ * @param {object} defaultObject - provide the defaultObject value.
+ * @private
+ */
+/* tslint:disable */
+function getConstructor(model, defaultObject) {
+ var obj = [];
+ var constructor;
+ var getClassName = 'getClassName';
+ if (model[getClassName]) {
+ //EJ2-59327 - Memory leak occurs in saveDiagram method
+ var parent_1 = new _diagram__WEBPACK_IMPORTED_MODULE_17__["Diagram"]();
+ switch (model[getClassName]()) {
+ case 'Diagram':
+ constructor = parent_1;
+ break;
+ case 'Node':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["Node"](parent_1, '', obj);
+ break;
+ case 'Path':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["Path"](parent_1, '', obj);
+ break;
+ case 'Native':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["Native"](parent_1, '', obj);
+ break;
+ case 'Html':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["Html"](parent_1, '', obj);
+ break;
+ case 'Image':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["Image"](parent_1, '', obj);
+ break;
+ case 'Text':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["Text"](parent_1, '', obj);
+ break;
+ case 'BasicShape':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["BasicShape"](parent_1, '', obj);
+ break;
+ case 'FlowShape':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["FlowShape"](parent_1, '', obj);
+ break;
+ case 'BpmnShape':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["BpmnShape"](parent_1, '', obj);
+ break;
+ case 'UmlActivityShape':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["UmlActivityShape"](parent_1, '', obj);
+ break;
+ case 'UmlClassifierShape':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["UmlClassifierShape"](parent_1, '', obj);
+ break;
+ case 'SwimLane':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["SwimLane"](parent_1, '', obj);
+ if (model.header) {
+ constructor.header = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["Header"](parent_1, '', obj);
+ constructor.header.style.fill = '';
+ }
+ break;
+ case 'ShapeAnnotation':
+ constructor = new _objects_annotation__WEBPACK_IMPORTED_MODULE_12__["ShapeAnnotation"](parent_1, '', obj);
+ break;
+ case 'PointPort':
+ constructor = new _objects_port__WEBPACK_IMPORTED_MODULE_28__["PointPort"](parent_1, '', obj);
+ break;
+ case 'BpmnGateway':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["BpmnGateway"](parent_1, '', obj);
+ break;
+ case 'BpmnDataObject':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["BpmnDataObject"](parent_1, '', obj);
+ break;
+ case 'BpmnEvent':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["BpmnEvent"](parent_1, '', obj);
+ break;
+ case 'BpmnSubEvent':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["BpmnSubEvent"](parent_1, '', obj);
+ break;
+ case 'BpmnActivity':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["BpmnActivity"](parent_1, '', obj);
+ break;
+ case 'BpmnAnnotation':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["BpmnAnnotation"](parent_1, '', obj);
+ break;
+ case 'MethodArguments':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["MethodArguments"](parent_1, '', obj);
+ break;
+ case 'UmlClassAttribute':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["UmlClassAttribute"](parent_1, '', obj);
+ break;
+ case 'UmlClassMethod':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["UmlClassMethod"](parent_1, '', obj);
+ break;
+ case 'UmlClass':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["UmlClass"](parent_1, '', obj);
+ break;
+ case 'UmlInterface':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["UmlInterface"](parent_1, '', obj);
+ break;
+ case 'UmlEnumerationMember':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["UmlEnumerationMember"](parent_1, '', obj);
+ break;
+ case 'UmlEnumeration':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["UmlEnumeration"](parent_1, '', obj);
+ break;
+ case 'Lane':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["Lane"](parent_1, '', obj);
+ break;
+ case 'Phase':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["Phase"](parent_1, '', obj);
+ break;
+ case 'ChildContainer':
+ constructor = new _objects_node__WEBPACK_IMPORTED_MODULE_13__["ChildContainer"]();
+ break;
+ case 'Connector':
+ constructor = new _objects_connector__WEBPACK_IMPORTED_MODULE_14__["Connector"](parent_1, '', obj);
+ break;
+ case 'StraightSegment':
+ constructor = new _objects_connector__WEBPACK_IMPORTED_MODULE_14__["StraightSegment"](parent_1, '', obj);
+ break;
+ case 'BezierSegment':
+ constructor = new _objects_connector__WEBPACK_IMPORTED_MODULE_14__["BezierSegment"](parent_1, '', obj);
+ break;
+ case 'OrthogonalSegment':
+ constructor = new _objects_connector__WEBPACK_IMPORTED_MODULE_14__["OrthogonalSegment"](parent_1, '', obj);
+ break;
+ case 'PathAnnotation':
+ constructor = new _objects_annotation__WEBPACK_IMPORTED_MODULE_12__["PathAnnotation"](parent_1, '', obj);
+ break;
+ case 'Stop':
+ constructor = new _core_appearance__WEBPACK_IMPORTED_MODULE_5__["Stop"](parent_1, '', obj);
+ break;
+ case 'Point':
+ if (!defaultObject) {
+ constructor = new _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"](parent_1, '', obj);
+ }
+ else {
+ constructor = defaultObject;
+ }
+ break;
+ case 'UserHandle':
+ constructor = new _interaction_selector__WEBPACK_IMPORTED_MODULE_25__["UserHandle"](parent_1, '', obj);
+ break;
+ case 'Command':
+ constructor = new _diagram_keyboard_commands__WEBPACK_IMPORTED_MODULE_29__["Command"](parent_1, '', obj);
+ break;
+ }
+ }
+ else {
+ constructor = defaultObject;
+ }
+ parent = undefined;
+ defaultObject = undefined;
+ return constructor;
+}
+/* eslint-enable */
+/* eslint-disable */
+/** @private */
+function deserialize(model, diagram) {
+ diagram.enableServerDataBinding(false);
+ var blazorAction = diagram.blazorActions;
+ diagram.blazorActions = diagram.addConstraints(blazorAction, _enum_enum__WEBPACK_IMPORTED_MODULE_7__["BlazorAction"].ClearObject);
+ diagram.clear();
+ diagram.blazorActions = diagram.removeConstraints(blazorAction, _enum_enum__WEBPACK_IMPORTED_MODULE_7__["BlazorAction"].ClearObject);
+ diagram.protectPropertyChange(true);
+ var map = diagram.dataSourceSettings.doBinding;
+ var nodeTemp = diagram.setNodeTemplate;
+ var getDescription = diagram.getDescription;
+ var getCustomProperty = diagram.getCustomProperty;
+ var commands = {};
+ for (var _i = 0, _a = diagram.commandManager.commands; _i < _a.length; _i++) {
+ var command = _a[_i];
+ commands[command.name] = { execute: command.execute, canExecute: command.canExecute };
+ }
+ var arrangeTickHorizontal = diagram.rulerSettings.horizontalRuler.arrangeTick;
+ var arrangeTickVertical = diagram.rulerSettings.verticalRuler.arrangeTick;
+ var getLayoutInfo = diagram.layout.getLayoutInfo;
+ var getBranch = diagram.layout.getBranch;
+ var nodeDefaults = diagram.getNodeDefaults;
+ var connectorDefaults = diagram.getConnectorDefaults;
+ var dataObj;
+ if (!(model instanceof Object)) {
+ dataObj = JSON.parse(model);
+ }
+ else {
+ dataObj = model;
+ }
+ dataObj = upgrade(dataObj);
+ diagram.contextMenuSettings = dataObj.contextMenuSettings || {};
+ diagram.constraints = dataObj.constraints || _enum_enum__WEBPACK_IMPORTED_MODULE_7__["DiagramConstraints"].Default;
+ diagram.tool = dataObj.tool || _enum_enum__WEBPACK_IMPORTED_MODULE_7__["DiagramTools"].Default;
+ diagram.bridgeDirection = dataObj.bridgeDirection || 'Top';
+ diagram.pageSettings = dataObj.pageSettings || {};
+ diagram.drawingObject = dataObj.drawingObject || undefined;
+ diagram.tooltip = dataObj.tooltip || {};
+ diagram.addInfo = dataObj.addInfo || undefined;
+ diagram.getDescription = getDescription;
+ diagram.scrollSettings = dataObj.scrollSettings || {};
+ diagram.commandManager = dataObj.commandManager || {};
+ /**
+ * EJ2-62846-Exception occurs after save and load when layers are undefined.
+ */
+ if (dataObj.layers && dataObj.layers.length > 0) {
+ sortLayerObjects(dataObj);
+ }
+ diagram.layers = dataObj.layers || [];
+ diagram.rulerSettings.horizontalRuler.arrangeTick = arrangeTickHorizontal;
+ diagram.rulerSettings.verticalRuler.arrangeTick = arrangeTickVertical;
+ for (var _b = 0, _c = diagram.commandManager.commands; _b < _c.length; _b++) {
+ var cmd = _c[_b];
+ if (commands[cmd.name]) {
+ cmd.execute = commands[cmd.name].execute;
+ cmd.canExecute = commands[cmd.name].canExecute;
+ }
+ }
+ diagram.backgroundColor = dataObj.backgroundColor || 'transparent';
+ diagram.basicElements = dataObj.basicElements || [];
+ // EJ2-66465 - Added below code to empty the segment collection if connector type is bezier
+ if (dataObj.connectors) {
+ for (var i = 0; i < dataObj.connectors.length; i++) {
+ // EJ2-69816 - Added below code to empty the segment collection if connector type is bezier and allowSegmentsReset is true
+ if (dataObj.connectors[i].type === 'Bezier' && dataObj.connectors[i].segments.length > 0 && dataObj.connectors[i].bezierSettings.allowSegmentsReset) {
+ dataObj.connectors[i].segments = [];
+ }
+ }
+ }
+ diagram.connectors = dataObj.connectors || [];
+ diagram.dataSourceSettings = dataObj.dataSourceSettings || {};
+ diagram.dataSourceSettings.doBinding = map;
+ diagram.height = dataObj.height || '100%';
+ diagram.setNodeTemplate = nodeTemp;
+ diagram.getConnectorDefaults = connectorDefaults;
+ diagram.getNodeDefaults = nodeDefaults;
+ diagram.getCustomProperty = getCustomProperty;
+ diagram.mode = dataObj.mode || 'SVG';
+ if (dataObj.nodes) {
+ for (var i = 0; i < dataObj.nodes.length; i++) {
+ if (dataObj.nodes[i].shape && dataObj.nodes[i].shape.type === 'SwimLane') {
+ if (dataObj.nodes[i].wrapper == null) {
+ {
+ dataObj.nodes[i].wrapper = {
+ actualSize: { width: dataObj.nodes[i].width, height: dataObj.nodes[i].height },
+ offsetX: dataObj.nodes[i].offsetX, offsetY: dataObj.nodes[i].offsetY
+ };
+ }
+ }
+ Object(_swim_lane_util__WEBPACK_IMPORTED_MODULE_30__["pasteSwimLane"])(dataObj.nodes[i], undefined, undefined, undefined, undefined, true);
+ }
+ }
+ }
+ diagram.nodes = dataObj.nodes || [];
+ diagram.rulerSettings = dataObj.rulerSettings || {};
+ diagram.snapSettings = dataObj.snapSettings || {};
+ diagram.width = dataObj.width || '100%';
+ diagram.layout = dataObj.layout || {};
+ if (dataObj.layout && dataObj.layout.type !== "None") {
+ diagram.canLayout = false;
+ }
+ diagram.layout.getLayoutInfo = Object(_base_util__WEBPACK_IMPORTED_MODULE_20__["getFunction"])(getLayoutInfo);
+ diagram.layout.getBranch = Object(_base_util__WEBPACK_IMPORTED_MODULE_20__["getFunction"])(getBranch);
+ diagram.diagramActions = 0;
+ diagram.isLoading = true;
+ diagram.protectPropertyChange(false);
+ var key = 'refresh';
+ var component;
+ for (var i = 0; i < diagram.views.length; i++) {
+ component = diagram.views[diagram.views[i]];
+ diagram.blazorActions = diagram.addConstraints(blazorAction, _enum_enum__WEBPACK_IMPORTED_MODULE_7__["BlazorAction"].ClearObject);
+ // EJ2-69580 - When we load the diagram, we can refresh diagram component alone, does not need to refresh overview seperately.
+ // While refresh diagram, nodes added in both the diagram and overview.
+ if (component instanceof _diagram__WEBPACK_IMPORTED_MODULE_17__["Diagram"]) {
+ component.refresh();
+ }
+ diagram.blazorActions = diagram.removeConstraints(blazorAction, _enum_enum__WEBPACK_IMPORTED_MODULE_7__["BlazorAction"].ClearObject);
+ if (component instanceof _diagram__WEBPACK_IMPORTED_MODULE_17__["Diagram"]) {
+ diagram.element.classList.add('e-diagram');
+ }
+ }
+ if (dataObj.selectedItems) {
+ dataObj.selectedItems.nodes = [];
+ dataObj.selectedItems.connectors = [];
+ //EJ2-61674 Exception occurs when we move the node after save and load
+ dataObj.selectedItems.selectedObjects = [];
+ }
+ diagram.selectedItems = dataObj.selectedItems;
+ diagram.enableServerDataBinding(true);
+ diagram.canLayout = true;
+ diagram.swimlaneChildTable = {};
+ diagram.swimlaneZIndexTable = {};
+ return dataObj;
+}
+/**
+ * EJ2-61537 - Connectors not connected to the node after save and load
+ * when we add nodes and connectors at runtime.
+ * */
+/**
+* Sort the nodes and connectors in the layers.
+*
+* @param {Diagram} dataObj - provide the model value.
+* @private
+* */
+function sortLayerObjects(dataObj) {
+ var i, j, k;
+ var layers = [];
+ for (i = 0; i < dataObj.layers.length; i++) {
+ for (j = 0; j < dataObj.layers[i].objects.length; j++) {
+ if (dataObj.nodes) {
+ for (k = 0; k < dataObj.nodes.length; k++) {
+ if (dataObj.layers[i].objects[j] === dataObj.nodes[k].id) {
+ layers.push(dataObj.layers[i].objects[j]);
+ }
+ }
+ }
+ }
+ for (j = 0; j < dataObj.layers[i].objects.length; j++) {
+ if (dataObj.connectors) {
+ for (k = 0; k < dataObj.connectors.length; k++) {
+ if (dataObj.layers[i].objects[j] === dataObj.connectors[k].id) {
+ layers.push(dataObj.layers[i].objects[j]);
+ }
+ }
+ }
+ }
+ dataObj.layers[i].objects = layers;
+ layers = [];
+ }
+}
+/* eslint-enable */
+/**
+ * upgrade method \
+ *
+ * @returns {Diagram } upgrade method .\
+ * @param {Diagram} dataObj - provide the model value.
+ * @private
+ */
+function upgrade(dataObj) {
+ if (dataObj && (dataObj.version === undefined || (dataObj.version < 17.1)) && dataObj.nodes) {
+ var nodes = dataObj.nodes;
+ for (var _i = 0, nodes_1 = nodes; _i < nodes_1.length; _i++) {
+ var node = nodes_1[_i];
+ if (node && node.ports && node.ports.length > 0) {
+ for (var _a = 0, _b = node.ports; _a < _b.length; _a++) {
+ var port = _b[_a];
+ if (port && port.constraints && port.constraints === _enum_enum__WEBPACK_IMPORTED_MODULE_7__["PortConstraints"].None) {
+ port.constraints = _enum_enum__WEBPACK_IMPORTED_MODULE_7__["PortConstraints"].Default;
+ }
+ }
+ }
+ }
+ }
+ return dataObj;
+}
+/**
+ * updateStyle method \
+ *
+ * @returns {void } updateStyle method .\
+ * @param {TextStyleModel} changedObject - provide the changedObject value.
+ * @param {DiagramElement} target - provide the target value.
+ * @private
+ */
+function updateStyle(changedObject, target) {
+ //since text style model is the super set of shape style model, we used text style model
+ var style = target.style;
+ var textElement = target;
+ target.canApplyStyle = true;
+ for (var _i = 0, _a = Object.keys(changedObject); _i < _a.length; _i++) {
+ var key = _a[_i];
+ switch (key) {
+ case 'fill':
+ style.fill = changedObject.fill;
+ if (style instanceof _core_appearance__WEBPACK_IMPORTED_MODULE_5__["StrokeStyle"]) {
+ /* tslint:disable:no-string-literal */
+ style['fill'] = 'transparent';
+ }
+ break;
+ case 'textOverflow':
+ style.textOverflow = changedObject.textOverflow;
+ break;
+ case 'opacity':
+ style.opacity = changedObject.opacity;
+ break;
+ case 'strokeColor':
+ style.strokeColor = changedObject.strokeColor;
+ break;
+ case 'strokeDashArray':
+ style.strokeDashArray = changedObject.strokeDashArray;
+ break;
+ case 'strokeWidth':
+ style.strokeWidth = changedObject.strokeWidth;
+ break;
+ case 'bold':
+ style.bold = changedObject.bold;
+ break;
+ case 'color':
+ style.color = changedObject.color;
+ break;
+ case 'textWrapping':
+ style.textWrapping = changedObject.textWrapping;
+ break;
+ case 'fontFamily':
+ style.fontFamily = changedObject.fontFamily;
+ break;
+ case 'fontSize':
+ style.fontSize = changedObject.fontSize;
+ break;
+ case 'italic':
+ style.italic = changedObject.italic;
+ break;
+ case 'textAlign':
+ style.textAlign = changedObject.textAlign;
+ break;
+ case 'whiteSpace':
+ style.whiteSpace = changedObject.whiteSpace;
+ break;
+ case 'textDecoration':
+ style.textDecoration = changedObject.textDecoration;
+ break;
+ case 'gradient':
+ if (style.gradient) {
+ updateGradient(changedObject.gradient, style.gradient);
+ break;
+ }
+ }
+ }
+ if (target instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_10__["TextElement"]) {
+ textElement.refreshTextElement();
+ }
+}
+/**
+ * updateGradient method \
+ *
+ * @returns {void } updateGradient method .\
+ * @param {GradientModel | LinearGradientModel | RadialGradientModel} changedGradient - provide the changedGradient value.
+ * @param {GradientModel | LinearGradientModel | RadialGradientModel} targetGradient - provide the targetGradient value.
+ * @private
+ */
+function updateGradient(changedGradient, targetGradient) {
+ for (var _i = 0, _a = Object.keys(changedGradient); _i < _a.length; _i++) {
+ var key = _a[_i];
+ switch (key) {
+ case 'type':
+ targetGradient.type = changedGradient.type;
+ break;
+ case 'x1':
+ targetGradient.x1 = changedGradient.x1;
+ break;
+ case 'x2':
+ targetGradient.x2 = changedGradient.x2;
+ break;
+ case 'y1':
+ targetGradient.y1 = changedGradient.y1;
+ break;
+ case 'y2':
+ targetGradient.y2 = changedGradient.y2;
+ break;
+ case 'cx':
+ targetGradient.cx = changedGradient.cx;
+ break;
+ case 'cy':
+ targetGradient.cy = changedGradient.cy;
+ break;
+ case 'fx':
+ targetGradient.fx = changedGradient.fx;
+ break;
+ case 'fy':
+ targetGradient.fy = changedGradient.fy;
+ break;
+ case 'r':
+ targetGradient.r = changedGradient.r;
+ break;
+ case 'stops':
+ targetGradient.stops = changedGradient.stops;
+ break;
+ }
+ }
+}
+/* eslint-disable */
+/**
+ * updateHyperlink method \
+ *
+ * @returns {void } updateHyperlink method .\
+ * @param {HyperlinkModel} changedObject - provide the changedObject value.
+ * @param {DiagramElement} target - provide the target value.
+ * @param {AnnotationModel} actualAnnotation - provide the actualAnnotation value.
+ * @private
+ */
+function updateHyperlink(changedObject, target, actualAnnotation) {
+ var textElement = target;
+ var hyperlink = textElement.hyperlink;
+ for (var _i = 0, _a = Object.keys(changedObject); _i < _a.length; _i++) {
+ var key = _a[_i];
+ switch (key) {
+ case 'color':
+ textElement.style.color = hyperlink.color = changedObject.color;
+ break;
+ case 'content':
+ textElement.content = hyperlink.content = changedObject.content || hyperlink.link;
+ break;
+ case 'link':
+ var labelStyle = actualAnnotation.style;
+ textElement.style.color = changedObject.link ? hyperlink.color : labelStyle.color;
+ textElement.style.textDecoration = changedObject.link ? hyperlink.textDecoration : actualAnnotation.style.textDecoration;
+ textElement.content = changedObject.link ? hyperlink.content || changedObject.link : actualAnnotation.content;
+ hyperlink.link = changedObject.link;
+ break;
+ case 'textDecoration':
+ textElement.style.textDecoration = hyperlink.textDecoration = changedObject.textDecoration;
+ break;
+ case 'hyperlinkOpenState':
+ hyperlink.hyperlinkOpenState = changedObject.hyperlinkOpenState;
+ break;
+ }
+ }
+}
+/* eslint-enable */
+/**
+ * updateShapeContent method \
+ *
+ * @returns {void } updateShapeContent method .\
+ * @param {DiagramElement} content - provide the content value.
+ * @param {Node} actualObject - provide the actualObject value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @private
+ */
+function updateShapeContent(content, actualObject, diagram) {
+ content.width = actualObject.width;
+ content.height = actualObject.height;
+ content.minHeight = actualObject.minHeight;
+ content.maxHeight = actualObject.maxHeight;
+ content.minWidth = actualObject.minWidth;
+ content.maxWidth = actualObject.maxWidth;
+ content.horizontalAlignment = actualObject.wrapper.children[0].horizontalAlignment;
+ content.verticalAlignment = actualObject.wrapper.children[0].verticalAlignment;
+ content.relativeMode = actualObject.wrapper.children[0].relativeMode;
+ content.visible = actualObject.wrapper.children[0].visible;
+ if (actualObject.shape instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["Text"]) {
+ content.margin = actualObject.shape.margin;
+ }
+ content.id = actualObject.wrapper.children[0].id;
+ content.style = actualObject.style;
+ //let view: View;
+ for (var _i = 0, _a = diagram.views; _i < _a.length; _i++) {
+ var elementId = _a[_i];
+ Object(_dom_util__WEBPACK_IMPORTED_MODULE_19__["removeElement"])(actualObject.id + '_groupElement', elementId);
+ Object(_dom_util__WEBPACK_IMPORTED_MODULE_19__["removeElement"])(actualObject.id + '_content_groupElement', elementId);
+ Object(_dom_util__WEBPACK_IMPORTED_MODULE_19__["removeElement"])(actualObject.id + '_html_element', elementId);
+ }
+ actualObject.wrapper.children.splice(0, 1);
+ actualObject.wrapper.children.splice(0, 0, content);
+}
+/* eslint-disable */
+/**
+ * updateShape method \
+ *
+ * @returns {void } updateShape method .\
+ * @param {Node} node - provide the node value.
+ * @param {Node} actualObject - provide the actualObject value.
+ * @param {Node} oldObject - provide the oldObject value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @private
+ */
+function updateShape(node, actualObject, oldObject, diagram) {
+ var content = new _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_3__["DiagramElement"]();
+ var i;
+ //let textStyle: TextStyleModel; let nodeStyle: TextStyleModel;
+ switch (node.shape.type) {
+ case 'Path':
+ var pathContent = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_8__["PathElement"]();
+ pathContent.data = actualObject.shape.data;
+ content = pathContent;
+ updateShapeContent(content, actualObject, diagram);
+ break;
+ case 'Image':
+ var imageContent = new _core_elements_image_element__WEBPACK_IMPORTED_MODULE_11__["ImageElement"]();
+ imageContent.source = actualObject.shape.source;
+ imageContent.imageAlign = actualObject.shape.align;
+ imageContent.imageScale = actualObject.shape.scale;
+ content = imageContent;
+ updateShapeContent(content, actualObject, diagram);
+ break;
+ case 'Text':
+ //issue
+ var textContent = new _core_elements_text_element__WEBPACK_IMPORTED_MODULE_10__["TextElement"]();
+ // (textContent as TextElement).content = (node.shape as TextModel).content;
+ content = textContent;
+ updateShapeContent(content, actualObject, diagram);
+ break;
+ case 'Basic':
+ var element = ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() ? actualObject.shape.basicShape === 'Rectangle' :
+ actualObject.shape.shape === 'Rectangle')) ? new _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_3__["DiagramElement"]() : new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_8__["PathElement"]();
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && actualObject.shape.shape === 'Polygon') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && actualObject.shape.basicShape === 'Polygon')) {
+ element.data = Object(_utility_path_util__WEBPACK_IMPORTED_MODULE_21__["getPolygonPath"])(actualObject.shape.points);
+ }
+ else {
+ element.data = Object(_objects_dictionary_basic_shapes__WEBPACK_IMPORTED_MODULE_15__["getBasicShape"])((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() ? actualObject.shape.basicShape :
+ actualObject.shape.shape));
+ }
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && actualObject.shape.shape === 'Rectangle') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && actualObject.shape.basicShape === 'Rectangle')) {
+ element.cornerRadius = actualObject.shape.cornerRadius;
+ }
+ //EJ2-70880 - Node disappeared after changing shape and type dynamically.
+ content = element;
+ updateShapeContent(content, actualObject, diagram);
+ break;
+ case 'Flow':
+ /* eslint-disable */
+ var flowShapeElement = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_8__["PathElement"]();
+ var shape = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])()) ? actualObject.shape.flowShape : actualObject.shape.shape;
+ flowShapeElement.data = Object(_objects_dictionary_flow_shapes__WEBPACK_IMPORTED_MODULE_16__["getFlowShape"])(shape);
+ content = flowShapeElement;
+ updateShapeContent(content, actualObject, diagram);
+ break;
+ case 'Native':
+ var nativeContent = new _core_elements_native_element__WEBPACK_IMPORTED_MODULE_9__["DiagramNativeElement"](node.id, diagram.element.id);
+ nativeContent.content = actualObject.shape.content;
+ nativeContent.scale = actualObject.shape.scale;
+ content = nativeContent;
+ updateShapeContent(content, actualObject, diagram);
+ break;
+ case 'HTML':
+ var htmlContent = new _core_elements_html_element__WEBPACK_IMPORTED_MODULE_22__["DiagramHtmlElement"](actualObject.id, diagram.element.id);
+ htmlContent.content = actualObject.shape.content;
+ content = htmlContent;
+ updateShapeContent(content, actualObject, diagram);
+ }
+ if (node.shape.type === undefined || node.shape.type === oldObject.shape.type || (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && node.shape.type === 'UmlActivity')) {
+ updateContent(node, actualObject, diagram, oldObject);
+ }
+ else {
+ content.width = actualObject.wrapper.children[0].width;
+ content.height = actualObject.wrapper.children[0].height;
+ if (actualObject.shape instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["Text"]) {
+ content.margin = actualObject.shape.margin;
+ }
+ content.style = actualObject.style;
+ actualObject.wrapper.children[0] = content;
+ }
+}
+/* eslint-enable */
+/**
+ * updateContent method \
+ *
+ * @returns {void } updateContent method .\
+ * @param {Node} newValues - provide the newValues value.
+ * @param {Node} actualObject - provide the actualObject value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {Node} oldObject - provide the oldObject value.
+ * @private
+ */
+function updateContent(newValues, actualObject, diagram, oldObject) {
+ if (Object.keys(newValues.shape).length > 0) {
+ if (actualObject.shape.type === 'Path' && newValues.shape.data !== undefined) {
+ actualObject.wrapper.children[0].data = newValues.shape.data;
+ }
+ else if (actualObject.shape.type === 'Text' && newValues.shape.content !== undefined) {
+ actualObject.wrapper.children[0].content = newValues.shape.content;
+ }
+ else if (actualObject.shape.type === 'Image' && newValues.shape.source !== undefined) {
+ actualObject.wrapper.children[0].source = newValues.shape.source;
+ }
+ else if (actualObject.shape.type === 'Native') {
+ var nativeElement = void 0;
+ for (var i = 0; i < diagram.views.length; i++) {
+ nativeElement = Object(_dom_util__WEBPACK_IMPORTED_MODULE_19__["getDiagramElement"])(actualObject.wrapper.children[0].id + '_native_element', diagram.views[parseInt(i.toString(), 10)]);
+ if (newValues.shape.content !== undefined && nativeElement) {
+ nativeElement.removeChild(nativeElement.children[0]);
+ actualObject.wrapper.children[0].content = newValues.shape.content;
+ nativeElement.appendChild(Object(_dom_util__WEBPACK_IMPORTED_MODULE_19__["getContent"])(actualObject.wrapper.children[0], false));
+ }
+ }
+ actualObject.wrapper.children[0].scale = newValues.shape.scale ?
+ newValues.shape.scale : actualObject.wrapper.children[0].scale;
+ }
+ else if (actualObject.shape.type === 'HTML') {
+ var htmlElement = void 0;
+ for (var i = 0; i < diagram.views.length; i++) {
+ htmlElement = Object(_dom_util__WEBPACK_IMPORTED_MODULE_19__["getDiagramElement"])(actualObject.wrapper.children[0].id + '_html_element', diagram.views[parseInt(i.toString(), 10)]);
+ if (htmlElement) {
+ htmlElement.removeChild(htmlElement.children[0]);
+ actualObject.wrapper.children[0].content = newValues.shape.content;
+ htmlElement.appendChild(Object(_dom_util__WEBPACK_IMPORTED_MODULE_19__["getContent"])(actualObject.wrapper.children[0], true));
+ }
+ }
+ }
+ else if (actualObject.shape.type === 'Flow' && ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && newValues.shape.flowShape !== undefined) ||
+ newValues.shape.shape !== undefined)) {
+ actualObject.shape.shape = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() ? newValues.shape.flowShape :
+ newValues.shape.shape;
+ var shapes = actualObject.shape.shape;
+ var flowshapedata = Object(_objects_dictionary_flow_shapes__WEBPACK_IMPORTED_MODULE_16__["getFlowShape"])(shapes.toString());
+ actualObject.wrapper.children[0].data = flowshapedata;
+ }
+ else if (actualObject.shape.type === 'UmlActivity' &&
+ ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && newValues.shape.umlActivityShape !== undefined) ||
+ (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && newValues.shape.shape !== undefined))) {
+ updateUmlActivityNode(actualObject, newValues);
+ }
+ else if (newValues.shape.cornerRadius !== undefined) {
+ actualObject.wrapper.children[0].cornerRadius = newValues.shape.cornerRadius;
+ }
+ else if (actualObject.shape.type === 'Basic' && (oldObject && oldObject.shape.shape === 'Rectangle')) {
+ var basicshape = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_8__["PathElement"]();
+ var basicshapedata = Object(_objects_dictionary_basic_shapes__WEBPACK_IMPORTED_MODULE_15__["getBasicShape"])((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])()) ? actualObject.shape.basicShape :
+ actualObject.shape.shape);
+ basicshape.data = basicshapedata;
+ var content = basicshape;
+ updateShapeContent(content, actualObject, diagram);
+ }
+ else if (((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && newValues.shape.basicShape !== undefined) ||
+ newValues.shape.shape !== undefined)) {
+ actualObject.shape.shape = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() ? newValues.shape.basicShape :
+ newValues.shape.shape;
+ var shapes = actualObject.shape.shape;
+ var basicShapeData = Object(_objects_dictionary_basic_shapes__WEBPACK_IMPORTED_MODULE_15__["getBasicShape"])(shapes.toString());
+ actualObject.wrapper.children[0].data = basicShapeData;
+ }
+ }
+ actualObject.wrapper.children[0].canMeasurePath = true;
+}
+/**
+ * updateUmlActivityNode method \
+ *
+ * @returns {void } updateUmlActivityNode method .\
+ * @param {Node} actualObject - provide the newValues value.
+ * @param {Node} newValues - provide the actualObject value.
+ * @private
+ */
+function updateUmlActivityNode(actualObject, newValues) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])()) {
+ actualObject.shape.shape = newValues.shape.shape;
+ }
+ else {
+ actualObject.shape.umlActivityShape = newValues.shape.umlActivityShape;
+ }
+ var shapes = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() ? actualObject.shape.shape :
+ actualObject.shape.umlActivityShape;
+ var umlActivityShapeData = Object(_objects_dictionary_umlactivity_shapes__WEBPACK_IMPORTED_MODULE_26__["getUMLActivityShape"])(shapes.toString());
+ if ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && actualObject.shape.umlActivityShape === 'InitialNode') ||
+ (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && actualObject.shape.shape === 'InitialNode')) {
+ actualObject.wrapper.children[0].style.fill = 'black';
+ }
+ else if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && (actualObject.shape.shape === 'ForkNode' ||
+ actualObject.shape.shape === 'JoinNode')) ||
+ ((Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && (actualObject.shape.umlActivityShape === 'ForkNode' ||
+ actualObject.shape.umlActivityShape === 'JoinNode')))) {
+ actualObject.wrapper.children[0].style.fill = 'black';
+ }
+ else if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && actualObject.shape.shape === 'FinalNode') ||
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() && actualObject.shape.umlActivityShape === 'FinalNode')) {
+ if (actualObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["Node"]) {
+ actualObject.wrapper = getUMLFinalNode(actualObject);
+ }
+ }
+ if (umlActivityShapeData) {
+ actualObject.wrapper.children[0].data = umlActivityShapeData;
+ }
+}
+/**
+ * getUMLFinalNode method \
+ *
+ * @returns {Canvas } getUMLFinalNode method .\
+ * @param {Node} node - provide the newValues value.
+ * @private
+ */
+function getUMLFinalNode(node) {
+ var finalNodeShape = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_27__["Canvas"]();
+ finalNodeShape.style.fill = 'transparent';
+ //childNode0
+ var pathData = 'M 25 50 C 11.21 50 0 38.79 0 25 C 0 11.21 11.21 0 25 0 C 38.78 0 50 11.21 50 25' +
+ ' C 50 38.79 38.78 50 25 50';
+ var innerFinalNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_8__["PathElement"]();
+ innerFinalNode.data = pathData;
+ innerFinalNode.id = node.id + '_0_finalNode';
+ innerFinalNode.horizontalAlignment = 'Center';
+ innerFinalNode.verticalAlignment = 'Center';
+ innerFinalNode.relativeMode = 'Object';
+ innerFinalNode.style.strokeColor = node.style.strokeColor;
+ innerFinalNode.style.strokeWidth = node.style.strokeWidth;
+ //childNode1
+ var outerFinalNode = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_8__["PathElement"]();
+ outerFinalNode.data = pathData;
+ outerFinalNode.id = node.id + '_1_finalNode';
+ outerFinalNode.horizontalAlignment = 'Center';
+ outerFinalNode.verticalAlignment = 'Center';
+ outerFinalNode.relativeMode = 'Object';
+ outerFinalNode.style.fill = node.style.fill;
+ outerFinalNode.style.strokeColor = node.style.strokeColor;
+ outerFinalNode.style.strokeWidth = node.style.strokeWidth;
+ //append child and set style
+ finalNodeShape.children = [innerFinalNode, outerFinalNode];
+ finalNodeShape.children[0].width = node.width;
+ finalNodeShape.children[0].height = node.height;
+ finalNodeShape.children[1].height = node.height / 1.5;
+ finalNodeShape.children[1].width = node.width / 1.5;
+ finalNodeShape.style.strokeWidth = 0;
+ finalNodeShape.style.strokeColor = 'transparent';
+ return finalNodeShape;
+}
+/**
+ * getUMLActivityShapes method \
+ *
+ * @returns {DiagramElement } getUMLActivityShapes method .\
+ * @param {PathElement} umlActivityShape - provide the umlActivityShape value.
+ * @param {DiagramElement} content - provide the content value.
+ * @param {Node} node - provide the node value.
+ * @private
+ */
+function getUMLActivityShapes(umlActivityShape, content, node) {
+ var shape = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])() ? node.shape.umlActivityShape : node.shape.shape);
+ var umlActivityShapeData = Object(_objects_dictionary_umlactivity_shapes__WEBPACK_IMPORTED_MODULE_26__["getUMLActivityShape"])(shape);
+ umlActivityShape.data = umlActivityShapeData;
+ content = umlActivityShape;
+ switch (shape) {
+ case 'StructuredNode':
+ if (node.annotations) {
+ for (var i = 0; i < node.annotations.length; i++) {
+ node.annotations[parseInt(i.toString(), 10)].content = '<<' + node.annotations[parseInt(i.toString(), 10)].content + '>>';
+ }
+ }
+ content = umlActivityShape;
+ break;
+ case 'FinalNode':
+ content = getUMLFinalNode(node);
+ break;
+ }
+ return content;
+}
+/**
+ * removeGradient method \
+ *
+ * @returns {void } removeGradient method .\
+ * @param {string} svgId - provide the umlActivityShape value.
+ * @private
+ */
+function removeGradient(svgId) {
+ Object(_dom_util__WEBPACK_IMPORTED_MODULE_19__["removeElement"])(svgId + '_linear');
+ Object(_dom_util__WEBPACK_IMPORTED_MODULE_19__["removeElement"])(svgId + '_radial');
+}
+/**
+ * removeItem method \
+ *
+ * @returns {void } removeItem method .\
+ * @param {string[]} array - provide the umlActivityShape value.
+ * @param {string} item - provide the umlActivityShape value.
+ * @private
+ */
+function removeItem(array, item) {
+ var index = array.indexOf(item);
+ if (index >= 0) {
+ array.splice(index, 1);
+ }
+}
+/**
+ * updateConnector method \
+ *
+ * @returns {void } updateConnector method .\
+ * @param {Connector} connector - provide the connector value.
+ * @param {PointModel[]} points - provide the points value.
+ * @param {DiagramAction} diagramActions - provide the diagramActions value.
+ * @private
+ */
+function updateConnector(connector, points, diagramActions) {
+ var anglePoint; //let srcDecorator: DecoratorModel;
+ //let targetPoint: PointModel;
+ connector.intermediatePoints = points;
+ connector.updateSegmentElement(connector, points, connector.wrapper.children[0], diagramActions);
+ var srcDecorator = connector.sourceDecorator;
+ if (connector.type === 'Bezier') {
+ var firstSegment = connector.segments[0];
+ var lastSegment = connector.segments[connector.segments.length - 1];
+ anglePoint = [!_primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].isEmptyPoint(lastSegment.point2) ? lastSegment.point2 : lastSegment.bezierPoint2,
+ !_primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].isEmptyPoint(firstSegment.point1) ? firstSegment.point1 : firstSegment.bezierPoint1];
+ }
+ else {
+ anglePoint = connector.intermediatePoints;
+ }
+ points = connector.clipDecorators(connector, points, diagramActions);
+ var element = connector.wrapper.children[0];
+ element.canMeasurePath = true;
+ element = connector.wrapper.children[1];
+ connector.updateDecoratorElement(element, points[0], anglePoint[1], srcDecorator);
+ //const targetPoint: PointModel = connector.targetPoint;
+ var tarDecorator = connector.targetDecorator;
+ element = connector.wrapper.children[2];
+ connector.updateDecoratorElement(element, points[points.length - 1], anglePoint[anglePoint.length - 2], tarDecorator);
+ connector.updateShapeElement(connector);
+}
+/**
+ * getUserHandlePosition method \
+ *
+ * @returns {PointModel } getUserHandlePosition method .\
+ * @param {SelectorModel} selectorItem - provide the connector value.
+ * @param {UserHandleModel} handle - provide the handle value.
+ * @param {Transforms} transform - provide the transform value.
+ * @private
+ */
+function getUserHandlePosition(selectorItem, handle, transform) {
+ var wrapper = selectorItem.wrapper;
+ //let positionPoints: PointModel;
+ var bounds = wrapper.bounds;
+ var offset = handle.offset;
+ var size = handle.size / transform.scale;
+ var margin = handle.margin;
+ var point;
+ var left = wrapper.offsetX - wrapper.actualSize.width * wrapper.pivot.x;
+ var top = wrapper.offsetY - wrapper.actualSize.height * wrapper.pivot.y;
+ point = { x: 0, y: 0 };
+ if (selectorItem.nodes.length > 0) {
+ switch (handle.side) {
+ case 'Top':
+ point.x += left + bounds.width * offset;
+ point.y += top - (size / 2 + 12.5);
+ break;
+ case 'Bottom':
+ point.x += left + offset * bounds.width;
+ point.y += top + wrapper.actualSize.height + (size / 2 + 12.5);
+ break;
+ case 'Left':
+ point.x += left - (size / 2 + 12.5);
+ point.y += top + offset * bounds.height;
+ break;
+ case 'Right':
+ point.x += left + wrapper.actualSize.width + (size / 2 + 12.5);
+ point.y += top + offset * bounds.height;
+ break;
+ }
+ point.x += ((margin.left - margin.right) / transform.scale) +
+ (size / 2) * (handle.horizontalAlignment === 'Center' ? 0 : (handle.horizontalAlignment === 'Right' ? -1 : 1));
+ point.y += ((margin.top - margin.bottom) / transform.scale) +
+ (size / 2) * (handle.verticalAlignment === 'Center' ? 0 : (handle.verticalAlignment === 'Top' ? -1 : 1));
+ }
+ else if (selectorItem.connectors.length > 0) {
+ var connector = selectorItem.connectors[0];
+ var annotation = { offset: offset };
+ var connectorOffset = getOffsetOfConnector(connector.intermediatePoints, annotation);
+ var index = connectorOffset.index;
+ point = connectorOffset.point;
+ var getPointloop = getAnnotationPosition(connector.intermediatePoints, annotation, bounds);
+ //const points: PointModel[] = connector.intermediatePoints;
+ //const offsetLength: number;
+ var angle = getPointloop.angle;
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["rotateMatrix"])(matrix, -angle, connector.intermediatePoints[parseInt(index.toString(), 10)].x, connector.intermediatePoints[parseInt(index.toString(), 10)].y);
+ point = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(matrix, point);
+ point.x += (margin.left - margin.right) +
+ (size / 2) * (handle.horizontalAlignment === 'Center' ? 0 : (handle.horizontalAlignment === 'Right' ? -1 : 1));
+ point.y += (margin.top - margin.bottom) +
+ (size / 2) * (handle.verticalAlignment === 'Center' ? 0 : (handle.verticalAlignment === 'Top' ? -1 : 1));
+ matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["rotateMatrix"])(matrix, angle, connector.intermediatePoints[parseInt(index.toString(), 10)].x, connector.intermediatePoints[parseInt(index.toString(), 10)].y);
+ point = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(matrix, point);
+ }
+ if (wrapper.rotateAngle !== 0 || wrapper.parentTransform !== 0) {
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["rotateMatrix"])(matrix, wrapper.rotateAngle + wrapper.parentTransform, wrapper.offsetX, wrapper.offsetY);
+ point = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(matrix, point);
+ }
+ return point;
+}
+/**
+ * canResizeCorner method \
+ *
+ * @returns {SelectorConstraints } canResizeCorner method .\
+ * @param {string} selectorConstraints - provide the selectorConstraints value.
+ * @param {string} action - provide the selectorConstraints value.
+ * @param {ThumbsConstraints} thumbsConstraints - provide the thumbsConstraints value.
+ * @param {Selector} selectedItems - provide the selectedItems value.
+ * @private
+ */
+function canResizeCorner(selectorConstraints, action, thumbsConstraints, selectedItems) {
+ if (selectedItems.annotation) {
+ if (Object(_constraints_util__WEBPACK_IMPORTED_MODULE_24__["canResize"])(selectedItems.annotation)) {
+ return true;
+ }
+ }
+ else if ((_enum_enum__WEBPACK_IMPORTED_MODULE_7__["SelectorConstraints"]["" + action] & selectorConstraints) && (_enum_enum__WEBPACK_IMPORTED_MODULE_7__["ThumbsConstraints"]["" + action] & thumbsConstraints)) {
+ return true;
+ }
+ return false;
+}
+/**
+ * canShowCorner method \
+ *
+ * @returns {boolean } canShowCorner method .\
+ * @param {SelectorConstraints} selectorConstraints - provide the selectorConstraints value.
+ * @param {string} action - provide the thumbsConstraints value.
+ * @private
+ */
+function canShowCorner(selectorConstraints, action) {
+ if (_enum_enum__WEBPACK_IMPORTED_MODULE_7__["SelectorConstraints"]["" + action] & selectorConstraints) {
+ return true;
+ }
+ return false;
+}
+/**
+ * canShowControlPoints method \
+ *
+ * @returns {boolean } canShowControlPoints method .\
+ * @param {ControlPointsVisibility} bezierControlPoints - provide the bezierControlPoints value.
+ * @param {string} action - provide the value.
+ * @private
+ */
+function canShowControlPoints(bezierControlPoints, action) {
+ if (_enum_enum__WEBPACK_IMPORTED_MODULE_7__["ControlPointsVisibility"]["" + action] & bezierControlPoints) {
+ return true;
+ }
+ return false;
+}
+/**
+ * checkPortRestriction method \
+ *
+ * @returns {number } checkPortRestriction method .\
+ * @param {PointPortModel} port - provide the port value.
+ * @param {PortVisibility} portVisibility - provide the portVisibility value.
+ * @private
+ */
+function checkPortRestriction(port, portVisibility) {
+ return port.visibility & portVisibility;
+}
+/**
+ * findAnnotation method \
+ *
+ * @returns {ShapeAnnotationModel | PathAnnotationModel | TextModel } findAnnotation method .\
+ * @param { NodeModel | ConnectorModel} node - provide the port value.
+ * @param {string} id - provide the portVisibility value.
+ * @private
+ */
+function findAnnotation(node, id) {
+ var annotation;
+ if (node.shape.type === 'Text') {
+ annotation = (node.shape);
+ }
+ else {
+ var annotationId = id.split('_');
+ id = annotationId[annotationId.length - 1];
+ for (var i = 0; i < node.annotations.length; i++) {
+ if (id === node.annotations[parseInt(i.toString(), 10)].id) {
+ annotation = node.annotations[parseInt(i.toString(), 10)];
+ }
+ }
+ }
+ return annotation;
+}
+/**
+ * findPort method \
+ *
+ * @returns {PointPortModel} findPort method .\
+ * @param { NodeModel | ConnectorModel} node - provide the port value.
+ * @param {string} id - provide the portVisibility value.
+ * @private
+ */
+function findPort(node, id) {
+ var port;
+ var portId = id.split('_');
+ id = portId[portId.length - 1];
+ if (node) {
+ node = node;
+ for (var i = 0; i < node.ports.length; i++) {
+ if (id === node.ports[parseInt(i.toString(), 10)].id) {
+ return node.ports[parseInt(i.toString(), 10)];
+ }
+ }
+ }
+ return port;
+}
+/**
+ * getInOutConnectPorts method \
+ *
+ * @returns {PointPortModel} getInOutConnectPorts method .\
+ * @param { NodeModel} node - provide the port value.
+ * @param {boolean} isInConnect - provide the portVisibility value.
+ * @private
+ */
+function getInOutConnectPorts(node, isInConnect) {
+ var port = {};
+ var i = 0;
+ if (node.ports) {
+ var ports = node.ports;
+ for (i = 0; i < ports.length; i++) {
+ if (isInConnect) {
+ if ((ports[parseInt(i.toString(), 10)].constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_7__["PortConstraints"].InConnect)) {
+ port = ports[parseInt(i.toString(), 10)];
+ }
+ }
+ else {
+ if ((ports[parseInt(i.toString(), 10)].constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_7__["PortConstraints"].OutConnect)) {
+ port = ports[parseInt(i.toString(), 10)];
+ }
+ }
+ }
+ }
+ return port;
+}
+/**
+ * findObjectIndex method \
+ *
+ * @returns {PointPortModel} findObjectIndex method .\
+ * @param { NodeModel | ConnectorModel} node - provide the node value.
+ * @param {string} id - provide the string value.
+ * @param {boolean} annotation - provide the boolean value.
+ * @private
+ */
+function findObjectIndex(node, id, annotation) {
+ //let index: number;
+ var collection = (annotation) ? node.annotations : node.ports;
+ for (var i = 0; i < collection.length; i++) {
+ if (collection[parseInt(i.toString(), 10)].id === id) {
+ return (i).toString();
+ }
+ }
+ return '-1';
+}
+/**
+ * getObjectFromCollection method \
+ *
+ * @returns {boolean} getObjectFromCollection method .\
+ * @param { (NodeModel | ConnectorModel)[] } obj - provide the node value.
+ * @param {string} id - provide the string value.
+ * @private
+ */
+function getObjectFromCollection(obj, id) {
+ var i;
+ for (i = 0; i < obj.length; i++) {
+ if (id === obj[parseInt(i.toString(), 10)].id) {
+ return true;
+ }
+ }
+ return false;
+}
+/**
+ * scaleElement method \
+ *
+ * @returns {void} scaleElement method .\
+ * @param { DiagramElement } element - provide the element value.
+ * @param {number} sw - provide the string value.
+ * @param {number} sh - provide the string value.
+ * @param {DiagramElement} refObject - provide the refObject value.
+ * @private
+ */
+function scaleElement(element, sw, sh, refObject) {
+ if (element.width !== undefined && element.height !== undefined) {
+ element.width *= sw;
+ element.height *= sh;
+ }
+ if (element instanceof _core_containers_container__WEBPACK_IMPORTED_MODULE_4__["Container"]) {
+ var matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["identityMatrix"])();
+ var width = refObject.width || refObject.actualSize.width;
+ var height = refObject.height || refObject.actualSize.height;
+ if (width !== undefined && height !== undefined) {
+ var x = refObject.offsetX - width * refObject.pivot.x;
+ var y = refObject.offsetY - height * refObject.pivot.y;
+ var refPoint = {
+ x: x + width * refObject.pivot.x,
+ y: y + height * refObject.pivot.y
+ };
+ refPoint = Object(_base_util__WEBPACK_IMPORTED_MODULE_20__["rotatePoint"])(refObject.rotateAngle, refObject.offsetX, refObject.offsetY, refPoint);
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["rotateMatrix"])(matrix, -refObject.rotateAngle, refPoint.x, refPoint.y);
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["scaleMatrix"])(matrix, sw, sh, refPoint.x, refPoint.y);
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["rotateMatrix"])(matrix, refObject.rotateAngle, refPoint.x, refPoint.y);
+ for (var _i = 0, _a = element.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ if (child.width !== undefined && child.height !== undefined) {
+ var newPosition = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(matrix, { x: child.offsetX, y: child.offsetY });
+ child.offsetX = newPosition.x;
+ child.offsetY = newPosition.y;
+ scaleElement(child, sw, sh, refObject);
+ }
+ }
+ }
+ }
+}
+/**
+ * scaleElement method \
+ *
+ * @returns {void} scaleElement method .\
+ * @param { Node } obj - provide the obj value.
+ * @param {number} x - provide the x value.
+ * @param {number} y - provide the y value.
+ * @param {DiagramElement} nameTable - provide the refObject value.
+ * @param {DiagramElement} drop - provide the drop value.
+ * @param {DiagramElement} diagram - provide the diagram value.
+ * @private
+ */
+// eslint-disable-next-line @typescript-eslint/ban-types
+function arrangeChild(obj, x, y, nameTable, drop, diagram) {
+ var child = obj.children;
+ var node;
+ for (var i = 0; i < child.length; i++) {
+ node = nameTable[child[parseInt(i.toString(), 10)]];
+ if (node) {
+ if (node.children) {
+ arrangeChild(node, x, y, nameTable, drop, diagram);
+ }
+ else {
+ node.offsetX -= x;
+ node.offsetY -= y;
+ if (!drop) {
+ //let content: DiagramElement;
+ //let container: Container;
+ nameTable[node.id] = node;
+ var container = node.initContainer();
+ if (!container.children) {
+ container.children = [];
+ }
+ var content = node.init(diagram);
+ container.children.push(content);
+ container.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](node.width, node.height));
+ container.arrange(container.desiredSize);
+ }
+ }
+ }
+ }
+}
+/**
+ * insertObject method \
+ *
+ * @returns {void} insertObject method .\
+ * @param { NodeModel | ConnectorModel } obj - provide the obj value.
+ * @param { string } key - provide the obj value.
+ * @param { Object[]} collection - provide the x value.
+ * @private
+ */
+function insertObject(obj, key, collection) {
+ if (collection.length === 0) {
+ collection.push(obj);
+ }
+ else if (collection.length === 1) {
+ if (collection[0]["" + key] > obj["" + key]) {
+ collection.splice(0, 0, obj);
+ }
+ else {
+ collection.push(obj);
+ }
+ }
+ else if (collection.length > 1) {
+ var low = 0;
+ var high = collection.length - 1;
+ var mid = Math.floor((low + high) / 2);
+ while (mid !== low) {
+ if (collection[parseInt(mid.toString(), 10)]["" + key] < obj["" + key]) {
+ low = mid;
+ mid = Math.floor((low + high) / 2);
+ }
+ else if (collection[parseInt(mid.toString(), 10)]["" + key] > obj["" + key]) {
+ high = mid;
+ mid = Math.floor((low + high) / 2);
+ }
+ else {
+ break;
+ }
+ }
+ if (collection[parseInt(high.toString(), 10)]["" + key] < obj["" + key]) {
+ collection.push(obj);
+ }
+ else if (collection[parseInt(low.toString(), 10)]["" + key] > obj["" + key]) {
+ collection.splice(low, 0, obj);
+ }
+ else if ((collection[parseInt(low.toString(), 10)]["" + key] < obj["" + key]) && collection[parseInt(high.toString(), 10)]["" + key] > obj["" + key]) {
+ collection.splice(high, 0, obj);
+ }
+ }
+}
+/**
+ * getElement method \
+ *
+ * @returns {Object} getElement method .\
+ * @param { DiagramHtmlElement | DiagramNativeElement } element - provide the obj value.
+ * @private
+ */
+function getElement(element) {
+ var diagramElement = document.getElementById(element.diagramId);
+ var instance = 'ej2_instances';
+ // eslint-disable-next-line
+ var node = {};
+ var nodes = diagramElement["" + instance][0].nodes;
+ if (nodes === undefined) {
+ nodes = getPaletteSymbols(diagramElement["" + instance][0]);
+ }
+ var length = 'length';
+ for (var i = 0; nodes && i < nodes["" + length]; i++) {
+ if (nodes[parseInt(i.toString(), 10)].id === element.nodeId) {
+ return getAnnotation(nodes[parseInt(i.toString(), 10)], element);
+ }
+ }
+ var connectors = diagramElement["" + instance][0].connectors;
+ for (var i = 0; connectors && i < connectors["" + length]; i++) {
+ if (connectors[parseInt(i.toString(), 10)].id === element.nodeId) {
+ return getAnnotation(connectors[parseInt(i.toString(), 10)], element);
+ }
+ }
+ // eslint-disable-next-line
+ var enterObject = diagramElement[instance][0].enterObject;
+ if (enterObject && (enterObject['id'] === element.nodeId || enterObject['children'])) {
+ if (enterObject['children'] && groupHasType(enterObject, 'HTML', diagramElement["" + instance][0].enterTable)) {
+ return diagramElement["" + instance][0].enterTable[element.nodeId];
+ }
+ else {
+ return enterObject;
+ }
+ }
+ return null;
+}
+/**
+ * getAnnotation method \
+ *
+ * @returns {Object} getAnnotation method .\
+ * @param { Object } obj - provide the obj value.
+ * @param { DiagramHtmlElement | DiagramNativeElement } element - provide the obj value.
+ * @private
+ */
+function getAnnotation(obj, element) {
+ var annotations = obj.annotations;
+ var length = 'length';
+ var j;
+ for (j = 0; annotations && j < annotations["" + length]; j++) {
+ if (element.annotationId && annotations[parseInt(j.toString(), 10)].id === element.annotationId) {
+ return annotations[parseInt(j.toString(), 10)];
+ }
+ }
+ return obj;
+}
+/**
+ * getPaletteSymbols method \
+ *
+ * @returns {NodeModel[]} getPaletteSymbols method .\
+ * @param { Object } symbolPalette - provide the symbolPalette value.
+ * @private
+ */
+function getPaletteSymbols(symbolPalette) {
+ var nodes = [];
+ for (var i = 0; i < symbolPalette.palettes.length; i++) {
+ var symbols = symbolPalette.palettes[parseInt(i.toString(), 10)].symbols;
+ for (var j = 0; j < symbols.length; j++) {
+ if (symbols[parseInt(j.toString(), 10)] instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["Node"]) {
+ nodes.push(symbols[parseInt(j.toString(), 10)]);
+ }
+ }
+ }
+ return nodes;
+}
+/**
+ * getCollectionChangeEventArguements method \
+ *
+ * @returns {IBlazorCollectionChangeEventArgs} getCollectionChangeEventArguements method .\
+ * @param { IBlazorCollectionChangeEventArgs } args1 - provide the args1 value.
+ * @param { NodeModel | ConnectorModel } obj - provide the obj value.
+ * @param { EventState } state - provide the state value.
+ * @param { ChangeType } type - provide the type value.
+ * @private
+ */
+function getCollectionChangeEventArguements(args1, obj, state, type) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])()) {
+ args1 = {
+ cause: args1.cause, state: state, type: type, cancel: false,
+ element: getObjectType(obj) === _objects_connector__WEBPACK_IMPORTED_MODULE_14__["Connector"] ?
+ { connector: cloneBlazorObject(obj) } : { node: cloneBlazorObject(obj) }
+ };
+ }
+ return args1;
+}
+/**
+ * getDropEventArguements method \
+ *
+ * @returns {IBlazorDropEventArgs} getDropEventArguements method .\
+ * @param { MouseEventArgs } args - provide the args1 value.
+ * @param { IBlazorDropEventArgs } arg - provide the obj value.
+ * @private
+ */
+function getDropEventArguements(args, arg) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])()) {
+ var isConnector = (getObjectType(args.source) === _objects_connector__WEBPACK_IMPORTED_MODULE_14__["Connector"]);
+ var object = cloneBlazorObject(args.source);
+ var target = cloneBlazorObject(args.target);
+ // BLAZ-20491 - Added the below code to check whether selector has nodes or connectors in it.
+ // If it does not have means then we can directly access node.
+ var connector = void 0;
+ var node = void 0;
+ if (object.connectors && object.connectors.length > 0) {
+ connector = object.connectors[0];
+ }
+ else {
+ connector = object;
+ }
+ if (object.nodes && object.nodes.length > 0) {
+ node = object.nodes[0];
+ }
+ else {
+ node = object;
+ }
+ arg = {
+ element: isConnector ? {
+ connector: connector,
+ connectorId: connector.id
+ }
+ : { node: node, nodeId: node.id },
+ target: isConnector ? { connector: target } : { node: target },
+ position: arg.position, cancel: arg.cancel
+ };
+ }
+ return arg;
+}
+/**
+ * getPoint method \
+ *
+ * @returns {PointModel} getPoint method .\
+ * @param { number } x - provide the x value.
+ * @param { number } y - provide the y value.
+ * @param { number } w - provide the w value.
+ * @param { number } h - provide the y value.
+ * @param { number } angle - provide the y value.
+ * @param { number } offsetX - provide the y value.
+ * @param { number } offsetY - provide the y value.
+ * @param { PointModel } cornerPoint - provide the y value.
+ * @private
+ */
+function getPoint(x, y, w, h, angle, offsetX, offsetY, cornerPoint) {
+ var pivot = { x: 0, y: 0 };
+ var trans = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["rotateMatrix"])(trans, angle, offsetX, offsetY);
+ switch (cornerPoint.x) {
+ case 0:
+ switch (cornerPoint.y) {
+ case 0:
+ pivot = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(trans, ({ x: x, y: y }));
+ break;
+ case 0.5:
+ pivot = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(trans, ({ x: x, y: y + h / 2 }));
+ break;
+ case 1:
+ pivot = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(trans, ({ x: x, y: y + h }));
+ break;
+ }
+ break;
+ case 0.5:
+ switch (cornerPoint.y) {
+ case 0:
+ pivot = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(trans, ({ x: x + w / 2, y: y }));
+ break;
+ case 0.5:
+ pivot = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(trans, ({ x: x + w / 2, y: y + h / 2 }));
+ break;
+ case 1:
+ pivot = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(trans, ({ x: x + w / 2, y: y + h }));
+ break;
+ }
+ break;
+ case 1:
+ switch (cornerPoint.y) {
+ case 0:
+ pivot = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(trans, ({ x: x + w, y: y }));
+ break;
+ case 0.5:
+ pivot = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(trans, ({ x: x + w, y: y + h / 2 }));
+ break;
+ case 1:
+ pivot = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_2__["transformPointByMatrix"])(trans, ({ x: x + w, y: y + h }));
+ break;
+ }
+ break;
+ }
+ return { x: pivot.x, y: pivot.y };
+}
+/* eslint-disable */
+/**
+ * Get the object as Node | Connector \
+ *
+ * @returns {Object} Get the object as Node | Connector .\
+ * @param { number } obj - provide the x value.
+ * @private
+ */
+var getObjectType = function (obj) {
+ if (obj) {
+ if (obj.sourceID !== undefined || obj.sourcePoint !== undefined ||
+ obj.targetID !== undefined || obj.targetPoint !== undefined ||
+ obj.type !== undefined) {
+ obj = _objects_connector__WEBPACK_IMPORTED_MODULE_14__["Connector"];
+ }
+ else {
+ obj = _objects_node__WEBPACK_IMPORTED_MODULE_13__["Node"];
+ }
+ }
+ return obj;
+};
+/** @private */
+var flipConnector = function (connector) {
+ if (!connector.sourceID && !connector.targetID) {
+ var source = { x: connector.sourcePoint.x, y: connector.sourcePoint.y };
+ var target = { x: connector.targetPoint.x, y: connector.targetPoint.y };
+ if (connector.flip === 'Horizontal') {
+ connector.sourcePoint.x = target.x;
+ connector.targetPoint.x = source.x;
+ }
+ else if (connector.flip === 'Vertical') {
+ connector.sourcePoint.y = target.y;
+ connector.targetPoint.y = source.y;
+ }
+ else if (connector.flip === 'Both') {
+ connector.sourcePoint = target;
+ connector.targetPoint = source;
+ }
+ }
+};
+/** @private */
+var updatePortEdges = function (portContent, flip, port) {
+ var offsetX = port.offset.x;
+ var offsetY = port.offset.y;
+ if (flip === 'Horizontal') {
+ offsetX = 1 - port.offset.x;
+ offsetY = port.offset.y;
+ }
+ else if (flip === 'Vertical') {
+ offsetX = port.offset.x;
+ offsetY = 1 - port.offset.y;
+ }
+ else if (flip === 'Both') {
+ offsetX = 1 - port.offset.x;
+ offsetY = 1 - port.offset.y;
+ }
+ portContent.setOffsetWithRespectToBounds(offsetX, offsetY, 'Fraction');
+ return portContent;
+};
+/** @private */
+var alignElement = function (element, offsetX, offsetY, diagram, flip) {
+ if (element.hasChildren()) {
+ for (var _i = 0, _a = element.children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ var childX = ((offsetX - child.offsetX) + offsetX);
+ var childY = ((offsetY - child.offsetY) + offsetY);
+ if (flip === 'Horizontal' || flip === 'Both') {
+ child.offsetX = childX;
+ child.flipOffset.x = childX - child.desiredSize.width / 2;
+ }
+ if (flip === 'Vertical' || flip === 'Both') {
+ child.offsetY = childY;
+ child.flipOffset.y = childY - child.desiredSize.height / 2;
+ }
+ if (child instanceof _core_containers_canvas__WEBPACK_IMPORTED_MODULE_27__["Canvas"] || child instanceof _core_containers_container__WEBPACK_IMPORTED_MODULE_4__["Container"]) {
+ alignElement(child, offsetX, offsetY, diagram, flip);
+ }
+ child.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](child.bounds.width, child.bounds.height));
+ child.arrange(child.desiredSize);
+ var node = diagram.nameTable[child.id];
+ if (node) {
+ diagram.updateConnectorEdges(node);
+ }
+ }
+ }
+};
+/** @private */
+var cloneSelectedObjects = function (diagram) {
+ var nodes = diagram.selectedItems.nodes;
+ var connectors = diagram.selectedItems.connectors;
+ var isProtectedOnChange = 'isProtectedOnChange';
+ var isEnableServerDatabind = diagram.allowServerDataBinding;
+ var isProtectedOnChangeValue = diagram[isProtectedOnChange];
+ diagram.protectPropertyChange(true);
+ diagram.allowServerDataBinding = false;
+ diagram.selectedItems.nodes = [];
+ diagram.selectedItems.connectors = [];
+ diagram.allowServerDataBinding = isEnableServerDatabind;
+ diagram.protectPropertyChange(isProtectedOnChangeValue);
+ var clonedSelectedItems = Object(_base_util__WEBPACK_IMPORTED_MODULE_20__["cloneObject"])(diagram.selectedItems);
+ for (var i = 0; i < nodes.length; i++) {
+ diagram.selectedItems.nodes.push(diagram.nameTable[nodes[i].id]);
+ }
+ for (var i = 0; i < connectors.length; i++) {
+ diagram.selectedItems.connectors.push(diagram.nameTable[connectors[i].id]);
+ }
+ return clonedSelectedItems;
+};
+/** @private */
+var updatePathElement = function (anglePoints, connector) {
+ var pathElement = new _core_elements_path_element__WEBPACK_IMPORTED_MODULE_8__["PathElement"]();
+ var pathseqData;
+ for (var j = 0; j < anglePoints.length - 1; j++) {
+ pathseqData = findPath(anglePoints[j], anglePoints[j + 1]);
+ pathElement.data = pathseqData[0];
+ pathElement.id = connector.id + '_' + (connector.shape.sequence);
+ pathElement.offsetX = pathseqData[1].x;
+ pathElement.offsetY = pathseqData[1].y;
+ pathElement.rotateAngle = 45;
+ pathElement.transform = _enum_enum__WEBPACK_IMPORTED_MODULE_7__["Transform"].Self;
+ }
+ return pathElement;
+};
+/** @private */
+var checkPort = function (node, element) {
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_13__["Node"]) {
+ for (var i = 0; i < node.ports.length; i++) {
+ if (node.ports[i].id === element.id.split('_')[1]) {
+ return true;
+ }
+ }
+ }
+ return false;
+};
+/** @private */
+var findPath = function (sourcePoint, targetPoint) {
+ var beginningpoint = { x: sourcePoint.x, y: sourcePoint.y };
+ var distance = findDistance(sourcePoint, targetPoint);
+ distance = Math.min(30, distance / 2);
+ var angle = Object(_connector__WEBPACK_IMPORTED_MODULE_18__["findAngle"])(sourcePoint, targetPoint);
+ var transferpt = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].transform({ x: beginningpoint.x, y: beginningpoint.y }, angle, distance);
+ var startpoint = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].transform({ x: transferpt.x, y: transferpt.y }, angle, -12);
+ var endpoint = _primitives_point__WEBPACK_IMPORTED_MODULE_6__["Point"].transform({ x: startpoint.x, y: startpoint.y }, angle, 12 * 2);
+ var path = 'M' + startpoint.x + ' ' + startpoint.y + ' L' + endpoint.x + ' ' + endpoint.y;
+ return [path, transferpt];
+};
+/** @private */
+var getConnectorDirection = function (src, tar) {
+ if (Math.abs(tar.x - src.x) > Math.abs(tar.y - src.y)) {
+ return src.x < tar.x ? 'Right' : 'Left';
+ }
+ else {
+ return src.y < tar.y ? 'Bottom' : 'Top';
+ }
+};
+/** @private */
+var findDistance = function (point1, point2) {
+ return Math.sqrt(Math.pow(point2.x - point1.x, 2) + Math.pow(point2.y - point1.y, 2));
+};
+/* eslint-enable */
+/**
+ * cloneBlazorObject method \
+ *
+ * @returns {Object} cloneBlazorObject method .\
+ * @param { object } args - provide the args value.
+ * @private
+ */
+// eslint-disable-next-line @typescript-eslint/ban-types
+function cloneBlazorObject(args) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_31__["isBlazor"])()) {
+ args = Object(_base_util__WEBPACK_IMPORTED_MODULE_20__["cloneObject"])(args);
+ }
+ return args;
+}
+/**
+ * checkBrowserInfo method \
+ *
+ * @returns {Object} checkBrowserInfo method .\
+ * @private
+ */
+function checkBrowserInfo() {
+ if ((navigator.platform.indexOf('Mac') >= 0 || navigator.platform.indexOf('iPad') >= 0
+ || navigator.platform.indexOf('iPhone') >= 0 || navigator.platform.indexOf('MacIntel') >= 0)
+ && (_ej2_base__WEBPACK_IMPORTED_MODULE_31__["Browser"].info.name === 'safari' || _ej2_base__WEBPACK_IMPORTED_MODULE_31__["Browser"].info.name === 'webkit')) {
+ return true;
+ }
+ return false;
+}
+/**
+ * canMeasureDecoratorPath method \
+ *
+ * @returns {boolean} canMeasureDecoratorPath method .\
+ * @param { string[] } objects - provide the args value.
+ * @private
+ */
+function canMeasureDecoratorPath(objects) {
+ if (objects.indexOf('shape') !== -1 || objects.indexOf('pathData') !== -1 ||
+ objects.indexOf('width') !== -1 || objects.indexOf('height') !== -1) {
+ return true;
+ }
+ return false;
+}
+/**
+ * getPreviewSize method \
+ *
+ * @returns {Size} getPreviewSize method .\
+ * @param { SymbolPaletteModel } sourceElement - provide the args value.
+ * @param { Node } clonedObject - provide the args value.
+ * @param { DiagramElement } wrapper - provide the args value.
+ * @private
+ */
+function getPreviewSize(sourceElement, clonedObject, wrapper) {
+ //let previewWidth: number;
+ //let previewHeight: number;
+ var previewWidth = getSymbolSize(sourceElement, clonedObject, wrapper, 'width');
+ var previewHeight = getSymbolSize(sourceElement, clonedObject, wrapper, 'height');
+ return new _primitives_size__WEBPACK_IMPORTED_MODULE_0__["Size"](previewWidth, previewHeight);
+}
+/**
+ * getSymbolSize method \
+ *
+ * @returns {number} getSymbolSize method .\
+ * @param { SymbolPaletteModel } sourceElement - provide the sourceElement value.
+ * @param { Node } clonedObject - provide the clonedObject value.
+ * @param { DiagramElement } wrapper - provide the wrapper value.
+ * @param { string } size - provide the size value.
+ * @private
+ */
+function getSymbolSize(sourceElement, clonedObject, wrapper, size) {
+ var previewSize = 0;
+ if (clonedObject.previewSize["" + size] !== undefined) {
+ previewSize = clonedObject.previewSize["" + size];
+ }
+ else if (sourceElement.symbolPreview["" + size] !== undefined) {
+ previewSize = sourceElement.symbolPreview["" + size];
+ }
+ else {
+ previewSize = clonedObject["" + size] || wrapper.actualSize["" + size];
+ }
+ return previewSize;
+}
+/**
+ * findParent method \
+ *
+ * @returns {string} findParent method .\
+ * @param { Node } clonedObject - provide the clonedObject value.
+ * @param { Diagram } wrapper - provide the diagram element.
+ * @param { string } size - provide the parent id.
+ * @private
+ */
+function findParentInSwimlane(node, diagram, parent) {
+ if (node && node.parentId) {
+ node = diagram.nameTable[node.parentId];
+ if (node.parentId) {
+ parent = findParentInSwimlane(node, diagram, parent);
+ }
+ else {
+ parent = node.id;
+ }
+ }
+ return parent;
+}
+/**
+ * selectionHasConnector method \
+ *
+ * @returns {boolean} selectionHasConnector method .\
+ * @param { Diagram } wrapper - provide the diagram element.
+ * @param { selector } size - provide the selector element.
+ * @private
+ */
+function selectionHasConnector(diagram, selector) {
+ if (diagram.selectedItems.connectors.length > 1 && diagram.selectedItems.nodes.length === 0 && selector.rotateAngle !== 0) {
+ return true;
+ }
+ return false;
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diff-map.js":
+/*!********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diff-map.js ***!
+ \********************************************************************************/
+/*! exports provided: DeepDiffMapper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DeepDiffMapper", function() { return DeepDiffMapper; });
+/* harmony import */ var _core_elements_text_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _base_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+
+
+
+
+/**
+ * Defines the behavior of commands
+ */
+/* eslint-disable */
+var DeepDiffMapper = /** @__PURE__ @class */ (function () {
+ function DeepDiffMapper() {
+ this.valueCreated = 'created';
+ this.valueUpdated = "updated";
+ this.valueDeleted = "deleted";
+ this.valueUnchanged = "unchanged";
+ /** @private */
+ this.newNodeObject = [];
+ /** @private */
+ this.newConnectorObject = [];
+ /** @private */
+ this.diagramObject = {};
+ /* eslint-enable */
+ }
+ /** @private */
+ DeepDiffMapper.prototype.updateObjectCollection = function (layers, diagram) {
+ for (var i = 0; i < layers.length; i++) {
+ if (layers[i]['objects']) {
+ layers[i]['objects'] = (diagram.layers[i].objects);
+ }
+ else {
+ layers[i]['objects'] = [];
+ layers[i]['objects'] = diagram.layers[i].objects;
+ }
+ }
+ };
+ /** @private */
+ DeepDiffMapper.prototype.getOldObject = function (id, isNode, diagram) {
+ var oldObject = isNode ? diagram.oldNodeObjects : diagram.oldConnectorObjects;
+ for (var i = 0; i < oldObject.length; i++) {
+ if (oldObject[i].id === id) {
+ return oldObject[i];
+ }
+ }
+ return undefined;
+ };
+ /** @private */
+ DeepDiffMapper.prototype.changeSegments = function (diff, newObject) {
+ for (var _i = 0, _a = Object.keys(diff); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ if (prop === 'segments') {
+ var seg = this.removeNullValues(newObject[prop]);
+ diff[prop] = seg;
+ }
+ }
+ return diff;
+ };
+ DeepDiffMapper.prototype.removeNullValues = function (segments) {
+ var newSegments = [];
+ var seg = {};
+ for (var i = 0; i < segments.length; i++) {
+ seg = this.removeNullObjectValues(segments[i]);
+ newSegments.push(seg);
+ }
+ return newSegments;
+ };
+ ;
+ /** @private */
+ DeepDiffMapper.prototype.removeNullObjectValues = function (segment) {
+ var newSegObject = {};
+ for (var _i = 0, _a = Object.keys(segment); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ if (segment[prop] !== undefined) {
+ newSegObject[prop] = (segment[prop] instanceof Object) ? this.removeNullObjectValues(segment[prop]) : segment[prop];
+ }
+ }
+ return newSegObject;
+ };
+ ;
+ /** @private */
+ DeepDiffMapper.prototype.getDifferenceValues = function (selectedObject, args, labelDrag, diagram) {
+ var diffValue;
+ var diff;
+ var result;
+ var isNode = selectedObject instanceof _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"];
+ var oldObject;
+ if (selectedObject) {
+ oldObject = isNode ? this.getOldObject(selectedObject.id, true, diagram) : this.getOldObject(selectedObject.id, false, diagram);
+ if (oldObject) {
+ var newObject = Object(_base_util__WEBPACK_IMPORTED_MODULE_2__["cloneObject"])(selectedObject);
+ result = this.map(newObject, oldObject);
+ diffValue = this.frameObject({}, result);
+ diff = this.removeEmptyValues(diffValue);
+ diff = this.changeSegments(diff, newObject);
+ if (diff.children) {
+ diff.children = Object(_base_util__WEBPACK_IMPORTED_MODULE_2__["cloneObject"])(selectedObject).children;
+ }
+ if (diff.ports && diff.ports.length) {
+ for (var i = 0; i < diff.ports.length; i++) {
+ if (newObject.ports[i].outEdges) {
+ diff.ports[i].outEdges = newObject.ports[i].outEdges;
+ }
+ if (newObject.ports[i].inEdges) {
+ diff.ports[i].inEdges = newObject.ports[i].inEdges;
+ }
+ }
+ }
+ return this.getDiagramObjects(diff, selectedObject.id, isNode, args, labelDrag, diagram);
+ }
+ }
+ };
+ /** @private */
+ DeepDiffMapper.prototype.getLayerObject = function (oldDiagram, temp, diagram) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_3__["isBlazor"])()) {
+ var diffLayers = {};
+ diffLayers['layers'] = [];
+ var newDiagram = {};
+ newDiagram['layers'] = [];
+ for (var i = 0; i < diagram.layers.length; i++) {
+ newDiagram['layers'].push(Object(_base_util__WEBPACK_IMPORTED_MODULE_2__["cloneObject"])(diagram.layers[i]));
+ }
+ var result = void 0;
+ for (var i = 0; i < newDiagram['layers'].length; i++) {
+ if (!temp) {
+ result = this.map(Object(_base_util__WEBPACK_IMPORTED_MODULE_2__["cloneObject"])(newDiagram['layers'][i]), oldDiagram['layers'][i]);
+ }
+ else {
+ result = this.map(oldDiagram['layers'][i], Object(_base_util__WEBPACK_IMPORTED_MODULE_2__["cloneObject"])(newDiagram['layers'][i]));
+ }
+ var diffValue = this.frameObject({}, result);
+ var diff = this.removeEmptyValues(diffValue);
+ diffLayers['layers'][i] = diff;
+ }
+ this.updateObjectCollection(diffLayers['layers'], diagram);
+ return diffLayers;
+ }
+ };
+ /** @private */
+ DeepDiffMapper.prototype.getDiagramObjects = function (diffValue, object, isNode, args, labelDrag, diagram) {
+ var index = 0;
+ index = Object(_base_util__WEBPACK_IMPORTED_MODULE_2__["getIndex"])(diagram, object);
+ diffValue.sfIndex = index;
+ if (isNode) {
+ this.newNodeObject.push(diffValue);
+ }
+ else {
+ this.newConnectorObject.push(diffValue);
+ }
+ if (args && (((args.sourceWrapper instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_0__["TextElement"]) && labelDrag) || args.portId)) {
+ var tempObject = void 0;
+ var objectValue = void 0;
+ if (isNode) {
+ objectValue = args.portId ? this.newNodeObject[0].ports : this.newNodeObject[0].annotations;
+ }
+ else {
+ objectValue = this.newConnectorObject[0].annotations || [];
+ }
+ for (var i = 0; i < objectValue.length; i++) {
+ if (Object.keys(objectValue[i]).length > 0) {
+ var selectedObject = diagram.nameTable[object];
+ tempObject = objectValue[i];
+ if (args.portId) {
+ this.newNodeObject[0].ports = [tempObject];
+ }
+ else {
+ for (var j = 0; j < selectedObject.annotations.length; j++) {
+ if (args.sourceWrapper.id === selectedObject.id + "_" + selectedObject.annotations[j].id) {
+ tempObject.sfIndex = j;
+ }
+ }
+ if (isNode) {
+ this.newNodeObject[0].annotations = [tempObject];
+ }
+ else {
+ this.newConnectorObject[0].annotations = [tempObject];
+ }
+ }
+ }
+ }
+ }
+ this.diagramObject = { nodes: this.newNodeObject, connectors: this.newConnectorObject };
+ //return returnValue;
+ };
+ DeepDiffMapper.prototype.removeArrayValues = function (obj) {
+ var newObj = [];
+ var value = JSON.stringify(obj);
+ if (!(value === JSON.stringify({ 'data': [] }))) {
+ for (var i = 0; i < obj.length; i++) {
+ if (obj[i] instanceof Object) {
+ var newValue = this.removeEmptyValues(obj[i]);
+ newObj.push(newValue);
+ }
+ else {
+ newObj.push(obj[i]);
+ }
+ }
+ }
+ return newObj;
+ };
+ /** @private */
+ DeepDiffMapper.prototype.removeEmptyValues = function (frame) {
+ var newObj = {};
+ for (var _i = 0, _a = Object.keys(frame); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ if (prop !== 'wrapper' && (prop !== 'data' || (prop === 'data' && !(frame[prop] instanceof Array)))) {
+ var obj = frame[prop];
+ var value = JSON.stringify(obj);
+ if (obj instanceof Array) {
+ var newValue = this.removeArrayValues(obj);
+ if (JSON.stringify(newValue) !== '[]') {
+ newObj[prop] = newValue;
+ }
+ }
+ else {
+ if (obj instanceof Object) {
+ if (!(value === JSON.stringify({ 'data': [] }))) {
+ var newValue = this.removeEmptyValues(obj);
+ if (JSON.stringify(newValue) !== '{}') {
+ newObj[prop] = newValue;
+ }
+ }
+ }
+ else {
+ if (!(value === JSON.stringify(['data']) || value === JSON.stringify('data')
+ || value === JSON.stringify({ 'data': [] }))) {
+ if (prop !== 'version' && prop !== 'ejsAction') {
+ newObj[prop] = frame[prop];
+ }
+ }
+ }
+ }
+ }
+ }
+ return newObj;
+ };
+ DeepDiffMapper.prototype.map = function (obj1, obj2, arrayName) {
+ if (this.isFunction(obj1) || this.isFunction(obj2)) {
+ throw 'Invalid argument. Function given, object expected.';
+ }
+ if (this.isValue(obj1) || this.isValue(obj2)) {
+ return {
+ type: this.compareValues(obj1, obj2),
+ data: obj1 === undefined ? obj2 : obj1
+ };
+ }
+ var diff = {};
+ if (this.isArray(obj1)) {
+ for (var i_1 = 0; i_1 < obj1.length; i_1++) {
+ if (!diff[arrayName]) {
+ diff[arrayName] = [];
+ }
+ var ss = this.map(obj1[i_1], obj2[i_1]);
+ diff[arrayName].push(ss);
+ }
+ }
+ else {
+ for (var key in obj1) {
+ if (this.isFunction(obj1[key])) {
+ continue;
+ }
+ var value2 = undefined;
+ if (obj2[key] !== undefined) {
+ value2 = obj2[key];
+ }
+ var kk = this.map(obj1[key], value2, this.isArray(value2) ? key : undefined);
+ if (this.isArray(value2)) {
+ diff[key] = kk[key];
+ }
+ else {
+ diff[key] = kk;
+ }
+ }
+ }
+ if (this.isArray(obj2)) {
+ for (var i = obj2.length - 1; i >= 0; i--) {
+ if (!diff[arrayName]) {
+ diff[arrayName] = [];
+ }
+ if (this.isFunction(obj2[i]) || diff[arrayName][i] !== undefined) {
+ if (diff[arrayName][i].type && diff[arrayName][i].type !== this.valueUpdated) {
+ delete diff[arrayName];
+ }
+ continue;
+ }
+ var ss = this.map(undefined, obj2[i]);
+ diff[arrayName][i] = ss;
+ }
+ }
+ else {
+ for (var key in obj2) {
+ if (this.isFunction(obj2[key]) || diff[key] !== undefined) {
+ if (diff[key].type && ((diff[key].type !== this.valueUpdated) && (diff[key].type !== this.valueDeleted))) {
+ delete diff[key];
+ }
+ continue;
+ }
+ var kk = this.map(undefined, obj2[key]);
+ diff[key] = kk;
+ }
+ }
+ return diff;
+ };
+ DeepDiffMapper.prototype.compareValues = function (value1, value2) {
+ if (value1 === value2) {
+ return this.valueUnchanged;
+ }
+ if (this.isDate(value1) && this.isDate(value2) && value1.getTime() === value2.getTime()) {
+ return this.valueUnchanged;
+ }
+ if (value1 === undefined) {
+ return this.valueCreated;
+ }
+ if (value2 === undefined) {
+ return this.valueDeleted;
+ }
+ return this.valueUpdated;
+ };
+ DeepDiffMapper.prototype.isFunction = function (x) {
+ return Object.prototype.toString.call(x) === '[object Function]';
+ };
+ DeepDiffMapper.prototype.isArray = function (x) {
+ return Object.prototype.toString.call(x) === '[object Array]';
+ };
+ DeepDiffMapper.prototype.isDate = function (x) {
+ return Object.prototype.toString.call(x) === '[object Date]';
+ };
+ DeepDiffMapper.prototype.isObject = function (x) {
+ return Object.prototype.toString.call(x) === '[object Object]';
+ };
+ DeepDiffMapper.prototype.isValue = function (x) {
+ return !this.isObject(x) && !this.isArray(x);
+ };
+ DeepDiffMapper.prototype.frameObject = function (final, obj) {
+ for (var key in obj) {
+ if (this.isArray(obj[key])) {
+ if (!final[key]) {
+ final[key] = [];
+ }
+ for (var i = 0; i < obj[key].length; i++) {
+ var kk = this.frameObject({}, obj[key][i]);
+ final[key].push(kk);
+ }
+ }
+ else {
+ if ((key != 'type') || (key == 'type' && (obj[key] !== this.valueUpdated && obj[key] !== this.valueUnchanged && obj[key] !== this.valueDeleted && obj[key] !== this.valueCreated))) {
+ if (this.isFunction(obj[key])) {
+ continue;
+ }
+ if (this.isValue(obj[key])) {
+ return obj['data'];
+ }
+ else {
+ var kk = this.frameObject({}, obj[key]);
+ if (this.isValue(kk) || Object.keys(kk).length > 0) {
+ final[key] = kk;
+ }
+ }
+ }
+ }
+ }
+ return final;
+ };
+ return DeepDiffMapper;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js":
+/*!********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js ***!
+ \********************************************************************************/
+/*! exports provided: removeElementsByClass, findSegmentPoints, getChildNode, translatePoints, measurePath, measureHtmlText, measureText, measureImage, measureNativeContent, measureNativeSvg, updatePath, getDiagramLayerSvg, getDiagramElement, getDomIndex, getAdornerLayerSvg, getSelectorElement, getAdornerLayer, getUserHandleLayer, getDiagramLayer, getPortLayerSvg, getNativeLayerSvg, getGridLayerSvg, getBackgroundLayerSvg, getBackgroundImageLayer, getBackgroundLayer, getGridLayer, getNativeLayer, getHTMLLayer, createHtmlElement, createSvgElement, parentsUntil, hasClass, getScrollerWidth, addTouchPointer, removeElement, getContent, setAttributeSvg, applyStyleAgainstCsp, setAttributeHtml, createMeasureElements, setChildPosition, getTemplateContent, createUserHandleTemplates */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeElementsByClass", function() { return removeElementsByClass; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findSegmentPoints", function() { return findSegmentPoints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getChildNode", function() { return getChildNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "translatePoints", function() { return translatePoints; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "measurePath", function() { return measurePath; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "measureHtmlText", function() { return measureHtmlText; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "measureText", function() { return measureText; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "measureImage", function() { return measureImage; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "measureNativeContent", function() { return measureNativeContent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "measureNativeSvg", function() { return measureNativeSvg; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updatePath", function() { return updatePath; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDiagramLayerSvg", function() { return getDiagramLayerSvg; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDiagramElement", function() { return getDiagramElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDomIndex", function() { return getDomIndex; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getAdornerLayerSvg", function() { return getAdornerLayerSvg; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSelectorElement", function() { return getSelectorElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getAdornerLayer", function() { return getAdornerLayer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getUserHandleLayer", function() { return getUserHandleLayer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDiagramLayer", function() { return getDiagramLayer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPortLayerSvg", function() { return getPortLayerSvg; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getNativeLayerSvg", function() { return getNativeLayerSvg; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGridLayerSvg", function() { return getGridLayerSvg; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBackgroundLayerSvg", function() { return getBackgroundLayerSvg; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBackgroundImageLayer", function() { return getBackgroundImageLayer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBackgroundLayer", function() { return getBackgroundLayer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGridLayer", function() { return getGridLayer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getNativeLayer", function() { return getNativeLayer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getHTMLLayer", function() { return getHTMLLayer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createHtmlElement", function() { return createHtmlElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createSvgElement", function() { return createSvgElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parentsUntil", function() { return parentsUntil; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hasClass", function() { return hasClass; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getScrollerWidth", function() { return getScrollerWidth; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addTouchPointer", function() { return addTouchPointer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeElement", function() { return removeElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getContent", function() { return getContent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setAttributeSvg", function() { return setAttributeSvg; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "applyStyleAgainstCsp", function() { return applyStyleAgainstCsp; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setAttributeHtml", function() { return setAttributeHtml; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createMeasureElements", function() { return createMeasureElements; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setChildPosition", function() { return setChildPosition; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTemplateContent", function() { return getTemplateContent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createUserHandleTemplates", function() { return createUserHandleTemplates; });
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _path_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./path-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/path-util.js");
+/* harmony import */ var _base_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _primitives_matrix__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../primitives/matrix */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/matrix.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _diagram_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+
+
+
+
+
+
+
+
+
+/**
+ * Defines the functionalities that need to access DOM
+ */
+/**
+ * removeElementsByClass method \
+ *
+ * @returns {void} removeElementsByClass method .\
+ * @param { string } className - provide the element value.
+ * @param {string} id - provide the string value.
+ * @private
+ */
+function removeElementsByClass(className, id) {
+ var elements;
+ if (id && document.getElementById(id).classList.contains(className)) {
+ elements = document.getElementById(id).getElementsByClassName(className);
+ }
+ else {
+ elements = document.getElementsByClassName(className);
+ }
+ while (elements.length > 0) {
+ elements[0].parentNode.removeChild(elements[0]);
+ }
+}
+/**
+ * findSegmentPoints method \
+ *
+ * @returns {PointModel[]} findSegmentPoints method .\
+ * @param { PathElement } element - provide the element value.
+ * @private
+ */
+function findSegmentPoints(element) {
+ var pts = [];
+ var sample;
+ var sampleLength;
+ var measureWindowElement = 'measureElement';
+ window["" + measureWindowElement].style.visibility = 'visible';
+ var svg = window["" + measureWindowElement].children[2];
+ var pathNode = getChildNode(svg)[0];
+ pathNode.setAttributeNS(null, 'd', element.data);
+ var pathBounds = element.absoluteBounds; // || pathNode.getBBox();
+ var pathData = updatePath(element, pathBounds, element);
+ pathNode.setAttributeNS(null, 'd', pathData);
+ var pathLength = pathNode.getTotalLength();
+ for (sampleLength = 0; sampleLength <= pathLength; sampleLength += 10) {
+ sample = pathNode.getPointAtLength(sampleLength);
+ pts.push({ x: sample.x, y: sample.y });
+ }
+ window["" + measureWindowElement].style.visibility = 'hidden';
+ return pts;
+}
+/**
+ * getChildNode method \
+ *
+ * @returns {SVGElement[] | HTMLCollection} findSegmentPoints method .\
+ * @param { SVGElement } node - provide the element value.
+ * @private
+ */
+function getChildNode(node) {
+ var child;
+ var collection = [];
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_5__["Browser"].info.name === 'msie' || _ej2_base__WEBPACK_IMPORTED_MODULE_5__["Browser"].info.name === 'edge') {
+ for (var i = 0; i < node.childNodes.length; i++) {
+ child = node.childNodes[parseInt(i.toString(), 10)];
+ if (child.nodeType === 1) {
+ collection.push(child);
+ }
+ }
+ }
+ else {
+ collection = node.children;
+ }
+ return collection;
+}
+/**
+ * translatePoints method \
+ *
+ * @returns {PointModel[]} translatePoints method .\
+ * @param { SVGElement } element - provide the element value.
+ * @param { PointModel[] } points - provide the element value.
+ * @private
+ */
+function translatePoints(element, points) {
+ var translatedPts = [];
+ for (var _i = 0, points_1 = points; _i < points_1.length; _i++) {
+ var point = points_1[_i];
+ var pt1 = {
+ x: element.offsetX - element.actualSize.width * element.pivot.x + point.x,
+ y: element.offsetY - element.actualSize.height * element.pivot.y + point.y
+ };
+ var matrix = void 0;
+ var angle = element.rotateAngle + element.parentTransform;
+ if (angle) {
+ matrix = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["identityMatrix"])();
+ Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["rotateMatrix"])(matrix, angle, element.offsetX, element.offsetY);
+ }
+ if (matrix) {
+ pt1 = Object(_primitives_matrix__WEBPACK_IMPORTED_MODULE_4__["transformPointByMatrix"])(matrix, pt1);
+ }
+ translatedPts.push(pt1);
+ }
+ return translatedPts;
+}
+/**
+ * measurePath method \
+ *
+ * @returns {Rect} measurePath method .\
+ * @param { string } data - provide the element value.
+ * @private
+ */
+function measurePath(data) {
+ if (data) {
+ var measureWindowElement = 'measureElement';
+ window["" + measureWindowElement].style.visibility = 'visible';
+ var svg = window["" + measureWindowElement].children[2];
+ var element = getChildNode(svg)[0];
+ element.setAttribute('d', data);
+ var bounds = element.getBBox();
+ var svgBounds = new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](bounds.x, bounds.y, bounds.width, bounds.height);
+ window["" + measureWindowElement].style.visibility = 'hidden';
+ return svgBounds;
+ }
+ return new _primitives_rect__WEBPACK_IMPORTED_MODULE_0__["Rect"](0, 0, 0, 0);
+}
+/**
+ * getTextOptions method \
+ *
+ * @returns {BaseAttributes} getTextOptions method .\
+ * @param { TextElement } element - provide the element value.
+ * @param { number } maxWidth - provide the maxWidth value.
+ * @private
+ */
+function getTextOptions(element, maxWidth) {
+ var options = {
+ fill: element.style.fill, stroke: element.style.strokeColor, angle: element.rotateAngle + element.parentTransform,
+ pivotX: element.pivot.x, pivotY: element.pivot.y, strokeWidth: element.style.strokeWidth,
+ dashArray: element.style.strokeDashArray, opacity: element.style.opacity, shadow: element.shadow,
+ gradient: element.style.gradient, visible: element.visible, id: element.id, description: element.description,
+ width: maxWidth || element.actualSize.width, height: element.actualSize.height,
+ x: element.offsetX - element.actualSize.width * element.pivot.x + 0.5,
+ y: element.offsetY - element.actualSize.height * element.pivot.y + 0.5
+ };
+ options.fontSize = element.style.fontSize;
+ options.fontFamily = element.style.fontFamily;
+ options.textOverflow = element.style.textOverflow;
+ options.textDecoration = element.style.textDecoration;
+ options.doWrap = element.doWrap;
+ options.whiteSpace = Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["whiteSpaceToString"])(element.style.whiteSpace, element.style.textWrapping);
+ options.content = element.content;
+ options.textWrapping = element.style.textWrapping;
+ options.breakWord = Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["wordBreakToString"])(element.style.textWrapping);
+ options.textAlign = Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["textAlignToString"])(element.style.textAlign);
+ options.color = element.style.color;
+ options.italic = element.style.italic;
+ options.bold = element.style.bold;
+ options.dashArray = '';
+ options.strokeWidth = 0;
+ options.fill = '';
+ return options;
+}
+/**
+ * wrapSvgText method \
+ *
+ * @returns {SubTextElement[]} wrapSvgText method .\
+ * @param { TextAttributes } text - provide the element value.
+ * @param { string } textValue - provide the maxWidth value.
+ * @param { number } laneWidth - provide the maxWidth value.
+ * @private
+ */
+function wrapSvgText(text, textValue, laneWidth) {
+ var childNodes = [];
+ var k = 0;
+ var txtValue;
+ var bounds1;
+ var content = textValue || text.content;
+ if (text.whiteSpace !== 'nowrap' && text.whiteSpace !== 'pre') {
+ if (text.breakWord === 'breakall') {
+ txtValue = '';
+ txtValue += content[0];
+ for (k = 0; k < content.length; k++) {
+ bounds1 = Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["bBoxText"])(txtValue, text);
+ if (bounds1 >= text.width && txtValue.length > 0) {
+ childNodes[childNodes.length] = { text: txtValue, x: 0, dy: 0, width: bounds1 };
+ txtValue = '';
+ }
+ else {
+ txtValue = txtValue + (content[k + 1] || '');
+ if (txtValue.indexOf('\n') > -1) {
+ childNodes[childNodes.length] = { text: txtValue, x: 0, dy: 0, width: Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["bBoxText"])(txtValue, text) };
+ txtValue = '';
+ }
+ var width = Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["bBoxText"])(txtValue, text);
+ if (Math.ceil(width) + 2 >= text.width && txtValue.length > 0) {
+ childNodes[childNodes.length] = { text: txtValue, x: 0, dy: 0, width: width };
+ txtValue = '';
+ }
+ if (k === content.length - 1 && txtValue.length > 0) {
+ childNodes[childNodes.length] = { text: txtValue, x: 0, dy: 0, width: width };
+ txtValue = '';
+ }
+ }
+ }
+ }
+ else {
+ childNodes = wordWrapping(text, textValue, laneWidth);
+ }
+ }
+ else {
+ childNodes[childNodes.length] = { text: content, x: 0, dy: 0, width: Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["bBoxText"])(content, text) };
+ }
+ return childNodes;
+}
+/**
+ * wordWrapping method \
+ *
+ * @returns {SubTextElement[]} wordWrapping method .\
+ * @param { TextAttributes } text - provide the element value.
+ * @param { string } textValue - provide the maxWidth value.
+ * @param { number } laneWidth - provide the maxWidth value.
+ * @private
+ */
+function wordWrapping(text, textValue, laneWidth) {
+ var childNodes = [];
+ var txtValue = '';
+ var j = 0;
+ var i = 0;
+ var wrap = text.whiteSpace !== 'nowrap' ? true : false;
+ var content = textValue || text.content;
+ var eachLine = content.split('\n');
+ var txt;
+ var words;
+ var newText;
+ var existingWidth;
+ var existingText;
+ for (j = 0; j < eachLine.length; j++) {
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ txt = '';
+ words = text.textWrapping !== 'NoWrap' ? eachLine[parseInt(j.toString(), 10)].split(' ') : (text.textWrapping === 'NoWrap') ? [eachLine[parseInt(j.toString(), 10)]] : eachLine;
+ for (i = 0; i < words.length; i++) {
+ txtValue += (((i !== 0 || words.length === 1) && wrap && txtValue.length > 0) ? ' ' : '') + words[parseInt(i.toString(), 10)];
+ newText = txtValue + ' ' + (words[i + 1] || '');
+ var width = Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["bBoxText"])(newText, text);
+ if (Math.floor(width) > (laneWidth || text.width) - 2 && txtValue.length > 0) {
+ childNodes[childNodes.length] = {
+ text: txtValue, x: 0, dy: 0,
+ width: newText === txtValue ? width : (txtValue === existingText) ? existingWidth : Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["bBoxText"])(txtValue, text)
+ };
+ txtValue = '';
+ }
+ else {
+ if (i === words.length - 1) {
+ childNodes[childNodes.length] = { text: txtValue, x: 0, dy: 0, width: width };
+ txtValue = '';
+ }
+ }
+ existingText = newText;
+ existingWidth = width;
+ }
+ }
+ return childNodes;
+}
+/**
+ * wrapSvgTextAlign method \
+ *
+ * @returns {TextBounds} wrapSvgTextAlign method .\
+ * @param { TextAttributes } text - provide the element value.
+ * @param { string } childNodes - provide the maxWidth value.
+ * @private
+ */
+function wrapSvgTextAlign(text, childNodes) {
+ var wrapBounds = { x: 0, width: 0 };
+ var k = 0;
+ var txtWidth;
+ var width;
+ for (k = 0; k < childNodes.length; k++) {
+ txtWidth = childNodes[parseInt(k.toString(), 10)].width;
+ width = txtWidth;
+ if (text.textAlign === 'left') {
+ txtWidth = 0;
+ }
+ else if (text.textAlign === 'center') {
+ if (txtWidth > text.width && (text.textOverflow === 'Ellipsis' || text.textOverflow === 'Clip')) {
+ txtWidth = 0;
+ }
+ else {
+ txtWidth = -txtWidth / 2;
+ }
+ }
+ else if (text.textAlign === 'right') {
+ txtWidth = -txtWidth;
+ }
+ else {
+ txtWidth = childNodes.length > 1 ? 0 : -txtWidth / 2;
+ }
+ childNodes[parseInt(k.toString(), 10)].dy = text.fontSize * 1.2;
+ childNodes[parseInt(k.toString(), 10)].x = txtWidth;
+ if (!wrapBounds) {
+ wrapBounds = {
+ x: txtWidth,
+ width: width
+ };
+ }
+ else {
+ wrapBounds.x = Math.min(wrapBounds.x, txtWidth);
+ wrapBounds.width = Math.max(wrapBounds.width, width);
+ }
+ }
+ return wrapBounds;
+}
+/**
+ * measureHtmlText method \
+ *
+ * @returns {TextBounds} measureHtmlText method .\
+ * @param { TextStyleModel } style - provide the style value.
+ * @param { string } content - provide the content value.
+ * @param { string } width - provide the width value.
+ * @param { string } height - provide the height value.
+ * @param { string } maxWidth - provide the maxWidth value.
+ * @private
+ */
+function measureHtmlText(style, content, width, height, maxWidth) {
+ var bounds = new _primitives_size__WEBPACK_IMPORTED_MODULE_1__["Size"]();
+ var text = createHtmlElement('span', { 'style': 'display:inline-block; line-height: normal' });
+ if (style.bold) {
+ text.style.fontWeight = 'bold';
+ }
+ if (style.italic) {
+ text.style.fontStyle = 'italic';
+ }
+ if (width !== undefined) {
+ text.style.width = width.toString() + 'px';
+ }
+ if (height !== undefined) {
+ text.style.height = height.toString() + 'px';
+ }
+ if (maxWidth !== undefined) {
+ text.style.maxWidth = maxWidth.toString() + 'px';
+ }
+ text.style.fontFamily = style.fontFamily;
+ text.style.fontSize = style.fontSize + 'px';
+ text.style.color = style.color;
+ text.textContent = content;
+ text.style.whiteSpace = Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["whiteSpaceToString"])(style.whiteSpace, style.textWrapping);
+ if (maxWidth !== undefined) {
+ text.style.wordBreak = 'break-word';
+ }
+ else {
+ text.style.wordBreak = Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["wordBreakToString"])(style.textWrapping);
+ }
+ document.body.appendChild(text);
+ bounds.width = text.offsetWidth;
+ bounds.height = text.offsetHeight;
+ document.body.removeChild(text);
+ return bounds;
+}
+/**
+ * measureText method \
+ *
+ * @returns {Size} measureText method .\
+ * @param { TextStyleModel } text - provide the text value.
+ * @param { string } style - provide the style value.
+ * @param { string } content - provide the content value.
+ * @param { number } maxWidth - provide the maxWidth value.
+ * @param { string } textValue - provide the textValue value.
+ * @private
+ */
+function measureText(text, style, content, maxWidth, textValue) {
+ var bounds = new _primitives_size__WEBPACK_IMPORTED_MODULE_1__["Size"](0, 0);
+ var childNodes;
+ var wrapBounds;
+ var options = getTextOptions(text, maxWidth);
+ text.childNodes = childNodes = wrapSvgText(options, textValue, text.isLaneOrientation ? maxWidth : undefined);
+ text.wrapBounds = wrapBounds = wrapSvgTextAlign(options, childNodes);
+ bounds.width = wrapBounds.width;
+ if (text.wrapBounds.width >= maxWidth && options.textOverflow !== 'Wrap') {
+ bounds.width = maxWidth;
+ }
+ bounds.height = childNodes.length * text.style.fontSize * 1.2;
+ return bounds;
+}
+/**
+ * measureImage method \
+ *
+ * @returns {Size} measureImage method .\
+ * @param { string } source - provide the text value.
+ * @param { Size } contentSize - provide the style value.
+ * @param { string } id - provide the content value.
+ * @param { Function } callback - provide the maxWidth value.
+ * @private
+ */
+// eslint-disable-next-line
+function measureImage(source, contentSize, id, callback) {
+ var measureWindowElement = 'measureElement';
+ window["" + measureWindowElement].style.visibility = 'visible';
+ var imageElement = window["" + measureWindowElement].children[1];
+ imageElement.setAttribute('src', source);
+ var bounds = imageElement.getBoundingClientRect();
+ var width = bounds.width;
+ var height = bounds.height;
+ contentSize = new _primitives_size__WEBPACK_IMPORTED_MODULE_1__["Size"](width, height);
+ window["" + measureWindowElement].style.visibility = 'hidden';
+ var element = document.createElement('img');
+ element.setAttribute('src', source);
+ setAttributeHtml(element, { id: id + 'sf-imageNode', style: 'display: none;' });
+ document.body.appendChild(element);
+ // eslint-disable-next-line
+ element.onload = function (event) {
+ var loadedImage = event.currentTarget;
+ if (callback) {
+ callback(id, { width: loadedImage.width, height: loadedImage.height });
+ }
+ };
+ return contentSize;
+}
+/* eslint-disable */
+/**
+ * measureNativeContent method \
+ *
+ * @returns {Rect} measureNativeContent method .\
+ * @param { SVGElement } nativeContent - provide the text value.
+ * @private
+ */
+function measureNativeContent(nativeContent) {
+ var measureWindowElement = 'measureElement';
+ window[measureWindowElement].style.visibility = 'visible';
+ var nativeSVG = window[measureWindowElement].children[2];
+ nativeSVG.appendChild(nativeContent);
+ var bounds = nativeContent.getBoundingClientRect();
+ var svgBounds = nativeSVG.getBoundingClientRect();
+ var rect = bounds;
+ rect.x = bounds.left - svgBounds.left;
+ rect.y = bounds.top - svgBounds.top;
+ nativeSVG.removeChild(nativeContent);
+ window[measureWindowElement].style.visibility = 'hidden';
+ return rect;
+}
+/**
+ * measureNativeSvg method \
+ *
+ * @returns {Rect} measureNativeSvg method .\
+ * @param { SVGElement } nativeContent - provide the text value.
+ * @private
+ */
+function measureNativeSvg(nativeContent) {
+ var measureWindowElement = 'measureElement';
+ window[measureWindowElement].style.visibility = 'visible';
+ var nativeSVG = window[measureWindowElement].children[2];
+ nativeSVG.appendChild(nativeContent);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var svgBounds = nativeSVG.getBoundingClientRect();
+ nativeSVG.removeChild(nativeContent);
+ window[measureWindowElement].style.visibility = 'hidden';
+ return svgBounds;
+}
+/**
+ * updatePath method \
+ *
+ * @returns {string} updatePath method .\
+ * @param { SVGElement } element - provide the element value.
+ * @param { Rect } bounds - provide the bounds value.
+ * @param { PathElement } child - provide the child value.
+ * @param { BaseAttributes } options - provide the options value.
+ * @private
+ */
+function updatePath(element, bounds, child, options) {
+ var initX = 0;
+ var initY = 0;
+ var scaleX = 0;
+ var scaleY = 0;
+ var isScale = false;
+ var newPathString = '';
+ var arrayCollection = [];
+ var bBox = bounds;
+ if (initX !== bBox.x || initY !== bBox.y) {
+ scaleX = initX - Number(bBox.x);
+ scaleY = initY - Number(bBox.y);
+ }
+ if (element.actualSize.width !== bBox.width || element.actualSize.height !== bBox.height || options) {
+ scaleX = (options && options.width || element.actualSize.width) / Number(bBox.width ? bBox.width : 1);
+ scaleY = (options && options.height || element.actualSize.height) / Number(bBox.height ? bBox.height : 1);
+ isScale = true;
+ }
+ arrayCollection = Object(_path_util__WEBPACK_IMPORTED_MODULE_2__["processPathData"])(element.data);
+ arrayCollection = Object(_path_util__WEBPACK_IMPORTED_MODULE_2__["splitArrayCollection"])(arrayCollection);
+ newPathString = Object(_path_util__WEBPACK_IMPORTED_MODULE_2__["transformPath"])(arrayCollection, scaleX, scaleY, isScale, bBox.x, bBox.y, initX, initY);
+ isScale = false;
+ return newPathString;
+}
+/**
+ * getDiagramLayerSvg method \
+ *
+ * @returns {string} getDiagramLayerSvg method .\
+ * @param { string } diagramId - provide the element value.
+ * @private
+ */
+function getDiagramLayerSvg(diagramId) {
+ //let diagramLayerSvg: SVGSVGElement;
+ var diagramElement = getDiagramElement(diagramId);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var elementcoll = diagramElement.getElementsByClassName('e-diagram-layer');
+ var diagramLayerSvg = elementcoll[0];
+ return diagramLayerSvg;
+}
+/**
+ * getDiagramElement method \
+ *
+ * @returns {HTMLElement} getDiagramElement method .\
+ * @param { string } elementId - provide the elementId value.
+ * @param { string } contentId - provide the elementId value.
+ * @private
+ */
+function getDiagramElement(elementId, contentId) {
+ var diagramElement;
+ var element;
+ if (contentId) {
+ element = document.getElementById(contentId);
+ }
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_5__["Browser"].info.name === 'msie' || _ej2_base__WEBPACK_IMPORTED_MODULE_5__["Browser"].info.name === 'edge') {
+ diagramElement = (element) ? element.querySelector('#' + elementId) : document.getElementById(elementId);
+ }
+ else {
+ diagramElement = (element) ? element.querySelector('#' + CSS.escape(elementId)) : document.getElementById(elementId);
+ }
+ return diagramElement;
+}
+/**
+ * getDomIndex method \
+ *
+ * @returns {HTMLElement} getDomIndex method .\
+ * @param { string } viewId - provide the elementId value.
+ * @param { string } elementId - provide the elementId value.
+ * @param { string } layer - provide the elementId value.
+ * @private
+ */
+function getDomIndex(viewId, elementId, layer) {
+ var index = undefined;
+ var parentElement;
+ var postId = '';
+ if (layer === 'native') {
+ parentElement = getNativeLayer(viewId);
+ postId = '_content_groupElement';
+ }
+ else if (layer === 'html') {
+ parentElement = getHTMLLayer(viewId).childNodes[0];
+ postId = '_html_element';
+ }
+ else {
+ parentElement = getDiagramLayer(viewId);
+ postId = '_groupElement';
+ }
+ var childElement;
+ for (var i = 0; parentElement.childNodes && i < parentElement.childNodes.length; i++) {
+ childElement = parentElement.childNodes[i];
+ if (childElement && childElement.id === elementId + postId) {
+ index = i;
+ break;
+ }
+ }
+ return index;
+}
+/**
+ * getAdornerLayerSvg method \
+ *
+ * @returns {SVGSVGElement} getAdornerLayerSvg method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getAdornerLayerSvg(diagramId) {
+ var adornerLayerSvg = null;
+ var diagramElement = getDiagramElement(diagramId);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var elementcoll = diagramElement.getElementsByClassName('e-adorner-layer');
+ adornerLayerSvg = elementcoll[0];
+ return adornerLayerSvg;
+}
+/**
+ * getSelectorElement method \
+ *
+ * @returns {SVGSVGElement} getSelectorElement method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getSelectorElement(diagramId) {
+ var adornerLayer = null;
+ var adornerSvg = getAdornerLayerSvg(diagramId);
+ adornerLayer = adornerSvg.getElementById(diagramId + '_SelectorElement');
+ return adornerLayer;
+}
+/**
+ * getAdornerLayer method \
+ *
+ * @returns {SVGSVGElement} getAdornerLayer method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getAdornerLayer(diagramId) {
+ var adornerLayer = null;
+ var diagramAdornerSvg = getAdornerLayerSvg(diagramId);
+ adornerLayer = diagramAdornerSvg.getElementById(diagramId + '_diagramAdorner');
+ return adornerLayer;
+}
+/**
+ * getUserHandleLayer method \
+ *
+ * @returns {HTMLElement} getUserHandleLayer method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getUserHandleLayer(diagramId) {
+ var adornerLayer = null;
+ var diagramUserHandleLayer = getDiagramElement(diagramId);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var elementcoll = diagramUserHandleLayer.getElementsByClassName('e-userHandle-layer');
+ adornerLayer = elementcoll[0];
+ return adornerLayer;
+}
+/**
+ * getDiagramLayer method \
+ *
+ * @returns {HTMLElement} getDiagramLayer method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getDiagramLayer(diagramId) {
+ //let diagramLayer: SVGElement;
+ var diagramLayerSvg = getDiagramLayerSvg(diagramId);
+ var diagramLayer = diagramLayerSvg.getElementById(diagramId + '_diagramLayer');
+ return diagramLayer;
+}
+/**
+ * getPortLayerSvg method \
+ *
+ * @returns {SVGSVGElement} getPortLayerSvg method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getPortLayerSvg(diagramId) {
+ var adornerLayerSvg = null;
+ var diagramElement = getDiagramElement(diagramId);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var elementcoll = diagramElement.getElementsByClassName('e-ports-expand-layer');
+ adornerLayerSvg = elementcoll[0];
+ return adornerLayerSvg;
+}
+/**
+ * getNativeLayerSvg method \
+ *
+ * @returns {SVGSVGElement} getNativeLayerSvg method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getNativeLayerSvg(diagramId) {
+ var nativeLayerSvg;
+ var diagramElement = getDiagramElement(diagramId);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var elementcoll = diagramElement.getElementsByClassName('e-native-layer');
+ nativeLayerSvg = elementcoll[0];
+ return nativeLayerSvg;
+}
+/**
+ * getGridLayerSvg method \
+ *
+ * @returns {SVGSVGElement} getNativeLayerSvg method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getGridLayerSvg(diagramId) {
+ var gridLayerSvg = null;
+ var diagramElement = getDiagramElement(diagramId);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var elementcoll = diagramElement.getElementsByClassName('e-grid-layer');
+ gridLayerSvg = elementcoll[0];
+ return gridLayerSvg;
+}
+/**
+ * getBackgroundLayerSvg method \
+ *
+ * @returns {SVGSVGElement} getBackgroundLayerSvg method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getBackgroundLayerSvg(diagramId) {
+ var gridLayerSvg = null;
+ var diagramElement = getDiagramElement(diagramId);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var elementcoll = diagramElement.getElementsByClassName('e-background-layer');
+ return elementcoll[0].parentNode;
+}
+/**
+ * getBackgroundImageLayer method \
+ *
+ * @returns {SVGSVGElement} getBackgroundImageLayer method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getBackgroundImageLayer(diagramId) {
+ var imageLayer = null;
+ var diagramElement = getDiagramElement(diagramId);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var elementcoll = diagramElement.getElementsByClassName('e-background-image-layer');
+ imageLayer = elementcoll[0];
+ return imageLayer;
+}
+/**
+ * getBackgroundLayer method \
+ *
+ * @returns {SVGSVGElement} getBackgroundLayer method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getBackgroundLayer(diagramId) {
+ var imageLayer = null;
+ var diagramElement = getDiagramElement(diagramId);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var elementcoll = diagramElement.getElementsByClassName('e-background-layer');
+ imageLayer = elementcoll[0];
+ return imageLayer;
+}
+/**
+ * getGridLayer method \
+ *
+ * @returns {SVGSVGElement} getGridLayer method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getGridLayer(diagramId) {
+ var domTable = 'domTable';
+ var expandCollapse = null;
+ if (!window[domTable][diagramId + '_gridline']) {
+ var diagramGridSvg = getGridLayerSvg(diagramId);
+ expandCollapse = diagramGridSvg.getElementById(diagramId + '_gridline');
+ window[domTable][diagramId + '_gridline'] = expandCollapse;
+ }
+ else {
+ expandCollapse = window[domTable][diagramId + '_gridline'];
+ }
+ return expandCollapse;
+}
+// /** @private */
+// export function getExpandCollapseLayer(diagramId: string): SVGElement {
+// let expandCollapse: SVGElement = null;
+// let diagramPortSvg: SVGSVGElement = getPortLayerSvg(diagramId);
+// expandCollapse = diagramPortSvg.getElementById(diagramId + '_diagramExpander') as SVGElement;
+// return expandCollapse;
+// }
+// /** @private */
+// export function getPortsLayer(diagramId: string): SVGElement {
+// let expandCollapse: SVGElement = null;
+// let diagramPortSvg: SVGSVGElement = getPortLayerSvg(diagramId);
+// expandCollapse = diagramPortSvg.getElementById(diagramId + '_diagramPorts') as SVGElement;
+// return expandCollapse;
+// }
+/**
+ * getNativeLayer method \
+ *
+ * @returns {SVGSVGElement} getNativeLayer method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getNativeLayer(diagramId) {
+ var nativeLayer = null;
+ var nativeLayerSvg = getNativeLayerSvg(diagramId);
+ nativeLayer = nativeLayerSvg.getElementById(diagramId + '_nativeLayer');
+ return nativeLayer;
+}
+/**
+ * getHTMLLayer method \
+ *
+ * @returns {SVGSVGElement} getHTMLLayer method .\
+ * @param { string } diagramId - provide the diagramId value.
+ * @private
+ */
+function getHTMLLayer(diagramId) {
+ var htmlLayer = null;
+ var domTable = 'domTable';
+ if (!window[domTable][diagramId + 'html_layer']) {
+ var element = getDiagramElement(diagramId);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var elementcoll = element.getElementsByClassName('e-html-layer');
+ htmlLayer = elementcoll[0];
+ window[domTable][diagramId + 'html_layer'] = htmlLayer;
+ }
+ else {
+ htmlLayer = window[domTable][diagramId + 'html_layer'];
+ }
+ return htmlLayer;
+}
+/* eslint-enable */
+/**
+ * createHtmlElement method \
+ *
+ * @returns {SVGSVGElement} createHtmlElement method .\
+ * @param { string } elementType - provide the diagramId value.
+ * @param { Object } attribute - provide the diagramId value.
+ * @private
+ */
+function createHtmlElement(elementType, attribute) {
+ var element = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_5__["createElement"])(elementType);
+ setAttributeHtml(element, attribute);
+ return element;
+}
+/**
+ * createSvgElement method \
+ *
+ * @returns {SVGSVGElement} createSvgElement method .\
+ * @param { string } elementType - provide the elementType value.
+ * @param { Object } attribute - provide the attribute value.
+ * @private
+ */
+function createSvgElement(elementType, attribute) {
+ var element = document.createElementNS('http://www.w3.org/2000/svg', elementType);
+ setAttributeSvg(element, attribute);
+ return element;
+}
+/** @hidden */
+/**
+ * parentsUntil method \
+ *
+ * @returns {SVGSVGElement} parentsUntil method .\
+ * @param { Element } elem - provide the elementType value.
+ * @param { string } selector - provide the attribute value.
+ * @param { boolean } isID - provide the attribute value.
+ * @private
+ */
+function parentsUntil(elem, selector, isID) {
+ var parent = elem;
+ while (parent) {
+ if (isID ? parent.id === selector : hasClass(parent, selector)) {
+ break;
+ }
+ parent = parent.parentNode;
+ }
+ return parent;
+}
+/**
+ * hasClass method \
+ *
+ * @returns {SVGSVGElement} hasClass method .\
+ * @param { HTMLElement } element - provide the element value.
+ * @param { string } className - provide the className value.
+ * @private
+ */
+function hasClass(element, className) {
+ var eClassName = (typeof element.className === 'object') ? element.className.animVal : element.className;
+ return ((' ' + eClassName + ' ').indexOf(' ' + className + ' ') > -1) ? true : false;
+}
+/**
+ * getScrollerWidth method \
+ *
+ * @returns {number} getScrollerWidth method .\
+ * @private
+ */
+function getScrollerWidth() {
+ var outer = createHtmlElement('div', { 'style': 'visibility:hidden; width: 100px' });
+ document.body.appendChild(outer);
+ var widthNoScroll = outer.getBoundingClientRect().width;
+ // force scrollbars
+ outer.style.overflow = 'scroll';
+ // add innerdiv
+ var inner = createHtmlElement('div', { 'style': 'width:100%' });
+ outer.appendChild(inner);
+ var widthWithScroll = inner.getBoundingClientRect().width;
+ // remove divs
+ outer.parentNode.removeChild(outer);
+ return widthNoScroll - widthWithScroll;
+}
+/**
+ * addTouchPointer method \
+ *
+ * @returns {ITouches[]} addTouchPointer method .\
+ * @param { ITouches[] } touchList - provide the touchList value.
+ * @param { PointerEvent } e - provide the e value.
+ * @param { TouchList } touches - provide the touches value.
+ * @private
+ */
+function addTouchPointer(touchList, e, touches) {
+ touchList = [];
+ for (var i = 0, length_1 = touches.length; i < length_1; i++) {
+ touchList.push({ pageX: touches[parseInt(i.toString(), 10)].clientX, pageY: touches[parseInt(i.toString(), 10)].clientY, pointerId: null });
+ }
+ return touchList;
+}
+/**
+ * removes the element from dom \
+ *
+ * @returns {void} removes the element from dom .\
+ * @param { ITouches[] } elementId - provide the elementId value.
+ * @param { PointerEvent } contentId - provide the contentId value.
+ * @private
+ */
+function removeElement(elementId, contentId) {
+ var div = getDiagramElement(elementId, contentId);
+ if (div) {
+ div.parentNode.removeChild(div);
+ }
+}
+/**
+ * getContent method \
+ *
+ * @returns {void} getContent method .\
+ * @param { DiagramHtmlElement | DiagramNativeElement } element - provide the elementId value.
+ * @param { boolean } isHtml - provide the boolean value.
+ * @param { Node | Annotation | PathAnnotation } nodeObject - provide the nodeObject value.
+ * @private
+ */
+function getContent(element, isHtml, nodeObject) {
+ var div;
+ /* eslint-disable */
+ if (isHtml) {
+ var attr = { 'style': 'height: 100%; width: 100%' };
+ div = createHtmlElement('div', attr);
+ }
+ else {
+ div = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+ }
+ var node = Object(_diagram_util__WEBPACK_IMPORTED_MODULE_7__["getElement"])(element);
+ var content = '';
+ var sentNode = {};
+ var isSvg = false;
+ var propertyName;
+ if (node instanceof _objects_node__WEBPACK_IMPORTED_MODULE_6__["Node"]) {
+ sentNode = node;
+ if (node.shape.type === 'Native') {
+ isSvg = true;
+ var svgContent = void 0;
+ var div_1 = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ document.body.appendChild(div_1);
+ div_1.innerHTML = (node.shape.content);
+ /* tslint:disable */
+ svgContent = (div_1.getElementsByTagName('svg').length > 0)
+ ? div_1.getElementsByTagName('svg')[0].outerHTML :
+ div_1.getElementsByTagName('g').length > 0 ? div_1.getElementsByTagName('g')[0].outerHTML : "";
+ /* tslint:disable */
+ node.shape.content = svgContent;
+ /* tslint:disable */
+ element.content = svgContent;
+ div_1.parentElement.removeChild(div_1);
+ }
+ //let blazor: string = 'Blazor';
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_5__["isBlazor"])()) {
+ content = 'diagramsf_node_template';
+ sentNode = Object(_diagram_util__WEBPACK_IMPORTED_MODULE_7__["cloneBlazorObject"])(node);
+ }
+ propertyName = "nodeTemplate";
+ }
+ else {
+ sentNode = node;
+ //new
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_5__["isBlazor"])()) {
+ sentNode = Object(_diagram_util__WEBPACK_IMPORTED_MODULE_7__["cloneBlazorObject"])(node);
+ content = 'diagramsf_annotation_template';
+ }
+ propertyName = "annotationTemplate";
+ }
+ var item;
+ var diagramElement = document.getElementById(element.diagramId);
+ var instance = 'ej2_instances';
+ var diagram = diagramElement[instance][0];
+ if (typeof element.content === 'string' && (!element.isTemplate || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_5__["isBlazor"])())) {
+ var template = document.getElementById(element.content);
+ if (template) {
+ div.appendChild(template);
+ }
+ else {
+ /* eslint-disable */
+ var compiledString = void 0;
+ compiledString = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_5__["compile"])(element.content);
+ for (var _i = 0, _a = compiledString(sentNode, diagram, propertyName, content); _i < _a.length; _i++) {
+ item = _a[_i];
+ div.appendChild(item);
+ }
+ //new
+ // for (item of compiledString(sentNode, null, null, content, undefined, undefined, isSvg)) {
+ // div.appendChild(item);
+ // }
+ }
+ }
+ else if (element.isTemplate) {
+ var compiledString = void 0;
+ if (diagram.isReact) {
+ compiledString = element.getNodeTemplate()(
+ /* eslint-enable */
+ // eslint-disable-next-line quotes
+ Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(nodeObject), diagram, propertyName + "_" + ((propertyName === "nodeTemplate") ? nodeObject.id : element.nodeId + nodeObject.id), undefined, undefined, false, div);
+ }
+ else if (diagram.isVue || diagram.isVue3) {
+ // EJ2-57563 - Added the below code to provide slot template support for Vue and Vue 3
+ var templateFn = element.getNodeTemplate();
+ if (templateFn) {
+ // If other than slot template, this if block gets execute and template get returned.
+ compiledString = element.getNodeTemplate()(
+ /* eslint-enable */
+ // eslint-disable-next-line quotes
+ Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(nodeObject), diagram, propertyName + "_" + ((propertyName === "nodeTemplate") ? nodeObject.id : element.nodeId + nodeObject.id), undefined, undefined, false, div);
+ }
+ else {
+ // If we provide slot template means then it enters in this block and returns a template
+ if (propertyName === 'nodeTemplate') {
+ compiledString = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_5__["compile"])(diagram.nodeTemplate);
+ }
+ else {
+ compiledString = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_5__["compile"])(diagram.annotationTemplate);
+ }
+ compiledString = compiledString(
+ /* eslint-enable */
+ // eslint-disable-next-line quotes
+ Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(nodeObject), diagram, propertyName + "_" + ((propertyName === "nodeTemplate") ? nodeObject.id : element.nodeId + nodeObject.id), undefined, undefined, false, div);
+ }
+ }
+ else {
+ compiledString = element.getNodeTemplate()(
+ /* eslint-enable */
+ // eslint-disable-next-line quotes
+ Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(nodeObject), diagram, propertyName + "_" + ((propertyName === "nodeTemplate") ? nodeObject.id : element.nodeId + nodeObject.id), undefined, undefined, false);
+ }
+ if (compiledString) {
+ for (var i = 0; i < compiledString.length; i++) {
+ div.appendChild(compiledString[parseInt(i.toString(), 10)]);
+ }
+ }
+ }
+ else {
+ div.appendChild(element.content);
+ }
+ return element.isTemplate ?
+ div : (isHtml ? div.cloneNode(true) : div.cloneNode(true));
+}
+/* eslint-enable */
+/**
+ * setAttributeSvg method \
+ *
+ * @returns {void} setAttributeSvg method .\
+ * @param { SVGElement } svg - provide the svg value.
+ * @param { Object } attributes - provide the boolean value.
+ * @private
+ */
+function setAttributeSvg(svg, attributes) {
+ var keys = Object.keys(attributes);
+ for (var i = 0; i < keys.length; i++) {
+ // Added below condition to check whether svg is undefined or not
+ if (svg && keys[parseInt(i.toString(), 10)] !== 'style') {
+ svg.setAttribute(keys[parseInt(i.toString(), 10)], attributes[keys[parseInt(i.toString(), 10)]]);
+ }
+ else {
+ applyStyleAgainstCsp(svg, attributes[keys[parseInt(i.toString(), 10)]]);
+ }
+ }
+}
+/**
+ * applyStyleAgainstCsp method \
+ *
+ * @returns {void} applyStyleAgainstCsp method .\
+ * @param { SVGElement } svg - provide the svg value.
+ * @param { string } attributes - provide the boolean value.
+ * @private
+ */
+function applyStyleAgainstCsp(svg, attributes) {
+ var keys = attributes.split(';');
+ for (var i = 0; i < keys.length; i++) {
+ var attribute = keys[parseInt(i.toString(), 10)].split(':');
+ if (attribute.length === 2) {
+ svg.style[attribute[0].trim()] = attribute[1].trim();
+ }
+ }
+}
+/**
+ * setAttributeHtml method \
+ *
+ * @returns {void} setAttributeHtml method .\
+ * @param { HTMLElement } element - provide the svg value.
+ * @param { Object } attributes - provide the boolean value.
+ * @private
+ */
+function setAttributeHtml(element, attributes) {
+ var keys = Object.keys(attributes);
+ for (var i = 0; i < keys.length; i++) {
+ if (keys[parseInt(i.toString(), 10)] !== 'style') {
+ element.setAttribute(keys[parseInt(i.toString(), 10)], attributes[keys[parseInt(i.toString(), 10)]]);
+ }
+ else {
+ applyStyleAgainstCsp(element, attributes[keys[parseInt(i.toString(), 10)]]);
+ }
+ }
+}
+/**
+ * createMeasureElements method \
+ *
+ * @returns {void} createMeasureElements method .\
+ * @private
+ */
+function createMeasureElements() {
+ var measureWindowElement = 'measureElement';
+ if (!window["" + measureWindowElement]) {
+ var divElement = createHtmlElement('div', {
+ id: 'measureElement',
+ style: 'visibility:hidden ; height: 0px ; width: 0px; overflow: hidden;'
+ });
+ var text = createHtmlElement('span', { 'style': 'display:inline-block ; line-height: normal' });
+ divElement.appendChild(text);
+ //let imageElement: HTMLImageElement;
+ var imageElement = createHtmlElement('img', { 'alt': 'measureElementImage', 'src': 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7' });
+ divElement.appendChild(imageElement);
+ var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ svg.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink');
+ divElement.appendChild(svg);
+ var element = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+ element.setAttribute('d', '');
+ svg.appendChild(element);
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ var data = document.createTextNode('');
+ var tSpan = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+ tSpan.setAttributeNS('http://www.w3.org/XML/1998/namespace', 'xml:space', 'preserve');
+ svg.appendChild(tSpan);
+ window["" + measureWindowElement] = divElement;
+ window["" + measureWindowElement].usageCount = 1;
+ document.body.appendChild(divElement);
+ var measureElementCount = 'measureElementCount';
+ if (!window["" + measureElementCount]) {
+ window["" + measureElementCount] = 1;
+ }
+ else {
+ window["" + measureElementCount]++;
+ }
+ }
+ else {
+ window["" + measureWindowElement].usageCount += 1;
+ }
+}
+/**
+ * setChildPosition method \
+ *
+ * @returns {number} setChildPosition method .\
+ * @param {SubTextElement} temp - provide the temp value.
+ * @param {SubTextElement[]} childNodes - provide the childNodes value.
+ * @param {number} i - provide the i value.
+ * @param {TextAttributes} options - provide the options value.
+ * @private
+ */
+function setChildPosition(temp, childNodes, i, options) {
+ if (childNodes.length >= 1 && temp.x === 0 &&
+ (options.textOverflow === 'Clip' || options.textOverflow === 'Ellipsis') &&
+ (options.textWrapping === 'Wrap' || options.textWrapping === 'WrapWithOverflow')) {
+ temp.x = childNodes[i - 1] ? childNodes[i - 1].x : -(temp.width / 2);
+ return temp.x;
+ }
+ return temp.x;
+}
+/**
+ * getTemplateContent method \
+ *
+ * @returns {DiagramHtmlElement} getTemplateContent method .\
+ * @param {DiagramHtmlElement} annotationcontent - provide the annotationcontent value.
+ * @param {Annotation} annotation - provide the annotation value.
+ * @param {number} annotationTemplate - provide the annotationTemplate value.
+ * @private
+ */
+function getTemplateContent(
+// eslint-disable-next-line @typescript-eslint/ban-types
+annotationcontent, annotation, annotationTemplate) {
+ if (annotationTemplate && !annotation.template) {
+ annotationcontent.isTemplate = true;
+ annotationcontent.template = annotationcontent.content = getContent(annotationcontent, true, annotation);
+ }
+ else {
+ annotationcontent.content = annotation.template;
+ }
+ return annotationcontent;
+}
+/* eslint-disable */
+/** @private */
+function createUserHandleTemplates(userHandleTemplate, template, selectedItems, diagramID) {
+ var userHandleFn;
+ var handle;
+ var compiledString;
+ var i;
+ var div;
+ var diagramElement = document.getElementById(diagramID);
+ var instance = 'ej2_instances';
+ var diagram = diagramElement[instance][0];
+ if (userHandleTemplate && template) {
+ userHandleFn = Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["templateCompiler"])(userHandleTemplate);
+ for (var _i = 0, _a = selectedItems.userHandles; _i < _a.length; _i++) {
+ handle = _a[_i];
+ if (userHandleFn) {
+ compiledString = userHandleFn(Object(_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(handle), diagram, 'userHandleTemplate' + '_' + handle.name, undefined, undefined, false);
+ for (i = 0; i < compiledString.length; i++) {
+ var attr = {
+ 'style': 'height: 100%; width: 100%; pointer-events: all',
+ 'id': handle.name + '_template_hiddenUserHandle'
+ };
+ div = createHtmlElement('div', attr);
+ div.appendChild(compiledString[i]);
+ }
+ template[0].appendChild(div);
+ }
+ }
+ }
+ else if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_5__["isBlazor"])()) {
+ var content = 'diagramsf_userHandle_template';
+ var a = void 0;
+ for (var _b = 0, _c = selectedItems.userHandles; _b < _c.length; _b++) {
+ handle = _c[_b];
+ if (!handle.pathData && !handle.content && !handle.source) {
+ compiledString = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_5__["compile"])(handle.content);
+ for (i = 0, a = compiledString(Object(_diagram_util__WEBPACK_IMPORTED_MODULE_7__["cloneBlazorObject"])(handle), diagram, 'userHandleTemplate', content); i < a.length; i++) {
+ var attr = {
+ 'style': 'height: 100%; width: 100%; pointer-events: all',
+ 'id': handle.name + '_template_hiddenUserHandle'
+ };
+ div = createHtmlElement('div', attr);
+ div.appendChild(a[i]);
+ }
+ template[0].appendChild(div);
+ }
+ }
+ }
+}
+/* eslint-enable */
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/path-util.js":
+/*!*********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/path-util.js ***!
+ \*********************************************************************************/
+/*! exports provided: processPathData, parsePathData, getRectanglePath, getPolygonPath, getFreeHandPath, pathSegmentCollection, transformPath, updatedSegment, scalePathData, splitArrayCollection, getPathString, getString */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "processPathData", function() { return processPathData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parsePathData", function() { return parsePathData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRectanglePath", function() { return getRectanglePath; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPolygonPath", function() { return getPolygonPath; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFreeHandPath", function() { return getFreeHandPath; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "pathSegmentCollection", function() { return pathSegmentCollection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "transformPath", function() { return transformPath; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updatedSegment", function() { return updatedSegment; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "scalePathData", function() { return scalePathData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "splitArrayCollection", function() { return splitArrayCollection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPathString", function() { return getPathString; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getString", function() { return getString; });
+/**
+ * These utility methods help to process the data and to convert it to desired dimensions
+ */
+/**
+ * processPathData method \
+ *
+ * @returns {Object[]} processPathData method .\
+ * @param { string } data - provide the data value.
+ * @private
+ */
+function processPathData(data) {
+ var collection = [];
+ var j;
+ var arrayCollection = parsePathData(data);
+ if (arrayCollection.length > 0) {
+ for (var i = 0; i < arrayCollection.length; i++) {
+ var ob = arrayCollection[parseInt(i.toString(), 10)];
+ var char = '';
+ char = ob[0];
+ switch (char.toLowerCase()) {
+ case 'm':
+ for (j = 1; j < ob.length; j++) {
+ collection.push({ command: char, x: ob[parseInt(j.toString(), 10)], y: ob[j + 1] });
+ j = j + 1;
+ if (char === 'm') {
+ char = 'l';
+ }
+ else if (char === 'M') {
+ char = 'L';
+ }
+ }
+ break;
+ case 'l':
+ case 't':
+ for (j = 1; j < ob.length; j++) {
+ collection.push({ command: char, x: ob[parseInt(j.toString(), 10)], y: ob[j + 1] });
+ j = j + 1;
+ }
+ break;
+ case 'h':
+ for (j = 1; j < ob.length; j++) {
+ collection.push({ command: char, x: ob[parseInt(j.toString(), 10)] });
+ }
+ break;
+ case 'v':
+ for (j = 1; j < ob.length; j++) {
+ collection.push({ command: char, y: ob[parseInt(j.toString(), 10)] });
+ }
+ break;
+ case 'z':
+ collection.push({ command: char });
+ break;
+ case 'c':
+ for (j = 1; j < ob.length; j++) {
+ collection.push({
+ command: char, x1: ob[parseInt(j.toString(), 10)], y1: ob[j + 1], x2: ob[j + 2], y2: ob[j + 3], x: ob[j + 4], y: ob[j + 5]
+ });
+ j = j + 5;
+ }
+ break;
+ case 's':
+ for (j = 1; j < ob.length; j++) {
+ collection.push({ command: char, x2: ob[parseInt(j.toString(), 10)], y2: ob[j + 1], x: ob[j + 2], y: ob[j + 3] });
+ j = j + 3;
+ }
+ break;
+ case 'q':
+ for (j = 1; j < ob.length; j++) {
+ collection.push({ command: char, x1: ob[parseInt(j.toString(), 10)], y1: ob[j + 1], x: ob[j + 2], y: ob[j + 3] });
+ j = j + 3;
+ }
+ break;
+ case 'a':
+ for (j = 1; j < ob.length; j++) {
+ collection.push({
+ command: char, r1: ob[parseInt(j.toString(), 10)], r2: ob[j + 1], angle: ob[j + 2], largeArc: ob[j + 3],
+ sweep: ob[j + 4], x: ob[j + 5], y: ob[j + 6]
+ });
+ j = j + 6;
+ }
+ break;
+ }
+ }
+ }
+ return collection;
+}
+/**
+ * parsePathData method \
+ *
+ * @returns {Object[]} parsePathData method .\
+ * @param { string } data - provide the data value.
+ * @private
+ */
+function parsePathData(data) {
+ var tokenizer = /([a-z]+)|([+-]?(?:\d+\.?\d*|\.\d+))/gi;
+ var current = [];
+ var commands = [];
+ var match = {};
+ tokenizer.lastIndex = 0;
+ var isExponential = false;
+ match = tokenizer.exec(data);
+ while (match) {
+ if (match[1] === 'e') {
+ //let s1: string = '';
+ isExponential = true;
+ }
+ else if (match[1]) {
+ if (match[1].toLowerCase() === 'zm') {
+ if (current.length) {
+ commands.push(current);
+ }
+ commands.push(['Z']);
+ current = [match[1].substring(1, 2)];
+ }
+ else {
+ if (current.length) {
+ commands.push(current);
+ }
+ current = [match[1]];
+ }
+ isExponential = false;
+ }
+ else {
+ if (!current.length) {
+ current = [];
+ }
+ if (!isExponential) {
+ current.push(Number(match[2]));
+ }
+ isExponential = false;
+ }
+ match = tokenizer.exec(data);
+ }
+ if (current.length) {
+ commands.push(current);
+ }
+ return commands;
+}
+/**
+ * getRectanglePath method \
+ *
+ * @returns {string} getRectanglePath method .\
+ * @param { number } cornerRadius - provide the data value.
+ * @param { number } height - provide the height value.
+ * @param { number } width - provide the width value.
+ * @private
+ */
+function getRectanglePath(cornerRadius, height, width) {
+ var x = 0;
+ var y = 0;
+ var path = '';
+ var points = [{ x: x + cornerRadius, y: y }, { x: x + width - cornerRadius, y: y },
+ { x: x + width, y: y + cornerRadius }, { x: x + width, y: y + height - cornerRadius },
+ { x: x + width - cornerRadius, y: y + height }, { x: x + cornerRadius, y: y + height },
+ { x: x, y: y + height - cornerRadius }, { x: x, y: y + cornerRadius }
+ ];
+ var corners = [{ x: x + width, y: y }, { x: x + width, y: y + height }, { x: x, y: y + height }, { x: x, y: y }];
+ var corner = 0;
+ var point2;
+ var next;
+ path = 'M' + points[0].x + ' ' + points[0].y;
+ var i;
+ for (i = 0; i < points.length; i = i + 2) {
+ point2 = points[i + 1];
+ path += 'L' + point2.x + ' ' + point2.y;
+ next = points[i + 2] || points[0];
+ path += 'Q' + corners[parseInt(corner.toString(), 10)].x + ' ' + corners[parseInt(corner.toString(), 10)].y + ' ' + next.x + ' ' + next.y;
+ corner++;
+ }
+ return path;
+}
+/**
+ * getPolygonPath method \
+ *
+ * @returns {string} getPolygonPath method .\
+ * @param { PointModel[] } collection - provide the data value.
+ * @private
+ */
+function getPolygonPath(collection) {
+ var path = '';
+ var seg;
+ path = 'M' + collection[0].x + ' ' + collection[0].y;
+ var i;
+ for (i = 1; i < collection.length; i++) {
+ seg = collection[parseInt(i.toString(), 10)];
+ path += 'L' + seg.x + ' ' + seg.y;
+ }
+ path += 'Z';
+ return path;
+}
+/**
+ * getFreeHandPath method \
+ *
+ * @returns {string} getFreeHandPath method .\
+ * @param { PointModel[] } collection - provide the data value.
+ * @private
+ */
+function getFreeHandPath(collection) {
+ var k;
+ for (k = 0; k < collection.length; k++) {
+ collection[parseInt(k.toString(), 10)].x = Math.round(collection[parseInt(k.toString(), 10)].x);
+ collection[parseInt(k.toString(), 10)].y = Math.round(collection[parseInt(k.toString(), 10)].y);
+ }
+ var path = '';
+ var seg;
+ path = 'M' + collection[0].x + ' ' + collection[0].y;
+ var i;
+ for (i = 1; i < collection.length; i++) {
+ seg = collection[parseInt(i.toString(), 10)];
+ path += 'L' + seg.x + ' ' + seg.y;
+ }
+ return path;
+}
+/* eslint-disable */
+/**
+ * pathSegmentCollection method \
+ *
+ * @returns {string} pathSegmentCollection method .\
+ * @param { Object[]} collection - provide the collection value.
+ * @private
+ */
+function pathSegmentCollection(collection) {
+ var x0;
+ var y0;
+ var x1;
+ var y1;
+ var x2;
+ var y2;
+ var x;
+ var y;
+ var length;
+ var i;
+ var initx;
+ var inity;
+ var segments = [];
+ for (x = 0, y = 0, i = 0, length = collection.length; i < length; ++i) {
+ var obj = collection[i];
+ var seg = obj;
+ var char = '';
+ char = seg.command;
+ if ('y1' in seg) {
+ y1 = seg.y1;
+ }
+ if ('y2' in seg) {
+ y2 = seg.y2;
+ }
+ if ('x1' in seg) {
+ x1 = seg.x1;
+ }
+ if ('x2' in seg) {
+ x2 = seg.x2;
+ }
+ if ('x' in seg) {
+ x = seg.x;
+ }
+ if ('y' in seg) {
+ y = seg.y;
+ }
+ var prev = segments[segments.length - 1];
+ switch (char) {
+ case 'M':
+ segments.push({ command: 'M', x: x, y: y });
+ break;
+ case 'L':
+ segments.push({ command: 'L', x0: x0, y0: y0, x: x, y: y });
+ break;
+ case 'H':
+ segments.push({ command: 'L', x0: x0, y0: y0, x: x, y: y0 });
+ break;
+ case 'V':
+ segments.push({ command: 'L', x0: x0, y0: y0, x: x0, y: y });
+ break;
+ case 'C':
+ segments.push({ command: 'C', x0: x0, y0: y0, x1: x1, y1: y1, x2: x2, y2: y2, x: x, y: y });
+ break;
+ case 'S':
+ if (prev) {
+ var ctrl = void 0;
+ if (prev.command === 'C' || prev.command === 'S') {
+ ctrl = { x: prev.x2, y: prev.y2 };
+ }
+ else {
+ ctrl = { x: x0, y: y0 };
+ }
+ var cpt2 = { x: 2 * x0 - ctrl.x, y: 2 * y0 - ctrl.y };
+ segments.push({ command: 'C', x0: x0, y0: y0, x1: cpt2.x, y1: cpt2.y, x2: x2, y2: y2, x: x, y: y });
+ }
+ break;
+ case 'Q':
+ //ctx.quadraticCurveTo(x1, y1, x, y);
+ segments.push({ command: 'Q', x0: x0, y0: y0, x1: x1, y1: y1, x: x, y: y });
+ break;
+ case 'T':
+ if (prev) {
+ var ctrl = void 0;
+ if (prev.command === 'Q') {
+ ctrl = { x: prev.x1, y: prev.y1 };
+ }
+ else {
+ ctrl = { x: x0, y: y0 };
+ }
+ var cpt2 = { x: 2 * x0 - ctrl.x, y: 2 * y0 - ctrl.y };
+ segments.push({ command: 'Q', x0: x0, y0: y0, x1: cpt2.x, y1: cpt2.y, x: x, y: y });
+ }
+ break;
+ case 'A':
+ var newSeg = seg;
+ newSeg.command = 'A';
+ segments.push(newSeg);
+ break;
+ case 'Z':
+ case 'z':
+ segments.push({ command: 'Z' });
+ x = x0;
+ y = y0;
+ break;
+ }
+ if (char === 'M' || char === 'm') {
+ initx = x;
+ inity = y;
+ }
+ x0 = x;
+ y0 = y;
+ }
+ return segments;
+}
+/**
+ * transformPath method \
+ *
+ * @returns {string} transformPath method .\
+ * @param { Object[]} arr - provide the collection value.
+ * @param { number} sX - provide the collection value.
+ * @param { number} sY - provide the collection value.
+ * @param { boolean} s - provide the collection value.
+ * @param {number} bX - provide the collection value.
+ * @param { number} bY - provide the collection value.
+ * @param { number} iX - provide the collection value.
+ * @param { number} iY - provide the collection value.
+ * @private
+ */
+function transformPath(arr, sX, sY, s, bX, bY, iX, iY) {
+ var x0;
+ var y0;
+ var x1;
+ var y1;
+ var x2;
+ var y2;
+ var x;
+ var y;
+ var length;
+ var i;
+ var newSeg;
+ for (x = 0, y = 0, i = 0, length = arr.length; i < length; ++i) {
+ var obj = arr[i];
+ var seg = obj;
+ var char = seg.command;
+ if ('x' in seg) {
+ x = seg.x;
+ }
+ if ('y' in seg) {
+ y = seg.y;
+ }
+ if ('y1' in seg) {
+ y1 = seg.y1;
+ }
+ if ('y2' in seg) {
+ y2 = seg.y2;
+ }
+ if ('x1' in seg) {
+ x1 = seg.x1;
+ }
+ if ('x2' in seg) {
+ x2 = seg.x2;
+ }
+ if (s) {
+ if (x !== undefined) {
+ x = scalePathData(x, sX, bX, iX);
+ }
+ if (y !== undefined) {
+ y = scalePathData(y, sY, bY, iY);
+ }
+ if (x1 !== undefined) {
+ x1 = scalePathData(x1, sX, bX, iX);
+ }
+ if (y1 !== undefined) {
+ y1 = scalePathData(y1, sY, bY, iY);
+ }
+ if (x2 !== undefined) {
+ x2 = scalePathData(x2, sX, bX, iX);
+ }
+ if (y2 !== undefined) {
+ y2 = scalePathData(y2, sY, bY, iY);
+ }
+ }
+ else {
+ if (x !== undefined) {
+ x = Number((x + sX).toFixed(2));
+ }
+ if (y !== undefined) {
+ y = Number((y + sY).toFixed(2));
+ }
+ if (x1 !== undefined) {
+ x1 = Number((x1 + sX).toFixed(2));
+ }
+ if (y1 !== undefined) {
+ y1 = Number((y1 + sY).toFixed(2));
+ }
+ if (x2 !== undefined) {
+ x2 = Number((x2 + sX).toFixed(2));
+ }
+ if (y2 !== undefined) {
+ y2 = Number((y2 + sY).toFixed(2));
+ }
+ }
+ var scaledPath = { x: x, y: y, x1: x1, y1: y1, x2: x2, y2: y2, r1: seg.r1, r2: seg.r2 };
+ newSeg = updatedSegment(seg, char, scaledPath, s, sX, sY);
+ if (newSeg) {
+ arr[i] = newSeg;
+ }
+ // Record the start of a subpath
+ if (char === 'M' || char === 'm') {
+ x0 = x;
+ y0 = y;
+ }
+ }
+ var pathData = getPathString(arr);
+ return pathData;
+}
+/**
+ * updatedSegment method \
+ *
+ * @returns {string} updatedSegment method .\
+ * @param { PathSegment} segment - provide the collection value.
+ * @param { PathSegment} char - provide the collection value.
+ * @param { number} obj - provide the collection value.
+ * @param { boolean} isScale - provide the collection value.
+ * @param {number} sX - provide the collection value.
+ * @param { number} sY - provide the collection value.
+ * @private
+ */
+function updatedSegment(segment, char, obj, isScale, sX, sY) {
+ switch (char) {
+ case 'M':
+ segment.x = obj.x;
+ segment.y = obj.y;
+ break;
+ case 'L':
+ segment.x = obj.x;
+ segment.y = obj.y;
+ break;
+ case 'H':
+ segment.x = obj.x;
+ break;
+ case 'V':
+ segment.y = obj.y;
+ break;
+ case 'C':
+ segment.x = obj.x;
+ segment.y = obj.y;
+ segment.x1 = obj.x1;
+ segment.y1 = obj.y1;
+ segment.x2 = obj.x2;
+ segment.y2 = obj.y2;
+ break;
+ case 'S':
+ segment.x = obj.x;
+ segment.y = obj.y;
+ segment.x2 = obj.x2;
+ segment.y2 = obj.y2;
+ break;
+ case 'Q':
+ segment.x = obj.x;
+ segment.y = obj.y;
+ segment.x1 = obj.x1;
+ segment.y1 = obj.y1;
+ break;
+ case 'T':
+ segment.x = obj.x;
+ segment.y = obj.y;
+ break;
+ case 'A':
+ var r1 = obj.r1;
+ var r2 = obj.r2;
+ if (isScale) {
+ obj.r1 = r1 = (r1 * sX);
+ obj.r2 = r2 = (r2 * sY);
+ }
+ segment.x = obj.x;
+ segment.y = obj.y;
+ segment.r1 = obj.r1;
+ segment.r2 = obj.r2;
+ break;
+ case 'z':
+ case 'Z':
+ segment = { command: 'Z' };
+ break;
+ }
+ return segment;
+}
+/* eslint-enable */
+/**
+ * scalePathData method \
+ *
+ * @returns {string} scalePathData method .\
+ * @param { number} val - provide the val value.
+ * @param { number} scaleFactor - provide the scaleFactor value.
+ * @param { number} oldOffset - provide the oldOffset value.
+ * @param { number} newOffset - provide the newOffset value.
+ * @private
+ */
+function scalePathData(val, scaleFactor, oldOffset, newOffset) {
+ if (val !== oldOffset) {
+ if (newOffset !== oldOffset) {
+ val = (((val * scaleFactor) - (Number(oldOffset) * scaleFactor - Number(oldOffset)))
+ + (newOffset - Number(oldOffset)));
+ }
+ else {
+ val = ((Number(val) * scaleFactor) - (Number(oldOffset) * scaleFactor - Number(oldOffset)));
+ }
+ }
+ else {
+ if (newOffset !== oldOffset) {
+ val = newOffset;
+ }
+ }
+ return Number(val.toFixed(2));
+}
+/**
+ * splitArrayCollection method \
+ *
+ * @returns {Object[]} splitArrayCollection method .\
+ * @param { Object[]} arrayCollection - provide the val value.
+ * @private
+ */
+function splitArrayCollection(arrayCollection) {
+ var x0;
+ var y0;
+ var x1;
+ var y1;
+ var x2;
+ var y2;
+ var x;
+ var y;
+ var length;
+ var i;
+ for (x = 0, y = 0, i = 0, length = arrayCollection.length; i < length; ++i) {
+ var path = arrayCollection[parseInt(i.toString(), 10)];
+ var seg = path;
+ var char = seg.command;
+ if (/[MLHVCSQTA]/.test(char)) {
+ if ('x' in seg) {
+ seg.x = x = seg.x;
+ }
+ if ('y' in seg) {
+ seg.y = y = seg.y;
+ }
+ }
+ else {
+ if ('x1' in seg) {
+ seg.x1 = x1 = x + seg.x1;
+ }
+ if ('x2' in seg) {
+ seg.x2 = x2 = x + seg.x2;
+ }
+ if ('y1' in seg) {
+ seg.y1 = y1 = y + seg.y1;
+ }
+ if ('y2' in seg) {
+ seg.y2 = y2 = y + seg.y2;
+ }
+ if ('x' in seg) {
+ seg.x = x += seg.x;
+ }
+ if ('y' in seg) {
+ seg.y = y += seg.y;
+ }
+ var newSeg = void 0;
+ switch (char) {
+ case 'm':
+ case 'M':
+ newSeg = { command: 'M', x: x, y: y };
+ break;
+ case 'l':
+ case 'L':
+ newSeg = { command: 'L', x: x, y: y };
+ break;
+ case 'h':
+ case 'H':
+ newSeg = { command: 'H', x: x };
+ break;
+ case 'v':
+ case 'V':
+ newSeg = { command: 'V', y: y };
+ break;
+ case 'c':
+ case 'C':
+ newSeg = { command: 'C', x: x, y: y, x1: x1, y1: y1, x2: x2, y2: y2 };
+ break;
+ case 's':
+ case 'S':
+ newSeg = { command: 'S', x: x, y: y, x2: x2, y2: y2 };
+ break;
+ case 'q':
+ case 'Q':
+ newSeg = { command: 'Q', x: x, y: y, x1: x1, y1: y1 };
+ break;
+ case 't':
+ case 'T':
+ newSeg = { command: 'T', x: x, y: y };
+ break;
+ case 'a':
+ case 'A':
+ newSeg = { command: 'A', x: x, y: y };
+ newSeg.r1 = seg.r1;
+ newSeg.r2 = seg.r2;
+ newSeg.angle = seg.angle;
+ newSeg.largeArc = seg.largeArc;
+ newSeg.sweep = seg.sweep;
+ break;
+ case 'z':
+ case 'Z':
+ newSeg = { command: 'Z' };
+ x = x0;
+ y = y0;
+ newSeg = arrayCollection[parseInt(i.toString(), 10)];
+ break;
+ }
+ if (newSeg) {
+ arrayCollection[parseInt(i.toString(), 10)] = newSeg;
+ }
+ }
+ if (char === 'M' || char === 'm') {
+ x0 = x;
+ y0 = y;
+ }
+ }
+ return arrayCollection;
+}
+/**
+ * getPathString method \
+ *
+ * @returns {string} getPathString method .\
+ * @param { Object[]} arrayCollection - provide the val value.
+ * @private
+ */
+function getPathString(arrayCollection) {
+ var getNewString = '';
+ var i;
+ for (i = 0; i < arrayCollection.length; i++) {
+ if (i === 0) {
+ getNewString += getString(arrayCollection[parseInt(i.toString(), 10)]);
+ }
+ else {
+ getNewString += ' ' + getString(arrayCollection[parseInt(i.toString(), 10)]);
+ }
+ }
+ return getNewString;
+}
+/* eslint-disable */
+/**
+ * getString method \
+ *
+ * @returns {string} getString method .\
+ * @param { PathSegment} arrayCollection - provide the val value.
+ * @private
+ */
+function getString(obj) {
+ var string = '';
+ switch (obj.command) {
+ case 'Z':
+ case 'z':
+ string = obj.command;
+ break;
+ case 'M':
+ case 'm':
+ case 'L':
+ case 'l':
+ string = obj.command + ' ' + obj.x + ' ' + obj.y;
+ break;
+ case 'C':
+ case 'c':
+ string = obj.command + ' ' + obj.x1 + ' ' + obj.y1 + ' ' + obj.x2 + ' ' + obj.y2 + ' ' + obj.x + ' ' + obj.y;
+ break;
+ case 'Q':
+ case 'q':
+ string = obj.command + ' ' + obj.x1 + ' ' + obj.y1 + ' ' + obj.x + ' ' + obj.y;
+ break;
+ case 'A':
+ case 'a':
+ var cmd = obj.command;
+ var ang = obj.angle;
+ var l = (obj.largeArc ? '1' : '0');
+ var s = (obj.sweep ? '1' : '0');
+ string = cmd + ' ' + obj.r1 + ' ' + obj.r2 + ' ' + ang + ' ' + l + ' ' + s + ' ' + obj.x + ' ' + obj.y;
+ break;
+ case 'H':
+ case 'h':
+ string = obj.command + ' ' + obj.x;
+ break;
+ case 'V':
+ case 'v':
+ string = obj.command + ' ' + obj.y;
+ break;
+ case 'S':
+ case 's':
+ string = obj.command + ' ' + obj.x2 + ' ' + obj.y2 + ' ' + obj.x + ' ' + obj.y;
+ break;
+ case 'T':
+ case 't':
+ string = obj.command + ' ' + obj.x + ' ' + obj.y;
+ }
+ return string;
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/swim-lane-util.js":
+/*!**************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/swim-lane-util.js ***!
+ \**************************************************************************************/
+/*! exports provided: initSwimLane, addObjectToGrid, headerDefine, phaseDefine, laneCollection, createRow, createColumn, initGridRow, initGridColumns, getConnectors, swimLaneMeasureAndArrange, ChangeLaneIndex, arrangeChildNodesInSwimLane, updateChildOuterBounds, checkLaneSize, checkPhaseOffset, updateConnectorsProperties, laneInterChanged, updateSwimLaneObject, findLaneIndex, findPhaseIndex, findStartLaneIndex, updatePhaseMaxWidth, updateHeaderMaxWidth, addLane, addPhase, addLastPhase, addHorizontalPhase, addVerticalPhase, arrangeChildInGrid, swimLaneSelection, pasteSwimLane, gridSelection, removeLaneChildNode, getGridChildren, removeSwimLane, removeLane, removeChildren, removePhase, removeHorizontalPhase, removeVerticalPhase, considerSwimLanePadding, checkLaneChildrenOffset, findLane, canLaneInterchange, updateSwimLaneChildPosition */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "initSwimLane", function() { return initSwimLane; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addObjectToGrid", function() { return addObjectToGrid; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "headerDefine", function() { return headerDefine; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "phaseDefine", function() { return phaseDefine; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "laneCollection", function() { return laneCollection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createRow", function() { return createRow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createColumn", function() { return createColumn; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "initGridRow", function() { return initGridRow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "initGridColumns", function() { return initGridColumns; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getConnectors", function() { return getConnectors; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "swimLaneMeasureAndArrange", function() { return swimLaneMeasureAndArrange; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChangeLaneIndex", function() { return ChangeLaneIndex; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "arrangeChildNodesInSwimLane", function() { return arrangeChildNodesInSwimLane; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateChildOuterBounds", function() { return updateChildOuterBounds; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkLaneSize", function() { return checkLaneSize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkPhaseOffset", function() { return checkPhaseOffset; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateConnectorsProperties", function() { return updateConnectorsProperties; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "laneInterChanged", function() { return laneInterChanged; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateSwimLaneObject", function() { return updateSwimLaneObject; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findLaneIndex", function() { return findLaneIndex; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findPhaseIndex", function() { return findPhaseIndex; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findStartLaneIndex", function() { return findStartLaneIndex; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updatePhaseMaxWidth", function() { return updatePhaseMaxWidth; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateHeaderMaxWidth", function() { return updateHeaderMaxWidth; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addLane", function() { return addLane; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addPhase", function() { return addPhase; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addLastPhase", function() { return addLastPhase; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addHorizontalPhase", function() { return addHorizontalPhase; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addVerticalPhase", function() { return addVerticalPhase; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "arrangeChildInGrid", function() { return arrangeChildInGrid; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "swimLaneSelection", function() { return swimLaneSelection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "pasteSwimLane", function() { return pasteSwimLane; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "gridSelection", function() { return gridSelection; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeLaneChildNode", function() { return removeLaneChildNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGridChildren", function() { return getGridChildren; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeSwimLane", function() { return removeSwimLane; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeLane", function() { return removeLane; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeChildren", function() { return removeChildren; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removePhase", function() { return removePhase; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeHorizontalPhase", function() { return removeHorizontalPhase; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeVerticalPhase", function() { return removeVerticalPhase; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "considerSwimLanePadding", function() { return considerSwimLanePadding; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkLaneChildrenOffset", function() { return checkLaneChildrenOffset; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findLane", function() { return findLane; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canLaneInterchange", function() { return canLaneInterchange; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateSwimLaneChildPosition", function() { return updateSwimLaneChildPosition; });
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _core_containers_grid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/containers/grid */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/grid.js");
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../core/elements/diagram-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/diagram-element.js");
+/* harmony import */ var _core_elements_text_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../core/elements/text-element */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/elements/text-element.js");
+/* harmony import */ var _primitives_size__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _core_containers_canvas__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../core/containers/canvas */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/core/containers/canvas.js");
+/* harmony import */ var _primitives_rect__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _interaction_container_interaction__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../interaction/container-interaction */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/interaction/container-interaction.js");
+/* harmony import */ var _constraints_util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./constraints-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/constraints-util.js");
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * SwimLane modules are used to rendering and interaction.
+ */
+/** @private */
+/**
+ * initSwimLane method \
+ *
+ * @returns {void} initSwimLane method .\
+ * @param { GridPanel} grid - provide the grid value.
+ * @param { Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} node - provide the node value.
+ * @private
+ */
+function initSwimLane(grid, diagram, node) {
+ if (!node.width && node.shape.phases.length === 0) {
+ node.width = 100;
+ }
+ var row = [];
+ var columns = [];
+ var index = 0;
+ var shape = node.shape;
+ var orientation = shape.orientation === 'Horizontal' ? true : false;
+ if (shape.header && shape.hasHeader) {
+ createRow(row, shape.header.height);
+ }
+ initGridRow(row, orientation, node);
+ initGridColumns(columns, orientation, node);
+ grid.setDefinitions(row, columns);
+ if (shape.header && shape.hasHeader) {
+ headerDefine(grid, diagram, node);
+ index++;
+ }
+ if (shape.phases.length > 0 && shape.phaseSize) {
+ for (var k = 0; k < shape.phases.length; k++) {
+ if (shape.phases[parseInt(k.toString(), 10)].id === '') {
+ shape.phases[parseInt(k.toString(), 10)].id = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["randomId"])();
+ }
+ phaseDefine(grid, diagram, node, index, orientation, k);
+ }
+ index++;
+ }
+ if (shape.lanes.length > 0) {
+ for (var k = 0; k < shape.lanes.length; k++) {
+ if (shape.lanes[parseInt(k.toString(), 10)].id === '') {
+ shape.lanes[parseInt(k.toString(), 10)].id = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["randomId"])();
+ }
+ laneCollection(grid, diagram, node, index, k, orientation);
+ index++;
+ }
+ }
+}
+/**
+ * addObjectToGrid method \
+ *
+ * @returns {Container} addObjectToGrid method .\
+ * @param { Diagram} diagram - provide the diagram value.
+ * @param { GridPanel} grid - provide the grid value.
+ * @param {NodeModel} parent - provide the parent value.
+ * @param {NodeModel} object - provide the object value.
+ * @param {boolean} isHeader - provide the isHeader value.
+ * @param {boolean} isPhase - provide the isPhase value.
+ * @param {boolean} isLane - provide the isLane value.
+ * @param {string} canvas - provide the canvas value.
+ * @private
+ */
+function addObjectToGrid(diagram, grid, parent, object, isHeader, isPhase, isLane, canvas) {
+ var node = new _objects_node__WEBPACK_IMPORTED_MODULE_0__["Node"](diagram, 'nodes', object, true);
+ node.parentId = parent.id;
+ node.isHeader = (isHeader) ? true : false;
+ node.isPhase = (isPhase) ? true : false;
+ node.isLane = (isLane) ? true : false;
+ var id = (isPhase) ? 'PhaseHeaderParent' : 'LaneHeaderParent';
+ if (canvas) {
+ node["" + id] = canvas;
+ }
+ node.constraints &= ~(_enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].InConnect | _enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].OutConnect);
+ node.constraints |= _enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].HideThumbs;
+ diagram.initObject(node);
+ diagram.nodes.push(node);
+ if (node.wrapper.children.length > 0) {
+ for (var i = 0; i < node.wrapper.children.length; i++) {
+ var child = node.wrapper.children[parseInt(i.toString(), 10)];
+ if (child instanceof _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_4__["DiagramElement"]) {
+ child.isCalculateDesiredSize = false;
+ }
+ if (child instanceof _core_elements_text_element__WEBPACK_IMPORTED_MODULE_5__["TextElement"]) {
+ child.canConsiderBounds = false;
+ if (!isHeader && (parent.shape.orientation === 'Vertical' && isPhase) ||
+ (parent.shape.orientation !== 'Vertical' && isLane)) {
+ child.isLaneOrientation = true;
+ child.refreshTextElement();
+ }
+ }
+ }
+ node.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_6__["Size"](undefined, undefined));
+ node.wrapper.arrange(node.wrapper.desiredSize);
+ }
+ return node.wrapper;
+}
+/**
+ * headerDefine method \
+ *
+ * @returns {void} headerDefine method .\
+ * @param { GridPanel} grid - provide the grid value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} object - provide the object value.
+ * @private
+ */
+function headerDefine(grid, diagram, object) {
+ var maxWidth = 0;
+ var columns = grid.columnDefinitions();
+ var shape = object.shape;
+ for (var i = 0; i < columns.length; i++) {
+ maxWidth += columns[parseInt(i.toString(), 10)].width;
+ }
+ shape.header.id = shape.header.id || Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["randomId"])();
+ var node = {
+ id: object.id + shape.header.id,
+ annotations: [Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(shape.header.annotation)],
+ style: shape.header.style ? shape.header.style : undefined,
+ offsetX: object.offsetX, offsetY: object.offsetY,
+ rowIndex: 0, columnIndex: 0,
+ maxWidth: maxWidth,
+ container: { type: 'Canvas', orientation: 'Horizontal' }
+ };
+ if (!Object(_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canSelect"])(object)) {
+ node.constraints &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].Select;
+ }
+ var wrapper = addObjectToGrid(diagram, grid, object, node, true);
+ grid.addObject(wrapper, 0, 0, 1, grid.columnDefinitions().length);
+}
+/**
+ * phaseDefine method \
+ *
+ * @returns {void} phaseDefine method .\
+ * @param { GridPanel} grid - provide the grid value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} object - provide the object value.
+ * @param {number} indexValue - provide the indexValue value.
+ * @param {boolean} orientation - provide the orientation value.
+ * @param {number} phaseIndex - provide the phaseIndex value.
+ * @private
+ */
+function phaseDefine(grid, diagram, object, indexValue, orientation, phaseIndex) {
+ var rowValue = 0;
+ var colValue = 0;
+ var maxWidth;
+ var shape = object.shape;
+ if (orientation) {
+ colValue = phaseIndex;
+ rowValue = indexValue;
+ maxWidth = grid.columnDefinitions()[parseInt(phaseIndex.toString(), 10)].width;
+ }
+ else {
+ rowValue = shape.header && shape.hasHeader ? phaseIndex + 1 : phaseIndex;
+ }
+ var phaseObject = {
+ annotations: [Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(shape.phases[parseInt(phaseIndex.toString(), 10)].header.annotation)],
+ maxWidth: maxWidth,
+ id: object.id + shape.phases[parseInt(phaseIndex.toString(), 10)].id + '_header',
+ addInfo: shape.phases[parseInt(phaseIndex.toString(), 10)].addInfo,
+ offsetX: object.offsetX, offsetY: object.offsetY,
+ style: shape.phases[parseInt(phaseIndex.toString(), 10)].style,
+ rowIndex: rowValue, columnIndex: colValue,
+ container: { type: 'Canvas', orientation: orientation ? 'Horizontal' : 'Vertical' }
+ };
+ phaseObject.annotations[0].rotateAngle = orientation ? 0 : 270;
+ if (!Object(_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canSelect"])(object)) {
+ phaseObject.constraints &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].Select;
+ }
+ shape.phases[parseInt(phaseIndex.toString(), 10)].header.id = phaseObject.id;
+ var wrapper = addObjectToGrid(diagram, grid, object, phaseObject, false, true, false, shape.phases[parseInt(phaseIndex.toString(), 10)].id);
+ grid.addObject(wrapper, rowValue, colValue);
+}
+/**
+ * laneCollection method \
+ *
+ * @returns {void} laneCollection method .\
+ * @param { GridPanel} grid - provide the grid value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} object - provide the object value.
+ * @param {number} indexValue - provide the indexValue value.
+ * @param {number} laneIndex - provide the laneIndex value.
+ * @param {boolean} orientation - provide the orientation value.
+ * @private
+ */
+function laneCollection(grid, diagram, object, indexValue, laneIndex, orientation) {
+ var laneNode;
+ var parentWrapper;
+ var gridCell;
+ var canvas;
+ var childWrapper;
+ var shape = object.shape;
+ var value = shape.phases.length || 1;
+ var isHeader = (shape.header && shape.hasHeader) ? 1 : 0;
+ var rowValue = orientation ? indexValue : isHeader;
+ var phaseCount = (shape.phaseSize && shape.phases.length > 0) ? 1 : 0;
+ for (var l = 0; l < value; l++) {
+ var colValue = orientation ? l : laneIndex + phaseCount;
+ gridCell = grid.rows[parseInt(rowValue.toString(), 10)].cells[parseInt(colValue.toString(), 10)];
+ canvas = {
+ id: object.id + shape.lanes[parseInt(laneIndex.toString(), 10)].id + l,
+ rowIndex: rowValue, columnIndex: colValue,
+ width: gridCell.minWidth, height: gridCell.minHeight,
+ offsetX: object.offsetX, offsetY: object.offsetY,
+ style: shape.lanes[parseInt(laneIndex.toString(), 10)].style,
+ addInfo: shape.lanes[parseInt(laneIndex.toString(), 10)].addInfo,
+ constraints: _enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].Default | _enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].ReadOnly | _enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].AllowDrop,
+ container: { type: 'Canvas', orientation: orientation ? 'Horizontal' : 'Vertical' }
+ };
+ if (!Object(_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canSelect"])(object)) {
+ canvas.constraints &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].Select;
+ }
+ parentWrapper = addObjectToGrid(diagram, grid, object, canvas, false, false, true);
+ parentWrapper.children[0].isCalculateDesiredSize = false;
+ if (l === 0) {
+ laneNode = {
+ id: object.id + shape.lanes[parseInt(laneIndex.toString(), 10)].id + '_' + l + '_header',
+ style: shape.lanes[parseInt(laneIndex.toString(), 10)].header.style,
+ annotations: [Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(shape.lanes[parseInt(laneIndex.toString(), 10)].header.annotation)],
+ offsetX: object.offsetX, offsetY: object.offsetY,
+ rowIndex: rowValue, columnIndex: colValue,
+ container: { type: 'Canvas', orientation: orientation ? 'Horizontal' : 'Vertical' }
+ };
+ laneNode.annotations[0].rotateAngle = orientation ? 270 : 0;
+ shape.lanes[parseInt(laneIndex.toString(), 10)].header.id = laneNode.id;
+ // eslint-disable-next-line
+ (orientation) ? laneNode.width = shape.lanes[laneIndex].header.width :
+ laneNode.height = shape.lanes[parseInt(laneIndex.toString(), 10)].header.height;
+ if (!Object(_constraints_util__WEBPACK_IMPORTED_MODULE_10__["canSelect"])(object)) {
+ laneNode.constraints &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].Select;
+ }
+ childWrapper = addObjectToGrid(diagram, grid, object, laneNode, false, false, true, shape.lanes[parseInt(laneIndex.toString(), 10)].id);
+ if (orientation) {
+ childWrapper.children[0].elementActions = childWrapper.children[0].elementActions | _enum_enum__WEBPACK_IMPORTED_MODULE_2__["ElementAction"].HorizontalLaneHeader;
+ }
+ parentWrapper.children.push(childWrapper);
+ }
+ grid.addObject(parentWrapper, rowValue, colValue);
+ if (!orientation) {
+ rowValue++;
+ }
+ colValue = orientation ? l : laneIndex + 1;
+ }
+}
+/**
+ * createRow method \
+ *
+ * @returns {void} createRow method .\
+ * @param { RowDefinition[]} row - provide the row value.
+ * @param {number} height - provide the height value.
+ * @private
+ */
+function createRow(row, height) {
+ var rows = new _core_containers_grid__WEBPACK_IMPORTED_MODULE_1__["RowDefinition"]();
+ rows.height = height;
+ row.push(rows);
+}
+/**
+ * createColumn method \
+ *
+ * @returns {void} createColumn method .\
+ * @param {number} width - provide the width value.
+ * @private
+ */
+function createColumn(width) {
+ var cols = new _core_containers_grid__WEBPACK_IMPORTED_MODULE_1__["ColumnDefinition"]();
+ cols.width = width;
+ return cols;
+}
+/**
+ * initGridRow method \
+ *
+ * @returns {void} initGridRow method .\
+ * @param {RowDefinition[]} row - provide the row value.
+ * @param {boolean} orientation - provide the row value.
+ * @param {NodeModel} object - provide the row value.
+ * @private
+ */
+function initGridRow(row, orientation, object) {
+ var totalHeight = 0;
+ var height;
+ var shape = object.shape;
+ if (row.length > 0) {
+ for (var i = 0; i < row.length; i++) {
+ totalHeight += row[parseInt(i.toString(), 10)].height;
+ }
+ }
+ if (orientation) {
+ if (shape.phases.length > 0 && shape.phaseSize) {
+ totalHeight += shape.phaseSize;
+ createRow(row, shape.phaseSize);
+ }
+ if (shape.lanes.length > 0) {
+ for (var i = 0; i < shape.lanes.length; i++) {
+ height = shape.lanes[parseInt(i.toString(), 10)].height;
+ totalHeight += height;
+ if (i === shape.lanes.length - 1 && totalHeight < object.height) {
+ height += object.height - totalHeight;
+ }
+ createRow(row, height);
+ }
+ }
+ }
+ else {
+ if (shape.phases.length > 0) {
+ var phaseHeight = 0;
+ for (var i = 0; i < shape.phases.length; i++) {
+ var phaseOffset = shape.phases[parseInt(i.toString(), 10)].offset;
+ if (i === 0) {
+ phaseHeight += phaseOffset;
+ }
+ else {
+ phaseOffset -= phaseHeight;
+ phaseHeight += phaseOffset;
+ }
+ height = phaseOffset;
+ totalHeight += height;
+ if (i === shape.phases.length - 1 && totalHeight < object.height) {
+ height += object.height - totalHeight;
+ }
+ createRow(row, height);
+ }
+ }
+ else {
+ createRow(row, object.height);
+ }
+ }
+}
+/**
+ * initGridColumns method \
+ *
+ * @returns {void} initGridRow method .\
+ * @param {ColumnDefinition[]} columns - provide the row value.
+ * @param {boolean} orientation - provide the row value.
+ * @param {NodeModel} object - provide the row value.
+ * @private
+ */
+function initGridColumns(columns, orientation, object) {
+ var totalWidth = 0;
+ var shape = object.shape;
+ var phaseOffset;
+ var cols;
+ var k;
+ var j;
+ var value;
+ if (shape.phases.length > 0 && shape.orientation === 'Horizontal') {
+ for (j = 0; j < shape.phases.length; j++) {
+ phaseOffset = shape.phases[parseInt(j.toString(), 10)].offset;
+ if (j === 0) {
+ totalWidth += phaseOffset;
+ }
+ else {
+ phaseOffset -= totalWidth;
+ totalWidth += phaseOffset;
+ }
+ cols = createColumn(phaseOffset);
+ if (j === shape.phases.length - 1 && totalWidth < object.width) {
+ cols.width += object.width - totalWidth;
+ }
+ columns.push(cols);
+ }
+ }
+ else if (!orientation) {
+ value = (shape.phaseSize && shape.phases.length > 0) ? shape.lanes.length
+ + 1 : shape.lanes.length;
+ if (shape.phaseSize && shape.phases.length > 0) {
+ totalWidth += shape.phaseSize;
+ cols = createColumn(shape.phaseSize);
+ columns.push(cols);
+ }
+ for (k = 0; k < shape.lanes.length; k++) {
+ totalWidth += shape.lanes[parseInt(k.toString(), 10)].width;
+ cols = createColumn(shape.lanes[parseInt(k.toString(), 10)].width);
+ if (k === shape.lanes.length - 1 && totalWidth < object.width) {
+ cols.width += object.width - totalWidth;
+ }
+ columns.push(cols);
+ }
+ if ((shape.phases.length === 0 && shape.lanes.length === 0)) {
+ cols = createColumn(object.width);
+ columns.push(cols);
+ }
+ }
+ else {
+ cols = createColumn(object.width);
+ columns.push(cols);
+ }
+}
+/**
+ * getConnectors method \
+ *
+ * @returns {void} getConnectors method .\
+ * @param {Diagram} diagram - provide the row value.
+ * @param {GridPanel} grid - provide the row value.
+ * @param {number} rowIndex - provide the row value.
+ * @param {boolean} isRowUpdate - provide the row value.
+ * @private
+ */
+function getConnectors(diagram, grid, rowIndex, isRowUpdate) {
+ var connectors = [];
+ var conn = 0;
+ var childNode;
+ var node;
+ var k;
+ var i;
+ var j;
+ var canvas;
+ var row;
+ var length = grid.rowDefinitions().length;
+ var edges;
+ for (var i_1 = 0; i_1 < length; i_1++) {
+ row = grid.rows[parseInt(i_1.toString(), 10)];
+ for (j = 0; j < row.cells.length; j++) {
+ canvas = row.cells[parseInt(j.toString(), 10)].children[0];
+ if (canvas && canvas.children && canvas.children.length) {
+ for (k = 1; k < canvas.children.length; k++) {
+ childNode = canvas.children[parseInt(k.toString(), 10)];
+ node = diagram.getObject(childNode.id);
+ if (node && (node.inEdges.length > 0 || node.outEdges.length > 0)) {
+ edges = node.inEdges.concat(node.outEdges);
+ for (conn = 0; conn < edges.length; conn++) {
+ if (connectors.indexOf(edges[parseInt(conn.toString(), 10)]) === -1) {
+ connectors.push(edges[parseInt(conn.toString(), 10)]);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ return connectors;
+}
+/**
+ * swimLaneMeasureAndArrange method \
+ *
+ * @returns {void} swimLaneMeasureAndArrange method .\
+ * @param {NodeModel} obj - provide the row value.
+ * @private
+ */
+function swimLaneMeasureAndArrange(obj) {
+ var canvas = obj.wrapper;
+ canvas.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_6__["Size"](obj.width, obj.height));
+ if (canvas.children[0] instanceof _core_containers_grid__WEBPACK_IMPORTED_MODULE_1__["GridPanel"]) {
+ var grid = canvas.children[0];
+ var isMeasure = false;
+ if (grid.width && grid.width < grid.desiredSize.width) {
+ isMeasure = true;
+ grid.width = grid.desiredSize.width;
+ }
+ if (grid.height && grid.height < grid.desiredSize.height) {
+ isMeasure = true;
+ grid.height = grid.desiredSize.height;
+ }
+ if (isMeasure) {
+ grid.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_6__["Size"](grid.width, grid.height));
+ }
+ }
+ canvas.arrange(canvas.desiredSize);
+}
+/**
+ * ChangeLaneIndex method \
+ *
+ * @returns {void} ChangeLaneIndex method .\
+ * @param {Diagram} diagram - provide the row value.
+ * @param {NodeModel} obj - provide the row value.
+ * @param {number} startRowIndex - provide the row value.
+ * @private
+ */
+function ChangeLaneIndex(diagram, obj, startRowIndex) {
+ var container = obj.wrapper.children[0];
+ var i;
+ var j;
+ var k;
+ var object;
+ var subChild;
+ var row;
+ var cell;
+ var child;
+ for (i = startRowIndex; i < container.rows.length; i++) {
+ row = container.rows[parseInt(i.toString(), 10)];
+ for (j = 0; j < row.cells.length; j++) {
+ cell = row.cells[parseInt(j.toString(), 10)];
+ if (cell.children && cell.children.length > 0) {
+ for (k = 0; k < cell.children.length; k++) {
+ child = cell.children[parseInt(k.toString(), 10)];
+ object = diagram.nameTable[child.id];
+ if (object.isLane && child.children.length > 1) {
+ subChild = diagram.nameTable[child.children[1].id];
+ if (subChild && subChild.isLane) {
+ subChild.rowIndex = i;
+ subChild.columnIndex = j;
+ }
+ }
+ object.rowIndex = i;
+ object.columnIndex = j;
+ }
+ }
+ }
+ }
+}
+/**
+ * arrangeChildNodesInSwimLane method \
+ *
+ * @returns {void} arrangeChildNodesInSwimLane method .\
+ * @param {Diagram} diagram - provide the row value.
+ * @param {NodeModel} obj - provide the row value.
+ * @private
+ */
+function arrangeChildNodesInSwimLane(diagram, obj) {
+ var grid = obj.wrapper.children[0];
+ var shape = obj.shape;
+ var padding = shape.padding;
+ var lanes = shape.lanes;
+ var top = grid.bounds.y;
+ var rowvalue;
+ var columnValue;
+ var phaseCount = (shape.phaseSize > 0) ? shape.phases.length : 0;
+ var node;
+ var canvas;
+ var cell;
+ var i;
+ var j;
+ var k;
+ var orientation = shape.orientation === 'Horizontal' ? true : false;
+ var col = orientation ? shape.phases.length || 1 : lanes.length + 1;
+ var row = orientation ? ((shape.header && shape.hasHeader) ? 1 : 0) +
+ (shape.phases.length > 0 ? 1 : 0) + (shape.lanes.length)
+ : (shape.header && shape.hasHeader ? 1 : 0) + shape.phases.length;
+ if (phaseCount === 0 && !orientation && shape.lanes.length) {
+ row += 1;
+ }
+ if (orientation) {
+ rowvalue = (shape.header && shape.hasHeader ? 1 : 0) + (phaseCount > 0 ? 1 : 0);
+ columnValue = 0;
+ }
+ else {
+ rowvalue = (shape.header && shape.hasHeader ? 1 : 0);
+ columnValue = phaseCount > 0 ? 1 : 0;
+ }
+ if (lanes.length > 0) {
+ top += (shape.header && shape.hasHeader) ? shape.header.height : 0;
+ for (i = 0; i < lanes.length; i++) {
+ for (j = 0; j < lanes[parseInt(i.toString(), 10)].children.length; j++) {
+ node = lanes[parseInt(i.toString(), 10)].children[parseInt(j.toString(), 10)];
+ node.offsetX = lanes[parseInt(i.toString(), 10)].width;
+ node.offsetY = lanes[parseInt(i.toString(), 10)].height;
+ diagram.initObject(node);
+ diagram.nodes.push(node);
+ // EJ2-63939 - Check whether the lane child is BPMN text node or not
+ if (node.shape.type === 'Bpmn' && node.shape.annotations && node.shape.annotations.length > 0) {
+ obj.isTextNode = true;
+ }
+ canvas = node.wrapper;
+ if (orientation) {
+ for (k = columnValue; k < col; k++) {
+ cell = grid.rows[parseInt(rowvalue.toString(), 10)].cells[parseInt(k.toString(), 10)];
+ if (canvas.margin.left < (cell.bounds.right - grid.bounds.x)) {
+ node.parentId = cell.children[0].id;
+ if (k > columnValue) {
+ canvas.margin.left = canvas.margin.left - (cell.bounds.left - grid.bounds.left);
+ }
+ else {
+ if ((cell.children[0].children[1].actualSize.width + padding) >= canvas.margin.left) {
+ canvas.margin.left = cell.children[0].children[1].actualSize.width + padding;
+ }
+ }
+ if (canvas.margin.left < padding) {
+ canvas.margin.left = padding;
+ }
+ if (canvas.margin.top < padding) {
+ canvas.margin.top = padding;
+ }
+ addChildToLane(canvas, node, diagram);
+ break;
+ }
+ }
+ }
+ else {
+ for (var k_1 = rowvalue; k_1 < row; k_1++) {
+ cell = grid.rows[parseInt(k_1.toString(), 10)].cells[parseInt(columnValue.toString(), 10)];
+ if (canvas.margin.top < (cell.bounds.bottom - top)) {
+ node.parentId = cell.children[0].id;
+ if (k_1 > rowvalue) {
+ canvas.margin.top = canvas.margin.top - (cell.bounds.top - top);
+ }
+ else {
+ if ((cell.children[0].children[1].actualSize.height + padding) >= canvas.margin.top) {
+ canvas.margin.top = cell.children[0].children[1].actualSize.height + padding;
+ }
+ }
+ if (canvas.margin.left < padding) {
+ canvas.margin.left = padding;
+ }
+ if (canvas.margin.top < padding) {
+ canvas.margin.top = padding;
+ }
+ addChildToLane(canvas, node, diagram);
+ break;
+ }
+ }
+ }
+ }
+ // eslint-disable-next-line
+ orientation ? rowvalue++ : columnValue++;
+ }
+ }
+ grid.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_6__["Size"](obj.width, obj.height));
+ grid.arrange(grid.desiredSize);
+ updateChildOuterBounds(grid, obj);
+ obj.width = obj.wrapper.width = grid.width;
+ obj.height = obj.wrapper.height = grid.height;
+ updateHeaderMaxWidth(diagram, obj);
+ obj.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_6__["Size"](obj.width, obj.height));
+ obj.wrapper.arrange(grid.desiredSize);
+ checkLaneChildrenOffset(obj);
+ checkPhaseOffset(obj, diagram);
+ checkLaneSize(obj);
+}
+/**
+ * addChildToLane method \
+ *
+ * @returns {void} addChildToLane method .\
+ * @param {Container} canvas - provide the row value.
+ * @param {NodeModel} node - provide the row value.
+ * @param {Diagram} diagram - provide the row value.
+ * @private
+ */
+function addChildToLane(canvas, node, diagram) {
+ canvas.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_6__["Size"](node.width, node.height));
+ canvas.arrange(canvas.desiredSize);
+ var parent = diagram.getObject(node.parentId);
+ diagram.addChild(parent, node.id);
+}
+/**
+ * updateChildOuterBounds method \
+ *
+ * @returns {void} updateChildOuterBounds method .\
+ * @param {GridPanel} grid - provide the row value.
+ * @param {NodeModel} obj - provide the row value.
+ * @private
+ */
+function updateChildOuterBounds(grid, obj) {
+ var columnDefinitions = grid.columnDefinitions();
+ var rowDefinitions = grid.rowDefinitions();
+ var i;
+ var k;
+ var j;
+ var cell;
+ var child;
+ var row;
+ var rowIndex = findStartLaneIndex(obj);
+ if (obj.shape.orientation === 'Vertical') {
+ if (rowIndex === 0) {
+ rowIndex = (obj.shape.header && obj.shape.hasHeader) ? 1 : 0;
+ }
+ }
+ var padding = obj.shape.padding;
+ for (i = 0; i < columnDefinitions.length; i++) {
+ grid.updateColumnWidth(i, columnDefinitions[parseInt(i.toString(), 10)].width, true, padding);
+ }
+ for (i = rowIndex; i < rowDefinitions.length; i++) {
+ grid.updateRowHeight(i, rowDefinitions[parseInt(i.toString(), 10)].height, true, padding);
+ }
+ for (k = 0; k < rowDefinitions.length; k++) {
+ row = grid.rows[parseInt(k.toString(), 10)];
+ for (i = 0; i < columnDefinitions.length; i++) {
+ cell = row.cells[parseInt(i.toString(), 10)];
+ if (cell.children && cell.children.length > 0) {
+ for (j = 0; j < cell.children.length; j++) {
+ child = cell.children[parseInt(j.toString(), 10)];
+ if (child.maxWidth) {
+ child.maxWidth = cell.actualSize.width;
+ }
+ if (child.maxHeight) {
+ child.maxHeight = cell.actualSize.height;
+ }
+ }
+ }
+ }
+ }
+}
+/**
+ * checkLaneSize method \
+ *
+ * @returns {void} checkLaneSize method .\
+ * @param {NodeModel} obj - provide the row value.
+ * @private
+ */
+function checkLaneSize(obj) {
+ if (obj.shape.type === 'SwimLane' && !obj.shape.isLane && !obj.shape.isPhase) {
+ var lane = void 0;
+ var i = void 0;
+ var columns = void 0;
+ var size = void 0; //let laneCount: number = 0;
+ var lanes = obj.shape.lanes;
+ var laneIndex = findStartLaneIndex(obj);
+ var rows = obj.wrapper.children[0].rowDefinitions();
+ for (i = 0; i < lanes.length; i++, laneIndex++) {
+ lane = lanes[parseInt(i.toString(), 10)];
+ if (obj.shape.orientation === 'Horizontal') {
+ size = rows[parseInt(laneIndex.toString(), 10)].height;
+ if (lane.height !== size) {
+ lane.height = size;
+ }
+ }
+ else {
+ columns = obj.wrapper.children[0].columnDefinitions();
+ size = columns[parseInt(laneIndex.toString(), 10)].width;
+ if (lane.width !== size) {
+ lane.width = size;
+ }
+ }
+ }
+ }
+}
+/**
+ * checkPhaseOffset method \
+ *
+ * @returns {void} checkPhaseOffset method .\
+ * @param {NodeModel} obj - provide the obj value.
+ * @param {Diagram} diagram - provide the obj value.
+ * @private
+ */
+function checkPhaseOffset(obj, diagram) {
+ var shape = obj.shape;
+ var phases = shape.phases;
+ var i;
+ var offset;
+ var phaseRow;
+ var phase;
+ var gridRowIndex = (shape.header && shape.hasHeader) ? 1 : 0;
+ var grid = obj.wrapper.children[0];
+ var top = grid.bounds.y + ((shape.header && shape.hasHeader) ? shape.header.height : 0);
+ if (obj.shape.type === 'SwimLane') {
+ obj = diagram.getObject(obj.id) || obj;
+ if (phases.length > 0) {
+ grid = obj.wrapper.children[0];
+ if (shape.orientation === 'Horizontal') {
+ phaseRow = (shape.header && shape.hasHeader) ? grid.rows[1] : grid.rows[0];
+ for (i = 0; i < phases.length; i++) {
+ phase = phaseRow.cells[parseInt(i.toString(), 10)].children[0];
+ offset = phase.bounds.right - grid.bounds.x;
+ if (phases[parseInt(i.toString(), 10)].offset !== offset) {
+ phases[parseInt(i.toString(), 10)].offset = offset;
+ }
+ diagram.nameTable[phase.id].maxWidth = phase.maxWidth;
+ }
+ }
+ else {
+ for (i = 0; i < phases.length; i++) {
+ phase = grid.rows[gridRowIndex + i].cells[0].children[0];
+ offset = phase.bounds.bottom - top;
+ if (phases[parseInt(i.toString(), 10)].offset !== offset) {
+ phases[parseInt(i.toString(), 10)].offset = offset;
+ }
+ diagram.nameTable[phase.id].maxWidth = phase.maxWidth;
+ }
+ }
+ }
+ }
+}
+/**
+ * updateConnectorsProperties method \
+ *
+ * @returns {void} checkPhaseOffset method .\
+ * @param {string[]} connectors - provide the obj value.
+ * @param {Diagram} diagram - provide the obj value.
+ * @private
+ */
+function updateConnectorsProperties(connectors, diagram) {
+ if (connectors && connectors.length > 0) {
+ var edges = void 0;
+ if (diagram.lineRoutingModule && (diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramConstraints"].LineRouting)) {
+ diagram.lineRoutingModule.renderVirtualRegion(diagram, true);
+ }
+ for (var i = 0; i < connectors.length; i++) {
+ edges = diagram.getObject(connectors[parseInt(i.toString(), 10)]);
+ if (diagram.lineRoutingModule && (diagram.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramConstraints"].LineRouting) && edges.type === 'Orthogonal') {
+ diagram.lineRoutingModule.refreshConnectorSegments(diagram, edges, true);
+ }
+ else {
+ diagram.connectorPropertyChange(edges, {}, {
+ sourceID: edges.sourceID, targetID: edges.targetID
+ });
+ }
+ }
+ }
+}
+/**
+ * laneInterChanged method \
+ *
+ * @returns {void} laneInterChanged method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} obj - provide the obj value.
+ * @param {NodeModel} target - provide the target value.
+ * @param {PointModel} position - provide the position value.
+ * @private
+ */
+function laneInterChanged(diagram, obj, target, position) {
+ var index;
+ var undoElement;
+ var entry;
+ var redoElement;
+ var sourceIndex;
+ var targetIndex;
+ var temp;
+ var sourceLaneIndex;
+ var targetLaneIndex;
+ var rowIndex;
+ var swimLane = (diagram.getObject(obj.parentId));
+ var shape = swimLane.shape;
+ var grid = swimLane.wrapper.children[0];
+ var lanes = shape.lanes;
+ var connectors = getConnectors(diagram, grid, obj.rowIndex, true);
+ if ((shape.orientation === 'Horizontal' && obj.rowIndex !== target.rowIndex) ||
+ (shape.orientation === 'Vertical' && obj.columnIndex !== target.columnIndex)) {
+ if (shape.orientation === 'Horizontal') {
+ sourceIndex = obj.rowIndex;
+ targetIndex = target.rowIndex;
+ index = ((shape.header && shape.hasHeader) ? 1 : 0) + (shape.phases.length && shape.phaseSize ? 1 : 0);
+ sourceLaneIndex = obj.rowIndex - index;
+ targetLaneIndex = target.rowIndex - index;
+ if (lanes[parseInt(sourceLaneIndex.toString(), 10)].canMove) {
+ if (sourceLaneIndex < targetLaneIndex) {
+ if (position && target.wrapper.offsetY > position.y) {
+ targetIndex += (targetLaneIndex > 0) ? -1 : 1;
+ targetLaneIndex += (targetLaneIndex > 0) ? -1 : 1;
+ }
+ }
+ else {
+ if (position && target.wrapper.offsetY < position.y) {
+ targetIndex += 1;
+ targetLaneIndex += 1;
+ }
+ }
+ if (sourceIndex !== targetIndex) {
+ grid.updateRowIndex(sourceIndex, targetIndex);
+ }
+ }
+ }
+ else {
+ sourceIndex = obj.columnIndex;
+ targetIndex = target.columnIndex;
+ index = (shape.phases.length && shape.phaseSize) ? 1 : 0;
+ sourceLaneIndex = obj.columnIndex - index;
+ targetLaneIndex = target.columnIndex - index;
+ rowIndex = (shape.header && shape.hasHeader) ? 1 : 0;
+ if (lanes[parseInt(sourceLaneIndex.toString(), 10)].canMove) {
+ if (sourceLaneIndex < targetLaneIndex) {
+ if (position && target.wrapper.offsetX > position.x) {
+ targetIndex += (targetLaneIndex > 0) ? -1 : 1;
+ targetLaneIndex += (targetLaneIndex > 0) ? -1 : 1;
+ }
+ }
+ else {
+ if (position && target.wrapper.offsetX < position.x) {
+ targetIndex += 1;
+ targetLaneIndex += 1;
+ }
+ }
+ if (sourceIndex !== targetIndex) {
+ if ((shape.phaseSize === 0 || shape.phases.length === 0) && (targetIndex === 0 || sourceIndex === 0)) {
+ if (shape.header && shape.hasHeader) {
+ var changeHeaderIndex = (targetIndex === 0) ? sourceIndex : targetIndex;
+ grid.rows[0].cells[parseInt(changeHeaderIndex.toString(), 10)].children = grid.rows[0].cells[0].children;
+ grid.rows[0].cells[parseInt(changeHeaderIndex.toString(), 10)].columnSpan = grid.rows[0].cells[0].columnSpan;
+ grid.rows[0].cells[0].children = [];
+ }
+ }
+ grid.updateColumnIndex(0, sourceIndex, targetIndex);
+ }
+ }
+ }
+ if (sourceIndex !== targetIndex) {
+ temp = lanes[parseInt(sourceLaneIndex.toString(), 10)];
+ if (temp.canMove) {
+ undoElement = {
+ target: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(target), source: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(obj)
+ };
+ temp = lanes[parseInt(sourceLaneIndex.toString(), 10)];
+ lanes.splice(sourceLaneIndex, 1);
+ lanes.splice(targetLaneIndex, 0, temp);
+ redoElement = {
+ target: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(undoElement.source), source: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(undoElement.target)
+ };
+ entry = {
+ type: 'LanePositionChanged', redoObject: redoElement,
+ undoObject: undoElement, category: 'Internal'
+ };
+ if (!(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].UndoRedo)) {
+ diagram.commandHandler.addHistoryEntry(entry);
+ }
+ ChangeLaneIndex(diagram, swimLane, 0);
+ updateConnectorsProperties(connectors, diagram);
+ updateSwimLaneChildPosition(lanes, diagram);
+ swimLane.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_6__["Size"](swimLane.width, swimLane.height));
+ swimLane.wrapper.arrange(swimLane.wrapper.desiredSize);
+ diagram.updateDiagramObject(swimLane);
+ }
+ }
+ }
+ diagram.updateDiagramElementQuad();
+}
+/**
+ * updateSwimLaneObject method \
+ *
+ * @returns {void} updateSwimLaneObject method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {Node} obj - provide the obj value.
+ * @param {NodeModel} swimLane - provide the target value.
+ * @param {NodeModel} helperObject - provide the position value.
+ * @private
+ */
+function updateSwimLaneObject(diagram, obj, swimLane, helperObject) {
+ var parentNode = diagram.getObject(swimLane.id);
+ var shape = parentNode.shape;
+ var index = (shape.header && shape.hasHeader) ? 1 : 0;
+ var lanes = shape.lanes;
+ var phases = shape.phases;
+ var helperWidth = helperObject.wrapper.actualSize.width;
+ var helperHeight = helperObject.wrapper.actualSize.height;
+ var objWidth = obj.wrapper.actualSize.width;
+ var objHeight = obj.wrapper.actualSize.height;
+ if (parentNode.shape.type === 'SwimLane') {
+ if (shape.orientation === 'Horizontal') {
+ if (obj.isPhase) {
+ phases[obj.columnIndex].offset += (helperWidth - objWidth);
+ }
+ else {
+ index = (shape.phaseSize && shape.phases.length > 0) ? index + 1 : index;
+ lanes[(obj.rowIndex - index)].height += (helperHeight - objHeight);
+ }
+ }
+ else {
+ if (obj.isPhase) {
+ phases[(obj.rowIndex - index)].offset += (helperHeight - objHeight);
+ }
+ else {
+ index = (shape.phaseSize && shape.phases.length > 0) ? 1 : 0;
+ lanes[(obj.columnIndex - index)].width += (helperWidth - objWidth);
+ }
+ }
+ }
+}
+/**
+ * findLaneIndex method \
+ *
+ * @returns {number} findLaneIndex method .\
+ * @param {NodeModel} swimLane - provide the diagram value.
+ * @param {NodeModel} laneObj - provide the obj value.
+ * @private
+ */
+function findLaneIndex(swimLane, laneObj) {
+ var laneIndex;
+ var shape = swimLane.shape;
+ var index = (shape.header && shape.hasHeader) ? 1 : 0;
+ if (shape.orientation === 'Horizontal') {
+ index += shape.phases.length > 0 ? 1 : 0;
+ laneIndex = laneObj.rowIndex - index;
+ }
+ else {
+ laneIndex = laneObj.columnIndex - (shape.phaseSize && shape.phases.length > 0 ? 1 : 0);
+ }
+ return laneIndex;
+}
+/**
+ * findPhaseIndex method \
+ *
+ * @returns {number} findPhaseIndex method .\
+ * @param {NodeModel} phase - provide the diagram value.
+ * @param {NodeModel} swimLane - provide the obj value.
+ * @private
+ */
+function findPhaseIndex(phase, swimLane) {
+ var shape = swimLane.shape;
+ var index = (shape.header && shape.hasHeader) ? 1 : 0;
+ var phaseIndex = (shape.orientation === 'Horizontal') ? phase.columnIndex : phase.rowIndex - index;
+ return phaseIndex;
+}
+/**
+ * findStartLaneIndex method \
+ *
+ * @returns {number} findStartLaneIndex method .\
+ * @param {NodeModel} swimLane - provide the obj value.
+ * @private
+ */
+function findStartLaneIndex(swimLane) {
+ var index = 0;
+ var shape = swimLane.shape;
+ if (shape.orientation === 'Horizontal') {
+ index = (shape.header && shape.hasHeader) ? 1 : 0;
+ }
+ if (shape.phases.length > 0 && shape.phaseSize) {
+ index += 1;
+ }
+ return index;
+}
+/**
+ * updatePhaseMaxWidth method \
+ *
+ * @returns {void} updatePhaseMaxWidth method .\
+ * @param {NodeModel} parent - provide the obj value.
+ * @param {Diagram} diagram - provide the obj value.
+ * @param {Canvas} wrapper - provide the obj value.
+ * @param {number} columnIndex - provide the obj value.
+ * @private
+ */
+function updatePhaseMaxWidth(parent, diagram, wrapper, columnIndex) {
+ var shape = parent.shape;
+ if (shape.phases.length > 0) {
+ var node = diagram.nameTable[shape.phases[parseInt(columnIndex.toString(), 10)].header.id];
+ if (node && node.maxWidth < wrapper.outerBounds.width) {
+ node.maxWidth = wrapper.outerBounds.width;
+ node.wrapper.maxWidth = wrapper.outerBounds.width;
+ }
+ }
+}
+/**
+ * updateHeaderMaxWidth method \
+ *
+ * @returns {void} updateHeaderMaxWidth method .\
+ * @param {NodeModel} diagram - provide the obj value.
+ * @param {NodeModel} swimLane - provide the obj value.
+ * @private
+ */
+function updateHeaderMaxWidth(diagram, swimLane) {
+ if (swimLane.shape.header && swimLane.shape.hasHeader) {
+ var grid = swimLane.wrapper.children[0];
+ var id = grid.rows[0].cells[0].children[0].id;
+ var headerNode = diagram.nameTable["" + id];
+ if (headerNode && headerNode.isHeader && headerNode.maxWidth < swimLane.width) {
+ headerNode.maxWidth = swimLane.width;
+ headerNode.wrapper.maxWidth = swimLane.width;
+ }
+ }
+}
+/**
+ * addLane method \
+ *
+ * @returns {void} addLane method .\
+ * @param {Diagram} diagram - provide the obj value.
+ * @param {NodeModel} parent - provide the obj value.
+ * @param {LaneModel} lane - provide the obj value.
+ * @param {number} count - provide the obj value.
+ * @private
+ */
+function addLane(diagram, parent, lane, count) {
+ var args;
+ var swimLane = diagram.nameTable[parent.id];
+ if (swimLane.shape.type === 'SwimLane') {
+ diagram.protectPropertyChange(true);
+ var grid = swimLane.wrapper.children[0];
+ var bounds = grid.bounds;
+ var shape = swimLane.shape;
+ var redoObj = void 0;
+ var orientation_1 = false;
+ var entry = void 0;
+ var index = void 0;
+ var children = void 0;
+ var j = void 0;
+ var i = void 0;
+ var k = void 0;
+ var cell = void 0;
+ var child = void 0;
+ var point = void 0;
+ var laneObj = new _objects_node__WEBPACK_IMPORTED_MODULE_0__["Lane"](shape, 'lanes', lane, true);
+ index = (shape.header && shape.hasHeader) ? 1 : 0;
+ if (shape.orientation === 'Horizontal') {
+ orientation_1 = true;
+ index = shape.phases.length > 0 ? index + 1 : index;
+ }
+ var connectors = getConnectors(diagram, grid, 0, true);
+ var laneIndex = (count !== undefined) ? count : shape.lanes.length;
+ index += laneIndex;
+ args = {
+ element: laneObj, cause: diagram.diagramActions, diagramAction: diagram.getDiagramAction(diagram.diagramActions), state: 'Changing', type: 'Addition', cancel: false, laneIndex: laneIndex
+ };
+ diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramEvent"].collectionChange, args);
+ if (!args.cancel) {
+ if (orientation_1) {
+ var rowDef = new _core_containers_grid__WEBPACK_IMPORTED_MODULE_1__["RowDefinition"]();
+ rowDef.height = lane.height;
+ grid.addRow(index, rowDef, false);
+ swimLane.height = (swimLane.height !== undefined) ? swimLane.height + lane.height : swimLane.height;
+ swimLane.wrapper.height = grid.height = swimLane.height;
+ }
+ else {
+ var colDef = new _core_containers_grid__WEBPACK_IMPORTED_MODULE_1__["ColumnDefinition"]();
+ colDef.width = lane.width;
+ grid.addColumn(laneIndex + 1, colDef, false);
+ if (swimLane.width) {
+ swimLane.width += lane.width;
+ swimLane.wrapper.width = grid.width = swimLane.width;
+ }
+ if (!(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].UndoRedo)) {
+ grid.rows[0].cells[0].columnSpan += 1;
+ }
+ }
+ if (!(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].UndoRedo)) {
+ laneObj.id = (laneObj.id === '') ? Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["randomId"])() : laneObj.id;
+ }
+ if (count !== undefined) {
+ shape.lanes.splice(count, 0, laneObj);
+ }
+ else {
+ shape.lanes.push(laneObj);
+ }
+ args = {
+ element: laneObj, cause: diagram.diagramActions, diagramAction: diagram.getDiagramAction(diagram.diagramActions), state: 'Changed', type: 'Addition', cancel: false, laneIndex: laneIndex
+ };
+ diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramEvent"].collectionChange, args);
+ laneCollection(grid, diagram, swimLane, index, laneIndex, orientation_1);
+ redoObj = (shape.orientation === 'Horizontal') ?
+ diagram.nameTable[grid.rows[parseInt(index.toString(), 10)].cells[0].children[0].id] :
+ ((shape.header && shape.hasHeader) ? diagram.nameTable[grid.rows[1].cells[parseInt(index.toString(), 10)].children[0].id] :
+ diagram.nameTable[grid.rows[0].cells[parseInt(index.toString(), 10)].children[0].id]);
+ if (!(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].UndoRedo)) {
+ entry = {
+ type: 'LaneCollectionChanged', changeType: 'Insert', undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(laneObj),
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(redoObj), category: 'Internal'
+ };
+ diagram.addHistoryEntry(entry);
+ }
+ var startRowIndex = (shape.orientation === 'Horizontal') ?
+ index : ((shape.header && shape.hasHeader) ? 1 : 0);
+ ChangeLaneIndex(diagram, swimLane, startRowIndex);
+ swimLaneMeasureAndArrange(swimLane);
+ updateHeaderMaxWidth(diagram, swimLane);
+ children = lane.children;
+ if (children && children.length > 0) {
+ for (j = 0; j < children.length; j++) {
+ child = children[parseInt(j.toString(), 10)];
+ point = { x: child.wrapper.offsetX, y: child.wrapper.offsetY };
+ if (shape.orientation === 'Horizontal') {
+ cell = grid.rows[parseInt(index.toString(), 10)].cells[parseInt(i.toString(), 10)];
+ for (i = 0; i < grid.rows[parseInt(index.toString(), 10)].cells.length; i++) {
+ addChildNodeToNewLane(diagram, grid.rows[parseInt(index.toString(), 10)].cells[parseInt(i.toString(), 10)], point, child);
+ }
+ }
+ else {
+ for (k = 0; k < grid.rows.length; k++) {
+ cell = grid.rows[parseInt(k.toString(), 10)].cells[parseInt(index.toString(), 10)];
+ addChildNodeToNewLane(diagram, cell, point, child);
+ }
+ }
+ }
+ }
+ updateConnectorsProperties(connectors, diagram);
+ diagram.drag(swimLane, bounds.x - grid.bounds.x, bounds.y - grid.bounds.y);
+ }
+ diagram.protectPropertyChange(false);
+ }
+}
+/**
+ * addChildNodeToNewLane method \
+ *
+ * @returns {void} addChildNodeToNewLane method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {GridCell} cell - provide the cell value.
+ * @param {PointModel} point - provide the point value.
+ * @param {NodeModel} child - provide the child value.
+ * @private
+ */
+function addChildNodeToNewLane(diagram, cell, point, child) {
+ if (cell.children && cell.children.length > 0) {
+ var canvas = cell.children[0];
+ var parent_1 = diagram.nameTable[canvas.id];
+ if (canvas.bounds.containsPoint(point)) {
+ diagram.addChild(parent_1, child);
+ }
+ }
+}
+/**
+ * addPhase method \
+ *
+ * @returns {void} addPhase method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} parent - provide the cell value.
+ * @param {PhaseModel} newPhase - provide the point value.
+ * @private
+ */
+function addPhase(diagram, parent, newPhase) {
+ if (parent.shape.type === 'SwimLane') {
+ var gridRowIndex = void 0;
+ var gridColIndex = void 0;
+ var phaseNode = void 0;
+ var phase = void 0;
+ var previousPhase = void 0;
+ var nextPhase = void 0;
+ var phaseIndex = void 0;
+ var i = void 0;
+ var x = parent.wrapper.bounds.x;
+ var y = parent.wrapper.bounds.y;
+ var shape = parent.shape;
+ var padding = shape.padding;
+ var phasesCollection = shape.phases;
+ var width = void 0;
+ var grid = parent.wrapper.children[0];
+ var orientation_2 = shape.orientation === 'Horizontal' ? true : false;
+ gridRowIndex = (shape.header && shape.hasHeader) ? 0 : -1;
+ if (shape.phases.length > 0) {
+ gridRowIndex += 1;
+ gridColIndex = 0;
+ }
+ var laneHeaderSize = (orientation_2) ? shape.lanes[0].header.width : shape.lanes[0].header.height;
+ if (newPhase.offset > laneHeaderSize) {
+ for (i = 0; i < phasesCollection.length; i++) {
+ phase = phasesCollection[parseInt(i.toString(), 10)];
+ previousPhase = (i > 0) ? phasesCollection[i - 1] : phase;
+ if (phase.offset > newPhase.offset) {
+ width = (i > 0) ? newPhase.offset - previousPhase.offset : newPhase.offset;
+ if (orientation_2) {
+ var nextCol = grid.columnDefinitions()[parseInt(i.toString(), 10)];
+ nextCol.width -= width;
+ nextPhase = diagram.nameTable[shape.phases[parseInt(i.toString(), 10)].header.id];
+ nextPhase.maxWidth = nextPhase.wrapper.maxWidth = nextCol.width;
+ grid.updateColumnWidth(i, nextCol.width, false);
+ var addPhase_1 = new _core_containers_grid__WEBPACK_IMPORTED_MODULE_1__["ColumnDefinition"]();
+ addPhase_1.width = width;
+ phaseIndex = i;
+ grid.addColumn(i, addPhase_1, false);
+ break;
+ }
+ else {
+ var nextRow = grid.rowDefinitions()[i + gridRowIndex];
+ nextRow.height -= width;
+ nextPhase = diagram.nameTable[shape.phases[parseInt(i.toString(), 10)].header.id];
+ grid.updateRowHeight(i + gridRowIndex, nextRow.height, false);
+ var addPhase_2 = new _core_containers_grid__WEBPACK_IMPORTED_MODULE_1__["RowDefinition"]();
+ addPhase_2.height = width;
+ phaseIndex = i;
+ grid.addRow(i + gridRowIndex, addPhase_2, false);
+ break;
+ }
+ }
+ }
+ if (diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].UndoRedo && phaseIndex === undefined) {
+ var entry = diagram.historyManager.currentEntry.next;
+ if (entry.isLastPhase) {
+ phaseIndex = phasesCollection.length;
+ addLastPhase(phaseIndex, parent, entry, grid, orientation_2, newPhase);
+ }
+ }
+ var phaseObj = new _objects_node__WEBPACK_IMPORTED_MODULE_0__["Phase"]((parent.shape), 'phases', newPhase, true);
+ if (!(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].UndoRedo)) {
+ phaseObj.id += Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["randomId"])();
+ }
+ shape.phases.splice(phaseIndex, 0, phaseObj);
+ phaseDefine(grid, diagram, parent, gridRowIndex, orientation_2, phaseIndex);
+ if (orientation_2) {
+ phaseNode = diagram.nameTable[grid.rows[parseInt(gridRowIndex.toString(), 10)].cells[parseInt(phaseIndex.toString(), 10)].children[0].id];
+ if (phaseIndex === 0 && shape.header && shape.hasHeader) {
+ grid.rows[0].cells[0].children = grid.rows[0].cells[1].children;
+ grid.rows[0].cells[1].children = [];
+ var fristRow = grid.rows[0];
+ for (var i_2 = 0; i_2 < fristRow.cells.length; i_2++) {
+ fristRow.cells[parseInt(i_2.toString(), 10)].minWidth = undefined;
+ if (i_2 === 0) {
+ fristRow.cells[parseInt(i_2.toString(), 10)].columnSpan = grid.rows[0].cells.length;
+ }
+ else {
+ fristRow.cells[parseInt(i_2.toString(), 10)].columnSpan = 1;
+ }
+ }
+ }
+ addHorizontalPhase(diagram, parent, grid, phaseIndex, orientation_2);
+ var col = grid.columnDefinitions();
+ grid.updateColumnWidth(phaseIndex, col[parseInt(phaseIndex.toString(), 10)].width, true, padding);
+ phaseNode.maxWidth = phaseNode.wrapper.maxWidth = col[parseInt(phaseIndex.toString(), 10)].width;
+ if (col.length > phaseIndex + 1) {
+ var nextPhaseNode = diagram.nameTable[grid.rows[parseInt(gridRowIndex.toString(), 10)].cells[phaseIndex + 1].children[0].id];
+ grid.updateColumnWidth(phaseIndex + 1, col[phaseIndex + 1].width, true, padding);
+ nextPhaseNode.maxWidth = nextPhaseNode.wrapper.maxWidth = col[phaseIndex + 1].width;
+ }
+ parent.width = parent.wrapper.width = parent.wrapper.children[0].width = grid.width;
+ }
+ else {
+ phaseNode = diagram.nameTable[grid.rows[gridRowIndex + phaseIndex].cells[0].children[0].id];
+ var row = grid.rowDefinitions();
+ var size = row[gridRowIndex + phaseIndex].height;
+ addVerticalPhase(diagram, parent, grid, gridRowIndex + phaseIndex, orientation_2);
+ grid.updateRowHeight(gridRowIndex + phaseIndex, size, true, padding);
+ if (row.length > gridRowIndex + phaseIndex + 1) {
+ size = row[gridRowIndex + phaseIndex + 1].height;
+ grid.updateRowHeight(gridRowIndex + phaseIndex + 1, size, true, padding);
+ }
+ parent.height = parent.wrapper.height = parent.wrapper.children[0].height = grid.actualSize.height;
+ }
+ swimLaneMeasureAndArrange(parent);
+ parent.width = parent.wrapper.actualSize.width;
+ updateHeaderMaxWidth(diagram, parent);
+ diagram.drag(parent, x - parent.wrapper.bounds.x, y - parent.wrapper.bounds.y);
+ checkPhaseOffset(parent, diagram);
+ if (!(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].UndoRedo)) {
+ var entry = {
+ type: 'PhaseCollectionChanged', changeType: 'Insert', undoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(phaseObj),
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(phaseNode), category: 'Internal'
+ };
+ diagram.addHistoryEntry(entry);
+ }
+ diagram.updateDiagramObject(parent);
+ }
+ }
+}
+/**
+ * addLastPhase method \
+ *
+ * @returns {void} addLastPhase method .\
+ * @param {number} phaseIndex - provide the diagram value.
+ * @param {NodeModel} parent - provide the cell value.
+ * @param {HistoryEntry} entry - provide the point value.
+ * @param {GridPanel} grid - provide the grid value.
+ * @param {boolean} orientation - provide the orientation value.
+ * @param {PhaseModel} newPhase - provide the newPhase value.
+ * @private
+ */
+function addLastPhase(phaseIndex, parent, entry, grid, orientation, newPhase) {
+ var shape = parent.shape;
+ var prevPhase = shape.phases[phaseIndex - 2];
+ var prevOffset = entry.previousPhase.offset;
+ if (orientation) {
+ var nextCol = grid.columnDefinitions()[phaseIndex - 1];
+ var addPhase_3 = new _core_containers_grid__WEBPACK_IMPORTED_MODULE_1__["ColumnDefinition"]();
+ if (phaseIndex > 1) {
+ addPhase_3.width = (nextCol.width) - (prevOffset - prevPhase.offset);
+ nextCol.width = prevOffset - prevPhase.offset;
+ }
+ else {
+ addPhase_3.width = nextCol.width - prevOffset;
+ nextCol.width = prevOffset;
+ }
+ grid.updateColumnWidth(phaseIndex - 1, nextCol.width, false);
+ grid.addColumn(phaseIndex, addPhase_3, false);
+ }
+ else {
+ var nextCol = grid.rowDefinitions()[parseInt(phaseIndex.toString(), 10)];
+ var addPhase_4 = new _core_containers_grid__WEBPACK_IMPORTED_MODULE_1__["RowDefinition"]();
+ if (phaseIndex > 1) {
+ addPhase_4.height = entry.undoObject.offset - prevOffset;
+ nextCol.height = prevOffset - prevPhase.offset;
+ }
+ else {
+ addPhase_4.height = nextCol.height - prevOffset;
+ nextCol.height = prevOffset;
+ }
+ grid.updateRowHeight(phaseIndex, nextCol.height, false);
+ grid.addRow(1 + phaseIndex, addPhase_4, false);
+ }
+}
+/**
+ * addHorizontalPhase method \
+ *
+ * @returns {void} addHorizontalPhase method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} node - provide the cell value.
+ * @param {GridPanel} grid - provide the point value.
+ * @param {number} index - provide the point value.
+ * @param {boolean} orientation - provide the point value.
+ * @private
+ */
+function addHorizontalPhase(diagram, node, grid, index, orientation) {
+ var shape = node.shape;
+ var nextCell;
+ var i;
+ var prevCell;
+ var gridCell;
+ var row;
+ var laneIndex = findStartLaneIndex(node);
+ if (shape.header && shape.hasHeader) {
+ grid.rows[0].cells[0].columnSpan = grid.rows[0].cells.length;
+ }
+ for (i = laneIndex; i < grid.rows.length; i++) {
+ row = grid.rows[parseInt(i.toString(), 10)];
+ prevCell = row.cells[index - 1];
+ gridCell = row.cells[parseInt(index.toString(), 10)];
+ nextCell = row.cells[index + 1];
+ addSwimlanePhases(diagram, node, prevCell, gridCell, nextCell, i, index);
+ }
+ ChangeLaneIndex(diagram, node, 1);
+}
+/**
+ * addVerticalPhase method \
+ *
+ * @returns {void} addVerticalPhase method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} node - provide the cell value.
+ * @param {GridPanel} grid - provide the point value.
+ * @param {number} rowIndex - provide the point value.
+ * @param {boolean} orientation - provide the point value.
+ * @private
+ */
+function addVerticalPhase(diagram, node, grid, rowIndex, orientation) {
+ var prevCell;
+ var gridCell;
+ var nextCell;
+ var row = grid.rows[parseInt(rowIndex.toString(), 10)];
+ var nextRow = grid.rows[rowIndex + 1];
+ var prevRow = grid.rows[rowIndex - 1];
+ for (var i = 1; i < row.cells.length; i++) {
+ gridCell = row.cells[parseInt(i.toString(), 10)];
+ nextCell = (nextRow) ? nextRow.cells[parseInt(i.toString(), 10)] : undefined;
+ prevCell = prevRow.cells[parseInt(i.toString(), 10)];
+ addSwimlanePhases(diagram, node, prevCell, gridCell, nextCell, rowIndex, i);
+ }
+ ChangeLaneIndex(diagram, node, 1);
+}
+/**
+ * addSwimlanePhases method \
+ *
+ * @returns {void} addSwimlanePhases method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} node - provide the node value.
+ * @param {GridPanel} prevCell - provide the prevCell value.
+ * @param {number} gridCell - provide the gridCell value.
+ * @param {boolean} nextCell - provide the nextCell value.
+ * @param {boolean} rowIndex - provide the rowIndex value.
+ * @param {boolean} columnIndex - provide the columnIndex value.
+ * @private
+ */
+function addSwimlanePhases(diagram, node, prevCell, gridCell, nextCell, rowIndex, columnIndex) {
+ var x;
+ var y;
+ var shape = node.shape;
+ var orientation = shape.orientation === 'Horizontal' ? true : false;
+ var grid = node.wrapper.children[0];
+ var width = gridCell.desiredCellWidth;
+ var height = gridCell.desiredCellHeight;
+ //const col: number = (orientation) ? rowIndex : columnIndex;
+ //let parentWrapper: Container;
+ var j;
+ var i = (orientation) ? rowIndex : columnIndex;
+ if (prevCell) {
+ x = orientation ? prevCell.bounds.x + prevCell.bounds.width : prevCell.bounds.x;
+ y = orientation ? prevCell.bounds.y : prevCell.bounds.y + prevCell.bounds.height;
+ }
+ else {
+ x = grid.bounds.x;
+ y = nextCell.bounds.y;
+ }
+ var rect = new _primitives_rect__WEBPACK_IMPORTED_MODULE_8__["Rect"](x, y, width, height);
+ var canvas = {
+ id: node.id + ((orientation) ? shape.lanes[i - 2] : shape.lanes[i - 1]).id + Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["randomId"])()[0],
+ rowIndex: rowIndex, columnIndex: columnIndex,
+ width: gridCell.minWidth, height: gridCell.minHeight,
+ style: ((orientation) ? shape.lanes[i - 2] : shape.lanes[i - 1]).style,
+ constraints: _enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].Default | _enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].AllowDrop,
+ container: { type: 'Canvas', orientation: orientation ? 'Horizontal' : 'Vertical' }
+ };
+ var parentWrapper = addObjectToGrid(diagram, grid, node, canvas, false, false, true);
+ parentWrapper.children[0].isCalculateDesiredSize = false;
+ grid.addObject(parentWrapper, rowIndex, columnIndex);
+ if (nextCell && nextCell.children && nextCell.children.length) {
+ for (j = 0; j < nextCell.children.length; j++) {
+ if (orientation) {
+ diagram.nameTable[nextCell.children[parseInt(j.toString(), 10)].id].columnIndex += 1;
+ }
+ else {
+ diagram.nameTable[nextCell.children[parseInt(j.toString(), 10)].id].rowIndex += 1;
+ }
+ }
+ }
+ arrangeChildInGrid(diagram, nextCell, gridCell, rect, parentWrapper, orientation, prevCell);
+}
+/**
+ * arrangeChildInGrid method \
+ *
+ * @returns {void} arrangeChildInGrid method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {GridCell} nextCell - provide the nextCell value.
+ * @param {GridPanel} gridCell - provide the gridCell value.
+ * @param {Rect} rect - provide the rect value.
+ * @param {Container} parentWrapper - provide the parentWrapper value.
+ * @param {boolean} orientation - provide the orientation value.
+ * @param {GridCell} prevCell - provide the prevCell value.
+ * @private
+ */
+function arrangeChildInGrid(diagram, nextCell, gridCell, rect, parentWrapper, orientation, prevCell) {
+ var child;
+ var point;
+ var childNode;
+ var parent = diagram.nameTable[parentWrapper.id];
+ var changeCell = (!nextCell) ? prevCell : nextCell;
+ var swimLane = diagram.nameTable[parent.parentId];
+ var padding = swimLane.shape.padding;
+ if (changeCell.children && changeCell.children[0].children.length > 1) {
+ for (var j = 1; j < changeCell.children[0].children.length; j++) {
+ child = changeCell.children[0].children[parseInt(j.toString(), 10)];
+ childNode = diagram.nameTable[child.id];
+ point = (orientation) ? { x: child.bounds.x, y: child.bounds.center.y } :
+ { x: child.bounds.center.x, y: child.bounds.top };
+ if (rect.containsPoint(point)) {
+ gridCell.children[0].children.push(child);
+ changeCell.children[0].children.splice(j, 1);
+ j--;
+ diagram.deleteChild(childNode);
+ if (!childNode.isLane) {
+ childNode.parentId = parentWrapper.id;
+ }
+ if (!parent.children) {
+ parent.children = [];
+ }
+ if (!nextCell) {
+ if (orientation) {
+ childNode.margin.left = childNode.wrapper.bounds.x - changeCell.children[0].bounds.right;
+ }
+ else {
+ childNode.margin.top = childNode.wrapper.bounds.y - changeCell.children[0].bounds.bottom;
+ }
+ }
+ parent.children.push(child.id);
+ childNode.zIndex = parent.zIndex + 1;
+ diagram.removeElements(childNode);
+ }
+ else if (nextCell) {
+ if (orientation) {
+ childNode.margin.left -= gridCell.desiredCellWidth;
+ if (padding > childNode.margin.left) {
+ childNode.margin.left = padding;
+ }
+ }
+ else {
+ childNode.margin.top -= gridCell.desiredCellHeight;
+ if (padding > childNode.margin.top) {
+ childNode.margin.top = padding;
+ }
+ }
+ }
+ }
+ }
+}
+/**
+ * swimLaneSelection method \
+ *
+ * @returns {void} swimLaneSelection method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} node - provide the node value.
+ * @param {string} corner - provide the corner value.
+ * @private
+ */
+function swimLaneSelection(diagram, node, corner) {
+ if (node.shape.type === 'SwimLane' && (corner === 'ResizeSouth' || corner === 'ResizeEast')) {
+ var shape = node.shape;
+ var wrapper = node.wrapper.children[0];
+ var child = void 0;
+ var index = void 0;
+ if (corner === 'ResizeSouth') {
+ if (shape.orientation === 'Vertical') {
+ child = wrapper.rows[wrapper.rows.length - 1].cells[0];
+ }
+ else {
+ index = wrapper.rows.length - 1;
+ child = wrapper.rows[parseInt(index.toString(), 10)].cells[wrapper.rows[parseInt(index.toString(), 10)].cells.length - 1];
+ }
+ }
+ else {
+ index = (shape.header && shape.hasHeader) ? 1 : 0;
+ child = wrapper.rows[parseInt(index.toString(), 10)].cells[wrapper.rows[parseInt(index.toString(), 10)].cells.length - 1];
+ }
+ diagram.commandHandler.select(diagram.nameTable[child.children[0].id]);
+ }
+}
+/**
+ * pasteSwimLane method \
+ *
+ * @returns {void} pasteSwimLane method .\
+ * @param {Diagram} swimLane - provide the diagram value.
+ * @param {NodeModel} diagram - provide the diagram value.
+ * @param {string} clipboardData - provide the clipboardData value.
+ * @param {string} laneNode - provide the laneNode value.
+ * @param {string} isLane - provide the isLane value.
+ * @param {string} isUndo - provide the isUndo value.
+ * @private
+ */
+function pasteSwimLane(swimLane, diagram, clipboardData, laneNode, isLane, isUndo) {
+ var i;
+ var j;
+ var lane;
+ var phase;
+ var node;
+ var ranId = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["randomId"])();
+ var cloneLane;
+ var childX;
+ var childY;
+ var shape = swimLane.shape; //let lanes: LaneModel[];
+ var phases = shape.phases;
+ var nodeX = swimLane.offsetX - swimLane.wrapper.actualSize.width / 2;
+ var nodeY = swimLane.offsetY - swimLane.wrapper.actualSize.height / 2;
+ if (shape.orientation === 'Vertical') {
+ nodeY += (shape.header && shape.hasHeader) ? shape.header.height : 0;
+ }
+ if (!isUndo) {
+ if (!isLane) {
+ swimLane.id += ranId;
+ if (shape && shape.header && shape.hasHeader) {
+ shape.header.id += ranId;
+ }
+ else {
+ shape.header = undefined;
+ }
+ }
+ for (i = 0; phases && i < phases.length; i++) {
+ phase = phases[parseInt(i.toString(), 10)];
+ phase.id += ranId;
+ }
+ }
+ var lanes = (isLane) ? [clipboardData.childTable[laneNode.id]] : shape.lanes;
+ for (i = 0; lanes && i < lanes.length; i++) {
+ lane = lanes[parseInt(i.toString(), 10)];
+ if (!isUndo) {
+ lane.id += ranId;
+ }
+ for (j = 0; lane.children && j < lane.children.length; j++) {
+ node = lane.children[parseInt(j.toString(), 10)];
+ childX = node.wrapper.offsetX - node.width / 2;
+ childY = node.wrapper.offsetY - node.height / 2;
+ node.zIndex = -1;
+ node.inEdges = node.outEdges = [];
+ if (isUndo || (clipboardData && (clipboardData.pasteIndex === 1 || clipboardData.pasteIndex === 0))) {
+ if (shape.orientation === 'Vertical') {
+ node.margin.top = childY - nodeY;
+ }
+ else {
+ node.margin.left = childX - nodeX;
+ }
+ }
+ if (!isUndo) {
+ node.id += ranId;
+ }
+ }
+ }
+ if (!isUndo) {
+ if (isLane) {
+ var newShape = {
+ lanes: lanes,
+ phases: phases, phaseSize: shape.phaseSize,
+ type: 'SwimLane', orientation: shape.orientation,
+ header: { annotation: { content: 'Title' }, height: 50 }
+ };
+ cloneLane = { shape: newShape };
+ if (shape.orientation === 'Horizontal') {
+ cloneLane.width = swimLane.wrapper.actualSize.width;
+ cloneLane.height = laneNode.wrapper.actualSize.height + shape.header.height + shape.phaseSize;
+ cloneLane.offsetX = swimLane.wrapper.offsetX + (clipboardData.pasteIndex * 10);
+ cloneLane.offsetY = laneNode.wrapper.offsetY + (clipboardData.pasteIndex * 10);
+ }
+ else {
+ cloneLane.width = laneNode.wrapper.actualSize.width;
+ cloneLane.height = swimLane.wrapper.actualSize.height;
+ cloneLane.offsetX = laneNode.wrapper.offsetX + (clipboardData.pasteIndex * 10);
+ cloneLane.offsetY = swimLane.wrapper.offsetY + (clipboardData.pasteIndex * 10);
+ }
+ swimLane = cloneLane;
+ }
+ if (clipboardData.pasteIndex !== 0) {
+ swimLane.offsetX += 10;
+ swimLane.offsetY += 10;
+ }
+ swimLane.zIndex = -1;
+ swimLane = diagram.add(swimLane);
+ if (!isLane) {
+ for (var _i = 0, _a = Object.keys(clipboardData.childTable); _i < _a.length; _i++) {
+ var i_3 = _a[_i];
+ var connector = clipboardData.childTable["" + i_3];
+ connector.id += ranId;
+ connector.sourceID += ranId;
+ connector.targetID += ranId;
+ connector.zIndex = -1;
+ diagram.add(connector);
+ }
+ }
+ if (diagram.mode !== 'SVG') {
+ diagram.refreshDiagramLayer();
+ }
+ diagram.select([swimLane]);
+ }
+ return swimLane;
+}
+/**
+ * gridSelection method \
+ *
+ * @returns {void} gridSelection method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {SelectorModel} selectorModel - provide the selectorModel value.
+ * @param {string} id - provide the id value.
+ * @param {boolean} isSymbolDrag - provide the isSymbolDrag value.
+ * @private
+ */
+function gridSelection(diagram, selectorModel, id, isSymbolDrag) {
+ var canvas;
+ var node = selectorModel.nodes[0];
+ if (isSymbolDrag || Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_9__["checkParentAsContainer"])(diagram, node, true)) {
+ var targetnode = void 0;
+ var bounds = void 0;
+ var swimLaneId = void 0;
+ var element = new _core_elements_diagram_element__WEBPACK_IMPORTED_MODULE_4__["DiagramElement"]();
+ if (id) {
+ swimLaneId = (diagram.nameTable["" + id].parentId);
+ targetnode = node = diagram.nameTable["" + id];
+ }
+ var wrapper = !id ? node.wrapper : targetnode.wrapper;
+ var parentNode = diagram.nameTable[swimLaneId || node.parentId];
+ if (parentNode && parentNode.container.type === 'Grid') {
+ canvas = new _core_containers_canvas__WEBPACK_IMPORTED_MODULE_7__["Canvas"]();
+ canvas.children = [];
+ if (isSymbolDrag || !(node.isHeader)) {
+ if ((parentNode.container.orientation === 'Horizontal' && node.isPhase) ||
+ (parentNode.container.orientation === 'Vertical' &&
+ (node.rowIndex > 0 && node.columnIndex > 0 || node.isLane))) {
+ bounds = Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_9__["findBounds"])(parentNode, (targetnode) ? targetnode.columnIndex : node.columnIndex, (parentNode.shape.header && parentNode.shape.hasHeader) ? true : false);
+ canvas.offsetX = bounds.center.x;
+ canvas.offsetY = bounds.center.y;
+ element.width = bounds.width;
+ element.height = bounds.height;
+ }
+ else {
+ canvas.offsetX = parentNode.offsetX;
+ canvas.offsetY = wrapper.offsetY;
+ element.width = parentNode.wrapper.actualSize.width;
+ element.height = wrapper.actualSize.height;
+ }
+ }
+ canvas.children.push(element);
+ canvas.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_6__["Size"]());
+ canvas.arrange(canvas.desiredSize);
+ }
+ }
+ return canvas;
+}
+/**
+ * removeLaneChildNode method \
+ *
+ * @returns {void} removeLaneChildNode method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} swimLaneNode - provide the diagram value.
+ * @param {NodeModel} currentObj - provide the currentObj value.
+ * @param {NodeModel} isChildNode - provide the isChildNode value.
+ * @param {number} laneIndex - provide the laneIndex value.
+ * @private
+ */
+function removeLaneChildNode(diagram, swimLaneNode, currentObj, isChildNode, laneIndex) {
+ laneIndex = (laneIndex !== undefined) ? laneIndex : findLaneIndex(swimLaneNode, currentObj);
+ var preventHistory = false;
+ var lanenode = swimLaneNode.shape.lanes[parseInt(laneIndex.toString(), 10)];
+ for (var j = lanenode.children.length - 1; j >= 0; j--) {
+ if (isChildNode) {
+ if (isChildNode.id === lanenode.children[parseInt(j.toString(), 10)].id) {
+ lanenode.children.splice(j, 1);
+ }
+ }
+ else {
+ diagram.removeDependentConnector(lanenode.children[parseInt(j.toString(), 10)]);
+ if (!(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].UndoRedo)) {
+ diagram.diagramActions = diagram.diagramActions | _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].UndoRedo;
+ preventHistory = true;
+ }
+ diagram.remove(lanenode.children[parseInt(j.toString(), 10)]);
+ lanenode.children.splice(j, 1);
+ if (preventHistory) {
+ diagram.diagramActions = diagram.diagramActions & ~_enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].UndoRedo;
+ }
+ }
+ }
+}
+/**
+ * getGridChildren method \
+ *
+ * @returns {DiagramElement} getGridChildren method .\
+ * @param {Diagram} obj - provide the obj value.
+ * @private
+ */
+function getGridChildren(obj) {
+ var children = obj.children[0];
+ return children;
+}
+/**
+ * removeSwimLane method \
+ *
+ * @returns {void} removeSwimLane method .\
+ * @param {Diagram} diagram - provide the obj value.
+ * @param {NodeModel} obj - provide the obj value.
+ * @private
+ */
+function removeSwimLane(diagram, obj) {
+ var rows = obj.wrapper.children[0].rows;
+ //let preventHistory: boolean = false;
+ var node;
+ var i;
+ var j;
+ var k;
+ var child;
+ var removeNode;
+ for (i = 0; i < rows.length; i++) {
+ for (j = 0; j < rows[parseInt(i.toString(), 10)].cells.length; j++) {
+ child = getGridChildren(rows[parseInt(i.toString(), 10)].cells[parseInt(j.toString(), 10)]);
+ if (child && child.children) {
+ for (k = child.children.length - 1; k >= 0; k--) {
+ if (child.children[parseInt(k.toString(), 10)].children) {
+ removeNode = diagram.nameTable[child.children[parseInt(k.toString(), 10)].id];
+ if (removeNode) {
+ if (removeNode.isLane) {
+ deleteNode(diagram, removeNode);
+ }
+ else {
+ diagram.removeDependentConnector(removeNode);
+ diagram.diagramActions |= _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].PreventHistory;
+ if ((removeNode.constraints & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].Delete)) {
+ diagram.remove(removeNode);
+ }
+ else {
+ Object(_interaction_container_interaction__WEBPACK_IMPORTED_MODULE_9__["removeChildInContainer"])(diagram, removeNode, {}, false);
+ }
+ diagram.diagramActions &= ~_enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].PreventHistory;
+ }
+ }
+ }
+ }
+ }
+ if (child) {
+ node = diagram.nameTable[child.id];
+ if (node) {
+ deleteNode(diagram, node);
+ }
+ }
+ }
+ }
+}
+/**
+ * deleteNode method \
+ *
+ * @returns {void} deleteNode method .\
+ * @param {Diagram} diagram - provide the obj value.
+ * @param {NodeModel} node - provide the obj value.
+ * @private
+ */
+function deleteNode(diagram, node) {
+ diagram.nodes.splice(diagram.nodes.indexOf(node), 1);
+ diagram.removeFromAQuad(node);
+ diagram.removeObjectsFromLayer(node);
+ delete diagram.nameTable[node.id];
+ diagram.removeElements(node);
+}
+/**
+ * removeLane method \
+ *
+ * @returns {void} removeLane method .\
+ * @param {Diagram} diagram - provide the obj value.
+ * @param {NodeModel} lane - provide the obj value.
+ * @param {NodeModel} swimLane - provide the obj value.
+ * @param {LaneModel} lanes - provide the obj value.
+ * @private
+ */
+function removeLane(diagram, lane, swimLane, lanes) {
+ var args;
+ if (swimLane.shape.type === 'SwimLane') {
+ var shape = swimLane.shape;
+ var laneIndex = void 0;
+ if (shape.lanes.length === 1) {
+ diagram.remove(swimLane);
+ }
+ else {
+ var x = swimLane.wrapper.bounds.x;
+ var y = swimLane.wrapper.bounds.y;
+ var row = void 0;
+ var i = void 0;
+ var cell = void 0;
+ var j = void 0;
+ var child = void 0;
+ var grid = swimLane.wrapper.children[0];
+ laneIndex = (lanes) ? (shape.lanes.indexOf(lanes)) : findLaneIndex(swimLane, lane);
+ args = {
+ element: lane, cause: diagram.diagramActions, diagramAction: diagram.getDiagramAction(diagram.diagramActions), state: 'Changing', type: 'Removal', cancel: false, laneIndex: laneIndex
+ };
+ diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramEvent"].collectionChange, args);
+ if (!args.cancel) {
+ var undoObj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(shape.lanes[parseInt(laneIndex.toString(), 10)]);
+ removeLaneChildNode(diagram, swimLane, lane, undefined, laneIndex);
+ if (!(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].UndoRedo)) {
+ var entry = {
+ type: 'LaneCollectionChanged', changeType: 'Remove', undoObject: undoObj,
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(lane), category: 'Internal'
+ };
+ diagram.addHistoryEntry(entry);
+ }
+ shape.lanes.splice(laneIndex, 1);
+ var index = (lane) ? (shape.orientation === 'Horizontal' ? lane.rowIndex : lane.columnIndex) :
+ (findStartLaneIndex(swimLane) + laneIndex);
+ if (shape.orientation === 'Horizontal') {
+ row = grid.rows[parseInt(index.toString(), 10)];
+ for (i = 0; i < row.cells.length; i++) {
+ cell = row.cells[parseInt(i.toString(), 10)];
+ if (cell && cell.children.length > 0) {
+ for (j = 0; j < cell.children.length; j++) {
+ child = cell.children[parseInt(j.toString(), 10)];
+ removeChildren(diagram, child);
+ }
+ }
+ }
+ grid.removeRow(index);
+ }
+ else {
+ swimLane.width = (swimLane.width !== undefined) ?
+ swimLane.width - grid.rows[0].cells[parseInt(index.toString(), 10)].actualSize.width : swimLane.width;
+ for (i = 0; i < grid.rows.length; i++) {
+ cell = grid.rows[parseInt(i.toString(), 10)].cells[parseInt(index.toString(), 10)];
+ if (cell && cell.children.length > 0) {
+ for (j = 0; j < cell.children.length; j++) {
+ child = cell.children[parseInt(j.toString(), 10)];
+ removeChildren(diagram, child);
+ }
+ }
+ }
+ grid.removeColumn(index);
+ }
+ args = {
+ element: lane, cause: diagram.diagramActions, diagramAction: diagram.getDiagramAction(diagram.diagramActions), state: 'Changed', type: 'Removal', cancel: false, laneIndex: laneIndex
+ };
+ diagram.triggerEvent(_enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramEvent"].collectionChange, args);
+ swimLane.width = swimLane.wrapper.width = grid.width;
+ swimLane.height = swimLane.wrapper.height = grid.height;
+ swimLaneMeasureAndArrange(swimLane);
+ if (swimLane.shape.orientation === 'Vertical') {
+ index = 0;
+ }
+ ChangeLaneIndex(diagram, swimLane, index);
+ diagram.drag(swimLane, x - swimLane.wrapper.bounds.x, y - swimLane.wrapper.bounds.y);
+ diagram.updateDiagramObject(swimLane);
+ }
+ }
+ }
+}
+/**
+ * removeChildren method \
+ *
+ * @returns {void} removeChildren method .\
+ * @param {Diagram} diagram - provide the obj value.
+ * @param {Canvas} canvas - provide the obj value.
+ * @private
+ */
+function removeChildren(diagram, canvas) {
+ var i;
+ var node;
+ if (canvas instanceof _core_containers_canvas__WEBPACK_IMPORTED_MODULE_7__["Canvas"]) {
+ if (canvas.children.length > 0) {
+ for (i = 0; i < canvas.children.length; i++) {
+ if (canvas.children[parseInt(i.toString(), 10)] instanceof _core_containers_canvas__WEBPACK_IMPORTED_MODULE_7__["Canvas"]) {
+ removeChildren(diagram, canvas.children[parseInt(i.toString(), 10)]);
+ }
+ }
+ }
+ node = diagram.getObject(canvas.id);
+ deleteNode(diagram, node);
+ }
+}
+/**
+ * removePhase method \
+ *
+ * @returns {void} removePhase method .\
+ * @param {Diagram} diagram - provide the obj value.
+ * @param {NodeModel} phase - provide the obj value.
+ * @param {NodeModel} swimLane - provide the obj value.
+ * @param {PhaseModel} swimLanePhases - provide the obj value.
+ * @private
+ */
+function removePhase(diagram, phase, swimLane, swimLanePhases) {
+ diagram.protectPropertyChange(true);
+ var x = swimLane.wrapper.bounds.x;
+ var y = swimLane.wrapper.bounds.y;
+ var isLastPhase = false;
+ var previousPhase;
+ var shape = swimLane.shape;
+ var grid = swimLane.wrapper.children[0];
+ var phaseIndex = swimLanePhases ? shape.phases.indexOf(swimLanePhases) : findPhaseIndex(phase, swimLane);
+ var phaseLength = shape.phases.length;
+ if (shape.phases.length > 1) {
+ if (phaseIndex === phaseLength - 1) {
+ isLastPhase = true;
+ previousPhase = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(shape.phases[phaseIndex - 1]);
+ }
+ var undoObj = Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(shape.phases[parseInt(phaseIndex.toString(), 10)]);
+ shape.phases.splice(phaseIndex, 1);
+ if (!(diagram.diagramActions & _enum_enum__WEBPACK_IMPORTED_MODULE_2__["DiagramAction"].UndoRedo)) {
+ var entry = {
+ type: 'PhaseCollectionChanged', changeType: 'Remove', undoObject: undoObj, previousPhase: previousPhase,
+ redoObject: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["cloneObject"])(phase), category: 'Internal', isLastPhase: isLastPhase
+ };
+ diagram.addHistoryEntry(entry);
+ }
+ if (shape.orientation === 'Horizontal') {
+ removeHorizontalPhase(diagram, grid, phase, phaseIndex);
+ }
+ else {
+ removeVerticalPhase(diagram, grid, phase, phaseIndex, swimLane);
+ }
+ updateHeaderMaxWidth(diagram, swimLane);
+ ChangeLaneIndex(diagram, swimLane, 1);
+ checkPhaseOffset(swimLane, diagram);
+ diagram.protectPropertyChange(false);
+ diagram.updateDiagramObject(swimLane);
+ }
+}
+/**
+ * removeHorizontalPhase method \
+ *
+ * @returns {void} removeHorizontalPhase method .\
+ * @param {Diagram} diagram - provide the obj value.
+ * @param {GridPanel} grid - provide the obj value.
+ * @param {NodeModel} phase - provide the obj value.
+ * @param {number} phaseIndex - provide the obj value.
+ * @private
+ */
+function removeHorizontalPhase(diagram, grid, phase, phaseIndex) {
+ var row;
+ var cell;
+ var prevCell;
+ var actualChild; //let prevChild: Canvas;
+ var prevCanvas;
+ var width;
+ phaseIndex = (phaseIndex !== undefined) ? phaseIndex : phase.columnIndex;
+ var i;
+ var j;
+ var k;
+ var child;
+ var node;
+ var object;
+ for (i = 0; i < grid.rows.length; i++) {
+ row = grid.rows[parseInt(i.toString(), 10)];
+ if (row.cells.length > 1) {
+ cell = row.cells[parseInt(phaseIndex.toString(), 10)];
+ prevCell = (row.cells.length - 1 === phaseIndex) ? row.cells[phaseIndex - 1] :
+ row.cells[phaseIndex + 1];
+ prevCanvas = prevCell.children[0];
+ if (cell.children.length > 0) {
+ actualChild = cell.children[0];
+ node = diagram.nameTable[actualChild.id];
+ if (prevCell.children.length === 0 && cell.children.length > 0) {
+ prevCell.children = cell.children;
+ prevCell.columnSpan = cell.columnSpan - 1;
+ }
+ else {
+ for (j = 0; j < actualChild.children.length; j++) {
+ child = actualChild.children[parseInt(j.toString(), 10)];
+ if (child instanceof _core_containers_canvas__WEBPACK_IMPORTED_MODULE_7__["Canvas"]) {
+ object = diagram.nameTable[child.id];
+ if (!object.isLane) {
+ object.parentId = prevCanvas.id;
+ }
+ if ((row.cells.length - 1 === phaseIndex)) {
+ object.margin.left = object.wrapper.bounds.x - prevCanvas.bounds.x;
+ child.margin.left = object.wrapper.bounds.x - prevCanvas.bounds.x;
+ }
+ prevCanvas.children.push(child);
+ if (diagram.nameTable[prevCanvas.id]) {
+ var parentNode = diagram.nameTable[prevCanvas.id];
+ if (!parentNode.children) {
+ parentNode.children = [];
+ }
+ parentNode.children.push(child.id);
+ }
+ actualChild.children.splice(j, 1);
+ j--;
+ if (node && node.children && node.children.indexOf(object.id) !== -1) {
+ node.children.splice(node.children.indexOf(object.id), 1);
+ }
+ }
+ if ((row.cells.length - 1 !== phaseIndex)) {
+ for (k = 0; k < prevCanvas.children.length; k++) {
+ var prevChild = prevCanvas.children[parseInt(k.toString(), 10)];
+ if (prevChild instanceof _core_containers_canvas__WEBPACK_IMPORTED_MODULE_7__["Canvas"]) {
+ var prevNode = diagram.nameTable[prevChild.id];
+ prevNode.margin.left = prevNode.wrapper.bounds.x - actualChild.bounds.x;
+ prevChild.margin.left = prevNode.wrapper.bounds.x - actualChild.bounds.x;
+ }
+ }
+ }
+ }
+ if (node && node.isPhase) {
+ var object_1 = diagram.nameTable[prevCanvas.id];
+ if (object_1) {
+ prevCanvas.maxWidth = object_1.wrapper.maxWidth = object_1.wrapper.maxWidth += node.wrapper.maxWidth;
+ }
+ }
+ deleteNode(diagram, node);
+ }
+ }
+ }
+ }
+ var prevWidth = grid.columnDefinitions()[parseInt(phaseIndex.toString(), 10)].width;
+ grid.removeColumn(phaseIndex);
+ if ((phaseIndex < grid.columnDefinitions().length)) {
+ width = grid.columnDefinitions()[parseInt(phaseIndex.toString(), 10)].width;
+ width += prevWidth;
+ grid.updateColumnWidth(phaseIndex, width, true);
+ }
+ else {
+ width = grid.columnDefinitions()[phaseIndex - 1].width;
+ width += prevWidth;
+ grid.updateColumnWidth(phaseIndex - 1, width, true);
+ }
+}
+/**
+ * removeVerticalPhase method \
+ *
+ * @returns {void} removeVerticalPhase method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {GridPanel} grid - provide the grid value.
+ * @param {NodeModel} phase - provide the phase value.
+ * @param {number} phaseIndex - provide the phaseIndex value.
+ * @param {number} swimLane - provide the swimLane value.
+ * @private
+ */
+function removeVerticalPhase(diagram, grid, phase, phaseIndex, swimLane) {
+ var cell;
+ var height;
+ var i;
+ var j;
+ var k;
+ var prevCell;
+ var prevChild;
+ var shape = swimLane.shape;
+ var child;
+ var object;
+ var phaseRowIndex = (phaseIndex !== undefined) ? ((shape.header) ? phaseIndex + 1 : phaseIndex) : phase.rowIndex;
+ var row = grid.rows[parseInt(phaseRowIndex.toString(), 10)];
+ var top = swimLane.wrapper.bounds.y;
+ var phaseCount = shape.phases.length;
+ if (shape.header !== undefined && shape.hasHeader) {
+ top += grid.rowDefinitions()[0].height;
+ }
+ var prevRow = (phaseIndex === phaseCount) ? grid.rows[phaseRowIndex - 1] : grid.rows[phaseRowIndex + 1];
+ for (i = 0; i < row.cells.length; i++) {
+ cell = row.cells[parseInt(i.toString(), 10)];
+ prevCell = prevRow.cells[parseInt(i.toString(), 10)];
+ prevChild = prevCell.children[0];
+ if (cell.children.length > 0) {
+ var children = cell.children[0];
+ var node = diagram.nameTable[children.id];
+ if (phaseIndex < phaseCount) {
+ for (k = 0; k < prevChild.children.length; k++) {
+ child = prevChild.children[parseInt(k.toString(), 10)];
+ if (child instanceof _core_containers_canvas__WEBPACK_IMPORTED_MODULE_7__["Canvas"]) {
+ object = diagram.nameTable[child.id];
+ object.margin.top = object.wrapper.bounds.y - (phaseIndex === 0 ? top : children.bounds.y);
+ child.margin.top = object.wrapper.bounds.y - (phaseIndex === 0 ? top : children.bounds.y);
+ }
+ }
+ }
+ for (j = 0; j < children.children.length; j++) {
+ child = children.children[parseInt(j.toString(), 10)];
+ if (child instanceof _core_containers_canvas__WEBPACK_IMPORTED_MODULE_7__["Canvas"]) {
+ object = diagram.nameTable[child.id];
+ object.parentId = prevChild.id;
+ if (phaseIndex === phaseCount) {
+ object.margin.top = object.wrapper.bounds.y - (phaseIndex === 0 ? top : prevChild.bounds.y);
+ child.margin.top = object.wrapper.bounds.y - (phaseIndex === 0 ? top : prevChild.bounds.y);
+ }
+ prevChild.children.push(child);
+ children.children.splice(j, 1);
+ j--;
+ if (node.children && node.children.indexOf(object.id) !== -1) {
+ node.children.splice(node.children.indexOf(object.id), 1);
+ }
+ }
+ }
+ deleteNode(diagram, node);
+ }
+ }
+ var prevHeight = grid.rowDefinitions()[parseInt(phaseRowIndex.toString(), 10)].height;
+ grid.removeRow(phaseRowIndex);
+ if ((phaseRowIndex < grid.rowDefinitions().length)) {
+ height = grid.rowDefinitions()[parseInt(phaseRowIndex.toString(), 10)].height;
+ height += prevHeight;
+ grid.updateRowHeight(phaseRowIndex, height, true);
+ }
+ else {
+ height = grid.rowDefinitions()[phaseRowIndex - 1].height;
+ height += prevHeight;
+ grid.updateRowHeight(phaseRowIndex - 1, height, true);
+ }
+}
+/**
+ * considerSwimLanePadding method \
+ *
+ * @returns {void} considerSwimLanePadding method .\
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {NodeModel} node - provide the grid value.
+ * @param {number} padding - provide the phase value.
+ * @private
+ */
+function considerSwimLanePadding(diagram, node, padding) {
+ var lane = diagram.nameTable[node.parentId];
+ if (lane && lane.isLane) {
+ var swimLane = diagram.nameTable[lane.parentId];
+ var grid = swimLane.wrapper.children[0];
+ //let x: number = swimLane.wrapper.bounds.x; let y: number = swimLane.wrapper.bounds.y;
+ grid.updateColumnWidth(lane.columnIndex, grid.columnDefinitions()[lane.columnIndex].width, true, padding);
+ grid.updateRowHeight(lane.rowIndex, grid.rowDefinitions()[lane.rowIndex].height, true, padding);
+ var canvas = lane.wrapper;
+ var laneHeader = void 0;
+ var isConsiderHeader = false;
+ if (node.margin.left < padding) {
+ node.margin.left = padding;
+ }
+ if (node.margin.top < padding) {
+ node.margin.top = padding;
+ }
+ for (var i = 0; i < canvas.children.length; i++) {
+ var child = canvas.children[parseInt(i.toString(), 10)];
+ if (child instanceof _core_containers_canvas__WEBPACK_IMPORTED_MODULE_7__["Canvas"]) {
+ var childNode = diagram.nameTable[child.id];
+ if (childNode.isLane) {
+ laneHeader = childNode.wrapper;
+ isConsiderHeader = true;
+ break;
+ }
+ }
+ }
+ if (laneHeader) {
+ if (swimLane.shape.orientation === 'Horizontal') {
+ if (node.margin.left < padding + laneHeader.actualSize.width) {
+ node.margin.left = padding + laneHeader.actualSize.width;
+ }
+ }
+ else {
+ if (node.margin.top < padding + laneHeader.actualSize.height) {
+ node.margin.top = padding + laneHeader.actualSize.height;
+ }
+ }
+ }
+ swimLane.wrapper.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_6__["Size"](swimLane.width, swimLane.height));
+ swimLane.wrapper.arrange(swimLane.wrapper.desiredSize);
+ node.offsetX = node.wrapper.offsetX;
+ node.offsetY = node.wrapper.offsetY;
+ diagram.nodePropertyChange(node, {}, { margin: { left: node.margin.left, top: node.margin.top } });
+ //EJ2-68372- Text-Annotation in event node is not positioned properly while drag the swimlane
+ if (diagram.bpmnModule && node.shape.type === 'Bpmn' && node.shape.annotations && node.shape.annotations.length > 0) {
+ diagram.nodePropertyChange(node, {}, { margin: { left: node.margin.left, top: node.margin.top } });
+ }
+ grid.measure(new _primitives_size__WEBPACK_IMPORTED_MODULE_6__["Size"](grid.width, grid.height));
+ grid.arrange(grid.desiredSize);
+ swimLane.width = swimLane.wrapper.width = swimLane.wrapper.children[0].actualSize.width;
+ swimLane.height = swimLane.wrapper.height = swimLane.wrapper.children[0].actualSize.height;
+ }
+}
+/**
+ * checkLaneChildrenOffset method \
+ *
+ * @returns {void} checkLaneChildrenOffset method .\
+ * @param {NodeModel} swimLane - provide the diagram value.
+ * @private
+ */
+function checkLaneChildrenOffset(swimLane) {
+ if (swimLane.shape.type === 'SwimLane') {
+ var lanes = swimLane.shape.lanes;
+ var lane = void 0;
+ var child = void 0;
+ for (var i = 0; i < lanes.length; i++) {
+ lane = lanes[parseInt(i.toString(), 10)];
+ for (var j = 0; j < lane.children.length; j++) {
+ child = lane.children[parseInt(j.toString(), 10)];
+ child.offsetX = child.wrapper.offsetX;
+ child.offsetY = child.wrapper.offsetY;
+ }
+ }
+ }
+}
+/**
+ * findLane method \
+ *
+ * @returns {LaneModel} findLane method .\
+ * @param {Node} laneNode - provide the laneNode value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @private
+ */
+function findLane(laneNode, diagram) {
+ var lane;
+ if (laneNode.isLane) {
+ var swimLane = diagram.getObject(laneNode.parentId);
+ if (swimLane && swimLane.shape.type === 'SwimLane' && laneNode.isLane) {
+ var laneIndex = findLaneIndex(swimLane, laneNode);
+ lane = swimLane.shape.lanes[parseInt(laneIndex.toString(), 10)];
+ }
+ }
+ return lane;
+}
+/**
+ * canLaneInterchange method \
+ *
+ * @returns {boolean} canLaneInterchange method .\
+ * @param {Node} laneNode - provide the laneNode value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @private
+ */
+function canLaneInterchange(laneNode, diagram) {
+ if (laneNode.isLane) {
+ var lane = findLane(laneNode, diagram);
+ var eventHandler = 'eventHandler';
+ var resize = diagram["" + eventHandler].action;
+ var canResize = resize.includes('Resize');
+ if (canResize || lane.canMove) {
+ return true;
+ }
+ }
+ return false;
+}
+/**
+ * updateSwimLaneChildPosition method \
+ *
+ * @returns {void} updateSwimLaneChildPosition method .\
+ * @param {Lane[]} lanes - provide the laneNode value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @private
+ */
+function updateSwimLaneChildPosition(lanes, diagram) {
+ var lane;
+ var node;
+ for (var i = 0; i < lanes.length; i++) {
+ lane = lanes[parseInt(i.toString(), 10)];
+ for (var j = 0; j < lane.children.length; j++) {
+ node = diagram.nameTable[lane.children[parseInt(j.toString(), 10)].id];
+ node.offsetX = node.wrapper.offsetX;
+ node.offsetY = node.wrapper.offsetY;
+ }
+ }
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/uml-util.js":
+/*!********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/uml-util.js ***!
+ \********************************************************************************/
+/*! exports provided: getULMClassifierShapes, getClassNodes, getClassMembers, addSeparator, getStyle */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getULMClassifierShapes", function() { return getULMClassifierShapes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getClassNodes", function() { return getClassNodes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getClassMembers", function() { return getClassMembers; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addSeparator", function() { return addSeparator; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getStyle", function() { return getStyle; });
+/* harmony import */ var _enum_enum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _objects_node__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../objects/node */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/objects/node.js");
+/* harmony import */ var _utility_base_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+
+
+
+/**
+ * These utility methods help to process the data and to convert it to desired dimensions
+ */
+/**
+ * getULMClassifierShapes method \
+ *
+ * @returns {DiagramElement} getULMClassifierShapes method .\
+ * @param { DiagramElement} content - provide the content value.
+ * @param {NodeModel} node - provide the node value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @private
+ */
+function getULMClassifierShapes(content, node, diagram) {
+ var classifier;
+ var textWrap = 'NoWrap';
+ if (node.shape.classifier === 'Class') {
+ classifier = node.shape.classShape;
+ }
+ else if (node.shape.classifier === 'Enumeration') {
+ classifier = node.shape.enumerationShape;
+ }
+ else if (node.shape.classifier === 'Interface') {
+ classifier = node.shape.interfaceShape;
+ }
+ //let attributeText: string = '';
+ node.container = { type: 'Stack', orientation: 'Vertical' };
+ node.constraints = (_enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Default | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].HideThumbs) &
+ ~(_enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Rotate | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Resize);
+ node.style = {
+ fill: node.style.fill, strokeColor: node.style.strokeColor,
+ strokeWidth: 1.5
+ };
+ node.children = [];
+ if (node.maxWidth) {
+ textWrap = 'Wrap';
+ }
+ var newObj = new _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"](diagram, 'nodes', {
+ id: node.id + '_umlClass_header',
+ annotations: [
+ {
+ id: 'name', content: classifier.name,
+ offset: { x: 0.5, y: 0.65 }, margin: { left: 10, right: 10 },
+ style: {
+ bold: true, fontSize: 14, color: classifier.style.color, fill: classifier.style.fill,
+ textWrapping: textWrap
+ }
+ }, {
+ content: '<<' + node.shape.classifier + '>>', margin: { left: 10, right: 10 },
+ id: 'class', style: {
+ fontSize: classifier.style.fontSize,
+ color: classifier.style.color, fill: classifier.style.fill,
+ textWrapping: textWrap
+ }, offset: { x: 0.5, y: 0.3 }, constraints: _enum_enum__WEBPACK_IMPORTED_MODULE_0__["AnnotationConstraints"].ReadOnly
+ }
+ ],
+ constraints: (_enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Default | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].HideThumbs) & ~(_enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Rotate | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Drag | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Resize),
+ verticalAlignment: 'Stretch',
+ horizontalAlignment: 'Stretch',
+ style: { fill: node.style.fill, strokeColor: (node.style.strokeColor === 'black') ? '#ffffff00' : node.style.strokeColor }
+ }, true);
+ diagram.initObject(newObj);
+ diagram.nodes.push(newObj);
+ diagram.UpdateBlazorDiagramModel(newObj, 'Node');
+ node.children.push(newObj.id);
+ getClassNodes(node, diagram, classifier, textWrap);
+ getClassMembers(node, diagram, classifier, textWrap);
+ /* eslint-disable */
+ node.offsetX = node.offsetX;
+ node.offsetY = node.offsetY;
+ node.style.fill = node.style.fill;
+ node.borderColor = node.borderColor;
+ diagram.initObject(node);
+ /* eslint-enable */
+ return content;
+}
+/**
+ * getClassNodes method \
+ *
+ * @returns {void} getClassNodes method .\
+ * @param { Node} node - provide the node value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {UmlClassModel} classifier - provide the classifier value.
+ * @param {TextWrap} textWrap - provide the textWrap value.
+ * @private
+ */
+function getClassNodes(node, diagram, classifier, textWrap) {
+ if (node.shape.classifier === 'Enumeration') {
+ var member = classifier.members;
+ if (member && member.length) {
+ addSeparator(node, diagram);
+ var memberText = '';
+ for (var i = 0; i < member.length; i++) {
+ var members = member[parseInt(i.toString(), 10)];
+ if (members.name !== '') {
+ memberText += members.name;
+ }
+ if (i !== member.length) {
+ var style = getStyle(node, members);
+ var temp = new _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"](diagram, 'nodes', {
+ id: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_2__["randomId"])() + '_umlMember',
+ annotations: [
+ {
+ id: 'name', content: memberText, offset: { x: 0, y: 0.5 },
+ style: {
+ bold: true, fontSize: style.fontSize, color: style.color, fill: style.fill,
+ textWrapping: textWrap
+ },
+ margin: { left: 14, right: 5 }, horizontalAlignment: 'Left'
+ }
+ ], verticalAlignment: 'Stretch', horizontalAlignment: 'Stretch',
+ style: {
+ fill: node.style.fill, strokeColor: (node.style.strokeColor === 'black') ?
+ '#ffffff00' : node.style.strokeColor, textWrapping: textWrap
+ },
+ constraints: (_enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Default | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].HideThumbs) & ~(_enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Rotate | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Drag | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Resize),
+ minHeight: 25
+ }, true);
+ diagram.initObject(temp);
+ diagram.nodes.push(temp);
+ diagram.UpdateBlazorDiagramModel(temp, 'Node');
+ node.children.push(temp.id);
+ memberText = '';
+ if (members.isSeparator && (i !== member.length - 1)) {
+ addSeparator(node, diagram);
+ }
+ }
+ }
+ }
+ }
+ else {
+ var attributes = classifier.attributes;
+ if (attributes.length) {
+ var attributeText = '';
+ addSeparator(node, diagram);
+ for (var i = 0; i < attributes.length; i++) {
+ var text = void 0;
+ var attribute = attributes[parseInt(i.toString(), 10)];
+ if (attribute.scope && (attribute).scope === 'Public') {
+ text = ' +';
+ }
+ else if (attribute.scope && attribute.scope === 'Private') {
+ text = '-';
+ }
+ else if (attribute.scope && attribute.scope === 'Protected') {
+ text = '#';
+ }
+ else {
+ text = '~';
+ }
+ if (attribute.name !== '') {
+ if (text) {
+ attributeText += text + ' ' + attribute.name + ' ' + ': ' + attribute.type;
+ }
+ }
+ if (i !== attributes.length) {
+ var style = getStyle(node, attribute);
+ var temp = new _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"](diagram, 'nodes', {
+ id: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_2__["randomId"])() + '_umlProperty', style: { fill: node.style.fill,
+ strokeColor: (node.style.strokeColor === 'black') ? '#ffffff00' : node.style.strokeColor },
+ annotations: [
+ {
+ id: 'name', content: attributeText, offset: { x: 0, y: 0.5 },
+ style: {
+ bold: true, fontSize: style.fontSize, color: style.color, fill: style.fill,
+ textWrapping: textWrap
+ },
+ margin: { left: 14, right: 5 }, horizontalAlignment: 'Left'
+ }
+ ], verticalAlignment: 'Stretch', horizontalAlignment: 'Stretch',
+ constraints: (_enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Default | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].HideThumbs) & ~(_enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Rotate | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Drag | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Resize),
+ minHeight: 25
+ }, true);
+ diagram.initObject(temp);
+ diagram.nodes.push(temp);
+ diagram.UpdateBlazorDiagramModel(temp, 'Node');
+ node.children.push(temp.id);
+ attributeText = '';
+ if (attribute.isSeparator && (i !== attributes.length - 1)) {
+ addSeparator(node, diagram);
+ }
+ }
+ }
+ }
+ }
+}
+/**
+ * getClassMembers method \
+ *
+ * @returns {void} getClassMembers method .\
+ * @param { Node} node - provide the node value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @param {UmlClassModel} classifier - provide the classifier value.
+ * @param {TextWrap} textWrap - provide the textWrap value.
+ * @private
+ */
+function getClassMembers(node, diagram, classifier, textWrap) {
+ if (classifier.methods && classifier.methods.length) {
+ var methods = classifier.methods;
+ addSeparator(node, diagram);
+ var argumentText = '';
+ var methodText = '';
+ var text = void 0;
+ for (var i = 0; i < methods.length; i++) {
+ var method = methods[parseInt(i.toString(), 10)];
+ if (method.scope && method.scope === 'Public') {
+ text = ' +';
+ }
+ else if (method.scope && method.scope === 'Private') {
+ text = '-';
+ }
+ else if (method.scope && method.scope === 'Protected') {
+ text = '#';
+ }
+ else {
+ text = '~';
+ }
+ if (method.parameters) {
+ for (var j = 0; j < method.parameters.length; j++) {
+ if (method.parameters[parseInt(j.toString(), 10)].type) {
+ argumentText += method.parameters[parseInt(j.toString(), 10)].name + ':' + method.parameters[parseInt(j.toString(), 10)].type;
+ }
+ else {
+ argumentText += method.parameters[parseInt(j.toString(), 10)].name;
+ }
+ if (j !== method.parameters.length - 1) {
+ argumentText += ',';
+ }
+ }
+ }
+ if (method.name !== '') {
+ if (text) {
+ methodText += text + ' ' + method.name + '(' + argumentText + ')' + ' ' + ':' + ' ' + method.type;
+ }
+ }
+ if (i !== methods.length) {
+ var style = getStyle(node, method);
+ var temp = new _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"](diagram, 'nodes', {
+ id: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_2__["randomId"])() + '_umlMethods', verticalAlignment: 'Stretch', horizontalAlignment: 'Stretch',
+ annotations: [
+ {
+ id: 'name', content: methodText, offset: { x: 0, y: 0.5 },
+ style: {
+ bold: true, fontSize: style.fontSize, color: style.color, fill: style.fill,
+ textWrapping: textWrap
+ },
+ margin: { left: 14, right: 5 }, horizontalAlignment: 'Left'
+ }
+ ],
+ style: {
+ fill: node.style.fill, strokeColor: (node.style.strokeColor === 'black') ?
+ '#ffffff00' : node.style.strokeColor
+ }, minHeight: 25,
+ constraints: (_enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Default | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].HideThumbs) & ~(_enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Rotate | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Drag | _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Resize)
+ }, true);
+ diagram.initObject(temp);
+ diagram.nodes.push(temp);
+ diagram.UpdateBlazorDiagramModel(temp, 'Node');
+ node.children.push(temp.id);
+ methodText = '';
+ if (method.isSeparator && (i !== methods.length - 1)) {
+ addSeparator(node, diagram);
+ }
+ }
+ }
+ }
+}
+/**
+ * addSeparator method \
+ *
+ * @returns {void} addSeparator method .\
+ * @param { Node} stack - provide the stack value.
+ * @param {Diagram} diagram - provide the diagram value.
+ * @private
+ */
+function addSeparator(stack, diagram) {
+ var lineObject = new _objects_node__WEBPACK_IMPORTED_MODULE_1__["Node"](diagram, 'nodes', {
+ id: Object(_utility_base_util__WEBPACK_IMPORTED_MODULE_2__["randomId"])() + '_path', height: 1, constraints: _enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Default & ~(_enum_enum__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"].Select),
+ verticalAlignment: 'Stretch', horizontalAlignment: 'Stretch',
+ style: { strokeColor: (stack.style.strokeColor === 'black') ? '#ffffff00' : stack.style.strokeColor }
+ }, true);
+ diagram.initObject(lineObject);
+ diagram.nodes.push(lineObject);
+ stack.children.push(lineObject.id);
+}
+/**
+ * getStyle method \
+ *
+ * @returns {TextStyleModel} addSeparator method .\
+ * @param { Node} stack - provide the stack value.
+ * @param {UmlClassModel} node - provide the node value.
+ * @private
+ */
+function getStyle(stack, node) {
+ var newStyle = {};
+ var style = node.style;
+ newStyle.fill = (style.fill !== 'transparent') ? style.fill : stack.style.fill;
+ newStyle.color = style.color;
+ newStyle.fontSize = (style.fontSize !== 12) ? style.fontSize : stack.style.fontSize;
+ newStyle.strokeColor = (style.strokeColor !== 'black') ? style.strokeColor : stack.style.strokeColor;
+ newStyle.strokeWidth = (style.strokeWidth !== 1) ? style.strokeWidth : stack.style.strokeWidth;
+ return newStyle;
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/index.js":
+/*!*************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/index.js ***!
+ \*************************************************************/
+/*! exports provided: Diagram, PrintAndExport, Size, Rect, MatrixTypes, Matrix, identityMatrix, transformPointByMatrix, transformPointsByMatrix, rotateMatrix, scaleMatrix, translateMatrix, multiplyMatrix, Point, BlazorAction, PortVisibility, SnapConstraints, SelectorConstraints, ConnectionPointOrigin, ChildArrangement, ConnectorConstraints, AnnotationConstraints, NodeConstraints, ElementAction, ThumbsConstraints, DiagramConstraints, DiagramTools, Transform, RenderMode, KeyModifiers, Keys, DiagramAction, RendererAction, RealAction, ScrollActions, NoOfSegments, DiagramEvent, PortConstraints, contextMenuClick, contextMenuOpen, contextMenuBeforeItemRender, ControlPointsVisibility, BezierSmoothness, Thickness, Margin, Shadow, Stop, Gradient, DiagramGradient, LinearGradient, RadialGradient, ShapeStyle, StrokeStyle, TextStyle, DiagramShapeStyle, DiagramElement, PathElement, ImageElement, TextElement, Container, Canvas, GridPanel, RowDefinition, ColumnDefinition, GridRow, GridCell, StackPanel, findConnectorPoints, swapBounds, findMargin, findAngle, findPoint, getIntersection, getIntersectionPoints, orthoConnection2Segment, getPortDirection, getOuterBounds, getOppositeDirection, processPathData, parsePathData, getRectanglePath, getPolygonPath, getFreeHandPath, pathSegmentCollection, transformPath, updatedSegment, scalePathData, splitArrayCollection, getPathString, getString, randomId, getIndex, templateCompiler, cornersPointsBeforeRotation, getBounds, cloneObject, getInternalProperties, cloneArray, extendObject, extendArray, textAlignToString, wordBreakToString, bBoxText, middleElement, overFlow, whiteSpaceToString, rotateSize, rotatePoint, getOffset, getFunction, completeRegion, findNodeByName, findObjectType, setSwimLaneDefaults, getSpaceValue, getInterval, setPortsEdges, setUMLActivityDefaults, setConnectorDefaults, findNearestPoint, isDiagramChild, groupHasType, updateDefaultValues, updateLayoutValue, isPointOverConnector, intersect3, intersect2, getLineSegment, getPoints, getTooltipOffset, initfixedUserHandlesSymbol, sort, getAnnotationPosition, getOffsetOfConnector, getAlignedPosition, alignLabelOnSegments, getBezierDirection, removeChildNodes, getChild, serialize, deserialize, upgrade, updateStyle, updateHyperlink, updateShapeContent, updateShape, updateContent, updateUmlActivityNode, getUMLFinalNode, getUMLActivityShapes, removeGradient, removeItem, updateConnector, getUserHandlePosition, canResizeCorner, canShowCorner, canShowControlPoints, checkPortRestriction, findAnnotation, findPort, getInOutConnectPorts, findObjectIndex, getObjectFromCollection, scaleElement, arrangeChild, insertObject, getElement, getCollectionChangeEventArguements, getDropEventArguements, getPoint, getObjectType, flipConnector, updatePortEdges, alignElement, cloneSelectedObjects, updatePathElement, checkPort, findPath, getConnectorDirection, findDistance, cloneBlazorObject, checkBrowserInfo, canMeasureDecoratorPath, getPreviewSize, getSymbolSize, findParentInSwimlane, selectionHasConnector, CanvasRenderer, DiagramRenderer, DataBinding, getBasicShape, getPortShape, getDecoratorShape, getSegmentThumbShapeHorizontal, getSegmentThumbShapeVertical, getIconShape, getFlowShape, Hyperlink, Annotation, ShapeAnnotation, PathAnnotation, Port, PointPort, menuClass, DiagramContextMenu, Shape, Path, Native, Html, Image, Text, BasicShape, FlowShape, BpmnGateway, BpmnDataObject, BpmnTask, BpmnEvent, BpmnSubEvent, BpmnTransactionSubProcess, BpmnSubProcess, BpmnActivity, BpmnAnnotation, BpmnShape, UmlActivityShape, MethodArguments, UmlClassAttribute, UmlClassMethod, UmlClass, UmlInterface, UmlEnumerationMember, UmlEnumeration, UmlClassifierShape, DiagramShape, Node, Header, Lane, Phase, SwimLane, ChildContainer, Selector, BpmnDiagrams, getBpmnShapePathData, getBpmnTriggerShapePathData, getBpmnGatewayShapePathData, getBpmnTaskShapePathData, getBpmnLoopShapePathData, Decorator, Vector, BezierSettings, ConnectorShape, ActivityFlow, BpmnFlow, ConnectorSegment, StraightSegment, BezierSegment, OrthogonalSegment, DiagramConnectorSegment, getDirection, isEmptyVector, getBezierPoints, getBezierBounds, bezierPoints, MultiplicityLabel, ClassifierMultiplicity, RelationShip, DiagramConnectorShape, Connector, ConnectorBridging, Snapping, UndoRedo, DiagramTooltip, initTooltip, updateTooltip, LayoutAnimation, SymbolSize, SymbolPaletteInfo, FixedUserHandle, NodeFixedUserHandle, ConnectorFixedUserHandle, UserHandle, ToolBase, SelectTool, FixedUserHandleTool, ConnectTool, MoveTool, RotateTool, ResizeTool, NodeDrawingTool, ConnectorDrawingTool, TextDrawingTool, ZoomPanTool, ExpandTool, LabelTool, PolygonDrawingTool, PolyLineDrawingTool, LabelDragTool, LabelResizeTool, LabelRotateTool, FreeHandTool, DiagramEventHandler, CommandHandler, findToolToActivate, findPortToolToActivate, contains, hasSelection, hasSingleConnection, isSelected, getCursor, ConnectorEditing, updateCanvasBounds, removeChildInContainer, findBounds, createHelper, renderContainerHelper, checkParentAsContainer, checkChildNodeInContainer, addChildToContainer, updateLaneBoundsAfterAddChild, renderStackHighlighter, moveChildInStack, LineRouting, LineDistribution, CrudAction, ConnectionDataSource, DataSource, Gridlines, SnapSettings, KeyGesture, Command, CommandManager, ContextMenuSettings, CustomCursorAction, DataMappingItems, BlazorAnimation, BlazorTooltip, Layout, MindMap, HierarchicalTree, RadialTree, GraphForceNode, SymmetricLayout, GraphLayoutManager, ComplexHierarchicalTree, Palette, SymbolDragSize, SymbolPreview, SymbolPalette, Ruler, Overview */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _diagram_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./diagram/index */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Diagram", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Diagram"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PrintAndExport", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["PrintAndExport"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Size", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Size"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Rect", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Rect"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixTypes", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["MatrixTypes"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Matrix", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Matrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "identityMatrix", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["identityMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "transformPointByMatrix", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["transformPointByMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "transformPointsByMatrix", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["transformPointsByMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "rotateMatrix", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["rotateMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scaleMatrix", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["scaleMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "translateMatrix", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["translateMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "multiplyMatrix", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["multiplyMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Point", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Point"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BlazorAction", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BlazorAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PortVisibility", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["PortVisibility"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SnapConstraints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["SnapConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SelectorConstraints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["SelectorConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectionPointOrigin", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ConnectionPointOrigin"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ChildArrangement", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ChildArrangement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorConstraints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ConnectorConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnnotationConstraints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["AnnotationConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NodeConstraints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["NodeConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ElementAction", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ElementAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ThumbsConstraints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ThumbsConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramConstraints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramTools", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramTools"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Transform", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Transform"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RenderMode", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["RenderMode"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "KeyModifiers", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["KeyModifiers"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Keys", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Keys"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramAction", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RendererAction", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["RendererAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RealAction", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["RealAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ScrollActions", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ScrollActions"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NoOfSegments", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["NoOfSegments"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramEvent", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramEvent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PortConstraints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["PortConstraints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "contextMenuClick", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["contextMenuClick"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "contextMenuOpen", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["contextMenuOpen"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "contextMenuBeforeItemRender", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["contextMenuBeforeItemRender"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ControlPointsVisibility", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ControlPointsVisibility"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BezierSmoothness", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BezierSmoothness"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Thickness", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Thickness"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Margin", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Margin"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Shadow", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Shadow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Stop", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Stop"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Gradient", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Gradient"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramGradient", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramGradient"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LinearGradient", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["LinearGradient"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RadialGradient", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["RadialGradient"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ShapeStyle", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ShapeStyle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StrokeStyle", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["StrokeStyle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TextStyle", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["TextStyle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramShapeStyle", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramShapeStyle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramElement", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PathElement", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["PathElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ImageElement", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ImageElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TextElement", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["TextElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Container", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Container"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Canvas", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Canvas"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GridPanel", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["GridPanel"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RowDefinition", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["RowDefinition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColumnDefinition", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ColumnDefinition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GridRow", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["GridRow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GridCell", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["GridCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StackPanel", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["StackPanel"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findConnectorPoints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findConnectorPoints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "swapBounds", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["swapBounds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findMargin", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findMargin"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findAngle", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findAngle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findPoint", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findPoint"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getIntersection", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getIntersection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getIntersectionPoints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getIntersectionPoints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "orthoConnection2Segment", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["orthoConnection2Segment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPortDirection", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getPortDirection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getOuterBounds", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getOuterBounds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getOppositeDirection", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getOppositeDirection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "processPathData", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["processPathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parsePathData", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["parsePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getRectanglePath", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getRectanglePath"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPolygonPath", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getPolygonPath"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFreeHandPath", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getFreeHandPath"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "pathSegmentCollection", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["pathSegmentCollection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "transformPath", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["transformPath"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updatedSegment", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updatedSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scalePathData", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["scalePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "splitArrayCollection", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["splitArrayCollection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPathString", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getPathString"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getString", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getString"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "randomId", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["randomId"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getIndex", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getIndex"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "templateCompiler", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["templateCompiler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cornersPointsBeforeRotation", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["cornersPointsBeforeRotation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBounds", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getBounds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cloneObject", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["cloneObject"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getInternalProperties", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getInternalProperties"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cloneArray", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["cloneArray"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "extendObject", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["extendObject"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "extendArray", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["extendArray"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "textAlignToString", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["textAlignToString"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "wordBreakToString", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["wordBreakToString"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "bBoxText", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["bBoxText"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "middleElement", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["middleElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "overFlow", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["overFlow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "whiteSpaceToString", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["whiteSpaceToString"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "rotateSize", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["rotateSize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "rotatePoint", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["rotatePoint"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getOffset", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getOffset"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFunction", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getFunction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "completeRegion", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["completeRegion"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findNodeByName", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findNodeByName"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findObjectType", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findObjectType"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setSwimLaneDefaults", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["setSwimLaneDefaults"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getSpaceValue", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getSpaceValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getInterval", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getInterval"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setPortsEdges", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["setPortsEdges"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setUMLActivityDefaults", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["setUMLActivityDefaults"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setConnectorDefaults", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["setConnectorDefaults"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findNearestPoint", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findNearestPoint"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isDiagramChild", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["isDiagramChild"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "groupHasType", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["groupHasType"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateDefaultValues", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updateDefaultValues"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateLayoutValue", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updateLayoutValue"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isPointOverConnector", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["isPointOverConnector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "intersect3", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["intersect3"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "intersect2", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["intersect2"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getLineSegment", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getLineSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPoints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getPoints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getTooltipOffset", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getTooltipOffset"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initfixedUserHandlesSymbol", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["initfixedUserHandlesSymbol"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sort", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["sort"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getAnnotationPosition", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getAnnotationPosition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getOffsetOfConnector", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getOffsetOfConnector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getAlignedPosition", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getAlignedPosition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "alignLabelOnSegments", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["alignLabelOnSegments"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBezierDirection", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getBezierDirection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "removeChildNodes", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["removeChildNodes"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getChild", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getChild"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "serialize", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["serialize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "deserialize", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["deserialize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "upgrade", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["upgrade"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateStyle", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updateStyle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateHyperlink", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updateHyperlink"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateShapeContent", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updateShapeContent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updateShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateContent", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updateContent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateUmlActivityNode", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updateUmlActivityNode"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getUMLFinalNode", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getUMLFinalNode"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getUMLActivityShapes", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getUMLActivityShapes"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "removeGradient", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["removeGradient"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "removeItem", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["removeItem"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateConnector", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updateConnector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getUserHandlePosition", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getUserHandlePosition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "canResizeCorner", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["canResizeCorner"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "canShowCorner", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["canShowCorner"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "canShowControlPoints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["canShowControlPoints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "checkPortRestriction", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["checkPortRestriction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findAnnotation", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findAnnotation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findPort", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findPort"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getInOutConnectPorts", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getInOutConnectPorts"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findObjectIndex", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findObjectIndex"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getObjectFromCollection", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getObjectFromCollection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scaleElement", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["scaleElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "arrangeChild", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["arrangeChild"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "insertObject", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["insertObject"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getElement", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getCollectionChangeEventArguements", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getCollectionChangeEventArguements"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getDropEventArguements", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getDropEventArguements"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPoint", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getPoint"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getObjectType", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getObjectType"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "flipConnector", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["flipConnector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updatePortEdges", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updatePortEdges"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "alignElement", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["alignElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cloneSelectedObjects", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["cloneSelectedObjects"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updatePathElement", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updatePathElement"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "checkPort", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["checkPort"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findPath", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findPath"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getConnectorDirection", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getConnectorDirection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findDistance", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findDistance"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cloneBlazorObject", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["cloneBlazorObject"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "checkBrowserInfo", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["checkBrowserInfo"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "canMeasureDecoratorPath", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["canMeasureDecoratorPath"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPreviewSize", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getPreviewSize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getSymbolSize", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getSymbolSize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findParentInSwimlane", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findParentInSwimlane"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "selectionHasConnector", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["selectionHasConnector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CanvasRenderer", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["CanvasRenderer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramRenderer", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramRenderer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DataBinding", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DataBinding"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBasicShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getBasicShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getPortShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getPortShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getDecoratorShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getDecoratorShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getSegmentThumbShapeHorizontal", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getSegmentThumbShapeHorizontal"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getSegmentThumbShapeVertical", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getSegmentThumbShapeVertical"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getIconShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getIconShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFlowShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getFlowShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Hyperlink", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Hyperlink"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Annotation", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Annotation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ShapeAnnotation", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ShapeAnnotation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PathAnnotation", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["PathAnnotation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Port", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Port"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PointPort", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["PointPort"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "menuClass", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["menuClass"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramContextMenu", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramContextMenu"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Shape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Shape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Path", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Path"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Native", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Native"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Html", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Html"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Image", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Image"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Text", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Text"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BasicShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BasicShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FlowShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["FlowShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnGateway", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BpmnGateway"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnDataObject", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BpmnDataObject"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnTask", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BpmnTask"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnEvent", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BpmnEvent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnSubEvent", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BpmnSubEvent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnTransactionSubProcess", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BpmnTransactionSubProcess"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnSubProcess", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BpmnSubProcess"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnActivity", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BpmnActivity"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnAnnotation", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BpmnAnnotation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BpmnShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlActivityShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["UmlActivityShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MethodArguments", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["MethodArguments"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlClassAttribute", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["UmlClassAttribute"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlClassMethod", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["UmlClassMethod"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlClass", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["UmlClass"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlInterface", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["UmlInterface"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlEnumerationMember", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["UmlEnumerationMember"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlEnumeration", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["UmlEnumeration"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UmlClassifierShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["UmlClassifierShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Node", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Node"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Header", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Header"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Lane", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Lane"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Phase", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Phase"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SwimLane", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["SwimLane"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ChildContainer", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ChildContainer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Selector", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Selector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnDiagrams", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BpmnDiagrams"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBpmnShapePathData", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getBpmnShapePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBpmnTriggerShapePathData", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getBpmnTriggerShapePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBpmnGatewayShapePathData", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getBpmnGatewayShapePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBpmnTaskShapePathData", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getBpmnTaskShapePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBpmnLoopShapePathData", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getBpmnLoopShapePathData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Decorator", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Decorator"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Vector", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Vector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BezierSettings", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BezierSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ConnectorShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActivityFlow", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ActivityFlow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BpmnFlow", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BpmnFlow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorSegment", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ConnectorSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StraightSegment", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["StraightSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BezierSegment", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BezierSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "OrthogonalSegment", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["OrthogonalSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramConnectorSegment", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramConnectorSegment"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getDirection", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getDirection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isEmptyVector", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["isEmptyVector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBezierPoints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getBezierPoints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBezierBounds", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getBezierBounds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "bezierPoints", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["bezierPoints"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultiplicityLabel", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["MultiplicityLabel"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClassifierMultiplicity", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ClassifierMultiplicity"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RelationShip", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["RelationShip"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramConnectorShape", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramConnectorShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Connector", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Connector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorBridging", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ConnectorBridging"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Snapping", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Snapping"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedo", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["UndoRedo"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramTooltip", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramTooltip"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initTooltip", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["initTooltip"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateTooltip", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updateTooltip"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LayoutAnimation", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["LayoutAnimation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SymbolSize", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["SymbolSize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SymbolPaletteInfo", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["SymbolPaletteInfo"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FixedUserHandle", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["FixedUserHandle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NodeFixedUserHandle", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["NodeFixedUserHandle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorFixedUserHandle", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ConnectorFixedUserHandle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UserHandle", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["UserHandle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolBase", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ToolBase"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SelectTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["SelectTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FixedUserHandleTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["FixedUserHandleTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ConnectTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MoveTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["MoveTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RotateTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["RotateTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResizeTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ResizeTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NodeDrawingTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["NodeDrawingTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorDrawingTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ConnectorDrawingTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TextDrawingTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["TextDrawingTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ZoomPanTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ZoomPanTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ExpandTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ExpandTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LabelTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["LabelTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PolygonDrawingTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["PolygonDrawingTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PolyLineDrawingTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["PolyLineDrawingTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LabelDragTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["LabelDragTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LabelResizeTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["LabelResizeTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LabelRotateTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["LabelRotateTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FreeHandTool", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["FreeHandTool"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DiagramEventHandler", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DiagramEventHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CommandHandler", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["CommandHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findToolToActivate", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findToolToActivate"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findPortToolToActivate", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findPortToolToActivate"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "contains", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["contains"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hasSelection", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["hasSelection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hasSingleConnection", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["hasSingleConnection"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isSelected", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["isSelected"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getCursor", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["getCursor"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectorEditing", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ConnectorEditing"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateCanvasBounds", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updateCanvasBounds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "removeChildInContainer", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["removeChildInContainer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findBounds", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["findBounds"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createHelper", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["createHelper"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "renderContainerHelper", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["renderContainerHelper"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "checkParentAsContainer", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["checkParentAsContainer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "checkChildNodeInContainer", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["checkChildNodeInContainer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "addChildToContainer", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["addChildToContainer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "updateLaneBoundsAfterAddChild", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["updateLaneBoundsAfterAddChild"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "renderStackHighlighter", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["renderStackHighlighter"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "moveChildInStack", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["moveChildInStack"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LineRouting", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["LineRouting"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LineDistribution", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["LineDistribution"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CrudAction", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["CrudAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectionDataSource", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ConnectionDataSource"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DataSource", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DataSource"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Gridlines", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Gridlines"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SnapSettings", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["SnapSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "KeyGesture", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["KeyGesture"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Command", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Command"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CommandManager", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["CommandManager"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ContextMenuSettings", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ContextMenuSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CustomCursorAction", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["CustomCursorAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DataMappingItems", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["DataMappingItems"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BlazorAnimation", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BlazorAnimation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BlazorTooltip", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["BlazorTooltip"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Layout", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["Layout"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MindMap", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["MindMap"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HierarchicalTree", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["HierarchicalTree"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RadialTree", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["RadialTree"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GraphForceNode", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["GraphForceNode"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SymmetricLayout", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["SymmetricLayout"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GraphLayoutManager", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["GraphLayoutManager"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComplexHierarchicalTree", function() { return _diagram_index__WEBPACK_IMPORTED_MODULE_0__["ComplexHierarchicalTree"]; });
+
+/* harmony import */ var _symbol_palette_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./symbol-palette/index */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/symbol-palette/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Palette", function() { return _symbol_palette_index__WEBPACK_IMPORTED_MODULE_1__["Palette"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SymbolDragSize", function() { return _symbol_palette_index__WEBPACK_IMPORTED_MODULE_1__["SymbolDragSize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SymbolPreview", function() { return _symbol_palette_index__WEBPACK_IMPORTED_MODULE_1__["SymbolPreview"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SymbolPalette", function() { return _symbol_palette_index__WEBPACK_IMPORTED_MODULE_1__["SymbolPalette"]; });
+
+/* harmony import */ var _ruler_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ruler/index */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/ruler/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Ruler", function() { return _ruler_index__WEBPACK_IMPORTED_MODULE_2__["Ruler"]; });
+
+/* harmony import */ var _overview_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./overview/index */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/overview/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Overview", function() { return _overview_index__WEBPACK_IMPORTED_MODULE_3__["Overview"]; });
+
+/**
+ * Diagram component exported items
+ */
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/overview/index.js":
+/*!**********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/overview/index.js ***!
+ \**********************************************************************/
+/*! exports provided: Overview */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _overview__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./overview */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/overview/overview.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Overview", function() { return _overview__WEBPACK_IMPORTED_MODULE_0__["Overview"]; });
+
+/**
+ * Overview Components
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/overview/overview.js":
+/*!*************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/overview/overview.js ***!
+ \*************************************************************************/
+/*! exports provided: Overview */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Overview", function() { return Overview; });
+/* harmony import */ var _diagram_enum_enum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../diagram/enum/enum */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/enum/enum.js");
+/* harmony import */ var _diagram_rendering_renderer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../diagram/rendering/renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/renderer.js");
+/* harmony import */ var _diagram_rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../diagram/rendering/canvas-renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/canvas-renderer.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../diagram/utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _diagram_primitives_rect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../diagram/primitives/rect */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/rect.js");
+/* harmony import */ var _diagram_primitives_size__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../diagram/primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _diagram_rendering_svg_renderer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../diagram/rendering/svg-renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/svg-renderer.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+
+
+
+/**
+ * Overview control allows you to see a preview or an overall view of the entire content of a Diagram.
+ * This helps you to look at the overall picture of a large Diagram
+ * To navigate, pan, or zoom, on a particular position of the page.
+ * ```html
+ *
+ *
+ * ```
+ * ```typescript
+ * let overview: Overview;
+ * let diagram: Diagram = new Diagram({
+ * width:'1000px', height:'500px' });
+ * diagram.appendTo('#diagram');
+ * let options: OverviewModel = {};
+ * options.sourceID = 'diagram';
+ * options.width = '250px';
+ * options.height = '500px';
+ * overview = new Overview(options);
+ * overview.appendTo('#overview');
+ * ```
+ */
+var Overview = /** @__PURE__ @class */ (function (_super) {
+ __extends(Overview, _super);
+ function Overview(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ /** @private */
+ _this.mode = 'Canvas';
+ /** @private */
+ _this.id = 'overview';
+ _this.actionName = '';
+ _this.startPoint = null;
+ _this.currentPoint = null;
+ _this.prevPoint = null;
+ _this.scale = null;
+ _this.inAction = false;
+ _this.viewPortRatio = 1;
+ _this.horizontalOffset = 0;
+ _this.verticalOffset = 0;
+ _this.model = {};
+ _this.event = true;
+ _this.overviewid = 88123;
+ _this.model = { width: _this.width, height: _this.height };
+ return _this;
+ }
+ /**
+ * Updates the overview control when the objects are changed
+ *
+ * @param {OverviewModel} newProp - Lists the new values of the changed properties
+ * @param {OverviewModel} oldProp - Lists the old values of the changed properties
+ */
+ Overview.prototype.onPropertyChanged = function (newProp, oldProp) {
+ //let objectArray: Object[] = [];
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'sourceID':
+ this.setParent(newProp.sourceID);
+ break;
+ case 'width':
+ case 'height':
+ this.renderCanvas();
+ this.setParent(this.sourceID);
+ break;
+ }
+ }
+ };
+ /**
+ * Get the properties to be maintained in the persisted state.
+ *
+ * @returns {string} Get the properties to be maintained in the persisted state.
+ */
+ Overview.prototype.getPersistData = function () {
+ var keyEntity = ['loaded'];
+ return this.addOnPersist(keyEntity);
+ };
+ /**
+ * Initializes the values of private members.
+ *
+ * @returns {void} Initializes the values of private members.
+ * @private
+ */
+ Overview.prototype.preRender = function () {
+ if (this.element.id === '') {
+ var collection = document.getElementsByClassName('e-overview').length;
+ this.element.id = 'overview_' + this.overviewid + '_' + collection;
+ }
+ //EJ2-64637 - Diagram element in the overview disappears on window resize.
+ this.id = this.element.id ? this.element.id : this.id;
+ this.element.style.background = 'transparent';
+ this.unWireEvents();
+ this.wireEvents();
+ };
+ Overview.prototype.render = function () {
+ this.diagramRenderer = new _diagram_rendering_renderer__WEBPACK_IMPORTED_MODULE_1__["DiagramRenderer"](this.element.id, new _diagram_rendering_svg_renderer__WEBPACK_IMPORTED_MODULE_7__["SvgRenderer"](), false);
+ this.renderCanvas();
+ this.setParent(this.sourceID);
+ this.renderComplete();
+ };
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ Overview.prototype.getSizeValue = function (real) {
+ var text;
+ if (real.toString().indexOf('px') > 0 || real.toString().indexOf('%') > 0) {
+ text = real.toString();
+ }
+ else {
+ text = real.toString() + 'px';
+ }
+ return text;
+ };
+ Overview.prototype.renderCanvas = function (options) {
+ var canvas = document.getElementById(this.element.id + '_canvas');
+ if (!canvas) {
+ canvas = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', {});
+ this.element.appendChild(canvas);
+ }
+ var attribute = {
+ 'id': this.element.id + '_canvas', 'class': 'drawing',
+ 'style': 'position:relative; height:' + this.getSizeValue(this.model.height) + '; width:' +
+ this.getSizeValue(this.model.width) +
+ ';style:-ms-touch-action: none;touch-action: none;'
+ };
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["setAttributeHtml"])(canvas, attribute);
+ this.element.setAttribute('tabindex', String(0));
+ this.element.style.overflow = 'hidden';
+ this.element.style.height = String(this.model.height);
+ this.element.style.width = String(this.model.width);
+ this.canvas = canvas;
+ };
+ Overview.prototype.setParent = function (id) {
+ var element = document.getElementById(id);
+ var instance = 'ej2_instances';
+ if (this.parent) {
+ var oldparent = this.parent;
+ this.parent = null;
+ oldparent.setOverview(null, this.element.id);
+ this.removeDocument(this);
+ }
+ this.parent = this.getDiagram(element, instance);
+ if (this.parent) {
+ this.parent.setOverview(this);
+ }
+ };
+ Overview.prototype.getDiagram = function (element, instance) {
+ var diagram;
+ var n = element["" + instance].length;
+ for (var i = 0; i < n; i++) {
+ if (Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["hasClass"])(element["" + instance][parseInt(i.toString(), 10)].element, 'e-diagram')) {
+ diagram = element["" + instance][parseInt(i.toString(), 10)];
+ break;
+ }
+ }
+ return diagram;
+ };
+ Overview.prototype.unWireEvents = function () {
+ var start = _ej2_base__WEBPACK_IMPORTED_MODULE_3__["Browser"].touchStartEvent;
+ var move = _ej2_base__WEBPACK_IMPORTED_MODULE_3__["Browser"].touchMoveEvent;
+ //const evnt: EventHandler;
+ var cancel = _ej2_base__WEBPACK_IMPORTED_MODULE_3__["Browser"].isPointer ? 'pointerleave' : 'mouseleave';
+ //const isIE11Pointer: Boolean = Browser.isPointer;
+ // const wheelEvent: string = Browser.info.name === 'mozilla' ?
+ // (isIE11Pointer ? 'mousewheel' : 'DOMMouseScroll') : 'mousewheel';
+ var stop = _ej2_base__WEBPACK_IMPORTED_MODULE_3__["Browser"].touchEndEvent;
+ _ej2_base__WEBPACK_IMPORTED_MODULE_3__["EventHandler"].remove(this.element, start, this.mouseDown);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_3__["EventHandler"].remove(this.element, move, this.mouseMove);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_3__["EventHandler"].remove(this.element, stop, this.mouseUp);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_3__["EventHandler"].remove(this.element, cancel, this.documentMouseUp);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_3__["EventHandler"].remove(window, 'resize', this.windowResize);
+ var container = document.getElementById(this.sourceID + 'content');
+ if (container) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_3__["EventHandler"].remove(container, 'scroll', this.scrolled);
+ }
+ };
+ Overview.prototype.wireEvents = function () {
+ var start = _ej2_base__WEBPACK_IMPORTED_MODULE_3__["Browser"].touchStartEvent;
+ var stop = _ej2_base__WEBPACK_IMPORTED_MODULE_3__["Browser"].touchEndEvent;
+ var move = _ej2_base__WEBPACK_IMPORTED_MODULE_3__["Browser"].touchMoveEvent;
+ var cancel = _ej2_base__WEBPACK_IMPORTED_MODULE_3__["Browser"].isPointer ? 'pointerleave' : 'mouseleave';
+ //const isIE11Pointer: Boolean = Browser.isPointer;
+ // const wheelEvent: string = Browser.info.name === 'mozilla' ?
+ // (isIE11Pointer ? 'mousewheel' : 'DOMMouseScroll') : 'mousewheel';
+ _ej2_base__WEBPACK_IMPORTED_MODULE_3__["EventHandler"].add(this.element, start, this.mouseDown, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_3__["EventHandler"].add(this.element, move, this.mouseMove, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_3__["EventHandler"].add(this.element, stop, this.mouseUp, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_3__["EventHandler"].add(this.element, cancel, this.documentMouseUp, this);
+ // eslint-disable
+ _ej2_base__WEBPACK_IMPORTED_MODULE_3__["EventHandler"].add(window, 'resize', this.windowResize, this);
+ // eslint-enable
+ var container = document.getElementById(this.sourceID + 'content');
+ if (container) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_3__["EventHandler"].add(container, 'scroll', this.scrolled, this);
+ }
+ };
+ /**
+ * renderDocument method\
+ *
+ * @returns { void } renderDocument method .\
+ * @param {Overview} view - provide the angle value.
+ * @private
+ */
+ Overview.prototype.renderDocument = function (view) {
+ view.canvas = this.canvas;
+ var g = document.getElementById(this.canvas.id + '_svg');
+ if (g) {
+ g.parentNode.removeChild(g);
+ }
+ var attr = {
+ id: this.canvas.id + '_svg',
+ version: '1.1',
+ 'class': 'overview_svg'
+ };
+ var svg = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])('svg', attr);
+ this.svg = svg;
+ view.svg = svg;
+ view.canvas.appendChild(svg);
+ var ovw = document.getElementById(this.element.id);
+ var element = ovw;
+ var eWidth = element.clientWidth;
+ var eHeight = element.clientHeight;
+ var bRect = element.getBoundingClientRect();
+ // Check for the window resize
+ var screenX = (window.screenX < 0) ? window.screenX * -1 : window.screenX;
+ var screenY = (window.screenY < 0) ? window.screenY * -1 : window.screenY;
+ if (eWidth === 0) {
+ var widthValue = Math.floor(((window.innerWidth - screenX) - Math.floor(bRect.left)));
+ eWidth = widthValue > 0 ? widthValue : Math.floor(window.innerWidth);
+ }
+ if (eHeight === 0) {
+ var heightValue = Math.floor(((window.innerHeight - screenY) - Math.floor(bRect.top)));
+ eHeight = heightValue > 0 ? heightValue : Math.floor(window.innerHeight);
+ }
+ if (eWidth > 0) {
+ svg.setAttribute('width', String(eWidth));
+ this.model.height = eHeight;
+ }
+ if (eHeight > 0) {
+ svg.setAttribute('height', String(eHeight));
+ this.model.width = eWidth;
+ }
+ //let attributes: Object;
+ if (!view.diagramLayerDiv) {
+ view.diagramLayerDiv = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', {});
+ //const container: HTMLElement = document.getElementById(this.element.id);
+ view.diagramLayer = _diagram_rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_2__["CanvasRenderer"].createCanvas(this.element.id + '_diagramLayer', this.model.width, this.model.height);
+ view.diagramLayer.setAttribute('style', 'position:absolute; left:0px; top:0px ');
+ view.diagramLayerDiv.appendChild(view.diagramLayer);
+ view.canvas.appendChild(view.diagramLayerDiv);
+ }
+ var attributes = {
+ 'id': this.element.id + '_diagramLayer_div',
+ 'style': 'width:' + this.model.width + 'px; height:' + this.model.height + 'px;position:absolute;top:0px;left:0px'
+ };
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["setAttributeHtml"])(view.diagramLayerDiv, attributes);
+ this.renderHtmlLayer(view.canvas);
+ this.renderNativeLayer(view.canvas, view);
+ this.addOverviewRectPanel(view);
+ };
+ /**
+ * removeDocument method\
+ *
+ * @returns { void } removeDocument method .\
+ * @param {Overview} view - provide the angle value.
+ * @private
+ */
+ Overview.prototype.removeDocument = function (view) {
+ var svg = document.getElementById(this.canvas.id + '_svg');
+ this.canvas.removeChild(svg);
+ var htmlLayer = document.getElementById(this.element.id + '_htmlLayer');
+ this.canvas.removeChild(htmlLayer);
+ var diagramLayer = document.getElementById(this.element.id + '_diagramLayer_div');
+ this.canvas.removeChild(diagramLayer);
+ view.diagramLayerDiv = null;
+ view.diagramLayer = null;
+ var domTable = 'domTable';
+ window["" + domTable][this.id + 'html_layer'] = null;
+ };
+ Overview.prototype.renderHtmlLayer = function (canvas) {
+ var htmlLayer = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', {
+ 'id': this.element.id + '_htmlLayer', 'class': 'e-html-layer',
+ 'style': 'pointer-events:none;position:absolute;top:0px;left:0px;'
+ });
+ var options = {
+ 'id': this.element.id + '_htmlLayer_div',
+ 'style': 'position:absolute;top:0px;left:0px;'
+ };
+ var htmlDiv = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', options);
+ htmlLayer.appendChild(htmlDiv);
+ canvas.appendChild(htmlLayer);
+ return htmlLayer;
+ };
+ Overview.prototype.renderNativeLayer = function (canvas, view) {
+ if (!document.getElementById(this.element.id + '_nativeLayer_svg')) {
+ var nativeLayerSvg = this.parent.createSvg(this.element.id + '_nativeLayer_svg', this.model.width, this.model.height);
+ var nativeLayer = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])('g', { 'id': this.element.id + '_nativeLayer' });
+ nativeLayerSvg.appendChild(nativeLayer);
+ view.diagramLayerDiv.appendChild(nativeLayerSvg);
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["setAttributeSvg"])(nativeLayerSvg, { 'class': 'e-native-layer' });
+ }
+ };
+ Overview.prototype.addOverviewRectPanel = function (view) {
+ var svg = document.getElementById(this.canvas.id + '_overviewsvg');
+ if (svg) {
+ svg.parentNode.removeChild(svg);
+ }
+ var attr = ({
+ id: this.canvas.id + '_overviewsvg',
+ class: 'overviewsvg',
+ version: '1.1',
+ 'style': 'position:absolute;left:0px;top:0px; aria-label:Specifies overview',
+ width: this.model.width,
+ height: this.model.height
+ });
+ svg = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])('svg', attr);
+ view.canvas.appendChild(svg);
+ var ovw = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])('g', { 'id': this.element.id + '_overviewlayer', 'style': 'pointer-events:none' });
+ svg.appendChild(ovw);
+ var rect = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])('rect', {
+ 'fill': 'transparent', 'width': '100%', 'height': '100%', 'class': 'overviewbackrect',
+ 'id': this.canvas.id + 'overviewbackrect'
+ });
+ rect.setAttribute('style', ' pointer-events: none; ');
+ ovw.appendChild(rect);
+ //const svgDocument: SVGElement = (ovw);
+ var g = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])('g', { 'id': this.canvas.id + 'overviewhandle', 'style': 'pointer-events:all' });
+ ovw.appendChild(g);
+ var innerrect = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])('rect', { 'id': this.canvas.id + 'overviewrect', 'fill': 'transparent' });
+ g.appendChild(innerrect);
+ this.renderOverviewCorner('left', g);
+ this.renderOverviewCorner('right', g);
+ this.renderOverviewCorner('top', g);
+ this.renderOverviewCorner('bottom', g);
+ this.renderOverviewCorner('topleft', g);
+ this.renderOverviewCorner('topright', g);
+ this.renderOverviewCorner('bottomleft', g);
+ this.renderOverviewCorner('bottomright', g);
+ };
+ Overview.prototype.renderOverviewCorner = function (name, parent) {
+ var svg = this.svg;
+ var shape;
+ if (name === 'top' || name === 'bottom' || name === 'right' || name === 'left') {
+ shape = 'rect';
+ }
+ else {
+ shape = 'circle';
+ }
+ var innerrect = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])(shape, { 'id': this.canvas.id + 'visible' + name });
+ parent.appendChild(innerrect);
+ var transrect = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])(shape, {
+ 'id': this.canvas.id + name, 'class': 'overviewresizer', 'fill': 'transparent'
+ });
+ parent.appendChild(transrect);
+ };
+ Overview.prototype.updateOverviewRectangle = function () {
+ var difx = this.currentPoint.x - this.prevPoint.x;
+ var dify = this.currentPoint.y - this.prevPoint.y;
+ var size = new _diagram_primitives_size__WEBPACK_IMPORTED_MODULE_6__["Size"]();
+ size.width = 0;
+ size.height = 0;
+ var x = 0;
+ var y = 0;
+ var w;
+ var h;
+ switch (this.resizeDirection) {
+ case 'left':
+ size.width -= difx;
+ size.height -= difx / this.viewPortRatio;
+ x = difx;
+ y = difx / this.viewPortRatio;
+ y /= 2;
+ break;
+ case 'right':
+ size.width += difx;
+ size.height += difx / this.viewPortRatio;
+ y = difx / this.viewPortRatio;
+ y /= -2;
+ break;
+ case 'top':
+ size.height -= dify;
+ size.width -= dify * this.viewPortRatio;
+ y = dify;
+ x = dify * this.viewPortRatio;
+ x /= 2;
+ break;
+ case 'bottom':
+ size.height += dify;
+ size.width += dify * this.viewPortRatio;
+ x = dify * this.viewPortRatio;
+ x /= -2;
+ break;
+ case 'topleft':
+ if (Math.abs(dify) > Math.abs(difx)) {
+ difx = dify * this.viewPortRatio;
+ }
+ else {
+ dify = difx / this.viewPortRatio;
+ }
+ size.width -= difx;
+ size.height -= dify;
+ x = difx;
+ y = dify;
+ break;
+ case 'topright':
+ if (Math.abs(dify) > Math.abs(difx)) {
+ difx = -dify * this.viewPortRatio;
+ }
+ else {
+ dify = -(difx / this.viewPortRatio);
+ }
+ y = dify;
+ size.width += difx;
+ size.height -= dify;
+ break;
+ case 'bottomleft':
+ if (Math.abs(dify) > Math.abs(difx)) {
+ difx = -dify * this.viewPortRatio;
+ }
+ else {
+ dify = -difx / this.viewPortRatio;
+ }
+ x = difx;
+ size.width -= difx;
+ size.height += dify;
+ break;
+ case 'bottomright':
+ if (Math.abs(dify) > Math.abs(difx)) {
+ difx = dify * this.viewPortRatio;
+ }
+ else {
+ dify = difx / this.viewPortRatio;
+ }
+ size.width += difx;
+ size.height += dify;
+ break;
+ }
+ this.updateHelper(x, y, size, w, h);
+ };
+ Overview.prototype.updateHelper = function (difx, dify, size, width, height) {
+ var x;
+ var y;
+ var bounds;
+ var svg = this.element.getElementsByTagName('svg')[2];
+ var rect = svg.getElementById('helper');
+ if (size) {
+ bounds = rect.getBBox();
+ x = bounds.x + difx;
+ y = bounds.y + dify;
+ width = bounds.width + size.width;
+ height = bounds.height + size.height;
+ }
+ else {
+ var difx_1;
+ if (this.currentPoint.x > this.startPoint.x) {
+ difx_1 = this.currentPoint.x - this.prevPoint.x;
+ }
+ else {
+ difx_1 = this.prevPoint.x - this.currentPoint.x;
+ }
+ var dify_1;
+ if (this.currentPoint.y > this.startPoint.y) {
+ dify_1 = this.currentPoint.y - this.prevPoint.y;
+ }
+ else {
+ dify_1 = this.prevPoint.y - this.currentPoint.y;
+ }
+ var w = void 0;
+ var h = void 0;
+ if (Math.abs(dify_1) > Math.abs(difx_1)) {
+ difx_1 = this.viewPortRatio * dify_1;
+ h = true;
+ w = false;
+ }
+ else {
+ dify_1 = difx_1 / this.viewPortRatio;
+ w = true;
+ h = false;
+ }
+ bounds = rect.getBBox();
+ x = ((this.startPoint.x > this.currentPoint.x) ?
+ bounds.x - difx_1 : bounds.x);
+ y = ((this.startPoint.y > this.currentPoint.y) ? bounds.y - dify_1 : bounds.y);
+ width = bounds.width + difx_1;
+ height = bounds.height + dify_1;
+ }
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["setAttributeSvg"])(this.helper, {
+ 'id': this.helper.id, 'x': x, 'y': y,
+ 'width': Math.max(0, width), 'height': Math.max(0, height)
+ });
+ };
+ Overview.prototype.updateOverviewrect = function (x, y, width, height) {
+ var rect = document.getElementById(this.canvas.id + 'overviewrect');
+ var attr = { x: x, y: y, width: Math.max(1, width), height: Math.max(1, height) };
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["setAttributeHtml"])(rect, attr);
+ this.updateOverviewCorner('top', x + 8, y + 1, Math.max(0, width - 16), 2);
+ this.updateOverviewCorner('bottom', x + 8, y + height + 3, Math.max(0, width - 16), 2);
+ this.updateOverviewCorner('left', x - 2, y + 11, 2, Math.max(0, height - 16));
+ this.updateOverviewCorner('right', x + width, y + 11, 2, Math.max(0, height - 16));
+ this.updateOverviewCorner('topleft', x, y + 3, 5, 5);
+ this.updateOverviewCorner('topright', x + width, y + 3, 5, 5);
+ this.updateOverviewCorner('bottomleft', x, y + height + 3, 5, 5);
+ this.updateOverviewCorner('bottomright', x + width, y + height + 3, 5, 5);
+ };
+ Overview.prototype.updateOverviewCorner = function (name, x, y, width, height) {
+ var attr;
+ var transattr;
+ var rectname = 'visible' + name;
+ var rect = document.getElementById(this.canvas.id + rectname);
+ if (name === 'top' || name === 'bottom' || name === 'right' || name === 'left') {
+ attr = { x: x, y: y, width: width, height: height, fill: '#ED1C24' };
+ transattr = { x: x - 2, y: y - 2, width: width === 2 ? 4 : width, height: height === 2 ? 4 : height };
+ }
+ else {
+ attr = { cx: x, cy: y, 'r': 4, fill: '#ED1C24' };
+ transattr = { cx: x, cy: y, 'r': 6, fill: 'transparent' };
+ }
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["setAttributeHtml"])(rect, attr);
+ var transrect = document.getElementById(this.canvas.id + name);
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["setAttributeHtml"])(transrect, transattr);
+ };
+ Overview.prototype.translateOverviewRectangle = function () {
+ var offwidth = Number(this.model.width);
+ var offheight = Number(this.model.height);
+ var difx = this.currentPoint.x - this.prevPoint.x;
+ var dify = this.currentPoint.y - this.prevPoint.y;
+ //const viewPort: Rect;
+ //let zoom: number = Math.min(this.parent.scroller.viewPortWidth / offwidth, this.parent.scroller.viewPortHeight / offheight);
+ var svg = this.element.getElementsByClassName('overviewsvg')[0];
+ var panel = svg.getElementById(this.canvas.id
+ + 'overviewrect');
+ var bounds = panel.getBBox();
+ var x = bounds.x + difx;
+ var y = bounds.y + dify;
+ var width = bounds.width;
+ var height = bounds.height;
+ this.updateOverviewrect(x, y, width, height);
+ this.updateParentView(this.parent.scroller.currentZoom, x, y, width, height, null);
+ };
+ Overview.prototype.renderOverviewRect = function (x, y, width, height) {
+ var offwidth = Number(this.model.width);
+ var offheight = Number(this.model.height);
+ //const viewPort: Rect;
+ var viewwidth = (width / offwidth) * this.contentWidth;
+ var viewheight = (height / offheight) * this.contentHeight;
+ var zoom = Math.max(this.parent.scroller.viewPortWidth / viewwidth, this.parent.scroller.viewPortHeight / viewheight);
+ if (zoom >= 0.25 && zoom <= 30) {
+ var point = { x: 0, y: 0 };
+ this.updateParentView(zoom, x, y, width, height, point);
+ var bounds = this.scrollOverviewRect(this.parent.scroller.horizontalOffset, this.parent.scroller.verticalOffset, this.parent.scroller.currentZoom, true);
+ if (this.helper) {
+ var panel = this.element.getElementsByTagName('rect')[10];
+ var svgRect = panel.getBBox();
+ bounds.x = svgRect.x;
+ bounds.y = svgRect.y;
+ }
+ this.updateOverviewrect(bounds.x, bounds.y, bounds.width, bounds.height);
+ }
+ };
+ Overview.prototype.scrollOverviewRect = function (hoffset, voffset, currentZoom, scaled) {
+ if (!(this.actionName) || scaled) {
+ var offwidth = Number(this.model.width);
+ var offheight = Number(this.model.height);
+ var scale = Math.min(this.contentWidth / offwidth, this.contentHeight / offheight);
+ var bounds = new _diagram_primitives_rect__WEBPACK_IMPORTED_MODULE_5__["Rect"]();
+ var x = bounds.x = (hoffset / currentZoom) / scale;
+ var y = bounds.y = (voffset / currentZoom) / scale;
+ //const viewPort: Rect;
+ var width = bounds.width = (this.parent.scroller.viewPortWidth / currentZoom) / scale;
+ var height = bounds.height = (this.parent.scroller.viewPortHeight / currentZoom) / scale;
+ //const ratio: number = this.parent.scroller.viewPortWidth / this.parent.scroller.viewPortHeight;
+ if (scaled) {
+ var rect = new _diagram_primitives_rect__WEBPACK_IMPORTED_MODULE_5__["Rect"]();
+ rect.x = x;
+ rect.y = y;
+ rect.width = width;
+ rect.height = height;
+ return rect;
+ }
+ this.updateOverviewrect(-x, -y, width, height);
+ }
+ return null;
+ };
+ Overview.prototype.updateParentView = function (zoom, x, y, width, height, focusPoint) {
+ var offwidth = Number(this.model.width);
+ var offheight = Number(this.model.height);
+ var scalex = this.contentWidth / offwidth;
+ var scaley = this.contentHeight / offheight;
+ var hoffset = x * scalex * zoom;
+ var voffset = y * scaley * zoom;
+ var delx;
+ var dely;
+ var bounds = this.parent.scroller.getPageBounds();
+ if (zoom !== 1 || this.actionName === 'pan') {
+ delx = -hoffset - this.parent.scroller.horizontalOffset;
+ dely = -voffset - this.parent.scroller.verticalOffset;
+ }
+ this.parent.setBlazorDiagramProps(true);
+ this.parent.realActions |= _diagram_enum_enum__WEBPACK_IMPORTED_MODULE_0__["RealAction"].OverViewAction;
+ var canOverview = true;
+ if (this.actionName === 'scale' || this.actionName === 'draw') {
+ this.parent.scroller.zoom(zoom / this.parent.scroller.currentZoom, delx, dely, focusPoint);
+ }
+ else {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_3__["isBlazor"])()) {
+ this.parent.pan(delx, dely, focusPoint, canOverview);
+ }
+ else {
+ this.parent.scroller.zoom(1, delx, dely, focusPoint);
+ }
+ }
+ };
+ Overview.prototype.updateHtmlLayer = function (view) {
+ var htmlLayer = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["getHTMLLayer"])(view.element.id);
+ var bounds = this.parent.scroller.getPageBounds(true);
+ var width = bounds.width;
+ var height = bounds.height;
+ var w = Math.max(width, this.parent.scroller.viewPortWidth);
+ var h = Math.max(height, this.parent.scroller.viewPortHeight / this.parent.scroller.currentZoom);
+ var scale = Math.min(Number(this.model.width) / w, Number(this.model.height) / h);
+ htmlLayer.style.transform = 'scale(' + scale + ') translate(' + this.parent.scroller.transform.tx + 'px,'
+ + (this.parent.scroller.transform.ty) + 'px)';
+ };
+ /** @private */
+ /**
+ * updateView method\
+ *
+ * @returns { void } removeDocument method .\
+ * @param {Overview} view - provide the angle value.
+ * @private
+ */
+ Overview.prototype.updateView = function (view) {
+ //let width: number; let height: number;
+ var bounds = this.parent.scroller.getPageBounds();
+ var diagramBoundsWidth = this.parent.scroller.viewPortWidth / this.parent.scroller.currentZoom;
+ var diagramBoundsHeight = this.parent.scroller.viewPortHeight / this.parent.scroller.currentZoom;
+ var transformWidth = 0;
+ var transformHeight = 0;
+ if (this.parent.scroller.currentZoom < 1 && diagramBoundsWidth > bounds.width && diagramBoundsHeight > bounds.height) {
+ transformWidth = (diagramBoundsWidth - bounds.width) / 2;
+ transformHeight = (diagramBoundsHeight - bounds.height) / 2;
+ }
+ var width = bounds.width;
+ var height = bounds.height;
+ var offwidth = Number(this.model.width);
+ var offheight = Number(this.model.height);
+ //let scale: number;
+ var w = Math.max(width, this.parent.scroller.viewPortWidth);
+ var h = Math.max(height, this.parent.scroller.viewPortHeight / this.parent.scroller.currentZoom);
+ this.contentWidth = w = Math.max(w, (offwidth / offheight) * h);
+ this.contentHeight = h = Math.max(h, (offheight / offwidth) * w);
+ var scale = Math.min(offwidth / w, offheight / h);
+ var htmlLayer = document.getElementById(this.element.id + '_htmlLayer');
+ htmlLayer.style.webkitTransform = 'scale(' + scale + ') translate(' + -bounds.x + 'px,' + (-bounds.y) + 'px)';
+ htmlLayer.style.transform = 'scale(' + scale + ') translate(' + ((-(bounds.x)) + transformWidth) + 'px,'
+ + (((-bounds.y) + transformHeight)) + 'px)';
+ var ovw = document.getElementById(this.element.id + '_overviewlayer');
+ ovw.setAttribute('transform', 'translate(' + (-bounds.x * scale) + ',' + (-bounds.y * scale) + ')');
+ this.horizontalOffset = bounds.x * scale;
+ this.verticalOffset = bounds.y * scale;
+ var canvas = document.getElementById(this.element.id + '_diagramLayer');
+ var nativeLayer = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["getNativeLayer"])(this.element.id);
+ var context = canvas.getContext('2d');
+ var widthratio = (Number(this.model.width) / this.contentWidth);
+ var heightratio = (Number(this.model.height) / this.contentHeight);
+ widthratio = Math.min(widthratio, heightratio);
+ var transform = this.parent.scroller.transform;
+ var tx = transform.tx;
+ var ty = transform.ty;
+ nativeLayer.setAttribute('transform', 'translate('
+ + (tx * widthratio) + ',' + (ty * heightratio) + '),scale('
+ + widthratio + ')');
+ context.setTransform(widthratio, 0, 0, widthratio, 0, 0);
+ context.fillStyle = 'red';
+ this.scrollOverviewRect(this.parent.scroller.horizontalOffset, this.parent.scroller.verticalOffset, this.parent.scroller.currentZoom);
+ };
+ // region - Event Handlers
+ Overview.prototype.scrolled = function (evt) {
+ if (this.event) {
+ var bounds = this.scrollOverviewRect(this.parent.scroller.horizontalOffset, this.parent.scroller.verticalOffset, this.parent.scroller.currentZoom, true);
+ this.updateOverviewrect(-bounds.x, -bounds.y, bounds.width, bounds.height);
+ // EJ2-67416 - Added below code to update the overview rect if the diagram and overview is scrolled.
+ this.updateView(this);
+ }
+ };
+ Overview.prototype.updateCursor = function (evt) {
+ if (Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["hasClass"])(evt.target, ('overviewresizer'))) {
+ switch (evt.target.id) {
+ case this.canvas.id + 'left':
+ this.canvas.style.cursor = 'w-resize';
+ break;
+ case this.canvas.id + 'right':
+ this.canvas.style.cursor = 'e-resize';
+ break;
+ case this.canvas.id + 'top':
+ this.canvas.style.cursor = 'n-resize';
+ break;
+ case this.canvas.id + 'bottom':
+ this.canvas.style.cursor = 's-resize';
+ break;
+ case this.canvas.id + 'topleft':
+ this.canvas.style.cursor = 'nw-resize';
+ break;
+ case this.canvas.id + 'topright':
+ this.canvas.style.cursor = 'ne-resize';
+ break;
+ case this.canvas.id + 'bottomleft':
+ this.canvas.style.cursor = 'sw-resize';
+ break;
+ case this.canvas.id + 'bottomright':
+ this.canvas.style.cursor = 'se-resize';
+ break;
+ }
+ }
+ else {
+ this.canvas.style.cursor = 'default';
+ }
+ };
+ Overview.prototype.mouseMove = function (evt) {
+ this.event = false;
+ this.updateCursor(evt);
+ this.currentPoint = this.mousePosition(evt);
+ if (this.actionName) {
+ switch (this.actionName) {
+ case 'draw':
+ if (!this.inAction && (this.startPoint.x !== this.currentPoint.x || this.startPoint.y !== this.currentPoint.y)) {
+ this.initHelper();
+ this.inAction = true;
+ }
+ if (this.inAction) {
+ this.updateHelper();
+ }
+ break;
+ case 'scale':
+ if (!this.inAction) {
+ this.initHelper();
+ this.inAction = true;
+ }
+ this.updateOverviewRectangle();
+ break;
+ case 'pan':
+ if ((this.startPoint.x !== this.currentPoint.x || this.startPoint.y === this.currentPoint.y) || this.inAction) {
+ this.inAction = true;
+ this.translateOverviewRectangle();
+ }
+ break;
+ }
+ }
+ this.prevPoint = this.currentPoint;
+ };
+ Overview.prototype.documentMouseUp = function (evt) {
+ this.inAction = false;
+ this.actionName = '';
+ if (this.helper) {
+ this.helper.parentNode.removeChild(this.helper);
+ this.helper = null;
+ }
+ this.event = true;
+ document.getElementById(this.canvas.id + 'overviewhandle').style.pointerEvents = 'all';
+ };
+ Overview.prototype.windowResize = function (evt) {
+ var _this = this;
+ if (this.resizeTo) {
+ clearTimeout(this.resizeTo);
+ }
+ this.resizeTo = setTimeout(function () {
+ var element = document.getElementById(_this.element.id);
+ var bRect = element.getBoundingClientRect();
+ _this.model.width = bRect.width > 0 ? bRect.width : _this.model.width;
+ _this.model.height = bRect.height > 0 ? bRect.height : _this.model.height;
+ _this.renderCanvas();
+ _this.setParent(_this.sourceID);
+ }, 10);
+ return false;
+ };
+ /**
+ * mouseDown method\
+ *
+ * @returns { void } mouseDown method .\
+ * @param {PointerEvent | TouchEvent} evt - provide the angle value.
+ * @private
+ */
+ Overview.prototype.mouseDown = function (evt) {
+ if (evt.target.id === this.canvas.id + '_overviewsvg') {
+ this.actionName = 'draw';
+ }
+ if (evt.target.id === this.canvas.id + 'overviewrect') {
+ this.actionName = 'pan';
+ }
+ if (Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["hasClass"])(evt.target, 'overviewresizer')) {
+ this.actionName = 'scale';
+ switch (evt.target.id) {
+ case this.canvas.id + 'left':
+ this.resizeDirection = 'left';
+ break;
+ case this.canvas.id + 'right':
+ this.resizeDirection = 'right';
+ break;
+ case this.canvas.id + 'top':
+ this.resizeDirection = 'top';
+ break;
+ case this.canvas.id + 'bottom':
+ this.resizeDirection = 'bottom';
+ break;
+ case this.canvas.id + 'topleft':
+ this.resizeDirection = 'topleft';
+ break;
+ case this.canvas.id + 'topright':
+ this.resizeDirection = 'topright';
+ break;
+ case this.canvas.id + 'bottomleft':
+ this.resizeDirection = 'bottomleft';
+ break;
+ case this.canvas.id + 'bottomright':
+ this.resizeDirection = 'bottomright';
+ break;
+ }
+ }
+ this.startPoint = this.prevPoint = this.mousePosition(evt);
+ this.viewPortRatio = this.parent.scroller.viewPortWidth / this.parent.scroller.viewPortHeight;
+ var overViewHandle = document.getElementById(this.canvas.id + 'overviewhandle');
+ overViewHandle.style.pointerEvents = 'none';
+ };
+ Overview.prototype.mouseUp = function (evt) {
+ this.currentPoint = this.mousePosition(evt);
+ //let offwidth: number = Number(this.model.width);
+ //let offheight: number = Number(this.model.height);
+ if (this.actionName) {
+ if ((this.startPoint.x !== this.currentPoint.x || this.startPoint.y !== this.currentPoint.y)) {
+ if (this.actionName === 'pan') {
+ //let i: number = 0;
+ }
+ else {
+ if (this.helper) {
+ var bounds = (this.element.getElementsByTagName('rect')[10]).getBBox();
+ this.resizeDirection = this.resizeDirection || '';
+ var x = bounds.x;
+ var y = bounds.y;
+ var width = bounds.width;
+ var height = bounds.height;
+ var adjust = this.resizeDirection === 'topleft' || this.resizeDirection === 'topright' ||
+ this.resizeDirection === 'bottomleft' || this.resizeDirection === 'bottomright';
+ this.renderOverviewRect(x, y, width, height);
+ }
+ }
+ }
+ else {
+ if (evt.target.id === this.canvas.id + '_overviewsvg' || evt.target.id === 'helper') {
+ var svg = this.element.getElementsByTagName('svg')[2];
+ var g = svg.getElementById(this.canvas.id
+ + 'overviewrect');
+ var bounds = g.getBBox();
+ var width = bounds.width;
+ var height = bounds.height;
+ this.inAction = true;
+ this.actionName = 'pan';
+ this.renderOverviewRect(this.currentPoint.x - width / 2, this.currentPoint.y - height / 2, width, height);
+ this.inAction = false;
+ }
+ }
+ }
+ if (this.helper) {
+ this.helper.parentNode.removeChild(this.helper);
+ this.helper = null;
+ }
+ this.actionName = '';
+ this.startPoint = null;
+ this.currentPoint = null;
+ this.prevPoint = null;
+ this.helper = null;
+ this.viewPortRatio = 1;
+ this.resizeDirection = '';
+ this.inAction = false;
+ this.event = true;
+ document.getElementById(this.canvas.id + 'overviewhandle').style.pointerEvents = 'all';
+ };
+ Overview.prototype.initHelper = function () {
+ var g = this.element.getElementsByTagName('svg')[2];
+ //const scale: number = this.parent.scroller.currentZoom;
+ var x = this.startPoint.x;
+ var y = this.startPoint.y;
+ var width = 1;
+ var height = 1;
+ if (this.actionName === 'scale') {
+ var rect = g.
+ getElementById(this.canvas.id + 'overviewrect');
+ var bounds = rect.getBBox();
+ x = bounds.x;
+ y = bounds.y;
+ width = bounds.width;
+ height = bounds.height;
+ }
+ var selectionRect = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])('rect', {
+ 'id': 'helper', x: x, y: y, width: width, height: height,
+ 'fill': 'transparent', 'stroke': 'gray', 'stroke-dasharray': '2 2', 'shape-rendering': 'crispEdges'
+ });
+ var overviewLayer = g.getElementById(this.element.id + '_overviewlayer');
+ overviewLayer.appendChild(selectionRect);
+ this.helper = selectionRect;
+ };
+ Overview.prototype.mousePosition = function (evt) {
+ var touchArg;
+ var offsetX;
+ var offsetY;
+ if (evt.type.indexOf('touch') !== -1) {
+ touchArg = evt;
+ var pageX = touchArg.changedTouches[0].clientX;
+ var pageY = touchArg.changedTouches[0].clientY;
+ offsetX = pageX - this.element.offsetLeft;
+ offsetY = pageY - this.element.offsetTop;
+ }
+ else {
+ offsetX = evt.clientX;
+ offsetY = evt.clientY;
+ }
+ var boundingRect = this.element.getBoundingClientRect();
+ offsetX = offsetX - boundingRect.left;
+ offsetY = offsetY - boundingRect.top;
+ return { x: offsetX + this.horizontalOffset, y: offsetY + this.verticalOffset };
+ };
+ // end region - Event handlers
+ /**
+ *To destroy the overview
+ *
+ * @returns {void} To destroy the overview
+ */
+ Overview.prototype.destroy = function () {
+ this.unWireEvents();
+ this.notify('destroy', {});
+ _super.prototype.destroy.call(this);
+ if (document.getElementById(this.element.id)) {
+ this.element.classList.remove('e-overview');
+ var content = document.getElementById(this.element.id + '_canvas');
+ if (content) {
+ this.element.removeChild(content);
+ }
+ }
+ this.parent.views.splice(this.parent.views.indexOf(this.element.id), 1);
+ this.diagramLayerDiv = null;
+ this.canvas = null;
+ this.parent = null;
+ };
+ /**
+ * Core method to return the component name.
+ *
+ * @returns {string} Core method to return the component name.
+ * @private
+ */
+ Overview.prototype.getModuleName = function () {
+ /**
+ * Returns the module name
+ */
+ return 'Overview';
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_3__["Property"])('100%')
+ ], Overview.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_3__["Property"])('100%')
+ ], Overview.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_3__["Property"])('')
+ ], Overview.prototype, "sourceID", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_3__["Event"])()
+ ], Overview.prototype, "created", void 0);
+ return Overview;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_3__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/ruler/index.js":
+/*!*******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/ruler/index.js ***!
+ \*******************************************************************/
+/*! exports provided: Ruler */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _ruler__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ruler */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/ruler/ruler.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Ruler", function() { return _ruler__WEBPACK_IMPORTED_MODULE_0__["Ruler"]; });
+
+/**
+ * Exported Ruler files
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/ruler/ruler.js":
+/*!*******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/ruler/ruler.js ***!
+ \*******************************************************************/
+/*! exports provided: Ruler */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Ruler", function() { return Ruler; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../diagram/utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _diagram_primitives_size__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../diagram/primitives/size */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/size.js");
+/* harmony import */ var _diagram_utility_base_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../diagram/utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable @typescript-eslint/ban-types */
+
+
+
+
+/**
+ * Represents the Ruler component that measures the Diagram objects, indicate positions, and align Diagram elements.
+ * ```html
+ * Show Ruler
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var Ruler = /** @__PURE__ @class */ (function (_super) {
+ __extends(Ruler, _super);
+ /**
+ * Constructor for creating the Ruler Component
+ *
+ * @param {RulerModel} options The ruler model.
+ * @param {string | HTMLElement} element The ruler element.
+ */
+ function Ruler(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ /** @private */
+ _this.offset = 0;
+ /** @private */
+ _this.scale = 1;
+ return _this;
+ }
+ /**
+ * Initializes the values of private members.
+ *
+ * @returns {void} Initializes the values of private members.
+ * @private
+ */
+ Ruler.prototype.preRender = function () {
+ this.unWireEvents();
+ this.wireEvents();
+ };
+ /**
+ * Renders the rulers.
+ *
+ * @returns {void} Renders the rulers.
+ * @private
+ */
+ Ruler.prototype.render = function () {
+ this.updateRulerGeometry();
+ this.renderComplete();
+ };
+ /**
+ * Core method to return the component name.
+ *
+ * @returns {string} Core method to return the component name.
+ * @private
+ */
+ Ruler.prototype.getModuleName = function () {
+ return 'Ruler';
+ };
+ /**
+ *To destroy the ruler
+ *
+ * @returns {void} To destroy the ruler
+ */
+ Ruler.prototype.destroy = function () {
+ this.unWireEvents();
+ this.notify('destroy', {});
+ _super.prototype.destroy.call(this);
+ this.element.classList.remove('e-ruler');
+ };
+ /**
+ * Get the properties to be maintained in the persisted state.
+ *
+ * @returns {string} Get the properties to be maintained in the persisted state.
+ */
+ Ruler.prototype.getPersistData = function () {
+ var keyEntity = ['loaded'];
+ return this.addOnPersist(keyEntity);
+ };
+ /**
+ * Refreshes the ruler when the Ruler properties are updated\
+ *
+ * @returns { void} Refreshes the ruler when the Ruler properties are updated .\
+ * @param {RulerModel} newProp - provide the newProp value.
+ * @param {RulerModel} oldProp - provide the oldProp value.
+ * @private
+ */
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ Ruler.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'length':
+ case 'interval':
+ case 'segmentWidth':
+ case 'tickAlignment':
+ case 'markerColor':
+ case 'thickness':
+ this.updateRuler();
+ break;
+ }
+ }
+ };
+ Ruler.prototype.updateRulerGeometry = function () {
+ this.element.style.textAlign = 'left';
+ this.renderRulerSpace();
+ this.updateRuler();
+ };
+ Ruler.prototype.renderRulerSpace = function () {
+ var rulerGeometry = this.getRulerGeometry();
+ var div = document.getElementById(this.element.id + '_ruler_space');
+ if (!div) {
+ div = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_1__["createHtmlElement"])('div', {
+ 'id': this.element.id + '_ruler_space',
+ 'style': 'height:' + rulerGeometry.height + 'px;width:' + rulerGeometry.width + 'px;cssFloat:' + 'left;'
+ });
+ this.element.appendChild(div);
+ }
+ return div;
+ };
+ Ruler.prototype.updateRuler = function () {
+ var rulerSize = this.getRulerSize();
+ var rulerGeometry = this.getRulerGeometry();
+ var length = 0;
+ var offset = 0;
+ var availableSize = new _diagram_primitives_size__WEBPACK_IMPORTED_MODULE_2__["Size"]();
+ var svg = this.getRulerSVG(rulerGeometry);
+ if (svg) {
+ length = this.length;
+ availableSize.height = rulerSize;
+ offset = this.offset;
+ if (length && length !== Infinity) {
+ var unitLength = length + this.segmentWidth;
+ var unitOffset = offset;
+ this.updateSegments(unitOffset, (unitLength + Math.abs(unitOffset)), svg, rulerSize);
+ }
+ }
+ };
+ Ruler.prototype.updateSegments = function (start, end, svg, rulerSize) {
+ var run = start;
+ var trans = { trans: 0 };
+ while (run < end) {
+ var rulerSegment = this.getNewSegment(run, svg);
+ if (rulerSegment) {
+ svg.appendChild(rulerSegment.segment);
+ run = this.updateSegment(start, end, rulerSegment, run, trans, rulerSize);
+ }
+ }
+ };
+ Ruler.prototype.updateSegment = function (start, end, rulerSegment, run, trans, rulerSize) {
+ var segWidth = this.updateSegmentWidth(this.scale);
+ if (run === start) {
+ this.startValue = Math.floor(start / segWidth) * segWidth / this.scale;
+ this.startValue = (this.startValue % 1) !== 0 ? Number((this.startValue).toFixed(1)) : this.startValue;
+ rulerSegment.label.textContent = this.startValue.toString();
+ this.defStartValue = run = this.startValue * this.scale;
+ if (this.orientation === 'Horizontal') {
+ this.hRulerOffset = start - run;
+ }
+ else {
+ this.vRulerOffset = start - run;
+ }
+ }
+ else {
+ this.startValue = (run / this.scale);
+ this.startValue = (this.startValue % 1) !== 0 ? Number((this.startValue).toFixed(1)) : this.startValue;
+ rulerSegment.label.textContent = this.startValue.toString();
+ }
+ this.updateTickLabel(rulerSegment, rulerSize);
+ var translate = (this.orientation === 'Horizontal') ? ((trans.trans + 0.5) + ',0.5') : ('0.5,' + (trans.trans + 0.5));
+ rulerSegment.segment.setAttribute('transform', 'translate(' + translate + ')');
+ trans.trans += segWidth;
+ run += segWidth;
+ return run;
+ };
+ Ruler.prototype.updateTickLabel = function (rulerSegment, rulerSize) {
+ var bBox = rulerSegment.segment.lastChild.getBBox();
+ var isHorizontal = (this.orientation === 'Horizontal') ? true : false;
+ var isRightOrBottom = (this.tickAlignment === 'RightOrBottom') ? true : false;
+ var x = isHorizontal ? 2 : 0;
+ var y = isHorizontal ? (isRightOrBottom ? (rulerSize / 2 + (11 / 2) - (11 / 2)) :
+ (rulerSize / 2 + (11 / 2))) : bBox.height;
+ var translate = isRightOrBottom ? (-(bBox.width + 2) + ',' + ((rulerSize / 2) - bBox.height)) :
+ (-(bBox.width + 2) + ',' + ((rulerSize / 2) - bBox.height / 2));
+ var attr = isHorizontal ? { 'x': x, 'y': y } :
+ { 'x': x, 'y': y, 'transform': 'rotate(270)' + 'translate(' + translate + ')' };
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_1__["setAttributeSvg"])(rulerSegment.segment.lastChild, attr);
+ };
+ Ruler.prototype.getNewSegment = function (run, svg) {
+ var segment = this.createNewTicks(run, svg);
+ var label = this.createTickLabel(svg, segment);
+ return { segment: segment, label: label };
+ };
+ Ruler.prototype.createNewTicks = function (run, svg) {
+ var tick;
+ var tickInterval;
+ var segmentWidth = this.updateSegmentWidth(this.scale);
+ //let g: SVGElement;
+ var attr = { 'class': 'e-ruler-segment' };
+ var g = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_1__["createSvgElement"])('g', attr);
+ for (var i = 0; i < this.interval; i++) {
+ tickInterval = segmentWidth / this.interval;
+ tick = this.createTick(svg, tickInterval, i + 1, run);
+ g.appendChild(tick);
+ }
+ return g;
+ };
+ Ruler.prototype.getLinePoint = function (svg, tickInterval, length) {
+ var segmentWidth = this.updateSegmentWidth(this.scale);
+ var rulerSize = this.getRulerSize();
+ tickInterval = tickInterval * (length - 1);
+ length = ((tickInterval % segmentWidth) === 0) ? rulerSize : rulerSize * 0.3;
+ return length;
+ };
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ Ruler.prototype.createTick = function (svg, tickInterval, length, run) {
+ var ruler;
+ //let line: SVGElement;
+ var linePoint = this.getLinePoint(svg, tickInterval, length);
+ var rulerSize = this.getRulerSize();
+ //let args: IArrangeTickOptions;
+ //let attr: Object;
+ var isHorizontal = (this.orientation === 'Horizontal') ? true : false;
+ var isRightOrBottom = (this.tickAlignment === 'RightOrBottom') ? true : false;
+ var arrangeTick = Object(_diagram_utility_base_util__WEBPACK_IMPORTED_MODULE_3__["getFunction"])(this.arrangeTick);
+ // eslint-disable-next-line
+ var args = { ruler: ruler, tickLength: linePoint, tickInterval: ((this.segmentWidth / this.interval) * (length - 1)) };
+ if (arrangeTick) {
+ arrangeTick(args);
+ }
+ linePoint = args.tickLength;
+ var point = tickInterval * (length - 1);
+ var x1 = isHorizontal ? point : (isRightOrBottom ? rulerSize : 0);
+ var x2 = isHorizontal ? point : (isRightOrBottom ? (rulerSize - linePoint) : (rulerSize - (rulerSize - linePoint)));
+ var y1 = isHorizontal ? (isRightOrBottom ? rulerSize : (rulerSize - (rulerSize - linePoint))) : point;
+ var y2 = isHorizontal ? (isRightOrBottom ? (rulerSize - linePoint) : 0) : point;
+ var attr = { 'x1': x1, 'y1': y1, 'x2': x2, 'y2': y2, 'stroke-width': '1', 'stroke': 'black' };
+ var line = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_1__["createSvgElement"])('line', attr);
+ line.setAttribute('class', 'e-ruler-tick');
+ return line;
+ };
+ Ruler.prototype.createTickLabel = function (svg, segment) {
+ var text;
+ if (segment) {
+ var attr = { 'class': 'e-ruler-tick-label' };
+ text = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_1__["createSvgElement"])('text', attr);
+ segment.appendChild(text);
+ }
+ return text;
+ };
+ /**
+ * @private
+ * @param {number} scale
+ */
+ /**
+ * updateSegmentWidth method\
+ *
+ * @returns {number} updateSegmentWidth method .\
+ * @param {string} scale - provide the scale value.
+ *
+ * @private
+ */
+ Ruler.prototype.updateSegmentWidth = function (scale) {
+ if (this.segmentWidth !== 100) {
+ return this.segmentWidth;
+ }
+ var five = 25;
+ var multiples = 1;
+ var div;
+ //let scaleRound: number;
+ var fifty = 100;
+ var scaleRound = Math.pow(2, Math.round(Math.log(scale) / Math.log(2)));
+ div = fifty;
+ div = (fifty / scaleRound);
+ while (div > 100) {
+ multiples /= 10;
+ div /= 10;
+ }
+ while (div < 25) {
+ multiples *= 10;
+ div *= 10;
+ }
+ if (div >= five && div % five !== 0) {
+ div = Math.round(div / five) * five;
+ }
+ return div * scale / multiples;
+ };
+ Ruler.prototype.createMarkerLine = function (rulerSvg, rulerObj, attr) {
+ var line;
+ if (rulerObj) {
+ line = rulerSvg.getElementById(rulerObj.id + '_marker');
+ if (line) {
+ line.parentNode.removeChild(line);
+ }
+ line = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_1__["createSvgElement"])('line', attr);
+ }
+ return line;
+ };
+ /**
+ * updateSegmentWidth method\
+ *
+ * @returns {void} updateSegmentWidth method .\
+ * @param {HTMLElement} rulerObj - Defines the ruler Object
+ * @param {PointModel} currentPoint - Defines the current point for ruler Object
+ * @param {number} offset - Defines the offset ruler Object
+ *
+ * @private
+ */
+ Ruler.prototype.drawRulerMarker = function (rulerObj, currentPoint, offset) {
+ var rulerSvg;
+ var rulerSize;
+ var scale;
+ var diff;
+ var i;
+ var attr;
+ var line;
+ var isHorizontal = this.orientation === 'Horizontal' ? true : false;
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var rulerSvgElements = rulerObj.getElementsByTagName('svg');
+ for (i = 0; i < rulerSvgElements.length; i++) {
+ if (rulerSvgElements[parseInt(i.toString(), 10)]) {
+ rulerSvg = rulerSvgElements[parseInt(i.toString(), 10)];
+ }
+ break;
+ }
+ if (rulerSvg) {
+ rulerSize = this.getRulerSize();
+ attr = {
+ 'id': rulerObj.id + '_marker', 'x1': 0, 'y1': 0, 'x2': (isHorizontal ? 0 : rulerSize),
+ 'y2': (isHorizontal ? rulerSize : 0), 'stroke': this.markerColor, 'stroke-width': 1.5,
+ 'class': 'e-d-ruler-marker'
+ };
+ line = this.createMarkerLine(rulerSvg, rulerObj, attr);
+ scale = this.scale;
+ diff = this.offset - this.defStartValue;
+ var point = isHorizontal ? currentPoint.x : currentPoint.y;
+ var move = (point * scale) + offset + diff;
+ line.setAttribute('transform', 'translate(' + (isHorizontal ? ((move + 0.5) + ' 0.5') : ('0.5 ' + (move + 0.5))) + ')');
+ rulerSvg.appendChild(line);
+ }
+ };
+ Ruler.prototype.getRulerGeometry = function () {
+ return new _diagram_primitives_size__WEBPACK_IMPORTED_MODULE_2__["Size"](this.element ? this.element.getBoundingClientRect().width : 0, this.element ? this.element.getBoundingClientRect().height : 0);
+ };
+ Ruler.prototype.getRulerSize = function () {
+ return this.thickness;
+ };
+ Ruler.prototype.getRulerSVG = function (rulerGeometry) {
+ var rulerSpace;
+ var rulerSize = this.getRulerSize();
+ var svg;
+ if (this.element) {
+ rulerSpace = document.getElementById(this.element.id + '_ruler_space');
+ if (rulerSpace) {
+ var attr = {
+ 'id': this.element.id + '_Ruler_svg',
+ width: this.orientation === 'Horizontal' ? (rulerGeometry.width + 200) : rulerSize + 'px',
+ height: this.orientation === 'Horizontal' ? rulerSize : (rulerGeometry.height + 200) + 'px',
+ style: 'position:inherit;'
+ };
+ svg = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_1__["createSvgElement"])('svg', attr);
+ if (rulerSpace.childNodes.length > 0) {
+ for (var i = rulerSpace.childNodes.length - 1; i >= 0; i--) {
+ rulerSpace.childNodes[parseInt(i.toString(), 10)].parentNode.removeChild(rulerSpace.childNodes[parseInt(i.toString(), 10)]);
+ }
+ }
+ rulerSpace.appendChild(svg);
+ }
+ }
+ return svg;
+ };
+ /**
+ * Method to bind events for the ruler \
+ *
+ * @returns {void} Method to bind events for the ruler .\
+ * @private
+ */
+ Ruler.prototype.wireEvents = function () {
+ //wire Events
+ };
+ /**
+ * Method to unbind events for the ruler \
+ *
+ * @returns {void} Method to unbind events for the ruler .\
+ * @private
+ */
+ Ruler.prototype.unWireEvents = function () {
+ //unWire Events
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(5)
+ ], Ruler.prototype, "interval", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(100)
+ ], Ruler.prototype, "segmentWidth", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Horizontal')
+ ], Ruler.prototype, "orientation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('RightOrBottom')
+ ], Ruler.prototype, "tickAlignment", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('red')
+ ], Ruler.prototype, "markerColor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(25)
+ ], Ruler.prototype, "thickness", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Ruler.prototype, "arrangeTick", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(400)
+ ], Ruler.prototype, "length", void 0);
+ return Ruler;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/symbol-palette/index.js":
+/*!****************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/symbol-palette/index.js ***!
+ \****************************************************************************/
+/*! exports provided: Palette, SymbolDragSize, SymbolPreview, SymbolPalette */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _symbol_palette__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./symbol-palette */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/symbol-palette/symbol-palette.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Palette", function() { return _symbol_palette__WEBPACK_IMPORTED_MODULE_0__["Palette"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SymbolDragSize", function() { return _symbol_palette__WEBPACK_IMPORTED_MODULE_0__["SymbolDragSize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SymbolPreview", function() { return _symbol_palette__WEBPACK_IMPORTED_MODULE_0__["SymbolPreview"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SymbolPalette", function() { return _symbol_palette__WEBPACK_IMPORTED_MODULE_0__["SymbolPalette"]; });
+
+/**
+ * Exported symbol palette files
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-diagrams/symbol-palette/symbol-palette.js":
+/*!*************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-diagrams/symbol-palette/symbol-palette.js ***!
+ \*************************************************************************************/
+/*! exports provided: Palette, SymbolDragSize, SymbolPreview, SymbolPalette */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Palette", function() { return Palette; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SymbolDragSize", function() { return SymbolDragSize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SymbolPreview", function() { return SymbolPreview; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SymbolPalette", function() { return SymbolPalette; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_navigations__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-navigations */ "./ej2-resources/22.1.37/scripts/ej2-navigations/index.js");
+/* harmony import */ var _diagram_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../diagram/index */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/index.js");
+/* harmony import */ var _diagram_rendering_svg_renderer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../diagram/rendering/svg-renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/svg-renderer.js");
+/* harmony import */ var _diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../diagram/utility/dom-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/dom-util.js");
+/* harmony import */ var _diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../diagram/utility/diagram-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/diagram-util.js");
+/* harmony import */ var _diagram_utility_base_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../diagram/utility/base-util */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/base-util.js");
+/* harmony import */ var _diagram_utility_connector__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../diagram/utility/connector */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/utility/connector.js");
+/* harmony import */ var _diagram_primitives_point__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../diagram/primitives/point */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/primitives/point.js");
+/* harmony import */ var _diagram_rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../diagram/rendering/canvas-renderer */ "./ej2-resources/22.1.37/scripts/ej2-diagrams/diagram/rendering/canvas-renderer.js");
+/* harmony import */ var _ej2_popups__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../ej2-popups */ "./ej2-resources/22.1.37/scripts/ej2-popups/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable @typescript-eslint/ban-types */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// eslint-disable-next-line
+var getObjectType = function (obj) {
+ var conn = obj;
+ if (conn.sourcePoint || conn.targetPoint || conn.sourceID || conn.targetID
+ || conn.sourcePortID || conn.targetPortID || conn.sourceDecorator || conn.targetDecorator) {
+ return _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Connector"];
+ }
+ if (obj.shape && (obj.shape instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Shape"] || obj.shape.type)) {
+ return _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"];
+ }
+ return _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"];
+};
+/**
+ * A palette allows to display a group of related symbols and it textually annotates the group with its header.
+ */
+var Palette = /** @__PURE__ @class */ (function (_super) {
+ __extends(Palette, _super);
+ // eslint-disable-next-line
+ function Palette(parent, propName, defaultValue, isArray) {
+ return _super.call(this, parent, propName, defaultValue, isArray) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Palette.prototype, "id", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Palette.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Palette.prototype, "expanded", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Palette.prototype, "iconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Palette.prototype, "title", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["CollectionFactory"])(getObjectType)
+ ], Palette.prototype, "symbols", void 0);
+ return Palette;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * customize the drag size of the individual palette items.
+ */
+var SymbolDragSize = /** @__PURE__ @class */ (function (_super) {
+ __extends(SymbolDragSize, _super);
+ function SymbolDragSize() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolDragSize.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolDragSize.prototype, "height", void 0);
+ return SymbolDragSize;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * customize the preview size and position of the individual palette items.
+ */
+var SymbolPreview = /** @__PURE__ @class */ (function (_super) {
+ __extends(SymbolPreview, _super);
+ function SymbolPreview() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolPreview.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolPreview.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, _diagram_primitives_point__WEBPACK_IMPORTED_MODULE_8__["Point"])
+ ], SymbolPreview.prototype, "offset", void 0);
+ return SymbolPreview;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Represents the Symbol Palette Component.
+ * ```html
+ *
+ *
+ * ```
+ */
+/**
+ * The symbol palette control allows to predefine the frequently used nodes and connectors
+ * and to drag and drop those nodes/connectors to drawing area
+ */
+var SymbolPalette = /** @__PURE__ @class */ (function (_super) {
+ __extends(SymbolPalette, _super);
+ //region - protected methods
+ /**
+ * Constructor for creating the symbol palette Component
+ *
+ * @param {SymbolPaletteModel} options The symbol palette model.
+ * @param {string | HTMLElement} element The symbol palette element.
+ */
+ function SymbolPalette(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ /** @private */
+ _this.symbolTable = {};
+ /** @private */
+ _this.childTable = {};
+ _this.info = 'info';
+ _this.oldObject = null;
+ _this.laneTable = {};
+ _this.isExpand = false;
+ _this.isExpandMode = false;
+ _this.isMethod = false;
+ _this.paletteid = 88123;
+ _this.checkOnRender = false;
+ _this.symbolTooltipObject = null;
+ // eslint-disable
+ _this.helper = function (e) {
+ var clonedElement;
+ var id = (_this.selectedSymbol && _this.selectedSymbol.id) || e.sender.target.id.split('_container')[0];
+ var symbol = _this.symbolTable["" + id];
+ if (symbol && _this.selectedSymbol) {
+ _this.selectedSymbols = _this.selectedSymbol.id === symbol.id ? symbol : _this.selectedSymbol;
+ //const position: PointModel = this.getMousePosition(e.sender);
+ clonedElement = _this.getSymbolPreview(_this.selectedSymbols, e.sender, _this.element);
+ clonedElement.setAttribute('paletteId', _this.element.id);
+ }
+ return clonedElement;
+ };
+ var child;
+ var node;
+ for (var i = 0; _this && _this.palettes && i < _this.palettes.length; i++) {
+ for (var j = 0; j < _this.palettes[parseInt(i.toString(), 10)].symbols.length; j++) {
+ child = _this.palettes[parseInt(i.toString(), 10)].symbols[parseInt(j.toString(), 10)];
+ node = options.palettes[parseInt(i.toString(), 10)].symbols[parseInt(j.toString(), 10)];
+ if (child && child.shape.type === 'UmlActivity') {
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_5__["setUMLActivityDefaults"])(node, child);
+ }
+ if (_this.nodeDefaults || _this.connectorDefaults) {
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_5__["updateDefaultValues"])(child, node, child instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"] ? _this.nodeDefaults : _this.connectorDefaults);
+ }
+ }
+ }
+ return _this;
+ }
+ /**
+ * Refreshes the panel when the symbol palette properties are updated\
+ *
+ * @returns { void} Refreshes the panel when the symbol palette properties are updated .\
+ * @param {SymbolPaletteModel} newProp - Defines the new values of the changed properties.
+ * @param {SymbolPaletteModel} oldProp - Defines the old values of the changed properties.
+ */
+ // eslint-disable-next-line
+ SymbolPalette.prototype.onPropertyChanged = function (newProp, oldProp) {
+ var refresh = false;
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'width':
+ this.element.style.width = this.width.toString();
+ break;
+ case 'height':
+ this.element.style.height = this.height.toString();
+ break;
+ case 'symbolPreview':
+ break;
+ case 'symbolWidth':
+ case 'symbolHeight':
+ case 'getSymbolInfo':
+ if (this.isReact) {
+ refresh = false;
+ }
+ else {
+ refresh = true;
+ }
+ break;
+ case 'enableSearch':
+ if (newProp.enableSearch && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.createTextbox();
+ }
+ else {
+ var divElement = document.getElementById(this.element.id + '_search');
+ if (divElement) {
+ divElement.parentNode.removeChild(divElement);
+ }
+ }
+ break;
+ case 'palettes':
+ for (var _b = 0, _c = Object.keys(newProp.palettes); _b < _c.length; _b++) {
+ var i = _c[_b];
+ var index = Number(i);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && !this.accordionElement.items[parseInt(index.toString(), 10)]) {
+ this.accordionElement.items[parseInt(index.toString(), 10)] = {
+ header: newProp.palettes[parseInt(index.toString(), 10)].title || '',
+ expanded: newProp.palettes[parseInt(index.toString(), 10)].expanded,
+ iconCss: newProp.palettes[parseInt(index.toString(), 10)].iconCss || ''
+ };
+ }
+ if (newProp.palettes[parseInt(index.toString(), 10)].height) {
+ var paletteDiv = document.getElementById(this.palettes[parseInt(index.toString(), 10)].id + '_content');
+ paletteDiv.style.height = newProp.palettes[parseInt(index.toString(), 10)].height + 'px';
+ }
+ if (newProp.palettes[parseInt(index.toString(), 10)].iconCss !== undefined) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.accordionElement.items[parseInt(index.toString(), 10)].iconCss = newProp.palettes[parseInt(index.toString(), 10)].iconCss || '';
+ refresh = true;
+ }
+ }
+ if (newProp.palettes[parseInt(index.toString(), 10)].expanded !== undefined && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ if (!this.palettes[parseInt(index.toString(), 10)].isInteraction) {
+ this.accordionElement.items[parseInt(index.toString(), 10)].expanded = newProp.palettes[parseInt(index.toString(), 10)].expanded;
+ this.isExpand = true;
+ }
+ else {
+ this.palettes[parseInt(index.toString(), 10)].isInteraction = false;
+ }
+ if (!this.isExpandMode && !this.isMethod && !this.isExpand) {
+ this.isExpand = true;
+ }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && newProp.palettes[parseInt(index.toString(), 10)].symbols !== null) {
+ refresh = true;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && newProp.palettes[parseInt(index.toString(), 10)].symbols === null) {
+ this.updateBlazorProperties(newProp);
+ }
+ }
+ break;
+ case 'enableAnimation':
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ if (!this.enableAnimation) {
+ this.accordionElement.animation = { expand: { duration: 0 }, collapse: { duration: 0 } };
+ }
+ else {
+ this.accordionElement.animation = { expand: { duration: 400 }, collapse: { duration: 400 } };
+ }
+ }
+ break;
+ case 'expandMode':
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.accordionElement.expandMode = this.expandMode;
+ refresh = true;
+ this.isExpandMode = true;
+ }
+ break;
+ case 'allowDrag':
+ this.allowDrag = newProp.allowDrag;
+ if (!this.allowDrag) {
+ this.draggable.helper = function () {
+ return null;
+ };
+ }
+ else {
+ this.initDraggable();
+ this.draggable.helper = this.helper;
+ }
+ break;
+ }
+ }
+ if (refresh) {
+ this.refreshPalettes();
+ }
+ if (this.isExpand && !refresh) {
+ this.refresh();
+ this.isExpand = false;
+ for (var p = 0; p < this.palettes.length; p++) {
+ var paletteElement = this.palettes[parseInt(p.toString(), 10)].id;
+ if (window["" + paletteElement]) {
+ if (window["" + paletteElement].length > 1) {
+ window["" + paletteElement][1].parentNode.removeChild(window["" + paletteElement][1]);
+ window["" + paletteElement][1] = null;
+ }
+ }
+ }
+ }
+ this.isMethod = false;
+ };
+ /**
+ * updateBlazorProperties method\
+ *
+ * @returns {void} updateBlazorProperties method .\
+ * @param {SymbolPaletteModel} newProp - provide the scale value.
+ *
+ * @private
+ */
+ SymbolPalette.prototype.updateBlazorProperties = function (newProp) {
+ var blazorInterop = 'sfBlazor';
+ var blazor = 'Blazor';
+ if (window && window["" + blazor]) {
+ var palObj = { palette: newProp.palettes };
+ var obj = { 'methodName': 'UpdateBlazorProperties', 'paletteobj': palObj };
+ window["" + blazorInterop].updateBlazorProperties(obj, this);
+ }
+ };
+ /**
+ * Get the properties to be maintained in the persisted state.
+ *
+ * @returns {string} Get the properties to be maintained in the persisted state.
+ */
+ SymbolPalette.prototype.getPersistData = function () {
+ var keyEntity = ['loaded'];
+ return this.addOnPersist(keyEntity);
+ };
+ /**
+ * Initializes the values of private members.
+ *
+ * @returns {void} Initializes the values of private members.
+ * @private
+ */
+ SymbolPalette.prototype.preRender = function () {
+ var _this = this;
+ this.l10n = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["L10n"](this.getModuleName(), this.defaultLocale(), this.locale);
+ if (this.element.id === '') {
+ var collection = document.getElementsByClassName('e-symbolpalette').length;
+ this.element.id = 'symbolpalette_' + this.paletteid + '_' + collection;
+ }
+ this.element.style.overflow = 'auto';
+ this.element.style.height = this.height.toString();
+ this.element.style.width = this.width.toString();
+ if (this.enableSearch && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.createTextbox();
+ }
+ //create accordion element
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ var accordionDiv = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', { id: this.element.id + '_container' });
+ this.accordionElement = new _ej2_navigations__WEBPACK_IMPORTED_MODULE_1__["Accordion"]({
+ expandMode: this.expandMode
+ });
+ if (!this.enableAnimation) {
+ this.accordionElement.animation = { expand: { duration: 0 }, collapse: { duration: 0 } };
+ }
+ this.accordionElement.created = function () {
+ _this.checkOnRender = true;
+ };
+ this.accordionElement.expanded = function (args) {
+ var index = _this.accordionElement.items.indexOf(args.item);
+ var isAllowDatabind = _this.allowServerDataBinding;
+ _this.allowServerDataBinding = false;
+ _this.palettes[parseInt(index.toString(), 10)].expanded = args.isExpanded;
+ _this.palettes[parseInt(index.toString(), 10)].isInteraction = true;
+ _this.allowServerDataBinding = isAllowDatabind;
+ };
+ this.accordionElement.expanding = function (args) {
+ if (_this.checkOnRender) {
+ // eslint-disable-next-line
+ var diagramArgs = {
+ element: args.element, content: args.content, index: args.index, cancel: false,
+ isExpanded: args.isExpanded, palette: _this.palettes[args.index]
+ };
+ var event_1 = 'paletteExpanding';
+ _this.trigger(event_1, diagramArgs);
+ args.cancel = diagramArgs.cancel;
+ }
+ };
+ this.element.appendChild(accordionDiv);
+ }
+ var measureWindowElement = 'measureElement';
+ if (window["" + measureWindowElement]) {
+ window["" + measureWindowElement] = null;
+ }
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createMeasureElements"])();
+ this.unWireEvents();
+ this.wireEvents();
+ };
+ /**
+ * EJ2-61531- Localization support for the symbol palette search box placeholder.
+ * @returns defaultLocale
+ */
+ SymbolPalette.prototype.defaultLocale = function () {
+ return { SearchShapes: 'Search Shapes' };
+ };
+ /**
+ * Renders the rulers.
+ *
+ * @returns {void} Renders the rulers.
+ * @private
+ */
+ SymbolPalette.prototype.render = function () {
+ this.diagramRenderer = new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["DiagramRenderer"](this.element.id, new _diagram_rendering_svg_renderer__WEBPACK_IMPORTED_MODULE_3__["SvgRenderer"](), false);
+ this.svgRenderer = new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["DiagramRenderer"](this.element.id, new _diagram_rendering_svg_renderer__WEBPACK_IMPORTED_MODULE_3__["SvgRenderer"](), true);
+ this.updatePalettes();
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.accordionElement.appendTo('#' + this.element.id + '_container');
+ }
+ this.renderComplete();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.element.classList.remove('e-symbolpalette-hidden');
+ }
+ };
+ /**
+ * Core method to return the component name.
+ *
+ * @returns {string} Core method to return the component name.
+ * @private
+ */
+ SymbolPalette.prototype.getModuleName = function () {
+ return 'SymbolPalette';
+ };
+ /**
+ * To provide the array of modules needed for control rendering.
+ *
+ * @returns {ModuleDeclaration[]} To provide the array of modules needed for control rendering .
+ * @private
+ */
+ SymbolPalette.prototype.requiredModules = function () {
+ var modules = [];
+ modules.push({
+ member: 'Bpmn',
+ args: []
+ });
+ return modules;
+ };
+ /**
+ *To destroy the ruler
+ *
+ * @returns {void} To destroy the ruler
+ */
+ SymbolPalette.prototype.destroy = function () {
+ if (this.allowDrag) {
+ this.draggable.destroy();
+ this.unWireEvents();
+ this.notify('destroy', {});
+ _super.prototype.destroy.call(this);
+ var content = document.getElementById(this.element.id + '_container');
+ if (content) {
+ this.element.removeChild(content);
+ var measureElemnt = 'measureElement';
+ if (window["" + measureElemnt]) {
+ window["" + measureElemnt].usageCount -= 1;
+ var measureElementCount = 'measureElementCount';
+ window["" + measureElementCount]--;
+ if (window["" + measureElementCount] === 0) {
+ window["" + measureElemnt].parentNode.removeChild(window["" + measureElemnt]);
+ window["" + measureElemnt] = null;
+ }
+ }
+ }
+ content = document.getElementById(this.element.id + '_search');
+ if (content) {
+ content.parentNode.removeChild(content);
+ }
+ this.element.classList.remove('e-symbolpalette');
+ }
+ };
+ /**
+ * Add particular palettes to symbol palette at runtime.\
+ *
+ * @returns { void} Refreshes the ruler when the Ruler properties are updated .\
+ * @param { PaletteModel[]} palettes -Defines the collection of palettes to be added.
+ */
+ SymbolPalette.prototype.addPalettes = function (palettes) {
+ var palette;
+ for (var i = 0; i < palettes.length; i++) {
+ var isEnableServerDatabind = this.allowServerDataBinding;
+ this.isProtectedOnChange = true;
+ this.allowServerDataBinding = false;
+ palette = new Palette(this, 'palettes', palettes[parseInt(i.toString(), 10)], true);
+ this.palettes.push(palette);
+ this.initSymbols(palette);
+ this.allowServerDataBinding = isEnableServerDatabind;
+ this.isProtectedOnChange = false;
+ this.renderPalette(palette);
+ }
+ this.bulkChanges = {};
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.accordionElement.refresh();
+ }
+ };
+ /**
+ * removePalette method\
+ *
+ * @returns {void} removePalette method .\
+ * @param {string} paletteId - provide the scale value.
+ *
+ * @private
+ */
+ SymbolPalette.prototype.removePalette = function (paletteId) {
+ for (var i = 0; i < this.palettes.length; i++) {
+ if (this.palettes[parseInt(i.toString(), 10)].id === paletteId) {
+ this.palettes.splice(i, 1);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.accordionElement.items.splice(i, 1);
+ }
+ break;
+ }
+ }
+ };
+ /**
+ * Remove particular palettes to symbol palette at runtime \
+ *
+ * @returns {void} Remove particular palettes to symbol palette at runtime .\
+ * @param {string[]} palettes - provide the scale value.
+ */
+ SymbolPalette.prototype.removePalettes = function (palettes) {
+ var isEnableServerDatabind = this.allowServerDataBinding;
+ this.allowServerDataBinding = false;
+ for (var i = 0; i < palettes.length; i++) {
+ this.removePalette(palettes[parseInt(i.toString(), 10)]);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.accordionElement.refresh();
+ }
+ else {
+ this.updatePalettes();
+ }
+ this.allowServerDataBinding = isEnableServerDatabind;
+ };
+ //end region - protected methods
+ //region - private methods to render symbols
+ /**
+ * Method to initialize the items in the symbols \
+ *
+ * @returns {void} Method to initialize the items in the symbols .\
+ * @param {PaletteModel} symbolGroup - provide the scale value.
+ *
+ */
+ SymbolPalette.prototype.initSymbols = function (symbolGroup) {
+ var group = [];
+ var laneHeight = 0;
+ var laneWidth = 0;
+ for (var _i = 0, _a = symbolGroup.symbols; _i < _a.length; _i++) {
+ var symbol = _a[_i];
+ if (symbol.shape.type === 'SwimLane') {
+ var swimLaneObj = symbol;
+ var swimLaneShape = symbol.shape;
+ var isHorizontal = (swimLaneShape.orientation === 'Horizontal') ? true : false;
+ if (swimLaneShape.isLane) {
+ laneHeight = isHorizontal ? this.symbolHeight - this.symbolHeight / 2 : this.symbolHeight - this.symbolHeight / 4;
+ laneWidth = isHorizontal ? this.symbolWidth - this.symbolWidth / 4 : this.symbolWidth - this.symbolWidth / 2;
+ this.laneTable[symbol.id] = { height: laneHeight, width: laneWidth };
+ var header = swimLaneShape.lanes[0].header;
+ var laneStyle = swimLaneShape.lanes[0].style;
+ var headerStyle = header.style;
+ var headerObj = {
+ id: 'header' + Object(_diagram_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["randomId"])(), shape: { type: 'Basic', shape: 'Rectangle' },
+ width: isHorizontal ? header.width : swimLaneObj.width,
+ height: isHorizontal ? swimLaneObj.height : header.height,
+ style: headerStyle,
+ annotations: [{ content: header.annotation.content }]
+ };
+ headerObj.offsetX = headerObj.width / 2;
+ headerObj.offsetY = headerObj.height / 2;
+ this.addPaletteItem(symbolGroup.id, headerObj);
+ var laneObj = {
+ id: 'lane' + Object(_diagram_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["randomId"])(), shape: { type: 'Basic', shape: 'Rectangle' },
+ width: isHorizontal ? (swimLaneObj.width - header.width) : swimLaneObj.width,
+ height: isHorizontal ? swimLaneObj.height : (swimLaneObj.height - header.height),
+ style: laneStyle
+ };
+ laneObj.offsetX = isHorizontal ? (headerObj.width + (laneObj.width / 2)) : laneObj.width / 2;
+ laneObj.offsetY = isHorizontal ? laneObj.height / 2 : (headerObj.height + (laneObj.height / 2));
+ this.addPaletteItem(symbolGroup.id, laneObj);
+ swimLaneObj.children = [headerObj.id, laneObj.id];
+ }
+ else if (swimLaneShape.isPhase) {
+ laneHeight = swimLaneObj.height ? swimLaneObj.height : this.symbolHeight;
+ laneWidth = swimLaneObj.width ? swimLaneObj.width : this.symbolWidth;
+ symbol.shape.type = 'Path';
+ if (isHorizontal) {
+ symbol.shape.data = 'M0,0 L' + laneWidth + ',' + '0';
+ }
+ else {
+ symbol.shape.data = 'M0,0 L0,' + laneWidth;
+ }
+ }
+ }
+ if (symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"]) {
+ var getNodeDefaults = Object(_diagram_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["getFunction"])(this.getNodeDefaults);
+ if (getNodeDefaults) {
+ getNodeDefaults(symbol, this);
+ }
+ }
+ else if (symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ var getConnectorDefaults = Object(_diagram_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["getFunction"])(this.getConnectorDefaults);
+ if (getConnectorDefaults) {
+ getConnectorDefaults(symbol, this);
+ }
+ }
+ this.symbolTable[symbol.id] = symbol;
+ if (symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"] && symbol.children) {
+ group.push(symbol);
+ }
+ }
+ for (var i = 0; i < group.length; i++) {
+ var node = void 0;
+ for (var j = 0; j < group[parseInt(i.toString(), 10)].children.length; j++) {
+ node = (this.symbolTable[group[parseInt(i.toString(), 10)].children[parseInt(j.toString(), 10)]]);
+ if (node) {
+ this.childTable[node.id] = node;
+ node.parentId = group[parseInt(i.toString(), 10)].id;
+ }
+ }
+ }
+ for (var _b = 0, _c = symbolGroup.symbols; _b < _c.length; _b++) {
+ var symbol = _c[_b];
+ if (!(symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"] && symbol.children)) {
+ this.prepareSymbol(symbol);
+ }
+ }
+ for (var _d = 0, group_1 = group; _d < group_1.length; _d++) {
+ var symbol = group_1[_d];
+ this.prepareSymbol(symbol);
+ }
+ };
+ SymbolPalette.prototype.renderPalette = function (symbolGroup) {
+ var style = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) ? 'overflow:auto;' : 'display:none;overflow:auto;';
+ if (symbolGroup.height) {
+ style += 'height:' + symbolGroup.height + 'px';
+ }
+ var paletteParentDiv = document.getElementById(symbolGroup.id);
+ var paletteDiv;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && paletteParentDiv != null) {
+ paletteDiv = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', { 'id': symbolGroup.id + '_content', style: style, class: 'e-remove-palette' });
+ paletteParentDiv.appendChild(paletteDiv);
+ }
+ else {
+ paletteDiv = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', { 'id': symbolGroup.id, style: style, class: 'e-remove-palette' });
+ this.element.appendChild(paletteDiv);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ var item = {
+ header: symbolGroup.title, expanded: symbolGroup.expanded,
+ content: '#' + symbolGroup.id, iconCss: symbolGroup.iconCss
+ };
+ this.accordionElement.items.push(item);
+ }
+ this.renderSymbols(symbolGroup, paletteDiv);
+ };
+ /**
+ * Used to add the palette item as nodes or connectors in palettes \
+ *
+ * @returns {void} Used to add the palette item as nodes or connectors in palettes .\
+ * @param {string} paletteName - provide the scale value.
+ * @param {NodeModel | ConnectorModel} paletteSymbol - provide the scale value.
+ * @param {boolean} isChild - provide the scale value.
+ */
+ SymbolPalette.prototype.addPaletteItem = function (paletteName, paletteSymbol, isChild) {
+ paletteSymbol = Object(_diagram_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["cloneObject"])(paletteSymbol);
+ //let refresh: boolean;
+ for (var i = 0; i < this.palettes.length; i++) {
+ var symbolPaletteGroup = this.palettes[parseInt(i.toString(), 10)];
+ if (symbolPaletteGroup.id.indexOf(paletteName) !== -1) {
+ // eslint-disable-next-line
+ var param = [undefined, symbolPaletteGroup, 'symbols', {}, true];
+ // eslint-disable-next-line
+ var obj = new (Function.prototype.bind.apply(getObjectType(paletteSymbol), param));
+ for (var i_1 = 0; i_1 < Object.keys(paletteSymbol).length; i_1++) {
+ var isEnableServerDatabind_1 = this.allowServerDataBinding;
+ this.allowServerDataBinding = false;
+ obj[Object.keys(paletteSymbol)[parseInt(i_1.toString(), 10)]] = paletteSymbol[Object.keys(paletteSymbol)[parseInt(i_1.toString(), 10)]];
+ this.allowServerDataBinding = isEnableServerDatabind_1;
+ }
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_5__["updateDefaultValues"])(obj, paletteSymbol, obj instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"] ? this.nodeDefaults : this.connectorDefaults);
+ symbolPaletteGroup.symbols.push(obj);
+ var isEnableServerDatabind = this.allowServerDataBinding;
+ this.allowServerDataBinding = false;
+ this.prepareSymbol(obj);
+ this.allowServerDataBinding = isEnableServerDatabind;
+ this.symbolTable[obj.id] = obj;
+ if (isChild) {
+ this.childTable[obj.id] = obj;
+ }
+ else {
+ var paletteDiv = void 0;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ paletteDiv = document.getElementById(symbolPaletteGroup.id + '_content');
+ }
+ else {
+ paletteDiv = document.getElementById(symbolPaletteGroup.id);
+ }
+ if (paletteDiv) {
+ paletteDiv.appendChild(this.getSymbolContainer(obj, paletteDiv));
+ }
+ }
+ break;
+ }
+ }
+ };
+ /**
+ * Used to remove the palette item as nodes or connectors in palettes \
+ *
+ * @returns {void} Used to remove the palette item as nodes or connectors in palettes .\
+ * @param {string} paletteName - provide the scale value.
+ * @param {string} symbolId - provide the scale value.
+ */
+ SymbolPalette.prototype.removePaletteItem = function (paletteName, symbolId) {
+ var refresh;
+ for (var i = 0; i < this.palettes.length; i++) {
+ var symbolPaletteGroup = this.palettes[parseInt(i.toString(), 10)];
+ if (symbolPaletteGroup.id.indexOf(paletteName) !== -1) {
+ for (var _i = 0, _a = symbolPaletteGroup.symbols; _i < _a.length; _i++) {
+ var symbol = _a[_i];
+ if (symbol.id.indexOf(symbolId) !== -1) {
+ var index = symbolPaletteGroup.symbols.indexOf(symbol);
+ symbolPaletteGroup.symbols.splice(index, 1);
+ if (symbol.children) {
+ var parentNode = symbol.children;
+ for (var i_2 = 0; i_2 < parentNode.length; i_2++) {
+ delete this.symbolTable[(parentNode[parseInt(i_2.toString(), 10)])];
+ }
+ }
+ delete this.symbolTable[symbol.id];
+ var element = document.getElementById(symbol.id + '_container');
+ element.parentNode.removeChild(element);
+ refresh = true;
+ break;
+ }
+ }
+ }
+ if (refresh) {
+ break;
+ }
+ }
+ };
+ SymbolPalette.prototype.prepareSymbol = function (symbol) {
+ var width;
+ var sw;
+ var height;
+ var sh;
+ var stackPanel = new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["StackPanel"]();
+ var obj = symbol;
+ var content;
+ var symbolContainer = new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Canvas"]();
+ var container = (symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"]) ? symbol.initContainer() : null;
+ if (container && !container.children) {
+ container.children = [];
+ }
+ //preparing objects
+ var getSymbolTemplate = Object(_diagram_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["getFunction"])(this.getSymbolTemplate);
+ if (getSymbolTemplate) {
+ content = getSymbolTemplate(symbol);
+ }
+ if (!content) {
+ if (obj.children) {
+ content = this.getContainer(obj, container);
+ }
+ else {
+ content = symbol.init(this);
+ if (symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"] && symbol.parentId) {
+ container.children.push(content);
+ }
+ }
+ }
+ if (!symbol.parentId) {
+ var symbolInfo = { width: this.symbolWidth, height: this.symbolHeight };
+ var getSymbolInfo = Object(_diagram_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["getFunction"])(this.getSymbolInfo);
+ if (getSymbolInfo) {
+ symbolInfo = getSymbolInfo(symbol);
+ }
+ else if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ symbolInfo = this.getBlazorSymbolInfo(symbol, symbolInfo);
+ }
+ symbolInfo = symbolInfo || this.symbolInfo || {};
+ if (symbol.shape && symbol.shape.isPhase) {
+ symbolInfo.width = symbolInfo.width || this.symbolWidth;
+ symbolInfo.height = symbolInfo.height || this.symbolHeight;
+ }
+ //defining custom templates
+ content.relativeMode = 'Object';
+ content.horizontalAlignment = content.verticalAlignment = 'Center';
+ symbolContainer.style.strokeColor = symbolContainer.style.fill = 'none';
+ symbolContainer.children = [content];
+ content.measure(new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Size"]());
+ content.arrange(content.desiredSize);
+ width = symbolInfo.width = symbolInfo.width ||
+ (obj.width !== undefined ? content.actualSize.width : undefined) || this.symbolWidth;
+ height = symbolInfo.height = symbolInfo.height ||
+ (obj.height !== undefined ? content.actualSize.height : undefined) || this.symbolHeight;
+ if (width !== undefined && height !== undefined) {
+ var actualWidth = width;
+ var actualHeight = height;
+ //let isLane: boolean = (symbol.shape as SwimLane).isLane ? true : false;
+ var isPhase = symbol.shape.isPhase ? true : false;
+ if (this.symbolWidth !== undefined) {
+ actualWidth = this.symbolWidth - this.symbolMargin.left - this.symbolMargin.right;
+ }
+ else {
+ width += obj.style.strokeWidth;
+ }
+ if (this.symbolHeight !== undefined) {
+ actualHeight = this.symbolHeight - this.symbolMargin.top - this.symbolMargin.bottom;
+ }
+ else {
+ height += obj.style.strokeWidth;
+ }
+ if (symbolInfo.description && symbolInfo.description.text !== '') {
+ actualHeight -= 20; // default height of the text have been reduced from the container.
+ }
+ sw = actualWidth / ((!isPhase && content.width) || width);
+ sh = actualHeight / ((!isPhase && content.height) || height);
+ if (symbolInfo.fit) {
+ sw = actualWidth / symbolInfo.width;
+ sh = actualHeight / symbolInfo.height;
+ }
+ width = actualWidth;
+ height = actualHeight;
+ sw = sh = Math.min(sw, sh);
+ symbolContainer.width = width;
+ symbolContainer.height = height;
+ content.width = symbolInfo.width;
+ content.height = symbolInfo.height;
+ this.scaleSymbol(symbol, symbolContainer, sw, sh, width, height);
+ }
+ else {
+ var outerBounds = void 0;
+ if (symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ outerBounds = Object(_diagram_utility_connector__WEBPACK_IMPORTED_MODULE_7__["getOuterBounds"])(symbol);
+ }
+ content.width = symbol.width || (outerBounds) ? outerBounds.width : content.actualSize.width;
+ content.height = symbol.height || (outerBounds) ? outerBounds.height : content.actualSize.height;
+ }
+ symbol.wrapper = stackPanel;
+ stackPanel.children = [symbolContainer];
+ content.pivot = stackPanel.pivot = { x: 0, y: 0 };
+ stackPanel.id = content.id + '_symbol';
+ stackPanel.style.fill = stackPanel.style.strokeColor = 'transparent';
+ if (symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"]) {
+ stackPanel.offsetX = symbol.style.strokeWidth / 2;
+ stackPanel.offsetY = symbol.style.strokeWidth / 2;
+ }
+ else {
+ stackPanel.offsetX = 0.5;
+ stackPanel.offsetY = 0.5;
+ }
+ //symbol description-textElement
+ this.getSymbolDescription(symbolInfo, width, stackPanel);
+ stackPanel.measure(new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Size"]());
+ stackPanel.arrange(stackPanel.desiredSize);
+ symbolInfo.width = symbolInfo.width || content.actualSize.width;
+ symbolInfo.height = symbolInfo.height || content.actualSize.height;
+ symbol[this.info] = symbolInfo;
+ }
+ if (symbol.parentId) {
+ container.measure(new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Size"](obj.width, obj.height));
+ container.arrange(container.desiredSize);
+ }
+ };
+ SymbolPalette.prototype.getBlazorSymbolInfo = function (symbol, symbolInfo) {
+ var node = symbol;
+ var shapeSymbolInfo = node.symbolInfo;
+ if (shapeSymbolInfo) {
+ symbolInfo.description = shapeSymbolInfo.description || this.symbolInfo.description;
+ symbolInfo.fit = shapeSymbolInfo.fit || this.symbolInfo.fit;
+ symbolInfo.height = shapeSymbolInfo.height || this.symbolInfo.height;
+ symbolInfo.width = shapeSymbolInfo.width || this.symbolInfo.width;
+ symbolInfo.tooltip = shapeSymbolInfo.tooltip || this.symbolInfo.tooltip;
+ symbolInfo.template = shapeSymbolInfo.template || this.symbolInfo.template;
+ }
+ return symbolInfo;
+ };
+ SymbolPalette.prototype.getContainer = function (obj, container) {
+ container.measureChildren = false;
+ var bounds;
+ var child = obj.children;
+ container.children = [];
+ for (var i = 0; i < child.length; i++) {
+ if (this.symbolTable[child[parseInt(i.toString(), 10)]]) {
+ container.children.push(this.symbolTable[child[parseInt(i.toString(), 10)]].wrapper);
+ }
+ }
+ container.measure(new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Size"](obj.width, obj.height));
+ container.arrange(container.desiredSize);
+ if (container.bounds.x !== 0 || container.bounds.y !== 0) {
+ bounds = container.bounds;
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_5__["arrangeChild"])(obj, bounds.x, bounds.y, this.symbolTable, false, this);
+ container = this.getContainer(obj, container);
+ }
+ return container;
+ };
+ /**
+ * Feature [EJ2- 47318] - Support for the change of the symbol description
+ * Feature [EJ2- 50705] - Support to add margin between the text and symbols
+ */
+ SymbolPalette.prototype.getSymbolDescription = function (symbolInfo, width, parent) {
+ if (symbolInfo && symbolInfo.description && symbolInfo.description.text) {
+ var textElement = new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["TextElement"]();
+ //symbol description-textElement
+ symbolInfo.description.overflow = symbolInfo.description.overflow || 'Ellipsis';
+ symbolInfo.description.wrap = symbolInfo.description.wrap || 'WrapWithOverflow';
+ textElement.id = parent.id + '_text';
+ textElement.content = symbolInfo.description.text;
+ textElement.width = width;
+ textElement.height = 20;
+ textElement.style.strokeColor = 'transparent';
+ textElement.style.color = symbolInfo.description.color || 'black';
+ textElement.style.fill = symbolInfo.description.fill || 'transparent';
+ textElement.style.fontFamily = symbolInfo.description.fontFamily || 'Arial';
+ textElement.style.fontSize = symbolInfo.description.fontSize || 12;
+ textElement.style.bold = symbolInfo.description.bold || false;
+ textElement.style.italic = symbolInfo.description.italic || false;
+ textElement.style.textDecoration = symbolInfo.description.textDecoration || 'None';
+ textElement.style.strokeWidth = 0;
+ textElement.style.textWrapping = symbolInfo.description.wrap;
+ textElement.style.textOverflow = symbolInfo.description.overflow;
+ textElement.margin = { left: 0, right: 0, top: symbolInfo.description.margin ? symbolInfo.description.margin.top : 0, bottom: symbolInfo.description.margin ? symbolInfo.description.margin.bottom : 5 };
+ parent.children.push(textElement);
+ }
+ };
+ SymbolPalette.prototype.renderSymbols = function (symbolGroup, parentDiv) {
+ for (var _i = 0, _a = symbolGroup.symbols; _i < _a.length; _i++) {
+ var symbol = _a[_i];
+ if (!symbol.parentId) {
+ this.getSymbolContainer(symbol, parentDiv);
+ }
+ }
+ };
+ SymbolPalette.prototype.getSymbolPreview = function (
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ symbol, evt, parentDiv) {
+ this.allowServerDataBinding = false;
+ var canvas;
+ var sw;
+ var sh;
+ var symbolPreviewWidth = symbol.wrapper.children[0].desiredSize.width + symbol.style.strokeWidth;
+ var symbolPreviewHeight = symbol.wrapper.children[0].desiredSize.height + symbol.style.strokeWidth;
+ var content = symbol.wrapper.children[0].children[0];
+ var symbolPreview = symbol.previewSize;
+ if ((symbol && (symbolPreview.width || symbolPreview.height)) ||
+ this.symbolPreview.width !== undefined || this.symbolPreview.height !== undefined) {
+ symbolPreviewWidth = (symbolPreview.width || this.symbolPreview.width || symbolPreviewWidth) - symbol.style.strokeWidth;
+ symbolPreviewHeight = (symbolPreview.height || this.symbolPreview.height || symbolPreviewHeight) - symbol.style.strokeWidth;
+ // EJ2-56887 - Connector do not get rendered properly in symbol palette.
+ // Added below code to check if connector width is less than strokewidth means then set symbol width for connector.
+ if (symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ if (content.actualSize.width <= symbol.style.strokeWidth) {
+ content.actualSize.width = this.symbolWidth;
+ }
+ if (content.actualSize.height <= symbol.style.strokeWidth) {
+ content.actualSize.height = this.symbolHeight;
+ }
+ }
+ sw = symbolPreviewWidth / content.actualSize.width;
+ sh = symbolPreviewHeight / content.actualSize.height;
+ sw = sh = Math.min(sw, sh);
+ var symbolWidth = content.actualSize.width * sw;
+ var symbolHeight = content.actualSize.height * sh;
+ symbol.wrapper.children[0].width = symbolPreviewWidth;
+ symbol.wrapper.children[0].height = symbolPreviewHeight;
+ this.measureAndArrangeSymbol(content, symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"]);
+ this.scaleSymbol(symbol, symbol.wrapper.children[0], sw, sh, symbolWidth, symbolHeight, true);
+ symbolPreviewWidth = symbolWidth;
+ symbolPreviewHeight = symbolHeight;
+ }
+ var prevPosition = { x: content.offsetX, y: content.offsetY };
+ content.offsetX = content.offsetY = symbol.style.strokeWidth / 2;
+ content.pivot = { x: 0, y: 0 };
+ this.measureAndArrangeSymbol(content, symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"]);
+ var previewContainer = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', { 'draggable': 'true', 'class': 'e-dragclone', 'style': 'pointer-events:none' });
+ var div;
+ document.body.appendChild(previewContainer);
+ var style = 'margin:5px;';
+ if (symbol.shape.type === 'Native') {
+ canvas = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])('svg', {
+ id: symbol.id + '_preview',
+ width: Math.ceil(symbolPreviewWidth) + 1,
+ height: Math.ceil(symbolPreviewHeight) + 1
+ });
+ var gElement = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])('g', { id: symbol.id + '_g' });
+ canvas.appendChild(gElement);
+ previewContainer.appendChild(canvas);
+ this.svgRenderer.renderElement(content, gElement, undefined, undefined, canvas);
+ }
+ else if (symbol.shape.type === 'HTML') {
+ div = this.getHtmlSymbol(symbol, canvas, previewContainer, symbolPreviewHeight, symbolPreviewWidth, true);
+ }
+ else {
+ if (symbol.children &&
+ symbol.children.length > 0 && Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_5__["groupHasType"])(symbol, 'HTML', this.childTable)) {
+ div = this.getGroupParent(symbol, canvas, previewContainer, symbol.wrapper.actualSize.height, symbol.wrapper.actualSize.width, true);
+ }
+ else {
+ canvas = _diagram_rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_9__["CanvasRenderer"].createCanvas(symbol.id + '_preview', (Math.ceil(symbolPreviewWidth) + symbol.style.strokeWidth + 1) * 2, (Math.ceil(symbolPreviewHeight) + symbol.style.strokeWidth + 1) * 2);
+ previewContainer.appendChild(canvas);
+ // BLAZ-3223: translate applied only for Basic and Flow now and need to add for remaining shapes in future
+ if (symbol.shape.type === 'Basic' || symbol.shape.type === 'Flow') {
+ style += 'transform: scale(0.5) translate(-' + canvas.width / 2 + 'px, -' + canvas.height / 2 + 'px);';
+ }
+ else {
+ style += 'transform:scale(0.5);';
+ }
+ canvas.setAttribute('transform-origin', '0 0');
+ var index = 2;
+ if (symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ index = 1.9;
+ }
+ canvas.getContext('2d').setTransform(index, 0, 0, index, 0, 0);
+ this.diagramRenderer.renderElement(content, canvas, undefined);
+ }
+ }
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["applyStyleAgainstCsp"])(((div && (symbol.shape.type === 'HTML' || symbol.children
+ && symbol.children.length > 0)) ? div : canvas), style);
+ content.offsetX = prevPosition.x;
+ content.offsetY = prevPosition.y;
+ this.allowServerDataBinding = true;
+ return previewContainer;
+ };
+ SymbolPalette.prototype.measureAndArrangeSymbol = function (content, isNode) {
+ if (content.children && !isNode) {
+ content.children[0].transform = _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Transform"].Self;
+ }
+ content.measure(new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Size"]());
+ content.arrange(content.desiredSize);
+ if (content.children) {
+ content.children[0].transform = _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Transform"].Parent;
+ }
+ };
+ SymbolPalette.prototype.updateSymbolSize = function (symbol, width, height) {
+ var element = symbol.wrapper.children[0].children[0];
+ var strokeWidth = symbol.style.strokeWidth;
+ element.width = (width || element.width) - (strokeWidth + 1);
+ element.height = (height || element.height) - (strokeWidth + 1);
+ symbol.wrapper.measure(new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Size"]());
+ symbol.wrapper.arrange(symbol.wrapper.desiredSize);
+ };
+ SymbolPalette.prototype.getSymbolContainer = function (symbol, parentDiv, preview) {
+ var symbolInfo = this.symbolTable[symbol.id][this.info];
+ var size = this.getSymbolSize(symbol, symbolInfo);
+ var width = size.width + 1;
+ var height = size.height + 1;
+ var container = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', {
+ id: symbol.id + '_container',
+ style: 'width:' + width + 'px;height:' + height + 'px;float:left;overflow:hidden',
+ });
+ parentDiv.appendChild(container);
+ var canvas;
+ var gElement;
+ var div;
+ if (symbol.shape.type === 'Native') {
+ canvas = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])('svg', {
+ id: symbol.id,
+ width: Math.ceil(symbol.wrapper.actualSize.width) + 1,
+ height: Math.ceil(symbol.wrapper.actualSize.height) + 1
+ });
+ gElement = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createSvgElement"])('g', { id: symbol.id + '_g' });
+ canvas.appendChild(gElement);
+ container.appendChild(canvas);
+ this.updateSymbolSize(symbol);
+ this.svgRenderer.renderElement(symbol.wrapper, gElement, undefined, undefined, canvas);
+ }
+ else if (symbol.shape.type === 'HTML') {
+ div = this.getHtmlSymbol(symbol, canvas, container, symbol.wrapper.actualSize.height, symbol.wrapper.actualSize.width, false);
+ }
+ else {
+ if (symbol.children &&
+ symbol.children.length > 0 && Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_5__["groupHasType"])(symbol, 'HTML', this.childTable)) {
+ div = this.getGroupParent(symbol, canvas, container, symbol.wrapper.actualSize.height, symbol.wrapper.actualSize.width, false);
+ }
+ else {
+ canvas = _diagram_rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_9__["CanvasRenderer"].createCanvas(symbol.id, Math.ceil((symbol.wrapper.actualSize.width + symbol.style.strokeWidth) * 2) + 1, Math.ceil((symbol.wrapper.actualSize.height + symbol.style.strokeWidth) * 2) + 1);
+ container.appendChild(canvas);
+ var index = 2;
+ if (symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ index = 1.9;
+ }
+ canvas.getContext('2d').setTransform(index, 0, 0, index, 0, 0);
+ this.diagramRenderer.renderElement(symbol.wrapper, gElement || canvas, undefined, undefined, undefined, undefined, true, undefined, true);
+ }
+ }
+ if (!preview) {
+ var actualWidth = symbol.wrapper.actualSize.width + symbol.style.strokeWidth;
+ var actualHeight = symbol.wrapper.actualSize.height + symbol.style.strokeWidth;
+ var style = 'pointer-events:none;transform-origin:0 0;overflow:hidden;';
+ if (symbol.shape.isPhase) {
+ if (symbol.shape.orientation === 'Horizontal') {
+ style += 'margin-left:' +
+ Math.max(this.symbolMargin.left, ((width - actualWidth) / 2))
+ + 'px;margin-top:' + size.height / 2
+ + 'px;';
+ }
+ else {
+ style += 'margin-left:' +
+ size.width / 2
+ + 'px;margin-top:' + Math.max(this.symbolMargin.top, ((height - actualHeight) / 2))
+ + 'px;';
+ }
+ }
+ else {
+ style += 'margin-left:' +
+ Math.max(this.symbolMargin.left, ((width - actualWidth) / 2))
+ + 'px;margin-top:' + Math.max(this.symbolMargin.top, ((height - actualHeight) / 2))
+ + 'px;';
+ }
+ if (canvas instanceof HTMLCanvasElement) {
+ style += 'transform:scale(.5,.5);';
+ }
+ //EJ2-70280 - Text description in symbol palette for HTML nodes is not visible.
+ if (symbol.shape.type === 'HTML') {
+ style += 'transform:scale(.5,.5);';
+ }
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["applyStyleAgainstCsp"])(((div && (symbol.shape.type === 'HTML' || symbol.children &&
+ symbol.children.length > 0)) ? div : canvas), style);
+ container.classList.add('e-symbol-draggable');
+ return container;
+ }
+ return canvas;
+ };
+ SymbolPalette.prototype.getGroupParent = function (item, canvas, container, height, width, isPreview) {
+ var div = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', { 'id': item.id + (isPreview ? '_html_div_preview' : '_html_div') });
+ var htmlLayer = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', {
+ 'id': item.id + (isPreview ? '_htmlLayer_preview' : '_htmlLayer'),
+ 'style': 'width:' + Math.ceil(width + 1) + 'px;' +
+ 'height:' + Math.ceil(height + 1) + 'px;position:absolute',
+ 'class': 'e-html-layer'
+ });
+ var htmlLayerDiv = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', {
+ 'id': item.id + (isPreview ? '_htmlLayer_div_preview' : '_htmlLayer_div'),
+ 'style': 'width:' + Math.ceil(width + 1) + 'px;' +
+ 'height:' + Math.ceil(height + 1) + 'px;position:absolute'
+ });
+ htmlLayer.appendChild(htmlLayerDiv);
+ div.appendChild(htmlLayer);
+ canvas = _diagram_rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_9__["CanvasRenderer"].createCanvas((isPreview ? (item.id + '_preview') : item.id), Math.ceil(width) + 1, Math.ceil(height) + 1);
+ div.appendChild(canvas);
+ container.appendChild(div);
+ this.diagramRenderer.renderElement(item.wrapper.children[0].children[0], canvas, htmlLayer);
+ return div;
+ };
+ SymbolPalette.prototype.getHtmlSymbol = function (symbol, canvas, container, height, width, isPreview) {
+ var div = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', {
+ 'id': symbol.id + (isPreview ? '_html_div_preview' : '_html_div')
+ });
+ var htmlLayer = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', {
+ 'id': symbol.id + (isPreview ? '_htmlLayer_preview' : '_htmlLayer'),
+ 'style': 'width:' + Math.ceil(width + 1) + 'px;' +
+ 'height:' + Math.ceil(height + 1) + 'px;position:absolute',
+ 'class': 'e-html-layer'
+ });
+ var htmlLayerDiv = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', {
+ 'id': symbol.id + (isPreview ? '_htmlLayer_div_preview' : '_htmlLayer_div'),
+ 'style': 'width:' + Math.ceil(width + 1) + 'px;' +
+ 'height:' + Math.ceil(height + 1) + 'px;position:absolute'
+ });
+ htmlLayer.appendChild(htmlLayerDiv);
+ div.appendChild(htmlLayer);
+ canvas = _diagram_rendering_canvas_renderer__WEBPACK_IMPORTED_MODULE_9__["CanvasRenderer"].createCanvas(symbol.id, Math.ceil((symbol.wrapper.actualSize.width + symbol.style.strokeWidth) * 2) + 1, Math.ceil((symbol.wrapper.actualSize.height + symbol.style.strokeWidth) * 2) + 1);
+ container.appendChild(canvas);
+ canvas.getContext('2d').setTransform(2, 0, 0, 2, 0, 0);
+ div.appendChild(canvas);
+ container.appendChild(div);
+ //EJ2-70280 - Text description in symbol palette for HTML nodes is not visible.
+ if (isPreview) {
+ this.diagramRenderer.renderElement(symbol.wrapper.children[0].children[0], canvas, htmlLayer);
+ }
+ else {
+ this.diagramRenderer.renderElement(symbol.wrapper, canvas, htmlLayer);
+ }
+ return div;
+ };
+ // eslint-disable-next-line
+ SymbolPalette.prototype.getSymbolSize = function (symbol, symbolInfo) {
+ var width = symbol.wrapper.actualSize.width;
+ var height = symbol.wrapper.actualSize.height;
+ if (!this.symbolWidth && !this.symbolHeight) {
+ width += this.symbolMargin.left + this.symbolMargin.right + symbol.style.strokeWidth;
+ height += this.symbolMargin.top + this.symbolMargin.bottom + symbol.style.strokeWidth;
+ }
+ else {
+ width = this.symbolWidth;
+ height = Math.max(this.symbolHeight, height);
+ }
+ return new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Size"](width, height);
+ };
+ //end region - rendering symbols
+ //region event handlers
+ SymbolPalette.prototype.getMousePosition = function (e) {
+ var offsetY;
+ var offsetX;
+ var touchArg;
+ if (e.type.indexOf('touch') !== -1) {
+ touchArg = e;
+ var pageY = touchArg.changedTouches[0].clientY;
+ var pageX = touchArg.changedTouches[0].clientX;
+ offsetY = pageY - this.element.offsetTop;
+ offsetX = pageX - this.element.offsetLeft;
+ }
+ else {
+ offsetY = e.clientY - this.element.offsetTop;
+ offsetX = e.clientX - this.element.offsetLeft;
+ }
+ return { x: offsetX, y: offsetY };
+ };
+ /** Gets the default content of the Tooltip*/
+ SymbolPalette.prototype.getContent = function (obj) {
+ var isPrivateTooltip = ((this.hoverElement instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"]) &&
+ this.hoverElement.constraints & _diagram_index__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].Tooltip) ||
+ ((this.hoverElement instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Connector"]) &&
+ this.hoverElement.constraints & _diagram_index__WEBPACK_IMPORTED_MODULE_2__["ConnectorConstraints"].Tooltip);
+ var content = isPrivateTooltip ? this.hoverElement.tooltip.content :
+ obj.id;
+ return content;
+ };
+ /**
+ * Initialize the basic properties of Toolip object
+ */
+ SymbolPalette.prototype.initTooltip = function (element) {
+ var tooltip;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ var tooltipOption = new _ej2_popups__WEBPACK_IMPORTED_MODULE_10__["Tooltip"];
+ tooltipOption = this.updateTooltipContent(this.hoverElement.tooltip, tooltipOption);
+ tooltip = new _ej2_popups__WEBPACK_IMPORTED_MODULE_10__["Tooltip"](tooltipOption);
+ tooltip.cssClass = 'e-symbolPalette-tooltip';
+ tooltip.opensOn = 'custom';
+ tooltip.appendTo('#' + element.id);
+ tooltip.close();
+ }
+ else {
+ tooltip = this.updateTooltipContent(this.hoverElement.tooltip, tooltip);
+ }
+ return tooltip;
+ };
+ /**Method to update Tooltip Content*/
+ SymbolPalette.prototype.updateTooltipContent = function (tooltip, tooltipObject) {
+ tooltipObject.content = tooltip.content;
+ tooltipObject.position = 'BottomRight';
+ tooltipObject.showTipPointer = tooltip.showTipPointer;
+ tooltipObject.width = tooltip.width;
+ tooltipObject.height = tooltip.height;
+ if (!tooltip.animation) {
+ tooltipObject.animation = { close: { effect: 'None' } };
+ }
+ else {
+ tooltipObject.animation = tooltip.animation;
+ }
+ return tooltipObject;
+ };
+ /**
+ * To open the Tooltip element relevant to the target and relative mode */
+ SymbolPalette.prototype.elementEnter = function (mousePosition, elementOver) {
+ if (!elementOver) {
+ //set the collision target element to given position if enabled
+ this.symbolTooltipObject.windowCollision = true;
+ if (this.hoverElement instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Node"]) {
+ if (!(this.hoverElement.constraints & (_diagram_index__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].Default && _diagram_index__WEBPACK_IMPORTED_MODULE_2__["NodeConstraints"].Tooltip))) {
+ this.hoverElement.tooltip.content = this.hoverElement.id;
+ this.symbolTooltipObject.content = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["initializeCSPTemplate"])(function () { return this.hoverElement.id; }, this);
+ }
+ }
+ else if (this.hoverElement instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ if (!(this.hoverElement.constraints & (_diagram_index__WEBPACK_IMPORTED_MODULE_2__["ConnectorConstraints"].Default && _diagram_index__WEBPACK_IMPORTED_MODULE_2__["ConnectorConstraints"].Tooltip))) {
+ this.hoverElement.tooltip.content = this.hoverElement.id;
+ this.symbolTooltipObject.content = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["initializeCSPTemplate"])(function () { return this.hoverElement.id; }, this);
+ }
+ }
+ if (this.hoverElement.tooltip.content) {
+ if (this.hoverElement.tooltip.relativeMode === 'Mouse') {
+ //To set relative mode only to object for Symbol Palatte
+ this.hoverElement.tooltip.relativeMode = 'Object';
+ this.symbolTooltipObject.offsetX = 0;
+ this.symbolTooltipObject.offsetY = 0;
+ }
+ else {
+ this.symbolTooltipObject.offsetX = 0;
+ this.symbolTooltipObject.offsetY = 0;
+ }
+ }
+ var targetEle = document.getElementById(this.hoverElement.id);
+ if (this.hoverElement.tooltip.openOn === 'Auto' && this.hoverElement.tooltip.content !== '') {
+ this.symbolTooltipObject.close();
+ this.symbolTooltipObject.opensOn = this.hoverElement.tooltip.openOn;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.symbolTooltipObject.open(targetEle, {});
+ }
+ else {
+ this.symbolTooltipObject.dataBind();
+ }
+ }
+ if (this.hoverElement.tooltip.openOn === 'Auto') {
+ this.symbolTooltipObject.target = this.hoverElement.id;
+ this.symbolTooltipObject.open(targetEle);
+ }
+ }
+ };
+ // eslint-disable-next-line
+ SymbolPalette.prototype.mouseMove = function (e, touches) {
+ if (this.highlightedSymbol && (!this.selectedSymbol
+ || this.selectedSymbol.id + '_container' !== this.highlightedSymbol.id)) {
+ this.highlightedSymbol.classList.remove('e-symbol-hover');
+ this.highlightedSymbol.style.backgroundColor = '';
+ this.highlightedSymbol = null;
+ }
+ var id = e.target.id.split('_container')[0];
+ if (this.symbolTable["" + id]) {
+ var container = document.getElementById(id + '_container');
+ container.classList.add('e-symbol-hover');
+ this.highlightedSymbol = container;
+ }
+ e.preventDefault();
+ //EJ2-66311-tooltip support for Symbolpalette
+ var obj = this.symbolTable["" + id];
+ if (this.symbolTable["" + id] && obj !== this.hoverElement) {
+ this.currentPosition = this.getMousePosition(e);
+ var content = this.getContent(obj);
+ if (this.hoverElement && this.hoverElement.tooltip.openOn === 'Auto' && content !== '') {
+ this.elementLeave();
+ }
+ this.hoverElement = obj;
+ this.symbolTooltipObject = this.initTooltip(this.hoverElement);
+ if (content === '') {
+ content = this.hoverElement.id;
+ }
+ if (this.hoverElement.tooltip && content !== '') {
+ this.elementEnter(this.currentPosition, false);
+ }
+ }
+ if (obj === undefined && this.hoverElement && this.hoverElement.tooltip.openOn === 'Auto') {
+ this.hoverElement = null;
+ this.elementLeave();
+ }
+ };
+ /**
+ * When Mouse pointer leaves the symbol palette object Mouse leave event is called and closes Tooltip
+ */
+ SymbolPalette.prototype.elementLeave = function () {
+ if (this.symbolTooltipObject && this.symbolTooltipObject.opensOn !== 'Custom') {
+ this.symbolTooltipObject.close();
+ }
+ };
+ /** @private
+ * @param {PointerEvent} evt - provide event name
+ */
+ SymbolPalette.prototype.mouseLeave = function (evt) {
+ this.elementLeave();
+ evt.preventDefault();
+ };
+ // eslint-enable
+ SymbolPalette.prototype.mouseUp = function (evt) {
+ this.isMethod = true;
+ if (evt && evt.target) {
+ if (evt.srcElement.id === 'iconSearch') {
+ var element = document.getElementById('iconSearch');
+ if (element.classList.contains('e-clear-searchtext')) {
+ element.className = 'e-input-group-icon e-search e-icons';
+ document.getElementById('textEnter').value = '';
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ document.getElementById(this.element.id + '_search_content').classList.add('e-symbolpalette-search-hidden');
+ }
+ this.searchPalette('');
+ }
+ }
+ else {
+ var id = evt.target.id.split('_container')[0];
+ if (id && this.selectedSymbol) {
+ var args = { oldValue: this.oldObject, newValue: id };
+ var event_2 = 'paletteSelectionChange';
+ this.trigger(event_2, args);
+ this.oldObject = id;
+ evt.preventDefault();
+ }
+ else if (this.oldObject !== '') {
+ this.oldObject = '';
+ }
+ }
+ }
+ };
+ SymbolPalette.prototype.keyUp = function (evt) {
+ var _this = this;
+ if (this.enableSearch) {
+ // eslint-disable-next-line
+ var palette_1 = this;
+ var element = document.getElementById('iconSearch');
+ element.className = 'e-input-group-icon e-clear-searchtext e-icons';
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && evt.target instanceof HTMLInputElement) {
+ if (evt.target.value === '') {
+ document.getElementById(this.element.id + '_search_content').classList.add('e-symbolpalette-search-hidden');
+ }
+ else {
+ document.getElementById(this.element.id + '_search_content').classList.remove('e-symbolpalette-search-hidden');
+ }
+ }
+ if (evt && (evt.key === 'Enter' || evt.keyCode === 13)) {
+ if (evt.target instanceof HTMLInputElement) {
+ this.searchPalette(evt.target.value);
+ }
+ }
+ else {
+ if (this.timer) {
+ clearTimeout(this.timer);
+ }
+ this.timer = setTimeout(function () {
+ if (evt.target instanceof HTMLInputElement) {
+ palette_1.searchPalette(evt.target.value);
+ _this.timer = null;
+ }
+ }, 500);
+ }
+ }
+ };
+ SymbolPalette.prototype.mouseDown = function (evt) {
+ var id = evt.target.id.split('_container')[0];
+ if (this.selectedSymbol) {
+ var oldSymbol = document.getElementById(this.selectedSymbol.id + '_container');
+ if (id !== this.selectedSymbol.id && oldSymbol) {
+ oldSymbol.classList.remove('e-symbol-selected');
+ }
+ var container = document.getElementById(this.selectedSymbol.id + '_container');
+ if (container) {
+ container.style.backgroundColor = '';
+ }
+ this.selectedSymbol = null;
+ }
+ if (this.symbolTable["" + id]) {
+ var container = document.getElementById(id + '_container');
+ container.classList.add('e-symbol-selected');
+ this.selectedSymbol = this.symbolTable["" + id];
+ evt.preventDefault();
+ }
+ };
+ SymbolPalette.prototype.keyDown = function (evt) {
+ // eslint-disable-next-line
+ var palette = this;
+ var helperElement = 'helperElement';
+ var intDestroy = 'intDestroy';
+ if (evt && (evt.key === 'Escape')) {
+ var element = palette.draggable["" + helperElement];
+ if (element && element.parentNode) {
+ element.parentNode.removeChild(element);
+ palette.draggable["" + intDestroy]();
+ }
+ }
+ };
+ //end region - event handlers
+ // region - draggable
+ SymbolPalette.prototype.initDraggable = function () {
+ if (this.allowDrag) {
+ //let drag: Draggable;
+ this.draggable = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Draggable"](this.element, {
+ dragTarget: '.e-symbol-draggable',
+ helper: this.helper,
+ dragStart: this.dragStart,
+ preventDefault: false,
+ dragStop: this.dragStop,
+ drag: function (args) {
+ var target = 'target';
+ var parent = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["parentsUntil"])(args["" + target], 'e-droppable');
+ if (parent && parent.classList.contains('e-diagram')) {
+ var e2eInstance = 'ej2_instances';
+ parent["" + e2eInstance][0].droppable.over(args);
+ }
+ },
+ cursorAt: { left: this.symbolPreview.offset.x, top: this.symbolPreview.offset.y }
+ });
+ }
+ };
+ // eslint-enable
+ SymbolPalette.prototype.dragStart = function (e) {
+ var element = this.helper[0];
+ if (element) {
+ element.setAttribute('paletteId', this.element.id);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ e.bindEvents(e.dragElement);
+ }
+ };
+ SymbolPalette.prototype.dragStop = function (e) {
+ if (!Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["parentsUntil"])(e.target, 'e-diagram')) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(e.helper);
+ }
+ };
+ //end region - draggable
+ //region - helper methods
+ SymbolPalette.prototype.scaleSymbol = function (symbol, symbolContainer, sw, sh, width, height, preview) {
+ if (symbol instanceof _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Connector"]) {
+ var wrapper = symbol.wrapper;
+ symbol.wrapper = symbolContainer.children[0];
+ var point = symbol.scale(sw, sh, width, height, symbolContainer.children[0]);
+ var difX = width / 2 - symbolContainer.children[0].children[0].offsetX + point.x / 2;
+ var difY = height / 2 - symbolContainer.children[0].children[0].offsetY + point.y / 2;
+ for (var _i = 0, _a = symbolContainer.children[0].children; _i < _a.length; _i++) {
+ var child = _a[_i];
+ child.offsetX += difX;
+ child.offsetY += difY;
+ child.staticSize = false;
+ }
+ symbol.wrapper = wrapper;
+ }
+ else if (symbol.shape.type === 'Bpmn' && this.bpmnModule) {
+ var wrapper = symbol.wrapper;
+ symbol.wrapper = symbolContainer;
+ symbolContainer.children[0].width = width;
+ symbolContainer.children[0].height = height;
+ this.bpmnModule.updateBPMN({ width: width, height: height }, symbol, symbol, null);
+ symbol.wrapper = wrapper;
+ }
+ else {
+ if (symbol.children) {
+ var parentNode = symbol.children;
+ var w = 0;
+ var h = 0;
+ if (!preview) {
+ var node = void 0;
+ var container = void 0;
+ for (var i = 0; i < parentNode.length; i++) {
+ container = symbolContainer.children[0].children[parseInt(i.toString(), 10)];
+ if (container) {
+ if (container.children[0].children) {
+ this.measureChild(container);
+ }
+ node = this.symbolTable[container.id];
+ container.width = node.width;
+ container.height = node.height;
+ container.measure(new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Size"]());
+ container.arrange(container.children[0].desiredSize);
+ }
+ }
+ }
+ w = width / symbolContainer.children[0].desiredSize.width;
+ h = height / symbolContainer.children[0].desiredSize.height;
+ symbolContainer.children[0].measure(new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Size"]());
+ symbolContainer.children[0].arrange(symbolContainer.children[0].desiredSize);
+ if (!preview) {
+ var children = void 0;
+ for (var i = 0; i < parentNode.length; i++) {
+ children = symbolContainer.children[0].children[parseInt(i.toString(), 10)];
+ if (children) {
+ if (children.children[0].children) {
+ this.scaleChildren(children, w, h, symbol);
+ }
+ this.scaleGroup(children, w, h, symbol);
+ }
+ }
+ }
+ if (preview) {
+ ///let node: Node;
+ var scaleWidth = void 0;
+ var scaleHeight = void 0;
+ var children = void 0;
+ for (var i = 0; i < parentNode.length; i++) {
+ //const node: Node = this.symbolTable[parentNode[i]];
+ scaleWidth = width / symbol.wrapper.children[0].desiredSize.width;
+ scaleHeight = height / symbol.wrapper.children[0].desiredSize.height;
+ children = symbolContainer.children[0].children[parseInt(i.toString(), 10)];
+ if (children) {
+ if (children.children[0].children) {
+ this.scaleChildren(children, scaleWidth, scaleHeight, symbol, true);
+ }
+ this.scaleGroup(children, scaleWidth, scaleHeight, symbol, true);
+ }
+ }
+ symbol.wrapper.children[0].measure(new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Size"]());
+ symbol.wrapper.children[0].arrange(symbol.wrapper.children[0].desiredSize);
+ }
+ }
+ else {
+ Object(_diagram_utility_diagram_util__WEBPACK_IMPORTED_MODULE_5__["scaleElement"])(symbolContainer.children[0], sw, sh, symbolContainer);
+ }
+ }
+ };
+ SymbolPalette.prototype.scaleChildren = function (container, w, h, symbol, preview) {
+ var child;
+ for (var i = 0; i < container.children.length; i++) {
+ child = container.children[parseInt(i.toString(), 10)];
+ if (!child.children[0].children) {
+ this.scaleGroup(child, w, h, symbol, preview);
+ }
+ else {
+ this.scaleChildren(child, w, h, symbol, preview);
+ }
+ }
+ };
+ SymbolPalette.prototype.measureChild = function (container) {
+ var childContainer;
+ var node;
+ for (var i = 0; i < container.children.length; i++) {
+ childContainer = container.children[parseInt(i.toString(), 10)];
+ if (!childContainer.children[0].children) {
+ node = this.symbolTable[childContainer.id];
+ childContainer.width = node.width;
+ childContainer.height = node.height;
+ childContainer.measure(new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Size"]());
+ childContainer.arrange(childContainer.children[0].desiredSize);
+ }
+ else {
+ this.measureChild(childContainer);
+ }
+ }
+ };
+ SymbolPalette.prototype.scaleGroup = function (child, w, h, symbol, preview) {
+ child.width = child.width * w;
+ child.height = (child.height * h);
+ child.offsetX = preview ? (child.offsetX * w) - symbol.style.strokeWidth : (child.offsetX * w) + symbol.style.strokeWidth / 2;
+ child.offsetY = preview ? (child.offsetY * h) - symbol.style.strokeWidth : (child.offsetY * h) + symbol.style.strokeWidth / 2;
+ child.measure(new _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Size"]());
+ child.arrange(child.children[0].desiredSize);
+ };
+ SymbolPalette.prototype.refreshPalettes = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.accordionElement.items = [];
+ }
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["removeElementsByClass"])('e-remove-palette', this.element.id);
+ this.updatePalettes();
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.accordionElement.dataBind();
+ }
+ };
+ SymbolPalette.prototype.updatePalettes = function () {
+ for (var i = 0; i < this.palettes.length; i++) {
+ var symGroup = this.palettes[parseInt(i.toString(), 10)];
+ this.initSymbols(symGroup);
+ this.renderPalette(symGroup);
+ }
+ };
+ SymbolPalette.prototype.createTextbox = function () {
+ var searchDiv = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', { id: this.element.id + '_search' });
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["applyStyleAgainstCsp"])(searchDiv, 'backgroundColor:white;height:30px');
+ // searchDiv.setAttribute('style', 'backgroundColor:white;height:30px');
+ searchDiv.className = 'e-input-group';
+ this.element.appendChild(searchDiv);
+ var textBox = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('input', {});
+ textBox.placeholder = this.l10n.getConstant('SearchShapes');
+ textBox.id = 'textEnter';
+ Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["applyStyleAgainstCsp"])(textBox, 'width:100%;height:auto');
+ //textBox.setAttribute('style', 'width:100%;height:auto');
+ textBox.className = 'e-input';
+ searchDiv.appendChild(textBox);
+ var span = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('span', { id: 'iconSearch', className: 'e-input-group-icon e-search e-icons' });
+ searchDiv.appendChild(span);
+ };
+ SymbolPalette.prototype.getFilterSymbol = function (symbol) {
+ var items = [];
+ for (var i = 0; i < symbol.length; i++) {
+ for (var j = 0; j < this.ignoreSymbolsOnSearch.length; j++) {
+ if (this.ignoreSymbolsOnSearch[parseInt(j.toString(), 10)] !== symbol[parseInt(i.toString(), 10)].id) {
+ items.push(symbol[0]);
+ }
+ }
+ }
+ return items;
+ };
+ SymbolPalette.prototype.searchPalette = function (value) {
+ var symbolGroup = [];
+ var element = document.getElementById('SearchPalette');
+ var paletteDiv;
+ //remove the existing child in palette
+ if (element) {
+ for (var k = element.children.length - 1; k >= 0; k--) {
+ element.removeChild(element.children[parseInt(k.toString(), 10)]);
+ }
+ }
+ //add the searched item in array collection
+ for (var i = 0; i < this.palettes.length; i++) {
+ var symbolPaletteGroup = this.palettes[parseInt(i.toString(), 10)];
+ for (var j = 0; j < symbolPaletteGroup.symbols.length; j++) {
+ var item = symbolPaletteGroup.symbols[parseInt(j.toString(), 10)];
+ if (value !== '' && item.id.toLowerCase().indexOf(value.toLowerCase()) !== -1) {
+ symbolGroup.push(item);
+ }
+ }
+ }
+ var filterSymbols = Object(_diagram_utility_base_util__WEBPACK_IMPORTED_MODULE_6__["getFunction"])(this.filterSymbols);
+ if (filterSymbols) {
+ symbolGroup = filterSymbols(symbolGroup) || [];
+ }
+ if (this.ignoreSymbolsOnSearch && this.ignoreSymbolsOnSearch.length > 0) {
+ symbolGroup = this.getFilterSymbol(symbolGroup);
+ }
+ //create a palette collection
+ if (!element && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ paletteDiv = this.createSearchPalette(paletteDiv);
+ element = paletteDiv;
+ }
+ //add the symbols into search palette
+ if (symbolGroup.length > 0) {
+ for (var _i = 0, symbolGroup_1 = symbolGroup; _i < symbolGroup_1.length; _i++) {
+ var symbol = symbolGroup_1[_i];
+ if (symbol.parentId === '') {
+ this.getSymbolContainer(symbol, element);
+ }
+ }
+ }
+ else if (value !== '') {
+ var emptyDiv = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', { 'id': 'EmptyDiv', 'style': 'text-align:center;font-style:italic' });
+ emptyDiv.innerHTML = 'No Items To Display';
+ element.appendChild(emptyDiv);
+ }
+ else {
+ var element_1 = document.getElementById('iconSearch');
+ element_1.className = 'e-input-group-icon e-search e-icons';
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.accordionElement.removeItem(0);
+ var searchPalette = document.getElementById('SearchPalette');
+ if (searchPalette) {
+ searchPalette.remove();
+ }
+ }
+ }
+ };
+ SymbolPalette.prototype.createSearchPalette = function (paletteDiv) {
+ paletteDiv = Object(_diagram_utility_dom_util__WEBPACK_IMPORTED_MODULE_4__["createHtmlElement"])('div', { 'id': 'SearchPalette', 'style': 'display:none;overflow:auto;' });
+ this.element.appendChild(paletteDiv);
+ var paletteCollection = {
+ header: 'Search Results', expanded: true,
+ content: '#SearchPalette'
+ };
+ this.accordionElement.addItem(paletteCollection, 0);
+ return paletteDiv;
+ };
+ SymbolPalette.prototype.wireEvents = function () {
+ var startEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchStartEvent;
+ var stopEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchEndEvent;
+ var moveEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchMoveEvent;
+ var cancelEvent = 'mouseleave';
+ var keyEvent = 'keyup';
+ var keyDownEvent = 'keydown';
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, startEvent, this.mouseDown, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, moveEvent, this.mouseMove, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, stopEvent, this.mouseUp, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, cancelEvent, this.mouseLeave, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, keyEvent, this.keyUp, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, keyDownEvent, this.keyDown, this);
+ // initialize the draggable component
+ this.initDraggable();
+ };
+ SymbolPalette.prototype.unWireEvents = function () {
+ var startEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchStartEvent;
+ var stopEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchEndEvent;
+ var moveEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchMoveEvent;
+ var cancelEvent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isPointer ? 'pointerleave' : 'mouseleave';
+ var keyEvent = 'keyup';
+ var keyDownEvent = 'keydown';
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, startEvent, this.mouseDown);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, moveEvent, this.mouseMove);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, stopEvent, this.mouseUp);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, cancelEvent, this.mouseLeave);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, keyEvent, this.keyUp);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, keyDownEvent, this.keyDown);
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('S')
+ ], SymbolPalette.prototype, "accessKey", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('100%')
+ ], SymbolPalette.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('100%')
+ ], SymbolPalette.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], Palette)
+ ], SymbolPalette.prototype, "palettes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolPalette.prototype, "getSymbolInfo", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({ fit: true })
+ ], SymbolPalette.prototype, "symbolInfo", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolPalette.prototype, "filterSymbols", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolPalette.prototype, "ignoreSymbolsOnSearch", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolPalette.prototype, "getSymbolTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolPalette.prototype, "symbolWidth", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolPalette.prototype, "symbolHeight", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ left: 10, right: 10, top: 10, bottom: 10 }, _diagram_index__WEBPACK_IMPORTED_MODULE_2__["Margin"])
+ ], SymbolPalette.prototype, "symbolMargin", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], SymbolPalette.prototype, "allowDrag", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, SymbolPreview)
+ ], SymbolPalette.prototype, "symbolPreview", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, SymbolDragSize)
+ ], SymbolPalette.prototype, "symbolDragSize", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], SymbolPalette.prototype, "enableSearch", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], SymbolPalette.prototype, "enableAnimation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Multiple')
+ ], SymbolPalette.prototype, "expandMode", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], SymbolPalette.prototype, "paletteSelectionChange", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], SymbolPalette.prototype, "paletteExpanding", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolPalette.prototype, "getNodeDefaults", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolPalette.prototype, "nodeDefaults", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolPalette.prototype, "getConnectorDefaults", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], SymbolPalette.prototype, "connectorDefaults", void 0);
+ return SymbolPalette;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/color-picker/color-picker.js":
+/*!*******************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/color-picker/color-picker.js ***!
+ \*******************************************************************************/
+/*! exports provided: ColorPicker */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ColorPicker", function() { return ColorPicker; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_splitbuttons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-splitbuttons */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/index.js");
+/* harmony import */ var _ej2_popups__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../ej2-popups */ "./ej2-resources/22.1.37/scripts/ej2-popups/index.js");
+/* harmony import */ var _input_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../input/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/input/index.js");
+/* harmony import */ var _numerictextbox_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./../numerictextbox/index */ "./ej2-resources/22.1.37/scripts/ej2-inputs/numerictextbox/index.js");
+/* harmony import */ var _slider_slider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./../slider/slider */ "./ej2-resources/22.1.37/scripts/ej2-inputs/slider/slider.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable prefer-spread */
+
+
+
+
+
+
+
+
+
+
+var APPLY = 'e-apply';
+var CANCEL = 'e-cancel';
+var CURRENT = 'e-current';
+var CONTAINER = 'e-container';
+var CTRLBTN = 'e-ctrl-btn';
+var CTRLSWITCH = 'e-switch-ctrl-btn';
+var DISABLED = 'e-disabled';
+var FORMATSWITCH = 'e-value-switch-btn';
+var HANDLER = 'e-handler';
+var HEX = 'e-hex';
+var HIDEHEX = 'e-hide-hex-value';
+var HIDEOPACITY = 'e-hide-opacity';
+var HIDERGBA = 'e-hide-switchable-value';
+var HIDEVALUE = 'e-hide-value';
+var HIDEVALUESWITCH = 'e-hide-valueswitcher';
+var HSVAREA = 'e-hsv-color';
+var HSVCONTAINER = 'e-hsv-container';
+var INPUTWRAPPER = 'e-selected-value';
+var MODESWITCH = 'e-mode-switch-btn';
+var NOCOLOR = 'e-nocolor-item';
+var OPACITY = 'e-opacity-value';
+var PALETTES = 'e-palette';
+var PALETTECONTENT = 'e-color-palette';
+var PICKERCONTENT = 'e-color-picker';
+var PREVIEW = 'e-preview-container';
+var PREVIOUS = 'e-previous';
+var RTL = 'e-rtl';
+var SHOWVALUE = 'e-show-value';
+var SELECT = 'e-selected';
+var SPLITPREVIEW = 'e-split-preview';
+var TILE = 'e-tile';
+var presets = {
+ default: ['#000000', '#f44336', '#e91e63', '#9c27b0', '#673ab7', '#2196f3', '#03a9f4', '#00bcd4', '#009688', '#ffeb3b',
+ '#ffffff', '#ffebee', '#fce4ec', '#f3e5f5', '#ede7f6', '#e3f2fd', '#e1f5fe', '#e0f7fa', '#e0f2f1', '#fffde7',
+ '#f2f2f2', '#ffcdd2', '#f8bbd0', '#e1bee7', '#d1c4e9', '#bbdefb', '#b3e5fc', '#b2ebf2', '#b2dfdb', '#fff9c4',
+ '#e6e6e6', '#ef9a9a', '#f48fb1', '#ce93d8', '#b39ddb', '#90caf9', '#81d4fa', '#80deea', '#80cbc4', '#fff59d',
+ '#cccccc', '#e57373', '#f06292', '#ba68c8', '#9575cd', '#64b5f6', '#4fc3f7', '#4dd0e1', '#4db6ac', '#fff176',
+ '#b3b3b3', '#ef5350', '#ec407a', '#ab47bc', '#7e57c2', '#42a5f5', '#29b6f6', '#26c6da', '#26a69a', '#ffee58',
+ '#999999', '#e53935', '#d81b60', '#8e24aa', '#5e35b1', '#1e88e5', '#039be5', '#00acc1', '#00897b', '#fdd835',
+ '#808080', '#d32f2f', '#c2185b', '#7b1fa2', '#512da8', '#1976d2', '#0288d1', '#0097a7', '#00796b', '#fbc02d',
+ '#666666', '#c62828', '#ad1457', '#6a1b9a', '#4527a0', '#1565c0', '#0277bd', '#00838f', '#00695c', '#f9a825',
+ '#4d4d4d', '#b71c1c', '#880e4f', '#4a148c', '#311b92', '#0d47a1', '#01579b', '#006064', '#004d40', '#f57f17']
+};
+/**
+ * ColorPicker component is a user interface to select and adjust color values. It provides supports for various
+ * color specification like Red Green Blue, Hue Saturation Value and Hex codes.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var ColorPicker = /** @__PURE__ @class */ (function (_super) {
+ __extends(ColorPicker, _super);
+ function ColorPicker(options, element) {
+ return _super.call(this, options, element) || this;
+ }
+ ColorPicker.prototype.preRender = function () {
+ var ele = this.element;
+ this.formElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, 'form');
+ if (this.formElement) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.formElement, 'reset', this.formResetHandler, this);
+ }
+ var localeText = { Apply: 'Apply', Cancel: 'Cancel', ModeSwitcher: 'Switch Mode' };
+ this.l10n = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["L10n"]('colorpicker', localeText, this.locale);
+ if (ele.getAttribute('ejs-for') && !ele.getAttribute('name')) {
+ ele.setAttribute('name', ele.id);
+ }
+ };
+ /**
+ * To Initialize the component rendering
+ *
+ * @private
+ * @returns {void}
+ */
+ ColorPicker.prototype.render = function () {
+ this.initWrapper();
+ if (this.inline) {
+ this.createWidget();
+ }
+ else {
+ this.createSplitBtn();
+ }
+ if (!this.enableOpacity) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.container.parentElement], HIDEOPACITY);
+ }
+ this.renderComplete();
+ };
+ ColorPicker.prototype.initWrapper = function () {
+ var wrapper = this.createElement('div', { className: 'e-' + this.getModuleName() + '-wrapper' });
+ this.element.parentNode.insertBefore(wrapper, this.element);
+ wrapper.appendChild(this.element);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'tabindex': '-1', 'spellcheck': 'false', 'aria-label': 'colorpicker' });
+ this.container = this.createElement('div', { className: CONTAINER });
+ this.getWrapper().appendChild(this.container);
+ var value = this.value ? this.roundValue(this.value).toLowerCase() : '#008000ff';
+ if (this.noColor && this.mode === 'Palette' && this.value === '') {
+ value = '';
+ }
+ var slicedValue = value.slice(0, 7);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.initialInputValue)) {
+ this.initialInputValue = slicedValue;
+ }
+ this.element.value = slicedValue;
+ if (this.enableOpacity) {
+ this.setProperties({ 'value': value }, true);
+ }
+ else {
+ this.setProperties({ 'value': slicedValue }, true);
+ }
+ if (this.enableRtl) {
+ wrapper.classList.add(RTL);
+ }
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([wrapper], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ this.tileRipple = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["rippleEffect"])(this.container, { selector: '.' + TILE });
+ this.ctrlBtnRipple = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["rippleEffect"])(this.container, { selector: '.e-btn' });
+ };
+ ColorPicker.prototype.getWrapper = function () {
+ return this.element.parentElement;
+ };
+ ColorPicker.prototype.createWidget = function () {
+ if (this.mode === 'Palette') {
+ this.createPalette();
+ if (!this.inline) {
+ this.firstPaletteFocus();
+ }
+ }
+ else {
+ this.createPicker();
+ if (!this.inline) {
+ this.getDragHandler().focus();
+ }
+ }
+ this.isRgb = true;
+ this.createInput();
+ this.createCtrlBtn();
+ if (!this.disabled) {
+ this.wireEvents();
+ }
+ if (this.inline && this.disabled) {
+ this.toggleDisabled(true);
+ }
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ this.refreshPopupPos();
+ }
+ };
+ ColorPicker.prototype.createSplitBtn = function () {
+ var _this = this;
+ var splitButton = this.createElement('button', { className: 'e-split-colorpicker' });
+ this.getWrapper().appendChild(splitButton);
+ this.splitBtn = new _ej2_splitbuttons__WEBPACK_IMPORTED_MODULE_1__["SplitButton"]({
+ iconCss: 'e-selected-color',
+ target: this.container,
+ disabled: this.disabled,
+ enableRtl: this.enableRtl,
+ createPopupOnClick: this.createPopupOnClick,
+ open: this.onOpen.bind(this),
+ click: function () {
+ _this.trigger('change', {
+ currentValue: { hex: _this.value.slice(0, 7), rgba: _this.convertToRgbString(_this.hexToRgb(_this.value)) },
+ previousValue: { hex: null, rgba: null }, value: _this.value
+ });
+ }
+ });
+ this.splitBtn.createElement = this.createElement;
+ this.splitBtn.appendTo(splitButton);
+ var preview = this.createElement('span', { className: SPLITPREVIEW });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-selected-color', splitButton).appendChild(preview);
+ preview.style.backgroundColor = this.convertToRgbString(this.hexToRgb(this.value));
+ var popupEle = this.getPopupEle();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([popupEle], 'e-colorpicker-popup');
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([popupEle], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ var popupInst = this.getPopupInst();
+ popupInst.relateTo = document.body;
+ popupInst.position = { X: 'center', Y: 'center' };
+ popupInst.targetType = 'container';
+ popupInst.collision = { X: 'fit', Y: 'fit' };
+ popupInst.offsetY = 4;
+ popupEle.style.zIndex = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["getZindexPartial"])(this.splitBtn.element).toString();
+ }
+ this.bindCallBackEvent();
+ };
+ ColorPicker.prototype.onOpen = function () {
+ this.trigger('open', { element: this.container });
+ };
+ ColorPicker.prototype.getPopupInst = function () {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(this.getPopupEle(), _ej2_popups__WEBPACK_IMPORTED_MODULE_2__["Popup"]);
+ };
+ ColorPicker.prototype.bindCallBackEvent = function () {
+ var _this = this;
+ this.splitBtn.beforeOpen = function (args) {
+ var callBackPromise = new _ej2_splitbuttons__WEBPACK_IMPORTED_MODULE_1__["Deferred"]();
+ _this.trigger('beforeOpen', args, function (observeOpenArgs) {
+ if (!observeOpenArgs.cancel) {
+ var popupEle = _this.getPopupEle();
+ popupEle.style.top = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(0 + pageYOffset);
+ popupEle.style.left = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(0 + pageXOffset);
+ popupEle.style.display = 'block';
+ _this.createWidget();
+ popupEle.style.display = '';
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ _this.modal = _this.createElement('div');
+ _this.modal.className = 'e-' + _this.getModuleName() + ' e-modal';
+ _this.modal.style.display = 'none';
+ document.body.insertBefore(_this.modal, popupEle);
+ document.body.className += ' e-colorpicker-overflow';
+ _this.modal.style.display = 'block';
+ _this.modal.style.zIndex = (Number(popupEle.style.zIndex) - 1).toString();
+ }
+ }
+ args.cancel = observeOpenArgs.cancel;
+ callBackPromise.resolve(observeOpenArgs);
+ });
+ return callBackPromise;
+ };
+ this.splitBtn.beforeClose = function (args) {
+ var callBackPromise = new _ej2_splitbuttons__WEBPACK_IMPORTED_MODULE_1__["Deferred"]();
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.event)) {
+ var beforeCloseArgs = { element: _this.container, event: args.event, cancel: false };
+ _this.trigger('beforeClose', beforeCloseArgs, function (observedCloseArgs) {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice && args.event.target === _this.modal) {
+ observedCloseArgs.cancel = true;
+ }
+ if (!observedCloseArgs.cancel) {
+ _this.onPopupClose();
+ }
+ args.cancel = observedCloseArgs.cancel;
+ callBackPromise.resolve(observedCloseArgs);
+ });
+ }
+ else {
+ callBackPromise.resolve(args);
+ }
+ return callBackPromise;
+ };
+ };
+ ColorPicker.prototype.onPopupClose = function () {
+ this.unWireEvents();
+ this.destroyOtherComp();
+ this.container.style.width = '';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + SPLITPREVIEW, this.splitBtn.element).style.backgroundColor
+ = this.convertToRgbString(this.hexToRgb(this.value));
+ this.container.innerHTML = '';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.container], [PICKERCONTENT, PALETTECONTENT]);
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice && this.modal) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([document.body], 'e-colorpicker-overflow');
+ this.modal.style.display = 'none';
+ this.modal.outerHTML = '';
+ this.modal = null;
+ }
+ };
+ ColorPicker.prototype.createPalette = function () {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(this.container, [PALETTECONTENT], [PICKERCONTENT]);
+ if (this.presetColors) {
+ var paletteGroup = this.createElement('div', { className: 'e-custom-palette' });
+ this.appendElement(paletteGroup);
+ var keys = Object.keys(this.presetColors);
+ if (keys.length === 1) {
+ this.appendPalette(this.presetColors[keys[0]], keys[0], paletteGroup);
+ }
+ else {
+ for (var i = 0, len = keys.length; i < len; i++) {
+ this.appendPalette(this.presetColors[keys[i]], keys[i], paletteGroup);
+ }
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.e-row', paletteGroup).length > 10) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([paletteGroup], 'e-palette-group');
+ }
+ }
+ else {
+ this.appendPalette(presets.default, 'default');
+ }
+ if (this.mode === 'Palette' && !this.modeSwitcher && this.noColor) {
+ this.setNoColor();
+ }
+ var width = parseInt(getComputedStyle(this.container).borderBottomWidth, 10);
+ this.container.style.width = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.container.children[0].offsetWidth + width + width);
+ this.rgb = this.hexToRgb(this.roundValue(this.value));
+ this.hsv = this.rgbToHsv.apply(this, this.rgb);
+ };
+ ColorPicker.prototype.firstPaletteFocus = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + SELECT, this.container.children[0])) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + PALETTES, this.container)[0].focus();
+ }
+ };
+ ColorPicker.prototype.appendPalette = function (colors, key, refEle) {
+ var palette = this.createElement('div', { className: PALETTES, attrs: { 'tabindex': '0', 'role': 'grid' } });
+ if (refEle) {
+ refEle.appendChild(palette);
+ }
+ else {
+ this.appendElement(palette);
+ }
+ var row;
+ var tile;
+ var roundedColor;
+ for (var i = 0, len = colors.length; i < len; i++) {
+ if (i === 0 || i % this.columns === 0) {
+ row = this.createElement('div', {
+ className: 'e-row', attrs: { 'role': 'row' }
+ });
+ palette.appendChild(row);
+ }
+ roundedColor = this.roundValue(colors[i]).toLowerCase();
+ tile = this.createElement('span', {
+ className: TILE, attrs: { 'role': 'gridcell', 'aria-label': roundedColor, 'aria-selected': 'false', 'tabindex': '0' }
+ });
+ this.trigger('beforeTileRender', { element: tile, presetName: key, value: colors[i] });
+ row.appendChild(tile);
+ if (this.value === roundedColor) {
+ this.addTileSelection(tile);
+ palette.focus();
+ }
+ tile.style.backgroundColor = this.convertToRgbString(this.hexToRgb(roundedColor));
+ }
+ };
+ ColorPicker.prototype.setNoColor = function () {
+ var noColorEle = this.container.querySelector('.e-row').children[0];
+ noColorEle.classList.add(NOCOLOR);
+ if (!this.value) {
+ noColorEle.classList.add(SELECT);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(noColorEle, '.' + PALETTES).focus();
+ }
+ ['aria-selected', 'aria-label'].forEach(function (attr) { noColorEle.removeAttribute(attr); });
+ noColorEle.style.backgroundColor = '';
+ };
+ ColorPicker.prototype.appendElement = function (ele, insertPos) {
+ if (insertPos === void 0) { insertPos = 0; }
+ var refEle = this.container.children[insertPos];
+ if (refEle) {
+ this.container.insertBefore(ele, refEle);
+ }
+ else {
+ this.container.appendChild(ele);
+ }
+ };
+ ColorPicker.prototype.addTileSelection = function (ele) {
+ ele.classList.add(SELECT);
+ ele.setAttribute('aria-selected', 'true');
+ };
+ ColorPicker.prototype.createPicker = function () {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(this.container, [PICKERCONTENT], [PALETTECONTENT]);
+ var hsvContainer = this.createElement('div', { className: HSVCONTAINER });
+ this.appendElement(hsvContainer);
+ hsvContainer.appendChild(this.createElement('div', { className: HSVAREA }));
+ var dragHandler = this.createElement('span', { className: HANDLER, attrs: { 'tabindex': '0' } });
+ hsvContainer.appendChild(dragHandler);
+ if (this.value === null || this.value === '') {
+ this.value = '#008000ff';
+ }
+ this.rgb = this.hexToRgb(this.value);
+ this.hsv = this.rgbToHsv.apply(this, this.rgb);
+ this.setHsvContainerBg();
+ this.setHandlerPosition();
+ this.createSlider();
+ this.createDragTooltip();
+ };
+ ColorPicker.prototype.setHsvContainerBg = function (h) {
+ if (h === void 0) { h = this.hsv[0]; }
+ this.getHsvContainer().style.backgroundColor = this.convertToRgbString(this.hsvToRgb(h, 100, 100, 1));
+ };
+ ColorPicker.prototype.getHsvContainer = function () {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + HSVCONTAINER, this.container);
+ };
+ ColorPicker.prototype.setHandlerPosition = function () {
+ var dragHandler = this.getDragHandler();
+ var hsvArea = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + HSVAREA, this.container);
+ if (this.enableRtl) {
+ dragHandler.style.left = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(hsvArea.offsetWidth * Math.abs(100 - this.hsv[1]) / 100);
+ }
+ else {
+ dragHandler.style.left = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(hsvArea.offsetWidth * this.hsv[1] / 100);
+ }
+ dragHandler.style.top = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(hsvArea.offsetHeight * (100 - this.hsv[2]) / 100);
+ };
+ ColorPicker.prototype.createSlider = function () {
+ var sliderPreviewWrapper = this.createElement('div', { className: 'e-slider-preview' });
+ this.appendElement(sliderPreviewWrapper, 1);
+ this.createPreview(sliderPreviewWrapper);
+ var sliderWrapper = this.createElement('div', { className: 'e-colorpicker-slider' });
+ sliderPreviewWrapper.insertBefore(sliderWrapper, sliderPreviewWrapper.children[0]);
+ var slider = this.createElement('div', { className: 'e-hue-slider' });
+ sliderWrapper.appendChild(slider);
+ this.hueSlider = new _slider_slider__WEBPACK_IMPORTED_MODULE_5__["Slider"]({
+ value: this.hsv[0],
+ min: 0,
+ max: 359,
+ enableRtl: this.enableRtl,
+ enabled: !this.disabled,
+ change: this.hueChange.bind(this)
+ });
+ this.hueSlider.createElement = this.createElement;
+ this.hueSlider.appendTo(slider);
+ if (this.enableOpacity) {
+ slider = this.createElement('div', { className: 'e-opacity-slider' });
+ sliderWrapper.appendChild(slider);
+ this.createOpacitySlider(slider);
+ }
+ };
+ ColorPicker.prototype.createOpacitySlider = function (slider) {
+ this.opacitySlider = new _slider_slider__WEBPACK_IMPORTED_MODULE_5__["Slider"]({
+ value: this.rgb[3] * 100,
+ min: 0,
+ max: 100,
+ enableRtl: this.enableRtl,
+ enabled: !this.disabled,
+ change: this.opacityChange.bind(this)
+ });
+ this.opacitySlider.createElement = this.createElement;
+ this.opacitySlider.appendTo(slider);
+ var opacityBgTrack = this.createElement('div', { className: 'e-opacity-empty-track' });
+ slider.appendChild(opacityBgTrack);
+ this.updateOpacitySliderBg();
+ };
+ ColorPicker.prototype.updateOpacitySliderBg = function () {
+ var direction = this.enableRtl ? 'to left' : 'to right';
+ var opacityEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-opacity-empty-track', this.opacitySlider.element);
+ if (opacityEle) {
+ opacityEle.style.background =
+ 'linear-gradient(' + direction + ', rgba(' + this.rgb.slice(0, 3) + ', 0) 0%, ' +
+ this.convertToRgbString(this.rgb.slice(0, 3)) + ' 100%)';
+ }
+ };
+ ColorPicker.prototype.hueChange = function (args) {
+ this.hsv[0] = args.value;
+ this.setHsvContainerBg();
+ this.convertToOtherFormat();
+ };
+ ColorPicker.prototype.opacityChange = function (args) {
+ var value = args.value;
+ var pValue = this.rgbToHex(this.rgb);
+ this.hsv[3] = value / 100;
+ this.rgb[3] = value / 100;
+ var cValue = this.rgbToHex(this.rgb);
+ this.updateOpacityInput(value);
+ var rgb = this.convertToRgbString(this.rgb);
+ this.updatePreview(rgb);
+ this.triggerEvent(cValue, pValue, rgb);
+ };
+ ColorPicker.prototype.updateOpacityInput = function (value) {
+ if (this.enableOpacity && !this.getWrapper().classList.contains(HIDEVALUE)) {
+ var opacityTextBoxInst = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + OPACITY, this.container), _numerictextbox_index__WEBPACK_IMPORTED_MODULE_4__["NumericTextBox"]);
+ opacityTextBoxInst.value = value;
+ opacityTextBoxInst.dataBind();
+ }
+ };
+ ColorPicker.prototype.createPreview = function (parentEle) {
+ var previewContainer = this.createElement('div', { className: PREVIEW });
+ parentEle.appendChild(previewContainer);
+ var preview = this.createElement('span', { className: 'e-preview ' + CURRENT });
+ previewContainer.appendChild(preview);
+ var colorValue = this.convertToRgbString(this.rgb);
+ preview.style.backgroundColor = colorValue;
+ preview = this.createElement('span', { className: 'e-preview ' + PREVIOUS });
+ previewContainer.appendChild(preview);
+ preview.style.backgroundColor = colorValue;
+ };
+ ColorPicker.prototype.isPicker = function () {
+ return !this.container.classList.contains(PALETTECONTENT);
+ };
+ ColorPicker.prototype.getPopupEle = function () {
+ return this.container.parentElement;
+ };
+ ColorPicker.prototype.createNumericInput = function (element, value, label, max) {
+ var _this = this;
+ var numericInput = new _numerictextbox_index__WEBPACK_IMPORTED_MODULE_4__["NumericTextBox"]({
+ value: value,
+ placeholder: label,
+ min: 0,
+ max: max,
+ format: '###.##',
+ showSpinButton: false,
+ floatLabelType: 'Always',
+ enableRtl: this.enableRtl,
+ enabled: !this.disabled,
+ readonly: this.isPicker() ? false : true,
+ change: function (args) {
+ if (args.event) {
+ _this.inputHandler(args.event);
+ }
+ }
+ });
+ numericInput.createElement = this.createElement;
+ numericInput.appendTo(element);
+ };
+ ColorPicker.prototype.createInput = function () {
+ var isPicker = this.isPicker();
+ var wrapper = this.getWrapper();
+ if ((isPicker && !wrapper.classList.contains(HIDEVALUE)) || (!isPicker && wrapper.classList.contains(SHOWVALUE))) {
+ var inputWrap = this.createElement('div', { className: INPUTWRAPPER });
+ if (isPicker) {
+ this.appendElement(inputWrap, 2);
+ }
+ else {
+ this.appendElement(inputWrap, 1);
+ }
+ var container = this.createElement('div', { className: 'e-input-container' });
+ inputWrap.appendChild(container);
+ if (!wrapper.classList.contains(HIDEVALUESWITCH)) {
+ this.appendValueSwitchBtn(inputWrap);
+ }
+ if (!wrapper.classList.contains(HIDEHEX)) {
+ var hexInput = this.createElement('input', {
+ className: HEX,
+ attrs: { 'maxlength': '7', 'spellcheck': 'false', 'aria-label': 'HEX' }
+ });
+ container.appendChild(hexInput);
+ _input_index__WEBPACK_IMPORTED_MODULE_3__["Input"].createInput({
+ element: hexInput,
+ floatLabelType: 'Always',
+ properties: {
+ placeholder: 'HEX',
+ enableRtl: this.enableRtl,
+ enabled: !this.disabled,
+ readonly: this.isPicker() ? false : true
+ }
+ }, this.createElement);
+ _input_index__WEBPACK_IMPORTED_MODULE_3__["Input"].setValue(this.value.slice(0, 7), hexInput);
+ hexInput.addEventListener('input', this.inputHandler.bind(this));
+ }
+ if (!wrapper.classList.contains(HIDERGBA)) {
+ var label = void 0;
+ var value = void 0;
+ if (this.isRgb) {
+ label = 'RGB';
+ value = this.rgb;
+ }
+ else {
+ label = 'HSV';
+ value = this.hsv;
+ }
+ var clsName = ['rh', 'gs', 'bv'];
+ for (var i = 0; i < 3; i++) {
+ this.createNumericInput(container.appendChild(this.createElement('input', { className: 'e-' + clsName[i] + '-value' })), value[i], label[i], 255);
+ }
+ if (this.enableOpacity) {
+ this.appendOpacityValue(container);
+ }
+ }
+ }
+ };
+ ColorPicker.prototype.appendOpacityValue = function (container) {
+ this.createNumericInput(container.appendChild(this.createElement('input', { className: OPACITY })), this.rgb[3] * 100, 'A', 100);
+ };
+ ColorPicker.prototype.appendValueSwitchBtn = function (targetEle) {
+ var valueSwitchBtn = this.createElement('button', {
+ className: 'e-icons e-css e-btn e-flat e-icon-btn ' + FORMATSWITCH,
+ attrs: { 'title': 'Toggle format' }
+ });
+ targetEle.appendChild(valueSwitchBtn);
+ if (this.isPicker() && !this.getWrapper().classList.contains(HIDERGBA)) {
+ valueSwitchBtn.addEventListener('click', this.formatSwitchHandler.bind(this));
+ }
+ };
+ ColorPicker.prototype.createCtrlBtn = function () {
+ if (this.modeSwitcher || this.showButtons) {
+ this.l10n.setLocale(this.locale);
+ var btnWrapper = this.createElement('div', { className: CTRLSWITCH });
+ this.container.appendChild(btnWrapper);
+ if (this.showButtons) {
+ var controlBtnWrapper = this.createElement('div', { className: CTRLBTN });
+ btnWrapper.appendChild(controlBtnWrapper);
+ var apply = this.l10n.getConstant('Apply');
+ controlBtnWrapper.appendChild(this.createElement('button', {
+ innerHTML: apply,
+ className: 'e-btn e-css e-flat e-primary e-small ' + APPLY,
+ attrs: { 'title': apply }
+ }));
+ var cancel = this.l10n.getConstant('Cancel');
+ controlBtnWrapper.appendChild(this.createElement('button', {
+ innerHTML: cancel,
+ className: 'e-btn e-css e-flat e-small ' + CANCEL,
+ attrs: { 'title': cancel }
+ }));
+ }
+ if (this.modeSwitcher) {
+ this.appendModeSwitchBtn();
+ }
+ }
+ };
+ ColorPicker.prototype.appendModeSwitchBtn = function () {
+ var modeSwitcher = this.createElement('button', {
+ className: 'e-icons e-btn e-flat e-icon-btn ' + MODESWITCH, attrs: { title: this.l10n.getConstant('ModeSwitcher') }
+ });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CTRLSWITCH, this.container).insertBefore(modeSwitcher, Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CTRLBTN, this.container));
+ };
+ ColorPicker.prototype.createDragTooltip = function () {
+ var _this = this;
+ var tooltip = new _ej2_popups__WEBPACK_IMPORTED_MODULE_2__["Tooltip"]({
+ opensOn: 'Custom',
+ showTipPointer: false,
+ cssClass: 'e-color-picker-tooltip',
+ beforeOpen: function (args) {
+ _this.tooltipEle = args.element;
+ },
+ animation: { open: { effect: 'None' }, close: { effect: 'None' } }
+ });
+ tooltip.createElement = this.createElement;
+ tooltip.appendTo(this.container);
+ // eslint-disable-next-line
+ tooltip.open(this.container);
+ this.tooltipEle.style.zIndex = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["getZindexPartial"])(this.tooltipEle).toString();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-tip-content', this.tooltipEle).appendChild(this.createElement('div', { className: 'e-tip-transparent' }));
+ };
+ ColorPicker.prototype.getTooltipInst = function () {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(this.container, _ej2_popups__WEBPACK_IMPORTED_MODULE_2__["Tooltip"]);
+ };
+ ColorPicker.prototype.setTooltipOffset = function (value) {
+ this.getTooltipInst().offsetY = value;
+ };
+ ColorPicker.prototype.toggleDisabled = function (enable) {
+ if (enable) {
+ this.getWrapper().classList.add(DISABLED);
+ }
+ else {
+ this.getWrapper().classList.remove(DISABLED);
+ }
+ if (this.showButtons) {
+ ([].slice.call(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.e-btn', this.container))).forEach(function (ele) {
+ if (enable) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(ele, { 'disabled': '' });
+ }
+ else {
+ ele.removeAttribute('disabled');
+ }
+ });
+ }
+ };
+ ColorPicker.prototype.convertToRgbString = function (rgb) {
+ return rgb.length ? rgb.length === 4 ? 'rgba(' + rgb.join() + ')' : 'rgb(' + rgb.join() + ')' : '';
+ };
+ ColorPicker.prototype.convertToHsvString = function (hsv) {
+ return hsv.length === 4 ? 'hsva(' + hsv.join() + ')' : 'hsv(' + hsv.join() + ')';
+ };
+ ColorPicker.prototype.updateHsv = function () {
+ this.hsv[1] = this.hsv[1] > 100 ? 100 : this.hsv[1];
+ this.hsv[2] = this.hsv[2] > 100 ? 100 : this.hsv[2];
+ this.setHandlerPosition();
+ };
+ ColorPicker.prototype.convertToOtherFormat = function (isKey) {
+ if (isKey === void 0) { isKey = false; }
+ var pValue = this.rgbToHex(this.rgb);
+ this.rgb = this.hsvToRgb.apply(this, this.hsv);
+ var cValue = this.rgbToHex(this.rgb);
+ var rgba = this.convertToRgbString(this.rgb);
+ this.updatePreview(rgba);
+ this.updateInput(cValue);
+ this.triggerEvent(cValue, pValue, rgba, isKey);
+ };
+ ColorPicker.prototype.updateInput = function (value) {
+ var wrapper = this.getWrapper();
+ if (!wrapper.classList.contains(HIDEVALUE)) {
+ if (!wrapper.classList.contains(HIDEHEX)) {
+ _input_index__WEBPACK_IMPORTED_MODULE_3__["Input"].setValue(value.substr(0, 7), Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + HEX, this.container));
+ }
+ if (!wrapper.classList.contains(HIDERGBA)) {
+ if (this.isRgb) {
+ this.updateValue(this.rgb, false);
+ }
+ else {
+ this.updateValue(this.hsv, false);
+ }
+ }
+ }
+ };
+ ColorPicker.prototype.updatePreview = function (value) {
+ if (this.enableOpacity) {
+ this.updateOpacitySliderBg();
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-tip-transparent', this.tooltipEle).style.backgroundColor = value;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + PREVIEW + ' .' + CURRENT, this.container).style.backgroundColor = value;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + PREVIEW + ' .' + PREVIOUS, this.container).style.backgroundColor
+ = this.convertToRgbString(this.hexToRgb(this.value));
+ };
+ ColorPicker.prototype.getDragHandler = function () {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + HANDLER, this.container);
+ };
+ ColorPicker.prototype.removeTileSelection = function () {
+ var selectedEle = [].slice.call(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + SELECT, this.container.children[0]));
+ selectedEle.forEach(function (ele) {
+ ele.classList.remove(SELECT);
+ ele.setAttribute('aria-selected', 'false');
+ });
+ };
+ ColorPicker.prototype.convertRgbToNumberArray = function (value) {
+ return (value.slice(value.indexOf('(') + 1, value.indexOf(')'))).split(',').map(function (n, i) {
+ return (i !== 3) ? parseInt(n, 10) : parseFloat(n);
+ });
+ };
+ /**
+ * To get color value in specified type.
+ *
+ * @param {string} value - Specify the color value.
+ * @param {string} type - Specify the type to which the specified color needs to be converted.
+ * @method getValue
+ * @returns {string} - Color value
+ */
+ ColorPicker.prototype.getValue = function (value, type) {
+ if (!value) {
+ value = this.value;
+ }
+ type = !type ? 'hex' : type.toLowerCase();
+ if (value[0] === 'r') {
+ var cValue = this.convertRgbToNumberArray(value);
+ if (type === 'hex' || type === 'hexa') {
+ var hex = this.rgbToHex(cValue);
+ return type === 'hex' ? hex.slice(0, 7) : hex;
+ }
+ else {
+ if (type === 'hsv') {
+ return this.convertToHsvString(this.rgbToHsv.apply(this, cValue.slice(0, 3)));
+ }
+ else {
+ if (type === 'hsva') {
+ return this.convertToHsvString(this.rgbToHsv.apply(this, cValue));
+ }
+ else {
+ return 'null';
+ }
+ }
+ }
+ }
+ else {
+ if (value[0] === 'h') {
+ var cValue = this.hsvToRgb.apply(this, this.convertRgbToNumberArray(value));
+ if (type === 'rgba') {
+ return this.convertToRgbString(cValue);
+ }
+ else {
+ if (type === 'hex' || type === 'hexa') {
+ var hex = this.rgbToHex(cValue);
+ return type === 'hex' ? hex.slice(0, 7) : hex;
+ }
+ else {
+ if (type === 'rgb') {
+ return this.convertToRgbString(cValue.slice(0, 3));
+ }
+ else {
+ return 'null';
+ }
+ }
+ }
+ }
+ else {
+ value = this.roundValue(value);
+ var rgb = this.hexToRgb(value);
+ if (type === 'rgb' || type === 'hsv') {
+ rgb = rgb.slice(0, 3);
+ }
+ if (type === 'rgba' || type === 'rgb') {
+ return this.convertToRgbString(rgb);
+ }
+ else {
+ if (type === 'hsva' || type === 'hsv') {
+ return this.convertToHsvString(this.rgbToHsv.apply(this, rgb));
+ }
+ else {
+ if (type === 'hex') {
+ return value.slice(0, 7);
+ }
+ else {
+ if (type === 'a') {
+ return rgb[3].toString();
+ }
+ else {
+ return 'null';
+ }
+ }
+ }
+ }
+ }
+ }
+ };
+ /**
+ * To show/hide ColorPicker popup based on current state of the SplitButton.
+ *
+ * @method toggle
+ * @returns {void}
+ */
+ ColorPicker.prototype.toggle = function () {
+ if (this.container.parentElement.classList.contains('e-popup-close')) {
+ this.splitBtn.toggle();
+ }
+ else {
+ this.closePopup(null);
+ }
+ };
+ /**
+ * Get component name.
+ *
+ * @returns {string} - Module Name
+ * @private
+ */
+ ColorPicker.prototype.getModuleName = function () {
+ return 'colorpicker';
+ };
+ /**
+ * Gets the properties to be maintained in the persisted state.
+ *
+ * @returns {string} - Persist data
+ */
+ ColorPicker.prototype.getPersistData = function () {
+ return this.addOnPersist(['value']);
+ };
+ ColorPicker.prototype.wireEvents = function () {
+ if (this.isPicker()) {
+ var dragHandler = this.getDragHandler();
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(dragHandler, 'keydown', this.pickerKeyDown, this);
+ var ctrlBtn = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CTRLBTN, this.container);
+ if (ctrlBtn) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(ctrlBtn, 'keydown', this.ctrlBtnKeyDown, this);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.getHsvContainer(), 'mousedown touchstart', this.handlerDown, this);
+ if (this.modeSwitcher || this.showButtons) {
+ this.addCtrlSwitchEvent();
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + PREVIOUS, this.container), 'click', this.previewHandler, this);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.container, 'click', this.paletteClickHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.container, 'keydown', this.paletteKeyDown, this);
+ }
+ };
+ ColorPicker.prototype.formResetHandler = function () {
+ this.value = this.initialInputValue;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'value': this.initialInputValue });
+ };
+ ColorPicker.prototype.addCtrlSwitchEvent = function () {
+ var ctrlSwitchBtn = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CTRLSWITCH, this.container);
+ if (ctrlSwitchBtn) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(ctrlSwitchBtn, 'click', this.btnClickHandler, this);
+ }
+ };
+ ColorPicker.prototype.ctrlBtnKeyDown = function (e) {
+ if (e.keyCode === 13) {
+ var applyBtn = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + APPLY, this.container);
+ if (applyBtn) {
+ var cValue = this.rgbToHex(this.rgb);
+ this.triggerChangeEvent(cValue);
+ }
+ this.splitBtn.element.focus();
+ }
+ };
+ ColorPicker.prototype.pickerKeyDown = function (e) {
+ switch (e.keyCode) {
+ case 39:
+ this.handlerDragPosition(1, this.enableRtl ? -1 : 1, e);
+ break;
+ case 37:
+ this.handlerDragPosition(1, this.enableRtl ? 1 : -1, e);
+ break;
+ case 38:
+ this.handlerDragPosition(2, 1, e);
+ break;
+ case 40:
+ this.handlerDragPosition(2, -1, e);
+ break;
+ case 13: {
+ e.preventDefault();
+ var cValue = this.rgbToHex(this.rgb);
+ this.enterKeyHandler(cValue, e);
+ }
+ }
+ };
+ ColorPicker.prototype.enterKeyHandler = function (value, e) {
+ this.triggerChangeEvent(value);
+ if (!this.inline) {
+ this.splitBtn.element.focus();
+ }
+ };
+ ColorPicker.prototype.closePopup = function (e) {
+ var _this = this;
+ var beforeCloseArgs = { element: this.container, event: e, cancel: false };
+ this.trigger('beforeClose', beforeCloseArgs, function (observedcloseArgs) {
+ if (!observedcloseArgs.cancel) {
+ _this.splitBtn.toggle();
+ _this.onPopupClose();
+ }
+ });
+ };
+ ColorPicker.prototype.triggerChangeEvent = function (value) {
+ var hex = value.slice(0, 7);
+ this.trigger('change', {
+ currentValue: { hex: hex, rgba: this.convertToRgbString(this.rgb) },
+ previousValue: { hex: this.value.slice(0, 7), rgba: this.convertToRgbString(this.hexToRgb(this.value)) },
+ value: this.enableOpacity ? value : hex
+ });
+ if (this.enableOpacity) {
+ this.setProperties({ 'value': value }, true);
+ }
+ else {
+ this.setProperties({ 'value': hex }, true);
+ }
+ this.element.value = hex ? hex : '#000000';
+ };
+ ColorPicker.prototype.handlerDragPosition = function (prob, value, e) {
+ e.preventDefault();
+ this.hsv[prob] += value * (e.ctrlKey ? 1 : 3);
+ if (this.hsv[prob] < 0) {
+ this.hsv[prob] = 0;
+ }
+ this.updateHsv();
+ this.convertToOtherFormat(true);
+ };
+ ColorPicker.prototype.handlerDown = function (e) {
+ e.preventDefault();
+ if (e.type === 'mousedown') {
+ this.clientX = Math.abs(e.pageX - pageXOffset);
+ this.clientY = Math.abs(e.pageY - pageYOffset);
+ this.setTooltipOffset(8);
+ }
+ else {
+ this.clientX = Math.abs(e.changedTouches[0].pageX - pageXOffset);
+ this.clientY = Math.abs(e.changedTouches[0].pageY - pageYOffset);
+ this.setTooltipOffset(-8);
+ }
+ this.setHsv(this.clientX, this.clientY);
+ this.getDragHandler().style.transition = 'left .4s cubic-bezier(.25, .8, .25, 1), top .4s cubic-bezier(.25, .8, .25, 1)';
+ this.updateHsv();
+ this.convertToOtherFormat();
+ this.getDragHandler().focus();
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mousemove touchmove', this.handlerMove, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mouseup touchend', this.handlerEnd, this);
+ };
+ ColorPicker.prototype.handlerMove = function (e) {
+ if (e.type !== 'touchmove') {
+ e.preventDefault();
+ }
+ var x;
+ var y;
+ if (e.type === 'mousemove') {
+ x = Math.abs(e.pageX - pageXOffset);
+ y = Math.abs(e.pageY - pageYOffset);
+ }
+ else {
+ x = Math.abs(e.changedTouches[0].pageX - pageXOffset);
+ y = Math.abs(e.changedTouches[0].pageY - pageYOffset);
+ }
+ this.setHsv(x, y);
+ var dragHandler = this.getDragHandler();
+ this.updateHsv();
+ this.convertToOtherFormat();
+ this.getTooltipInst().refresh(dragHandler);
+ if (!this.tooltipEle.style.transform) {
+ if (Math.abs(this.clientX - x) > 8 || Math.abs(this.clientY - y) > 8) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + HSVAREA, this.container).style.cursor = 'pointer';
+ dragHandler.style.transition = 'none';
+ if (!this.inline) {
+ this.tooltipEle.style.zIndex = (parseInt(this.getPopupEle().style.zIndex, 10) + 1).toString();
+ }
+ this.tooltipEle.style.transform = 'rotate(45deg)';
+ dragHandler.classList.add('e-hide-handler');
+ }
+ }
+ };
+ ColorPicker.prototype.setHsv = function (clientX, clientY) {
+ var ele = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + HSVAREA, this.container);
+ var position = ele.getBoundingClientRect();
+ if (this.enableRtl) {
+ clientX = clientX > position.right ? 0 : Math.abs(clientX - position.right);
+ }
+ else {
+ clientX = clientX > position.left ? Math.abs(clientX - position.left) : 0;
+ }
+ clientY = clientY > position.top ? Math.abs(clientY - position.top) : 0;
+ this.hsv[2] = Math.round(Number(100 * (ele.offsetHeight -
+ Math.max(0, Math.min(ele.offsetHeight, (clientY - ele.offsetTop)))) / ele.offsetHeight) * 10) / 10;
+ this.hsv[1] =
+ Math.round(Number(100 * (Math.max(0, Math.min(ele.offsetWidth, (clientX - ele.offsetLeft)))) / ele.offsetWidth) * 10) / 10;
+ };
+ ColorPicker.prototype.handlerEnd = function (e) {
+ if (e.type !== 'touchend') {
+ e.preventDefault();
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'mousemove touchmove', this.handlerMove);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'mouseup touchend', this.handlerEnd);
+ var dragHandler = this.getDragHandler();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + HSVAREA, this.container).style.cursor = '';
+ if (this.tooltipEle.style.transform) {
+ this.tooltipEle.style.transform = '';
+ dragHandler.classList.remove('e-hide-handler');
+ }
+ if (!this.inline && !this.showButtons) {
+ this.closePopup(e);
+ }
+ };
+ ColorPicker.prototype.btnClickHandler = function (e) {
+ var target = e.target;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(target, '.' + MODESWITCH)) {
+ e.stopPropagation();
+ this.switchToPalette();
+ }
+ else {
+ if (target.classList.contains(APPLY) || target.classList.contains(CANCEL)) {
+ this.ctrlBtnClick(target, e);
+ }
+ }
+ };
+ ColorPicker.prototype.switchToPalette = function () {
+ this.trigger('beforeModeSwitch', { element: this.container, mode: 'Palette' });
+ this.unWireEvents();
+ this.destroyOtherComp();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-slider-preview', this.container));
+ if (!this.getWrapper().classList.contains(HIDEVALUE)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + INPUTWRAPPER, this.container));
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.getHsvContainer());
+ this.createPalette();
+ this.firstPaletteFocus();
+ this.createInput();
+ this.refreshPopupPos();
+ this.wireEvents();
+ this.trigger('onModeSwitch', { element: this.container, mode: 'Palette' });
+ };
+ ColorPicker.prototype.refreshPopupPos = function () {
+ if (!this.inline) {
+ var popupEle = this.getPopupEle();
+ popupEle.style.left = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(0 + pageXOffset);
+ popupEle.style.top = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(0 + pageYOffset);
+ this.getPopupInst().refreshPosition(this.splitBtn.element.parentElement);
+ }
+ };
+ ColorPicker.prototype.formatSwitchHandler = function () {
+ if (this.isRgb) {
+ this.updateValue(this.hsv, true, 3, [360, 100, 100]);
+ this.isRgb = false;
+ }
+ else {
+ this.updateValue(this.rgb, true, 2);
+ this.isRgb = true;
+ }
+ };
+ ColorPicker.prototype.updateValue = function (value, format, idx, max) {
+ var clsName = ['e-rh-value', 'e-gs-value', 'e-bv-value'];
+ var inst;
+ for (var i = 0, len = clsName.length; i < len; i++) {
+ inst = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + clsName[i], this.container), _numerictextbox_index__WEBPACK_IMPORTED_MODULE_4__["NumericTextBox"]);
+ inst.value = Math.round(value[i]);
+ if (format) {
+ inst.placeholder = clsName[i].substr(idx, 1).toUpperCase();
+ inst.max = max ? max[i] : 255;
+ }
+ inst.dataBind();
+ }
+ };
+ ColorPicker.prototype.previewHandler = function (e) {
+ var target = e.target;
+ var pValue = this.rgbToHex(this.rgb);
+ this.rgb = this.convertRgbToNumberArray(target.style.backgroundColor);
+ if (!this.rgb[3]) {
+ this.rgb[3] = 1;
+ }
+ var cValue = this.rgbToHex(this.rgb);
+ var hsv = this.rgbToHsv.apply(this, this.rgb);
+ if (hsv[0] !== this.hsv[0]) {
+ this.hueSlider.setProperties({ 'value': hsv[0] }, true);
+ this.hueSlider.refresh();
+ }
+ this.setHsvContainerBg(hsv[0]);
+ if (this.enableOpacity && hsv[3] !== this.hsv[3]) {
+ this.opacitySlider.setProperties({ 'value': hsv[3] * 100 }, true);
+ this.opacitySlider.refresh();
+ this.updateOpacitySliderBg();
+ }
+ this.hsv = hsv;
+ this.setHandlerPosition();
+ this.updateInput(cValue);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + PREVIEW + ' .' + CURRENT, this.container).style.backgroundColor = this.convertToRgbString(this.rgb);
+ this.triggerEvent(cValue, pValue, this.convertToRgbString(this.rgb));
+ };
+ ColorPicker.prototype.paletteClickHandler = function (e) {
+ e.preventDefault();
+ var target = e.target;
+ if (target.classList.contains(TILE)) {
+ this.removeTileSelection();
+ this.addTileSelection(target);
+ if (target.classList.contains(NOCOLOR)) {
+ this.noColorTile();
+ }
+ else {
+ var cValue = target.getAttribute('aria-label');
+ var pValue = this.rgbToHex(this.rgb);
+ this.rgb = this.hexToRgb(this.roundValue(cValue));
+ this.hsv = this.rgbToHsv.apply(this, this.rgb);
+ if (this.getWrapper().classList.contains(SHOWVALUE)) {
+ this.updateInput(cValue);
+ }
+ this.triggerEvent(cValue, pValue, this.convertToRgbString(this.rgb));
+ }
+ if (!this.inline && !this.showButtons) {
+ this.closePopup(e);
+ }
+ }
+ else {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(target, '.' + MODESWITCH)) {
+ this.switchToPicker();
+ }
+ else {
+ if (target.classList.contains(APPLY) || target.classList.contains(CANCEL)) {
+ this.ctrlBtnClick(target, e);
+ }
+ else {
+ if (this.getWrapper().classList.contains(SHOWVALUE) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(target, '.' + FORMATSWITCH)) {
+ this.formatSwitchHandler();
+ }
+ }
+ }
+ }
+ };
+ ColorPicker.prototype.noColorTile = function (isKey) {
+ if (isKey === void 0) { isKey = false; }
+ var pValue = this.rgbToHex(this.rgb);
+ this.rgb = [];
+ this.hsv = [];
+ this.triggerEvent('', pValue, '', isKey);
+ };
+ ColorPicker.prototype.switchToPicker = function () {
+ var wrapper = this.getWrapper();
+ this.trigger('beforeModeSwitch', { element: this.container, mode: 'Picker' });
+ this.unWireEvents();
+ ([].slice.call(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + PALETTES, this.container))).forEach(function (ele) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(ele);
+ });
+ if (wrapper.classList.contains(SHOWVALUE)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + INPUTWRAPPER, this.container));
+ }
+ this.container.style.width = '';
+ var grpEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-custom-palette', this.container);
+ if (this.presetColors) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(grpEle);
+ }
+ this.createPicker();
+ this.getDragHandler().focus();
+ this.createInput();
+ this.refreshPopupPos();
+ this.wireEvents();
+ this.trigger('onModeSwitch', { element: this.container, mode: 'Picker' });
+ };
+ ColorPicker.prototype.ctrlBtnClick = function (ele, e) {
+ if (ele.classList.contains(APPLY)) {
+ var cValue = this.rgbToHex(this.rgb);
+ this.triggerChangeEvent(cValue);
+ }
+ if (!this.inline) {
+ this.closePopup(e);
+ this.splitBtn.element.focus();
+ }
+ };
+ ColorPicker.prototype.paletteKeyDown = function (e) {
+ var target = e.target;
+ if (!target.classList.contains(PALETTES)) {
+ return;
+ }
+ var selectedEle;
+ var idx;
+ var tiles = [].slice.call(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + TILE, target));
+ var prevSelectedEle = (tiles.filter(function (tile) { return tile.classList.contains('e-selected'); })).pop();
+ switch (!e.altKey && e.keyCode) {
+ case 39:
+ e.preventDefault();
+ selectedEle = prevSelectedEle ? tiles[this.tilePosition(tiles, prevSelectedEle, this.enableRtl ? -1 : 1)]
+ : tiles[this.enableRtl ? tiles.length - 1 : 0];
+ this.keySelectionChanges(selectedEle);
+ break;
+ case 37:
+ e.preventDefault();
+ selectedEle = prevSelectedEle ? tiles[this.tilePosition(tiles, prevSelectedEle, this.enableRtl ? 1 : -1)]
+ : tiles[this.enableRtl ? 0 : tiles.length - 1];
+ this.keySelectionChanges(selectedEle);
+ break;
+ case 38:
+ e.preventDefault();
+ idx = prevSelectedEle ? this.tilePosition(tiles, prevSelectedEle, -this.columns) : 0;
+ selectedEle = tiles[idx] ? tiles[idx] : tiles[idx - this.columns];
+ this.keySelectionChanges(selectedEle);
+ break;
+ case 40:
+ e.preventDefault();
+ idx = prevSelectedEle ? this.tilePosition(tiles, prevSelectedEle, this.columns) : tiles.length - 1;
+ if (tiles[idx]) {
+ selectedEle = tiles[idx];
+ }
+ else {
+ idx %= tiles.length;
+ idx += tiles[tiles.length - 1].parentElement.childElementCount;
+ selectedEle = tiles[idx];
+ }
+ this.keySelectionChanges(selectedEle);
+ break;
+ case 13:
+ e.preventDefault();
+ if (prevSelectedEle) {
+ var cValue = prevSelectedEle.getAttribute('aria-label');
+ this.enterKeyHandler(cValue ? cValue : '', e);
+ }
+ }
+ };
+ ColorPicker.prototype.keySelectionChanges = function (newEle) {
+ this.removeTileSelection();
+ this.addTileSelection(newEle);
+ if (newEle.classList.contains(NOCOLOR)) {
+ this.noColorTile(true);
+ }
+ else {
+ var cValue = newEle.getAttribute('aria-label');
+ var pValue = this.rgbToHex(this.rgb);
+ this.rgb = this.hexToRgb(cValue);
+ this.hsv = this.rgbToHsv.apply(this, this.rgb);
+ if (this.getWrapper().classList.contains(SHOWVALUE)) {
+ this.updateInput(cValue);
+ }
+ this.triggerEvent(cValue, pValue, this.convertToRgbString(this.rgb), true);
+ }
+ };
+ ColorPicker.prototype.tilePosition = function (items, element, cIdx) {
+ items = Array.prototype.slice.call(items);
+ var n = items.length;
+ var emptyCount = this.columns - items[n - 1].parentElement.childElementCount;
+ var idx = items.indexOf(element);
+ idx += cIdx;
+ if (idx < 0) {
+ idx += n + emptyCount;
+ }
+ else {
+ idx %= n + emptyCount;
+ }
+ return idx;
+ };
+ ColorPicker.prototype.inputHandler = function (e) {
+ var target = e.target;
+ if (!target.value.length) {
+ return;
+ }
+ var hsv;
+ var pValue;
+ var label = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-float-text', target.parentElement).textContent;
+ switch (label) {
+ case 'HEX': {
+ var value = '';
+ if ((target.value[0] === '#' && target.value.length !== 5) || (target.value[0] !== '#' && target.value.length !== 4)) {
+ value = this.roundValue(target.value);
+ }
+ if (value.length === 9) {
+ pValue = this.rgbToHex(this.rgb);
+ this.rgb = this.hexToRgb(value + value.substr(-2));
+ this.inputValueChange(this.rgbToHsv.apply(this, this.rgb), pValue, target.value);
+ }
+ else {
+ return;
+ }
+ break;
+ }
+ case 'R':
+ if (this.rgb[0] !== Number(target.value)) {
+ pValue = this.rgbToHex(this.rgb);
+ this.rgb[0] = Number(target.value);
+ hsv = this.rgbToHsv.apply(this, this.rgb);
+ this.inputValueChange(hsv, pValue);
+ }
+ break;
+ case 'G':
+ if (this.rgb[1] !== Number(target.value)) {
+ pValue = this.rgbToHex(this.rgb);
+ this.rgb[1] = Number(target.value);
+ hsv = this.rgbToHsv.apply(this, this.rgb);
+ this.inputValueChange(hsv, pValue);
+ }
+ break;
+ case 'B':
+ if (this.rgb[2] !== Number(target.value)) {
+ pValue = this.rgbToHex(this.rgb);
+ this.rgb[2] = Number(target.value);
+ hsv = this.rgbToHsv.apply(this, this.rgb);
+ this.inputValueChange(hsv, pValue);
+ }
+ break;
+ case 'H':
+ this.hueSlider.value = Number(target.value);
+ break;
+ case 'S':
+ if (this.hsv[1] !== Number(target.value)) {
+ this.hsv[1] = Number(target.value);
+ this.updateHsv();
+ this.convertToOtherFormat();
+ }
+ break;
+ case 'V':
+ if (this.hsv[2] !== Number(target.value)) {
+ this.hsv[2] = Number(target.value);
+ this.updateHsv();
+ this.convertToOtherFormat();
+ }
+ break;
+ case 'A':
+ this.opacitySlider.value = Number(target.value);
+ break;
+ }
+ };
+ ColorPicker.prototype.inputValueChange = function (hsv, pValue, value) {
+ if (hsv[0] !== this.hsv[0]) {
+ this.hueSlider.setProperties({ 'value': hsv[0] }, true);
+ this.hueSlider.refresh();
+ this.setHsvContainerBg(hsv[0]);
+ }
+ this.hsv = hsv;
+ var cValue = this.rgbToHex(this.rgb);
+ this.setHandlerPosition();
+ this.updateInput(value ? value : cValue);
+ var rgba = this.convertToRgbString(this.rgb);
+ this.updatePreview(rgba);
+ this.triggerEvent(cValue, pValue, rgba);
+ };
+ ColorPicker.prototype.triggerEvent = function (cValue, pValue, rgba, isKey) {
+ if (isKey === void 0) { isKey = false; }
+ var hex = cValue.slice(0, 7);
+ if (!this.showButtons && !isKey) {
+ this.trigger('change', { currentValue: { hex: hex, rgba: rgba },
+ previousValue: { hex: this.value.slice(0, 7), rgba: this.convertToRgbString(this.hexToRgb(this.value)) }, value: cValue });
+ if (this.enableOpacity) {
+ this.setProperties({ 'value': cValue }, true);
+ }
+ else {
+ this.setProperties({ 'value': hex }, true);
+ }
+ this.element.value = hex ? hex : '#000000';
+ }
+ else {
+ this.trigger('select', {
+ currentValue: { hex: hex, rgba: rgba },
+ previousValue: { hex: pValue.slice(0, 7), rgba: this.convertToRgbString(this.hexToRgb(pValue)) }
+ });
+ }
+ };
+ /**
+ * Removes the component from the DOM and detaches all its related event handlers.
+ * Also it maintains the initial input element from the DOM.
+ *
+ * @method destroy
+ * @returns {void}
+ */
+ ColorPicker.prototype.destroy = function () {
+ var _this = this;
+ var wrapper = this.getWrapper();
+ _super.prototype.destroy.call(this);
+ ['tabindex', 'spellcheck'].forEach(function (attr) { _this.element.removeAttribute(attr); });
+ if (this.inline) {
+ this.unWireEvents();
+ this.destroyOtherComp();
+ }
+ else {
+ if (this.isPopupOpen()) {
+ this.unWireEvents();
+ this.destroyOtherComp();
+ }
+ this.splitBtn.destroy();
+ this.splitBtn = null;
+ }
+ this.tileRipple();
+ this.tileRipple = null;
+ this.ctrlBtnRipple();
+ this.ctrlBtnRipple = null;
+ if (this.element.nextElementSibling) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.element.nextElementSibling);
+ }
+ if (wrapper) {
+ wrapper.parentElement.insertBefore(this.element, wrapper);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(wrapper);
+ }
+ this.container = null;
+ if (this.formElement) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.formElement, 'reset', this.formResetHandler);
+ }
+ };
+ ColorPicker.prototype.destroyOtherComp = function () {
+ if (this.isPicker()) {
+ var popup = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.hueSlider.element, '.e-color-picker');
+ var numericElemColl = popup.querySelectorAll('.e-numerictextbox');
+ for (var i = 0; i < numericElemColl.length; i++) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(numericElemColl[i], _numerictextbox_index__WEBPACK_IMPORTED_MODULE_4__["NumericTextBox"]).destroy();
+ }
+ this.hueSlider.destroy();
+ if (this.enableOpacity) {
+ this.opacitySlider.destroy();
+ this.opacitySlider = null;
+ }
+ this.hueSlider = null;
+ var tooltipInst = this.getTooltipInst();
+ tooltipInst.close();
+ tooltipInst.destroy();
+ this.tooltipEle = null;
+ }
+ };
+ ColorPicker.prototype.isPopupOpen = function () {
+ return this.getPopupEle().classList.contains('e-popup-open');
+ };
+ ColorPicker.prototype.unWireEvents = function () {
+ if (this.isPicker()) {
+ var dragHandler = this.getDragHandler();
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(dragHandler, 'keydown', this.pickerKeyDown);
+ var ctrlBtn = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CTRLBTN, this.container);
+ if (ctrlBtn) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(ctrlBtn, 'keydown', this.ctrlBtnKeyDown);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.getHsvContainer(), 'mousedown touchstart', this.handlerDown);
+ if (this.modeSwitcher || this.showButtons) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CTRLSWITCH, this.container), 'click', this.btnClickHandler);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + PREVIOUS, this.container), 'click', this.previewHandler);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.container, 'click', this.paletteClickHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.container, 'keydown', this.paletteKeyDown);
+ }
+ };
+ ColorPicker.prototype.roundValue = function (value) {
+ if (!value) {
+ return '';
+ }
+ if (value[0] !== '#') {
+ value = '#' + value;
+ }
+ var len = value.length;
+ if (len === 4) {
+ value += 'f';
+ len = 5;
+ }
+ if (len === 5) {
+ var tempValue = '';
+ for (var i = 1, len_1 = value.length; i < len_1; i++) {
+ tempValue += (value.charAt(i) + value.charAt(i));
+ }
+ value = '#' + tempValue;
+ len = 9;
+ }
+ if (len === 7) {
+ value += 'ff';
+ }
+ return value;
+ };
+ ColorPicker.prototype.hexToRgb = function (hex) {
+ if (!hex) {
+ return [];
+ }
+ hex = hex.trim();
+ if (hex.length !== 9) {
+ hex = this.roundValue(hex);
+ }
+ var opacity = Number((parseInt(hex.slice(-2), 16) / 255).toFixed(2));
+ hex = hex.slice(1, 7);
+ var bigInt = parseInt(hex, 16);
+ var h = [];
+ h.push((bigInt >> 16) & 255);
+ h.push((bigInt >> 8) & 255);
+ h.push(bigInt & 255);
+ h.push(opacity);
+ return h;
+ };
+ ColorPicker.prototype.rgbToHsv = function (r, g, b, opacity) {
+ if (this.rgb && !this.rgb.length) {
+ return [];
+ }
+ r /= 255;
+ g /= 255;
+ b /= 255;
+ var max = Math.max(r, g, b);
+ var min = Math.min(r, g, b);
+ var h;
+ var v = max;
+ var d = max - min;
+ var s = max === 0 ? 0 : d / max;
+ if (max === min) {
+ h = 0;
+ }
+ else {
+ switch (max) {
+ case r:
+ h = (g - b) / d + (g < b ? 6 : 0);
+ break;
+ case g:
+ h = (b - r) / d + 2;
+ break;
+ case b:
+ h = (r - g) / d + 4;
+ break;
+ }
+ h /= 6;
+ }
+ var hsv = [Math.round(h * 360), Math.round(s * 1000) / 10, Math.round(v * 1000) / 10];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(opacity)) {
+ hsv.push(opacity);
+ }
+ return hsv;
+ };
+ ColorPicker.prototype.hsvToRgb = function (h, s, v, opacity) {
+ var r;
+ var g;
+ var b;
+ s /= 100;
+ v /= 100;
+ if (s === 0) {
+ r = g = b = v;
+ return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255), opacity];
+ }
+ h /= 60;
+ var i = Math.floor(h);
+ var f = h - i;
+ var p = v * (1 - s);
+ var q = v * (1 - s * f);
+ var t = v * (1 - s * (1 - f));
+ switch (i) {
+ case 0:
+ r = v;
+ g = t;
+ b = p;
+ break;
+ case 1:
+ r = q;
+ g = v;
+ b = p;
+ break;
+ case 2:
+ r = p;
+ g = v;
+ b = t;
+ break;
+ case 3:
+ r = p;
+ g = q;
+ b = v;
+ break;
+ case 4:
+ r = t;
+ g = p;
+ b = v;
+ break;
+ default:
+ r = v;
+ g = p;
+ b = q;
+ }
+ var rgb = [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(opacity)) {
+ rgb.push(opacity);
+ }
+ return rgb;
+ };
+ ColorPicker.prototype.rgbToHex = function (rgb) {
+ return rgb.length ? ('#' + this.hex(rgb[0]) + this.hex(rgb[1]) + this.hex(rgb[2]) +
+ (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(rgb[3]) ? (rgb[3] !== 0 ? (Math.round(rgb[3] * 255) + 0x10000).toString(16).substr(-2) : '00') : '')) : '';
+ };
+ ColorPicker.prototype.hex = function (x) {
+ return ('0' + x.toString(16)).slice(-2);
+ };
+ ColorPicker.prototype.changeModeSwitcherProp = function (prop) {
+ var ctrlSwitchWrapper = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CTRLSWITCH, this.container);
+ if (prop) {
+ if (ctrlSwitchWrapper) {
+ this.appendModeSwitchBtn();
+ }
+ else {
+ this.createCtrlBtn();
+ if (this.isPicker() && !this.disabled) {
+ this.addCtrlSwitchEvent();
+ }
+ }
+ }
+ else {
+ if (ctrlSwitchWrapper) {
+ if (this.showButtons) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + MODESWITCH, ctrlSwitchWrapper));
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(ctrlSwitchWrapper);
+ }
+ }
+ }
+ };
+ ColorPicker.prototype.changeShowBtnProps = function (prop) {
+ var ctrlBtnWrapper = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CTRLSWITCH, this.container);
+ if (prop) {
+ if (ctrlBtnWrapper) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(ctrlBtnWrapper);
+ }
+ this.createCtrlBtn();
+ if (this.isPicker() && !this.disabled) {
+ this.addCtrlSwitchEvent();
+ }
+ }
+ else {
+ if (this.modeSwitcher) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CTRLBTN, ctrlBtnWrapper));
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(ctrlBtnWrapper);
+ }
+ }
+ };
+ ColorPicker.prototype.changeValueProp = function (newProp) {
+ if (this.isPicker()) {
+ this.rgb = this.hexToRgb(newProp);
+ this.hsv = this.rgbToHsv.apply(this, this.rgb);
+ this.setHandlerPosition();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.hueSlider.element, '.e-slider-preview'));
+ this.createSlider();
+ this.setHsvContainerBg();
+ this.updateInput(newProp);
+ if (this.rgb.length === 4) {
+ this.updateOpacityInput(this.rgb[3] * 100);
+ }
+ }
+ else {
+ this.removeTileSelection();
+ var ele = this.container.querySelector('span[aria-label="' + this.roundValue(newProp) + '"]');
+ if (ele) {
+ this.addTileSelection(ele);
+ }
+ }
+ };
+ ColorPicker.prototype.setInputEleProps = function () {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + INPUTWRAPPER, this.container));
+ this.createInput();
+ };
+ ColorPicker.prototype.changeDisabledProp = function (newProp) {
+ if (this.isPicker()) {
+ this.hueSlider.enabled = !newProp;
+ this.opacitySlider.enabled = !newProp;
+ this.setInputEleProps();
+ }
+ if (newProp) {
+ this.toggleDisabled(true);
+ this.unWireEvents();
+ }
+ else {
+ this.toggleDisabled(false);
+ this.wireEvents();
+ }
+ };
+ ColorPicker.prototype.changeCssClassProps = function (newProp, oldProp) {
+ var wrapper = this.getWrapper();
+ var popupWrapper = this.getPopupEle();
+ if (oldProp) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([wrapper, popupWrapper], oldProp.split(' '));
+ }
+ if (newProp) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([wrapper, popupWrapper], newProp.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ };
+ ColorPicker.prototype.changeRtlProps = function (newProp) {
+ if (newProp) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.getWrapper()], 'e-rtl');
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.getWrapper()], 'e-rtl');
+ }
+ };
+ ColorPicker.prototype.changePaletteProps = function () {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.container.children[0]);
+ this.container.style.width = '';
+ this.createPalette();
+ };
+ ColorPicker.prototype.changeOpacityProps = function (newProp) {
+ var wrapper = this.getWrapper();
+ if (newProp) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.container.parentElement], HIDEOPACITY);
+ this.createOpacitySlider(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-colorpicker-slider', this.container).appendChild(this.createElement('div', { className: 'e-opacity-slider' })));
+ if (!wrapper.classList.contains(HIDEVALUE) && !wrapper.classList.contains(HIDERGBA)) {
+ this.appendOpacityValue(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-input-container', this.container));
+ }
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.container.parentElement], HIDEOPACITY);
+ this.opacitySlider.destroy();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(this.opacitySlider.element);
+ this.opacitySlider = null;
+ if (!wrapper.classList.contains(HIDEVALUE) && !wrapper.classList.contains(HIDERGBA)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + OPACITY, this.container).parentElement);
+ }
+ }
+ };
+ /**
+ * Called internally if any of the property value changed.
+ *
+ * @param {ColorPickerModel} newProp - Specifies new properties
+ * @param {ColorPickerModel} oldProp - Specifies old properties
+ * @returns {void}
+ * @private
+ */
+ ColorPicker.prototype.onPropertyChanged = function (newProp, oldProp) {
+ var _this = this;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(newProp.value)) {
+ var value = this.roundValue(newProp.value);
+ if (value.length === 9) {
+ this.element.value = this.roundValue(value).slice(0, 7);
+ var preview = this.splitBtn && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + SPLITPREVIEW, this.splitBtn.element);
+ if (preview) {
+ preview.style.backgroundColor = this.convertToRgbString(this.hexToRgb(newProp.value));
+ }
+ }
+ else if (this.noColor && this.mode === 'Palette' && this.value === '') {
+ var preview = this.splitBtn && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + SPLITPREVIEW, this.splitBtn.element);
+ preview.style.backgroundColor = '';
+ }
+ else {
+ this.value = oldProp.value;
+ }
+ }
+ if (!this.inline && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(newProp.inline)) {
+ var otherCompModel = ['disabled', 'enableRtl'];
+ this.splitBtn.setProperties(Object(_ej2_splitbuttons__WEBPACK_IMPORTED_MODULE_1__["getModel"])(newProp, otherCompModel));
+ if (!this.isPopupOpen()) {
+ this.changeCssClassProps(newProp.cssClass, oldProp.cssClass);
+ this.changeRtlProps(newProp.enableRtl);
+ return;
+ }
+ }
+ var _loop_1 = function (prop) {
+ switch (prop) {
+ case 'inline':
+ if (newProp.inline) {
+ this_1.getWrapper().appendChild(this_1.container);
+ this_1.splitBtn.destroy();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this_1.element.nextElementSibling);
+ if (!this_1.container.children.length) {
+ this_1.createWidget();
+ }
+ }
+ else {
+ this_1.destroyOtherComp();
+ this_1.unWireEvents();
+ this_1.container.innerHTML = '';
+ this_1.createSplitBtn();
+ }
+ break;
+ case 'cssClass': {
+ this_1.changeCssClassProps(newProp.cssClass, oldProp.cssClass);
+ var props = newProp.cssClass.split(' ').concat(oldProp.cssClass.split(' '));
+ props = props.reduce(function (a, b) { if (a.indexOf(b) < 0) {
+ a.push(b);
+ } return a; }, []);
+ var count_1 = 0;
+ props.forEach(function (cls) {
+ if (count_1 === 0 &&
+ (cls === HIDEVALUE || cls === HIDEVALUESWITCH || cls === SHOWVALUE || cls === HIDEHEX || cls === HIDERGBA)) {
+ var inputWrap = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + INPUTWRAPPER, _this.container);
+ if (inputWrap) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + INPUTWRAPPER, _this.container));
+ }
+ _this.createInput();
+ count_1++;
+ }
+ });
+ break;
+ }
+ case 'enableRtl':
+ if (this_1.isPicker()) {
+ this_1.hueSlider.enableRtl = newProp.enableRtl;
+ if (this_1.enableOpacity) {
+ this_1.opacitySlider.enableRtl = newProp.enableRtl;
+ }
+ this_1.setInputEleProps();
+ }
+ this_1.changeRtlProps(newProp.enableRtl);
+ break;
+ case 'disabled':
+ this_1.changeDisabledProp(newProp.disabled);
+ break;
+ case 'value':
+ if (this_1.value !== oldProp.value) {
+ this_1.changeValueProp(newProp.value);
+ }
+ break;
+ case 'showButtons':
+ this_1.changeShowBtnProps(newProp.showButtons);
+ break;
+ case 'mode':
+ if (newProp.mode === 'Picker') {
+ this_1.switchToPicker();
+ }
+ else {
+ this_1.switchToPalette();
+ }
+ break;
+ case 'modeSwitcher':
+ this_1.changeModeSwitcherProp(newProp.modeSwitcher);
+ break;
+ case 'columns':
+ case 'presetColors':
+ if (!this_1.isPicker()) {
+ this_1.changePaletteProps();
+ }
+ break;
+ case 'noColor':
+ if (newProp.noColor) {
+ if (this_1.mode === 'Palette' && !this_1.modeSwitcher) {
+ this_1.setNoColor();
+ }
+ }
+ else {
+ this_1.changePaletteProps();
+ }
+ break;
+ case 'enableOpacity':
+ this_1.changeOpacityProps(newProp.enableOpacity);
+ break;
+ }
+ };
+ var this_1 = this;
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ _loop_1(prop);
+ }
+ };
+ /**
+ * Sets the focus to Colorpicker
+ * its native method
+ *
+ * @public
+ * @returns {void}
+ */
+ ColorPicker.prototype.focusIn = function () {
+ this.element.parentElement.focus();
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('#008000ff')
+ ], ColorPicker.prototype, "value", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ColorPicker.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], ColorPicker.prototype, "disabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Picker')
+ ], ColorPicker.prototype, "mode", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], ColorPicker.prototype, "modeSwitcher", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], ColorPicker.prototype, "presetColors", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], ColorPicker.prototype, "showButtons", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(10)
+ ], ColorPicker.prototype, "columns", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], ColorPicker.prototype, "inline", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], ColorPicker.prototype, "noColor", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], ColorPicker.prototype, "enablePersistence", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], ColorPicker.prototype, "enableOpacity", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], ColorPicker.prototype, "createPopupOnClick", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ColorPicker.prototype, "select", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ColorPicker.prototype, "change", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ColorPicker.prototype, "beforeTileRender", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ColorPicker.prototype, "beforeOpen", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ColorPicker.prototype, "open", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ColorPicker.prototype, "beforeClose", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ColorPicker.prototype, "beforeModeSwitch", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ColorPicker.prototype, "onModeSwitch", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ColorPicker.prototype, "created", void 0);
+ ColorPicker = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], ColorPicker);
+ return ColorPicker;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/color-picker/index.js":
+/*!************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/color-picker/index.js ***!
+ \************************************************************************/
+/*! exports provided: ColorPicker */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _color_picker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./color-picker */ "./ej2-resources/22.1.37/scripts/ej2-inputs/color-picker/color-picker.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColorPicker", function() { return _color_picker__WEBPACK_IMPORTED_MODULE_0__["ColorPicker"]; });
+
+/**
+ * ColorPicker modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/common/index.js":
+/*!******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/common/index.js ***!
+ \******************************************************************/
+/*! exports provided: SignatureBase */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _signature_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./signature-base */ "./ej2-resources/22.1.37/scripts/ej2-inputs/common/signature-base.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SignatureBase", function() { return _signature_base__WEBPACK_IMPORTED_MODULE_0__["SignatureBase"]; });
+
+/**
+ * Signature base modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-inputs/common/signature-base.js":
+/*!***************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-inputs/common/signature-base.js ***!
+ \***************************************************************************/
+/*! exports provided: SignatureBase */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SignatureBase", function() { return SignatureBase; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+
+
+var SignatureBase = /** @__PURE__ @class */ (function (_super) {
+ __extends(SignatureBase, _super);
+ function SignatureBase() {
+ var _this = _super !== null && _super.apply(this, arguments) || this;
+ /* minDistance(distance between the two point) was calaculated for smoothness.*/
+ _this.minDistance = 5;
+ _this.previous = 0;
+ /* interval handles for the smoothness in the mouse move event.*/
+ _this.interval = 30;
+ _this.timeout = null;
+ _this.isSignatureEmpty = true;
+ _this.backgroundLoaded = null;
+ _this.clearArray = [];
+ _this.isBlazor = false;
+ _this.isResponsive = false;
+ _this.signPointsColl = [];
+ _this.signRatioPointsColl = [];
+ return _this;
+ }
+ /**
+ * To Initialize the component rendering
+ *
+ * @private
+ * @param {HTMLCanvasElement} element - Specifies the canvas element.
+ * @param {BlazorDotnetObject} dotnetRef - Specifies for blazor client to server communication.
+ * @returns {void}
+ */
+ SignatureBase.prototype.initialize = function (element, dotnetRef) {
+ this.element = element;
+ this.canvasContext = this.element.getContext('2d');
+ this.canvasContext.canvas.tabIndex = -1;
+ if (dotnetRef) {
+ this.dotnetRef = dotnetRef;
+ this.isBlazor = true;
+ if (this.signatureValue) {
+ this.loadPersistedSignature();
+ }
+ }
+ this.setHTMLProperties();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.signatureValue)) {
+ this.updateSnapCollection(true);
+ }
+ this.wireEvents();
+ if (!this.isBlazor) {
+ this.trigger('created', null);
+ }
+ };
+ SignatureBase.prototype.wireEvents = function () {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.pointColl) && !this.isReadOnly && !this.disabled) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.canvasContext.canvas, 'mousedown touchstart', this.mouseDownHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.canvasContext.canvas, 'keydown', this.keyboardHandler, this);
+ window.addEventListener('resize', this.resizeHandler.bind(this));
+ }
+ else if (this.pointColl) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.canvasContext.canvas, 'mousemove touchmove', this.mouseMoveHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.canvasContext.canvas, 'mouseup touchend', this.mouseUpHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mouseup', this.mouseUpHandler, this);
+ }
+ };
+ SignatureBase.prototype.unwireEvents = function (type) {
+ if (type === 'mouseup' || type === 'touchend') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.canvasContext.canvas, 'mousemove touchmove', this.mouseMoveHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.canvasContext.canvas, 'mouseup touchend', this.mouseUpHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'mouseup', this.mouseUpHandler);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.canvasContext.canvas, 'mousedown touchstart', this.mouseDownHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.canvasContext.canvas, 'keydown', this.keyboardHandler);
+ window.removeEventListener('resize', this.resizeHandler);
+ }
+ };
+ SignatureBase.prototype.setHTMLProperties = function () {
+ if (this.element.height === 150 && this.element.width === 300) {
+ this.element.height = this.element.offsetHeight;
+ this.element.width = this.element.offsetWidth;
+ this.isResponsive = true;
+ }
+ else if (this.element.height !== this.element.offsetHeight - 1 || this.element.width !== this.element.offsetWidth - 1) {
+ this.element.height = this.element.offsetHeight;
+ this.element.width = this.element.offsetWidth;
+ }
+ this.canvasContext.scale(1, 1);
+ this.canvasContext.fillStyle = this.strokeColor;
+ if (this.backgroundImage) {
+ this.canvasContext.canvas.style.backgroundImage = 'url(' + this.backgroundImage + ')';
+ this.canvasContext.canvas.style.backgroundRepeat = 'no-repeat';
+ }
+ else if (this.backgroundColor) {
+ this.canvasContext.canvas.style.backgroundColor = this.backgroundColor;
+ }
+ };
+ // eslint-disable-next-line
+ SignatureBase.prototype.mouseDownHandler = function (e) {
+ if (e.buttons === 1 || e.buttons === 2 || e.type === 'touchstart') {
+ if (e.type === 'touchstart') {
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ this.beginStroke(e);
+ this.wireEvents();
+ }
+ };
+ SignatureBase.prototype.mouseMoveHandler = function (e) {
+ if (e.buttons === 1 || e.buttons === 2 || e.type === 'touchmove') {
+ if (e.type === 'touchmove') {
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ if (this.interval) {
+ this.updateStrokeWithThrottle(e);
+ }
+ else {
+ this.updateStroke(e);
+ }
+ }
+ };
+ SignatureBase.prototype.mouseUpHandler = function (e) {
+ var args = { actionName: 'strokeUpdate' };
+ if (e.type === 'touchstart') {
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ this.endDraw();
+ this.updateSnapCollection();
+ this.unwireEvents(e.type);
+ if (!this.isBlazor) {
+ this.trigger('change', args);
+ }
+ else {
+ this.dotnetRef.invokeMethodAsync('TriggerEventAsync', 'mouseUp');
+ }
+ this.signatureValue = this.snapColl[this.incStep];
+ for (var i = 0; i < this.signPointsColl.length; i++) {
+ this.signRatioPointsColl.push({ x: (this.signPointsColl[i].x / this.canvasContext.canvas.width),
+ y: (this.signPointsColl[i].y / this.canvasContext.canvas.height) });
+ }
+ this.signPointsColl = [];
+ };
+ SignatureBase.prototype.keyboardHandler = function (e) {
+ var _this = this;
+ var args = { fileName: 'Signature', type: 'Png', cancel: false };
+ switch (e.key) {
+ case 'Delete':
+ this.clear();
+ break;
+ case (e.ctrlKey && 's'):
+ if (!this.isBlazor) {
+ this.trigger('beforeSave', args, function (observableSaveArgs) {
+ if (!args.cancel) {
+ _this.save(observableSaveArgs.type, observableSaveArgs.fileName);
+ }
+ });
+ }
+ else {
+ this.dotnetRef.invokeMethodAsync('TriggerEventAsync', 'beforeSave');
+ }
+ e.preventDefault();
+ e.stopImmediatePropagation();
+ break;
+ case (e.ctrlKey && 'z'):
+ this.undo();
+ break;
+ case (e.ctrlKey && 'y'):
+ this.redo();
+ break;
+ }
+ };
+ SignatureBase.prototype.resizeHandler = function () {
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var proxy = this;
+ if (this.isResponsive) {
+ this.canvasContext.canvas.width = this.element.offsetWidth;
+ this.canvasContext.canvas.height = this.element.offsetHeight;
+ this.canvasContext.scale(1, 1);
+ var pointSize = (this.minStrokeWidth + this.maxStrokeWidth) / 2;
+ for (var i = 0; i < this.signRatioPointsColl.length; i++) {
+ this.arcDraw((this.signRatioPointsColl[i].x * this.canvasContext.canvas.width), (this.signRatioPointsColl[i].y * this.canvasContext.canvas.height), pointSize);
+ }
+ this.signPointsColl = [];
+ this.canvasContext.closePath();
+ this.canvasContext.fill();
+ }
+ else {
+ var restoreImg_1 = new Image();
+ restoreImg_1.src = this.snapColl[this.incStep];
+ restoreImg_1.onload = function () {
+ proxy.canvasContext.clearRect(0, 0, proxy.element.width, proxy.element.height);
+ proxy.canvasContext.drawImage(restoreImg_1, 0, 0, proxy.element.width, proxy.element.height);
+ };
+ }
+ };
+ SignatureBase.prototype.beginStroke = function (e) {
+ this.refresh();
+ this.updateStroke(e);
+ };
+ SignatureBase.prototype.updateStroke = function (e) {
+ var point = this.createPoint(e);
+ this.addPoint(point);
+ };
+ SignatureBase.prototype.updateStrokeWithThrottle = function (args) {
+ var now = Date.now();
+ var remaining = this.interval - (now - this.previous);
+ this.storedArgs = args;
+ if (remaining <= 0 || remaining > this.interval) {
+ if (this.timeout) {
+ clearTimeout(this.timeout);
+ this.timeout = null;
+ }
+ this.previous = now;
+ this.updateStroke(this.storedArgs);
+ if (!this.timeout) {
+ this.storedArgs = null;
+ }
+ }
+ else if (!this.timeout) {
+ this.timeout = window.setTimeout(this.delay.bind(this), remaining);
+ }
+ };
+ SignatureBase.prototype.delay = function () {
+ this.previous = Date.now();
+ this.timeout = null;
+ this.updateStroke(this.storedArgs);
+ if (!this.timeout) {
+ this.storedArgs = null;
+ }
+ };
+ SignatureBase.prototype.createPoint = function (e) {
+ var rect = this.canvasContext.canvas.getBoundingClientRect();
+ if (e.type === 'mousedown' || e.type === 'mousemove') {
+ return this.point(e.clientX - rect.left, e.clientY - rect.top, new Date().getTime());
+ }
+ else {
+ return this.point(e.touches[0].clientX - rect.left, e.touches[0].clientY - rect.top, new Date().getTime());
+ }
+ };
+ /* Returns the current point corrdinates(x, y) and time.*/
+ SignatureBase.prototype.point = function (pointX, pointY, time) {
+ this.pointX = pointX;
+ this.pointY = pointY;
+ this.time = time || new Date().getTime();
+ return { x: this.pointX, y: this.pointY, time: this.time };
+ };
+ SignatureBase.prototype.addPoint = function (point) {
+ var points = this.pointColl;
+ var controlPoint1;
+ var controlPoint2;
+ var lastPoint = points.length > 0 && points[points.length - 1];
+ var isLastPointTooClose = lastPoint ? this.distanceTo(lastPoint) <= this.minDistance : false;
+ if (!lastPoint || !(lastPoint && isLastPointTooClose)) {
+ points.push(point);
+ if (points.length > 2) {
+ if (points.length === 3) {
+ points.unshift(points[0]);
+ }
+ controlPoint1 = (this.calculateCurveControlPoints(points[0], points[1], points[2])).controlPoint2;
+ controlPoint2 = (this.calculateCurveControlPoints(points[1], points[2], points[3])).controlPoint1;
+ this.startPoint = points[1];
+ this.controlPoint1 = controlPoint1;
+ this.controlPoint2 = controlPoint2;
+ this.endPoint = points[2];
+ this.startDraw();
+ points.shift();
+ }
+ }
+ };
+ SignatureBase.prototype.startDraw = function () {
+ var velocity;
+ velocity = this.pointVelocityCalc(this.startPoint);
+ velocity = this.velocity * velocity + (1 - this.velocity) * this.lastVelocity;
+ var newWidth = Math.max(this.maxStrokeWidth / (velocity + 1), this.minStrokeWidth);
+ this.curveDraw(this.lastWidth, newWidth);
+ this.lastVelocity = velocity;
+ this.lastWidth = newWidth;
+ };
+ SignatureBase.prototype.endDraw = function () {
+ var canDrawCurve = this.pointColl.length > 2;
+ var point = this.pointColl[0];
+ if (!canDrawCurve && point) {
+ this.strokeDraw(point);
+ }
+ };
+ /* Calculate the Bezier (x, y) coordinate of the curve. */
+ SignatureBase.prototype.curveDraw = function (startWidth, endWidth) {
+ var context = this.canvasContext;
+ var width;
+ var i;
+ var t1;
+ var t2;
+ var t3;
+ var u1;
+ var u2;
+ var u3;
+ var x;
+ var y;
+ var widthValue = endWidth - startWidth;
+ var bezierLength = this.bezierLengthCalc();
+ var drawSteps = Math.ceil(bezierLength) * 2;
+ context.beginPath();
+ for (i = 0; i < drawSteps; i++) {
+ t1 = i / drawSteps;
+ t2 = t1 * t1;
+ t3 = t2 * t1;
+ u1 = 1 - t1;
+ u2 = u1 * u1;
+ u3 = u2 * u1;
+ x = u3 * this.startPoint.x;
+ x += 3 * u2 * t1 * this.controlPoint1.x;
+ x += 3 * u1 * t2 * this.controlPoint2.x;
+ x += t3 * this.endPoint.x;
+ y = u3 * this.startPoint.y;
+ y += 3 * u2 * t1 * this.controlPoint1.y;
+ y += 3 * u1 * t2 * this.controlPoint2.y;
+ y += t3 * this.endPoint.y;
+ width = Math.min(startWidth + t3 * widthValue, this.maxStrokeWidth);
+ this.arcDraw(x, y, width);
+ }
+ context.closePath();
+ context.fill();
+ this.isSignatureEmpty = false;
+ };
+ SignatureBase.prototype.strokeDraw = function (point) {
+ var context = this.canvasContext;
+ var pointSize = (this.minStrokeWidth + this.maxStrokeWidth) / 2;
+ context.beginPath();
+ this.arcDraw(point.x, point.y, pointSize);
+ context.closePath();
+ context.fill();
+ this.isSignatureEmpty = false;
+ };
+ SignatureBase.prototype.arcDraw = function (x, y, size) {
+ this.signPointsColl.push({ x: x, y: y });
+ var context = this.canvasContext;
+ context.moveTo(x, y);
+ context.arc(x, y, size, 0, 2 * Math.PI, false);
+ };
+ /* Utility functions for Bezier algorithm*/
+ SignatureBase.prototype.calculateCurveControlPoints = function (p1, p2, p3) {
+ var dx1 = p1.x - p2.x;
+ var dy1 = p1.y - p2.y;
+ var dx2 = p2.x - p3.x;
+ var dy2 = p2.y - p3.y;
+ var m1 = { x: (p1.x + p2.x) / 2.0, y: (p1.y + p2.y) / 2.0 };
+ var m2 = { x: (p2.x + p3.x) / 2.0, y: (p2.y + p3.y) / 2.0 };
+ var l1 = Math.sqrt(dx1 * dx1 + dy1 * dy1);
+ var l2 = Math.sqrt(dx2 * dx2 + dy2 * dy2);
+ var dxm = (m1.x - m2.x);
+ var dym = (m1.y - m2.y);
+ var k = l2 / (l1 + l2);
+ var cm = { x: m2.x + dxm * k, y: m2.y + dym * k };
+ var tx = p2.x - cm.x;
+ var ty = p2.y - cm.y;
+ return {
+ controlPoint1: this.point(m1.x + tx, m1.y + ty, 0),
+ controlPoint2: this.point(m2.x + tx, m2.y + ty, 0)
+ };
+ };
+ /* Returns approximated bezier length of the curuve.*/
+ SignatureBase.prototype.bezierLengthCalc = function () {
+ var steps = 10;
+ var length = 0;
+ var i;
+ var t;
+ var pointx1;
+ var pointy1;
+ var pointx2;
+ var pointy2;
+ var pointx3;
+ var pointy3;
+ for (i = 0; i <= steps; i++) {
+ t = i / steps;
+ pointx1 = this.bezierPointCalc(t, this.startPoint.x, this.controlPoint1.x, this.controlPoint2.x, this.endPoint.x);
+ pointy1 = this.bezierPointCalc(t, this.startPoint.y, this.controlPoint1.y, this.controlPoint2.y, this.endPoint.y);
+ if (i > 0) {
+ pointx3 = pointx1 - pointx2;
+ pointy3 = pointy1 - pointy2;
+ length += Math.sqrt(pointx3 * pointx3 + pointy3 * pointy3);
+ }
+ pointx2 = pointx1;
+ pointy2 = pointy1;
+ }
+ return length;
+ };
+ /* Calculate parametric value of x or y given t and the
+ four point(startpoint, controlpoint1, controlpoint2, endpoint) coordinates of a cubic bezier curve.*/
+ SignatureBase.prototype.bezierPointCalc = function (t, startpoint, cp1, cp2, endpoint) {
+ return startpoint * (1.0 - t) * (1.0 - t) * (1.0 - t) + 3.0 * cp1 * (1.0 - t) * (1.0 - t) * t + 3.0 *
+ cp2 * (1.0 - t) * t * t + endpoint * t * t * t;
+ };
+ /* Velocity between the current point and last point.*/
+ SignatureBase.prototype.pointVelocityCalc = function (startPoint) {
+ return (this.time !== startPoint.time) ? this.distanceTo(startPoint) / (this.time - startPoint.time) : 0;
+ };
+ /* Distance between the current point and last point.*/
+ SignatureBase.prototype.distanceTo = function (start) {
+ return Math.sqrt(Math.pow(this.pointX - start.x, 2) + Math.pow(this.pointY - start.y, 2));
+ };
+ SignatureBase.prototype.isRead = function (isRead) {
+ if (isRead) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.canvasContext.canvas, 'mousedown touchstart', this.mouseDownHandler);
+ }
+ else if (!this.disabled) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.canvasContext.canvas, 'mousedown touchstart', this.mouseDownHandler, this);
+ }
+ };
+ SignatureBase.prototype.enableOrDisable = function (isDisable) {
+ this.disabled = isDisable;
+ if (isDisable) {
+ this.canvasContext.canvas.style.filter = 'opacity(0.5)';
+ this.isRead(true);
+ }
+ else {
+ this.canvasContext.canvas.style.filter = '';
+ this.isRead(false);
+ }
+ };
+ SignatureBase.prototype.updateSnapCollection = function (isClear) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.incStep)) {
+ this.incStep = -1;
+ this.incStep++;
+ this.snapColl = [];
+ this.clearArray = [];
+ }
+ else {
+ this.incStep++;
+ }
+ if (this.incStep < this.snapColl.length) {
+ this.snapColl.length = this.incStep;
+ }
+ if (this.incStep > 0) {
+ var canvasNew = this.createElement('canvas', { className: 'e-' + this.getModuleName() + '-wrapper' });
+ var canvasContextNew = canvasNew.getContext('2d');
+ canvasNew.width = this.canvasContext.canvas.width;
+ canvasNew.height = this.canvasContext.canvas.height;
+ canvasContextNew.drawImage(this.canvasContext.canvas, 0, 0, canvasNew.width, canvasNew.height);
+ this.snapColl.push(canvasNew.toDataURL());
+ }
+ else {
+ this.snapColl.push(this.canvasContext.canvas.toDataURL());
+ }
+ if (isClear) {
+ this.clearArray.push(this.incStep);
+ }
+ };
+ SignatureBase.prototype.setBackgroundImage = function (imageSrc) {
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var proxy = this;
+ var imageObj = new Image();
+ imageObj.crossOrigin = 'anonymous';
+ imageObj.src = imageSrc;
+ imageObj.onload = function () {
+ proxy.canvasContext.globalCompositeOperation = 'source-over';
+ proxy.canvasContext.drawImage(imageObj, 0, 0, proxy.element.width, proxy.element.height);
+ proxy.updateSnapCollection();
+ proxy.saveBackground(true);
+ };
+ this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
+ };
+ SignatureBase.prototype.setBackgroundColor = function (color) {
+ var canvasEle = this.canvasContext;
+ canvasEle.strokeStyle = color;
+ var i;
+ var j;
+ for (i = 1; i <= canvasEle.canvas.width; i++) {
+ for (j = 1; j <= canvasEle.canvas.height; j++) {
+ canvasEle.strokeRect(0, 0, i, j);
+ }
+ }
+ this.updateSnapCollection();
+ };
+ SignatureBase.prototype.loadPersistedSignature = function () {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.signatureValue)) {
+ return;
+ }
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var proxy = this;
+ var lastImage = new Image();
+ lastImage.src = this.signatureValue;
+ lastImage.onload = function () {
+ proxy.canvasContext.clearRect(0, 0, proxy.element.width, proxy.element.height);
+ proxy.canvasContext.drawImage(lastImage, 0, 0);
+ proxy.updateSnapCollection();
+ };
+ this.isSignatureEmpty = false;
+ };
+ /**
+ * To get the signature as Blob.
+ *
+ * @param {string} url - specify the url/base 64 string to get blob of the signature.
+ * @returns {Blob}.
+ */
+ SignatureBase.prototype.getBlob = function (url) {
+ var arr = url.split(',');
+ var type = arr[0].match(/:(.*?);/)[1];
+ var bstr = atob(arr[1]);
+ var n = bstr.length;
+ var u8arr = new Uint8Array(n);
+ while (n--) {
+ u8arr[n] = bstr.charCodeAt(n);
+ }
+ return new Blob([u8arr], { type: type });
+ };
+ SignatureBase.prototype.download = function (blob, fileName) {
+ var blobUrl = URL.createObjectURL(blob);
+ var a = document.createElement('a');
+ a.href = blobUrl;
+ a.target = '_parent';
+ a.download = fileName;
+ (document.body || document.documentElement).appendChild(a);
+ a.click();
+ a.parentNode.removeChild(a);
+ };
+ /**
+ * To refresh the signature.
+ *
+ * @private
+ * @returns {void}.
+ */
+ SignatureBase.prototype.refresh = function () {
+ this.pointColl = [];
+ this.lastVelocity = 0;
+ this.lastWidth = (this.minStrokeWidth + this.maxStrokeWidth) / 2;
+ };
+ /**
+ * Erases all the signature strokes signed by user.
+ *
+ * @returns {void}.
+ */
+ SignatureBase.prototype.clear = function () {
+ var args = { actionName: 'clear' };
+ this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
+ this.refresh();
+ this.signRatioPointsColl = [];
+ this.updateSnapCollection(true);
+ this.isSignatureEmpty = true;
+ if (!this.isBlazor) {
+ this.trigger('change', args);
+ }
+ else {
+ this.dotnetRef.invokeMethodAsync('TriggerEventAsync', 'Clear');
+ }
+ };
+ /**
+ * Undo the last user action.
+ *
+ * @returns {void}.
+ */
+ SignatureBase.prototype.undo = function () {
+ var args = { actionName: 'undo' };
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var proxy = this;
+ if (this.incStep > 0) {
+ this.incStep--;
+ var undoImg_1 = new Image();
+ undoImg_1.src = this.snapColl[this.incStep];
+ undoImg_1.onload = function () {
+ proxy.canvasContext.clearRect(0, 0, proxy.element.width, proxy.element.height);
+ proxy.canvasContext.drawImage(undoImg_1, 0, 0, proxy.element.width, proxy.element.height);
+ };
+ }
+ this.isClear();
+ if (!this.isBlazor) {
+ this.trigger('change', args);
+ }
+ else {
+ this.dotnetRef.invokeMethodAsync('TriggerEventAsync', 'Undo');
+ }
+ };
+ /**
+ * Redo the last user action.
+ *
+ * @returns {void}.
+ */
+ SignatureBase.prototype.redo = function () {
+ var args = { actionName: 'redo' };
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var proxy = this;
+ if (this.incStep < this.snapColl.length - 1) {
+ this.incStep++;
+ var redoImg_1 = new Image();
+ redoImg_1.src = this.snapColl[this.incStep];
+ redoImg_1.onload = function () {
+ proxy.canvasContext.clearRect(0, 0, proxy.element.width, proxy.element.height);
+ proxy.canvasContext.drawImage(redoImg_1, 0, 0, proxy.element.width, proxy.element.height);
+ };
+ }
+ this.isClear();
+ if (!this.isBlazor) {
+ this.trigger('change', args);
+ }
+ else {
+ this.dotnetRef.invokeMethodAsync('TriggerEventAsync', 'Redo');
+ }
+ };
+ SignatureBase.prototype.isClear = function () {
+ if (this.clearArray) {
+ var empty = false;
+ for (var i = 0; i < this.clearArray.length; i++) {
+ if (this.clearArray[i] === this.incStep) {
+ this.isSignatureEmpty = true;
+ empty = true;
+ }
+ }
+ if (!empty) {
+ this.isSignatureEmpty = false;
+ }
+ }
+ };
+ /**
+ * To check whether the signature is empty or not.
+ *
+ * @returns {boolean}.
+ */
+ SignatureBase.prototype.isEmpty = function () {
+ return this.isSignatureEmpty;
+ };
+ /**
+ * To check whether the undo collection is empty or not.
+ *
+ * @returns {boolean}.
+ */
+ SignatureBase.prototype.canUndo = function () {
+ return this.incStep > 0;
+ };
+ /**
+ * To check whether the redo collection is empty or not.
+ *
+ * @returns {boolean}.
+ */
+ SignatureBase.prototype.canRedo = function () {
+ return this.incStep < this.snapColl.length - 1;
+ };
+ /**
+ * To draw the signature based on the given text, with the font family and font size.
+ *
+ * @param {string} text - specify text to be drawn as signature.
+ * @param {string} fontFamily - specify font family of a signature.
+ * @param {number} fontSize - specify font size of a signature.
+ *
+ * @returns {void}.
+ */
+ SignatureBase.prototype.draw = function (text, fontFamily, fontSize) {
+ var args = { actionName: 'draw-text' };
+ this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
+ fontFamily = fontFamily || 'Arial';
+ fontSize = fontSize || 30;
+ this.canvasContext.font = fontSize + 'px ' + fontFamily;
+ this.canvasContext.textAlign = 'center';
+ this.canvasContext.textBaseline = 'middle';
+ this.canvasContext.fillText(text, this.element.width / 2, this.element.height / 2);
+ this.updateSnapCollection();
+ this.isSignatureEmpty = false;
+ this.trigger('change', args);
+ };
+ /**
+ * To load the signature with the given base 64 string, height and width.
+ *
+ * @param {string} signature - specify the url/base 64 string to be drawn as signature.
+ * @param {number} width - specify the width of the loaded signature image.
+ * @param {number} height - specify the height of the loaded signature image.
+ * @returns {void}.
+ */
+ SignatureBase.prototype.load = function (signature, width, height) {
+ height = height || this.element.height;
+ width = width || this.element.width;
+ this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var proxy = this;
+ var bitmapImage = new Image();
+ bitmapImage.src = signature;
+ if (signature.slice(0, 4) !== 'data') {
+ bitmapImage.crossOrigin = 'anonymous';
+ }
+ bitmapImage.onload = function () {
+ Promise.all([
+ createImageBitmap(bitmapImage, 0, 0, width, height)
+ ]).then(function (results) {
+ var tempCanvas = document.createElement('canvas');
+ tempCanvas.width = width;
+ tempCanvas.height = height;
+ tempCanvas.getContext('2d').drawImage(results[0], 0, 0);
+ if (signature.slice(0, 4) !== 'data') {
+ proxy.canvasContext.globalCompositeOperation = 'source-over';
+ }
+ proxy.canvasContext.drawImage(tempCanvas, 0, 0, width, height, 0, 0, proxy.element.width, proxy.element.height);
+ proxy.updateSnapCollection();
+ });
+ };
+ this.isSignatureEmpty = false;
+ };
+ SignatureBase.prototype.saveBackground = function (savebg) {
+ var imageSrc;
+ if (savebg && this.backgroundImage) {
+ imageSrc = this.snapColl[this.incStep - 1];
+ }
+ else {
+ imageSrc = this.snapColl[this.incStep];
+ }
+ if (!savebg) {
+ this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
+ if (this.backgroundImage) {
+ this.setBackgroundImage(this.backgroundImage);
+ }
+ else if (this.backgroundColor) {
+ this.setBackgroundColor(this.backgroundColor);
+ savebg = true;
+ }
+ }
+ if (savebg) {
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var proxy_1 = this;
+ var imageObj_1 = new Image();
+ imageObj_1.crossOrigin = 'anonymous';
+ imageObj_1.src = imageSrc;
+ imageObj_1.onload = function () {
+ proxy_1.backgroundLoaded = true;
+ proxy_1.canvasContext.globalCompositeOperation = 'source-over';
+ proxy_1.canvasContext.drawImage(imageObj_1, 0, 0, proxy_1.element.width, proxy_1.element.height);
+ proxy_1.save(proxy_1.fileType, proxy_1.fileName);
+ };
+ }
+ };
+ /**
+ * To save the signature with the given file type and file name.
+ *
+ * @param {SignatureFileType} type - specify type of the file to be saved a signature.
+ * @param {string} fileName - specify name of the file to be saved a signature.
+ *
+ * @returns {void}.
+ */
+ SignatureBase.prototype.save = function (type, fileName) {
+ if (this.saveWithBackground && this.backgroundLoaded == null && (this.backgroundImage || this.backgroundColor)) {
+ this.backgroundLoaded = false;
+ this.fileType = type;
+ this.fileName = fileName;
+ this.saveBackground(false);
+ }
+ else if (type === 'Svg') {
+ fileName = fileName || 'Signature';
+ this.toSVG(fileName);
+ }
+ else if (type === 'Jpeg') {
+ fileName = fileName || 'Signature';
+ if (!this.saveWithBackground || this.saveWithBackground && !(this.backgroundImage || this.backgroundColor)) {
+ this.toJPEG(fileName);
+ }
+ else {
+ var dataURL = this.canvasContext.canvas.toDataURL('image/jpeg');
+ this.download(this.getBlob(dataURL), fileName + '.' + 'jpeg');
+ }
+ }
+ else {
+ fileName = fileName || 'Signature';
+ var dataURL = this.canvasContext.canvas.toDataURL('image/png');
+ this.download(this.getBlob(dataURL), fileName + '.' + 'png');
+ }
+ if (this.saveWithBackground && this.backgroundLoaded) {
+ this.resetSnap();
+ }
+ };
+ SignatureBase.prototype.resetSnap = function () {
+ this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var proxy = this;
+ var restoreObj = new Image();
+ restoreObj.src = this.snapColl[this.incStep - 1];
+ restoreObj.onload = function () {
+ proxy.canvasContext.drawImage(restoreObj, 0, 0, proxy.element.width, proxy.element.height);
+ proxy.updateSnapCollection();
+ };
+ this.backgroundLoaded = null;
+ this.snapColl.pop();
+ this.incStep--;
+ this.snapColl.pop();
+ this.incStep--;
+ };
+ SignatureBase.prototype.toJPEG = function (fileName) {
+ var _this = this;
+ var imageSrc = this.snapColl[this.incStep];
+ this.setBackgroundColor('#ffffff');
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var proxy = this;
+ var imageObj = new Image();
+ imageObj.crossOrigin = 'anonymous';
+ imageObj.src = imageSrc;
+ imageObj.onload = function () {
+ proxy.canvasContext.globalCompositeOperation = 'source-over';
+ proxy.canvasContext.drawImage(imageObj, 0, 0, proxy.element.width, proxy.element.height);
+ var dataURL = proxy.canvasContext.canvas.toDataURL('image/jpeg');
+ proxy.download(proxy.getBlob(dataURL), fileName + '.' + 'jpeg');
+ proxy.canvasContext.clearRect(0, 0, proxy.canvasContext.canvas.width, proxy.canvasContext.canvas.height);
+ _this.resizeHandler();
+ };
+ this.snapColl.pop();
+ this.incStep--;
+ };
+ SignatureBase.prototype.toSVG = function (fileName) {
+ var dataUrl = this.canvasContext.canvas.toDataURL();
+ var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ svg.setAttribute('width', this.canvasContext.canvas.width.toString());
+ svg.setAttribute('height', this.canvasContext.canvas.height.toString());
+ var XLinkNS = 'http://www.w3.org/1999/xlink';
+ var img = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ img.setAttributeNS(null, 'height', this.canvasContext.canvas.height.toString());
+ img.setAttributeNS(null, 'width', this.canvasContext.canvas.width.toString());
+ img.setAttributeNS(XLinkNS, 'xlink:href', dataUrl);
+ svg.appendChild(img);
+ var prefix = 'data:image/svg+xml;base64,';
+ var header = '
+ *
+ * ```
+ * ```typescript
+ * var listviewObject = new ListView({});
+ * listviewObject.appendTo("#listview");
+ * ```
+ */
+var ListView = /** @__PURE__ @class */ (function (_super) {
+ __extends(ListView, _super);
+ /**
+ * Constructor for creating the widget
+ *
+ * @param options
+ *
+ * @param element
+ */
+ function ListView(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.previousSelectedItems = [];
+ _this.hiddenItems = [];
+ _this.enabledItems = [];
+ _this.disabledItems = [];
+ return _this;
+ }
+ /**
+ * @param newProp
+ *
+ * @param oldProp
+ *
+ * @private
+ */
+ ListView.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'htmlAttributes':
+ this.setHTMLAttribute();
+ break;
+ case 'cssClass':
+ this.setCSSClass(oldProp.cssClass);
+ break;
+ case 'enable':
+ this.setEnable();
+ break;
+ case 'width':
+ case 'height':
+ this.setSize();
+ break;
+ case 'enableRtl':
+ this.setEnableRTL();
+ break;
+ case 'fields':
+ // eslint-disable-next-line
+ this.listBaseOption.fields = this.fields.properties;
+ if (this.enableVirtualization) {
+ this.virtualizationModule.reRenderUiVirtualization();
+ }
+ else {
+ this.reRender();
+ }
+ break;
+ case 'headerTitle':
+ if (!this.curDSLevel.length) {
+ this.header(this.headerTitle, false, 'header');
+ }
+ break;
+ case 'query':
+ if (this.enableVirtualization) {
+ this.virtualizationModule.reRenderUiVirtualization();
+ }
+ else {
+ this.reRender();
+ }
+ break;
+ case 'showHeader':
+ this.header(this.headerTitle, false, 'header');
+ break;
+ case 'enableVirtualization':
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.contentContainer)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.contentContainer);
+ }
+ this.refresh();
+ break;
+ case 'showCheckBox':
+ case 'checkBoxPosition':
+ if (this.enableVirtualization) {
+ this.virtualizationModule.reRenderUiVirtualization();
+ }
+ else {
+ this.setCheckbox();
+ }
+ break;
+ case 'dataSource':
+ if (this.enableVirtualization) {
+ this.virtualizationModule.reRenderUiVirtualization();
+ }
+ else {
+ this.reRender();
+ }
+ break;
+ case 'sortOrder':
+ case 'template':
+ if (!this.enableVirtualization) {
+ this.refresh();
+ }
+ break;
+ case 'showIcon':
+ if (this.enableVirtualization) {
+ this.virtualizationModule.reRenderUiVirtualization();
+ }
+ else {
+ this.listBaseOption.showIcon = this.showIcon;
+ this.curViewDS = this.getSubDS();
+ this.resetCurrentList();
+ }
+ break;
+ default:
+ break;
+ }
+ }
+ };
+ // Model Changes
+ ListView.prototype.setHTMLAttribute = function () {
+ if (Object.keys(this.htmlAttributes).length) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, this.htmlAttributes);
+ }
+ };
+ ListView.prototype.setCSSClass = function (oldCSSClass) {
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], this.cssClass.split(' ').filter(function (css) { return css; }));
+ }
+ if (oldCSSClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], oldCSSClass.split(' ').filter(function (css) { return css; }));
+ }
+ };
+ ListView.prototype.setSize = function () {
+ this.element.style.height = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.height);
+ this.element.style.width = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.width);
+ this.isWindow = this.element.clientHeight ? false : true;
+ };
+ ListView.prototype.setEnable = function () {
+ this.enableElement(this.element, this.enable);
+ };
+ ListView.prototype.setEnableRTL = function () {
+ if (this.enableRtl) {
+ this.element.classList.add('e-rtl');
+ }
+ else {
+ this.element.classList.remove('e-rtl');
+ }
+ };
+ ListView.prototype.enableElement = function (element, isEnabled) {
+ if (isEnabled) {
+ element.classList.remove(classNames.disable);
+ }
+ else {
+ element.classList.add(classNames.disable);
+ }
+ };
+ // Support Component Functions
+ ListView.prototype.header = function (text, showBack, prop) {
+ if (this.headerEle === undefined && this.showHeader) {
+ if (this.enableHtmlSanitizer) {
+ this.setProperties({ headerTitle: _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(this.headerTitle) }, true);
+ }
+ this.headerEle = this.createElement('div', { className: classNames.header });
+ var innerHeaderEle = this.createElement('span', { className: classNames.headerText, innerHTML: this.headerTitle });
+ var textEle = this.createElement('div', { className: classNames.text, innerHTML: innerHeaderEle.outerHTML });
+ var hedBackButton = this.createElement('div', {
+ className: classNames.icon + ' ' + classNames.backIcon + ' ' + classNames.backButton,
+ attrs: { style: 'display:none;' }
+ });
+ this.headerEle.appendChild(hedBackButton);
+ this.headerEle.appendChild(textEle);
+ if (this.headerTemplate) {
+ // eslint-disable-next-line
+ var compiledString = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(this.headerTemplate);
+ var headerTemplateEle = this.createElement('div', { className: classNames.headerTemplateText });
+ // eslint-disable-next-line
+ var compiledElement = compiledString({}, this, prop, this.LISTVIEW_HEADERTEMPLATE_ID, null, null, this.headerEle);
+ if (compiledElement) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(compiledElement, headerTemplateEle);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])([headerTemplateEle], this.headerEle);
+ // eslint-disable-next-line
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ }
+ if (this.headerTemplate && this.headerTitle) {
+ textEle.classList.add('header');
+ }
+ this.element.classList.add('e-has-header');
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["prepend"])([this.headerEle], this.element);
+ }
+ else if (this.headerEle) {
+ if (this.showHeader) {
+ this.headerEle.style.display = '';
+ var textEle = this.headerEle.querySelector('.' + classNames.headerText);
+ var hedBackButton = this.headerEle.querySelector('.' + classNames.backIcon);
+ if (this.enableHtmlSanitizer) {
+ text = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(text);
+ }
+ textEle.innerHTML = text;
+ if (this.headerTemplate && showBack) {
+ textEle.parentElement.classList.remove('header');
+ this.headerEle.querySelector('.' + classNames.headerTemplateText).classList.add('nested-header');
+ }
+ if (this.headerTemplate && !showBack) {
+ textEle.parentElement.classList.add('header');
+ this.headerEle.querySelector('.' + classNames.headerTemplateText).classList.remove('nested-header');
+ this.headerEle.querySelector('.' + classNames.headerTemplateText).classList.add('header');
+ }
+ if (showBack === true) {
+ hedBackButton.style.display = '';
+ }
+ else {
+ hedBackButton.style.display = 'none';
+ }
+ }
+ else {
+ this.headerEle.style.display = 'none';
+ }
+ }
+ };
+ // Animation Related Functions
+ ListView.prototype.switchView = function (fromView, toView, reverse) {
+ var _this = this;
+ if (fromView && toView) {
+ var fPos_1 = fromView.style.position;
+ var overflow_1 = (this.element.style.overflow !== 'hidden') ? this.element.style.overflow : '';
+ fromView.style.position = 'absolute';
+ fromView.classList.add('e-view');
+ var anim = void 0;
+ var duration = this.animation.duration;
+ if (this.animation.effect) {
+ anim = (this.enableRtl ? effectsRTLConfig[this.animation.effect] : effectsConfig[this.animation.effect]);
+ }
+ else {
+ var slideLeft = 'SlideLeft';
+ anim = effectsConfig["" + slideLeft];
+ reverse = this.enableRtl;
+ duration = 0;
+ }
+ this.element.style.overflow = 'hidden';
+ this.aniObj.animate(fromView, {
+ name: (reverse === true ? anim[0] : anim[1]),
+ duration: duration,
+ timingFunction: this.animation.easing,
+ // eslint-disable-next-line
+ end: function (model) {
+ fromView.style.display = 'none';
+ _this.element.style.overflow = overflow_1;
+ fromView.style.position = fPos_1;
+ fromView.classList.remove('e-view');
+ }
+ });
+ toView.style.display = '';
+ this.aniObj.animate(toView, {
+ name: (reverse === true ? anim[2] : anim[3]),
+ duration: duration,
+ timingFunction: this.animation.easing,
+ end: function () {
+ _this.trigger('actionComplete');
+ }
+ });
+ this.curUL = toView;
+ }
+ };
+ ListView.prototype.preRender = function () {
+ if (this.template) {
+ try {
+ if (document.querySelectorAll(this.template).length) {
+ this.setProperties({ template: document.querySelector(this.template).innerHTML.trim() }, true);
+ }
+ }
+ catch (e) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(this.template);
+ }
+ }
+ this.listBaseOption = {
+ template: this.template,
+ headerTemplate: this.headerTemplate,
+ groupTemplate: this.groupTemplate, expandCollapse: true, listClass: '',
+ ariaAttributes: {
+ itemRole: 'listitem', listRole: 'group', itemText: '',
+ groupItemRole: 'presentation', wrapperRole: 'presentation'
+ },
+ // eslint-disable-next-line
+ fields: (this.fields.properties),
+ sortOrder: this.sortOrder,
+ showIcon: this.showIcon,
+ itemCreated: this.renderCheckbox.bind(this),
+ templateID: "" + this.element.id + LISTVIEW_TEMPLATE_PROPERTY,
+ groupTemplateID: "" + this.element.id + LISTVIEW_GROUPTEMPLATE_PROPERTY,
+ enableHtmlSanitizer: this.enableHtmlSanitizer,
+ };
+ this.initialization();
+ };
+ ListView.prototype.initialization = function () {
+ this.curDSLevel = [];
+ this.animateOptions = {};
+ this.curViewDS = [];
+ this.currentLiElements = [];
+ this.isNestedList = false;
+ this.selectedData = [];
+ this.selectedId = this.enablePersistence ? this.selectedId : [];
+ this.LISTVIEW_TEMPLATE_ID = "" + this.element.id + LISTVIEW_TEMPLATE_PROPERTY;
+ this.LISTVIEW_GROUPTEMPLATE_ID = "" + this.element.id + LISTVIEW_GROUPTEMPLATE_PROPERTY;
+ this.LISTVIEW_HEADERTEMPLATE_ID = "" + this.element.id + LISTVIEW_HEADERTEMPLATE_PROPERTY;
+ this.aniObj = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"](this.animateOptions);
+ this.removeElement(this.curUL);
+ this.removeElement(this.ulElement);
+ this.removeElement(this.headerEle);
+ this.removeElement(this.contentContainer);
+ this.curUL = this.ulElement = this.liCollection = this.headerEle = this.contentContainer = undefined;
+ };
+ ListView.prototype.renderCheckbox = function (args) {
+ var _this = this;
+ if (args.item.classList.contains(classNames.hasChild)) {
+ this.isNestedList = true;
+ }
+ if (this.showCheckBox && this.isValidLI(args.item)) {
+ var checkboxElement = void 0;
+ var fieldData_1;
+ // eslint-disable-next-line prefer-const
+ checkboxElement = Object(_ej2_buttons__WEBPACK_IMPORTED_MODULE_2__["createCheckBox"])(this.createElement, false, {
+ checked: false, enableRtl: this.enableRtl,
+ cssClass: classNames.listviewCheckbox
+ });
+ checkboxElement.setAttribute('role', 'checkbox');
+ var frameElement_1 = checkboxElement.querySelector('.' + classNames.checkboxIcon);
+ args.item.classList.add(classNames.itemCheckList);
+ args.item.firstElementChild.classList.add(classNames.checkbox);
+ if (typeof this.dataSource[0] !== 'string' && typeof this.dataSource[0] !== 'number') {
+ fieldData_1 = Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(args.curData, this.listBaseOption.fields);
+ if (this.enablePersistence && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.selectedId)) {
+ var index = this.selectedId.findIndex(function (e) { return e == fieldData_1[_this.listBaseOption.fields.id].toString(); });
+ if (index != -1) {
+ this.checkInternally(args, checkboxElement);
+ }
+ }
+ else if (fieldData_1[this.listBaseOption.fields.isChecked]) {
+ this.checkInternally(args, checkboxElement);
+ }
+ }
+ else if (((typeof this.dataSource[0] === 'string' ||
+ typeof this.dataSource[0] === 'number') && this.selectedData.indexOf(args.text) !== -1)) {
+ this.checkInternally(args, checkboxElement);
+ }
+ checkboxElement.setAttribute('aria-checked', frameElement_1.classList.contains(classNames.checked) ? 'true' : 'false');
+ checkboxElement.setAttribute('aria-label', 'checkbox');
+ if (this.checkBoxPosition === 'Left') {
+ checkboxElement.classList.add(classNames.checkboxLeft);
+ args.item.firstElementChild.classList.add(classNames.checkboxLeft);
+ args.item.firstElementChild.insertBefore(checkboxElement, args.item.firstElementChild.childNodes[0]);
+ }
+ else {
+ checkboxElement.classList.add(classNames.checkboxRight);
+ args.item.firstElementChild.classList.add(classNames.checkboxRight);
+ args.item.firstElementChild.appendChild(checkboxElement);
+ }
+ this.currentLiElements.push(args.item);
+ if (this.checkBoxPosition === 'Left') {
+ this.virtualCheckBox = args.item.firstElementChild.children[0];
+ }
+ else {
+ this.virtualCheckBox = args.item.firstElementChild.lastElementChild;
+ }
+ }
+ };
+ ListView.prototype.checkInternally = function (args, checkboxElement) {
+ args.item.classList.add(classNames.selected);
+ checkboxElement.querySelector('.' + classNames.checkboxIcon).classList.add(classNames.checked);
+ checkboxElement.setAttribute('aria-checked', 'true');
+ };
+ /**
+ * Checks the specific list item by passing the unchecked fields as an argument to this method.
+ *
+ * @param {Fields | HTMLElement | Element} item - It accepts Fields or HTML list element as an argument.
+ */
+ ListView.prototype.checkItem = function (item) {
+ this.toggleCheckBase(item, true);
+ };
+ ListView.prototype.toggleCheckBase = function (item, checked) {
+ if (this.showCheckBox) {
+ var liElement = item;
+ if (item instanceof Object && item.constructor !== HTMLLIElement) {
+ liElement = this.getLiFromObjOrElement(item);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement)) {
+ var checkboxIcon = liElement.querySelector('.' + classNames.checkboxIcon);
+ if (checked === true) {
+ liElement.classList.add(classNames.selected);
+ }
+ else {
+ liElement.classList.remove(classNames.selected);
+ }
+ if (checked === true) {
+ checkboxIcon.classList.add(classNames.checked);
+ }
+ else {
+ checkboxIcon.classList.remove(classNames.checked);
+ }
+ checkboxIcon.parentElement.setAttribute('aria-checked', checked ? 'true' : 'false');
+ }
+ this.setSelectedItemData(liElement);
+ this.updateSelectedId();
+ }
+ };
+ /**
+ * Uncheck the specific list item by passing the checked fields as an argument to this method.
+ *
+ * @param {Fields | HTMLElement | Element} item - It accepts Fields or HTML list element as an argument.
+ */
+ ListView.prototype.uncheckItem = function (item) {
+ this.toggleCheckBase(item, false);
+ };
+ /**
+ * Checks all the unchecked items in the ListView.
+ */
+ ListView.prototype.checkAllItems = function () {
+ this.toggleAllCheckBase(true);
+ };
+ /**
+ * Uncheck all the checked items in ListView.
+ */
+ ListView.prototype.uncheckAllItems = function () {
+ this.toggleAllCheckBase(false);
+ };
+ ListView.prototype.toggleAllCheckBase = function (checked) {
+ if (this.showCheckBox) {
+ for (var i = 0; i < this.liCollection.length; i++) {
+ var checkIcon = this.liCollection[i].querySelector('.' + classNames.checkboxIcon);
+ if (checkIcon) {
+ if (checked) {
+ if (!checkIcon.classList.contains(classNames.checked)) {
+ this.checkItem(this.liCollection[i]);
+ }
+ }
+ else {
+ if (checkIcon.classList.contains(classNames.checked)) {
+ this.uncheckItem(this.liCollection[i]);
+ }
+ }
+ }
+ }
+ if (this.enableVirtualization) {
+ this.virtualizationModule.checkedItem(checked);
+ }
+ this.updateSelectedId();
+ }
+ };
+ ListView.prototype.setCheckbox = function () {
+ if (this.showCheckBox) {
+ var liCollection = Array.prototype.slice.call(this.element.querySelectorAll('.' + classNames.listItem));
+ var args = {
+ item: undefined, curData: undefined, dataSource: undefined, fields: undefined,
+ options: undefined, text: ''
+ };
+ for (var i = 0; i < liCollection.length; i++) {
+ var element = liCollection[i];
+ args.item = element;
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ args.curData = this.getItemData(element);
+ if (element.querySelector('.' + classNames.checkboxWrapper)) {
+ this.removeElement(element.querySelector('.' + classNames.checkboxWrapper));
+ }
+ this.renderCheckbox(args);
+ if (args.item.classList.contains(classNames.selected)) {
+ this.checkInternally(args, args.item.querySelector('.' + classNames.checkboxWrapper));
+ }
+ }
+ }
+ else {
+ var liCollection = Array.prototype.slice.call(this.element.querySelectorAll('.' + classNames.itemCheckList));
+ for (var i = 0; i < liCollection.length; i++) {
+ var element = liCollection[i];
+ element.classList.remove(classNames.selected);
+ element.firstElementChild.classList.remove(classNames.checkbox);
+ this.removeElement(element.querySelector('.' + classNames.checkboxWrapper));
+ }
+ if (this.selectedItems) {
+ this.selectedItems.item.classList.add(classNames.selected);
+ }
+ }
+ };
+ /**
+ * Refresh the height of the list item only on enabling the virtualization property.
+ */
+ ListView.prototype.refreshItemHeight = function () {
+ if (this.virtualizationModule) {
+ this.virtualizationModule.refreshItemHeight();
+ }
+ };
+ ListView.prototype.clickHandler = function (e) {
+ var target = e.target;
+ this.targetElement = target;
+ var classList = target.classList;
+ var closestElement;
+ if (classList.contains(classNames.backIcon) || classList.contains(classNames.headerText)) {
+ if (this.showCheckBox && this.curDSLevel[this.curDSLevel.length - 1]) {
+ this.uncheckAllItems();
+ }
+ this.back();
+ }
+ else {
+ var li = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(target.parentNode, '.' + classNames.listItem);
+ if (li === null) {
+ li = target;
+ }
+ this.removeFocus();
+ if (this.enable && this.showCheckBox && this.isValidLI(li)) {
+ if (e.target.classList.contains(classNames.checkboxIcon)) {
+ li.classList.add(classNames.focused);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li.querySelector('.' + classNames.checked))) {
+ var args = {
+ curData: undefined, dataSource: undefined, fields: undefined, options: undefined,
+ text: undefined, item: li
+ };
+ this.checkInternally(args, args.item.querySelector('.' + classNames.checkboxWrapper));
+ }
+ else {
+ this.uncheckItem(li);
+ li.classList.add(classNames.focused);
+ }
+ if (this.enableVirtualization) {
+ this.virtualizationModule.setCheckboxLI(li, e);
+ }
+ if (e) {
+ var eventArgs = this.selectEventData(li, e);
+ var checkIcon = li.querySelector('.' + classNames.checkboxIcon);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["merge"])(eventArgs, { isChecked: checkIcon.classList.contains(classNames.checked) });
+ this.trigger('select', eventArgs);
+ }
+ }
+ else if (li.classList.contains(classNames.hasChild)) {
+ this.removeHover();
+ this.removeSelect();
+ this.removeSelect(li);
+ this.setSelectLI(li, e);
+ li.classList.remove(classNames.selected);
+ }
+ else {
+ this.setCheckboxLI(li, e);
+ if ((target.nodeName == "INPUT") || (target.nodeName == "TEXTAREA")) {
+ target.classList.add('e-focused');
+ this.targetElement = target;
+ }
+ }
+ }
+ else {
+ this.setSelectLI(li, e);
+ if ((target.nodeName == "INPUT") || (target.nodeName == "TEXTAREA")) {
+ target.classList.add('e-focused');
+ this.targetElement = target;
+ }
+ }
+ closestElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, 'li');
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(closestElement)) {
+ if (closestElement.classList.contains('e-has-child') &&
+ !e.target.parentElement.classList.contains('e-listview-checkbox')) {
+ closestElement.classList.add(classNames.disable);
+ }
+ }
+ }
+ this.updateSelectedId();
+ };
+ ListView.prototype.removeElement = function (element) {
+ return element && element.parentNode && element.parentNode.removeChild(element);
+ };
+ ListView.prototype.hoverHandler = function (e) {
+ var curLi = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target.parentNode, '.' + classNames.listItem);
+ this.setHoverLI(curLi);
+ };
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ ListView.prototype.leaveHandler = function (e) {
+ this.removeHover();
+ };
+ ListView.prototype.homeKeyHandler = function (e, end) {
+ e.preventDefault();
+ if (Object.keys(this.dataSource).length && this.curUL) {
+ var li = this.curUL.querySelectorAll('.' + classNames.listItem);
+ var focusedElement = this.curUL.querySelector('.' + classNames.focused) ||
+ this.curUL.querySelector('.' + classNames.selected);
+ if (focusedElement) {
+ focusedElement.classList.remove(classNames.focused);
+ if (!this.showCheckBox) {
+ focusedElement.classList.remove(classNames.selected);
+ }
+ }
+ var index = !end ? 0 : li.length - 1;
+ if (li[index].classList.contains(classNames.hasChild) || this.showCheckBox) {
+ li[index].classList.add(classNames.focused);
+ }
+ else {
+ this.setSelectLI(li[index], e);
+ }
+ if (li[index]) {
+ this.element.setAttribute('aria-activedescendant', li[index].id.toString());
+ }
+ else {
+ this.element.removeAttribute('aria-activedescendant');
+ }
+ }
+ };
+ ListView.prototype.onArrowKeyDown = function (e, prev) {
+ var siblingLI;
+ var li;
+ var hasChild = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.curUL.querySelector('.' + classNames.hasChild)) ? true : false;
+ if (hasChild || this.showCheckBox) {
+ li = this.curUL.querySelector('.' + classNames.focused) || this.curUL.querySelector('.' + classNames.selected);
+ siblingLI = _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].getSiblingLI(this.curUL.querySelectorAll('.' + classNames.listItem), li, prev);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(siblingLI)) {
+ if (li) {
+ li.classList.remove(classNames.focused);
+ if (!this.showCheckBox) {
+ li.classList.remove(classNames.selected);
+ }
+ }
+ if (siblingLI.classList.contains(classNames.hasChild) || this.showCheckBox) {
+ siblingLI.classList.add(classNames.focused);
+ }
+ else {
+ this.setSelectLI(siblingLI, e);
+ }
+ }
+ }
+ else {
+ li = this.curUL.querySelector('.' + classNames.selected);
+ siblingLI = _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].getSiblingLI(this.curUL.querySelectorAll('.' + classNames.listItem), li, prev);
+ this.setSelectLI(siblingLI, e);
+ }
+ if (siblingLI) {
+ this.element.setAttribute('aria-activedescendant', siblingLI.id.toString());
+ }
+ else {
+ this.element.removeAttribute('aria-activedescendant');
+ }
+ return siblingLI;
+ };
+ ListView.prototype.arrowKeyHandler = function (e, prev) {
+ var _this = this;
+ e.preventDefault();
+ if (Object.keys(this.dataSource).length && this.curUL) {
+ var siblingLI = this.onArrowKeyDown(e, prev);
+ var elementTop = this.element.getBoundingClientRect().top;
+ var elementHeight = this.element.getBoundingClientRect().height;
+ var firstItemBounds = this.curUL.querySelector('.' + classNames.listItem).getBoundingClientRect();
+ var heightDiff = void 0;
+ var groupItemBounds = void 0;
+ if (this.fields.groupBy) {
+ groupItemBounds = this.curUL.querySelector('.' + classNames.groupListItem).getBoundingClientRect();
+ }
+ if (siblingLI) {
+ var siblingTop = siblingLI.getBoundingClientRect().top;
+ var siblingHeight = siblingLI.getBoundingClientRect().height;
+ if (!prev) {
+ var height = this.isWindow ? window.innerHeight : elementHeight;
+ heightDiff = this.isWindow ? (siblingTop + siblingHeight) :
+ ((siblingTop - elementTop) + siblingHeight);
+ if (heightDiff > height) {
+ if (this.isWindow === true) {
+ window.scroll(0, pageYOffset + (heightDiff - height));
+ }
+ else {
+ this.element.scrollTop = this.element.scrollTop + (heightDiff - height);
+ }
+ }
+ }
+ else {
+ heightDiff = this.isWindow ? siblingTop : (siblingTop - elementTop);
+ if (heightDiff < 0) {
+ if (this.isWindow === true) {
+ window.scroll(0, pageYOffset + heightDiff);
+ }
+ else {
+ this.element.scrollTop = this.element.scrollTop + heightDiff;
+ }
+ }
+ }
+ }
+ else if (this.enableVirtualization && prev && this.virtualizationModule.uiFirstIndex) {
+ this.onUIScrolled = function () {
+ _this.onArrowKeyDown(e, prev);
+ _this.onUIScrolled = undefined;
+ };
+ heightDiff = this.virtualizationModule.listItemHeight;
+ if (this.isWindow === true) {
+ window.scroll(0, pageYOffset - heightDiff);
+ }
+ else {
+ this.element.scrollTop = this.element.scrollTop - heightDiff;
+ }
+ }
+ else if (prev) {
+ if (this.showHeader && this.headerEle) {
+ var topHeight = groupItemBounds ? groupItemBounds.top : firstItemBounds.top;
+ var headerBounds = this.headerEle.getBoundingClientRect();
+ heightDiff = headerBounds.top < 0 ? (headerBounds.height - topHeight) : 0;
+ if (this.isWindow === true) {
+ window.scroll(0, pageYOffset - heightDiff);
+ }
+ else {
+ this.element.scrollTop = 0;
+ }
+ }
+ else if (this.fields.groupBy) {
+ heightDiff = this.isWindow ? (groupItemBounds.top < 0 ? groupItemBounds.top : 0) :
+ (elementTop - firstItemBounds.top) + groupItemBounds.height;
+ if (this.isWindow === true) {
+ window.scroll(0, pageYOffset + heightDiff);
+ }
+ else {
+ this.element.scrollTop = this.element.scrollTop - heightDiff;
+ }
+ }
+ }
+ }
+ };
+ ListView.prototype.enterKeyHandler = function (e) {
+ if (Object.keys(this.dataSource).length && this.curUL) {
+ var hasChild = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.curUL.querySelector('.' + classNames.hasChild)) ? true : false;
+ var li = this.curUL.querySelector('.' + classNames.focused);
+ if (hasChild && li) {
+ li.classList.remove(classNames.focused);
+ if (this.showCheckBox) {
+ this.removeSelect();
+ this.removeSelect(li);
+ this.removeHover();
+ }
+ this.setSelectLI(li, e);
+ }
+ }
+ };
+ ListView.prototype.spaceKeyHandler = function (e) {
+ e.preventDefault();
+ if (this.enable && this.showCheckBox && Object.keys(this.dataSource).length && this.curUL) {
+ var li = this.curUL.querySelector('.' + classNames.focused);
+ var checkboxElement = void 0;
+ var checkIcon = void 0;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li.querySelector('.' + classNames.checked))) {
+ var args = {
+ curData: undefined, dataSource: undefined, fields: undefined, options: undefined,
+ text: undefined, item: li
+ };
+ checkboxElement = args.item.querySelector('.' + classNames.checkboxWrapper);
+ this.checkInternally(args, checkboxElement);
+ checkIcon = checkboxElement.querySelector('.' + classNames.checkboxIcon + '.' + classNames.icon);
+ }
+ else {
+ this.uncheckItem(li);
+ }
+ var eventArgs = this.selectEventData(li, e);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["merge"])(eventArgs, { isChecked: checkIcon ? checkIcon.classList.contains(classNames.checked) : false });
+ this.trigger('select', eventArgs);
+ this.updateSelectedId();
+ }
+ };
+ ListView.prototype.keyActionHandler = function (e) {
+ switch (e.keyCode) {
+ case 36:
+ this.homeKeyHandler(e);
+ break;
+ case 35:
+ this.homeKeyHandler(e, true);
+ break;
+ case 40:
+ this.arrowKeyHandler(e);
+ break;
+ case 38:
+ this.arrowKeyHandler(e, true);
+ break;
+ case 13:
+ this.enterKeyHandler(e);
+ break;
+ case 8:
+ if (this.showCheckBox && this.curDSLevel[this.curDSLevel.length - 1]) {
+ this.uncheckAllItems();
+ }
+ this.back();
+ break;
+ case 32:
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.targetElement) || !(this.targetElement.classList.contains('e-focused'))) {
+ this.spaceKeyHandler(e);
+ }
+ break;
+ }
+ };
+ ListView.prototype.swipeActionHandler = function (e) {
+ if (e.swipeDirection === 'Right' && e.velocity > swipeVelocity && e.originalEvent.type === 'touchend') {
+ if (this.showCheckBox && this.curDSLevel[this.curDSLevel.length - 1]) {
+ this.uncheckAllItems();
+ }
+ this.back();
+ }
+ };
+ ListView.prototype.focusout = function () {
+ if (Object.keys(this.dataSource).length && this.curUL) {
+ var focusedElement = this.curUL.querySelector('.' + classNames.focused);
+ if (focusedElement) {
+ focusedElement.classList.remove(classNames.focused);
+ if (!this.showCheckBox && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.selectedLI)) {
+ this.selectedLI.classList.add(classNames.selected);
+ }
+ }
+ }
+ };
+ ListView.prototype.wireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'keydown', this.keyActionHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'click', this.clickHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'mouseover', this.hoverHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'mouseout', this.leaveHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'focusout', this.focusout, this);
+ this.touchModule = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Touch"](this.element, { swipe: this.swipeActionHandler.bind(this) });
+ };
+ ListView.prototype.unWireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'click', this.clickHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'mouseover', this.hoverHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'mouseout', this.leaveHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'mouseover', this.hoverHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'mouseout', this.leaveHandler);
+ this.touchModule.destroy();
+ this.touchModule = null;
+ };
+ ListView.prototype.removeFocus = function () {
+ var focusedLI = this.element.querySelectorAll('.' + classNames.focused);
+ for (var _i = 0, focusedLI_1 = focusedLI; _i < focusedLI_1.length; _i++) {
+ var ele = focusedLI_1[_i];
+ ele.classList.remove(classNames.focused);
+ }
+ };
+ ListView.prototype.removeHover = function () {
+ var hoverLI = this.element.querySelector('.' + classNames.hover);
+ if (hoverLI) {
+ hoverLI.classList.remove(classNames.hover);
+ }
+ };
+ ListView.prototype.removeSelect = function (li) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li)) {
+ var selectedLI = this.element.querySelectorAll('.' + classNames.selected);
+ for (var _i = 0, selectedLI_1 = selectedLI; _i < selectedLI_1.length; _i++) {
+ var ele = selectedLI_1[_i];
+ if (this.showCheckBox && ele.querySelector('.' + classNames.checked)) {
+ continue;
+ }
+ else {
+ ele.classList.remove(classNames.selected);
+ }
+ }
+ }
+ else {
+ li.classList.remove(classNames.selected);
+ }
+ };
+ ListView.prototype.isValidLI = function (li) {
+ return (li && li.classList.contains(classNames.listItem)
+ && !li.classList.contains(classNames.groupListItem)
+ && !li.classList.contains(classNames.disable));
+ };
+ ListView.prototype.setCheckboxLI = function (li, e) {
+ if (this.isValidLI(li) && this.enable && this.showCheckBox) {
+ if (this.curUL.querySelector('.' + classNames.focused)) {
+ this.curUL.querySelector('.' + classNames.focused).classList.remove(classNames.focused);
+ }
+ var textAreaFocus = li.querySelector('textarea') || li.querySelector('input');
+ li.classList.add(classNames.focused);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(e)) {
+ if (e.target === textAreaFocus) {
+ textAreaFocus.classList.add('e-focused');
+ }
+ }
+ var checkboxElement = li.querySelector('.' + classNames.checkboxWrapper);
+ var checkIcon = checkboxElement.querySelector('.' + classNames.checkboxIcon + '.' + classNames.icon);
+ this.removeHover();
+ if (!checkIcon.classList.contains(classNames.checked)) {
+ checkIcon.classList.add(classNames.checked);
+ li.classList.add(classNames.selected);
+ }
+ else {
+ checkIcon.classList.remove(classNames.checked);
+ li.classList.remove(classNames.selected);
+ }
+ checkboxElement.setAttribute('aria-checked', checkIcon.classList.contains(classNames.checked) ?
+ 'true' : 'false');
+ var eventArgs = this.selectEventData(li, e);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["merge"])(eventArgs, { isChecked: checkIcon.classList.contains(classNames.checked) });
+ if (this.enableVirtualization) {
+ this.virtualizationModule.setCheckboxLI(li, e);
+ }
+ this.trigger('select', eventArgs);
+ this.setSelectedItemData(li);
+ this.renderSubList(li);
+ }
+ };
+ ListView.prototype.selectEventData = function (li, e) {
+ var data = this.getItemData(li);
+ var fieldData = Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(data, this.listBaseOption.fields);
+ var selectedItem;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(data)
+ && typeof this.dataSource[0] === 'string' || typeof this.dataSource[0] === 'number') {
+ selectedItem = { item: li, text: li && li.innerText.trim(), data: this.dataSource };
+ }
+ else {
+ selectedItem =
+ // eslint-disable-next-line
+ {
+ item: li, text: fieldData && fieldData[this.listBaseOption.fields.text],
+ // eslint-disable-next-line
+ data: data
+ };
+ }
+ var eventArgs = {};
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["merge"])(eventArgs, selectedItem);
+ if (e) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["merge"])(eventArgs, { isInteracted: true, event: e, cancel: false, index: this.curUL && Array.prototype.indexOf.call(this.curUL.children, li) });
+ }
+ return eventArgs;
+ };
+ ListView.prototype.setSelectedItemData = function (li) {
+ var data = this.getItemData(li);
+ // eslint-disable-next-line
+ var fieldData = Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(data, this.listBaseOption.fields);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(data) && ((typeof this.dataSource[0] === 'string') ||
+ (typeof this.dataSource[0] === 'number'))) {
+ this.selectedItems = {
+ item: li,
+ text: li && li.innerText.trim(),
+ data: this.dataSource
+ };
+ }
+ else {
+ this.selectedItems = {
+ item: li,
+ // eslint-disable-next-line
+ text: fieldData && fieldData[this.listBaseOption.fields.text],
+ // eslint-disable-next-line
+ data: data
+ };
+ }
+ };
+ ListView.prototype.setSelectLI = function (li, e) {
+ var _this = this;
+ if (this.isValidLI(li) && !li.classList.contains(classNames.selected) && this.enable) {
+ if (!this.showCheckBox) {
+ this.removeSelect();
+ }
+ li.classList.add(classNames.selected);
+ this.removeHover();
+ this.setSelectedItemData(li);
+ if (this.enableVirtualization) {
+ this.virtualizationModule.setSelectLI(li, e);
+ }
+ var eventArgs = this.selectEventData(li, e);
+ this.trigger('select', eventArgs, function (observedArgs) {
+ if (!observedArgs.cancel) {
+ _this.selectedLI = li;
+ _this.renderSubList(li);
+ }
+ });
+ }
+ };
+ ListView.prototype.setHoverLI = function (li) {
+ if (this.isValidLI(li) && !li.classList.contains(classNames.hover) && this.enable) {
+ var lastLi = this.element.querySelectorAll('.' + classNames.hover);
+ if (lastLi && lastLi.length) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])(lastLi, classNames.hover);
+ }
+ if (!li.classList.contains(classNames.selected) || this.showCheckBox) {
+ li.classList.add(classNames.hover);
+ }
+ }
+ };
+ //Data Source Related Functions
+ ListView.prototype.getSubDS = function () {
+ var levelKeys = this.curDSLevel;
+ if (levelKeys.length) {
+ var ds = this.localData;
+ for (var _i = 0, levelKeys_1 = levelKeys; _i < levelKeys_1.length; _i++) {
+ var key = levelKeys_1[_i];
+ var field = {};
+ // eslint-disable-next-line
+ field[this.fields.id] = key;
+ this.curDSJSON = this.findItemFromDS(ds, field);
+ var fieldData = Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(this.curDSJSON, this.listBaseOption.fields);
+ ds = this.curDSJSON ? fieldData[this.fields.child] : ds;
+ }
+ return ds;
+ }
+ return this.localData;
+ };
+ ListView.prototype.getItemData = function (li) {
+ var dataSource = this.dataSource instanceof _ej2_data__WEBPACK_IMPORTED_MODULE_1__["DataManager"] ?
+ this.localData : this.dataSource;
+ var fields = this.getElementUID(li);
+ var curDS;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.querySelector('.' + classNames.hasChild)) && this.fields.groupBy) {
+ curDS = this.curViewDS;
+ }
+ else {
+ curDS = dataSource;
+ }
+ return this.findItemFromDS(curDS, fields);
+ };
+ ListView.prototype.findItemFromDS = function (dataSource, fields, parent) {
+ var _this = this;
+ var resultJSON;
+ if (dataSource && dataSource.length && fields) {
+ dataSource.some(function (data) {
+ var fieldData =
+ // eslint-disable-next-line
+ Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(data, _this.listBaseOption.fields);
+ //(!(fid) || id === fid) && (!(ftext) || text === ftext) && (!!fid || !!ftext)
+ if ((fields[_this.fields.id] || fields[_this.fields.text]) &&
+ (!fields[_this.fields.id] || (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fieldData[_this.fields.id]) &&
+ fieldData[_this.fields.id].toString()) === fields[_this.fields.id].toString()) &&
+ (!fields[_this.fields.text] || fieldData[_this.fields.text] === fields[_this.fields.text])) {
+ resultJSON = (parent ? dataSource : data);
+ }
+ else if (typeof data !== 'object' && dataSource.indexOf(data) !== -1) {
+ resultJSON = (parent ? dataSource : data);
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fields[_this.fields.id]) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fieldData[_this.fields.id])) {
+ var li = _this.element.querySelector('[data-uid="'
+ + fields[_this.fields.id] + '"]');
+ // eslint-disable-next-line
+ if (li && li.innerText.trim() === fieldData[_this.fields.text]) {
+ resultJSON = data;
+ }
+ // eslint-disable-next-line
+ }
+ else if (fieldData.hasOwnProperty(_this.fields.child) && fieldData[_this.fields.child].length) {
+ resultJSON = _this.findItemFromDS(fieldData[_this.fields.child], fields, parent);
+ }
+ return !!resultJSON;
+ });
+ }
+ else {
+ resultJSON = dataSource;
+ }
+ return resultJSON;
+ };
+ ListView.prototype.getQuery = function () {
+ var columns = [];
+ var query = (this.query ? this.query : new _ej2_data__WEBPACK_IMPORTED_MODULE_1__["Query"]());
+ if (!this.query) {
+ // eslint-disable-next-line
+ for (var _i = 0, _a = Object.keys(this.fields.properties); _i < _a.length; _i++) {
+ var column = _a[_i];
+ if (column !== 'tableName' && !!(this.fields["" + column]) &&
+ this.fields["" + column] !==
+ _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].defaultMappedFields["" + column]
+ && columns.indexOf(this.fields["" + column]) === -1) {
+ columns.push(this.fields["" + column]);
+ }
+ }
+ query.select(columns);
+ // eslint-disable-next-line
+ if (this.fields.properties.hasOwnProperty('tableName')) {
+ query.from(this.fields.tableName);
+ }
+ }
+ return query;
+ };
+ ListView.prototype.setViewDataSource = function (dataSource) {
+ if (dataSource === void 0) { dataSource = this.localData; }
+ // eslint-disable-next-line
+ var fieldValue = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.fields.sortBy)) ? this.fields.text : this.fields.sortBy;
+ var query = _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].addSorting(this.sortOrder, fieldValue);
+ if (dataSource && this.fields.groupBy) {
+ if (this.sortOrder !== 'None') {
+ this.curViewDS = _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].groupDataSource(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].getDataSource(dataSource, query), this.listBaseOption.fields, this.sortOrder);
+ }
+ else {
+ this.curViewDS = _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].groupDataSource(dataSource, this.listBaseOption.fields, this.sortOrder);
+ }
+ }
+ else if (dataSource && this.sortOrder !== 'None') {
+ this.curViewDS = _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].getDataSource(dataSource, query);
+ }
+ else {
+ this.curViewDS = dataSource;
+ }
+ };
+ ListView.prototype.isInAnimation = function () {
+ return this.curUL.classList.contains('.e-animate');
+ };
+ ListView.prototype.renderRemoteLists = function (e, listViewComponent) {
+ if (this.isDestroyed) {
+ return;
+ }
+ this.localData = e.result;
+ listViewComponent.removeElement(listViewComponent.contentContainer);
+ this.renderList();
+ this.trigger('actionComplete', e);
+ };
+ ListView.prototype.triggerActionFailure = function (e) {
+ if (this.isDestroyed) {
+ return;
+ }
+ this.trigger('actionFailure', e);
+ };
+ ListView.prototype.setLocalData = function () {
+ var _this = this;
+ this.trigger('actionBegin');
+ // eslint-disable-next-line
+ var listViewComponent = this;
+ if (this.dataSource instanceof _ej2_data__WEBPACK_IMPORTED_MODULE_1__["DataManager"]) {
+ if (this.dataSource.ready) {
+ this.dataSource.ready.then(function (e) {
+ /* eslint-disable */
+ _this.isOffline = _this.dataSource.dataSource.offline;
+ if (_this.dataSource instanceof _ej2_data__WEBPACK_IMPORTED_MODULE_1__["DataManager"] && _this.isOffline) {
+ _this.renderRemoteLists(e, listViewComponent);
+ }
+ }).catch(function (e) {
+ _this.triggerActionFailure(e);
+ });
+ }
+ else {
+ this.dataSource.executeQuery(this.getQuery()).then(function (e) {
+ _this.renderRemoteLists(e, listViewComponent);
+ }).catch(function (e) {
+ _this.triggerActionFailure(e);
+ });
+ }
+ }
+ else if (!this.dataSource || !this.dataSource.length) {
+ var ul = this.element.querySelector('ul');
+ if (ul) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(ul);
+ this.setProperties({ dataSource: _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].createJsonFromElement(ul) }, true);
+ this.localData = this.dataSource;
+ this.renderList();
+ this.trigger('actionComplete', { data: this.localData });
+ }
+ }
+ else {
+ this.localData = this.dataSource;
+ this.renderList();
+ this.trigger('actionComplete', { data: this.localData });
+ }
+ };
+ ListView.prototype.reRender = function () {
+ this.removeElement(this.headerEle);
+ this.removeElement(this.ulElement);
+ this.removeElement(this.contentContainer);
+ // eslint-disable-next-line
+ if (this.isReact) {
+ this.clearTemplate();
+ }
+ if (Object.keys(window).indexOf('ejsInterop') === -1) {
+ this.element.innerHTML = '';
+ }
+ this.headerEle = this.ulElement = this.liCollection = undefined;
+ this.header();
+ this.setLocalData();
+ };
+ ListView.prototype.resetCurrentList = function () {
+ this.setViewDataSource(this.curViewDS);
+ this.contentContainer.innerHTML = '';
+ this.createList();
+ this.renderIntoDom(this.curUL);
+ };
+ ListView.prototype.setAttributes = function (liElements) {
+ for (var i = 0; i < liElements.length; i++) {
+ var element = liElements[i];
+ if (element.classList.contains('e-list-item')) {
+ element.setAttribute('id', this.element.id + '_' + element.getAttribute('data-uid'));
+ element.setAttribute('tabindex', '-1');
+ }
+ }
+ };
+ ListView.prototype.createList = function () {
+ this.currentLiElements = [];
+ this.isNestedList = false;
+ this.ulElement = this.curUL = _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].createList(this.createElement, this.curViewDS, this.listBaseOption, null, this);
+ this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
+ this.setAttributes(this.liCollection);
+ };
+ ListView.prototype.exceptionEvent = function (e) {
+ this.trigger('actionFailure', e);
+ };
+ ListView.prototype.UpdateCurrentUL = function () {
+ this.ulElement = this.curUL = this.element.querySelector('.' + classNames.parentItem);
+ if (this.curUL) {
+ // eslint-disable-next-line
+ this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
+ }
+ };
+ ListView.prototype.renderSubList = function (li) {
+ this.liElement = li;
+ var uID = li.getAttribute('data-uid');
+ if (li.classList.contains(classNames.hasChild) && uID) {
+ var ul = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(li.parentNode, '.' + classNames.parentItem);
+ var ele = this.element.querySelector('[pid=\'' + uID + '\']');
+ this.curDSLevel.push(uID);
+ this.setViewDataSource(this.getSubDS());
+ if (!ele) {
+ var data = this.curViewDS;
+ ele = _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].createListFromJson(this.createElement, data, this.listBaseOption, this.curDSLevel.length, null, this);
+ // eslint-disable-next-line
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ var lists = ele.querySelectorAll('.' + classNames.listItem);
+ this.setAttributes(lists);
+ ele.setAttribute('pID', uID);
+ ele.style.display = 'none';
+ this.renderIntoDom(ele);
+ }
+ this.switchView(ul, ele);
+ this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
+ if (this.selectedItems) {
+ var fieldData = Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(this.selectedItems.data, this.listBaseOption.fields);
+ // eslint-disable-next-line
+ this.header((fieldData[this.listBaseOption.fields.text]), true, 'header');
+ }
+ this.selectedLI = undefined;
+ }
+ };
+ ListView.prototype.renderIntoDom = function (ele) {
+ this.contentContainer.appendChild(ele);
+ };
+ ListView.prototype.renderList = function (data) {
+ this.setViewDataSource(data);
+ if (this.enableVirtualization) {
+ if (Object.keys(this.dataSource).length) {
+ if ((this.template || this.groupTemplate) && !this.virtualizationModule.isNgTemplate()) {
+ if (this.isReact || this.isVue) {
+ if (typeof this.template == "string") {
+ this.listBaseOption.template = null;
+ }
+ if (typeof this.groupTemplate == "string") {
+ this.listBaseOption.groupTemplate = null;
+ }
+ }
+ else {
+ this.listBaseOption.template = null;
+ this.listBaseOption.groupTemplate = null;
+ }
+ this.listBaseOption.itemCreated = this.virtualizationModule.createUIItem.bind(this.virtualizationModule);
+ }
+ }
+ this.virtualizationModule.uiVirtualization();
+ }
+ else {
+ this.createList();
+ this.contentContainer = this.createElement('div', { className: classNames.container });
+ this.element.appendChild(this.contentContainer);
+ this.renderIntoDom(this.ulElement);
+ // eslint-disable-next-line
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ }
+ };
+ ListView.prototype.getElementUID = function (obj) {
+ var fields = {};
+ if (obj instanceof Element) {
+ // eslint-disable-next-line
+ fields[this.fields.id] = obj.getAttribute('data-uid');
+ }
+ else {
+ fields = obj;
+ }
+ return fields;
+ };
+ /**
+ * Initializes the ListView component rendering.
+ */
+ ListView.prototype.render = function () {
+ this.element.classList.add(classNames.root);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { role: 'list', tabindex: '0' });
+ this.setCSSClass();
+ this.setEnableRTL();
+ this.setEnable();
+ this.setSize();
+ this.wireEvents();
+ this.header();
+ this.setLocalData();
+ this.setHTMLAttribute();
+ this.rippleFn = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["rippleEffect"])(this.element, {
+ selector: '.' + classNames.listItem
+ });
+ this.renderComplete();
+ };
+ /**
+ * It is used to destroy the ListView component.
+ */
+ ListView.prototype.destroy = function () {
+ // eslint-disable-next-line
+ if (this.isReact) {
+ this.clearTemplate();
+ }
+ this.unWireEvents();
+ var classAr = [classNames.root, classNames.disable, 'e-rtl',
+ 'e-has-header', 'e-lib'].concat(this.cssClass.split(' ').filter(function (css) { return css; }));
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], classAr);
+ this.element.removeAttribute('role');
+ this.element.removeAttribute('tabindex');
+ this.curUL = this.ulElement = this.liCollection = this.headerEle = undefined;
+ this.element.innerHTML = '';
+ this.contentContainer = null;
+ this.selectedItems = null;
+ this.selectedLI = null;
+ this.liElement = null;
+ this.targetElement = null;
+ this.currentLiElements = null;
+ this.virtualCheckBox = null;
+ _super.prototype.destroy.call(this);
+ };
+ /**
+ * Switches back from the navigated sub list item.
+ */
+ ListView.prototype.back = function () {
+ var pID = this.curDSLevel[this.curDSLevel.length - 1];
+ if (pID === undefined || this.isInAnimation()) {
+ return;
+ }
+ this.curDSLevel.pop();
+ this.setViewDataSource(this.getSubDS());
+ var toUL = this.element.querySelector('[data-uid=\'' + pID + '\']');
+ var fromUL = this.curUL;
+ if (!toUL) {
+ this.createList();
+ this.renderIntoDom(this.ulElement);
+ toUL = this.curUL;
+ }
+ else {
+ toUL = toUL.parentElement;
+ }
+ var fieldData = Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(this.curDSJSON, this.listBaseOption.fields);
+ // eslint-disable-next-line
+ var text = fieldData[this.fields.text];
+ this.switchView(fromUL, toUL, true);
+ this.removeFocus();
+ var li = this.element.querySelector('[data-uid=\'' + pID + '\']');
+ li.classList.remove(classNames.disable);
+ li.classList.add(classNames.focused);
+ if (!(this.showCheckBox && li.querySelector('.' + classNames.checkboxIcon).classList.contains(classNames.checked))) {
+ li.classList.remove(classNames.selected);
+ }
+ this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
+ if (this.enableHtmlSanitizer) {
+ this.setProperties({ headerTitle: _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(this.headerTitle) }, true);
+ }
+ this.header((this.curDSLevel.length ? text : this.headerTitle), (this.curDSLevel.length ? true : false), 'header');
+ };
+ /**
+ * Selects the list item from the ListView by passing the elements or field object.
+ *
+ * @param {Fields | HTMLElement | Element} item - We can pass element Object or Fields as Object with ID and Text fields.
+ */
+ ListView.prototype.selectItem = function (item) {
+ if (this.enableVirtualization) {
+ this.virtualizationModule.selectItem(item);
+ }
+ else if (this.showCheckBox) {
+ this.setCheckboxLI(this.getLiFromObjOrElement(item));
+ }
+ else {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(item) === true) {
+ this.removeSelect();
+ }
+ else {
+ this.setSelectLI(this.getLiFromObjOrElement(item));
+ }
+ }
+ };
+ ListView.prototype.getLiFromObjOrElement = function (obj) {
+ var li;
+ var dataSource = this.dataSource instanceof _ej2_data__WEBPACK_IMPORTED_MODULE_1__["DataManager"] ?
+ this.localData : this.dataSource;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(obj)) {
+ if (typeof dataSource[0] === 'string' || typeof dataSource[0] === 'number') {
+ if (obj instanceof Element) {
+ var uid = obj.getAttribute('data-uid').toString();
+ for (var i = 0; i < this.liCollection.length; i++) {
+ if (this.liCollection[i].getAttribute('data-uid').toString() === uid) {
+ li = this.liCollection[i];
+ break;
+ }
+ }
+ }
+ else {
+ Array.prototype.some.call(this.curUL.querySelectorAll('.' + classNames.listItem), function (item) {
+ if (item.innerText.trim() === obj.toString()) {
+ li = item;
+ return true;
+ }
+ else {
+ return false;
+ }
+ });
+ }
+ }
+ else {
+ var resultJSON = this.getItemData(obj);
+ var fieldData = Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(resultJSON, this.listBaseOption.fields);
+ if (resultJSON) {
+ li = this.element.querySelector('[data-uid="'
+ + fieldData[this.fields.id] + '"]');
+ if (!this.enableVirtualization && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li)) {
+ var curLi = this.element.querySelectorAll('.' + classNames.listItem);
+ for (var i = 0; i < curLi.length; i++) {
+ // eslint-disable-next-line
+ if (curLi[i].innerText.trim() === fieldData[this.fields.text]) {
+ li = curLi[i];
+ }
+ }
+ }
+ }
+ }
+ }
+ return li;
+ };
+ /**
+ * Selects multiple list items from the ListView.
+ *
+ * @param {Fields[] | HTMLElement[] | Element[]} item - We can pass array of
+ * elements or array of fields Object with ID and Text fields.
+ */
+ ListView.prototype.selectMultipleItems = function (item) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(item)) {
+ for (var i = 0; i < item.length; i++) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(item[i])) {
+ this.selectItem(item[i]);
+ }
+ }
+ }
+ };
+ ListView.prototype.getParentId = function () {
+ var parentId = [];
+ if (this.isNestedList) {
+ for (var i = this.curDSLevel.length - 1; i >= 0; i--) {
+ parentId.push(this.curDSLevel[i]);
+ }
+ }
+ return parentId;
+ };
+ ListView.prototype.updateSelectedId = function () {
+ this.selectedId = [];
+ var liCollection = this.curUL.getElementsByClassName(classNames.selected);
+ for (var i = 0; i < liCollection.length; i++) {
+ var tempData = this.getItemData(liCollection[i]);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(tempData) && tempData[this.listBaseOption.fields.id]) {
+ this.selectedId.push(tempData[this.listBaseOption.fields.id]);
+ }
+ }
+ };
+ /**
+ * Gets the details of the currently selected item from the list items.
+ *
+ */
+ ListView.prototype.getSelectedItems = function () {
+ // eslint-disable-next-line
+ var finalValue;
+ var isCompleted = false;
+ this.selectedId = [];
+ var dataSource = this.dataSource instanceof _ej2_data__WEBPACK_IMPORTED_MODULE_1__["DataManager"] ?
+ this.localData : this.dataSource;
+ if (this.enableVirtualization && !isCompleted) {
+ finalValue = this.virtualizationModule.getSelectedItems();
+ isCompleted = true;
+ }
+ else if (this.showCheckBox && !isCompleted) {
+ // eslint-disable-next-line
+ var liCollection = this.curUL.getElementsByClassName(classNames.selected);
+ var liTextCollection = [];
+ var liDataCollection = [];
+ this.selectedId = [];
+ var dataParent = [];
+ for (var i = 0; i < liCollection.length; i++) {
+ if (typeof dataSource[0] === 'string' || typeof dataSource[0] === 'number') {
+ liTextCollection.push(liCollection[i].innerText.trim());
+ }
+ else {
+ var tempData = this.getItemData(liCollection[i]);
+ var fieldData = Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(tempData, this.listBaseOption.fields);
+ if (this.isNestedList) {
+ dataParent.push({ data: tempData, parentId: this.getParentId() });
+ }
+ else {
+ liDataCollection.push(tempData);
+ }
+ if (fieldData) {
+ // eslint-disable-next-line
+ liTextCollection.push(fieldData[this.listBaseOption.fields.text]);
+ // eslint-disable-next-line
+ this.selectedId.push(fieldData[this.listBaseOption.fields.id]);
+ }
+ else {
+ liTextCollection.push(undefined);
+ this.selectedId.push(undefined);
+ }
+ }
+ }
+ if ((typeof dataSource[0] === 'string'
+ || typeof dataSource[0] === 'number')
+ && !isCompleted) {
+ finalValue = { item: liCollection, data: dataSource, text: liTextCollection };
+ isCompleted = true;
+ }
+ if (this.isNestedList && !isCompleted) {
+ finalValue = { item: liCollection, data: dataParent, text: liTextCollection };
+ isCompleted = true;
+ }
+ else if (!isCompleted) {
+ finalValue = { item: liCollection, data: liDataCollection, text: liTextCollection };
+ isCompleted = true;
+ }
+ }
+ else if (!isCompleted) {
+ var liElement = this.element.getElementsByClassName(classNames.selected)[0];
+ var fieldData = Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(this.getItemData(liElement), this.listBaseOption.fields);
+ if ((typeof dataSource[0] === 'string'
+ || typeof dataSource[0] === 'number')
+ && !isCompleted) {
+ finalValue = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement)) ? {
+ item: liElement, data: dataSource,
+ text: liElement.innerText.trim()
+ } : undefined;
+ isCompleted = true;
+ }
+ else if (!isCompleted) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(fieldData) || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(liElement)) {
+ finalValue = undefined;
+ isCompleted = true;
+ }
+ else {
+ // eslint-disable-next-line
+ this.selectedId.push(fieldData[this.listBaseOption.fields.id]);
+ finalValue = {
+ text: fieldData[this.listBaseOption.fields.text], item: liElement,
+ data: this.getItemData(liElement)
+ };
+ isCompleted = true;
+ }
+ }
+ }
+ return finalValue;
+ };
+ /**
+ * Finds out an item details from the current list.
+ *
+ * @param {Fields | HTMLElement | Element} item - We can pass element Object or Fields as Object with ID and Text fields.
+ */
+ ListView.prototype.findItem = function (item) {
+ return this.getItemData(item);
+ };
+ /**
+ * Enables the disabled list items by passing the Id and text fields.
+ *
+ * @param {Fields | HTMLElement | Element} item - We can pass element Object or Fields as Object with ID and Text fields.
+ */
+ ListView.prototype.enableItem = function (item) {
+ this.setItemState(item, true);
+ if (this.enableVirtualization) {
+ this.virtualizationModule.enableItem(item);
+ }
+ };
+ /**
+ * Disables the list items by passing the Id and text fields.
+ *
+ * @param {Fields | HTMLElement | Element} item - We can pass element Object or Fields as Object with ID and Text fields.
+ */
+ ListView.prototype.disableItem = function (item) {
+ this.setItemState(item, false);
+ if (this.enableVirtualization) {
+ this.virtualizationModule.disableItem(item);
+ }
+ };
+ //A function that used to set state of the list item like enable, disable.
+ ListView.prototype.setItemState = function (item, isEnable) {
+ var resultJSON = this.getItemData(item);
+ var fieldData = Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(resultJSON, this.listBaseOption.fields);
+ if (resultJSON) {
+ var li = this.element.querySelector('[data-uid="' + fieldData[this.fields.id] + '"]');
+ if (isEnable) {
+ if (li) {
+ li.classList.remove(classNames.disable);
+ }
+ delete resultJSON[this.fields.enabled];
+ }
+ else if (!isEnable) {
+ if (li) {
+ li.classList.add(classNames.disable);
+ }
+ // eslint-disable-next-line
+ resultJSON[this.fields.enabled] = false;
+ }
+ }
+ };
+ /**
+ * Shows the hide list item from the ListView.
+ *
+ * @param {Fields | HTMLElement | Element} item - We can pass element Object or Fields as Object with ID and Text fields.
+ */
+ ListView.prototype.showItem = function (item) {
+ this.showHideItem(item, false, '');
+ if (this.enableVirtualization) {
+ this.virtualizationModule.showItem(item);
+ }
+ };
+ /**
+ * Hides an list item from the ListView.
+ *
+ * @param {Fields | HTMLElement | Element} item - We can pass element Object or Fields as Object with ID and Text fields.
+ */
+ ListView.prototype.hideItem = function (item) {
+ this.showHideItem(item, true, 'none');
+ if (this.enableVirtualization) {
+ this.virtualizationModule.hideItem(item);
+ }
+ };
+ ListView.prototype.showHideItem = function (obj, isHide, display) {
+ var resultJSON = this.getItemData(obj);
+ var fieldData = Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(resultJSON, this.listBaseOption.fields);
+ if (resultJSON) {
+ var li = this.element.querySelector('[data-uid="' + fieldData[this.fields.id] + '"]');
+ if (li) {
+ li.style.display = display;
+ }
+ if (isHide) {
+ // eslint-disable-next-line
+ resultJSON[this.fields.isVisible] = false;
+ }
+ else {
+ delete resultJSON[this.fields.isVisible];
+ }
+ }
+ };
+ /**
+ * Adds the new list item(s) to the current ListView.
+ * To add a new list item(s) in the ListView, we need to pass the `data` as an array of items that need
+ * to be added and `fields` as the target item to which we need to add the given item(s) as its children.
+ * For example fields: { text: 'Name', tooltip: 'Name', id:'id'}
+ *
+ * @param {{Object}[]} data - JSON Array Data that need to add.
+ *
+ * @param {Fields} fields - Target item to add the given data as its children (can be null).
+ *
+ */
+ ListView.prototype.addItem = function (data, fields) {
+ if (fields === void 0) { fields = undefined; }
+ var dataSource = this.dataSource instanceof _ej2_data__WEBPACK_IMPORTED_MODULE_1__["DataManager"]
+ ? this.localData : this.dataSource;
+ this.addItemInternally(data, fields, dataSource);
+ };
+ ListView.prototype.addItemInternally = function (data, fields, dataSource) {
+ if (data instanceof Array) {
+ if (this.enableVirtualization) {
+ this.virtualizationModule.addItem(data, fields, dataSource);
+ }
+ else {
+ var ds = this.findItemFromDS(dataSource, fields);
+ var child = void 0;
+ if (ds) {
+ var fieldData = Object(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["getFieldValues"])(ds, this.listBaseOption.fields);
+ child = fieldData[this.fields.child];
+ if (!child) {
+ child = [];
+ }
+ child = child.concat(data);
+ }
+ // check for whether target is nested level or top level in list
+ if (ds instanceof Array) {
+ for (var i = 0; i < data.length; i++) {
+ dataSource.push(data[i]);
+ this.setViewDataSource(dataSource);
+ // since it is top level target, get the content container's first child
+ // as it is always the top level UL
+ var targetUL = this.contentContainer
+ ? this.contentContainer.children[0]
+ : null;
+ // check for whether the list was previously empty or not, if it is
+ // proceed to call initial render
+ if (this.contentContainer && targetUL) {
+ this.addItemIntoDom(data[i], targetUL, this.curViewDS);
+ }
+ else {
+ this.reRender();
+ }
+ }
+ this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
+ }
+ else {
+ // proceed as target item is in nested level, only if it is a valid target ds
+ if (ds) {
+ ds[this.fields.child] = child;
+ this.addItemInNestedList(ds, data);
+ }
+ }
+ }
+ }
+ };
+ ListView.prototype.addItemInNestedList = function (targetItemData, itemQueue) {
+ // eslint-disable-next-line
+ var targetItemId = targetItemData[this.fields.id];
+ var targetChildDS = targetItemData[this.fields.child];
+ var isAlreadyRenderedUL = this.element.querySelector('[pid=\'' + targetItemId + '\']');
+ var targetLi = this.element.querySelector('[data-uid=\'' + targetItemId + '\']');
+ var targetUL = isAlreadyRenderedUL
+ ? isAlreadyRenderedUL
+ : targetLi
+ ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(targetLi, 'ul')
+ : null;
+ var targetDS = isAlreadyRenderedUL ? targetChildDS : [targetItemData];
+ var isTargetEmptyChild = targetLi ? !targetLi.classList.contains(classNames.hasChild) : false;
+ var isRefreshTemplateNeeded = false;
+ // if li element is already rendered, that element needs to be refreshed so that
+ // it becomes child viewable due to new child items are added now
+ if (isTargetEmptyChild) {
+ var targetRefreshedElement = _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].createListItemFromJson(this.createElement, targetDS, this.listBaseOption, null, null, this);
+ this.setAttributes(targetRefreshedElement);
+ targetUL.insertBefore(targetRefreshedElement[0], targetLi);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(targetLi);
+ isRefreshTemplateNeeded = true;
+ }
+ // if it is already rendered element, we need to create and append new elements
+ if (isAlreadyRenderedUL && itemQueue) {
+ for (var i = 0; i < itemQueue.length; i++) {
+ targetDS.push(itemQueue[i]);
+ this.addItemIntoDom(itemQueue[i], targetUL, targetDS);
+ }
+ isRefreshTemplateNeeded = true;
+ }
+ };
+ ListView.prototype.addItemIntoDom = function (currentItem, targetUL, curViewDS) {
+ var index = curViewDS.indexOf(currentItem);
+ this.addListItem(currentItem, index, targetUL, curViewDS);
+ var curItemDS = curViewDS[index - 1];
+ if (curItemDS && curItemDS.isHeader && curItemDS.items.length === 1) {
+ this.addListItem(curItemDS, (index - 1), targetUL, curViewDS);
+ }
+ };
+ ListView.prototype.addListItem = function (dataSource, index, ulElement, curViewDS) {
+ var target = this.getLiFromObjOrElement(curViewDS[index + 1]) ||
+ this.getLiFromObjOrElement(curViewDS[index + 2]) || null;
+ var li = _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].createListItemFromJson(this.createElement, [dataSource], this.listBaseOption, null, null, this);
+ this.setAttributes(li);
+ // eslint-disable-next-line
+ if (this.template && this.isReact) {
+ this.renderReactTemplates();
+ }
+ if (this.fields.groupBy && curViewDS[index + 1] && curViewDS[index + 1].isHeader) {
+ var targetEle = this.getLiFromObjOrElement(curViewDS[index - 1]);
+ if (targetEle) {
+ target = targetEle.nextElementSibling;
+ }
+ }
+ ulElement.insertBefore(li[0], target);
+ };
+ /**
+ * Removes the list item from the data source based on a passed
+ * element like fields: { text: 'Name', tooltip: 'Name', id:'id'}
+ *
+ * @param {Fields | HTMLElement | Element} item - We can pass element Object or Fields as Object with ID and Text fields.
+ */
+ ListView.prototype.removeItem = function (item) {
+ var listDataSource = this.dataSource instanceof _ej2_data__WEBPACK_IMPORTED_MODULE_1__["DataManager"]
+ ? this.localData : this.dataSource;
+ if (this.enableVirtualization) {
+ this.virtualizationModule.removeItem(item);
+ }
+ else {
+ this.removeItemFromList(item, listDataSource);
+ }
+ };
+ ListView.prototype.removeItemFromList = function (obj, listDataSource) {
+ var _this = this;
+ var curViewDS = this.curViewDS;
+ var fields = obj instanceof Element ? this.getElementUID(obj) : obj;
+ var dataSource;
+ // eslint-disable-next-line prefer-const
+ dataSource = this.findItemFromDS(listDataSource, fields, true);
+ if (dataSource) {
+ var data_1;
+ // eslint-disable-next-line prefer-const
+ data_1 = this.findItemFromDS(dataSource, fields);
+ var index = curViewDS.indexOf(data_1);
+ var li = this.getLiFromObjOrElement(obj);
+ var groupLi = void 0;
+ this.validateNestedView(li);
+ if (this.fields.groupBy && this.curViewDS[index - 1] &&
+ curViewDS[index - 1].isHeader &&
+ curViewDS[index - 1].items.length === 1) {
+ if (li && li.previousElementSibling.classList.contains(classNames.groupListItem) &&
+ (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(li.nextElementSibling) || (li.nextElementSibling &&
+ li.nextElementSibling.classList.contains(classNames.groupListItem)))) {
+ groupLi = li.previousElementSibling;
+ }
+ }
+ if (li) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(li);
+ }
+ if (groupLi) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(groupLi);
+ }
+ // eslint-disable-next-line
+ var foundData = (dataSource.length - 1) <= 0
+ ? this.findParent(this.localData, this.fields.id,
+ // eslint-disable-next-line
+ function (value) { return value === data_1[_this.fields.id]; }, null) : null;
+ var dsIndex = dataSource.indexOf(data_1);
+ dataSource.splice(dsIndex, 1);
+ this.setViewDataSource(listDataSource);
+ if (foundData
+ && foundData.parent
+ && Array.isArray(foundData.parent[this.fields.child])
+ && foundData.parent[this.fields.child].length <= 0) {
+ var parentLi = this.getLiFromObjOrElement(foundData.parent);
+ if (parentLi) {
+ var li_1 = _common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].createListItemFromJson(this.createElement, [foundData.parent], this.listBaseOption, null, null, this);
+ this.setAttributes(li_1);
+ parentLi.parentElement.insertBefore(li_1[0], parentLi);
+ parentLi.parentElement.removeChild(parentLi);
+ }
+ }
+ if (dataSource.length <= 0) {
+ this.back();
+ }
+ this.liCollection = Array.prototype.slice.call(this.element.querySelectorAll('.' + classNames.listItem));
+ }
+ };
+ // validate before removing an element whether the current view is inside target element's child view
+ ListView.prototype.validateNestedView = function (li) {
+ var liID = li ? li.getAttribute('data-uid').toString().toLowerCase() : null;
+ if (liID && this.curDSLevel && this.curDSLevel.length > 0) {
+ while (this.curDSLevel.some(function (id) { return id.toString().toLowerCase() === liID; })) {
+ this.back();
+ }
+ }
+ };
+ /**
+ * Removes multiple items from the ListView by passing the array of elements or array of field objects.
+ *
+ * @param {Fields[] | HTMLElement[] | Element[]} item - We can pass array of elements or array of field Object with ID and Text fields.
+ */
+ ListView.prototype.removeMultipleItems = function (item) {
+ if (item.length) {
+ for (var i = 0; i < item.length; i++) {
+ this.removeItem(item[i]);
+ }
+ }
+ };
+ // eslint-disable-next-line
+ ListView.prototype.findParent = function (dataSource, id, callback, parent) {
+ // eslint-disable-next-line no-prototype-builtins
+ if (dataSource.hasOwnProperty(id) && callback(dataSource[id]) === true) {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, dataSource);
+ }
+ for (var i = 0; i < Object.keys(dataSource).length; i++) {
+ if (dataSource[Object.keys(dataSource)[i]]
+ && typeof dataSource[Object.keys(dataSource)[i]] === 'object') {
+ // eslint-disable-next-line
+ var result = this.findParent(dataSource[Object.keys(dataSource)[i]], id, callback, dataSource);
+ if (result != null) {
+ if (!result.parent) {
+ result.parent = parent;
+ }
+ return result;
+ }
+ }
+ }
+ return null;
+ };
+ // Module Required function
+ ListView.prototype.getModuleName = function () {
+ return 'listview';
+ };
+ ListView.prototype.requiredModules = function () {
+ var modules = [];
+ if (this.enableVirtualization) {
+ modules.push({ args: [this], member: 'virtualization' });
+ }
+ return modules;
+ };
+ /**
+ * Get the properties to be maintained in the persisted state.
+ */
+ ListView.prototype.getPersistData = function () {
+ return this.addOnPersist(['cssClass', 'enableRtl', 'htmlAttributes',
+ 'enable', 'fields', 'animation', 'headerTitle',
+ 'sortOrder', 'showIcon', 'height', 'width', 'showCheckBox', 'checkBoxPosition', 'selectedId']);
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ListView.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], ListView.prototype, "enableVirtualization", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({})
+ ], ListView.prototype, "htmlAttributes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], ListView.prototype, "enable", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])([])
+ ], ListView.prototype, "dataSource", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], ListView.prototype, "query", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])(_common_list_base__WEBPACK_IMPORTED_MODULE_3__["ListBase"].defaultMappedFields, FieldSettings)
+ ], ListView.prototype, "fields", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({ effect: 'SlideLeft', duration: 400, easing: 'ease' })
+ ], ListView.prototype, "animation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('None')
+ ], ListView.prototype, "sortOrder", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], ListView.prototype, "showIcon", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], ListView.prototype, "showCheckBox", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Left')
+ ], ListView.prototype, "checkBoxPosition", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ListView.prototype, "headerTitle", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], ListView.prototype, "showHeader", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], ListView.prototype, "enableHtmlSanitizer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ListView.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], ListView.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], ListView.prototype, "template", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], ListView.prototype, "headerTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], ListView.prototype, "groupTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ListView.prototype, "select", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ListView.prototype, "actionBegin", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ListView.prototype, "actionComplete", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], ListView.prototype, "actionFailure", void 0);
+ ListView = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], ListView);
+ return ListView;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-lists/list-view/virtualization.js":
+/*!*****************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-lists/list-view/virtualization.js ***!
+ \*****************************************************************************/
+/*! exports provided: Virtualization */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Virtualization", function() { return Virtualization; });
+/* harmony import */ var _list_view__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./list-view */ "./ej2-resources/22.1.37/scripts/ej2-lists/list-view/list-view.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _common_list_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common/list-base */ "./ej2-resources/22.1.37/scripts/ej2-lists/common/list-base.js");
+/* harmony import */ var _ej2_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../ej2-data */ "./ej2-resources/22.1.37/scripts/ej2-data/index.js");
+
+
+
+
+var listElementCount = 1.5;
+var windowElementCount = 3;
+var Virtualization = /** @__PURE__ @class */ (function () {
+ function Virtualization(instance) {
+ this.elementDifference = 0;
+ this.listViewInstance = instance;
+ }
+ /**
+ * For internal use only.
+ *
+ * @private
+ */
+ Virtualization.prototype.isNgTemplate = function () {
+ return !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(this.listViewInstance.templateRef) && typeof this.listViewInstance.templateRef !== 'string';
+ };
+ /**
+ * Checks if the platform is a Vue and its template property is a function type.
+ *
+ * @returns {boolean} indicating the result of the check
+ */
+ Virtualization.prototype.isVueFunctionTemplate = function () {
+ return this.listViewInstance.isVue && typeof this.listViewInstance.template === 'function';
+ };
+ /**
+ * For internal use only.
+ *
+ * @private
+ */
+ Virtualization.prototype.uiVirtualization = function () {
+ this.wireScrollEvent(false);
+ var curViewDS = this.listViewInstance.curViewDS;
+ var firstDs = curViewDS.slice(0, 1);
+ this.listViewInstance.ulElement = this.listViewInstance.curUL = _common_list_base__WEBPACK_IMPORTED_MODULE_2__["ListBase"].createList(
+ // eslint-disable-next-line
+ this.listViewInstance.createElement, firstDs, this.listViewInstance.listBaseOption, null, this.listViewInstance);
+ this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].container });
+ this.listViewInstance.element.appendChild(this.listViewInstance.contentContainer);
+ this.listViewInstance.contentContainer.appendChild(this.listViewInstance.ulElement);
+ this.listItemHeight = this.listViewInstance.ulElement.firstElementChild.getBoundingClientRect().height;
+ this.expectedDomItemCount = this.ValidateItemCount(10000);
+ this.domItemCount = this.ValidateItemCount(Object.keys(this.listViewInstance.curViewDS).length);
+ this.uiFirstIndex = 0;
+ this.uiLastIndex = this.domItemCount - 1;
+ var otherDs = curViewDS.slice(1, this.domItemCount);
+ var listItems = _common_list_base__WEBPACK_IMPORTED_MODULE_2__["ListBase"].createListItemFromJson(
+ // eslint-disable-next-line
+ this.listViewInstance.createElement, otherDs, this.listViewInstance.listBaseOption, null, null, this.listViewInstance);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["append"])(listItems, this.listViewInstance.ulElement);
+ this.listViewInstance.liCollection = this.listViewInstance.curUL.querySelectorAll('li');
+ this.topElement = this.listViewInstance.createElement('div');
+ this.listViewInstance.ulElement.insertBefore(this.topElement, this.listViewInstance.ulElement.firstElementChild);
+ this.bottomElement = this.listViewInstance.createElement('div');
+ this.listViewInstance.ulElement.insertBefore(this.bottomElement, null);
+ this.totalHeight = (Object.keys(curViewDS).length * this.listItemHeight) - (this.domItemCount * this.listItemHeight);
+ this.topElement.style.height = 0 + 'px';
+ this.bottomElement.style.height = this.totalHeight + 'px';
+ this.topElementHeight = 0;
+ this.bottomElementHeight = this.totalHeight;
+ this.listDiff = 0;
+ this.uiIndicesInitialization();
+ };
+ Virtualization.prototype.wireScrollEvent = function (destroy) {
+ if (!destroy) {
+ if (this.listViewInstance.isWindow) {
+ this.onVirtualScroll = this.onVirtualUiScroll.bind(this);
+ window.addEventListener('scroll', this.onVirtualScroll);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_1__["EventHandler"].add(this.listViewInstance.element, 'scroll', this.onVirtualUiScroll, this);
+ }
+ }
+ else {
+ if (this.listViewInstance.isWindow === true) {
+ window.removeEventListener('scroll', this.onVirtualScroll);
+ window.removeEventListener('scroll', this.updateUl);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_1__["EventHandler"].remove(this.listViewInstance.element, 'scroll', this.onVirtualUiScroll);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_1__["EventHandler"].remove(this.listViewInstance.element, 'scroll', this.updateUlContainer);
+ }
+ }
+ };
+ Virtualization.prototype.updateUlContainer = function (e) {
+ var listDiff;
+ var virtualElementContainer = this.listViewInstance.ulElement.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].virtualElementContainer);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(this.listViewInstance.liElementHeight)) {
+ this.listViewInstance.updateLiElementHeight();
+ }
+ if (this.listViewInstance.isWindow) {
+ // eslint-disable-next-line
+ listDiff = Math.round(e.target.documentElement.scrollTop / this.listViewInstance.liElementHeight) - 2;
+ }
+ else {
+ // eslint-disable-next-line
+ listDiff = Math.round(e.target.scrollTop / this.listViewInstance.liElementHeight) - 2;
+ }
+ if (((listDiff - 1) * this.listViewInstance.liElementHeight) < 0) {
+ virtualElementContainer.style.top = '0px';
+ }
+ else {
+ virtualElementContainer.style.top = (listDiff) * this.listViewInstance.liElementHeight + 'px';
+ }
+ };
+ Virtualization.prototype.ValidateItemCount = function (dataSourceLength) {
+ var height = parseFloat(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["formatUnit"])(this.listViewInstance.height));
+ var itemCount;
+ if (this.listViewInstance.isWindow) {
+ itemCount = Math.round((window.innerHeight / this.listItemHeight) * windowElementCount);
+ }
+ else {
+ if (typeof this.listViewInstance.height === 'string' && this.listViewInstance.height.indexOf('%') !== -1) {
+ // eslint-disable-next-line max-len
+ itemCount = Math.round((this.listViewInstance.element.getBoundingClientRect().height / this.listItemHeight) * listElementCount);
+ }
+ else {
+ itemCount = Math.round((height / this.listItemHeight) * listElementCount);
+ }
+ }
+ if (itemCount > dataSourceLength) {
+ itemCount = dataSourceLength;
+ }
+ return itemCount;
+ };
+ Virtualization.prototype.uiIndicesInitialization = function () {
+ this.uiIndices = { 'activeIndices': [], 'disabledItemIndices': [], 'hiddenItemIndices': [] };
+ var data = this.listViewInstance.curViewDS;
+ for (var i = 0; i < data.length; i++) {
+ if (this.listViewInstance.showCheckBox && data[i][this.listViewInstance.fields.isChecked]) {
+ this.uiIndices.activeIndices.push(i);
+ }
+ // eslint-disable-next-line
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(data[i][this.listViewInstance.fields.enabled]) &&
+ !data[i][this.listViewInstance.fields.enabled]) {
+ // eslint-disable-next-line
+ (this.uiIndices.disabledItemIndices.push(i));
+ }
+ }
+ if (this.isNgTemplate()) {
+ var items = this.listViewInstance.element.querySelectorAll('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].listItem);
+ for (var index = 0; index < items.length; index++) {
+ items[index].context = this.listViewInstance.viewContainerRef.get(index).context;
+ }
+ }
+ };
+ Virtualization.prototype.refreshItemHeight = function () {
+ if (this.listViewInstance.curViewDS.length) {
+ var curViewDS = this.listViewInstance.curViewDS;
+ this.listItemHeight = this.topElement.nextSibling.getBoundingClientRect().height;
+ this.totalHeight = (Object.keys(curViewDS).length * this.listItemHeight) - (this.domItemCount * this.listItemHeight);
+ this.bottomElementHeight = this.totalHeight;
+ this.bottomElement.style.height = this.totalHeight + 'px';
+ }
+ };
+ Virtualization.prototype.getscrollerHeight = function (startingHeight) {
+ return this.listViewInstance.isWindow ? (((pageYOffset - startingHeight) <= 0) ? 0 :
+ (pageYOffset - startingHeight)) : ((this.listViewInstance.element.scrollTop - startingHeight) <= 0) ? 0 :
+ (this.listViewInstance.element.scrollTop - startingHeight);
+ };
+ Virtualization.prototype.onVirtualUiScroll = function (e) {
+ var _a;
+ var startingHeight;
+ if (this.listViewInstance.isWindow) {
+ startingHeight = this.listViewInstance.ulElement.getBoundingClientRect().top -
+ document.documentElement.getBoundingClientRect().top;
+ }
+ else {
+ startingHeight = this.listViewInstance.headerEle ? this.listViewInstance.headerEle.getBoundingClientRect().height : 0;
+ }
+ this.scrollPosition = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(this.scrollPosition) ? 0 : this.scrollPosition;
+ var scroll = this.getscrollerHeight(startingHeight);
+ this.topElementHeight = this.listItemHeight * Math.floor(scroll / this.listItemHeight);
+ this.bottomElementHeight = this.totalHeight - this.topElementHeight;
+ _a = scroll <= this.totalHeight ?
+ [this.topElementHeight, this.bottomElementHeight] : [this.totalHeight, 0], this.topElementHeight = _a[0], this.bottomElementHeight = _a[1];
+ if (this.topElementHeight !== parseFloat(this.topElement.style.height)) {
+ this.topElement.style.height = this.topElementHeight + 'px';
+ this.bottomElement.style.height = this.bottomElementHeight + 'px';
+ if (scroll > this.scrollPosition) {
+ var listDiff = Math.round(((this.topElementHeight / this.listItemHeight) - this.listDiff));
+ if (listDiff > (this.expectedDomItemCount + 5)) {
+ this.onLongScroll(listDiff, true);
+ }
+ else {
+ this.onNormalScroll(listDiff, true);
+ }
+ }
+ else {
+ var listDiff = Math.round((this.listDiff - (this.topElementHeight / this.listItemHeight)));
+ if (listDiff > (this.expectedDomItemCount + 5)) {
+ this.onLongScroll(listDiff, false);
+ }
+ else {
+ this.onNormalScroll(listDiff, false);
+ }
+ }
+ }
+ this.listDiff = Math.round(this.topElementHeight / this.listItemHeight);
+ if (typeof this.listViewInstance.onUIScrolled === 'function') {
+ this.listViewInstance.onUIScrolled();
+ }
+ this.scrollPosition = scroll;
+ };
+ Virtualization.prototype.onLongScroll = function (listDiff, isScrollingDown) {
+ var index = isScrollingDown ? (this.uiFirstIndex + listDiff) : (this.uiFirstIndex - listDiff);
+ var elements = this.listViewInstance.ulElement.querySelectorAll('li');
+ for (var i = 0; i < elements.length; i++) {
+ this.updateUI(elements[i], index);
+ index++;
+ }
+ this.uiLastIndex = isScrollingDown ? (this.uiLastIndex + listDiff) : (this.uiLastIndex - listDiff);
+ this.uiFirstIndex = isScrollingDown ? (this.uiFirstIndex + listDiff) : (this.uiFirstIndex - listDiff);
+ };
+ Virtualization.prototype.onNormalScroll = function (listDiff, isScrollingDown) {
+ if (isScrollingDown) {
+ for (var i = 0; i < listDiff; i++) {
+ var index = ++this.uiLastIndex;
+ this.updateUI(this.topElement.nextElementSibling, index, this.bottomElement);
+ this.uiFirstIndex++;
+ }
+ }
+ else {
+ for (var i = 0; i < listDiff; i++) {
+ var index = --this.uiFirstIndex;
+ var target = this.topElement.nextSibling;
+ this.updateUI(this.bottomElement.previousElementSibling, index, target);
+ this.uiLastIndex--;
+ }
+ }
+ };
+ Virtualization.prototype.updateUiContent = function (element, index) {
+ // eslint-disable-next-line
+ var curViewDs = this.listViewInstance.curViewDS;
+ if (typeof this.listViewInstance.dataSource[0] === 'string' ||
+ typeof this.listViewInstance.dataSource[0] === 'number') {
+ element.dataset.uid = _common_list_base__WEBPACK_IMPORTED_MODULE_2__["ListBase"].generateId();
+ element.getElementsByClassName(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].listItemText)[0].innerHTML =
+ this.listViewInstance.curViewDS[index].toString();
+ }
+ else {
+ // eslint-disable-next-line
+ element.dataset.uid = (curViewDs[index][this.listViewInstance.fields.id]) ?
+ // eslint-disable-next-line
+ (curViewDs[index][this.listViewInstance.fields.id]) : _common_list_base__WEBPACK_IMPORTED_MODULE_2__["ListBase"].generateId();
+ element.getElementsByClassName(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].listItemText)[0].innerHTML =
+ // eslint-disable-next-line
+ (curViewDs[index][this.listViewInstance.fields.text]);
+ }
+ if (this.listViewInstance.showIcon) {
+ if (element.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].listIcon)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["detach"])(element.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].listIcon));
+ }
+ if (this.listViewInstance.curViewDS[index][this.listViewInstance.fields.iconCss]) {
+ var textContent = element.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].textContent);
+ var target = this.listViewInstance.createElement('div', {
+ className: _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].listIcon + ' ' +
+ this.listViewInstance.curViewDS[index][this.listViewInstance.fields.iconCss]
+ });
+ textContent.insertBefore(target, element.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].listItemText));
+ }
+ }
+ if (this.listViewInstance.showCheckBox && this.listViewInstance.fields.groupBy) {
+ if (!this.checkListWrapper) {
+ this.checkListWrapper = this.listViewInstance.curUL.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checkboxWrapper).cloneNode(true);
+ }
+ var textContent = element.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].textContent);
+ if (this.listViewInstance.curViewDS[index].isHeader) {
+ if (element.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checkboxWrapper)) {
+ element.classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checklist);
+ textContent.classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checkbox);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["detach"])(element.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checkboxWrapper));
+ }
+ }
+ else {
+ if (!element.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checkboxWrapper)) {
+ element.classList.add(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checklist);
+ textContent.classList.add(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checkbox);
+ textContent.insertBefore(this.checkListWrapper.cloneNode(true), element.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].listItemText));
+ }
+ }
+ }
+ };
+ Virtualization.prototype.changeElementAttributes = function (element, index) {
+ element.classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].disable);
+ if (this.uiIndices.disabledItemIndices.length && this.uiIndices.disabledItemIndices.indexOf(index) !== -1) {
+ element.classList.add(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].disable);
+ }
+ element.style.display = '';
+ if (this.uiIndices.hiddenItemIndices.length && this.uiIndices.hiddenItemIndices.indexOf(index) !== -1) {
+ element.style.display = 'none';
+ }
+ if (this.listViewInstance.showCheckBox) {
+ var checklistElement = element.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checkboxWrapper);
+ element.classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].selected);
+ element.classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].focused);
+ if (checklistElement) {
+ checklistElement.removeAttribute('aria-checked');
+ checklistElement.firstElementChild.classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checked);
+ }
+ if (this.uiIndices.activeIndices.length && this.uiIndices.activeIndices.indexOf(index) !== -1 &&
+ !this.listViewInstance.curUL.querySelector(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].selected)) {
+ element.classList.add(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].selected);
+ checklistElement.firstElementChild.classList.add(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checked);
+ checklistElement.setAttribute('aria-checked', 'true');
+ if (this.activeIndex === index) {
+ element.classList.add(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].focused);
+ }
+ }
+ }
+ else {
+ element.classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].selected);
+ element.removeAttribute('aria-selected');
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(this.activeIndex) && this.activeIndex === index &&
+ !this.listViewInstance.curUL.querySelector(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].selected)) {
+ element.classList.add(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].selected);
+ element.setAttribute('aria-selected', 'true');
+ }
+ }
+ if (this.listViewInstance.fields.groupBy) {
+ if (this.listViewInstance.curViewDS[index].isHeader) {
+ if (element.classList.contains(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].listItem)) {
+ element.classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].listItem);
+ element.setAttribute('role', 'group');
+ element.classList.add(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].groupListItem);
+ }
+ }
+ else {
+ if (element.classList.contains(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].groupListItem)) {
+ element.classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].groupListItem);
+ element.setAttribute('role', 'listitem');
+ element.classList.add(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].listItem);
+ }
+ }
+ }
+ };
+ Virtualization.prototype.findDSAndIndexFromId = function (ds, fields) {
+ var _this = this;
+ var resultJSON = {};
+ fields = this.listViewInstance.getElementUID(fields);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(fields)) {
+ ds.some(function (data, index) {
+ if ((fields[_this.listViewInstance.fields.id] &&
+ // eslint-disable-next-line
+ fields[_this.listViewInstance.fields.id]
+ // eslint-disable-next-line
+ === (data[_this.listViewInstance.fields.id] && data[_this.listViewInstance.fields.id]) || fields === data)) {
+ resultJSON.index = index;
+ resultJSON.data = data;
+ return true;
+ }
+ else {
+ return false;
+ }
+ });
+ }
+ return resultJSON;
+ };
+ Virtualization.prototype.getSelectedItems = function () {
+ var _this = this;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(this.activeIndex) || (this.listViewInstance.showCheckBox && this.uiIndices.activeIndices.length)) {
+ var dataCollection = [];
+ var textCollection = [];
+ if (typeof this.listViewInstance.dataSource[0] === 'string' ||
+ typeof this.listViewInstance.dataSource[0] === 'number') {
+ var curViewDS_1 = this.listViewInstance.curViewDS;
+ if (this.listViewInstance.showCheckBox) {
+ var indices = this.uiIndices.activeIndices;
+ for (var i = 0; i < indices.length; i++) {
+ dataCollection.push(curViewDS_1[indices[i]]);
+ }
+ return {
+ text: dataCollection,
+ // eslint-disable-next-line
+ data: dataCollection,
+ index: this.uiIndices.activeIndices.map(function (index) {
+ return _this.listViewInstance.dataSource.indexOf(curViewDS_1[index]);
+ })
+ };
+ }
+ else {
+ return {
+ text: curViewDS_1[this.activeIndex],
+ data: curViewDS_1[this.activeIndex],
+ index: this.listViewInstance.dataSource.indexOf(curViewDS_1[this.activeIndex])
+ };
+ }
+ }
+ else {
+ var curViewDS_2 = this.listViewInstance.curViewDS;
+ var text = this.listViewInstance.fields.text;
+ if (this.listViewInstance.showCheckBox) {
+ var indexArray = this.uiIndices.activeIndices;
+ for (var i = 0; i < indexArray.length; i++) {
+ textCollection.push(curViewDS_2[indexArray[i]]["" + text]);
+ // eslint-disable-next-line
+ dataCollection.push(curViewDS_2[indexArray[i]]);
+ }
+ // eslint-disable-next-line
+ var dataSource_1 = this.listViewInstance.dataSource instanceof _ej2_data__WEBPACK_IMPORTED_MODULE_3__["DataManager"]
+ ? curViewDS_2 : this.listViewInstance.dataSource;
+ return {
+ text: textCollection,
+ // eslint-disable-next-line
+ data: dataCollection,
+ index: this.uiIndices.activeIndices.map(function (index) {
+ return dataSource_1.indexOf(curViewDS_2[index]);
+ })
+ };
+ }
+ else {
+ // eslint-disable-next-line
+ var dataSource = this.listViewInstance.dataSource instanceof _ej2_data__WEBPACK_IMPORTED_MODULE_3__["DataManager"]
+ ? curViewDS_2 : this.listViewInstance.dataSource;
+ return {
+ text: curViewDS_2[this.activeIndex][this.listViewInstance.fields.text],
+ // eslint-disable-next-line
+ data: curViewDS_2[this.activeIndex],
+ index: dataSource.indexOf(curViewDS_2[this.activeIndex])
+ };
+ }
+ }
+ }
+ else {
+ return undefined;
+ }
+ };
+ Virtualization.prototype.selectItem = function (obj) {
+ // eslint-disable-next-line
+ var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
+ if (Object.keys(resutJSON).length) {
+ var isSelected = this.activeIndex === resutJSON.index;
+ var isChecked = void 0;
+ this.activeIndex = resutJSON.index;
+ if (this.listViewInstance.showCheckBox) {
+ if (this.uiIndices.activeIndices.indexOf(resutJSON.index) === -1) {
+ isChecked = true;
+ this.uiIndices.activeIndices.push(resutJSON.index);
+ }
+ else {
+ isChecked = false;
+ this.uiIndices.activeIndices.splice(this.uiIndices.activeIndices.indexOf(resutJSON.index), 1);
+ }
+ if (this.listViewInstance.curUL.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].focused)) {
+ this.listViewInstance.curUL.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].focused).classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].focused);
+ }
+ }
+ if (this.listViewInstance.getLiFromObjOrElement(obj)) {
+ if (this.listViewInstance.showCheckBox) {
+ this.listViewInstance.setCheckboxLI(this.listViewInstance.getLiFromObjOrElement(obj));
+ }
+ else {
+ this.listViewInstance.setSelectLI(this.listViewInstance.getLiFromObjOrElement(obj));
+ }
+ }
+ else {
+ // eslint-disable-next-line
+ var eventArgs = void 0;
+ if (typeof this.listViewInstance.dataSource[0] === 'string' ||
+ typeof this.listViewInstance.dataSource[0] === 'number') {
+ eventArgs = {
+ text: this.listViewInstance.curViewDS[this.activeIndex],
+ data: this.listViewInstance.curViewDS[this.activeIndex],
+ index: this.activeIndex
+ };
+ }
+ else {
+ var curViewDS = this.listViewInstance.curViewDS;
+ eventArgs = {
+ text: curViewDS[this.activeIndex][this.listViewInstance.fields.text],
+ data: curViewDS[this.activeIndex],
+ index: this.activeIndex
+ };
+ }
+ if (this.listViewInstance.showCheckBox) {
+ eventArgs.isChecked = isChecked;
+ this.listViewInstance.trigger('select', eventArgs);
+ }
+ else if (!isSelected) {
+ this.listViewInstance.removeSelect();
+ this.listViewInstance.trigger('select', eventArgs);
+ }
+ }
+ }
+ else if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(obj) && !this.listViewInstance.showCheckBox) {
+ this.listViewInstance.removeSelect();
+ this.activeIndex = undefined;
+ }
+ };
+ Virtualization.prototype.enableItem = function (obj) {
+ // eslint-disable-next-line
+ var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
+ if (Object.keys(resutJSON).length) {
+ this.uiIndices.disabledItemIndices.splice(this.uiIndices.disabledItemIndices.indexOf(resutJSON.index), 1);
+ }
+ };
+ Virtualization.prototype.disableItem = function (obj) {
+ // eslint-disable-next-line
+ var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
+ if (Object.keys(resutJSON).length && this.uiIndices.disabledItemIndices.indexOf(resutJSON.index) === -1) {
+ this.uiIndices.disabledItemIndices.push(resutJSON.index);
+ }
+ };
+ Virtualization.prototype.showItem = function (obj) {
+ // eslint-disable-next-line
+ var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
+ if (Object.keys(resutJSON).length) {
+ this.uiIndices.hiddenItemIndices.splice(this.uiIndices.hiddenItemIndices.indexOf(resutJSON.index), 1);
+ }
+ };
+ Virtualization.prototype.hideItem = function (obj) {
+ // eslint-disable-next-line
+ var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
+ if (Object.keys(resutJSON).length && this.uiIndices.hiddenItemIndices.indexOf(resutJSON.index) === -1) {
+ this.uiIndices.hiddenItemIndices.push(resutJSON.index);
+ }
+ };
+ Virtualization.prototype.removeItem = function (obj) {
+ var dataSource;
+ var curViewDS = this.listViewInstance.curViewDS;
+ // eslint-disable-next-line
+ var resutJSON = this.findDSAndIndexFromId(curViewDS, obj);
+ // eslint-disable-next-line
+ if (Object.keys(resutJSON).length) {
+ dataSource = resutJSON.data;
+ if (curViewDS[resutJSON.index - 1] &&
+ curViewDS[resutJSON.index - 1].isHeader &&
+ (curViewDS[resutJSON.index - 1])
+ .items.length === 1) {
+ this.removeUiItem(resutJSON.index - 1);
+ this.removeUiItem(resutJSON.index - 1);
+ }
+ else {
+ this.removeUiItem(resutJSON.index);
+ }
+ }
+ var listDataSource = this.listViewInstance.dataSource instanceof _ej2_data__WEBPACK_IMPORTED_MODULE_3__["DataManager"]
+ ? this.listViewInstance.localData : this.listViewInstance.dataSource;
+ var index = listDataSource.indexOf(dataSource);
+ if (index !== -1) {
+ listDataSource.splice(index, 1);
+ this.listViewInstance.setViewDataSource(listDataSource);
+ }
+ // recollect all the list item into collection
+ this.listViewInstance.liCollection =
+ this.listViewInstance.curUL.querySelectorAll('li');
+ };
+ // eslint-disable-next-line
+ Virtualization.prototype.setCheckboxLI = function (li, e) {
+ var index = Array.prototype.indexOf.call(this.listViewInstance.curUL.querySelectorAll('li'), li) + this.uiFirstIndex;
+ this.activeIndex = Array.prototype.indexOf.call(this.listViewInstance.curUL.querySelectorAll('li'), li) + this.uiFirstIndex;
+ if (li.classList.contains(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].selected)) {
+ if (this.uiIndices.activeIndices.indexOf(index) === -1) {
+ this.uiIndices.activeIndices.push(index);
+ }
+ }
+ else {
+ this.uiIndices.activeIndices.splice(this.uiIndices.activeIndices.indexOf(index), 1);
+ }
+ };
+ // eslint-disable-next-line
+ Virtualization.prototype.setSelectLI = function (li, e) {
+ this.activeIndex = Array.prototype.indexOf.call(this.listViewInstance.curUL.querySelectorAll('li'), li) + this.uiFirstIndex;
+ };
+ Virtualization.prototype.checkedItem = function (checked) {
+ if (checked) {
+ this.uiIndices.activeIndices = [];
+ this.activeIndex = undefined;
+ var data = this.listViewInstance.curViewDS;
+ for (var index = 0; index < data.length; index++) {
+ if (!data[index].isHeader) {
+ this.uiIndices.activeIndices.push(index);
+ }
+ }
+ }
+ else {
+ this.activeIndex = undefined;
+ this.uiIndices.activeIndices = [];
+ }
+ };
+ Virtualization.prototype.addUiItem = function (index) {
+ // virtually new add list item based on the scollbar position
+ // if the scroll bar is at the top, just pretend the new item has been added since no UI
+ // change is required for the item that has been added at last but when scroll bar is at the bottom
+ // just detach top and inject into bottom to mimic new item is added
+ var curViewDs = this.listViewInstance.curViewDS;
+ this.changeUiIndices(index, true);
+ if (this.activeIndex && this.activeIndex >= index) {
+ this.activeIndex++;
+ }
+ if (this.listViewInstance.showCheckBox &&
+ curViewDs[index][this.listViewInstance.fields.isChecked]) {
+ this.uiIndices.activeIndices.push(index);
+ }
+ if (!parseFloat(this.bottomElement.style.height) && !parseFloat(this.topElement.style.height)) {
+ this.bottomElement.style.height = parseFloat(this.bottomElement.style.height) + this.listItemHeight + 'px';
+ }
+ if (parseFloat(this.bottomElement.style.height)) {
+ var liItem = this.listViewInstance.curUL.lastElementChild.previousSibling;
+ var target = this.listViewInstance.getLiFromObjOrElement(curViewDs[index + 1]) ||
+ this.listViewInstance.getLiFromObjOrElement(curViewDs[index + 2]);
+ if (target) {
+ this.bottomElement.style.height = parseFloat(this.bottomElement.style.height) + this.listItemHeight + 'px';
+ this.updateUI(liItem, index, target);
+ }
+ }
+ else {
+ var liItem = this.listViewInstance.curUL.firstElementChild.nextSibling;
+ var target = void 0;
+ if ((Object.keys(this.listViewInstance.curViewDS).length - 1) === index) {
+ target = this.listViewInstance.curUL.lastElementChild;
+ }
+ else {
+ target = this.listViewInstance.getLiFromObjOrElement(curViewDs[index + 1]) ||
+ this.listViewInstance.getLiFromObjOrElement(curViewDs[index + 2]);
+ }
+ this.topElement.style.height = parseFloat(this.topElement.style.height) + this.listItemHeight + 'px';
+ this.uiFirstIndex++;
+ this.uiLastIndex++;
+ if (target) {
+ this.updateUI(liItem, index, target);
+ if (this.listViewInstance.isWindow === true) {
+ window.scrollTo(0, (pageYOffset + this.listItemHeight));
+ }
+ else {
+ this.listViewInstance.element.scrollTop += this.listItemHeight;
+ }
+ }
+ }
+ this.totalHeight += this.listItemHeight;
+ this.listDiff = Math.round(parseFloat(this.topElement.style.height) / this.listItemHeight);
+ };
+ Virtualization.prototype.removeUiItem = function (index) {
+ this.totalHeight -= this.listItemHeight;
+ var curViewDS = this.listViewInstance.curViewDS[index];
+ var liItem = this.listViewInstance.getLiFromObjOrElement(curViewDS);
+ this.listViewInstance.curViewDS.splice(index, 1);
+ if (this.activeIndex && this.activeIndex >= index) {
+ this.activeIndex--;
+ }
+ if (liItem) {
+ if (this.domItemCount > Object.keys(this.listViewInstance.curViewDS).length) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["detach"])(liItem);
+ this.domItemCount--;
+ this.uiLastIndex--;
+ this.totalHeight = 0;
+ }
+ else {
+ if (liItem.classList.contains(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].disable)) {
+ liItem.classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].disable);
+ this.uiIndices.disabledItemIndices.splice(this.uiIndices.disabledItemIndices.indexOf(index), 1);
+ }
+ if (liItem.style.display === 'none') {
+ liItem.style.display = '';
+ this.uiIndices.hiddenItemIndices.splice(this.uiIndices.hiddenItemIndices.indexOf(index), 1);
+ }
+ if (this.listViewInstance.showCheckBox && liItem.classList.contains(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].selected)) {
+ this.listViewInstance.removeSelect();
+ this.uiIndices.activeIndices.splice(this.uiIndices.activeIndices.indexOf(index), 1);
+ var checklistElement = liItem.querySelector('.' + _list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checkboxWrapper);
+ checklistElement.removeAttribute('aria-checked');
+ checklistElement.firstElementChild.classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].checked);
+ if (liItem.classList.contains(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].focused)) {
+ liItem.classList.remove(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].focused);
+ this.activeIndex = undefined;
+ }
+ }
+ else if (liItem.classList.contains(_list_view__WEBPACK_IMPORTED_MODULE_0__["classNames"].selected)) {
+ this.listViewInstance.removeSelect();
+ this.activeIndex = undefined;
+ }
+ if (!parseFloat(this.bottomElement.style.height) && !parseFloat(this.topElement.style.height)) {
+ this.updateUI(liItem, this.uiLastIndex, this.bottomElement);
+ }
+ else if (parseFloat(this.bottomElement.style.height)) {
+ this.bottomElement.style.height = parseFloat(this.bottomElement.style.height) - this.listItemHeight + 'px';
+ this.updateUI(liItem, this.uiLastIndex, this.bottomElement);
+ }
+ else {
+ this.topElement.style.height = parseFloat(this.topElement.style.height) - this.listItemHeight + 'px';
+ this.updateUI(liItem, (this.uiFirstIndex - 1), this.topElement.nextSibling);
+ this.uiLastIndex--;
+ this.uiFirstIndex--;
+ }
+ }
+ }
+ this.changeUiIndices(index, false);
+ this.listDiff = Math.round(parseFloat(this.topElement.style.height) / this.listItemHeight);
+ };
+ Virtualization.prototype.changeUiIndices = function (index, increment) {
+ var keys = Object.keys(this.uiIndices);
+ for (var ind = 0; ind < keys.length; ind++) {
+ this.uiIndices[keys[ind]] = this.uiIndices[keys[ind]].map(function (i) {
+ if (i >= index) {
+ return increment ? ++i : --i;
+ }
+ else {
+ return i;
+ }
+ });
+ }
+ };
+ Virtualization.prototype.addItem = function (data, fields, dataSource) {
+ for (var i = 0; i < data.length; i++) {
+ var currentItem = data[i];
+ // push the given data to main data array
+ dataSource.push(currentItem);
+ // recalculate all the group data or other datasource related things
+ this.listViewInstance.setViewDataSource(dataSource);
+ // render list items for first time due to no datasource present earlier
+ if (!this.domItemCount) {
+ // fresh rendering for first time
+ if ((this.listViewInstance.template || this.listViewInstance.groupTemplate) && !this.isNgTemplate()) {
+ this.listViewInstance.listBaseOption.template = null;
+ this.listViewInstance.listBaseOption.groupTemplate = null;
+ this.listViewInstance.listBaseOption.itemCreated = this.createUIItem.bind(this);
+ }
+ this.uiVirtualization();
+ // when expected expected DOM count doesn't meet the condition we need to create and inject new item into DOM
+ }
+ else if (this.domItemCount < this.expectedDomItemCount) {
+ var ds = this.listViewInstance.findItemFromDS(dataSource, fields);
+ if (ds instanceof Array) {
+ if (this.listViewInstance.ulElement) {
+ var index = this.listViewInstance.curViewDS.indexOf(currentItem);
+ // inject new list item into DOM
+ this.createAndInjectNewItem(currentItem, index);
+ // check for group header item
+ var curViewDS = this.listViewInstance.curViewDS[index - 1];
+ if (curViewDS && curViewDS.isHeader && curViewDS.items.length === 1) {
+ // target group item index in datasource
+ --index;
+ // inject new group header into DOM for previously created list item
+ this.createAndInjectNewItem(curViewDS, index);
+ }
+ }
+ // recollect all the list item into collection
+ this.listViewInstance.liCollection =
+ this.listViewInstance.curUL.querySelectorAll('li');
+ }
+ }
+ else {
+ // eslint-disable-next-line
+ var index = this.listViewInstance.curViewDS.indexOf(currentItem);
+ // virtually new add list item based on the scollbar position
+ this.addUiItem(index);
+ // check for group header item needs to be added
+ var curViewDS = this.listViewInstance.curViewDS[index - 1];
+ if (curViewDS && curViewDS.isHeader && curViewDS.items.length === 1) {
+ this.addUiItem(index - 1);
+ }
+ }
+ }
+ };
+ Virtualization.prototype.createAndInjectNewItem = function (itemData, index) {
+ // generate li item for given datasource
+ var target;
+ var li = _common_list_base__WEBPACK_IMPORTED_MODULE_2__["ListBase"].createListItemFromJson(this.listViewInstance.createElement,
+ // eslint-disable-next-line
+ [itemData], this.listViewInstance.listBaseOption, null, null, this.listViewInstance);
+ // check for target element whether to insert before last item or group item
+ if ((Object.keys(this.listViewInstance.curViewDS).length - 1) === index) {
+ target = this.listViewInstance.curUL.lastElementChild;
+ }
+ else {
+ // target group header's first child item to append its header
+ target = this.listViewInstance.getLiFromObjOrElement(this.listViewInstance.curViewDS[index + 1]) ||
+ this.listViewInstance.getLiFromObjOrElement(this.listViewInstance.curViewDS[index + 2]);
+ }
+ if (this.listViewInstance.fields.groupBy && this.listViewInstance.curViewDS[index + 1] && this.listViewInstance.curViewDS[index + 1].isHeader) {
+ var targetEle = this.listViewInstance.getLiFromObjOrElement(this.listViewInstance.curViewDS[index - 1]);
+ if (targetEle) {
+ target = targetEle.nextElementSibling;
+ }
+ }
+ // insert before the target element
+ this.listViewInstance.ulElement.insertBefore(li[0], target);
+ // increment internal DOM count, last index count for new element
+ this.domItemCount++;
+ if (this.bottomElementHeight <= 0) {
+ this.uiLastIndex++;
+ }
+ // recalculate the current item height, to avoid jumpy scroller
+ this.refreshItemHeight();
+ };
+ Virtualization.prototype.createUIItem = function (args) {
+ var virtualTemplate = this.listViewInstance.template;
+ var template = this.listViewInstance.createElement('div');
+ var commonTemplate = '-
+ *
- Favorite + *
- Documents + *
- Downloads + *
' +
+ ' ${' + this.listViewInstance.fields.text + '}
';
+ if (this.listViewInstance.isReact) {
+ commonTemplate = null;
+ }
+ if (this.listViewInstance.showCheckBox) {
+ // eslint-disable-next-line
+ this.listViewInstance.renderCheckbox(args);
+ if ((!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(this.listViewInstance.virtualCheckBox)) &&
+ (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(this.listViewInstance.virtualCheckBox.outerHTML))) {
+ var div = document.createElement('div');
+ div.innerHTML = this.listViewInstance.template || commonTemplate;
+ if (div.children && div.children[0]) {
+ div.children[0].classList.add('e-checkbox');
+ if (this.listViewInstance.checkBoxPosition === 'Left') {
+ div.children[0].classList.add('e-checkbox-left');
+ }
+ else {
+ div.children[0].classList.add('e-checkbox-right');
+ }
+ if (this.listViewInstance.checkBoxPosition === 'Left') {
+ div.children[0].insertBefore(this.listViewInstance.virtualCheckBox, div.childNodes[0].children[0]);
+ }
+ else {
+ div.children[0].appendChild(this.listViewInstance.virtualCheckBox);
+ }
+ this.listViewInstance.template = div.innerHTML;
+ }
+ }
+ if (this.isVueFunctionTemplate())
+ return;
+ template.innerHTML = this.listViewInstance.template;
+ this.listViewInstance.template = virtualTemplate;
+ }
+ else {
+ if (this.isVueFunctionTemplate())
+ return;
+ template.innerHTML = this.listViewInstance.template || commonTemplate;
+ }
+ // eslint-disable-next-line
+ var templateElements = template.getElementsByTagName('*');
+ var groupTemplate = this.listViewInstance.createElement('div');
+ if (this.listViewInstance.fields.groupBy) {
+ groupTemplate.innerHTML = this.listViewInstance.groupTemplate || commonTemplate;
+ }
+ // eslint-disable-next-line
+ var groupTemplateElements = groupTemplate.getElementsByTagName('*');
+ if (args.curData.isHeader) {
+ this.headerData = args.curData;
+ }
+ this.templateData = args.curData.isHeader ? args.curData.items[0] :
+ args.curData;
+ if (!this.listViewInstance.isReact || (typeof this.listViewInstance.template == "string" && !args.item.classList.contains("e-list-group-item")) ||
+ (typeof this.listViewInstance.groupTemplate == "string" && args.item.classList.contains("e-list-group-item"))) {
+ args.item.innerHTML = '';
+ }
+ args.item.context = { data: args.curData, nodes: { flatTemplateNodes: [], groupTemplateNodes: [] } };
+ for (var i = 0; i < templateElements.length; i++) {
+ this.compileTemplate(templateElements[i], args.item, false);
+ }
+ for (var i = 0; i < groupTemplateElements.length; i++) {
+ this.compileTemplate(groupTemplateElements[i], args.item, true);
+ }
+ args.item.context.template = args.curData.isHeader ? template.firstElementChild :
+ groupTemplate.firstElementChild;
+ args.item.context.type = args.curData.isHeader ? 'flatList' : 'groupList';
+ var element = args.curData.isHeader ? groupTemplate : template;
+ if (element.firstElementChild) {
+ args.item.insertBefore(element.firstElementChild, null);
+ }
+ };
+ Virtualization.prototype.compileTemplate = function (element, item, isHeader) {
+ this.textProperty(element, item, isHeader);
+ this.classProperty(element, item, isHeader);
+ this.attributeProperty(element, item, isHeader);
+ };
+ Virtualization.prototype.onChange = function (newData, listElement) {
+ listElement.context.data = newData;
+ // eslint-disable-next-line max-len
+ var groupTemplateNodes = listElement.context.nodes.groupTemplateNodes;
+ // eslint-disable-next-line max-len
+ var flatTemplateNodes = listElement.context.nodes.flatTemplateNodes;
+ // eslint-disable-next-line
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["isNullOrUndefined"])(newData.isHeader) && newData.isHeader && listElement.context.type === 'groupList') {
+ // eslint-disable-next-line
+ var element = listElement.firstElementChild;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["detach"])(listElement.firstElementChild);
+ listElement.insertBefore(listElement.context.template, null);
+ listElement.context.template = element;
+ listElement.context.type = 'flatList';
+ for (var i = 0; i < groupTemplateNodes.length; i++) {
+ // eslint-disable-next-line
+ groupTemplateNodes[i].onChange(newData);
+ }
+ }
+ else if (!newData.isHeader && listElement.context.type === 'flatList') {
+ var element = listElement.firstElementChild;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["detach"])(listElement.firstElementChild);
+ listElement.insertBefore(listElement.context.template, null);
+ listElement.context.template = element;
+ listElement.context.type = 'groupList';
+ for (var i = 0; i < flatTemplateNodes.length; i++) {
+ // eslint-disable-next-line
+ flatTemplateNodes[i].onChange(newData);
+ }
+ }
+ else if (!newData.isHeader) {
+ for (var i = 0; i < flatTemplateNodes.length; i++) {
+ // eslint-disable-next-line
+ flatTemplateNodes[i].onChange(newData);
+ }
+ }
+ else {
+ for (var i = 0; i < groupTemplateNodes.length; i++) {
+ // eslint-disable-next-line
+ groupTemplateNodes[i].onChange(newData);
+ }
+ }
+ };
+ // eslint-disable-next-line
+ Virtualization.prototype.updateContextData = function (listElement, node, isHeader) {
+ if (isHeader) {
+ listElement.context.nodes.groupTemplateNodes.push(node);
+ }
+ else {
+ listElement.context.nodes.flatTemplateNodes.push(node);
+ }
+ };
+ Virtualization.prototype.classProperty = function (element, listElement, isHeader) {
+ var regex = new RegExp('\\${([^}]*)}', 'g');
+ var resultantOutput = [];
+ var regexMatch;
+ while (regexMatch !== null) {
+ var match = regex.exec(element.className);
+ resultantOutput.push(match);
+ regexMatch = match;
+ if (regexMatch === null) {
+ resultantOutput.pop();
+ }
+ }
+ if (resultantOutput && resultantOutput.length) {
+ var _loop_1 = function (i) {
+ var classNameMatch = resultantOutput[i];
+ // eslint-disable-next-line
+ var classFunction;
+ if (classNameMatch[1].indexOf('?') !== -1 && classNameMatch[1].indexOf(':') !== -1) {
+ // tslint:disable-next-line:no-function-constructor-with-string-args
+ classFunction = new Function('data', 'return ' + classNameMatch[1].replace(/\$/g, 'data.'));
+ }
+ else {
+ // tslint:disable-next-line:no-function-constructor-with-string-args
+ classFunction = new Function('data', 'return ' + 'data.' + classNameMatch[1]);
+ }
+ // eslint-disable-next-line
+ var subNode = {};
+ if (isHeader) {
+ subNode.bindedvalue = classFunction(this_1.headerData);
+ }
+ else {
+ subNode.bindedvalue = classFunction(this_1.templateData);
+ }
+ subNode.onChange = function (value) {
+ if (subNode.bindedvalue) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["removeClass"])([element], subNode.bindedvalue.split(' ').filter(function (css) { return css; }));
+ }
+ var newCss = classFunction(value);
+ if (newCss) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["addClass"])([element], (newCss).split(' ').filter(function (css) { return css; }));
+ }
+ subNode.bindedvalue = newCss;
+ };
+ var className = classNameMatch[0].split(' ');
+ for (var i_1 = 0; i_1 < className.length; i_1++) {
+ element.classList.remove(className[i_1]);
+ }
+ if (subNode.bindedvalue) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["addClass"])([element], subNode.bindedvalue.split(' ').filter(function (css) { return css; }));
+ }
+ this_1.updateContextData(listElement, subNode, isHeader);
+ };
+ var this_1 = this;
+ for (var i = 0; i < resultantOutput.length; i++) {
+ _loop_1(i);
+ }
+ }
+ };
+ Virtualization.prototype.attributeProperty = function (element, listElement, isHeader) {
+ var attributeNames = [];
+ for (var i = 0; i < element.attributes.length; i++) {
+ attributeNames.push(element.attributes[i].nodeName);
+ }
+ if (attributeNames.indexOf('class') !== -1) {
+ attributeNames.splice(attributeNames.indexOf('class'), 1);
+ }
+ var _loop_2 = function (i) {
+ var attributeName = attributeNames[i];
+ var attrNameMatch = new RegExp('\\${([^}]*)}', 'g').exec(attributeName) || [];
+ var attrValueMatch = new RegExp('\\${([^}]*)}', 'g').exec(element.getAttribute(attributeName))
+ || [];
+ // eslint-disable-next-line
+ var attributeNameFunction;
+ // eslint-disable-next-line
+ var attributeValueFunction;
+ if (attrNameMatch.length || attrValueMatch.length) {
+ if (attrNameMatch[1]) {
+ // tslint:disable-next-line:no-function-constructor-with-string-args
+ attributeNameFunction = new Function('data', 'return ' + 'data.' + attrNameMatch[1]);
+ }
+ if (attrValueMatch[1]) {
+ if (attrValueMatch[1].indexOf('?') !== -1 && attrValueMatch[1].indexOf(':') !== -1) {
+ // tslint:disable-next-line:no-function-constructor-with-string-args
+ attributeValueFunction = new Function('data', 'return ' + attrValueMatch[1].replace(/\$/g, 'data.'));
+ }
+ else {
+ // tslint:disable-next-line:no-function-constructor-with-string-args
+ attributeValueFunction = new Function('data', 'return ' + 'data.' + attrValueMatch[1]);
+ }
+ }
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ var subNode_1 = {};
+ if (isHeader) {
+ subNode_1.bindedvalue = [attrNameMatch[1] === undefined ? undefined : attributeNameFunction(this_2.headerData),
+ attrValueMatch[1] === undefined ? undefined : attributeValueFunction(this_2.headerData)];
+ }
+ else {
+ subNode_1.bindedvalue = [attrNameMatch[1] === undefined ? undefined : attributeNameFunction(this_2.templateData),
+ attrValueMatch[1] === undefined ? undefined : attributeValueFunction(this_2.templateData)];
+ }
+ subNode_1.attrName = subNode_1.bindedvalue[0] === undefined ?
+ attributeName : subNode_1.bindedvalue[0];
+ subNode_1.onChange = function (value) {
+ var bindedvalue = subNode_1.bindedvalue[1] === undefined ?
+ element.getAttribute(subNode_1.attrName) : attributeValueFunction(value);
+ element.removeAttribute(subNode_1.attrName);
+ subNode_1.attrName = subNode_1.bindedvalue[0] === undefined ? subNode_1.attrName : attributeNameFunction(value);
+ element.setAttribute(subNode_1.attrName, bindedvalue);
+ subNode_1.bindedvalue = [subNode_1.bindedvalue[0] === undefined ? undefined : attributeNameFunction(value),
+ subNode_1.bindedvalue[1] === undefined ? undefined : attributeValueFunction(value)];
+ };
+ var attributeValue = subNode_1.bindedvalue[1] === undefined ? element.getAttribute(attributeName) :
+ subNode_1.bindedvalue[1];
+ element.removeAttribute(attributeName);
+ element.setAttribute(subNode_1.attrName, attributeValue);
+ this_2.updateContextData(listElement, subNode_1, isHeader);
+ }
+ };
+ var this_2 = this;
+ for (var i = 0; i < attributeNames.length; i++) {
+ _loop_2(i);
+ }
+ };
+ Virtualization.prototype.textProperty = function (element, listElement, isHeader) {
+ var regex = new RegExp('\\${([^}]*)}', 'g');
+ var resultantOutput = [];
+ var regexMatch;
+ while (regexMatch !== null) {
+ var match = regex.exec(element.innerText);
+ resultantOutput.push(match);
+ regexMatch = match;
+ if (regexMatch === null) {
+ resultantOutput.pop();
+ }
+ }
+ var isChildHasTextContent = Array.prototype.some.call(element.children, function (element) {
+ if (new RegExp('\\${([^}]*)}', 'g').exec(element.innerText)) {
+ return true;
+ }
+ else {
+ return false;
+ }
+ });
+ if (resultantOutput && resultantOutput.length && !isChildHasTextContent) {
+ var _loop_3 = function (i) {
+ var textPropertyMatch = resultantOutput[i];
+ // eslint-disable-next-line
+ var subNode = {};
+ // eslint-disable-next-line
+ var textFunction;
+ if (textPropertyMatch[1].indexOf('?') !== -1 && textPropertyMatch[1].indexOf(':') !== -1) {
+ // tslint:disable-next-line:no-function-constructor-with-string-args
+ textFunction = new Function('data', 'return ' + textPropertyMatch[1].replace(/\$/g, 'data.'));
+ }
+ else {
+ // tslint:disable-next-line:no-function-constructor-with-string-args
+ textFunction = new Function('data', 'return ' + 'data.' + textPropertyMatch[1]);
+ }
+ if (isHeader) {
+ subNode.bindedvalue = textFunction(this_3.headerData);
+ }
+ else {
+ subNode.bindedvalue = textFunction(this_3.templateData);
+ }
+ subNode.onChange = function (value) {
+ element.innerText = element.innerText.replace(subNode.bindedvalue, textFunction(value));
+ subNode.bindedvalue = textFunction(value);
+ };
+ element.innerText = element.innerText.replace(textPropertyMatch[0], subNode.bindedvalue);
+ this_3.updateContextData(listElement, subNode, isHeader);
+ };
+ var this_3 = this;
+ for (var i = 0; i < resultantOutput.length; i++) {
+ _loop_3(i);
+ }
+ }
+ };
+ Virtualization.prototype.reRenderUiVirtualization = function () {
+ this.wireScrollEvent(true);
+ if (this.listViewInstance.contentContainer) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["detach"])(this.listViewInstance.contentContainer);
+ }
+ this.listViewInstance.preRender();
+ // resetting the dom count to 0, to avoid edge case of dataSource suddenly becoming zero
+ // and then manually adding item using addItem API
+ this.domItemCount = 0;
+ this.listViewInstance.header();
+ this.listViewInstance.setLocalData();
+ };
+ Virtualization.prototype.updateUI = function (element, index, targetElement) {
+ // eslint-disable-next-line @typescript-eslint/ban-types
+ var onChange = this.isNgTemplate() ? this.onNgChange : (this.isVueFunctionTemplate()) ? this.onVueChange : this.onChange;
+ if (this.listViewInstance.template || this.listViewInstance.groupTemplate) {
+ var curViewDS = this.listViewInstance.curViewDS[index];
+ // eslint-disable-next-line
+ element.dataset.uid = (curViewDS[this.listViewInstance.fields.id]) ?
+ // eslint-disable-next-line
+ (curViewDS[this.listViewInstance.fields.id]) : _common_list_base__WEBPACK_IMPORTED_MODULE_2__["ListBase"].generateId();
+ onChange(curViewDS, element, this);
+ }
+ else {
+ this.updateUiContent(element, index);
+ }
+ this.changeElementAttributes(element, index);
+ if (targetElement) {
+ this.listViewInstance.ulElement.insertBefore(element, targetElement);
+ }
+ };
+ /**
+ * Handles the UI change in vue for the list view.
+ *
+ * @param {DataSource} newData - The new data source for the list view.
+ * @param {ElementContext} listElement - The HTML element context for the list view.
+ * @param {Virtualization} virtualThis - The virtualization context for the list view.
+ */
+ Virtualization.prototype.onVueChange = function (newData, listElement, virtualThis) {
+ var liItem = _common_list_base__WEBPACK_IMPORTED_MODULE_2__["ListBase"].createListItemFromJson(virtualThis.listViewInstance.createElement,
+ // eslint-disable-next-line
+ [newData], virtualThis.listViewInstance.listBaseOption, null, null, virtualThis.listViewInstance);
+ while (listElement.lastChild) {
+ listElement.removeChild(listElement.lastChild);
+ }
+ listElement.appendChild(liItem[0].firstChild);
+ };
+ Virtualization.prototype.onNgChange = function (newData, listElement, virtualThis) {
+ // compile given target element with template for new data
+ // eslint-disable-next-line
+ var templateCompiler = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["compile"])(virtualThis.listViewInstance.template);
+ var resultElement = templateCompiler(newData);
+ while (listElement.lastChild) {
+ listElement.removeChild(listElement.lastChild);
+ }
+ listElement.appendChild(resultElement[0]);
+ };
+ Virtualization.prototype.getModuleName = function () {
+ return 'virtualization';
+ };
+ Virtualization.prototype.destroy = function () {
+ this.wireScrollEvent(true);
+ this.topElement = null;
+ this.bottomElement = null;
+ };
+ return Virtualization;
+}());
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-lists/sortable/index.js":
+/*!*******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-lists/sortable/index.js ***!
+ \*******************************************************************/
+/*! exports provided: Sortable, moveTo */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _sortable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./sortable */ "./ej2-resources/22.1.37/scripts/ej2-lists/sortable/sortable.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Sortable", function() { return _sortable__WEBPACK_IMPORTED_MODULE_0__["Sortable"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "moveTo", function() { return _sortable__WEBPACK_IMPORTED_MODULE_0__["moveTo"]; });
+
+/**
+ * Sortable Module
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-lists/sortable/sortable.js":
+/*!**********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-lists/sortable/sortable.js ***!
+ \**********************************************************************/
+/*! exports provided: Sortable, moveTo */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Sortable", function() { return Sortable; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "moveTo", function() { return moveTo; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+/**
+ * Sortable Module provides support to enable sortable functionality in Dom Elements.
+ * ```html
+ *
+ *
+ * ```
+ * ```typescript
+ * let ele: HTMLElement = document.getElementById('sortable');
+ * let sortObj: Sortable = new Sortable(ele, {});
+ * ```
+ */
+var Sortable = /** @__PURE__ @class */ (function (_super) {
+ __extends(Sortable, _super);
+ function Sortable(element, options) {
+ var _this = _super.call(this, options, element) || this;
+ _this.getHelper = function (e) {
+ // eslint-disable-next-line prefer-const
+ var target = _this.getSortableElement(e.sender.target);
+ if (!_this.isValidTarget(target, _this)) {
+ return false;
+ }
+ var element;
+ if (_this.helper) {
+ element = _this.helper({ sender: target, element: e.element });
+ }
+ else {
+ element = target.cloneNode(true);
+ element.style.width = target.offsetWidth + "px";
+ element.style.height = target.offsetHeight + "px";
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([element], ['e-sortableclone']);
+ document.body.appendChild(element);
+ return element;
+ };
+ // eslint-disable-next-line
+ _this.onDrag = function (e) {
+ if (!e.target) {
+ return;
+ }
+ _this.trigger('drag', { event: e.event, element: _this.element, target: e.target });
+ var newInst = _this.getSortableInstance(e.target);
+ var target = _this.getSortableElement(e.target, newInst);
+ if ((_this.isValidTarget(target, newInst) || e.target.className.indexOf('e-list-group-item') > -1) && (_this.curTarget !== target ||
+ !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(newInst.placeHolder)) && (newInst.placeHolderElement ? newInst.placeHolderElement !== e.target : true)) {
+ if (e.target.className.indexOf('e-list-group-item') > -1) {
+ target = e.target;
+ }
+ _this.curTarget = target;
+ if (_this.target === target) {
+ return;
+ }
+ var oldIdx = _this.getIndex(newInst.placeHolderElement, newInst);
+ var placeHolder = _this.getPlaceHolder(target, newInst);
+ var newIdx = void 0;
+ if (placeHolder) {
+ oldIdx = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldIdx) ? _this.getIndex(_this.target) : oldIdx;
+ newIdx = _this.getIndex(target, newInst, e.event);
+ var isPlaceHolderPresent = _this.isPlaceHolderPresent(newInst);
+ if (isPlaceHolderPresent && oldIdx === newIdx) {
+ return;
+ }
+ if (isPlaceHolderPresent) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(newInst.placeHolderElement);
+ }
+ newInst.placeHolderElement = placeHolder;
+ if (e.target.className.indexOf('e-list-group-item') > -1) {
+ newInst.element.insertBefore(newInst.placeHolderElement, newInst.element.children[newIdx]);
+ }
+ else if (newInst.element !== _this.element && newIdx === newInst.element.childElementCount) {
+ newInst.element.appendChild(newInst.placeHolderElement);
+ }
+ else {
+ newInst.element.insertBefore(newInst.placeHolderElement, newInst.element.children[newIdx]);
+ }
+ _this.refreshDisabled(oldIdx, newIdx, newInst);
+ }
+ else {
+ oldIdx = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldIdx) ? _this.getIndex(_this.target) :
+ _this.getIndex(target, newInst) < oldIdx || !oldIdx ? oldIdx : oldIdx - 1;
+ newIdx = _this.getIndex(target, newInst);
+ var idx = newInst.element !== _this.element ? newIdx : oldIdx < newIdx ? newIdx + 1 : newIdx;
+ _this.updateItemClass(newInst);
+ newInst.element.insertBefore(_this.target, newInst.element.children[idx]);
+ _this.refreshDisabled(oldIdx, newIdx, newInst);
+ _this.curTarget = _this.target;
+ _this.trigger('drop', {
+ droppedElement: _this.target, element: newInst.element, previousIndex: oldIdx, currentIndex: newIdx,
+ target: e.target, helper: document.getElementsByClassName('e-sortableclone')[0], event: e.event, scope: _this.scope
+ });
+ }
+ }
+ else if (_this.curTarget !== _this.target && _this.scope && _this.curTarget !== target && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(newInst.placeHolder)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(_this.getSortableInstance(_this.curTarget).placeHolderElement);
+ _this.curTarget = _this.target;
+ }
+ newInst = _this.getSortableInstance(_this.curTarget);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(target) && e.target !== newInst.placeHolderElement) {
+ if (_this.isPlaceHolderPresent(newInst)) {
+ _this.removePlaceHolder(newInst);
+ }
+ }
+ else {
+ var placeHolders = [].slice.call(document.getElementsByClassName('e-sortable-placeholder'));
+ var inst_1;
+ placeHolders.forEach(function (placeHolder) {
+ inst_1 = _this.getSortableInstance(placeHolder);
+ if (inst_1.element && inst_1 !== newInst) {
+ _this.removePlaceHolder(inst_1);
+ }
+ });
+ }
+ };
+ // eslint-disable-next-line
+ _this.onDragStart = function (e) {
+ _this.target = _this.getSortableElement(e.target);
+ var cancelDrag = false;
+ _this.target.classList.add('e-grabbed');
+ _this.curTarget = _this.target;
+ e.helper = document.getElementsByClassName('e-sortableclone')[0];
+ var args = { cancel: false, element: _this.element, target: _this.target };
+ _this.trigger('beforeDragStart', args, function (observedArgs) {
+ if (observedArgs.cancel) {
+ cancelDrag = observedArgs.cancel;
+ _this.onDragStop(e);
+ }
+ });
+ if (cancelDrag) {
+ return;
+ }
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"]) {
+ _this.trigger('dragStart', {
+ event: e.event, element: _this.element, target: _this.target,
+ bindEvents: e.bindEvents, dragElement: e.dragElement
+ });
+ }
+ else {
+ _this.trigger('dragStart', { event: e.event, element: _this.element, target: _this.target });
+ }
+ };
+ // eslint-disable-next-line
+ _this.onDragStop = function (e) {
+ var dropInst = _this.getSortableInstance(_this.curTarget);
+ var prevIdx;
+ var curIdx;
+ var handled;
+ prevIdx = _this.getIndex(_this.target);
+ var isPlaceHolderPresent = _this.isPlaceHolderPresent(dropInst);
+ if (isPlaceHolderPresent) {
+ var curIdx_1 = _this.getIndex(dropInst.placeHolderElement, dropInst);
+ var args = {
+ previousIndex: prevIdx, currentIndex: curIdx_1, target: e.target, droppedElement: _this.target,
+ helper: e.helper, cancel: false, handled: false
+ };
+ _this.trigger('beforeDrop', args, function (observedArgs) {
+ if (!observedArgs.cancel) {
+ handled = observedArgs.handled;
+ _this.updateItemClass(dropInst);
+ if (observedArgs.handled) {
+ var ele = _this.target.cloneNode(true);
+ _this.target.classList.remove('e-grabbed');
+ _this.target = ele;
+ }
+ dropInst.element.insertBefore(_this.target, dropInst.placeHolderElement);
+ var curIdx_2 = _this.getIndex(_this.target, dropInst);
+ prevIdx = _this === dropInst && (prevIdx - curIdx_2) > 1 ? prevIdx - 1 : prevIdx;
+ _this.trigger('drop', {
+ event: e.event, element: dropInst.element, previousIndex: prevIdx, currentIndex: curIdx_2,
+ target: e.target, helper: e.helper, droppedElement: _this.target, scopeName: _this.scope, handled: handled
+ });
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(dropInst.placeHolderElement);
+ });
+ }
+ dropInst = _this.getSortableInstance(e.target);
+ // eslint-disable-next-line prefer-const
+ curIdx = dropInst.element.childElementCount;
+ prevIdx = _this.getIndex(_this.target);
+ if (dropInst.element === e.target || (!isPlaceHolderPresent && _this.curTarget === _this.target)) {
+ var beforeDropArgs = {
+ previousIndex: prevIdx, currentIndex: _this.curTarget === _this.target ? prevIdx : curIdx,
+ target: e.target, droppedElement: _this.target, helper: e.helper, cancel: false
+ };
+ _this.trigger('beforeDrop', beforeDropArgs, function (observedArgs) {
+ if ((dropInst.element === e.target || e.target.className.indexOf('e-list-nrt') > -1 || e.target.className.indexOf('e-list-nr-template') > -1
+ || e.target.closest('.e-list-nr-template')) && !observedArgs.cancel) {
+ _this.updateItemClass(dropInst);
+ dropInst.element.appendChild(_this.target);
+ _this.trigger('drop', {
+ event: e.event, element: dropInst.element, previousIndex: prevIdx, currentIndex: curIdx,
+ target: e.target, helper: e.helper, droppedElement: _this.target, scopeName: _this.scope
+ });
+ }
+ });
+ }
+ _this.target.classList.remove('e-grabbed');
+ _this.target = null;
+ _this.curTarget = null;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(e.helper);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getComponent"])(_this.element, 'draggable').intDestroy(e.event);
+ };
+ _this.bind();
+ return _this;
+ }
+ Sortable_1 = Sortable;
+ Sortable.prototype.bind = function () {
+ if (!this.element.id) {
+ this.element.id = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('sortable');
+ }
+ if (!this.itemClass) {
+ this.itemClass = 'e-sort-item';
+ this.dataBind();
+ }
+ this.initializeDraggable();
+ };
+ Sortable.prototype.initializeDraggable = function () {
+ new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Draggable"](this.element, {
+ helper: this.getHelper,
+ dragStart: this.onDragStart,
+ drag: this.onDrag,
+ dragStop: this.onDragStop,
+ dragTarget: "." + this.itemClass,
+ enableTapHold: true,
+ tapHoldThreshold: 200,
+ queryPositionInfo: this.queryPositionInfo,
+ distance: 5
+ });
+ this.wireEvents();
+ };
+ Sortable.prototype.wireEvents = function () {
+ var wrapper = this.element;
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(wrapper, 'keydown', this.keyDownHandler, this);
+ };
+ Sortable.prototype.unwireEvents = function () {
+ var wrapper = this.element;
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(wrapper, 'keydown', this.keyDownHandler);
+ };
+ Sortable.prototype.keyDownHandler = function (e) {
+ if (e.keyCode === 27) {
+ var dragStop = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getComponent"])(this.element, 'draggable');
+ if (dragStop) {
+ dragStop.intDestroy(null);
+ }
+ var dragWrapper = document.getElementsByClassName('e-sortableclone')[0];
+ if (dragWrapper) {
+ dragWrapper.remove();
+ }
+ var dragPlaceholder = document.getElementsByClassName('e-sortable-placeholder')[0];
+ if (dragPlaceholder) {
+ dragPlaceholder.remove();
+ }
+ }
+ };
+ Sortable.prototype.getPlaceHolder = function (target, instance) {
+ if (instance.placeHolder) {
+ var placeHolderElement = instance.placeHolder({ element: instance.element, grabbedElement: this.target, target: target });
+ placeHolderElement.classList.add('e-sortable-placeholder');
+ return placeHolderElement;
+ }
+ return null;
+ };
+ Sortable.prototype.isValidTarget = function (target, instance) {
+ return target && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compareElementParent"])(target, instance.element) && target.classList.contains(instance.itemClass) &&
+ !target.classList.contains('e-disabled');
+ };
+ Sortable.prototype.removePlaceHolder = function (instance) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(instance.placeHolderElement);
+ instance.placeHolderElement = null;
+ };
+ Sortable.prototype.updateItemClass = function (instance) {
+ if (this !== instance) {
+ this.target.classList.remove(this.itemClass);
+ this.target.classList.add(instance.itemClass);
+ }
+ };
+ Sortable.prototype.getSortableInstance = function (element) {
+ element = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(element, ".e-" + this.getModuleName());
+ if (element) {
+ var inst = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getComponent"])(element, Sortable_1);
+ return inst.scope && this.scope && inst.scope === this.scope ? inst : this;
+ }
+ else {
+ return this;
+ }
+ };
+ Sortable.prototype.refreshDisabled = function (oldIdx, newIdx, instance) {
+ if (instance === this) {
+ var element = void 0;
+ var increased = oldIdx < newIdx;
+ var disabledIdx = void 0;
+ var start = increased ? oldIdx : newIdx;
+ var end = increased ? newIdx : oldIdx;
+ while (start <= end) {
+ element = this.element.children[start];
+ if (element.classList.contains('e-disabled')) {
+ disabledIdx = this.getIndex(element);
+ this.element.insertBefore(element, this.element.children[increased ? disabledIdx + 2 : disabledIdx - 1]);
+ start = increased ? disabledIdx + 2 : disabledIdx + 1;
+ }
+ else {
+ start++;
+ }
+ }
+ }
+ };
+ Sortable.prototype.getIndex = function (target, instance, e) {
+ if (instance === void 0) { instance = this; }
+ var idx;
+ var placeHolderPresent;
+ [].slice.call(instance.element.children).forEach(function (element, index) {
+ if (element.classList.contains('e-sortable-placeholder')) {
+ placeHolderPresent = true;
+ }
+ if (element === target) {
+ idx = index;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(e)) {
+ if (placeHolderPresent) {
+ idx -= 1;
+ }
+ var offset = target.getBoundingClientRect();
+ var clientY = offset.bottom - ((offset.bottom - offset.top) / 2);
+ var cltY = e.changedTouches ? e.changedTouches[0].clientY : e.clientY;
+ idx = cltY <= clientY ? idx : idx + 1;
+ }
+ return;
+ }
+ });
+ return idx;
+ };
+ Sortable.prototype.getSortableElement = function (element, instance) {
+ if (instance === void 0) { instance = this; }
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(element, "." + instance.itemClass);
+ };
+ Sortable.prototype.queryPositionInfo = function (value) {
+ value.left = pageXOffset ? parseFloat(value.left) - pageXOffset + "px" : value.left;
+ value.top = pageYOffset ? parseFloat(value.top) - pageYOffset + "px" : value.top;
+ return value;
+ };
+ Sortable.prototype.isPlaceHolderPresent = function (instance) {
+ return instance.placeHolderElement && !!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(instance.placeHolderElement, "#" + instance.element.id);
+ };
+ /**
+ * It is used to sort array of elements from source element to destination element.
+ *
+ * @param destination - Defines the destination element to which the sortable elements needs to be appended.
+ *
+ * If it is null, then the Sortable library element will be considered as destination.
+ * @param targetIndexes - Specifies the sortable elements indexes which needs to be sorted.
+ * @param insertBefore - Specifies the index before which the sortable elements needs to be appended.
+ * If it is null, elements will be appended as last child.
+ * @function moveTo
+ * @returns {void}
+ */
+ Sortable.prototype.moveTo = function (destination, targetIndexes, insertBefore) {
+ moveTo(this.element, destination, targetIndexes, insertBefore);
+ };
+ /**
+ * It is used to destroy the Sortable library.
+ */
+ Sortable.prototype.destroy = function () {
+ this.unwireEvents();
+ if (this.itemClass === 'e-sort-item') {
+ this.itemClass = null;
+ this.dataBind();
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getComponent"])(this.element, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Draggable"]).destroy();
+ _super.prototype.destroy.call(this);
+ };
+ Sortable.prototype.getModuleName = function () {
+ return 'sortable';
+ };
+ Sortable.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'itemClass':
+ [].slice.call(this.element.children).forEach(function (element) {
+ if (element.classList.contains(oldProp.itemClass)) {
+ element.classList.remove(oldProp.itemClass);
+ }
+ if (newProp.itemClass) {
+ element.classList.add(newProp.itemClass);
+ }
+ });
+ break;
+ }
+ }
+ };
+ var Sortable_1;
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Sortable.prototype, "enableAnimation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Sortable.prototype, "itemClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Sortable.prototype, "scope", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Sortable.prototype, "helper", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Sortable.prototype, "placeHolder", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Sortable.prototype, "drag", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Sortable.prototype, "beforeDragStart", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Sortable.prototype, "dragStart", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Sortable.prototype, "beforeDrop", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Sortable.prototype, "drop", void 0);
+ Sortable = Sortable_1 = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], Sortable);
+ return Sortable;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
+
+/**
+ * It is used to sort array of elements from source element to destination element.
+ *
+ * @private
+ */
+function moveTo(from, to, targetIndexes, insertBefore) {
+ var targetElements = [];
+ if (!to) {
+ to = from;
+ }
+ if (targetIndexes && targetIndexes.length) {
+ targetIndexes.forEach(function (index) {
+ targetElements.push(from.children[index]);
+ });
+ }
+ else {
+ targetElements = [].slice.call(from.children);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(insertBefore)) {
+ targetElements.forEach(function (target) {
+ to.appendChild(target);
+ });
+ }
+ else {
+ var insertElement_1 = to.children[insertBefore];
+ targetElements.forEach(function (target) {
+ to.insertBefore(target, insertElement_1);
+ });
+ }
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/accordion/accordion.js":
+/*!******************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/accordion/accordion.js ***!
+ \******************************************************************************/
+/*! exports provided: AccordionActionSettings, AccordionAnimationSettings, AccordionItem, Accordion */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AccordionActionSettings", function() { return AccordionActionSettings; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AccordionAnimationSettings", function() { return AccordionAnimationSettings; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AccordionItem", function() { return AccordionItem; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Accordion", function() { return Accordion; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+
+
+
+
+
+var CLS_ACRDN_ROOT = 'e-acrdn-root';
+var CLS_ROOT = 'e-accordion';
+var CLS_ITEM = 'e-acrdn-item';
+var CLS_ITEMFOCUS = 'e-item-focus';
+var CLS_ITEMHIDE = 'e-hide';
+var CLS_HEADER = 'e-acrdn-header';
+var CLS_HEADERICN = 'e-acrdn-header-icon';
+var CLS_HEADERCTN = 'e-acrdn-header-content';
+var CLS_CONTENT = 'e-acrdn-panel';
+var CLS_CTENT = 'e-acrdn-content';
+var CLS_TOOGLEICN = 'e-toggle-icon';
+var CLS_COLLAPSEICN = 'e-tgl-collapse-icon e-icons';
+var CLS_EXPANDICN = 'e-expand-icon';
+var CLS_RTL = 'e-rtl';
+var CLS_CTNHIDE = 'e-content-hide';
+var CLS_SLCT = 'e-select';
+var CLS_SLCTED = 'e-selected';
+var CLS_ACTIVE = 'e-active';
+var CLS_ANIMATE = 'e-animate';
+var CLS_DISABLE = 'e-overlay';
+var CLS_TOGANIMATE = 'e-toggle-animation';
+var CLS_NEST = 'e-nested';
+var CLS_EXPANDSTATE = 'e-expand-state';
+var CLS_CONTAINER = 'e-accordion-container';
+/**
+ * Objects used for configuring the Accordion expanding item action properties.
+ */
+var AccordionActionSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(AccordionActionSettings, _super);
+ function AccordionActionSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('SlideDown')
+ ], AccordionActionSettings.prototype, "effect", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(400)
+ ], AccordionActionSettings.prototype, "duration", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('linear')
+ ], AccordionActionSettings.prototype, "easing", void 0);
+ return AccordionActionSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Objects used for configuring the Accordion animation properties.
+ */
+var AccordionAnimationSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(AccordionAnimationSettings, _super);
+ function AccordionAnimationSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ effect: 'SlideUp', duration: 400, easing: 'linear' }, AccordionActionSettings)
+ ], AccordionAnimationSettings.prototype, "collapse", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ effect: 'SlideDown', duration: 400, easing: 'linear' }, AccordionActionSettings)
+ ], AccordionAnimationSettings.prototype, "expand", void 0);
+ return AccordionAnimationSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * An item object that is used to configure Accordion items.
+ */
+var AccordionItem = /** @__PURE__ @class */ (function (_super) {
+ __extends(AccordionItem, _super);
+ function AccordionItem() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], AccordionItem.prototype, "content", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], AccordionItem.prototype, "header", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], AccordionItem.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], AccordionItem.prototype, "iconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], AccordionItem.prototype, "expanded", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], AccordionItem.prototype, "visible", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], AccordionItem.prototype, "disabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], AccordionItem.prototype, "id", void 0);
+ return AccordionItem;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * The Accordion is a vertically collapsible content panel that displays one or more panels at a time within the available space.
+ * ```html
+ *
+ *
+ * ```
+ */
+var Accordion = /** @__PURE__ @class */ (function (_super) {
+ __extends(Accordion, _super);
+ /**
+ * Initializes a new instance of the Accordion class.
+ *
+ * @param {AccordionModel} options - Specifies Accordion model properties as options.
+ * @param {string | HTMLElement} element - Specifies the element that is rendered as an Accordion.
+ */
+ function Accordion(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ /**
+ * Contains the keyboard configuration of the Accordion.
+ */
+ _this.keyConfigs = {
+ moveUp: 'uparrow',
+ moveDown: 'downarrow',
+ enter: 'enter',
+ space: 'space',
+ home: 'home',
+ end: 'end'
+ };
+ return _this;
+ }
+ /**
+ * Removes the control from the DOM and also removes all its related events.
+ *
+ * @returns {void}
+ */
+ Accordion.prototype.destroy = function () {
+ if (this.isReact || this.isAngular || this.isVue) {
+ this.clearTemplate();
+ }
+ var ele = this.element;
+ _super.prototype.destroy.call(this);
+ this.unwireEvents();
+ this.isDestroy = true;
+ this.restoreContent(null);
+ [].slice.call(ele.children).forEach(function (el) {
+ ele.removeChild(el);
+ });
+ if (this.trgtEle) {
+ this.trgtEle = null;
+ while (this.ctrlTem.firstElementChild) {
+ ele.appendChild(this.ctrlTem.firstElementChild);
+ }
+ this.ctrlTem = null;
+ }
+ ele.classList.remove(CLS_ACRDN_ROOT);
+ ele.removeAttribute('style');
+ this.element.removeAttribute('data-ripple');
+ if (!this.isNested && _ej2_base__WEBPACK_IMPORTED_MODULE_0__["isRippleEnabled"]) {
+ this.removeRippleEffect();
+ }
+ };
+ Accordion.prototype.preRender = function () {
+ var nested = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, '.' + CLS_CONTENT);
+ this.isNested = false;
+ this.templateEle = [];
+ if (!this.isDestroy) {
+ this.isDestroy = false;
+ }
+ if (nested && nested.firstElementChild && nested.firstElementChild.firstElementChild) {
+ if (nested.firstElementChild.firstElementChild.classList.contains(CLS_ROOT)) {
+ nested.classList.add(CLS_NEST);
+ this.isNested = true;
+ }
+ }
+ else {
+ this.element.classList.add(CLS_ACRDN_ROOT);
+ }
+ if (this.enableRtl) {
+ this.add(this.element, CLS_RTL);
+ }
+ };
+ Accordion.prototype.add = function (ele, val) {
+ ele.classList.add(val);
+ };
+ Accordion.prototype.remove = function (ele, val) {
+ ele.classList.remove(val);
+ };
+ /**
+ * To initialize the control rendering
+ *
+ * @private
+ * @returns {void}
+ */
+ Accordion.prototype.render = function () {
+ this.initializeHeaderTemplate();
+ this.initializeItemTemplate();
+ this.initialize();
+ this.renderControl();
+ this.wireEvents();
+ this.renderComplete();
+ };
+ Accordion.prototype.initialize = function () {
+ var width = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.width);
+ var height = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.height);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, { 'width': width, 'height': height });
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.initExpand)) {
+ this.initExpand = [];
+ }
+ if (this.expandedIndices.length > 0) {
+ this.initExpand = this.expandedIndices;
+ }
+ };
+ Accordion.prototype.renderControl = function () {
+ this.trgtEle = (this.element.children.length > 0) ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('div', this.element) : null;
+ this.renderItems();
+ this.initItemExpand();
+ };
+ Accordion.prototype.wireFocusEvents = function () {
+ var acrdItem = [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM));
+ for (var _i = 0, acrdItem_1 = acrdItem; _i < acrdItem_1.length; _i++) {
+ var item = acrdItem_1[_i];
+ var headerEle = item.querySelector('.' + CLS_HEADER);
+ if (item.childElementCount > 0 && headerEle) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].clearEvents(headerEle);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(headerEle, 'focus', this.focusIn, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(headerEle, 'blur', this.focusOut, this);
+ }
+ }
+ };
+ Accordion.prototype.unwireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'click', this.clickHandler);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.keyModule)) {
+ this.keyModule.destroy();
+ }
+ };
+ Accordion.prototype.wireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'click', this.clickHandler, this);
+ if (!this.isNested && !this.isDestroy) {
+ this.removeRippleEffect = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["rippleEffect"])(this.element, { selector: '.' + CLS_HEADER });
+ }
+ if (!this.isNested) {
+ this.keyModule = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["KeyboardEvents"](this.element, {
+ keyAction: this.keyActionHandler.bind(this),
+ keyConfigs: this.keyConfigs,
+ eventName: 'keydown'
+ });
+ }
+ };
+ Accordion.prototype.templateParser = function (template) {
+ if (template) {
+ try {
+ if (typeof template !== 'function' && document.querySelectorAll(template).length) {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(document.querySelector(template).innerHTML.trim());
+ }
+ else {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(template);
+ }
+ }
+ catch (error) {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(template);
+ }
+ }
+ return undefined;
+ };
+ Accordion.prototype.initializeHeaderTemplate = function () {
+ if (this.headerTemplate) {
+ this.headerTemplateFn = this.templateParser(this.headerTemplate);
+ }
+ };
+ Accordion.prototype.initializeItemTemplate = function () {
+ if (this.itemTemplate) {
+ this.itemTemplateFn = this.templateParser(this.itemTemplate);
+ }
+ };
+ Accordion.prototype.getHeaderTemplate = function () {
+ return this.headerTemplateFn;
+ };
+ Accordion.prototype.getItemTemplate = function () {
+ return this.itemTemplateFn;
+ };
+ Accordion.prototype.focusIn = function (e) {
+ e.target.parentElement.classList.add(CLS_ITEMFOCUS);
+ };
+ Accordion.prototype.focusOut = function (e) {
+ e.target.parentElement.classList.remove(CLS_ITEMFOCUS);
+ };
+ Accordion.prototype.ctrlTemplate = function () {
+ this.ctrlTem = this.element.cloneNode(true);
+ var innerEles;
+ var rootEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_CONTAINER, this.element);
+ if (rootEle) {
+ innerEles = rootEle.children;
+ }
+ else {
+ innerEles = this.element.children;
+ }
+ var items = [];
+ [].slice.call(innerEles).forEach(function (el) {
+ items.push({
+ header: (el.childElementCount > 0 && el.children[0]) ? (el.children[0]) : '',
+ content: (el.childElementCount > 1 && el.children[1]) ? (el.children[1]) : ''
+ });
+ el.parentNode.removeChild(el);
+ });
+ if (rootEle) {
+ this.element.removeChild(rootEle);
+ }
+ this.setProperties({ items: items }, true);
+ };
+ Accordion.prototype.toggleIconGenerate = function () {
+ var tglIcon = this.createElement('div', { className: CLS_TOOGLEICN });
+ var hdrColIcon = this.createElement('span', { className: CLS_COLLAPSEICN });
+ tglIcon.appendChild(hdrColIcon);
+ return tglIcon;
+ };
+ Accordion.prototype.initItemExpand = function () {
+ var len = this.initExpand.length;
+ if (len === 0) {
+ return;
+ }
+ if (this.expandMode === 'Single') {
+ this.expandItem(true, this.initExpand[len - 1]);
+ }
+ else {
+ for (var i = 0; i < len; i++) {
+ this.expandItem(true, this.initExpand[parseInt(i.toString(), 10)]);
+ }
+ }
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ };
+ Accordion.prototype.renderItems = function () {
+ var _this = this;
+ var ele = this.element;
+ var innerItem;
+ var innerDataSourceItem;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.trgtEle)) {
+ this.ctrlTemplate();
+ }
+ if (this.dataSource.length > 0) {
+ this.dataSource.forEach(function (item, index) {
+ innerDataSourceItem = _this.renderInnerItem(item, index);
+ ele.appendChild(innerDataSourceItem);
+ if (innerDataSourceItem.childElementCount > 0) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(innerDataSourceItem.querySelector('.' + CLS_HEADER), 'focus', _this.focusIn, _this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(innerDataSourceItem.querySelector('.' + CLS_HEADER), 'blur', _this.focusOut, _this);
+ }
+ });
+ }
+ else {
+ var items = this.items;
+ if (ele && items.length > 0) {
+ items.forEach(function (item, index) {
+ innerItem = _this.renderInnerItem(item, index);
+ ele.appendChild(innerItem);
+ if (innerItem.childElementCount > 0) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(innerItem.querySelector('.' + CLS_HEADER), 'focus', _this.focusIn, _this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(innerItem.querySelector('.' + CLS_HEADER), 'blur', _this.focusOut, _this);
+ }
+ });
+ }
+ }
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ };
+ Accordion.prototype.clickHandler = function (e) {
+ var trgt = e.target;
+ var items = this.getItems();
+ var eventArgs = {};
+ var tglIcon;
+ var acrdEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '.' + CLS_ROOT);
+ if (acrdEle !== this.element) {
+ return;
+ }
+ trgt.classList.add('e-target');
+ var acrdnItem = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '.' + CLS_ITEM);
+ var acrdnHdr = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '.' + CLS_HEADER);
+ var acrdnCtn = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '.' + CLS_CONTENT);
+ if (acrdnItem && (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(acrdnHdr) || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(acrdnCtn))) {
+ acrdnHdr = acrdnItem.children[0];
+ acrdnCtn = acrdnItem.children[1];
+ }
+ if (acrdnHdr) {
+ tglIcon = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_TOOGLEICN, acrdnHdr);
+ }
+ var acrdnCtnItem;
+ if (acrdnHdr) {
+ acrdnCtnItem = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(acrdnHdr, '.' + CLS_ITEM);
+ }
+ else if (acrdnCtn) {
+ acrdnCtnItem = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(acrdnCtn, '.' + CLS_ITEM);
+ }
+ var index = this.getIndexByItem(acrdnItem);
+ if (acrdnCtnItem) {
+ eventArgs.item = items[this.getIndexByItem(acrdnCtnItem)];
+ }
+ eventArgs.originalEvent = e;
+ var ctnCheck = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(tglIcon) && acrdnItem.childElementCount <= 1;
+ if (ctnCheck && (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(acrdnCtn) || !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_HEADER + ' .' + CLS_TOOGLEICN, acrdnCtnItem)))) {
+ acrdnItem.appendChild(this.contentRendering(index));
+ this.ariaAttrUpdate(acrdnItem);
+ this.afterContentRender(trgt, eventArgs, acrdnItem, acrdnHdr, acrdnCtn, acrdnCtnItem);
+ }
+ else {
+ this.afterContentRender(trgt, eventArgs, acrdnItem, acrdnHdr, acrdnCtn, acrdnCtnItem);
+ }
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ };
+ Accordion.prototype.afterContentRender = function (trgt, eventArgs, acrdnItem, acrdnHdr, acrdnCtn, acrdnCtnItem) {
+ var _this = this;
+ var acrdActive = [];
+ this.trigger('clicked', eventArgs);
+ var cntclkCheck = (acrdnCtn && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-target', acrdnCtn)));
+ var inlineAcrdnSel = '.' + CLS_CONTENT + ' .' + CLS_ROOT;
+ var inlineEleAcrdn = acrdnCtn && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_ROOT, acrdnCtn)) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, inlineAcrdnSel));
+ var nestContCheck = acrdnCtn && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_ROOT, acrdnCtn)) || !(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '.' + CLS_ROOT) === this.element);
+ cntclkCheck = cntclkCheck && (inlineEleAcrdn || nestContCheck);
+ trgt.classList.remove('e-target');
+ if (trgt.classList.contains(CLS_CONTENT) || trgt.classList.contains(CLS_CTENT) || cntclkCheck) {
+ return;
+ }
+ var acrdcontainer = this.element.querySelector('.' + CLS_CONTAINER);
+ var acrdnchild = (acrdcontainer) ? acrdcontainer.children : this.element.children;
+ [].slice.call(acrdnchild).forEach(function (el) {
+ if (el.classList.contains(CLS_ACTIVE)) {
+ acrdActive.push(el);
+ }
+ });
+ var acrdAniEle = [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM + ' [' + CLS_ANIMATE + ']'));
+ if (acrdAniEle.length > 0) {
+ for (var _i = 0, acrdAniEle_1 = acrdAniEle; _i < acrdAniEle_1.length; _i++) {
+ var el = acrdAniEle_1[_i];
+ acrdActive.push(el.parentElement);
+ }
+ }
+ var sameContentCheck = acrdActive.indexOf(acrdnCtnItem) !== -1 && acrdnCtn.getAttribute('e-animate') === 'true';
+ var sameHeader = false;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(acrdnItem) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(acrdnHdr)) {
+ var acrdnCtn_1 = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_CONTENT, acrdnItem);
+ var acrdnRoot = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(acrdnItem, '.' + CLS_ACRDN_ROOT);
+ var expandState = acrdnRoot.querySelector('.' + CLS_EXPANDSTATE);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(acrdnCtn_1)) {
+ return;
+ }
+ sameHeader = (expandState === acrdnItem);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isVisible"])(acrdnCtn_1) && (!sameContentCheck || acrdnCtnItem.classList.contains(CLS_SLCTED))) {
+ this.collapse(acrdnCtn_1);
+ }
+ else {
+ if ((acrdActive.length > 0) && this.expandMode === 'Single' && !sameContentCheck) {
+ acrdActive.forEach(function (el) {
+ _this.collapse(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_CONTENT, el));
+ el.classList.remove(CLS_EXPANDSTATE);
+ });
+ }
+ this.expand(acrdnCtn_1);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(expandState) && !sameHeader) {
+ expandState.classList.remove(CLS_EXPANDSTATE);
+ }
+ }
+ };
+ Accordion.prototype.eleMoveFocus = function (action, root, trgt) {
+ var clst;
+ var clstItem = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '.' + CLS_ITEM);
+ if (trgt === root) {
+ clst = ((action === 'moveUp' ? trgt.lastElementChild : trgt).querySelector('.' + CLS_HEADER));
+ }
+ else if (trgt.classList.contains(CLS_HEADER)) {
+ clstItem = (action === 'moveUp' ? clstItem.previousElementSibling : clstItem.nextElementSibling);
+ if (clstItem) {
+ clst = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_HEADER, clstItem);
+ }
+ }
+ if (clst) {
+ clst.focus();
+ }
+ };
+ Accordion.prototype.keyActionHandler = function (e) {
+ var trgt = e.target;
+ var header = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, CLS_HEADER);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(header) && !trgt.classList.contains(CLS_ROOT) && !trgt.classList.contains(CLS_HEADER)) {
+ return;
+ }
+ var clst;
+ var root = this.element;
+ var content;
+ switch (e.action) {
+ case 'moveUp':
+ this.eleMoveFocus(e.action, root, trgt);
+ break;
+ case 'moveDown':
+ this.eleMoveFocus(e.action, root, trgt);
+ break;
+ case 'space':
+ case 'enter':
+ content = trgt.nextElementSibling;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(content) && content.classList.contains(CLS_CONTENT)) {
+ if (content.getAttribute('e-animate') !== 'true') {
+ trgt.click();
+ }
+ }
+ else {
+ trgt.click();
+ }
+ e.preventDefault();
+ break;
+ case 'home':
+ case 'end':
+ clst = e.action === 'home' ? root.firstElementChild.children[0] : root.lastElementChild.children[0];
+ clst.focus();
+ e.preventDefault();
+ break;
+ }
+ };
+ Accordion.prototype.headerEleGenerate = function () {
+ var header = this.createElement('div', { className: CLS_HEADER, id: Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('acrdn_header') });
+ var ariaAttr = {
+ 'tabindex': '0', 'role': 'button', 'aria-disabled': 'false', 'aria-expanded': 'false'
+ };
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(header, ariaAttr);
+ return header;
+ };
+ Accordion.prototype.renderInnerItem = function (item, index) {
+ var innerEle = this.createElement('div', {
+ className: CLS_ITEM, id: item.id || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('acrdn_item')
+ });
+ if (this.headerTemplate) {
+ var ctnEle = this.headerEleGenerate();
+ var hdrEle = this.createElement('div', { className: CLS_HEADERCTN });
+ ctnEle.appendChild(hdrEle);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(this.getHeaderTemplate()(item, this, 'headerTemplate', this.element.id + '_headerTemplate', false), hdrEle);
+ innerEle.appendChild(ctnEle);
+ ctnEle.appendChild(this.toggleIconGenerate());
+ this.add(innerEle, CLS_SLCT);
+ return innerEle;
+ }
+ if (item.header && this.angularnativeCondiCheck(item, 'header')) {
+ if (this.enableHtmlSanitizer && typeof (item.header) === 'string') {
+ item.header = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(item.header);
+ }
+ var ctnEle = this.headerEleGenerate();
+ var hdrEle = this.createElement('div', { className: CLS_HEADERCTN });
+ ctnEle.appendChild(hdrEle);
+ ctnEle.appendChild(this.fetchElement(hdrEle, item.header, index, true));
+ innerEle.appendChild(ctnEle);
+ }
+ var hdr = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_HEADER, innerEle);
+ if (item.expanded && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(index) && (!this.enablePersistence)) {
+ if (this.initExpand.indexOf(index) === -1) {
+ this.initExpand.push(index);
+ }
+ }
+ if (item.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([innerEle], item.cssClass.split(' '));
+ }
+ if (item.disabled) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([innerEle], CLS_DISABLE);
+ }
+ if (item.visible === false) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([innerEle], CLS_ITEMHIDE);
+ }
+ if (item.iconCss) {
+ var hdrIcnEle = this.createElement('div', { className: CLS_HEADERICN });
+ var icon = this.createElement('span', { className: item.iconCss + ' e-icons' });
+ hdrIcnEle.appendChild(icon);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(hdr)) {
+ hdr = this.headerEleGenerate();
+ hdr.appendChild(hdrIcnEle);
+ innerEle.appendChild(hdr);
+ }
+ else {
+ hdr.insertBefore(hdrIcnEle, hdr.childNodes[0]);
+ }
+ }
+ if (item.content && this.angularnativeCondiCheck(item, 'content')) {
+ var hdrIcon = this.toggleIconGenerate();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(hdr)) {
+ hdr = this.headerEleGenerate();
+ innerEle.appendChild(hdr);
+ }
+ hdr.appendChild(hdrIcon);
+ this.add(innerEle, CLS_SLCT);
+ }
+ return innerEle;
+ };
+ Accordion.prototype.angularnativeCondiCheck = function (item, prop) {
+ var property = prop === 'content' ? item.content : item.header;
+ var content = property;
+ if (this.isAngular && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(content.elementRef)) {
+ var data = content.elementRef.nativeElement.data;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(data) || data === '' || (data.indexOf('bindings=') === -1)) {
+ return true;
+ }
+ var parseddata = JSON.parse(content.elementRef.nativeElement.data.replace('bindings=', ''));
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(parseddata) && parseddata['ng-reflect-ng-if'] === 'false') {
+ return false;
+ }
+ else {
+ return true;
+ }
+ }
+ else {
+ return true;
+ }
+ };
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ Accordion.prototype.fetchElement = function (ele, value, index, isHeader) {
+ var templateFn;
+ var temString;
+ try {
+ if (document.querySelectorAll(value).length && value !== 'Button') {
+ var eleVal = document.querySelector(value);
+ temString = eleVal.outerHTML.trim();
+ ele.appendChild(eleVal);
+ eleVal.style.display = '';
+ }
+ else {
+ templateFn = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(value);
+ }
+ }
+ catch (e) {
+ if (typeof (value) === 'string') {
+ ele.innerHTML = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(value);
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.trgtEle) && (value instanceof (HTMLElement))) {
+ ele.appendChild(value);
+ ele.firstElementChild.style.display = '';
+ }
+ else {
+ templateFn = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(value);
+ }
+ }
+ var tempArray;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(templateFn)) {
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ var templateProps = void 0;
+ var templateName = void 0;
+ if (ele.classList.contains(CLS_HEADERCTN)) {
+ templateProps = this.element.id + index + '_header';
+ templateName = 'header';
+ }
+ else if (ele.classList.contains(CLS_CTENT)) {
+ templateProps = this.element.id + index + '_content';
+ templateName = 'content';
+ }
+ tempArray = templateFn({}, this, templateName, templateProps, this.isStringTemplate);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(tempArray) && tempArray.length > 0 && !(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(tempArray[0].tagName) && tempArray.length === 1)) {
+ [].slice.call(tempArray).forEach(function (el) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(el.tagName)) {
+ el.style.display = '';
+ }
+ ele.appendChild(el);
+ });
+ }
+ else if (ele.childElementCount === 0) {
+ ele.innerHTML = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(value);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(temString)) {
+ if (this.templateEle.indexOf(value) === -1) {
+ this.templateEle.push(value);
+ }
+ }
+ return ele;
+ };
+ Accordion.prototype.ariaAttrUpdate = function (itemEle) {
+ var header = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_HEADER, itemEle);
+ var content = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_CONTENT, itemEle);
+ header.setAttribute('aria-controls', content.id);
+ content.setAttribute('aria-labelledby', header.id);
+ content.setAttribute('role', 'region');
+ };
+ Accordion.prototype.contentRendering = function (index) {
+ var itemcnt = this.createElement('div', { className: CLS_CONTENT + ' ' + CLS_CTNHIDE, id: Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('acrdn_panel') });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(itemcnt, { 'aria-hidden': 'true' });
+ var ctn = this.createElement('div', { className: CLS_CTENT });
+ if (this.dataSource.length > 0) {
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(this.getItemTemplate()(this.dataSource[parseInt(index.toString(), 10)], this, 'itemTemplate', this.element.id + '_itemTemplate', false), ctn);
+ itemcnt.appendChild(ctn);
+ }
+ else {
+ if (this.enableHtmlSanitizer && typeof (this.items[parseInt(index.toString(), 10)].content)) {
+ this.items[parseInt(index.toString(), 10)].content =
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(this.items[parseInt(index.toString(), 10)].content);
+ }
+ itemcnt.appendChild(this.fetchElement(ctn, this.items[parseInt(index.toString(), 10)].content, index, false));
+ }
+ return itemcnt;
+ };
+ Accordion.prototype.expand = function (trgt) {
+ var _this = this;
+ var items = this.getItems();
+ var trgtItemEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '.' + CLS_ITEM);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(trgt) || (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isVisible"])(trgt) && trgt.getAttribute('e-animate') !== 'true') || trgtItemEle.classList.contains(CLS_DISABLE)) {
+ return;
+ }
+ var acrdnRoot = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgtItemEle, '.' + CLS_ACRDN_ROOT);
+ var expandState = acrdnRoot.querySelector('.' + CLS_EXPANDSTATE);
+ var animation = {
+ name: this.animation.expand.effect,
+ duration: this.animation.expand.duration,
+ timingFunction: this.animation.expand.easing
+ };
+ var icon = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_TOOGLEICN, trgtItemEle).firstElementChild;
+ var eventArgs = {
+ element: trgtItemEle,
+ item: items[this.getIndexByItem(trgtItemEle)],
+ index: this.getIndexByItem(trgtItemEle),
+ content: trgtItemEle.querySelector('.' + CLS_CONTENT),
+ isExpanded: true
+ };
+ this.trigger('expanding', eventArgs, function (expandArgs) {
+ if (!expandArgs.cancel) {
+ icon.classList.add(CLS_TOGANIMATE);
+ _this.expandedItemsPush(trgtItemEle);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(expandState)) {
+ expandState.classList.remove(CLS_EXPANDSTATE);
+ }
+ trgtItemEle.classList.add(CLS_EXPANDSTATE);
+ if ((animation.name === 'None')) {
+ _this.expandProgress('begin', icon, trgt, trgtItemEle, expandArgs);
+ _this.expandProgress('end', icon, trgt, trgtItemEle, expandArgs);
+ }
+ else {
+ _this.expandAnimation(animation.name, icon, trgt, trgtItemEle, animation, expandArgs);
+ }
+ }
+ });
+ };
+ Accordion.prototype.expandAnimation = function (ef, icn, trgt, trgtItemEle, animate, args) {
+ var _this = this;
+ var height;
+ this.lastActiveItemId = trgtItemEle.id;
+ if (ef === 'SlideDown') {
+ animate.begin = function () {
+ _this.expandProgress('begin', icn, trgt, trgtItemEle, args);
+ trgt.style.position = 'absolute';
+ height = trgtItemEle.offsetHeight;
+ trgt.style.maxHeight = (trgt.offsetHeight) + 'px';
+ trgtItemEle.style.maxHeight = '';
+ };
+ animate.progress = function () {
+ trgtItemEle.style.minHeight = (height + trgt.offsetHeight) + 'px';
+ };
+ animate.end = function () {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(trgt, { 'position': '', 'maxHeight': '' });
+ trgtItemEle.style.minHeight = '';
+ _this.expandProgress('end', icn, trgt, trgtItemEle, args);
+ };
+ }
+ else {
+ animate.begin = function () {
+ _this.expandProgress('begin', icn, trgt, trgtItemEle, args);
+ };
+ animate.end = function () {
+ _this.expandProgress('end', icn, trgt, trgtItemEle, args);
+ };
+ }
+ new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"](animate).animate(trgt);
+ };
+ Accordion.prototype.expandProgress = function (progress, icon, trgt, trgtItemEle, eventArgs) {
+ this.remove(trgt, CLS_CTNHIDE);
+ this.add(trgtItemEle, CLS_SLCTED);
+ this.add(icon, CLS_EXPANDICN);
+ if (progress === 'end') {
+ this.add(trgtItemEle, CLS_ACTIVE);
+ trgt.setAttribute('aria-hidden', 'false');
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(trgt.previousElementSibling, { 'aria-expanded': 'true' });
+ icon.classList.remove(CLS_TOGANIMATE);
+ this.trigger('expanded', eventArgs);
+ }
+ };
+ Accordion.prototype.expandedItemsPush = function (item) {
+ var index = this.getIndexByItem(item);
+ if (this.expandedIndices.indexOf(index) === -1) {
+ var temp = [].slice.call(this.expandedIndices);
+ temp.push(index);
+ this.setProperties({ expandedIndices: temp }, true);
+ }
+ };
+ Accordion.prototype.getIndexByItem = function (item) {
+ var itemEle = this.getItemElements();
+ return [].slice.call(itemEle).indexOf(item);
+ };
+ Accordion.prototype.getItemElements = function () {
+ var itemEle = [];
+ var itemCollection = this.element.children;
+ [].slice.call(itemCollection).forEach(function (el) {
+ if (el.classList.contains(CLS_ITEM)) {
+ itemEle.push(el);
+ }
+ });
+ return itemEle;
+ };
+ Accordion.prototype.expandedItemsPop = function (item) {
+ var index = this.getIndexByItem(item);
+ var temp = [].slice.call(this.expandedIndices);
+ temp.splice(temp.indexOf(index), 1);
+ this.setProperties({ expandedIndices: temp }, true);
+ };
+ Accordion.prototype.collapse = function (trgt) {
+ var _this = this;
+ var items = this.getItems();
+ var trgtItemEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '.' + CLS_ITEM);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(trgt) || !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isVisible"])(trgt) || trgtItemEle.classList.contains(CLS_DISABLE)) {
+ return;
+ }
+ var animation = {
+ name: this.animation.collapse.effect,
+ duration: this.animation.collapse.duration,
+ timingFunction: this.animation.collapse.easing
+ };
+ var icon = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_TOOGLEICN, trgtItemEle).firstElementChild;
+ var eventArgs = {
+ element: trgtItemEle,
+ item: items[this.getIndexByItem(trgtItemEle)],
+ index: this.getIndexByItem(trgtItemEle),
+ content: trgtItemEle.querySelector('.' + CLS_CONTENT),
+ isExpanded: false
+ };
+ this.trigger('expanding', eventArgs, function (expandArgs) {
+ if (!expandArgs.cancel) {
+ _this.expandedItemsPop(trgtItemEle);
+ trgtItemEle.classList.remove(CLS_EXPANDSTATE);
+ icon.classList.add(CLS_TOGANIMATE);
+ if ((animation.name === 'None')) {
+ _this.collapseProgress('begin', icon, trgt, trgtItemEle, expandArgs);
+ _this.collapseProgress('end', icon, trgt, trgtItemEle, expandArgs);
+ }
+ else {
+ _this.collapseAnimation(animation.name, trgt, trgtItemEle, icon, animation, expandArgs);
+ }
+ }
+ });
+ };
+ Accordion.prototype.collapseAnimation = function (ef, trgt, trgtItEl, icn, animate, args) {
+ var _this = this;
+ var height;
+ var trgtHeight;
+ var itemHeight;
+ var remain;
+ this.lastActiveItemId = trgtItEl.id;
+ if (ef === 'SlideUp') {
+ animate.begin = function () {
+ itemHeight = trgtItEl.offsetHeight;
+ trgtItEl.style.minHeight = itemHeight + 'px';
+ trgt.style.position = 'absolute';
+ height = trgtItEl.offsetHeight;
+ trgtHeight = trgt.offsetHeight;
+ trgt.style.maxHeight = trgtHeight + 'px';
+ _this.collapseProgress('begin', icn, trgt, trgtItEl, args);
+ };
+ animate.progress = function () {
+ remain = ((height - (trgtHeight - trgt.offsetHeight)));
+ if (remain < itemHeight) {
+ trgtItEl.style.minHeight = remain + 'px';
+ }
+ };
+ animate.end = function () {
+ trgt.style.display = 'none';
+ _this.collapseProgress('end', icn, trgt, trgtItEl, args);
+ trgtItEl.style.minHeight = '';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(trgt, { 'position': '', 'maxHeight': '', 'display': '' });
+ };
+ }
+ else {
+ animate.begin = function () {
+ _this.collapseProgress('begin', icn, trgt, trgtItEl, args);
+ };
+ animate.end = function () {
+ _this.collapseProgress('end', icn, trgt, trgtItEl, args);
+ };
+ }
+ new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"](animate).animate(trgt);
+ };
+ Accordion.prototype.collapseProgress = function (progress, icon, trgt, trgtItemEle, eventArgs) {
+ this.remove(icon, CLS_EXPANDICN);
+ this.remove(trgtItemEle, CLS_SLCTED);
+ if (progress === 'end') {
+ this.add(trgt, CLS_CTNHIDE);
+ icon.classList.remove(CLS_TOGANIMATE);
+ this.remove(trgtItemEle, CLS_ACTIVE);
+ trgt.setAttribute('aria-hidden', 'true');
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(trgt.previousElementSibling, { 'aria-expanded': 'false' });
+ this.trigger('expanded', eventArgs);
+ }
+ };
+ /**
+ * Returns the current module name.
+ *
+ * @returns {string} - It returns the current module name.
+ * @private
+ */
+ Accordion.prototype.getModuleName = function () {
+ return 'accordion';
+ };
+ Accordion.prototype.getItems = function () {
+ var items;
+ if (this.itemTemplate && this.headerTemplate) {
+ items = this.dataSource;
+ }
+ else {
+ items = this.items;
+ }
+ return items;
+ };
+ /**
+ * Adds new item to the Accordion with the specified index of the Accordion.
+ *
+ * @param {AccordionItemModel | AccordionItemModel[] | Object | Object[]} item - Item array that is to be added to the Accordion.
+ * @param {number} index - Number value that determines where the item should be added.
+ * By default, item is added at the last index if the index is not specified.
+ * @returns {void}
+ */
+ Accordion.prototype.addItem = function (item, index) {
+ var _this = this;
+ var ele = this.element;
+ var itemEle = this.getItemElements();
+ var items = this.getItems();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(index)) {
+ index = items.length;
+ }
+ if (ele.childElementCount >= index) {
+ var addItems = (item instanceof Array) ? item : [item];
+ addItems.forEach(function (addItem, i) {
+ var itemIndex = index + i;
+ items.splice(itemIndex, 0, addItem);
+ var innerItemEle = _this.renderInnerItem(addItem, itemIndex);
+ if (ele.childElementCount === itemIndex) {
+ ele.appendChild(innerItemEle);
+ }
+ else {
+ ele.insertBefore(innerItemEle, itemEle[parseInt(itemIndex.toString(), 10)]);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(innerItemEle.querySelector('.' + CLS_HEADER), 'focus', _this.focusIn, _this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(innerItemEle.querySelector('.' + CLS_HEADER), 'blur', _this.focusOut, _this);
+ _this.expandedIndices = [];
+ _this.expandedItemRefresh(ele);
+ if (addItem && addItem.expanded) {
+ _this.expandItem(true, itemIndex);
+ }
+ });
+ }
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ };
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ Accordion.prototype.expandedItemRefresh = function (ele) {
+ var _this = this;
+ var itemEle = this.getItemElements();
+ [].slice.call(itemEle).forEach(function (el) {
+ if (el.classList.contains(CLS_SLCTED)) {
+ _this.expandedItemsPush(el);
+ }
+ });
+ };
+ /**
+ * Dynamically removes item from Accordion.
+ *
+ * @param {number} index - Number value that determines which item should be removed.
+ * @returns {void}.
+ */
+ Accordion.prototype.removeItem = function (index) {
+ if (this.isReact) {
+ this.clearTemplate(['headerTemplate', 'itemTemplate'], index);
+ }
+ var itemEle = this.getItemElements();
+ var ele = itemEle[parseInt(index.toString(), 10)];
+ var items = this.getItems();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(ele)) {
+ return;
+ }
+ this.restoreContent(index);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(ele);
+ items.splice(index, 1);
+ this.expandedIndices = [];
+ this.expandedItemRefresh(this.element);
+ };
+ /**
+ * Sets focus to the specified index item header in Accordion.
+ *
+ * @param {number} index - Number value that determines which item should be focused.
+ * @returns {void}.
+ */
+ Accordion.prototype.select = function (index) {
+ var itemEle = this.getItemElements();
+ var ele = itemEle[parseInt(index.toString(), 10)];
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(ele) || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_HEADER, ele))) {
+ return;
+ }
+ ele.children[0].focus();
+ };
+ /**
+ * Shows or hides the specified item from Accordion.
+ *
+ * @param {number} index - Number value that determines which item should be hidden/shown.
+ * @param {boolean} isHidden - Boolean value that determines the action either hide (true) or show (false). Default value is false.
+ * If the `isHidden` value is false, the item is shown or else item it is hidden.
+ * @returns {void}.
+ */
+ Accordion.prototype.hideItem = function (index, isHidden) {
+ var itemEle = this.getItemElements();
+ var ele = itemEle[parseInt(index.toString(), 10)];
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(ele)) {
+ return;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(isHidden)) {
+ isHidden = true;
+ }
+ if (isHidden) {
+ this.add(ele, CLS_ITEMHIDE);
+ }
+ else {
+ this.remove(ele, CLS_ITEMHIDE);
+ }
+ };
+ /**
+ * Enables/Disables the specified Accordion item.
+ *
+ * @param {number} index - Number value that determines which item should be enabled/disabled.
+ * @param {boolean} isEnable - Boolean value that determines the action as enable (true) or disable (false).
+ * If the `isEnable` value is true, the item is enabled or else it is disabled.
+ * @returns {void}.
+ */
+ Accordion.prototype.enableItem = function (index, isEnable) {
+ var itemEle = this.getItemElements();
+ var ele = itemEle[parseInt(index.toString(), 10)];
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(ele)) {
+ return;
+ }
+ var eleHeader = ele.firstElementChild;
+ if (isEnable) {
+ this.remove(ele, CLS_DISABLE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(eleHeader, { 'tabindex': '0', 'aria-disabled': 'false' });
+ eleHeader.focus();
+ }
+ else {
+ if (ele.classList.contains(CLS_ACTIVE)) {
+ this.expandItem(false, index);
+ this.eleMoveFocus('movedown', this.element, eleHeader);
+ }
+ this.add(ele, CLS_DISABLE);
+ eleHeader.setAttribute('aria-disabled', 'true');
+ eleHeader.removeAttribute('tabindex');
+ }
+ };
+ /**
+ * Expands/Collapses the specified Accordion item.
+ *
+ * @param {boolean} isExpand - Boolean value that determines the action as expand or collapse.
+ * @param {number} index - Number value that determines which item should be expanded/collapsed.`index` is optional parameter.
+ * Without Specifying index, based on the `isExpand` value all Accordion item can be expanded or collapsed.
+ * @returns {void}.
+ */
+ Accordion.prototype.expandItem = function (isExpand, index) {
+ var _this = this;
+ var itemEle = this.getItemElements();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(index)) {
+ if (this.expandMode === 'Single' && isExpand) {
+ var ele = itemEle[itemEle.length - 1];
+ this.itemExpand(isExpand, ele, this.getIndexByItem(ele));
+ }
+ else {
+ var item = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('#' + this.lastActiveItemId, this.element);
+ [].slice.call(itemEle).forEach(function (el) {
+ _this.itemExpand(isExpand, el, _this.getIndexByItem(el));
+ el.classList.remove(CLS_EXPANDSTATE);
+ });
+ var expandedItem = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_EXPANDSTATE, this.element);
+ if (expandedItem) {
+ expandedItem.classList.remove(CLS_EXPANDSTATE);
+ }
+ if (item) {
+ item.classList.add(CLS_EXPANDSTATE);
+ }
+ }
+ }
+ else {
+ var ele = itemEle[parseInt(index.toString(), 10)];
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(ele) || !ele.classList.contains(CLS_SLCT) || (ele.classList.contains(CLS_ACTIVE) && isExpand)) {
+ return;
+ }
+ else {
+ if (this.expandMode === 'Single') {
+ this.expandItem(false);
+ }
+ this.itemExpand(isExpand, ele, index);
+ }
+ }
+ };
+ Accordion.prototype.itemExpand = function (isExpand, ele, index) {
+ var ctn = ele.children[1];
+ if (ele.classList.contains(CLS_DISABLE)) {
+ return;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(ctn) && isExpand) {
+ ctn = this.contentRendering(index);
+ ele.appendChild(ctn);
+ this.ariaAttrUpdate(ele);
+ this.expand(ctn);
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(ctn)) {
+ if (isExpand) {
+ this.expand(ctn);
+ }
+ else {
+ this.collapse(ctn);
+ }
+ }
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ };
+ Accordion.prototype.destroyItems = function () {
+ this.restoreContent(null);
+ if (this.isReact || this.isAngular || this.isVue) {
+ this.clearTemplate();
+ }
+ [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach(function (el) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(el);
+ });
+ };
+ Accordion.prototype.restoreContent = function (index) {
+ var ctnElePos;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(index)) {
+ ctnElePos = this.element;
+ }
+ else {
+ ctnElePos = this.element.querySelectorAll('.' + CLS_ITEM)[parseInt(index.toString(), 10)];
+ }
+ this.templateEle.forEach(function (eleStr) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(ctnElePos.querySelector(eleStr))) {
+ document.body.appendChild(ctnElePos.querySelector(eleStr)).style.display = 'none';
+ }
+ });
+ };
+ Accordion.prototype.updateItem = function (item, index) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(item)) {
+ var items = this.getItems();
+ var itemObj = items[parseInt(index.toString(), 10)];
+ items.splice(index, 1);
+ this.restoreContent(index);
+ var header = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_HEADERCTN, item);
+ var content = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_CTENT, item);
+ if (this.isReact || this.isAngular) {
+ this.clearAccordionTemplate(header, 'header', CLS_HEADERCTN);
+ this.clearAccordionTemplate(content, 'content', CLS_CTENT);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(item);
+ this.addItem(itemObj, index);
+ }
+ };
+ Accordion.prototype.setTemplate = function (template, toElement, index) {
+ toElement.innerHTML = '';
+ this.templateCompile(toElement, template, index);
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ };
+ Accordion.prototype.templateCompile = function (ele, cnt, index) {
+ var tempEle = this.createElement('div');
+ this.fetchElement(tempEle, cnt, index, false);
+ if (tempEle.childNodes.length !== 0) {
+ [].slice.call(tempEle.childNodes).forEach(function (childEle) {
+ ele.appendChild(childEle);
+ });
+ }
+ };
+ Accordion.prototype.clearAccordionTemplate = function (templateEle, templateName, className) {
+ if (this.registeredTemplate && this.registeredTemplate["" + templateName]) {
+ var registeredTemplates = this.registeredTemplate;
+ for (var index = 0; index < registeredTemplates["" + templateName].length; index++) {
+ var registeredItem = registeredTemplates["" + templateName][parseInt(index.toString(), 10)].rootNodes[0];
+ var closestItem = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(registeredItem.containerInfo, '.' + className);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(closestItem) && closestItem === templateEle) {
+ this.clearTemplate([templateName], [registeredTemplates["" + templateName][parseInt(index.toString(), 10)]]);
+ break;
+ }
+ }
+ }
+ else if (this.portals && this.portals.length > 0) {
+ var portals = this.portals;
+ for (var index = 0; index < portals.length; index++) {
+ var portalItem = portals[parseInt(index.toString(), 10)];
+ var closestItem = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(portalItem.containerInfo, '.' + className);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(closestItem) && closestItem === templateEle) {
+ this.clearTemplate([templateName], index);
+ break;
+ }
+ }
+ }
+ };
+ Accordion.prototype.getPersistData = function () {
+ var keyEntity = ['expandedIndices'];
+ return this.addOnPersist(keyEntity);
+ };
+ /**
+ * Gets called when the model property changes.The data that describes the old and new values of the property that changed.
+ *
+ * @param {AccordionModel} newProp - It contains the new value of data.
+ * @param {AccordionModel} oldProp - It contains the old value of data.
+ * @returns {void}
+ * @private
+ */
+ Accordion.prototype.onPropertyChanged = function (newProp, oldProp) {
+ var acrdn = this.element;
+ var isRefresh = false;
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'items':
+ if (!(newProp.items instanceof Array && oldProp.items instanceof Array)) {
+ var changedProp = Object.keys(newProp.items);
+ for (var j = 0; j < changedProp.length; j++) {
+ var index = parseInt(Object.keys(newProp.items)[parseInt(j.toString(), 10)], 10);
+ var property = Object.keys(newProp.items[parseInt(index.toString(), 10)]);
+ for (var k = 0; k < property.length; k++) {
+ var item = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + CLS_ITEM, this.element)[parseInt(index.toString(), 10)];
+ var oldVal = Object(oldProp.items[parseInt(index.toString(), 10)])["" + property[parseInt(k.toString(), 10)]];
+ var newVal = Object(newProp.items[parseInt(index.toString(), 10)])["" + property[parseInt(k.toString(), 10)]];
+ var temp = property[parseInt(k.toString(), 10)];
+ var content = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CLS_CTENT, item);
+ if (temp === 'header' || temp === 'iconCss' || temp === 'expanded' || ((temp === 'content') && (oldVal === ''))) {
+ this.updateItem(item, index);
+ }
+ if (property[parseInt(k.toString(), 10)] === 'cssClass' && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(item)) {
+ if (oldVal) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([item], oldVal.split(' '));
+ }
+ if (newVal) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([item], newVal.split(' '));
+ }
+ }
+ if (property[parseInt(k.toString(), 10)] === 'visible' && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(item)) {
+ if (Object(newProp.items[parseInt(index.toString(), 10)])["" + property[parseInt(k.toString(), 10)]] === false) {
+ item.classList.add(CLS_ITEMHIDE);
+ }
+ else {
+ item.classList.remove(CLS_ITEMHIDE);
+ }
+ }
+ if (property[parseInt(k.toString(), 10)] === 'disabled' && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(item)) {
+ this.enableItem(index, !newVal);
+ }
+ if (property[parseInt(k.toString(), 10)] === 'content' && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(item) && item.children.length === 2) {
+ if (typeof newVal === 'function') {
+ if (this.isAngular || this.isReact) {
+ this.clearAccordionTemplate(content, property[parseInt(k.toString(), 10)], CLS_CTENT);
+ }
+ var activeContent = item.querySelector('.' + CLS_CTENT);
+ activeContent.innerHTML = '';
+ this.setTemplate(newVal, activeContent, index);
+ }
+ else {
+ if (item.classList.contains(CLS_SLCTED)) {
+ this.expandItem(false, index);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(item.querySelector('.' + CLS_CONTENT));
+ }
+ }
+ }
+ }
+ }
+ else {
+ isRefresh = true;
+ }
+ break;
+ case 'dataSource':
+ case 'expandedIndices':
+ if (this.expandedIndices === null) {
+ this.expandedIndices = [];
+ }
+ isRefresh = true;
+ break;
+ case 'headerTemplate':
+ this.initializeHeaderTemplate();
+ isRefresh = true;
+ break;
+ case 'itemTemplate':
+ this.initializeItemTemplate();
+ isRefresh = true;
+ break;
+ case 'enableRtl':
+ if (newProp.enableRtl) {
+ this.add(acrdn, CLS_RTL);
+ }
+ else {
+ this.remove(acrdn, CLS_RTL);
+ }
+ break;
+ case 'height':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, { 'height': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(newProp.height) });
+ break;
+ case 'width':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, { 'width': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(newProp.width) });
+ break;
+ case 'expandMode':
+ if (newProp.expandMode === 'Single' && this.expandedIndices.length > 1) {
+ this.expandItem(false);
+ }
+ break;
+ }
+ }
+ if (isRefresh) {
+ this.initExpand = [];
+ if (this.expandedIndices.length > 0) {
+ this.initExpand = this.expandedIndices;
+ }
+ this.destroyItems();
+ this.renderItems();
+ this.initItemExpand();
+ }
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], AccordionItem)
+ ], Accordion.prototype, "items", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])([])
+ ], Accordion.prototype, "dataSource", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Accordion.prototype, "itemTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Accordion.prototype, "headerTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('100%')
+ ], Accordion.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('auto')
+ ], Accordion.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])([])
+ ], Accordion.prototype, "expandedIndices", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Multiple')
+ ], Accordion.prototype, "expandMode", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Accordion.prototype, "enableHtmlSanitizer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, AccordionAnimationSettings)
+ ], Accordion.prototype, "animation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Accordion.prototype, "clicked", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Accordion.prototype, "expanding", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Accordion.prototype, "expanded", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Accordion.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Accordion.prototype, "destroyed", void 0);
+ Accordion = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], Accordion);
+ return Accordion;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/accordion/index.js":
+/*!**************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/accordion/index.js ***!
+ \**************************************************************************/
+/*! exports provided: AccordionActionSettings, AccordionAnimationSettings, AccordionItem, Accordion */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _accordion__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./accordion */ "./ej2-resources/22.1.37/scripts/ej2-navigations/accordion/accordion.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AccordionActionSettings", function() { return _accordion__WEBPACK_IMPORTED_MODULE_0__["AccordionActionSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AccordionAnimationSettings", function() { return _accordion__WEBPACK_IMPORTED_MODULE_0__["AccordionAnimationSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AccordionItem", function() { return _accordion__WEBPACK_IMPORTED_MODULE_0__["AccordionItem"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Accordion", function() { return _accordion__WEBPACK_IMPORTED_MODULE_0__["Accordion"]; });
+
+/**
+ * Accordion all modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/appbar/appbar.js":
+/*!************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/appbar/appbar.js ***!
+ \************************************************************************/
+/*! exports provided: AppBar */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppBar", function() { return AppBar; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+// Constant variables
+var CLS_APPBAR = 'e-appbar';
+var CLS_HORIZONTAL_BOTTOM = 'e-horizontal-bottom';
+var CLS_STICKY = 'e-sticky';
+var CLS_PROMINENT = 'e-prominent';
+var CLS_DENSE = 'e-dense';
+var CLS_RTL = 'e-rtl';
+var CLS_LIGHT = 'e-light';
+var CLS_DARK = 'e-dark';
+var CLS_PRIMARY = 'e-primary';
+var CLS_INHERIT = 'e-inherit';
+/**
+ * The AppBar displays the information and actions related to the current application screen. It is used to show branding, screen titles, navigation, and actions.
+ * Support to inherit colors from AppBar provided to Item 1
+ * Item 2
+ * Item 3
+ * Item 4
+ * Item 5
+ * e-inherit CSS class to inherit the background and color from AppBar.
+ */
+var AppBar = /** @__PURE__ @class */ (function (_super) {
+ __extends(AppBar, _super);
+ /**
+ * Constructor for creating the AppBar widget
+ *
+ * @param {AppBarModel} options Accepts the AppBar model properties to initiate the rendering
+ * @param {string | HTMLElement} element Accepts the DOM element reference
+ */
+ function AppBar(options, element) {
+ return _super.call(this, options, element) || this;
+ }
+ /**
+ * Removes the control from the DOM and also removes all its related events.
+ *
+ * @returns {void}
+ */
+ AppBar.prototype.destroy = function () {
+ _super.prototype.destroy.call(this);
+ this.element.classList.remove(CLS_APPBAR);
+ this.element.removeAttribute('style');
+ this.element.removeAttribute('role');
+ };
+ AppBar.prototype.getModuleName = function () {
+ return 'appbar';
+ };
+ AppBar.prototype.getPersistData = function () {
+ return this.addOnPersist([]);
+ };
+ AppBar.prototype.preRender = function () {
+ // pre render code
+ };
+ AppBar.prototype.render = function () {
+ if (this.element.tagName !== 'HEADER') {
+ this.element.setAttribute('role', 'header');
+ }
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], this.cssClass.split(' '));
+ }
+ if (this.position === 'Bottom') {
+ this.element.classList.add(CLS_HORIZONTAL_BOTTOM);
+ }
+ if (this.isSticky) {
+ this.element.classList.add(CLS_STICKY);
+ }
+ if (this.enableRtl) {
+ this.element.classList.add(CLS_RTL);
+ }
+ this.setHeightMode();
+ this.setColorMode();
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ this.setHtmlAttributes(this.htmlAttributes, this.element);
+ }
+ };
+ AppBar.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'mode':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], [CLS_DENSE, CLS_PROMINENT]);
+ this.setHeightMode();
+ break;
+ case 'position':
+ if (this.position === 'Bottom') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLS_HORIZONTAL_BOTTOM);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], CLS_HORIZONTAL_BOTTOM);
+ }
+ break;
+ case 'cssClass':
+ if (oldProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], oldProp.cssClass.split(' '));
+ }
+ if (newProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], newProp.cssClass.split(' '));
+ }
+ break;
+ case 'isSticky':
+ if (this.isSticky) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLS_STICKY);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], CLS_STICKY);
+ }
+ break;
+ case 'htmlAttributes':
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldProp.htmlAttributes)) {
+ var keys = Object.keys(oldProp.htmlAttributes);
+ for (var _b = 0, keys_1 = keys; _b < keys_1.length; _b++) {
+ var key = keys_1[_b];
+ if (key === 'class') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], oldProp.htmlAttributes["" + key]);
+ }
+ else {
+ this.element.removeAttribute(key);
+ }
+ }
+ }
+ this.setHtmlAttributes(newProp.htmlAttributes, this.element);
+ }
+ break;
+ case 'colorMode':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], [CLS_DARK, CLS_PRIMARY, CLS_INHERIT, CLS_LIGHT]);
+ this.setColorMode();
+ break;
+ case 'enableRtl':
+ if (this.enableRtl) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLS_RTL);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], CLS_RTL);
+ }
+ break;
+ }
+ }
+ };
+ AppBar.prototype.setHtmlAttributes = function (attribute, element) {
+ var keys = Object.keys(attribute);
+ for (var _i = 0, keys_2 = keys; _i < keys_2.length; _i++) {
+ var key = keys_2[_i];
+ if (key === 'class') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([element], attribute["" + key]);
+ }
+ else {
+ element.setAttribute(key, attribute["" + key]);
+ }
+ }
+ };
+ AppBar.prototype.setHeightMode = function () {
+ if (this.mode === 'Prominent') {
+ this.element.classList.add(CLS_PROMINENT);
+ }
+ else if (this.mode === 'Dense') {
+ this.element.classList.add(CLS_DENSE);
+ }
+ };
+ AppBar.prototype.setColorMode = function () {
+ switch (this.colorMode) {
+ case 'Light':
+ this.element.classList.add(CLS_LIGHT);
+ break;
+ case 'Dark':
+ this.element.classList.add(CLS_DARK);
+ break;
+ case 'Primary':
+ this.element.classList.add(CLS_PRIMARY);
+ break;
+ case 'Inherit':
+ this.element.classList.add(CLS_INHERIT);
+ break;
+ }
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Regular')
+ ], AppBar.prototype, "mode", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Top')
+ ], AppBar.prototype, "position", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], AppBar.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], AppBar.prototype, "isSticky", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], AppBar.prototype, "htmlAttributes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Light')
+ ], AppBar.prototype, "colorMode", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], AppBar.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], AppBar.prototype, "destroyed", void 0);
+ AppBar = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], AppBar);
+ return AppBar;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/appbar/index.js":
+/*!***********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/appbar/index.js ***!
+ \***********************************************************************/
+/*! exports provided: AppBar */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _appbar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./appbar */ "./ej2-resources/22.1.37/scripts/ej2-navigations/appbar/appbar.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AppBar", function() { return _appbar__WEBPACK_IMPORTED_MODULE_0__["AppBar"]; });
+
+/** AppBar export modules */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/breadcrumb/breadcrumb.js":
+/*!********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/breadcrumb/breadcrumb.js ***!
+ \********************************************************************************/
+/*! exports provided: BreadcrumbOverflowMode, BreadcrumbItem, Breadcrumb */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BreadcrumbOverflowMode", function() { return BreadcrumbOverflowMode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BreadcrumbItem", function() { return BreadcrumbItem; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Breadcrumb", function() { return Breadcrumb; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_lists__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-lists */ "./ej2-resources/22.1.37/scripts/ej2-lists/index.js");
+/* harmony import */ var _ej2_popups__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../ej2-popups */ "./ej2-resources/22.1.37/scripts/ej2-popups/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+var ICONRIGHT = 'e-icon-right';
+var ITEMTEXTCLASS = 'e-breadcrumb-text';
+var ICONCLASS = 'e-breadcrumb-icon';
+var MENUCLASS = 'e-breadcrumb-menu';
+var ITEMCLASS = 'e-breadcrumb-item';
+var POPUPCLASS = 'e-breadcrumb-popup';
+var WRAPMODECLASS = 'e-breadcrumb-wrap-mode';
+var SCROLLMODECLASS = 'e-breadcrumb-scroll-mode';
+var TABINDEX = 'tabindex';
+var DISABLEDCLASS = 'e-disabled';
+var ARIADISABLED = 'aria-disabled';
+var DOT = '.';
+/**
+ * Defines the Breadcrumb overflow modes.
+ */
+var BreadcrumbOverflowMode;
+(function (BreadcrumbOverflowMode) {
+ /**
+ * Hidden mode shows the maximum number of items possible in the container space and hides the remaining items.
+ * Clicking on a previous item will make the hidden item visible.
+ */
+ BreadcrumbOverflowMode["Hidden"] = "Hidden";
+ /**
+ * Collapsed mode shows the first and last Breadcrumb items and hides the remaining items with a collapsed icon.
+ * When the collapsed icon is clicked, all items become visible and navigable.
+ */
+ BreadcrumbOverflowMode["Collapsed"] = "Collapsed";
+ /**
+ * Menu mode shows the number of Breadcrumb items that can be accommodated within the container space and creates a submenu with the remaining items.
+ */
+ BreadcrumbOverflowMode["Menu"] = "Menu";
+ /**
+ * Wrap mode wraps the items to multiple lines when the Breadcrumb’s width exceeds the container space.
+ */
+ BreadcrumbOverflowMode["Wrap"] = "Wrap";
+ /**
+ * Scroll mode shows an HTML scroll bar when the Breadcrumb’s width exceeds the container space.
+ */
+ BreadcrumbOverflowMode["Scroll"] = "Scroll";
+ /**
+ * None mode shows all the items in a single line.
+ */
+ BreadcrumbOverflowMode["None"] = "None";
+})(BreadcrumbOverflowMode || (BreadcrumbOverflowMode = {}));
+var BreadcrumbItem = /** @__PURE__ @class */ (function (_super) {
+ __extends(BreadcrumbItem, _super);
+ function BreadcrumbItem() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], BreadcrumbItem.prototype, "text", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], BreadcrumbItem.prototype, "url", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], BreadcrumbItem.prototype, "iconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], BreadcrumbItem.prototype, "disabled", void 0);
+ return BreadcrumbItem;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Breadcrumb is a graphical user interface that helps to identify or highlight the current location within a hierarchical structure of websites.
+ * The aim is to make the user aware of their current position in a hierarchy of website links.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
+ __extends(Breadcrumb, _super);
+ /**
+ * Constructor for creating the widget.
+ *
+ * @private
+ * @param {BreadcrumbModel} options - Specifies the Breadcrumb model.
+ * @param {string | HTMLElement} element - Specifies the element.
+ */
+ function Breadcrumb(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.isPopupCreated = false;
+ return _this;
+ }
+ /**
+ * @private
+ * @returns {void}
+ */
+ Breadcrumb.prototype.preRender = function () {
+ // pre render code
+ };
+ /**
+ * Initialize the control rendering.
+ *
+ * @private
+ * @returns {void}
+ */
+ Breadcrumb.prototype.render = function () {
+ this.initialize();
+ this.renderItems(this.items);
+ this.wireEvents();
+ };
+ Breadcrumb.prototype.initialize = function () {
+ this._maxItems = this.maxItems;
+ this.element.setAttribute('aria-label', 'breadcrumb');
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ if (this.enableRtl) {
+ this.element.classList.add('e-rtl');
+ }
+ if (this.disabled) {
+ this.element.classList.add(DISABLEDCLASS);
+ this.element.setAttribute(ARIADISABLED, 'true');
+ }
+ if (this.overflowMode === 'Wrap') {
+ this.element.classList.add(WRAPMODECLASS);
+ }
+ else if (this.overflowMode === 'Scroll') {
+ this.element.classList.add(SCROLLMODECLASS);
+ }
+ this.initItems();
+ this.initPvtProps();
+ };
+ Breadcrumb.prototype.initPvtProps = function () {
+ if (this.overflowMode === 'Hidden' && this._maxItems > 0) {
+ this.endIndex = this.getEndIndex();
+ this.startIndex = this.endIndex + 1 - (this._maxItems - 1);
+ }
+ if (this.overflowMode === 'Menu') {
+ if (this._maxItems >= 0) {
+ this.startIndex = this._maxItems > 1 ? 1 : 0;
+ this.endIndex = this.getEndIndex();
+ this.popupUl = this.createElement('ul', { attrs: { TABINDEX: '0', 'role': 'menu' } });
+ }
+ else {
+ this.startIndex = this.endIndex = null;
+ }
+ }
+ };
+ Breadcrumb.prototype.getEndIndex = function () {
+ var _this = this;
+ var endIndex;
+ if (this.activeItem) {
+ this.items.forEach(function (item, idx) {
+ if (item.url === _this.activeItem || item.text === _this.activeItem) {
+ endIndex = idx;
+ }
+ });
+ }
+ else {
+ endIndex = this.items.length - 1;
+ }
+ return endIndex;
+ };
+ Breadcrumb.prototype.initItems = function () {
+ if (!this.items.length) {
+ var baseUri = void 0;
+ var uri = void 0;
+ var items = [];
+ if (this.url) {
+ var url = new URL(this.url, window.location.origin);
+ baseUri = url.origin + '/';
+ uri = url.href.split(baseUri)[1].split('/');
+ }
+ else {
+ baseUri = window.location.origin + '/';
+ uri = window.location.href.split(baseUri)[1].split('/');
+ }
+ items.push({ iconCss: 'e-icons e-home', url: baseUri });
+ for (var i = 0; i < uri.length; i++) {
+ if (uri[i]) {
+ items.push({ text: uri[i], url: baseUri + uri[i] });
+ baseUri += uri[i] + '/';
+ }
+ }
+ this.setProperties({ items: items }, true);
+ }
+ };
+ Breadcrumb.prototype.renderItems = function (items) {
+ var _this = this;
+ var item;
+ var isSingleLevel;
+ var isIconRight = this.element.classList.contains(ICONRIGHT);
+ var itemsLength = items.length;
+ if (itemsLength) {
+ var isActiveItem = void 0;
+ var isLastItem = void 0;
+ var isLastItemInPopup_1;
+ var j_1 = 0;
+ var wrapDiv = void 0;
+ var len = (itemsLength * 2) - 1;
+ var isItemCancelled_1 = false;
+ var ol = this.createElement('ol', { className: this.overflowMode === 'Wrap' ? 'e-breadcrumb-wrapped-ol' : '' });
+ var firstOl = this.createElement('ol', { className: this.overflowMode === 'Wrap' ? 'e-breadcrumb-first-ol' : '' });
+ var showIcon = this.hasField(items, 'iconCss');
+ var isCollasped = (this.overflowMode === 'Collapsed' && this._maxItems > 0 && itemsLength > this._maxItems && !this.isExpanded);
+ var isDefaultOverflowMode_1 = (this.overflowMode === 'Hidden' && this._maxItems > 0);
+ if (this.overflowMode === 'Menu' && this.popupUl) {
+ this.popupUl.innerHTML = '';
+ }
+ var listBaseOptions = {
+ moduleName: this.getModuleName(),
+ showIcon: showIcon,
+ itemNavigable: true,
+ itemCreated: function (args) {
+ var isLastItem = args.curData.isLastItem;
+ if (isLastItem && args.item.children.length && !_this.itemTemplate) {
+ delete args.curData.isLastItem;
+ if (!isLastItemInPopup_1 && !_this.enableActiveItemNavigation) {
+ args.item.innerHTML = _this.createElement('span', { className: ITEMTEXTCLASS, innerHTML: args.item.children[0].innerHTML }).outerHTML;
+ }
+ }
+ if (args.curData.iconCss && !args.curData.text && !_this.itemTemplate) {
+ args.item.classList.add('e-icon-item');
+ }
+ if (isDefaultOverflowMode_1) {
+ args.item.setAttribute('item-index', j_1.toString());
+ }
+ var eventArgs = {
+ item: Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, args.curData.properties ?
+ args.curData.properties : args.curData), element: args.item, cancel: false
+ };
+ _this.trigger('beforeItemRender', eventArgs);
+ isItemCancelled_1 = eventArgs.cancel;
+ var containsRightIcon = (isIconRight || eventArgs.element.classList.contains(ICONRIGHT));
+ if (containsRightIcon && args.curData.iconCss && !_this.itemTemplate) {
+ args.item.querySelector('.e-anchor-wrap').appendChild(args.item.querySelector(DOT + ICONCLASS));
+ }
+ if (eventArgs.item.disabled) {
+ args.item.setAttribute(ARIADISABLED, 'true');
+ args.item.classList.add(DISABLEDCLASS);
+ }
+ if ((eventArgs.item.disabled || _this.disabled) && args.item.children.length && !_this.itemTemplate) {
+ args.item.children[0].setAttribute(TABINDEX, '-1');
+ }
+ if (args.curData.isEmptyUrl) {
+ args.item.children[0].removeAttribute('href');
+ if ((!isLastItem || (isLastItem && _this.enableActiveItemNavigation)) && !(eventArgs.item.disabled
+ || _this.disabled)) {
+ args.item.children[0].setAttribute(TABINDEX, '0');
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(args.item.children[0], 'keydown', _this.keyDownHandler, _this);
+ }
+ }
+ args.item.removeAttribute('role');
+ if (isLastItem) {
+ args.item.setAttribute('data-active-item', '');
+ }
+ if (!_this.itemTemplate) {
+ _this.beforeItemRenderChanges(args.curData, eventArgs.item, args.item, containsRightIcon);
+ }
+ }
+ };
+ for (var i = 0; i < len; (i % 2 && j_1++), i++) {
+ isActiveItem = (this.activeItem && (this.activeItem === items[j_1].url ||
+ this.activeItem === items[j_1].text));
+ if (isCollasped && i > 1 && i < len - 2) {
+ continue;
+ }
+ else if (isDefaultOverflowMode_1 && ((j_1 < this.startIndex || j_1 > this.endIndex)
+ && (i % 2 ? j_1 !== this.startIndex - 1 : true)) && j_1 !== 0) {
+ continue;
+ }
+ if (i % 2) {
+ // separator item
+ wrapDiv = this.createElement('div', { className: 'e-breadcrumb-item-wrapper' });
+ listBaseOptions.template = this.separatorTemplate ? this.separatorTemplate : '/';
+ listBaseOptions.itemClass = 'e-breadcrumb-separator';
+ isSingleLevel = false;
+ item = [{ previousItem: items[j_1], nextItem: items[j_1 + 1] }];
+ }
+ else {
+ // list item
+ listBaseOptions.itemClass = '';
+ if (this.itemTemplate) {
+ listBaseOptions.template = this.itemTemplate;
+ isSingleLevel = false;
+ }
+ else {
+ isSingleLevel = true;
+ }
+ item = [Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, items[j_1].properties ?
+ items[j_1].properties
+ : items[j_1])];
+ if (!item[0].url && !this.itemTemplate) {
+ item = [Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, item[0], { isEmptyUrl: true, url: '#' })];
+ }
+ isLastItem = (isDefaultOverflowMode_1 || this.overflowMode === 'Menu') && (j_1 === this.endIndex);
+ if (((i === len - 1 || isLastItem) && !this.itemTemplate) || isActiveItem) {
+ item[0].isLastItem = true;
+ }
+ }
+ var parent_1 = ol;
+ var lastPopupItemIdx = this.startIndex + this.endIndex - this._maxItems;
+ if (this.overflowMode === 'Menu' && ((j_1 >= this.startIndex && (j_1 <= lastPopupItemIdx && (i % 2 ? !(j_1 === lastPopupItemIdx) : true)) && this.endIndex >= this._maxItems && this._maxItems > 0) || this._maxItems === 0)) {
+ if (i % 2) {
+ continue;
+ }
+ else {
+ parent_1 = this.popupUl;
+ if (isLastItem) {
+ isLastItemInPopup_1 = true;
+ }
+ }
+ }
+ else if (this.overflowMode === 'Wrap') {
+ if (i === 0) {
+ parent_1 = firstOl;
+ }
+ else {
+ parent_1 = wrapDiv;
+ }
+ }
+ var li = _ej2_lists__WEBPACK_IMPORTED_MODULE_1__["ListBase"].createList(this.createElement, item, listBaseOptions, isSingleLevel, this).childNodes;
+ if (!isItemCancelled_1) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(li, parent_1);
+ }
+ else if (isDefaultOverflowMode_1 || isCollasped || this.overflowMode === 'Menu' || this.overflowMode === 'Wrap') {
+ items.splice(j_1, 1);
+ this.initPvtProps();
+ return this.reRenderItems();
+ }
+ else if ((i === len - 1 || isLastItem)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(parent_1.lastElementChild);
+ }
+ if (this.overflowMode === 'Wrap' && i !== 0 && i % 2 === 0) {
+ ol.appendChild(wrapDiv);
+ }
+ if (isCollasped && i === 1) {
+ var li_1 = this.createElement('li', { className: 'e-icons e-breadcrumb-collapsed', attrs: { TABINDEX: '0' } });
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(li_1, 'keyup', this.expandHandler, this);
+ ol.appendChild(li_1);
+ }
+ if (this.overflowMode === 'Menu' && this.startIndex === i && this.endIndex >= this._maxItems && this._maxItems >= 0) {
+ var menu = this.getMenuElement();
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(menu, 'keyup', this.keyDownHandler, this);
+ ol.appendChild(menu);
+ }
+ if (isActiveItem || isLastItem) {
+ break;
+ }
+ if (isItemCancelled_1) {
+ i++;
+ }
+ }
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ if (this.overflowMode === 'Wrap') {
+ this.element.appendChild(firstOl);
+ }
+ this.element.appendChild(ol);
+ this.calculateMaxItems();
+ }
+ };
+ Breadcrumb.prototype.calculateMaxItems = function () {
+ if (this.overflowMode === 'Hidden' || this.overflowMode === 'Collapsed' || this.overflowMode === 'Menu') {
+ var maxItems = void 0;
+ var width = this.element.offsetWidth;
+ var liElems = [].slice.call(this.element.children[0].children).reverse();
+ var liWidth = this.overflowMode === 'Menu' ? 0 : liElems[liElems.length - 1].offsetWidth + (liElems[liElems.length - 2] ? liElems[liElems.length - 2].offsetWidth : 0);
+ if (this.overflowMode === 'Menu') {
+ var menuEle = this.getMenuElement();
+ this.element.appendChild(menuEle);
+ liWidth += menuEle.offsetWidth;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(menuEle);
+ }
+ for (var i = 0; i < liElems.length - 2; i++) {
+ if (liWidth > width) {
+ maxItems = Math.ceil((i - 1) / 2) + ((this.overflowMode === 'Menu' && i <= 2) ? 0 : 1);
+ if (((this.maxItems > maxItems && !(this.maxItems > -1 && maxItems === -1)) ||
+ this.maxItems === -1) && this._maxItems !== maxItems) {
+ this._maxItems = maxItems;
+ this.initPvtProps();
+ return this.reRenderItems();
+ }
+ else {
+ break;
+ }
+ }
+ else {
+ if (this.overflowMode === 'Menu' && i === 2) {
+ liWidth += liElems[liElems.length - 1].offsetWidth + liElems[liElems.length - 2].offsetWidth;
+ if (liWidth > width) {
+ this._maxItems = 1;
+ this.initPvtProps();
+ return this.reRenderItems();
+ }
+ }
+ if (!(this.overflowMode === 'Menu' && liElems[i].classList.contains(MENUCLASS))) {
+ liWidth += liElems[i].offsetWidth;
+ }
+ }
+ }
+ }
+ else if ((this.overflowMode === 'Wrap' || this.overflowMode === 'Scroll') && this._maxItems > 0) {
+ var width = 0;
+ var liElems = this.element.querySelectorAll(DOT + ITEMCLASS);
+ if (liElems.length > this._maxItems + this._maxItems - 1) {
+ for (var i = this.overflowMode === 'Wrap' ? 1 : 0; i < this._maxItems + this._maxItems - 1; i++) {
+ width += liElems[i].offsetWidth;
+ }
+ width = width + 5 + (parseInt(getComputedStyle(this.element.children[0]).paddingLeft, 10) * 2);
+ if (this.overflowMode === 'Wrap') {
+ this.element.querySelector('.e-breadcrumb-wrapped-ol').style.width = width + 'px';
+ }
+ else {
+ this.element.style.width = width + 'px';
+ }
+ }
+ }
+ };
+ Breadcrumb.prototype.hasField = function (items, field) {
+ for (var i = 0, len = items.length; i < len; i++) {
+ if (items[i]["" + field]) {
+ return true;
+ }
+ }
+ return false;
+ };
+ Breadcrumb.prototype.getMenuElement = function () {
+ return this.createElement('li', { className: 'e-icons e-breadcrumb-menu', attrs: { TABINDEX: '0' } });
+ };
+ Breadcrumb.prototype.beforeItemRenderChanges = function (prevItem, currItem, elem, isRightIcon) {
+ var wrapElem = elem.querySelector('.e-anchor-wrap');
+ if (currItem.text !== prevItem.text) {
+ wrapElem.childNodes.forEach(function (child) {
+ if (child.nodeType === Node.TEXT_NODE) {
+ child.textContent = currItem.text;
+ }
+ });
+ }
+ if (currItem.iconCss !== prevItem.iconCss && wrapElem) { // wrapElem - for checking it is item not a separator
+ var iconElem = elem.querySelector(DOT + ICONCLASS);
+ if (iconElem) {
+ if (currItem.iconCss) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([iconElem], prevItem.iconCss.split(' '));
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([iconElem], currItem.iconCss.split(' '));
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(iconElem);
+ }
+ }
+ else if (currItem.iconCss) {
+ var iconElem_1 = this.createElement('span', { className: ICONCLASS + ' ' + currItem.iconCss });
+ if (isRightIcon) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])([iconElem_1], wrapElem);
+ }
+ else {
+ wrapElem.insertBefore(iconElem_1, wrapElem.childNodes[0]);
+ }
+ }
+ }
+ if (currItem.url !== prevItem.url && this.enableNavigation) {
+ var anchor = elem.querySelector('a.' + ITEMTEXTCLASS);
+ if (anchor) {
+ if (currItem.url) {
+ anchor.setAttribute('href', currItem.url);
+ }
+ else {
+ anchor.removeAttribute('href');
+ }
+ }
+ }
+ };
+ Breadcrumb.prototype.reRenderItems = function () {
+ this.element.innerHTML = '';
+ this.renderItems(this.items);
+ };
+ Breadcrumb.prototype.clickHandler = function (e) {
+ var li = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, DOT + ITEMCLASS + ':not(.e-breadcrumb-separator)');
+ if (!this.enableNavigation) {
+ e.preventDefault();
+ }
+ if (li && (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, DOT + ITEMTEXTCLASS) || this.itemTemplate)) {
+ var idx = void 0;
+ if (this.overflowMode === 'Wrap') {
+ idx = [].slice.call(this.element.querySelectorAll(DOT + ITEMCLASS)).indexOf(li);
+ }
+ else {
+ idx = [].slice.call(li.parentElement.children).indexOf(li);
+ }
+ if (this.overflowMode === 'Menu') {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, DOT + POPUPCLASS)) {
+ idx += this.startIndex;
+ this.endIndex = idx;
+ if (e.type === 'keydown') {
+ this.documentClickHandler(e);
+ }
+ }
+ else if (this.element.querySelector(DOT + MENUCLASS)) {
+ if (idx > [].slice.call(this.element.children[0].children).indexOf(this.element.querySelector(DOT + MENUCLASS))) {
+ idx += (this.popupUl.childElementCount * 2) - 2;
+ idx = Math.floor(idx / 2);
+ this.endIndex = idx;
+ }
+ else {
+ this.startIndex = this.endIndex = idx;
+ }
+ }
+ else {
+ idx = Math.floor(idx / 2);
+ this.startIndex = this.endIndex = idx;
+ }
+ }
+ else {
+ idx = Math.floor(idx / 2);
+ }
+ if (this.overflowMode === 'Hidden' && this._maxItems > 0 && this.endIndex !== 0) {
+ idx = parseInt(li.getAttribute('item-index'), 10);
+ if (this.startIndex > 1) {
+ this.startIndex -= (this.endIndex - idx);
+ }
+ this.endIndex = idx;
+ }
+ this.trigger('itemClick', { element: li, item: this.items[idx], event: e });
+ this.activeItem = this.items[idx].url || this.items[idx].text;
+ this.dataBind();
+ }
+ if (e.target.classList.contains('e-breadcrumb-collapsed')) {
+ this.isExpanded = true;
+ this.reRenderItems();
+ }
+ if (e.target.classList.contains(MENUCLASS) && !this.isPopupCreated) {
+ this.renderPopup();
+ }
+ };
+ Breadcrumb.prototype.renderPopup = function () {
+ var _this = this;
+ var wrapper = this.createElement('div', { className: POPUPCLASS + ' ' + this.cssClass + (this.enableRtl ? ' e-rtl' : '') });
+ document.body.appendChild(wrapper);
+ this.isPopupCreated = true;
+ this.popupObj = new _ej2_popups__WEBPACK_IMPORTED_MODULE_2__["Popup"](wrapper, {
+ content: this.popupUl,
+ relateTo: this.element.querySelector(DOT + MENUCLASS),
+ enableRtl: this.enableRtl,
+ position: { X: 'left', Y: 'bottom' },
+ collision: { X: 'fit', Y: 'flip' },
+ open: function () {
+ _this.popupUl.focus();
+ }
+ });
+ this.popupWireEvents();
+ this.popupObj.show();
+ };
+ Breadcrumb.prototype.documentClickHandler = function (e) {
+ if (this.overflowMode === 'Menu' && this.popupObj && this.popupObj.element.classList.contains('e-popup-open') && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, DOT + MENUCLASS)) {
+ this.popupObj.hide();
+ this.popupObj.destroy();
+ this.isPopupCreated = false;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.popupObj.element);
+ }
+ };
+ Breadcrumb.prototype.resize = function () {
+ this._maxItems = this.maxItems;
+ this.initPvtProps();
+ this.reRenderItems();
+ };
+ Breadcrumb.prototype.expandHandler = function (e) {
+ if (e.key === 'Enter') {
+ this.isExpanded = true;
+ this.reRenderItems();
+ }
+ };
+ Breadcrumb.prototype.keyDownHandler = function (e) {
+ if (e.key === 'Enter') {
+ this.clickHandler(e);
+ }
+ };
+ Breadcrumb.prototype.popupKeyDownHandler = function (e) {
+ if (e.key === 'Escape') {
+ this.documentClickHandler(e);
+ }
+ };
+ /**
+ * Called internally if any of the property value changed.
+ *
+ * @private
+ * @param {BreadcrumbModel} newProp - Specifies the new properties.
+ * @param {BreadcrumbModel} oldProp - Specifies the old properties.
+ * @returns {void}
+ */
+ Breadcrumb.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'items':
+ case 'enableActiveItemNavigation':
+ this.reRenderItems();
+ break;
+ case 'activeItem':
+ this._maxItems = this.maxItems;
+ this.initPvtProps();
+ this.reRenderItems();
+ break;
+ case 'overflowMode':
+ case 'maxItems':
+ this._maxItems = this.maxItems;
+ this.initPvtProps();
+ this.reRenderItems();
+ if (oldProp.overflowMode === 'Wrap') {
+ this.element.classList.remove(WRAPMODECLASS);
+ }
+ else if (newProp.overflowMode === 'Wrap') {
+ this.element.classList.add(WRAPMODECLASS);
+ }
+ if (oldProp.overflowMode === 'Scroll') {
+ this.element.classList.remove(SCROLLMODECLASS);
+ }
+ else if (newProp.overflowMode === 'Scroll') {
+ this.element.classList.add(SCROLLMODECLASS);
+ }
+ break;
+ case 'url':
+ this.initItems();
+ this.reRenderItems();
+ break;
+ case 'cssClass':
+ if (oldProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], oldProp.cssClass.split(' '));
+ }
+ if (newProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], newProp.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ if ((oldProp.cssClass && oldProp.cssClass.indexOf(ICONRIGHT) > -1) && !(newProp.cssClass &&
+ newProp.cssClass.indexOf(ICONRIGHT) > -1) || !(oldProp.cssClass && oldProp.cssClass.indexOf(ICONRIGHT) > -1) &&
+ (newProp.cssClass && newProp.cssClass.indexOf(ICONRIGHT) > -1)) {
+ this.reRenderItems();
+ }
+ break;
+ case 'enableRtl':
+ this.element.classList.toggle('e-rtl');
+ break;
+ case 'disabled':
+ this.element.classList.toggle(DISABLEDCLASS);
+ this.element.setAttribute(ARIADISABLED, newProp.disabled + '');
+ break;
+ }
+ }
+ };
+ Breadcrumb.prototype.wireEvents = function () {
+ this.delegateClickHanlder = this.documentClickHandler.bind(this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'click', this.delegateClickHanlder, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'click', this.clickHandler, this);
+ window.addEventListener('resize', this.resize.bind(this));
+ };
+ Breadcrumb.prototype.popupWireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.popupObj.element, 'click', this.clickHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.popupObj.element, 'keydown', this.popupKeyDownHandler, this);
+ };
+ Breadcrumb.prototype.unWireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'click', this.delegateClickHanlder);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'click', this.clickHandler);
+ window.removeEventListener('resize', this.resize.bind(this));
+ if (this.popupObj) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.popupObj.element, 'click', this.clickHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.popupObj.element, 'keydown', this.popupKeyDownHandler);
+ }
+ };
+ /**
+ * Get the properties to be maintained in the persisted state.
+ *
+ * @returns {string} - Persist data
+ */
+ Breadcrumb.prototype.getPersistData = function () {
+ return this.addOnPersist(['activeItem']);
+ };
+ /**
+ * Get module name.
+ *
+ * @private
+ * @returns {string} - Module Name
+ */
+ Breadcrumb.prototype.getModuleName = function () {
+ return 'breadcrumb';
+ };
+ /**
+ * Destroys the widget.
+ *
+ * @returns {void}
+ */
+ Breadcrumb.prototype.destroy = function () {
+ var _this = this;
+ var classes = [];
+ var attributes = ['aria-label'];
+ if (this.cssClass) {
+ classes.concat(this.cssClass.split(' '));
+ }
+ if (this.enableRtl) {
+ classes.push('e-rtl');
+ }
+ if (this.disabled) {
+ classes.push(DISABLEDCLASS);
+ attributes.push(ARIADISABLED);
+ }
+ if (this.overflowMode === 'Wrap') {
+ classes.push(WRAPMODECLASS);
+ }
+ else if (this.overflowMode === 'Scroll') {
+ classes.push(SCROLLMODECLASS);
+ }
+ this.unWireEvents();
+ this.element.innerHTML = '';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], classes);
+ attributes.forEach(function (attribute) {
+ _this.element.removeAttribute(attribute);
+ });
+ _super.prototype.destroy.call(this);
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Breadcrumb.prototype, "url", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], BreadcrumbItem)
+ ], Breadcrumb.prototype, "items", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Breadcrumb.prototype, "activeItem", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(-1)
+ ], Breadcrumb.prototype, "maxItems", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Menu')
+ ], Breadcrumb.prototype, "overflowMode", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Breadcrumb.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Breadcrumb.prototype, "itemTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('/')
+ ], Breadcrumb.prototype, "separatorTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Breadcrumb.prototype, "enableNavigation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Breadcrumb.prototype, "enableActiveItemNavigation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Breadcrumb.prototype, "disabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Breadcrumb.prototype, "locale", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Breadcrumb.prototype, "beforeItemRender", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Breadcrumb.prototype, "itemClick", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Breadcrumb.prototype, "created", void 0);
+ Breadcrumb = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], Breadcrumb);
+ return Breadcrumb;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/breadcrumb/index.js":
+/*!***************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/breadcrumb/index.js ***!
+ \***************************************************************************/
+/*! exports provided: BreadcrumbOverflowMode, BreadcrumbItem, Breadcrumb */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _breadcrumb__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./breadcrumb */ "./ej2-resources/22.1.37/scripts/ej2-navigations/breadcrumb/breadcrumb.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BreadcrumbOverflowMode", function() { return _breadcrumb__WEBPACK_IMPORTED_MODULE_0__["BreadcrumbOverflowMode"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BreadcrumbItem", function() { return _breadcrumb__WEBPACK_IMPORTED_MODULE_0__["BreadcrumbItem"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Breadcrumb", function() { return _breadcrumb__WEBPACK_IMPORTED_MODULE_0__["Breadcrumb"]; });
+
+/**
+ * Breadcrumb modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/carousel/carousel.js":
+/*!****************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/carousel/carousel.js ***!
+ \****************************************************************************/
+/*! exports provided: CarouselSwipeMode, CarouselItem, Carousel */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CarouselSwipeMode", function() { return CarouselSwipeMode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CarouselItem", function() { return CarouselItem; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Carousel", function() { return Carousel; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-buttons */ "./ej2-resources/22.1.37/scripts/ej2-buttons/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+
+
+
+// Constant variables
+var CLS_CAROUSEL = 'e-carousel';
+var CLS_ACTIVE = 'e-active';
+var CLS_RTL = 'e-rtl';
+var CLS_PARTIAL = 'e-partial';
+var CLS_SWIPE = 'e-swipe';
+var CLS_SLIDE_CONTAINER = 'e-carousel-slide-container';
+var CLS_ITEMS = 'e-carousel-items';
+var CLS_CLONED = 'e-cloned';
+var CLS_ITEM = 'e-carousel-item';
+var CLS_PREVIOUS = 'e-previous';
+var CLS_NEXT = 'e-next';
+var CLS_PREV_ICON = 'e-previous-icon';
+var CLS_NEXT_ICON = 'e-next-icon';
+var CLS_NAVIGATORS = 'e-carousel-navigators';
+var CLS_INDICATORS = 'e-carousel-indicators';
+var CLS_INDICATOR_BARS = 'e-indicator-bars';
+var CLS_INDICATOR_BAR = 'e-indicator-bar';
+var CLS_INDICATOR = 'e-indicator';
+var CLS_ICON = 'e-icons';
+var CLS_PLAY_PAUSE = 'e-play-pause';
+var CLS_PLAY_ICON = 'e-play-icon';
+var CLS_PAUSE_ICON = 'e-pause-icon';
+var CLS_PREV_BUTTON = 'e-previous-button';
+var CLS_NEXT_BUTTON = 'e-next-button';
+var CLS_PLAY_BUTTON = 'e-play-button';
+var CLS_FLAT = 'e-flat';
+var CLS_ROUND = 'e-round';
+var CLS_HOVER_ARROWS = 'e-hover-arrows';
+var CLS_HOVER = 'e-carousel-hover';
+var CLS_TEMPLATE = 'e-template';
+var CLS_SLIDE_ANIMATION = 'e-carousel-slide-animation';
+var CLS_FADE_ANIMATION = 'e-carousel-fade-animation';
+var CLS_CUSTOM_ANIMATION = 'e-carousel-custom-animation';
+var CLS_ANIMATION_NONE = 'e-carousel-animation-none';
+var CLS_PREV_SLIDE = 'e-prev';
+var CLS_NEXT_SLIDE = 'e-next';
+var CLS_TRANSITION_START = 'e-transition-start';
+var CLS_TRANSITION_END = 'e-transition-end';
+/**
+ * Specifies the action (touch & mouse) which enables the slide swiping action in carousel.
+ * * Touch - Enables or disables the swiping action in touch interaction.
+ * * Mouse - Enables or disables the swiping action in mouse interaction.
+ * @aspNumberEnum
+ */
+var CarouselSwipeMode;
+(function (CarouselSwipeMode) {
+ /** Enables or disables the swiping action in touch interaction. */
+ CarouselSwipeMode[CarouselSwipeMode["Touch"] = 1] = "Touch";
+ /** Enables or disables the swiping action in mouse interaction. */
+ CarouselSwipeMode[CarouselSwipeMode["Mouse"] = 2] = "Mouse";
+})(CarouselSwipeMode || (CarouselSwipeMode = {}));
+/** Specifies the carousel individual item. */
+var CarouselItem = /** @__PURE__ @class */ (function (_super) {
+ __extends(CarouselItem, _super);
+ function CarouselItem() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], CarouselItem.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], CarouselItem.prototype, "interval", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], CarouselItem.prototype, "template", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], CarouselItem.prototype, "htmlAttributes", void 0);
+ return CarouselItem;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+var Carousel = /** @__PURE__ @class */ (function (_super) {
+ __extends(Carousel, _super);
+ /**
+ * Constructor for creating the Carousel widget
+ *
+ * @param {CarouselModel} options Accepts the carousel model properties to initiate the rendering
+ * @param {string | HTMLElement} element Accepts the DOM element reference
+ */
+ function Carousel(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.isSwipe = false;
+ return _this;
+ }
+ Carousel.prototype.getModuleName = function () {
+ return CLS_CAROUSEL.replace('e-', '');
+ };
+ Carousel.prototype.getPersistData = function () {
+ return this.addOnPersist(['selectedIndex']);
+ };
+ Carousel.prototype.preRender = function () {
+ this.keyConfigs = {
+ home: 'home',
+ end: 'end',
+ space: 'space',
+ moveLeft: 'leftarrow',
+ moveRight: 'rightarrow',
+ moveUp: 'uparrow',
+ moveDown: 'downarrow'
+ };
+ var defaultLocale = {
+ nextSlide: 'Next slide',
+ of: 'of',
+ pauseSlideTransition: 'Pause slide transition',
+ playSlideTransition: 'Play slide transition',
+ previousSlide: 'Previous slide',
+ slide: 'Slide',
+ slideShow: 'Slide show'
+ };
+ this.localeObj = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["L10n"](this.getModuleName(), defaultLocale, this.locale);
+ };
+ Carousel.prototype.render = function () {
+ this.initialize();
+ this.renderSlides();
+ this.renderNavigators();
+ this.renderPlayButton();
+ this.renderIndicators();
+ this.applyAnimation();
+ this.wireEvents();
+ };
+ Carousel.prototype.onPropertyChanged = function (newProp, oldProp) {
+ var target;
+ var rtlElement;
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'animationEffect':
+ this.applyAnimation();
+ break;
+ case 'cssClass':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(this.element, [newProp.cssClass], [oldProp.cssClass]);
+ break;
+ case 'selectedIndex':
+ this.setActiveSlide(this.selectedIndex, oldProp.selectedIndex > this.selectedIndex ? 'Previous' : 'Next');
+ this.autoSlide();
+ break;
+ case 'htmlAttributes':
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ this.setHtmlAttributes(this.htmlAttributes, this.element);
+ }
+ break;
+ case 'enableTouchSwipe':
+ if (!this.enableTouchSwipe && this.touchModule) {
+ this.touchModule.destroy();
+ }
+ if (this.element.querySelector("." + CLS_ITEMS)) {
+ this.renderTouchActions();
+ }
+ break;
+ case 'loop':
+ if (this.loop && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.autoSlideInterval)) {
+ this.applySlideInterval();
+ }
+ this.handleNavigatorsActions(this.selectedIndex);
+ if (this.partialVisible || !(this.swipeMode === (~CarouselSwipeMode.Touch & ~CarouselSwipeMode.Mouse))) {
+ this.reRenderSlides();
+ }
+ break;
+ case 'enableRtl':
+ rtlElement = [].slice.call(this.element.querySelectorAll("." + CLS_PREV_BUTTON + ",\n ." + CLS_NEXT_BUTTON + ", ." + CLS_PLAY_BUTTON));
+ rtlElement.push(this.element);
+ if (this.enableRtl) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])(rtlElement, CLS_RTL);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])(rtlElement, CLS_RTL);
+ }
+ if (this.partialVisible || !(this.swipeMode === (~CarouselSwipeMode.Touch & ~CarouselSwipeMode.Mouse))) {
+ var cloneCount = this.loop ? this.getNumOfItems() : 0;
+ var slideWidth = this.itemsContainer.firstElementChild.clientWidth;
+ this.itemsContainer.style.transform = this.getTranslateX(slideWidth, this.selectedIndex + cloneCount);
+ }
+ break;
+ case 'buttonsVisibility':
+ target = this.element.querySelector("." + CLS_NAVIGATORS);
+ if (target) {
+ switch (this.buttonsVisibility) {
+ case 'Hidden':
+ this.resetTemplates(['previousButtonTemplate', 'nextButtonTemplate']);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(target);
+ break;
+ case 'VisibleOnHover':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([].slice.call(target.childNodes), CLS_HOVER_ARROWS);
+ break;
+ case 'Visible':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([].slice.call(target.childNodes), CLS_HOVER_ARROWS);
+ break;
+ }
+ }
+ else {
+ this.renderNavigators();
+ this.renderPlayButton();
+ }
+ break;
+ case 'width':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, { 'width': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.width) });
+ break;
+ case 'height':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, { 'height': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.height) });
+ break;
+ case 'autoPlay':
+ if (this.showPlayButton && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.playButtonTemplate)) {
+ this.playButtonClickHandler(null, true);
+ }
+ this.autoSlide();
+ break;
+ case 'interval':
+ this.autoSlide();
+ break;
+ case 'showIndicators':
+ case 'indicatorsType':
+ target = this.element.querySelector("." + CLS_INDICATORS);
+ if (target) {
+ this.resetTemplates(['indicatorsTemplate']);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(target);
+ }
+ this.renderIndicators();
+ break;
+ case 'showPlayButton':
+ target = this.element.querySelector("." + CLS_PLAY_PAUSE);
+ if (!this.showPlayButton && target) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(target);
+ this.resetTemplates(['playButtonTemplate']);
+ }
+ this.renderPlayButton();
+ break;
+ case 'items':
+ case 'dataSource':
+ this.reRenderSlides();
+ break;
+ case 'partialVisible':
+ if (this.partialVisible) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLS_PARTIAL);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], CLS_PARTIAL);
+ }
+ this.reRenderSlides();
+ break;
+ case 'swipeMode':
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'mousedown touchstart', this.swipeStart);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'mousemove touchmove', this.swiping);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'mouseup touchend', this.swipStop);
+ this.swipeModehandlers();
+ this.reRenderSlides();
+ break;
+ }
+ }
+ };
+ Carousel.prototype.reRenderSlides = function () {
+ var target = this.element.querySelector("." + CLS_ITEMS);
+ if (target) {
+ this.resetTemplates(['itemTemplate']);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(target);
+ }
+ this.renderSlides();
+ };
+ Carousel.prototype.initialize = function () {
+ var carouselClasses = [];
+ if (this.cssClass) {
+ carouselClasses.push(this.cssClass);
+ }
+ if (this.enableRtl) {
+ carouselClasses.push(CLS_RTL);
+ }
+ if (this.partialVisible) {
+ carouselClasses.push(CLS_PARTIAL);
+ }
+ if (!(this.swipeMode === (~CarouselSwipeMode.Touch & ~CarouselSwipeMode.Mouse))) {
+ carouselClasses.push(CLS_SWIPE);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], carouselClasses);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, { 'width': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.width), 'height': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.height) });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'tabindex': '0', 'aria-roledescription': 'carousel', 'aria-label': this.localeObj.getConstant('slideShow') });
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.htmlAttributes)) {
+ this.setHtmlAttributes(this.htmlAttributes, this.element);
+ }
+ };
+ Carousel.prototype.renderSlides = function () {
+ var _this = this;
+ var slideContainer = this.element.querySelector('.' + CLS_SLIDE_CONTAINER);
+ if (!slideContainer) {
+ slideContainer = this.createElement('div', { className: CLS_SLIDE_CONTAINER });
+ this.element.appendChild(slideContainer);
+ }
+ this.itemsContainer = this.createElement('div', { className: CLS_ITEMS, attrs: { 'aria-live': this.autoPlay ? 'off' : 'polite' } });
+ slideContainer.appendChild(this.itemsContainer);
+ var numOfItems = this.getNumOfItems();
+ if (numOfItems > 0 && this.loop) {
+ if (this.items.length > 0) {
+ this.items.slice(-numOfItems).forEach(function (item, index) {
+ _this.renderSlide(item, item.template, index, _this.itemsContainer, true);
+ });
+ }
+ else if (this.dataSource.length > 0) {
+ this.dataSource.slice(-numOfItems).forEach(function (item, index) {
+ _this.renderSlide(item, _this.itemTemplate, index, _this.itemsContainer, true);
+ });
+ }
+ }
+ if (this.items.length > 0) {
+ this.slideItems = this.items;
+ this.items.forEach(function (item, index) {
+ _this.renderSlide(item, item.template, index, _this.itemsContainer);
+ });
+ }
+ else if (this.dataSource.length > 0) {
+ this.slideItems = this.dataSource;
+ this.dataSource.forEach(function (item, index) {
+ _this.renderSlide(item, _this.itemTemplate, index, _this.itemsContainer);
+ });
+ }
+ if (numOfItems > 0 && this.loop) {
+ if (this.items.length > 0) {
+ this.items.slice(0, numOfItems).forEach(function (item, index) {
+ _this.renderSlide(item, item.template, index, _this.itemsContainer, true);
+ });
+ }
+ else if (this.dataSource.length > 0) {
+ this.dataSource.slice(0, numOfItems).forEach(function (item, index) {
+ _this.renderSlide(item, _this.itemTemplate, index, _this.itemsContainer, true);
+ });
+ }
+ }
+ this.renderTemplates();
+ this.itemsContainer.style.setProperty('--carousel-items-count', "" + this.itemsContainer.children.length);
+ var slideWidth = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.itemsContainer.firstElementChild) ? 0 :
+ this.itemsContainer.firstElementChild.clientWidth;
+ this.itemsContainer.style.transitionProperty = 'none';
+ var cloneCount = this.loop ? numOfItems : 0;
+ this.itemsContainer.style.transform = this.getTranslateX(slideWidth, this.selectedIndex + cloneCount);
+ this.autoSlide();
+ this.renderTouchActions();
+ this.renderKeyboardActions();
+ };
+ Carousel.prototype.getTranslateX = function (slideWidth, count) {
+ if (count === void 0) { count = 1; }
+ return this.enableRtl ? "translateX(" + (slideWidth) * (count) + "px)" :
+ "translateX(" + -(slideWidth) * (count) + "px)";
+ };
+ Carousel.prototype.renderSlide = function (item, itemTemplate, index, container, isClone) {
+ if (isClone === void 0) { isClone = false; }
+ var itemEle = this.createElement('div', {
+ id: Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('carousel_item'),
+ className: CLS_ITEM + " " + (item.cssClass ? item.cssClass : '') + " " + (this.selectedIndex === index && !isClone ? CLS_ACTIVE : ''),
+ attrs: {
+ 'aria-hidden': this.selectedIndex === index && !isClone ? 'false' : 'true', 'data-index': index.toString(),
+ 'aria-role': 'group', 'aria-roledescription': 'slide'
+ }
+ });
+ if (isClone) {
+ itemEle.classList.add(CLS_CLONED);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(item.htmlAttributes)) {
+ this.setHtmlAttributes(item.htmlAttributes, itemEle);
+ }
+ var templateId = this.element.id + '_template';
+ var template = this.templateParser(itemTemplate)(item, this, 'itemTemplate', templateId, false);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(template, itemEle);
+ container.appendChild(itemEle);
+ };
+ Carousel.prototype.renderNavigators = function () {
+ if (this.buttonsVisibility === 'Hidden') {
+ return;
+ }
+ var navigators = this.createElement('div', { className: CLS_NAVIGATORS });
+ var itemsContainer = this.element.querySelector("." + CLS_SLIDE_CONTAINER);
+ itemsContainer.insertAdjacentElement('afterend', navigators);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.slideItems) && this.slideItems.length > 1) {
+ this.renderNavigatorButton('Previous');
+ this.renderNavigatorButton('Next');
+ }
+ this.renderTemplates();
+ };
+ Carousel.prototype.renderNavigatorButton = function (direction) {
+ var buttonContainer = this.createElement('div', {
+ className: (direction === 'Previous' ? CLS_PREVIOUS : CLS_NEXT) + ' ' + (this.buttonsVisibility === 'VisibleOnHover' ? CLS_HOVER_ARROWS : '')
+ });
+ if (direction === 'Previous' && this.previousButtonTemplate) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([buttonContainer], CLS_TEMPLATE);
+ var templateId = this.element.id + '_previousButtonTemplate';
+ var template = this.templateParser(this.previousButtonTemplate)({ type: 'Previous' }, this, 'previousButtonTemplate', templateId, false);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(template, buttonContainer);
+ }
+ else if (direction === 'Next' && this.nextButtonTemplate) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([buttonContainer], CLS_TEMPLATE);
+ var templateId = this.element.id + '_nextButtonTemplate';
+ var template = this.templateParser(this.nextButtonTemplate)({ type: 'Next' }, this, 'nextButtonTemplate', templateId, false);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(template, buttonContainer);
+ }
+ else {
+ var button = this.createElement('button', {
+ attrs: { 'aria-label': this.localeObj.getConstant(direction === 'Previous' ? 'previousSlide' : 'nextSlide'), 'type': 'button' }
+ });
+ var buttonObj = new _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__["Button"]({
+ cssClass: CLS_FLAT + ' ' + CLS_ROUND + ' ' + (direction === 'Previous' ? CLS_PREV_BUTTON : CLS_NEXT_BUTTON),
+ iconCss: CLS_ICON + ' ' + (direction === 'Previous' ? CLS_PREV_ICON : CLS_NEXT_ICON),
+ enableRtl: this.enableRtl,
+ disabled: !this.loop && this.selectedIndex === (direction === 'Previous' ? 0 : this.slideItems.length - 1)
+ });
+ buttonObj.appendTo(button);
+ buttonContainer.appendChild(button);
+ }
+ this.element.querySelector('.' + CLS_NAVIGATORS).appendChild(buttonContainer);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(buttonContainer, 'click', this.navigatorClickHandler, this);
+ };
+ Carousel.prototype.renderPlayButton = function () {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.slideItems) || this.buttonsVisibility === 'Hidden' || !this.showPlayButton || this.slideItems.length <= 1) {
+ return;
+ }
+ var playPauseWrap = this.createElement('div', {
+ className: CLS_PLAY_PAUSE + ' ' + (this.buttonsVisibility === 'VisibleOnHover' ? CLS_HOVER_ARROWS : '')
+ });
+ if (this.playButtonTemplate) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([playPauseWrap], CLS_TEMPLATE);
+ var templateId = this.element.id + '_playButtonTemplate';
+ var template = this.templateParser(this.playButtonTemplate)({}, this, 'playButtonTemplate', templateId, false);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(template, playPauseWrap);
+ }
+ else {
+ var playButton = this.createElement('button', {
+ attrs: { 'aria-label': this.localeObj.getConstant(this.autoPlay ? 'pauseSlideTransition' : 'playSlideTransition'), 'type': 'button' }
+ });
+ var isLastSlide = this.selectedIndex === this.slideItems.length - 1 && !this.loop;
+ var buttonObj = new _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__["Button"]({
+ cssClass: CLS_FLAT + ' ' + CLS_ROUND + ' ' + CLS_PLAY_BUTTON,
+ iconCss: CLS_ICON + ' ' + (this.autoPlay && !isLastSlide ? CLS_PAUSE_ICON : CLS_PLAY_ICON),
+ isToggle: true,
+ enableRtl: this.enableRtl
+ });
+ if (isLastSlide) {
+ this.setProperties({ autoPlay: false }, true);
+ playButton.setAttribute('aria-label', this.localeObj.getConstant('playSlideTransition'));
+ this.itemsContainer.setAttribute('aria-live', 'polite');
+ }
+ buttonObj.appendTo(playButton);
+ playPauseWrap.appendChild(playButton);
+ }
+ var navigators = this.element.querySelector("." + CLS_NAVIGATORS);
+ navigators.insertBefore(playPauseWrap, navigators.lastElementChild);
+ this.renderTemplates();
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(playPauseWrap, 'click', this.playButtonClickHandler, this);
+ };
+ Carousel.prototype.renderIndicators = function () {
+ var _this = this;
+ if (!this.showIndicators) {
+ return;
+ }
+ var indicatorClass = 'e-default';
+ if (!this.indicatorsTemplate) {
+ indicatorClass = "e-" + this.indicatorsType.toLowerCase();
+ }
+ var indicatorWrap = this.createElement('div', { className: CLS_INDICATORS + " " + indicatorClass });
+ var indicatorBars = this.createElement('div', { className: CLS_INDICATOR_BARS });
+ indicatorWrap.appendChild(indicatorBars);
+ var progress;
+ if (this.slideItems) {
+ switch (this.indicatorsType) {
+ case 'Fraction':
+ if (this.indicatorsTemplate) {
+ this.renderIndicatorTemplate(indicatorBars, this.selectedIndex + 1);
+ }
+ else {
+ indicatorBars.innerText = this.selectedIndex + 1 + " / " + this.slideItems.length;
+ }
+ break;
+ case 'Progress':
+ if (this.indicatorsTemplate) {
+ this.renderIndicatorTemplate(indicatorBars, this.selectedIndex + 1);
+ }
+ else {
+ progress = this.createElement('div', { className: CLS_INDICATOR_BAR });
+ progress.style.setProperty('--carousel-items-current', "" + (this.selectedIndex + 1));
+ progress.style.setProperty('--carousel-items-count', "" + this.slideItems.length);
+ indicatorBars.appendChild(progress);
+ }
+ break;
+ case 'Default':
+ case 'Dynamic':
+ this.slideItems.forEach(function (item, index) {
+ var indicatorBar = _this.createElement('div', {
+ className: CLS_INDICATOR_BAR + ' ' + (_this.selectedIndex === index ? CLS_ACTIVE : _this.selectedIndex - 1 === index ? CLS_PREV_SLIDE : _this.selectedIndex + 1 === index ? CLS_NEXT_SLIDE : ''),
+ attrs: { 'data-index': index.toString(), 'aria-current': _this.selectedIndex === index ? 'true' : 'false' }
+ });
+ indicatorBar.style.setProperty('--carousel-items-current', "" + _this.selectedIndex);
+ if (_this.indicatorsTemplate) {
+ _this.renderIndicatorTemplate(indicatorBar, index);
+ }
+ else if (_this.indicatorsType === 'Default') {
+ var indicator = _this.createElement('button', { className: CLS_INDICATOR, attrs: { 'type': 'button', 'aria-label': _this.localeObj.getConstant('slide') + ' ' + (index + 1) + ' ' + _this.localeObj.getConstant('of') + ' ' + _this.slideItems.length } });
+ indicatorBar.appendChild(indicator);
+ indicator.appendChild(_this.createElement('div', {}));
+ var buttonObj = new _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__["Button"]({ cssClass: 'e-flat e-small' });
+ buttonObj.appendTo(indicator);
+ }
+ indicatorBars.appendChild(indicatorBar);
+ if (_this.indicatorsType === 'Default') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(indicatorBar, 'click', _this.indicatorClickHandler, _this);
+ }
+ });
+ break;
+ }
+ }
+ this.element.appendChild(indicatorWrap);
+ };
+ Carousel.prototype.renderIndicatorTemplate = function (indicatorBar, index) {
+ if (index === void 0) { index = 0; }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([indicatorBar], CLS_TEMPLATE);
+ var templateId = this.element.id + '_indicatorsTemplate';
+ var template = this.templateParser(this.indicatorsTemplate)({ index: index, selectedIndex: this.selectedIndex }, this, 'indicatorsTemplate', templateId, false);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(template, indicatorBar);
+ };
+ Carousel.prototype.renderKeyboardActions = function () {
+ this.keyModule = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["KeyboardEvents"](this.element, { keyAction: this.keyHandler.bind(this), keyConfigs: this.keyConfigs });
+ };
+ Carousel.prototype.renderTouchActions = function () {
+ if (!this.enableTouchSwipe) {
+ return;
+ }
+ this.touchModule = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Touch"](this.element, { swipe: this.swipeHandler.bind(this) });
+ };
+ Carousel.prototype.applyAnimation = function () {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], [CLS_CUSTOM_ANIMATION, CLS_FADE_ANIMATION, CLS_SLIDE_ANIMATION, CLS_ANIMATION_NONE]);
+ switch (this.animationEffect) {
+ case 'Slide':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLS_SLIDE_ANIMATION);
+ break;
+ case 'Fade':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLS_FADE_ANIMATION);
+ break;
+ case 'None':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLS_ANIMATION_NONE);
+ break;
+ case 'Custom':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLS_CUSTOM_ANIMATION);
+ break;
+ }
+ };
+ Carousel.prototype.autoSlide = function () {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.slideItems) || this.slideItems.length <= 1) {
+ return;
+ }
+ this.resetSlideInterval();
+ this.applySlideInterval();
+ };
+ Carousel.prototype.autoSlideChange = function () {
+ var activeSlide = this.element.querySelector("." + CLS_ACTIVE);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(activeSlide)) {
+ return;
+ }
+ var activeIndex = parseInt(activeSlide.dataset.index, 10);
+ if (!this.loop && activeIndex === this.slideItems.length - 1) {
+ this.resetSlideInterval();
+ }
+ else {
+ var index = (activeIndex + 1) % this.slideItems.length;
+ if (!this.element.classList.contains(CLS_HOVER)) {
+ this.setActiveSlide(index, 'Next');
+ }
+ this.autoSlide();
+ }
+ };
+ Carousel.prototype.applySlideInterval = function () {
+ var _this = this;
+ if (!this.autoPlay || this.element.classList.contains(CLS_HOVER)) {
+ return;
+ }
+ var itemInterval = this.interval;
+ if (this.items.length > 0 && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.items[this.selectedIndex].interval)) {
+ itemInterval = this.items[this.selectedIndex].interval;
+ }
+ this.autoSlideInterval = setInterval(function () { return _this.autoSlideChange(); }, itemInterval);
+ };
+ Carousel.prototype.resetSlideInterval = function () {
+ clearInterval(this.autoSlideInterval);
+ this.autoSlideInterval = null;
+ };
+ Carousel.prototype.getSlideIndex = function (direction) {
+ var currentIndex = this.selectedIndex;
+ if (direction === 'Previous') {
+ currentIndex--;
+ if (currentIndex < 0) {
+ currentIndex = this.slideItems.length - 1;
+ }
+ }
+ else {
+ currentIndex++;
+ if (currentIndex === this.slideItems.length) {
+ currentIndex = 0;
+ }
+ }
+ return currentIndex;
+ };
+ Carousel.prototype.setActiveSlide = function (currentIndex, direction, isSwiped) {
+ var _this = this;
+ if (isSwiped === void 0) { isSwiped = false; }
+ if (this.element.querySelectorAll("." + CLS_ITEM + "." + CLS_PREV_SLIDE + ",." + CLS_ITEM + "." + CLS_NEXT_SLIDE).length > 0) {
+ return;
+ }
+ var allSlides = [].slice.call(this.element.querySelectorAll("." + CLS_ITEM + ":not(.e-cloned)"));
+ var activeSlide = this.element.querySelector("." + CLS_ITEM + "." + CLS_ACTIVE);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(activeSlide) && this.showIndicators) {
+ var activeIndicator = this.element.querySelector("." + CLS_INDICATOR_BAR + "." + CLS_ACTIVE);
+ var activeIndex_1 = parseInt(activeIndicator.dataset.index, 10);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([allSlides[parseInt(activeIndex_1.toString(), 10)]], CLS_ACTIVE);
+ return;
+ }
+ else if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(activeSlide)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([allSlides[parseInt(currentIndex.toString(), 10)]], CLS_ACTIVE);
+ return;
+ }
+ var activeIndex = parseInt(activeSlide.dataset.index, 10);
+ var currentSlide = allSlides[parseInt(currentIndex.toString(), 10)];
+ var eventArgs = {
+ currentIndex: activeIndex,
+ nextIndex: currentIndex,
+ currentSlide: activeSlide,
+ nextSlide: currentSlide,
+ slideDirection: direction,
+ isSwiped: isSwiped,
+ cancel: false
+ };
+ this.trigger('slideChanging', eventArgs, function (args) {
+ if (args.cancel) {
+ return;
+ }
+ _this.setProperties({ selectedIndex: currentIndex }, true);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(args.currentSlide, { 'aria-hidden': 'true' });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(args.nextSlide, { 'aria-hidden': 'false' });
+ _this.refreshIndicators(activeIndex, currentIndex);
+ _this.slideChangedEventArgs = {
+ currentIndex: args.nextIndex,
+ previousIndex: args.currentIndex,
+ currentSlide: args.nextSlide,
+ previousSlide: args.currentSlide,
+ slideDirection: direction,
+ isSwiped: isSwiped
+ };
+ var slideWidth = allSlides[parseInt(currentIndex.toString(), 10)].clientWidth;
+ var numOfItems = _this.getNumOfItems();
+ if (!_this.isSwipe) {
+ _this.itemsContainer.style.transitionDuration = '0.6s';
+ }
+ _this.isSwipe = false;
+ if ((_this.animationEffect === 'Fade')) {
+ _this.itemsContainer.classList.add('e-fade-in-out');
+ }
+ else {
+ _this.itemsContainer.style.transitionProperty = 'transform';
+ }
+ if (_this.loop) {
+ if (_this.slideChangedEventArgs.currentIndex === 0 && _this.slideChangedEventArgs.slideDirection === 'Next') {
+ _this.itemsContainer.style.transform = _this.getTranslateX(slideWidth, allSlides.length + numOfItems);
+ }
+ else if (_this.slideChangedEventArgs.currentIndex === _this.slideItems.length - 1 && _this.slideChangedEventArgs.slideDirection === 'Previous') {
+ _this.itemsContainer.style.transform = _this.partialVisible ? _this.getTranslateX(slideWidth) : 'translateX(0px)';
+ }
+ else {
+ _this.itemsContainer.style.transform = _this.getTranslateX(slideWidth, currentIndex + numOfItems);
+ }
+ }
+ else {
+ _this.itemsContainer.style.transform = _this.getTranslateX(slideWidth, currentIndex);
+ }
+ if (_this.animationEffect === 'Slide') {
+ if (direction === 'Previous') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([args.nextSlide], CLS_PREV_SLIDE);
+ args.nextSlide.setAttribute('data-slide-height', args.nextSlide.offsetHeight.toString());
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([args.currentSlide, args.nextSlide], CLS_TRANSITION_END);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([args.nextSlide], CLS_NEXT_SLIDE);
+ args.nextSlide.setAttribute('data-slide-height', args.nextSlide.offsetHeight.toString());
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([args.currentSlide, args.nextSlide], CLS_TRANSITION_START);
+ }
+ }
+ else if (_this.animationEffect === 'Fade') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([args.currentSlide], CLS_ACTIVE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([args.nextSlide], CLS_ACTIVE);
+ }
+ else if (_this.animationEffect === 'Custom') {
+ if (direction === 'Previous') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([args.nextSlide], CLS_NEXT_SLIDE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([args.currentSlide], CLS_PREV_SLIDE);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([args.currentSlide], CLS_PREV_SLIDE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([args.nextSlide], CLS_NEXT_SLIDE);
+ }
+ }
+ else {
+ _this.onTransitionEnd();
+ }
+ _this.handleNavigatorsActions(currentIndex);
+ });
+ };
+ Carousel.prototype.onTransitionEnd = function () {
+ var _this = this;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])(this.element.querySelectorAll("." + CLS_ITEMS), 'e-fade-in-out');
+ var numOfItems = this.getNumOfItems();
+ if (this.slideChangedEventArgs) {
+ this.itemsContainer.style.transitionProperty = 'none';
+ if (this.loop && (this.slideChangedEventArgs.currentIndex === 0 && this.slideChangedEventArgs.slideDirection === 'Next' ||
+ this.slideChangedEventArgs.currentIndex === this.slideItems.length - 1 && this.slideChangedEventArgs.slideDirection === 'Previous')) {
+ var slideWidth = this.slideChangedEventArgs.currentSlide.clientWidth;
+ this.itemsContainer.style.transform = this.getTranslateX(slideWidth, this.slideChangedEventArgs.currentIndex + numOfItems);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.slideChangedEventArgs.currentSlide], CLS_ACTIVE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.slideChangedEventArgs.previousSlide], CLS_ACTIVE);
+ this.trigger('slideChanged', this.slideChangedEventArgs, function () {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])(_this.element.querySelectorAll("." + CLS_ITEM), [CLS_PREV_SLIDE, CLS_NEXT_SLIDE, CLS_TRANSITION_START, CLS_TRANSITION_END]);
+ _this.slideChangedEventArgs = null;
+ });
+ }
+ };
+ Carousel.prototype.refreshIndicators = function (activeIndex, currentIndex) {
+ var _this = this;
+ var slideIndicator = this.element.querySelector("." + CLS_INDICATOR_BARS);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(slideIndicator)) {
+ return;
+ }
+ var indicators = [].slice.call(slideIndicator.childNodes);
+ switch (this.indicatorsType) {
+ case 'Default':
+ case 'Dynamic':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(indicators[parseInt(activeIndex.toString(), 10)], { 'aria-current': 'false' });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(indicators[parseInt(currentIndex.toString(), 10)], { 'aria-current': 'true' });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])(indicators, [CLS_ACTIVE, CLS_PREV_SLIDE, CLS_NEXT_SLIDE]);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([indicators[parseInt(currentIndex.toString(), 10)]], CLS_ACTIVE);
+ if (indicators[currentIndex - 1]) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([indicators[currentIndex - 1]], CLS_PREV_SLIDE);
+ }
+ if (indicators[currentIndex + 1]) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([indicators[currentIndex + 1]], CLS_NEXT_SLIDE);
+ }
+ indicators.forEach(function (item) { return item.style.setProperty('--carousel-items-current', "" + _this.selectedIndex); });
+ break;
+ case 'Fraction':
+ if (this.indicatorsTemplate) {
+ if (slideIndicator.children.length > 0) {
+ slideIndicator.removeChild(slideIndicator.firstElementChild);
+ }
+ this.renderIndicatorTemplate(slideIndicator, currentIndex + 1);
+ }
+ else {
+ slideIndicator.innerText = this.selectedIndex + 1 + " / " + this.slideItems.length;
+ }
+ break;
+ case 'Progress':
+ if (this.indicatorsTemplate) {
+ if (slideIndicator.children.length > 0) {
+ slideIndicator.removeChild(slideIndicator.firstElementChild);
+ }
+ this.renderIndicatorTemplate(slideIndicator, currentIndex + 1);
+ }
+ else {
+ slideIndicator.firstElementChild.style.setProperty('--carousel-items-current', "" + (this.selectedIndex + 1));
+ }
+ break;
+ }
+ };
+ Carousel.prototype.setHtmlAttributes = function (attribute, element) {
+ var keys = Object.keys(attribute);
+ for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+ var key = keys_1[_i];
+ if (key === 'class') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([element], attribute["" + key]);
+ }
+ else {
+ element.setAttribute(key, attribute["" + key]);
+ }
+ }
+ };
+ Carousel.prototype.templateParser = function (template) {
+ if (template) {
+ try {
+ if (typeof template !== 'function' && document.querySelectorAll(template).length) {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(document.querySelector(template).innerHTML.trim());
+ }
+ else {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(template);
+ }
+ }
+ catch (error) {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(template);
+ }
+ }
+ return undefined;
+ };
+ Carousel.prototype.getNavigatorState = function (target, isPrevious) {
+ var button = target.querySelector("." + (isPrevious ? CLS_PREV_BUTTON : CLS_NEXT_BUTTON));
+ if (button) {
+ var buttonObj = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(button, _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__["Button"]);
+ return buttonObj.disabled;
+ }
+ return false;
+ };
+ Carousel.prototype.navigatorClickHandler = function (e) {
+ var target = e.currentTarget;
+ var isDisabled = this.getNavigatorState(target, target.classList.contains(CLS_PREVIOUS));
+ if (isDisabled) {
+ return;
+ }
+ var direction = target.classList.contains(CLS_PREVIOUS) ? 'Previous' : 'Next';
+ this.setActiveSlide(this.getSlideIndex(direction), direction);
+ this.autoSlide();
+ };
+ Carousel.prototype.indicatorClickHandler = function (e) {
+ var target = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, "." + CLS_INDICATOR_BAR);
+ var index = parseInt(target.dataset.index, 10);
+ if (this.selectedIndex !== index) {
+ this.setActiveSlide(index, this.selectedIndex > index ? 'Previous' : 'Next');
+ this.autoSlide();
+ }
+ };
+ Carousel.prototype.playButtonClickHandler = function (e, isPropertyChange) {
+ if (isPropertyChange === void 0) { isPropertyChange = false; }
+ var playButton = this.element.querySelector("." + CLS_PLAY_BUTTON);
+ if (playButton) {
+ var buttonObj = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(playButton, _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__["Button"]);
+ if (!isPropertyChange) {
+ this.setProperties({ autoPlay: !this.autoPlay }, true);
+ }
+ playButton.setAttribute('aria-label', this.localeObj.getConstant(this.autoPlay ? 'pauseSlideTransition' : 'playSlideTransition'));
+ buttonObj.iconCss = CLS_ICON + ' ' + (this.autoPlay ? CLS_PAUSE_ICON : CLS_PLAY_ICON);
+ buttonObj.dataBind();
+ this.itemsContainer.setAttribute('aria-live', this.autoPlay ? 'off' : 'polite');
+ if (this.autoPlay && !this.loop && this.selectedIndex === this.slideItems.length - 1) {
+ this.setActiveSlide(0, 'Next');
+ }
+ this.autoSlide();
+ }
+ };
+ Carousel.prototype.keyHandler = function (e) {
+ var direction;
+ var slideIndex;
+ var isSlideTransition = false;
+ var target = e.target;
+ e.preventDefault();
+ switch (e.action) {
+ case 'space':
+ if (this.showIndicators && target.classList.contains(CLS_INDICATOR)) {
+ target.click();
+ }
+ else if (target.classList.contains(CLS_CAROUSEL) || target.classList.contains(CLS_PLAY_BUTTON)) {
+ this.playButtonClickHandler(e);
+ }
+ else if (target.classList.contains(CLS_NEXT_BUTTON)) {
+ this.next();
+ }
+ else if (target.classList.contains(CLS_PREV_BUTTON)) {
+ this.prev();
+ }
+ break;
+ case 'end':
+ slideIndex = this.slideItems.length - 1;
+ direction = 'Next';
+ isSlideTransition = true;
+ break;
+ case 'home':
+ slideIndex = 0;
+ direction = 'Previous';
+ isSlideTransition = true;
+ break;
+ case 'moveUp':
+ case 'moveLeft':
+ case 'moveDown':
+ case 'moveRight':
+ if (this.showIndicators && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.indicatorsTemplate)) {
+ this.element.focus();
+ }
+ direction = (e.action === 'moveUp' || e.action === 'moveLeft') ? 'Previous' : 'Next';
+ slideIndex = this.getSlideIndex(direction);
+ isSlideTransition = !this.isSuspendSlideTransition(slideIndex, direction);
+ break;
+ }
+ if (isSlideTransition) {
+ this.setActiveSlide(slideIndex, direction);
+ this.autoSlide();
+ isSlideTransition = false;
+ }
+ };
+ Carousel.prototype.swipeHandler = function (e) {
+ if (this.element.classList.contains(CLS_HOVER) || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.slideItems) || this.slideItems.length <= 1) {
+ return;
+ }
+ var direction = (e.swipeDirection === 'Right') ? 'Previous' : 'Next';
+ var slideIndex = this.getSlideIndex(direction);
+ if (!this.isSuspendSlideTransition(slideIndex, direction)) {
+ this.setActiveSlide(slideIndex, direction, true);
+ this.autoSlide();
+ }
+ };
+ Carousel.prototype.isSuspendSlideTransition = function (index, direction) {
+ return !this.loop && (direction === 'Next' && index === 0 || direction === 'Previous' && index === this.slideItems.length - 1);
+ };
+ Carousel.prototype.handleNavigatorsActions = function (index) {
+ if (this.buttonsVisibility === 'Hidden') {
+ return;
+ }
+ if (this.showPlayButton) {
+ var playButton = this.element.querySelector("." + CLS_PLAY_BUTTON);
+ var isLastSlide = this.selectedIndex === this.slideItems.length - 1 && !this.loop;
+ var isButtonUpdate = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.playButtonTemplate) && playButton && isLastSlide;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.playButtonTemplate) && playButton && !isLastSlide) {
+ isButtonUpdate = !playButton.classList.contains(CLS_ACTIVE);
+ }
+ if (isButtonUpdate) {
+ this.setProperties({ autoPlay: !isLastSlide }, true);
+ playButton.setAttribute('aria-label', this.localeObj.getConstant(this.autoPlay ? 'pauseSlideTransition' : 'playSlideTransition'));
+ this.itemsContainer.setAttribute('aria-live', this.autoPlay ? 'off' : 'polite');
+ var buttonObj = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(playButton, _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__["Button"]);
+ buttonObj.iconCss = CLS_ICON + ' ' + (this.autoPlay ? CLS_PAUSE_ICON : CLS_PLAY_ICON);
+ buttonObj.dataBind();
+ }
+ }
+ var prevButton = this.element.querySelector("." + CLS_PREV_BUTTON);
+ if (prevButton && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.previousButtonTemplate)) {
+ var buttonObj = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(prevButton, _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__["Button"]);
+ buttonObj.disabled = !this.loop && index === 0;
+ buttonObj.dataBind();
+ }
+ var nextButton = this.element.querySelector("." + CLS_NEXT_BUTTON);
+ if (nextButton && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.nextButtonTemplate)) {
+ var buttonObj = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(nextButton, _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__["Button"]);
+ buttonObj.disabled = !this.loop && index === this.slideItems.length - 1;
+ buttonObj.dataBind();
+ }
+ };
+ Carousel.prototype.onHoverActions = function (e) {
+ var navigator = this.element.querySelector("." + CLS_NAVIGATORS);
+ switch (e.type) {
+ case 'mouseenter':
+ if (this.buttonsVisibility === 'VisibleOnHover' && navigator) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([].slice.call(navigator.childNodes), CLS_HOVER_ARROWS);
+ }
+ if (this.pauseOnHover) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLS_HOVER);
+ }
+ break;
+ case 'mouseleave':
+ if (this.buttonsVisibility === 'VisibleOnHover' && navigator) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([].slice.call(navigator.childNodes), CLS_HOVER_ARROWS);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], CLS_HOVER);
+ break;
+ }
+ this.autoSlide();
+ };
+ Carousel.prototype.onFocusActions = function (e) {
+ switch (e.type) {
+ case 'focusin':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLS_HOVER);
+ break;
+ case 'focusout':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], CLS_HOVER);
+ break;
+ }
+ this.autoSlide();
+ };
+ Carousel.prototype.destroyButtons = function () {
+ var buttonCollections = [].slice.call(this.element.querySelectorAll('.e-control.e-btn'));
+ for (var _i = 0, buttonCollections_1 = buttonCollections; _i < buttonCollections_1.length; _i++) {
+ var button = buttonCollections_1[_i];
+ var instance = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(button, _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__["Button"]);
+ if (instance) {
+ instance.destroy();
+ }
+ }
+ };
+ Carousel.prototype.getNumOfItems = function () {
+ return this.partialVisible ? 2 : 1;
+ };
+ Carousel.prototype.getTranslateValue = function (element) {
+ var style = getComputedStyle(element);
+ return window.WebKitCSSMatrix ?
+ new WebKitCSSMatrix(style.webkitTransform).m41 : 0;
+ };
+ Carousel.prototype.swipeStart = function (e) {
+ if (!this.timeStampStart) {
+ this.timeStampStart = Date.now();
+ }
+ this.isSwipe = false;
+ this.itemsContainer.classList.add('e-swipe-start');
+ this.prevPageX = e.touches ? e.touches[0].pageX : e.pageX;
+ this.initialTranslate = this.getTranslateValue(this.itemsContainer);
+ };
+ Carousel.prototype.swiping = function (e) {
+ if (!this.itemsContainer.classList.contains('e-swipe-start')) {
+ return;
+ }
+ e.preventDefault();
+ var pageX = e.touches ? e.touches[0].pageX : e.pageX;
+ var positionDiff = this.prevPageX - (pageX);
+ if (!this.loop && ((this.enableRtl && ((this.selectedIndex === 0 && positionDiff > 0) ||
+ (this.selectedIndex === this.itemsContainer.childElementCount - 1 && positionDiff < 0))) ||
+ (!this.enableRtl && ((this.selectedIndex === 0 && positionDiff < 0) ||
+ (this.selectedIndex === this.itemsContainer.childElementCount - 1 && positionDiff > 0))))) {
+ return;
+ }
+ this.itemsContainer.style.transform = "translateX(" + (this.initialTranslate + (this.enableRtl ? positionDiff : -positionDiff)) + "px)";
+ };
+ Carousel.prototype.swipStop = function () {
+ this.isSwipe = true;
+ var time = Date.now() - this.timeStampStart;
+ var distanceX = this.getTranslateValue(this.itemsContainer) - this.initialTranslate;
+ distanceX = distanceX < 0 ? distanceX * -1 : distanceX;
+ if (this.isSwipe) {
+ var offsetDist = distanceX * (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice ? 6 : 1.66);
+ this.itemsContainer.style.transitionDuration = (((_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice ? distanceX : offsetDist) / time) / 10) + 's';
+ }
+ var slideWidth = this.itemsContainer.firstElementChild.clientWidth;
+ var threshold = slideWidth / 2;
+ this.itemsContainer.classList.remove('e-swipe-start');
+ var value = this.getTranslateValue(this.itemsContainer);
+ if (value - this.initialTranslate < -threshold) {
+ this.swipeNavigation(!this.enableRtl);
+ }
+ else if (value - this.initialTranslate > threshold) {
+ this.swipeNavigation(this.enableRtl);
+ }
+ else {
+ this.itemsContainer.style.transform = "translateX(" + this.initialTranslate + "px)";
+ if (this.animationEffect === 'Fade') {
+ this.itemsContainer.classList.add('e-fade-in-out');
+ }
+ }
+ };
+ Carousel.prototype.swipeNavigation = function (isRtl) {
+ if (isRtl) {
+ this.next();
+ }
+ else {
+ this.prev();
+ }
+ };
+ Carousel.prototype.swipeModehandlers = function () {
+ if ((this.swipeMode & CarouselSwipeMode.Touch) === CarouselSwipeMode.Touch) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.itemsContainer, 'touchstart', this.swipeStart, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.itemsContainer, 'touchmove', this.swiping, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.itemsContainer, 'touchend', this.swipStop, this);
+ }
+ if ((this.swipeMode & CarouselSwipeMode.Mouse) === CarouselSwipeMode.Mouse) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.itemsContainer, 'mousedown', this.swipeStart, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.itemsContainer, 'mousemove', this.swiping, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.itemsContainer, 'mouseup', this.swipStop, this);
+ }
+ if ((this.swipeMode === 0) && (this.swipeMode & CarouselSwipeMode.Mouse & CarouselSwipeMode.Touch) ===
+ (CarouselSwipeMode.Mouse & CarouselSwipeMode.Touch)) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.itemsContainer, 'mousedown touchstart', this.swipeStart, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.itemsContainer, 'mousemove touchmove', this.swiping, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.itemsContainer, 'mouseup touchend', this.swipStop, this);
+ }
+ };
+ Carousel.prototype.wireEvents = function () {
+ if (!(this.animationEffect === 'Custom')) {
+ this.swipeModehandlers();
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'focusin focusout', this.onFocusActions, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'mouseenter mouseleave', this.onHoverActions, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element.firstElementChild, 'animationend', this.onTransitionEnd, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element.firstElementChild, 'transitionend', this.onTransitionEnd, this);
+ };
+ Carousel.prototype.unWireEvents = function () {
+ var _this = this;
+ var indicators = [].slice.call(this.element.querySelectorAll("." + CLS_INDICATOR_BAR));
+ indicators.forEach(function (indicator) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(indicator, 'click', _this.indicatorClickHandler);
+ });
+ var navigators = [].slice.call(this.element.querySelectorAll("." + CLS_PREVIOUS + ",." + CLS_NEXT));
+ navigators.forEach(function (navigator) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(navigator, 'click', _this.navigatorClickHandler);
+ });
+ var playIcon = this.element.querySelector("." + CLS_PLAY_PAUSE);
+ if (playIcon) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(playIcon, 'click', this.playButtonClickHandler);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element.firstElementChild, 'animationend', this.onTransitionEnd);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element.firstElementChild, 'transitionend', this.onTransitionEnd);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].clearEvents(this.element);
+ };
+ /**
+ * Method to transit from the current slide to the previous slide.
+ *
+ * @returns {void}
+ */
+ Carousel.prototype.prev = function () {
+ if (!this.loop && this.selectedIndex === 0) {
+ return;
+ }
+ var index = (this.selectedIndex === 0) ? this.slideItems.length - 1 : this.selectedIndex - 1;
+ this.setActiveSlide(index, 'Previous');
+ this.autoSlide();
+ };
+ /**
+ * Method to transit from the current slide to the next slide.
+ *
+ * @returns {void}
+ */
+ Carousel.prototype.next = function () {
+ if (!this.loop && this.selectedIndex === this.slideItems.length - 1) {
+ return;
+ }
+ var index = (this.selectedIndex === this.slideItems.length - 1) ? 0 : this.selectedIndex + 1;
+ this.setActiveSlide(index, 'Next');
+ this.autoSlide();
+ };
+ /**
+ * Method to play the slides programmatically.
+ *
+ * @returns {void}
+ */
+ Carousel.prototype.play = function () {
+ var playIcon = this.element.querySelector("." + CLS_PLAY_ICON);
+ if (this.showPlayButton && playIcon) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(playIcon, [CLS_PAUSE_ICON], [CLS_PLAY_ICON]);
+ var playButton = this.element.querySelector("." + CLS_PLAY_BUTTON);
+ playButton.setAttribute('aria-label', this.localeObj.getConstant('pauseSlideTransition'));
+ }
+ this.setProperties({ autoPlay: true }, true);
+ this.itemsContainer.setAttribute('aria-live', 'off');
+ this.applySlideInterval();
+ };
+ /**
+ * Method to pause the slides programmatically.
+ *
+ * @returns {void}
+ */
+ Carousel.prototype.pause = function () {
+ var pauseIcon = this.element.querySelector("." + CLS_PAUSE_ICON);
+ if (this.showPlayButton && pauseIcon) {
+ var playButton = this.element.querySelector("." + CLS_PLAY_BUTTON);
+ playButton.setAttribute('aria-label', this.localeObj.getConstant('playSlideTransition'));
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(pauseIcon, [CLS_PLAY_ICON], [CLS_PAUSE_ICON]);
+ }
+ this.setProperties({ autoPlay: false }, true);
+ this.itemsContainer.setAttribute('aria-live', 'off');
+ this.resetSlideInterval();
+ };
+ /**
+ * Method to render react and angular templates
+ *
+ * @returns {void}
+ * @private
+ */
+ Carousel.prototype.renderTemplates = function () {
+ if (this.isAngular || this.isReact) {
+ this.renderReactTemplates();
+ }
+ };
+ /**
+ * Method to reset react and angular templates
+ *
+ * @param {string[]} templates Accepts the template ID
+ * @returns {void}
+ * @private
+ */
+ Carousel.prototype.resetTemplates = function (templates) {
+ if (this.isAngular || this.isReact) {
+ this.clearTemplate(templates);
+ }
+ };
+ /**
+ * Method for destroy the carousel component.
+ *
+ * @returns {void}
+ */
+ Carousel.prototype.destroy = function () {
+ var _this = this;
+ this.resetTemplates();
+ if (this.touchModule) {
+ this.touchModule.destroy();
+ this.touchModule = null;
+ }
+ this.keyModule.destroy();
+ this.keyModule = null;
+ this.resetSlideInterval();
+ this.destroyButtons();
+ this.unWireEvents();
+ [].slice.call(this.element.children).forEach(function (ele) { _this.element.removeChild(ele); });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], [CLS_CAROUSEL, this.cssClass, CLS_RTL]);
+ ['tabindex', 'role', 'style'].forEach(function (attr) { _this.element.removeAttribute(attr); });
+ _super.prototype.destroy.call(this);
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], CarouselItem)
+ ], Carousel.prototype, "items", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Slide')
+ ], Carousel.prototype, "animationEffect", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Carousel.prototype, "previousButtonTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Carousel.prototype, "nextButtonTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Carousel.prototype, "indicatorsTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Carousel.prototype, "playButtonTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Carousel.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])([])
+ ], Carousel.prototype, "dataSource", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Carousel.prototype, "itemTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Carousel.prototype, "selectedIndex", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('100%')
+ ], Carousel.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('100%')
+ ], Carousel.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(5000)
+ ], Carousel.prototype, "interval", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Carousel.prototype, "autoPlay", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Carousel.prototype, "pauseOnHover", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Carousel.prototype, "loop", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Carousel.prototype, "showPlayButton", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Carousel.prototype, "enableTouchSwipe", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Carousel.prototype, "showIndicators", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Default')
+ ], Carousel.prototype, "indicatorsType", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Visible')
+ ], Carousel.prototype, "buttonsVisibility", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Carousel.prototype, "partialVisible", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(CarouselSwipeMode.Touch)
+ ], Carousel.prototype, "swipeMode", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Carousel.prototype, "htmlAttributes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Carousel.prototype, "slideChanging", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Carousel.prototype, "slideChanged", void 0);
+ Carousel = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], Carousel);
+ return Carousel;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/carousel/index.js":
+/*!*************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/carousel/index.js ***!
+ \*************************************************************************/
+/*! exports provided: CarouselSwipeMode, CarouselItem, Carousel */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _carousel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./carousel */ "./ej2-resources/22.1.37/scripts/ej2-navigations/carousel/carousel.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CarouselSwipeMode", function() { return _carousel__WEBPACK_IMPORTED_MODULE_0__["CarouselSwipeMode"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CarouselItem", function() { return _carousel__WEBPACK_IMPORTED_MODULE_0__["CarouselItem"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Carousel", function() { return _carousel__WEBPACK_IMPORTED_MODULE_0__["Carousel"]; });
+
+/** Carousel export modules */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/h-scroll.js":
+/*!**************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/common/h-scroll.js ***!
+ \**************************************************************************/
+/*! exports provided: HScroll */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HScroll", function() { return HScroll; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+var CLS_ROOT = 'e-hscroll';
+var CLS_RTL = 'e-rtl';
+var CLS_DISABLE = 'e-overlay';
+var CLS_HSCROLLBAR = 'e-hscroll-bar';
+var CLS_HSCROLLCON = 'e-hscroll-content';
+var CLS_NAVARROW = 'e-nav-arrow';
+var CLS_NAVRIGHTARROW = 'e-nav-right-arrow';
+var CLS_NAVLEFTARROW = 'e-nav-left-arrow';
+var CLS_HSCROLLNAV = 'e-scroll-nav';
+var CLS_HSCROLLNAVRIGHT = 'e-scroll-right-nav';
+var CLS_HSCROLLNAVLEFT = 'e-scroll-left-nav';
+var CLS_DEVICE = 'e-scroll-device';
+var CLS_OVERLAY = 'e-scroll-overlay';
+var CLS_RIGHTOVERLAY = 'e-scroll-right-overlay';
+var CLS_LEFTOVERLAY = 'e-scroll-left-overlay';
+var OVERLAY_MAXWID = 40;
+/**
+ * HScroll module is introduces horizontal scroller when content exceeds the current viewing area.
+ * It can be useful for the components like Toolbar, Tab which needs horizontal scrolling alone.
+ * Hidden content can be view by touch moving or icon click.
+ * ```html
+ *
+ *
+ * ```
+ */
+var HScroll = /** @__PURE__ @class */ (function (_super) {
+ __extends(HScroll, _super);
+ /**
+ * Initializes a new instance of the HScroll class.
+ *
+ * @param {HScrollModel} options - Specifies HScroll model properties as options.
+ * @param {string | HTMLElement} element - Specifies the element for which horizontal scrolling applies.
+ */
+ function HScroll(options, element) {
+ return _super.call(this, options, element) || this;
+ }
+ /**
+ * Initialize the event handler
+ *
+ * @private
+ * @returns {void}
+ */
+ HScroll.prototype.preRender = function () {
+ this.browser = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].info.name;
+ this.browserCheck = this.browser === 'mozilla';
+ this.isDevice = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice;
+ this.customStep = true;
+ var element = this.element;
+ this.ieCheck = this.browser === 'edge' || this.browser === 'msie';
+ this.initialize();
+ if (element.id === '') {
+ element.id = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('hscroll');
+ this.uniqueId = true;
+ }
+ element.style.display = 'block';
+ if (this.enableRtl) {
+ element.classList.add(CLS_RTL);
+ }
+ };
+ /**
+ * To Initialize the horizontal scroll rendering
+ *
+ * @private
+ * @returns {void}
+ */
+ HScroll.prototype.render = function () {
+ this.touchModule = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Touch"](this.element, { scroll: this.touchHandler.bind(this), swipe: this.swipeHandler.bind(this) });
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.scrollEle, 'scroll', this.scrollHandler, this);
+ if (!this.isDevice) {
+ this.createNavIcon(this.element);
+ }
+ else {
+ this.element.classList.add(CLS_DEVICE);
+ this.createOverlay(this.element);
+ }
+ this.setScrollState();
+ };
+ HScroll.prototype.setScrollState = function () {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.scrollStep) || this.scrollStep < 0) {
+ this.scrollStep = this.scrollEle.offsetWidth;
+ this.customStep = false;
+ }
+ else {
+ this.customStep = true;
+ }
+ };
+ HScroll.prototype.initialize = function () {
+ var scrollEle = this.createElement('div', { className: CLS_HSCROLLCON });
+ var scrollDiv = this.createElement('div', { className: CLS_HSCROLLBAR });
+ scrollDiv.setAttribute('tabindex', '-1');
+ var ele = this.element;
+ var innerEle = [].slice.call(ele.children);
+ for (var _i = 0, innerEle_1 = innerEle; _i < innerEle_1.length; _i++) {
+ var ele_1 = innerEle_1[_i];
+ scrollEle.appendChild(ele_1);
+ }
+ scrollDiv.appendChild(scrollEle);
+ ele.appendChild(scrollDiv);
+ scrollDiv.style.overflowX = 'hidden';
+ this.scrollEle = scrollDiv;
+ this.scrollItems = scrollEle;
+ };
+ HScroll.prototype.getPersistData = function () {
+ var keyEntity = ['scrollStep'];
+ return this.addOnPersist(keyEntity);
+ };
+ /**
+ * Returns the current module name.
+ *
+ * @returns {string} - It returns the current module name.
+ * @private
+ */
+ HScroll.prototype.getModuleName = function () {
+ return 'hScroll';
+ };
+ /**
+ * Removes the control from the DOM and also removes all its related events.
+ *
+ * @returns {void}
+ */
+ HScroll.prototype.destroy = function () {
+ var ele = this.element;
+ ele.style.display = '';
+ ele.classList.remove(CLS_ROOT);
+ ele.classList.remove(CLS_DEVICE);
+ ele.classList.remove(CLS_RTL);
+ var nav = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.e-' + ele.id + '_nav.' + CLS_HSCROLLNAV, ele);
+ var overlay = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + CLS_OVERLAY, ele);
+ [].slice.call(overlay).forEach(function (ele) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(ele);
+ });
+ for (var _i = 0, _a = [].slice.call(this.scrollItems.children); _i < _a.length; _i++) {
+ var elem = _a[_i];
+ ele.appendChild(elem);
+ }
+ if (this.uniqueId) {
+ this.element.removeAttribute('id');
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.scrollEle);
+ if (nav.length > 0) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(nav[0]);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(nav[1])) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(nav[1]);
+ }
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.scrollEle, 'scroll', this.scrollHandler);
+ this.touchModule.destroy();
+ this.touchModule = null;
+ _super.prototype.destroy.call(this);
+ };
+ /**
+ * Specifies the value to disable/enable the HScroll component.
+ * When set to `true` , the component will be disabled.
+ *
+ * @param {boolean} value - Based on this Boolean value, HScroll will be enabled (false) or disabled (true).
+ * @returns {void}.
+ */
+ HScroll.prototype.disable = function (value) {
+ var navEles = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.e-scroll-nav:not(.' + CLS_DISABLE + ')', this.element);
+ if (value) {
+ this.element.classList.add(CLS_DISABLE);
+ }
+ else {
+ this.element.classList.remove(CLS_DISABLE);
+ }
+ [].slice.call(navEles).forEach(function (el) {
+ el.setAttribute('tabindex', !value ? '0' : '-1');
+ });
+ };
+ HScroll.prototype.createOverlay = function (element) {
+ var id = element.id.concat('_nav');
+ var rightOverlayEle = this.createElement('div', { className: CLS_OVERLAY + ' ' + CLS_RIGHTOVERLAY });
+ var clsRight = 'e-' + element.id.concat('_nav ' + CLS_HSCROLLNAV + ' ' + CLS_HSCROLLNAVRIGHT);
+ var rightEle = this.createElement('div', { id: id.concat('_right'), className: clsRight });
+ var navItem = this.createElement('div', { className: CLS_NAVRIGHTARROW + ' ' + CLS_NAVARROW + ' e-icons' });
+ rightEle.appendChild(navItem);
+ var leftEle = this.createElement('div', { className: CLS_OVERLAY + ' ' + CLS_LEFTOVERLAY });
+ if (this.ieCheck) {
+ rightEle.classList.add('e-ie-align');
+ }
+ element.appendChild(rightOverlayEle);
+ element.appendChild(rightEle);
+ element.insertBefore(leftEle, element.firstChild);
+ this.eventBinding([rightEle]);
+ };
+ HScroll.prototype.createNavIcon = function (element) {
+ var id = element.id.concat('_nav');
+ var clsRight = 'e-' + element.id.concat('_nav ' + CLS_HSCROLLNAV + ' ' + CLS_HSCROLLNAVRIGHT);
+ var rightAttributes = { 'role': 'button', 'id': id.concat('_right'), 'aria-label': 'Scroll right' };
+ var nav = this.createElement('div', { className: clsRight, attrs: rightAttributes });
+ nav.setAttribute('aria-disabled', 'false');
+ var navItem = this.createElement('div', { className: CLS_NAVRIGHTARROW + ' ' + CLS_NAVARROW + ' e-icons' });
+ var clsLeft = 'e-' + element.id.concat('_nav ' + CLS_HSCROLLNAV + ' ' + CLS_HSCROLLNAVLEFT);
+ var leftAttributes = { 'role': 'button', 'id': id.concat('_left'), 'aria-label': 'Scroll left' };
+ var navEle = this.createElement('div', { className: clsLeft + ' ' + CLS_DISABLE, attrs: leftAttributes });
+ navEle.setAttribute('aria-disabled', 'true');
+ var navLeftItem = this.createElement('div', { className: CLS_NAVLEFTARROW + ' ' + CLS_NAVARROW + ' e-icons' });
+ navEle.appendChild(navLeftItem);
+ nav.appendChild(navItem);
+ element.appendChild(nav);
+ element.insertBefore(navEle, element.firstChild);
+ if (this.ieCheck) {
+ nav.classList.add('e-ie-align');
+ navEle.classList.add('e-ie-align');
+ }
+ this.eventBinding([nav, navEle]);
+ };
+ HScroll.prototype.onKeyPress = function (e) {
+ var _this = this;
+ if (e.key === 'Enter') {
+ var timeoutFun_1 = function () {
+ _this.keyTimeout = true;
+ _this.eleScrolling(10, e.target, true);
+ };
+ this.keyTimer = window.setTimeout(function () {
+ timeoutFun_1();
+ }, 100);
+ }
+ };
+ HScroll.prototype.onKeyUp = function (e) {
+ if (e.key !== 'Enter') {
+ return;
+ }
+ if (this.keyTimeout) {
+ this.keyTimeout = false;
+ }
+ else {
+ e.target.click();
+ }
+ clearTimeout(this.keyTimer);
+ };
+ HScroll.prototype.eventBinding = function (ele) {
+ var _this = this;
+ [].slice.call(ele).forEach(function (el) {
+ new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Touch"](el, { tapHold: _this.tabHoldHandler.bind(_this), tapHoldThreshold: 500 });
+ el.addEventListener('keydown', _this.onKeyPress.bind(_this));
+ el.addEventListener('keyup', _this.onKeyUp.bind(_this));
+ el.addEventListener('mouseup', _this.repeatScroll.bind(_this));
+ el.addEventListener('touchend', _this.repeatScroll.bind(_this));
+ el.addEventListener('contextmenu', function (e) {
+ e.preventDefault();
+ });
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(el, 'click', _this.clickEventHandler, _this);
+ });
+ };
+ HScroll.prototype.repeatScroll = function () {
+ clearInterval(this.timeout);
+ };
+ HScroll.prototype.tabHoldHandler = function (e) {
+ var _this = this;
+ var trgt = e.originalEvent.target;
+ trgt = this.contains(trgt, CLS_HSCROLLNAV) ? trgt.firstElementChild : trgt;
+ var scrollDis = 10;
+ var timeoutFun = function () {
+ _this.eleScrolling(scrollDis, trgt, true);
+ };
+ this.timeout = window.setInterval(function () {
+ timeoutFun();
+ }, 50);
+ };
+ HScroll.prototype.contains = function (ele, className) {
+ return ele.classList.contains(className);
+ };
+ HScroll.prototype.eleScrolling = function (scrollDis, trgt, isContinuous) {
+ var rootEle = this.element;
+ var classList = trgt.classList;
+ if (classList.contains(CLS_HSCROLLNAV)) {
+ classList = trgt.querySelector('.' + CLS_NAVARROW).classList;
+ }
+ if (this.contains(rootEle, CLS_RTL) && this.browserCheck) {
+ scrollDis = -scrollDis;
+ }
+ if ((!this.contains(rootEle, CLS_RTL) || this.browserCheck) || this.ieCheck) {
+ if (classList.contains(CLS_NAVRIGHTARROW)) {
+ this.frameScrollRequest(scrollDis, 'add', isContinuous);
+ }
+ else {
+ this.frameScrollRequest(scrollDis, '', isContinuous);
+ }
+ }
+ else {
+ if (classList.contains(CLS_NAVLEFTARROW)) {
+ this.frameScrollRequest(scrollDis, 'add', isContinuous);
+ }
+ else {
+ this.frameScrollRequest(scrollDis, '', isContinuous);
+ }
+ }
+ };
+ HScroll.prototype.clickEventHandler = function (e) {
+ this.eleScrolling(this.scrollStep, e.target, false);
+ };
+ HScroll.prototype.swipeHandler = function (e) {
+ var swipeEle = this.scrollEle;
+ var distance;
+ if (e.velocity <= 1) {
+ distance = e.distanceX / (e.velocity * 10);
+ }
+ else {
+ distance = e.distanceX / e.velocity;
+ }
+ var start = 0.5;
+ var animate = function () {
+ var step = Math.sin(start);
+ if (step <= 0) {
+ window.cancelAnimationFrame(step);
+ }
+ else {
+ if (e.swipeDirection === 'Left') {
+ swipeEle.scrollLeft += distance * step;
+ }
+ else if (e.swipeDirection === 'Right') {
+ swipeEle.scrollLeft -= distance * step;
+ }
+ start -= 0.5;
+ window.requestAnimationFrame(animate);
+ }
+ };
+ animate();
+ };
+ HScroll.prototype.scrollUpdating = function (scrollVal, action) {
+ if (action === 'add') {
+ this.scrollEle.scrollLeft += scrollVal;
+ }
+ else {
+ this.scrollEle.scrollLeft -= scrollVal;
+ }
+ if (this.enableRtl && this.scrollEle.scrollLeft > 0) {
+ this.scrollEle.scrollLeft = 0;
+ }
+ };
+ HScroll.prototype.frameScrollRequest = function (scrollVal, action, isContinuous) {
+ var _this = this;
+ var step = 10;
+ if (isContinuous) {
+ this.scrollUpdating(scrollVal, action);
+ return;
+ }
+ if (!this.customStep) {
+ [].slice.call(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + CLS_OVERLAY, this.element)).forEach(function (el) {
+ scrollVal -= el.offsetWidth;
+ });
+ }
+ var animate = function () {
+ var scrollValue;
+ var scrollStep;
+ if (_this.contains(_this.element, CLS_RTL) && _this.browserCheck) {
+ scrollValue = -scrollVal;
+ scrollStep = -step;
+ }
+ else {
+ scrollValue = scrollVal;
+ scrollStep = step;
+ }
+ if (scrollValue < step) {
+ window.cancelAnimationFrame(scrollStep);
+ }
+ else {
+ _this.scrollUpdating(scrollStep, action);
+ scrollVal -= scrollStep;
+ window.requestAnimationFrame(animate);
+ }
+ };
+ animate();
+ };
+ HScroll.prototype.touchHandler = function (e) {
+ var ele = this.scrollEle;
+ var distance = e.distanceX;
+ if ((this.ieCheck) && this.contains(this.element, CLS_RTL)) {
+ distance = -distance;
+ }
+ if (e.scrollDirection === 'Left') {
+ ele.scrollLeft = ele.scrollLeft + distance;
+ }
+ else if (e.scrollDirection === 'Right') {
+ ele.scrollLeft = ele.scrollLeft - distance;
+ }
+ };
+ HScroll.prototype.arrowDisabling = function (addDisable, removeDisable) {
+ if (this.isDevice) {
+ var arrowEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(addDisable) ? removeDisable : addDisable;
+ var arrowIcon = arrowEle.querySelector('.' + CLS_NAVARROW);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(addDisable)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(arrowIcon, [CLS_NAVRIGHTARROW], [CLS_NAVLEFTARROW]);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(arrowIcon, [CLS_NAVLEFTARROW], [CLS_NAVRIGHTARROW]);
+ }
+ }
+ else if (addDisable && removeDisable) {
+ addDisable.classList.add(CLS_DISABLE);
+ addDisable.setAttribute('aria-disabled', 'true');
+ addDisable.removeAttribute('tabindex');
+ removeDisable.classList.remove(CLS_DISABLE);
+ removeDisable.setAttribute('aria-disabled', 'false');
+ removeDisable.setAttribute('tabindex', '0');
+ }
+ this.repeatScroll();
+ };
+ HScroll.prototype.scrollHandler = function (e) {
+ var target = e.target;
+ var width = target.offsetWidth;
+ var rootEle = this.element;
+ var navLeftEle = this.element.querySelector('.' + CLS_HSCROLLNAVLEFT);
+ var navRightEle = this.element.querySelector('.' + CLS_HSCROLLNAVRIGHT);
+ var leftOverlay = this.element.querySelector('.' + CLS_LEFTOVERLAY);
+ var rightOverlay = this.element.querySelector('.' + CLS_RIGHTOVERLAY);
+ var scrollLeft = target.scrollLeft;
+ if (scrollLeft <= 0) {
+ scrollLeft = -scrollLeft;
+ }
+ if (this.isDevice) {
+ if (this.enableRtl && !(this.browserCheck || this.ieCheck)) {
+ leftOverlay = this.element.querySelector('.' + CLS_RIGHTOVERLAY);
+ rightOverlay = this.element.querySelector('.' + CLS_LEFTOVERLAY);
+ }
+ if (scrollLeft < OVERLAY_MAXWID) {
+ leftOverlay.style.width = scrollLeft + 'px';
+ }
+ else {
+ leftOverlay.style.width = '40px';
+ }
+ if ((target.scrollWidth - Math.ceil(width + scrollLeft)) < OVERLAY_MAXWID) {
+ rightOverlay.style.width = (target.scrollWidth - Math.ceil(width + scrollLeft)) + 'px';
+ }
+ else {
+ rightOverlay.style.width = '40px';
+ }
+ }
+ if (scrollLeft === 0) {
+ this.arrowDisabling(navLeftEle, navRightEle);
+ }
+ else if (Math.ceil(width + scrollLeft + .1) >= target.scrollWidth) {
+ this.arrowDisabling(navRightEle, navLeftEle);
+ }
+ else {
+ var disEle = this.element.querySelector('.' + CLS_HSCROLLNAV + '.' + CLS_DISABLE);
+ if (disEle) {
+ disEle.classList.remove(CLS_DISABLE);
+ disEle.setAttribute('aria-disabled', 'false');
+ disEle.setAttribute('tabindex', '0');
+ }
+ }
+ };
+ /**
+ * Gets called when the model property changes.The data that describes the old and new values of property that changed.
+ *
+ * @param {HScrollModel} newProp - It contains the new value of data.
+ * @param {HScrollModel} oldProp - It contains the old value of data.
+ * @returns {void}
+ * @private
+ */
+ HScroll.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'scrollStep':
+ this.setScrollState();
+ break;
+ case 'enableRtl':
+ newProp.enableRtl ? this.element.classList.add(CLS_RTL) : this.element.classList.remove(CLS_RTL);
+ break;
+ }
+ }
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], HScroll.prototype, "scrollStep", void 0);
+ HScroll = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], HScroll);
+ return HScroll;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/index.js":
+/*!***********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/common/index.js ***!
+ \***********************************************************************/
+/*! exports provided: HScroll, VScroll, addScrolling, destroyScroll, MenuAnimationSettings, MenuItem, FieldSettings */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _h_scroll__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./h-scroll */ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/h-scroll.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HScroll", function() { return _h_scroll__WEBPACK_IMPORTED_MODULE_0__["HScroll"]; });
+
+/* harmony import */ var _v_scroll__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./v-scroll */ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/v-scroll.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VScroll", function() { return _v_scroll__WEBPACK_IMPORTED_MODULE_1__["VScroll"]; });
+
+/* harmony import */ var _menu_scroll__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./menu-scroll */ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/menu-scroll.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "addScrolling", function() { return _menu_scroll__WEBPACK_IMPORTED_MODULE_2__["addScrolling"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "destroyScroll", function() { return _menu_scroll__WEBPACK_IMPORTED_MODULE_2__["destroyScroll"]; });
+
+/* harmony import */ var _menu_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./menu-base */ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/menu-base.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MenuAnimationSettings", function() { return _menu_base__WEBPACK_IMPORTED_MODULE_3__["MenuAnimationSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MenuItem", function() { return _menu_base__WEBPACK_IMPORTED_MODULE_3__["MenuItem"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FieldSettings", function() { return _menu_base__WEBPACK_IMPORTED_MODULE_3__["FieldSettings"]; });
+
+/**
+ * Navigation Common modules
+ */
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/menu-base.js":
+/*!***************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/common/menu-base.js ***!
+ \***************************************************************************/
+/*! exports provided: FieldSettings, MenuItem, MenuAnimationSettings, MenuBase */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FieldSettings", function() { return FieldSettings; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MenuItem", function() { return MenuItem; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MenuAnimationSettings", function() { return MenuAnimationSettings; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MenuBase", function() { return MenuBase; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_lists__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-lists */ "./ej2-resources/22.1.37/scripts/ej2-lists/index.js");
+/* harmony import */ var _ej2_popups__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../ej2-popups */ "./ej2-resources/22.1.37/scripts/ej2-popups/index.js");
+/* harmony import */ var _common_h_scroll__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../common/h-scroll */ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/h-scroll.js");
+/* harmony import */ var _common_v_scroll__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../common/v-scroll */ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/v-scroll.js");
+/* harmony import */ var _common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../common/menu-scroll */ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/menu-scroll.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+
+
+
+
+
+
+var ENTER = 'enter';
+var ESCAPE = 'escape';
+var FOCUSED = 'e-focused';
+var HEADER = 'e-menu-header';
+var SELECTED = 'e-selected';
+var SEPARATOR = 'e-separator';
+var UPARROW = 'uparrow';
+var DOWNARROW = 'downarrow';
+var LEFTARROW = 'leftarrow';
+var RIGHTARROW = 'rightarrow';
+var HOME = 'home';
+var END = 'end';
+var TAB = 'tab';
+var CARET = 'e-caret';
+var ITEM = 'e-menu-item';
+var DISABLED = 'e-disabled';
+var HIDE = 'e-menu-hide';
+var ICONS = 'e-icons';
+var RTL = 'e-rtl';
+var POPUP = 'e-menu-popup';
+var TEMPLATE_PROPERTY = 'Template';
+/**
+ * Configures the field options of the Menu.
+ */
+var FieldSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(FieldSettings, _super);
+ function FieldSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('id')
+ ], FieldSettings.prototype, "itemId", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('parentId')
+ ], FieldSettings.prototype, "parentId", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('text')
+ ], FieldSettings.prototype, "text", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('iconCss')
+ ], FieldSettings.prototype, "iconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('url')
+ ], FieldSettings.prototype, "url", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('separator')
+ ], FieldSettings.prototype, "separator", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('items')
+ ], FieldSettings.prototype, "children", void 0);
+ return FieldSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Specifies menu items.
+ */
+var MenuItem = /** @__PURE__ @class */ (function (_super) {
+ __extends(MenuItem, _super);
+ function MenuItem() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], MenuItem.prototype, "iconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], MenuItem.prototype, "id", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], MenuItem.prototype, "separator", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], MenuItem)
+ ], MenuItem.prototype, "items", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], MenuItem.prototype, "text", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], MenuItem.prototype, "url", void 0);
+ return MenuItem;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Animation configuration settings.
+ */
+var MenuAnimationSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(MenuAnimationSettings, _super);
+ function MenuAnimationSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('SlideDown')
+ ], MenuAnimationSettings.prototype, "effect", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(400)
+ ], MenuAnimationSettings.prototype, "duration", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('ease')
+ ], MenuAnimationSettings.prototype, "easing", void 0);
+ return MenuAnimationSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Base class for Menu and ContextMenu components.
+ *
+ * @private
+ */
+var MenuBase = /** @__PURE__ @class */ (function (_super) {
+ __extends(MenuBase, _super);
+ /**
+ * Constructor for creating the widget.
+ *
+ * @private
+ * @param {MenuBaseModel} options - Specifies the menu base model
+ * @param {string | HTMLUListElement} element - Specifies the element
+ */
+ function MenuBase(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.navIdx = [];
+ _this.animation = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"]({});
+ _this.isTapHold = false;
+ _this.tempItem = [];
+ _this.showSubMenuOn = 'Auto';
+ return _this;
+ }
+ /**
+ * Initialized third party configuration settings.
+ *
+ * @private
+ * @returns {void}
+ */
+ MenuBase.prototype.preRender = function () {
+ if (!this.isMenu) {
+ var ul = void 0;
+ if (this.element.tagName === 'EJS-CONTEXTMENU') {
+ ul = this.createElement('ul', {
+ id: Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])(this.getModuleName()), className: 'e-control e-lib e-' + this.getModuleName()
+ });
+ var ejInst = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('ej2_instances', this.element);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], ['e-control', 'e-lib', 'e-' + this.getModuleName()]);
+ this.clonedElement = this.element;
+ this.element = ul;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])('ej2_instances', ejInst, this.element);
+ }
+ else {
+ ul = this.createElement('ul', { id: Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])(this.getModuleName()) });
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])([].slice.call(this.element.cloneNode(true).children), ul);
+ var refEle = this.element.nextElementSibling;
+ if (refEle) {
+ this.element.parentElement.insertBefore(ul, refEle);
+ }
+ else {
+ this.element.parentElement.appendChild(ul);
+ }
+ this.clonedElement = ul;
+ }
+ this.clonedElement.style.display = 'none';
+ }
+ if (this.element.tagName === 'EJS-MENU') {
+ var ele = this.element;
+ var ejInstance = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getValue"])('ej2_instances', ele);
+ var ul = this.createElement('ul');
+ var wrapper = this.createElement('EJS-MENU', { className: 'e-' + this.getModuleName() + '-wrapper' });
+ for (var idx = 0, len = ele.attributes.length; idx < len; idx++) {
+ ul.setAttribute(ele.attributes[idx].nodeName, ele.attributes[idx].nodeValue);
+ }
+ ele.parentNode.insertBefore(wrapper, ele);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(ele);
+ ele = ul;
+ wrapper.appendChild(ele);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setValue"])('ej2_instances', ejInstance, ele);
+ this.clonedElement = wrapper;
+ this.element = ele;
+ if (!this.element.id) {
+ this.element.id = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])(this.getModuleName());
+ }
+ }
+ };
+ /**
+ * Initialize the control rendering.
+ *
+ * @private
+ * @returns {void}
+ */
+ MenuBase.prototype.render = function () {
+ var _this = this;
+ this.initialize();
+ this.renderItems();
+ this.wireEvents();
+ this.renderComplete();
+ var wrapper = this.getWrapper();
+ // eslint-disable-next-line
+ if (this.template && this.enableScrolling && (this.isReact || this.isAngular)) {
+ requestAnimationFrame(function () {
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["addScrolling"])(_this.createElement, wrapper, _this.element, 'hscroll', _this.enableRtl);
+ });
+ }
+ };
+ MenuBase.prototype.initialize = function () {
+ var wrapper = this.getWrapper();
+ if (!wrapper) {
+ wrapper = this.createElement('div', { className: 'e-' + this.getModuleName() + '-wrapper' });
+ if (this.isMenu) {
+ this.element.parentElement.insertBefore(wrapper, this.element);
+ }
+ else {
+ document.body.appendChild(wrapper);
+ }
+ }
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([wrapper], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ if (this.enableRtl) {
+ wrapper.classList.add(RTL);
+ }
+ wrapper.appendChild(this.element);
+ if (this.isMenu && this.hamburgerMode) {
+ if (!this.target) {
+ this.createHeaderContainer(wrapper);
+ }
+ }
+ this.defaultOption = this.showItemOnClick;
+ };
+ MenuBase.prototype.renderItems = function () {
+ if (!this.items.length) {
+ var items = _ej2_lists__WEBPACK_IMPORTED_MODULE_1__["ListBase"].createJsonFromElement(this.element, { fields: { child: 'items' } });
+ this.setProperties({ items: items }, true);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && !this.isMenu) {
+ this.element = this.removeChildElement(this.element);
+ }
+ else {
+ this.element.innerHTML = '';
+ }
+ }
+ var ul = this.createItems(this.items);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(Array.prototype.slice.call(ul.children), this.element);
+ this.element.classList.add('e-menu-parent');
+ if (this.isMenu) {
+ if (!this.hamburgerMode && this.element.classList.contains('e-vertical')) {
+ this.setBlankIconStyle(this.element);
+ }
+ if (this.enableScrolling) {
+ var wrapper = this.getWrapper();
+ if (this.element.classList.contains('e-vertical')) {
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["addScrolling"])(this.createElement, wrapper, this.element, 'vscroll', this.enableRtl);
+ }
+ else {
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["addScrolling"])(this.createElement, wrapper, this.element, 'hscroll', this.enableRtl);
+ }
+ }
+ }
+ };
+ MenuBase.prototype.wireEvents = function () {
+ var wrapper = this.getWrapper();
+ if (this.target) {
+ var target = void 0;
+ var targetElems = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])(this.target);
+ for (var i = 0, len = targetElems.length; i < len; i++) {
+ target = targetElems[i];
+ if (this.isMenu) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(target, 'click', this.menuHeaderClickHandler, this);
+ }
+ else {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isIos) {
+ new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Touch"](target, { tapHold: this.touchHandler.bind(this) });
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(target, 'contextmenu', this.cmenuHandler, this);
+ }
+ }
+ }
+ this.targetElement = target;
+ if (!this.isMenu) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.targetElement, 'mousewheel DOMMouseScroll', this.scrollHandler, this);
+ for (var _i = 0, _a = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["getScrollableParent"])(this.targetElement); _i < _a.length; _i++) {
+ var parent_1 = _a[_i];
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(parent_1, 'mousewheel DOMMouseScroll', this.scrollHandler, this);
+ }
+ }
+ }
+ if (!_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ this.delegateMoverHandler = this.moverHandler.bind(this);
+ this.delegateMouseDownHandler = this.mouseDownHandler.bind(this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.isMenu ? document : wrapper, 'mouseover', this.delegateMoverHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mousedown', this.delegateMouseDownHandler, this);
+ }
+ this.delegateClickHandler = this.clickHandler.bind(this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'click', this.delegateClickHandler, this);
+ this.wireKeyboardEvent(wrapper);
+ this.rippleFn = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["rippleEffect"])(wrapper, { selector: '.' + ITEM });
+ };
+ MenuBase.prototype.wireKeyboardEvent = function (element) {
+ var keyConfigs = {
+ downarrow: DOWNARROW,
+ uparrow: UPARROW,
+ enter: ENTER,
+ leftarrow: LEFTARROW,
+ rightarrow: RIGHTARROW,
+ escape: ESCAPE
+ };
+ if (this.isMenu) {
+ keyConfigs.home = HOME;
+ keyConfigs.end = END;
+ keyConfigs.tab = TAB;
+ }
+ new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["KeyboardEvents"](element, {
+ keyAction: this.keyBoardHandler.bind(this),
+ keyConfigs: keyConfigs
+ });
+ };
+ MenuBase.prototype.mouseDownHandler = function (e) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, '.e-' + this.getModuleName() + '-wrapper') !== this.getWrapper()
+ && (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, '.e-' + this.getModuleName() + '-popup'))) {
+ this.closeMenu(this.isMenu ? null : this.navIdx.length, e);
+ }
+ };
+ MenuBase.prototype.keyHandler = function (e) {
+ if (e.keyCode === 38 || e.keyCode === 40) {
+ if (e.target && (e.target.classList.contains('e-contextmenu') || e.target.classList.contains('e-menu-item'))) {
+ e.preventDefault();
+ }
+ }
+ };
+ MenuBase.prototype.keyBoardHandler = function (e) {
+ var actionName = '';
+ var trgt = e.target;
+ var actionNeeded = this.isMenu && !this.hamburgerMode && !this.element.classList.contains('e-vertical')
+ && this.navIdx.length < 1;
+ e.preventDefault();
+ if (this.enableScrolling && e.keyCode === 13 && trgt.classList.contains('e-scroll-nav')) {
+ this.removeLIStateByClass([FOCUSED, SELECTED], [Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '.e-' + this.getModuleName() + '-wrapper')]);
+ }
+ if (actionNeeded) {
+ switch (e.action) {
+ case RIGHTARROW:
+ actionName = RIGHTARROW;
+ e.action = DOWNARROW;
+ break;
+ case LEFTARROW:
+ actionName = LEFTARROW;
+ e.action = UPARROW;
+ break;
+ case DOWNARROW:
+ actionName = DOWNARROW;
+ e.action = RIGHTARROW;
+ break;
+ case UPARROW:
+ actionName = UPARROW;
+ e.action = '';
+ break;
+ }
+ }
+ else if (this.enableRtl) {
+ switch (e.action) {
+ case LEFTARROW:
+ actionNeeded = true;
+ actionName = LEFTARROW;
+ e.action = RIGHTARROW;
+ break;
+ case RIGHTARROW:
+ actionNeeded = true;
+ actionName = RIGHTARROW;
+ e.action = LEFTARROW;
+ break;
+ }
+ }
+ switch (e.action) {
+ case DOWNARROW:
+ case UPARROW:
+ case END:
+ case HOME:
+ case TAB:
+ this.upDownKeyHandler(e);
+ break;
+ case RIGHTARROW:
+ this.rightEnterKeyHandler(e);
+ break;
+ case LEFTARROW:
+ this.leftEscKeyHandler(e);
+ break;
+ case ENTER:
+ if (this.hamburgerMode && trgt.tagName === 'SPAN' && trgt.classList.contains('e-menu-icon')) {
+ this.menuHeaderClickHandler(e);
+ }
+ else {
+ this.rightEnterKeyHandler(e);
+ }
+ break;
+ case ESCAPE:
+ this.leftEscKeyHandler(e);
+ break;
+ }
+ if (actionNeeded) {
+ e.action = actionName;
+ }
+ };
+ MenuBase.prototype.upDownKeyHandler = function (e) {
+ var cul = this.getUlByNavIdx();
+ var defaultIdx = (e.action === DOWNARROW || e.action === HOME || e.action === TAB) ? 0 : cul.childElementCount - 1;
+ var fliIdx = defaultIdx;
+ var fli = this.getLIByClass(cul, FOCUSED);
+ if (fli) {
+ if (e.action !== END && e.action !== HOME) {
+ fliIdx = this.getIdx(cul, fli);
+ }
+ fli.classList.remove(FOCUSED);
+ if (e.action !== END && e.action !== HOME) {
+ if (e.action === DOWNARROW) {
+ fliIdx++;
+ }
+ else {
+ fliIdx--;
+ }
+ if (fliIdx === (e.action === DOWNARROW ? cul.childElementCount : -1)) {
+ fliIdx = defaultIdx;
+ }
+ }
+ }
+ var cli = cul.children[fliIdx];
+ fliIdx = this.isValidLI(cli, fliIdx, e.action);
+ cul.children[fliIdx].classList.add(FOCUSED);
+ cul.children[fliIdx].focus();
+ };
+ MenuBase.prototype.isValidLI = function (cli, index, action) {
+ var cul = this.getUlByNavIdx();
+ var defaultIdx = (action === DOWNARROW || action === HOME || action === TAB) ? 0 : cul.childElementCount - 1;
+ if (cli.classList.contains(SEPARATOR) || cli.classList.contains(DISABLED) || cli.classList.contains(HIDE)) {
+ if (action === DOWNARROW && index === cul.childElementCount - 1) {
+ index = defaultIdx;
+ }
+ else if (action === UPARROW && index === 0) {
+ index = defaultIdx;
+ }
+ else if ((action === DOWNARROW) || (action === RIGHTARROW)) {
+ index++;
+ }
+ else {
+ index--;
+ }
+ }
+ cli = cul.children[index];
+ if (cli.classList.contains(SEPARATOR) || cli.classList.contains(DISABLED) || cli.classList.contains(HIDE)) {
+ index = this.isValidLI(cli, index, action);
+ }
+ return index;
+ };
+ MenuBase.prototype.getUlByNavIdx = function (navIdxLen) {
+ var _this = this;
+ if (navIdxLen === void 0) { navIdxLen = this.navIdx.length; }
+ if (this.isMenu) {
+ var popup = [this.getWrapper()].concat([].slice.call(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + POPUP)))[navIdxLen];
+ var popups_1 = [];
+ var allPopup = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + POPUP);
+ allPopup.forEach(function (elem) {
+ if (_this.element.id === elem.id.split('-')[2]) {
+ popups_1.push(elem);
+ }
+ });
+ popup = [this.getWrapper()].concat([].slice.call(popups_1))[navIdxLen];
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(popup) ? null : Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-menu-parent', popup);
+ }
+ else {
+ return this.getWrapper().children[navIdxLen];
+ }
+ };
+ MenuBase.prototype.rightEnterKeyHandler = function (e) {
+ var eventArgs;
+ var cul = this.getUlByNavIdx();
+ var fli = this.getLIByClass(cul, FOCUSED);
+ if (fli) {
+ var fliIdx = this.getIdx(cul, fli);
+ var navIdx = this.navIdx.concat(fliIdx);
+ var item = this.getItem(navIdx);
+ if (item.items.length) {
+ this.navIdx.push(fliIdx);
+ this.keyType = 'right';
+ this.action = e.action;
+ this.openMenu(fli, item, -1, -1, e);
+ }
+ else {
+ if (e.action === ENTER) {
+ if (this.isMenu && this.navIdx.length === 0) {
+ this.removeLIStateByClass([SELECTED], [this.getWrapper()]);
+ }
+ else {
+ fli.classList.remove(FOCUSED);
+ }
+ fli.classList.add(SELECTED);
+ eventArgs = { element: fli, item: item, event: e };
+ this.trigger('select', eventArgs);
+ this.closeMenu(null, e);
+ }
+ }
+ }
+ };
+ MenuBase.prototype.leftEscKeyHandler = function (e) {
+ if (this.navIdx.length) {
+ this.keyType = 'left';
+ this.closeMenu(this.navIdx.length, e);
+ }
+ else {
+ if (e.action === ESCAPE) {
+ this.closeMenu(null, e);
+ }
+ }
+ };
+ MenuBase.prototype.scrollHandler = function (e) {
+ this.closeMenu(null, e);
+ };
+ MenuBase.prototype.touchHandler = function (e) {
+ this.isTapHold = true;
+ this.cmenuHandler(e.originalEvent);
+ };
+ MenuBase.prototype.cmenuHandler = function (e) {
+ e.preventDefault();
+ this.currentTarget = e.target;
+ this.isCMenu = true;
+ this.pageX = e.changedTouches ? e.changedTouches[0].pageX + 1 : e.pageX + 1;
+ this.pageY = e.changedTouches ? e.changedTouches[0].pageY + 1 : e.pageY + 1;
+ this.closeMenu(null, e);
+ if (this.isCMenu) {
+ if (this.canOpen(e.target)) {
+ this.openMenu(null, null, this.pageY, this.pageX, e);
+ }
+ this.isCMenu = false;
+ }
+ };
+ // eslint:disable-next-line:max-func-body-length
+ MenuBase.prototype.closeMenu = function (ulIndex, e, isIterated) {
+ var _this = this;
+ if (ulIndex === void 0) { ulIndex = 0; }
+ if (e === void 0) { e = null; }
+ if (this.isMenuVisible()) {
+ var sli = void 0;
+ var item_1;
+ var wrapper_1 = this.getWrapper();
+ var beforeCloseArgs = void 0;
+ var items_1;
+ var popups = this.getPopups();
+ var isClose = false;
+ var cnt = this.isMenu ? popups.length + 1 : wrapper_1.childElementCount;
+ var ul_1 = this.isMenu && cnt !== 1 ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-ul', popups[cnt - 2])
+ : Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.e-menu-parent', wrapper_1)[cnt - 1];
+ if (this.isMenu && ul_1.classList.contains('e-menu')) {
+ sli = this.getLIByClass(ul_1, SELECTED);
+ if (sli) {
+ sli.classList.remove(SELECTED);
+ }
+ isClose = true;
+ }
+ if (!isClose) {
+ var liElem_1 = e && e.target && this.getLI(e.target);
+ if (liElem_1) {
+ this.cli = liElem_1;
+ }
+ else {
+ this.cli = ul_1.children[0];
+ }
+ item_1 = this.navIdx.length ? this.getItem(this.navIdx) : null;
+ items_1 = item_1 ? item_1.items : this.items;
+ beforeCloseArgs = { element: ul_1, parentItem: item_1, items: items_1, event: e, cancel: false, isFocused: true };
+ this.trigger('beforeClose', beforeCloseArgs, function (observedCloseArgs) {
+ var popupEle;
+ var closeArgs;
+ var popupId = '';
+ var popupObj;
+ var isOpen = !observedCloseArgs.cancel;
+ if (isOpen || _this.isCMenu) {
+ if (_this.isMenu) {
+ popupEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(ul_1, '.' + POPUP);
+ if (_this.hamburgerMode) {
+ popupEle.parentElement.style.minHeight = '';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(ul_1, '.e-menu-item').setAttribute('aria-expanded', 'false');
+ }
+ _this.unWireKeyboardEvent(popupEle);
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["destroyScroll"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(popupEle.children[0], _common_v_scroll__WEBPACK_IMPORTED_MODULE_4__["VScroll"]), popupEle.children[0]);
+ popupObj = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(popupEle, _ej2_popups__WEBPACK_IMPORTED_MODULE_2__["Popup"]);
+ popupObj.hide();
+ popupId = popupEle.id;
+ popupObj.destroy();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(popupEle);
+ }
+ else {
+ _this.toggleAnimation(ul_1, false);
+ }
+ closeArgs = { element: ul_1, parentItem: item_1, items: items_1 };
+ _this.trigger('onClose', closeArgs);
+ _this.navIdx.pop();
+ if (!_this.isMenu) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(ul_1, 'keydown', _this.keyHandler);
+ if (_this.keyType === 'right') {
+ _this.keyType = '';
+ }
+ }
+ }
+ _this.updateReactTemplate();
+ var trgtliId;
+ var closedLi;
+ var trgtLi;
+ var trgtpopUp = _this.getWrapper() && _this.getUlByNavIdx();
+ if (_this.isCMenu) {
+ if (_this.canOpen(e.target)) {
+ _this.openMenu(null, null, _this.pageY, _this.pageX, e);
+ }
+ _this.isCMenu = false;
+ }
+ if (_this.isMenu && trgtpopUp && popupId.length) {
+ // eslint-disable-next-line
+ trgtliId = new RegExp('(.*)-ej2menu-' + _this.element.id + '-popup').exec(popupId)[1];
+ closedLi = trgtpopUp.querySelector('[id="' + trgtliId + '"]');
+ trgtLi = (liElem_1 && trgtpopUp.querySelector('[id="' + liElem_1.id + '"]'));
+ }
+ else if (trgtpopUp) {
+ closedLi = trgtpopUp.querySelector('.e-menu-item.e-selected');
+ trgtLi = (liElem_1 && trgtpopUp.querySelector('[id="' + liElem_1.id + '"]'));
+ }
+ var submenus = liElem_1 && liElem_1.querySelectorAll('.e-menu-item');
+ if (isOpen && _this.hamburgerMode && ulIndex && !(submenus.length)) {
+ _this.afterCloseMenu(e);
+ }
+ else if (isOpen && !_this.hamburgerMode && closedLi && !trgtLi && _this.keyType !== 'left' && (_this.navIdx.length || !_this.isMenu && _this.navIdx.length === 0)) {
+ var ele = (e && e.target.classList.contains('e-vscroll'))
+ ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, '.e-menu-wrapper') : null;
+ if (ele) {
+ ele = ele.querySelector('.e-menu-item');
+ if (_this.showItemOnClick || (ele && _this.getIndex(ele.id, true).length <= _this.navIdx.length)) {
+ _this.closeMenu(_this.navIdx[_this.navIdx.length - 1], e, true);
+ }
+ }
+ else {
+ _this.closeMenu(_this.navIdx[_this.navIdx.length - 1], e);
+ }
+ }
+ else if (isOpen && !isIterated && !ulIndex && ((_this.hamburgerMode && _this.navIdx.length) ||
+ _this.navIdx.length === 1 && liElem_1 && trgtpopUp !== liElem_1.parentElement)) {
+ _this.closeMenu(null, e);
+ }
+ else if (isOpen && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(ulIndex) && _this.navIdx.length) {
+ _this.closeMenu(null, e);
+ }
+ else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 && !_this.isMenusClosed) {
+ _this.isMenusClosed = true;
+ _this.closeMenu(0, e);
+ }
+ else if (isOpen && _this.isMenu && e && e.target &&
+ _this.navIdx.length !== 0 && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, '.e-menu-parent.e-control')) {
+ _this.closeMenu(0, e);
+ }
+ else if (isOpen && !_this.isMenu && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.e-menu-parent', wrapper_1)[ulIndex - 1] && e.which === 3) {
+ _this.closeMenu(null, e);
+ }
+ else {
+ if (isOpen && (_this.keyType === 'right' || _this.keyType === 'click')) {
+ _this.afterCloseMenu(e);
+ }
+ else {
+ var cul = _this.getUlByNavIdx();
+ var sli_1 = _this.getLIByClass(cul, SELECTED);
+ if (sli_1) {
+ sli_1.setAttribute('aria-expanded', 'false');
+ sli_1.classList.remove(SELECTED);
+ if (observedCloseArgs.isFocused && liElem_1 || _this.keyType === 'left') {
+ sli_1.classList.add(FOCUSED);
+ if (!e.target || !e.target.classList.contains('e-edit-template')) {
+ sli_1.focus();
+ }
+ }
+ }
+ if (!isOpen && _this.hamburgerMode && liElem_1 && liElem_1.getAttribute('aria-expanded') === 'false' &&
+ liElem_1.getAttribute('aria-haspopup') === 'true') {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(liElem_1, '.e-menu-parent.e-control')) {
+ _this.navIdx = [];
+ }
+ else {
+ _this.navIdx.pop();
+ }
+ _this.navIdx.push(_this.cliIdx);
+ var item_2 = _this.getItem(_this.navIdx);
+ liElem_1.setAttribute('aria-expanded', 'true');
+ _this.openMenu(liElem_1, item_2, -1, -1, e);
+ }
+ }
+ if (_this.navIdx.length < 1) {
+ if (_this.showSubMenuOn === 'Hover' || _this.showSubMenuOn === 'Click') {
+ _this.showItemOnClick = _this.defaultOption;
+ _this.showSubMenuOn = 'Auto';
+ }
+ }
+ }
+ _this.removeStateWrapper();
+ });
+ }
+ }
+ };
+ MenuBase.prototype.updateReactTemplate = function () {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ if (this.isReact && this.template && this.navIdx.length === 0) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var portals = this.portals.splice(0, this.items.length);
+ this.clearTemplate(['template']);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ this.portals = portals;
+ this.renderReactTemplates();
+ }
+ };
+ MenuBase.prototype.getMenuItemModel = function (item, level) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(item)) {
+ return null;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(level)) {
+ level = 0;
+ }
+ var fields = this.getFields(level);
+ return { text: item[fields.text], id: item[fields.id], items: item[fields.child], separator: item[fields.separator],
+ iconCss: item[fields.iconCss], url: item[fields.url] };
+ };
+ MenuBase.prototype.getPopups = function () {
+ var _this = this;
+ var popups = [];
+ [].slice.call(document.querySelectorAll('.' + POPUP)).forEach(function (elem) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(elem.querySelector('.' + ITEM)) && _this.getIndex(elem.querySelector('.' + ITEM).id, true).length) {
+ popups.push(elem);
+ }
+ });
+ return popups;
+ };
+ MenuBase.prototype.isMenuVisible = function () {
+ return (this.navIdx.length > 0 || (this.element.classList.contains('e-contextmenu') && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isVisible"])(this.element).valueOf()));
+ };
+ MenuBase.prototype.canOpen = function (target) {
+ var canOpen = true;
+ if (this.filter) {
+ canOpen = false;
+ var filter = this.filter.split(' ');
+ for (var i = 0, len = filter.length; i < len; i++) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(target, '.' + filter[i])) {
+ canOpen = true;
+ break;
+ }
+ }
+ }
+ return canOpen;
+ };
+ MenuBase.prototype.openMenu = function (li, item, top, left, e, target) {
+ var _this = this;
+ if (top === void 0) { top = 0; }
+ if (left === void 0) { left = 0; }
+ if (e === void 0) { e = null; }
+ if (target === void 0) { target = this.targetElement; }
+ var wrapper = this.getWrapper();
+ this.lItem = li;
+ var elemId = this.element.id !== '' ? this.element.id : 'menu';
+ this.isMenusClosed = false;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(top)) {
+ top = -1;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(left)) {
+ left = -1;
+ }
+ if (li) {
+ this.uList = this.createItems(item[this.getField('children', this.navIdx.length - 1)]);
+ if (!this.isMenu && _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ wrapper.lastChild.style.display = 'none';
+ var data = {
+ text: item[this.getField('text')].toString(), iconCss: ICONS + ' e-previous'
+ };
+ var hdata = new MenuItem(this.items[0], 'items', data, true);
+ var hli = this.createItems([hdata]).children[0];
+ hli.classList.add(HEADER);
+ this.uList.insertBefore(hli, this.uList.children[0]);
+ }
+ if (this.isMenu) {
+ this.popupWrapper = this.createElement('div', {
+ className: 'e-' + this.getModuleName() + '-wrapper ' + POPUP, id: li.id + '-ej2menu-' + elemId + '-popup'
+ });
+ if (this.hamburgerMode) {
+ top = li.offsetHeight;
+ li.appendChild(this.popupWrapper);
+ }
+ else {
+ document.body.appendChild(this.popupWrapper);
+ }
+ this.isNestedOrVertical = this.element.classList.contains('e-vertical') || this.navIdx.length !== 1;
+ this.popupObj = this.generatePopup(this.popupWrapper, this.uList, li, this.isNestedOrVertical);
+ if (this.template) {
+ this.renderReactTemplates();
+ }
+ if (this.hamburgerMode) {
+ this.calculateIndentSize(this.uList, li);
+ }
+ else {
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.popupWrapper], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ this.popupObj.hide();
+ }
+ if (!this.hamburgerMode && !this.showItemOnClick && this.hoverDelay) {
+ window.clearInterval(this.timer);
+ this.timer = window.setTimeout(function () { _this.triggerBeforeOpen(li, _this.uList, item, e, 0, 0, 'menu'); }, this.hoverDelay);
+ }
+ else {
+ this.triggerBeforeOpen(li, this.uList, item, e, 0, 0, 'menu');
+ }
+ }
+ else {
+ this.uList.style.zIndex = this.element.style.zIndex;
+ wrapper.appendChild(this.uList);
+ if (!this.showItemOnClick && this.hoverDelay) {
+ window.clearInterval(this.timer);
+ this.timer = window.setTimeout(function () { _this.triggerBeforeOpen(li, _this.uList, item, e, top, left, 'none'); }, this.hoverDelay);
+ }
+ else {
+ this.triggerBeforeOpen(li, this.uList, item, e, top, left, 'none');
+ }
+ }
+ }
+ else {
+ this.uList = this.element;
+ this.uList.style.zIndex = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["getZindexPartial"])(target ? target : this.element).toString();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(e)) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var ev = document.createEvent('MouseEvents');
+ ev.initEvent("click", true, false);
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ var targetEvent = this.copyObject(ev, {});
+ targetEvent.target = targetEvent.srcElement = target;
+ targetEvent.currentTarget = target;
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ this.triggerBeforeOpen(li, this.uList, item, targetEvent, top, left, 'none');
+ }
+ else {
+ this.triggerBeforeOpen(li, this.uList, item, e, top, left, 'none');
+ }
+ }
+ };
+ MenuBase.prototype.copyObject = function (source, destination) {
+ for (var prop in source) {
+ destination["" + prop] = source["" + prop];
+ }
+ return destination;
+ };
+ MenuBase.prototype.calculateIndentSize = function (ul, li) {
+ var liStyle = getComputedStyle(li);
+ var liIndent = parseInt(liStyle.textIndent, 10);
+ if (this.navIdx.length < 2 && !li.classList.contains('e-blankicon')) {
+ liIndent *= 2;
+ }
+ else {
+ liIndent += (liIndent / 4);
+ }
+ ul.style.textIndent = liIndent + 'px';
+ var blankIconElem = ul.querySelectorAll('.e-blankicon');
+ if (blankIconElem && blankIconElem.length) {
+ var menuIconElem = ul.querySelector('.e-menu-icon');
+ var menuIconElemStyle = getComputedStyle(menuIconElem);
+ var blankIconIndent = (parseInt(menuIconElemStyle.marginRight, 10) + menuIconElem.offsetWidth + liIndent);
+ for (var i = 0; i < blankIconElem.length; i++) {
+ blankIconElem[i].style.textIndent = blankIconIndent + 'px';
+ }
+ }
+ };
+ MenuBase.prototype.generatePopup = function (popupWrapper, ul, li, isNestedOrVertical) {
+ var _this = this;
+ var popupObj = new _ej2_popups__WEBPACK_IMPORTED_MODULE_2__["Popup"](popupWrapper, {
+ actionOnScroll: this.hamburgerMode ? 'none' : 'reposition',
+ relateTo: li,
+ collision: this.hamburgerMode ? { X: 'none', Y: 'none' } : { X: isNestedOrVertical ||
+ this.enableRtl ? 'none' : 'flip', Y: 'fit' },
+ position: (isNestedOrVertical && !this.hamburgerMode) ? { X: 'right', Y: 'top' } : { X: 'left', Y: 'bottom' },
+ targetType: 'relative',
+ enableRtl: this.enableRtl,
+ content: ul,
+ open: function () {
+ var scrollEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-menu-vscroll', popupObj.element);
+ if (scrollEle) {
+ scrollEle.style.height = 'inherit';
+ scrollEle.style.maxHeight = '';
+ }
+ var ul = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-ul', popupObj.element);
+ popupObj.element.style.maxHeight = '';
+ ul.focus();
+ _this.triggerOpen(ul);
+ }
+ });
+ return popupObj;
+ };
+ MenuBase.prototype.createHeaderContainer = function (wrapper) {
+ wrapper = wrapper || this.getWrapper();
+ var spanElem = this.createElement('span', { className: 'e-' + this.getModuleName() + '-header' });
+ var tempTitle = (this.enableHtmlSanitizer) ? _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(this.title) : this.title;
+ var spanTitle = this.createElement('span', {
+ className: 'e-' + this.getModuleName() + '-title', innerHTML: tempTitle
+ });
+ var spanIcon = this.createElement('span', {
+ className: 'e-icons e-' + this.getModuleName() + '-icon', attrs: { 'tabindex': '0' }
+ });
+ spanElem.appendChild(spanTitle);
+ spanElem.appendChild(spanIcon);
+ wrapper.insertBefore(spanElem, this.element);
+ };
+ MenuBase.prototype.openHamburgerMenu = function (e) {
+ if (this.hamburgerMode) {
+ this.triggerBeforeOpen(null, this.element, null, e, 0, 0, 'hamburger');
+ }
+ };
+ MenuBase.prototype.closeHamburgerMenu = function (e) {
+ var _this = this;
+ var beforeCloseArgs = { element: this.element, parentItem: null, event: e,
+ items: this.items, cancel: false };
+ this.trigger('beforeClose', beforeCloseArgs, function (observedHamburgerCloseArgs) {
+ if (!observedHamburgerCloseArgs.cancel) {
+ _this.closeMenu(null, e);
+ _this.element.classList.add('e-hide-menu');
+ _this.trigger('onClose', { element: _this.element, parentItem: null, items: _this.items });
+ }
+ });
+ };
+ MenuBase.prototype.callFit = function (element, x, y, top, left) {
+ return Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["fit"])(element, null, { X: x, Y: y }, { top: top, left: left });
+ };
+ MenuBase.prototype.triggerBeforeOpen = function (li, ul, item, e, top, left, type) {
+ var _this = this;
+ var items = li ? item[this.getField('children', this.navIdx.length - 1)] : this.items;
+ var eventArgs = {
+ element: ul, items: items, parentItem: item, event: e, cancel: false, top: top, left: left, showSubMenuOn: 'Auto'
+ };
+ var menuType = type;
+ this.trigger('beforeOpen', eventArgs, function (observedOpenArgs) {
+ switch (menuType) {
+ case 'menu':
+ if (!_this.hamburgerMode) {
+ if (observedOpenArgs.showSubMenuOn !== 'Auto') {
+ _this.showItemOnClick = !_this.defaultOption;
+ _this.showSubMenuOn = observedOpenArgs.showSubMenuOn;
+ }
+ _this.top = observedOpenArgs.top;
+ _this.left = observedOpenArgs.left;
+ }
+ _this.popupWrapper.style.display = 'block';
+ if (!_this.hamburgerMode) {
+ _this.popupWrapper.style.maxHeight = _this.popupWrapper.getBoundingClientRect().height + 'px';
+ if (_this.enableScrolling) {
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["addScrolling"])(_this.createElement, _this.popupWrapper, _this.uList, 'vscroll', _this.enableRtl);
+ }
+ _this.checkScrollOffset(e);
+ }
+ if (!_this.hamburgerMode && !_this.left && !_this.top) {
+ _this.popupObj.refreshPosition(_this.lItem, true);
+ _this.left = parseInt(_this.popupWrapper.style.left, 10);
+ _this.top = parseInt(_this.popupWrapper.style.top, 10);
+ if (_this.enableRtl) {
+ _this.left =
+ _this.isNestedOrVertical ? _this.left - _this.popupWrapper.offsetWidth - _this.lItem.parentElement.offsetWidth + 2
+ : _this.left - _this.popupWrapper.offsetWidth + _this.lItem.offsetWidth;
+ }
+ // eslint-disable-next-line
+ if (_this.template && (_this.isReact || _this.isAngular)) {
+ requestAnimationFrame(function () {
+ _this.collision();
+ _this.popupWrapper.style.display = '';
+ });
+ }
+ else {
+ _this.collision();
+ _this.popupWrapper.style.display = '';
+ }
+ }
+ else {
+ _this.popupObj.collision = { X: 'none', Y: 'none' };
+ _this.popupWrapper.style.display = '';
+ }
+ break;
+ case 'none':
+ _this.top = observedOpenArgs.top;
+ _this.left = observedOpenArgs.left;
+ break;
+ case 'hamburger':
+ if (!observedOpenArgs.cancel) {
+ _this.element.classList.remove('e-hide-menu');
+ _this.triggerOpen(_this.element);
+ }
+ break;
+ }
+ if (menuType !== 'hamburger') {
+ if (observedOpenArgs.cancel) {
+ if (_this.isMenu) {
+ _this.popupObj.destroy();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(_this.popupWrapper);
+ }
+ else if (ul.className.indexOf('e-ul') > -1) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(ul);
+ }
+ _this.navIdx.pop();
+ }
+ else {
+ if (_this.isMenu) {
+ if (_this.hamburgerMode) {
+ _this.popupWrapper.style.top = _this.top + 'px';
+ _this.popupWrapper.style.left = 0 + 'px';
+ _this.toggleAnimation(_this.popupWrapper);
+ }
+ else {
+ _this.setBlankIconStyle(_this.popupWrapper);
+ _this.wireKeyboardEvent(_this.popupWrapper);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["rippleEffect"])(_this.popupWrapper, { selector: '.' + ITEM });
+ _this.popupWrapper.style.left = _this.left + 'px';
+ _this.popupWrapper.style.top = _this.top + 'px';
+ var animationOptions = _this.animationSettings.effect !== 'None' ? {
+ name: _this.animationSettings.effect, duration: _this.animationSettings.duration,
+ timingFunction: _this.animationSettings.easing
+ } : null;
+ _this.popupObj.show(animationOptions, _this.lItem);
+ }
+ }
+ else {
+ _this.setBlankIconStyle(_this.uList);
+ _this.setPosition(_this.lItem, _this.uList, _this.top, _this.left);
+ _this.toggleAnimation(_this.uList);
+ }
+ }
+ }
+ if (_this.keyType === 'right') {
+ var cul = _this.getUlByNavIdx();
+ li.classList.remove(FOCUSED);
+ if (_this.isMenu && _this.navIdx.length === 1) {
+ _this.removeLIStateByClass([SELECTED], [_this.getWrapper()]);
+ }
+ li.classList.add(SELECTED);
+ if (_this.action === ENTER) {
+ var eventArgs_1 = { element: li, item: item, event: e };
+ _this.trigger('select', eventArgs_1);
+ }
+ li.focus();
+ cul = _this.getUlByNavIdx();
+ var index = _this.isValidLI(cul.children[0], 0, _this.action);
+ cul.children[index].classList.add(FOCUSED);
+ cul.children[index].focus();
+ }
+ });
+ };
+ MenuBase.prototype.collision = function () {
+ var collide;
+ collide = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["isCollide"])(this.popupWrapper, null, this.left, this.top);
+ if ((this.isNestedOrVertical || this.enableRtl) && (collide.indexOf('right') > -1
+ || collide.indexOf('left') > -1)) {
+ this.popupObj.collision.X = 'none';
+ var offWidth = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.lItem, '.e-' + this.getModuleName() + '-wrapper').offsetWidth;
+ this.left =
+ this.enableRtl ? Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["calculatePosition"])(this.lItem, this.isNestedOrVertical ? 'right' : 'left', 'top').left
+ : this.left - this.popupWrapper.offsetWidth - offWidth + 2;
+ }
+ collide = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["isCollide"])(this.popupWrapper, null, this.left, this.top);
+ if (collide.indexOf('left') > -1 || collide.indexOf('right') > -1) {
+ this.left = this.callFit(this.popupWrapper, true, false, this.top, this.left).left;
+ }
+ this.popupWrapper.style.left = this.left + 'px';
+ };
+ MenuBase.prototype.setBlankIconStyle = function (menu) {
+ var blankIconList = [].slice.call(menu.getElementsByClassName('e-blankicon'));
+ if (!blankIconList.length) {
+ return;
+ }
+ var iconLi = menu.querySelector('.e-menu-item:not(.e-blankicon):not(.e-separator)');
+ if (!iconLi) {
+ return;
+ }
+ var icon = iconLi.querySelector('.e-menu-icon');
+ if (!icon) {
+ return;
+ }
+ var cssProp = this.enableRtl ? { padding: 'paddingRight', margin: 'marginLeft' } :
+ { padding: 'paddingLeft', margin: 'marginRight' };
+ var iconCssProps = getComputedStyle(icon);
+ var iconSize = parseInt(iconCssProps.fontSize, 10);
+ if (!!parseInt(iconCssProps.width, 10) && parseInt(iconCssProps.width, 10) > iconSize) {
+ iconSize = parseInt(iconCssProps.width, 10);
+ }
+ // eslint:disable
+ var size = iconSize + parseInt(
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ iconCssProps[cssProp.margin], 10) + parseInt(getComputedStyle(iconLi)[cssProp.padding], 10) + "px";
+ blankIconList.forEach(function (li) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ li.style[cssProp.padding] = size;
+ });
+ // eslint:enable
+ };
+ MenuBase.prototype.checkScrollOffset = function (e) {
+ var wrapper = this.getWrapper();
+ if (wrapper.children[0].classList.contains('e-menu-hscroll') && this.navIdx.length === 1) {
+ var trgt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(e) ? this.element : Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, '.' + ITEM);
+ var offsetEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-hscroll-bar', wrapper);
+ if (offsetEle.scrollLeft > trgt.offsetLeft) {
+ offsetEle.scrollLeft -= (offsetEle.scrollLeft - trgt.offsetLeft);
+ }
+ var offsetLeft = offsetEle.scrollLeft + offsetEle.offsetWidth;
+ var offsetRight = trgt.offsetLeft + trgt.offsetWidth;
+ if (offsetLeft < offsetRight) {
+ offsetEle.scrollLeft += (offsetRight - offsetLeft);
+ }
+ }
+ };
+ MenuBase.prototype.setPosition = function (li, ul, top, left) {
+ var px = 'px';
+ this.toggleVisiblity(ul);
+ if (ul === this.element || (left > -1 && top > -1)) {
+ var collide = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["isCollide"])(ul, null, left, top);
+ if (collide.indexOf('right') > -1) {
+ left = left - ul.offsetWidth;
+ }
+ if (collide.indexOf('bottom') > -1) {
+ var offset = this.callFit(ul, false, true, top, left);
+ top = offset.top - 20;
+ if (top < 0) {
+ var newTop = (pageYOffset + document.documentElement.clientHeight) - ul.getBoundingClientRect().height;
+ if (newTop > -1) {
+ top = newTop;
+ }
+ }
+ }
+ collide = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["isCollide"])(ul, null, left, top);
+ if (collide.indexOf('left') > -1) {
+ var offset = this.callFit(ul, true, false, top, left);
+ left = offset.left;
+ }
+ }
+ else {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ top = Number(this.element.style.top.replace(px, ''));
+ left = Number(this.element.style.left.replace(px, ''));
+ }
+ else {
+ var x = this.enableRtl ? 'left' : 'right';
+ var offset = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["calculatePosition"])(li, x, 'top');
+ top = offset.top;
+ left = offset.left;
+ var collide = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["isCollide"])(ul, null, this.enableRtl ? left - ul.offsetWidth : left, top);
+ var xCollision = collide.indexOf('left') > -1 || collide.indexOf('right') > -1;
+ if (xCollision) {
+ offset = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["calculatePosition"])(li, this.enableRtl ? 'right' : 'left', 'top');
+ left = offset.left;
+ }
+ if (this.enableRtl || xCollision) {
+ left = (this.enableRtl && xCollision) ? left : left - ul.offsetWidth;
+ }
+ if (collide.indexOf('bottom') > -1) {
+ offset = this.callFit(ul, false, true, top, left);
+ top = offset.top;
+ }
+ }
+ }
+ this.toggleVisiblity(ul, false);
+ ul.style.top = top + px;
+ ul.style.left = left + px;
+ };
+ MenuBase.prototype.toggleVisiblity = function (ul, isVisible) {
+ if (isVisible === void 0) { isVisible = true; }
+ ul.style.visibility = isVisible ? 'hidden' : '';
+ ul.style.display = isVisible ? 'block' : 'none';
+ };
+ MenuBase.prototype.createItems = function (items) {
+ var _this = this;
+ var level = this.navIdx ? this.navIdx.length : 0;
+ var fields = this.getFields(level);
+ var showIcon = this.hasField(items, this.getField('iconCss', level));
+ var listBaseOptions = {
+ showIcon: showIcon,
+ moduleName: 'menu',
+ fields: fields,
+ template: this.template,
+ itemNavigable: true,
+ itemCreating: function (args) {
+ if (!args.curData[args.fields[fields.id]]) {
+ args.curData[args.fields[fields.id]] = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('menuitem');
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.curData.htmlAttributes)) {
+ args.curData.htmlAttributes = {};
+ }
+ Object.assign(args.curData.htmlAttributes, { role: 'menuitem', tabindex: '-1' });
+ if (_this.isMenu && !args.curData[_this.getField('separator', level)]) {
+ args.curData.htmlAttributes['aria-label'] = args.curData[args.fields.text] ?
+ args.curData[args.fields.text] : args.curData[args.fields.id];
+ }
+ if (args.curData[args.fields[fields.iconCss]] === '') {
+ args.curData[args.fields[fields.iconCss]] = null;
+ }
+ },
+ itemCreated: function (args) {
+ if (args.curData[_this.getField('separator', level)]) {
+ args.item.classList.add(SEPARATOR);
+ args.item.setAttribute('role', 'separator');
+ }
+ if (showIcon && !args.curData[args.fields.iconCss]
+ && !args.curData[_this.getField('separator', level)]) {
+ args.item.classList.add('e-blankicon');
+ }
+ if (args.curData[args.fields.child]
+ && args.curData[args.fields.child].length) {
+ var span = _this.createElement('span', { className: ICONS + ' ' + CARET });
+ args.item.appendChild(span);
+ args.item.setAttribute('aria-haspopup', 'true');
+ args.item.setAttribute('aria-expanded', 'false');
+ args.item.classList.add('e-menu-caret-icon');
+ }
+ if (_this.isMenu && _this.template) {
+ args.item.setAttribute('id', args.curData[args.fields.id].toString());
+ args.item.removeAttribute('data-uid');
+ if (args.item.classList.contains('e-level-1')) {
+ args.item.classList.remove('e-level-1');
+ }
+ if (args.item.classList.contains('e-has-child')) {
+ args.item.classList.remove('e-has-child');
+ }
+ args.item.removeAttribute('aria-level');
+ }
+ var eventArgs = { item: args.curData, element: args.item };
+ _this.trigger('beforeItemRender', eventArgs);
+ }
+ };
+ this.setProperties({ 'items': this.items }, true);
+ if (this.isMenu) {
+ listBaseOptions.templateID = this.element.id + TEMPLATE_PROPERTY;
+ }
+ var ul = _ej2_lists__WEBPACK_IMPORTED_MODULE_1__["ListBase"].createList(this.createElement, items, listBaseOptions, !this.template, this);
+ ul.setAttribute('tabindex', '0');
+ if (this.isMenu) {
+ ul.setAttribute('role', 'menu');
+ }
+ else {
+ ul.setAttribute('role', 'menubar');
+ }
+ return ul;
+ };
+ MenuBase.prototype.moverHandler = function (e) {
+ var trgt = e.target;
+ this.liTrgt = trgt;
+ var cli = this.getLI(trgt);
+ var wrapper = cli ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(cli, '.e-' + this.getModuleName() + '-wrapper') : this.getWrapper();
+ var hdrWrapper = this.getWrapper();
+ var regex = new RegExp('-ej2menu-(.*)-popup');
+ var ulId;
+ var isDifferentElem = false;
+ if (!wrapper) {
+ return;
+ }
+ if (wrapper.id !== '') {
+ ulId = regex.exec(wrapper.id)[1];
+ }
+ else {
+ ulId = wrapper.querySelector('ul').id;
+ }
+ if (ulId !== this.element.id) {
+ this.removeLIStateByClass([FOCUSED, SELECTED], [this.getWrapper()]);
+ if (this.navIdx.length) {
+ isDifferentElem = true;
+ }
+ else {
+ return;
+ }
+ }
+ if (cli && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(cli, '.e-' + this.getModuleName() + '-wrapper') && !isDifferentElem) {
+ this.removeLIStateByClass([FOCUSED], this.isMenu ? [wrapper].concat(this.getPopups()) : [wrapper]);
+ this.removeLIStateByClass([FOCUSED], this.isMenu ? [hdrWrapper].concat(this.getPopups()) : [hdrWrapper]);
+ cli.classList.add(FOCUSED);
+ if (!this.showItemOnClick) {
+ this.clickHandler(e);
+ }
+ }
+ else if (this.isMenu && this.showItemOnClick && !isDifferentElem) {
+ this.removeLIStateByClass([FOCUSED], [wrapper].concat(this.getPopups()));
+ }
+ if (this.isMenu) {
+ if (!this.showItemOnClick && (trgt.parentElement !== wrapper && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '.e-' + this.getModuleName() + '-popup'))
+ && (!cli || (cli && !this.getIndex(cli.id, true).length)) && this.showSubMenuOn !== 'Hover') {
+ this.removeLIStateByClass([FOCUSED], [wrapper]);
+ if (this.navIdx.length) {
+ this.isClosed = true;
+ this.closeMenu(null, e);
+ }
+ }
+ else if (isDifferentElem && !this.showItemOnClick) {
+ if (this.navIdx.length) {
+ this.isClosed = true;
+ this.closeMenu(null, e);
+ }
+ }
+ if (!this.isClosed) {
+ this.removeStateWrapper();
+ }
+ this.isClosed = false;
+ }
+ };
+ MenuBase.prototype.removeStateWrapper = function () {
+ if (this.liTrgt) {
+ var wrapper = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.liTrgt, '.e-menu-vscroll');
+ if (this.liTrgt.tagName === 'DIV' && wrapper) {
+ this.removeLIStateByClass([FOCUSED, SELECTED], [wrapper]);
+ }
+ }
+ };
+ MenuBase.prototype.removeLIStateByClass = function (classList, element) {
+ var li;
+ var _loop_1 = function (i) {
+ classList.forEach(function (className) {
+ li = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + className, element[i]);
+ if (li) {
+ li.classList.remove(className);
+ }
+ });
+ };
+ for (var i = 0; i < element.length; i++) {
+ _loop_1(i);
+ }
+ };
+ MenuBase.prototype.getField = function (propName, level) {
+ if (level === void 0) { level = 0; }
+ var fieldName = this.fields["" + propName];
+ return typeof fieldName === 'string' ? fieldName :
+ (!fieldName[level] ? fieldName[fieldName.length - 1].toString()
+ : fieldName[level].toString());
+ };
+ MenuBase.prototype.getFields = function (level) {
+ if (level === void 0) { level = 0; }
+ return {
+ id: this.getField('itemId', level),
+ iconCss: this.getField('iconCss', level),
+ text: this.getField('text', level),
+ url: this.getField('url', level),
+ child: this.getField('children', level),
+ separator: this.getField('separator', level)
+ };
+ };
+ MenuBase.prototype.hasField = function (items, field) {
+ for (var i = 0, len = items.length; i < len; i++) {
+ if (items[i]["" + field]) {
+ return true;
+ }
+ }
+ return false;
+ };
+ MenuBase.prototype.menuHeaderClickHandler = function (e) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, '.e-menu-wrapper').querySelector('ul.e-menu-parent').id !== this.element.id) {
+ return;
+ }
+ if (this.element.className.indexOf('e-hide-menu') > -1) {
+ this.openHamburgerMenu(e);
+ }
+ else {
+ this.closeHamburgerMenu(e);
+ }
+ };
+ MenuBase.prototype.clickHandler = function (e) {
+ if (this.isTapHold) {
+ this.isTapHold = false;
+ }
+ else {
+ var wrapper = this.getWrapper();
+ var trgt = e.target;
+ var cli = this.cli = this.getLI(trgt);
+ var regex = new RegExp('-ej2menu-(.*)-popup');
+ var cliWrapper = cli ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(cli, '.e-' + this.getModuleName() + '-wrapper') : null;
+ var isInstLI = cli && cliWrapper && (this.isMenu ? this.getIndex(cli.id, true).length > 0
+ : wrapper.firstElementChild.id === cliWrapper.firstElementChild.id);
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice && this.isMenu) {
+ this.removeLIStateByClass([FOCUSED], [wrapper].concat(this.getPopups()));
+ this.mouseDownHandler(e);
+ }
+ if (cli && cliWrapper && this.isMenu) {
+ var cliWrapperId = cliWrapper.id ? regex.exec(cliWrapper.id)[1] : cliWrapper.querySelector('.e-menu-parent').id;
+ if (this.element.id !== cliWrapperId) {
+ return;
+ }
+ }
+ if (isInstLI && e.type === 'click' && !cli.classList.contains(HEADER)) {
+ this.setLISelected(cli);
+ var navIdx = this.getIndex(cli.id, true);
+ var item = this.getItem(navIdx);
+ var eventArgs = { element: cli, item: item, event: e };
+ this.trigger('select', eventArgs);
+ }
+ if (isInstLI && (e.type === 'mouseover' || _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice || this.showItemOnClick)) {
+ var ul = void 0;
+ if (cli.classList.contains(HEADER)) {
+ ul = wrapper.children[this.navIdx.length - 1];
+ this.toggleAnimation(ul);
+ var sli = this.getLIByClass(ul, SELECTED);
+ if (sli) {
+ sli.classList.remove(SELECTED);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(cli.parentNode);
+ this.navIdx.pop();
+ }
+ else {
+ if (!cli.classList.contains(SEPARATOR)) {
+ this.showSubMenu = true;
+ var cul = cli.parentNode;
+ this.cliIdx = this.getIdx(cul, cli);
+ if (this.isMenu || !_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ var culIdx = this.isMenu ? Array.prototype.indexOf.call([wrapper].concat(this.getPopups()), Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(cul, '.' + 'e-' + this.getModuleName() + '-wrapper'))
+ : this.getIdx(wrapper, cul);
+ if (this.navIdx[culIdx] === this.cliIdx) {
+ this.showSubMenu = false;
+ }
+ if (culIdx !== this.navIdx.length && (e.type !== 'mouseover' || this.showSubMenu)) {
+ var sli = this.getLIByClass(cul, SELECTED);
+ if (sli) {
+ sli.classList.remove(SELECTED);
+ }
+ this.isClosed = true;
+ this.keyType = 'click';
+ if (this.showItemOnClick) {
+ this.setLISelected(cli);
+ }
+ this.closeMenu(culIdx + 1, e);
+ if (this.showItemOnClick) {
+ this.setLISelected(cli);
+ }
+ }
+ }
+ if (!this.isClosed) {
+ this.afterCloseMenu(e);
+ }
+ this.isClosed = false;
+ }
+ }
+ }
+ else {
+ if (this.isMenu && trgt.tagName === 'DIV' && this.navIdx.length && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '.e-menu-vscroll')) {
+ var popupEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '.' + POPUP);
+ var cIdx = Array.prototype.indexOf.call(this.getPopups(), popupEle) + 1;
+ if (cIdx < this.navIdx.length) {
+ this.closeMenu(cIdx + 1, e);
+ if (popupEle) {
+ this.removeLIStateByClass([FOCUSED, SELECTED], [popupEle]);
+ }
+ }
+ }
+ else if (this.isMenu && this.hamburgerMode && trgt.tagName === 'SPAN'
+ && trgt.classList.contains('e-menu-icon')) {
+ this.menuHeaderClickHandler(e);
+ }
+ else {
+ if (trgt.tagName !== 'UL' || (this.isMenu ? trgt.parentElement.classList.contains('e-menu-wrapper') &&
+ !this.getIndex(trgt.querySelector('.' + ITEM).id, true).length : trgt.parentElement !== wrapper)) {
+ if (!cli) {
+ this.removeLIStateByClass([SELECTED], [wrapper]);
+ }
+ if (!cli || !cli.querySelector('.' + CARET)) {
+ this.closeMenu(null, e);
+ }
+ }
+ }
+ }
+ }
+ };
+ MenuBase.prototype.afterCloseMenu = function (e) {
+ var isHeader;
+ if (this.showSubMenu) {
+ if (this.showItemOnClick && this.navIdx.length === 0) {
+ isHeader = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, '.e-menu-parent.e-control');
+ }
+ else {
+ isHeader = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, '.e-menu-parent.e-control');
+ }
+ var idx = this.navIdx.concat(this.cliIdx);
+ var item = this.getItem(idx);
+ if (item && item[this.getField('children', idx.length - 1)] &&
+ item[this.getField('children', idx.length - 1)].length) {
+ if (e.type === 'mouseover' || (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice && this.isMenu)) {
+ this.setLISelected(this.cli);
+ }
+ if ((!this.hamburgerMode && isHeader) || (this.hamburgerMode && this.cli.getAttribute('aria-expanded') === 'false')) {
+ this.cli.setAttribute('aria-expanded', 'true');
+ this.navIdx.push(this.cliIdx);
+ this.openMenu(this.cli, item, null, null, e);
+ }
+ }
+ else {
+ if (e.type !== 'mouseover') {
+ this.closeMenu(null, e);
+ }
+ }
+ if (!isHeader) {
+ var cul = this.getUlByNavIdx();
+ var sli = this.getLIByClass(cul, SELECTED);
+ if (sli) {
+ sli.setAttribute('aria-expanded', 'false');
+ sli.classList.remove(SELECTED);
+ }
+ }
+ }
+ this.keyType = '';
+ };
+ MenuBase.prototype.setLISelected = function (li) {
+ var sli = this.getLIByClass(li.parentElement, SELECTED);
+ if (sli) {
+ sli.classList.remove(SELECTED);
+ }
+ if (!this.isMenu) {
+ li.classList.remove(FOCUSED);
+ }
+ li.classList.add(SELECTED);
+ };
+ MenuBase.prototype.getLIByClass = function (ul, classname) {
+ for (var i = 0, len = ul.children.length; i < len; i++) {
+ if (ul.children[i].classList.contains(classname)) {
+ return ul.children[i];
+ }
+ }
+ return null;
+ };
+ /**
+ * This method is used to get the index of the menu item in the Menu based on the argument.
+ *
+ * @param {MenuItem | string} item - item be passed to get the index | id to be passed to get the item index.
+ * @param {boolean} isUniqueId - Set `true` if it is a unique id.
+ * @returns {void}
+ */
+ MenuBase.prototype.getItemIndex = function (item, isUniqueId) {
+ var idx;
+ if (typeof item === 'string') {
+ idx = item;
+ }
+ else {
+ idx = item.id;
+ }
+ var isText = (isUniqueId === false) ? false : true;
+ var navIdx = this.getIndex(idx, isText);
+ return navIdx;
+ };
+ /**
+ * This method is used to set the menu item in the Menu based on the argument.
+ *
+ * @param {MenuItem} item - item need to be updated.
+ * @param {string} id - id / text to be passed to update the item.
+ * @param {boolean} isUniqueId - Set `true` if it is a unique id.
+ * @returns {void}
+ */
+ MenuBase.prototype.setItem = function (item, id, isUniqueId) {
+ var idx;
+ if (isUniqueId) {
+ idx = id ? id : item.id;
+ }
+ else {
+ idx = id ? id : item.text;
+ }
+ var navIdx = this.getIndex(idx, isUniqueId);
+ var newItem = this.getItem(navIdx);
+ Object.assign(newItem, item);
+ };
+ MenuBase.prototype.getItem = function (navIdx) {
+ navIdx = navIdx.slice();
+ var idx = navIdx.pop();
+ var items = this.getItems(navIdx);
+ return items[idx];
+ };
+ MenuBase.prototype.getItems = function (navIdx) {
+ var items = this.items;
+ for (var i = 0; i < navIdx.length; i++) {
+ items = items[navIdx[i]][this.getField('children', i)];
+ }
+ return items;
+ };
+ MenuBase.prototype.setItems = function (newItems, navIdx) {
+ var items = this.getItems(navIdx);
+ items.splice(0, items.length);
+ for (var i = 0; i < newItems.length; i++) {
+ items.splice(i, 0, newItems[i]);
+ }
+ };
+ MenuBase.prototype.getIdx = function (ul, li, skipHdr) {
+ if (skipHdr === void 0) { skipHdr = true; }
+ var idx = Array.prototype.indexOf.call(ul.children, li);
+ if (skipHdr && ul.children[0].classList.contains(HEADER)) {
+ idx--;
+ }
+ return idx;
+ };
+ MenuBase.prototype.getLI = function (elem) {
+ if (elem.tagName === 'LI' && elem.classList.contains('e-menu-item')) {
+ return elem;
+ }
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(elem, 'li.e-menu-item');
+ };
+ MenuBase.prototype.updateItemsByNavIdx = function () {
+ var items = this.items;
+ var count = 0;
+ for (var index = 0; index < this.navIdx.length; index++) {
+ items = items[index].items;
+ if (!items) {
+ break;
+ }
+ count++;
+ var ul = this.getUlByNavIdx(count);
+ if (!ul) {
+ break;
+ }
+ this.updateItem(ul, items);
+ }
+ };
+ MenuBase.prototype.removeChildElement = function (elem) {
+ while (elem.firstElementChild) {
+ elem.removeChild(elem.firstElementChild);
+ }
+ return elem;
+ };
+ /**
+ * Called internally if any of the property value changed.
+ *
+ * @private
+ * @param {MenuBaseModel} newProp - Specifies the new properties
+ * @param {MenuBaseModel} oldProp - Specifies the old properties
+ * @returns {void}
+ */
+ MenuBase.prototype.onPropertyChanged = function (newProp, oldProp) {
+ var _this = this;
+ var wrapper = this.getWrapper();
+ var _loop_2 = function (prop) {
+ switch (prop) {
+ case 'cssClass':
+ if (oldProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([wrapper], oldProp.cssClass.split(' '));
+ }
+ if (newProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([wrapper], newProp.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ break;
+ case 'enableRtl':
+ wrapper.classList.toggle(RTL);
+ break;
+ case 'showItemOnClick':
+ this_1.unWireEvents();
+ this_1.showItemOnClick = newProp.showItemOnClick;
+ this_1.wireEvents();
+ break;
+ case 'enableScrolling':
+ if (newProp.enableScrolling) {
+ var ul_2;
+ if (this_1.element.classList.contains('e-vertical')) {
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["addScrolling"])(this_1.createElement, wrapper, this_1.element, 'vscroll', this_1.enableRtl);
+ }
+ else {
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["addScrolling"])(this_1.createElement, wrapper, this_1.element, 'hscroll', this_1.enableRtl);
+ }
+ this_1.getPopups().forEach(function (wrapper) {
+ ul_2 = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-ul', wrapper);
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["addScrolling"])(_this.createElement, wrapper, ul_2, 'vscroll', _this.enableRtl);
+ });
+ }
+ else {
+ var ul_3 = wrapper.children[0];
+ if (this_1.element.classList.contains('e-vertical')) {
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["destroyScroll"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(ul_3, _common_v_scroll__WEBPACK_IMPORTED_MODULE_4__["VScroll"]), ul_3);
+ }
+ else {
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["destroyScroll"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(ul_3, _common_h_scroll__WEBPACK_IMPORTED_MODULE_3__["HScroll"]), ul_3);
+ }
+ wrapper.style.overflow = '';
+ wrapper.appendChild(this_1.element);
+ this_1.getPopups().forEach(function (wrapper) {
+ ul_3 = wrapper.children[0];
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["destroyScroll"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(ul_3, _common_v_scroll__WEBPACK_IMPORTED_MODULE_4__["VScroll"]), ul_3);
+ wrapper.style.overflow = '';
+ });
+ }
+ break;
+ case 'items': {
+ var idx = void 0;
+ var navIdx = void 0;
+ var item = void 0;
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ if (this_1.isReact && this_1.template) {
+ this_1.clearTemplate(['template']);
+ }
+ if (!Object.keys(oldProp.items).length) {
+ this_1.updateItem(this_1.element, this_1.items);
+ if (this_1.enableScrolling && this_1.element.parentElement.classList.contains('e-custom-scroll')) {
+ if (this_1.element.classList.contains('e-vertical')) {
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["addScrolling"])(this_1.createElement, wrapper, this_1.element, 'vscroll', this_1.enableRtl);
+ }
+ else {
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["addScrolling"])(this_1.createElement, wrapper, this_1.element, 'hscroll', this_1.enableRtl);
+ }
+ }
+ if (!this_1.hamburgerMode) {
+ for (var i = 1, count = wrapper.childElementCount; i < count; i++) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(wrapper.lastElementChild);
+ }
+ }
+ this_1.navIdx = [];
+ }
+ else {
+ var keys = Object.keys(newProp.items);
+ for (var i = 0; i < keys.length; i++) {
+ navIdx = this_1.getChangedItemIndex(newProp, [], Number(keys[i]));
+ if (navIdx.length <= this_1.getWrapper().children.length) {
+ idx = navIdx.pop();
+ item = this_1.getItems(navIdx);
+ this_1.insertAfter([item[idx]], item[idx].text);
+ this_1.removeItem(item, navIdx, idx);
+ this_1.setItems(item, navIdx);
+ }
+ navIdx.length = 0;
+ }
+ }
+ break;
+ }
+ }
+ };
+ var this_1 = this;
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ _loop_2(prop);
+ }
+ };
+ MenuBase.prototype.updateItem = function (ul, items) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && !this.isMenu) {
+ ul = this.removeChildElement(ul);
+ }
+ else {
+ if (this.enableScrolling) {
+ var wrapper1 = this.getWrapper();
+ var ul1 = wrapper1.children[0];
+ if (this.element.classList.contains('e-vertical')) {
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["destroyScroll"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(ul1, _common_v_scroll__WEBPACK_IMPORTED_MODULE_4__["VScroll"]), ul1);
+ }
+ else {
+ Object(_common_menu_scroll__WEBPACK_IMPORTED_MODULE_5__["destroyScroll"])(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(ul1, _common_h_scroll__WEBPACK_IMPORTED_MODULE_3__["HScroll"]), ul1);
+ }
+ }
+ ul.innerHTML = '';
+ }
+ var lis = [].slice.call(this.createItems(items).children);
+ lis.forEach(function (li) {
+ ul.appendChild(li);
+ });
+ };
+ MenuBase.prototype.getChangedItemIndex = function (newProp, index, idx) {
+ index.push(idx);
+ var key = Object.keys(newProp.items[idx]).pop();
+ if (key === 'items') {
+ var item = newProp.items[idx];
+ var popStr = Object.keys(item.items).pop();
+ if (popStr) {
+ this.getChangedItemIndex(item, index, Number(popStr));
+ }
+ }
+ else {
+ if (key === 'isParentArray' && index.length > 1) {
+ index.pop();
+ }
+ }
+ return index;
+ };
+ MenuBase.prototype.removeItem = function (item, navIdx, idx) {
+ item.splice(idx, 1);
+ var uls = this.getWrapper().children;
+ if (navIdx.length < uls.length) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(uls[navIdx.length].children[idx]);
+ }
+ };
+ /**
+ * Used to unwire the bind events.
+ *
+ * @private
+ * @param {string} targetSelctor - Specifies the target selector
+ * @returns {void}
+ */
+ MenuBase.prototype.unWireEvents = function (targetSelctor) {
+ if (targetSelctor === void 0) { targetSelctor = this.target; }
+ var wrapper = this.getWrapper();
+ if (targetSelctor) {
+ var target = void 0;
+ var touchModule = void 0;
+ var targetElems = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])(targetSelctor);
+ for (var i = 0, len = targetElems.length; i < len; i++) {
+ target = targetElems[i];
+ if (this.isMenu) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(target, 'click', this.menuHeaderClickHandler);
+ }
+ else {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isIos) {
+ touchModule = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(target, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Touch"]);
+ if (touchModule) {
+ touchModule.destroy();
+ }
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(target, 'contextmenu', this.cmenuHandler);
+ }
+ }
+ }
+ if (!this.isMenu) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.targetElement, 'mousewheel DOMMouseScroll', this.scrollHandler);
+ for (var _i = 0, _a = Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["getScrollableParent"])(this.targetElement); _i < _a.length; _i++) {
+ var parent_2 = _a[_i];
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(parent_2, 'mousewheel DOMMouseScroll', this.scrollHandler);
+ }
+ }
+ }
+ if (!_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.isMenu ? document : wrapper, 'mouseover', this.delegateMoverHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'mousedown', this.delegateMouseDownHandler);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'click', this.delegateClickHandler);
+ this.unWireKeyboardEvent(wrapper);
+ this.rippleFn();
+ };
+ MenuBase.prototype.unWireKeyboardEvent = function (element) {
+ var keyboardModule = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getInstance"])(element, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["KeyboardEvents"]);
+ if (keyboardModule) {
+ keyboardModule.destroy();
+ }
+ };
+ MenuBase.prototype.toggleAnimation = function (ul, isMenuOpen) {
+ var _this = this;
+ if (isMenuOpen === void 0) { isMenuOpen = true; }
+ var pUlHeight;
+ var pElement;
+ if (this.animationSettings.effect === 'None' || !isMenuOpen) {
+ this.end(ul, isMenuOpen);
+ }
+ else {
+ this.animation.animate(ul, {
+ name: this.animationSettings.effect,
+ duration: this.animationSettings.duration,
+ timingFunction: this.animationSettings.easing,
+ begin: function (options) {
+ if (_this.hamburgerMode) {
+ pElement = options.element.parentElement;
+ options.element.style.position = 'absolute';
+ pUlHeight = pElement.offsetHeight;
+ options.element.style.maxHeight = options.element.offsetHeight + 'px';
+ pElement.style.maxHeight = '';
+ }
+ else {
+ options.element.style.display = 'block';
+ options.element.style.maxHeight = options.element.getBoundingClientRect().height + 'px';
+ }
+ },
+ progress: function (options) {
+ if (_this.hamburgerMode) {
+ pElement.style.minHeight = (pUlHeight + options.element.offsetHeight) + 'px';
+ }
+ },
+ end: function (options) {
+ if (_this.hamburgerMode) {
+ options.element.style.position = '';
+ options.element.style.maxHeight = '';
+ pElement.style.minHeight = '';
+ options.element.style.top = 0 + 'px';
+ options.element.children[0].focus();
+ _this.triggerOpen(options.element.children[0]);
+ }
+ else {
+ _this.end(options.element, isMenuOpen);
+ }
+ }
+ });
+ }
+ };
+ MenuBase.prototype.triggerOpen = function (ul) {
+ var item = this.navIdx.length ? this.getItem(this.navIdx) : null;
+ var eventArgs = {
+ element: ul, parentItem: item, items: item ? item.items : this.items
+ };
+ this.trigger('onOpen', eventArgs);
+ if (!this.isMenu) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(ul, 'keydown', this.keyHandler, this);
+ }
+ };
+ MenuBase.prototype.end = function (ul, isMenuOpen) {
+ if (isMenuOpen) {
+ ul.style.display = 'block';
+ ul.style.maxHeight = '';
+ this.triggerOpen(ul);
+ if (ul.querySelector('.' + FOCUSED)) {
+ ul.querySelector('.' + FOCUSED).focus();
+ }
+ else {
+ var ele = this.getWrapper().children[this.getIdx(this.getWrapper(), ul) - 1];
+ if (this.currentTarget) {
+ if (!(this.currentTarget.classList.contains('e-numerictextbox') || this.currentTarget.classList.contains('e-textbox') || this.currentTarget.tagName === 'INPUT')) {
+ if (ele) {
+ ele.querySelector('.' + SELECTED).focus();
+ }
+ else {
+ this.element.focus();
+ }
+ }
+ }
+ else {
+ if (ele) {
+ ele.querySelector('.' + SELECTED).focus();
+ }
+ else {
+ this.element.focus();
+ }
+ }
+ }
+ }
+ else {
+ if (ul === this.element) {
+ var fli = this.getLIByClass(this.element, FOCUSED);
+ if (fli) {
+ fli.classList.remove(FOCUSED);
+ }
+ var sli = this.getLIByClass(this.element, SELECTED);
+ if (sli) {
+ sli.classList.remove(SELECTED);
+ }
+ ul.style.display = 'none';
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(ul);
+ }
+ }
+ };
+ /**
+ * Get the properties to be maintained in the persisted state.
+ *
+ * @returns {string} - Persist data
+ */
+ MenuBase.prototype.getPersistData = function () {
+ return '';
+ };
+ /**
+ * Get wrapper element.
+ *
+ * @returns {Element} - Wrapper element
+ * @private
+ */
+ MenuBase.prototype.getWrapper = function () {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(this.element, '.e-' + this.getModuleName() + '-wrapper');
+ };
+ MenuBase.prototype.getIndex = function (data, isUniqueId, items, nIndex, isCallBack, level) {
+ if (items === void 0) { items = this.items; }
+ if (nIndex === void 0) { nIndex = []; }
+ if (isCallBack === void 0) { isCallBack = false; }
+ if (level === void 0) { level = 0; }
+ var item;
+ level = isCallBack ? level + 1 : 0;
+ for (var i = 0, len = items.length; i < len; i++) {
+ item = items[i];
+ if ((isUniqueId ? item[this.getField('itemId', level)] : item[this.getField('text', level)]) === data) {
+ nIndex.push(i);
+ break;
+ }
+ else if (item[this.getField('children', level)]
+ && item[this.getField('children', level)].length) {
+ nIndex = this.getIndex(data, isUniqueId, item[this.getField('children', level)], nIndex, true, level);
+ if (nIndex[nIndex.length - 1] === -1) {
+ if (i !== len - 1) {
+ nIndex.pop();
+ }
+ }
+ else {
+ nIndex.unshift(i);
+ break;
+ }
+ }
+ else {
+ if (i === len - 1) {
+ nIndex.push(-1);
+ }
+ }
+ }
+ return (!isCallBack && nIndex[0] === -1) ? [] : nIndex;
+ };
+ /**
+ * This method is used to enable or disable the menu items in the Menu based on the items and enable argument.
+ *
+ * @param {string[]} items - Text items that needs to be enabled/disabled.
+ * @param {boolean} enable - Set `true`/`false` to enable/disable the list items.
+ * @param {boolean} isUniqueId - Set `true` if it is a unique id.
+ * @returns {void}
+ */
+ MenuBase.prototype.enableItems = function (items, enable, isUniqueId) {
+ if (enable === void 0) { enable = true; }
+ var ul;
+ var idx;
+ var navIdx;
+ var disabled = DISABLED;
+ var skipItem;
+ for (var i = 0; i < items.length; i++) {
+ navIdx = this.getIndex(items[i], isUniqueId);
+ if (this.navIdx.length) {
+ if (navIdx.length !== 1) {
+ skipItem = false;
+ for (var i_1 = 0, len = navIdx.length - 1; i_1 < len; i_1++) {
+ if (navIdx[i_1] !== this.navIdx[i_1]) {
+ skipItem = true;
+ break;
+ }
+ }
+ if (skipItem) {
+ continue;
+ }
+ }
+ }
+ else {
+ if (navIdx.length !== 1) {
+ continue;
+ }
+ }
+ idx = navIdx.pop();
+ ul = this.getUlByNavIdx(navIdx.length);
+ if (ul && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(idx)) {
+ if (enable) {
+ if (this.isMenu) {
+ ul.children[idx].classList.remove(disabled);
+ ul.children[idx].removeAttribute('aria-disabled');
+ }
+ else {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice && !ul.classList.contains('e-contextmenu')) {
+ ul.children[idx + 1].classList.remove(disabled);
+ }
+ else {
+ ul.children[idx].classList.remove(disabled);
+ }
+ }
+ }
+ else {
+ if (this.isMenu) {
+ ul.children[idx].classList.add(disabled);
+ ul.children[idx].setAttribute('aria-disabled', 'true');
+ }
+ else {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice && !ul.classList.contains('e-contextmenu')) {
+ ul.children[idx + 1].classList.add(disabled);
+ }
+ else {
+ ul.children[idx].classList.add(disabled);
+ }
+ }
+ }
+ }
+ }
+ };
+ /**
+ * This method is used to show the menu items in the Menu based on the items text.
+ *
+ * @param {string[]} items - Text items that needs to be shown.
+ * @param {boolean} isUniqueId - Set `true` if it is a unique id.
+ * @returns {void}
+ */
+ MenuBase.prototype.showItems = function (items, isUniqueId) {
+ this.showHideItems(items, false, isUniqueId);
+ };
+ /**
+ * This method is used to hide the menu items in the Menu based on the items text.
+ *
+ * @param {string[]} items - Text items that needs to be hidden.
+ * @param {boolean} isUniqueId - Set `true` if it is a unique id.
+ * @returns {void}
+ */
+ MenuBase.prototype.hideItems = function (items, isUniqueId) {
+ this.showHideItems(items, true, isUniqueId);
+ };
+ MenuBase.prototype.showHideItems = function (items, ishide, isUniqueId) {
+ var ul;
+ var index;
+ var navIdx;
+ for (var i = 0; i < items.length; i++) {
+ navIdx = this.getIndex(items[i], isUniqueId);
+ index = navIdx.pop();
+ ul = this.getUlByNavIdx(navIdx.length);
+ if (ul) {
+ var validUl = isUniqueId ? ul.children[index].id : ul.children[index].textContent;
+ if (ishide && validUl === items[i]) {
+ ul.children[index].classList.add(HIDE);
+ }
+ else {
+ ul.children[index].classList.remove(HIDE);
+ }
+ }
+ }
+ };
+ /**
+ * It is used to remove the menu items from the Menu based on the items text.
+ *
+ * @param {string[]} items Text items that needs to be removed.
+ * @param {boolean} isUniqueId - Set `true` if it is a unique id.
+ * @returns {void}
+ */
+ MenuBase.prototype.removeItems = function (items, isUniqueId) {
+ var idx;
+ var navIdx;
+ var iitems;
+ for (var i = 0; i < items.length; i++) {
+ navIdx = this.getIndex(items[i], isUniqueId);
+ idx = navIdx.pop();
+ iitems = this.getItems(navIdx);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(idx)) {
+ this.removeItem(iitems, navIdx, idx);
+ }
+ }
+ };
+ /**
+ * It is used to insert the menu items after the specified menu item text.
+ *
+ * @param {MenuItemModel[]} items - Items that needs to be inserted.
+ * @param {string} text - Text item after that the element to be inserted.
+ * @param {boolean} isUniqueId - Set `true` if it is a unique id.
+ * @returns {void}
+ */
+ MenuBase.prototype.insertAfter = function (items, text, isUniqueId) {
+ this.insertItems(items, text, isUniqueId);
+ };
+ /**
+ * It is used to insert the menu items before the specified menu item text.
+ *
+ * @param {MenuItemModel[]} items - Items that needs to be inserted.
+ * @param {string} text - Text item before that the element to be inserted.
+ * @param {boolean} isUniqueId - Set `true` if it is a unique id.
+ * @returns {void}
+ */
+ MenuBase.prototype.insertBefore = function (items, text, isUniqueId) {
+ this.insertItems(items, text, isUniqueId, false);
+ };
+ MenuBase.prototype.insertItems = function (items, text, isUniqueId, isAfter) {
+ if (isAfter === void 0) { isAfter = true; }
+ var li;
+ var idx;
+ var navIdx;
+ var iitems;
+ var menuitem;
+ for (var i = 0; i < items.length; i++) {
+ navIdx = this.getIndex(text, isUniqueId);
+ idx = navIdx.pop();
+ iitems = this.getItems(navIdx);
+ menuitem = new MenuItem(iitems[0], 'items', items[i], true);
+ iitems.splice(isAfter ? idx + 1 : idx, 0, menuitem);
+ var uls = this.isMenu ? [this.getWrapper()].concat(this.getPopups()) : [].slice.call(this.getWrapper().children);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(idx) && navIdx.length < uls.length) {
+ idx = isAfter ? idx + 1 : idx;
+ li = this.createItems(iitems).children[idx];
+ var ul = this.isMenu ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-menu-parent', uls[navIdx.length]) : uls[navIdx.length];
+ ul.insertBefore(li, ul.children[idx]);
+ }
+ }
+ };
+ MenuBase.prototype.removeAttributes = function () {
+ var _this = this;
+ ['top', 'left', 'display', 'z-index'].forEach(function (key) {
+ _this.element.style.removeProperty(key);
+ });
+ ['role', 'tabindex', 'class', 'style'].forEach(function (key) {
+ if (key === 'class' && _this.element.classList.contains('e-menu-parent')) {
+ _this.element.classList.remove('e-menu-parent');
+ }
+ if (['class', 'style'].indexOf(key) === -1 || !_this.element.getAttribute(key)) {
+ _this.element.removeAttribute(key);
+ }
+ if (_this.isMenu && key === 'class' && _this.element.classList.contains('e-vertical')) {
+ _this.element.classList.remove('e-vertical');
+ }
+ });
+ };
+ /**
+ * Destroys the widget.
+ *
+ * @returns {void}
+ */
+ MenuBase.prototype.destroy = function () {
+ var wrapper = this.getWrapper();
+ if (wrapper) {
+ this.unWireEvents();
+ if (!this.isMenu) {
+ this.clonedElement.style.display = '';
+ if (this.clonedElement.tagName === 'EJS-CONTEXTMENU') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.clonedElement], ['e-control', 'e-lib', 'e-' + this.getModuleName()]);
+ this.element = this.clonedElement;
+ }
+ else {
+ if (this.refreshing && this.clonedElement.childElementCount && this.clonedElement.children[0].tagName === 'LI') {
+ this.setProperties({ 'items': [] }, true);
+ }
+ if (document.getElementById(this.clonedElement.id)) {
+ var refEle = this.clonedElement.nextElementSibling;
+ if (refEle && refEle !== wrapper) {
+ this.clonedElement.parentElement.insertBefore(this.element, refEle);
+ }
+ else {
+ this.clonedElement.parentElement.appendChild(this.element);
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && !this.isMenu) {
+ this.element = this.removeChildElement(this.element);
+ }
+ else {
+ this.element.innerHTML = '';
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])([].slice.call(this.clonedElement.children), this.element);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.clonedElement);
+ this.removeAttributes();
+ }
+ }
+ this.clonedElement = null;
+ }
+ else {
+ this.closeMenu();
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && !this.isMenu) {
+ this.element = this.removeChildElement(this.element);
+ }
+ else {
+ this.element.innerHTML = '';
+ }
+ this.removeAttributes();
+ wrapper.parentNode.insertBefore(this.element, wrapper);
+ this.clonedElement = null;
+ }
+ if (this.isMenu && this.clonedElement) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.element);
+ wrapper.style.display = '';
+ wrapper.classList.remove('e-' + this.getModuleName() + '-wrapper');
+ wrapper.removeAttribute('data-ripple');
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(wrapper);
+ }
+ _super.prototype.destroy.call(this);
+ if (this.template) {
+ this.clearTemplate(['template']);
+ }
+ }
+ this.rippleFn = null;
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], MenuBase.prototype, "beforeItemRender", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], MenuBase.prototype, "beforeOpen", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], MenuBase.prototype, "onOpen", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], MenuBase.prototype, "beforeClose", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], MenuBase.prototype, "onClose", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], MenuBase.prototype, "select", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], MenuBase.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], MenuBase.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], MenuBase.prototype, "hoverDelay", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], MenuBase.prototype, "showItemOnClick", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], MenuBase.prototype, "target", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], MenuBase.prototype, "filter", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], MenuBase.prototype, "template", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], MenuBase.prototype, "enableScrolling", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], MenuBase.prototype, "enableHtmlSanitizer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ itemId: 'id', text: 'text', parentId: 'parentId', iconCss: 'iconCss', url: 'url', separator: 'separator', children: 'items' }, FieldSettings)
+ ], MenuBase.prototype, "fields", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], MenuItem)
+ ], MenuBase.prototype, "items", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ duration: 400, easing: 'ease', effect: 'SlideDown' }, MenuAnimationSettings)
+ ], MenuBase.prototype, "animationSettings", void 0);
+ MenuBase = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], MenuBase);
+ return MenuBase;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/menu-scroll.js":
+/*!*****************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/common/menu-scroll.js ***!
+ \*****************************************************************************/
+/*! exports provided: addScrolling, destroyScroll */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addScrolling", function() { return addScrolling; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "destroyScroll", function() { return destroyScroll; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _v_scroll__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./v-scroll */ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/v-scroll.js");
+/* harmony import */ var _h_scroll__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./h-scroll */ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/h-scroll.js");
+
+
+
+/**
+ * Used to add scroll in menu.
+ *
+ * @param {createElementType} createElement - Specifies the create element model
+ * @param {HTMLElement} container - Specifies the element container
+ * @param {HTMLElement} content - Specifies the content element
+ * @param {string} scrollType - Specifies the scroll type
+ * @param {boolean} enableRtl - Specifies the enable RTL property
+ * @param {boolean} offset - Specifies the offset value
+ * @returns {HTMLElement} - Element
+ * @hidden
+ */
+function addScrolling(createElement, container, content, scrollType, enableRtl, offset) {
+ var containerOffset;
+ var contentOffset;
+ var parentElem = container.parentElement;
+ if (scrollType === 'vscroll') {
+ containerOffset = offset || container.getBoundingClientRect().height;
+ contentOffset = content.getBoundingClientRect().height;
+ }
+ else {
+ containerOffset = container.getBoundingClientRect().width;
+ contentOffset = content.getBoundingClientRect().width;
+ }
+ if (containerOffset < contentOffset) {
+ return createScrollbar(createElement, container, content, scrollType, enableRtl, offset);
+ }
+ else if (parentElem) {
+ var width = parentElem.getBoundingClientRect().width;
+ if (width < containerOffset && scrollType === 'hscroll') {
+ contentOffset = width;
+ container.style.maxWidth = width + 'px';
+ return createScrollbar(createElement, container, content, scrollType, enableRtl, offset);
+ }
+ return content;
+ }
+ else {
+ return content;
+ }
+}
+/**
+ * Used to create scroll bar in menu.
+ *
+ * @param {createElementType} createElement - Specifies the create element model
+ * @param {HTMLElement} container - Specifies the element container
+ * @param {HTMLElement} content - Specifies the content element
+ * @param {string} scrollType - Specifies the scroll type
+ * @param {boolean} enableRtl - Specifies the enable RTL property
+ * @param {boolean} offset - Specifies the offset value
+ * @returns {HTMLElement} - Element
+ * @hidden
+ */
+function createScrollbar(createElement, container, content, scrollType, enableRtl, offset) {
+ var scrollEle = createElement('div', { className: 'e-menu-' + scrollType });
+ container.appendChild(scrollEle);
+ scrollEle.appendChild(content);
+ if (offset) {
+ scrollEle.style.overflow = 'hidden';
+ scrollEle.style.height = offset + 'px';
+ }
+ else {
+ scrollEle.style.maxHeight = container.style.maxHeight;
+ container.style.overflow = 'hidden';
+ }
+ var scrollObj;
+ if (scrollType === 'vscroll') {
+ scrollObj = new _v_scroll__WEBPACK_IMPORTED_MODULE_1__["VScroll"]({ enableRtl: enableRtl }, scrollEle);
+ scrollObj.scrollStep = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-' + scrollType + '-bar', container).offsetHeight / 2;
+ }
+ else {
+ scrollObj = new _h_scroll__WEBPACK_IMPORTED_MODULE_2__["HScroll"]({ enableRtl: enableRtl }, scrollEle);
+ scrollObj.scrollStep = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-' + scrollType + '-bar', container).offsetWidth;
+ }
+ return scrollEle;
+}
+/**
+ * Used to destroy the scroll option.
+ *
+ * @param {VScroll | HScroll} scrollObj - Specifies the scroller object
+ * @param {Element} element - Specifies the element
+ * @param {HTMLElement} skipEle - Specifies the skip element
+ * @returns {void}
+ * @hidden
+ */
+function destroyScroll(scrollObj, element, skipEle) {
+ if (scrollObj) {
+ var menu = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.e-menu-parent', element);
+ if (menu) {
+ if (!skipEle || skipEle === menu) {
+ scrollObj.destroy();
+ element.parentElement.appendChild(menu);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(element);
+ }
+ }
+ else {
+ scrollObj.destroy();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(element);
+ }
+ }
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/v-scroll.js":
+/*!**************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/common/v-scroll.js ***!
+ \**************************************************************************/
+/*! exports provided: VScroll */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VScroll", function() { return VScroll; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+var CLS_ROOT = 'e-vscroll';
+var CLS_RTL = 'e-rtl';
+var CLS_DISABLE = 'e-overlay';
+var CLS_VSCROLLBAR = 'e-vscroll-bar';
+var CLS_VSCROLLCON = 'e-vscroll-content';
+var CLS_NAVARROW = 'e-nav-arrow';
+var CLS_NAVUPARROW = 'e-nav-up-arrow';
+var CLS_NAVDOWNARROW = 'e-nav-down-arrow';
+var CLS_VSCROLLNAV = 'e-scroll-nav';
+var CLS_VSCROLLNAVUP = 'e-scroll-up-nav';
+var CLS_VSCROLLNAVDOWN = 'e-scroll-down-nav';
+var CLS_DEVICE = 'e-scroll-device';
+var CLS_OVERLAY = 'e-scroll-overlay';
+var CLS_UPOVERLAY = 'e-scroll-up-overlay';
+var CLS_DOWNOVERLAY = 'e-scroll-down-overlay';
+var OVERLAY_MAXWID = 40;
+/**
+ * VScroll module is introduces vertical scroller when content exceeds the current viewing area.
+ * It can be useful for the components like Toolbar, Tab which needs vertical scrolling alone.
+ * Hidden content can be view by touch moving or icon click.
+ * ```html
+ *
+ *
+ * ```
+ */
+var VScroll = /** @__PURE__ @class */ (function (_super) {
+ __extends(VScroll, _super);
+ /**
+ * Initializes a new instance of the VScroll class.
+ *
+ * @param {VScrollModel} options - Specifies VScroll model properties as options.
+ * @param {string | HTMLElement} element - Specifies the element for which vertical scrolling applies.
+ */
+ function VScroll(options, element) {
+ return _super.call(this, options, element) || this;
+ }
+ /**
+ * Initialize the event handler
+ *
+ * @private
+ * @returns {void}
+ */
+ VScroll.prototype.preRender = function () {
+ this.browser = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].info.name;
+ this.browserCheck = this.browser === 'mozilla';
+ this.isDevice = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice;
+ this.customStep = true;
+ var ele = this.element;
+ this.ieCheck = this.browser === 'edge' || this.browser === 'msie';
+ this.initialize();
+ if (ele.id === '') {
+ ele.id = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('vscroll');
+ this.uniqueId = true;
+ }
+ ele.style.display = 'block';
+ if (this.enableRtl) {
+ ele.classList.add(CLS_RTL);
+ }
+ };
+ /**
+ * To Initialize the vertical scroll rendering
+ *
+ * @private
+ * @returns {void}
+ */
+ VScroll.prototype.render = function () {
+ this.touchModule = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Touch"](this.element, { scroll: this.touchHandler.bind(this), swipe: this.swipeHandler.bind(this) });
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.scrollEle, 'scroll', this.scrollEventHandler, this);
+ if (!this.isDevice) {
+ this.createNavIcon(this.element);
+ }
+ else {
+ this.element.classList.add(CLS_DEVICE);
+ this.createOverlayElement(this.element);
+ }
+ this.setScrollState();
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'wheel', this.wheelEventHandler, this);
+ };
+ VScroll.prototype.setScrollState = function () {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.scrollStep) || this.scrollStep < 0) {
+ this.scrollStep = this.scrollEle.offsetHeight;
+ this.customStep = false;
+ }
+ else {
+ this.customStep = true;
+ }
+ };
+ VScroll.prototype.initialize = function () {
+ var scrollCnt = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { className: CLS_VSCROLLCON });
+ var scrollBar = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { className: CLS_VSCROLLBAR });
+ scrollBar.setAttribute('tabindex', '-1');
+ var ele = this.element;
+ var innerEle = [].slice.call(ele.children);
+ for (var _i = 0, innerEle_1 = innerEle; _i < innerEle_1.length; _i++) {
+ var ele_1 = innerEle_1[_i];
+ scrollCnt.appendChild(ele_1);
+ }
+ scrollBar.appendChild(scrollCnt);
+ ele.appendChild(scrollBar);
+ scrollBar.style.overflow = 'hidden';
+ this.scrollEle = scrollBar;
+ this.scrollItems = scrollCnt;
+ };
+ VScroll.prototype.getPersistData = function () {
+ var keyEntity = ['scrollStep'];
+ return this.addOnPersist(keyEntity);
+ };
+ /**
+ * Returns the current module name.
+ *
+ * @returns {string} - It returns the current module name.
+ * @private
+ */
+ VScroll.prototype.getModuleName = function () {
+ return 'vScroll';
+ };
+ /**
+ * Removes the control from the DOM and also removes all its related events.
+ *
+ * @returns {void}
+ */
+ VScroll.prototype.destroy = function () {
+ var el = this.element;
+ el.style.display = '';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], [CLS_ROOT, CLS_DEVICE, CLS_RTL]);
+ var navs = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.e-' + el.id + '_nav.' + CLS_VSCROLLNAV, el);
+ var overlays = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + CLS_OVERLAY, el);
+ [].slice.call(overlays).forEach(function (ele) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(ele);
+ });
+ for (var _i = 0, _a = [].slice.call(this.scrollItems.children); _i < _a.length; _i++) {
+ var elem = _a[_i];
+ el.appendChild(elem);
+ }
+ if (this.uniqueId) {
+ this.element.removeAttribute('id');
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.scrollEle);
+ if (navs.length > 0) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(navs[0]);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(navs[1])) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(navs[1]);
+ }
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.scrollEle, 'scroll', this.scrollEventHandler);
+ this.touchModule.destroy();
+ this.touchModule = null;
+ _super.prototype.destroy.call(this);
+ };
+ /**
+ * Specifies the value to disable/enable the VScroll component.
+ * When set to `true` , the component will be disabled.
+ *
+ * @param {boolean} value - Based on this Boolean value, VScroll will be enabled (false) or disabled (true).
+ * @returns {void}.
+ */
+ VScroll.prototype.disable = function (value) {
+ var navEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.e-scroll-nav:not(.' + CLS_DISABLE + ')', this.element);
+ if (value) {
+ this.element.classList.add(CLS_DISABLE);
+ }
+ else {
+ this.element.classList.remove(CLS_DISABLE);
+ }
+ [].slice.call(navEle).forEach(function (el) {
+ el.setAttribute('tabindex', !value ? '0' : '-1');
+ });
+ };
+ VScroll.prototype.createOverlayElement = function (element) {
+ var id = element.id.concat('_nav');
+ var downOverlayEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { className: CLS_OVERLAY + ' ' + CLS_DOWNOVERLAY });
+ var clsDown = 'e-' + element.id.concat('_nav ' + CLS_VSCROLLNAV + ' ' + CLS_VSCROLLNAVDOWN);
+ var downEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { id: id.concat('down'), className: clsDown });
+ var navItem = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { className: CLS_NAVDOWNARROW + ' ' + CLS_NAVARROW + ' e-icons' });
+ downEle.appendChild(navItem);
+ var upEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { className: CLS_OVERLAY + ' ' + CLS_UPOVERLAY });
+ if (this.ieCheck) {
+ downEle.classList.add('e-ie-align');
+ }
+ element.appendChild(downOverlayEle);
+ element.appendChild(downEle);
+ element.insertBefore(upEle, element.firstChild);
+ this.eventBinding([downEle]);
+ };
+ VScroll.prototype.createNavIcon = function (element) {
+ var id = element.id.concat('_nav');
+ var clsDown = 'e-' + element.id.concat('_nav ' + CLS_VSCROLLNAV + ' ' + CLS_VSCROLLNAVDOWN);
+ var nav = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { id: id.concat('_down'), className: clsDown });
+ nav.setAttribute('aria-disabled', 'false');
+ var navItem = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { className: CLS_NAVDOWNARROW + ' ' + CLS_NAVARROW + ' e-icons' });
+ var clsUp = 'e-' + element.id.concat('_nav ' + CLS_VSCROLLNAV + ' ' + CLS_VSCROLLNAVUP);
+ var navElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { id: id.concat('_up'), className: clsUp + ' ' + CLS_DISABLE });
+ navElement.setAttribute('aria-disabled', 'true');
+ var navUpItem = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { className: CLS_NAVUPARROW + ' ' + CLS_NAVARROW + ' e-icons' });
+ navElement.appendChild(navUpItem);
+ nav.appendChild(navItem);
+ nav.setAttribute('tabindex', '0');
+ element.appendChild(nav);
+ element.insertBefore(navElement, element.firstChild);
+ if (this.ieCheck) {
+ nav.classList.add('e-ie-align');
+ navElement.classList.add('e-ie-align');
+ }
+ this.eventBinding([nav, navElement]);
+ };
+ VScroll.prototype.onKeyPress = function (ev) {
+ var _this = this;
+ if (ev.key === 'Enter') {
+ var timeoutFun_1 = function () {
+ _this.keyTimeout = true;
+ _this.eleScrolling(10, ev.target, true);
+ };
+ this.keyTimer = window.setTimeout(function () {
+ timeoutFun_1();
+ }, 100);
+ }
+ };
+ VScroll.prototype.onKeyUp = function (ev) {
+ if (ev.key !== 'Enter') {
+ return;
+ }
+ if (this.keyTimeout) {
+ this.keyTimeout = false;
+ }
+ else {
+ ev.target.click();
+ }
+ clearTimeout(this.keyTimer);
+ };
+ VScroll.prototype.eventBinding = function (element) {
+ var _this = this;
+ [].slice.call(element).forEach(function (ele) {
+ new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Touch"](ele, { tapHold: _this.tabHoldHandler.bind(_this), tapHoldThreshold: 500 });
+ ele.addEventListener('keydown', _this.onKeyPress.bind(_this));
+ ele.addEventListener('keyup', _this.onKeyUp.bind(_this));
+ ele.addEventListener('mouseup', _this.repeatScroll.bind(_this));
+ ele.addEventListener('touchend', _this.repeatScroll.bind(_this));
+ ele.addEventListener('contextmenu', function (e) {
+ e.preventDefault();
+ });
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(ele, 'click', _this.clickEventHandler, _this);
+ });
+ };
+ VScroll.prototype.repeatScroll = function () {
+ clearInterval(this.timeout);
+ };
+ VScroll.prototype.tabHoldHandler = function (ev) {
+ var _this = this;
+ var trgt = ev.originalEvent.target;
+ trgt = this.contains(trgt, CLS_VSCROLLNAV) ? trgt.firstElementChild : trgt;
+ var scrollDistance = 10;
+ var timeoutFun = function () {
+ _this.eleScrolling(scrollDistance, trgt, true);
+ };
+ this.timeout = window.setInterval(function () {
+ timeoutFun();
+ }, 50);
+ };
+ VScroll.prototype.contains = function (element, className) {
+ return element.classList.contains(className);
+ };
+ VScroll.prototype.eleScrolling = function (scrollDis, trgt, isContinuous) {
+ var classList = trgt.classList;
+ if (classList.contains(CLS_VSCROLLNAV)) {
+ classList = trgt.querySelector('.' + CLS_NAVARROW).classList;
+ }
+ if (classList.contains(CLS_NAVDOWNARROW)) {
+ this.frameScrollRequest(scrollDis, 'add', isContinuous);
+ }
+ else if (classList.contains(CLS_NAVUPARROW)) {
+ this.frameScrollRequest(scrollDis, '', isContinuous);
+ }
+ };
+ VScroll.prototype.clickEventHandler = function (event) {
+ this.eleScrolling(this.scrollStep, event.target, false);
+ };
+ VScroll.prototype.wheelEventHandler = function (e) {
+ e.preventDefault();
+ this.frameScrollRequest(this.scrollStep, (e.deltaY > 0 ? 'add' : ''), false);
+ };
+ VScroll.prototype.swipeHandler = function (e) {
+ var swipeElement = this.scrollEle;
+ var distance;
+ if (e.velocity <= 1) {
+ distance = e.distanceY / (e.velocity * 10);
+ }
+ else {
+ distance = e.distanceY / e.velocity;
+ }
+ var start = 0.5;
+ var animate = function () {
+ var step = Math.sin(start);
+ if (step <= 0) {
+ window.cancelAnimationFrame(step);
+ }
+ else {
+ if (e.swipeDirection === 'Up') {
+ swipeElement.scrollTop += distance * step;
+ }
+ else if (e.swipeDirection === 'Down') {
+ swipeElement.scrollTop -= distance * step;
+ }
+ start -= 0.02;
+ window.requestAnimationFrame(animate);
+ }
+ };
+ animate();
+ };
+ VScroll.prototype.scrollUpdating = function (scrollVal, action) {
+ if (action === 'add') {
+ this.scrollEle.scrollTop += scrollVal;
+ }
+ else {
+ this.scrollEle.scrollTop -= scrollVal;
+ }
+ };
+ VScroll.prototype.frameScrollRequest = function (scrollValue, action, isContinuous) {
+ var _this = this;
+ var step = 10;
+ if (isContinuous) {
+ this.scrollUpdating(scrollValue, action);
+ return;
+ }
+ if (!this.customStep) {
+ [].slice.call(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + CLS_OVERLAY, this.element)).forEach(function (el) {
+ scrollValue -= el.offsetHeight;
+ });
+ }
+ var animate = function () {
+ if (scrollValue < step) {
+ window.cancelAnimationFrame(step);
+ }
+ else {
+ _this.scrollUpdating(step, action);
+ scrollValue -= step;
+ window.requestAnimationFrame(animate);
+ }
+ };
+ animate();
+ };
+ VScroll.prototype.touchHandler = function (e) {
+ var el = this.scrollEle;
+ var distance = e.distanceY;
+ if (e.scrollDirection === 'Up') {
+ el.scrollTop = el.scrollTop + distance;
+ }
+ else if (e.scrollDirection === 'Down') {
+ el.scrollTop = el.scrollTop - distance;
+ }
+ };
+ VScroll.prototype.arrowDisabling = function (addDisableCls, removeDisableCls) {
+ if (this.isDevice) {
+ var arrowEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(addDisableCls) ? removeDisableCls : addDisableCls;
+ var arrowIcon = arrowEle.querySelector('.' + CLS_NAVARROW);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(addDisableCls)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(arrowIcon, [CLS_NAVDOWNARROW], [CLS_NAVUPARROW]);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(arrowIcon, [CLS_NAVUPARROW], [CLS_NAVDOWNARROW]);
+ }
+ }
+ else {
+ addDisableCls.classList.add(CLS_DISABLE);
+ addDisableCls.setAttribute('aria-disabled', 'true');
+ addDisableCls.removeAttribute('tabindex');
+ removeDisableCls.classList.remove(CLS_DISABLE);
+ removeDisableCls.setAttribute('aria-disabled', 'false');
+ removeDisableCls.setAttribute('tabindex', '0');
+ }
+ this.repeatScroll();
+ };
+ VScroll.prototype.scrollEventHandler = function (e) {
+ var target = e.target;
+ var height = target.offsetHeight;
+ var navUpEle = this.element.querySelector('.' + CLS_VSCROLLNAVUP);
+ var navDownEle = this.element.querySelector('.' + CLS_VSCROLLNAVDOWN);
+ var upOverlay = this.element.querySelector('.' + CLS_UPOVERLAY);
+ var downOverlay = this.element.querySelector('.' + CLS_DOWNOVERLAY);
+ var scrollTop = target.scrollTop;
+ if (scrollTop <= 0) {
+ scrollTop = -scrollTop;
+ }
+ if (this.isDevice) {
+ if (scrollTop < OVERLAY_MAXWID) {
+ upOverlay.style.height = scrollTop + 'px';
+ }
+ else {
+ upOverlay.style.height = '40px';
+ }
+ if ((target.scrollHeight - Math.ceil(height + scrollTop)) < OVERLAY_MAXWID) {
+ downOverlay.style.height = (target.scrollHeight - Math.ceil(height + scrollTop)) + 'px';
+ }
+ else {
+ downOverlay.style.height = '40px';
+ }
+ }
+ if (scrollTop === 0) {
+ this.arrowDisabling(navUpEle, navDownEle);
+ }
+ else if (Math.ceil(height + scrollTop + .1) >= target.scrollHeight) {
+ this.arrowDisabling(navDownEle, navUpEle);
+ }
+ else {
+ var disEle = this.element.querySelector('.' + CLS_VSCROLLNAV + '.' + CLS_DISABLE);
+ if (disEle) {
+ disEle.classList.remove(CLS_DISABLE);
+ disEle.setAttribute('aria-disabled', 'false');
+ disEle.setAttribute('tabindex', '0');
+ }
+ }
+ };
+ /**
+ * Gets called when the model property changes.The data that describes the old and new values of property that changed.
+ *
+ * @param {VScrollModel} newProp - It contains the new value of data.
+ * @param {VScrollModel} oldProp - It contains the old value of data.
+ * @returns {void}
+ * @private
+ */
+ VScroll.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'scrollStep':
+ this.setScrollState();
+ break;
+ case 'enableRtl':
+ if (newProp.enableRtl) {
+ this.element.classList.add(CLS_RTL);
+ }
+ else {
+ this.element.classList.remove(CLS_RTL);
+ }
+ break;
+ }
+ }
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], VScroll.prototype, "scrollStep", void 0);
+ VScroll = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], VScroll);
+ return VScroll;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-navigations/context-menu/context-menu.js":
+/*!************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-navigations/context-menu/context-menu.js ***!
+ \************************************************************************************/
+/*! exports provided: ContextMenu */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContextMenu", function() { return ContextMenu; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_popups__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-popups */ "./ej2-resources/22.1.37/scripts/ej2-popups/index.js");
+/* harmony import */ var _common_menu_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common/menu-base */ "./ej2-resources/22.1.37/scripts/ej2-navigations/common/menu-base.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable @typescript-eslint/triple-slash-reference */
+/// Blazor') === 0) ?
+ this.isStringTemplate : true;
+ for (var _i = 0, _a = templateFn({}, this, prop, templateProps, isString); _i < _a.length; _i++) {
+ var item = _a[_i];
+ fromElements.push(item);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])([].slice.call(fromElements), toElement);
+ }
+ };
+ /*
+ * @returns {void}
+ * @hidden
+ * @value
+ */
+ Dialog.prototype.sanitizeHelper = function (value) {
+ if (this.enableHtmlSanitizer) {
+ var dialogItem = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].beforeSanitize();
+ var beforeEvent = {
+ cancel: false,
+ helper: null
+ };
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])(dialogItem, dialogItem, beforeEvent);
+ this.trigger('beforeSanitizeHtml', dialogItem);
+ if (dialogItem.cancel && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(dialogItem.helper)) {
+ value = dialogItem.helper(value);
+ }
+ else if (!dialogItem.cancel) {
+ value = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].serializeValue(dialogItem, value);
+ }
+ }
+ return value;
+ };
+ Dialog.prototype.setMaxHeight = function () {
+ if (!this.allowMaxHeight) {
+ return;
+ }
+ var display = this.element.style.display;
+ this.element.style.display = 'none';
+ this.element.style.maxHeight = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.target)) && (this.targetEle.offsetHeight < window.innerHeight) ?
+ (this.targetEle.offsetHeight - 20) + 'px' : (window.innerHeight - 20) + 'px';
+ this.element.style.display = display;
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isIE && this.height === 'auto' && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.contentEle)
+ && this.element.offsetHeight < this.contentEle.offsetHeight) {
+ this.element.style.height = 'inherit';
+ }
+ };
+ Dialog.prototype.setEnableRTL = function () {
+ if (!this.isBlazorServerRender()) {
+ // eslint-disable-next-line
+ this.enableRtl ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], RTL) : Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], RTL);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.querySelector('.e-resize-handle'))) {
+ Object(_common_resize__WEBPACK_IMPORTED_MODULE_3__["removeResize"])();
+ this.setResize();
+ }
+ };
+ Dialog.prototype.setTargetContent = function () {
+ var _this = this;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.content) || this.content === '') {
+ var isContent = this.element.innerHTML.replace(/\s|<(\/?|\/?)(!--!--)>/g, '') !== '';
+ if (this.element.children.length > 0 || isContent) {
+ this.innerContentElement = document.createDocumentFragment();
+ [].slice.call(this.element.childNodes).forEach(function (el) {
+ if (el.nodeType !== 8) {
+ _this.innerContentElement.appendChild(el);
+ }
+ });
+ }
+ }
+ };
+ Dialog.prototype.setHeader = function () {
+ if (this.headerEle) {
+ this.headerEle.innerHTML = '';
+ }
+ else {
+ this.headerEle = this.createElement('div', { id: this.element.id + '_title', className: DLG_HEADER });
+ }
+ this.createHeaderContent();
+ this.headerContent.appendChild(this.headerEle);
+ this.setTemplate(this.header, this.headerEle, 'header');
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, { 'aria-labelledby': this.element.id + '_title' });
+ this.element.insertBefore(this.headerContent, this.element.children[0]);
+ if (this.allowDragging && (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.headerContent))) {
+ this.setAllowDragging();
+ }
+ };
+ Dialog.prototype.setFooterTemplate = function () {
+ if (this.ftrTemplateContent) {
+ this.ftrTemplateContent.innerHTML = '';
+ }
+ else {
+ this.ftrTemplateContent = this.createElement('div', {
+ className: DLG_FOOTER_CONTENT
+ });
+ }
+ if (this.footerTemplate !== '' && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.footerTemplate)) {
+ this.setTemplate(this.footerTemplate, this.ftrTemplateContent, 'footerTemplate');
+ }
+ else {
+ this.ftrTemplateContent.innerHTML = this.buttonContent.join('');
+ }
+ this.element.appendChild(this.ftrTemplateContent);
+ };
+ Dialog.prototype.createHeaderContent = function () {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.headerContent)) {
+ this.headerContent = this.createElement('div', { id: this.element.id + '_dialog-header', className: DLG_HEADER_CONTENT });
+ }
+ };
+ Dialog.prototype.renderCloseIcon = function () {
+ if (this.showCloseIcon) {
+ this.closeIcon = this.createElement('button', { className: DLG_CLOSE_ICON_BTN, attrs: { type: 'button' } });
+ this.closeIconBtnObj = new _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__["Button"]({ cssClass: 'e-flat', iconCss: DLG_CLOSE_ICON + ' ' + ICON });
+ this.closeIconTitle();
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.headerContent)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["prepend"])([this.closeIcon], this.headerContent);
+ }
+ else {
+ this.createHeaderContent();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["prepend"])([this.closeIcon], this.headerContent);
+ this.element.insertBefore(this.headerContent, this.element.children[0]);
+ }
+ this.closeIconBtnObj.appendTo(this.closeIcon);
+ }
+ };
+ Dialog.prototype.closeIconTitle = function () {
+ this.l10n.setLocale(this.locale);
+ var closeIconTitle = this.l10n.getConstant('close');
+ this.closeIcon.setAttribute('title', closeIconTitle);
+ this.closeIcon.setAttribute('aria-label', closeIconTitle);
+ };
+ Dialog.prototype.setCSSClass = function (oldCSSClass) {
+ if (oldCSSClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], oldCSSClass.split(' '));
+ if (this.isModal && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.dlgContainer)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.dlgContainer], oldCSSClass.split(' '));
+ }
+ }
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], this.cssClass.split(' '));
+ if (this.isModal && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.dlgContainer)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.dlgContainer], this.cssClass.split(' '));
+ }
+ }
+ };
+ Dialog.prototype.setIsModal = function () {
+ this.dlgContainer = this.createElement('div', { className: DLG_CONTAINER });
+ this.setCSSClass();
+ this.element.classList.remove(DLG_SHOW);
+ this.element.parentNode.insertBefore(this.dlgContainer, this.element);
+ this.dlgContainer.appendChild(this.element);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], MODAL_DLG);
+ this.dlgOverlay = this.createElement('div', { className: DLG_OVERLAY });
+ this.dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
+ this.dlgContainer.appendChild(this.dlgOverlay);
+ };
+ Dialog.prototype.getValidFocusNode = function (items) {
+ var node;
+ for (var u = 0; u < items.length; u++) {
+ node = items[u];
+ if ((node.clientHeight > 0 || (node.tagName.toLowerCase() === 'a' && node.hasAttribute('href'))) && node.tabIndex > -1 &&
+ !node.disabled && !this.disableElement(node, '[disabled],[aria-disabled="true"],[type="hidden"]')) {
+ return node;
+ }
+ else {
+ node = null;
+ }
+ }
+ return node;
+ };
+ Dialog.prototype.focusableElements = function (content) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(content)) {
+ var value = 'input,select,textarea,button,a,[contenteditable="true"],[tabindex]';
+ var items = content.querySelectorAll(value);
+ return this.getValidFocusNode(items);
+ }
+ return null;
+ };
+ Dialog.prototype.getAutoFocusNode = function (container) {
+ var node = container.querySelector('.' + DLG_CLOSE_ICON_BTN);
+ var value = '[autofocus]';
+ var items = container.querySelectorAll(value);
+ var validNode = this.getValidFocusNode(items);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])()) {
+ this.primaryButtonEle = this.element.getElementsByClassName('e-primary')[0];
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(validNode)) {
+ node = validNode;
+ }
+ else {
+ validNode = this.focusableElements(this.contentEle);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(validNode)) {
+ return node = validNode;
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.primaryButtonEle)) {
+ return this.element.querySelector('.' + DLG_PRIMARY_BUTTON);
+ }
+ }
+ return node;
+ };
+ Dialog.prototype.disableElement = function (element, t) {
+ var elementMatch = element ? element.matches || element.webkitMatchesSelector || element.msGetRegionContent : null;
+ if (elementMatch) {
+ for (; element; element = element.parentNode) {
+ if (element instanceof Element && elementMatch.call(element, t)) {
+ /* istanbul ignore next */
+ return element;
+ }
+ }
+ }
+ return null;
+ };
+ Dialog.prototype.focusContent = function () {
+ var element = this.getAutoFocusNode(this.element);
+ var node = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(element) ? element : this.element;
+ var userAgent = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].userAgent;
+ if (userAgent.indexOf('MSIE ') > 0 || userAgent.indexOf('Trident/') > 0) {
+ this.element.focus();
+ }
+ node.focus();
+ this.unBindEvent(this.element);
+ this.bindEvent(this.element);
+ };
+ Dialog.prototype.bindEvent = function (element) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(element, 'keydown', this.keyDown, this);
+ };
+ Dialog.prototype.unBindEvent = function (element) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(element, 'keydown', this.keyDown);
+ };
+ Dialog.prototype.updateSanitizeContent = function () {
+ if (!this.isBlazorServerRender()) {
+ this.contentEle.innerHTML = this.sanitizeHelper(this.content);
+ }
+ };
+ Dialog.prototype.isBlazorServerRender = function () {
+ return Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() && this.isServerRendered;
+ };
+ /**
+ * Module required function
+ *
+ * @returns {void}
+ * @private
+ */
+ Dialog.prototype.getModuleName = function () {
+ return 'dialog';
+ };
+ /**
+ * Called internally if any of the property value changed
+ *
+ * @param {DialogModel} newProp - specifies the new property
+ * @param {DialogModel} oldProp - specifies the old property
+ * @private
+ * @returns {void}
+ */
+ Dialog.prototype.onPropertyChanged = function (newProp, oldProp) {
+ if (!this.element.classList.contains(ROOT)) {
+ return;
+ }
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'content':
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.content) && this.content !== '') {
+ if (this.isBlazorServerRender()) {
+ this.contentEle = this.element.querySelector('.e-dlg-content');
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.contentEle) && this.contentEle.getAttribute('role') !== 'dialog') {
+ if (!this.isBlazorServerRender()) {
+ this.contentEle.innerHTML = '';
+ }
+ if (typeof (this.content) === 'function') {
+ this.clearTemplate(['content']);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.contentEle);
+ this.contentEle = null;
+ this.setContent();
+ }
+ else {
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+ typeof (this.content) === 'string' ? (this.isBlazorServerRender() && (this.contentEle.innerText === '')) ?
+ this.contentEle.insertAdjacentHTML('beforeend', this.sanitizeHelper(this.content)) :
+ this.updateSanitizeContent() : this.contentEle.appendChild(this.content);
+ }
+ this.setMaxHeight();
+ }
+ else {
+ if (!this.isBlazorServerRender() ||
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.querySelector('.e-dlg-content'))) {
+ this.setContent();
+ }
+ }
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.contentEle)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.contentEle);
+ this.contentEle = null;
+ }
+ break;
+ case 'header':
+ if (this.header === '' || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.header)) {
+ if (this.headerEle) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.headerEle);
+ this.headerEle = null;
+ }
+ }
+ else {
+ if (!this.isBlazorServerRender() ||
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.querySelector('.e-dlg-header-content'))) {
+ this.setHeader();
+ }
+ }
+ break;
+ case 'footerTemplate':
+ if (this.footerTemplate === '' || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.footerTemplate)) {
+ if (!this.ftrTemplateContent) {
+ return;
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.ftrTemplateContent);
+ this.ftrTemplateContent = null;
+ this.buttons = [{}];
+ }
+ else {
+ if (!this.isBlazorServerRender() ||
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.querySelector('.e-footer-content'))) {
+ this.setFooterTemplate();
+ }
+ this.buttons = [{}];
+ }
+ break;
+ case 'showCloseIcon':
+ if (this.element.getElementsByClassName(DLG_CLOSE_ICON).length > 0) {
+ if (!this.showCloseIcon && (this.header === '' || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.header))) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.headerContent);
+ this.headerContent = null;
+ }
+ else if (!this.showCloseIcon) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.closeIcon);
+ }
+ else {
+ if (this.isBlazorServerRender()) {
+ this.wireEvents();
+ }
+ }
+ }
+ else {
+ if (!this.isBlazorServerRender()) {
+ this.renderCloseIcon();
+ }
+ this.wireEvents();
+ }
+ break;
+ case 'locale':
+ if (this.showCloseIcon) {
+ this.closeIconTitle();
+ }
+ break;
+ case 'visible':
+ // eslint-disable-next-line
+ this.visible ? this.show() : this.hide();
+ break;
+ case 'isModal':
+ this.updateIsModal();
+ break;
+ case 'height':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, { 'height': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(newProp.height) });
+ this.updatePersistData();
+ break;
+ case 'width':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, { 'width': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(newProp.width) });
+ this.updatePersistData();
+ break;
+ case 'zIndex':
+ this.popupObj.zIndex = this.zIndex;
+ if (this.isModal) {
+ this.setOverlayZindex(this.zIndex);
+ }
+ if (this.element.style.zIndex !== this.zIndex.toString()) {
+ this.calculatezIndex = false;
+ }
+ break;
+ case 'cssClass':
+ this.setCSSClass(oldProp.cssClass);
+ break;
+ case 'buttons': {
+ var buttonCount = this.buttons.length;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.ftrTemplateContent) && !this.isBlazorServerRender()) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.ftrTemplateContent);
+ this.ftrTemplateContent = null;
+ }
+ for (var i = 0; i < buttonCount; i++) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.buttons[i].buttonModel)) {
+ this.footerTemplate = '';
+ this.setButton();
+ }
+ }
+ break;
+ }
+ case 'allowDragging':
+ if (this.allowDragging && (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.headerContent))) {
+ this.setAllowDragging();
+ }
+ else {
+ this.dragObj.destroy();
+ }
+ break;
+ case 'target':
+ this.setTarget(newProp.target);
+ break;
+ case 'position':
+ this.checkPositionData();
+ if (this.isModal) {
+ var positionX = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldProp.position) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldProp.position.X) ? oldProp.position.X : this.position.X;
+ var positionY = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldProp.position) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(oldProp.position.Y) ? oldProp.position.Y : this.position.Y;
+ if (this.dlgContainer.classList.contains('e-dlg-' + positionX + '-' + positionY)) {
+ this.dlgContainer.classList.remove('e-dlg-' + positionX + '-' + positionY);
+ }
+ }
+ this.positionChange();
+ this.updatePersistData();
+ break;
+ case 'enableRtl':
+ this.setEnableRTL();
+ break;
+ case 'enableResize':
+ this.setResize();
+ break;
+ case 'minHeight':
+ if (this.minHeight !== '') {
+ this.element.style.minHeight = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.minHeight);
+ }
+ break;
+ }
+ }
+ };
+ Dialog.prototype.setTarget = function (target) {
+ this.popupObj.relateTo = target;
+ this.target = target;
+ this.targetEle = ((typeof this.target) === 'string') ?
+ document.querySelector(this.target) : this.target;
+ if (this.dragObj) {
+ this.dragObj.dragArea = this.targetEle;
+ }
+ this.setMaxHeight();
+ if (this.isModal) {
+ this.updateIsModal();
+ }
+ if (this.enableResize) {
+ this.setResize();
+ }
+ };
+ Dialog.prototype.updateIsModal = function () {
+ this.element.setAttribute('aria-modal', this.isModal ? 'true' : 'false');
+ if (this.isModal) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.dlgOverlay)) {
+ this.setIsModal();
+ this.element.style.top = '0px';
+ this.element.style.left = '0px';
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.targetEle)) {
+ this.targetEle.appendChild(this.dlgContainer);
+ }
+ }
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], MODAL_DLG);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([document.body], [DLG_TARGET, SCROLL_DISABLED]);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.dlgOverlay);
+ while (this.dlgContainer.firstChild) {
+ this.dlgContainer.parentElement.insertBefore(this.dlgContainer.firstChild, this.dlgContainer);
+ }
+ this.dlgContainer.parentElement.removeChild(this.dlgContainer);
+ }
+ if (this.visible) {
+ this.show();
+ }
+ this.positionChange();
+ if (this.isModal && this.dlgOverlay) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.dlgOverlay, 'click', this.dlgOverlayClickEventHandler, this);
+ }
+ };
+ Dialog.prototype.setzIndex = function (zIndexElement, setPopupZindex) {
+ var prevOnChange = this.isProtectedOnChange;
+ this.isProtectedOnChange = true;
+ var currentzIndex = Object(_popup_popup__WEBPACK_IMPORTED_MODULE_2__["getZindexPartial"])(zIndexElement);
+ this.zIndex = currentzIndex > this.zIndex ? currentzIndex : this.zIndex;
+ this.isProtectedOnChange = prevOnChange;
+ if (setPopupZindex) {
+ this.popupObj.zIndex = this.zIndex;
+ }
+ };
+ Dialog.prototype.windowResizeHandler = function () {
+ Object(_common_resize__WEBPACK_IMPORTED_MODULE_3__["setMaxWidth"])(this.targetEle.clientWidth);
+ Object(_common_resize__WEBPACK_IMPORTED_MODULE_3__["setMaxHeight"])(this.targetEle.clientHeight);
+ this.setMaxHeight();
+ };
+ /**
+ * Get the properties to be maintained in the persisted state.
+ *
+ * @returns {void}
+ * @private
+ */
+ Dialog.prototype.getPersistData = function () {
+ return this.addOnPersist(['width', 'height', 'position']);
+ };
+ /**
+ * To destroy the widget
+ *
+ * @returns {void}
+ */
+ Dialog.prototype.destroy = function () {
+ if (this.isDestroyed) {
+ return;
+ }
+ var classArray = [RTL, MODAL_DLG, DLG_RESIZABLE, DLG_RESTRICT_LEFT_VALUE, FULLSCREEN, DEVICE];
+ var attrs = ['role', 'aria-modal', 'aria-labelledby', 'aria-describedby', 'aria-grabbed', 'tabindex', 'style'];
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.targetEle], [DLG_TARGET, SCROLL_DISABLED]);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element) && this.element.classList.contains(FULLSCREEN)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([document.body], [DLG_TARGET, SCROLL_DISABLED]);
+ }
+ if (this.isModal) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([(!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.targetEle) ? this.targetEle : document.body)], SCROLL_DISABLED);
+ }
+ this.unWireEvents();
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.btnObj)) {
+ for (var i = 0; i < this.btnObj.length; i++) {
+ this.btnObj[i].destroy();
+ }
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.closeIconBtnObj)) {
+ this.closeIconBtnObj.destroy();
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.dragObj)) {
+ this.dragObj.destroy();
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.popupObj.element) && this.popupObj.element.classList.contains(POPUP_ROOT)) {
+ this.popupObj.destroy();
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], classArray);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.cssClass) && this.cssClass !== '') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], this.cssClass.split(' '));
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.refElement) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.refElement.parentElement)) {
+ this.refElement.parentElement.insertBefore((this.isModal ? this.dlgContainer : this.element), this.refElement);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.refElement);
+ this.refElement = undefined;
+ }
+ if (this.isModal && !this.isBlazorServerRender()) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.dlgOverlay);
+ this.dlgContainer.parentNode.insertBefore(this.element, this.dlgContainer);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.dlgContainer);
+ }
+ if (!this.isBlazorServerRender()) {
+ this.element.innerHTML = this.clonedEle.innerHTML;
+ }
+ if (this.isBlazorServerRender()) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.children)) {
+ for (var i = 0; i <= this.element.children.length; i++) {
+ i = i - i;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.element.children[i]);
+ }
+ }
+ }
+ for (var i = 0; i < attrs.length; i++) {
+ this.element.removeAttribute(attrs[i]);
+ }
+ if (!this.isBlazorServerRender()) {
+ _super.prototype.destroy.call(this);
+ }
+ else {
+ this.isDestroyed = true;
+ }
+ // eslint-disable-next-line
+ if (this.isReact) {
+ this.clearTemplate();
+ }
+ };
+ Dialog.prototype.wireWindowResizeEvent = function () {
+ window.addEventListener('resize', this.windowResizeHandler.bind(this));
+ };
+ Dialog.prototype.unWireWindowResizeEvent = function () {
+ window.removeEventListener('resize', this.windowResizeHandler.bind(this));
+ };
+ /**
+ * Binding event to the element while widget creation
+ *
+ * @returns {void}
+ * @hidden
+ */
+ Dialog.prototype.wireEvents = function () {
+ if (this.isBlazorServerRender() && this.showCloseIcon) {
+ this.closeIcon = this.element.getElementsByClassName('e-dlg-closeicon-btn')[0];
+ }
+ if (this.showCloseIcon) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.closeIcon, 'click', this.closeIconClickEventHandler, this);
+ }
+ if (this.isModal && this.dlgOverlay) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.dlgOverlay, 'click', this.dlgOverlayClickEventHandler, this);
+ }
+ };
+ /**
+ * Unbinding event to the element while widget destroy
+ *
+ * @returns {void}
+ * @hidden
+ */
+ Dialog.prototype.unWireEvents = function () {
+ if (this.showCloseIcon) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.closeIcon, 'click', this.closeIconClickEventHandler);
+ }
+ if (this.isModal) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.dlgOverlay, 'click', this.dlgOverlayClickEventHandler);
+ }
+ if (this.buttons.length > 0 && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.buttons[0].buttonModel) && this.footerTemplate === '') {
+ for (var i = 0; i < this.buttons.length; i++) {
+ if (typeof (this.buttons[i].click) === 'function') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.ftrTemplateContent.children[i], 'click', this.buttons[i].click);
+ }
+ }
+ }
+ };
+ /**
+ * Refreshes the dialog's position when the user changes its header and footer height/width dynamically.
+ *
+ * @returns {void}
+ */
+ Dialog.prototype.refreshPosition = function () {
+ this.popupObj.refreshPosition();
+ };
+ /**
+ * Returns the current width and height of the Dialog
+ *
+ * @returns {DialogDimension}- returns the dialog element Dimension.
+ * @public
+ */
+ Dialog.prototype.getDimension = function () {
+ var dialogWidth = this.element.offsetWidth;
+ var dialogHeight = this.element.offsetHeight;
+ return { width: dialogWidth, height: dialogHeight };
+ };
+ /**
+ * Opens the dialog if it is in hidden state.
+ * To open the dialog with full screen width, set the parameter to true.
+ *
+ * @param { boolean } isFullScreen - Enable the fullScreen Dialog.
+ * @returns {void}
+ */
+ Dialog.prototype.show = function (isFullScreen) {
+ var _this = this;
+ if (!this.element.classList.contains(ROOT)) {
+ return;
+ }
+ if (!this.element.classList.contains(DLG_SHOW) || (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(isFullScreen))) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(isFullScreen)) {
+ this.fullScreen(isFullScreen);
+ }
+ var eventArgs_1 = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() ? {
+ cancel: false,
+ element: this.element,
+ container: this.isModal ? this.dlgContainer : this.element,
+ maxHeight: this.element.style.maxHeight
+ } : {
+ cancel: false,
+ element: this.element,
+ container: this.isModal ? this.dlgContainer : this.element,
+ target: this.target,
+ maxHeight: this.element.style.maxHeight
+ };
+ this.trigger('beforeOpen', eventArgs_1, function (beforeOpenArgs) {
+ if (!beforeOpenArgs.cancel) {
+ if (_this.element.style.maxHeight !== eventArgs_1.maxHeight) {
+ _this.allowMaxHeight = false;
+ _this.element.style.maxHeight = eventArgs_1.maxHeight;
+ }
+ _this.storeActiveElement = document.activeElement;
+ _this.element.tabIndex = -1;
+ if (_this.isModal && (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(_this.dlgOverlay))) {
+ _this.dlgOverlay.style.display = 'block';
+ _this.dlgContainer.style.display = 'flex';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([_this.dlgOverlay], 'e-fade');
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(_this.targetEle)) {
+ if (_this.targetEle === document.body) {
+ _this.dlgContainer.style.position = 'fixed';
+ }
+ else {
+ _this.dlgContainer.style.position = 'absolute';
+ }
+ _this.dlgOverlay.style.position = 'absolute';
+ _this.element.style.position = 'relative';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([_this.targetEle], [DLG_TARGET, SCROLL_DISABLED]);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([document.body], [DLG_TARGET, SCROLL_DISABLED]);
+ }
+ }
+ var openAnimation = {
+ name: _this.animationSettings.effect + 'In',
+ duration: _this.animationSettings.duration,
+ delay: _this.animationSettings.delay
+ };
+ var zIndexElement = (_this.isModal) ? _this.element.parentElement : _this.element;
+ if (_this.calculatezIndex) {
+ _this.setzIndex(zIndexElement, true);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(_this.element, { 'zIndex': _this.zIndex });
+ if (_this.isModal) {
+ _this.setOverlayZindex(_this.zIndex);
+ }
+ }
+ // eslint-disable-next-line
+ _this.animationSettings.effect === 'None' ? _this.popupObj.show() : _this.popupObj.show(openAnimation);
+ _this.dialogOpen = true;
+ var prevOnChange = _this.isProtectedOnChange;
+ _this.isProtectedOnChange = true;
+ _this.visible = true;
+ _this.preventVisibility = true;
+ _this.isProtectedOnChange = prevOnChange;
+ }
+ });
+ }
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ if (this.isReact) {
+ this.renderReactTemplates();
+ }
+ };
+ /**
+ * Closes the dialog if it is in visible state.
+ *
+ * @param { Event } event - specifies the event
+ * @returns {void}
+ */
+ Dialog.prototype.hide = function (event) {
+ var _this = this;
+ if (!this.element.classList.contains(ROOT)) {
+ return;
+ }
+ if (this.preventVisibility) {
+ var eventArgs = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isBlazor"])() ? {
+ cancel: false,
+ isInteracted: event ? true : false,
+ element: this.element,
+ container: this.isModal ? this.dlgContainer : this.element,
+ event: event
+ } : {
+ cancel: false,
+ isInteracted: event ? true : false,
+ element: this.element,
+ target: this.target,
+ container: this.isModal ? this.dlgContainer : this.element,
+ event: event,
+ closedBy: this.dlgClosedBy
+ };
+ this.closeArgs = eventArgs;
+ this.trigger('beforeClose', eventArgs, function (beforeCloseArgs) {
+ if (!beforeCloseArgs.cancel) {
+ if (_this.isModal) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(_this.targetEle)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([_this.targetEle], [DLG_TARGET, SCROLL_DISABLED]);
+ }
+ }
+ if (document.body.classList.contains(DLG_TARGET) &&
+ document.body.classList.contains(SCROLL_DISABLED)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([document.body], [DLG_TARGET, SCROLL_DISABLED]);
+ }
+ var closeAnimation = {
+ name: _this.animationSettings.effect + 'Out',
+ duration: _this.animationSettings.duration,
+ delay: _this.animationSettings.delay
+ };
+ // eslint-disable-next-line
+ _this.animationSettings.effect === 'None' ? _this.popupObj.hide() : _this.popupObj.hide(closeAnimation);
+ _this.dialogOpen = false;
+ var prevOnChange = _this.isProtectedOnChange;
+ _this.isProtectedOnChange = true;
+ _this.visible = false;
+ _this.preventVisibility = false;
+ _this.isProtectedOnChange = prevOnChange;
+ }
+ _this.dlgClosedBy = DLG_USER_ACTION_CLOSED;
+ });
+ }
+ };
+ // eslint-disable-next-line
+ /**
+ * Specifies to view the Full screen Dialog.
+ *
+ * @returns {void}
+ * @private
+ */
+ Dialog.prototype.fullScreen = function (args) {
+ /* eslint-disable */
+ var top = this.element.offsetTop;
+ var left = this.element.offsetLeft;
+ /* eslint-enable */
+ if (args) {
+ this.element.style.top = document.scrollingElement.scrollTop + 'px';
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], FULLSCREEN);
+ var display = this.element.style.display;
+ this.element.style.display = 'none';
+ this.element.style.maxHeight = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.target)) ?
+ (this.targetEle.offsetHeight) + 'px' : (window.innerHeight) + 'px';
+ this.element.style.display = display;
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([document.body], [DLG_TARGET, SCROLL_DISABLED]);
+ if (this.allowDragging && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.dragObj)) {
+ this.dragObj.destroy();
+ }
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], FULLSCREEN);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([document.body], [DLG_TARGET, SCROLL_DISABLED]);
+ if (this.allowDragging && (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.headerContent))) {
+ this.setAllowDragging();
+ }
+ }
+ return args;
+ };
+ /**
+ * Returns the dialog button instances.
+ * Based on that, you can dynamically change the button states.
+ *
+ * @param { number } index - Index of the button.
+ * @returns {Button} - returns the button element
+ */
+ Dialog.prototype.getButtons = function (index) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(index)) {
+ return this.btnObj[index];
+ }
+ return this.btnObj;
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Dialog.prototype, "content", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Dialog.prototype, "enableHtmlSanitizer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Dialog.prototype, "enablePersistence", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Dialog.prototype, "showCloseIcon", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Dialog.prototype, "isModal", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Dialog.prototype, "header", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Dialog.prototype, "visible", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Dialog.prototype, "enableResize", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(['South-East'])
+ ], Dialog.prototype, "resizeHandles", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('auto')
+ ], Dialog.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Dialog.prototype, "minHeight", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('100%')
+ ], Dialog.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Dialog.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(1000)
+ ], Dialog.prototype, "zIndex", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Dialog.prototype, "target", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Dialog.prototype, "footerTemplate", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Dialog.prototype, "allowDragging", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([{}], ButtonProps)
+ ], Dialog.prototype, "buttons", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Dialog.prototype, "closeOnEscape", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, AnimationSettings)
+ ], Dialog.prototype, "animationSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({ X: 'center', Y: 'center' }, _popup_popup__WEBPACK_IMPORTED_MODULE_2__["PositionData"])
+ ], Dialog.prototype, "position", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "open", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "beforeSanitizeHtml", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "beforeOpen", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "close", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "beforeClose", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "dragStart", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "dragStop", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "drag", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "overlayClick", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "resizeStart", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "resizing", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "resizeStop", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Dialog.prototype, "destroyed", void 0);
+ Dialog = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], Dialog);
+ return Dialog;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+/**
+ * Base for creating Alert and Confirmation Dialog through util method.
+ */
+// eslint-disable-next-line
+var DialogUtility;
+(function (DialogUtility) {
+ /**
+ * An alert dialog box is used to display warning like messages to the users.
+ * ```
+ * Eg : DialogUtility.alert('Alert message');
+ *
+ * ```
+ */
+ /* istanbul ignore next */
+ /**
+ *
+ * @param {AlertDialogArgs} args - specifies the string
+ * @returns {Dialog} - returns the dialog element.
+ */
+ function alert(args) {
+ // eslint-disable-next-line
+ var dialogComponent;
+ var dialogElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { 'className': DLG_UTIL_ALERT });
+ document.body.appendChild(dialogElement);
+ var alertDialogObj;
+ var okButtonModel = [{
+ buttonModel: { isPrimary: true, content: 'OK' },
+ click: function () {
+ this.hide();
+ }
+ }];
+ if (typeof (args) === 'string') {
+ alertDialogObj = createDialog({ content: args,
+ position: { X: 'center', Y: 'top' },
+ isModal: true, header: DLG_UTIL_DEFAULT_TITLE,
+ buttons: okButtonModel }, dialogElement);
+ }
+ else {
+ alertDialogObj = createDialog(alertOptions(args), dialogElement);
+ }
+ alertDialogObj.close = function () {
+ if (args && args.close) {
+ args.close.apply(alertDialogObj);
+ }
+ alertDialogObj.destroy();
+ if (alertDialogObj.element.classList.contains('e-dlg-modal')) {
+ alertDialogObj.element.parentElement.remove();
+ alertDialogObj.target.classList.remove(DLG_UTIL_ROOT);
+ }
+ else {
+ alertDialogObj.element.remove();
+ }
+ };
+ return alertDialogObj;
+ }
+ DialogUtility.alert = alert;
+ /**
+ * A confirm dialog displays a specified message along with ‘OK’ and ‘Cancel’ button.
+ * ```
+ * Eg : DialogUtility.confirm('Confirm dialog message');
+ *
+ * ```
+ */
+ /* istanbul ignore next */
+ /**
+ *
+ * @param {ConfirmDialogArgs} args - specifies the args
+ * @returns {Dialog} - returns te element
+ */
+ function confirm(args) {
+ // eslint-disable-next-line
+ var dialogComponent;
+ var dialogElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { 'className': DLG_UTIL_CONFIRM });
+ document.body.appendChild(dialogElement);
+ var confirmDialogObj;
+ var okCancelButtonModel = [{
+ buttonModel: { isPrimary: true, content: 'OK' },
+ click: function () {
+ this.hide();
+ }
+ }, {
+ buttonModel: { content: 'Cancel' },
+ click: function () {
+ this.hide();
+ }
+ }];
+ if (typeof (args) === 'string') {
+ confirmDialogObj = createDialog({ position: { X: 'center', Y: 'top' }, content: args, isModal: true,
+ header: DLG_UTIL_DEFAULT_TITLE, buttons: okCancelButtonModel
+ }, dialogElement);
+ }
+ else {
+ confirmDialogObj = createDialog(confirmOptions(args), dialogElement);
+ }
+ confirmDialogObj.close = function () {
+ if (args && args.close) {
+ args.close.apply(confirmDialogObj);
+ }
+ confirmDialogObj.destroy();
+ if (confirmDialogObj.element.classList.contains('e-dlg-modal')) {
+ confirmDialogObj.element.parentElement.remove();
+ confirmDialogObj.target.classList.remove(DLG_UTIL_ROOT);
+ }
+ else {
+ confirmDialogObj.element.remove();
+ }
+ };
+ return confirmDialogObj;
+ }
+ DialogUtility.confirm = confirm;
+ // eslint-disable-next-line
+ function createDialog(options, element) {
+ var dialogObject = new Dialog(options);
+ dialogObject.appendTo(element);
+ return dialogObject;
+ }
+ // eslint-disable-next-line
+ function alertOptions(option) {
+ var options = {};
+ options.buttons = [];
+ options = formOptions(options, option);
+ options = setAlertButtonModel(options, option);
+ return options;
+ }
+ // eslint-disable-next-line
+ function confirmOptions(option) {
+ var options = {};
+ options.buttons = [];
+ options = formOptions(options, option);
+ options = setConfirmButtonModel(options, option);
+ return options;
+ }
+ // eslint-disable-next-line
+ function formOptions(options, option) {
+ options.header = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.title) ? option.title : null;
+ options.content = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.content) ? option.content : '';
+ options.isModal = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.isModal) ? option.isModal : true;
+ options.showCloseIcon = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.showCloseIcon) ? option.showCloseIcon : false;
+ options.allowDragging = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.isDraggable) ? option.isDraggable : false;
+ options.closeOnEscape = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.closeOnEscape) ? option.closeOnEscape : false;
+ options.position = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.position) ? option.position : { X: 'center', Y: 'top' };
+ options.animationSettings = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.animationSettings) ? option.animationSettings :
+ { effect: 'Fade', duration: 400, delay: 0 };
+ options.cssClass = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.cssClass) ? option.cssClass : '';
+ options.zIndex = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.zIndex) ? option.zIndex : 1000;
+ options.open = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.open) ? option.open : null;
+ options.width = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.width) ? option.width : 'auto';
+ options.height = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.height) ? option.height : 'auto';
+ return options;
+ }
+ // eslint-disable-next-line
+ function setAlertButtonModel(options, option) {
+ var alertButtonModel = [{
+ buttonModel: { isPrimary: true, content: 'OK' },
+ click: function () {
+ this.hide();
+ }
+ }];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.okButton)) {
+ options.buttons[0] = formButtonModel(options.buttons[0], option.okButton, alertButtonModel[0]);
+ }
+ else {
+ options.buttons = alertButtonModel;
+ }
+ return options;
+ }
+ // eslint-disable-next-line
+ function setConfirmButtonModel(options, option) {
+ var okButtonModel = {
+ buttonModel: { isPrimary: true, content: 'OK' },
+ click: function () {
+ this.hide();
+ }
+ };
+ var cancelButtonModel = {
+ buttonModel: { content: 'Cancel' },
+ click: function () {
+ this.hide();
+ }
+ };
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.okButton)) {
+ options.buttons[0] = formButtonModel(options.buttons[0], option.okButton, okButtonModel);
+ }
+ else {
+ options.buttons[0] = okButtonModel;
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.cancelButton)) {
+ options.buttons[1] = formButtonModel(options.buttons[1], option.cancelButton, cancelButtonModel);
+ }
+ else {
+ options.buttons[1] = cancelButtonModel;
+ }
+ return options;
+ }
+ // eslint-disable-next-line
+ function formButtonModel(buttonModel, option, buttonPropModel) {
+ var buttonProps = buttonPropModel;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.text)) {
+ buttonProps.buttonModel.content = option.text;
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.icon)) {
+ buttonProps.buttonModel.iconCss = option.icon;
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.cssClass)) {
+ buttonProps.buttonModel.cssClass = option.cssClass;
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(option.click)) {
+ buttonProps.click = option.click;
+ }
+ return buttonProps;
+ }
+})(DialogUtility || (DialogUtility = {}));
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-popups/dialog/index.js":
+/*!******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-popups/dialog/index.js ***!
+ \******************************************************************/
+/*! exports provided: ButtonProps, AnimationSettings, Dialog, DialogUtility */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _dialog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dialog */ "./ej2-resources/22.1.37/scripts/ej2-popups/dialog/dialog.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonProps", function() { return _dialog__WEBPACK_IMPORTED_MODULE_0__["ButtonProps"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationSettings", function() { return _dialog__WEBPACK_IMPORTED_MODULE_0__["AnimationSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Dialog", function() { return _dialog__WEBPACK_IMPORTED_MODULE_0__["Dialog"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DialogUtility", function() { return _dialog__WEBPACK_IMPORTED_MODULE_0__["DialogUtility"]; });
+
+/**
+ * Dialog Component
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-popups/index.js":
+/*!***********************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-popups/index.js ***!
+ \***********************************************************/
+/*! exports provided: PositionData, Popup, getScrollableParent, getZindexPartial, getMaxZindex, calculateRelativeBasedPosition, calculatePosition, fit, isCollide, flip, ButtonProps, AnimationSettings, Dialog, DialogUtility, Animation, Tooltip, Spinner, createSpinner, showSpinner, hideSpinner, setSpinner */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _popup_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./popup/index */ "./ej2-resources/22.1.37/scripts/ej2-popups/popup/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PositionData", function() { return _popup_index__WEBPACK_IMPORTED_MODULE_0__["PositionData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Popup", function() { return _popup_index__WEBPACK_IMPORTED_MODULE_0__["Popup"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getScrollableParent", function() { return _popup_index__WEBPACK_IMPORTED_MODULE_0__["getScrollableParent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getZindexPartial", function() { return _popup_index__WEBPACK_IMPORTED_MODULE_0__["getZindexPartial"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getMaxZindex", function() { return _popup_index__WEBPACK_IMPORTED_MODULE_0__["getMaxZindex"]; });
+
+/* harmony import */ var _common_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./common/index */ "./ej2-resources/22.1.37/scripts/ej2-popups/common/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "calculateRelativeBasedPosition", function() { return _common_index__WEBPACK_IMPORTED_MODULE_1__["calculateRelativeBasedPosition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "calculatePosition", function() { return _common_index__WEBPACK_IMPORTED_MODULE_1__["calculatePosition"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fit", function() { return _common_index__WEBPACK_IMPORTED_MODULE_1__["fit"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isCollide", function() { return _common_index__WEBPACK_IMPORTED_MODULE_1__["isCollide"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "flip", function() { return _common_index__WEBPACK_IMPORTED_MODULE_1__["flip"]; });
+
+/* harmony import */ var _dialog_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dialog/index */ "./ej2-resources/22.1.37/scripts/ej2-popups/dialog/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonProps", function() { return _dialog_index__WEBPACK_IMPORTED_MODULE_2__["ButtonProps"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationSettings", function() { return _dialog_index__WEBPACK_IMPORTED_MODULE_2__["AnimationSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Dialog", function() { return _dialog_index__WEBPACK_IMPORTED_MODULE_2__["Dialog"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DialogUtility", function() { return _dialog_index__WEBPACK_IMPORTED_MODULE_2__["DialogUtility"]; });
+
+/* harmony import */ var _tooltip_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./tooltip/index */ "./ej2-resources/22.1.37/scripts/ej2-popups/tooltip/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Animation", function() { return _tooltip_index__WEBPACK_IMPORTED_MODULE_3__["Animation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Tooltip", function() { return _tooltip_index__WEBPACK_IMPORTED_MODULE_3__["Tooltip"]; });
+
+/* harmony import */ var _spinner_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./spinner/index */ "./ej2-resources/22.1.37/scripts/ej2-popups/spinner/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Spinner", function() { return _spinner_index__WEBPACK_IMPORTED_MODULE_4__["Spinner"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSpinner", function() { return _spinner_index__WEBPACK_IMPORTED_MODULE_4__["createSpinner"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "showSpinner", function() { return _spinner_index__WEBPACK_IMPORTED_MODULE_4__["showSpinner"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hideSpinner", function() { return _spinner_index__WEBPACK_IMPORTED_MODULE_4__["hideSpinner"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setSpinner", function() { return _spinner_index__WEBPACK_IMPORTED_MODULE_4__["setSpinner"]; });
+
+/**
+ * Popup Components
+ */
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-popups/popup/index.js":
+/*!*****************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-popups/popup/index.js ***!
+ \*****************************************************************/
+/*! exports provided: PositionData, Popup, getScrollableParent, getZindexPartial, getMaxZindex */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./popup */ "./ej2-resources/22.1.37/scripts/ej2-popups/popup/popup.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PositionData", function() { return _popup__WEBPACK_IMPORTED_MODULE_0__["PositionData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Popup", function() { return _popup__WEBPACK_IMPORTED_MODULE_0__["Popup"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getScrollableParent", function() { return _popup__WEBPACK_IMPORTED_MODULE_0__["getScrollableParent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getZindexPartial", function() { return _popup__WEBPACK_IMPORTED_MODULE_0__["getZindexPartial"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getMaxZindex", function() { return _popup__WEBPACK_IMPORTED_MODULE_0__["getMaxZindex"]; });
+
+/**
+ * Popup Components
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-popups/popup/popup.js":
+/*!*****************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-popups/popup/popup.js ***!
+ \*****************************************************************/
+/*! exports provided: PositionData, Popup, getScrollableParent, getZindexPartial, getMaxZindex */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PositionData", function() { return PositionData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Popup", function() { return Popup; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getScrollableParent", function() { return getScrollableParent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getZindexPartial", function() { return getZindexPartial; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getMaxZindex", function() { return getMaxZindex; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _common_position__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/position */ "./ej2-resources/22.1.37/scripts/ej2-popups/common/position.js");
+/* harmony import */ var _common_collision__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common/collision */ "./ej2-resources/22.1.37/scripts/ej2-popups/common/collision.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+
+
+/**
+ * Specifies the offset position values.
+ */
+var PositionData = /** @__PURE__ @class */ (function (_super) {
+ __extends(PositionData, _super);
+ function PositionData() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('left')
+ ], PositionData.prototype, "X", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('top')
+ ], PositionData.prototype, "Y", void 0);
+ return PositionData;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+// don't use space in classNames
+var CLASSNAMES = {
+ ROOT: 'e-popup',
+ RTL: 'e-rtl',
+ OPEN: 'e-popup-open',
+ CLOSE: 'e-popup-close'
+};
+/**
+ * Represents the Popup Component
+ * ```html
+ * EJ2 Diagram
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ " + employee.name + " ";
+ });
+ return "
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var Popup = /** @__PURE__ @class */ (function (_super) {
+ __extends(Popup, _super);
+ function Popup(element, options) {
+ return _super.call(this, options, element) || this;
+ }
+ /**
+ * Called internally if any of the property value changed.
+ *
+ * @param {PopupModel} newProp - specifies the new property
+ * @param {PopupModel} oldProp - specifies the old property
+ * @private
+ * @returns {void}
+ */
+ Popup.prototype.onPropertyChanged = function (newProp, oldProp) {
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'width':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, { 'width': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(newProp.width) });
+ break;
+ case 'height':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, { 'height': Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(newProp.height) });
+ break;
+ case 'zIndex':
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, { 'zIndex': newProp.zIndex });
+ break;
+ case 'enableRtl':
+ this.setEnableRtl();
+ break;
+ case 'position':
+ case 'relateTo':
+ this.refreshPosition();
+ break;
+ case 'offsetX':
+ // eslint-disable-next-line
+ var x = newProp.offsetX - oldProp.offsetX;
+ this.element.style.left = (parseInt(this.element.style.left, 10) + (x)).toString() + 'px';
+ break;
+ case 'offsetY':
+ // eslint-disable-next-line
+ var y = newProp.offsetY - oldProp.offsetY;
+ this.element.style.top = (parseInt(this.element.style.top, 10) + (y)).toString() + 'px';
+ break;
+ case 'content':
+ this.setContent();
+ break;
+ case 'actionOnScroll':
+ if (newProp.actionOnScroll !== 'none') {
+ this.wireScrollEvents();
+ }
+ else {
+ this.unwireScrollEvents();
+ }
+ break;
+ }
+ }
+ };
+ /**
+ * gets the Component module name.
+ *
+ * @returns {void}
+ * @private
+ */
+ Popup.prototype.getModuleName = function () {
+ return 'popup';
+ };
+ /**
+ * To resolve if any collision occurs.
+ *
+ * @returns {void}
+ */
+ Popup.prototype.resolveCollision = function () {
+ this.checkCollision();
+ };
+ /**
+ * gets the persisted state properties of the Component.
+ *
+ * @returns {void}
+ */
+ Popup.prototype.getPersistData = function () {
+ return this.addOnPersist([]);
+ };
+ /**
+ * To destroy the control.
+ *
+ * @returns {void}
+ */
+ Popup.prototype.destroy = function () {
+ if (this.element.classList.contains('e-popup-open')) {
+ this.unwireEvents();
+ }
+ this.element.classList.remove(CLASSNAMES.ROOT, CLASSNAMES.RTL, CLASSNAMES.OPEN, CLASSNAMES.CLOSE);
+ this.content = null;
+ this.relateTo = null;
+ _super.prototype.destroy.call(this);
+ };
+ /**
+ * To Initialize the control rendering
+ *
+ * @returns {void}
+ * @private
+ */
+ Popup.prototype.render = function () {
+ this.element.classList.add(CLASSNAMES.ROOT);
+ var styles = {};
+ if (this.zIndex !== 1000) {
+ styles.zIndex = this.zIndex;
+ }
+ if (this.width !== 'auto') {
+ styles.width = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.width);
+ }
+ if (this.height !== 'auto') {
+ styles.height = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.height);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, styles);
+ this.fixedParent = false;
+ this.setEnableRtl();
+ this.setContent();
+ };
+ Popup.prototype.wireEvents = function () {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(window, 'orientationchange', this.orientationOnChange, this);
+ }
+ if (this.actionOnScroll !== 'none') {
+ this.wireScrollEvents();
+ }
+ };
+ Popup.prototype.wireScrollEvents = function () {
+ if (this.getRelateToElement()) {
+ for (var _i = 0, _a = this.getScrollableParent(this.getRelateToElement()); _i < _a.length; _i++) {
+ var parent_1 = _a[_i];
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(parent_1, 'scroll', this.scrollRefresh, this);
+ }
+ }
+ };
+ Popup.prototype.unwireEvents = function () {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(window, 'orientationchange', this.orientationOnChange);
+ }
+ if (this.actionOnScroll !== 'none') {
+ this.unwireScrollEvents();
+ }
+ };
+ Popup.prototype.unwireScrollEvents = function () {
+ if (this.getRelateToElement()) {
+ for (var _i = 0, _a = this.getScrollableParent(this.getRelateToElement()); _i < _a.length; _i++) {
+ var parent_2 = _a[_i];
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(parent_2, 'scroll', this.scrollRefresh);
+ }
+ }
+ };
+ Popup.prototype.getRelateToElement = function () {
+ var relateToElement = this.relateTo === '' || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.relateTo) ?
+ document.body : this.relateTo;
+ this.setProperties({ relateTo: relateToElement }, true);
+ return ((typeof this.relateTo) === 'string') ?
+ document.querySelector(this.relateTo) : this.relateTo;
+ };
+ Popup.prototype.scrollRefresh = function (e) {
+ if (this.actionOnScroll === 'reposition') {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element) && !(this.element.offsetParent === e.target ||
+ (this.element.offsetParent && this.element.offsetParent.tagName === 'BODY' &&
+ e.target.parentElement == null))) {
+ this.refreshPosition();
+ }
+ }
+ else if (this.actionOnScroll === 'hide') {
+ this.hide();
+ }
+ if (this.actionOnScroll !== 'none') {
+ if (this.getRelateToElement()) {
+ var targetVisible = this.isElementOnViewport(this.getRelateToElement(), e.target);
+ if (!targetVisible && !this.targetInvisibleStatus) {
+ this.trigger('targetExitViewport');
+ this.targetInvisibleStatus = true;
+ }
+ else if (targetVisible) {
+ this.targetInvisibleStatus = false;
+ }
+ }
+ }
+ };
+ /**
+ * This method is to get the element visibility on viewport when scroll
+ * the page. This method will returns true even though 1 px of element
+ * part is in visible.
+ *
+ * @param {HTMLElement} relateToElement - specifies the element
+ * @param {HTMLElement} scrollElement - specifies the scroll element
+ * @returns {boolean} - retruns the boolean
+ */
+ // eslint-disable-next-line
+ Popup.prototype.isElementOnViewport = function (relateToElement, scrollElement) {
+ var scrollParents = this.getScrollableParent(relateToElement);
+ for (var parent_3 = 0; parent_3 < scrollParents.length; parent_3++) {
+ if (this.isElementVisible(relateToElement, scrollParents[parent_3])) {
+ continue;
+ }
+ else {
+ return false;
+ }
+ }
+ return true;
+ };
+ Popup.prototype.isElementVisible = function (relateToElement, scrollElement) {
+ var rect = this.checkGetBoundingClientRect(relateToElement);
+ if (!rect.height || !rect.width) {
+ return false;
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.checkGetBoundingClientRect(scrollElement))) {
+ var parent_4 = scrollElement.getBoundingClientRect();
+ return !(rect.bottom < parent_4.top) &&
+ (!(rect.bottom > parent_4.bottom) &&
+ (!(rect.right > parent_4.right) &&
+ !(rect.left < parent_4.left)));
+ }
+ else {
+ var win = window;
+ var windowView = {
+ top: win.scrollY,
+ left: win.scrollX,
+ right: win.scrollX + win.outerWidth,
+ bottom: win.scrollY + win.outerHeight
+ };
+ var off = Object(_common_position__WEBPACK_IMPORTED_MODULE_1__["calculatePosition"])(relateToElement);
+ var ele = {
+ top: off.top,
+ left: off.left,
+ right: off.left + rect.width,
+ bottom: off.top + rect.height
+ };
+ var elementView = {
+ top: windowView.bottom - ele.top,
+ left: windowView.right - ele.left,
+ bottom: ele.bottom - windowView.top,
+ right: ele.right - windowView.left
+ };
+ return elementView.top > 0
+ && elementView.left > 0
+ && elementView.right > 0
+ && elementView.bottom > 0;
+ }
+ };
+ /**
+ * Initialize the event handler
+ *
+ * @returns {void}
+ * @private
+ */
+ Popup.prototype.preRender = function () {
+ //There is no event handler
+ };
+ Popup.prototype.setEnableRtl = function () {
+ this.reposition();
+ // eslint-disable-next-line
+ this.enableRtl ? this.element.classList.add(CLASSNAMES.RTL) : this.element.classList.remove(CLASSNAMES.RTL);
+ };
+ Popup.prototype.setContent = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.content)) {
+ this.element.innerHTML = '';
+ if (typeof (this.content) === 'string') {
+ this.element.textContent = this.content;
+ }
+ else {
+ var relateToElem = this.getRelateToElement();
+ // eslint-disable-next-line
+ var props = this.content.props;
+ if (!relateToElem.classList.contains('e-dropdown-btn') || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(props)) {
+ this.element.appendChild(this.content);
+ }
+ }
+ }
+ };
+ Popup.prototype.orientationOnChange = function () {
+ var _this = this;
+ setTimeout(function () {
+ _this.refreshPosition();
+ }, 200);
+ };
+ // eslint-disable-next-line
+ /**
+ * Based on the `relative` element and `offset` values, `Popup` element position will refreshed.
+ *
+ * @returns {void}
+ */
+ Popup.prototype.refreshPosition = function (target, collision) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(target)) {
+ this.checkFixedParent(target);
+ }
+ this.reposition();
+ if (!collision) {
+ this.checkCollision();
+ }
+ };
+ Popup.prototype.reposition = function () {
+ var pos;
+ var position;
+ var relateToElement = this.getRelateToElement();
+ if (typeof this.position.X === 'number' && typeof this.position.Y === 'number') {
+ pos = { left: this.position.X, top: this.position.Y };
+ }
+ else if ((typeof this.position.X === 'string' && typeof this.position.Y === 'number') ||
+ (typeof this.position.X === 'number' && typeof this.position.Y === 'string')) {
+ var parentDisplay = void 0;
+ var display = this.element.style.display;
+ this.element.style.display = 'block';
+ if (this.element.classList.contains('e-dlg-modal')) {
+ parentDisplay = this.element.parentElement.style.display;
+ this.element.parentElement.style.display = 'block';
+ }
+ position = this.getAnchorPosition(relateToElement, this.element, this.position, this.offsetX, this.offsetY);
+ if (typeof this.position.X === 'string') {
+ pos = { left: position.left, top: this.position.Y };
+ }
+ else {
+ pos = { left: this.position.X, top: position.top };
+ }
+ this.element.style.display = display;
+ if (this.element.classList.contains('e-dlg-modal')) {
+ this.element.parentElement.style.display = parentDisplay;
+ }
+ }
+ else if (relateToElement) {
+ var display = this.element.style.display;
+ this.element.style.display = 'block';
+ pos = this.getAnchorPosition(relateToElement, this.element, this.position, this.offsetX, this.offsetY);
+ this.element.style.display = display;
+ }
+ else {
+ pos = { left: 0, top: 0 };
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(pos)) {
+ this.element.style.left = pos.left + 'px';
+ this.element.style.top = pos.top + 'px';
+ }
+ };
+ Popup.prototype.checkGetBoundingClientRect = function (ele) {
+ var eleRect;
+ try {
+ eleRect = ele.getBoundingClientRect();
+ return eleRect;
+ }
+ catch (error) {
+ return null;
+ }
+ };
+ Popup.prototype.getAnchorPosition = function (anchorEle, ele, position, offsetX, offsetY) {
+ var eleRect = this.checkGetBoundingClientRect(ele);
+ var anchorRect = this.checkGetBoundingClientRect(anchorEle);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(eleRect) || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(anchorRect)) {
+ return null;
+ }
+ var anchor = anchorEle;
+ var anchorPos = { left: 0, top: 0 };
+ if (ele.offsetParent && ele.offsetParent.tagName === 'BODY' && anchorEle.tagName === 'BODY') {
+ anchorPos = Object(_common_position__WEBPACK_IMPORTED_MODULE_1__["calculatePosition"])(anchorEle);
+ }
+ else {
+ if ((ele.classList.contains('e-dlg-modal') && anchor.tagName !== 'BODY')) {
+ ele = ele.parentElement;
+ }
+ anchorPos = Object(_common_position__WEBPACK_IMPORTED_MODULE_1__["calculateRelativeBasedPosition"])(anchor, ele);
+ }
+ switch (position.X) {
+ default:
+ case 'left':
+ break;
+ case 'center':
+ if ((ele.classList.contains('e-dlg-modal') && anchor.tagName === 'BODY' && this.targetType === 'container')) {
+ anchorPos.left += (window.innerWidth / 2 - eleRect.width / 2);
+ }
+ else if (this.targetType === 'container') {
+ anchorPos.left += (anchorRect.width / 2 - eleRect.width / 2);
+ }
+ else {
+ anchorPos.left += (anchorRect.width / 2);
+ }
+ break;
+ case 'right':
+ if ((ele.classList.contains('e-dlg-modal') && anchor.tagName === 'BODY' && this.targetType === 'container')) {
+ anchorPos.left += (window.innerWidth - eleRect.width);
+ }
+ else if (this.targetType === 'container') {
+ anchorPos.left += (anchorRect.width - eleRect.width);
+ }
+ else {
+ anchorPos.left += (anchorRect.width);
+ }
+ break;
+ }
+ switch (position.Y) {
+ default:
+ case 'top':
+ break;
+ case 'center':
+ if ((ele.classList.contains('e-dlg-modal') && anchor.tagName === 'BODY' && this.targetType === 'container')) {
+ anchorPos.top += (window.innerHeight / 2 - eleRect.height / 2);
+ }
+ else if (this.targetType === 'container') {
+ anchorPos.top += (anchorRect.height / 2 - eleRect.height / 2);
+ }
+ else {
+ anchorPos.top += (anchorRect.height / 2);
+ }
+ break;
+ case 'bottom':
+ if ((ele.classList.contains('e-dlg-modal') && anchor.tagName === 'BODY' && this.targetType === 'container')) {
+ anchorPos.top += (window.innerHeight - eleRect.height);
+ }
+ else if (this.targetType === 'container') {
+ anchorPos.top += (anchorRect.height - eleRect.height);
+ }
+ else {
+ anchorPos.top += (anchorRect.height);
+ }
+ break;
+ }
+ anchorPos.left += offsetX;
+ anchorPos.top += offsetY;
+ return anchorPos;
+ };
+ Popup.prototype.callFlip = function (param) {
+ var relateToElement = this.getRelateToElement();
+ Object(_common_collision__WEBPACK_IMPORTED_MODULE_2__["flip"])(this.element, relateToElement, this.offsetX, this.offsetY, this.position.X, this.position.Y, this.viewPortElement, param, this.fixedParent);
+ };
+ Popup.prototype.callFit = function (param) {
+ if (Object(_common_collision__WEBPACK_IMPORTED_MODULE_2__["isCollide"])(this.element, this.viewPortElement).length !== 0) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.viewPortElement)) {
+ var data = Object(_common_collision__WEBPACK_IMPORTED_MODULE_2__["fit"])(this.element, this.viewPortElement, param);
+ if (param.X) {
+ this.element.style.left = data.left + 'px';
+ }
+ if (param.Y) {
+ this.element.style.top = data.top + 'px';
+ }
+ }
+ else {
+ var elementRect = this.checkGetBoundingClientRect(this.element);
+ var viewPortRect = this.checkGetBoundingClientRect(this.viewPortElement);
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(elementRect) || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(viewPortRect)) {
+ return null;
+ }
+ if (param && param.Y === true) {
+ if (viewPortRect.top > elementRect.top) {
+ this.element.style.top = '0px';
+ }
+ else if (viewPortRect.bottom < elementRect.bottom) {
+ this.element.style.top = parseInt(this.element.style.top, 10) - (elementRect.bottom - viewPortRect.bottom) + 'px';
+ }
+ }
+ if (param && param.X === true) {
+ if (viewPortRect.right < elementRect.right) {
+ this.element.style.left = parseInt(this.element.style.left, 10) - (elementRect.right - viewPortRect.right) + 'px';
+ }
+ else if (viewPortRect.left > elementRect.left) {
+ this.element.style.left = parseInt(this.element.style.left, 10) + (viewPortRect.left - elementRect.left) + 'px';
+ }
+ }
+ }
+ }
+ };
+ Popup.prototype.checkCollision = function () {
+ var horz = this.collision.X;
+ var vert = this.collision.Y;
+ if (horz === 'none' && vert === 'none') {
+ return;
+ }
+ if (horz === 'flip' && vert === 'flip') {
+ this.callFlip({ X: true, Y: true });
+ }
+ else if (horz === 'fit' && vert === 'fit') {
+ this.callFit({ X: true, Y: true });
+ }
+ else {
+ if (horz === 'flip') {
+ this.callFlip({ X: true, Y: false });
+ }
+ else if (vert === 'flip') {
+ this.callFlip({ Y: true, X: false });
+ }
+ if (horz === 'fit') {
+ this.callFit({ X: true, Y: false });
+ }
+ else if (vert === 'fit') {
+ this.callFit({ X: false, Y: true });
+ }
+ }
+ };
+ /**
+ * Shows the popup element from screen.
+ *
+ * @returns {void}
+ * @param {AnimationModel} animationOptions - specifies the model
+ * @param { HTMLElement } relativeElement - To calculate the zIndex value dynamically.
+ */
+ Popup.prototype.show = function (animationOptions, relativeElement) {
+ var _this = this;
+ var relateToElement = this.getRelateToElement();
+ if (relateToElement.classList.contains('e-filemanager')) {
+ this.fmDialogContainer = this.element.getElementsByClassName('e-file-select-wrap')[0];
+ }
+ this.wireEvents();
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.fmDialogContainer) && _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isIos) {
+ this.fmDialogContainer.style.display = 'block';
+ }
+ if (this.zIndex === 1000 || !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(relativeElement)) {
+ var zIndexElement = (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(relativeElement)) ? this.element : relativeElement;
+ this.zIndex = getZindexPartial(zIndexElement);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["setStyleAttribute"])(this.element, { 'zIndex': this.zIndex });
+ }
+ animationOptions = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(animationOptions) && typeof animationOptions === 'object') ?
+ animationOptions : this.showAnimation;
+ if (this.collision.X !== 'none' || this.collision.Y !== 'none') {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], CLASSNAMES.CLOSE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLASSNAMES.OPEN);
+ this.checkCollision();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], CLASSNAMES.OPEN);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLASSNAMES.CLOSE);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(animationOptions)) {
+ animationOptions.begin = function () {
+ if (!_this.isDestroyed) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([_this.element], CLASSNAMES.CLOSE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([_this.element], CLASSNAMES.OPEN);
+ }
+ };
+ animationOptions.end = function () {
+ if (!_this.isDestroyed) {
+ _this.trigger('open');
+ }
+ };
+ new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"](animationOptions).animate(this.element);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], CLASSNAMES.CLOSE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLASSNAMES.OPEN);
+ this.trigger('open');
+ }
+ };
+ /**
+ * Hides the popup element from screen.
+ *
+ * @param {AnimationModel} animationOptions - To give the animation options.
+ * @returns {void}
+ */
+ Popup.prototype.hide = function (animationOptions) {
+ var _this = this;
+ animationOptions = (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(animationOptions) && typeof animationOptions === 'object') ?
+ animationOptions : this.hideAnimation;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(animationOptions)) {
+ animationOptions.end = function () {
+ if (!_this.isDestroyed) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([_this.element], CLASSNAMES.OPEN);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([_this.element], CLASSNAMES.CLOSE);
+ _this.trigger('close');
+ }
+ };
+ new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"](animationOptions).animate(this.element);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], CLASSNAMES.OPEN);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], CLASSNAMES.CLOSE);
+ this.trigger('close');
+ }
+ this.unwireEvents();
+ };
+ /**
+ * Gets scrollable parent elements for the given element.
+ *
+ * @returns {void}
+ * @param { HTMLElement } element - Specify the element to get the scrollable parents of it.
+ */
+ Popup.prototype.getScrollableParent = function (element) {
+ this.checkFixedParent(element);
+ return getScrollableParent(element, this.fixedParent);
+ };
+ Popup.prototype.checkFixedParent = function (element) {
+ var parent = element.parentElement;
+ while (parent && parent.tagName !== 'HTML') {
+ var parentStyle = getComputedStyle(parent);
+ if (parentStyle.position === 'fixed' && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element) && this.element.offsetParent &&
+ this.element.offsetParent.tagName === 'BODY' && getComputedStyle(this.element.offsetParent).overflow !== 'hidden') {
+ this.element.style.top = window.scrollY > parseInt(this.element.style.top, 10) ?
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(window.scrollY - parseInt(this.element.style.top, 10))
+ : Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(parseInt(this.element.style.top, 10) - window.scrollY);
+ this.element.style.position = 'fixed';
+ this.fixedParent = true;
+ }
+ parent = parent.parentElement;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element) && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.element.offsetParent) && parentStyle.position === 'fixed'
+ && this.element.style.position === 'fixed') {
+ this.fixedParent = true;
+ }
+ }
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('auto')
+ ], Popup.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('auto')
+ ], Popup.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Popup.prototype, "content", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('container')
+ ], Popup.prototype, "targetType", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Popup.prototype, "viewPortElement", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({ X: 'none', Y: 'none' })
+ ], Popup.prototype, "collision", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Popup.prototype, "relateTo", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, PositionData)
+ ], Popup.prototype, "position", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Popup.prototype, "offsetX", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Popup.prototype, "offsetY", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(1000)
+ ], Popup.prototype, "zIndex", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Popup.prototype, "enableRtl", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('reposition')
+ ], Popup.prototype, "actionOnScroll", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Popup.prototype, "showAnimation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(null)
+ ], Popup.prototype, "hideAnimation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Popup.prototype, "open", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Popup.prototype, "close", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Popup.prototype, "targetExitViewport", void 0);
+ Popup = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], Popup);
+ return Popup;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+/**
+ * Gets scrollable parent elements for the given element.
+ *
+ * @param { HTMLElement } element - Specify the element to get the scrollable parents of it.
+ * @param {boolean} fixedParent - specifies the parent element
+ * @private
+ * @returns {void}
+ */
+function getScrollableParent(element, fixedParent) {
+ var eleStyle = getComputedStyle(element);
+ var scrollParents = [];
+ var overflowRegex = /(auto|scroll)/;
+ var parent = element.parentElement;
+ while (parent && parent.tagName !== 'HTML') {
+ var parentStyle = getComputedStyle(parent);
+ if (!(eleStyle.position === 'absolute' && parentStyle.position === 'static')
+ && overflowRegex.test(parentStyle.overflow + parentStyle.overflowY + parentStyle.overflowX)) {
+ scrollParents.push(parent);
+ }
+ parent = parent.parentElement;
+ }
+ if (!fixedParent) {
+ scrollParents.push(document);
+ }
+ return scrollParents;
+}
+/**
+ * Gets the maximum z-index of the given element.
+ *
+ * @returns {void}
+ * @param { HTMLElement } element - Specify the element to get the maximum z-index of it.
+ * @private
+ */
+function getZindexPartial(element) {
+ // upto body traversal
+ var parent = element.parentElement;
+ var parentZindex = [];
+ while (parent) {
+ if (parent.tagName !== 'BODY') {
+ var index = document.defaultView.getComputedStyle(parent, null).getPropertyValue('z-index');
+ var position = document.defaultView.getComputedStyle(parent, null).getPropertyValue('position');
+ if (index !== 'auto' && position !== 'static') {
+ parentZindex.push(index);
+ }
+ parent = parent.parentElement;
+ }
+ else {
+ break;
+ }
+ }
+ var childrenZindex = [];
+ for (var i = 0; i < document.body.children.length; i++) {
+ if (!element.isEqualNode(document.body.children[i])) {
+ var index = document.defaultView.getComputedStyle(document.body.children[i], null).getPropertyValue('z-index');
+ var position = document.defaultView.getComputedStyle(document.body.children[i], null).getPropertyValue('position');
+ if (index !== 'auto' && position !== 'static') {
+ childrenZindex.push(index);
+ }
+ }
+ }
+ childrenZindex.push('999');
+ var siblingsZindex = [];
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(element.parentElement) && element.parentElement.tagName !== 'BODY') {
+ var childNodes = [].slice.call(element.parentElement.children);
+ for (var i = 0; i < childNodes.length; i++) {
+ if (!element.isEqualNode(childNodes[i])) {
+ var index = document.defaultView.getComputedStyle(childNodes[i], null).getPropertyValue('z-index');
+ var position = document.defaultView.getComputedStyle(childNodes[i], null).getPropertyValue('position');
+ if (index !== 'auto' && position !== 'static') {
+ siblingsZindex.push(index);
+ }
+ }
+ }
+ }
+ var finalValue = parentZindex.concat(childrenZindex, siblingsZindex);
+ // eslint-disable-next-line
+ var currentZindexValue = Math.max.apply(Math, finalValue) + 1;
+ return currentZindexValue > 2147483647 ? 2147483647 : currentZindexValue;
+}
+/**
+ * Gets the maximum z-index of the page.
+ *
+ * @returns {void}
+ * @param { HTMLElement } tagName - Specify the tagName to get the maximum z-index of it.
+ * @private
+ */
+function getMaxZindex(tagName) {
+ if (tagName === void 0) { tagName = ['*']; }
+ var maxZindex = [];
+ for (var i = 0; i < tagName.length; i++) {
+ var elements = document.getElementsByTagName(tagName[i]);
+ for (var i_1 = 0; i_1 < elements.length; i_1++) {
+ var index = document.defaultView.getComputedStyle(elements[i_1], null).getPropertyValue('z-index');
+ var position = document.defaultView.getComputedStyle(elements[i_1], null).getPropertyValue('position');
+ if (index !== 'auto' && position !== 'static') {
+ maxZindex.push(index);
+ }
+ }
+ }
+ // eslint-disable-next-line
+ var currentZindexValue = Math.max.apply(Math, maxZindex) + 1;
+ return currentZindexValue > 2147483647 ? 2147483647 : currentZindexValue;
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-popups/spinner/index.js":
+/*!*******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-popups/spinner/index.js ***!
+ \*******************************************************************/
+/*! exports provided: Spinner, createSpinner, showSpinner, hideSpinner, setSpinner */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _spinner__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./spinner */ "./ej2-resources/22.1.37/scripts/ej2-popups/spinner/spinner.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Spinner", function() { return _spinner__WEBPACK_IMPORTED_MODULE_0__["Spinner"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSpinner", function() { return _spinner__WEBPACK_IMPORTED_MODULE_0__["createSpinner"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "showSpinner", function() { return _spinner__WEBPACK_IMPORTED_MODULE_0__["showSpinner"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hideSpinner", function() { return _spinner__WEBPACK_IMPORTED_MODULE_0__["hideSpinner"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setSpinner", function() { return _spinner__WEBPACK_IMPORTED_MODULE_0__["setSpinner"]; });
+
+/**
+ * spinner modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-popups/spinner/spinner.js":
+/*!*********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-popups/spinner/spinner.js ***!
+ \*********************************************************************/
+/*! exports provided: Spinner, createSpinner, showSpinner, hideSpinner, setSpinner */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Spinner", function() { return Spinner; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createSpinner", function() { return createSpinner; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "showSpinner", function() { return showSpinner; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hideSpinner", function() { return hideSpinner; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setSpinner", function() { return setSpinner; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+
+var globalTimeOut = {};
+var DEFT_MAT_WIDTH = 30;
+var DEFT_MAT3_WIDTH = 30;
+var DEFT_FAB_WIDTH = 30;
+var DEFT_FLUENT_WIDTH = 30;
+var DEFT_BOOT_WIDTH = 30;
+var DEFT_BOOT4_WIDTH = 36;
+var DEFT_BOOT5_WIDTH = 36;
+var CLS_SHOWSPIN = 'e-spin-show';
+var CLS_HIDESPIN = 'e-spin-hide';
+var CLS_MATERIALSPIN = 'e-spin-material';
+var CLS_MATERIAL3SPIN = 'e-spin-material3';
+var CLS_FABRICSPIN = 'e-spin-fabric';
+var CLS_FLUENTSPIN = 'e-spin-fluent';
+var CLS_TAILWINDSPIN = 'e-spin-tailwind';
+var CLS_BOOTSPIN = 'e-spin-bootstrap';
+var CLS_BOOT4SPIN = 'e-spin-bootstrap4';
+var CLS_BOOT5SPIN = 'e-spin-bootstrap5';
+var CLS_HIGHCONTRASTSPIN = 'e-spin-high-contrast';
+var CLS_SPINWRAP = 'e-spinner-pane';
+var CLS_SPININWRAP = 'e-spinner-inner';
+var CLS_SPINCIRCLE = 'e-path-circle';
+var CLS_SPINARC = 'e-path-arc';
+var CLS_SPINLABEL = 'e-spin-label';
+var CLS_SPINTEMPLATE = 'e-spin-template';
+var spinTemplate = null;
+var spinCSSClass = null;
+// eslint-disable-next-line
+/**
+ * Function to change the Spinners in a page globally from application end.
+ * ```
+ * E.g : blazorSpinner({ action: "Create", options: {target: targetElement}, type: "" });
+ * ```
+ *
+ * @param {string} action - specifies the string
+ * @param {CreateArgs} options - specifies the args
+ * @param {string} target - specifies the target
+ * @param {string} type - specifes the type
+ * @returns {void}
+ * @private
+ */
+function Spinner(action, options, target, type) {
+ switch (action) {
+ case 'Create':
+ /* eslint-disable */
+ var element = document.querySelector(options.target);
+ var args = { type: type, target: element, cssClass: options.cssClass,
+ label: options.label, width: options.width };
+ /* eslint-enable */
+ createSpinner(args);
+ break;
+ case 'Show':
+ showSpinner(document.querySelector(target));
+ break;
+ case 'Hide':
+ hideSpinner(document.querySelector(target));
+ break;
+ case 'Set':
+ // eslint-disable-next-line
+ var setArgs = { cssClass: options.cssClass, type: type };
+ setSpinner(setArgs);
+ break;
+ }
+}
+/**
+ * Create a spinner for the specified target element.
+ * ```
+ * E.g : createSpinner({ target: targetElement, width: '34px', label: 'Loading..' });
+ * ```
+ *
+ * @param {SpinnerArgs} args - specifies the args
+ * @param {CreateElementArgs} internalCreateElement - specifis the element args
+ * @returns {void}
+ * @private
+ */
+function createSpinner(args, internalCreateElement) {
+ if (!args.target) {
+ return;
+ }
+ var radius;
+ var makeElement = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(internalCreateElement) ? internalCreateElement : _ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"];
+ // eslint-disable-next-line
+ var container = create_spinner_container(args.target, makeElement);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.cssClass)) {
+ container.wrap.classList.add(args.cssClass);
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.template) || !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(spinTemplate)) {
+ var template = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.template) ? args.template : spinTemplate;
+ container.wrap.classList.add(CLS_SPINTEMPLATE);
+ replaceContent(container.wrap, template, spinCSSClass);
+ }
+ else {
+ var theme = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.type) ? args.type : getTheme(container.wrap);
+ var width = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.width) ? args.width : undefined;
+ radius = calculateRadius(width, theme);
+ setTheme(theme, container.wrap, radius, makeElement);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(args.label)) {
+ createLabel(container.inner_wrap, args.label, makeElement);
+ }
+ }
+ container.wrap.classList.add(CLS_HIDESPIN);
+ container = null;
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @param {string} label - specifies the string
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {HTMLElement} - returns the element
+ */
+function createLabel(container, label, makeElement) {
+ var labelEle = makeElement('div', {});
+ labelEle.classList.add(CLS_SPINLABEL);
+ labelEle.innerHTML = label;
+ container.appendChild(labelEle);
+ return labelEle;
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @param {number} radius - specifies the radius
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+function createMaterialSpinner(container, radius, makeElement) {
+ var uniqueID = random_generator();
+ globalTimeOut["" + uniqueID] = { timeOut: 0, type: 'Material', radius: radius };
+ create_material_element(container, uniqueID, makeElement, CLS_MATERIALSPIN);
+ mat_calculate_attributes(radius, container, 'Material', CLS_MATERIALSPIN);
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @param {number} radius - specifies the radius
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+function createMaterial3Spinner(container, radius, makeElement) {
+ var uniqueID = random_generator();
+ globalTimeOut["" + uniqueID] = { timeOut: 0, type: 'Material3', radius: radius };
+ create_material_element(container, uniqueID, makeElement, CLS_MATERIAL3SPIN);
+ mat_calculate_attributes(radius, container, 'Material3', CLS_MATERIAL3SPIN);
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @param {number} radius - specifies the radius
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+function createBootstrap4Spinner(container, radius, makeElement) {
+ var uniqueID = random_generator();
+ globalTimeOut["" + uniqueID] = { timeOut: 0, type: 'Bootstrap4', radius: radius };
+ create_material_element(container, uniqueID, makeElement, CLS_BOOT4SPIN);
+ mat_calculate_attributes(radius, container, 'Bootstrap4', CLS_BOOT4SPIN);
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @param {number} radius - specifies the radius
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+function createBootstrap5Spinner(container, radius, makeElement) {
+ var uniqueID = random_generator();
+ globalTimeOut["" + uniqueID] = { timeOut: 0, type: 'Bootstrap5', radius: radius };
+ create_material_element(container, uniqueID, makeElement, CLS_BOOT5SPIN);
+ mat_calculate_attributes(radius, container, 'Bootstrap5', CLS_BOOT5SPIN);
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @param {string} uniqueID - specifies the id.
+ * @param {number} radius - specifies the radius
+ * @returns {void}
+ */
+function startMatAnimate(container, uniqueID, radius) {
+ var globalObject = {};
+ var timeOutVar = 0;
+ globalTimeOut["" + uniqueID].timeOut = 0;
+ globalObject["" + uniqueID] = globalVariables(uniqueID, radius, 0, 0);
+ // eslint-disable-next-line
+ var spinnerInfo = { uniqueID: uniqueID, container: container, globalInfo: globalObject, timeOutVar: timeOutVar };
+ animateMaterial(spinnerInfo);
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @param {number} radius - specifies the radius
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+function createFabricSpinner(container, radius, makeElement) {
+ var uniqueID = random_generator();
+ globalTimeOut["" + uniqueID] = { timeOut: 0, type: 'Fabric', radius: radius };
+ create_fabric_element(container, uniqueID, CLS_FABRICSPIN, makeElement);
+ fb_calculate_attributes(radius, container, CLS_FABRICSPIN);
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @param {number} radius - specifies the radius
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+function createFluentSinner(container, radius, makeElement) {
+ var uniqueID = random_generator();
+ globalTimeOut["" + uniqueID] = { timeOut: 0, type: 'Fluent', radius: radius };
+ create_fabric_element(container, uniqueID, CLS_FLUENTSPIN, makeElement);
+ fb_calculate_attributes(radius, container, CLS_FLUENTSPIN);
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @param {number} radius - specifies the radius
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+function createTailwindSpinner(container, radius, makeElement) {
+ var uniqueID = random_generator();
+ globalTimeOut["" + uniqueID] = { timeOut: 0, type: 'Tailwind', radius: radius };
+ create_fabric_element(container, uniqueID, CLS_TAILWINDSPIN, makeElement);
+ fb_calculate_attributes(radius, container, CLS_TAILWINDSPIN);
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @param {number} radius - specifies the radius
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+function createHighContrastSpinner(container, radius, makeElement) {
+ var uniqueID = random_generator();
+ globalTimeOut["" + uniqueID] = { timeOut: 0, type: 'HighContrast', radius: radius };
+ create_fabric_element(container, uniqueID, CLS_HIGHCONTRASTSPIN, makeElement);
+ fb_calculate_attributes(radius, container, CLS_HIGHCONTRASTSPIN);
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @returns {string} - returns the string
+ */
+function getTheme(container) {
+ var theme = window.getComputedStyle(container, ':after').getPropertyValue('content');
+ return theme.replace(/['"]+/g, '');
+}
+/**
+ *
+ * @param {string} theme - specifies the theme
+ * @param {HTMLElement} container - specifies the element
+ * @param {number} radius - specifies the radius
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+function setTheme(theme, container, radius, makeElement) {
+ var innerContainer = container.querySelector('.' + CLS_SPININWRAP);
+ var svg = innerContainer.querySelector('svg');
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(svg)) {
+ innerContainer.removeChild(svg);
+ }
+ switch (theme) {
+ case 'Material':
+ createMaterialSpinner(innerContainer, radius, makeElement);
+ break;
+ case 'Material3':
+ createMaterial3Spinner(innerContainer, radius, makeElement);
+ break;
+ case 'Fabric':
+ createFabricSpinner(innerContainer, radius, makeElement);
+ break;
+ case 'Fluent':
+ createFluentSinner(innerContainer, radius, makeElement);
+ break;
+ case 'Bootstrap':
+ createBootstrapSpinner(innerContainer, radius, makeElement);
+ break;
+ case 'HighContrast':
+ createHighContrastSpinner(innerContainer, radius, makeElement);
+ break;
+ case 'Bootstrap4':
+ createBootstrap4Spinner(innerContainer, radius, makeElement);
+ break;
+ case 'Bootstrap5':
+ createBootstrap5Spinner(innerContainer, radius, makeElement);
+ break;
+ case 'Tailwind':
+ case 'Tailwind-dark':
+ createTailwindSpinner(innerContainer, radius, makeElement);
+ break;
+ }
+}
+/**
+ *
+ * @param {HTMLElement} innerContainer - specifies the element
+ * @param {number} radius - specifies the radius
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+function createBootstrapSpinner(innerContainer, radius, makeElement) {
+ var uniqueID = random_generator();
+ globalTimeOut["" + uniqueID] = { timeOut: 0, type: 'Bootstrap', radius: radius };
+ create_bootstrap_element(innerContainer, uniqueID, makeElement);
+ boot_calculate_attributes(innerContainer, radius);
+}
+/**
+ *
+ * @param {HTMLElement} innerContainer - specifies the element
+ * @param {string} uniqueID - specifies the id
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+// eslint-disable-next-line
+function create_bootstrap_element(innerContainer, uniqueID, makeElement) {
+ var svgBoot = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ var viewBoxValue = 64;
+ var trans = 32;
+ var defaultRadius = 2;
+ svgBoot.setAttribute('id', uniqueID);
+ svgBoot.setAttribute('class', CLS_BOOTSPIN);
+ svgBoot.setAttribute('viewBox', '0 0 ' + viewBoxValue + ' ' + viewBoxValue);
+ innerContainer.insertBefore(svgBoot, innerContainer.firstChild);
+ for (var item = 0; item <= 7; item++) {
+ var bootCircle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ bootCircle.setAttribute('class', CLS_SPINCIRCLE + '_' + item);
+ bootCircle.setAttribute('r', defaultRadius + '');
+ bootCircle.setAttribute('transform', 'translate(' + trans + ',' + trans + ')');
+ svgBoot.appendChild(bootCircle);
+ }
+}
+/**
+ *
+ * @param {HTMLElement} innerContainer - specifies the element
+ * @param {number} radius - specifies the radius
+ * @returns {void}
+ */
+// eslint-disable-next-line
+function boot_calculate_attributes(innerContainer, radius) {
+ var svg = innerContainer.querySelector('svg.e-spin-bootstrap');
+ var x = 0;
+ var y = 0;
+ var rad = 24;
+ svg.style.width = svg.style.height = radius + 'px';
+ var startArc = 90;
+ for (var item = 0; item <= 7; item++) {
+ var start = defineArcPoints(x, y, rad, startArc);
+ var circleEle = svg.querySelector('.' + CLS_SPINCIRCLE + '_' + item);
+ circleEle.setAttribute('cx', start.x + '');
+ circleEle.setAttribute('cy', start.y + '');
+ startArc = startArc >= 360 ? 0 : startArc;
+ startArc = startArc + 45;
+ }
+}
+/**
+ *
+ * @param {number} begin - specifies the number
+ * @param {number} stop - specifirs the number
+ * @returns {number[]} - returns the array of number
+ */
+function generateSeries(begin, stop) {
+ var series = [];
+ var start = begin;
+ var end = stop;
+ // eslint-disable-next-line
+ var increment = false, count = 1;
+ formSeries(start);
+ /**
+ *
+ * @param {number} i - specifies the number
+ * @returns {void}
+ */
+ function formSeries(i) {
+ series.push(i);
+ if (i !== end || count === 1) {
+ if (i <= start && i > 1 && !increment) {
+ i = parseFloat((i - 0.2).toFixed(2));
+ }
+ else if (i === 1) {
+ i = 7;
+ i = parseFloat((i + 0.2).toFixed(2));
+ increment = true;
+ }
+ else if (i < 8 && increment) {
+ i = parseFloat((i + 0.2).toFixed(2));
+ if (i === 8) {
+ increment = false;
+ }
+ }
+ else if (i <= 8 && !increment) {
+ i = parseFloat((i - 0.2).toFixed(2));
+ }
+ ++count;
+ formSeries(i);
+ }
+ }
+ return series;
+}
+/**
+ *
+ * @param {HTMLElement} innerContainer - specifies the element
+ * @returns {void}
+ */
+function animateBootstrap(innerContainer) {
+ var svg = innerContainer.querySelector('svg.e-spin-bootstrap');
+ var id = svg.getAttribute('id');
+ for (var i = 1; i <= 8; i++) {
+ var circleEle = (innerContainer.getElementsByClassName('e-path-circle_' +
+ (i === 8 ? 0 : i))[0]);
+ rotation(circleEle, i, i, generateSeries(i, i), id);
+ }
+ /**
+ *
+ * @param {SVGCircleElement} circle - specifies the circl element
+ * @param {number} start - specifies the number
+ * @param {number} end - specifies the end number
+ * @param {number} series - specifies the series
+ * @param {string} id - specifies the id
+ * @returns {void}
+ */
+ function rotation(circle, start, end, series, id) {
+ var count = 0;
+ boot_animate(start);
+ // eslint-disable-next-line
+ function boot_animate(radius) {
+ if (globalTimeOut["" + id].isAnimate) {
+ ++count;
+ circle.setAttribute('r', radius + '');
+ if (count >= series.length) {
+ count = 0;
+ }
+ // eslint-disable-next-line
+ globalTimeOut[id].timeOut = setTimeout(boot_animate.bind(null, series[count]), 18);
+ }
+ }
+ }
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @param {string} template - specifies the template
+ * @param {string} cssClass - specifies the css class.
+ * @returns {void}
+ */
+function replaceContent(container, template, cssClass) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(cssClass)) {
+ container.classList.add(cssClass);
+ }
+ var inner = container.querySelector('.e-spinner-inner');
+ inner.innerHTML = template;
+}
+/**
+ *
+ * @param {string} width - specifies the width
+ * @param {string} theme - specifies the string
+ * @returns {number} - returns the number
+ */
+function calculateRadius(width, theme) {
+ var defaultSize;
+ switch (theme) {
+ case 'Material':
+ defaultSize = DEFT_MAT_WIDTH;
+ break;
+ case 'Material3':
+ defaultSize = DEFT_MAT3_WIDTH;
+ break;
+ case 'Fabric':
+ defaultSize = DEFT_FAB_WIDTH;
+ break;
+ case 'Tailwind':
+ case 'Tailwind-dark':
+ defaultSize = DEFT_FAB_WIDTH;
+ break;
+ case 'Fluent':
+ defaultSize = DEFT_FLUENT_WIDTH;
+ break;
+ case 'Bootstrap4':
+ defaultSize = DEFT_BOOT4_WIDTH;
+ break;
+ case 'Bootstrap5':
+ defaultSize = DEFT_BOOT5_WIDTH;
+ break;
+ default:
+ defaultSize = DEFT_BOOT_WIDTH;
+ }
+ width = width ? parseFloat(width + '') : defaultSize;
+ return theme === 'Bootstrap' ? width : width / 2;
+}
+/**
+ *
+ * @param {string} id - specifies the id
+ * @param {number} radius - specifies the radius
+ * @param {number} count - specifies the number count
+ * @param {number} previousId - specifies the previous id
+ * @returns {GlobalVariables} - returns the variables
+ */
+function globalVariables(id, radius, count, previousId) {
+ return {
+ radius: radius,
+ count: count,
+ previousId: previousId
+ };
+}
+/**
+ * @returns {string} - returns the string
+ */
+// eslint-disable-next-line
+function random_generator() {
+ var random = '';
+ var combine = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+ for (var i = 0; i < 5; i++) {
+ random += combine.charAt(Math.floor(Math.random() * combine.length));
+ }
+ return random;
+}
+/**
+ *
+ * @param {HTMLElement} innerCon - specifies the element
+ * @param {string} uniqueID - specifies the unique id
+ * @param {string} themeClass - specifies the string
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+// eslint-disable-next-line
+function create_fabric_element(innerCon, uniqueID, themeClass, makeElement) {
+ var svgFabric = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ svgFabric.setAttribute('id', uniqueID);
+ svgFabric.setAttribute('class', themeClass);
+ var fabricCirclePath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+ fabricCirclePath.setAttribute('class', CLS_SPINCIRCLE);
+ var fabricCircleArc = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+ fabricCircleArc.setAttribute('class', CLS_SPINARC);
+ innerCon.insertBefore(svgFabric, innerCon.firstChild);
+ svgFabric.appendChild(fabricCirclePath);
+ svgFabric.appendChild(fabricCircleArc);
+}
+/**
+ *
+ * @param {HTMLElement} innerContainer - specifies the element
+ * @param {string} uniqueID - specifies the unique id
+ * @param {createElementParams} makeElement - specifies the element
+ * @param {string} cls - specifies the string
+ * @returns {void}
+ */
+// eslint-disable-next-line
+function create_material_element(innerContainer, uniqueID, makeElement, cls) {
+ var svgMaterial = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ var matCirclePath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+ svgMaterial.setAttribute('class', cls);
+ svgMaterial.setAttribute('id', uniqueID);
+ matCirclePath.setAttribute('class', CLS_SPINCIRCLE);
+ innerContainer.insertBefore(svgMaterial, innerContainer.firstChild);
+ svgMaterial.appendChild(matCirclePath);
+}
+/**
+ *
+ * @param {HTMLElement} target - specifies the element
+ * @param {createElementParams} makeElement - specifies the element
+ * @returns {void}
+ */
+// eslint-disable-next-line
+function create_spinner_container(target, makeElement) {
+ var spinnerContainer = makeElement('div', {});
+ var spinnerInnerContainer = makeElement('div', {});
+ spinnerContainer.classList.add(CLS_SPINWRAP);
+ spinnerInnerContainer.classList.add(CLS_SPININWRAP);
+ target.appendChild(spinnerContainer);
+ spinnerContainer.appendChild(spinnerInnerContainer);
+ // eslint-disable-next-line
+ return { wrap: spinnerContainer, inner_wrap: spinnerInnerContainer };
+}
+/**
+ *
+ * @param {SpinnerInfo} spinnerInfo - specifies the spinner
+ * @returns {void}
+ */
+function animateMaterial(spinnerInfo) {
+ var start = 1;
+ var end = 149;
+ var duration = 1333;
+ var max = 75;
+ createCircle(start, end, easeAnimation, duration, spinnerInfo.globalInfo[spinnerInfo.uniqueID].count, max, spinnerInfo);
+ spinnerInfo.globalInfo[spinnerInfo.uniqueID].count = ++spinnerInfo.globalInfo[spinnerInfo.uniqueID].count % 4;
+}
+/**
+ *
+ * @param {number} start - specifies the number
+ * @param {number} end - specifies the end number
+ * @param {Function} easing - specifies the function
+ * @param {number} duration - specifies the duration
+ * @param {number} count - specifies the count
+ * @param {number} max - specifies the max number
+ * @param {SpinnerInfo} spinnerInfo - specifies the spinner info
+ * @returns {void}
+ */
+function createCircle(start, end, easing, duration, count, max, spinnerInfo) {
+ var id = ++spinnerInfo.globalInfo[spinnerInfo.uniqueID].previousId;
+ var startTime = new Date().getTime();
+ var change = end - start;
+ var diameter = getSize((spinnerInfo.globalInfo[spinnerInfo.uniqueID].radius * 2) + '');
+ var strokeSize = getStrokeSize(diameter);
+ var rotate = -90 * (spinnerInfo.globalInfo[spinnerInfo.uniqueID].count || 0);
+ mat_animation(spinnerInfo);
+ // eslint-disable-next-line
+ function mat_animation(spinnerInfo) {
+ var currentTime = Math.max(0, Math.min(new Date().getTime() - startTime, duration));
+ updatePath(easing(currentTime, start, change, duration), spinnerInfo.container);
+ if (id === spinnerInfo.globalInfo[spinnerInfo.uniqueID].previousId && currentTime < duration) {
+ // eslint-disable-next-line
+ globalTimeOut[spinnerInfo.uniqueID].timeOut = setTimeout(mat_animation.bind(null, spinnerInfo), 1);
+ }
+ else {
+ animateMaterial(spinnerInfo);
+ }
+ }
+ /**
+ *
+ * @param {number} value - specifies the number value
+ * @param {HTMLElement} container - specifies the container
+ * @returns {void}
+ */
+ function updatePath(value, container) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(container.querySelector('svg.e-spin-material')) || !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(container.querySelector('svg.e-spin-material3'))) {
+ var svg = void 0;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(container.querySelector('svg.e-spin-material')) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(container.querySelector('svg.e-spin-material').querySelector('path.e-path-circle'))) {
+ svg = container.querySelector('svg.e-spin-material');
+ }
+ else if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(container.querySelector('svg.e-spin-material3')) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(container.querySelector('svg.e-spin-material3').querySelector('path.e-path-circle'))) {
+ svg = container.querySelector('svg.e-spin-material3');
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(svg)) {
+ var path = svg.querySelector('path.e-path-circle');
+ path.setAttribute('stroke-dashoffset', getDashOffset(diameter, strokeSize, value, max) + '');
+ path.setAttribute('transform', 'rotate(' + (rotate) + ' ' + diameter / 2 + ' ' + diameter / 2 + ')');
+ }
+ }
+ }
+}
+/**
+ *
+ * @param {number} radius - specifies the number
+ * @param {HTMLElement} container - specifies the element
+ * @param {string} type - specifies the string type
+ * @param {string} cls - specifies the string
+ * @returns {void}
+ */
+// eslint-disable-next-line
+function mat_calculate_attributes(radius, container, type, cls) {
+ var diameter = radius * 2;
+ var svg = container.querySelector('svg.' + cls);
+ var path = svg.querySelector('path.e-path-circle');
+ var strokeSize = getStrokeSize(diameter);
+ var transformOrigin = (diameter / 2) + 'px';
+ svg.setAttribute('viewBox', '0 0 ' + diameter + ' ' + diameter);
+ svg.style.width = svg.style.height = diameter + 'px';
+ svg.style.transformOrigin = transformOrigin + ' ' + transformOrigin + ' ' + transformOrigin;
+ path.setAttribute('d', drawArc(diameter, strokeSize));
+ if (type === 'Material' || type === 'Material3') {
+ path.setAttribute('stroke-width', strokeSize + '');
+ path.setAttribute('stroke-dasharray', ((diameter - strokeSize) * Math.PI * 0.75) + '');
+ path.setAttribute('stroke-dashoffset', getDashOffset(diameter, strokeSize, 1, 75) + '');
+ }
+}
+/**
+ *
+ * @param {string} value - specifies the value
+ * @returns {number} - returns the number
+ */
+function getSize(value) {
+ var parsed = parseFloat(value);
+ return parsed;
+}
+/**
+ *
+ * @param {number} diameter - specifies the diameter
+ * @param {number} strokeSize - specifies the size
+ * @returns {string} - returns the string
+ */
+function drawArc(diameter, strokeSize) {
+ var radius = diameter / 2;
+ var offset = strokeSize / 2;
+ return 'M' + radius + ',' + offset
+ + 'A' + (radius - offset) + ',' + (radius - offset) + ' 0 1 1 ' + offset + ',' + radius;
+}
+/**
+ *
+ * @param {number} diameter - specifies the number
+ * @returns {number} - returns the number
+ */
+function getStrokeSize(diameter) {
+ return 10 / 100 * diameter;
+}
+/**
+ *
+ * @param {number} diameter - specifies the number
+ * @param {number} strokeSize - specifies the stroke size
+ * @param {number} value - specifies the value
+ * @param {number} max - specifies the max number
+ * @returns {number} - returns the number
+ */
+function getDashOffset(diameter, strokeSize, value, max) {
+ return (diameter - strokeSize) * Math.PI * ((3 * (max) / 100) - (value / 100));
+}
+/**
+ *
+ * @param {number} current - specifies the number
+ * @param {number} start - specifies the stroke size
+ * @param {number} change - specifies the value
+ * @param {number} duration - specifies the max number
+ * @returns {number} - returns the number
+ */
+function easeAnimation(current, start, change, duration) {
+ var timestamp = (current /= duration) * current;
+ var timecount = timestamp * current;
+ return start + change * (6 * timecount * timestamp + -15 * timestamp * timestamp + 10 * timecount);
+}
+/**
+ *
+ * @param {number} radius - specifies the number
+ * @param {HTMLElement} innerConainer - specifies the element
+ * @param {string} trgClass - specifies the class
+ * @returns {void}
+ */
+// eslint-disable-next-line
+function fb_calculate_attributes(radius, innerConainer, trgClass) {
+ var centerX = radius;
+ var centerY = radius;
+ var diameter = radius * 2;
+ // eslint-disable-next-line
+ var startArc = 315, endArc = 45;
+ var svg = innerConainer.querySelector('.' + trgClass);
+ var circle = svg.querySelector('.e-path-circle');
+ var path = svg.querySelector('.e-path-arc');
+ var transformOrigin = (diameter / 2) + 'px';
+ circle.setAttribute('d', defineCircle(centerX, centerY, radius));
+ path.setAttribute('d', defineArc(centerX, centerY, radius, startArc, endArc));
+ svg.setAttribute('viewBox', '0 0 ' + diameter + ' ' + diameter);
+ svg.style.transformOrigin = transformOrigin + ' ' + transformOrigin + ' ' + transformOrigin;
+ svg.style.width = svg.style.height = diameter + 'px';
+}
+/**
+ *
+ * @param {number} centerX - specifies the number
+ * @param {number} centerY - specifies the stroke size
+ * @param {number} radius - specifies the value
+ * @param {number} angle - specifies the max number
+ * @returns {number} - returns the number
+ */
+function defineArcPoints(centerX, centerY, radius, angle) {
+ var radians = (angle - 90) * Math.PI / 180.0;
+ return {
+ x: centerX + (radius * Math.cos(radians)),
+ y: centerY + (radius * Math.sin(radians))
+ };
+}
+/**
+ *
+ * @param {number} x - specifies the number
+ * @param {number} y - specifies the stroke size
+ * @param {number} radius - specifies the radius
+ * @param {number} startArc - specifies the value
+ * @param {number} endArc - specifies the max number
+ * @returns {number} - returns the number
+ */
+function defineArc(x, y, radius, startArc, endArc) {
+ var start = defineArcPoints(x, y, radius, endArc);
+ var end = defineArcPoints(x, y, radius, startArc);
+ var d = [
+ 'M', start.x, start.y,
+ 'A', radius, radius, 0, 0, 0, end.x, end.y
+ ].join(' ');
+ return d;
+}
+/**
+ *
+ * @param {number} x - specifies the number
+ * @param {number} y - specifies the stroke size
+ * @param {number} radius - specifies the value
+ * @returns {string} - returns the string
+ */
+function defineCircle(x, y, radius) {
+ var d = [
+ 'M', x, y,
+ 'm', -radius, 0,
+ 'a', radius, radius, 0, 1, 0, radius * 2, 0,
+ 'a', radius, radius, 0, 1, 0, -radius * 2, 0
+ ].join(' ');
+ return d;
+}
+/**
+ * Function to show the Spinner.
+ *
+ * @param {HTMLElement} container - Specify the target of the Spinner.
+ * @returns {void}
+ * @private
+ */
+function showSpinner(container) {
+ showHideSpinner(container, false);
+ container = null;
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the element
+ * @param {boolean} isHide - specifies the boolean
+ * @returns {void}
+ */
+function showHideSpinner(container, isHide) {
+ var spinnerWrap;
+ if (container) {
+ if (container.classList.contains(CLS_SPINWRAP)) {
+ spinnerWrap = container;
+ }
+ else {
+ var spinWrapCollection = void 0;
+ spinWrapCollection = container.querySelectorAll('.' + CLS_SPINWRAP);
+ spinnerWrap = Array.from(spinWrapCollection).find(function (wrap) { return wrap.parentElement === container; }) || null;
+ }
+ }
+ if (container && spinnerWrap) {
+ var inner = spinnerWrap.querySelector('.' + CLS_SPININWRAP);
+ var spinCheck = void 0;
+ // eslint-disable-next-line
+ spinCheck = isHide ? !spinnerWrap.classList.contains(CLS_SPINTEMPLATE) && !spinnerWrap.classList.contains(CLS_HIDESPIN) :
+ !spinnerWrap.classList.contains(CLS_SPINTEMPLATE) && !spinnerWrap.classList.contains(CLS_SHOWSPIN);
+ if (spinCheck) {
+ var svgEle = spinnerWrap.querySelector('svg');
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(svgEle)) {
+ return;
+ }
+ var id = svgEle.getAttribute('id');
+ globalTimeOut["" + id].isAnimate = !isHide;
+ switch (globalTimeOut["" + id].type) {
+ case 'Material':
+ case 'Material3':
+ // eslint-disable-next-line
+ isHide ? clearTimeout(globalTimeOut[id].timeOut) : startMatAnimate(inner, id, globalTimeOut[id].radius);
+ break;
+ case 'Bootstrap':
+ // eslint-disable-next-line
+ isHide ? clearTimeout(globalTimeOut[id].timeOut) : animateBootstrap(inner);
+ break;
+ }
+ }
+ // eslint-disable-next-line
+ isHide ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(spinnerWrap, [CLS_HIDESPIN], [CLS_SHOWSPIN]) : Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(spinnerWrap, [CLS_SHOWSPIN], [CLS_HIDESPIN]);
+ container = null;
+ }
+}
+/**
+ * Function to hide the Spinner.
+ *
+ * @param {HTMLElement} container - Specify the target of the Spinner.
+ * @returns {void}
+ * @private
+ */
+function hideSpinner(container) {
+ showHideSpinner(container, true);
+ container = null;
+}
+// eslint-disable-next-line
+/**
+ * Function to change the Spinners in a page globally from application end.
+ * ```
+ * E.g : setSpinner({ cssClass: 'custom-css'; type: 'Material' });
+ * ```
+ *
+ * @param {SetSpinnerArgs} args - specifies the args
+ * @param {createElementParams} internalCreateElement - specifies the element params
+ * @returns {void}
+ * @private
+ */
+function setSpinner(args, internalCreateElement) {
+ var makeElement = !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(internalCreateElement) ? internalCreateElement : _ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"];
+ if (args.template !== undefined) {
+ spinTemplate = args.template;
+ if (args.template !== undefined) {
+ spinCSSClass = args.cssClass;
+ }
+ }
+ var container = document.querySelectorAll('.' + CLS_SPINWRAP);
+ for (var index = 0; index < container.length; index++) {
+ ensureTemplate(args.template, container[index], args.type, args.cssClass, makeElement);
+ }
+}
+/**
+ *
+ * @param {string} template - specifies the string
+ * @param {HTMLElement} container - specifies the container
+ * @param {string} theme - specifies the theme
+ * @param {string} cssClass - specifies the string class
+ * @param {createElementParams} makeEle - specifies the params
+ * @returns {void}
+ */
+function ensureTemplate(template, container, theme, cssClass, makeEle) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(template) && !container.classList.contains(CLS_SPINTEMPLATE)) {
+ replaceTheme(container, theme, cssClass, makeEle);
+ if (container.classList.contains(CLS_SHOWSPIN)) {
+ container.classList.remove(CLS_SHOWSPIN);
+ showSpinner(container);
+ }
+ else {
+ container.classList.remove(CLS_HIDESPIN);
+ hideSpinner(container);
+ }
+ }
+ else {
+ spinTemplate = template;
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(cssClass)) {
+ spinCSSClass = cssClass;
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(spinTemplate)) {
+ replaceContent(container, spinTemplate, spinCSSClass);
+ }
+ }
+}
+/**
+ *
+ * @param {HTMLElement} container - specifies the container
+ * @param {string} theme - specifies the theme
+ * @param {string} cssClass - specifies the string class
+ * @param {createElementParams} makeEle - specifies the params
+ * @returns {void}
+ */
+function replaceTheme(container, theme, cssClass, makeEle) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(cssClass)) {
+ container.classList.add(cssClass);
+ }
+ var svgElement = container.querySelector('svg');
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(svgElement)) {
+ var radius = theme === 'Bootstrap' ? parseFloat(svgElement.style.height) : parseFloat(svgElement.style.height) / 2;
+ var classNames = svgElement.getAttribute('class');
+ var svgClassList = classNames.split(/\s/);
+ if (svgClassList.indexOf('e-spin-material') >= 0) {
+ var id = svgElement.getAttribute('id');
+ clearTimeout(globalTimeOut["" + id].timeOut);
+ }
+ setTheme(theme, container, radius, makeEle);
+ }
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-popups/tooltip/index.js":
+/*!*******************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-popups/tooltip/index.js ***!
+ \*******************************************************************/
+/*! exports provided: Animation, Tooltip */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tooltip */ "./ej2-resources/22.1.37/scripts/ej2-popups/tooltip/tooltip.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Animation", function() { return _tooltip__WEBPACK_IMPORTED_MODULE_0__["Animation"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Tooltip", function() { return _tooltip__WEBPACK_IMPORTED_MODULE_0__["Tooltip"]; });
+
+/**
+ * Tooltip modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-popups/tooltip/tooltip.js":
+/*!*********************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-popups/tooltip/tooltip.js ***!
+ \*********************************************************************/
+/*! exports provided: Animation, Tooltip */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Animation", function() { return Animation; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Tooltip", function() { return Tooltip; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _popup_popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../popup/popup */ "./ej2-resources/22.1.37/scripts/ej2-popups/popup/popup.js");
+/* harmony import */ var _common_position__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common/position */ "./ej2-resources/22.1.37/scripts/ej2-popups/common/position.js");
+/* harmony import */ var _common_collision__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../common/collision */ "./ej2-resources/22.1.37/scripts/ej2-popups/common/collision.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+
+
+var TOUCHEND_HIDE_DELAY = 1500;
+var TAPHOLD_THRESHOLD = 500;
+var SHOW_POINTER_TIP_GAP = 0;
+var HIDE_POINTER_TIP_GAP = 8;
+var MOUSE_TRAIL_GAP = 2;
+var POINTER_ADJUST = 2;
+var ROOT = 'e-tooltip';
+var RTL = 'e-rtl';
+var DEVICE = 'e-bigger';
+var ICON = 'e-icons';
+var CLOSE = 'e-tooltip-close';
+var TOOLTIP_WRAP = 'e-tooltip-wrap';
+var CONTENT = 'e-tip-content';
+var ARROW_TIP = 'e-arrow-tip';
+var ARROW_TIP_OUTER = 'e-arrow-tip-outer';
+var ARROW_TIP_INNER = 'e-arrow-tip-inner';
+var TIP_BOTTOM = 'e-tip-bottom';
+var TIP_TOP = 'e-tip-top';
+var TIP_LEFT = 'e-tip-left';
+var TIP_RIGHT = 'e-tip-right';
+var POPUP_ROOT = 'e-popup';
+var POPUP_OPEN = 'e-popup-open';
+var POPUP_CLOSE = 'e-popup-close';
+var POPUP_LIB = 'e-lib';
+var HIDE_POPUP = 'e-hidden';
+var POPUP_CONTAINER = 'e-tooltip-popup-container';
+var Animation = /** @__PURE__ @class */ (function (_super) {
+ __extends(Animation, _super);
+ function Animation() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({ effect: 'FadeIn', duration: 150, delay: 0 })
+ ], Animation.prototype, "open", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])({ effect: 'FadeOut', duration: 150, delay: 0 })
+ ], Animation.prototype, "close", void 0);
+ return Animation;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+/**
+ * Represents the Tooltip component that displays a piece of information about the target element on mouse hover.
+ * ```html
+ * Popup Content
Show Tooltip
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var Tooltip = /** @__PURE__ @class */ (function (_super) {
+ __extends(Tooltip, _super);
+ /* eslint-enable */
+ /**
+ * Constructor for creating the Tooltip Component
+ *
+ * @param {TooltipModel} options - specifies the options for the constructor
+ * @param {string| HTMLElement} element - specifies the element for the constructor
+ *
+ */
+ function Tooltip(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.mouseMoveEvent = null;
+ _this.mouseMoveTarget = null;
+ _this.containerElement = null;
+ _this.isBodyContainer = true;
+ return _this;
+ }
+ Tooltip.prototype.initialize = function () {
+ this.formatPosition();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.element], ROOT);
+ };
+ Tooltip.prototype.formatPosition = function () {
+ var _a, _b;
+ if (this.position.indexOf('Top') === 0 || this.position.indexOf('Bottom') === 0) {
+ _a = this.position.split(/(?=[A-Z])/), this.tooltipPositionY = _a[0], this.tooltipPositionX = _a[1];
+ }
+ else {
+ _b = this.position.split(/(?=[A-Z])/), this.tooltipPositionX = _b[0], this.tooltipPositionY = _b[1];
+ }
+ };
+ Tooltip.prototype.renderArrow = function () {
+ this.setTipClass(this.position);
+ var tip = this.createElement('div', { className: ARROW_TIP + ' ' + this.tipClass });
+ tip.appendChild(this.createElement('div', { className: ARROW_TIP_OUTER + ' ' + this.tipClass }));
+ tip.appendChild(this.createElement('div', { className: ARROW_TIP_INNER + ' ' + this.tipClass }));
+ this.tooltipEle.appendChild(tip);
+ };
+ Tooltip.prototype.setTipClass = function (position) {
+ if (position.indexOf('Right') === 0) {
+ this.tipClass = TIP_LEFT;
+ }
+ else if (position.indexOf('Bottom') === 0) {
+ this.tipClass = TIP_TOP;
+ }
+ else if (position.indexOf('Left') === 0) {
+ this.tipClass = TIP_RIGHT;
+ }
+ else {
+ this.tipClass = TIP_BOTTOM;
+ }
+ };
+ Tooltip.prototype.renderPopup = function (target) {
+ var elePos = this.mouseTrail ? { top: 0, left: 0 } : this.getTooltipPosition(target);
+ this.tooltipEle.classList.remove(POPUP_LIB);
+ this.popupObj = new _popup_popup__WEBPACK_IMPORTED_MODULE_1__["Popup"](this.tooltipEle, {
+ height: this.height,
+ width: this.width,
+ position: { X: elePos.left, Y: elePos.top },
+ enableRtl: this.enableRtl,
+ open: this.openPopupHandler.bind(this),
+ close: this.closePopupHandler.bind(this)
+ });
+ };
+ Tooltip.prototype.getTooltipPosition = function (target) {
+ this.tooltipEle.style.display = 'block';
+ var pos = Object(_common_position__WEBPACK_IMPORTED_MODULE_2__["calculatePosition"])(target, this.tooltipPositionX, this.tooltipPositionY, !this.isBodyContainer, this.isBodyContainer ? null : this.containerElement.getBoundingClientRect());
+ var offsetPos = this.calculateTooltipOffset(this.position);
+ var collisionPosition = this.calculateElementPosition(pos, offsetPos);
+ var collisionLeft = collisionPosition[0];
+ var collisionTop = collisionPosition[1];
+ var elePos = this.collisionFlipFit(target, collisionLeft, collisionTop);
+ this.tooltipEle.style.display = '';
+ return elePos;
+ };
+ Tooltip.prototype.windowResize = function () {
+ this.reposition(this.findTarget());
+ };
+ Tooltip.prototype.reposition = function (target) {
+ if (this.popupObj && target) {
+ var elePos = this.getTooltipPosition(target);
+ this.popupObj.position = { X: elePos.left, Y: elePos.top };
+ this.popupObj.dataBind();
+ }
+ };
+ Tooltip.prototype.openPopupHandler = function () {
+ if (!this.mouseTrail && this.needTemplateReposition()) {
+ this.reposition(this.findTarget());
+ }
+ this.trigger('afterOpen', this.tooltipEventArgs);
+ this.tooltipEventArgs = null;
+ };
+ Tooltip.prototype.closePopupHandler = function () {
+ if (this.isReact && !(this.opensOn === 'Click' && typeof (this.content) === 'function')) {
+ this.clearTemplate(['content']);
+ }
+ this.clear();
+ this.trigger('afterClose', this.tooltipEventArgs);
+ this.tooltipEventArgs = null;
+ };
+ Tooltip.prototype.calculateTooltipOffset = function (position) {
+ var pos = { top: 0, left: 0 };
+ var tooltipEleWidth = this.tooltipEle.offsetWidth;
+ var tooltipEleHeight = this.tooltipEle.offsetHeight;
+ var arrowEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + ARROW_TIP, this.tooltipEle);
+ var tipWidth = arrowEle ? arrowEle.offsetWidth : 0;
+ var tipHeight = arrowEle ? arrowEle.offsetHeight : 0;
+ var tipAdjust = (this.showTipPointer ? SHOW_POINTER_TIP_GAP : HIDE_POINTER_TIP_GAP);
+ var tipHeightAdjust = (tipHeight / 2) + POINTER_ADJUST + (this.tooltipEle.offsetHeight - this.tooltipEle.clientHeight);
+ var tipWidthAdjust = (tipWidth / 2) + POINTER_ADJUST + (this.tooltipEle.offsetWidth - this.tooltipEle.clientWidth);
+ if (this.mouseTrail) {
+ tipAdjust += MOUSE_TRAIL_GAP;
+ }
+ switch (position) {
+ case 'RightTop':
+ pos.left += tipWidth + tipAdjust;
+ pos.top -= tooltipEleHeight - tipHeightAdjust;
+ break;
+ case 'RightCenter':
+ pos.left += tipWidth + tipAdjust;
+ pos.top -= (tooltipEleHeight / 2);
+ break;
+ case 'RightBottom':
+ pos.left += tipWidth + tipAdjust;
+ pos.top -= (tipHeightAdjust);
+ break;
+ case 'BottomRight':
+ pos.top += (tipHeight + tipAdjust);
+ pos.left -= (tipWidthAdjust);
+ break;
+ case 'BottomCenter':
+ pos.top += (tipHeight + tipAdjust);
+ pos.left -= (tooltipEleWidth / 2);
+ break;
+ case 'BottomLeft':
+ pos.top += (tipHeight + tipAdjust);
+ pos.left -= (tooltipEleWidth - tipWidthAdjust);
+ break;
+ case 'LeftBottom':
+ pos.left -= (tipWidth + tooltipEleWidth + tipAdjust);
+ pos.top -= (tipHeightAdjust);
+ break;
+ case 'LeftCenter':
+ pos.left -= (tipWidth + tooltipEleWidth + tipAdjust);
+ pos.top -= (tooltipEleHeight / 2);
+ break;
+ case 'LeftTop':
+ pos.left -= (tipWidth + tooltipEleWidth + tipAdjust);
+ pos.top -= (tooltipEleHeight - tipHeightAdjust);
+ break;
+ case 'TopLeft':
+ pos.top -= (tooltipEleHeight + tipHeight + tipAdjust);
+ pos.left -= (tooltipEleWidth - tipWidthAdjust);
+ break;
+ case 'TopRight':
+ pos.top -= (tooltipEleHeight + tipHeight + tipAdjust);
+ pos.left -= (tipWidthAdjust);
+ break;
+ default:
+ pos.top -= (tooltipEleHeight + tipHeight + tipAdjust);
+ pos.left -= (tooltipEleWidth / 2);
+ break;
+ }
+ pos.left += this.offsetX;
+ pos.top += this.offsetY;
+ return pos;
+ };
+ Tooltip.prototype.updateTipPosition = function (position) {
+ var selEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('.' + ARROW_TIP + ',.' + ARROW_TIP_OUTER + ',.' + ARROW_TIP_INNER, this.tooltipEle);
+ var removeList = [TIP_BOTTOM, TIP_TOP, TIP_LEFT, TIP_RIGHT];
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])(selEle, removeList);
+ this.setTipClass(position);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])(selEle, this.tipClass);
+ };
+ Tooltip.prototype.adjustArrow = function (target, position, tooltipPositionX, tooltipPositionY) {
+ if (this.showTipPointer === false) {
+ return;
+ }
+ this.updateTipPosition(position);
+ var leftValue;
+ var topValue;
+ this.tooltipEle.style.display = 'block';
+ var tooltipWidth = this.tooltipEle.clientWidth;
+ var tooltipHeight = this.tooltipEle.clientHeight;
+ var arrowEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + ARROW_TIP, this.tooltipEle);
+ var arrowInnerELe = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + ARROW_TIP_INNER, this.tooltipEle);
+ var tipWidth = arrowEle.offsetWidth;
+ var tipHeight = arrowEle.offsetHeight;
+ this.tooltipEle.style.display = '';
+ if (this.tipClass === TIP_BOTTOM || this.tipClass === TIP_TOP) {
+ if (this.tipClass === TIP_BOTTOM) {
+ topValue = '99.9%';
+ // Arrow icon aligned -2px height from ArrowOuterTip div
+ arrowInnerELe.style.top = '-' + (tipHeight - 2) + 'px';
+ }
+ else {
+ topValue = -(tipHeight - 1) + 'px';
+ // Arrow icon aligned -6px height from ArrowOuterTip div
+ arrowInnerELe.style.top = '-' + (tipHeight - 6) + 'px';
+ }
+ if (target) {
+ var tipPosExclude = tooltipPositionX !== 'Center' || (tooltipWidth > target.offsetWidth) || this.mouseTrail;
+ if ((tipPosExclude && tooltipPositionX === 'Left') || (!tipPosExclude && this.tipPointerPosition === 'End')) {
+ leftValue = (tooltipWidth - tipWidth - POINTER_ADJUST) + 'px';
+ }
+ else if ((tipPosExclude && tooltipPositionX === 'Right') || (!tipPosExclude && this.tipPointerPosition === 'Start')) {
+ leftValue = POINTER_ADJUST + 'px';
+ }
+ else if ((tipPosExclude) && (this.tipPointerPosition === 'End' || this.tipPointerPosition === 'Start')) {
+ leftValue = (this.tipPointerPosition === 'End') ? ((target.offsetWidth + ((this.tooltipEle.offsetWidth - target.offsetWidth) / 2)) - (tipWidth / 2)) - POINTER_ADJUST + 'px'
+ : ((this.tooltipEle.offsetWidth - target.offsetWidth) / 2) - (tipWidth / 2) + POINTER_ADJUST + 'px';
+ }
+ else {
+ leftValue = ((tooltipWidth / 2) - (tipWidth / 2)) + 'px';
+ }
+ }
+ }
+ else {
+ if (this.tipClass === TIP_RIGHT) {
+ leftValue = '99.9%';
+ // Arrow icon aligned -2px left from ArrowOuterTip div
+ arrowInnerELe.style.left = '-' + (tipWidth - 2) + 'px';
+ }
+ else {
+ leftValue = -(tipWidth - 1) + 'px';
+ // Arrow icon aligned -2px from ArrowOuterTip width
+ arrowInnerELe.style.left = (-(tipWidth) + (tipWidth - 2)) + 'px';
+ }
+ var tipPosExclude = tooltipPositionY !== 'Center' || (tooltipHeight > target.offsetHeight) || this.mouseTrail;
+ if ((tipPosExclude && tooltipPositionY === 'Top') || (!tipPosExclude && this.tipPointerPosition === 'End')) {
+ topValue = (tooltipHeight - tipHeight - POINTER_ADJUST) + 'px';
+ }
+ else if ((tipPosExclude && tooltipPositionY === 'Bottom') || (!tipPosExclude && this.tipPointerPosition === 'Start')) {
+ topValue = POINTER_ADJUST + 'px';
+ }
+ else {
+ topValue = ((tooltipHeight / 2) - (tipHeight / 2)) + 'px';
+ }
+ }
+ arrowEle.style.top = topValue;
+ arrowEle.style.left = leftValue;
+ };
+ Tooltip.prototype.renderContent = function (target) {
+ var tooltipContent = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + CONTENT, this.tooltipEle);
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.tooltipEle], this.cssClass.split(' '));
+ }
+ if (target && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(target.getAttribute('title'))) {
+ target.setAttribute('data-content', target.getAttribute('title'));
+ target.removeAttribute('title');
+ }
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.content)) {
+ tooltipContent.innerHTML = '';
+ if (this.content instanceof HTMLElement) {
+ tooltipContent.appendChild(this.content);
+ }
+ else if (typeof this.content === 'string') {
+ if (this.enableHtmlSanitizer) {
+ this.setProperties({ content: _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(this.content) }, true);
+ }
+ var tempFunction = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(this.content);
+ var tempArr = tempFunction({}, this, 'content', this.element.id + 'content', undefined, undefined, tooltipContent);
+ if (tempArr) {
+ if (this.enableHtmlParse) {
+ var nodeList = tempArr.length;
+ for (var i = 0; i < nodeList; i++) {
+ tooltipContent[Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(tempArr, tooltipContent), 'innerHTML'] = this.content;
+ }
+ }
+ else {
+ tooltipContent['textContent'] = this.content;
+ }
+ }
+ }
+ else {
+ var templateFunction = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["compile"])(this.content);
+ var tempArr = templateFunction({}, this, 'content', this.element.id + 'content', undefined, undefined, tooltipContent);
+ if (tempArr) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["append"])(tempArr, tooltipContent);
+ }
+ this.renderReactTemplates();
+ }
+ }
+ else {
+ if (target && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(target.getAttribute('data-content'))) {
+ tooltipContent.innerHTML = target.getAttribute('data-content');
+ }
+ }
+ };
+ Tooltip.prototype.renderCloseIcon = function () {
+ if (!this.isSticky) {
+ return;
+ }
+ var tipClose = this.createElement('div', { className: ICON + ' ' + CLOSE });
+ this.tooltipEle.appendChild(tipClose);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(tipClose, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchStartEvent, this.onStickyClose, this);
+ };
+ Tooltip.prototype.addDataTooltipId = function (target, id) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(target, { 'data-tooltip-id': id });
+ };
+ Tooltip.prototype.removeDataTooltipId = function (target) {
+ target.removeAttribute('data-tooltip-id');
+ };
+ Tooltip.prototype.tapHoldHandler = function (evt) {
+ clearTimeout(this.autoCloseTimer);
+ this.targetHover(evt.originalEvent);
+ };
+ Tooltip.prototype.touchEndHandler = function (e) {
+ var _this = this;
+ if (this.isSticky) {
+ return;
+ }
+ var close = function () {
+ _this.close();
+ };
+ this.autoCloseTimer = setTimeout(close, TOUCHEND_HIDE_DELAY);
+ };
+ Tooltip.prototype.targetClick = function (e) {
+ var target;
+ if (this.target) {
+ target = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, this.target);
+ }
+ else {
+ target = this.element;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(target)) {
+ return;
+ }
+ if (target.getAttribute('data-tooltip-id') === null) {
+ this.targetHover(e);
+ }
+ else if (!this.isSticky) {
+ this.hideTooltip(this.animation.close, e, target);
+ }
+ };
+ Tooltip.prototype.targetHover = function (e) {
+ var target;
+ if (this.target) {
+ target = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, this.target);
+ }
+ else {
+ target = this.element;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(target) || (target.getAttribute('data-tooltip-id') !== null && this.closeDelay === 0)) {
+ return;
+ }
+ var targetList = [].slice.call(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('[data-tooltip-id= "' + this.ctrlId + '_content"]', document));
+ for (var _i = 0, targetList_1 = targetList; _i < targetList_1.length; _i++) {
+ var target_1 = targetList_1[_i];
+ this.restoreElement(target_1);
+ }
+ this.showTooltip(target, this.animation.open, e);
+ };
+ Tooltip.prototype.mouseMoveBeforeOpen = function (e) {
+ this.mouseMoveEvent = e;
+ };
+ Tooltip.prototype.mouseMoveBeforeRemove = function () {
+ if (this.mouseMoveTarget) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.mouseMoveTarget, 'mousemove touchstart', this.mouseMoveBeforeOpen);
+ }
+ };
+ Tooltip.prototype.showTooltip = function (target, showAnimation, e) {
+ var _this = this;
+ clearTimeout(this.showTimer);
+ clearTimeout(this.hideTimer);
+ if (this.openDelay && this.mouseTrail) {
+ this.mouseMoveBeforeRemove();
+ this.mouseMoveTarget = target;
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.mouseMoveTarget, 'mousemove touchstart', this.mouseMoveBeforeOpen, this);
+ }
+ this.tooltipEventArgs = {
+ type: e ? e.type : null, cancel: false, target: target, event: e ? e : null,
+ element: this.tooltipEle, isInteracted: !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(e)
+ };
+ var observeCallback = function (beforeRenderArgs) {
+ _this.beforeRenderCallback(beforeRenderArgs, target, e, showAnimation);
+ };
+ this.trigger('beforeRender', this.tooltipEventArgs, observeCallback.bind(this));
+ };
+ Tooltip.prototype.beforeRenderCallback = function (beforeRenderArgs, target, e, showAnimation) {
+ if (beforeRenderArgs.cancel) {
+ this.isHidden = true;
+ this.clear();
+ this.mouseMoveBeforeRemove();
+ }
+ else {
+ this.isHidden = false;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.tooltipEle)) {
+ this.ctrlId = this.element.getAttribute('id') ?
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])(this.element.getAttribute('id')) : Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('tooltip');
+ this.tooltipEle = this.createElement('div', {
+ className: TOOLTIP_WRAP + ' ' + POPUP_ROOT + ' ' + POPUP_LIB, attrs: {
+ role: 'tooltip', 'aria-hidden': 'false', 'id': this.ctrlId + '_content'
+ }, styles: 'width:' +
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.width) + ';height:' + Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(this.height) + ';position:absolute;'
+ });
+ if (Object.keys(this.htmlAttributes).length !== 0) {
+ for (var attr in this.htmlAttributes) {
+ if (attr === "class") {
+ this.tooltipEle.classList.add(this.htmlAttributes["" + attr]);
+ }
+ else {
+ this.tooltipEle.setAttribute(attr, this.htmlAttributes["" + attr]);
+ }
+ }
+ }
+ this.tooltipBeforeRender(target, this);
+ this.tooltipAfterRender(target, e, showAnimation, this);
+ }
+ else {
+ if (target) {
+ this.adjustArrow(target, this.position, this.tooltipPositionX, this.tooltipPositionY);
+ this.addDataTooltipId(target, this.ctrlId + '_content');
+ this.renderContent(target);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"].stop(this.tooltipEle);
+ this.reposition(target);
+ this.tooltipAfterRender(target, e, showAnimation, this);
+ }
+ }
+ }
+ };
+ Tooltip.prototype.appendContainer = function (ctrlObj) {
+ if (typeof this.container == 'string') {
+ if (this.container === 'body') {
+ this.containerElement = document.body;
+ }
+ else {
+ this.isBodyContainer = false;
+ this.containerElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])(this.container, document);
+ }
+ }
+ else if (this.container instanceof HTMLElement) {
+ this.containerElement = this.container;
+ this.isBodyContainer = this.containerElement.tagName === 'BODY';
+ }
+ if (!this.isBodyContainer) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.containerElement], POPUP_CONTAINER);
+ }
+ this.containerElement.appendChild(ctrlObj.tooltipEle);
+ };
+ Tooltip.prototype.tooltipBeforeRender = function (target, ctrlObj) {
+ if (target) {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([ctrlObj.tooltipEle], DEVICE);
+ }
+ if (ctrlObj.width !== 'auto') {
+ ctrlObj.tooltipEle.style.maxWidth = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(ctrlObj.width);
+ }
+ ctrlObj.tooltipEle.appendChild(ctrlObj.createElement('div', { className: CONTENT }));
+ this.appendContainer(ctrlObj);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([ctrlObj.tooltipEle], HIDE_POPUP);
+ ctrlObj.addDataTooltipId(target, ctrlObj.ctrlId + '_content');
+ ctrlObj.renderContent(target);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([ctrlObj.tooltipEle], POPUP_OPEN);
+ if (ctrlObj.showTipPointer) {
+ ctrlObj.renderArrow();
+ }
+ ctrlObj.renderCloseIcon();
+ ctrlObj.renderPopup(target);
+ ctrlObj.adjustArrow(target, ctrlObj.position, ctrlObj.tooltipPositionX, ctrlObj.tooltipPositionY);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"].stop(ctrlObj.tooltipEle);
+ ctrlObj.reposition(target);
+ }
+ };
+ Tooltip.prototype.tooltipAfterRender = function (target, e, showAnimation, ctrlObj) {
+ if (target) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([ctrlObj.tooltipEle], POPUP_OPEN);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([ctrlObj.tooltipEle], POPUP_CLOSE);
+ ctrlObj.tooltipEventArgs = {
+ type: e ? e.type : null, cancel: false, target: target, event: e ? e : null,
+ element: ctrlObj.tooltipEle, isInteracted: !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(e)
+ };
+ if (ctrlObj.needTemplateReposition() && !ctrlObj.mouseTrail) {
+ ctrlObj.tooltipEle.style.display = 'none';
+ }
+ var observeCallback = function (observedArgs) {
+ ctrlObj.beforeOpenCallback(observedArgs, target, showAnimation, e);
+ };
+ ctrlObj.trigger('beforeOpen', ctrlObj.tooltipEventArgs, observeCallback.bind(ctrlObj));
+ }
+ };
+ Tooltip.prototype.beforeOpenCallback = function (observedArgs, target, showAnimation, e) {
+ var _this = this;
+ if (observedArgs.cancel) {
+ this.isHidden = true;
+ this.clear();
+ this.mouseMoveBeforeRemove();
+ this.restoreElement(target);
+ }
+ else {
+ var openAnimation_1 = {
+ name: showAnimation.effect,
+ duration: showAnimation.duration,
+ delay: showAnimation.delay,
+ timingFunction: 'easeOut'
+ };
+ if (showAnimation.effect === 'None') {
+ openAnimation_1 = undefined;
+ }
+ if (this.openDelay > 0) {
+ var show = function () {
+ if (_this.mouseTrail) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(target, 'mousemove touchstart mouseenter', _this.onMouseMove, _this);
+ }
+ if (_this.popupObj) {
+ _this.popupObj.show(openAnimation_1, target);
+ if (_this.mouseMoveEvent && _this.mouseTrail) {
+ _this.onMouseMove(_this.mouseMoveEvent);
+ }
+ }
+ };
+ this.showTimer = setTimeout(show, this.openDelay);
+ }
+ else {
+ if (this.popupObj) {
+ this.popupObj.show(openAnimation_1, target);
+ }
+ }
+ }
+ if (e) {
+ this.wireMouseEvents(e, target);
+ }
+ };
+ Tooltip.prototype.needTemplateReposition = function () {
+ // eslint-disable-next-line
+ var tooltip = this;
+ return !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(tooltip.viewContainerRef)
+ && typeof tooltip.viewContainerRef !== 'string';
+ };
+ Tooltip.prototype.checkCollision = function (target, x, y) {
+ var elePos = {
+ left: x, top: y, position: this.position,
+ horizontal: this.tooltipPositionX, vertical: this.tooltipPositionY
+ };
+ var affectedPos = Object(_common_collision__WEBPACK_IMPORTED_MODULE_3__["isCollide"])(this.tooltipEle, this.checkCollideTarget(), x, y);
+ if (affectedPos.length > 0) {
+ elePos.horizontal = affectedPos.indexOf('left') >= 0 ? 'Right' : affectedPos.indexOf('right') >= 0 ? 'Left' :
+ this.tooltipPositionX;
+ elePos.vertical = affectedPos.indexOf('top') >= 0 ? 'Bottom' : affectedPos.indexOf('bottom') >= 0 ? 'Top' :
+ this.tooltipPositionY;
+ }
+ return elePos;
+ };
+ Tooltip.prototype.calculateElementPosition = function (pos, offsetPos) {
+ return [this.isBodyContainer ? pos.left + offsetPos.left :
+ (pos.left - this.containerElement.offsetLeft) + offsetPos.left + window.pageXOffset + this.containerElement.scrollLeft,
+ this.isBodyContainer ? pos.top + offsetPos.top :
+ (pos.top - this.containerElement.offsetTop) + offsetPos.top + window.pageYOffset + this.containerElement.scrollTop];
+ };
+ Tooltip.prototype.collisionFlipFit = function (target, x, y) {
+ var elePos = this.checkCollision(target, x, y);
+ var newpos = elePos.position;
+ if (this.tooltipPositionY !== elePos.vertical) {
+ newpos = ((this.position.indexOf('Bottom') === 0 || this.position.indexOf('Top') === 0) ?
+ elePos.vertical + this.tooltipPositionX : this.tooltipPositionX + elePos.vertical);
+ }
+ if (this.tooltipPositionX !== elePos.horizontal) {
+ if (newpos.indexOf('Left') === 0) {
+ elePos.vertical = (newpos === 'LeftTop' || newpos === 'LeftCenter') ? 'Top' : 'Bottom';
+ newpos = (elePos.vertical + 'Left');
+ }
+ if (newpos.indexOf('Right') === 0) {
+ elePos.vertical = (newpos === 'RightTop' || newpos === 'RightCenter') ? 'Top' : 'Bottom';
+ newpos = (elePos.vertical + 'Right');
+ }
+ elePos.horizontal = this.tooltipPositionX;
+ }
+ this.tooltipEventArgs = {
+ type: null, cancel: false, target: target, event: null,
+ element: this.tooltipEle, collidedPosition: newpos
+ };
+ this.trigger('beforeCollision', this.tooltipEventArgs);
+ if (this.tooltipEventArgs.cancel) {
+ newpos = this.position;
+ }
+ else {
+ var elePosVertical = elePos.vertical;
+ var elePosHorizontal = elePos.horizontal;
+ if (elePos.position !== newpos) {
+ var pos = Object(_common_position__WEBPACK_IMPORTED_MODULE_2__["calculatePosition"])(target, elePosHorizontal, elePosVertical, !this.isBodyContainer, this.isBodyContainer ? null : this.containerElement.getBoundingClientRect());
+ this.adjustArrow(target, newpos, elePosHorizontal, elePosVertical);
+ var offsetPos = this.calculateTooltipOffset(newpos);
+ offsetPos.top -= this.getOffSetPosition('TopBottom', newpos, this.offsetY);
+ offsetPos.left -= this.getOffSetPosition('RightLeft', newpos, this.offsetX);
+ elePos.position = newpos;
+ var elePosition = this.calculateElementPosition(pos, offsetPos);
+ elePos.left = elePosition[0];
+ elePos.top = elePosition[1];
+ }
+ else {
+ this.adjustArrow(target, newpos, elePosHorizontal, elePosVertical);
+ }
+ }
+ var eleOffset = { left: elePos.left, top: elePos.top };
+ var position = this.isBodyContainer ?
+ Object(_common_collision__WEBPACK_IMPORTED_MODULE_3__["fit"])(this.tooltipEle, this.checkCollideTarget(), { X: true, Y: true }, eleOffset) : eleOffset;
+ this.tooltipEle.style.display = 'block';
+ if (this.showTipPointer && (newpos.indexOf('Bottom') === 0 || newpos.indexOf('Top') === 0)) {
+ var arrowEle = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + ARROW_TIP, this.tooltipEle);
+ var arrowleft = parseInt(arrowEle.style.left, 10) - (position.left - elePos.left);
+ if (arrowleft < 0) {
+ arrowleft = 0;
+ }
+ else if ((arrowleft + arrowEle.offsetWidth) > this.tooltipEle.clientWidth) {
+ arrowleft = this.tooltipEle.clientWidth - arrowEle.offsetWidth;
+ }
+ arrowEle.style.left = arrowleft.toString() + 'px';
+ }
+ this.tooltipEle.style.display = '';
+ eleOffset.left = position.left;
+ eleOffset.top = position.top;
+ return eleOffset;
+ };
+ Tooltip.prototype.getOffSetPosition = function (positionString, newPos, offsetType) {
+ return ((positionString.indexOf(this.position.split(/(?=[A-Z])/)[0]) !== -1) &&
+ (positionString.indexOf(newPos.split(/(?=[A-Z])/)[0]) !== -1)) ? (2 * offsetType) : 0;
+ };
+ Tooltip.prototype.checkCollideTarget = function () {
+ return !this.windowCollision && this.target ? this.element : null;
+ };
+ Tooltip.prototype.hideTooltip = function (hideAnimation, e, targetElement) {
+ var _this = this;
+ if (this.closeDelay > 0) {
+ clearTimeout(this.hideTimer);
+ clearTimeout(this.showTimer);
+ var hide = function () {
+ if (_this.closeDelay && _this.tooltipEle && _this.isTooltipOpen) {
+ return;
+ }
+ _this.tooltipHide(hideAnimation, e, targetElement);
+ };
+ this.hideTimer = setTimeout(hide, this.closeDelay);
+ }
+ else {
+ this.tooltipHide(hideAnimation, e, targetElement);
+ }
+ };
+ Tooltip.prototype.tooltipHide = function (hideAnimation, e, targetElement) {
+ var _this = this;
+ var target;
+ if (e) {
+ target = this.target ? (targetElement || e.target) : this.element;
+ }
+ else {
+ target = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('[data-tooltip-id= "' + this.ctrlId + '_content"]', document);
+ }
+ this.tooltipEventArgs = {
+ type: e ? e.type : null, cancel: false, target: target, event: e ? e : null,
+ element: this.tooltipEle, isInteracted: !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(e)
+ };
+ // this line commented for close the tooltip popup element even the target element destroyed in a page.
+ //if (isNullOrUndefined(target)) { return; }
+ this.trigger('beforeClose', this.tooltipEventArgs, function (observedArgs) {
+ if (!observedArgs.cancel) {
+ _this.mouseMoveBeforeRemove();
+ _this.popupHide(hideAnimation, target);
+ }
+ else {
+ _this.isHidden = false;
+ }
+ });
+ this.tooltipEventArgs = null;
+ };
+ Tooltip.prototype.popupHide = function (hideAnimation, target) {
+ if (target) {
+ this.restoreElement(target);
+ }
+ this.isHidden = true;
+ var closeAnimation = {
+ name: hideAnimation.effect,
+ duration: hideAnimation.duration,
+ delay: hideAnimation.delay,
+ timingFunction: 'easeIn'
+ };
+ if (hideAnimation.effect === 'None') {
+ closeAnimation = undefined;
+ }
+ if (this.popupObj) {
+ this.popupObj.hide(closeAnimation);
+ }
+ };
+ Tooltip.prototype.restoreElement = function (target) {
+ this.unwireMouseEvents(target);
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(target.getAttribute('data-content'))) {
+ target.setAttribute('title', target.getAttribute('data-content'));
+ target.removeAttribute('data-content');
+ }
+ this.removeDataTooltipId(target);
+ };
+ Tooltip.prototype.clear = function () {
+ if (this.tooltipEle) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.tooltipEle], POPUP_CLOSE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.tooltipEle], POPUP_OPEN);
+ }
+ if (this.isHidden) {
+ if (this.popupObj) {
+ this.popupObj.destroy();
+ }
+ if (this.tooltipEle) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(this.tooltipEle);
+ }
+ this.tooltipEle = null;
+ this.popupObj = null;
+ }
+ };
+ Tooltip.prototype.tooltipHover = function (e) {
+ if (this.tooltipEle) {
+ this.isTooltipOpen = true;
+ }
+ };
+ Tooltip.prototype.tooltipMouseOut = function (e) {
+ this.isTooltipOpen = false;
+ this.hideTooltip(this.animation.close, e, this.findTarget());
+ };
+ Tooltip.prototype.onMouseOut = function (e) {
+ var enteredElement = e.relatedTarget;
+ // don't close the tooltip only if it is tooltip content element
+ if (enteredElement && !this.mouseTrail) {
+ var checkForTooltipElement = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(enteredElement, "." + TOOLTIP_WRAP + "." + POPUP_LIB + "." + POPUP_ROOT);
+ if (checkForTooltipElement) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(checkForTooltipElement, 'mouseleave', this.tooltipElementMouseOut, this);
+ }
+ else {
+ this.hideTooltip(this.animation.close, e, this.findTarget());
+ if (this.closeDelay === 0) {
+ this.clear();
+ }
+ }
+ }
+ else {
+ this.hideTooltip(this.animation.close, e, this.findTarget());
+ this.clear();
+ }
+ };
+ Tooltip.prototype.tooltipElementMouseOut = function (e) {
+ this.hideTooltip(this.animation.close, e, this.findTarget());
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'mouseleave', this.tooltipElementMouseOut);
+ this.clear();
+ };
+ Tooltip.prototype.onStickyClose = function (e) {
+ this.close();
+ };
+ Tooltip.prototype.onMouseMove = function (event) {
+ var eventPageX = 0;
+ var eventPageY = 0;
+ if (event.type.indexOf('touch') > -1) {
+ event.preventDefault();
+ eventPageX = event.touches[0].pageX;
+ eventPageY = event.touches[0].pageY;
+ }
+ else {
+ eventPageX = event.pageX;
+ eventPageY = event.pageY;
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Animation"].stop(this.tooltipEle);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.tooltipEle], POPUP_CLOSE);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.tooltipEle], POPUP_OPEN);
+ this.adjustArrow(event.target, this.position, this.tooltipPositionX, this.tooltipPositionY);
+ var pos = this.calculateTooltipOffset(this.position);
+ var x = eventPageX + pos.left + this.offsetX;
+ var y = eventPageY + pos.top + this.offsetY;
+ var elePos = this.checkCollision(event.target, x, y);
+ if (this.tooltipPositionX !== elePos.horizontal || this.tooltipPositionY !== elePos.vertical) {
+ var newpos = (this.position.indexOf('Bottom') === 0 || this.position.indexOf('Top') === 0) ?
+ elePos.vertical + elePos.horizontal : elePos.horizontal + elePos.vertical;
+ elePos.position = newpos;
+ this.adjustArrow(event.target, elePos.position, elePos.horizontal, elePos.vertical);
+ var colpos = this.calculateTooltipOffset(elePos.position);
+ elePos.left = eventPageX + colpos.left - this.offsetX;
+ elePos.top = eventPageY + colpos.top - this.offsetY;
+ }
+ this.tooltipEle.style.left = elePos.left + 'px';
+ this.tooltipEle.style.top = elePos.top + 'px';
+ };
+ Tooltip.prototype.keyDown = function (event) {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.targetsList) && !Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.target)) {
+ var target = [].slice.call(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])(this.target, this.element));
+ if (target.length !== this.targetsList.length) {
+ this.unwireEvents(this.opensOn);
+ this.wireEvents(this.opensOn);
+ }
+ }
+ if (this.tooltipEle && event.keyCode === 27) {
+ this.close();
+ }
+ };
+ Tooltip.prototype.touchEnd = function (e) {
+ if (this.tooltipEle && Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, '.' + ROOT) === null && !this.isSticky) {
+ this.close();
+ }
+ };
+ Tooltip.prototype.scrollHandler = function (e) {
+ if (this.tooltipEle) {
+ if (!(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(e.target, "." + TOOLTIP_WRAP + "." + POPUP_LIB + "." + POPUP_ROOT))) {
+ this.close();
+ }
+ }
+ };
+ /**
+ * Core method that initializes the control rendering.
+ *
+ * @private
+ * @returns {void}
+ */
+ Tooltip.prototype.render = function () {
+ this.initialize();
+ this.wireEvents(this.opensOn);
+ this.renderComplete();
+ };
+ /**
+ * Initializes the values of private members.
+ *
+ * @private
+ * @returns {void}
+ */
+ Tooltip.prototype.preRender = function () {
+ this.tipClass = TIP_BOTTOM;
+ this.tooltipPositionX = 'Center';
+ this.tooltipPositionY = 'Top';
+ this.isHidden = true;
+ };
+ /**
+ * Binding events to the Tooltip element.
+ *
+ * @hidden
+ * @param {string} trigger - specify the trigger string to the function
+ * @returns {void}
+ *
+ */
+ Tooltip.prototype.wireEvents = function (trigger) {
+ var triggerList = this.getTriggerList(trigger);
+ for (var _i = 0, triggerList_1 = triggerList; _i < triggerList_1.length; _i++) {
+ var opensOn = triggerList_1[_i];
+ if (opensOn === 'Custom') {
+ return;
+ }
+ if (opensOn === 'Focus') {
+ this.wireFocusEvents();
+ }
+ if (opensOn === 'Click') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchStartEvent, this.targetClick, this);
+ }
+ if (opensOn === 'Hover') {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ this.touchModule = new _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Touch"](this.element, {
+ tapHoldThreshold: TAPHOLD_THRESHOLD,
+ tapHold: this.tapHoldHandler.bind(this)
+ });
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchEndEvent, this.touchEndHandler, this);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'mouseover', this.targetHover, this);
+ }
+ }
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'touchend', this.touchEnd, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'scroll wheel', this.scrollHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(window, 'resize', this.windowResize, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'keydown', this.keyDown, this);
+ };
+ Tooltip.prototype.getTriggerList = function (trigger) {
+ if (trigger === 'Auto') {
+ trigger = (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) ? 'Hover' : 'Hover Focus';
+ }
+ return trigger.split(' ');
+ };
+ Tooltip.prototype.wireFocusEvents = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.target)) {
+ if (this.element.nodeName !== "BODY") {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'focusin', this.targetHover, this);
+ }
+ else {
+ var targetList = [].slice.call(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])(this.target, this.element));
+ this.targetsList = targetList;
+ for (var _i = 0, targetList_2 = targetList; _i < targetList_2.length; _i++) {
+ var target = targetList_2[_i];
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(target, 'focus', this.targetHover, this);
+ }
+ }
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'focus', this.targetHover, this);
+ }
+ };
+ Tooltip.prototype.wireMouseEvents = function (e, target) {
+ if (this.tooltipEle) {
+ if (!this.isSticky) {
+ if (e.type === 'focus') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(target, 'blur', this.onMouseOut, this);
+ }
+ if (e.type === 'focusin') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(target, 'focusout', this.onMouseOut, this);
+ }
+ if (e.type === 'mouseover') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(target, 'mouseleave', this.onMouseOut, this);
+ }
+ if (this.closeDelay) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.tooltipEle, 'mouseenter', this.tooltipHover, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.tooltipEle, 'mouseleave', this.tooltipMouseOut, this);
+ }
+ }
+ if (this.mouseTrail && this.openDelay === 0) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(target, 'mousemove touchstart mouseenter', this.onMouseMove, this);
+ }
+ }
+ };
+ /**
+ * Unbinding events from the element on widget destroy.
+ *
+ * @hidden
+ *
+ * @param {string} trigger - specify the trigger string to the function
+ * @returns {void}
+ *
+ */
+ Tooltip.prototype.unwireEvents = function (trigger) {
+ var triggerList = this.getTriggerList(trigger);
+ for (var _i = 0, triggerList_2 = triggerList; _i < triggerList_2.length; _i++) {
+ var opensOn = triggerList_2[_i];
+ if (opensOn === 'Custom') {
+ return;
+ }
+ if (opensOn === 'Focus') {
+ this.unwireFocusEvents();
+ }
+ if (opensOn === 'Click') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchStartEvent, this.targetClick);
+ }
+ if (opensOn === 'Hover') {
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ if (this.touchModule) {
+ this.touchModule.destroy();
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, _ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].touchEndEvent, this.touchEndHandler);
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'mouseover', this.targetHover);
+ }
+ }
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'touchend', this.touchEnd);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'scroll wheel', this.scrollHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(window, 'resize', this.windowResize);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'keydown', this.keyDown);
+ };
+ Tooltip.prototype.unwireFocusEvents = function () {
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.target)) {
+ if (this.element.nodeName === 'BODY') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'focusin', this.targetHover);
+ }
+ else {
+ var targetList = [].slice.call(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])(this.target, this.element));
+ for (var _i = 0, targetList_3 = targetList; _i < targetList_3.length; _i++) {
+ var target = targetList_3[_i];
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(target, 'focus', this.targetHover);
+ }
+ }
+ }
+ else {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'focus', this.targetHover);
+ }
+ };
+ Tooltip.prototype.unwireMouseEvents = function (target) {
+ if (!this.isSticky) {
+ var triggerList = this.getTriggerList(this.opensOn);
+ for (var _i = 0, triggerList_3 = triggerList; _i < triggerList_3.length; _i++) {
+ var opensOn = triggerList_3[_i];
+ if (opensOn === 'Focus') {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(target, 'blur', this.onMouseOut);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(target, 'focusout', this.onMouseOut);
+ }
+ if (opensOn === 'Hover' && !_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Browser"].isDevice) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(target, 'mouseleave', this.onMouseOut);
+ }
+ }
+ if (this.closeDelay) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(target, 'mouseenter', this.tooltipHover);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(target, 'mouseleave', this.tooltipMouseOut);
+ }
+ }
+ if (this.mouseTrail) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(target, 'mousemove touchstart mouseenter', this.onMouseMove);
+ }
+ };
+ Tooltip.prototype.findTarget = function () {
+ var target = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('[data-tooltip-id= "' + this.ctrlId + '_content"]', document);
+ return target;
+ };
+ /**
+ * Core method to return the component name.
+ *
+ * @private
+ *
+ * @returns {string} - this method returns module name.
+ */
+ Tooltip.prototype.getModuleName = function () {
+ return 'tooltip';
+ };
+ /**
+ * Returns the properties to be maintained in the persisted state.
+ *
+ * @private
+ *
+ * @returns {string} - this method returns persisted data.
+ */
+ Tooltip.prototype.getPersistData = function () {
+ return this.addOnPersist([]);
+ };
+ /**
+ * Called internally, if any of the property value changed.
+ *
+ * @private
+ *
+ * @param {TooltipModel} newProp - this param gives new property values to the method
+ * @param {TooltipModel} oldProp - this param gives old property values to the method
+ * @returns {void}
+ *
+ */
+ Tooltip.prototype.onPropertyChanged = function (newProp, oldProp) {
+ var targetElement = this.findTarget();
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'width':
+ if (this.tooltipEle && targetElement) {
+ this.tooltipEle.style.width = this.tooltipEle.style.maxWidth = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(newProp.width);
+ this.reposition(targetElement);
+ }
+ break;
+ case 'height':
+ if (this.tooltipEle && targetElement) {
+ this.tooltipEle.style.height = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["formatUnit"])(newProp.height);
+ this.reposition(targetElement);
+ }
+ break;
+ case 'content':
+ if (this.tooltipEle) {
+ this.renderContent();
+ }
+ break;
+ case 'opensOn':
+ this.unwireEvents(oldProp.opensOn);
+ this.wireEvents(newProp.opensOn);
+ break;
+ case 'position':
+ this.formatPosition();
+ if (this.tooltipEle && targetElement) {
+ var arrowInnerELe = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])('.' + ARROW_TIP_INNER, this.tooltipEle);
+ arrowInnerELe.style.top = arrowInnerELe.style.left = null;
+ this.reposition(targetElement);
+ }
+ break;
+ case 'tipPointerPosition':
+ if (this.tooltipEle && targetElement) {
+ this.reposition(targetElement);
+ }
+ break;
+ case 'offsetX':
+ if (this.tooltipEle) {
+ var x = newProp.offsetX - oldProp.offsetX;
+ this.tooltipEle.style.left = (parseInt(this.tooltipEle.style.left, 10) + (x)).toString() + 'px';
+ }
+ break;
+ case 'offsetY':
+ if (this.tooltipEle) {
+ var y = newProp.offsetY - oldProp.offsetY;
+ this.tooltipEle.style.top = (parseInt(this.tooltipEle.style.top, 10) + (y)).toString() + 'px';
+ }
+ break;
+ case 'cssClass':
+ if (this.tooltipEle) {
+ if (oldProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.tooltipEle], oldProp.cssClass.split(' '));
+ }
+ if (newProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.tooltipEle], newProp.cssClass.split(' '));
+ }
+ }
+ break;
+ case 'enableRtl':
+ if (this.tooltipEle) {
+ if (this.enableRtl) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([this.tooltipEle], RTL);
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.tooltipEle], RTL);
+ }
+ }
+ break;
+ case 'container':
+ if (!Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(this.containerElement)) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.containerElement], POPUP_CONTAINER);
+ }
+ this.container = newProp.container;
+ if (this.tooltipEle && targetElement) {
+ this.appendContainer(this);
+ this.reposition(targetElement);
+ }
+ }
+ }
+ };
+ /**
+ * It is used to show the Tooltip on the specified target with specific animation settings.
+ *
+ * @param {HTMLElement} element - Target element where the Tooltip is to be displayed. (It is an optional parameter)
+ * @param {TooltipAnimationSettings} animation - Sets the specific animation, while showing the Tooltip on the screen. (It is an optional parameter)
+ * @returns {void}
+ */
+ Tooltip.prototype.open = function (element, animation) {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(animation)) {
+ animation = this.animation.open;
+ }
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(element)) {
+ element = this.element;
+ }
+ if (element.style.display === 'none') {
+ return;
+ }
+ this.showTooltip(element, animation);
+ };
+ /**
+ * It is used to hide the Tooltip with specific animation effect.
+ *
+ * @param {TooltipAnimationSettings} animation - Sets the specific animation when hiding Tooltip from the screen. (It is an optional parameter)
+ * @returns {void}
+ */
+ Tooltip.prototype.close = function (animation) {
+ if (!animation) {
+ animation = this.animation.close;
+ }
+ this.hideTooltip(animation);
+ };
+ /**
+ * It is used to refresh the Tooltip content and its position.
+ *
+ * @param {HTMLElement} target - Target element where the Tooltip content or position needs to be refreshed.
+ * @returns {void}
+ */
+ Tooltip.prototype.refresh = function (target) {
+ if (this.tooltipEle) {
+ this.renderContent(target);
+ }
+ if (this.popupObj && target) {
+ this.reposition(target);
+ }
+ };
+ /**
+ * It is used to destroy the Tooltip component.
+ * @method destroy
+ * @returns {void}
+ * @memberof Tooltip
+ */
+ Tooltip.prototype.destroy = function () {
+ _super.prototype.destroy.call(this);
+ if (this.tooltipEle) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["remove"])(this.tooltipEle);
+ }
+ if (this.popupObj) {
+ this.popupObj.destroy();
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], ROOT);
+ this.unwireEvents(this.opensOn);
+ this.unwireMouseEvents(this.element);
+ this.tooltipEle = null;
+ this.popupObj = null;
+ var currentTarget = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["selectAll"])('[data-tooltip-id= "' + this.ctrlId + '_content"]', this.element);
+ for (var _i = 0, currentTarget_1 = currentTarget; _i < currentTarget_1.length; _i++) {
+ var target = currentTarget_1[_i];
+ this.restoreElement(target);
+ }
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('auto')
+ ], Tooltip.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('auto')
+ ], Tooltip.prototype, "height", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Tooltip.prototype, "content", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('body')
+ ], Tooltip.prototype, "container", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Tooltip.prototype, "target", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('TopCenter')
+ ], Tooltip.prototype, "position", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Tooltip.prototype, "offsetX", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Tooltip.prototype, "offsetY", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Tooltip.prototype, "showTipPointer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(true)
+ ], Tooltip.prototype, "enableHtmlParse", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Tooltip.prototype, "windowCollision", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Auto')
+ ], Tooltip.prototype, "tipPointerPosition", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Auto')
+ ], Tooltip.prototype, "opensOn", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Tooltip.prototype, "mouseTrail", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Tooltip.prototype, "isSticky", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Complex"])({}, Animation)
+ ], Tooltip.prototype, "animation", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Tooltip.prototype, "openDelay", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(0)
+ ], Tooltip.prototype, "closeDelay", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])()
+ ], Tooltip.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Tooltip.prototype, "enableHtmlSanitizer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Tooltip.prototype, "htmlAttributes", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Tooltip.prototype, "beforeRender", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Tooltip.prototype, "beforeOpen", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Tooltip.prototype, "afterOpen", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Tooltip.prototype, "beforeClose", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Tooltip.prototype, "afterClose", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Tooltip.prototype, "beforeCollision", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Tooltip.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], Tooltip.prototype, "destroyed", void 0);
+ Tooltip = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], Tooltip);
+ return Tooltip;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/button-group/button-group.js":
+/*!*************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-splitbuttons/button-group/button-group.js ***!
+ \*************************************************************************************/
+/*! exports provided: createButtonGroup */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createButtonGroup", function() { return createButtonGroup; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-buttons */ "./ej2-resources/22.1.37/scripts/ej2-buttons/index.js");
+
+
+/**
+ * Initialize ButtonGroup CSS component with specified properties.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ * createButtonGroup('#buttongroup', {
+ * cssClass: 'e-outline',
+ * buttons: [
+ * { content: 'Day' },
+ * { content: 'Week' },
+ * { content: 'Work Week'}
+ * ]
+ * });
+ * ```
+ *
+ * @param {string} selector
+ * @param {CreateButtonGroupModel} options
+ * @returns HTMLElement
+ */
+/**
+ * Creates button group.
+ *
+ * @param {string} selector - Specifies the selector.
+ * @param {CreateButtonGroupModel} options - Specifies the button group model.
+ * @param {Function} createElement - Specifies the element.
+ * @returns {HTMLElement} - Button group element.
+ */
+function createButtonGroup(selector, options, createElement) {
+ if (options === void 0) { options = {}; }
+ var child;
+ var btnElem;
+ var nextChild;
+ var btnModel;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(createElement)) {
+ createElement = _ej2_base__WEBPACK_IMPORTED_MODULE_0__["createElement"];
+ }
+ var wrapper = document.querySelector(selector);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([wrapper], ['e-btn-group', 'e-css']);
+ wrapper.setAttribute('role', 'group');
+ var childs = wrapper.children;
+ options.buttons = options.buttons || [];
+ for (var i = 0, j = 0; j < childs.length; i++, j++) {
+ child = childs[j];
+ btnModel = options.buttons[i];
+ if (btnModel !== null) {
+ if (child.tagName === 'BUTTON') {
+ btnElem = child;
+ }
+ else {
+ btnElem = createElement('label');
+ nextChild = childs[j + 1];
+ if (nextChild) {
+ wrapper.insertBefore(btnElem, nextChild);
+ }
+ else {
+ wrapper.appendChild(btnElem);
+ }
+ if (child.id) {
+ btnElem.setAttribute('for', child.id);
+ }
+ if (btnModel && btnModel.disabled) {
+ child.disabled = true;
+ }
+ j++;
+ }
+ if (options.cssClass && btnModel && !btnModel.cssClass) {
+ btnModel.cssClass = options.cssClass;
+ }
+ new _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__["Button"](btnModel || {}, btnElem);
+ }
+ }
+ return wrapper;
+}
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/button-group/index.js":
+/*!******************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-splitbuttons/button-group/index.js ***!
+ \******************************************************************************/
+/*! exports provided: createButtonGroup */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _button_group__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./button-group */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/button-group/button-group.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createButtonGroup", function() { return _button_group__WEBPACK_IMPORTED_MODULE_0__["createButtonGroup"]; });
+
+/**
+ * ButtonGroup modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/common/common.js":
+/*!*************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-splitbuttons/common/common.js ***!
+ \*************************************************************************/
+/*! exports provided: getModel, upDownKeyHandler, setBlankIconStyle, Item */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getModel", function() { return getModel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "upDownKeyHandler", function() { return upDownKeyHandler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setBlankIconStyle", function() { return setBlankIconStyle; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Item", function() { return Item; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+/**
+ * @param {Object} props - Specifies the properties
+ * @param {string[]} model - Specifies the model
+ * @returns {Object} Component Model
+ */
+function getModel(props, model) {
+ var obj = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["extend"])({}, props);
+ for (var _i = 0, _a = Object.keys(obj); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ if ((model).indexOf(prop) < 0) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["deleteObject"])(obj, prop);
+ }
+ }
+ return obj;
+}
+/** @hidden
+ * @param {HTMLElement} ul - Specifies the UL element
+ * @param {number} keyCode - Specifies the keycode
+ * @returns {void}
+ */
+function upDownKeyHandler(ul, keyCode) {
+ var defaultIdx = keyCode === 40 ? 0 : ul.childElementCount - 1;
+ var liIdx = defaultIdx;
+ var li;
+ var selectedLi = ul.querySelector('.e-selected');
+ if (selectedLi) {
+ selectedLi.classList.remove('e-selected');
+ }
+ for (var i = 0, len = ul.children.length; i < len; i++) {
+ if (ul.children[i].classList.contains('e-focused')) {
+ li = ul.children[i];
+ liIdx = i;
+ li.classList.remove('e-focused');
+ if (keyCode === 40) {
+ liIdx++;
+ }
+ else {
+ liIdx--;
+ }
+ if (liIdx === (keyCode === 40 ? ul.childElementCount : -1)) {
+ liIdx = defaultIdx;
+ }
+ }
+ }
+ li = ul.children[liIdx];
+ liIdx = isValidLI(ul, li, liIdx, keyCode);
+ if (liIdx !== -1) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([ul.children[liIdx]], 'e-focused');
+ ul.children[liIdx].focus();
+ }
+}
+/**
+ * Get Valid LI element
+ *
+ * @param {HTMLElement} ul - Specifies the UL element
+ * @param {Element} li - Specifies the LI element
+ * @param {number} index - Specifies the index
+ * @param {number} keyCode - Specifies the keycode
+ * @param {number} count - Specifies the count
+ * @returns {number} - Index
+ */
+function isValidLI(ul, li, index, keyCode, count) {
+ if (count === void 0) { count = 0; }
+ if (li.classList.contains('e-separator') || li.classList.contains('e-disabled')) {
+ if (index === (keyCode === 40 ? ul.childElementCount - 1 : 0)) {
+ index = keyCode === 40 ? 0 : ul.childElementCount - 1;
+ }
+ else {
+ if (keyCode === 40) {
+ index++;
+ }
+ else {
+ index--;
+ }
+ }
+ }
+ li = ul.children[index];
+ if (li.classList.contains('e-separator') || li.classList.contains('e-disabled')) {
+ count++;
+ if (count === ul.childElementCount) {
+ return index = -1;
+ }
+ index = isValidLI(ul, li, index, keyCode, count);
+ }
+ return index;
+}
+/** @hidden
+ * @param {HTMLElement} popup - Specifies the popup element.
+ * @returns {void}
+ */
+function setBlankIconStyle(popup, blankIcon) {
+ var blankIconList = [].slice.call(popup.getElementsByClassName('e-blank-icon'));
+ if (blankIcon) {
+ var menuItem = [].slice.call(popup.getElementsByClassName('e-item'));
+ menuItem.forEach(function (li) {
+ if (li.style.paddingLeft || li.style.paddingRight) {
+ li.removeAttribute('style');
+ }
+ });
+ }
+ if (!blankIconList.length) {
+ return;
+ }
+ var iconLi = popup.querySelector('.e-item:not(.e-blank-icon):not(.e-separator)');
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isNullOrUndefined"])(iconLi)) {
+ return;
+ }
+ if (iconLi.classList.contains('e-url')) {
+ iconLi = iconLi.querySelector('.e-menu-url');
+ }
+ var icon = iconLi.querySelector('.e-menu-icon');
+ var cssProp;
+ var enableRtl = popup.classList.contains('e-rtl');
+ if (enableRtl) {
+ cssProp = { padding: 'paddingRight', margin: 'marginLeft' };
+ }
+ else {
+ cssProp = { padding: 'paddingLeft', margin: 'marginRight' };
+ }
+ /* eslint-disable */
+ var size = parseInt(getComputedStyle(icon).fontSize, 10) + parseInt((enableRtl ? getComputedStyle(icon)[cssProp.margin] : getComputedStyle(icon)[cssProp.margin]), 10)
+ + parseInt(getComputedStyle(iconLi).paddingLeft, 10) + "px";
+ blankIconList.forEach(function (li) {
+ if (li.classList.contains('e-url')) {
+ li.querySelector('.e-menu-url').style[cssProp.padding] = size;
+ }
+ else {
+ li.style[cssProp.padding] = size;
+ }
+ });
+ /* eslint-enable */
+}
+/**
+ * Defines the items of Split Button/DropDownButton.
+ */
+var Item = /** @__PURE__ @class */ (function (_super) {
+ __extends(Item, _super);
+ function Item() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Item.prototype, "iconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Item.prototype, "id", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Item.prototype, "separator", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Item.prototype, "text", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], Item.prototype, "url", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], Item.prototype, "disabled", void 0);
+ return Item;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["ChildProperty"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/common/index.js":
+/*!************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-splitbuttons/common/index.js ***!
+ \************************************************************************/
+/*! exports provided: getModel, upDownKeyHandler, setBlankIconStyle, Item */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./common */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/common/common.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getModel", function() { return _common__WEBPACK_IMPORTED_MODULE_0__["getModel"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "upDownKeyHandler", function() { return _common__WEBPACK_IMPORTED_MODULE_0__["upDownKeyHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setBlankIconStyle", function() { return _common__WEBPACK_IMPORTED_MODULE_0__["setBlankIconStyle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Item", function() { return _common__WEBPACK_IMPORTED_MODULE_0__["Item"]; });
+
+/**
+ * Common modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/drop-down-button/drop-down-button.js":
+/*!*********************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-splitbuttons/drop-down-button/drop-down-button.js ***!
+ \*********************************************************************************************/
+/*! exports provided: DropDownButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DropDownButton", function() { return DropDownButton; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-buttons */ "./ej2-resources/22.1.37/scripts/ej2-buttons/index.js");
+/* harmony import */ var _ej2_popups__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../ej2-popups */ "./ej2-resources/22.1.37/scripts/ej2-popups/index.js");
+/* harmony import */ var _common_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../common/common */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/common/common.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+
+
+var classNames = {
+ DISABLED: 'e-disabled',
+ FOCUS: 'e-focused',
+ ICON: 'e-menu-icon',
+ ITEM: 'e-item',
+ POPUP: 'e-dropdown-popup',
+ RTL: 'e-rtl',
+ SEPARATOR: 'e-separator',
+ VERTICAL: 'e-vertical'
+};
+/**
+ * DropDownButton component is used to toggle contextual overlays for displaying list of action items.
+ * It can contain both text and images.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var DropDownButton = /** @__PURE__ @class */ (function (_super) {
+ __extends(DropDownButton, _super);
+ /**
+ * Constructor for creating the widget
+ *
+ * @param {DropDownButtonModel} options - Specifies dropdown button model
+ * @param {string|HTMLButtonElement} element - Specifies element
+ * @hidden
+ */
+ function DropDownButton(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.isPopupCreated = true;
+ return _this;
+ }
+ DropDownButton.prototype.preRender = function () {
+ /** */
+ };
+ /**
+ * Get the properties to be maintained in the persisted state.
+ *
+ * @returns {string} - Persist data
+ */
+ DropDownButton.prototype.getPersistData = function () {
+ return this.addOnPersist([]);
+ };
+ /**
+ * To open/close DropDownButton popup based on current state of the DropDownButton.
+ *
+ * @returns {void}
+ */
+ DropDownButton.prototype.toggle = function () {
+ if (this.canOpen()) {
+ this.openPopUp();
+ }
+ else if (this.createPopupOnClick && !this.isPopupCreated) {
+ this.createPopup();
+ this.openPopUp();
+ }
+ else {
+ this.closePopup();
+ }
+ };
+ /**
+ * Initialize the Component rendering
+ *
+ * @returns {void}
+ * @private
+ */
+ DropDownButton.prototype.render = function () {
+ this.initialize();
+ if (!this.disabled) {
+ this.wireEvents();
+ }
+ this.renderComplete();
+ };
+ /**
+ * Adds a new item to the menu. By default, new item appends to the list as the last item,
+ * but you can insert based on the text parameter.
+ *
+ * @param { ItemModel[] } items - Specifies an array of JSON data.
+ * @param { string } text - Specifies the text to insert the newly added item in the menu.
+ * @returns {void}.
+ */
+ DropDownButton.prototype.addItems = function (items, text) {
+ var newItem;
+ var idx = this.items.length;
+ for (var j = 0, len = this.items.length; j < len; j++) {
+ if (text === this.items[j].text) {
+ idx = j;
+ break;
+ }
+ }
+ for (var i = items.length - 1; i >= 0; i--) {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ newItem = new _common_common__WEBPACK_IMPORTED_MODULE_3__["Item"](this, 'items', items[i], true);
+ this.items.splice(idx, 0, newItem);
+ }
+ if (!this.canOpen()) {
+ this.createItems();
+ }
+ };
+ /**
+ * Removes the items from the menu.
+ *
+ * @param { string[] } items - Specifies an array of string to remove the items.
+ * @param { string } isUniqueId - Set `true` if specified items is a collection of unique id.
+ * @returns {void}.
+ */
+ DropDownButton.prototype.removeItems = function (items, isUniqueId) {
+ var refresh = false;
+ for (var i = 0, len = items.length; i < len; i++) {
+ for (var j = 0, len_1 = this.items.length; j < len_1; j++) {
+ if (items[i] === (isUniqueId ? this.items[j].id : this.items[j].text)) {
+ this.items.splice(j, 1);
+ refresh = true;
+ break;
+ }
+ }
+ }
+ if (refresh && this.getULElement()) {
+ this.createItems();
+ }
+ };
+ DropDownButton.prototype.createPopup = function () {
+ var _a;
+ var div = this.createElement('div', {
+ className: classNames.POPUP,
+ id: this.element.id + '-popup'
+ });
+ document.body.appendChild(div);
+ this.dropDown = new _ej2_popups__WEBPACK_IMPORTED_MODULE_2__["Popup"](div, {
+ relateTo: this.element,
+ collision: { X: 'fit', Y: 'flip' },
+ position: { X: 'left', Y: 'bottom' },
+ targetType: 'relative',
+ content: this.target ? this.getTargetElement() : '',
+ enableRtl: this.enableRtl
+ });
+ if (this.dropDown.element.style.position === 'fixed') {
+ this.dropDown.refreshPosition(this.element);
+ }
+ this.dropDown.hide();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["attributes"])(this.element, (_a = {},
+ _a['aria-haspopup'] = this.items.length || this.target ? 'true' : 'false',
+ _a['aria-expanded'] = 'false',
+ _a['type'] = 'button',
+ _a['aria-label'] = this.element.textContent ? this.element.textContent : 'dropdownbutton',
+ _a));
+ if (this.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([div], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ this.isPopupCreated = true;
+ };
+ DropDownButton.prototype.getTargetElement = function () {
+ return typeof (this.target) === 'string' ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["select"])(this.target) : this.target;
+ };
+ DropDownButton.prototype.createItems = function (appendItems) {
+ var items = this.items;
+ var showIcon = this.hasIcon(this.items, 'iconCss');
+ var span;
+ var item;
+ var li;
+ var eventArgs;
+ var ul = this.getULElement();
+ if (ul) {
+ ul.innerHTML = '';
+ }
+ else {
+ ul = this.createElement('ul', {
+ attrs: { 'role': 'menu', 'tabindex': '0' }
+ });
+ }
+ for (var i = 0; i < items.length; i++) {
+ item = items[i];
+ var tempItem = item.text;
+ li = this.createElement('li', {
+ innerHTML: item.url ? '' : tempItem,
+ className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
+ attrs: item.separator ? { 'role': 'separator', 'tabindex': '-1' } : { 'role': 'menuitem', 'tabindex': '-1', 'aria-label': tempItem },
+ id: item.id ? item.id : Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('e-' + this.getModuleName() + '-item')
+ });
+ if (this.enableHtmlSanitizer) {
+ li.textContent = item.url ? '' : tempItem;
+ }
+ else {
+ li.innerHTML = item.url ? '' : tempItem;
+ }
+ if (item.url) {
+ li.appendChild(this.createAnchor(item));
+ li.classList.add('e-url');
+ }
+ if (item.iconCss) {
+ span = this.createElement('span', { className: classNames.ICON + ' ' + item.iconCss });
+ if (item.url) {
+ li.childNodes[0].appendChild(span);
+ }
+ else {
+ li.insertBefore(span, li.childNodes[0]);
+ }
+ }
+ else {
+ if (showIcon && !item.separator) {
+ li.classList.add('e-blank-icon');
+ }
+ }
+ if (item.disabled) {
+ li.classList.add('e-disabled');
+ }
+ eventArgs = { item: item, element: li };
+ this.trigger('beforeItemRender', eventArgs);
+ ul.appendChild(li);
+ }
+ if (appendItems) {
+ this.getPopUpElement().appendChild(ul);
+ }
+ if (showIcon) {
+ Object(_common_common__WEBPACK_IMPORTED_MODULE_3__["setBlankIconStyle"])(this.getPopUpElement());
+ }
+ };
+ DropDownButton.prototype.hasIcon = function (items, field) {
+ for (var i = 0, len = items.length; i < len; i++) {
+ if (items[i]["" + field]) {
+ return true;
+ }
+ }
+ return false;
+ };
+ DropDownButton.prototype.createAnchor = function (item) {
+ var tempItem = (this.enableHtmlSanitizer) ? _ej2_base__WEBPACK_IMPORTED_MODULE_0__["SanitizeHtmlHelper"].sanitize(item.text) : item.text;
+ return this.createElement('a', { className: 'e-menu-text e-menu-url', innerHTML: tempItem, attrs: { 'href': item.url } });
+ };
+ DropDownButton.prototype.initialize = function () {
+ this.button = new _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__["Button"]({
+ iconCss: this.iconCss, iconPosition: this.iconPosition, cssClass: this.cssClass, content: this.content,
+ disabled: this.disabled, enableRtl: this.enableRtl, enablePersistence: this.enablePersistence
+ });
+ this.button.createElement = this.createElement;
+ this.button.appendTo(this.element);
+ if (!this.element.id) {
+ this.element.id = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getUniqueID"])('e-' + this.getModuleName());
+ }
+ this.appendArrowSpan();
+ this.setActiveElem([this.element]);
+ if ((this.target && !this.isColorPicker()) || !this.createPopupOnClick) {
+ this.createPopup();
+ }
+ else {
+ this.isPopupCreated = false;
+ }
+ };
+ DropDownButton.prototype.isColorPicker = function () {
+ if (!this.element) {
+ return false;
+ }
+ var prevElem = this.element.previousSibling;
+ if (prevElem && prevElem.classList && prevElem.classList.contains('e-split-colorpicker')) {
+ return true;
+ }
+ return false;
+ };
+ DropDownButton.prototype.appendArrowSpan = function () {
+ this.element.appendChild(this.createElement('span', {
+ className: 'e-btn-icon e-icons ' + 'e-icon-' + (this.cssClass.indexOf(classNames.VERTICAL) > -1
+ ? 'bottom' : 'right') + ' e-caret'
+ }));
+ };
+ DropDownButton.prototype.setActiveElem = function (elem) {
+ this.activeElem = elem;
+ };
+ /**
+ * Get component name.
+ *
+ * @returns {string} - Module Name
+ * @private
+ */
+ DropDownButton.prototype.getModuleName = function () {
+ return 'dropdown-btn';
+ };
+ DropDownButton.prototype.canOpen = function () {
+ var val = false;
+ if (this.isPopupCreated) {
+ val = this.getPopUpElement().classList.contains('e-popup-close');
+ }
+ return val;
+ };
+ /**
+ * Destroys the widget.
+ *
+ * @returns {void}
+ */
+ DropDownButton.prototype.destroy = function () {
+ var _this = this;
+ _super.prototype.destroy.call(this);
+ if (this.getModuleName() === 'dropdown-btn') {
+ var classList_1;
+ if (this.element.querySelector('span.e-caret')) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(this.element.querySelector('span.e-caret'));
+ }
+ if (this.cssClass) {
+ classList_1 = this.cssClass.split(' ');
+ }
+ this.button.destroy();
+ if (classList_1) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([this.element], classList_1);
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])(this.activeElem, ['e-active']);
+ var attrList = this.element.getAttribute('class') ? ['aria-haspopup', 'aria-expanded', 'aria-owns', 'type']
+ : ['aria-haspopup', 'aria-expanded', 'aria-owns', 'type', 'class'];
+ attrList.forEach(function (key) {
+ _this.element.removeAttribute(key);
+ });
+ this.popupUnWireEvents();
+ this.destroyPopup();
+ this.isPopupCreated = false;
+ if (!this.disabled) {
+ this.unWireEvents();
+ }
+ }
+ };
+ DropDownButton.prototype.destroyPopup = function () {
+ if (this.isPopupCreated) {
+ this.dropDown.destroy();
+ if (this.getPopUpElement()) {
+ var popupEle = document.getElementById(this.getPopUpElement().id);
+ if (popupEle) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([popupEle], ['e-popup-open', 'e-popup-close']);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(popupEle);
+ }
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.getPopUpElement(), 'click', this.clickHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.getPopUpElement(), 'keydown', this.keyBoardHandler);
+ if (this.isPopupCreated && this.dropDown) {
+ this.dropDown.element = null;
+ this.dropDown = undefined;
+ }
+ }
+ this.isPopupCreated = false;
+ };
+ DropDownButton.prototype.getPopUpElement = function () {
+ var val = null;
+ if (!this.dropDown && this.activeElem[0].classList.contains('e-split-btn')) {
+ var dropDownBtn = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getComponent"])(this.activeElem[1], 'dropdown-btn');
+ if (dropDownBtn) {
+ this.dropDown = dropDownBtn.dropDown;
+ }
+ }
+ if (this.dropDown) {
+ val = this.dropDown.element;
+ }
+ return val;
+ };
+ DropDownButton.prototype.getULElement = function () {
+ var val = null;
+ if (this.getPopUpElement()) {
+ val = this.getPopUpElement().children[0];
+ }
+ return val;
+ };
+ DropDownButton.prototype.wireEvents = function () {
+ this.delegateMousedownHandler = this.mousedownHandler.bind(this);
+ if (!this.createPopupOnClick) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mousedown touchstart', this.delegateMousedownHandler, this);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'click', this.clickHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(this.element, 'keydown', this.keyBoardHandler, this);
+ };
+ DropDownButton.prototype.popupWireEvents = function () {
+ if (!this.delegateMousedownHandler) {
+ this.delegateMousedownHandler = this.mousedownHandler.bind(this);
+ }
+ var popupElement = this.getPopUpElement();
+ if (this.createPopupOnClick) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(document, 'mousedown touchstart', this.delegateMousedownHandler, this);
+ }
+ if (popupElement) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(popupElement, 'click', this.clickHandler, this);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(popupElement, 'keydown', this.keyBoardHandler, this);
+ if (this.closeActionEvents) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].add(popupElement, this.closeActionEvents, this.focusoutHandler, this);
+ }
+ }
+ this.rippleFn = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["rippleEffect"])(popupElement, { selector: '.' + classNames.ITEM });
+ };
+ DropDownButton.prototype.popupUnWireEvents = function () {
+ var popupElement = this.getPopUpElement();
+ if (this.createPopupOnClick) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'mousedown touchstart', this.delegateMousedownHandler);
+ }
+ if (popupElement && popupElement.parentElement) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(popupElement, 'click', this.clickHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(popupElement, 'keydown', this.keyBoardHandler);
+ if (this.closeActionEvents) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(popupElement, this.closeActionEvents, this.focusoutHandler);
+ }
+ }
+ if (_ej2_base__WEBPACK_IMPORTED_MODULE_0__["isRippleEnabled"] && this.rippleFn) {
+ this.rippleFn();
+ }
+ };
+ /**
+ * Handles the keyboard interactions.
+ *
+ * @param {KeyboardEventArgs} e - Specifies keyboard event args.
+ * @returns {void}
+ * @hidden
+ */
+ DropDownButton.prototype.keyBoardHandler = function (e) {
+ if (e.target === this.element && (e.keyCode === 9 || (!e.altKey && e.keyCode === 40) || e.keyCode === 38)) {
+ return;
+ }
+ switch (e.keyCode) {
+ case 38:
+ case 40:
+ if (e.altKey && (e.keyCode === 38 || e.keyCode === 40)) {
+ this.keyEventHandler(e);
+ }
+ else {
+ this.upDownKeyHandler(e);
+ }
+ break;
+ case 9:
+ case 13:
+ case 27:
+ case 32:
+ this.keyEventHandler(e);
+ break;
+ }
+ };
+ DropDownButton.prototype.upDownKeyHandler = function (e) {
+ if (this.target && (e.keyCode === 38 || e.keyCode === 40)) {
+ return;
+ }
+ e.preventDefault();
+ Object(_common_common__WEBPACK_IMPORTED_MODULE_3__["upDownKeyHandler"])(this.getULElement(), e.keyCode);
+ };
+ DropDownButton.prototype.keyEventHandler = function (e) {
+ if (this.target && (e.keyCode === 13 || e.keyCode === 9)) {
+ return;
+ }
+ if (e.keyCode === 13 && this.activeElem[0].classList.contains('e-split-btn')) {
+ this.activeElem[0].focus();
+ return;
+ }
+ if (e.target && e.target.className.indexOf('e-edit-template') > -1 && e.keyCode === 32) {
+ return;
+ }
+ if (e.keyCode !== 9) {
+ e.preventDefault();
+ }
+ if (e.keyCode === 27 || e.keyCode === 38 || e.keyCode === 9) {
+ if (!this.canOpen()) {
+ this.closePopup(e, this.element);
+ }
+ }
+ else {
+ this.clickHandler(e);
+ }
+ };
+ DropDownButton.prototype.getLI = function (elem) {
+ return elem.tagName === 'LI' ? elem : Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(elem, 'li');
+ };
+ DropDownButton.prototype.mousedownHandler = function (e) {
+ var trgt = e.target;
+ if (this.dropDown && !this.canOpen() && !(Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '[id="' + this.getPopUpElement().id + '"]')
+ || Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '[id="' + this.element.id + '"]'))) {
+ this.closePopup(e);
+ }
+ };
+ DropDownButton.prototype.focusoutHandler = function (e) {
+ if (this.isPopupCreated && !this.canOpen()) {
+ var liTarget = e.relatedTarget;
+ if (liTarget && liTarget.className.indexOf('e-item') > -1) {
+ var li = this.getLI(liTarget);
+ if (li) {
+ var liIdx = Array.prototype.indexOf.call(this.getULElement().children, li);
+ var item = this.items[liIdx];
+ if (item) {
+ var selectEventArgs = { element: li, item: item };
+ this.trigger('select', selectEventArgs);
+ }
+ }
+ }
+ this.closePopup(e);
+ }
+ };
+ DropDownButton.prototype.clickHandler = function (e) {
+ var trgt = e.target;
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '[id="' + this.element.id + '"]')) {
+ if (!this.createPopupOnClick || (this.target && this.target !== '' && !this.isColorPicker())) {
+ if (this.getPopUpElement().classList.contains('e-popup-close')) {
+ this.openPopUp(e);
+ }
+ else {
+ this.closePopup(e);
+ }
+ }
+ else if (this.isPopupCreated) {
+ this.closePopup(e, this.activeElem[0]);
+ }
+ else {
+ this.createPopup();
+ this.openPopUp(e);
+ }
+ }
+ else {
+ if (Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["closest"])(trgt, '[id="' + this.getPopUpElement().id + '"]')) {
+ var eventArgs = void 0;
+ var liIdx = void 0;
+ var item = void 0;
+ var li = this.getLI(trgt);
+ if (li) {
+ liIdx = Array.prototype.indexOf.call(this.getULElement().children, li);
+ item = this.items[liIdx];
+ if (item) {
+ eventArgs = { element: li, item: item };
+ this.trigger('select', eventArgs);
+ }
+ this.closePopup(e, this.activeElem[0]);
+ }
+ }
+ }
+ };
+ DropDownButton.prototype.openPopUp = function (e) {
+ var _this = this;
+ if (e === void 0) { e = null; }
+ var isReact = false;
+ var popupElem = this.getPopUpElement();
+ if (!this.target) {
+ this.createItems(true);
+ }
+ else {
+ if (this.activeElem.length > 1) {
+ var splitButton = Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["getComponent"])(this.activeElem[0], 'split-btn');
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ if (splitButton.isReact && popupElem.childNodes.length < 1) {
+ isReact = true;
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
+ this.renderReactTemplates();
+ }
+ }
+ else {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ if (this.isReact && popupElem.childNodes.length < 1) {
+ isReact = true;
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ this.appendReactElement(this.getTargetElement(), this.getPopUpElement());
+ this.renderReactTemplates();
+ }
+ }
+ }
+ var ul = this.getULElement();
+ this.popupWireEvents();
+ var beforeOpenArgs = { element: ul, items: this.items, event: e, cancel: false };
+ this.trigger('beforeOpen', beforeOpenArgs, function (observedArgs) {
+ if (!observedArgs.cancel) {
+ var ul_1 = _this.getULElement();
+ _this.dropDown.show(null, _this.element);
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([_this.element], 'e-active');
+ _this.element.setAttribute('aria-expanded', 'true');
+ _this.element.setAttribute('aria-owns', _this.getPopUpElement().id);
+ if (ul_1) {
+ ul_1.focus();
+ }
+ if (_this.enableRtl && ul_1.parentElement.style.left !== '0px') {
+ var wrapperWidth = void 0;
+ if (_this.element.parentElement && _this.element.parentElement.classList.contains('e-split-btn-wrapper')) {
+ wrapperWidth = _this.element.parentElement.offsetWidth;
+ }
+ else {
+ wrapperWidth = _this.element.offsetWidth;
+ }
+ var popupRect = ul_1.parentElement.offsetWidth - wrapperWidth;
+ var popupLeft = parseFloat(ul_1.parentElement.style.left) - popupRect;
+ if (popupLeft < 0) {
+ popupLeft = 0;
+ }
+ ul_1.parentElement.style.left = popupLeft + "px";
+ }
+ var openArgs = { element: ul_1, items: _this.items };
+ _this.trigger('open', openArgs);
+ }
+ });
+ };
+ DropDownButton.prototype.closePopup = function (e, focusEle) {
+ var _this = this;
+ if (e === void 0) { e = null; }
+ var ul = this.getULElement();
+ var beforeCloseArgs = { element: ul, items: this.items, event: e, cancel: false };
+ this.trigger('beforeClose', beforeCloseArgs, function (observedArgs) {
+ if (!observedArgs.cancel) {
+ var popupElement = _this.getPopUpElement();
+ if (popupElement) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(popupElement, 'keydown', _this.keyBoardHandler);
+ }
+ _this.popupUnWireEvents();
+ var ul_2 = _this.getULElement();
+ var selectedLi = void 0;
+ if (ul_2) {
+ selectedLi = ul_2.querySelector('.e-selected');
+ }
+ if (selectedLi) {
+ selectedLi.classList.remove('e-selected');
+ }
+ _this.dropDown.hide();
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])(_this.activeElem, 'e-active');
+ _this.element.setAttribute('aria-expanded', 'false');
+ _this.element.removeAttribute('aria-owns');
+ if (focusEle) {
+ focusEle.focus();
+ }
+ var closeArgs = { element: ul_2, items: _this.items };
+ _this.trigger('close', closeArgs);
+ if (!_this.target && ul_2) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["detach"])(ul_2);
+ }
+ if (!_this.target || _this.isColorPicker()) {
+ if (_this.createPopupOnClick) {
+ _this.destroyPopup();
+ }
+ }
+ }
+ else {
+ if (ul) {
+ ul.focus();
+ }
+ }
+ });
+ };
+ DropDownButton.prototype.unWireEvents = function () {
+ if (!this.createPopupOnClick) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(document, 'mousedown touchstart', this.delegateMousedownHandler);
+ }
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'click', this.clickHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.element, 'keydown', this.keyBoardHandler);
+ if (this.isPopupCreated) {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.getPopUpElement(), 'click', this.clickHandler);
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["EventHandler"].remove(this.getPopUpElement(), 'keydown', this.keyBoardHandler);
+ }
+ };
+ /**
+ * Called internally if any of the property value changed.
+ *
+ * @param {DropDownButtonModel} newProp - Specifies new properties
+ * @param {DropDownButtonModel} oldProp - Specifies old properties
+ * @returns {void}
+ * @private
+ */
+ DropDownButton.prototype.onPropertyChanged = function (newProp, oldProp) {
+ var btnModel = ['content', 'cssClass', 'iconCss', 'iconPosition', 'disabled', 'enableRtl'];
+ this.button.setProperties(Object(_common_common__WEBPACK_IMPORTED_MODULE_3__["getModel"])(newProp, btnModel));
+ var popupElement;
+ if (this.isPopupCreated) {
+ popupElement = this.getPopUpElement();
+ this.dropDown.setProperties(Object(_common_common__WEBPACK_IMPORTED_MODULE_3__["getModel"])(newProp, ['enableRtl']));
+ }
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'content':
+ if (!this.element.querySelector('span.e-caret')) {
+ this.appendArrowSpan();
+ }
+ break;
+ case 'disabled':
+ if (newProp.disabled) {
+ this.unWireEvents();
+ if (this.isPopupCreated && !this.canOpen()) {
+ this.closePopup();
+ }
+ }
+ else {
+ this.wireEvents();
+ }
+ break;
+ case 'cssClass':
+ if (newProp.cssClass.indexOf(classNames.VERTICAL) > -1 || oldProp.cssClass.indexOf(classNames.VERTICAL) > -1) {
+ if (!this.element.querySelector('span.e-caret')) {
+ this.appendArrowSpan();
+ }
+ var arrowSpan = this.element.querySelector('span.e-caret');
+ newProp.cssClass.indexOf(classNames.VERTICAL) > -1 ? Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(arrowSpan, ['e-icon-bottom'], ['e-icon-right'])
+ : Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["classList"])(arrowSpan, ['e-icon-right'], ['e-icon-bottom']);
+ }
+ if (this.isPopupCreated) {
+ if (oldProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["removeClass"])([popupElement], oldProp.cssClass.split(' '));
+ }
+ if (newProp.cssClass) {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["addClass"])([popupElement], newProp.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+ }
+ }
+ break;
+ case 'target':
+ this.dropDown.content = this.getTargetElement();
+ this.dropDown.dataBind();
+ break;
+ case 'items':
+ if (this.isPopupCreated && this.getULElement()) {
+ this.createItems();
+ }
+ break;
+ case 'createPopupOnClick':
+ if (newProp.createPopupOnClick) {
+ this.destroyPopup();
+ }
+ else {
+ this.createPopup();
+ }
+ break;
+ }
+ }
+ };
+ /**
+ * Sets the focus to DropDownButton
+ * its native method
+ *
+ * @public
+ * @returns {void}
+ */
+ DropDownButton.prototype.focusIn = function () {
+ this.element.focus();
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], DropDownButton.prototype, "content", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], DropDownButton.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], DropDownButton.prototype, "disabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], DropDownButton.prototype, "iconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('Left')
+ ], DropDownButton.prototype, "iconPosition", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], DropDownButton.prototype, "enableHtmlSanitizer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Collection"])([], _common_common__WEBPACK_IMPORTED_MODULE_3__["Item"])
+ ], DropDownButton.prototype, "items", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])(false)
+ ], DropDownButton.prototype, "createPopupOnClick", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], DropDownButton.prototype, "target", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Property"])('')
+ ], DropDownButton.prototype, "closeActionEvents", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], DropDownButton.prototype, "beforeItemRender", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], DropDownButton.prototype, "beforeOpen", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], DropDownButton.prototype, "beforeClose", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], DropDownButton.prototype, "close", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], DropDownButton.prototype, "open", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], DropDownButton.prototype, "select", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Event"])()
+ ], DropDownButton.prototype, "created", void 0);
+ DropDownButton = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_0__["NotifyPropertyChanges"]
+ ], DropDownButton);
+ return DropDownButton;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/drop-down-button/index.js":
+/*!**********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-splitbuttons/drop-down-button/index.js ***!
+ \**********************************************************************************/
+/*! exports provided: DropDownButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _drop_down_button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./drop-down-button */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/drop-down-button/drop-down-button.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropDownButton", function() { return _drop_down_button__WEBPACK_IMPORTED_MODULE_0__["DropDownButton"]; });
+
+/**
+ * DropDownButton modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/index.js":
+/*!*****************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-splitbuttons/index.js ***!
+ \*****************************************************************/
+/*! exports provided: getModel, upDownKeyHandler, setBlankIconStyle, Item, DropDownButton, SplitButton, Deferred, createButtonGroup, SpinSettings, AnimationSettings, ProgressButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _common_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./common/index */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/common/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getModel", function() { return _common_index__WEBPACK_IMPORTED_MODULE_0__["getModel"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "upDownKeyHandler", function() { return _common_index__WEBPACK_IMPORTED_MODULE_0__["upDownKeyHandler"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setBlankIconStyle", function() { return _common_index__WEBPACK_IMPORTED_MODULE_0__["setBlankIconStyle"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Item", function() { return _common_index__WEBPACK_IMPORTED_MODULE_0__["Item"]; });
+
+/* harmony import */ var _drop_down_button_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./drop-down-button/index */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/drop-down-button/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropDownButton", function() { return _drop_down_button_index__WEBPACK_IMPORTED_MODULE_1__["DropDownButton"]; });
+
+/* harmony import */ var _split_button_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./split-button/index */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/split-button/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SplitButton", function() { return _split_button_index__WEBPACK_IMPORTED_MODULE_2__["SplitButton"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Deferred", function() { return _split_button_index__WEBPACK_IMPORTED_MODULE_2__["Deferred"]; });
+
+/* harmony import */ var _button_group_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./button-group/index */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/button-group/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createButtonGroup", function() { return _button_group_index__WEBPACK_IMPORTED_MODULE_3__["createButtonGroup"]; });
+
+/* harmony import */ var _progress_button_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./progress-button/index */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/progress-button/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SpinSettings", function() { return _progress_button_index__WEBPACK_IMPORTED_MODULE_4__["SpinSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationSettings", function() { return _progress_button_index__WEBPACK_IMPORTED_MODULE_4__["AnimationSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ProgressButton", function() { return _progress_button_index__WEBPACK_IMPORTED_MODULE_4__["ProgressButton"]; });
+
+/**
+ * SplitButton all module
+ */
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/progress-button/index.js":
+/*!*********************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-splitbuttons/progress-button/index.js ***!
+ \*********************************************************************************/
+/*! exports provided: SpinSettings, AnimationSettings, ProgressButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _progress_button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./progress-button */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/progress-button/progress-button.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SpinSettings", function() { return _progress_button__WEBPACK_IMPORTED_MODULE_0__["SpinSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationSettings", function() { return _progress_button__WEBPACK_IMPORTED_MODULE_0__["AnimationSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ProgressButton", function() { return _progress_button__WEBPACK_IMPORTED_MODULE_0__["ProgressButton"]; });
+
+/**
+ * ProgressButton modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/progress-button/progress-button.js":
+/*!*******************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-splitbuttons/progress-button/progress-button.js ***!
+ \*******************************************************************************************/
+/*! exports provided: SpinSettings, AnimationSettings, ProgressButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SpinSettings", function() { return SpinSettings; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnimationSettings", function() { return AnimationSettings; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ProgressButton", function() { return ProgressButton; });
+/* harmony import */ var _ej2_buttons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-buttons */ "./ej2-resources/22.1.37/scripts/ej2-buttons/index.js");
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_popups__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../ej2-popups */ "./ej2-resources/22.1.37/scripts/ej2-popups/index.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+var HIDESPINNER = 'e-hide-spinner';
+var PROGRESS = 'e-progress';
+var PROGRESSACTIVE = 'e-progress-active';
+var CONTENTCLS = 'e-btn-content';
+/**
+ * Defines the spin settings.
+ */
+var SpinSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(SpinSettings, _super);
+ function SpinSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(null)
+ ], SpinSettings.prototype, "template", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(16)
+ ], SpinSettings.prototype, "width", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('Left')
+ ], SpinSettings.prototype, "position", void 0);
+ return SpinSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["ChildProperty"]));
+
+/**
+ * Defines the animation settings.
+ */
+var AnimationSettings = /** @__PURE__ @class */ (function (_super) {
+ __extends(AnimationSettings, _super);
+ function AnimationSettings() {
+ return _super !== null && _super.apply(this, arguments) || this;
+ }
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(400)
+ ], AnimationSettings.prototype, "duration", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('None')
+ ], AnimationSettings.prototype, "effect", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('ease')
+ ], AnimationSettings.prototype, "easing", void 0);
+ return AnimationSettings;
+}(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["ChildProperty"]));
+
+/**
+ * The ProgressButton visualizes the progression of an operation to indicate the user
+ * that a process is happening in the background with visual representation.
+ * ```html
+ *
+ * ```
+ * ```typescript
+ *
+ * ```
+ */
+var ProgressButton = /** @__PURE__ @class */ (function (_super) {
+ __extends(ProgressButton, _super);
+ /**
+ * Constructor for creating the widget.
+ *
+ * @param {ProgressButtonModel} options - Specifies progress button model
+ * @param {string|HTMLButtonElement} element - Specifies element
+ */
+ function ProgressButton(options, element) {
+ var _this = _super.call(this, options, element) || this;
+ _this.step = 1;
+ return _this;
+ }
+ ProgressButton.prototype.preRender = function () {
+ _super.prototype.preRender.call(this);
+ };
+ /**
+ * Initialize the Component rendering
+ *
+ * @returns {void}
+ * @private
+ */
+ ProgressButton.prototype.render = function () {
+ _super.prototype.render.call(this);
+ this.init();
+ this.wireEvents();
+ this.setAria();
+ this.renderComplete();
+ };
+ /**
+ * Starts the button progress at the specified percent.
+ *
+ * @param {number} percent - Starts the button progress at this percent.
+ * @returns {void}
+ */
+ ProgressButton.prototype.start = function (percent) {
+ this.isPaused = false;
+ this.startProgress(percent ? percent : this.percent, this.progressTime);
+ };
+ /**
+ * Stops the button progress.
+ *
+ * @returns {void}
+ */
+ ProgressButton.prototype.stop = function () {
+ this.isPaused = true;
+ cancelAnimationFrame(this.timerId);
+ };
+ /**
+ * Complete the button progress.
+ *
+ * @returns {void}
+ */
+ ProgressButton.prototype.progressComplete = function () {
+ this.isPaused = false;
+ this.finishProgress();
+ };
+ /**
+ * Get component name.
+ *
+ * @returns {string} - Module Name
+ * @private
+ */
+ ProgressButton.prototype.getModuleName = function () {
+ return 'progress-btn';
+ };
+ /**
+ * Destroys the widget.
+ *
+ * @returns {void}
+ */
+ ProgressButton.prototype.destroy = function () {
+ var _this = this;
+ var classList = [HIDESPINNER, PROGRESSACTIVE, 'e-round-corner', 'e-' + _super.prototype.getModuleName.call(this),
+ 'e-spin-' + this.spinSettings.position.toLowerCase()];
+ _super.prototype.destroy.call(this);
+ this.unWireEvents();
+ this.element.innerHTML = '';
+ if (this.cssClass) {
+ classList = classList.concat(this.cssClass.split(' '));
+ }
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["removeClass"])([this.element], classList);
+ var css = this.element.getAttribute('class') ? ['aria-label', 'aria-valuemin', 'aria-valuemax', 'aria-valuenow']
+ : ['aria-label', 'aria-valuemin', 'aria-valuemax', 'aria-valuenow', 'class'];
+ css.forEach(function (key) {
+ _this.element.removeAttribute(key);
+ });
+ if (this.disabled) {
+ this.element.removeAttribute('disabled');
+ }
+ };
+ ProgressButton.prototype.init = function () {
+ this.element.classList.add('e-' + _super.prototype.getModuleName.call(this));
+ this.setContent();
+ this.createSpinner();
+ if (this.enableProgress) {
+ this.createProgress();
+ }
+ };
+ ProgressButton.prototype.createSpinner = function () {
+ var spinner = this.createElement('span', { className: 'e-spinner' });
+ this.setSpinPosition(spinner);
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["createSpinner"])({
+ target: spinner, width: this.spinSettings.width || 16, template: this.spinSettings.template
+ }, this.createElement);
+ };
+ ProgressButton.prototype.getSpinner = function () {
+ return this.element.getElementsByClassName('e-spinner')[0];
+ };
+ ProgressButton.prototype.getProgress = function () {
+ return this.element.getElementsByClassName(PROGRESS)[0];
+ };
+ ProgressButton.prototype.setSpinPosition = function (ele) {
+ var position = this.spinSettings.position || 'Left';
+ if (position === 'Left' || position === 'Top') {
+ this.element.insertBefore(ele, this.element.getElementsByClassName(CONTENTCLS)[0]);
+ }
+ else {
+ this.element.appendChild(ele);
+ }
+ this.element.classList.add('e-spin-' + position.toLowerCase());
+ };
+ ProgressButton.prototype.createProgress = function () {
+ this.element.appendChild(this.createElement('span', { className: PROGRESS }));
+ };
+ ProgressButton.prototype.setContent = function () {
+ var cont;
+ cont = this.element.innerHTML;
+ if (this.enableHtmlSanitizer) {
+ cont = _ej2_base__WEBPACK_IMPORTED_MODULE_1__["SanitizeHtmlHelper"].sanitize(this.element.innerHTML);
+ }
+ this.element.innerHTML = '';
+ this.element.appendChild(this.createElement('span', { className: CONTENTCLS, innerHTML: cont }));
+ };
+ ProgressButton.prototype.setContentIcon = function (content) {
+ var contElem = this.createElement('span', { className: CONTENTCLS, innerHTML: content });
+ if (this.iconCss) {
+ var span = this.createElement('span', { className: 'e-btn-icon ' + this.iconCss });
+ if (!this.element.textContent.trim()) {
+ this.element.classList.add('e-icon-btn');
+ }
+ else {
+ span.classList.add('e-icon-' + this.iconPosition.toLowerCase());
+ if (this.iconPosition === 'Top' || this.iconPosition === 'Bottom') {
+ this.element.classList.add('e-' + this.iconPosition.toLowerCase() + '-icon-btn');
+ }
+ }
+ var node = contElem.childNodes[0];
+ if (node && (this.iconPosition === 'Left' || this.iconPosition === 'Top')) {
+ contElem.insertBefore(span, node);
+ }
+ else {
+ contElem.appendChild(span);
+ }
+ }
+ this.element.appendChild(contElem);
+ };
+ ProgressButton.prototype.clickHandler = function () {
+ if (this.element.classList.contains(PROGRESSACTIVE)) {
+ return;
+ }
+ this.startProgress();
+ };
+ ProgressButton.prototype.startProgress = function (percent, progressTime) {
+ var clsList = this.element.classList;
+ var isVertical = clsList.contains('e-vertical');
+ clsList.add(PROGRESSACTIVE);
+ if (!(clsList.contains(HIDESPINNER))) {
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["showSpinner"])(this.element.querySelector(".e-spinner"));
+ }
+ this.startAnimate(Date.now(), progressTime ? progressTime : 0, progressTime ? Date.now() - (this.duration * 1 / 100) : Date.now(), percent ? percent : 0, 0, this.step, 0, isVertical);
+ this.startContAnimate();
+ };
+ ProgressButton.prototype.startAnimate = function (timestamp, progressTime, prevTime, percent, prevPercent, step, prevProgressTime, isVertical) {
+ var _this = this;
+ try {
+ var timeDiff = timestamp - prevTime;
+ var stepTime = this.duration * step / 100;
+ var timeDiffBuffer_1 = timeDiff ? (timeDiff < stepTime ? timeDiff - stepTime : timeDiff % stepTime) : 0;
+ this.progressTime = progressTime = progressTime + timeDiff - timeDiffBuffer_1;
+ prevTime = timestamp - timeDiffBuffer_1;
+ percent = percent + (timeDiff - timeDiffBuffer_1) / this.duration * 100;
+ prevPercent = ((progressTime - prevProgressTime) % stepTime === 0 || percent === 100) ? percent : prevPercent;
+ var args = { percent: prevPercent, currentDuration: progressTime, step: step };
+ this.eIsVertical = isVertical;
+ if (percent === 0) {
+ this.trigger('begin', args, function (observedArgs) {
+ _this.successCallback(observedArgs, percent, prevPercent, progressTime, prevProgressTime, timeDiffBuffer_1, prevTime);
+ });
+ }
+ else if (percent === 100 || progressTime === this.duration) {
+ this.trigger('end', args, function (observedArgs) {
+ _this.successCallback(observedArgs, percent, prevPercent, progressTime, prevProgressTime, timeDiffBuffer_1, prevTime);
+ });
+ }
+ else {
+ this.trigger('progress', args, function (observedArgs) {
+ _this.successCallback(observedArgs, percent, prevPercent, progressTime, prevProgressTime, timeDiffBuffer_1, prevTime);
+ });
+ }
+ }
+ catch (e) {
+ cancelAnimationFrame(this.timerId);
+ this.trigger('fail', e);
+ }
+ };
+ ProgressButton.prototype.successCallback = function (args, perc, pPerc, prgTim, pPrgTim, timDif, pTim) {
+ var _this = this;
+ var percent = perc;
+ var prevPercent = pPerc;
+ var timeDiffBuffer = timDif;
+ var progressTime = prgTim;
+ var prevProgressTime = pPrgTim;
+ var prevTime = pTim;
+ var isVertical = this.eIsVertical;
+ if (percent !== args.percent && args.percent !== prevPercent) {
+ percent = args.percent;
+ }
+ this.percent = percent;
+ this.step = args.step;
+ if ((progressTime - prevProgressTime) % (this.duration * args.step / 100) === 0 || percent === 100) {
+ this.timerId = requestAnimationFrame(function () {
+ if (_this.enableProgress) {
+ _this.getProgress().style[isVertical ? 'height' : 'width'] = percent + '%';
+ }
+ _this.element.setAttribute('aria-valuenow', percent.toString());
+ });
+ prevPercent = percent;
+ prevProgressTime = progressTime;
+ }
+ if (!this.isPaused) {
+ if (progressTime < this.duration && percent < 100) {
+ this.interval = window.setTimeout(function () {
+ _this.startAnimate(Date.now(), progressTime, prevTime, percent, prevPercent, args.step, prevProgressTime, isVertical);
+ }, (this.duration / 100) - timeDiffBuffer);
+ }
+ else {
+ this.interval = window.setTimeout(function () {
+ _this.progressTime = _this.percent = 0;
+ if (_this.enableProgress) {
+ _this.getProgress().style[isVertical ? 'height' : 'width'] = '0%';
+ }
+ _this.element.setAttribute('aria-valuenow', '0');
+ _this.hideSpin();
+ }, 100);
+ }
+ }
+ };
+ ProgressButton.prototype.startContAnimate = function () {
+ var _this = this;
+ var ele = this.element.getElementsByClassName(CONTENTCLS)[0];
+ if (this.animationSettings.effect !== 'None') {
+ (new _ej2_base__WEBPACK_IMPORTED_MODULE_1__["Animation"]({})).animate(ele, {
+ duration: this.animationSettings.duration,
+ name: 'Progress' + this.animationSettings.effect,
+ timingFunction: this.animationSettings.easing,
+ begin: function () {
+ if (_this.spinSettings.position === 'Center') {
+ _this.setSpinnerSize();
+ }
+ },
+ end: function () {
+ ele.classList.add('e-animate-end');
+ }
+ });
+ }
+ else if (this.spinSettings.position === 'Center') {
+ this.setSpinnerSize();
+ }
+ };
+ ProgressButton.prototype.finishProgress = function () {
+ var clsList = this.element.classList;
+ var isVertical = clsList.contains('e-vertical');
+ clsList.add(PROGRESSACTIVE);
+ var count = 100;
+ for (var i = this.percent; i < count; i++) {
+ i += 10;
+ if (i > 100) {
+ i = 100;
+ }
+ if (this.enableProgress) {
+ this.getProgress().style[isVertical ? 'height' : 'width'] = (this.percent < 100) ? (i + '%') : '100%';
+ }
+ }
+ this.element.setAttribute('aria-valuenow', '0');
+ this.hideSpin();
+ var args = { step: this.step, currentDuration: this.progressTime, percent: 100 };
+ clearTimeout(this.interval);
+ this.trigger('end', args);
+ this.progressTime = this.percent = 0;
+ };
+ ProgressButton.prototype.setSpinnerSize = function () {
+ var ele = this.element.getElementsByClassName(CONTENTCLS)[0];
+ var spinner = this.getSpinner();
+ spinner.style.width = Math.max(spinner.offsetWidth, ele.offsetWidth) + 'px';
+ spinner.style.height = Math.max(spinner.offsetHeight, ele.offsetHeight) + 'px';
+ ele.classList.add('e-cont-animate');
+ };
+ ProgressButton.prototype.hideSpin = function () {
+ var cont = this.element.getElementsByClassName(CONTENTCLS)[0];
+ if (!(this.element.classList.contains(HIDESPINNER))) {
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["hideSpinner"])(this.element.querySelector(".e-spinner"));
+ }
+ this.element.classList.remove(PROGRESSACTIVE);
+ if (this.animationSettings.effect !== 'None') {
+ cont.classList.remove('e-animate-end');
+ }
+ if (this.spinSettings.position === 'Center') {
+ var ele = this.getSpinner();
+ cont.classList.remove('e-cont-animate');
+ ele.style.width = 'auto';
+ ele.style.height = 'auto';
+ }
+ };
+ ProgressButton.prototype.setIconSpan = function () {
+ var cont = this.element.getElementsByClassName(CONTENTCLS)[0];
+ var iconSpan = this.element.getElementsByClassName('e-btn-icon')[0];
+ if (cont.childNodes[0] && (this.iconPosition === 'Left' || this.iconPosition === 'Top')) {
+ cont.insertBefore(iconSpan, cont.childNodes[0]);
+ }
+ else {
+ cont.appendChild(iconSpan);
+ }
+ };
+ ProgressButton.prototype.setAria = function () {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["attributes"])(this.element, {
+ 'aria-label': this.element.textContent + ' progress', 'aria-valuemin': '0', 'aria-valuemax': '100', 'aria-valuenow': '0'
+ });
+ };
+ ProgressButton.prototype.wireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_1__["EventHandler"].add(this.element, 'click', this.clickHandler, this);
+ };
+ ProgressButton.prototype.unWireEvents = function () {
+ _ej2_base__WEBPACK_IMPORTED_MODULE_1__["EventHandler"].remove(this.element, 'click', this.clickHandler);
+ };
+ /**
+ * Called internally if any of the property value changed.
+ *
+ * @param {ProgressButtonModel} newProp - Specifies new properties
+ * @param {ProgressButtonModel} oldProp - Specifies old properties
+ * @returns {void}
+ * @private
+ */
+ ProgressButton.prototype.onPropertyChanged = function (newProp, oldProp) {
+ var ele = this.element;
+ var isSpinning = false;
+ var clsList = this.element.querySelector('.e-spinner-pane').classList;
+ if (clsList.contains('e-spin-show')) {
+ isSpinning = true;
+ }
+ _super.prototype.onPropertyChanged.call(this, newProp, oldProp);
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+ var prop = _a[_i];
+ switch (prop) {
+ case 'content':
+ this.setContent();
+ this.createSpinner();
+ if (isSpinning) {
+ Object(_ej2_popups__WEBPACK_IMPORTED_MODULE_2__["showSpinner"])(this.element.querySelector(".e-spinner"));
+ isSpinning = false;
+ }
+ if (this.enableProgress) {
+ this.createProgress();
+ }
+ ele.setAttribute('aria-label', ele.textContent + ' progress');
+ break;
+ case 'iconCss':
+ if (!oldProp.iconCss) {
+ this.setIconSpan();
+ }
+ break;
+ case 'iconPosition':
+ this.setIconSpan();
+ break;
+ case 'enableProgress':
+ if (newProp.enableProgress) {
+ this.createProgress();
+ }
+ else {
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["remove"])(this.getProgress());
+ }
+ break;
+ case 'spinSettings':
+ if (newProp.spinSettings.position) {
+ ele.classList.remove('e-spin-' + oldProp.spinSettings.position.toLowerCase());
+ this.setSpinPosition(this.getSpinner());
+ }
+ if (newProp.spinSettings.template || newProp.spinSettings.width) {
+ ele.removeChild(this.getSpinner());
+ this.createSpinner();
+ }
+ break;
+ }
+ }
+ };
+ /**
+ * Sets the focus to ProgressButton
+ * its native method
+ *
+ * @public
+ * @returns {void}
+ */
+ ProgressButton.prototype.focusIn = function () {
+ this.element.focus();
+ };
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(false)
+ ], ProgressButton.prototype, "enableProgress", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(2000)
+ ], ProgressButton.prototype, "duration", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('Left')
+ ], ProgressButton.prototype, "iconPosition", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('')
+ ], ProgressButton.prototype, "iconCss", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(false)
+ ], ProgressButton.prototype, "disabled", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(false)
+ ], ProgressButton.prototype, "isPrimary", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('')
+ ], ProgressButton.prototype, "cssClass", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])('')
+ ], ProgressButton.prototype, "content", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(false)
+ ], ProgressButton.prototype, "isToggle", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Property"])(false)
+ ], ProgressButton.prototype, "enableHtmlSanitizer", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Complex"])({}, SpinSettings)
+ ], ProgressButton.prototype, "spinSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Complex"])({}, AnimationSettings)
+ ], ProgressButton.prototype, "animationSettings", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Event"])()
+ ], ProgressButton.prototype, "created", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Event"])()
+ ], ProgressButton.prototype, "begin", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Event"])()
+ ], ProgressButton.prototype, "progress", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Event"])()
+ ], ProgressButton.prototype, "end", void 0);
+ __decorate([
+ Object(_ej2_base__WEBPACK_IMPORTED_MODULE_1__["Event"])()
+ ], ProgressButton.prototype, "fail", void 0);
+ ProgressButton = __decorate([
+ _ej2_base__WEBPACK_IMPORTED_MODULE_1__["NotifyPropertyChanges"]
+ ], ProgressButton);
+ return ProgressButton;
+}(_ej2_buttons__WEBPACK_IMPORTED_MODULE_0__["Button"]));
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/split-button/index.js":
+/*!******************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-splitbuttons/split-button/index.js ***!
+ \******************************************************************************/
+/*! exports provided: SplitButton, Deferred */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _split_button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./split-button */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/split-button/split-button.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SplitButton", function() { return _split_button__WEBPACK_IMPORTED_MODULE_0__["SplitButton"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Deferred", function() { return _split_button__WEBPACK_IMPORTED_MODULE_0__["Deferred"]; });
+
+/**
+ * Split Button modules
+ */
+
+
+
+/***/ }),
+
+/***/ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/split-button/split-button.js":
+/*!*************************************************************************************!*\
+ !*** ./ej2-resources/22.1.37/scripts/ej2-splitbuttons/split-button/split-button.js ***!
+ \*************************************************************************************/
+/*! exports provided: SplitButton, Deferred */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SplitButton", function() { return SplitButton; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Deferred", function() { return Deferred; });
+/* harmony import */ var _ej2_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../ej2-base */ "./ej2-resources/22.1.37/scripts/ej2-base/index.js");
+/* harmony import */ var _ej2_buttons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ej2-buttons */ "./ej2-resources/22.1.37/scripts/ej2-buttons/index.js");
+/* harmony import */ var _common_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../common/common */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/common/common.js");
+/* harmony import */ var _drop_down_button_drop_down_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../drop-down-button/drop-down-button */ "./ej2-resources/22.1.37/scripts/ej2-splitbuttons/drop-down-button/drop-down-button.js");
+var __extends = (undefined && undefined.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference
+///
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/JS-Sample/index.js b/JS-Sample/index.js
new file mode 100644
index 0000000..90840e9
--- /dev/null
+++ b/JS-Sample/index.js
@@ -0,0 +1,71 @@
+var employees = [
+ { name: "John Doe", fillColor: "blue", strokeColor: "white" },
+ { name: "Jane Smith", fillColor: "green", strokeColor: "black" },
+];
+
+var nodeTemplate1 = function (data) {
+ var employeeList = '';
+ employees.forEach(function (employee) {
+ var fillColor = employee.fillColor || 'transparent';
+ var strokeColor = employee.strokeColor || 'black';
+ var liStyle = "background-color: " + fillColor + "; border: 1px solid " + strokeColor + ";";
+ employeeList += "" + data.id + "
";
+};
+
+var nodeTemplate2 = function (data) {
+ return '- " + employeeList + "
';
+};
+
+var annotationTemplate1 = function (data) {
+ return '
';
+};
+
+var annotationTemplate2 = function (data) {
+ return '
';
+};
+
+var userHandleTemplate = function (data) {
+ return '
';
+};
+
+var nodes = [
+ {
+ id: 'html1', width: 100, height: 100, offsetX: 100, offsetY: 100,
+ shape: { type: 'HTML' }
+ },
+ {
+ id: 'html2', width: 100, height: 100, offsetX: 100, offsetY: 300,
+ shape: { type: 'HTML', content: nodeTemplate2 }
+ },
+ {
+ id: 'basic1', width: 100, height: 100, offsetX: 300, offsetY: 100,
+ annotations: [{ id:'an1' }],
+ },
+ {
+ id: 'basic2', width: 100, height: 100, offsetX: 300, offsetY: 300,
+ annotations: [{ id:'an2', template: annotationTemplate2}],
+ }
+
+];
+
+var connectors = [
+ { id: 'connector1', sourceID: 'basic1', targetID: 'basic2',annotations: [{ id:'con_an1',template:annotationTemplate1 }] },
+];
+
+var diagram = new ej.diagrams.Diagram({
+ width: '700px', height: '600px',
+ nodes: nodes,
+ connectors: connectors,
+ nodeTemplate: nodeTemplate1,
+ annotationTemplate: annotationTemplate1,
+ userHandleTemplate: userHandleTemplate,
+ }, '#element');
+
+ window.myFunction = function () {
+ console.log('Clicked!');
+ };
+ window.myFunction2 = function () {
+ console.log('Clicked button!');
+ };
\ No newline at end of file
diff --git a/React-Sample/.gitignore b/React-Sample/.gitignore
new file mode 100644
index 0000000..4d29575
--- /dev/null
+++ b/React-Sample/.gitignore
@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/React-Sample/README.md b/React-Sample/README.md
new file mode 100644
index 0000000..58beeac
--- /dev/null
+++ b/React-Sample/README.md
@@ -0,0 +1,70 @@
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
+
+The page will reload when you make changes.\
+You may also see any lint errors in the console.
+
+### `npm test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+
+### `npm run build`
+
+Builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+### `npm run eject`
+
+**Note: this is a one-way operation. Once you `eject`, you can't go back!**
+
+If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
+
+Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
+
+You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
+
+## Learn More
+
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+
+To learn React, check out the [React documentation](https://reactjs.org/).
+
+### Code Splitting
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
+
+### Analyzing the Bundle Size
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
+
+### Making a Progressive Web App
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
+
+### Advanced Configuration
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
+
+### Deployment
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
+
+### `npm run build` fails to minify
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
diff --git a/React-Sample/package.json b/React-Sample/package.json
new file mode 100644
index 0000000..a415521
--- /dev/null
+++ b/React-Sample/package.json
@@ -0,0 +1,39 @@
+{
+ "name": "quickstart",
+ "version": "0.1.0",
+ "private": true,
+ "dependencies": {
+ "@syncfusion/ej2-react-diagrams": "^22.1.34",
+ "@testing-library/jest-dom": "^5.16.5",
+ "@testing-library/react": "^13.4.0",
+ "@testing-library/user-event": "^13.5.0",
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0",
+ "react-scripts": "5.0.1",
+ "web-vitals": "^2.1.4"
+ },
+ "scripts": {
+ "start": "react-scripts start",
+ "build": "react-scripts build",
+ "test": "react-scripts test",
+ "eject": "react-scripts eject"
+ },
+ "eslintConfig": {
+ "extends": [
+ "react-app",
+ "react-app/jest"
+ ]
+ },
+ "browserslist": {
+ "production": [
+ ">0.2%",
+ "not dead",
+ "not op_mini all"
+ ],
+ "development": [
+ "last 1 chrome version",
+ "last 1 firefox version",
+ "last 1 safari version"
+ ]
+ }
+}
diff --git a/React-Sample/public/index.html b/React-Sample/public/index.html
new file mode 100644
index 0000000..b4b2ffe
--- /dev/null
+++ b/React-Sample/public/index.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+ React App
+
+
+
+
+
+
diff --git a/React-Sample/src/App.css b/React-Sample/src/App.css
new file mode 100644
index 0000000..74b5e05
--- /dev/null
+++ b/React-Sample/src/App.css
@@ -0,0 +1,38 @@
+.App {
+ text-align: center;
+}
+
+.App-logo {
+ height: 40vmin;
+ pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+ .App-logo {
+ animation: App-logo-spin infinite 20s linear;
+ }
+}
+
+.App-header {
+ background-color: #282c34;
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ font-size: calc(10px + 2vmin);
+ color: white;
+}
+
+.App-link {
+ color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
diff --git a/React-Sample/src/App.js b/React-Sample/src/App.js
new file mode 100644
index 0000000..48c77b0
--- /dev/null
+++ b/React-Sample/src/App.js
@@ -0,0 +1,55 @@
+import './App.css';
+import * as React from "react";
+import { DiagramComponent, SelectorConstraints } from "@syncfusion/ej2-react-diagrams";
+function nodeTemplate1(props) {
+ return
+}
+function nodeTemplate2(props) {
+ return
+}
+function annotationTemplate1(props) {
+ return
+}
+function annotationTemplate2(props) {
+ return
+}
+function userHandleTemplate(props) {
+ return
+}
+
+function App() {
+ const nodes = [
+ {
+ id: 'html1', width: 100, height: 100, offsetX: 100, offsetY: 100,
+ shape: { type: 'HTML' }
+ },
+ {
+ id: 'html2', width: 100, height: 100, offsetX: 100, offsetY: 300,
+ shape: { type: 'HTML', content: nodeTemplate2 }
+ },
+ {
+ id: 'basic1', width: 100, height: 100, offsetX: 300, offsetY: 100,
+ annotations: [{ id:'an1' }],
+ },
+ {
+ id: 'basic2', width: 100, height: 100, offsetX: 300, offsetY: 300,
+ annotations: [{ id:'an2', template: annotationTemplate2}],
+ }
+];
+const connectors = [
+ { id: 'connector1', sourceID: 'basic1', targetID: 'basic2',annotations: [{ id:'con_an1',template:annotationTemplate1 }] },
+
+]
+return (
+
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();
diff --git a/React-Sample/src/logo.svg b/React-Sample/src/logo.svg
new file mode 100644
index 0000000..9dfc1c0
--- /dev/null
+++ b/React-Sample/src/logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/React-Sample/src/reportWebVitals.js b/React-Sample/src/reportWebVitals.js
new file mode 100644
index 0000000..5253d3a
--- /dev/null
+++ b/React-Sample/src/reportWebVitals.js
@@ -0,0 +1,13 @@
+const reportWebVitals = onPerfEntry => {
+ if (onPerfEntry && onPerfEntry instanceof Function) {
+ import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+ getCLS(onPerfEntry);
+ getFID(onPerfEntry);
+ getFCP(onPerfEntry);
+ getLCP(onPerfEntry);
+ getTTFB(onPerfEntry);
+ });
+ }
+};
+
+export default reportWebVitals;
diff --git a/React-Sample/src/setupTests.js b/React-Sample/src/setupTests.js
new file mode 100644
index 0000000..8f2609b
--- /dev/null
+++ b/React-Sample/src/setupTests.js
@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';
diff --git a/Vue-Sample/quickstart/.babelrc b/Vue-Sample/quickstart/.babelrc
new file mode 100644
index 0000000..e812394
--- /dev/null
+++ b/Vue-Sample/quickstart/.babelrc
@@ -0,0 +1,6 @@
+{
+ "presets": [
+ ["env", { "modules": false }],
+ "stage-3"
+ ]
+}
diff --git a/Vue-Sample/quickstart/.editorconfig b/Vue-Sample/quickstart/.editorconfig
new file mode 100644
index 0000000..9d08a1a
--- /dev/null
+++ b/Vue-Sample/quickstart/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/Vue-Sample/quickstart/.gitignore b/Vue-Sample/quickstart/.gitignore
new file mode 100644
index 0000000..a0446a5
--- /dev/null
+++ b/Vue-Sample/quickstart/.gitignore
@@ -0,0 +1,12 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log
+yarn-error.log
+
+# Editor directories and files
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
diff --git a/Vue-Sample/quickstart/README.md b/Vue-Sample/quickstart/README.md
new file mode 100644
index 0000000..41283fd
--- /dev/null
+++ b/Vue-Sample/quickstart/README.md
@@ -0,0 +1,18 @@
+# quickstart
+
+> A Vue.js project
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+```
+
+For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
diff --git a/Vue-Sample/quickstart/index.html b/Vue-Sample/quickstart/index.html
new file mode 100644
index 0000000..f592c50
--- /dev/null
+++ b/Vue-Sample/quickstart/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+ quickstart
+
+
+
+
+
+
diff --git a/Vue-Sample/quickstart/package-lock.json b/Vue-Sample/quickstart/package-lock.json
new file mode 100644
index 0000000..4a51fb3
--- /dev/null
+++ b/Vue-Sample/quickstart/package-lock.json
@@ -0,0 +1,18437 @@
+{
+ "name": "quickstart",
+ "version": "1.0.0",
+ "lockfileVersion": 2,
+ "requires": true,
+ "packages": {
+ "": {
+ "name": "quickstart",
+ "version": "1.0.0",
+ "license": "MIT",
+ "dependencies": {
+ "@syncfusion/ej2-vue-diagrams": "^22.1.36",
+ "vue": "^2.5.11"
+ },
+ "devDependencies": {
+ "babel-core": "^6.26.0",
+ "babel-loader": "^7.1.2",
+ "babel-preset-env": "^1.6.0",
+ "babel-preset-stage-3": "^6.24.1",
+ "cross-env": "^5.0.5",
+ "css-loader": "^0.28.7",
+ "file-loader": "^1.1.4",
+ "vue-loader": "^13.0.5",
+ "vue-template-compiler": "^2.4.4",
+ "webpack": "^3.6.0",
+ "webpack-dev-server": "^2.9.1"
+ }
+ },
+ "node_modules/@babel/parser": {
+ "version": "7.22.7",
+ "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.7.tgz",
+ "integrity": "sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q==",
+ "bin": {
+ "parser": "bin/babel-parser.js"
+ },
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/@syncfusion/ej2-base": {
+ "version": "22.1.34",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-base/-/ej2-base-22.1.34.tgz",
+ "integrity": "sha512-Cxk488BXsMHDYp4YmQ4uSBS1TSO9o6iiHs7qXO69BfNiSaRYhGfTbrBvtXgLFoE0KO4e/39sQ9Mle/zo+a2knw==",
+ "dependencies": {
+ "@syncfusion/ej2-icons": "~22.1.34"
+ },
+ "bin": {
+ "syncfusion-license": "bin/syncfusion-license.js"
+ }
+ },
+ "node_modules/@syncfusion/ej2-buttons": {
+ "version": "21.1.42",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-buttons/-/ej2-buttons-21.1.42.tgz",
+ "integrity": "sha512-llP3bA3GWnwLbyzdjgoR9kEQrRJ0hztWDgo3FtKePN/TDv+FrrgdMLW/wmZbPpHJT++/7FIqMOndiZIDLh7q7Q==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~21.1.37"
+ }
+ },
+ "node_modules/@syncfusion/ej2-buttons/node_modules/@syncfusion/ej2-base": {
+ "version": "21.1.40",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-base/-/ej2-base-21.1.40.tgz",
+ "integrity": "sha512-hFAtGh6TqbEckDRPGBSp5jFiyRCiOSubFsM99qoiP6Ub6GROAfzG7NvHwuoVulWsOLPgpye37DQsM2K0ex5Jyg==",
+ "dependencies": {
+ "@syncfusion/ej2-icons": "~21.1.37"
+ },
+ "bin": {
+ "syncfusion-license": "bin/syncfusion-license.js"
+ }
+ },
+ "node_modules/@syncfusion/ej2-buttons/node_modules/@syncfusion/ej2-icons": {
+ "version": "21.1.37",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-icons/-/ej2-icons-21.1.37.tgz",
+ "integrity": "sha512-oJWxxYNcvz4PSsAKsFqwR027c4p6GXsxqDVJGy8tr0L/XT8hpBE+3mHsmSfeOhKyCHg4HCBiT3POVUd9Jg1unw=="
+ },
+ "node_modules/@syncfusion/ej2-data": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-data/-/ej2-data-22.1.36.tgz",
+ "integrity": "sha512-pbS7NSc3qn6cTAueFE8poN4Ap1635CzIsJ19/INac2lclJp2aej979tcS3jQ3VRDykBMskGkv/HVN27aMR2UIg==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~22.1.34"
+ }
+ },
+ "node_modules/@syncfusion/ej2-diagrams": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-diagrams/-/ej2-diagrams-22.1.36.tgz",
+ "integrity": "sha512-gd5b8LaTeLksdGEKWQby+klEaJrx3Uo/WcoCLN2YOy8aOIGmQKbAWw0MjF4LJK80VYP+6ttLVDvSgpXrIOl/4w==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-buttons": "~21.1.36",
+ "@syncfusion/ej2-data": "~22.1.36",
+ "@syncfusion/ej2-inputs": "~22.1.34",
+ "@syncfusion/ej2-lists": "~22.1.34",
+ "@syncfusion/ej2-navigations": "~22.1.36",
+ "@syncfusion/ej2-popups": "~22.1.36"
+ }
+ },
+ "node_modules/@syncfusion/ej2-icons": {
+ "version": "22.1.34",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-icons/-/ej2-icons-22.1.34.tgz",
+ "integrity": "sha512-DErl0LGB7gndgdCUJ4DgGkccAAxga6BlqR0nxtYBKetNhQpICkzafiq0o8ZfDR5xV3bguIxHOTLZGYNB3PgVCw=="
+ },
+ "node_modules/@syncfusion/ej2-inputs": {
+ "version": "22.1.34",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-inputs/-/ej2-inputs-22.1.34.tgz",
+ "integrity": "sha512-hORgtRRfujHh7ASH7RFteoLVkLIbT21J9/FLWlBMiQHcQ4UUTsyTiFEhJATUOuSsQZkxZ97ssv+OeZ13C1pjMw==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-buttons": "~22.1.34",
+ "@syncfusion/ej2-popups": "~22.1.34",
+ "@syncfusion/ej2-splitbuttons": "~22.1.34"
+ }
+ },
+ "node_modules/@syncfusion/ej2-inputs/node_modules/@syncfusion/ej2-buttons": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-buttons/-/ej2-buttons-22.1.36.tgz",
+ "integrity": "sha512-9KgwGRdNOy8+qQCqr42qIUifeddIjTC6pnuWp2PnklKVbGUjdWHgdtkIdkaRTzLLbNLxTfiahgPbkrzB+459Dw==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~22.1.34"
+ }
+ },
+ "node_modules/@syncfusion/ej2-lists": {
+ "version": "22.1.34",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-lists/-/ej2-lists-22.1.34.tgz",
+ "integrity": "sha512-fiOuLBXIWFh1Gf3VzCvhjJvOGLbreRnbEHqLyb7frTDM8hHNMYag53f+OwGF/+PG3X+M4eQmia/Lik3iJDaHTA==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-buttons": "~22.1.34",
+ "@syncfusion/ej2-data": "~22.1.34"
+ }
+ },
+ "node_modules/@syncfusion/ej2-lists/node_modules/@syncfusion/ej2-buttons": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-buttons/-/ej2-buttons-22.1.36.tgz",
+ "integrity": "sha512-9KgwGRdNOy8+qQCqr42qIUifeddIjTC6pnuWp2PnklKVbGUjdWHgdtkIdkaRTzLLbNLxTfiahgPbkrzB+459Dw==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~22.1.34"
+ }
+ },
+ "node_modules/@syncfusion/ej2-navigations": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-navigations/-/ej2-navigations-22.1.36.tgz",
+ "integrity": "sha512-fOVA1c8W0R5lQJFwLkfKxotlVI1CeJ83CVXdJJwmGM7MQ8Y/42s1fJE33sc5/sSBBCB4lJdNU+oL7+97/z6lpA==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-buttons": "~21.1.36",
+ "@syncfusion/ej2-data": "~22.1.36",
+ "@syncfusion/ej2-inputs": "~22.1.34",
+ "@syncfusion/ej2-lists": "~22.1.34",
+ "@syncfusion/ej2-popups": "~22.1.36"
+ }
+ },
+ "node_modules/@syncfusion/ej2-popups": {
+ "version": "22.1.37",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-popups/-/ej2-popups-22.1.37.tgz",
+ "integrity": "sha512-SeljR99Hp8ghM3F/xuMhfN0jYAnq3swVapB0fLYGER/V+TIVNLbGqFDuEx4ONCA0xdW2cTTcGKTSg5iUD/4hdQ==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-buttons": "~22.1.36"
+ }
+ },
+ "node_modules/@syncfusion/ej2-popups/node_modules/@syncfusion/ej2-buttons": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-buttons/-/ej2-buttons-22.1.36.tgz",
+ "integrity": "sha512-9KgwGRdNOy8+qQCqr42qIUifeddIjTC6pnuWp2PnklKVbGUjdWHgdtkIdkaRTzLLbNLxTfiahgPbkrzB+459Dw==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~22.1.34"
+ }
+ },
+ "node_modules/@syncfusion/ej2-splitbuttons": {
+ "version": "22.1.37",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-22.1.37.tgz",
+ "integrity": "sha512-mgzQV/E6pEykS1jL9BzDFxq1afRx/OMgbEWR2TVXP2DOKmhLzbObBm8dnvUm1u4WAHceh6JEtUNJs8QELv8Y8g==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-popups": "~22.1.37"
+ }
+ },
+ "node_modules/@syncfusion/ej2-vue-base": {
+ "version": "22.1.34",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-vue-base/-/ej2-vue-base-22.1.34.tgz",
+ "integrity": "sha512-CgR4sVpN2hJzVqEz4JrvX4X7uP5oEIJOMlgkxSNiIcK1rwOrIEeYjr3FmzJ/3v/hIPkmYG9GKIKrUjzSzvUvFA==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~22.1.34"
+ }
+ },
+ "node_modules/@syncfusion/ej2-vue-diagrams": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-vue-diagrams/-/ej2-vue-diagrams-22.1.36.tgz",
+ "integrity": "sha512-5rh3NOMCBaq/0OOJO8ulYU/Tjyy/mPWfEXZiHbsiRXz8yEEftIsLT6ie3LI0ECNkK043ayV4f1bg4LYKcpPfKg==",
+ "dependencies": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-diagrams": "22.1.36",
+ "@syncfusion/ej2-vue-base": "~22.1.34"
+ }
+ },
+ "node_modules/@vue/compiler-sfc": {
+ "version": "2.7.14",
+ "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz",
+ "integrity": "sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA==",
+ "dependencies": {
+ "@babel/parser": "^7.18.4",
+ "postcss": "^8.4.14",
+ "source-map": "^0.6.1"
+ }
+ },
+ "node_modules/@vue/compiler-sfc/node_modules/postcss": {
+ "version": "8.4.25",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.25.tgz",
+ "integrity": "sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==",
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/postcss/"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/postcss"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "dependencies": {
+ "nanoid": "^3.3.6",
+ "picocolors": "^1.0.0",
+ "source-map-js": "^1.0.2"
+ },
+ "engines": {
+ "node": "^10 || ^12 || >=14"
+ }
+ },
+ "node_modules/@vue/compiler-sfc/node_modules/source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/accepts": {
+ "version": "1.3.8",
+ "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+ "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+ "dev": true,
+ "dependencies": {
+ "mime-types": "~2.1.34",
+ "negotiator": "0.6.3"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/acorn": {
+ "version": "5.7.4",
+ "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.4.tgz",
+ "integrity": "sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg==",
+ "dev": true,
+ "bin": {
+ "acorn": "bin/acorn"
+ },
+ "engines": {
+ "node": ">=0.4.0"
+ }
+ },
+ "node_modules/acorn-dynamic-import": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-2.0.2.tgz",
+ "integrity": "sha512-GKp5tQ8h0KMPWIYGRHHXI1s5tUpZixZ3IHF2jAu42wSCf6In/G873s6/y4DdKdhWvzhu1T6mE1JgvnhAKqyYYQ==",
+ "deprecated": "This is probably built in to whatever tool you're using. If you still need it... idk",
+ "dev": true,
+ "dependencies": {
+ "acorn": "^4.0.3"
+ }
+ },
+ "node_modules/acorn-dynamic-import/node_modules/acorn": {
+ "version": "4.0.13",
+ "resolved": "https://registry.npmjs.org/acorn/-/acorn-4.0.13.tgz",
+ "integrity": "sha512-fu2ygVGuMmlzG8ZeRJ0bvR41nsAkxxhbyk8bZ1SS521Z7vmgJFTQQlfz/Mp/nJexGBz+v8sC9bM6+lNgskt4Ug==",
+ "dev": true,
+ "bin": {
+ "acorn": "bin/acorn"
+ },
+ "engines": {
+ "node": ">=0.4.0"
+ }
+ },
+ "node_modules/ajv": {
+ "version": "6.12.6",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+ "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+ "dev": true,
+ "dependencies": {
+ "fast-deep-equal": "^3.1.1",
+ "fast-json-stable-stringify": "^2.0.0",
+ "json-schema-traverse": "^0.4.1",
+ "uri-js": "^4.2.2"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/epoberezkin"
+ }
+ },
+ "node_modules/ajv-keywords": {
+ "version": "3.5.2",
+ "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+ "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+ "dev": true,
+ "peerDependencies": {
+ "ajv": "^6.9.1"
+ }
+ },
+ "node_modules/align-text": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz",
+ "integrity": "sha512-GrTZLRpmp6wIC2ztrWW9MjjTgSKccffgFagbNDOX95/dcjEcYZibYTeaOntySQLcdw1ztBoFkviiUvTMbb9MYg==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2",
+ "longest": "^1.0.1",
+ "repeat-string": "^1.5.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/align-text/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/alphanum-sort": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/alphanum-sort/-/alphanum-sort-1.0.2.tgz",
+ "integrity": "sha512-0FcBfdcmaumGPQ0qPn7Q5qTgz/ooXgIyp1rf8ik5bGX8mpE2YHjC0P/eyQvxu1GURYQgq9ozf2mteQ5ZD9YiyQ==",
+ "dev": true
+ },
+ "node_modules/ansi-html": {
+ "version": "0.0.7",
+ "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz",
+ "integrity": "sha512-JoAxEa1DfP9m2xfB/y2r/aKcwXNlltr4+0QSBC4TrLfcxyvepX2Pv0t/xpgGV5bGsDzCYV8SzjWgyCW0T9yYbA==",
+ "dev": true,
+ "engines": [
+ "node >= 0.8.0"
+ ],
+ "bin": {
+ "ansi-html": "bin/ansi-html"
+ }
+ },
+ "node_modules/ansi-regex": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+ "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/ansi-styles": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+ "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/anymatch": {
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+ "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "normalize-path": "^3.0.0",
+ "picomatch": "^2.0.4"
+ },
+ "engines": {
+ "node": ">= 8"
+ }
+ },
+ "node_modules/argparse": {
+ "version": "1.0.10",
+ "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+ "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+ "dev": true,
+ "dependencies": {
+ "sprintf-js": "~1.0.2"
+ }
+ },
+ "node_modules/arr-diff": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+ "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/arr-flatten": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+ "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/arr-union": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+ "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/array-buffer-byte-length": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+ "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "is-array-buffer": "^3.0.1"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/array-find-index": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
+ "integrity": "sha512-M1HQyIXcBGtVywBt8WVdim+lrNaK7VHp99Qt5pSNziXznKHViIBbXWtfRTpEFpF/c4FdfxNAsCCwPp5phBYJtw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/array-flatten": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz",
+ "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==",
+ "dev": true
+ },
+ "node_modules/array-includes": {
+ "version": "3.1.6",
+ "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz",
+ "integrity": "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.4",
+ "es-abstract": "^1.20.4",
+ "get-intrinsic": "^1.1.3",
+ "is-string": "^1.0.7"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/array-union": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+ "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
+ "dev": true,
+ "dependencies": {
+ "array-uniq": "^1.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/array-uniq": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+ "integrity": "sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/array-unique": {
+ "version": "0.3.2",
+ "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+ "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/asn1.js": {
+ "version": "5.4.1",
+ "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
+ "integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
+ "dev": true,
+ "dependencies": {
+ "bn.js": "^4.0.0",
+ "inherits": "^2.0.1",
+ "minimalistic-assert": "^1.0.0",
+ "safer-buffer": "^2.1.0"
+ }
+ },
+ "node_modules/asn1.js/node_modules/bn.js": {
+ "version": "4.12.0",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+ "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+ "dev": true
+ },
+ "node_modules/assert": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.0.tgz",
+ "integrity": "sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==",
+ "dev": true,
+ "dependencies": {
+ "object-assign": "^4.1.1",
+ "util": "0.10.3"
+ }
+ },
+ "node_modules/assert/node_modules/inherits": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.1.tgz",
+ "integrity": "sha512-8nWq2nLTAwd02jTqJExUYFSD/fKq6VH9Y/oG2accc/kdI0V98Bag8d5a4gi3XHz73rDWa2PvTtvcWYquKqSENA==",
+ "dev": true
+ },
+ "node_modules/assert/node_modules/util": {
+ "version": "0.10.3",
+ "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
+ "integrity": "sha512-5KiHfsmkqacuKjkRkdV7SsfDJ2EGiPsK92s2MhNSY0craxjTdKTtqKsJaCWp4LW33ZZ0OPUv1WO/TFvNQRiQxQ==",
+ "dev": true,
+ "dependencies": {
+ "inherits": "2.0.1"
+ }
+ },
+ "node_modules/assign-symbols": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+ "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/async": {
+ "version": "2.6.4",
+ "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+ "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+ "dev": true,
+ "dependencies": {
+ "lodash": "^4.17.14"
+ }
+ },
+ "node_modules/async-each": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.6.tgz",
+ "integrity": "sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "individual",
+ "url": "https://paulmillr.com/funding/"
+ }
+ ]
+ },
+ "node_modules/atob": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+ "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+ "dev": true,
+ "bin": {
+ "atob": "bin/atob.js"
+ },
+ "engines": {
+ "node": ">= 4.5.0"
+ }
+ },
+ "node_modules/autoprefixer": {
+ "version": "6.7.7",
+ "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-6.7.7.tgz",
+ "integrity": "sha512-WKExI/eSGgGAkWAO+wMVdFObZV7hQen54UpD1kCCTN3tvlL3W1jL4+lPP/M7MwoP7Q4RHzKtO3JQ4HxYEcd+xQ==",
+ "dev": true,
+ "dependencies": {
+ "browserslist": "^1.7.6",
+ "caniuse-db": "^1.0.30000634",
+ "normalize-range": "^0.1.2",
+ "num2fraction": "^1.2.2",
+ "postcss": "^5.2.16",
+ "postcss-value-parser": "^3.2.3"
+ }
+ },
+ "node_modules/autoprefixer/node_modules/browserslist": {
+ "version": "1.7.7",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.7.7.tgz",
+ "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
+ "deprecated": "Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.",
+ "dev": true,
+ "dependencies": {
+ "caniuse-db": "^1.0.30000639",
+ "electron-to-chromium": "^1.2.7"
+ },
+ "bin": {
+ "browserslist": "cli.js"
+ }
+ },
+ "node_modules/available-typed-arrays": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+ "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/babel-code-frame": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
+ "integrity": "sha512-XqYMR2dfdGMW+hd0IUZ2PwK+fGeFkOxZJ0wY+JaQAHzt1Zx8LcvpiZD2NiGkEG8qx0CfkAOr5xt76d1e8vG90g==",
+ "dev": true,
+ "dependencies": {
+ "chalk": "^1.1.3",
+ "esutils": "^2.0.2",
+ "js-tokens": "^3.0.2"
+ }
+ },
+ "node_modules/babel-core": {
+ "version": "6.26.3",
+ "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-6.26.3.tgz",
+ "integrity": "sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==",
+ "dev": true,
+ "dependencies": {
+ "babel-code-frame": "^6.26.0",
+ "babel-generator": "^6.26.0",
+ "babel-helpers": "^6.24.1",
+ "babel-messages": "^6.23.0",
+ "babel-register": "^6.26.0",
+ "babel-runtime": "^6.26.0",
+ "babel-template": "^6.26.0",
+ "babel-traverse": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "babylon": "^6.18.0",
+ "convert-source-map": "^1.5.1",
+ "debug": "^2.6.9",
+ "json5": "^0.5.1",
+ "lodash": "^4.17.4",
+ "minimatch": "^3.0.4",
+ "path-is-absolute": "^1.0.1",
+ "private": "^0.1.8",
+ "slash": "^1.0.0",
+ "source-map": "^0.5.7"
+ }
+ },
+ "node_modules/babel-generator": {
+ "version": "6.26.1",
+ "resolved": "https://registry.npmjs.org/babel-generator/-/babel-generator-6.26.1.tgz",
+ "integrity": "sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==",
+ "dev": true,
+ "dependencies": {
+ "babel-messages": "^6.23.0",
+ "babel-runtime": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "detect-indent": "^4.0.0",
+ "jsesc": "^1.3.0",
+ "lodash": "^4.17.4",
+ "source-map": "^0.5.7",
+ "trim-right": "^1.0.1"
+ }
+ },
+ "node_modules/babel-helper-builder-binary-assignment-operator-visitor": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz",
+ "integrity": "sha512-gCtfYORSG1fUMX4kKraymq607FWgMWg+j42IFPc18kFQEsmtaibP4UrqsXt8FlEJle25HUd4tsoDR7H2wDhe9Q==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-explode-assignable-expression": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-helper-call-delegate": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz",
+ "integrity": "sha512-RL8n2NiEj+kKztlrVJM9JT1cXzzAdvWFh76xh/H1I4nKwunzE4INBXn8ieCZ+wh4zWszZk7NBS1s/8HR5jDkzQ==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-hoist-variables": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-helper-define-map": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-helper-define-map/-/babel-helper-define-map-6.26.0.tgz",
+ "integrity": "sha512-bHkmjcC9lM1kmZcVpA5t2om2nzT/xiZpo6TJq7UlZ3wqKfzia4veeXbIhKvJXAMzhhEBd3cR1IElL5AenWEUpA==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-function-name": "^6.24.1",
+ "babel-runtime": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "lodash": "^4.17.4"
+ }
+ },
+ "node_modules/babel-helper-explode-assignable-expression": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.24.1.tgz",
+ "integrity": "sha512-qe5csbhbvq6ccry9G7tkXbzNtcDiH4r51rrPUbwwoTzZ18AqxWYRZT6AOmxrpxKnQBW0pYlBI/8vh73Z//78nQ==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-helper-function-name": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz",
+ "integrity": "sha512-Oo6+e2iX+o9eVvJ9Y5eKL5iryeRdsIkwRYheCuhYdVHsdEQysbc2z2QkqCLIYnNxkT5Ss3ggrHdXiDI7Dhrn4Q==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-get-function-arity": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-helper-get-function-arity": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz",
+ "integrity": "sha512-WfgKFX6swFB1jS2vo+DwivRN4NB8XUdM3ij0Y1gnC21y1tdBoe6xjVnd7NSI6alv+gZXCtJqvrTeMW3fR/c0ng==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-helper-hoist-variables": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz",
+ "integrity": "sha512-zAYl3tqerLItvG5cKYw7f1SpvIxS9zi7ohyGHaI9cgDUjAT6YcY9jIEH5CstetP5wHIVSceXwNS7Z5BpJg+rOw==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-helper-optimise-call-expression": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz",
+ "integrity": "sha512-Op9IhEaxhbRT8MDXx2iNuMgciu2V8lDvYCNQbDGjdBNCjaMvyLf4wl4A3b8IgndCyQF8TwfgsQ8T3VD8aX1/pA==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-helper-regex": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-helper-regex/-/babel-helper-regex-6.26.0.tgz",
+ "integrity": "sha512-VlPiWmqmGJp0x0oK27Out1D+71nVVCTSdlbhIVoaBAj2lUgrNjBCRR9+llO4lTSb2O4r7PJg+RobRkhBrf6ofg==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "lodash": "^4.17.4"
+ }
+ },
+ "node_modules/babel-helper-remap-async-to-generator": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.24.1.tgz",
+ "integrity": "sha512-RYqaPD0mQyQIFRu7Ho5wE2yvA/5jxqCIj/Lv4BXNq23mHYu/vxikOy2JueLiBxQknwapwrJeNCesvY0ZcfnlHg==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-function-name": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-helper-replace-supers": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz",
+ "integrity": "sha512-sLI+u7sXJh6+ToqDr57Bv973kCepItDhMou0xCP2YPVmR1jkHSCY+p1no8xErbV1Siz5QE8qKT1WIwybSWlqjw==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-optimise-call-expression": "^6.24.1",
+ "babel-messages": "^6.23.0",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-helpers": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helpers/-/babel-helpers-6.24.1.tgz",
+ "integrity": "sha512-n7pFrqQm44TCYvrCDb0MqabAF+JUBq+ijBvNMUxpkLjJaAu32faIexewMumrH5KLLJ1HDyT0PTEqRyAe/GwwuQ==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1"
+ }
+ },
+ "node_modules/babel-loader": {
+ "version": "7.1.5",
+ "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-7.1.5.tgz",
+ "integrity": "sha512-iCHfbieL5d1LfOQeeVJEUyD9rTwBcP/fcEbRCfempxTDuqrKpu0AZjLAQHEQa3Yqyj9ORKe2iHfoj4rHLf7xpw==",
+ "dev": true,
+ "dependencies": {
+ "find-cache-dir": "^1.0.0",
+ "loader-utils": "^1.0.2",
+ "mkdirp": "^0.5.1"
+ },
+ "engines": {
+ "node": ">=4"
+ },
+ "peerDependencies": {
+ "babel-core": "6",
+ "webpack": "2 || 3 || 4"
+ }
+ },
+ "node_modules/babel-messages": {
+ "version": "6.23.0",
+ "resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-6.23.0.tgz",
+ "integrity": "sha512-Bl3ZiA+LjqaMtNYopA9TYE9HP1tQ+E5dLxE0XrAzcIJeK2UqF0/EaqXwBn9esd4UmTfEab+P+UYQ1GnioFIb/w==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-check-es2015-constants": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz",
+ "integrity": "sha512-B1M5KBP29248dViEo1owyY32lk1ZSH2DaNNrXLGt8lyjjHm7pBqAdQ7VKUPR6EEDO323+OvT3MQXbCin8ooWdA==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-syntax-async-functions": {
+ "version": "6.13.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz",
+ "integrity": "sha512-4Zp4unmHgw30A1eWI5EpACji2qMocisdXhAftfhXoSV9j0Tvj6nRFE3tOmRY912E0FMRm/L5xWE7MGVT2FoLnw==",
+ "dev": true
+ },
+ "node_modules/babel-plugin-syntax-async-generators": {
+ "version": "6.13.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-generators/-/babel-plugin-syntax-async-generators-6.13.0.tgz",
+ "integrity": "sha512-EbciFN5Jb9iqU9bqaLmmFLx2G8pAUsvpWJ6OzOWBNrSY9qTohXj+7YfZx6Ug1Qqh7tCb1EA7Jvn9bMC1HBiucg==",
+ "dev": true
+ },
+ "node_modules/babel-plugin-syntax-exponentiation-operator": {
+ "version": "6.13.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz",
+ "integrity": "sha512-Z/flU+T9ta0aIEKl1tGEmN/pZiI1uXmCiGFRegKacQfEJzp7iNsKloZmyJlQr+75FCJtiFfGIK03SiCvCt9cPQ==",
+ "dev": true
+ },
+ "node_modules/babel-plugin-syntax-object-rest-spread": {
+ "version": "6.13.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz",
+ "integrity": "sha512-C4Aq+GaAj83pRQ0EFgTvw5YO6T3Qz2KGrNRwIj9mSoNHVvdZY4KO2uA6HNtNXCw993iSZnckY1aLW8nOi8i4+w==",
+ "dev": true
+ },
+ "node_modules/babel-plugin-syntax-trailing-function-commas": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz",
+ "integrity": "sha512-Gx9CH3Q/3GKbhs07Bszw5fPTlU+ygrOGfAhEt7W2JICwufpC4SuO0mG0+4NykPBSYPMJhqvVlDBU17qB1D+hMQ==",
+ "dev": true
+ },
+ "node_modules/babel-plugin-transform-async-generator-functions": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-generator-functions/-/babel-plugin-transform-async-generator-functions-6.24.1.tgz",
+ "integrity": "sha512-uT7eovUxtXe8Q2ufcjRuJIOL0hg6VAUJhiWJBLxH/evYAw+aqoJLcYTR8hqx13iOx/FfbCMHgBmXWZjukbkyPg==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-remap-async-to-generator": "^6.24.1",
+ "babel-plugin-syntax-async-generators": "^6.5.0",
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-async-to-generator": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz",
+ "integrity": "sha512-7BgYJujNCg0Ti3x0c/DL3tStvnKS6ktIYOmo9wginv/dfZOrbSZ+qG4IRRHMBOzZ5Awb1skTiAsQXg/+IWkZYw==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-remap-async-to-generator": "^6.24.1",
+ "babel-plugin-syntax-async-functions": "^6.8.0",
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-arrow-functions": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz",
+ "integrity": "sha512-PCqwwzODXW7JMrzu+yZIaYbPQSKjDTAsNNlK2l5Gg9g4rz2VzLnZsStvp/3c46GfXpwkyufb3NCyG9+50FF1Vg==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-block-scoped-functions": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz",
+ "integrity": "sha512-2+ujAT2UMBzYFm7tidUsYh+ZoIutxJ3pN9IYrF1/H6dCKtECfhmB8UkHVpyxDwkj0CYbQG35ykoz925TUnBc3A==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-block-scoping": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz",
+ "integrity": "sha512-YiN6sFAQ5lML8JjCmr7uerS5Yc/EMbgg9G8ZNmk2E3nYX4ckHR01wrkeeMijEf5WHNK5TW0Sl0Uu3pv3EdOJWw==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.26.0",
+ "babel-template": "^6.26.0",
+ "babel-traverse": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "lodash": "^4.17.4"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-classes": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz",
+ "integrity": "sha512-5Dy7ZbRinGrNtmWpquZKZ3EGY8sDgIVB4CU8Om8q8tnMLrD/m94cKglVcHps0BCTdZ0TJeeAWOq2TK9MIY6cag==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-define-map": "^6.24.1",
+ "babel-helper-function-name": "^6.24.1",
+ "babel-helper-optimise-call-expression": "^6.24.1",
+ "babel-helper-replace-supers": "^6.24.1",
+ "babel-messages": "^6.23.0",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-computed-properties": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz",
+ "integrity": "sha512-C/uAv4ktFP/Hmh01gMTvYvICrKze0XVX9f2PdIXuriCSvUmV9j+u+BB9f5fJK3+878yMK6dkdcq+Ymr9mrcLzw==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-destructuring": {
+ "version": "6.23.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz",
+ "integrity": "sha512-aNv/GDAW0j/f4Uy1OEPZn1mqD+Nfy9viFGBfQ5bZyT35YqOiqx7/tXdyfZkJ1sC21NyEsBdfDY6PYmLHF4r5iA==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-duplicate-keys": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz",
+ "integrity": "sha512-ossocTuPOssfxO2h+Z3/Ea1Vo1wWx31Uqy9vIiJusOP4TbF7tPs9U0sJ9pX9OJPf4lXRGj5+6Gkl/HHKiAP5ug==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-for-of": {
+ "version": "6.23.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz",
+ "integrity": "sha512-DLuRwoygCoXx+YfxHLkVx5/NpeSbVwfoTeBykpJK7JhYWlL/O8hgAK/reforUnZDlxasOrVPPJVI/guE3dCwkw==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-function-name": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz",
+ "integrity": "sha512-iFp5KIcorf11iBqu/y/a7DK3MN5di3pNCzto61FqCNnUX4qeBwcV1SLqe10oXNnCaxBUImX3SckX2/o1nsrTcg==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-function-name": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-literals": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz",
+ "integrity": "sha512-tjFl0cwMPpDYyoqYA9li1/7mGFit39XiNX5DKC/uCNjBctMxyL1/PT/l4rSlbvBG1pOKI88STRdUsWXB3/Q9hQ==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-modules-amd": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz",
+ "integrity": "sha512-LnIIdGWIKdw7zwckqx+eGjcS8/cl8D74A3BpJbGjKTFFNJSMrjN4bIh22HY1AlkUbeLG6X6OZj56BDvWD+OeFA==",
+ "dev": true,
+ "dependencies": {
+ "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-modules-commonjs": {
+ "version": "6.26.2",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.26.2.tgz",
+ "integrity": "sha512-CV9ROOHEdrjcwhIaJNBGMBCodN+1cfkwtM1SbUHmvyy35KGT7fohbpOxkE2uLz1o6odKK2Ck/tz47z+VqQfi9Q==",
+ "dev": true,
+ "dependencies": {
+ "babel-plugin-transform-strict-mode": "^6.24.1",
+ "babel-runtime": "^6.26.0",
+ "babel-template": "^6.26.0",
+ "babel-types": "^6.26.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-modules-systemjs": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz",
+ "integrity": "sha512-ONFIPsq8y4bls5PPsAWYXH/21Hqv64TBxdje0FvU3MhIV6QM2j5YS7KvAzg/nTIVLot2D2fmFQrFWCbgHlFEjg==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-hoist-variables": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-modules-umd": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz",
+ "integrity": "sha512-LpVbiT9CLsuAIp3IG0tfbVo81QIhn6pE8xBJ7XSeCtFlMltuar5VuBV6y6Q45tpui9QWcy5i0vLQfCfrnF7Kiw==",
+ "dev": true,
+ "dependencies": {
+ "babel-plugin-transform-es2015-modules-amd": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-object-super": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz",
+ "integrity": "sha512-8G5hpZMecb53vpD3mjs64NhI1au24TAmokQ4B+TBFBjN9cVoGoOvotdrMMRmHvVZUEvqGUPWL514woru1ChZMA==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-replace-supers": "^6.24.1",
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-parameters": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz",
+ "integrity": "sha512-8HxlW+BB5HqniD+nLkQ4xSAVq3bR/pcYW9IigY+2y0dI+Y7INFeTbfAQr+63T3E4UDsZGjyb+l9txUnABWxlOQ==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-call-delegate": "^6.24.1",
+ "babel-helper-get-function-arity": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-shorthand-properties": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz",
+ "integrity": "sha512-mDdocSfUVm1/7Jw/FIRNw9vPrBQNePy6wZJlR8HAUBLybNp1w/6lr6zZ2pjMShee65t/ybR5pT8ulkLzD1xwiw==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-spread": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz",
+ "integrity": "sha512-3Ghhi26r4l3d0Js933E5+IhHwk0A1yiutj9gwvzmFbVV0sPMYk2lekhOufHBswX7NCoSeF4Xrl3sCIuSIa+zOg==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-sticky-regex": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz",
+ "integrity": "sha512-CYP359ADryTo3pCsH0oxRo/0yn6UsEZLqYohHmvLQdfS9xkf+MbCzE3/Kolw9OYIY4ZMilH25z/5CbQbwDD+lQ==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-regex": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-template-literals": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz",
+ "integrity": "sha512-x8b9W0ngnKzDMHimVtTfn5ryimars1ByTqsfBDwAqLibmuuQY6pgBQi5z1ErIsUOWBdw1bW9FSz5RZUojM4apg==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-typeof-symbol": {
+ "version": "6.23.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz",
+ "integrity": "sha512-fz6J2Sf4gYN6gWgRZaoFXmq93X+Li/8vf+fb0sGDVtdeWvxC9y5/bTD7bvfWMEq6zetGEHpWjtzRGSugt5kNqw==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-es2015-unicode-regex": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz",
+ "integrity": "sha512-v61Dbbihf5XxnYjtBN04B/JBvsScY37R1cZT5r9permN1cp+b70DY3Ib3fIkgn1DI9U3tGgBJZVD8p/mE/4JbQ==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-regex": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "regexpu-core": "^2.0.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-exponentiation-operator": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz",
+ "integrity": "sha512-LzXDmbMkklvNhprr20//RStKVcT8Cu+SQtX18eMHLhjHf2yFzwtQ0S2f0jQ+89rokoNdmwoSqYzAhq86FxlLSQ==",
+ "dev": true,
+ "dependencies": {
+ "babel-helper-builder-binary-assignment-operator-visitor": "^6.24.1",
+ "babel-plugin-syntax-exponentiation-operator": "^6.8.0",
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-object-rest-spread": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz",
+ "integrity": "sha512-ocgA9VJvyxwt+qJB0ncxV8kb/CjfTcECUY4tQ5VT7nP6Aohzobm8CDFaQ5FHdvZQzLmf0sgDxB8iRXZXxwZcyA==",
+ "dev": true,
+ "dependencies": {
+ "babel-plugin-syntax-object-rest-spread": "^6.8.0",
+ "babel-runtime": "^6.26.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-regenerator": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz",
+ "integrity": "sha512-LS+dBkUGlNR15/5WHKe/8Neawx663qttS6AGqoOUhICc9d1KciBvtrQSuc0PI+CxQ2Q/S1aKuJ+u64GtLdcEZg==",
+ "dev": true,
+ "dependencies": {
+ "regenerator-transform": "^0.10.0"
+ }
+ },
+ "node_modules/babel-plugin-transform-strict-mode": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz",
+ "integrity": "sha512-j3KtSpjyLSJxNoCDrhwiJad8kw0gJ9REGj8/CqL0HeRyLnvUNYV9zcqluL6QJSXh3nfsLEmSLvwRfGzrgR96Pw==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "node_modules/babel-preset-env": {
+ "version": "1.7.0",
+ "resolved": "https://registry.npmjs.org/babel-preset-env/-/babel-preset-env-1.7.0.tgz",
+ "integrity": "sha512-9OR2afuKDneX2/q2EurSftUYM0xGu4O2D9adAhVfADDhrYDaxXV0rBbevVYoY9n6nyX1PmQW/0jtpJvUNr9CHg==",
+ "dev": true,
+ "dependencies": {
+ "babel-plugin-check-es2015-constants": "^6.22.0",
+ "babel-plugin-syntax-trailing-function-commas": "^6.22.0",
+ "babel-plugin-transform-async-to-generator": "^6.22.0",
+ "babel-plugin-transform-es2015-arrow-functions": "^6.22.0",
+ "babel-plugin-transform-es2015-block-scoped-functions": "^6.22.0",
+ "babel-plugin-transform-es2015-block-scoping": "^6.23.0",
+ "babel-plugin-transform-es2015-classes": "^6.23.0",
+ "babel-plugin-transform-es2015-computed-properties": "^6.22.0",
+ "babel-plugin-transform-es2015-destructuring": "^6.23.0",
+ "babel-plugin-transform-es2015-duplicate-keys": "^6.22.0",
+ "babel-plugin-transform-es2015-for-of": "^6.23.0",
+ "babel-plugin-transform-es2015-function-name": "^6.22.0",
+ "babel-plugin-transform-es2015-literals": "^6.22.0",
+ "babel-plugin-transform-es2015-modules-amd": "^6.22.0",
+ "babel-plugin-transform-es2015-modules-commonjs": "^6.23.0",
+ "babel-plugin-transform-es2015-modules-systemjs": "^6.23.0",
+ "babel-plugin-transform-es2015-modules-umd": "^6.23.0",
+ "babel-plugin-transform-es2015-object-super": "^6.22.0",
+ "babel-plugin-transform-es2015-parameters": "^6.23.0",
+ "babel-plugin-transform-es2015-shorthand-properties": "^6.22.0",
+ "babel-plugin-transform-es2015-spread": "^6.22.0",
+ "babel-plugin-transform-es2015-sticky-regex": "^6.22.0",
+ "babel-plugin-transform-es2015-template-literals": "^6.22.0",
+ "babel-plugin-transform-es2015-typeof-symbol": "^6.23.0",
+ "babel-plugin-transform-es2015-unicode-regex": "^6.22.0",
+ "babel-plugin-transform-exponentiation-operator": "^6.22.0",
+ "babel-plugin-transform-regenerator": "^6.22.0",
+ "browserslist": "^3.2.6",
+ "invariant": "^2.2.2",
+ "semver": "^5.3.0"
+ }
+ },
+ "node_modules/babel-preset-stage-3": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-preset-stage-3/-/babel-preset-stage-3-6.24.1.tgz",
+ "integrity": "sha512-eCbEOF8uN0KypFXJmZXn2sTk7bPV9uM5xov7G/7BM08TbQEObsVs0cEWfy6NQySlfk7JBi/t+XJP1JkruYfthA==",
+ "dev": true,
+ "dependencies": {
+ "babel-plugin-syntax-trailing-function-commas": "^6.22.0",
+ "babel-plugin-transform-async-generator-functions": "^6.24.1",
+ "babel-plugin-transform-async-to-generator": "^6.24.1",
+ "babel-plugin-transform-exponentiation-operator": "^6.24.1",
+ "babel-plugin-transform-object-rest-spread": "^6.22.0"
+ }
+ },
+ "node_modules/babel-register": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-register/-/babel-register-6.26.0.tgz",
+ "integrity": "sha512-veliHlHX06wjaeY8xNITbveXSiI+ASFnOqvne/LaIJIqOWi2Ogmj91KOugEz/hoh/fwMhXNBJPCv8Xaz5CyM4A==",
+ "dev": true,
+ "dependencies": {
+ "babel-core": "^6.26.0",
+ "babel-runtime": "^6.26.0",
+ "core-js": "^2.5.0",
+ "home-or-tmp": "^2.0.0",
+ "lodash": "^4.17.4",
+ "mkdirp": "^0.5.1",
+ "source-map-support": "^0.4.15"
+ }
+ },
+ "node_modules/babel-runtime": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+ "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
+ "dev": true,
+ "dependencies": {
+ "core-js": "^2.4.0",
+ "regenerator-runtime": "^0.11.0"
+ }
+ },
+ "node_modules/babel-template": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-template/-/babel-template-6.26.0.tgz",
+ "integrity": "sha512-PCOcLFW7/eazGUKIoqH97sO9A2UYMahsn/yRQ7uOk37iutwjq7ODtcTNF+iFDSHNfkctqsLRjLP7URnOx0T1fg==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.26.0",
+ "babel-traverse": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "babylon": "^6.18.0",
+ "lodash": "^4.17.4"
+ }
+ },
+ "node_modules/babel-traverse": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-traverse/-/babel-traverse-6.26.0.tgz",
+ "integrity": "sha512-iSxeXx7apsjCHe9c7n8VtRXGzI2Bk1rBSOJgCCjfyXb6v1aCqE1KSEpq/8SXuVN8Ka/Rh1WDTF0MDzkvTA4MIA==",
+ "dev": true,
+ "dependencies": {
+ "babel-code-frame": "^6.26.0",
+ "babel-messages": "^6.23.0",
+ "babel-runtime": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "babylon": "^6.18.0",
+ "debug": "^2.6.8",
+ "globals": "^9.18.0",
+ "invariant": "^2.2.2",
+ "lodash": "^4.17.4"
+ }
+ },
+ "node_modules/babel-types": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz",
+ "integrity": "sha512-zhe3V/26rCWsEZK8kZN+HaQj5yQ1CilTObixFzKW1UWjqG7618Twz6YEsCnjfg5gBcJh02DrpCkS9h98ZqDY+g==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.26.0",
+ "esutils": "^2.0.2",
+ "lodash": "^4.17.4",
+ "to-fast-properties": "^1.0.3"
+ }
+ },
+ "node_modules/babylon": {
+ "version": "6.18.0",
+ "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz",
+ "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==",
+ "dev": true,
+ "bin": {
+ "babylon": "bin/babylon.js"
+ }
+ },
+ "node_modules/balanced-match": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+ "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+ "dev": true
+ },
+ "node_modules/base": {
+ "version": "0.11.2",
+ "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+ "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+ "dev": true,
+ "dependencies": {
+ "cache-base": "^1.0.1",
+ "class-utils": "^0.3.5",
+ "component-emitter": "^1.2.1",
+ "define-property": "^1.0.0",
+ "isobject": "^3.0.1",
+ "mixin-deep": "^1.2.0",
+ "pascalcase": "^0.1.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/base/node_modules/define-property": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+ "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+ "dev": true,
+ "dependencies": {
+ "is-descriptor": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/base64-js": {
+ "version": "1.5.1",
+ "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+ "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/feross"
+ },
+ {
+ "type": "patreon",
+ "url": "https://www.patreon.com/feross"
+ },
+ {
+ "type": "consulting",
+ "url": "https://feross.org/support"
+ }
+ ]
+ },
+ "node_modules/batch": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+ "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==",
+ "dev": true
+ },
+ "node_modules/big.js": {
+ "version": "5.2.2",
+ "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+ "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+ "dev": true,
+ "engines": {
+ "node": "*"
+ }
+ },
+ "node_modules/binary-extensions": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+ "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+ "dev": true,
+ "optional": true,
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/bindings": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+ "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "file-uri-to-path": "1.0.0"
+ }
+ },
+ "node_modules/bluebird": {
+ "version": "3.7.2",
+ "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+ "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
+ "dev": true
+ },
+ "node_modules/bn.js": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
+ "integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==",
+ "dev": true
+ },
+ "node_modules/body-parser": {
+ "version": "1.20.1",
+ "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
+ "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
+ "dev": true,
+ "dependencies": {
+ "bytes": "3.1.2",
+ "content-type": "~1.0.4",
+ "debug": "2.6.9",
+ "depd": "2.0.0",
+ "destroy": "1.2.0",
+ "http-errors": "2.0.0",
+ "iconv-lite": "0.4.24",
+ "on-finished": "2.4.1",
+ "qs": "6.11.0",
+ "raw-body": "2.5.1",
+ "type-is": "~1.6.18",
+ "unpipe": "1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.8",
+ "npm": "1.2.8000 || >= 1.4.16"
+ }
+ },
+ "node_modules/body-parser/node_modules/bytes": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+ "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/body-parser/node_modules/qs": {
+ "version": "6.11.0",
+ "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+ "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+ "dev": true,
+ "dependencies": {
+ "side-channel": "^1.0.4"
+ },
+ "engines": {
+ "node": ">=0.6"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/bonjour": {
+ "version": "3.5.0",
+ "resolved": "https://registry.npmjs.org/bonjour/-/bonjour-3.5.0.tgz",
+ "integrity": "sha512-RaVTblr+OnEli0r/ud8InrU7D+G0y6aJhlxaLa6Pwty4+xoxboF1BsUI45tujvRpbj9dQVoglChqonGAsjEBYg==",
+ "dev": true,
+ "dependencies": {
+ "array-flatten": "^2.1.0",
+ "deep-equal": "^1.0.1",
+ "dns-equal": "^1.0.0",
+ "dns-txt": "^2.0.2",
+ "multicast-dns": "^6.0.1",
+ "multicast-dns-service-types": "^1.1.0"
+ }
+ },
+ "node_modules/brace-expansion": {
+ "version": "1.1.11",
+ "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+ "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+ "dev": true,
+ "dependencies": {
+ "balanced-match": "^1.0.0",
+ "concat-map": "0.0.1"
+ }
+ },
+ "node_modules/braces": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+ "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "fill-range": "^7.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/brorand": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
+ "integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
+ "dev": true
+ },
+ "node_modules/browserify-aes": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+ "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
+ "dev": true,
+ "dependencies": {
+ "buffer-xor": "^1.0.3",
+ "cipher-base": "^1.0.0",
+ "create-hash": "^1.1.0",
+ "evp_bytestokey": "^1.0.3",
+ "inherits": "^2.0.1",
+ "safe-buffer": "^5.0.1"
+ }
+ },
+ "node_modules/browserify-cipher": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
+ "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
+ "dev": true,
+ "dependencies": {
+ "browserify-aes": "^1.0.4",
+ "browserify-des": "^1.0.0",
+ "evp_bytestokey": "^1.0.0"
+ }
+ },
+ "node_modules/browserify-des": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
+ "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
+ "dev": true,
+ "dependencies": {
+ "cipher-base": "^1.0.1",
+ "des.js": "^1.0.0",
+ "inherits": "^2.0.1",
+ "safe-buffer": "^5.1.2"
+ }
+ },
+ "node_modules/browserify-rsa": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
+ "integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
+ "dev": true,
+ "dependencies": {
+ "bn.js": "^5.0.0",
+ "randombytes": "^2.0.1"
+ }
+ },
+ "node_modules/browserify-sign": {
+ "version": "4.2.1",
+ "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.1.tgz",
+ "integrity": "sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==",
+ "dev": true,
+ "dependencies": {
+ "bn.js": "^5.1.1",
+ "browserify-rsa": "^4.0.1",
+ "create-hash": "^1.2.0",
+ "create-hmac": "^1.1.7",
+ "elliptic": "^6.5.3",
+ "inherits": "^2.0.4",
+ "parse-asn1": "^5.1.5",
+ "readable-stream": "^3.6.0",
+ "safe-buffer": "^5.2.0"
+ }
+ },
+ "node_modules/browserify-sign/node_modules/readable-stream": {
+ "version": "3.6.2",
+ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+ "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+ "dev": true,
+ "dependencies": {
+ "inherits": "^2.0.3",
+ "string_decoder": "^1.1.1",
+ "util-deprecate": "^1.0.1"
+ },
+ "engines": {
+ "node": ">= 6"
+ }
+ },
+ "node_modules/browserify-zlib": {
+ "version": "0.2.0",
+ "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+ "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+ "dev": true,
+ "dependencies": {
+ "pako": "~1.0.5"
+ }
+ },
+ "node_modules/browserslist": {
+ "version": "3.2.8",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-3.2.8.tgz",
+ "integrity": "sha512-WHVocJYavUwVgVViC0ORikPHQquXwVh939TaelZ4WDqpWgTX/FsGhl/+P4qBUAGcRvtOgDgC+xftNWWp2RUTAQ==",
+ "dev": true,
+ "dependencies": {
+ "caniuse-lite": "^1.0.30000844",
+ "electron-to-chromium": "^1.3.47"
+ },
+ "bin": {
+ "browserslist": "cli.js"
+ }
+ },
+ "node_modules/buffer": {
+ "version": "4.9.2",
+ "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
+ "integrity": "sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==",
+ "dev": true,
+ "dependencies": {
+ "base64-js": "^1.0.2",
+ "ieee754": "^1.1.4",
+ "isarray": "^1.0.0"
+ }
+ },
+ "node_modules/buffer-indexof": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/buffer-indexof/-/buffer-indexof-1.1.1.tgz",
+ "integrity": "sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==",
+ "dev": true
+ },
+ "node_modules/buffer-xor": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+ "integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==",
+ "dev": true
+ },
+ "node_modules/builtin-status-codes": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
+ "integrity": "sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==",
+ "dev": true
+ },
+ "node_modules/bytes": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+ "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/cache-base": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+ "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+ "dev": true,
+ "dependencies": {
+ "collection-visit": "^1.0.0",
+ "component-emitter": "^1.2.1",
+ "get-value": "^2.0.6",
+ "has-value": "^1.0.0",
+ "isobject": "^3.0.1",
+ "set-value": "^2.0.0",
+ "to-object-path": "^0.3.0",
+ "union-value": "^1.0.0",
+ "unset-value": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/call-bind": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+ "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+ "dev": true,
+ "dependencies": {
+ "function-bind": "^1.1.1",
+ "get-intrinsic": "^1.0.2"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/camelcase": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+ "integrity": "sha512-DLIsRzJVBQu72meAKPkWQOLcujdXT32hwdfnkI1frSiSRMK1MofjKHf+MEx0SB6fjEFXL8fBDv1dKymBlOp4Qw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/camelcase-keys": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+ "integrity": "sha512-bA/Z/DERHKqoEOrp+qeGKw1QlvEQkGZSc0XaY6VnTxZr+Kv1G5zFwttpjv8qxZ/sBPT4nthwZaAcsAZTJlSKXQ==",
+ "dev": true,
+ "dependencies": {
+ "camelcase": "^2.0.0",
+ "map-obj": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/caniuse-api": {
+ "version": "1.6.1",
+ "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-1.6.1.tgz",
+ "integrity": "sha512-SBTl70K0PkDUIebbkXrxWqZlHNs0wRgRD6QZ8guctShjbh63gEPfF+Wj0Yw+75f5Y8tSzqAI/NcisYv/cCah2Q==",
+ "dev": true,
+ "dependencies": {
+ "browserslist": "^1.3.6",
+ "caniuse-db": "^1.0.30000529",
+ "lodash.memoize": "^4.1.2",
+ "lodash.uniq": "^4.5.0"
+ }
+ },
+ "node_modules/caniuse-api/node_modules/browserslist": {
+ "version": "1.7.7",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.7.7.tgz",
+ "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
+ "deprecated": "Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.",
+ "dev": true,
+ "dependencies": {
+ "caniuse-db": "^1.0.30000639",
+ "electron-to-chromium": "^1.2.7"
+ },
+ "bin": {
+ "browserslist": "cli.js"
+ }
+ },
+ "node_modules/caniuse-db": {
+ "version": "1.0.30001514",
+ "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30001514.tgz",
+ "integrity": "sha512-UNM+FPzezoXIoMfGlpurnP8nUmNnHlwrUFrCsh/HmyN8OFtd6wXzyKTTuXPfEOEc6JDDtnX5vVSG7lvjBKjSzA==",
+ "dev": true
+ },
+ "node_modules/caniuse-lite": {
+ "version": "1.0.30001514",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001514.tgz",
+ "integrity": "sha512-ENcIpYBmwAAOm/V2cXgM7rZUrKKaqisZl4ZAI520FIkqGXUxJjmaIssbRW5HVVR5tyV6ygTLIm15aU8LUmQSaQ==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/browserslist"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ]
+ },
+ "node_modules/center-align": {
+ "version": "0.1.3",
+ "resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz",
+ "integrity": "sha512-Baz3aNe2gd2LP2qk5U+sDk/m4oSuwSDcBfayTCTBoWpfIGO5XFxPmjILQII4NGiZjD6DoDI6kf7gKaxkf7s3VQ==",
+ "dev": true,
+ "dependencies": {
+ "align-text": "^0.1.3",
+ "lazy-cache": "^1.0.3"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/chalk": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+ "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^2.2.1",
+ "escape-string-regexp": "^1.0.2",
+ "has-ansi": "^2.0.0",
+ "strip-ansi": "^3.0.0",
+ "supports-color": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/chokidar": {
+ "version": "3.5.3",
+ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+ "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "individual",
+ "url": "https://paulmillr.com/funding/"
+ }
+ ],
+ "optional": true,
+ "dependencies": {
+ "anymatch": "~3.1.2",
+ "braces": "~3.0.2",
+ "glob-parent": "~5.1.2",
+ "is-binary-path": "~2.1.0",
+ "is-glob": "~4.0.1",
+ "normalize-path": "~3.0.0",
+ "readdirp": "~3.6.0"
+ },
+ "engines": {
+ "node": ">= 8.10.0"
+ },
+ "optionalDependencies": {
+ "fsevents": "~2.3.2"
+ }
+ },
+ "node_modules/cipher-base": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
+ "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
+ "dev": true,
+ "dependencies": {
+ "inherits": "^2.0.1",
+ "safe-buffer": "^5.0.1"
+ }
+ },
+ "node_modules/clap": {
+ "version": "1.2.3",
+ "resolved": "https://registry.npmjs.org/clap/-/clap-1.2.3.tgz",
+ "integrity": "sha512-4CoL/A3hf90V3VIEjeuhSvlGFEHKzOz+Wfc2IVZc+FaUgU0ZQafJTP49fvnULipOPcAfqhyI2duwQyns6xqjYA==",
+ "dev": true,
+ "dependencies": {
+ "chalk": "^1.1.3"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/class-utils": {
+ "version": "0.3.6",
+ "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+ "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+ "dev": true,
+ "dependencies": {
+ "arr-union": "^3.1.0",
+ "define-property": "^0.2.5",
+ "isobject": "^3.0.0",
+ "static-extend": "^0.1.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/class-utils/node_modules/define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+ "dev": true,
+ "dependencies": {
+ "is-descriptor": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/class-utils/node_modules/is-accessor-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+ "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/class-utils/node_modules/is-accessor-descriptor/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/class-utils/node_modules/is-data-descriptor": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+ "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/class-utils/node_modules/is-data-descriptor/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/class-utils/node_modules/is-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+ "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+ "dev": true,
+ "dependencies": {
+ "is-accessor-descriptor": "^0.1.6",
+ "is-data-descriptor": "^0.1.4",
+ "kind-of": "^5.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/class-utils/node_modules/kind-of": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+ "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/cliui": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
+ "integrity": "sha512-0yayqDxWQbqk3ojkYqUKqaAQ6AfNKeKWRNA8kR0WXzAsdHpP4BIaOmMAG87JGuO6qcobyW4GjxHd9PmhEd+T9w==",
+ "dev": true,
+ "dependencies": {
+ "string-width": "^1.0.1",
+ "strip-ansi": "^3.0.1",
+ "wrap-ansi": "^2.0.0"
+ }
+ },
+ "node_modules/cliui/node_modules/is-fullwidth-code-point": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+ "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+ "dev": true,
+ "dependencies": {
+ "number-is-nan": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/cliui/node_modules/string-width": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+ "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
+ "dev": true,
+ "dependencies": {
+ "code-point-at": "^1.0.0",
+ "is-fullwidth-code-point": "^1.0.0",
+ "strip-ansi": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/clone": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+ "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.8"
+ }
+ },
+ "node_modules/coa": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/coa/-/coa-1.0.4.tgz",
+ "integrity": "sha512-KAGck/eNAmCL0dcT3BiuYwLbExK6lduR8DxM3C1TyDzaXhZHyZ8ooX5I5+na2e3dPFuibfxrGdorr0/Lr7RYCQ==",
+ "dev": true,
+ "dependencies": {
+ "q": "^1.1.2"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/code-point-at": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+ "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/collection-visit": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+ "integrity": "sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==",
+ "dev": true,
+ "dependencies": {
+ "map-visit": "^1.0.0",
+ "object-visit": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/color": {
+ "version": "0.11.4",
+ "resolved": "https://registry.npmjs.org/color/-/color-0.11.4.tgz",
+ "integrity": "sha512-Ajpjd8asqZ6EdxQeqGzU5WBhhTfJ/0cA4Wlbre7e5vXfmDSmda7Ov6jeKoru+b0vHcb1CqvuroTHp5zIWzhVMA==",
+ "dev": true,
+ "dependencies": {
+ "clone": "^1.0.2",
+ "color-convert": "^1.3.0",
+ "color-string": "^0.3.0"
+ }
+ },
+ "node_modules/color-convert": {
+ "version": "1.9.3",
+ "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+ "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+ "dev": true,
+ "dependencies": {
+ "color-name": "1.1.3"
+ }
+ },
+ "node_modules/color-name": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+ "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+ "dev": true
+ },
+ "node_modules/color-string": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/color-string/-/color-string-0.3.0.tgz",
+ "integrity": "sha512-sz29j1bmSDfoAxKIEU6zwoIZXN6BrFbAMIhfYCNyiZXBDuU/aiHlN84lp/xDzL2ubyFhLDobHIlU1X70XRrMDA==",
+ "dev": true,
+ "dependencies": {
+ "color-name": "^1.0.0"
+ }
+ },
+ "node_modules/colormin": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/colormin/-/colormin-1.1.2.tgz",
+ "integrity": "sha512-XSEQUUQUR/lXqGyddiNH3XYFUPYlYr1vXy9rTFMsSOw+J7Q6EQkdlQIrTlYn4TccpsOaUE1PYQNjBn20gwCdgQ==",
+ "dev": true,
+ "dependencies": {
+ "color": "^0.11.0",
+ "css-color-names": "0.0.4",
+ "has": "^1.0.1"
+ }
+ },
+ "node_modules/colors": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/colors/-/colors-1.1.2.tgz",
+ "integrity": "sha512-ENwblkFQpqqia6b++zLD/KUWafYlVY/UNnAp7oz7LY7E924wmpye416wBOmvv/HMWzl8gL1kJlfvId/1Dg176w==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.1.90"
+ }
+ },
+ "node_modules/commondir": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+ "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
+ "dev": true
+ },
+ "node_modules/component-emitter": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+ "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
+ "dev": true
+ },
+ "node_modules/compressible": {
+ "version": "2.0.18",
+ "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+ "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+ "dev": true,
+ "dependencies": {
+ "mime-db": ">= 1.43.0 < 2"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/compression": {
+ "version": "1.7.4",
+ "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+ "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+ "dev": true,
+ "dependencies": {
+ "accepts": "~1.3.5",
+ "bytes": "3.0.0",
+ "compressible": "~2.0.16",
+ "debug": "2.6.9",
+ "on-headers": "~1.0.2",
+ "safe-buffer": "5.1.2",
+ "vary": "~1.1.2"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/compression/node_modules/safe-buffer": {
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+ "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+ "dev": true
+ },
+ "node_modules/concat-map": {
+ "version": "0.0.1",
+ "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+ "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+ "dev": true
+ },
+ "node_modules/connect-history-api-fallback": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
+ "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.8"
+ }
+ },
+ "node_modules/console-browserify": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
+ "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
+ "dev": true
+ },
+ "node_modules/consolidate": {
+ "version": "0.14.5",
+ "resolved": "https://registry.npmjs.org/consolidate/-/consolidate-0.14.5.tgz",
+ "integrity": "sha512-PZFskfj64QnpKVK9cPdY36pyWEhZNM+srRVqtwMiVTlnViSoZcvX35PpBhhUcyLTHXYvz7pZRmxvsqwzJqg9kA==",
+ "deprecated": "Please upgrade to consolidate v1.0.0+ as it has been modernized with several long-awaited fixes implemented. Maintenance is supported by Forward Email at https://forwardemail.net ; follow/watch https://github.com/ladjs/consolidate for updates and release changelog",
+ "dev": true,
+ "dependencies": {
+ "bluebird": "^3.1.1"
+ }
+ },
+ "node_modules/constants-browserify": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
+ "integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==",
+ "dev": true
+ },
+ "node_modules/content-disposition": {
+ "version": "0.5.4",
+ "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+ "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+ "dev": true,
+ "dependencies": {
+ "safe-buffer": "5.2.1"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/content-type": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+ "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/convert-source-map": {
+ "version": "1.9.0",
+ "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+ "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+ "dev": true
+ },
+ "node_modules/cookie": {
+ "version": "0.5.0",
+ "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
+ "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/cookie-signature": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+ "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
+ "dev": true
+ },
+ "node_modules/copy-descriptor": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+ "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/core-js": {
+ "version": "2.6.12",
+ "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+ "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
+ "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.",
+ "dev": true,
+ "hasInstallScript": true
+ },
+ "node_modules/core-util-is": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+ "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+ "dev": true
+ },
+ "node_modules/cosmiconfig": {
+ "version": "2.2.2",
+ "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-2.2.2.tgz",
+ "integrity": "sha512-GiNXLwAFPYHy25XmTPpafYvn3CLAkJ8FLsscq78MQd1Kh0OU6Yzhn4eV2MVF4G9WEQZoWEGltatdR+ntGPMl5A==",
+ "dev": true,
+ "dependencies": {
+ "is-directory": "^0.3.1",
+ "js-yaml": "^3.4.3",
+ "minimist": "^1.2.0",
+ "object-assign": "^4.1.0",
+ "os-homedir": "^1.0.1",
+ "parse-json": "^2.2.0",
+ "require-from-string": "^1.1.0"
+ },
+ "engines": {
+ "node": ">=0.12"
+ }
+ },
+ "node_modules/create-ecdh": {
+ "version": "4.0.4",
+ "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
+ "integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
+ "dev": true,
+ "dependencies": {
+ "bn.js": "^4.1.0",
+ "elliptic": "^6.5.3"
+ }
+ },
+ "node_modules/create-ecdh/node_modules/bn.js": {
+ "version": "4.12.0",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+ "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+ "dev": true
+ },
+ "node_modules/create-hash": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+ "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
+ "dev": true,
+ "dependencies": {
+ "cipher-base": "^1.0.1",
+ "inherits": "^2.0.1",
+ "md5.js": "^1.3.4",
+ "ripemd160": "^2.0.1",
+ "sha.js": "^2.4.0"
+ }
+ },
+ "node_modules/create-hmac": {
+ "version": "1.1.7",
+ "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+ "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
+ "dev": true,
+ "dependencies": {
+ "cipher-base": "^1.0.3",
+ "create-hash": "^1.1.0",
+ "inherits": "^2.0.1",
+ "ripemd160": "^2.0.0",
+ "safe-buffer": "^5.0.1",
+ "sha.js": "^2.4.8"
+ }
+ },
+ "node_modules/cross-env": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-5.2.1.tgz",
+ "integrity": "sha512-1yHhtcfAd1r4nwQgknowuUNfIT9E8dOMMspC36g45dN+iD1blloi7xp8X/xAIDnjHWyt1uQ8PHk2fkNaym7soQ==",
+ "dev": true,
+ "dependencies": {
+ "cross-spawn": "^6.0.5"
+ },
+ "bin": {
+ "cross-env": "dist/bin/cross-env.js",
+ "cross-env-shell": "dist/bin/cross-env-shell.js"
+ },
+ "engines": {
+ "node": ">=4.0"
+ }
+ },
+ "node_modules/cross-spawn": {
+ "version": "6.0.5",
+ "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+ "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+ "dev": true,
+ "dependencies": {
+ "nice-try": "^1.0.4",
+ "path-key": "^2.0.1",
+ "semver": "^5.5.0",
+ "shebang-command": "^1.2.0",
+ "which": "^1.2.9"
+ },
+ "engines": {
+ "node": ">=4.8"
+ }
+ },
+ "node_modules/crypto-browserify": {
+ "version": "3.12.0",
+ "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
+ "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
+ "dev": true,
+ "dependencies": {
+ "browserify-cipher": "^1.0.0",
+ "browserify-sign": "^4.0.0",
+ "create-ecdh": "^4.0.0",
+ "create-hash": "^1.1.0",
+ "create-hmac": "^1.1.0",
+ "diffie-hellman": "^5.0.0",
+ "inherits": "^2.0.1",
+ "pbkdf2": "^3.0.3",
+ "public-encrypt": "^4.0.0",
+ "randombytes": "^2.0.0",
+ "randomfill": "^1.0.3"
+ },
+ "engines": {
+ "node": "*"
+ }
+ },
+ "node_modules/css-color-names": {
+ "version": "0.0.4",
+ "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
+ "integrity": "sha512-zj5D7X1U2h2zsXOAM8EyUREBnnts6H+Jm+d1M2DbiQQcUtnqgQsMrdo8JW9R80YFUmIdBZeMu5wvYM7hcgWP/Q==",
+ "dev": true,
+ "engines": {
+ "node": "*"
+ }
+ },
+ "node_modules/css-loader": {
+ "version": "0.28.11",
+ "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-0.28.11.tgz",
+ "integrity": "sha512-wovHgjAx8ZIMGSL8pTys7edA1ClmzxHeY6n/d97gg5odgsxEgKjULPR0viqyC+FWMCL9sfqoC/QCUBo62tLvPg==",
+ "dev": true,
+ "dependencies": {
+ "babel-code-frame": "^6.26.0",
+ "css-selector-tokenizer": "^0.7.0",
+ "cssnano": "^3.10.0",
+ "icss-utils": "^2.1.0",
+ "loader-utils": "^1.0.2",
+ "lodash.camelcase": "^4.3.0",
+ "object-assign": "^4.1.1",
+ "postcss": "^5.0.6",
+ "postcss-modules-extract-imports": "^1.2.0",
+ "postcss-modules-local-by-default": "^1.2.0",
+ "postcss-modules-scope": "^1.1.0",
+ "postcss-modules-values": "^1.3.0",
+ "postcss-value-parser": "^3.3.0",
+ "source-list-map": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.12.0 || >= 4.3.0 < 5.0.0 || >=5.10"
+ }
+ },
+ "node_modules/css-selector-tokenizer": {
+ "version": "0.7.3",
+ "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.3.tgz",
+ "integrity": "sha512-jWQv3oCEL5kMErj4wRnK/OPoBi0D+P1FR2cDCKYPaMeD2eW3/mttav8HT4hT1CKopiJI/psEULjkClhvJo4Lvg==",
+ "dev": true,
+ "dependencies": {
+ "cssesc": "^3.0.0",
+ "fastparse": "^1.1.2"
+ }
+ },
+ "node_modules/cssesc": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+ "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+ "dev": true,
+ "bin": {
+ "cssesc": "bin/cssesc"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/cssnano": {
+ "version": "3.10.0",
+ "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-3.10.0.tgz",
+ "integrity": "sha512-0o0IMQE0Ezo4b41Yrm8U6Rp9/Ag81vNXY1gZMnT1XhO4DpjEf2utKERqWJbOoz3g1Wdc1d3QSta/cIuJ1wSTEg==",
+ "dev": true,
+ "dependencies": {
+ "autoprefixer": "^6.3.1",
+ "decamelize": "^1.1.2",
+ "defined": "^1.0.0",
+ "has": "^1.0.1",
+ "object-assign": "^4.0.1",
+ "postcss": "^5.0.14",
+ "postcss-calc": "^5.2.0",
+ "postcss-colormin": "^2.1.8",
+ "postcss-convert-values": "^2.3.4",
+ "postcss-discard-comments": "^2.0.4",
+ "postcss-discard-duplicates": "^2.0.1",
+ "postcss-discard-empty": "^2.0.1",
+ "postcss-discard-overridden": "^0.1.1",
+ "postcss-discard-unused": "^2.2.1",
+ "postcss-filter-plugins": "^2.0.0",
+ "postcss-merge-idents": "^2.1.5",
+ "postcss-merge-longhand": "^2.0.1",
+ "postcss-merge-rules": "^2.0.3",
+ "postcss-minify-font-values": "^1.0.2",
+ "postcss-minify-gradients": "^1.0.1",
+ "postcss-minify-params": "^1.0.4",
+ "postcss-minify-selectors": "^2.0.4",
+ "postcss-normalize-charset": "^1.1.0",
+ "postcss-normalize-url": "^3.0.7",
+ "postcss-ordered-values": "^2.1.0",
+ "postcss-reduce-idents": "^2.2.2",
+ "postcss-reduce-initial": "^1.0.0",
+ "postcss-reduce-transforms": "^1.0.3",
+ "postcss-svgo": "^2.1.1",
+ "postcss-unique-selectors": "^2.0.2",
+ "postcss-value-parser": "^3.2.3",
+ "postcss-zindex": "^2.0.1"
+ }
+ },
+ "node_modules/csso": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/csso/-/csso-2.3.2.tgz",
+ "integrity": "sha512-FmCI/hmqDeHHLaIQckMhMZneS84yzUZdrWDAvJVVxOwcKE1P1LF9FGmzr1ktIQSxOw6fl3PaQsmfg+GN+VvR3w==",
+ "dev": true,
+ "dependencies": {
+ "clap": "^1.0.9",
+ "source-map": "^0.5.3"
+ },
+ "bin": {
+ "csso": "bin/csso"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/csstype": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+ "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+ },
+ "node_modules/currently-unhandled": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
+ "integrity": "sha512-/fITjgjGU50vjQ4FH6eUoYu+iUoUKIXws2hL15JJpIR+BbTxaXQsMuuyjtNh2WqsSBS5nsaZHFsFecyw5CCAng==",
+ "dev": true,
+ "dependencies": {
+ "array-find-index": "^1.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/d": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
+ "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
+ "dev": true,
+ "dependencies": {
+ "es5-ext": "^0.10.50",
+ "type": "^1.0.1"
+ }
+ },
+ "node_modules/de-indent": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+ "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+ "dev": true
+ },
+ "node_modules/debug": {
+ "version": "2.6.9",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+ "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+ "dev": true,
+ "dependencies": {
+ "ms": "2.0.0"
+ }
+ },
+ "node_modules/decamelize": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+ "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/decode-uri-component": {
+ "version": "0.2.2",
+ "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+ "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10"
+ }
+ },
+ "node_modules/deep-equal": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz",
+ "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==",
+ "dev": true,
+ "dependencies": {
+ "is-arguments": "^1.0.4",
+ "is-date-object": "^1.0.1",
+ "is-regex": "^1.0.4",
+ "object-is": "^1.0.1",
+ "object-keys": "^1.1.1",
+ "regexp.prototype.flags": "^1.2.0"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/define-properties": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
+ "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
+ "dev": true,
+ "dependencies": {
+ "has-property-descriptors": "^1.0.0",
+ "object-keys": "^1.1.1"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/define-property": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+ "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+ "dev": true,
+ "dependencies": {
+ "is-descriptor": "^1.0.2",
+ "isobject": "^3.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/defined": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.1.tgz",
+ "integrity": "sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==",
+ "dev": true,
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/del": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/del/-/del-3.0.0.tgz",
+ "integrity": "sha512-7yjqSoVSlJzA4t/VUwazuEagGeANEKB3f/aNI//06pfKgwoCb7f6Q1gETN1sZzYaj6chTQ0AhIwDiPdfOjko4A==",
+ "dev": true,
+ "dependencies": {
+ "globby": "^6.1.0",
+ "is-path-cwd": "^1.0.0",
+ "is-path-in-cwd": "^1.0.0",
+ "p-map": "^1.1.1",
+ "pify": "^3.0.0",
+ "rimraf": "^2.2.8"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/depd": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+ "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/des.js": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.1.0.tgz",
+ "integrity": "sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==",
+ "dev": true,
+ "dependencies": {
+ "inherits": "^2.0.1",
+ "minimalistic-assert": "^1.0.0"
+ }
+ },
+ "node_modules/destroy": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+ "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8",
+ "npm": "1.2.8000 || >= 1.4.16"
+ }
+ },
+ "node_modules/detect-indent": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-4.0.0.tgz",
+ "integrity": "sha512-BDKtmHlOzwI7iRuEkhzsnPoi5ypEhWAJB5RvHWe1kMr06js3uK5B3734i3ui5Yd+wOJV1cpE4JnivPD283GU/A==",
+ "dev": true,
+ "dependencies": {
+ "repeating": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/detect-node": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+ "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+ "dev": true
+ },
+ "node_modules/diffie-hellman": {
+ "version": "5.0.3",
+ "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+ "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
+ "dev": true,
+ "dependencies": {
+ "bn.js": "^4.1.0",
+ "miller-rabin": "^4.0.0",
+ "randombytes": "^2.0.0"
+ }
+ },
+ "node_modules/diffie-hellman/node_modules/bn.js": {
+ "version": "4.12.0",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+ "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+ "dev": true
+ },
+ "node_modules/dns-equal": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
+ "integrity": "sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==",
+ "dev": true
+ },
+ "node_modules/dns-packet": {
+ "version": "1.3.4",
+ "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
+ "integrity": "sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==",
+ "dev": true,
+ "dependencies": {
+ "ip": "^1.1.0",
+ "safe-buffer": "^5.0.1"
+ }
+ },
+ "node_modules/dns-txt": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/dns-txt/-/dns-txt-2.0.2.tgz",
+ "integrity": "sha512-Ix5PrWjphuSoUXV/Zv5gaFHjnaJtb02F2+Si3Ht9dyJ87+Z/lMmy+dpNHtTGraNK958ndXq2i+GLkWsWHcKaBQ==",
+ "dev": true,
+ "dependencies": {
+ "buffer-indexof": "^1.0.0"
+ }
+ },
+ "node_modules/domain-browser": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
+ "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.4",
+ "npm": ">=1.2"
+ }
+ },
+ "node_modules/ee-first": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+ "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+ "dev": true
+ },
+ "node_modules/electron-to-chromium": {
+ "version": "1.4.454",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.454.tgz",
+ "integrity": "sha512-pmf1rbAStw8UEQ0sr2cdJtWl48ZMuPD9Sto8HVQOq9vx9j2WgDEN6lYoaqFvqEHYOmGA9oRGn7LqWI9ta0YugQ==",
+ "dev": true
+ },
+ "node_modules/elliptic": {
+ "version": "6.5.4",
+ "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
+ "integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==",
+ "dev": true,
+ "dependencies": {
+ "bn.js": "^4.11.9",
+ "brorand": "^1.1.0",
+ "hash.js": "^1.0.0",
+ "hmac-drbg": "^1.0.1",
+ "inherits": "^2.0.4",
+ "minimalistic-assert": "^1.0.1",
+ "minimalistic-crypto-utils": "^1.0.1"
+ }
+ },
+ "node_modules/elliptic/node_modules/bn.js": {
+ "version": "4.12.0",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+ "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+ "dev": true
+ },
+ "node_modules/emojis-list": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+ "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+ "dev": true,
+ "engines": {
+ "node": ">= 4"
+ }
+ },
+ "node_modules/encodeurl": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+ "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/enhanced-resolve": {
+ "version": "3.4.1",
+ "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz",
+ "integrity": "sha512-ZaAux1rigq1e2nQrztHn4h2ugvpzZxs64qneNah+8Mh/K0CRqJFJc+UoXnUsq+1yX+DmQFPPdVqboKAJ89e0Iw==",
+ "dev": true,
+ "dependencies": {
+ "graceful-fs": "^4.1.2",
+ "memory-fs": "^0.4.0",
+ "object-assign": "^4.0.1",
+ "tapable": "^0.2.7"
+ },
+ "engines": {
+ "node": ">=4.3.0 <5.0.0 || >=5.10"
+ }
+ },
+ "node_modules/errno": {
+ "version": "0.1.8",
+ "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+ "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+ "dev": true,
+ "dependencies": {
+ "prr": "~1.0.1"
+ },
+ "bin": {
+ "errno": "cli.js"
+ }
+ },
+ "node_modules/error-ex": {
+ "version": "1.3.2",
+ "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+ "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+ "dev": true,
+ "dependencies": {
+ "is-arrayish": "^0.2.1"
+ }
+ },
+ "node_modules/es-abstract": {
+ "version": "1.21.2",
+ "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.2.tgz",
+ "integrity": "sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==",
+ "dev": true,
+ "dependencies": {
+ "array-buffer-byte-length": "^1.0.0",
+ "available-typed-arrays": "^1.0.5",
+ "call-bind": "^1.0.2",
+ "es-set-tostringtag": "^2.0.1",
+ "es-to-primitive": "^1.2.1",
+ "function.prototype.name": "^1.1.5",
+ "get-intrinsic": "^1.2.0",
+ "get-symbol-description": "^1.0.0",
+ "globalthis": "^1.0.3",
+ "gopd": "^1.0.1",
+ "has": "^1.0.3",
+ "has-property-descriptors": "^1.0.0",
+ "has-proto": "^1.0.1",
+ "has-symbols": "^1.0.3",
+ "internal-slot": "^1.0.5",
+ "is-array-buffer": "^3.0.2",
+ "is-callable": "^1.2.7",
+ "is-negative-zero": "^2.0.2",
+ "is-regex": "^1.1.4",
+ "is-shared-array-buffer": "^1.0.2",
+ "is-string": "^1.0.7",
+ "is-typed-array": "^1.1.10",
+ "is-weakref": "^1.0.2",
+ "object-inspect": "^1.12.3",
+ "object-keys": "^1.1.1",
+ "object.assign": "^4.1.4",
+ "regexp.prototype.flags": "^1.4.3",
+ "safe-regex-test": "^1.0.0",
+ "string.prototype.trim": "^1.2.7",
+ "string.prototype.trimend": "^1.0.6",
+ "string.prototype.trimstart": "^1.0.6",
+ "typed-array-length": "^1.0.4",
+ "unbox-primitive": "^1.0.2",
+ "which-typed-array": "^1.1.9"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/es-set-tostringtag": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+ "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+ "dev": true,
+ "dependencies": {
+ "get-intrinsic": "^1.1.3",
+ "has": "^1.0.3",
+ "has-tostringtag": "^1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ }
+ },
+ "node_modules/es-to-primitive": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+ "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+ "dev": true,
+ "dependencies": {
+ "is-callable": "^1.1.4",
+ "is-date-object": "^1.0.1",
+ "is-symbol": "^1.0.2"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/es5-ext": {
+ "version": "0.10.62",
+ "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
+ "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
+ "dev": true,
+ "hasInstallScript": true,
+ "dependencies": {
+ "es6-iterator": "^2.0.3",
+ "es6-symbol": "^3.1.3",
+ "next-tick": "^1.1.0"
+ },
+ "engines": {
+ "node": ">=0.10"
+ }
+ },
+ "node_modules/es6-iterator": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
+ "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+ "dev": true,
+ "dependencies": {
+ "d": "1",
+ "es5-ext": "^0.10.35",
+ "es6-symbol": "^3.1.1"
+ }
+ },
+ "node_modules/es6-map": {
+ "version": "0.1.5",
+ "resolved": "https://registry.npmjs.org/es6-map/-/es6-map-0.1.5.tgz",
+ "integrity": "sha512-mz3UqCh0uPCIqsw1SSAkB/p0rOzF/M0V++vyN7JqlPtSW/VsYgQBvVvqMLmfBuyMzTpLnNqi6JmcSizs4jy19A==",
+ "dev": true,
+ "dependencies": {
+ "d": "1",
+ "es5-ext": "~0.10.14",
+ "es6-iterator": "~2.0.1",
+ "es6-set": "~0.1.5",
+ "es6-symbol": "~3.1.1",
+ "event-emitter": "~0.3.5"
+ }
+ },
+ "node_modules/es6-set": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/es6-set/-/es6-set-0.1.6.tgz",
+ "integrity": "sha512-TE3LgGLDIBX332jq3ypv6bcOpkLO0AslAQo7p2VqX/1N46YNsvIWgvjojjSEnWEGWMhr1qUbYeTSir5J6mFHOw==",
+ "dev": true,
+ "dependencies": {
+ "d": "^1.0.1",
+ "es5-ext": "^0.10.62",
+ "es6-iterator": "~2.0.3",
+ "es6-symbol": "^3.1.3",
+ "event-emitter": "^0.3.5",
+ "type": "^2.7.2"
+ },
+ "engines": {
+ "node": ">=0.12"
+ }
+ },
+ "node_modules/es6-set/node_modules/type": {
+ "version": "2.7.2",
+ "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
+ "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==",
+ "dev": true
+ },
+ "node_modules/es6-symbol": {
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
+ "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
+ "dev": true,
+ "dependencies": {
+ "d": "^1.0.1",
+ "ext": "^1.1.2"
+ }
+ },
+ "node_modules/es6-weak-map": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.3.tgz",
+ "integrity": "sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==",
+ "dev": true,
+ "dependencies": {
+ "d": "1",
+ "es5-ext": "^0.10.46",
+ "es6-iterator": "^2.0.3",
+ "es6-symbol": "^3.1.1"
+ }
+ },
+ "node_modules/escape-html": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+ "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+ "dev": true
+ },
+ "node_modules/escape-string-regexp": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+ "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.8.0"
+ }
+ },
+ "node_modules/escope": {
+ "version": "3.6.0",
+ "resolved": "https://registry.npmjs.org/escope/-/escope-3.6.0.tgz",
+ "integrity": "sha512-75IUQsusDdalQEW/G/2esa87J7raqdJF+Ca0/Xm5C3Q58Nr4yVYjZGp/P1+2xiEVgXRrA39dpRb8LcshajbqDQ==",
+ "dev": true,
+ "dependencies": {
+ "es6-map": "^0.1.3",
+ "es6-weak-map": "^2.0.1",
+ "esrecurse": "^4.1.0",
+ "estraverse": "^4.1.1"
+ },
+ "engines": {
+ "node": ">=0.4.0"
+ }
+ },
+ "node_modules/esprima": {
+ "version": "2.7.3",
+ "resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.3.tgz",
+ "integrity": "sha512-OarPfz0lFCiW4/AV2Oy1Rp9qu0iusTKqykwTspGCZtPxmF81JR4MmIebvF1F9+UOKth2ZubLQ4XGGaU+hSn99A==",
+ "dev": true,
+ "bin": {
+ "esparse": "bin/esparse.js",
+ "esvalidate": "bin/esvalidate.js"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/esrecurse": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+ "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+ "dev": true,
+ "dependencies": {
+ "estraverse": "^5.2.0"
+ },
+ "engines": {
+ "node": ">=4.0"
+ }
+ },
+ "node_modules/esrecurse/node_modules/estraverse": {
+ "version": "5.3.0",
+ "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+ "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+ "dev": true,
+ "engines": {
+ "node": ">=4.0"
+ }
+ },
+ "node_modules/estraverse": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+ "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+ "dev": true,
+ "engines": {
+ "node": ">=4.0"
+ }
+ },
+ "node_modules/esutils": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+ "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/etag": {
+ "version": "1.8.1",
+ "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+ "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/event-emitter": {
+ "version": "0.3.5",
+ "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
+ "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+ "dev": true,
+ "dependencies": {
+ "d": "1",
+ "es5-ext": "~0.10.14"
+ }
+ },
+ "node_modules/eventemitter3": {
+ "version": "4.0.7",
+ "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+ "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+ "dev": true
+ },
+ "node_modules/events": {
+ "version": "3.3.0",
+ "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+ "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.8.x"
+ }
+ },
+ "node_modules/eventsource": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-0.1.6.tgz",
+ "integrity": "sha512-bbB5tEuvC+SuRUG64X8ghvjgiRniuA4WlehWbFnoN4z6TxDXpyX+BMHF7rMgZAqoe+EbyNRUbHN0uuP9phy5jQ==",
+ "dev": true,
+ "dependencies": {
+ "original": ">=0.0.5"
+ },
+ "engines": {
+ "node": ">=0.8.0"
+ }
+ },
+ "node_modules/evp_bytestokey": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
+ "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+ "dev": true,
+ "dependencies": {
+ "md5.js": "^1.3.4",
+ "safe-buffer": "^5.1.1"
+ }
+ },
+ "node_modules/execa": {
+ "version": "0.7.0",
+ "resolved": "https://registry.npmjs.org/execa/-/execa-0.7.0.tgz",
+ "integrity": "sha512-RztN09XglpYI7aBBrJCPW95jEH7YF1UEPOoX9yDhUTPdp7mK+CQvnLTuD10BNXZ3byLTu2uehZ8EcKT/4CGiFw==",
+ "dev": true,
+ "dependencies": {
+ "cross-spawn": "^5.0.1",
+ "get-stream": "^3.0.0",
+ "is-stream": "^1.1.0",
+ "npm-run-path": "^2.0.0",
+ "p-finally": "^1.0.0",
+ "signal-exit": "^3.0.0",
+ "strip-eof": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/execa/node_modules/cross-spawn": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+ "integrity": "sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==",
+ "dev": true,
+ "dependencies": {
+ "lru-cache": "^4.0.1",
+ "shebang-command": "^1.2.0",
+ "which": "^1.2.9"
+ }
+ },
+ "node_modules/expand-brackets": {
+ "version": "2.1.4",
+ "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+ "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==",
+ "dev": true,
+ "dependencies": {
+ "debug": "^2.3.3",
+ "define-property": "^0.2.5",
+ "extend-shallow": "^2.0.1",
+ "posix-character-classes": "^0.1.0",
+ "regex-not": "^1.0.0",
+ "snapdragon": "^0.8.1",
+ "to-regex": "^3.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/expand-brackets/node_modules/define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+ "dev": true,
+ "dependencies": {
+ "is-descriptor": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/expand-brackets/node_modules/extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "dependencies": {
+ "is-extendable": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/expand-brackets/node_modules/is-accessor-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+ "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/expand-brackets/node_modules/is-accessor-descriptor/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/expand-brackets/node_modules/is-data-descriptor": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+ "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/expand-brackets/node_modules/is-data-descriptor/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/expand-brackets/node_modules/is-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+ "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+ "dev": true,
+ "dependencies": {
+ "is-accessor-descriptor": "^0.1.6",
+ "is-data-descriptor": "^0.1.4",
+ "kind-of": "^5.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/expand-brackets/node_modules/is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/expand-brackets/node_modules/kind-of": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+ "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/express": {
+ "version": "4.18.2",
+ "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
+ "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+ "dev": true,
+ "dependencies": {
+ "accepts": "~1.3.8",
+ "array-flatten": "1.1.1",
+ "body-parser": "1.20.1",
+ "content-disposition": "0.5.4",
+ "content-type": "~1.0.4",
+ "cookie": "0.5.0",
+ "cookie-signature": "1.0.6",
+ "debug": "2.6.9",
+ "depd": "2.0.0",
+ "encodeurl": "~1.0.2",
+ "escape-html": "~1.0.3",
+ "etag": "~1.8.1",
+ "finalhandler": "1.2.0",
+ "fresh": "0.5.2",
+ "http-errors": "2.0.0",
+ "merge-descriptors": "1.0.1",
+ "methods": "~1.1.2",
+ "on-finished": "2.4.1",
+ "parseurl": "~1.3.3",
+ "path-to-regexp": "0.1.7",
+ "proxy-addr": "~2.0.7",
+ "qs": "6.11.0",
+ "range-parser": "~1.2.1",
+ "safe-buffer": "5.2.1",
+ "send": "0.18.0",
+ "serve-static": "1.15.0",
+ "setprototypeof": "1.2.0",
+ "statuses": "2.0.1",
+ "type-is": "~1.6.18",
+ "utils-merge": "1.0.1",
+ "vary": "~1.1.2"
+ },
+ "engines": {
+ "node": ">= 0.10.0"
+ }
+ },
+ "node_modules/express/node_modules/array-flatten": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+ "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+ "dev": true
+ },
+ "node_modules/express/node_modules/qs": {
+ "version": "6.11.0",
+ "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+ "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+ "dev": true,
+ "dependencies": {
+ "side-channel": "^1.0.4"
+ },
+ "engines": {
+ "node": ">=0.6"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/ext": {
+ "version": "1.7.0",
+ "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
+ "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+ "dev": true,
+ "dependencies": {
+ "type": "^2.7.2"
+ }
+ },
+ "node_modules/ext/node_modules/type": {
+ "version": "2.7.2",
+ "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
+ "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==",
+ "dev": true
+ },
+ "node_modules/extend-shallow": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+ "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+ "dev": true,
+ "dependencies": {
+ "assign-symbols": "^1.0.0",
+ "is-extendable": "^1.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/extglob": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+ "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+ "dev": true,
+ "dependencies": {
+ "array-unique": "^0.3.2",
+ "define-property": "^1.0.0",
+ "expand-brackets": "^2.1.4",
+ "extend-shallow": "^2.0.1",
+ "fragment-cache": "^0.2.1",
+ "regex-not": "^1.0.0",
+ "snapdragon": "^0.8.1",
+ "to-regex": "^3.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/extglob/node_modules/define-property": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+ "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+ "dev": true,
+ "dependencies": {
+ "is-descriptor": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/extglob/node_modules/extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "dependencies": {
+ "is-extendable": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/extglob/node_modules/is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/fast-deep-equal": {
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+ "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+ "dev": true
+ },
+ "node_modules/fast-json-stable-stringify": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+ "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+ "dev": true
+ },
+ "node_modules/fastparse": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
+ "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==",
+ "dev": true
+ },
+ "node_modules/faye-websocket": {
+ "version": "0.10.0",
+ "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.10.0.tgz",
+ "integrity": "sha512-Xhj93RXbMSq8urNCUq4p9l0P6hnySJ/7YNRhYNug0bLOuii7pKO7xQFb5mx9xZXWCar88pLPb805PvUkwrLZpQ==",
+ "dev": true,
+ "dependencies": {
+ "websocket-driver": ">=0.5.1"
+ },
+ "engines": {
+ "node": ">=0.4.0"
+ }
+ },
+ "node_modules/file-loader": {
+ "version": "1.1.11",
+ "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-1.1.11.tgz",
+ "integrity": "sha512-TGR4HU7HUsGg6GCOPJnFk06RhWgEWFLAGWiT6rcD+GRC2keU3s9RGJ+b3Z6/U73jwwNb2gKLJ7YCrp+jvU4ALg==",
+ "dev": true,
+ "dependencies": {
+ "loader-utils": "^1.0.2",
+ "schema-utils": "^0.4.5"
+ },
+ "engines": {
+ "node": ">= 4.3 < 5.0.0 || >= 5.10"
+ },
+ "peerDependencies": {
+ "webpack": "^2.0.0 || ^3.0.0 || ^4.0.0"
+ }
+ },
+ "node_modules/file-uri-to-path": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+ "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+ "dev": true,
+ "optional": true
+ },
+ "node_modules/fill-range": {
+ "version": "7.0.1",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+ "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "to-regex-range": "^5.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/finalhandler": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
+ "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
+ "dev": true,
+ "dependencies": {
+ "debug": "2.6.9",
+ "encodeurl": "~1.0.2",
+ "escape-html": "~1.0.3",
+ "on-finished": "2.4.1",
+ "parseurl": "~1.3.3",
+ "statuses": "2.0.1",
+ "unpipe": "~1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/find-cache-dir": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-1.0.0.tgz",
+ "integrity": "sha512-46TFiBOzX7xq/PcSWfFwkyjpemdRnMe31UQF+os0y+1W3k95f6R4SEt02Hj4p3X0Mir9gfrkmOtshFidS0VPUg==",
+ "dev": true,
+ "dependencies": {
+ "commondir": "^1.0.1",
+ "make-dir": "^1.0.0",
+ "pkg-dir": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/find-up": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+ "integrity": "sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==",
+ "dev": true,
+ "dependencies": {
+ "locate-path": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/flatten": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.3.tgz",
+ "integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==",
+ "deprecated": "flatten is deprecated in favor of utility frameworks such as lodash.",
+ "dev": true
+ },
+ "node_modules/follow-redirects": {
+ "version": "1.15.2",
+ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+ "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "individual",
+ "url": "https://github.com/sponsors/RubenVerborgh"
+ }
+ ],
+ "engines": {
+ "node": ">=4.0"
+ },
+ "peerDependenciesMeta": {
+ "debug": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/for-each": {
+ "version": "0.3.3",
+ "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+ "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+ "dev": true,
+ "dependencies": {
+ "is-callable": "^1.1.3"
+ }
+ },
+ "node_modules/for-in": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+ "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/forwarded": {
+ "version": "0.2.0",
+ "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+ "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/fragment-cache": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+ "integrity": "sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==",
+ "dev": true,
+ "dependencies": {
+ "map-cache": "^0.2.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/fresh": {
+ "version": "0.5.2",
+ "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+ "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/fs.realpath": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+ "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+ "dev": true
+ },
+ "node_modules/fsevents": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+ "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+ "dev": true,
+ "hasInstallScript": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+ }
+ },
+ "node_modules/function-bind": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+ "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+ "dev": true
+ },
+ "node_modules/function.prototype.name": {
+ "version": "1.1.5",
+ "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz",
+ "integrity": "sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.3",
+ "es-abstract": "^1.19.0",
+ "functions-have-names": "^1.2.2"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/functions-have-names": {
+ "version": "1.2.3",
+ "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+ "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+ "dev": true,
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/get-caller-file": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
+ "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
+ "dev": true
+ },
+ "node_modules/get-intrinsic": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+ "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+ "dev": true,
+ "dependencies": {
+ "function-bind": "^1.1.1",
+ "has": "^1.0.3",
+ "has-proto": "^1.0.1",
+ "has-symbols": "^1.0.3"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/get-stdin": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
+ "integrity": "sha512-F5aQMywwJ2n85s4hJPTT9RPxGmubonuB10MNYo17/xph174n2MIR33HRguhzVag10O/npM7SPk73LMZNP+FaWw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/get-stream": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+ "integrity": "sha512-GlhdIUuVakc8SJ6kK0zAFbiGzRFzNnY4jUuEbV9UROo4Y+0Ny4fjvcZFVTeDA4odpFyOQzaw6hXukJSq/f28sQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/get-symbol-description": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+ "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "get-intrinsic": "^1.1.1"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/get-value": {
+ "version": "2.0.6",
+ "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+ "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/glob": {
+ "version": "7.2.3",
+ "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+ "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+ "dev": true,
+ "dependencies": {
+ "fs.realpath": "^1.0.0",
+ "inflight": "^1.0.4",
+ "inherits": "2",
+ "minimatch": "^3.1.1",
+ "once": "^1.3.0",
+ "path-is-absolute": "^1.0.0"
+ },
+ "engines": {
+ "node": "*"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/glob-parent": {
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+ "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "is-glob": "^4.0.1"
+ },
+ "engines": {
+ "node": ">= 6"
+ }
+ },
+ "node_modules/globals": {
+ "version": "9.18.0",
+ "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz",
+ "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/globalthis": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+ "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+ "dev": true,
+ "dependencies": {
+ "define-properties": "^1.1.3"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/globby": {
+ "version": "6.1.0",
+ "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+ "integrity": "sha512-KVbFv2TQtbzCoxAnfD6JcHZTYCzyliEaaeM/gH8qQdkKr5s0OP9scEgvdcngyk7AVdY6YVW/TJHd+lQ/Df3Daw==",
+ "dev": true,
+ "dependencies": {
+ "array-union": "^1.0.1",
+ "glob": "^7.0.3",
+ "object-assign": "^4.0.1",
+ "pify": "^2.0.0",
+ "pinkie-promise": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/globby/node_modules/pify": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+ "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/gopd": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+ "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+ "dev": true,
+ "dependencies": {
+ "get-intrinsic": "^1.1.3"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/graceful-fs": {
+ "version": "4.2.11",
+ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+ "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+ "dev": true
+ },
+ "node_modules/handle-thing": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+ "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
+ "dev": true
+ },
+ "node_modules/has": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+ "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+ "dev": true,
+ "dependencies": {
+ "function-bind": "^1.1.1"
+ },
+ "engines": {
+ "node": ">= 0.4.0"
+ }
+ },
+ "node_modules/has-ansi": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+ "integrity": "sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==",
+ "dev": true,
+ "dependencies": {
+ "ansi-regex": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/has-bigints": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+ "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+ "dev": true,
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/has-flag": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+ "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/has-property-descriptors": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+ "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+ "dev": true,
+ "dependencies": {
+ "get-intrinsic": "^1.1.1"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/has-proto": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+ "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/has-symbols": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+ "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/has-tostringtag": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+ "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+ "dev": true,
+ "dependencies": {
+ "has-symbols": "^1.0.2"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/has-value": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+ "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==",
+ "dev": true,
+ "dependencies": {
+ "get-value": "^2.0.6",
+ "has-values": "^1.0.0",
+ "isobject": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/has-values": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+ "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==",
+ "dev": true,
+ "dependencies": {
+ "is-number": "^3.0.0",
+ "kind-of": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/has-values/node_modules/is-number": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+ "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/has-values/node_modules/is-number/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/has-values/node_modules/kind-of": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+ "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/hash-base": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
+ "integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
+ "dev": true,
+ "dependencies": {
+ "inherits": "^2.0.4",
+ "readable-stream": "^3.6.0",
+ "safe-buffer": "^5.2.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/hash-base/node_modules/readable-stream": {
+ "version": "3.6.2",
+ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+ "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+ "dev": true,
+ "dependencies": {
+ "inherits": "^2.0.3",
+ "string_decoder": "^1.1.1",
+ "util-deprecate": "^1.0.1"
+ },
+ "engines": {
+ "node": ">= 6"
+ }
+ },
+ "node_modules/hash-sum": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+ "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+ "dev": true
+ },
+ "node_modules/hash.js": {
+ "version": "1.1.7",
+ "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
+ "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
+ "dev": true,
+ "dependencies": {
+ "inherits": "^2.0.3",
+ "minimalistic-assert": "^1.0.1"
+ }
+ },
+ "node_modules/he": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+ "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+ "dev": true,
+ "bin": {
+ "he": "bin/he"
+ }
+ },
+ "node_modules/hmac-drbg": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
+ "integrity": "sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==",
+ "dev": true,
+ "dependencies": {
+ "hash.js": "^1.0.3",
+ "minimalistic-assert": "^1.0.0",
+ "minimalistic-crypto-utils": "^1.0.1"
+ }
+ },
+ "node_modules/home-or-tmp": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/home-or-tmp/-/home-or-tmp-2.0.0.tgz",
+ "integrity": "sha512-ycURW7oUxE2sNiPVw1HVEFsW+ecOpJ5zaj7eC0RlwhibhRBod20muUN8qu/gzx956YrLolVvs1MTXwKgC2rVEg==",
+ "dev": true,
+ "dependencies": {
+ "os-homedir": "^1.0.0",
+ "os-tmpdir": "^1.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/hosted-git-info": {
+ "version": "2.8.9",
+ "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+ "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+ "dev": true
+ },
+ "node_modules/hpack.js": {
+ "version": "2.1.6",
+ "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+ "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==",
+ "dev": true,
+ "dependencies": {
+ "inherits": "^2.0.1",
+ "obuf": "^1.0.0",
+ "readable-stream": "^2.0.1",
+ "wbuf": "^1.1.0"
+ }
+ },
+ "node_modules/html-comment-regex": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/html-comment-regex/-/html-comment-regex-1.1.2.tgz",
+ "integrity": "sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ==",
+ "dev": true
+ },
+ "node_modules/html-entities": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.4.0.tgz",
+ "integrity": "sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA==",
+ "dev": true
+ },
+ "node_modules/http-deceiver": {
+ "version": "1.2.7",
+ "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+ "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==",
+ "dev": true
+ },
+ "node_modules/http-errors": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+ "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+ "dev": true,
+ "dependencies": {
+ "depd": "2.0.0",
+ "inherits": "2.0.4",
+ "setprototypeof": "1.2.0",
+ "statuses": "2.0.1",
+ "toidentifier": "1.0.1"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/http-parser-js": {
+ "version": "0.5.8",
+ "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz",
+ "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==",
+ "dev": true
+ },
+ "node_modules/http-proxy": {
+ "version": "1.18.1",
+ "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+ "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+ "dev": true,
+ "dependencies": {
+ "eventemitter3": "^4.0.0",
+ "follow-redirects": "^1.0.0",
+ "requires-port": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=8.0.0"
+ }
+ },
+ "node_modules/http-proxy-middleware": {
+ "version": "0.19.2",
+ "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.19.2.tgz",
+ "integrity": "sha512-aYk1rTKqLTus23X3L96LGNCGNgWpG4cG0XoZIT1GUPhhulEHX/QalnO6Vbo+WmKWi4AL2IidjuC0wZtbpg0yhQ==",
+ "dev": true,
+ "dependencies": {
+ "http-proxy": "^1.18.1",
+ "is-glob": "^4.0.0",
+ "lodash": "^4.17.11",
+ "micromatch": "^3.1.10"
+ },
+ "engines": {
+ "node": ">=4.0.0"
+ }
+ },
+ "node_modules/https-browserify": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
+ "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==",
+ "dev": true
+ },
+ "node_modules/iconv-lite": {
+ "version": "0.4.24",
+ "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+ "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+ "dev": true,
+ "dependencies": {
+ "safer-buffer": ">= 2.1.2 < 3"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/icss-replace-symbols": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz",
+ "integrity": "sha512-chIaY3Vh2mh2Q3RGXttaDIzeiPvaVXJ+C4DAh/w3c37SKZ/U6PGMmuicR2EQQp9bKG8zLMCl7I+PtIoOOPp8Gg==",
+ "dev": true
+ },
+ "node_modules/icss-utils": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-2.1.0.tgz",
+ "integrity": "sha512-bsVoyn/1V4R1kYYjLcWLedozAM4FClZUdjE9nIr8uWY7xs78y9DATgwz2wGU7M+7z55KenmmTkN2DVJ7bqzjAA==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^6.0.1"
+ }
+ },
+ "node_modules/icss-utils/node_modules/ansi-styles": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+ "dev": true,
+ "dependencies": {
+ "color-convert": "^1.9.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/icss-utils/node_modules/chalk": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^3.2.1",
+ "escape-string-regexp": "^1.0.5",
+ "supports-color": "^5.3.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/icss-utils/node_modules/postcss": {
+ "version": "6.0.23",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+ "dev": true,
+ "dependencies": {
+ "chalk": "^2.4.1",
+ "source-map": "^0.6.1",
+ "supports-color": "^5.4.0"
+ },
+ "engines": {
+ "node": ">=4.0.0"
+ }
+ },
+ "node_modules/icss-utils/node_modules/source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/icss-utils/node_modules/supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/ieee754": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+ "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/feross"
+ },
+ {
+ "type": "patreon",
+ "url": "https://www.patreon.com/feross"
+ },
+ {
+ "type": "consulting",
+ "url": "https://feross.org/support"
+ }
+ ]
+ },
+ "node_modules/import-local": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/import-local/-/import-local-1.0.0.tgz",
+ "integrity": "sha512-vAaZHieK9qjGo58agRBg+bhHX3hoTZU/Oa3GESWLz7t1U62fk63aHuDJJEteXoDeTCcPmUT+z38gkHPZkkmpmQ==",
+ "dev": true,
+ "dependencies": {
+ "pkg-dir": "^2.0.0",
+ "resolve-cwd": "^2.0.0"
+ },
+ "bin": {
+ "import-local-fixture": "fixtures/cli.js"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/indent-string": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+ "integrity": "sha512-aqwDFWSgSgfRaEwao5lg5KEcVd/2a+D1rvoG7NdilmYz0NwRk6StWpWdz/Hpk34MKPpx7s8XxUqimfcQK6gGlg==",
+ "dev": true,
+ "dependencies": {
+ "repeating": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/indexes-of": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
+ "integrity": "sha512-bup+4tap3Hympa+JBJUG7XuOsdNQ6fxt0MHyXMKuLBKn0OqsTfvUxkUrroEX1+B2VsSHvCjiIcZVxRtYa4nllA==",
+ "dev": true
+ },
+ "node_modules/inflight": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+ "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+ "dev": true,
+ "dependencies": {
+ "once": "^1.3.0",
+ "wrappy": "1"
+ }
+ },
+ "node_modules/inherits": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+ "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+ "dev": true
+ },
+ "node_modules/internal-ip": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-1.2.0.tgz",
+ "integrity": "sha512-DzGfTasXPmwizQP4XV2rR6r2vp8TjlOpMnJqG9Iy2i1pl1lkZdZj5rSpIc7YFGX2nS46PPgAGEyT+Q5hE2FB2g==",
+ "dev": true,
+ "dependencies": {
+ "meow": "^3.3.0"
+ },
+ "bin": {
+ "internal-ip": "cli.js"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/internal-slot": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+ "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+ "dev": true,
+ "dependencies": {
+ "get-intrinsic": "^1.2.0",
+ "has": "^1.0.3",
+ "side-channel": "^1.0.4"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ }
+ },
+ "node_modules/interpret": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz",
+ "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.10"
+ }
+ },
+ "node_modules/invariant": {
+ "version": "2.2.4",
+ "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+ "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+ "dev": true,
+ "dependencies": {
+ "loose-envify": "^1.0.0"
+ }
+ },
+ "node_modules/invert-kv": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz",
+ "integrity": "sha512-xgs2NH9AE66ucSq4cNG1nhSFghr5l6tdL15Pk+jl46bmmBapgoaY/AacXyaDznAqmGL99TiLSQgO/XazFSKYeQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/ip": {
+ "version": "1.1.8",
+ "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
+ "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==",
+ "dev": true
+ },
+ "node_modules/ipaddr.js": {
+ "version": "1.9.1",
+ "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+ "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.10"
+ }
+ },
+ "node_modules/is-absolute-url": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-2.1.0.tgz",
+ "integrity": "sha512-vOx7VprsKyllwjSkLV79NIhpyLfr3jAp7VaTCMXOJHu4m0Ew1CZ2fcjASwmV1jI3BWuWHB013M48eyeldk9gYg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-accessor-descriptor": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+ "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^6.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-arguments": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+ "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "has-tostringtag": "^1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-array-buffer": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+ "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "get-intrinsic": "^1.2.0",
+ "is-typed-array": "^1.1.10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-arrayish": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+ "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+ "dev": true
+ },
+ "node_modules/is-bigint": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+ "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+ "dev": true,
+ "dependencies": {
+ "has-bigints": "^1.0.1"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-binary-path": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+ "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "binary-extensions": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/is-boolean-object": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+ "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "has-tostringtag": "^1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-buffer": {
+ "version": "1.1.6",
+ "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+ "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+ "dev": true
+ },
+ "node_modules/is-callable": {
+ "version": "1.2.7",
+ "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+ "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-core-module": {
+ "version": "2.12.1",
+ "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+ "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
+ "dev": true,
+ "dependencies": {
+ "has": "^1.0.3"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-data-descriptor": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+ "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^6.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-date-object": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+ "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+ "dev": true,
+ "dependencies": {
+ "has-tostringtag": "^1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-descriptor": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+ "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+ "dev": true,
+ "dependencies": {
+ "is-accessor-descriptor": "^1.0.0",
+ "is-data-descriptor": "^1.0.0",
+ "kind-of": "^6.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-directory": {
+ "version": "0.3.1",
+ "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+ "integrity": "sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-extendable": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+ "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+ "dev": true,
+ "dependencies": {
+ "is-plain-object": "^2.0.4"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-extglob": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+ "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-finite": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz",
+ "integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/is-fullwidth-code-point": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+ "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/is-glob": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+ "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+ "dev": true,
+ "dependencies": {
+ "is-extglob": "^2.1.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-negative-zero": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+ "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-number": {
+ "version": "7.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+ "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+ "dev": true,
+ "optional": true,
+ "engines": {
+ "node": ">=0.12.0"
+ }
+ },
+ "node_modules/is-number-object": {
+ "version": "1.0.7",
+ "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+ "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+ "dev": true,
+ "dependencies": {
+ "has-tostringtag": "^1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-path-cwd": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-1.0.0.tgz",
+ "integrity": "sha512-cnS56eR9SPAscL77ik76ATVqoPARTqPIVkMDVxRaWH06zT+6+CzIroYRJ0VVvm0Z1zfAvxvz9i/D3Ppjaqt5Nw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-path-in-cwd": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-1.0.1.tgz",
+ "integrity": "sha512-FjV1RTW48E7CWM7eE/J2NJvAEEVektecDBVBE5Hh3nM1Jd0kvhHtX68Pr3xsDf857xt3Y4AkwVULK1Vku62aaQ==",
+ "dev": true,
+ "dependencies": {
+ "is-path-inside": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-path-inside": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-1.0.1.tgz",
+ "integrity": "sha512-qhsCR/Esx4U4hg/9I19OVUAJkGWtjRYHMRgUMZE2TDdj+Ag+kttZanLupfddNyglzz50cUlmWzUaI37GDfNx/g==",
+ "dev": true,
+ "dependencies": {
+ "path-is-inside": "^1.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-plain-obj": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+ "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-plain-object": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+ "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+ "dev": true,
+ "dependencies": {
+ "isobject": "^3.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-regex": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+ "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "has-tostringtag": "^1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-shared-array-buffer": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+ "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-stream": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+ "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-string": {
+ "version": "1.0.7",
+ "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+ "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+ "dev": true,
+ "dependencies": {
+ "has-tostringtag": "^1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-svg": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/is-svg/-/is-svg-2.1.0.tgz",
+ "integrity": "sha512-Ya1giYJUkcL/94quj0+XGcmts6cETPBW1MiFz1ReJrnDJ680F52qpAEGAEGU0nq96FRGIGPx6Yo1CyPXcOoyGw==",
+ "dev": true,
+ "dependencies": {
+ "html-comment-regex": "^1.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-symbol": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+ "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+ "dev": true,
+ "dependencies": {
+ "has-symbols": "^1.0.2"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-typed-array": {
+ "version": "1.1.10",
+ "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.10.tgz",
+ "integrity": "sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==",
+ "dev": true,
+ "dependencies": {
+ "available-typed-arrays": "^1.0.5",
+ "call-bind": "^1.0.2",
+ "for-each": "^0.3.3",
+ "gopd": "^1.0.1",
+ "has-tostringtag": "^1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-utf8": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
+ "integrity": "sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==",
+ "dev": true
+ },
+ "node_modules/is-weakref": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+ "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/is-windows": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+ "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/is-wsl": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+ "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/isarray": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+ "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+ "dev": true
+ },
+ "node_modules/isexe": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+ "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+ "dev": true
+ },
+ "node_modules/isobject": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+ "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/js-base64": {
+ "version": "2.6.4",
+ "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
+ "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==",
+ "dev": true
+ },
+ "node_modules/js-tokens": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
+ "integrity": "sha512-RjTcuD4xjtthQkaWH7dFlH85L+QaVtSoOyGdZ3g6HFhS9dFNDfLyqgm2NFe2X6cQpeFmt0452FJjFG5UameExg==",
+ "dev": true
+ },
+ "node_modules/js-yaml": {
+ "version": "3.7.0",
+ "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.7.0.tgz",
+ "integrity": "sha512-eIlkGty7HGmntbV6P/ZlAsoncFLGsNoM27lkTzS+oneY/EiNhj+geqD9ezg/ip+SW6Var0BJU2JtV0vEUZpWVQ==",
+ "dev": true,
+ "dependencies": {
+ "argparse": "^1.0.7",
+ "esprima": "^2.6.0"
+ },
+ "bin": {
+ "js-yaml": "bin/js-yaml.js"
+ }
+ },
+ "node_modules/jsesc": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz",
+ "integrity": "sha512-Mke0DA0QjUWuJlhsE0ZPPhYiJkRap642SmI/4ztCFaUs6V2AiH1sfecc+57NgaryfAA2VR3v6O+CSjC1jZJKOA==",
+ "dev": true,
+ "bin": {
+ "jsesc": "bin/jsesc"
+ }
+ },
+ "node_modules/json-loader": {
+ "version": "0.5.7",
+ "resolved": "https://registry.npmjs.org/json-loader/-/json-loader-0.5.7.tgz",
+ "integrity": "sha512-QLPs8Dj7lnf3e3QYS1zkCo+4ZwqOiF9d/nZnYozTISxXWCfNs9yuky5rJw4/W34s7POaNlbZmQGaB5NiXCbP4w==",
+ "dev": true
+ },
+ "node_modules/json-schema-traverse": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+ "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+ "dev": true
+ },
+ "node_modules/json3": {
+ "version": "3.3.3",
+ "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.3.tgz",
+ "integrity": "sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA==",
+ "dev": true
+ },
+ "node_modules/json5": {
+ "version": "0.5.1",
+ "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
+ "integrity": "sha512-4xrs1aW+6N5DalkqSVA8fxh458CXvR99WU8WLKmq4v8eWAL86Xo3BVqyd3SkA9wEVjCMqyvvRRkshAdOnBp5rw==",
+ "dev": true,
+ "bin": {
+ "json5": "lib/cli.js"
+ }
+ },
+ "node_modules/killable": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
+ "integrity": "sha512-LzqtLKlUwirEUyl/nicirVmNiPvYs7l5n8wOPP7fyJVpUPkvCnW/vuiXGpylGUlnPDnB7311rARzAt3Mhswpjg==",
+ "dev": true
+ },
+ "node_modules/kind-of": {
+ "version": "6.0.3",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+ "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/lazy-cache": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+ "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/lcid": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz",
+ "integrity": "sha512-YiGkH6EnGrDGqLMITnGjXtGmNtjoXw9SVUzcaos8RBi7Ps0VBylkq+vOcY9QE5poLasPCR849ucFUkl0UzUyOw==",
+ "dev": true,
+ "dependencies": {
+ "invert-kv": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/load-json-file": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+ "integrity": "sha512-cy7ZdNRXdablkXYNI049pthVeXFurRyb9+hA/dZzerZ0pGTx42z+y+ssxBaVV2l70t1muq5IdKhn4UtcoGUY9A==",
+ "dev": true,
+ "dependencies": {
+ "graceful-fs": "^4.1.2",
+ "parse-json": "^2.2.0",
+ "pify": "^2.0.0",
+ "pinkie-promise": "^2.0.0",
+ "strip-bom": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/load-json-file/node_modules/pify": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+ "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/loader-runner": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.4.0.tgz",
+ "integrity": "sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==",
+ "dev": true,
+ "engines": {
+ "node": ">=4.3.0 <5.0.0 || >=5.10"
+ }
+ },
+ "node_modules/loader-utils": {
+ "version": "1.4.2",
+ "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
+ "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
+ "dev": true,
+ "dependencies": {
+ "big.js": "^5.2.2",
+ "emojis-list": "^3.0.0",
+ "json5": "^1.0.1"
+ },
+ "engines": {
+ "node": ">=4.0.0"
+ }
+ },
+ "node_modules/loader-utils/node_modules/json5": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+ "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+ "dev": true,
+ "dependencies": {
+ "minimist": "^1.2.0"
+ },
+ "bin": {
+ "json5": "lib/cli.js"
+ }
+ },
+ "node_modules/locate-path": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+ "integrity": "sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==",
+ "dev": true,
+ "dependencies": {
+ "p-locate": "^2.0.0",
+ "path-exists": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/lodash": {
+ "version": "4.17.21",
+ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+ "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+ "dev": true
+ },
+ "node_modules/lodash.camelcase": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+ "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
+ "dev": true
+ },
+ "node_modules/lodash.memoize": {
+ "version": "4.1.2",
+ "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+ "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
+ "dev": true
+ },
+ "node_modules/lodash.uniq": {
+ "version": "4.5.0",
+ "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+ "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+ "dev": true
+ },
+ "node_modules/loglevel": {
+ "version": "1.8.1",
+ "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.1.tgz",
+ "integrity": "sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6.0"
+ },
+ "funding": {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/loglevel"
+ }
+ },
+ "node_modules/longest": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz",
+ "integrity": "sha512-k+yt5n3l48JU4k8ftnKG6V7u32wyH2NfKzeMto9F/QRE0amxy/LayxwlvjjkZEIzqR+19IrtFO8p5kB9QaYUFg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/loose-envify": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+ "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+ "dev": true,
+ "dependencies": {
+ "js-tokens": "^3.0.0 || ^4.0.0"
+ },
+ "bin": {
+ "loose-envify": "cli.js"
+ }
+ },
+ "node_modules/loud-rejection": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
+ "integrity": "sha512-RPNliZOFkqFumDhvYqOaNY4Uz9oJM2K9tC6JWsJJsNdhuONW4LQHRBpb0qf4pJApVffI5N39SwzWZJuEhfd7eQ==",
+ "dev": true,
+ "dependencies": {
+ "currently-unhandled": "^0.4.1",
+ "signal-exit": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/lru-cache": {
+ "version": "4.1.5",
+ "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+ "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+ "dev": true,
+ "dependencies": {
+ "pseudomap": "^1.0.2",
+ "yallist": "^2.1.2"
+ }
+ },
+ "node_modules/make-dir": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-1.3.0.tgz",
+ "integrity": "sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==",
+ "dev": true,
+ "dependencies": {
+ "pify": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/map-cache": {
+ "version": "0.2.2",
+ "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+ "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/map-obj": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+ "integrity": "sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/map-visit": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+ "integrity": "sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==",
+ "dev": true,
+ "dependencies": {
+ "object-visit": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/math-expression-evaluator": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/math-expression-evaluator/-/math-expression-evaluator-1.4.0.tgz",
+ "integrity": "sha512-4vRUvPyxdO8cWULGTh9dZWL2tZK6LDBvj+OGHBER7poH9Qdt7kXEoj20wiz4lQUbUXQZFjPbe5mVDo9nutizCw==",
+ "dev": true
+ },
+ "node_modules/md5.js": {
+ "version": "1.3.5",
+ "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
+ "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
+ "dev": true,
+ "dependencies": {
+ "hash-base": "^3.0.0",
+ "inherits": "^2.0.1",
+ "safe-buffer": "^5.1.2"
+ }
+ },
+ "node_modules/media-typer": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+ "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/mem": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/mem/-/mem-1.1.0.tgz",
+ "integrity": "sha512-nOBDrc/wgpkd3X/JOhMqYR+/eLqlfLP4oQfoBA6QExIxEl+GU01oyEkwWyueyO8110pUKijtiHGhEmYoOn88oQ==",
+ "dev": true,
+ "dependencies": {
+ "mimic-fn": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/memory-fs": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
+ "integrity": "sha512-cda4JKCxReDXFXRqOHPQscuIYg1PvxbE2S2GP45rnwfEK+vZaXC8C1OFvdHIbgw0DLzowXGVoxLaAmlgRy14GQ==",
+ "dev": true,
+ "dependencies": {
+ "errno": "^0.1.3",
+ "readable-stream": "^2.0.1"
+ }
+ },
+ "node_modules/meow": {
+ "version": "3.7.0",
+ "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+ "integrity": "sha512-TNdwZs0skRlpPpCUK25StC4VH+tP5GgeY1HQOOGP+lQ2xtdkN2VtT/5tiX9k3IWpkBPV9b3LsAWXn4GGi/PrSA==",
+ "dev": true,
+ "dependencies": {
+ "camelcase-keys": "^2.0.0",
+ "decamelize": "^1.1.2",
+ "loud-rejection": "^1.0.0",
+ "map-obj": "^1.0.1",
+ "minimist": "^1.1.3",
+ "normalize-package-data": "^2.3.4",
+ "object-assign": "^4.0.1",
+ "read-pkg-up": "^1.0.1",
+ "redent": "^1.0.0",
+ "trim-newlines": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/merge-descriptors": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+ "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==",
+ "dev": true
+ },
+ "node_modules/methods": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+ "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/micromatch": {
+ "version": "3.1.10",
+ "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+ "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+ "dev": true,
+ "dependencies": {
+ "arr-diff": "^4.0.0",
+ "array-unique": "^0.3.2",
+ "braces": "^2.3.1",
+ "define-property": "^2.0.2",
+ "extend-shallow": "^3.0.2",
+ "extglob": "^2.0.4",
+ "fragment-cache": "^0.2.1",
+ "kind-of": "^6.0.2",
+ "nanomatch": "^1.2.9",
+ "object.pick": "^1.3.0",
+ "regex-not": "^1.0.0",
+ "snapdragon": "^0.8.1",
+ "to-regex": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/micromatch/node_modules/braces": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+ "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+ "dev": true,
+ "dependencies": {
+ "arr-flatten": "^1.1.0",
+ "array-unique": "^0.3.2",
+ "extend-shallow": "^2.0.1",
+ "fill-range": "^4.0.0",
+ "isobject": "^3.0.1",
+ "repeat-element": "^1.1.2",
+ "snapdragon": "^0.8.1",
+ "snapdragon-node": "^2.0.1",
+ "split-string": "^3.0.2",
+ "to-regex": "^3.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/micromatch/node_modules/braces/node_modules/extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "dependencies": {
+ "is-extendable": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/micromatch/node_modules/fill-range": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+ "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+ "dev": true,
+ "dependencies": {
+ "extend-shallow": "^2.0.1",
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1",
+ "to-regex-range": "^2.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/micromatch/node_modules/fill-range/node_modules/extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "dependencies": {
+ "is-extendable": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/micromatch/node_modules/is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/micromatch/node_modules/is-number": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+ "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/micromatch/node_modules/is-number/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/micromatch/node_modules/to-regex-range": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+ "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+ "dev": true,
+ "dependencies": {
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/miller-rabin": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+ "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+ "dev": true,
+ "dependencies": {
+ "bn.js": "^4.0.0",
+ "brorand": "^1.0.1"
+ },
+ "bin": {
+ "miller-rabin": "bin/miller-rabin"
+ }
+ },
+ "node_modules/miller-rabin/node_modules/bn.js": {
+ "version": "4.12.0",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+ "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+ "dev": true
+ },
+ "node_modules/mime": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+ "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+ "dev": true,
+ "bin": {
+ "mime": "cli.js"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/mime-db": {
+ "version": "1.52.0",
+ "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+ "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/mime-types": {
+ "version": "2.1.35",
+ "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+ "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+ "dev": true,
+ "dependencies": {
+ "mime-db": "1.52.0"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/mimic-fn": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
+ "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/minimalistic-assert": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+ "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+ "dev": true
+ },
+ "node_modules/minimalistic-crypto-utils": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
+ "integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==",
+ "dev": true
+ },
+ "node_modules/minimatch": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+ "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+ "dev": true,
+ "dependencies": {
+ "brace-expansion": "^1.1.7"
+ },
+ "engines": {
+ "node": "*"
+ }
+ },
+ "node_modules/minimist": {
+ "version": "1.2.8",
+ "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+ "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+ "dev": true,
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/mixin-deep": {
+ "version": "1.3.2",
+ "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+ "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
+ "dev": true,
+ "dependencies": {
+ "for-in": "^1.0.2",
+ "is-extendable": "^1.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/mkdirp": {
+ "version": "0.5.6",
+ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+ "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+ "dev": true,
+ "dependencies": {
+ "minimist": "^1.2.6"
+ },
+ "bin": {
+ "mkdirp": "bin/cmd.js"
+ }
+ },
+ "node_modules/ms": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+ "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+ "dev": true
+ },
+ "node_modules/multicast-dns": {
+ "version": "6.2.3",
+ "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.2.3.tgz",
+ "integrity": "sha512-ji6J5enbMyGRHIAkAOu3WdV8nggqviKCEKtXcOqfphZZtQrmHKycfynJ2V7eVPUA4NhJ6V7Wf4TmGbTwKE9B6g==",
+ "dev": true,
+ "dependencies": {
+ "dns-packet": "^1.3.1",
+ "thunky": "^1.0.2"
+ },
+ "bin": {
+ "multicast-dns": "cli.js"
+ }
+ },
+ "node_modules/multicast-dns-service-types": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
+ "integrity": "sha512-cnAsSVxIDsYt0v7HmC0hWZFwwXSh+E6PgCrREDuN/EsjgLwA5XRmlMHhSiDPrt6HxY1gTivEa/Zh7GtODoLevQ==",
+ "dev": true
+ },
+ "node_modules/nan": {
+ "version": "2.17.0",
+ "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
+ "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
+ "dev": true,
+ "optional": true
+ },
+ "node_modules/nanoid": {
+ "version": "3.3.6",
+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+ "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "bin": {
+ "nanoid": "bin/nanoid.cjs"
+ },
+ "engines": {
+ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+ }
+ },
+ "node_modules/nanomatch": {
+ "version": "1.2.13",
+ "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
+ "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==",
+ "dev": true,
+ "dependencies": {
+ "arr-diff": "^4.0.0",
+ "array-unique": "^0.3.2",
+ "define-property": "^2.0.2",
+ "extend-shallow": "^3.0.2",
+ "fragment-cache": "^0.2.1",
+ "is-windows": "^1.0.2",
+ "kind-of": "^6.0.2",
+ "object.pick": "^1.3.0",
+ "regex-not": "^1.0.0",
+ "snapdragon": "^0.8.1",
+ "to-regex": "^3.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/negotiator": {
+ "version": "0.6.3",
+ "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+ "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/neo-async": {
+ "version": "2.6.2",
+ "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+ "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+ "dev": true
+ },
+ "node_modules/next-tick": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
+ "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==",
+ "dev": true
+ },
+ "node_modules/nice-try": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+ "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
+ "dev": true
+ },
+ "node_modules/node-forge": {
+ "version": "0.10.0",
+ "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
+ "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==",
+ "dev": true,
+ "engines": {
+ "node": ">= 6.0.0"
+ }
+ },
+ "node_modules/node-libs-browser": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
+ "integrity": "sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==",
+ "dev": true,
+ "dependencies": {
+ "assert": "^1.1.1",
+ "browserify-zlib": "^0.2.0",
+ "buffer": "^4.3.0",
+ "console-browserify": "^1.1.0",
+ "constants-browserify": "^1.0.0",
+ "crypto-browserify": "^3.11.0",
+ "domain-browser": "^1.1.1",
+ "events": "^3.0.0",
+ "https-browserify": "^1.0.0",
+ "os-browserify": "^0.3.0",
+ "path-browserify": "0.0.1",
+ "process": "^0.11.10",
+ "punycode": "^1.2.4",
+ "querystring-es3": "^0.2.0",
+ "readable-stream": "^2.3.3",
+ "stream-browserify": "^2.0.1",
+ "stream-http": "^2.7.2",
+ "string_decoder": "^1.0.0",
+ "timers-browserify": "^2.0.4",
+ "tty-browserify": "0.0.0",
+ "url": "^0.11.0",
+ "util": "^0.11.0",
+ "vm-browserify": "^1.0.1"
+ }
+ },
+ "node_modules/node-libs-browser/node_modules/punycode": {
+ "version": "1.4.1",
+ "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+ "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+ "dev": true
+ },
+ "node_modules/normalize-package-data": {
+ "version": "2.5.0",
+ "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+ "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+ "dev": true,
+ "dependencies": {
+ "hosted-git-info": "^2.1.4",
+ "resolve": "^1.10.0",
+ "semver": "2 || 3 || 4 || 5",
+ "validate-npm-package-license": "^3.0.1"
+ }
+ },
+ "node_modules/normalize-path": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+ "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/normalize-range": {
+ "version": "0.1.2",
+ "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+ "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/normalize-url": {
+ "version": "1.9.1",
+ "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-1.9.1.tgz",
+ "integrity": "sha512-A48My/mtCklowHBlI8Fq2jFWK4tX4lJ5E6ytFsSOq1fzpvT0SQSgKhSg7lN5c2uYFOrUAOQp6zhhJnpp1eMloQ==",
+ "dev": true,
+ "dependencies": {
+ "object-assign": "^4.0.1",
+ "prepend-http": "^1.0.0",
+ "query-string": "^4.1.0",
+ "sort-keys": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/npm-run-path": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+ "integrity": "sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==",
+ "dev": true,
+ "dependencies": {
+ "path-key": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/num2fraction": {
+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
+ "integrity": "sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==",
+ "dev": true
+ },
+ "node_modules/number-is-nan": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+ "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/object-assign": {
+ "version": "4.1.1",
+ "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+ "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/object-copy": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+ "integrity": "sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==",
+ "dev": true,
+ "dependencies": {
+ "copy-descriptor": "^0.1.0",
+ "define-property": "^0.2.5",
+ "kind-of": "^3.0.3"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/object-copy/node_modules/define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+ "dev": true,
+ "dependencies": {
+ "is-descriptor": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/object-copy/node_modules/is-accessor-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+ "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/object-copy/node_modules/is-data-descriptor": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+ "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/object-copy/node_modules/is-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+ "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+ "dev": true,
+ "dependencies": {
+ "is-accessor-descriptor": "^0.1.6",
+ "is-data-descriptor": "^0.1.4",
+ "kind-of": "^5.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/object-copy/node_modules/is-descriptor/node_modules/kind-of": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+ "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/object-copy/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/object-inspect": {
+ "version": "1.12.3",
+ "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+ "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+ "dev": true,
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/object-is": {
+ "version": "1.1.5",
+ "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+ "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.3"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/object-keys": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+ "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.4"
+ }
+ },
+ "node_modules/object-visit": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+ "integrity": "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==",
+ "dev": true,
+ "dependencies": {
+ "isobject": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/object.assign": {
+ "version": "4.1.4",
+ "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+ "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.4",
+ "has-symbols": "^1.0.3",
+ "object-keys": "^1.1.1"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/object.pick": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+ "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==",
+ "dev": true,
+ "dependencies": {
+ "isobject": "^3.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/obuf": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+ "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+ "dev": true
+ },
+ "node_modules/on-finished": {
+ "version": "2.4.1",
+ "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+ "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+ "dev": true,
+ "dependencies": {
+ "ee-first": "1.1.1"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/on-headers": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+ "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/once": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+ "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+ "dev": true,
+ "dependencies": {
+ "wrappy": "1"
+ }
+ },
+ "node_modules/opn": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
+ "integrity": "sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==",
+ "dev": true,
+ "dependencies": {
+ "is-wsl": "^1.1.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/original": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/original/-/original-1.0.2.tgz",
+ "integrity": "sha512-hyBVl6iqqUOJ8FqRe+l/gS8H+kKYjrEndd5Pm1MfBtsEKA038HkkdbAl/72EAXGyonD/PFsvmVG+EvcIpliMBg==",
+ "dev": true,
+ "dependencies": {
+ "url-parse": "^1.4.3"
+ }
+ },
+ "node_modules/os-browserify": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
+ "integrity": "sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==",
+ "dev": true
+ },
+ "node_modules/os-homedir": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+ "integrity": "sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/os-locale": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-2.1.0.tgz",
+ "integrity": "sha512-3sslG3zJbEYcaC4YVAvDorjGxc7tv6KVATnLPZONiljsUncvihe9BQoVCEs0RZ1kmf4Hk9OBqlZfJZWI4GanKA==",
+ "dev": true,
+ "dependencies": {
+ "execa": "^0.7.0",
+ "lcid": "^1.0.0",
+ "mem": "^1.1.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/os-tmpdir": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+ "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/p-finally": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+ "integrity": "sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/p-limit": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+ "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+ "dev": true,
+ "dependencies": {
+ "p-try": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/p-locate": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+ "integrity": "sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==",
+ "dev": true,
+ "dependencies": {
+ "p-limit": "^1.1.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/p-map": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/p-map/-/p-map-1.2.0.tgz",
+ "integrity": "sha512-r6zKACMNhjPJMTl8KcFH4li//gkrXWfbD6feV8l6doRHlzljFWGJ2AP6iKaCJXyZmAUMOPtvbW7EXkbWO/pLEA==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/p-try": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+ "integrity": "sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/pako": {
+ "version": "1.0.11",
+ "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+ "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+ "dev": true
+ },
+ "node_modules/parse-asn1": {
+ "version": "5.1.6",
+ "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
+ "integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
+ "dev": true,
+ "dependencies": {
+ "asn1.js": "^5.2.0",
+ "browserify-aes": "^1.0.0",
+ "evp_bytestokey": "^1.0.0",
+ "pbkdf2": "^3.0.3",
+ "safe-buffer": "^5.1.1"
+ }
+ },
+ "node_modules/parse-json": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+ "integrity": "sha512-QR/GGaKCkhwk1ePQNYDRKYZ3mwU9ypsKhB0XyFnLQdomyEqk3e8wpW3V5Jp88zbxK4n5ST1nqo+g9juTpownhQ==",
+ "dev": true,
+ "dependencies": {
+ "error-ex": "^1.2.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/parseurl": {
+ "version": "1.3.3",
+ "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+ "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/pascalcase": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+ "integrity": "sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/path-browserify": {
+ "version": "0.0.1",
+ "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.1.tgz",
+ "integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==",
+ "dev": true
+ },
+ "node_modules/path-dirname": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+ "integrity": "sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==",
+ "dev": true
+ },
+ "node_modules/path-exists": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+ "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/path-is-absolute": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+ "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/path-is-inside": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+ "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
+ "dev": true
+ },
+ "node_modules/path-key": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+ "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/path-parse": {
+ "version": "1.0.7",
+ "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+ "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+ "dev": true
+ },
+ "node_modules/path-to-regexp": {
+ "version": "0.1.7",
+ "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+ "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==",
+ "dev": true
+ },
+ "node_modules/path-type": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+ "integrity": "sha512-S4eENJz1pkiQn9Znv33Q+deTOKmbl+jj1Fl+qiP/vYezj+S8x+J3Uo0ISrx/QoEvIlOaDWJhPaRd1flJ9HXZqg==",
+ "dev": true,
+ "dependencies": {
+ "graceful-fs": "^4.1.2",
+ "pify": "^2.0.0",
+ "pinkie-promise": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/path-type/node_modules/pify": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+ "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/pbkdf2": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
+ "integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
+ "dev": true,
+ "dependencies": {
+ "create-hash": "^1.1.2",
+ "create-hmac": "^1.1.4",
+ "ripemd160": "^2.0.1",
+ "safe-buffer": "^5.0.1",
+ "sha.js": "^2.4.8"
+ },
+ "engines": {
+ "node": ">=0.12"
+ }
+ },
+ "node_modules/picocolors": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+ "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+ },
+ "node_modules/picomatch": {
+ "version": "2.3.1",
+ "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+ "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+ "dev": true,
+ "optional": true,
+ "engines": {
+ "node": ">=8.6"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/jonschlinkert"
+ }
+ },
+ "node_modules/pify": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+ "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/pinkie": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+ "integrity": "sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/pinkie-promise": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+ "integrity": "sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==",
+ "dev": true,
+ "dependencies": {
+ "pinkie": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/pkg-dir": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-2.0.0.tgz",
+ "integrity": "sha512-ojakdnUgL5pzJYWw2AIDEupaQCX5OPbM688ZevubICjdIX01PRSYKqm33fJoCOJBRseYCTUlQRnBNX+Pchaejw==",
+ "dev": true,
+ "dependencies": {
+ "find-up": "^2.1.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/portfinder": {
+ "version": "1.0.32",
+ "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+ "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+ "dev": true,
+ "dependencies": {
+ "async": "^2.6.4",
+ "debug": "^3.2.7",
+ "mkdirp": "^0.5.6"
+ },
+ "engines": {
+ "node": ">= 0.12.0"
+ }
+ },
+ "node_modules/portfinder/node_modules/debug": {
+ "version": "3.2.7",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+ "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+ "dev": true,
+ "dependencies": {
+ "ms": "^2.1.1"
+ }
+ },
+ "node_modules/portfinder/node_modules/ms": {
+ "version": "2.1.3",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+ "dev": true
+ },
+ "node_modules/posix-character-classes": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
+ "integrity": "sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/postcss": {
+ "version": "5.2.18",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz",
+ "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==",
+ "dev": true,
+ "dependencies": {
+ "chalk": "^1.1.3",
+ "js-base64": "^2.1.9",
+ "source-map": "^0.5.6",
+ "supports-color": "^3.2.3"
+ },
+ "engines": {
+ "node": ">=0.12"
+ }
+ },
+ "node_modules/postcss-calc": {
+ "version": "5.3.1",
+ "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-5.3.1.tgz",
+ "integrity": "sha512-iBcptYFq+QUh9gzP7ta2btw50o40s4uLI4UDVgd5yRAZtUDWc5APdl5yQDd2h/TyiZNbJrv0HiYhT102CMgN7Q==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.2",
+ "postcss-message-helpers": "^2.0.0",
+ "reduce-css-calc": "^1.2.6"
+ }
+ },
+ "node_modules/postcss-colormin": {
+ "version": "2.2.2",
+ "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-2.2.2.tgz",
+ "integrity": "sha512-XXitQe+jNNPf+vxvQXIQ1+pvdQKWKgkx8zlJNltcMEmLma1ypDRDQwlLt+6cP26fBreihNhZxohh1rcgCH2W5w==",
+ "dev": true,
+ "dependencies": {
+ "colormin": "^1.0.5",
+ "postcss": "^5.0.13",
+ "postcss-value-parser": "^3.2.3"
+ }
+ },
+ "node_modules/postcss-convert-values": {
+ "version": "2.6.1",
+ "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-2.6.1.tgz",
+ "integrity": "sha512-SE7mf25D3ORUEXpu3WUqQqy0nCbMuM5BEny+ULE/FXdS/0UMA58OdzwvzuHJRpIFlk1uojt16JhaEogtP6W2oA==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.11",
+ "postcss-value-parser": "^3.1.2"
+ }
+ },
+ "node_modules/postcss-discard-comments": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-2.0.4.tgz",
+ "integrity": "sha512-yGbyBDo5FxsImE90LD8C87vgnNlweQkODMkUZlDVM/CBgLr9C5RasLGJxxh9GjVOBeG8NcCMatoqI1pXg8JNXg==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.14"
+ }
+ },
+ "node_modules/postcss-discard-duplicates": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-2.1.0.tgz",
+ "integrity": "sha512-+lk5W1uqO8qIUTET+UETgj9GWykLC3LOldr7EehmymV0Wu36kyoHimC4cILrAAYpHQ+fr4ypKcWcVNaGzm0reA==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.4"
+ }
+ },
+ "node_modules/postcss-discard-empty": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-2.1.0.tgz",
+ "integrity": "sha512-IBFoyrwk52dhF+5z/ZAbzq5Jy7Wq0aLUsOn69JNS+7YeuyHaNzJwBIYE0QlUH/p5d3L+OON72Fsexyb7OK/3og==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.14"
+ }
+ },
+ "node_modules/postcss-discard-overridden": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-0.1.1.tgz",
+ "integrity": "sha512-IyKoDL8QNObOiUc6eBw8kMxBHCfxUaERYTUe2QF8k7j/xiirayDzzkmlR6lMQjrAM1p1DDRTvWrS7Aa8lp6/uA==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.16"
+ }
+ },
+ "node_modules/postcss-discard-unused": {
+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/postcss-discard-unused/-/postcss-discard-unused-2.2.3.tgz",
+ "integrity": "sha512-nCbFNfqYAbKCw9J6PSJubpN9asnrwVLkRDFc4KCwyUEdOtM5XDE/eTW3OpqHrYY1L4fZxgan7LLRAAYYBzwzrg==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.14",
+ "uniqs": "^2.0.0"
+ }
+ },
+ "node_modules/postcss-filter-plugins": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/postcss-filter-plugins/-/postcss-filter-plugins-2.0.3.tgz",
+ "integrity": "sha512-T53GVFsdinJhgwm7rg1BzbeBRomOg9y5MBVhGcsV0CxurUdVj1UlPdKtn7aqYA/c/QVkzKMjq2bSV5dKG5+AwQ==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.4"
+ }
+ },
+ "node_modules/postcss-load-config": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-1.2.0.tgz",
+ "integrity": "sha512-3fpCfnXo9Qd/O/q/XL4cJUhRsqjVD2V1Vhy3wOEcLE5kz0TGtdDXJSoiTdH4e847KphbEac4+EZSH4qLRYIgLw==",
+ "dev": true,
+ "dependencies": {
+ "cosmiconfig": "^2.1.0",
+ "object-assign": "^4.1.0",
+ "postcss-load-options": "^1.2.0",
+ "postcss-load-plugins": "^2.3.0"
+ },
+ "engines": {
+ "node": ">=0.12"
+ }
+ },
+ "node_modules/postcss-load-options": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/postcss-load-options/-/postcss-load-options-1.2.0.tgz",
+ "integrity": "sha512-WKS5LJMZLWGwtfhs5ahb2ycpoYF3m0kK4QEaM+elr5EpiMt0H296P/9ETa13WXzjPwB0DDTBiUBBWSHoApQIJg==",
+ "dev": true,
+ "dependencies": {
+ "cosmiconfig": "^2.1.0",
+ "object-assign": "^4.1.0"
+ },
+ "engines": {
+ "node": ">=0.12"
+ }
+ },
+ "node_modules/postcss-load-plugins": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/postcss-load-plugins/-/postcss-load-plugins-2.3.0.tgz",
+ "integrity": "sha512-/WGUMYhKiryWjYO6c7kAcqMuD7DVkaQ8HcbQenDme/d3OBOmrYMFObOKgUWyUy1uih5U2Dakq8H6VcJi5C9wHQ==",
+ "dev": true,
+ "dependencies": {
+ "cosmiconfig": "^2.1.1",
+ "object-assign": "^4.1.0"
+ },
+ "engines": {
+ "node": ">=0.12"
+ }
+ },
+ "node_modules/postcss-merge-idents": {
+ "version": "2.1.7",
+ "resolved": "https://registry.npmjs.org/postcss-merge-idents/-/postcss-merge-idents-2.1.7.tgz",
+ "integrity": "sha512-9DHmfCZ7/hNHhIKnNkz4CU0ejtGen5BbTRJc13Z2uHfCedeCUsK2WEQoAJRBL+phs68iWK6Qf8Jze71anuysWA==",
+ "dev": true,
+ "dependencies": {
+ "has": "^1.0.1",
+ "postcss": "^5.0.10",
+ "postcss-value-parser": "^3.1.1"
+ }
+ },
+ "node_modules/postcss-merge-longhand": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-2.0.2.tgz",
+ "integrity": "sha512-ma7YvxjdLQdifnc1HFsW/AW6fVfubGyR+X4bE3FOSdBVMY9bZjKVdklHT+odknKBB7FSCfKIHC3yHK7RUAqRPg==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.4"
+ }
+ },
+ "node_modules/postcss-merge-rules": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-2.1.2.tgz",
+ "integrity": "sha512-Wgg2FS6W3AYBl+5L9poL6ZUISi5YzL+sDCJfM7zNw/Q1qsyVQXXZ2cbVui6mu2cYJpt1hOKCGj1xA4mq/obz/Q==",
+ "dev": true,
+ "dependencies": {
+ "browserslist": "^1.5.2",
+ "caniuse-api": "^1.5.2",
+ "postcss": "^5.0.4",
+ "postcss-selector-parser": "^2.2.2",
+ "vendors": "^1.0.0"
+ }
+ },
+ "node_modules/postcss-merge-rules/node_modules/browserslist": {
+ "version": "1.7.7",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.7.7.tgz",
+ "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
+ "deprecated": "Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.",
+ "dev": true,
+ "dependencies": {
+ "caniuse-db": "^1.0.30000639",
+ "electron-to-chromium": "^1.2.7"
+ },
+ "bin": {
+ "browserslist": "cli.js"
+ }
+ },
+ "node_modules/postcss-message-helpers": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/postcss-message-helpers/-/postcss-message-helpers-2.0.0.tgz",
+ "integrity": "sha512-tPLZzVAiIJp46TBbpXtrUAKqedXSyW5xDEo1sikrfEfnTs+49SBZR/xDdqCiJvSSbtr615xDsaMF3RrxS2jZlA==",
+ "dev": true
+ },
+ "node_modules/postcss-minify-font-values": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-1.0.5.tgz",
+ "integrity": "sha512-vFSPzrJhNe6/8McOLU13XIsERohBJiIFFuC1PolgajOZdRWqRgKITP/A4Z/n4GQhEmtbxmO9NDw3QLaFfE1dFQ==",
+ "dev": true,
+ "dependencies": {
+ "object-assign": "^4.0.1",
+ "postcss": "^5.0.4",
+ "postcss-value-parser": "^3.0.2"
+ }
+ },
+ "node_modules/postcss-minify-gradients": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-1.0.5.tgz",
+ "integrity": "sha512-DZhT0OE+RbVqVyGsTIKx84rU/5cury1jmwPa19bViqYPQu499ZU831yMzzsyC8EhiZVd73+h5Z9xb/DdaBpw7Q==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.12",
+ "postcss-value-parser": "^3.3.0"
+ }
+ },
+ "node_modules/postcss-minify-params": {
+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-1.2.2.tgz",
+ "integrity": "sha512-hhJdMVgP8vasrHbkKAk+ab28vEmPYgyuDzRl31V3BEB3QOR3L5TTIVEWLDNnZZ3+fiTi9d6Ker8GM8S1h8p2Ow==",
+ "dev": true,
+ "dependencies": {
+ "alphanum-sort": "^1.0.1",
+ "postcss": "^5.0.2",
+ "postcss-value-parser": "^3.0.2",
+ "uniqs": "^2.0.0"
+ }
+ },
+ "node_modules/postcss-minify-selectors": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-2.1.1.tgz",
+ "integrity": "sha512-e13vxPBSo3ZaPne43KVgM+UETkx3Bs4/Qvm6yXI9HQpQp4nyb7HZ0gKpkF+Wn2x+/dbQ+swNpCdZSbMOT7+TIA==",
+ "dev": true,
+ "dependencies": {
+ "alphanum-sort": "^1.0.2",
+ "has": "^1.0.1",
+ "postcss": "^5.0.14",
+ "postcss-selector-parser": "^2.0.0"
+ }
+ },
+ "node_modules/postcss-modules-extract-imports": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.2.1.tgz",
+ "integrity": "sha512-6jt9XZwUhwmRUhb/CkyJY020PYaPJsCyt3UjbaWo6XEbH/94Hmv6MP7fG2C5NDU/BcHzyGYxNtHvM+LTf9HrYw==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^6.0.1"
+ }
+ },
+ "node_modules/postcss-modules-extract-imports/node_modules/ansi-styles": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+ "dev": true,
+ "dependencies": {
+ "color-convert": "^1.9.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/postcss-modules-extract-imports/node_modules/chalk": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^3.2.1",
+ "escape-string-regexp": "^1.0.5",
+ "supports-color": "^5.3.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/postcss-modules-extract-imports/node_modules/postcss": {
+ "version": "6.0.23",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+ "dev": true,
+ "dependencies": {
+ "chalk": "^2.4.1",
+ "source-map": "^0.6.1",
+ "supports-color": "^5.4.0"
+ },
+ "engines": {
+ "node": ">=4.0.0"
+ }
+ },
+ "node_modules/postcss-modules-extract-imports/node_modules/source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/postcss-modules-extract-imports/node_modules/supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/postcss-modules-local-by-default": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz",
+ "integrity": "sha512-X4cquUPIaAd86raVrBwO8fwRfkIdbwFu7CTfEOjiZQHVQwlHRSkTgH5NLDmMm5+1hQO8u6dZ+TOOJDbay1hYpA==",
+ "dev": true,
+ "dependencies": {
+ "css-selector-tokenizer": "^0.7.0",
+ "postcss": "^6.0.1"
+ }
+ },
+ "node_modules/postcss-modules-local-by-default/node_modules/ansi-styles": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+ "dev": true,
+ "dependencies": {
+ "color-convert": "^1.9.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/postcss-modules-local-by-default/node_modules/chalk": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^3.2.1",
+ "escape-string-regexp": "^1.0.5",
+ "supports-color": "^5.3.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/postcss-modules-local-by-default/node_modules/postcss": {
+ "version": "6.0.23",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+ "dev": true,
+ "dependencies": {
+ "chalk": "^2.4.1",
+ "source-map": "^0.6.1",
+ "supports-color": "^5.4.0"
+ },
+ "engines": {
+ "node": ">=4.0.0"
+ }
+ },
+ "node_modules/postcss-modules-local-by-default/node_modules/source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/postcss-modules-local-by-default/node_modules/supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/postcss-modules-scope": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz",
+ "integrity": "sha512-LTYwnA4C1He1BKZXIx1CYiHixdSe9LWYVKadq9lK5aCCMkoOkFyZ7aigt+srfjlRplJY3gIol6KUNefdMQJdlw==",
+ "dev": true,
+ "dependencies": {
+ "css-selector-tokenizer": "^0.7.0",
+ "postcss": "^6.0.1"
+ }
+ },
+ "node_modules/postcss-modules-scope/node_modules/ansi-styles": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+ "dev": true,
+ "dependencies": {
+ "color-convert": "^1.9.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/postcss-modules-scope/node_modules/chalk": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^3.2.1",
+ "escape-string-regexp": "^1.0.5",
+ "supports-color": "^5.3.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/postcss-modules-scope/node_modules/postcss": {
+ "version": "6.0.23",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+ "dev": true,
+ "dependencies": {
+ "chalk": "^2.4.1",
+ "source-map": "^0.6.1",
+ "supports-color": "^5.4.0"
+ },
+ "engines": {
+ "node": ">=4.0.0"
+ }
+ },
+ "node_modules/postcss-modules-scope/node_modules/source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/postcss-modules-scope/node_modules/supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/postcss-modules-values": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz",
+ "integrity": "sha512-i7IFaR9hlQ6/0UgFuqM6YWaCfA1Ej8WMg8A5DggnH1UGKJvTV/ugqq/KaULixzzOi3T/tF6ClBXcHGCzdd5unA==",
+ "dev": true,
+ "dependencies": {
+ "icss-replace-symbols": "^1.1.0",
+ "postcss": "^6.0.1"
+ }
+ },
+ "node_modules/postcss-modules-values/node_modules/ansi-styles": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+ "dev": true,
+ "dependencies": {
+ "color-convert": "^1.9.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/postcss-modules-values/node_modules/chalk": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^3.2.1",
+ "escape-string-regexp": "^1.0.5",
+ "supports-color": "^5.3.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/postcss-modules-values/node_modules/postcss": {
+ "version": "6.0.23",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+ "dev": true,
+ "dependencies": {
+ "chalk": "^2.4.1",
+ "source-map": "^0.6.1",
+ "supports-color": "^5.4.0"
+ },
+ "engines": {
+ "node": ">=4.0.0"
+ }
+ },
+ "node_modules/postcss-modules-values/node_modules/source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/postcss-modules-values/node_modules/supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/postcss-normalize-charset": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-1.1.1.tgz",
+ "integrity": "sha512-RKgjEks83l8w4yEhztOwNZ+nLSrJ+NvPNhpS+mVDzoaiRHZQVoG7NF2TP5qjwnaN9YswUhj6m1E0S0Z+WDCgEQ==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.5"
+ }
+ },
+ "node_modules/postcss-normalize-url": {
+ "version": "3.0.8",
+ "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-3.0.8.tgz",
+ "integrity": "sha512-WqtWG6GV2nELsQEFES0RzfL2ebVwmGl/M8VmMbshKto/UClBo+mznX8Zi4/hkThdqx7ijwv+O8HWPdpK7nH/Ig==",
+ "dev": true,
+ "dependencies": {
+ "is-absolute-url": "^2.0.0",
+ "normalize-url": "^1.4.0",
+ "postcss": "^5.0.14",
+ "postcss-value-parser": "^3.2.3"
+ }
+ },
+ "node_modules/postcss-ordered-values": {
+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-2.2.3.tgz",
+ "integrity": "sha512-5RB1IUZhkxDCfa5fx/ogp/A82mtq+r7USqS+7zt0e428HJ7+BHCxyeY39ClmkkUtxdOd3mk8gD6d9bjH2BECMg==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.4",
+ "postcss-value-parser": "^3.0.1"
+ }
+ },
+ "node_modules/postcss-reduce-idents": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/postcss-reduce-idents/-/postcss-reduce-idents-2.4.0.tgz",
+ "integrity": "sha512-0+Ow9e8JLtffjumJJFPqvN4qAvokVbdQPnijUDSOX8tfTwrILLP4ETvrZcXZxAtpFLh/U0c+q8oRMJLr1Kiu4w==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.4",
+ "postcss-value-parser": "^3.0.2"
+ }
+ },
+ "node_modules/postcss-reduce-initial": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-1.0.1.tgz",
+ "integrity": "sha512-jJFrV1vWOPCQsIVitawGesRgMgunbclERQ/IRGW7r93uHrVzNQQmHQ7znsOIjJPZ4yWMzs5A8NFhp3AkPHPbDA==",
+ "dev": true,
+ "dependencies": {
+ "postcss": "^5.0.4"
+ }
+ },
+ "node_modules/postcss-reduce-transforms": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-1.0.4.tgz",
+ "integrity": "sha512-lGgRqnSuAR5i5uUg1TA33r9UngfTadWxOyL2qx1KuPoCQzfmtaHjp9PuwX7yVyRxG3BWBzeFUaS5uV9eVgnEgQ==",
+ "dev": true,
+ "dependencies": {
+ "has": "^1.0.1",
+ "postcss": "^5.0.8",
+ "postcss-value-parser": "^3.0.1"
+ }
+ },
+ "node_modules/postcss-selector-parser": {
+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-2.2.3.tgz",
+ "integrity": "sha512-3pqyakeGhrO0BQ5+/tGTfvi5IAUAhHRayGK8WFSu06aEv2BmHoXw/Mhb+w7VY5HERIuC+QoUI7wgrCcq2hqCVA==",
+ "dev": true,
+ "dependencies": {
+ "flatten": "^1.0.2",
+ "indexes-of": "^1.0.1",
+ "uniq": "^1.0.1"
+ }
+ },
+ "node_modules/postcss-svgo": {
+ "version": "2.1.6",
+ "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-2.1.6.tgz",
+ "integrity": "sha512-y5AdQdgBoF4rbpdbeWAJuxE953g/ylRfVNp6mvAi61VCN/Y25Tu9p5mh3CyI42WbTRIiwR9a1GdFtmDnNPeskQ==",
+ "dev": true,
+ "dependencies": {
+ "is-svg": "^2.0.0",
+ "postcss": "^5.0.14",
+ "postcss-value-parser": "^3.2.3",
+ "svgo": "^0.7.0"
+ }
+ },
+ "node_modules/postcss-unique-selectors": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-2.0.2.tgz",
+ "integrity": "sha512-WZX8r1M0+IyljoJOJleg3kYm10hxNYF9scqAT7v/xeSX1IdehutOM85SNO0gP9K+bgs86XERr7Ud5u3ch4+D8g==",
+ "dev": true,
+ "dependencies": {
+ "alphanum-sort": "^1.0.1",
+ "postcss": "^5.0.4",
+ "uniqs": "^2.0.0"
+ }
+ },
+ "node_modules/postcss-value-parser": {
+ "version": "3.3.1",
+ "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+ "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+ "dev": true
+ },
+ "node_modules/postcss-zindex": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/postcss-zindex/-/postcss-zindex-2.2.0.tgz",
+ "integrity": "sha512-uhRZ2hRgj0lorxm9cr62B01YzpUe63h0RXMXQ4gWW3oa2rpJh+FJAiEAytaFCPU/VgaBS+uW2SJ1XKyDNz1h4w==",
+ "dev": true,
+ "dependencies": {
+ "has": "^1.0.1",
+ "postcss": "^5.0.4",
+ "uniqs": "^2.0.0"
+ }
+ },
+ "node_modules/postcss/node_modules/has-flag": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
+ "integrity": "sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/postcss/node_modules/supports-color": {
+ "version": "3.2.3",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
+ "integrity": "sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.8.0"
+ }
+ },
+ "node_modules/prepend-http": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
+ "integrity": "sha512-PhmXi5XmoyKw1Un4E+opM2KcsJInDvKyuOumcjjw3waw86ZNjHwVUOOWLc4bCzLdcKNaWBH9e99sbWzDQsVaYg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/prettier": {
+ "version": "1.19.1",
+ "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.19.1.tgz",
+ "integrity": "sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==",
+ "dev": true,
+ "bin": {
+ "prettier": "bin-prettier.js"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/private": {
+ "version": "0.1.8",
+ "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
+ "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/process": {
+ "version": "0.11.10",
+ "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+ "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6.0"
+ }
+ },
+ "node_modules/process-nextick-args": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+ "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+ "dev": true
+ },
+ "node_modules/proxy-addr": {
+ "version": "2.0.7",
+ "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+ "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+ "dev": true,
+ "dependencies": {
+ "forwarded": "0.2.0",
+ "ipaddr.js": "1.9.1"
+ },
+ "engines": {
+ "node": ">= 0.10"
+ }
+ },
+ "node_modules/prr": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+ "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+ "dev": true
+ },
+ "node_modules/pseudomap": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+ "integrity": "sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==",
+ "dev": true
+ },
+ "node_modules/public-encrypt": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
+ "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
+ "dev": true,
+ "dependencies": {
+ "bn.js": "^4.1.0",
+ "browserify-rsa": "^4.0.0",
+ "create-hash": "^1.1.0",
+ "parse-asn1": "^5.0.0",
+ "randombytes": "^2.0.1",
+ "safe-buffer": "^5.1.2"
+ }
+ },
+ "node_modules/public-encrypt/node_modules/bn.js": {
+ "version": "4.12.0",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+ "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+ "dev": true
+ },
+ "node_modules/punycode": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+ "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+ "dev": true,
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/q": {
+ "version": "1.5.1",
+ "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
+ "integrity": "sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.6.0",
+ "teleport": ">=0.2.0"
+ }
+ },
+ "node_modules/qs": {
+ "version": "6.11.2",
+ "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+ "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+ "dev": true,
+ "dependencies": {
+ "side-channel": "^1.0.4"
+ },
+ "engines": {
+ "node": ">=0.6"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/query-string": {
+ "version": "4.3.4",
+ "resolved": "https://registry.npmjs.org/query-string/-/query-string-4.3.4.tgz",
+ "integrity": "sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==",
+ "dev": true,
+ "dependencies": {
+ "object-assign": "^4.1.0",
+ "strict-uri-encode": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/querystring-es3": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
+ "integrity": "sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.4.x"
+ }
+ },
+ "node_modules/querystringify": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+ "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+ "dev": true
+ },
+ "node_modules/randombytes": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+ "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+ "dev": true,
+ "dependencies": {
+ "safe-buffer": "^5.1.0"
+ }
+ },
+ "node_modules/randomfill": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
+ "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
+ "dev": true,
+ "dependencies": {
+ "randombytes": "^2.0.5",
+ "safe-buffer": "^5.1.0"
+ }
+ },
+ "node_modules/range-parser": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+ "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/raw-body": {
+ "version": "2.5.1",
+ "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
+ "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
+ "dev": true,
+ "dependencies": {
+ "bytes": "3.1.2",
+ "http-errors": "2.0.0",
+ "iconv-lite": "0.4.24",
+ "unpipe": "1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/raw-body/node_modules/bytes": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+ "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/read-pkg": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+ "integrity": "sha512-7BGwRHqt4s/uVbuyoeejRn4YmFnYZiFl4AuaeXHlgZf3sONF0SOGlxs2Pw8g6hCKupo08RafIO5YXFNOKTfwsQ==",
+ "dev": true,
+ "dependencies": {
+ "load-json-file": "^1.0.0",
+ "normalize-package-data": "^2.3.2",
+ "path-type": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/read-pkg-up": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+ "integrity": "sha512-WD9MTlNtI55IwYUS27iHh9tK3YoIVhxis8yKhLpTqWtml739uXc9NWTpxoHkfZf3+DkCCsXox94/VWZniuZm6A==",
+ "dev": true,
+ "dependencies": {
+ "find-up": "^1.0.0",
+ "read-pkg": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/read-pkg-up/node_modules/find-up": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+ "integrity": "sha512-jvElSjyuo4EMQGoTwo1uJU5pQMwTW5lS1x05zzfJuTIyLR3zwO27LYrxNg+dlvKpGOuGy/MzBdXh80g0ve5+HA==",
+ "dev": true,
+ "dependencies": {
+ "path-exists": "^2.0.0",
+ "pinkie-promise": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/read-pkg-up/node_modules/path-exists": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+ "integrity": "sha512-yTltuKuhtNeFJKa1PiRzfLAU5182q1y4Eb4XCJ3PBqyzEDkAZRzBrKKBct682ls9reBVHf9udYLN5Nd+K1B9BQ==",
+ "dev": true,
+ "dependencies": {
+ "pinkie-promise": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/readable-stream": {
+ "version": "2.3.8",
+ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+ "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+ "dev": true,
+ "dependencies": {
+ "core-util-is": "~1.0.0",
+ "inherits": "~2.0.3",
+ "isarray": "~1.0.0",
+ "process-nextick-args": "~2.0.0",
+ "safe-buffer": "~5.1.1",
+ "string_decoder": "~1.1.1",
+ "util-deprecate": "~1.0.1"
+ }
+ },
+ "node_modules/readable-stream/node_modules/safe-buffer": {
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+ "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+ "dev": true
+ },
+ "node_modules/readable-stream/node_modules/string_decoder": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+ "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+ "dev": true,
+ "dependencies": {
+ "safe-buffer": "~5.1.0"
+ }
+ },
+ "node_modules/readdirp": {
+ "version": "3.6.0",
+ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+ "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "picomatch": "^2.2.1"
+ },
+ "engines": {
+ "node": ">=8.10.0"
+ }
+ },
+ "node_modules/redent": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
+ "integrity": "sha512-qtW5hKzGQZqKoh6JNSD+4lfitfPKGz42e6QwiRmPM5mmKtR0N41AbJRYu0xJi7nhOJ4WDgRkKvAk6tw4WIwR4g==",
+ "dev": true,
+ "dependencies": {
+ "indent-string": "^2.1.0",
+ "strip-indent": "^1.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/reduce-css-calc": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-1.3.0.tgz",
+ "integrity": "sha512-0dVfwYVOlf/LBA2ec4OwQ6p3X9mYxn/wOl2xTcLwjnPYrkgEfPx3VI4eGCH3rQLlPISG5v9I9bkZosKsNRTRKA==",
+ "dev": true,
+ "dependencies": {
+ "balanced-match": "^0.4.2",
+ "math-expression-evaluator": "^1.2.14",
+ "reduce-function-call": "^1.0.1"
+ }
+ },
+ "node_modules/reduce-css-calc/node_modules/balanced-match": {
+ "version": "0.4.2",
+ "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-0.4.2.tgz",
+ "integrity": "sha512-STw03mQKnGUYtoNjmowo4F2cRmIIxYEGiMsjjwla/u5P1lxadj/05WkNaFjNiKTgJkj8KiXbgAiRTmcQRwQNtg==",
+ "dev": true
+ },
+ "node_modules/reduce-function-call": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/reduce-function-call/-/reduce-function-call-1.0.3.tgz",
+ "integrity": "sha512-Hl/tuV2VDgWgCSEeWMLwxLZqX7OK59eU1guxXsRKTAyeYimivsKdtcV4fu3r710tpG5GmDKDhQ0HSZLExnNmyQ==",
+ "dev": true,
+ "dependencies": {
+ "balanced-match": "^1.0.0"
+ }
+ },
+ "node_modules/regenerate": {
+ "version": "1.4.2",
+ "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+ "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+ "dev": true
+ },
+ "node_modules/regenerator-runtime": {
+ "version": "0.11.1",
+ "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+ "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
+ "dev": true
+ },
+ "node_modules/regenerator-transform": {
+ "version": "0.10.1",
+ "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.10.1.tgz",
+ "integrity": "sha512-PJepbvDbuK1xgIgnau7Y90cwaAmO/LCLMI2mPvaXq2heGMR3aWW5/BQvYrhJ8jgmQjXewXvBjzfqKcVOmhjZ6Q==",
+ "dev": true,
+ "dependencies": {
+ "babel-runtime": "^6.18.0",
+ "babel-types": "^6.19.0",
+ "private": "^0.1.6"
+ }
+ },
+ "node_modules/regex-not": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+ "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+ "dev": true,
+ "dependencies": {
+ "extend-shallow": "^3.0.2",
+ "safe-regex": "^1.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/regexp.prototype.flags": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz",
+ "integrity": "sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.2.0",
+ "functions-have-names": "^1.2.3"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/regexpu-core": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-2.0.0.tgz",
+ "integrity": "sha512-tJ9+S4oKjxY8IZ9jmjnp/mtytu1u3iyIQAfmI51IKWH6bFf7XR1ybtaO6j7INhZKXOTYADk7V5qxaqLkmNxiZQ==",
+ "dev": true,
+ "dependencies": {
+ "regenerate": "^1.2.1",
+ "regjsgen": "^0.2.0",
+ "regjsparser": "^0.1.4"
+ }
+ },
+ "node_modules/regjsgen": {
+ "version": "0.2.0",
+ "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
+ "integrity": "sha512-x+Y3yA24uF68m5GA+tBjbGYo64xXVJpbToBaWCoSNSc1hdk6dfctaRWrNFTVJZIIhL5GxW8zwjoixbnifnK59g==",
+ "dev": true
+ },
+ "node_modules/regjsparser": {
+ "version": "0.1.5",
+ "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz",
+ "integrity": "sha512-jlQ9gYLfk2p3V5Ag5fYhA7fv7OHzd1KUH0PRP46xc3TgwjwgROIW572AfYg/X9kaNq/LJnu6oJcFRXlIrGoTRw==",
+ "dev": true,
+ "dependencies": {
+ "jsesc": "~0.5.0"
+ },
+ "bin": {
+ "regjsparser": "bin/parser"
+ }
+ },
+ "node_modules/regjsparser/node_modules/jsesc": {
+ "version": "0.5.0",
+ "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+ "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+ "dev": true,
+ "bin": {
+ "jsesc": "bin/jsesc"
+ }
+ },
+ "node_modules/remove-trailing-separator": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+ "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==",
+ "dev": true
+ },
+ "node_modules/repeat-element": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz",
+ "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/repeat-string": {
+ "version": "1.6.1",
+ "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+ "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10"
+ }
+ },
+ "node_modules/repeating": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
+ "integrity": "sha512-ZqtSMuVybkISo2OWvqvm7iHSWngvdaW3IpsT9/uP8v4gMi591LY6h35wdOfvQdWCKFWZWm2Y1Opp4kV7vQKT6A==",
+ "dev": true,
+ "dependencies": {
+ "is-finite": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/require-directory": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+ "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/require-from-string": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-1.2.1.tgz",
+ "integrity": "sha512-H7AkJWMobeskkttHyhTVtS0fxpFLjxhbfMa6Bk3wimP7sdPRGL3EyCg3sAQenFfAe+xQ+oAc85Nmtvq0ROM83Q==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/require-main-filename": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz",
+ "integrity": "sha512-IqSUtOVP4ksd1C/ej5zeEh/BIP2ajqpn8c5x+q99gvcIG/Qf0cud5raVnE/Dwd0ua9TXYDoDc0RE5hBSdz22Ug==",
+ "dev": true
+ },
+ "node_modules/requires-port": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+ "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+ "dev": true
+ },
+ "node_modules/resolve": {
+ "version": "1.22.2",
+ "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
+ "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==",
+ "dev": true,
+ "dependencies": {
+ "is-core-module": "^2.11.0",
+ "path-parse": "^1.0.7",
+ "supports-preserve-symlinks-flag": "^1.0.0"
+ },
+ "bin": {
+ "resolve": "bin/resolve"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/resolve-cwd": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-2.0.0.tgz",
+ "integrity": "sha512-ccu8zQTrzVr954472aUVPLEcB3YpKSYR3cg/3lo1okzobPBM+1INXBbBZlDbnI/hbEocnf8j0QVo43hQKrbchg==",
+ "dev": true,
+ "dependencies": {
+ "resolve-from": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/resolve-from": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+ "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/resolve-url": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+ "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
+ "deprecated": "https://github.com/lydell/resolve-url#deprecated",
+ "dev": true
+ },
+ "node_modules/ret": {
+ "version": "0.1.15",
+ "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+ "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.12"
+ }
+ },
+ "node_modules/right-align": {
+ "version": "0.1.3",
+ "resolved": "https://registry.npmjs.org/right-align/-/right-align-0.1.3.tgz",
+ "integrity": "sha512-yqINtL/G7vs2v+dFIZmFUDbnVyFUJFKd6gK22Kgo6R4jfJGFtisKyncWDDULgjfqf4ASQuIQyjJ7XZ+3aWpsAg==",
+ "dev": true,
+ "dependencies": {
+ "align-text": "^0.1.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/rimraf": {
+ "version": "2.7.1",
+ "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+ "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+ "dev": true,
+ "dependencies": {
+ "glob": "^7.1.3"
+ },
+ "bin": {
+ "rimraf": "bin.js"
+ }
+ },
+ "node_modules/ripemd160": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
+ "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
+ "dev": true,
+ "dependencies": {
+ "hash-base": "^3.0.0",
+ "inherits": "^2.0.1"
+ }
+ },
+ "node_modules/safe-buffer": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+ "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/feross"
+ },
+ {
+ "type": "patreon",
+ "url": "https://www.patreon.com/feross"
+ },
+ {
+ "type": "consulting",
+ "url": "https://feross.org/support"
+ }
+ ]
+ },
+ "node_modules/safe-regex": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+ "integrity": "sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==",
+ "dev": true,
+ "dependencies": {
+ "ret": "~0.1.10"
+ }
+ },
+ "node_modules/safe-regex-test": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+ "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "get-intrinsic": "^1.1.3",
+ "is-regex": "^1.1.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/safer-buffer": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+ "dev": true
+ },
+ "node_modules/sax": {
+ "version": "1.2.4",
+ "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+ "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+ "dev": true
+ },
+ "node_modules/schema-utils": {
+ "version": "0.4.7",
+ "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.7.tgz",
+ "integrity": "sha512-v/iwU6wvwGK8HbU9yi3/nhGzP0yGSuhQMzL6ySiec1FSrZZDkhm4noOSWzrNFo/jEc+SJY6jRTwuwbSXJPDUnQ==",
+ "dev": true,
+ "dependencies": {
+ "ajv": "^6.1.0",
+ "ajv-keywords": "^3.1.0"
+ },
+ "engines": {
+ "node": ">= 4"
+ }
+ },
+ "node_modules/select-hose": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+ "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==",
+ "dev": true
+ },
+ "node_modules/selfsigned": {
+ "version": "1.10.14",
+ "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.14.tgz",
+ "integrity": "sha512-lkjaiAye+wBZDCBsu5BGi0XiLRxeUlsGod5ZP924CRSEoGuZAw/f7y9RKu28rwTfiHVhdavhB0qH0INV6P1lEA==",
+ "dev": true,
+ "dependencies": {
+ "node-forge": "^0.10.0"
+ }
+ },
+ "node_modules/semver": {
+ "version": "5.7.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+ "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+ "dev": true,
+ "bin": {
+ "semver": "bin/semver"
+ }
+ },
+ "node_modules/send": {
+ "version": "0.18.0",
+ "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
+ "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
+ "dev": true,
+ "dependencies": {
+ "debug": "2.6.9",
+ "depd": "2.0.0",
+ "destroy": "1.2.0",
+ "encodeurl": "~1.0.2",
+ "escape-html": "~1.0.3",
+ "etag": "~1.8.1",
+ "fresh": "0.5.2",
+ "http-errors": "2.0.0",
+ "mime": "1.6.0",
+ "ms": "2.1.3",
+ "on-finished": "2.4.1",
+ "range-parser": "~1.2.1",
+ "statuses": "2.0.1"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/send/node_modules/ms": {
+ "version": "2.1.3",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+ "dev": true
+ },
+ "node_modules/serve-index": {
+ "version": "1.9.1",
+ "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+ "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
+ "dev": true,
+ "dependencies": {
+ "accepts": "~1.3.4",
+ "batch": "0.6.1",
+ "debug": "2.6.9",
+ "escape-html": "~1.0.3",
+ "http-errors": "~1.6.2",
+ "mime-types": "~2.1.17",
+ "parseurl": "~1.3.2"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/serve-index/node_modules/depd": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+ "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/serve-index/node_modules/http-errors": {
+ "version": "1.6.3",
+ "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+ "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+ "dev": true,
+ "dependencies": {
+ "depd": "~1.1.2",
+ "inherits": "2.0.3",
+ "setprototypeof": "1.1.0",
+ "statuses": ">= 1.4.0 < 2"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/serve-index/node_modules/inherits": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+ "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+ "dev": true
+ },
+ "node_modules/serve-index/node_modules/setprototypeof": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+ "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+ "dev": true
+ },
+ "node_modules/serve-index/node_modules/statuses": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+ "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/serve-static": {
+ "version": "1.15.0",
+ "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
+ "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
+ "dev": true,
+ "dependencies": {
+ "encodeurl": "~1.0.2",
+ "escape-html": "~1.0.3",
+ "parseurl": "~1.3.3",
+ "send": "0.18.0"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/set-blocking": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+ "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+ "dev": true
+ },
+ "node_modules/set-value": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+ "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
+ "dev": true,
+ "dependencies": {
+ "extend-shallow": "^2.0.1",
+ "is-extendable": "^0.1.1",
+ "is-plain-object": "^2.0.3",
+ "split-string": "^3.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/set-value/node_modules/extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "dependencies": {
+ "is-extendable": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/set-value/node_modules/is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/setimmediate": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+ "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+ "dev": true
+ },
+ "node_modules/setprototypeof": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+ "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+ "dev": true
+ },
+ "node_modules/sha.js": {
+ "version": "2.4.11",
+ "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+ "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+ "dev": true,
+ "dependencies": {
+ "inherits": "^2.0.1",
+ "safe-buffer": "^5.0.1"
+ },
+ "bin": {
+ "sha.js": "bin.js"
+ }
+ },
+ "node_modules/shebang-command": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+ "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
+ "dev": true,
+ "dependencies": {
+ "shebang-regex": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/shebang-regex": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+ "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/side-channel": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+ "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.0",
+ "get-intrinsic": "^1.0.2",
+ "object-inspect": "^1.9.0"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/signal-exit": {
+ "version": "3.0.7",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+ "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+ "dev": true
+ },
+ "node_modules/slash": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
+ "integrity": "sha512-3TYDR7xWt4dIqV2JauJr+EJeW356RXijHeUlO+8djJ+uBXPn8/2dpzBc8yQhh583sVvc9CvFAeQVgijsH+PNNg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon": {
+ "version": "0.8.2",
+ "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
+ "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==",
+ "dev": true,
+ "dependencies": {
+ "base": "^0.11.1",
+ "debug": "^2.2.0",
+ "define-property": "^0.2.5",
+ "extend-shallow": "^2.0.1",
+ "map-cache": "^0.2.2",
+ "source-map": "^0.5.6",
+ "source-map-resolve": "^0.5.0",
+ "use": "^3.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon-node": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
+ "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+ "dev": true,
+ "dependencies": {
+ "define-property": "^1.0.0",
+ "isobject": "^3.0.0",
+ "snapdragon-util": "^3.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon-node/node_modules/define-property": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+ "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+ "dev": true,
+ "dependencies": {
+ "is-descriptor": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon-util": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+ "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.2.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon-util/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon/node_modules/define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+ "dev": true,
+ "dependencies": {
+ "is-descriptor": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon/node_modules/extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "dependencies": {
+ "is-extendable": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon/node_modules/is-accessor-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+ "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon/node_modules/is-accessor-descriptor/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon/node_modules/is-data-descriptor": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+ "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon/node_modules/is-data-descriptor/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon/node_modules/is-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+ "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+ "dev": true,
+ "dependencies": {
+ "is-accessor-descriptor": "^0.1.6",
+ "is-data-descriptor": "^0.1.4",
+ "kind-of": "^5.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon/node_modules/is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/snapdragon/node_modules/kind-of": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+ "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/sockjs": {
+ "version": "0.3.19",
+ "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.19.tgz",
+ "integrity": "sha512-V48klKZl8T6MzatbLlzzRNhMepEys9Y4oGFpypBFFn1gLI/QQ9HtLLyWJNbPlwGLelOVOEijUbTTJeLLI59jLw==",
+ "dev": true,
+ "dependencies": {
+ "faye-websocket": "^0.10.0",
+ "uuid": "^3.0.1"
+ }
+ },
+ "node_modules/sockjs-client": {
+ "version": "1.1.5",
+ "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.1.5.tgz",
+ "integrity": "sha512-PmPRkAYIeuRgX+ZSieViT4Z3Q23bLS2Itm/ck1tSf5P0/yVuFDiI5q9mcnpXoMdToaPSRS9MEyUx/aaBxrFzyw==",
+ "dev": true,
+ "dependencies": {
+ "debug": "^2.6.6",
+ "eventsource": "0.1.6",
+ "faye-websocket": "~0.11.0",
+ "inherits": "^2.0.1",
+ "json3": "^3.3.2",
+ "url-parse": "^1.1.8"
+ }
+ },
+ "node_modules/sockjs-client/node_modules/faye-websocket": {
+ "version": "0.11.4",
+ "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
+ "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
+ "dev": true,
+ "dependencies": {
+ "websocket-driver": ">=0.5.1"
+ },
+ "engines": {
+ "node": ">=0.8.0"
+ }
+ },
+ "node_modules/sort-keys": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
+ "integrity": "sha512-vzn8aSqKgytVik0iwdBEi+zevbTYZogewTUM6dtpmGwEcdzbub/TX4bCzRhebDCRC3QzXgJsLRKB2V/Oof7HXg==",
+ "dev": true,
+ "dependencies": {
+ "is-plain-obj": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/source-list-map": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
+ "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==",
+ "dev": true
+ },
+ "node_modules/source-map": {
+ "version": "0.5.7",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+ "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/source-map-js": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+ "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/source-map-resolve": {
+ "version": "0.5.3",
+ "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+ "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+ "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
+ "dev": true,
+ "dependencies": {
+ "atob": "^2.1.2",
+ "decode-uri-component": "^0.2.0",
+ "resolve-url": "^0.2.1",
+ "source-map-url": "^0.4.0",
+ "urix": "^0.1.0"
+ }
+ },
+ "node_modules/source-map-support": {
+ "version": "0.4.18",
+ "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz",
+ "integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==",
+ "dev": true,
+ "dependencies": {
+ "source-map": "^0.5.6"
+ }
+ },
+ "node_modules/source-map-url": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
+ "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
+ "deprecated": "See https://github.com/lydell/source-map-url#deprecated",
+ "dev": true
+ },
+ "node_modules/spdx-correct": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+ "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+ "dev": true,
+ "dependencies": {
+ "spdx-expression-parse": "^3.0.0",
+ "spdx-license-ids": "^3.0.0"
+ }
+ },
+ "node_modules/spdx-exceptions": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+ "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+ "dev": true
+ },
+ "node_modules/spdx-expression-parse": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+ "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+ "dev": true,
+ "dependencies": {
+ "spdx-exceptions": "^2.1.0",
+ "spdx-license-ids": "^3.0.0"
+ }
+ },
+ "node_modules/spdx-license-ids": {
+ "version": "3.0.13",
+ "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz",
+ "integrity": "sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==",
+ "dev": true
+ },
+ "node_modules/spdy": {
+ "version": "4.0.2",
+ "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+ "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+ "dev": true,
+ "dependencies": {
+ "debug": "^4.1.0",
+ "handle-thing": "^2.0.0",
+ "http-deceiver": "^1.2.7",
+ "select-hose": "^2.0.0",
+ "spdy-transport": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/spdy-transport": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+ "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+ "dev": true,
+ "dependencies": {
+ "debug": "^4.1.0",
+ "detect-node": "^2.0.4",
+ "hpack.js": "^2.1.6",
+ "obuf": "^1.1.2",
+ "readable-stream": "^3.0.6",
+ "wbuf": "^1.7.3"
+ }
+ },
+ "node_modules/spdy-transport/node_modules/debug": {
+ "version": "4.3.4",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+ "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+ "dev": true,
+ "dependencies": {
+ "ms": "2.1.2"
+ },
+ "engines": {
+ "node": ">=6.0"
+ },
+ "peerDependenciesMeta": {
+ "supports-color": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/spdy-transport/node_modules/ms": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+ "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+ "dev": true
+ },
+ "node_modules/spdy-transport/node_modules/readable-stream": {
+ "version": "3.6.2",
+ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+ "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+ "dev": true,
+ "dependencies": {
+ "inherits": "^2.0.3",
+ "string_decoder": "^1.1.1",
+ "util-deprecate": "^1.0.1"
+ },
+ "engines": {
+ "node": ">= 6"
+ }
+ },
+ "node_modules/spdy/node_modules/debug": {
+ "version": "4.3.4",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+ "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+ "dev": true,
+ "dependencies": {
+ "ms": "2.1.2"
+ },
+ "engines": {
+ "node": ">=6.0"
+ },
+ "peerDependenciesMeta": {
+ "supports-color": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/spdy/node_modules/ms": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+ "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+ "dev": true
+ },
+ "node_modules/split-string": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+ "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+ "dev": true,
+ "dependencies": {
+ "extend-shallow": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/sprintf-js": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+ "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+ "dev": true
+ },
+ "node_modules/static-extend": {
+ "version": "0.1.2",
+ "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+ "integrity": "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==",
+ "dev": true,
+ "dependencies": {
+ "define-property": "^0.2.5",
+ "object-copy": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/static-extend/node_modules/define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+ "dev": true,
+ "dependencies": {
+ "is-descriptor": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/static-extend/node_modules/is-accessor-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+ "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/static-extend/node_modules/is-accessor-descriptor/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/static-extend/node_modules/is-data-descriptor": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+ "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/static-extend/node_modules/is-data-descriptor/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/static-extend/node_modules/is-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+ "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+ "dev": true,
+ "dependencies": {
+ "is-accessor-descriptor": "^0.1.6",
+ "is-data-descriptor": "^0.1.4",
+ "kind-of": "^5.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/static-extend/node_modules/kind-of": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+ "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/statuses": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+ "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/stream-browserify": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
+ "integrity": "sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==",
+ "dev": true,
+ "dependencies": {
+ "inherits": "~2.0.1",
+ "readable-stream": "^2.0.2"
+ }
+ },
+ "node_modules/stream-http": {
+ "version": "2.8.3",
+ "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.8.3.tgz",
+ "integrity": "sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==",
+ "dev": true,
+ "dependencies": {
+ "builtin-status-codes": "^3.0.0",
+ "inherits": "^2.0.1",
+ "readable-stream": "^2.3.6",
+ "to-arraybuffer": "^1.0.0",
+ "xtend": "^4.0.0"
+ }
+ },
+ "node_modules/strict-uri-encode": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
+ "integrity": "sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/string_decoder": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+ "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+ "dev": true,
+ "dependencies": {
+ "safe-buffer": "~5.2.0"
+ }
+ },
+ "node_modules/string-width": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+ "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+ "dev": true,
+ "dependencies": {
+ "is-fullwidth-code-point": "^2.0.0",
+ "strip-ansi": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/string-width/node_modules/ansi-regex": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
+ "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/string-width/node_modules/strip-ansi": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+ "integrity": "sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==",
+ "dev": true,
+ "dependencies": {
+ "ansi-regex": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/string.prototype.trim": {
+ "version": "1.2.7",
+ "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz",
+ "integrity": "sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.4",
+ "es-abstract": "^1.20.4"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/string.prototype.trimend": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz",
+ "integrity": "sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.4",
+ "es-abstract": "^1.20.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/string.prototype.trimstart": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz",
+ "integrity": "sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.4",
+ "es-abstract": "^1.20.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/strip-ansi": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+ "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+ "dev": true,
+ "dependencies": {
+ "ansi-regex": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/strip-bom": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+ "integrity": "sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==",
+ "dev": true,
+ "dependencies": {
+ "is-utf8": "^0.2.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/strip-eof": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+ "integrity": "sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/strip-indent": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
+ "integrity": "sha512-I5iQq6aFMM62fBEAIB/hXzwJD6EEZ0xEGCX2t7oXqaKPIRgt4WruAQ285BISgdkP+HLGWyeGmNJcpIwFeRYRUA==",
+ "dev": true,
+ "dependencies": {
+ "get-stdin": "^4.0.1"
+ },
+ "bin": {
+ "strip-indent": "cli.js"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/supports-color": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+ "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.8.0"
+ }
+ },
+ "node_modules/supports-preserve-symlinks-flag": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+ "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/svgo": {
+ "version": "0.7.2",
+ "resolved": "https://registry.npmjs.org/svgo/-/svgo-0.7.2.tgz",
+ "integrity": "sha512-jT/g9FFMoe9lu2IT6HtAxTA7RR2XOrmcrmCtGnyB/+GQnV6ZjNn+KOHZbZ35yL81+1F/aB6OeEsJztzBQ2EEwA==",
+ "deprecated": "This SVGO version is no longer supported. Upgrade to v2.x.x.",
+ "dev": true,
+ "dependencies": {
+ "coa": "~1.0.1",
+ "colors": "~1.1.2",
+ "csso": "~2.3.1",
+ "js-yaml": "~3.7.0",
+ "mkdirp": "~0.5.1",
+ "sax": "~1.2.1",
+ "whet.extend": "~0.9.9"
+ },
+ "bin": {
+ "svgo": "bin/svgo"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/tapable": {
+ "version": "0.2.9",
+ "resolved": "https://registry.npmjs.org/tapable/-/tapable-0.2.9.tgz",
+ "integrity": "sha512-2wsvQ+4GwBvLPLWsNfLCDYGsW6xb7aeC6utq2Qh0PFwgEy7K7dsma9Jsmb2zSQj7GvYAyUGSntLtsv++GmgL1A==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.6"
+ }
+ },
+ "node_modules/thunky": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+ "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+ "dev": true
+ },
+ "node_modules/time-stamp": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/time-stamp/-/time-stamp-2.2.0.tgz",
+ "integrity": "sha512-zxke8goJQpBeEgD82CXABeMh0LSJcj7CXEd0OHOg45HgcofF7pxNwZm9+RknpxpDhwN4gFpySkApKfFYfRQnUA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/timers-browserify": {
+ "version": "2.0.12",
+ "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
+ "integrity": "sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==",
+ "dev": true,
+ "dependencies": {
+ "setimmediate": "^1.0.4"
+ },
+ "engines": {
+ "node": ">=0.6.0"
+ }
+ },
+ "node_modules/to-arraybuffer": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
+ "integrity": "sha512-okFlQcoGTi4LQBG/PgSYblw9VOyptsz2KJZqc6qtgGdes8VktzUQkj4BI2blit072iS8VODNcMA+tvnS9dnuMA==",
+ "dev": true
+ },
+ "node_modules/to-fast-properties": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz",
+ "integrity": "sha512-lxrWP8ejsq+7E3nNjwYmUBMAgjMTZoTI+sdBOpvNyijeDLa29LUn9QaoXAHv4+Z578hbmHHJKZknzxVtvo77og==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/to-object-path": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+ "integrity": "sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/to-object-path/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/to-regex": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+ "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+ "dev": true,
+ "dependencies": {
+ "define-property": "^2.0.2",
+ "extend-shallow": "^3.0.2",
+ "regex-not": "^1.0.2",
+ "safe-regex": "^1.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/to-regex-range": {
+ "version": "5.0.1",
+ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+ "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "is-number": "^7.0.0"
+ },
+ "engines": {
+ "node": ">=8.0"
+ }
+ },
+ "node_modules/toidentifier": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+ "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.6"
+ }
+ },
+ "node_modules/trim-newlines": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
+ "integrity": "sha512-Nm4cF79FhSTzrLKGDMi3I4utBtFv8qKy4sq1enftf2gMdpqI8oVQTAfySkTz5r49giVzDj88SVZXP4CeYQwjaw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/trim-right": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz",
+ "integrity": "sha512-WZGXGstmCWgeevgTL54hrCuw1dyMQIzWy7ZfqRJfSmJZBwklI15egmQytFP6bPidmw3M8d5yEowl1niq4vmqZw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/tty-browserify": {
+ "version": "0.0.0",
+ "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
+ "integrity": "sha512-JVa5ijo+j/sOoHGjw0sxw734b1LhBkQ3bvUGNdxnVXDCX81Yx7TFgnZygxrIIWn23hbfTaMYLwRmAxFyDuFmIw==",
+ "dev": true
+ },
+ "node_modules/type": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
+ "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==",
+ "dev": true
+ },
+ "node_modules/type-is": {
+ "version": "1.6.18",
+ "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+ "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+ "dev": true,
+ "dependencies": {
+ "media-typer": "0.3.0",
+ "mime-types": "~2.1.24"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/typed-array-length": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+ "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "for-each": "^0.3.3",
+ "is-typed-array": "^1.1.9"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/uglify-js": {
+ "version": "2.8.29",
+ "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz",
+ "integrity": "sha512-qLq/4y2pjcU3vhlhseXGGJ7VbFO4pBANu0kwl8VCa9KEI0V8VfZIx2Fy3w01iSTA/pGwKZSmu/+I4etLNDdt5w==",
+ "dev": true,
+ "dependencies": {
+ "source-map": "~0.5.1",
+ "yargs": "~3.10.0"
+ },
+ "bin": {
+ "uglifyjs": "bin/uglifyjs"
+ },
+ "engines": {
+ "node": ">=0.8.0"
+ },
+ "optionalDependencies": {
+ "uglify-to-browserify": "~1.0.0"
+ }
+ },
+ "node_modules/uglify-js/node_modules/camelcase": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-1.2.1.tgz",
+ "integrity": "sha512-wzLkDa4K/mzI1OSITC+DUyjgIl/ETNHE9QvYgy6J6Jvqyyz4C0Xfd+lQhb19sX2jMpZV4IssUn0VDVmglV+s4g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/uglify-js/node_modules/cliui": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz",
+ "integrity": "sha512-GIOYRizG+TGoc7Wgc1LiOTLare95R3mzKgoln+Q/lE4ceiYH19gUpl0l0Ffq4lJDEf3FxujMe6IBfOCs7pfqNA==",
+ "dev": true,
+ "dependencies": {
+ "center-align": "^0.1.1",
+ "right-align": "^0.1.1",
+ "wordwrap": "0.0.2"
+ }
+ },
+ "node_modules/uglify-js/node_modules/yargs": {
+ "version": "3.10.0",
+ "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",
+ "integrity": "sha512-QFzUah88GAGy9lyDKGBqZdkYApt63rCXYBGYnEP4xDJPXNqXXnBDACnbrXnViV6jRSqAePwrATi2i8mfYm4L1A==",
+ "dev": true,
+ "dependencies": {
+ "camelcase": "^1.0.2",
+ "cliui": "^2.1.0",
+ "decamelize": "^1.0.0",
+ "window-size": "0.1.0"
+ }
+ },
+ "node_modules/uglify-to-browserify": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz",
+ "integrity": "sha512-vb2s1lYx2xBtUgy+ta+b2J/GLVUR+wmpINwHePmPRhOsIVCG2wDzKJ0n14GslH1BifsqVzSOwQhRaCAsZ/nI4Q==",
+ "dev": true,
+ "optional": true
+ },
+ "node_modules/uglifyjs-webpack-plugin": {
+ "version": "0.4.6",
+ "resolved": "https://registry.npmjs.org/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-0.4.6.tgz",
+ "integrity": "sha512-TNM20HMW67kxHRNCZdvLyiwE1ST6WyY5Ae+TG55V81NpvNwJ9+V4/po4LHA1R9afV/WrqzfedG2UJCk2+swirw==",
+ "dev": true,
+ "hasInstallScript": true,
+ "dependencies": {
+ "source-map": "^0.5.6",
+ "uglify-js": "^2.8.29",
+ "webpack-sources": "^1.0.1"
+ },
+ "engines": {
+ "node": ">=4.3.0 <5.0.0 || >=5.10"
+ },
+ "peerDependencies": {
+ "webpack": "^1.9 || ^2 || ^2.1.0-beta || ^2.2.0-rc || ^3.0.0"
+ }
+ },
+ "node_modules/unbox-primitive": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+ "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+ "dev": true,
+ "dependencies": {
+ "call-bind": "^1.0.2",
+ "has-bigints": "^1.0.2",
+ "has-symbols": "^1.0.3",
+ "which-boxed-primitive": "^1.0.2"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/union-value": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+ "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
+ "dev": true,
+ "dependencies": {
+ "arr-union": "^3.1.0",
+ "get-value": "^2.0.6",
+ "is-extendable": "^0.1.1",
+ "set-value": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/union-value/node_modules/is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/uniq": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
+ "integrity": "sha512-Gw+zz50YNKPDKXs+9d+aKAjVwpjNwqzvNpLigIruT4HA9lMZNdMqs9x07kKHB/L9WRzqp4+DlTU5s4wG2esdoA==",
+ "dev": true
+ },
+ "node_modules/uniqs": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/uniqs/-/uniqs-2.0.0.tgz",
+ "integrity": "sha512-mZdDpf3vBV5Efh29kMw5tXoup/buMgxLzOt/XKFKcVmi+15ManNQWr6HfZ2aiZTYlYixbdNJ0KFmIZIv52tHSQ==",
+ "dev": true
+ },
+ "node_modules/unpipe": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+ "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/unset-value": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+ "integrity": "sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==",
+ "dev": true,
+ "dependencies": {
+ "has-value": "^0.3.1",
+ "isobject": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/unset-value/node_modules/has-value": {
+ "version": "0.3.1",
+ "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+ "integrity": "sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==",
+ "dev": true,
+ "dependencies": {
+ "get-value": "^2.0.3",
+ "has-values": "^0.1.4",
+ "isobject": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/unset-value/node_modules/has-value/node_modules/isobject": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+ "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+ "dev": true,
+ "dependencies": {
+ "isarray": "1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/unset-value/node_modules/has-values": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+ "integrity": "sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/upath": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
+ "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
+ "dev": true,
+ "engines": {
+ "node": ">=4",
+ "yarn": "*"
+ }
+ },
+ "node_modules/uri-js": {
+ "version": "4.4.1",
+ "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+ "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+ "dev": true,
+ "dependencies": {
+ "punycode": "^2.1.0"
+ }
+ },
+ "node_modules/urix": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+ "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
+ "deprecated": "Please see https://github.com/lydell/urix#deprecated",
+ "dev": true
+ },
+ "node_modules/url": {
+ "version": "0.11.1",
+ "resolved": "https://registry.npmjs.org/url/-/url-0.11.1.tgz",
+ "integrity": "sha512-rWS3H04/+mzzJkv0eZ7vEDGiQbgquI1fGfOad6zKvgYQi1SzMmhl7c/DdRGxhaWrVH6z0qWITo8rpnxK/RfEhA==",
+ "dev": true,
+ "dependencies": {
+ "punycode": "^1.4.1",
+ "qs": "^6.11.0"
+ }
+ },
+ "node_modules/url-parse": {
+ "version": "1.5.10",
+ "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+ "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+ "dev": true,
+ "dependencies": {
+ "querystringify": "^2.1.1",
+ "requires-port": "^1.0.0"
+ }
+ },
+ "node_modules/url/node_modules/punycode": {
+ "version": "1.4.1",
+ "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+ "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+ "dev": true
+ },
+ "node_modules/use": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
+ "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/util": {
+ "version": "0.11.1",
+ "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz",
+ "integrity": "sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==",
+ "dev": true,
+ "dependencies": {
+ "inherits": "2.0.3"
+ }
+ },
+ "node_modules/util-deprecate": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+ "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+ "dev": true
+ },
+ "node_modules/util/node_modules/inherits": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+ "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+ "dev": true
+ },
+ "node_modules/utils-merge": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+ "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.4.0"
+ }
+ },
+ "node_modules/uuid": {
+ "version": "3.4.0",
+ "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+ "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
+ "deprecated": "Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.",
+ "dev": true,
+ "bin": {
+ "uuid": "bin/uuid"
+ }
+ },
+ "node_modules/validate-npm-package-license": {
+ "version": "3.0.4",
+ "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+ "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+ "dev": true,
+ "dependencies": {
+ "spdx-correct": "^3.0.0",
+ "spdx-expression-parse": "^3.0.0"
+ }
+ },
+ "node_modules/vary": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+ "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/vendors": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/vendors/-/vendors-1.0.4.tgz",
+ "integrity": "sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==",
+ "dev": true,
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/wooorm"
+ }
+ },
+ "node_modules/vm-browserify": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
+ "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
+ "dev": true
+ },
+ "node_modules/vue": {
+ "version": "2.7.14",
+ "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.14.tgz",
+ "integrity": "sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==",
+ "dependencies": {
+ "@vue/compiler-sfc": "2.7.14",
+ "csstype": "^3.1.0"
+ }
+ },
+ "node_modules/vue-hot-reload-api": {
+ "version": "2.3.4",
+ "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
+ "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
+ "dev": true
+ },
+ "node_modules/vue-loader": {
+ "version": "13.7.3",
+ "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-13.7.3.tgz",
+ "integrity": "sha512-ACCwbfeC6HjY2pnDii+Zer+MZ6sdOtwvLmDXRK/BoD3WNR551V22R6KEagwHoTRJ0ZlIhpCBkptpCU6+Ri/05w==",
+ "dev": true,
+ "dependencies": {
+ "consolidate": "^0.14.0",
+ "hash-sum": "^1.0.2",
+ "loader-utils": "^1.1.0",
+ "lru-cache": "^4.1.1",
+ "postcss": "^6.0.8",
+ "postcss-load-config": "^1.1.0",
+ "postcss-selector-parser": "^2.0.0",
+ "prettier": "^1.7.0",
+ "resolve": "^1.4.0",
+ "source-map": "^0.6.1",
+ "vue-hot-reload-api": "^2.2.0",
+ "vue-style-loader": "^3.0.0",
+ "vue-template-es2015-compiler": "^1.6.0"
+ },
+ "peerDependencies": {
+ "css-loader": "*",
+ "vue-template-compiler": "^2.0.0"
+ }
+ },
+ "node_modules/vue-loader/node_modules/ansi-styles": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+ "dev": true,
+ "dependencies": {
+ "color-convert": "^1.9.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/vue-loader/node_modules/chalk": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^3.2.1",
+ "escape-string-regexp": "^1.0.5",
+ "supports-color": "^5.3.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/vue-loader/node_modules/postcss": {
+ "version": "6.0.23",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+ "dev": true,
+ "dependencies": {
+ "chalk": "^2.4.1",
+ "source-map": "^0.6.1",
+ "supports-color": "^5.4.0"
+ },
+ "engines": {
+ "node": ">=4.0.0"
+ }
+ },
+ "node_modules/vue-loader/node_modules/source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/vue-loader/node_modules/supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/vue-style-loader": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-3.1.2.tgz",
+ "integrity": "sha512-ICtVdK/p+qXWpdSs2alWtsXt9YnDoYjQe0w5616j9+/EhjoxZkbun34uWgsMFnC1MhrMMwaWiImz3K2jK1Yp2Q==",
+ "dev": true,
+ "dependencies": {
+ "hash-sum": "^1.0.2",
+ "loader-utils": "^1.0.2"
+ }
+ },
+ "node_modules/vue-template-compiler": {
+ "version": "2.7.14",
+ "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz",
+ "integrity": "sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==",
+ "dev": true,
+ "dependencies": {
+ "de-indent": "^1.0.2",
+ "he": "^1.2.0"
+ }
+ },
+ "node_modules/vue-template-es2015-compiler": {
+ "version": "1.9.1",
+ "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",
+ "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
+ "dev": true
+ },
+ "node_modules/watchpack": {
+ "version": "1.7.5",
+ "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
+ "integrity": "sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==",
+ "dev": true,
+ "dependencies": {
+ "graceful-fs": "^4.1.2",
+ "neo-async": "^2.5.0"
+ },
+ "optionalDependencies": {
+ "chokidar": "^3.4.1",
+ "watchpack-chokidar2": "^2.0.1"
+ }
+ },
+ "node_modules/watchpack-chokidar2": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/watchpack-chokidar2/-/watchpack-chokidar2-2.0.1.tgz",
+ "integrity": "sha512-nCFfBIPKr5Sh61s4LPpy1Wtfi0HE8isJ3d2Yb5/Ppw2P2B/3eVSEBjKfN0fmHJSK14+31KwMKmcrzs2GM4P0Ww==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "chokidar": "^2.1.8"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/anymatch": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+ "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "micromatch": "^3.1.4",
+ "normalize-path": "^2.1.1"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/anymatch/node_modules/normalize-path": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+ "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "remove-trailing-separator": "^1.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/binary-extensions": {
+ "version": "1.13.1",
+ "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+ "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+ "dev": true,
+ "optional": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/braces": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+ "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "arr-flatten": "^1.1.0",
+ "array-unique": "^0.3.2",
+ "extend-shallow": "^2.0.1",
+ "fill-range": "^4.0.0",
+ "isobject": "^3.0.1",
+ "repeat-element": "^1.1.2",
+ "snapdragon": "^0.8.1",
+ "snapdragon-node": "^2.0.1",
+ "split-string": "^3.0.2",
+ "to-regex": "^3.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/chokidar": {
+ "version": "2.1.8",
+ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+ "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+ "deprecated": "Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "anymatch": "^2.0.0",
+ "async-each": "^1.0.1",
+ "braces": "^2.3.2",
+ "glob-parent": "^3.1.0",
+ "inherits": "^2.0.3",
+ "is-binary-path": "^1.0.0",
+ "is-glob": "^4.0.0",
+ "normalize-path": "^3.0.0",
+ "path-is-absolute": "^1.0.0",
+ "readdirp": "^2.2.1",
+ "upath": "^1.1.1"
+ },
+ "optionalDependencies": {
+ "fsevents": "^1.2.7"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "is-extendable": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/fill-range": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+ "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "extend-shallow": "^2.0.1",
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1",
+ "to-regex-range": "^2.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/fsevents": {
+ "version": "1.2.13",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+ "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+ "deprecated": "The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2",
+ "dev": true,
+ "hasInstallScript": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "dependencies": {
+ "bindings": "^1.5.0",
+ "nan": "^2.12.1"
+ },
+ "engines": {
+ "node": ">= 4.0"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/glob-parent": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+ "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "is-glob": "^3.1.0",
+ "path-dirname": "^1.0.0"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/glob-parent/node_modules/is-glob": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+ "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "is-extglob": "^2.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/is-binary-path": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+ "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "binary-extensions": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true,
+ "optional": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/is-number": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+ "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/readdirp": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+ "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "graceful-fs": "^4.1.11",
+ "micromatch": "^3.1.10",
+ "readable-stream": "^2.0.2"
+ },
+ "engines": {
+ "node": ">=0.10"
+ }
+ },
+ "node_modules/watchpack-chokidar2/node_modules/to-regex-range": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+ "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+ "dev": true,
+ "optional": true,
+ "dependencies": {
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/wbuf": {
+ "version": "1.7.3",
+ "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+ "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+ "dev": true,
+ "dependencies": {
+ "minimalistic-assert": "^1.0.0"
+ }
+ },
+ "node_modules/webpack": {
+ "version": "3.12.0",
+ "resolved": "https://registry.npmjs.org/webpack/-/webpack-3.12.0.tgz",
+ "integrity": "sha512-Sw7MdIIOv/nkzPzee4o0EdvCuPmxT98+vVpIvwtcwcF1Q4SDSNp92vwcKc4REe7NItH9f1S4ra9FuQ7yuYZ8bQ==",
+ "dev": true,
+ "dependencies": {
+ "acorn": "^5.0.0",
+ "acorn-dynamic-import": "^2.0.0",
+ "ajv": "^6.1.0",
+ "ajv-keywords": "^3.1.0",
+ "async": "^2.1.2",
+ "enhanced-resolve": "^3.4.0",
+ "escope": "^3.6.0",
+ "interpret": "^1.0.0",
+ "json-loader": "^0.5.4",
+ "json5": "^0.5.1",
+ "loader-runner": "^2.3.0",
+ "loader-utils": "^1.1.0",
+ "memory-fs": "~0.4.1",
+ "mkdirp": "~0.5.0",
+ "node-libs-browser": "^2.0.0",
+ "source-map": "^0.5.3",
+ "supports-color": "^4.2.1",
+ "tapable": "^0.2.7",
+ "uglifyjs-webpack-plugin": "^0.4.6",
+ "watchpack": "^1.4.0",
+ "webpack-sources": "^1.0.1",
+ "yargs": "^8.0.2"
+ },
+ "bin": {
+ "webpack": "bin/webpack.js"
+ },
+ "engines": {
+ "node": ">=4.3.0 <5.0.0 || >=5.10"
+ }
+ },
+ "node_modules/webpack-dev-middleware": {
+ "version": "1.12.2",
+ "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-1.12.2.tgz",
+ "integrity": "sha512-FCrqPy1yy/sN6U/SaEZcHKRXGlqU0DUaEBL45jkUYoB8foVb6wCnbIJ1HKIx+qUFTW+3JpVcCJCxZ8VATL4e+A==",
+ "dev": true,
+ "dependencies": {
+ "memory-fs": "~0.4.1",
+ "mime": "^1.5.0",
+ "path-is-absolute": "^1.0.0",
+ "range-parser": "^1.0.3",
+ "time-stamp": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=0.6"
+ },
+ "peerDependencies": {
+ "webpack": "^1.0.0 || ^2.0.0 || ^3.0.0"
+ }
+ },
+ "node_modules/webpack-dev-server": {
+ "version": "2.11.5",
+ "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-2.11.5.tgz",
+ "integrity": "sha512-7TdOKKt7G3sWEhPKV0zP+nD0c4V9YKUJ3wDdBwQsZNo58oZIRoVIu66pg7PYkBW8A74msP9C2kLwmxGHndz/pw==",
+ "dev": true,
+ "dependencies": {
+ "ansi-html": "0.0.7",
+ "array-includes": "^3.0.3",
+ "bonjour": "^3.5.0",
+ "chokidar": "^2.1.2",
+ "compression": "^1.7.3",
+ "connect-history-api-fallback": "^1.3.0",
+ "debug": "^3.1.0",
+ "del": "^3.0.0",
+ "express": "^4.16.2",
+ "html-entities": "^1.2.0",
+ "http-proxy-middleware": "^0.19.1",
+ "import-local": "^1.0.0",
+ "internal-ip": "1.2.0",
+ "ip": "^1.1.5",
+ "killable": "^1.0.0",
+ "loglevel": "^1.4.1",
+ "opn": "^5.1.0",
+ "portfinder": "^1.0.9",
+ "selfsigned": "^1.9.1",
+ "serve-index": "^1.9.1",
+ "sockjs": "0.3.19",
+ "sockjs-client": "1.1.5",
+ "spdy": "^4.0.0",
+ "strip-ansi": "^3.0.0",
+ "supports-color": "^5.1.0",
+ "webpack-dev-middleware": "1.12.2",
+ "yargs": "6.6.0"
+ },
+ "bin": {
+ "webpack-dev-server": "bin/webpack-dev-server.js"
+ },
+ "engines": {
+ "node": ">=4.7"
+ },
+ "peerDependencies": {
+ "webpack": "^2.2.0 || ^3.0.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/anymatch": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+ "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+ "dev": true,
+ "dependencies": {
+ "micromatch": "^3.1.4",
+ "normalize-path": "^2.1.1"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/anymatch/node_modules/normalize-path": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+ "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+ "dev": true,
+ "dependencies": {
+ "remove-trailing-separator": "^1.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/binary-extensions": {
+ "version": "1.13.1",
+ "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+ "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/braces": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+ "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+ "dev": true,
+ "dependencies": {
+ "arr-flatten": "^1.1.0",
+ "array-unique": "^0.3.2",
+ "extend-shallow": "^2.0.1",
+ "fill-range": "^4.0.0",
+ "isobject": "^3.0.1",
+ "repeat-element": "^1.1.2",
+ "snapdragon": "^0.8.1",
+ "snapdragon-node": "^2.0.1",
+ "split-string": "^3.0.2",
+ "to-regex": "^3.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/camelcase": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+ "integrity": "sha512-4nhGqUkc4BqbBBB4Q6zLuD7lzzrHYrjKGeYaEji/3tFR5VdJu9v+LilhGIVe8wxEJPPOeWo7eg8dwY13TZ1BNg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/chokidar": {
+ "version": "2.1.8",
+ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+ "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+ "deprecated": "Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies",
+ "dev": true,
+ "dependencies": {
+ "anymatch": "^2.0.0",
+ "async-each": "^1.0.1",
+ "braces": "^2.3.2",
+ "glob-parent": "^3.1.0",
+ "inherits": "^2.0.3",
+ "is-binary-path": "^1.0.0",
+ "is-glob": "^4.0.0",
+ "normalize-path": "^3.0.0",
+ "path-is-absolute": "^1.0.0",
+ "readdirp": "^2.2.1",
+ "upath": "^1.1.1"
+ },
+ "optionalDependencies": {
+ "fsevents": "^1.2.7"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/debug": {
+ "version": "3.2.7",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+ "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+ "dev": true,
+ "dependencies": {
+ "ms": "^2.1.1"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "dependencies": {
+ "is-extendable": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/fill-range": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+ "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+ "dev": true,
+ "dependencies": {
+ "extend-shallow": "^2.0.1",
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1",
+ "to-regex-range": "^2.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/fsevents": {
+ "version": "1.2.13",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+ "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+ "deprecated": "The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2",
+ "dev": true,
+ "hasInstallScript": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "dependencies": {
+ "bindings": "^1.5.0",
+ "nan": "^2.12.1"
+ },
+ "engines": {
+ "node": ">= 4.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/glob-parent": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+ "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==",
+ "dev": true,
+ "dependencies": {
+ "is-glob": "^3.1.0",
+ "path-dirname": "^1.0.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/glob-parent/node_modules/is-glob": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+ "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+ "dev": true,
+ "dependencies": {
+ "is-extglob": "^2.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/is-binary-path": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+ "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==",
+ "dev": true,
+ "dependencies": {
+ "binary-extensions": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/is-fullwidth-code-point": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+ "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+ "dev": true,
+ "dependencies": {
+ "number-is-nan": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/is-number": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+ "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+ "dev": true,
+ "dependencies": {
+ "kind-of": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "dependencies": {
+ "is-buffer": "^1.1.5"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/ms": {
+ "version": "2.1.3",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+ "dev": true
+ },
+ "node_modules/webpack-dev-server/node_modules/os-locale": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
+ "integrity": "sha512-PRT7ZORmwu2MEFt4/fv3Q+mEfN4zetKxufQrkShY2oGvUms9r8otu5HfdyIFHkYXjO7laNsoVGmM2MANfuTA8g==",
+ "dev": true,
+ "dependencies": {
+ "lcid": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/readdirp": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+ "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+ "dev": true,
+ "dependencies": {
+ "graceful-fs": "^4.1.11",
+ "micromatch": "^3.1.10",
+ "readable-stream": "^2.0.2"
+ },
+ "engines": {
+ "node": ">=0.10"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/string-width": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+ "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
+ "dev": true,
+ "dependencies": {
+ "code-point-at": "^1.0.0",
+ "is-fullwidth-code-point": "^1.0.0",
+ "strip-ansi": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/to-regex-range": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+ "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+ "dev": true,
+ "dependencies": {
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/which-module": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz",
+ "integrity": "sha512-F6+WgncZi/mJDrammbTuHe1q0R5hOXv/mBaiNA2TCNT/LTHusX0V+CJnj9XT8ki5ln2UZyyddDgHfCzyrOH7MQ==",
+ "dev": true
+ },
+ "node_modules/webpack-dev-server/node_modules/yargs": {
+ "version": "6.6.0",
+ "resolved": "https://registry.npmjs.org/yargs/-/yargs-6.6.0.tgz",
+ "integrity": "sha512-6/QWTdisjnu5UHUzQGst+UOEuEVwIzFVGBjq3jMTFNs5WJQsH/X6nMURSaScIdF5txylr1Ao9bvbWiKi2yXbwA==",
+ "dev": true,
+ "dependencies": {
+ "camelcase": "^3.0.0",
+ "cliui": "^3.2.0",
+ "decamelize": "^1.1.1",
+ "get-caller-file": "^1.0.1",
+ "os-locale": "^1.4.0",
+ "read-pkg-up": "^1.0.1",
+ "require-directory": "^2.1.1",
+ "require-main-filename": "^1.0.1",
+ "set-blocking": "^2.0.0",
+ "string-width": "^1.0.2",
+ "which-module": "^1.0.0",
+ "y18n": "^3.2.1",
+ "yargs-parser": "^4.2.0"
+ }
+ },
+ "node_modules/webpack-dev-server/node_modules/yargs-parser": {
+ "version": "4.2.1",
+ "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-4.2.1.tgz",
+ "integrity": "sha512-+QQWqC2xeL0N5/TE+TY6OGEqyNRM+g2/r712PDNYgiCdXYCApXf1vzfmDSLBxfGRwV+moTq/V8FnMI24JCm2Yg==",
+ "dev": true,
+ "dependencies": {
+ "camelcase": "^3.0.0"
+ }
+ },
+ "node_modules/webpack-sources": {
+ "version": "1.4.3",
+ "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
+ "integrity": "sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==",
+ "dev": true,
+ "dependencies": {
+ "source-list-map": "^2.0.0",
+ "source-map": "~0.6.1"
+ }
+ },
+ "node_modules/webpack-sources/node_modules/source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack/node_modules/has-flag": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-2.0.0.tgz",
+ "integrity": "sha512-P+1n3MnwjR/Epg9BBo1KT8qbye2g2Ou4sFumihwt6I4tsUX7jnLcX4BTOSKg/B1ZrIYMN9FcEnG4x5a7NB8Eng==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/webpack/node_modules/supports-color": {
+ "version": "4.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.5.0.tgz",
+ "integrity": "sha512-ycQR/UbvI9xIlEdQT1TQqwoXtEldExbCEAJgRo5YXlmSKjv6ThHnP9/vwGa1gr19Gfw+LkFd7KqYMhzrRC5JYw==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/websocket-driver": {
+ "version": "0.7.4",
+ "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+ "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+ "dev": true,
+ "dependencies": {
+ "http-parser-js": ">=0.5.1",
+ "safe-buffer": ">=5.1.0",
+ "websocket-extensions": ">=0.1.1"
+ },
+ "engines": {
+ "node": ">=0.8.0"
+ }
+ },
+ "node_modules/websocket-extensions": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+ "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.8.0"
+ }
+ },
+ "node_modules/whet.extend": {
+ "version": "0.9.9",
+ "resolved": "https://registry.npmjs.org/whet.extend/-/whet.extend-0.9.9.tgz",
+ "integrity": "sha512-mmIPAft2vTgEILgPeZFqE/wWh24SEsR/k+N9fJ3Jxrz44iDFy9aemCxdksfURSHYFCLmvs/d/7Iso5XjPpNfrA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.6.0"
+ }
+ },
+ "node_modules/which": {
+ "version": "1.3.1",
+ "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+ "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+ "dev": true,
+ "dependencies": {
+ "isexe": "^2.0.0"
+ },
+ "bin": {
+ "which": "bin/which"
+ }
+ },
+ "node_modules/which-boxed-primitive": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+ "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+ "dev": true,
+ "dependencies": {
+ "is-bigint": "^1.0.1",
+ "is-boolean-object": "^1.1.0",
+ "is-number-object": "^1.0.4",
+ "is-string": "^1.0.5",
+ "is-symbol": "^1.0.3"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/which-module": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+ "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
+ "dev": true
+ },
+ "node_modules/which-typed-array": {
+ "version": "1.1.9",
+ "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.9.tgz",
+ "integrity": "sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==",
+ "dev": true,
+ "dependencies": {
+ "available-typed-arrays": "^1.0.5",
+ "call-bind": "^1.0.2",
+ "for-each": "^0.3.3",
+ "gopd": "^1.0.1",
+ "has-tostringtag": "^1.0.0",
+ "is-typed-array": "^1.1.10"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/window-size": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.0.tgz",
+ "integrity": "sha512-1pTPQDKTdd61ozlKGNCjhNRd+KPmgLSGa3mZTHoOliaGcESD8G1PXhh7c1fgiPjVbNVfgy2Faw4BI8/m0cC8Mg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/wordwrap": {
+ "version": "0.0.2",
+ "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz",
+ "integrity": "sha512-xSBsCeh+g+dinoBv3GAOWM4LcVVO68wLXRanibtBSdUvkGWQRGeE9P7IwU9EmDDi4jA6L44lz15CGMwdw9N5+Q==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.4.0"
+ }
+ },
+ "node_modules/wrap-ansi": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
+ "integrity": "sha512-vAaEaDM946gbNpH5pLVNR+vX2ht6n0Bt3GXwVB1AuAqZosOvHNF3P7wDnh8KLkSqgUh0uh77le7Owgoz+Z9XBw==",
+ "dev": true,
+ "dependencies": {
+ "string-width": "^1.0.1",
+ "strip-ansi": "^3.0.1"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/wrap-ansi/node_modules/is-fullwidth-code-point": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+ "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+ "dev": true,
+ "dependencies": {
+ "number-is-nan": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/wrap-ansi/node_modules/string-width": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+ "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
+ "dev": true,
+ "dependencies": {
+ "code-point-at": "^1.0.0",
+ "is-fullwidth-code-point": "^1.0.0",
+ "strip-ansi": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/wrappy": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+ "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+ "dev": true
+ },
+ "node_modules/xtend": {
+ "version": "4.0.2",
+ "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+ "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.4"
+ }
+ },
+ "node_modules/y18n": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.2.tgz",
+ "integrity": "sha512-uGZHXkHnhF0XeeAPgnKfPv1bgKAYyVvmNL1xlKsPYZPaIHxGti2hHqvOCQv71XMsLxu1QjergkqogUnms5D3YQ==",
+ "dev": true
+ },
+ "node_modules/yallist": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+ "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
+ "dev": true
+ },
+ "node_modules/yargs": {
+ "version": "8.0.2",
+ "resolved": "https://registry.npmjs.org/yargs/-/yargs-8.0.2.tgz",
+ "integrity": "sha512-3RiZrpLpjrzIAKgGdPktBcMP/eG5bDFlkI+PHle1qwzyVXyDQL+pD/eZaMoOOO0Y7LLBfjpucObuUm/icvbpKQ==",
+ "dev": true,
+ "dependencies": {
+ "camelcase": "^4.1.0",
+ "cliui": "^3.2.0",
+ "decamelize": "^1.1.1",
+ "get-caller-file": "^1.0.1",
+ "os-locale": "^2.0.0",
+ "read-pkg-up": "^2.0.0",
+ "require-directory": "^2.1.1",
+ "require-main-filename": "^1.0.1",
+ "set-blocking": "^2.0.0",
+ "string-width": "^2.0.0",
+ "which-module": "^2.0.0",
+ "y18n": "^3.2.1",
+ "yargs-parser": "^7.0.0"
+ }
+ },
+ "node_modules/yargs-parser": {
+ "version": "7.0.0",
+ "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-7.0.0.tgz",
+ "integrity": "sha512-WhzC+xgstid9MbVUktco/bf+KJG+Uu6vMX0LN1sLJvwmbCQVxb4D8LzogobonKycNasCZLdOzTAk1SK7+K7swg==",
+ "dev": true,
+ "dependencies": {
+ "camelcase": "^4.1.0"
+ }
+ },
+ "node_modules/yargs-parser/node_modules/camelcase": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+ "integrity": "sha512-FxAv7HpHrXbh3aPo4o2qxHay2lkLY3x5Mw3KeE4KQE8ysVfziWeRZDwcjauvwBSGEC/nXUPzZy8zeh4HokqOnw==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/yargs/node_modules/camelcase": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+ "integrity": "sha512-FxAv7HpHrXbh3aPo4o2qxHay2lkLY3x5Mw3KeE4KQE8ysVfziWeRZDwcjauvwBSGEC/nXUPzZy8zeh4HokqOnw==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/yargs/node_modules/load-json-file": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",
+ "integrity": "sha512-3p6ZOGNbiX4CdvEd1VcE6yi78UrGNpjHO33noGwHCnT/o2fyllJDepsm8+mFFv/DvtwFHht5HIHSyOy5a+ChVQ==",
+ "dev": true,
+ "dependencies": {
+ "graceful-fs": "^4.1.2",
+ "parse-json": "^2.2.0",
+ "pify": "^2.0.0",
+ "strip-bom": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/yargs/node_modules/path-type": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/path-type/-/path-type-2.0.0.tgz",
+ "integrity": "sha512-dUnb5dXUf+kzhC/W/F4e5/SkluXIFf5VUHolW1Eg1irn1hGWjPGdsRcvYJ1nD6lhk8Ir7VM0bHJKsYTx8Jx9OQ==",
+ "dev": true,
+ "dependencies": {
+ "pify": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/yargs/node_modules/pify": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+ "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/yargs/node_modules/read-pkg": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-2.0.0.tgz",
+ "integrity": "sha512-eFIBOPW7FGjzBuk3hdXEuNSiTZS/xEMlH49HxMyzb0hyPfu4EhVjT2DH32K1hSSmVq4sebAWnZuuY5auISUTGA==",
+ "dev": true,
+ "dependencies": {
+ "load-json-file": "^2.0.0",
+ "normalize-package-data": "^2.3.2",
+ "path-type": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/yargs/node_modules/read-pkg-up": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-2.0.0.tgz",
+ "integrity": "sha512-1orxQfbWGUiTn9XsPlChs6rLie/AV9jwZTGmu2NZw/CUDJQchXJFYE0Fq5j7+n558T1JhDWLdhyd1Zj+wLY//w==",
+ "dev": true,
+ "dependencies": {
+ "find-up": "^2.0.0",
+ "read-pkg": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/yargs/node_modules/strip-bom": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+ "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ }
+ },
+ "dependencies": {
+ "@babel/parser": {
+ "version": "7.22.7",
+ "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.7.tgz",
+ "integrity": "sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q=="
+ },
+ "@syncfusion/ej2-base": {
+ "version": "22.1.34",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-base/-/ej2-base-22.1.34.tgz",
+ "integrity": "sha512-Cxk488BXsMHDYp4YmQ4uSBS1TSO9o6iiHs7qXO69BfNiSaRYhGfTbrBvtXgLFoE0KO4e/39sQ9Mle/zo+a2knw==",
+ "requires": {
+ "@syncfusion/ej2-icons": "~22.1.34"
+ }
+ },
+ "@syncfusion/ej2-buttons": {
+ "version": "21.1.42",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-buttons/-/ej2-buttons-21.1.42.tgz",
+ "integrity": "sha512-llP3bA3GWnwLbyzdjgoR9kEQrRJ0hztWDgo3FtKePN/TDv+FrrgdMLW/wmZbPpHJT++/7FIqMOndiZIDLh7q7Q==",
+ "requires": {
+ "@syncfusion/ej2-base": "~21.1.37"
+ },
+ "dependencies": {
+ "@syncfusion/ej2-base": {
+ "version": "21.1.40",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-base/-/ej2-base-21.1.40.tgz",
+ "integrity": "sha512-hFAtGh6TqbEckDRPGBSp5jFiyRCiOSubFsM99qoiP6Ub6GROAfzG7NvHwuoVulWsOLPgpye37DQsM2K0ex5Jyg==",
+ "requires": {
+ "@syncfusion/ej2-icons": "~21.1.37"
+ }
+ },
+ "@syncfusion/ej2-icons": {
+ "version": "21.1.37",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-icons/-/ej2-icons-21.1.37.tgz",
+ "integrity": "sha512-oJWxxYNcvz4PSsAKsFqwR027c4p6GXsxqDVJGy8tr0L/XT8hpBE+3mHsmSfeOhKyCHg4HCBiT3POVUd9Jg1unw=="
+ }
+ }
+ },
+ "@syncfusion/ej2-data": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-data/-/ej2-data-22.1.36.tgz",
+ "integrity": "sha512-pbS7NSc3qn6cTAueFE8poN4Ap1635CzIsJ19/INac2lclJp2aej979tcS3jQ3VRDykBMskGkv/HVN27aMR2UIg==",
+ "requires": {
+ "@syncfusion/ej2-base": "~22.1.34"
+ }
+ },
+ "@syncfusion/ej2-diagrams": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-diagrams/-/ej2-diagrams-22.1.36.tgz",
+ "integrity": "sha512-gd5b8LaTeLksdGEKWQby+klEaJrx3Uo/WcoCLN2YOy8aOIGmQKbAWw0MjF4LJK80VYP+6ttLVDvSgpXrIOl/4w==",
+ "requires": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-buttons": "~21.1.36",
+ "@syncfusion/ej2-data": "~22.1.36",
+ "@syncfusion/ej2-inputs": "~22.1.34",
+ "@syncfusion/ej2-lists": "~22.1.34",
+ "@syncfusion/ej2-navigations": "~22.1.36",
+ "@syncfusion/ej2-popups": "~22.1.36"
+ }
+ },
+ "@syncfusion/ej2-icons": {
+ "version": "22.1.34",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-icons/-/ej2-icons-22.1.34.tgz",
+ "integrity": "sha512-DErl0LGB7gndgdCUJ4DgGkccAAxga6BlqR0nxtYBKetNhQpICkzafiq0o8ZfDR5xV3bguIxHOTLZGYNB3PgVCw=="
+ },
+ "@syncfusion/ej2-inputs": {
+ "version": "22.1.34",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-inputs/-/ej2-inputs-22.1.34.tgz",
+ "integrity": "sha512-hORgtRRfujHh7ASH7RFteoLVkLIbT21J9/FLWlBMiQHcQ4UUTsyTiFEhJATUOuSsQZkxZ97ssv+OeZ13C1pjMw==",
+ "requires": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-buttons": "~22.1.34",
+ "@syncfusion/ej2-popups": "~22.1.34",
+ "@syncfusion/ej2-splitbuttons": "~22.1.34"
+ },
+ "dependencies": {
+ "@syncfusion/ej2-buttons": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-buttons/-/ej2-buttons-22.1.36.tgz",
+ "integrity": "sha512-9KgwGRdNOy8+qQCqr42qIUifeddIjTC6pnuWp2PnklKVbGUjdWHgdtkIdkaRTzLLbNLxTfiahgPbkrzB+459Dw==",
+ "requires": {
+ "@syncfusion/ej2-base": "~22.1.34"
+ }
+ }
+ }
+ },
+ "@syncfusion/ej2-lists": {
+ "version": "22.1.34",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-lists/-/ej2-lists-22.1.34.tgz",
+ "integrity": "sha512-fiOuLBXIWFh1Gf3VzCvhjJvOGLbreRnbEHqLyb7frTDM8hHNMYag53f+OwGF/+PG3X+M4eQmia/Lik3iJDaHTA==",
+ "requires": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-buttons": "~22.1.34",
+ "@syncfusion/ej2-data": "~22.1.34"
+ },
+ "dependencies": {
+ "@syncfusion/ej2-buttons": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-buttons/-/ej2-buttons-22.1.36.tgz",
+ "integrity": "sha512-9KgwGRdNOy8+qQCqr42qIUifeddIjTC6pnuWp2PnklKVbGUjdWHgdtkIdkaRTzLLbNLxTfiahgPbkrzB+459Dw==",
+ "requires": {
+ "@syncfusion/ej2-base": "~22.1.34"
+ }
+ }
+ }
+ },
+ "@syncfusion/ej2-navigations": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-navigations/-/ej2-navigations-22.1.36.tgz",
+ "integrity": "sha512-fOVA1c8W0R5lQJFwLkfKxotlVI1CeJ83CVXdJJwmGM7MQ8Y/42s1fJE33sc5/sSBBCB4lJdNU+oL7+97/z6lpA==",
+ "requires": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-buttons": "~21.1.36",
+ "@syncfusion/ej2-data": "~22.1.36",
+ "@syncfusion/ej2-inputs": "~22.1.34",
+ "@syncfusion/ej2-lists": "~22.1.34",
+ "@syncfusion/ej2-popups": "~22.1.36"
+ }
+ },
+ "@syncfusion/ej2-popups": {
+ "version": "22.1.37",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-popups/-/ej2-popups-22.1.37.tgz",
+ "integrity": "sha512-SeljR99Hp8ghM3F/xuMhfN0jYAnq3swVapB0fLYGER/V+TIVNLbGqFDuEx4ONCA0xdW2cTTcGKTSg5iUD/4hdQ==",
+ "requires": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-buttons": "~22.1.36"
+ },
+ "dependencies": {
+ "@syncfusion/ej2-buttons": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-buttons/-/ej2-buttons-22.1.36.tgz",
+ "integrity": "sha512-9KgwGRdNOy8+qQCqr42qIUifeddIjTC6pnuWp2PnklKVbGUjdWHgdtkIdkaRTzLLbNLxTfiahgPbkrzB+459Dw==",
+ "requires": {
+ "@syncfusion/ej2-base": "~22.1.34"
+ }
+ }
+ }
+ },
+ "@syncfusion/ej2-splitbuttons": {
+ "version": "22.1.37",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-22.1.37.tgz",
+ "integrity": "sha512-mgzQV/E6pEykS1jL9BzDFxq1afRx/OMgbEWR2TVXP2DOKmhLzbObBm8dnvUm1u4WAHceh6JEtUNJs8QELv8Y8g==",
+ "requires": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-popups": "~22.1.37"
+ }
+ },
+ "@syncfusion/ej2-vue-base": {
+ "version": "22.1.34",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-vue-base/-/ej2-vue-base-22.1.34.tgz",
+ "integrity": "sha512-CgR4sVpN2hJzVqEz4JrvX4X7uP5oEIJOMlgkxSNiIcK1rwOrIEeYjr3FmzJ/3v/hIPkmYG9GKIKrUjzSzvUvFA==",
+ "requires": {
+ "@syncfusion/ej2-base": "~22.1.34"
+ }
+ },
+ "@syncfusion/ej2-vue-diagrams": {
+ "version": "22.1.36",
+ "resolved": "https://registry.npmjs.org/@syncfusion/ej2-vue-diagrams/-/ej2-vue-diagrams-22.1.36.tgz",
+ "integrity": "sha512-5rh3NOMCBaq/0OOJO8ulYU/Tjyy/mPWfEXZiHbsiRXz8yEEftIsLT6ie3LI0ECNkK043ayV4f1bg4LYKcpPfKg==",
+ "requires": {
+ "@syncfusion/ej2-base": "~22.1.34",
+ "@syncfusion/ej2-diagrams": "22.1.36",
+ "@syncfusion/ej2-vue-base": "~22.1.34"
+ }
+ },
+ "@vue/compiler-sfc": {
+ "version": "2.7.14",
+ "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz",
+ "integrity": "sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA==",
+ "requires": {
+ "@babel/parser": "^7.18.4",
+ "postcss": "^8.4.14",
+ "source-map": "^0.6.1"
+ },
+ "dependencies": {
+ "postcss": {
+ "version": "8.4.25",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.25.tgz",
+ "integrity": "sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==",
+ "requires": {
+ "nanoid": "^3.3.6",
+ "picocolors": "^1.0.0",
+ "source-map-js": "^1.0.2"
+ }
+ },
+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+ }
+ }
+ },
+ "accepts": {
+ "version": "1.3.8",
+ "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+ "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+ "dev": true,
+ "requires": {
+ "mime-types": "~2.1.34",
+ "negotiator": "0.6.3"
+ }
+ },
+ "acorn": {
+ "version": "5.7.4",
+ "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.4.tgz",
+ "integrity": "sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg==",
+ "dev": true
+ },
+ "acorn-dynamic-import": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-2.0.2.tgz",
+ "integrity": "sha512-GKp5tQ8h0KMPWIYGRHHXI1s5tUpZixZ3IHF2jAu42wSCf6In/G873s6/y4DdKdhWvzhu1T6mE1JgvnhAKqyYYQ==",
+ "dev": true,
+ "requires": {
+ "acorn": "^4.0.3"
+ },
+ "dependencies": {
+ "acorn": {
+ "version": "4.0.13",
+ "resolved": "https://registry.npmjs.org/acorn/-/acorn-4.0.13.tgz",
+ "integrity": "sha512-fu2ygVGuMmlzG8ZeRJ0bvR41nsAkxxhbyk8bZ1SS521Z7vmgJFTQQlfz/Mp/nJexGBz+v8sC9bM6+lNgskt4Ug==",
+ "dev": true
+ }
+ }
+ },
+ "ajv": {
+ "version": "6.12.6",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+ "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+ "dev": true,
+ "requires": {
+ "fast-deep-equal": "^3.1.1",
+ "fast-json-stable-stringify": "^2.0.0",
+ "json-schema-traverse": "^0.4.1",
+ "uri-js": "^4.2.2"
+ }
+ },
+ "ajv-keywords": {
+ "version": "3.5.2",
+ "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+ "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+ "dev": true,
+ "requires": {}
+ },
+ "align-text": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz",
+ "integrity": "sha512-GrTZLRpmp6wIC2ztrWW9MjjTgSKccffgFagbNDOX95/dcjEcYZibYTeaOntySQLcdw1ztBoFkviiUvTMbb9MYg==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2",
+ "longest": "^1.0.1",
+ "repeat-string": "^1.5.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "alphanum-sort": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/alphanum-sort/-/alphanum-sort-1.0.2.tgz",
+ "integrity": "sha512-0FcBfdcmaumGPQ0qPn7Q5qTgz/ooXgIyp1rf8ik5bGX8mpE2YHjC0P/eyQvxu1GURYQgq9ozf2mteQ5ZD9YiyQ==",
+ "dev": true
+ },
+ "ansi-html": {
+ "version": "0.0.7",
+ "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz",
+ "integrity": "sha512-JoAxEa1DfP9m2xfB/y2r/aKcwXNlltr4+0QSBC4TrLfcxyvepX2Pv0t/xpgGV5bGsDzCYV8SzjWgyCW0T9yYbA==",
+ "dev": true
+ },
+ "ansi-regex": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+ "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+ "dev": true
+ },
+ "ansi-styles": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+ "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==",
+ "dev": true
+ },
+ "anymatch": {
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+ "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "normalize-path": "^3.0.0",
+ "picomatch": "^2.0.4"
+ }
+ },
+ "argparse": {
+ "version": "1.0.10",
+ "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+ "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+ "dev": true,
+ "requires": {
+ "sprintf-js": "~1.0.2"
+ }
+ },
+ "arr-diff": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+ "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==",
+ "dev": true
+ },
+ "arr-flatten": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+ "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
+ "dev": true
+ },
+ "arr-union": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+ "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==",
+ "dev": true
+ },
+ "array-buffer-byte-length": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+ "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "is-array-buffer": "^3.0.1"
+ }
+ },
+ "array-find-index": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
+ "integrity": "sha512-M1HQyIXcBGtVywBt8WVdim+lrNaK7VHp99Qt5pSNziXznKHViIBbXWtfRTpEFpF/c4FdfxNAsCCwPp5phBYJtw==",
+ "dev": true
+ },
+ "array-flatten": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz",
+ "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==",
+ "dev": true
+ },
+ "array-includes": {
+ "version": "3.1.6",
+ "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz",
+ "integrity": "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.4",
+ "es-abstract": "^1.20.4",
+ "get-intrinsic": "^1.1.3",
+ "is-string": "^1.0.7"
+ }
+ },
+ "array-union": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+ "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
+ "dev": true,
+ "requires": {
+ "array-uniq": "^1.0.1"
+ }
+ },
+ "array-uniq": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+ "integrity": "sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==",
+ "dev": true
+ },
+ "array-unique": {
+ "version": "0.3.2",
+ "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+ "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==",
+ "dev": true
+ },
+ "asn1.js": {
+ "version": "5.4.1",
+ "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
+ "integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
+ "dev": true,
+ "requires": {
+ "bn.js": "^4.0.0",
+ "inherits": "^2.0.1",
+ "minimalistic-assert": "^1.0.0",
+ "safer-buffer": "^2.1.0"
+ },
+ "dependencies": {
+ "bn.js": {
+ "version": "4.12.0",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+ "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+ "dev": true
+ }
+ }
+ },
+ "assert": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.0.tgz",
+ "integrity": "sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==",
+ "dev": true,
+ "requires": {
+ "object-assign": "^4.1.1",
+ "util": "0.10.3"
+ },
+ "dependencies": {
+ "inherits": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.1.tgz",
+ "integrity": "sha512-8nWq2nLTAwd02jTqJExUYFSD/fKq6VH9Y/oG2accc/kdI0V98Bag8d5a4gi3XHz73rDWa2PvTtvcWYquKqSENA==",
+ "dev": true
+ },
+ "util": {
+ "version": "0.10.3",
+ "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
+ "integrity": "sha512-5KiHfsmkqacuKjkRkdV7SsfDJ2EGiPsK92s2MhNSY0craxjTdKTtqKsJaCWp4LW33ZZ0OPUv1WO/TFvNQRiQxQ==",
+ "dev": true,
+ "requires": {
+ "inherits": "2.0.1"
+ }
+ }
+ }
+ },
+ "assign-symbols": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+ "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==",
+ "dev": true
+ },
+ "async": {
+ "version": "2.6.4",
+ "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+ "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+ "dev": true,
+ "requires": {
+ "lodash": "^4.17.14"
+ }
+ },
+ "async-each": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.6.tgz",
+ "integrity": "sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==",
+ "dev": true
+ },
+ "atob": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+ "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+ "dev": true
+ },
+ "autoprefixer": {
+ "version": "6.7.7",
+ "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-6.7.7.tgz",
+ "integrity": "sha512-WKExI/eSGgGAkWAO+wMVdFObZV7hQen54UpD1kCCTN3tvlL3W1jL4+lPP/M7MwoP7Q4RHzKtO3JQ4HxYEcd+xQ==",
+ "dev": true,
+ "requires": {
+ "browserslist": "^1.7.6",
+ "caniuse-db": "^1.0.30000634",
+ "normalize-range": "^0.1.2",
+ "num2fraction": "^1.2.2",
+ "postcss": "^5.2.16",
+ "postcss-value-parser": "^3.2.3"
+ },
+ "dependencies": {
+ "browserslist": {
+ "version": "1.7.7",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.7.7.tgz",
+ "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
+ "dev": true,
+ "requires": {
+ "caniuse-db": "^1.0.30000639",
+ "electron-to-chromium": "^1.2.7"
+ }
+ }
+ }
+ },
+ "available-typed-arrays": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+ "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+ "dev": true
+ },
+ "babel-code-frame": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
+ "integrity": "sha512-XqYMR2dfdGMW+hd0IUZ2PwK+fGeFkOxZJ0wY+JaQAHzt1Zx8LcvpiZD2NiGkEG8qx0CfkAOr5xt76d1e8vG90g==",
+ "dev": true,
+ "requires": {
+ "chalk": "^1.1.3",
+ "esutils": "^2.0.2",
+ "js-tokens": "^3.0.2"
+ }
+ },
+ "babel-core": {
+ "version": "6.26.3",
+ "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-6.26.3.tgz",
+ "integrity": "sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==",
+ "dev": true,
+ "requires": {
+ "babel-code-frame": "^6.26.0",
+ "babel-generator": "^6.26.0",
+ "babel-helpers": "^6.24.1",
+ "babel-messages": "^6.23.0",
+ "babel-register": "^6.26.0",
+ "babel-runtime": "^6.26.0",
+ "babel-template": "^6.26.0",
+ "babel-traverse": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "babylon": "^6.18.0",
+ "convert-source-map": "^1.5.1",
+ "debug": "^2.6.9",
+ "json5": "^0.5.1",
+ "lodash": "^4.17.4",
+ "minimatch": "^3.0.4",
+ "path-is-absolute": "^1.0.1",
+ "private": "^0.1.8",
+ "slash": "^1.0.0",
+ "source-map": "^0.5.7"
+ }
+ },
+ "babel-generator": {
+ "version": "6.26.1",
+ "resolved": "https://registry.npmjs.org/babel-generator/-/babel-generator-6.26.1.tgz",
+ "integrity": "sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==",
+ "dev": true,
+ "requires": {
+ "babel-messages": "^6.23.0",
+ "babel-runtime": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "detect-indent": "^4.0.0",
+ "jsesc": "^1.3.0",
+ "lodash": "^4.17.4",
+ "source-map": "^0.5.7",
+ "trim-right": "^1.0.1"
+ }
+ },
+ "babel-helper-builder-binary-assignment-operator-visitor": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz",
+ "integrity": "sha512-gCtfYORSG1fUMX4kKraymq607FWgMWg+j42IFPc18kFQEsmtaibP4UrqsXt8FlEJle25HUd4tsoDR7H2wDhe9Q==",
+ "dev": true,
+ "requires": {
+ "babel-helper-explode-assignable-expression": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-helper-call-delegate": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz",
+ "integrity": "sha512-RL8n2NiEj+kKztlrVJM9JT1cXzzAdvWFh76xh/H1I4nKwunzE4INBXn8ieCZ+wh4zWszZk7NBS1s/8HR5jDkzQ==",
+ "dev": true,
+ "requires": {
+ "babel-helper-hoist-variables": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-helper-define-map": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-helper-define-map/-/babel-helper-define-map-6.26.0.tgz",
+ "integrity": "sha512-bHkmjcC9lM1kmZcVpA5t2om2nzT/xiZpo6TJq7UlZ3wqKfzia4veeXbIhKvJXAMzhhEBd3cR1IElL5AenWEUpA==",
+ "dev": true,
+ "requires": {
+ "babel-helper-function-name": "^6.24.1",
+ "babel-runtime": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "lodash": "^4.17.4"
+ }
+ },
+ "babel-helper-explode-assignable-expression": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.24.1.tgz",
+ "integrity": "sha512-qe5csbhbvq6ccry9G7tkXbzNtcDiH4r51rrPUbwwoTzZ18AqxWYRZT6AOmxrpxKnQBW0pYlBI/8vh73Z//78nQ==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-helper-function-name": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz",
+ "integrity": "sha512-Oo6+e2iX+o9eVvJ9Y5eKL5iryeRdsIkwRYheCuhYdVHsdEQysbc2z2QkqCLIYnNxkT5Ss3ggrHdXiDI7Dhrn4Q==",
+ "dev": true,
+ "requires": {
+ "babel-helper-get-function-arity": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-helper-get-function-arity": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz",
+ "integrity": "sha512-WfgKFX6swFB1jS2vo+DwivRN4NB8XUdM3ij0Y1gnC21y1tdBoe6xjVnd7NSI6alv+gZXCtJqvrTeMW3fR/c0ng==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-helper-hoist-variables": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz",
+ "integrity": "sha512-zAYl3tqerLItvG5cKYw7f1SpvIxS9zi7ohyGHaI9cgDUjAT6YcY9jIEH5CstetP5wHIVSceXwNS7Z5BpJg+rOw==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-helper-optimise-call-expression": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz",
+ "integrity": "sha512-Op9IhEaxhbRT8MDXx2iNuMgciu2V8lDvYCNQbDGjdBNCjaMvyLf4wl4A3b8IgndCyQF8TwfgsQ8T3VD8aX1/pA==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-helper-regex": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-helper-regex/-/babel-helper-regex-6.26.0.tgz",
+ "integrity": "sha512-VlPiWmqmGJp0x0oK27Out1D+71nVVCTSdlbhIVoaBAj2lUgrNjBCRR9+llO4lTSb2O4r7PJg+RobRkhBrf6ofg==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "lodash": "^4.17.4"
+ }
+ },
+ "babel-helper-remap-async-to-generator": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.24.1.tgz",
+ "integrity": "sha512-RYqaPD0mQyQIFRu7Ho5wE2yvA/5jxqCIj/Lv4BXNq23mHYu/vxikOy2JueLiBxQknwapwrJeNCesvY0ZcfnlHg==",
+ "dev": true,
+ "requires": {
+ "babel-helper-function-name": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-helper-replace-supers": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz",
+ "integrity": "sha512-sLI+u7sXJh6+ToqDr57Bv973kCepItDhMou0xCP2YPVmR1jkHSCY+p1no8xErbV1Siz5QE8qKT1WIwybSWlqjw==",
+ "dev": true,
+ "requires": {
+ "babel-helper-optimise-call-expression": "^6.24.1",
+ "babel-messages": "^6.23.0",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-helpers": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-helpers/-/babel-helpers-6.24.1.tgz",
+ "integrity": "sha512-n7pFrqQm44TCYvrCDb0MqabAF+JUBq+ijBvNMUxpkLjJaAu32faIexewMumrH5KLLJ1HDyT0PTEqRyAe/GwwuQ==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1"
+ }
+ },
+ "babel-loader": {
+ "version": "7.1.5",
+ "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-7.1.5.tgz",
+ "integrity": "sha512-iCHfbieL5d1LfOQeeVJEUyD9rTwBcP/fcEbRCfempxTDuqrKpu0AZjLAQHEQa3Yqyj9ORKe2iHfoj4rHLf7xpw==",
+ "dev": true,
+ "requires": {
+ "find-cache-dir": "^1.0.0",
+ "loader-utils": "^1.0.2",
+ "mkdirp": "^0.5.1"
+ }
+ },
+ "babel-messages": {
+ "version": "6.23.0",
+ "resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-6.23.0.tgz",
+ "integrity": "sha512-Bl3ZiA+LjqaMtNYopA9TYE9HP1tQ+E5dLxE0XrAzcIJeK2UqF0/EaqXwBn9esd4UmTfEab+P+UYQ1GnioFIb/w==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-check-es2015-constants": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz",
+ "integrity": "sha512-B1M5KBP29248dViEo1owyY32lk1ZSH2DaNNrXLGt8lyjjHm7pBqAdQ7VKUPR6EEDO323+OvT3MQXbCin8ooWdA==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-syntax-async-functions": {
+ "version": "6.13.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz",
+ "integrity": "sha512-4Zp4unmHgw30A1eWI5EpACji2qMocisdXhAftfhXoSV9j0Tvj6nRFE3tOmRY912E0FMRm/L5xWE7MGVT2FoLnw==",
+ "dev": true
+ },
+ "babel-plugin-syntax-async-generators": {
+ "version": "6.13.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-generators/-/babel-plugin-syntax-async-generators-6.13.0.tgz",
+ "integrity": "sha512-EbciFN5Jb9iqU9bqaLmmFLx2G8pAUsvpWJ6OzOWBNrSY9qTohXj+7YfZx6Ug1Qqh7tCb1EA7Jvn9bMC1HBiucg==",
+ "dev": true
+ },
+ "babel-plugin-syntax-exponentiation-operator": {
+ "version": "6.13.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz",
+ "integrity": "sha512-Z/flU+T9ta0aIEKl1tGEmN/pZiI1uXmCiGFRegKacQfEJzp7iNsKloZmyJlQr+75FCJtiFfGIK03SiCvCt9cPQ==",
+ "dev": true
+ },
+ "babel-plugin-syntax-object-rest-spread": {
+ "version": "6.13.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz",
+ "integrity": "sha512-C4Aq+GaAj83pRQ0EFgTvw5YO6T3Qz2KGrNRwIj9mSoNHVvdZY4KO2uA6HNtNXCw993iSZnckY1aLW8nOi8i4+w==",
+ "dev": true
+ },
+ "babel-plugin-syntax-trailing-function-commas": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz",
+ "integrity": "sha512-Gx9CH3Q/3GKbhs07Bszw5fPTlU+ygrOGfAhEt7W2JICwufpC4SuO0mG0+4NykPBSYPMJhqvVlDBU17qB1D+hMQ==",
+ "dev": true
+ },
+ "babel-plugin-transform-async-generator-functions": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-generator-functions/-/babel-plugin-transform-async-generator-functions-6.24.1.tgz",
+ "integrity": "sha512-uT7eovUxtXe8Q2ufcjRuJIOL0hg6VAUJhiWJBLxH/evYAw+aqoJLcYTR8hqx13iOx/FfbCMHgBmXWZjukbkyPg==",
+ "dev": true,
+ "requires": {
+ "babel-helper-remap-async-to-generator": "^6.24.1",
+ "babel-plugin-syntax-async-generators": "^6.5.0",
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-transform-async-to-generator": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz",
+ "integrity": "sha512-7BgYJujNCg0Ti3x0c/DL3tStvnKS6ktIYOmo9wginv/dfZOrbSZ+qG4IRRHMBOzZ5Awb1skTiAsQXg/+IWkZYw==",
+ "dev": true,
+ "requires": {
+ "babel-helper-remap-async-to-generator": "^6.24.1",
+ "babel-plugin-syntax-async-functions": "^6.8.0",
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-transform-es2015-arrow-functions": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz",
+ "integrity": "sha512-PCqwwzODXW7JMrzu+yZIaYbPQSKjDTAsNNlK2l5Gg9g4rz2VzLnZsStvp/3c46GfXpwkyufb3NCyG9+50FF1Vg==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-transform-es2015-block-scoped-functions": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz",
+ "integrity": "sha512-2+ujAT2UMBzYFm7tidUsYh+ZoIutxJ3pN9IYrF1/H6dCKtECfhmB8UkHVpyxDwkj0CYbQG35ykoz925TUnBc3A==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-transform-es2015-block-scoping": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz",
+ "integrity": "sha512-YiN6sFAQ5lML8JjCmr7uerS5Yc/EMbgg9G8ZNmk2E3nYX4ckHR01wrkeeMijEf5WHNK5TW0Sl0Uu3pv3EdOJWw==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.26.0",
+ "babel-template": "^6.26.0",
+ "babel-traverse": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "lodash": "^4.17.4"
+ }
+ },
+ "babel-plugin-transform-es2015-classes": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz",
+ "integrity": "sha512-5Dy7ZbRinGrNtmWpquZKZ3EGY8sDgIVB4CU8Om8q8tnMLrD/m94cKglVcHps0BCTdZ0TJeeAWOq2TK9MIY6cag==",
+ "dev": true,
+ "requires": {
+ "babel-helper-define-map": "^6.24.1",
+ "babel-helper-function-name": "^6.24.1",
+ "babel-helper-optimise-call-expression": "^6.24.1",
+ "babel-helper-replace-supers": "^6.24.1",
+ "babel-messages": "^6.23.0",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-plugin-transform-es2015-computed-properties": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz",
+ "integrity": "sha512-C/uAv4ktFP/Hmh01gMTvYvICrKze0XVX9f2PdIXuriCSvUmV9j+u+BB9f5fJK3+878yMK6dkdcq+Ymr9mrcLzw==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1"
+ }
+ },
+ "babel-plugin-transform-es2015-destructuring": {
+ "version": "6.23.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz",
+ "integrity": "sha512-aNv/GDAW0j/f4Uy1OEPZn1mqD+Nfy9viFGBfQ5bZyT35YqOiqx7/tXdyfZkJ1sC21NyEsBdfDY6PYmLHF4r5iA==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-transform-es2015-duplicate-keys": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz",
+ "integrity": "sha512-ossocTuPOssfxO2h+Z3/Ea1Vo1wWx31Uqy9vIiJusOP4TbF7tPs9U0sJ9pX9OJPf4lXRGj5+6Gkl/HHKiAP5ug==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-plugin-transform-es2015-for-of": {
+ "version": "6.23.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz",
+ "integrity": "sha512-DLuRwoygCoXx+YfxHLkVx5/NpeSbVwfoTeBykpJK7JhYWlL/O8hgAK/reforUnZDlxasOrVPPJVI/guE3dCwkw==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-transform-es2015-function-name": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz",
+ "integrity": "sha512-iFp5KIcorf11iBqu/y/a7DK3MN5di3pNCzto61FqCNnUX4qeBwcV1SLqe10oXNnCaxBUImX3SckX2/o1nsrTcg==",
+ "dev": true,
+ "requires": {
+ "babel-helper-function-name": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-plugin-transform-es2015-literals": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz",
+ "integrity": "sha512-tjFl0cwMPpDYyoqYA9li1/7mGFit39XiNX5DKC/uCNjBctMxyL1/PT/l4rSlbvBG1pOKI88STRdUsWXB3/Q9hQ==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-transform-es2015-modules-amd": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz",
+ "integrity": "sha512-LnIIdGWIKdw7zwckqx+eGjcS8/cl8D74A3BpJbGjKTFFNJSMrjN4bIh22HY1AlkUbeLG6X6OZj56BDvWD+OeFA==",
+ "dev": true,
+ "requires": {
+ "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1"
+ }
+ },
+ "babel-plugin-transform-es2015-modules-commonjs": {
+ "version": "6.26.2",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.26.2.tgz",
+ "integrity": "sha512-CV9ROOHEdrjcwhIaJNBGMBCodN+1cfkwtM1SbUHmvyy35KGT7fohbpOxkE2uLz1o6odKK2Ck/tz47z+VqQfi9Q==",
+ "dev": true,
+ "requires": {
+ "babel-plugin-transform-strict-mode": "^6.24.1",
+ "babel-runtime": "^6.26.0",
+ "babel-template": "^6.26.0",
+ "babel-types": "^6.26.0"
+ }
+ },
+ "babel-plugin-transform-es2015-modules-systemjs": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz",
+ "integrity": "sha512-ONFIPsq8y4bls5PPsAWYXH/21Hqv64TBxdje0FvU3MhIV6QM2j5YS7KvAzg/nTIVLot2D2fmFQrFWCbgHlFEjg==",
+ "dev": true,
+ "requires": {
+ "babel-helper-hoist-variables": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1"
+ }
+ },
+ "babel-plugin-transform-es2015-modules-umd": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz",
+ "integrity": "sha512-LpVbiT9CLsuAIp3IG0tfbVo81QIhn6pE8xBJ7XSeCtFlMltuar5VuBV6y6Q45tpui9QWcy5i0vLQfCfrnF7Kiw==",
+ "dev": true,
+ "requires": {
+ "babel-plugin-transform-es2015-modules-amd": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1"
+ }
+ },
+ "babel-plugin-transform-es2015-object-super": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz",
+ "integrity": "sha512-8G5hpZMecb53vpD3mjs64NhI1au24TAmokQ4B+TBFBjN9cVoGoOvotdrMMRmHvVZUEvqGUPWL514woru1ChZMA==",
+ "dev": true,
+ "requires": {
+ "babel-helper-replace-supers": "^6.24.1",
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-transform-es2015-parameters": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz",
+ "integrity": "sha512-8HxlW+BB5HqniD+nLkQ4xSAVq3bR/pcYW9IigY+2y0dI+Y7INFeTbfAQr+63T3E4UDsZGjyb+l9txUnABWxlOQ==",
+ "dev": true,
+ "requires": {
+ "babel-helper-call-delegate": "^6.24.1",
+ "babel-helper-get-function-arity": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-template": "^6.24.1",
+ "babel-traverse": "^6.24.1",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-plugin-transform-es2015-shorthand-properties": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz",
+ "integrity": "sha512-mDdocSfUVm1/7Jw/FIRNw9vPrBQNePy6wZJlR8HAUBLybNp1w/6lr6zZ2pjMShee65t/ybR5pT8ulkLzD1xwiw==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-plugin-transform-es2015-spread": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz",
+ "integrity": "sha512-3Ghhi26r4l3d0Js933E5+IhHwk0A1yiutj9gwvzmFbVV0sPMYk2lekhOufHBswX7NCoSeF4Xrl3sCIuSIa+zOg==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-transform-es2015-sticky-regex": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz",
+ "integrity": "sha512-CYP359ADryTo3pCsH0oxRo/0yn6UsEZLqYohHmvLQdfS9xkf+MbCzE3/Kolw9OYIY4ZMilH25z/5CbQbwDD+lQ==",
+ "dev": true,
+ "requires": {
+ "babel-helper-regex": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-plugin-transform-es2015-template-literals": {
+ "version": "6.22.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz",
+ "integrity": "sha512-x8b9W0ngnKzDMHimVtTfn5ryimars1ByTqsfBDwAqLibmuuQY6pgBQi5z1ErIsUOWBdw1bW9FSz5RZUojM4apg==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-transform-es2015-typeof-symbol": {
+ "version": "6.23.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz",
+ "integrity": "sha512-fz6J2Sf4gYN6gWgRZaoFXmq93X+Li/8vf+fb0sGDVtdeWvxC9y5/bTD7bvfWMEq6zetGEHpWjtzRGSugt5kNqw==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-transform-es2015-unicode-regex": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz",
+ "integrity": "sha512-v61Dbbihf5XxnYjtBN04B/JBvsScY37R1cZT5r9permN1cp+b70DY3Ib3fIkgn1DI9U3tGgBJZVD8p/mE/4JbQ==",
+ "dev": true,
+ "requires": {
+ "babel-helper-regex": "^6.24.1",
+ "babel-runtime": "^6.22.0",
+ "regexpu-core": "^2.0.0"
+ }
+ },
+ "babel-plugin-transform-exponentiation-operator": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz",
+ "integrity": "sha512-LzXDmbMkklvNhprr20//RStKVcT8Cu+SQtX18eMHLhjHf2yFzwtQ0S2f0jQ+89rokoNdmwoSqYzAhq86FxlLSQ==",
+ "dev": true,
+ "requires": {
+ "babel-helper-builder-binary-assignment-operator-visitor": "^6.24.1",
+ "babel-plugin-syntax-exponentiation-operator": "^6.8.0",
+ "babel-runtime": "^6.22.0"
+ }
+ },
+ "babel-plugin-transform-object-rest-spread": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz",
+ "integrity": "sha512-ocgA9VJvyxwt+qJB0ncxV8kb/CjfTcECUY4tQ5VT7nP6Aohzobm8CDFaQ5FHdvZQzLmf0sgDxB8iRXZXxwZcyA==",
+ "dev": true,
+ "requires": {
+ "babel-plugin-syntax-object-rest-spread": "^6.8.0",
+ "babel-runtime": "^6.26.0"
+ }
+ },
+ "babel-plugin-transform-regenerator": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz",
+ "integrity": "sha512-LS+dBkUGlNR15/5WHKe/8Neawx663qttS6AGqoOUhICc9d1KciBvtrQSuc0PI+CxQ2Q/S1aKuJ+u64GtLdcEZg==",
+ "dev": true,
+ "requires": {
+ "regenerator-transform": "^0.10.0"
+ }
+ },
+ "babel-plugin-transform-strict-mode": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz",
+ "integrity": "sha512-j3KtSpjyLSJxNoCDrhwiJad8kw0gJ9REGj8/CqL0HeRyLnvUNYV9zcqluL6QJSXh3nfsLEmSLvwRfGzrgR96Pw==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.22.0",
+ "babel-types": "^6.24.1"
+ }
+ },
+ "babel-preset-env": {
+ "version": "1.7.0",
+ "resolved": "https://registry.npmjs.org/babel-preset-env/-/babel-preset-env-1.7.0.tgz",
+ "integrity": "sha512-9OR2afuKDneX2/q2EurSftUYM0xGu4O2D9adAhVfADDhrYDaxXV0rBbevVYoY9n6nyX1PmQW/0jtpJvUNr9CHg==",
+ "dev": true,
+ "requires": {
+ "babel-plugin-check-es2015-constants": "^6.22.0",
+ "babel-plugin-syntax-trailing-function-commas": "^6.22.0",
+ "babel-plugin-transform-async-to-generator": "^6.22.0",
+ "babel-plugin-transform-es2015-arrow-functions": "^6.22.0",
+ "babel-plugin-transform-es2015-block-scoped-functions": "^6.22.0",
+ "babel-plugin-transform-es2015-block-scoping": "^6.23.0",
+ "babel-plugin-transform-es2015-classes": "^6.23.0",
+ "babel-plugin-transform-es2015-computed-properties": "^6.22.0",
+ "babel-plugin-transform-es2015-destructuring": "^6.23.0",
+ "babel-plugin-transform-es2015-duplicate-keys": "^6.22.0",
+ "babel-plugin-transform-es2015-for-of": "^6.23.0",
+ "babel-plugin-transform-es2015-function-name": "^6.22.0",
+ "babel-plugin-transform-es2015-literals": "^6.22.0",
+ "babel-plugin-transform-es2015-modules-amd": "^6.22.0",
+ "babel-plugin-transform-es2015-modules-commonjs": "^6.23.0",
+ "babel-plugin-transform-es2015-modules-systemjs": "^6.23.0",
+ "babel-plugin-transform-es2015-modules-umd": "^6.23.0",
+ "babel-plugin-transform-es2015-object-super": "^6.22.0",
+ "babel-plugin-transform-es2015-parameters": "^6.23.0",
+ "babel-plugin-transform-es2015-shorthand-properties": "^6.22.0",
+ "babel-plugin-transform-es2015-spread": "^6.22.0",
+ "babel-plugin-transform-es2015-sticky-regex": "^6.22.0",
+ "babel-plugin-transform-es2015-template-literals": "^6.22.0",
+ "babel-plugin-transform-es2015-typeof-symbol": "^6.23.0",
+ "babel-plugin-transform-es2015-unicode-regex": "^6.22.0",
+ "babel-plugin-transform-exponentiation-operator": "^6.22.0",
+ "babel-plugin-transform-regenerator": "^6.22.0",
+ "browserslist": "^3.2.6",
+ "invariant": "^2.2.2",
+ "semver": "^5.3.0"
+ }
+ },
+ "babel-preset-stage-3": {
+ "version": "6.24.1",
+ "resolved": "https://registry.npmjs.org/babel-preset-stage-3/-/babel-preset-stage-3-6.24.1.tgz",
+ "integrity": "sha512-eCbEOF8uN0KypFXJmZXn2sTk7bPV9uM5xov7G/7BM08TbQEObsVs0cEWfy6NQySlfk7JBi/t+XJP1JkruYfthA==",
+ "dev": true,
+ "requires": {
+ "babel-plugin-syntax-trailing-function-commas": "^6.22.0",
+ "babel-plugin-transform-async-generator-functions": "^6.24.1",
+ "babel-plugin-transform-async-to-generator": "^6.24.1",
+ "babel-plugin-transform-exponentiation-operator": "^6.24.1",
+ "babel-plugin-transform-object-rest-spread": "^6.22.0"
+ }
+ },
+ "babel-register": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-register/-/babel-register-6.26.0.tgz",
+ "integrity": "sha512-veliHlHX06wjaeY8xNITbveXSiI+ASFnOqvne/LaIJIqOWi2Ogmj91KOugEz/hoh/fwMhXNBJPCv8Xaz5CyM4A==",
+ "dev": true,
+ "requires": {
+ "babel-core": "^6.26.0",
+ "babel-runtime": "^6.26.0",
+ "core-js": "^2.5.0",
+ "home-or-tmp": "^2.0.0",
+ "lodash": "^4.17.4",
+ "mkdirp": "^0.5.1",
+ "source-map-support": "^0.4.15"
+ }
+ },
+ "babel-runtime": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+ "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
+ "dev": true,
+ "requires": {
+ "core-js": "^2.4.0",
+ "regenerator-runtime": "^0.11.0"
+ }
+ },
+ "babel-template": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-template/-/babel-template-6.26.0.tgz",
+ "integrity": "sha512-PCOcLFW7/eazGUKIoqH97sO9A2UYMahsn/yRQ7uOk37iutwjq7ODtcTNF+iFDSHNfkctqsLRjLP7URnOx0T1fg==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.26.0",
+ "babel-traverse": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "babylon": "^6.18.0",
+ "lodash": "^4.17.4"
+ }
+ },
+ "babel-traverse": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-traverse/-/babel-traverse-6.26.0.tgz",
+ "integrity": "sha512-iSxeXx7apsjCHe9c7n8VtRXGzI2Bk1rBSOJgCCjfyXb6v1aCqE1KSEpq/8SXuVN8Ka/Rh1WDTF0MDzkvTA4MIA==",
+ "dev": true,
+ "requires": {
+ "babel-code-frame": "^6.26.0",
+ "babel-messages": "^6.23.0",
+ "babel-runtime": "^6.26.0",
+ "babel-types": "^6.26.0",
+ "babylon": "^6.18.0",
+ "debug": "^2.6.8",
+ "globals": "^9.18.0",
+ "invariant": "^2.2.2",
+ "lodash": "^4.17.4"
+ }
+ },
+ "babel-types": {
+ "version": "6.26.0",
+ "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz",
+ "integrity": "sha512-zhe3V/26rCWsEZK8kZN+HaQj5yQ1CilTObixFzKW1UWjqG7618Twz6YEsCnjfg5gBcJh02DrpCkS9h98ZqDY+g==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.26.0",
+ "esutils": "^2.0.2",
+ "lodash": "^4.17.4",
+ "to-fast-properties": "^1.0.3"
+ }
+ },
+ "babylon": {
+ "version": "6.18.0",
+ "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz",
+ "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==",
+ "dev": true
+ },
+ "balanced-match": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+ "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+ "dev": true
+ },
+ "base": {
+ "version": "0.11.2",
+ "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+ "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+ "dev": true,
+ "requires": {
+ "cache-base": "^1.0.1",
+ "class-utils": "^0.3.5",
+ "component-emitter": "^1.2.1",
+ "define-property": "^1.0.0",
+ "isobject": "^3.0.1",
+ "mixin-deep": "^1.2.0",
+ "pascalcase": "^0.1.1"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+ "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+ "dev": true,
+ "requires": {
+ "is-descriptor": "^1.0.0"
+ }
+ }
+ }
+ },
+ "base64-js": {
+ "version": "1.5.1",
+ "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+ "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+ "dev": true
+ },
+ "batch": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+ "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==",
+ "dev": true
+ },
+ "big.js": {
+ "version": "5.2.2",
+ "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+ "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+ "dev": true
+ },
+ "binary-extensions": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+ "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+ "dev": true,
+ "optional": true
+ },
+ "bindings": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+ "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "file-uri-to-path": "1.0.0"
+ }
+ },
+ "bluebird": {
+ "version": "3.7.2",
+ "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+ "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
+ "dev": true
+ },
+ "bn.js": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
+ "integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==",
+ "dev": true
+ },
+ "body-parser": {
+ "version": "1.20.1",
+ "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
+ "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
+ "dev": true,
+ "requires": {
+ "bytes": "3.1.2",
+ "content-type": "~1.0.4",
+ "debug": "2.6.9",
+ "depd": "2.0.0",
+ "destroy": "1.2.0",
+ "http-errors": "2.0.0",
+ "iconv-lite": "0.4.24",
+ "on-finished": "2.4.1",
+ "qs": "6.11.0",
+ "raw-body": "2.5.1",
+ "type-is": "~1.6.18",
+ "unpipe": "1.0.0"
+ },
+ "dependencies": {
+ "bytes": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+ "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+ "dev": true
+ },
+ "qs": {
+ "version": "6.11.0",
+ "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+ "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+ "dev": true,
+ "requires": {
+ "side-channel": "^1.0.4"
+ }
+ }
+ }
+ },
+ "bonjour": {
+ "version": "3.5.0",
+ "resolved": "https://registry.npmjs.org/bonjour/-/bonjour-3.5.0.tgz",
+ "integrity": "sha512-RaVTblr+OnEli0r/ud8InrU7D+G0y6aJhlxaLa6Pwty4+xoxboF1BsUI45tujvRpbj9dQVoglChqonGAsjEBYg==",
+ "dev": true,
+ "requires": {
+ "array-flatten": "^2.1.0",
+ "deep-equal": "^1.0.1",
+ "dns-equal": "^1.0.0",
+ "dns-txt": "^2.0.2",
+ "multicast-dns": "^6.0.1",
+ "multicast-dns-service-types": "^1.1.0"
+ }
+ },
+ "brace-expansion": {
+ "version": "1.1.11",
+ "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+ "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+ "dev": true,
+ "requires": {
+ "balanced-match": "^1.0.0",
+ "concat-map": "0.0.1"
+ }
+ },
+ "braces": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+ "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "fill-range": "^7.0.1"
+ }
+ },
+ "brorand": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
+ "integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
+ "dev": true
+ },
+ "browserify-aes": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+ "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
+ "dev": true,
+ "requires": {
+ "buffer-xor": "^1.0.3",
+ "cipher-base": "^1.0.0",
+ "create-hash": "^1.1.0",
+ "evp_bytestokey": "^1.0.3",
+ "inherits": "^2.0.1",
+ "safe-buffer": "^5.0.1"
+ }
+ },
+ "browserify-cipher": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
+ "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
+ "dev": true,
+ "requires": {
+ "browserify-aes": "^1.0.4",
+ "browserify-des": "^1.0.0",
+ "evp_bytestokey": "^1.0.0"
+ }
+ },
+ "browserify-des": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
+ "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
+ "dev": true,
+ "requires": {
+ "cipher-base": "^1.0.1",
+ "des.js": "^1.0.0",
+ "inherits": "^2.0.1",
+ "safe-buffer": "^5.1.2"
+ }
+ },
+ "browserify-rsa": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
+ "integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
+ "dev": true,
+ "requires": {
+ "bn.js": "^5.0.0",
+ "randombytes": "^2.0.1"
+ }
+ },
+ "browserify-sign": {
+ "version": "4.2.1",
+ "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.1.tgz",
+ "integrity": "sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==",
+ "dev": true,
+ "requires": {
+ "bn.js": "^5.1.1",
+ "browserify-rsa": "^4.0.1",
+ "create-hash": "^1.2.0",
+ "create-hmac": "^1.1.7",
+ "elliptic": "^6.5.3",
+ "inherits": "^2.0.4",
+ "parse-asn1": "^5.1.5",
+ "readable-stream": "^3.6.0",
+ "safe-buffer": "^5.2.0"
+ },
+ "dependencies": {
+ "readable-stream": {
+ "version": "3.6.2",
+ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+ "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+ "dev": true,
+ "requires": {
+ "inherits": "^2.0.3",
+ "string_decoder": "^1.1.1",
+ "util-deprecate": "^1.0.1"
+ }
+ }
+ }
+ },
+ "browserify-zlib": {
+ "version": "0.2.0",
+ "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+ "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+ "dev": true,
+ "requires": {
+ "pako": "~1.0.5"
+ }
+ },
+ "browserslist": {
+ "version": "3.2.8",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-3.2.8.tgz",
+ "integrity": "sha512-WHVocJYavUwVgVViC0ORikPHQquXwVh939TaelZ4WDqpWgTX/FsGhl/+P4qBUAGcRvtOgDgC+xftNWWp2RUTAQ==",
+ "dev": true,
+ "requires": {
+ "caniuse-lite": "^1.0.30000844",
+ "electron-to-chromium": "^1.3.47"
+ }
+ },
+ "buffer": {
+ "version": "4.9.2",
+ "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
+ "integrity": "sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==",
+ "dev": true,
+ "requires": {
+ "base64-js": "^1.0.2",
+ "ieee754": "^1.1.4",
+ "isarray": "^1.0.0"
+ }
+ },
+ "buffer-indexof": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/buffer-indexof/-/buffer-indexof-1.1.1.tgz",
+ "integrity": "sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==",
+ "dev": true
+ },
+ "buffer-xor": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+ "integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==",
+ "dev": true
+ },
+ "builtin-status-codes": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
+ "integrity": "sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==",
+ "dev": true
+ },
+ "bytes": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+ "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
+ "dev": true
+ },
+ "cache-base": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+ "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+ "dev": true,
+ "requires": {
+ "collection-visit": "^1.0.0",
+ "component-emitter": "^1.2.1",
+ "get-value": "^2.0.6",
+ "has-value": "^1.0.0",
+ "isobject": "^3.0.1",
+ "set-value": "^2.0.0",
+ "to-object-path": "^0.3.0",
+ "union-value": "^1.0.0",
+ "unset-value": "^1.0.0"
+ }
+ },
+ "call-bind": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+ "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+ "dev": true,
+ "requires": {
+ "function-bind": "^1.1.1",
+ "get-intrinsic": "^1.0.2"
+ }
+ },
+ "camelcase": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+ "integrity": "sha512-DLIsRzJVBQu72meAKPkWQOLcujdXT32hwdfnkI1frSiSRMK1MofjKHf+MEx0SB6fjEFXL8fBDv1dKymBlOp4Qw==",
+ "dev": true
+ },
+ "camelcase-keys": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+ "integrity": "sha512-bA/Z/DERHKqoEOrp+qeGKw1QlvEQkGZSc0XaY6VnTxZr+Kv1G5zFwttpjv8qxZ/sBPT4nthwZaAcsAZTJlSKXQ==",
+ "dev": true,
+ "requires": {
+ "camelcase": "^2.0.0",
+ "map-obj": "^1.0.0"
+ }
+ },
+ "caniuse-api": {
+ "version": "1.6.1",
+ "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-1.6.1.tgz",
+ "integrity": "sha512-SBTl70K0PkDUIebbkXrxWqZlHNs0wRgRD6QZ8guctShjbh63gEPfF+Wj0Yw+75f5Y8tSzqAI/NcisYv/cCah2Q==",
+ "dev": true,
+ "requires": {
+ "browserslist": "^1.3.6",
+ "caniuse-db": "^1.0.30000529",
+ "lodash.memoize": "^4.1.2",
+ "lodash.uniq": "^4.5.0"
+ },
+ "dependencies": {
+ "browserslist": {
+ "version": "1.7.7",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.7.7.tgz",
+ "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
+ "dev": true,
+ "requires": {
+ "caniuse-db": "^1.0.30000639",
+ "electron-to-chromium": "^1.2.7"
+ }
+ }
+ }
+ },
+ "caniuse-db": {
+ "version": "1.0.30001514",
+ "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30001514.tgz",
+ "integrity": "sha512-UNM+FPzezoXIoMfGlpurnP8nUmNnHlwrUFrCsh/HmyN8OFtd6wXzyKTTuXPfEOEc6JDDtnX5vVSG7lvjBKjSzA==",
+ "dev": true
+ },
+ "caniuse-lite": {
+ "version": "1.0.30001514",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001514.tgz",
+ "integrity": "sha512-ENcIpYBmwAAOm/V2cXgM7rZUrKKaqisZl4ZAI520FIkqGXUxJjmaIssbRW5HVVR5tyV6ygTLIm15aU8LUmQSaQ==",
+ "dev": true
+ },
+ "center-align": {
+ "version": "0.1.3",
+ "resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz",
+ "integrity": "sha512-Baz3aNe2gd2LP2qk5U+sDk/m4oSuwSDcBfayTCTBoWpfIGO5XFxPmjILQII4NGiZjD6DoDI6kf7gKaxkf7s3VQ==",
+ "dev": true,
+ "requires": {
+ "align-text": "^0.1.3",
+ "lazy-cache": "^1.0.3"
+ }
+ },
+ "chalk": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+ "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==",
+ "dev": true,
+ "requires": {
+ "ansi-styles": "^2.2.1",
+ "escape-string-regexp": "^1.0.2",
+ "has-ansi": "^2.0.0",
+ "strip-ansi": "^3.0.0",
+ "supports-color": "^2.0.0"
+ }
+ },
+ "chokidar": {
+ "version": "3.5.3",
+ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+ "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "anymatch": "~3.1.2",
+ "braces": "~3.0.2",
+ "fsevents": "~2.3.2",
+ "glob-parent": "~5.1.2",
+ "is-binary-path": "~2.1.0",
+ "is-glob": "~4.0.1",
+ "normalize-path": "~3.0.0",
+ "readdirp": "~3.6.0"
+ }
+ },
+ "cipher-base": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
+ "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
+ "dev": true,
+ "requires": {
+ "inherits": "^2.0.1",
+ "safe-buffer": "^5.0.1"
+ }
+ },
+ "clap": {
+ "version": "1.2.3",
+ "resolved": "https://registry.npmjs.org/clap/-/clap-1.2.3.tgz",
+ "integrity": "sha512-4CoL/A3hf90V3VIEjeuhSvlGFEHKzOz+Wfc2IVZc+FaUgU0ZQafJTP49fvnULipOPcAfqhyI2duwQyns6xqjYA==",
+ "dev": true,
+ "requires": {
+ "chalk": "^1.1.3"
+ }
+ },
+ "class-utils": {
+ "version": "0.3.6",
+ "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+ "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+ "dev": true,
+ "requires": {
+ "arr-union": "^3.1.0",
+ "define-property": "^0.2.5",
+ "isobject": "^3.0.0",
+ "static-extend": "^0.1.1"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+ "dev": true,
+ "requires": {
+ "is-descriptor": "^0.1.0"
+ }
+ },
+ "is-accessor-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+ "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "is-data-descriptor": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+ "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "is-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+ "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+ "dev": true,
+ "requires": {
+ "is-accessor-descriptor": "^0.1.6",
+ "is-data-descriptor": "^0.1.4",
+ "kind-of": "^5.0.0"
+ }
+ },
+ "kind-of": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+ "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+ "dev": true
+ }
+ }
+ },
+ "cliui": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
+ "integrity": "sha512-0yayqDxWQbqk3ojkYqUKqaAQ6AfNKeKWRNA8kR0WXzAsdHpP4BIaOmMAG87JGuO6qcobyW4GjxHd9PmhEd+T9w==",
+ "dev": true,
+ "requires": {
+ "string-width": "^1.0.1",
+ "strip-ansi": "^3.0.1",
+ "wrap-ansi": "^2.0.0"
+ },
+ "dependencies": {
+ "is-fullwidth-code-point": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+ "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+ "dev": true,
+ "requires": {
+ "number-is-nan": "^1.0.0"
+ }
+ },
+ "string-width": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+ "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
+ "dev": true,
+ "requires": {
+ "code-point-at": "^1.0.0",
+ "is-fullwidth-code-point": "^1.0.0",
+ "strip-ansi": "^3.0.0"
+ }
+ }
+ }
+ },
+ "clone": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+ "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+ "dev": true
+ },
+ "coa": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/coa/-/coa-1.0.4.tgz",
+ "integrity": "sha512-KAGck/eNAmCL0dcT3BiuYwLbExK6lduR8DxM3C1TyDzaXhZHyZ8ooX5I5+na2e3dPFuibfxrGdorr0/Lr7RYCQ==",
+ "dev": true,
+ "requires": {
+ "q": "^1.1.2"
+ }
+ },
+ "code-point-at": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+ "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==",
+ "dev": true
+ },
+ "collection-visit": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+ "integrity": "sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==",
+ "dev": true,
+ "requires": {
+ "map-visit": "^1.0.0",
+ "object-visit": "^1.0.0"
+ }
+ },
+ "color": {
+ "version": "0.11.4",
+ "resolved": "https://registry.npmjs.org/color/-/color-0.11.4.tgz",
+ "integrity": "sha512-Ajpjd8asqZ6EdxQeqGzU5WBhhTfJ/0cA4Wlbre7e5vXfmDSmda7Ov6jeKoru+b0vHcb1CqvuroTHp5zIWzhVMA==",
+ "dev": true,
+ "requires": {
+ "clone": "^1.0.2",
+ "color-convert": "^1.3.0",
+ "color-string": "^0.3.0"
+ }
+ },
+ "color-convert": {
+ "version": "1.9.3",
+ "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+ "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+ "dev": true,
+ "requires": {
+ "color-name": "1.1.3"
+ }
+ },
+ "color-name": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+ "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+ "dev": true
+ },
+ "color-string": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/color-string/-/color-string-0.3.0.tgz",
+ "integrity": "sha512-sz29j1bmSDfoAxKIEU6zwoIZXN6BrFbAMIhfYCNyiZXBDuU/aiHlN84lp/xDzL2ubyFhLDobHIlU1X70XRrMDA==",
+ "dev": true,
+ "requires": {
+ "color-name": "^1.0.0"
+ }
+ },
+ "colormin": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/colormin/-/colormin-1.1.2.tgz",
+ "integrity": "sha512-XSEQUUQUR/lXqGyddiNH3XYFUPYlYr1vXy9rTFMsSOw+J7Q6EQkdlQIrTlYn4TccpsOaUE1PYQNjBn20gwCdgQ==",
+ "dev": true,
+ "requires": {
+ "color": "^0.11.0",
+ "css-color-names": "0.0.4",
+ "has": "^1.0.1"
+ }
+ },
+ "colors": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/colors/-/colors-1.1.2.tgz",
+ "integrity": "sha512-ENwblkFQpqqia6b++zLD/KUWafYlVY/UNnAp7oz7LY7E924wmpye416wBOmvv/HMWzl8gL1kJlfvId/1Dg176w==",
+ "dev": true
+ },
+ "commondir": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+ "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
+ "dev": true
+ },
+ "component-emitter": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+ "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
+ "dev": true
+ },
+ "compressible": {
+ "version": "2.0.18",
+ "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+ "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+ "dev": true,
+ "requires": {
+ "mime-db": ">= 1.43.0 < 2"
+ }
+ },
+ "compression": {
+ "version": "1.7.4",
+ "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+ "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+ "dev": true,
+ "requires": {
+ "accepts": "~1.3.5",
+ "bytes": "3.0.0",
+ "compressible": "~2.0.16",
+ "debug": "2.6.9",
+ "on-headers": "~1.0.2",
+ "safe-buffer": "5.1.2",
+ "vary": "~1.1.2"
+ },
+ "dependencies": {
+ "safe-buffer": {
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+ "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+ "dev": true
+ }
+ }
+ },
+ "concat-map": {
+ "version": "0.0.1",
+ "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+ "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+ "dev": true
+ },
+ "connect-history-api-fallback": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
+ "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==",
+ "dev": true
+ },
+ "console-browserify": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
+ "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
+ "dev": true
+ },
+ "consolidate": {
+ "version": "0.14.5",
+ "resolved": "https://registry.npmjs.org/consolidate/-/consolidate-0.14.5.tgz",
+ "integrity": "sha512-PZFskfj64QnpKVK9cPdY36pyWEhZNM+srRVqtwMiVTlnViSoZcvX35PpBhhUcyLTHXYvz7pZRmxvsqwzJqg9kA==",
+ "dev": true,
+ "requires": {
+ "bluebird": "^3.1.1"
+ }
+ },
+ "constants-browserify": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
+ "integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==",
+ "dev": true
+ },
+ "content-disposition": {
+ "version": "0.5.4",
+ "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+ "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+ "dev": true,
+ "requires": {
+ "safe-buffer": "5.2.1"
+ }
+ },
+ "content-type": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+ "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+ "dev": true
+ },
+ "convert-source-map": {
+ "version": "1.9.0",
+ "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+ "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+ "dev": true
+ },
+ "cookie": {
+ "version": "0.5.0",
+ "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
+ "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+ "dev": true
+ },
+ "cookie-signature": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+ "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
+ "dev": true
+ },
+ "copy-descriptor": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+ "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==",
+ "dev": true
+ },
+ "core-js": {
+ "version": "2.6.12",
+ "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+ "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
+ "dev": true
+ },
+ "core-util-is": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+ "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+ "dev": true
+ },
+ "cosmiconfig": {
+ "version": "2.2.2",
+ "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-2.2.2.tgz",
+ "integrity": "sha512-GiNXLwAFPYHy25XmTPpafYvn3CLAkJ8FLsscq78MQd1Kh0OU6Yzhn4eV2MVF4G9WEQZoWEGltatdR+ntGPMl5A==",
+ "dev": true,
+ "requires": {
+ "is-directory": "^0.3.1",
+ "js-yaml": "^3.4.3",
+ "minimist": "^1.2.0",
+ "object-assign": "^4.1.0",
+ "os-homedir": "^1.0.1",
+ "parse-json": "^2.2.0",
+ "require-from-string": "^1.1.0"
+ }
+ },
+ "create-ecdh": {
+ "version": "4.0.4",
+ "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
+ "integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
+ "dev": true,
+ "requires": {
+ "bn.js": "^4.1.0",
+ "elliptic": "^6.5.3"
+ },
+ "dependencies": {
+ "bn.js": {
+ "version": "4.12.0",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+ "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+ "dev": true
+ }
+ }
+ },
+ "create-hash": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+ "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
+ "dev": true,
+ "requires": {
+ "cipher-base": "^1.0.1",
+ "inherits": "^2.0.1",
+ "md5.js": "^1.3.4",
+ "ripemd160": "^2.0.1",
+ "sha.js": "^2.4.0"
+ }
+ },
+ "create-hmac": {
+ "version": "1.1.7",
+ "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+ "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
+ "dev": true,
+ "requires": {
+ "cipher-base": "^1.0.3",
+ "create-hash": "^1.1.0",
+ "inherits": "^2.0.1",
+ "ripemd160": "^2.0.0",
+ "safe-buffer": "^5.0.1",
+ "sha.js": "^2.4.8"
+ }
+ },
+ "cross-env": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-5.2.1.tgz",
+ "integrity": "sha512-1yHhtcfAd1r4nwQgknowuUNfIT9E8dOMMspC36g45dN+iD1blloi7xp8X/xAIDnjHWyt1uQ8PHk2fkNaym7soQ==",
+ "dev": true,
+ "requires": {
+ "cross-spawn": "^6.0.5"
+ }
+ },
+ "cross-spawn": {
+ "version": "6.0.5",
+ "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+ "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+ "dev": true,
+ "requires": {
+ "nice-try": "^1.0.4",
+ "path-key": "^2.0.1",
+ "semver": "^5.5.0",
+ "shebang-command": "^1.2.0",
+ "which": "^1.2.9"
+ }
+ },
+ "crypto-browserify": {
+ "version": "3.12.0",
+ "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
+ "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
+ "dev": true,
+ "requires": {
+ "browserify-cipher": "^1.0.0",
+ "browserify-sign": "^4.0.0",
+ "create-ecdh": "^4.0.0",
+ "create-hash": "^1.1.0",
+ "create-hmac": "^1.1.0",
+ "diffie-hellman": "^5.0.0",
+ "inherits": "^2.0.1",
+ "pbkdf2": "^3.0.3",
+ "public-encrypt": "^4.0.0",
+ "randombytes": "^2.0.0",
+ "randomfill": "^1.0.3"
+ }
+ },
+ "css-color-names": {
+ "version": "0.0.4",
+ "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
+ "integrity": "sha512-zj5D7X1U2h2zsXOAM8EyUREBnnts6H+Jm+d1M2DbiQQcUtnqgQsMrdo8JW9R80YFUmIdBZeMu5wvYM7hcgWP/Q==",
+ "dev": true
+ },
+ "css-loader": {
+ "version": "0.28.11",
+ "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-0.28.11.tgz",
+ "integrity": "sha512-wovHgjAx8ZIMGSL8pTys7edA1ClmzxHeY6n/d97gg5odgsxEgKjULPR0viqyC+FWMCL9sfqoC/QCUBo62tLvPg==",
+ "dev": true,
+ "requires": {
+ "babel-code-frame": "^6.26.0",
+ "css-selector-tokenizer": "^0.7.0",
+ "cssnano": "^3.10.0",
+ "icss-utils": "^2.1.0",
+ "loader-utils": "^1.0.2",
+ "lodash.camelcase": "^4.3.0",
+ "object-assign": "^4.1.1",
+ "postcss": "^5.0.6",
+ "postcss-modules-extract-imports": "^1.2.0",
+ "postcss-modules-local-by-default": "^1.2.0",
+ "postcss-modules-scope": "^1.1.0",
+ "postcss-modules-values": "^1.3.0",
+ "postcss-value-parser": "^3.3.0",
+ "source-list-map": "^2.0.0"
+ }
+ },
+ "css-selector-tokenizer": {
+ "version": "0.7.3",
+ "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.3.tgz",
+ "integrity": "sha512-jWQv3oCEL5kMErj4wRnK/OPoBi0D+P1FR2cDCKYPaMeD2eW3/mttav8HT4hT1CKopiJI/psEULjkClhvJo4Lvg==",
+ "dev": true,
+ "requires": {
+ "cssesc": "^3.0.0",
+ "fastparse": "^1.1.2"
+ }
+ },
+ "cssesc": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+ "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+ "dev": true
+ },
+ "cssnano": {
+ "version": "3.10.0",
+ "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-3.10.0.tgz",
+ "integrity": "sha512-0o0IMQE0Ezo4b41Yrm8U6Rp9/Ag81vNXY1gZMnT1XhO4DpjEf2utKERqWJbOoz3g1Wdc1d3QSta/cIuJ1wSTEg==",
+ "dev": true,
+ "requires": {
+ "autoprefixer": "^6.3.1",
+ "decamelize": "^1.1.2",
+ "defined": "^1.0.0",
+ "has": "^1.0.1",
+ "object-assign": "^4.0.1",
+ "postcss": "^5.0.14",
+ "postcss-calc": "^5.2.0",
+ "postcss-colormin": "^2.1.8",
+ "postcss-convert-values": "^2.3.4",
+ "postcss-discard-comments": "^2.0.4",
+ "postcss-discard-duplicates": "^2.0.1",
+ "postcss-discard-empty": "^2.0.1",
+ "postcss-discard-overridden": "^0.1.1",
+ "postcss-discard-unused": "^2.2.1",
+ "postcss-filter-plugins": "^2.0.0",
+ "postcss-merge-idents": "^2.1.5",
+ "postcss-merge-longhand": "^2.0.1",
+ "postcss-merge-rules": "^2.0.3",
+ "postcss-minify-font-values": "^1.0.2",
+ "postcss-minify-gradients": "^1.0.1",
+ "postcss-minify-params": "^1.0.4",
+ "postcss-minify-selectors": "^2.0.4",
+ "postcss-normalize-charset": "^1.1.0",
+ "postcss-normalize-url": "^3.0.7",
+ "postcss-ordered-values": "^2.1.0",
+ "postcss-reduce-idents": "^2.2.2",
+ "postcss-reduce-initial": "^1.0.0",
+ "postcss-reduce-transforms": "^1.0.3",
+ "postcss-svgo": "^2.1.1",
+ "postcss-unique-selectors": "^2.0.2",
+ "postcss-value-parser": "^3.2.3",
+ "postcss-zindex": "^2.0.1"
+ }
+ },
+ "csso": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/csso/-/csso-2.3.2.tgz",
+ "integrity": "sha512-FmCI/hmqDeHHLaIQckMhMZneS84yzUZdrWDAvJVVxOwcKE1P1LF9FGmzr1ktIQSxOw6fl3PaQsmfg+GN+VvR3w==",
+ "dev": true,
+ "requires": {
+ "clap": "^1.0.9",
+ "source-map": "^0.5.3"
+ }
+ },
+ "csstype": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+ "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+ },
+ "currently-unhandled": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
+ "integrity": "sha512-/fITjgjGU50vjQ4FH6eUoYu+iUoUKIXws2hL15JJpIR+BbTxaXQsMuuyjtNh2WqsSBS5nsaZHFsFecyw5CCAng==",
+ "dev": true,
+ "requires": {
+ "array-find-index": "^1.0.1"
+ }
+ },
+ "d": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
+ "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
+ "dev": true,
+ "requires": {
+ "es5-ext": "^0.10.50",
+ "type": "^1.0.1"
+ }
+ },
+ "de-indent": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+ "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+ "dev": true
+ },
+ "debug": {
+ "version": "2.6.9",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+ "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+ "dev": true,
+ "requires": {
+ "ms": "2.0.0"
+ }
+ },
+ "decamelize": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+ "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+ "dev": true
+ },
+ "decode-uri-component": {
+ "version": "0.2.2",
+ "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+ "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
+ "dev": true
+ },
+ "deep-equal": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz",
+ "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==",
+ "dev": true,
+ "requires": {
+ "is-arguments": "^1.0.4",
+ "is-date-object": "^1.0.1",
+ "is-regex": "^1.0.4",
+ "object-is": "^1.0.1",
+ "object-keys": "^1.1.1",
+ "regexp.prototype.flags": "^1.2.0"
+ }
+ },
+ "define-properties": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
+ "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
+ "dev": true,
+ "requires": {
+ "has-property-descriptors": "^1.0.0",
+ "object-keys": "^1.1.1"
+ }
+ },
+ "define-property": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+ "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+ "dev": true,
+ "requires": {
+ "is-descriptor": "^1.0.2",
+ "isobject": "^3.0.1"
+ }
+ },
+ "defined": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.1.tgz",
+ "integrity": "sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==",
+ "dev": true
+ },
+ "del": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/del/-/del-3.0.0.tgz",
+ "integrity": "sha512-7yjqSoVSlJzA4t/VUwazuEagGeANEKB3f/aNI//06pfKgwoCb7f6Q1gETN1sZzYaj6chTQ0AhIwDiPdfOjko4A==",
+ "dev": true,
+ "requires": {
+ "globby": "^6.1.0",
+ "is-path-cwd": "^1.0.0",
+ "is-path-in-cwd": "^1.0.0",
+ "p-map": "^1.1.1",
+ "pify": "^3.0.0",
+ "rimraf": "^2.2.8"
+ }
+ },
+ "depd": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+ "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+ "dev": true
+ },
+ "des.js": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.1.0.tgz",
+ "integrity": "sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==",
+ "dev": true,
+ "requires": {
+ "inherits": "^2.0.1",
+ "minimalistic-assert": "^1.0.0"
+ }
+ },
+ "destroy": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+ "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+ "dev": true
+ },
+ "detect-indent": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-4.0.0.tgz",
+ "integrity": "sha512-BDKtmHlOzwI7iRuEkhzsnPoi5ypEhWAJB5RvHWe1kMr06js3uK5B3734i3ui5Yd+wOJV1cpE4JnivPD283GU/A==",
+ "dev": true,
+ "requires": {
+ "repeating": "^2.0.0"
+ }
+ },
+ "detect-node": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+ "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+ "dev": true
+ },
+ "diffie-hellman": {
+ "version": "5.0.3",
+ "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+ "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
+ "dev": true,
+ "requires": {
+ "bn.js": "^4.1.0",
+ "miller-rabin": "^4.0.0",
+ "randombytes": "^2.0.0"
+ },
+ "dependencies": {
+ "bn.js": {
+ "version": "4.12.0",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+ "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+ "dev": true
+ }
+ }
+ },
+ "dns-equal": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
+ "integrity": "sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==",
+ "dev": true
+ },
+ "dns-packet": {
+ "version": "1.3.4",
+ "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
+ "integrity": "sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==",
+ "dev": true,
+ "requires": {
+ "ip": "^1.1.0",
+ "safe-buffer": "^5.0.1"
+ }
+ },
+ "dns-txt": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/dns-txt/-/dns-txt-2.0.2.tgz",
+ "integrity": "sha512-Ix5PrWjphuSoUXV/Zv5gaFHjnaJtb02F2+Si3Ht9dyJ87+Z/lMmy+dpNHtTGraNK958ndXq2i+GLkWsWHcKaBQ==",
+ "dev": true,
+ "requires": {
+ "buffer-indexof": "^1.0.0"
+ }
+ },
+ "domain-browser": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
+ "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==",
+ "dev": true
+ },
+ "ee-first": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+ "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+ "dev": true
+ },
+ "electron-to-chromium": {
+ "version": "1.4.454",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.454.tgz",
+ "integrity": "sha512-pmf1rbAStw8UEQ0sr2cdJtWl48ZMuPD9Sto8HVQOq9vx9j2WgDEN6lYoaqFvqEHYOmGA9oRGn7LqWI9ta0YugQ==",
+ "dev": true
+ },
+ "elliptic": {
+ "version": "6.5.4",
+ "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
+ "integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==",
+ "dev": true,
+ "requires": {
+ "bn.js": "^4.11.9",
+ "brorand": "^1.1.0",
+ "hash.js": "^1.0.0",
+ "hmac-drbg": "^1.0.1",
+ "inherits": "^2.0.4",
+ "minimalistic-assert": "^1.0.1",
+ "minimalistic-crypto-utils": "^1.0.1"
+ },
+ "dependencies": {
+ "bn.js": {
+ "version": "4.12.0",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+ "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+ "dev": true
+ }
+ }
+ },
+ "emojis-list": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+ "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+ "dev": true
+ },
+ "encodeurl": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+ "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+ "dev": true
+ },
+ "enhanced-resolve": {
+ "version": "3.4.1",
+ "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz",
+ "integrity": "sha512-ZaAux1rigq1e2nQrztHn4h2ugvpzZxs64qneNah+8Mh/K0CRqJFJc+UoXnUsq+1yX+DmQFPPdVqboKAJ89e0Iw==",
+ "dev": true,
+ "requires": {
+ "graceful-fs": "^4.1.2",
+ "memory-fs": "^0.4.0",
+ "object-assign": "^4.0.1",
+ "tapable": "^0.2.7"
+ }
+ },
+ "errno": {
+ "version": "0.1.8",
+ "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+ "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+ "dev": true,
+ "requires": {
+ "prr": "~1.0.1"
+ }
+ },
+ "error-ex": {
+ "version": "1.3.2",
+ "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+ "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+ "dev": true,
+ "requires": {
+ "is-arrayish": "^0.2.1"
+ }
+ },
+ "es-abstract": {
+ "version": "1.21.2",
+ "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.2.tgz",
+ "integrity": "sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==",
+ "dev": true,
+ "requires": {
+ "array-buffer-byte-length": "^1.0.0",
+ "available-typed-arrays": "^1.0.5",
+ "call-bind": "^1.0.2",
+ "es-set-tostringtag": "^2.0.1",
+ "es-to-primitive": "^1.2.1",
+ "function.prototype.name": "^1.1.5",
+ "get-intrinsic": "^1.2.0",
+ "get-symbol-description": "^1.0.0",
+ "globalthis": "^1.0.3",
+ "gopd": "^1.0.1",
+ "has": "^1.0.3",
+ "has-property-descriptors": "^1.0.0",
+ "has-proto": "^1.0.1",
+ "has-symbols": "^1.0.3",
+ "internal-slot": "^1.0.5",
+ "is-array-buffer": "^3.0.2",
+ "is-callable": "^1.2.7",
+ "is-negative-zero": "^2.0.2",
+ "is-regex": "^1.1.4",
+ "is-shared-array-buffer": "^1.0.2",
+ "is-string": "^1.0.7",
+ "is-typed-array": "^1.1.10",
+ "is-weakref": "^1.0.2",
+ "object-inspect": "^1.12.3",
+ "object-keys": "^1.1.1",
+ "object.assign": "^4.1.4",
+ "regexp.prototype.flags": "^1.4.3",
+ "safe-regex-test": "^1.0.0",
+ "string.prototype.trim": "^1.2.7",
+ "string.prototype.trimend": "^1.0.6",
+ "string.prototype.trimstart": "^1.0.6",
+ "typed-array-length": "^1.0.4",
+ "unbox-primitive": "^1.0.2",
+ "which-typed-array": "^1.1.9"
+ }
+ },
+ "es-set-tostringtag": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+ "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+ "dev": true,
+ "requires": {
+ "get-intrinsic": "^1.1.3",
+ "has": "^1.0.3",
+ "has-tostringtag": "^1.0.0"
+ }
+ },
+ "es-to-primitive": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+ "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+ "dev": true,
+ "requires": {
+ "is-callable": "^1.1.4",
+ "is-date-object": "^1.0.1",
+ "is-symbol": "^1.0.2"
+ }
+ },
+ "es5-ext": {
+ "version": "0.10.62",
+ "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
+ "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
+ "dev": true,
+ "requires": {
+ "es6-iterator": "^2.0.3",
+ "es6-symbol": "^3.1.3",
+ "next-tick": "^1.1.0"
+ }
+ },
+ "es6-iterator": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
+ "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+ "dev": true,
+ "requires": {
+ "d": "1",
+ "es5-ext": "^0.10.35",
+ "es6-symbol": "^3.1.1"
+ }
+ },
+ "es6-map": {
+ "version": "0.1.5",
+ "resolved": "https://registry.npmjs.org/es6-map/-/es6-map-0.1.5.tgz",
+ "integrity": "sha512-mz3UqCh0uPCIqsw1SSAkB/p0rOzF/M0V++vyN7JqlPtSW/VsYgQBvVvqMLmfBuyMzTpLnNqi6JmcSizs4jy19A==",
+ "dev": true,
+ "requires": {
+ "d": "1",
+ "es5-ext": "~0.10.14",
+ "es6-iterator": "~2.0.1",
+ "es6-set": "~0.1.5",
+ "es6-symbol": "~3.1.1",
+ "event-emitter": "~0.3.5"
+ }
+ },
+ "es6-set": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/es6-set/-/es6-set-0.1.6.tgz",
+ "integrity": "sha512-TE3LgGLDIBX332jq3ypv6bcOpkLO0AslAQo7p2VqX/1N46YNsvIWgvjojjSEnWEGWMhr1qUbYeTSir5J6mFHOw==",
+ "dev": true,
+ "requires": {
+ "d": "^1.0.1",
+ "es5-ext": "^0.10.62",
+ "es6-iterator": "~2.0.3",
+ "es6-symbol": "^3.1.3",
+ "event-emitter": "^0.3.5",
+ "type": "^2.7.2"
+ },
+ "dependencies": {
+ "type": {
+ "version": "2.7.2",
+ "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
+ "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==",
+ "dev": true
+ }
+ }
+ },
+ "es6-symbol": {
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
+ "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
+ "dev": true,
+ "requires": {
+ "d": "^1.0.1",
+ "ext": "^1.1.2"
+ }
+ },
+ "es6-weak-map": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.3.tgz",
+ "integrity": "sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==",
+ "dev": true,
+ "requires": {
+ "d": "1",
+ "es5-ext": "^0.10.46",
+ "es6-iterator": "^2.0.3",
+ "es6-symbol": "^3.1.1"
+ }
+ },
+ "escape-html": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+ "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+ "dev": true
+ },
+ "escape-string-regexp": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+ "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+ "dev": true
+ },
+ "escope": {
+ "version": "3.6.0",
+ "resolved": "https://registry.npmjs.org/escope/-/escope-3.6.0.tgz",
+ "integrity": "sha512-75IUQsusDdalQEW/G/2esa87J7raqdJF+Ca0/Xm5C3Q58Nr4yVYjZGp/P1+2xiEVgXRrA39dpRb8LcshajbqDQ==",
+ "dev": true,
+ "requires": {
+ "es6-map": "^0.1.3",
+ "es6-weak-map": "^2.0.1",
+ "esrecurse": "^4.1.0",
+ "estraverse": "^4.1.1"
+ }
+ },
+ "esprima": {
+ "version": "2.7.3",
+ "resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.3.tgz",
+ "integrity": "sha512-OarPfz0lFCiW4/AV2Oy1Rp9qu0iusTKqykwTspGCZtPxmF81JR4MmIebvF1F9+UOKth2ZubLQ4XGGaU+hSn99A==",
+ "dev": true
+ },
+ "esrecurse": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+ "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+ "dev": true,
+ "requires": {
+ "estraverse": "^5.2.0"
+ },
+ "dependencies": {
+ "estraverse": {
+ "version": "5.3.0",
+ "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+ "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+ "dev": true
+ }
+ }
+ },
+ "estraverse": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+ "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+ "dev": true
+ },
+ "esutils": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+ "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+ "dev": true
+ },
+ "etag": {
+ "version": "1.8.1",
+ "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+ "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+ "dev": true
+ },
+ "event-emitter": {
+ "version": "0.3.5",
+ "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
+ "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+ "dev": true,
+ "requires": {
+ "d": "1",
+ "es5-ext": "~0.10.14"
+ }
+ },
+ "eventemitter3": {
+ "version": "4.0.7",
+ "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+ "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+ "dev": true
+ },
+ "events": {
+ "version": "3.3.0",
+ "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+ "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+ "dev": true
+ },
+ "eventsource": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-0.1.6.tgz",
+ "integrity": "sha512-bbB5tEuvC+SuRUG64X8ghvjgiRniuA4WlehWbFnoN4z6TxDXpyX+BMHF7rMgZAqoe+EbyNRUbHN0uuP9phy5jQ==",
+ "dev": true,
+ "requires": {
+ "original": ">=0.0.5"
+ }
+ },
+ "evp_bytestokey": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
+ "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+ "dev": true,
+ "requires": {
+ "md5.js": "^1.3.4",
+ "safe-buffer": "^5.1.1"
+ }
+ },
+ "execa": {
+ "version": "0.7.0",
+ "resolved": "https://registry.npmjs.org/execa/-/execa-0.7.0.tgz",
+ "integrity": "sha512-RztN09XglpYI7aBBrJCPW95jEH7YF1UEPOoX9yDhUTPdp7mK+CQvnLTuD10BNXZ3byLTu2uehZ8EcKT/4CGiFw==",
+ "dev": true,
+ "requires": {
+ "cross-spawn": "^5.0.1",
+ "get-stream": "^3.0.0",
+ "is-stream": "^1.1.0",
+ "npm-run-path": "^2.0.0",
+ "p-finally": "^1.0.0",
+ "signal-exit": "^3.0.0",
+ "strip-eof": "^1.0.0"
+ },
+ "dependencies": {
+ "cross-spawn": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+ "integrity": "sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==",
+ "dev": true,
+ "requires": {
+ "lru-cache": "^4.0.1",
+ "shebang-command": "^1.2.0",
+ "which": "^1.2.9"
+ }
+ }
+ }
+ },
+ "expand-brackets": {
+ "version": "2.1.4",
+ "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+ "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==",
+ "dev": true,
+ "requires": {
+ "debug": "^2.3.3",
+ "define-property": "^0.2.5",
+ "extend-shallow": "^2.0.1",
+ "posix-character-classes": "^0.1.0",
+ "regex-not": "^1.0.0",
+ "snapdragon": "^0.8.1",
+ "to-regex": "^3.0.1"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+ "dev": true,
+ "requires": {
+ "is-descriptor": "^0.1.0"
+ }
+ },
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ },
+ "is-accessor-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+ "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "is-data-descriptor": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+ "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "is-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+ "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+ "dev": true,
+ "requires": {
+ "is-accessor-descriptor": "^0.1.6",
+ "is-data-descriptor": "^0.1.4",
+ "kind-of": "^5.0.0"
+ }
+ },
+ "is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true
+ },
+ "kind-of": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+ "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+ "dev": true
+ }
+ }
+ },
+ "express": {
+ "version": "4.18.2",
+ "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
+ "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+ "dev": true,
+ "requires": {
+ "accepts": "~1.3.8",
+ "array-flatten": "1.1.1",
+ "body-parser": "1.20.1",
+ "content-disposition": "0.5.4",
+ "content-type": "~1.0.4",
+ "cookie": "0.5.0",
+ "cookie-signature": "1.0.6",
+ "debug": "2.6.9",
+ "depd": "2.0.0",
+ "encodeurl": "~1.0.2",
+ "escape-html": "~1.0.3",
+ "etag": "~1.8.1",
+ "finalhandler": "1.2.0",
+ "fresh": "0.5.2",
+ "http-errors": "2.0.0",
+ "merge-descriptors": "1.0.1",
+ "methods": "~1.1.2",
+ "on-finished": "2.4.1",
+ "parseurl": "~1.3.3",
+ "path-to-regexp": "0.1.7",
+ "proxy-addr": "~2.0.7",
+ "qs": "6.11.0",
+ "range-parser": "~1.2.1",
+ "safe-buffer": "5.2.1",
+ "send": "0.18.0",
+ "serve-static": "1.15.0",
+ "setprototypeof": "1.2.0",
+ "statuses": "2.0.1",
+ "type-is": "~1.6.18",
+ "utils-merge": "1.0.1",
+ "vary": "~1.1.2"
+ },
+ "dependencies": {
+ "array-flatten": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+ "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+ "dev": true
+ },
+ "qs": {
+ "version": "6.11.0",
+ "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+ "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+ "dev": true,
+ "requires": {
+ "side-channel": "^1.0.4"
+ }
+ }
+ }
+ },
+ "ext": {
+ "version": "1.7.0",
+ "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
+ "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+ "dev": true,
+ "requires": {
+ "type": "^2.7.2"
+ },
+ "dependencies": {
+ "type": {
+ "version": "2.7.2",
+ "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
+ "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==",
+ "dev": true
+ }
+ }
+ },
+ "extend-shallow": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+ "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+ "dev": true,
+ "requires": {
+ "assign-symbols": "^1.0.0",
+ "is-extendable": "^1.0.1"
+ }
+ },
+ "extglob": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+ "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+ "dev": true,
+ "requires": {
+ "array-unique": "^0.3.2",
+ "define-property": "^1.0.0",
+ "expand-brackets": "^2.1.4",
+ "extend-shallow": "^2.0.1",
+ "fragment-cache": "^0.2.1",
+ "regex-not": "^1.0.0",
+ "snapdragon": "^0.8.1",
+ "to-regex": "^3.0.1"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+ "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+ "dev": true,
+ "requires": {
+ "is-descriptor": "^1.0.0"
+ }
+ },
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ },
+ "is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true
+ }
+ }
+ },
+ "fast-deep-equal": {
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+ "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+ "dev": true
+ },
+ "fast-json-stable-stringify": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+ "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+ "dev": true
+ },
+ "fastparse": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
+ "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==",
+ "dev": true
+ },
+ "faye-websocket": {
+ "version": "0.10.0",
+ "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.10.0.tgz",
+ "integrity": "sha512-Xhj93RXbMSq8urNCUq4p9l0P6hnySJ/7YNRhYNug0bLOuii7pKO7xQFb5mx9xZXWCar88pLPb805PvUkwrLZpQ==",
+ "dev": true,
+ "requires": {
+ "websocket-driver": ">=0.5.1"
+ }
+ },
+ "file-loader": {
+ "version": "1.1.11",
+ "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-1.1.11.tgz",
+ "integrity": "sha512-TGR4HU7HUsGg6GCOPJnFk06RhWgEWFLAGWiT6rcD+GRC2keU3s9RGJ+b3Z6/U73jwwNb2gKLJ7YCrp+jvU4ALg==",
+ "dev": true,
+ "requires": {
+ "loader-utils": "^1.0.2",
+ "schema-utils": "^0.4.5"
+ }
+ },
+ "file-uri-to-path": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+ "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+ "dev": true,
+ "optional": true
+ },
+ "fill-range": {
+ "version": "7.0.1",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+ "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "to-regex-range": "^5.0.1"
+ }
+ },
+ "finalhandler": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
+ "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
+ "dev": true,
+ "requires": {
+ "debug": "2.6.9",
+ "encodeurl": "~1.0.2",
+ "escape-html": "~1.0.3",
+ "on-finished": "2.4.1",
+ "parseurl": "~1.3.3",
+ "statuses": "2.0.1",
+ "unpipe": "~1.0.0"
+ }
+ },
+ "find-cache-dir": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-1.0.0.tgz",
+ "integrity": "sha512-46TFiBOzX7xq/PcSWfFwkyjpemdRnMe31UQF+os0y+1W3k95f6R4SEt02Hj4p3X0Mir9gfrkmOtshFidS0VPUg==",
+ "dev": true,
+ "requires": {
+ "commondir": "^1.0.1",
+ "make-dir": "^1.0.0",
+ "pkg-dir": "^2.0.0"
+ }
+ },
+ "find-up": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+ "integrity": "sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==",
+ "dev": true,
+ "requires": {
+ "locate-path": "^2.0.0"
+ }
+ },
+ "flatten": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.3.tgz",
+ "integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==",
+ "dev": true
+ },
+ "follow-redirects": {
+ "version": "1.15.2",
+ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+ "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+ "dev": true
+ },
+ "for-each": {
+ "version": "0.3.3",
+ "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+ "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+ "dev": true,
+ "requires": {
+ "is-callable": "^1.1.3"
+ }
+ },
+ "for-in": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+ "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==",
+ "dev": true
+ },
+ "forwarded": {
+ "version": "0.2.0",
+ "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+ "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+ "dev": true
+ },
+ "fragment-cache": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+ "integrity": "sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==",
+ "dev": true,
+ "requires": {
+ "map-cache": "^0.2.2"
+ }
+ },
+ "fresh": {
+ "version": "0.5.2",
+ "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+ "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+ "dev": true
+ },
+ "fs.realpath": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+ "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+ "dev": true
+ },
+ "fsevents": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+ "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+ "dev": true,
+ "optional": true
+ },
+ "function-bind": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+ "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+ "dev": true
+ },
+ "function.prototype.name": {
+ "version": "1.1.5",
+ "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz",
+ "integrity": "sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.3",
+ "es-abstract": "^1.19.0",
+ "functions-have-names": "^1.2.2"
+ }
+ },
+ "functions-have-names": {
+ "version": "1.2.3",
+ "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+ "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+ "dev": true
+ },
+ "get-caller-file": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
+ "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
+ "dev": true
+ },
+ "get-intrinsic": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+ "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+ "dev": true,
+ "requires": {
+ "function-bind": "^1.1.1",
+ "has": "^1.0.3",
+ "has-proto": "^1.0.1",
+ "has-symbols": "^1.0.3"
+ }
+ },
+ "get-stdin": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
+ "integrity": "sha512-F5aQMywwJ2n85s4hJPTT9RPxGmubonuB10MNYo17/xph174n2MIR33HRguhzVag10O/npM7SPk73LMZNP+FaWw==",
+ "dev": true
+ },
+ "get-stream": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+ "integrity": "sha512-GlhdIUuVakc8SJ6kK0zAFbiGzRFzNnY4jUuEbV9UROo4Y+0Ny4fjvcZFVTeDA4odpFyOQzaw6hXukJSq/f28sQ==",
+ "dev": true
+ },
+ "get-symbol-description": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+ "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "get-intrinsic": "^1.1.1"
+ }
+ },
+ "get-value": {
+ "version": "2.0.6",
+ "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+ "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==",
+ "dev": true
+ },
+ "glob": {
+ "version": "7.2.3",
+ "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+ "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+ "dev": true,
+ "requires": {
+ "fs.realpath": "^1.0.0",
+ "inflight": "^1.0.4",
+ "inherits": "2",
+ "minimatch": "^3.1.1",
+ "once": "^1.3.0",
+ "path-is-absolute": "^1.0.0"
+ }
+ },
+ "glob-parent": {
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+ "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-glob": "^4.0.1"
+ }
+ },
+ "globals": {
+ "version": "9.18.0",
+ "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz",
+ "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==",
+ "dev": true
+ },
+ "globalthis": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+ "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+ "dev": true,
+ "requires": {
+ "define-properties": "^1.1.3"
+ }
+ },
+ "globby": {
+ "version": "6.1.0",
+ "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+ "integrity": "sha512-KVbFv2TQtbzCoxAnfD6JcHZTYCzyliEaaeM/gH8qQdkKr5s0OP9scEgvdcngyk7AVdY6YVW/TJHd+lQ/Df3Daw==",
+ "dev": true,
+ "requires": {
+ "array-union": "^1.0.1",
+ "glob": "^7.0.3",
+ "object-assign": "^4.0.1",
+ "pify": "^2.0.0",
+ "pinkie-promise": "^2.0.0"
+ },
+ "dependencies": {
+ "pify": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+ "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+ "dev": true
+ }
+ }
+ },
+ "gopd": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+ "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+ "dev": true,
+ "requires": {
+ "get-intrinsic": "^1.1.3"
+ }
+ },
+ "graceful-fs": {
+ "version": "4.2.11",
+ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+ "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+ "dev": true
+ },
+ "handle-thing": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+ "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
+ "dev": true
+ },
+ "has": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+ "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+ "dev": true,
+ "requires": {
+ "function-bind": "^1.1.1"
+ }
+ },
+ "has-ansi": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+ "integrity": "sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==",
+ "dev": true,
+ "requires": {
+ "ansi-regex": "^2.0.0"
+ }
+ },
+ "has-bigints": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+ "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+ "dev": true
+ },
+ "has-flag": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+ "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+ "dev": true
+ },
+ "has-property-descriptors": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+ "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+ "dev": true,
+ "requires": {
+ "get-intrinsic": "^1.1.1"
+ }
+ },
+ "has-proto": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+ "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+ "dev": true
+ },
+ "has-symbols": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+ "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+ "dev": true
+ },
+ "has-tostringtag": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+ "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+ "dev": true,
+ "requires": {
+ "has-symbols": "^1.0.2"
+ }
+ },
+ "has-value": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+ "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==",
+ "dev": true,
+ "requires": {
+ "get-value": "^2.0.6",
+ "has-values": "^1.0.0",
+ "isobject": "^3.0.0"
+ }
+ },
+ "has-values": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+ "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==",
+ "dev": true,
+ "requires": {
+ "is-number": "^3.0.0",
+ "kind-of": "^4.0.0"
+ },
+ "dependencies": {
+ "is-number": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+ "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "kind-of": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+ "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "hash-base": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
+ "integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
+ "dev": true,
+ "requires": {
+ "inherits": "^2.0.4",
+ "readable-stream": "^3.6.0",
+ "safe-buffer": "^5.2.0"
+ },
+ "dependencies": {
+ "readable-stream": {
+ "version": "3.6.2",
+ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+ "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+ "dev": true,
+ "requires": {
+ "inherits": "^2.0.3",
+ "string_decoder": "^1.1.1",
+ "util-deprecate": "^1.0.1"
+ }
+ }
+ }
+ },
+ "hash-sum": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+ "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+ "dev": true
+ },
+ "hash.js": {
+ "version": "1.1.7",
+ "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
+ "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
+ "dev": true,
+ "requires": {
+ "inherits": "^2.0.3",
+ "minimalistic-assert": "^1.0.1"
+ }
+ },
+ "he": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+ "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+ "dev": true
+ },
+ "hmac-drbg": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
+ "integrity": "sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==",
+ "dev": true,
+ "requires": {
+ "hash.js": "^1.0.3",
+ "minimalistic-assert": "^1.0.0",
+ "minimalistic-crypto-utils": "^1.0.1"
+ }
+ },
+ "home-or-tmp": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/home-or-tmp/-/home-or-tmp-2.0.0.tgz",
+ "integrity": "sha512-ycURW7oUxE2sNiPVw1HVEFsW+ecOpJ5zaj7eC0RlwhibhRBod20muUN8qu/gzx956YrLolVvs1MTXwKgC2rVEg==",
+ "dev": true,
+ "requires": {
+ "os-homedir": "^1.0.0",
+ "os-tmpdir": "^1.0.1"
+ }
+ },
+ "hosted-git-info": {
+ "version": "2.8.9",
+ "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+ "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+ "dev": true
+ },
+ "hpack.js": {
+ "version": "2.1.6",
+ "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+ "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==",
+ "dev": true,
+ "requires": {
+ "inherits": "^2.0.1",
+ "obuf": "^1.0.0",
+ "readable-stream": "^2.0.1",
+ "wbuf": "^1.1.0"
+ }
+ },
+ "html-comment-regex": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/html-comment-regex/-/html-comment-regex-1.1.2.tgz",
+ "integrity": "sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ==",
+ "dev": true
+ },
+ "html-entities": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.4.0.tgz",
+ "integrity": "sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA==",
+ "dev": true
+ },
+ "http-deceiver": {
+ "version": "1.2.7",
+ "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+ "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==",
+ "dev": true
+ },
+ "http-errors": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+ "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+ "dev": true,
+ "requires": {
+ "depd": "2.0.0",
+ "inherits": "2.0.4",
+ "setprototypeof": "1.2.0",
+ "statuses": "2.0.1",
+ "toidentifier": "1.0.1"
+ }
+ },
+ "http-parser-js": {
+ "version": "0.5.8",
+ "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz",
+ "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==",
+ "dev": true
+ },
+ "http-proxy": {
+ "version": "1.18.1",
+ "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+ "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+ "dev": true,
+ "requires": {
+ "eventemitter3": "^4.0.0",
+ "follow-redirects": "^1.0.0",
+ "requires-port": "^1.0.0"
+ }
+ },
+ "http-proxy-middleware": {
+ "version": "0.19.2",
+ "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.19.2.tgz",
+ "integrity": "sha512-aYk1rTKqLTus23X3L96LGNCGNgWpG4cG0XoZIT1GUPhhulEHX/QalnO6Vbo+WmKWi4AL2IidjuC0wZtbpg0yhQ==",
+ "dev": true,
+ "requires": {
+ "http-proxy": "^1.18.1",
+ "is-glob": "^4.0.0",
+ "lodash": "^4.17.11",
+ "micromatch": "^3.1.10"
+ }
+ },
+ "https-browserify": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
+ "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==",
+ "dev": true
+ },
+ "iconv-lite": {
+ "version": "0.4.24",
+ "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+ "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+ "dev": true,
+ "requires": {
+ "safer-buffer": ">= 2.1.2 < 3"
+ }
+ },
+ "icss-replace-symbols": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz",
+ "integrity": "sha512-chIaY3Vh2mh2Q3RGXttaDIzeiPvaVXJ+C4DAh/w3c37SKZ/U6PGMmuicR2EQQp9bKG8zLMCl7I+PtIoOOPp8Gg==",
+ "dev": true
+ },
+ "icss-utils": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-2.1.0.tgz",
+ "integrity": "sha512-bsVoyn/1V4R1kYYjLcWLedozAM4FClZUdjE9nIr8uWY7xs78y9DATgwz2wGU7M+7z55KenmmTkN2DVJ7bqzjAA==",
+ "dev": true,
+ "requires": {
+ "postcss": "^6.0.1"
+ },
+ "dependencies": {
+ "ansi-styles": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+ "dev": true,
+ "requires": {
+ "color-convert": "^1.9.0"
+ }
+ },
+ "chalk": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+ "dev": true,
+ "requires": {
+ "ansi-styles": "^3.2.1",
+ "escape-string-regexp": "^1.0.5",
+ "supports-color": "^5.3.0"
+ }
+ },
+ "postcss": {
+ "version": "6.0.23",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+ "dev": true,
+ "requires": {
+ "chalk": "^2.4.1",
+ "source-map": "^0.6.1",
+ "supports-color": "^5.4.0"
+ }
+ },
+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true
+ },
+ "supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "requires": {
+ "has-flag": "^3.0.0"
+ }
+ }
+ }
+ },
+ "ieee754": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+ "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+ "dev": true
+ },
+ "import-local": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/import-local/-/import-local-1.0.0.tgz",
+ "integrity": "sha512-vAaZHieK9qjGo58agRBg+bhHX3hoTZU/Oa3GESWLz7t1U62fk63aHuDJJEteXoDeTCcPmUT+z38gkHPZkkmpmQ==",
+ "dev": true,
+ "requires": {
+ "pkg-dir": "^2.0.0",
+ "resolve-cwd": "^2.0.0"
+ }
+ },
+ "indent-string": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+ "integrity": "sha512-aqwDFWSgSgfRaEwao5lg5KEcVd/2a+D1rvoG7NdilmYz0NwRk6StWpWdz/Hpk34MKPpx7s8XxUqimfcQK6gGlg==",
+ "dev": true,
+ "requires": {
+ "repeating": "^2.0.0"
+ }
+ },
+ "indexes-of": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
+ "integrity": "sha512-bup+4tap3Hympa+JBJUG7XuOsdNQ6fxt0MHyXMKuLBKn0OqsTfvUxkUrroEX1+B2VsSHvCjiIcZVxRtYa4nllA==",
+ "dev": true
+ },
+ "inflight": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+ "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+ "dev": true,
+ "requires": {
+ "once": "^1.3.0",
+ "wrappy": "1"
+ }
+ },
+ "inherits": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+ "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+ "dev": true
+ },
+ "internal-ip": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-1.2.0.tgz",
+ "integrity": "sha512-DzGfTasXPmwizQP4XV2rR6r2vp8TjlOpMnJqG9Iy2i1pl1lkZdZj5rSpIc7YFGX2nS46PPgAGEyT+Q5hE2FB2g==",
+ "dev": true,
+ "requires": {
+ "meow": "^3.3.0"
+ }
+ },
+ "internal-slot": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+ "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+ "dev": true,
+ "requires": {
+ "get-intrinsic": "^1.2.0",
+ "has": "^1.0.3",
+ "side-channel": "^1.0.4"
+ }
+ },
+ "interpret": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz",
+ "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==",
+ "dev": true
+ },
+ "invariant": {
+ "version": "2.2.4",
+ "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+ "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+ "dev": true,
+ "requires": {
+ "loose-envify": "^1.0.0"
+ }
+ },
+ "invert-kv": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz",
+ "integrity": "sha512-xgs2NH9AE66ucSq4cNG1nhSFghr5l6tdL15Pk+jl46bmmBapgoaY/AacXyaDznAqmGL99TiLSQgO/XazFSKYeQ==",
+ "dev": true
+ },
+ "ip": {
+ "version": "1.1.8",
+ "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
+ "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==",
+ "dev": true
+ },
+ "ipaddr.js": {
+ "version": "1.9.1",
+ "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+ "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+ "dev": true
+ },
+ "is-absolute-url": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-2.1.0.tgz",
+ "integrity": "sha512-vOx7VprsKyllwjSkLV79NIhpyLfr3jAp7VaTCMXOJHu4m0Ew1CZ2fcjASwmV1jI3BWuWHB013M48eyeldk9gYg==",
+ "dev": true
+ },
+ "is-accessor-descriptor": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+ "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^6.0.0"
+ }
+ },
+ "is-arguments": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+ "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "has-tostringtag": "^1.0.0"
+ }
+ },
+ "is-array-buffer": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+ "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "get-intrinsic": "^1.2.0",
+ "is-typed-array": "^1.1.10"
+ }
+ },
+ "is-arrayish": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+ "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+ "dev": true
+ },
+ "is-bigint": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+ "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+ "dev": true,
+ "requires": {
+ "has-bigints": "^1.0.1"
+ }
+ },
+ "is-binary-path": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+ "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "binary-extensions": "^2.0.0"
+ }
+ },
+ "is-boolean-object": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+ "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "has-tostringtag": "^1.0.0"
+ }
+ },
+ "is-buffer": {
+ "version": "1.1.6",
+ "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+ "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+ "dev": true
+ },
+ "is-callable": {
+ "version": "1.2.7",
+ "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+ "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+ "dev": true
+ },
+ "is-core-module": {
+ "version": "2.12.1",
+ "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+ "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
+ "dev": true,
+ "requires": {
+ "has": "^1.0.3"
+ }
+ },
+ "is-data-descriptor": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+ "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^6.0.0"
+ }
+ },
+ "is-date-object": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+ "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+ "dev": true,
+ "requires": {
+ "has-tostringtag": "^1.0.0"
+ }
+ },
+ "is-descriptor": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+ "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+ "dev": true,
+ "requires": {
+ "is-accessor-descriptor": "^1.0.0",
+ "is-data-descriptor": "^1.0.0",
+ "kind-of": "^6.0.2"
+ }
+ },
+ "is-directory": {
+ "version": "0.3.1",
+ "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+ "integrity": "sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==",
+ "dev": true
+ },
+ "is-extendable": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+ "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+ "dev": true,
+ "requires": {
+ "is-plain-object": "^2.0.4"
+ }
+ },
+ "is-extglob": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+ "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+ "dev": true
+ },
+ "is-finite": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz",
+ "integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==",
+ "dev": true
+ },
+ "is-fullwidth-code-point": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+ "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
+ "dev": true
+ },
+ "is-glob": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+ "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+ "dev": true,
+ "requires": {
+ "is-extglob": "^2.1.1"
+ }
+ },
+ "is-negative-zero": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+ "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+ "dev": true
+ },
+ "is-number": {
+ "version": "7.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+ "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+ "dev": true,
+ "optional": true
+ },
+ "is-number-object": {
+ "version": "1.0.7",
+ "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+ "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+ "dev": true,
+ "requires": {
+ "has-tostringtag": "^1.0.0"
+ }
+ },
+ "is-path-cwd": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-1.0.0.tgz",
+ "integrity": "sha512-cnS56eR9SPAscL77ik76ATVqoPARTqPIVkMDVxRaWH06zT+6+CzIroYRJ0VVvm0Z1zfAvxvz9i/D3Ppjaqt5Nw==",
+ "dev": true
+ },
+ "is-path-in-cwd": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-1.0.1.tgz",
+ "integrity": "sha512-FjV1RTW48E7CWM7eE/J2NJvAEEVektecDBVBE5Hh3nM1Jd0kvhHtX68Pr3xsDf857xt3Y4AkwVULK1Vku62aaQ==",
+ "dev": true,
+ "requires": {
+ "is-path-inside": "^1.0.0"
+ }
+ },
+ "is-path-inside": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-1.0.1.tgz",
+ "integrity": "sha512-qhsCR/Esx4U4hg/9I19OVUAJkGWtjRYHMRgUMZE2TDdj+Ag+kttZanLupfddNyglzz50cUlmWzUaI37GDfNx/g==",
+ "dev": true,
+ "requires": {
+ "path-is-inside": "^1.0.1"
+ }
+ },
+ "is-plain-obj": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+ "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
+ "dev": true
+ },
+ "is-plain-object": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+ "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+ "dev": true,
+ "requires": {
+ "isobject": "^3.0.1"
+ }
+ },
+ "is-regex": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+ "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "has-tostringtag": "^1.0.0"
+ }
+ },
+ "is-shared-array-buffer": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+ "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2"
+ }
+ },
+ "is-stream": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+ "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
+ "dev": true
+ },
+ "is-string": {
+ "version": "1.0.7",
+ "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+ "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+ "dev": true,
+ "requires": {
+ "has-tostringtag": "^1.0.0"
+ }
+ },
+ "is-svg": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/is-svg/-/is-svg-2.1.0.tgz",
+ "integrity": "sha512-Ya1giYJUkcL/94quj0+XGcmts6cETPBW1MiFz1ReJrnDJ680F52qpAEGAEGU0nq96FRGIGPx6Yo1CyPXcOoyGw==",
+ "dev": true,
+ "requires": {
+ "html-comment-regex": "^1.1.0"
+ }
+ },
+ "is-symbol": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+ "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+ "dev": true,
+ "requires": {
+ "has-symbols": "^1.0.2"
+ }
+ },
+ "is-typed-array": {
+ "version": "1.1.10",
+ "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.10.tgz",
+ "integrity": "sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==",
+ "dev": true,
+ "requires": {
+ "available-typed-arrays": "^1.0.5",
+ "call-bind": "^1.0.2",
+ "for-each": "^0.3.3",
+ "gopd": "^1.0.1",
+ "has-tostringtag": "^1.0.0"
+ }
+ },
+ "is-utf8": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
+ "integrity": "sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==",
+ "dev": true
+ },
+ "is-weakref": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+ "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2"
+ }
+ },
+ "is-windows": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+ "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+ "dev": true
+ },
+ "is-wsl": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+ "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==",
+ "dev": true
+ },
+ "isarray": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+ "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+ "dev": true
+ },
+ "isexe": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+ "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+ "dev": true
+ },
+ "isobject": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+ "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+ "dev": true
+ },
+ "js-base64": {
+ "version": "2.6.4",
+ "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
+ "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==",
+ "dev": true
+ },
+ "js-tokens": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
+ "integrity": "sha512-RjTcuD4xjtthQkaWH7dFlH85L+QaVtSoOyGdZ3g6HFhS9dFNDfLyqgm2NFe2X6cQpeFmt0452FJjFG5UameExg==",
+ "dev": true
+ },
+ "js-yaml": {
+ "version": "3.7.0",
+ "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.7.0.tgz",
+ "integrity": "sha512-eIlkGty7HGmntbV6P/ZlAsoncFLGsNoM27lkTzS+oneY/EiNhj+geqD9ezg/ip+SW6Var0BJU2JtV0vEUZpWVQ==",
+ "dev": true,
+ "requires": {
+ "argparse": "^1.0.7",
+ "esprima": "^2.6.0"
+ }
+ },
+ "jsesc": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz",
+ "integrity": "sha512-Mke0DA0QjUWuJlhsE0ZPPhYiJkRap642SmI/4ztCFaUs6V2AiH1sfecc+57NgaryfAA2VR3v6O+CSjC1jZJKOA==",
+ "dev": true
+ },
+ "json-loader": {
+ "version": "0.5.7",
+ "resolved": "https://registry.npmjs.org/json-loader/-/json-loader-0.5.7.tgz",
+ "integrity": "sha512-QLPs8Dj7lnf3e3QYS1zkCo+4ZwqOiF9d/nZnYozTISxXWCfNs9yuky5rJw4/W34s7POaNlbZmQGaB5NiXCbP4w==",
+ "dev": true
+ },
+ "json-schema-traverse": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+ "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+ "dev": true
+ },
+ "json3": {
+ "version": "3.3.3",
+ "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.3.tgz",
+ "integrity": "sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA==",
+ "dev": true
+ },
+ "json5": {
+ "version": "0.5.1",
+ "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
+ "integrity": "sha512-4xrs1aW+6N5DalkqSVA8fxh458CXvR99WU8WLKmq4v8eWAL86Xo3BVqyd3SkA9wEVjCMqyvvRRkshAdOnBp5rw==",
+ "dev": true
+ },
+ "killable": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
+ "integrity": "sha512-LzqtLKlUwirEUyl/nicirVmNiPvYs7l5n8wOPP7fyJVpUPkvCnW/vuiXGpylGUlnPDnB7311rARzAt3Mhswpjg==",
+ "dev": true
+ },
+ "kind-of": {
+ "version": "6.0.3",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+ "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+ "dev": true
+ },
+ "lazy-cache": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+ "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+ "dev": true
+ },
+ "lcid": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz",
+ "integrity": "sha512-YiGkH6EnGrDGqLMITnGjXtGmNtjoXw9SVUzcaos8RBi7Ps0VBylkq+vOcY9QE5poLasPCR849ucFUkl0UzUyOw==",
+ "dev": true,
+ "requires": {
+ "invert-kv": "^1.0.0"
+ }
+ },
+ "load-json-file": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+ "integrity": "sha512-cy7ZdNRXdablkXYNI049pthVeXFurRyb9+hA/dZzerZ0pGTx42z+y+ssxBaVV2l70t1muq5IdKhn4UtcoGUY9A==",
+ "dev": true,
+ "requires": {
+ "graceful-fs": "^4.1.2",
+ "parse-json": "^2.2.0",
+ "pify": "^2.0.0",
+ "pinkie-promise": "^2.0.0",
+ "strip-bom": "^2.0.0"
+ },
+ "dependencies": {
+ "pify": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+ "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+ "dev": true
+ }
+ }
+ },
+ "loader-runner": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.4.0.tgz",
+ "integrity": "sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==",
+ "dev": true
+ },
+ "loader-utils": {
+ "version": "1.4.2",
+ "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
+ "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
+ "dev": true,
+ "requires": {
+ "big.js": "^5.2.2",
+ "emojis-list": "^3.0.0",
+ "json5": "^1.0.1"
+ },
+ "dependencies": {
+ "json5": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+ "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+ "dev": true,
+ "requires": {
+ "minimist": "^1.2.0"
+ }
+ }
+ }
+ },
+ "locate-path": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+ "integrity": "sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==",
+ "dev": true,
+ "requires": {
+ "p-locate": "^2.0.0",
+ "path-exists": "^3.0.0"
+ }
+ },
+ "lodash": {
+ "version": "4.17.21",
+ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+ "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+ "dev": true
+ },
+ "lodash.camelcase": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+ "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
+ "dev": true
+ },
+ "lodash.memoize": {
+ "version": "4.1.2",
+ "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+ "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
+ "dev": true
+ },
+ "lodash.uniq": {
+ "version": "4.5.0",
+ "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+ "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+ "dev": true
+ },
+ "loglevel": {
+ "version": "1.8.1",
+ "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.1.tgz",
+ "integrity": "sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==",
+ "dev": true
+ },
+ "longest": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz",
+ "integrity": "sha512-k+yt5n3l48JU4k8ftnKG6V7u32wyH2NfKzeMto9F/QRE0amxy/LayxwlvjjkZEIzqR+19IrtFO8p5kB9QaYUFg==",
+ "dev": true
+ },
+ "loose-envify": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+ "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+ "dev": true,
+ "requires": {
+ "js-tokens": "^3.0.0 || ^4.0.0"
+ }
+ },
+ "loud-rejection": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
+ "integrity": "sha512-RPNliZOFkqFumDhvYqOaNY4Uz9oJM2K9tC6JWsJJsNdhuONW4LQHRBpb0qf4pJApVffI5N39SwzWZJuEhfd7eQ==",
+ "dev": true,
+ "requires": {
+ "currently-unhandled": "^0.4.1",
+ "signal-exit": "^3.0.0"
+ }
+ },
+ "lru-cache": {
+ "version": "4.1.5",
+ "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+ "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+ "dev": true,
+ "requires": {
+ "pseudomap": "^1.0.2",
+ "yallist": "^2.1.2"
+ }
+ },
+ "make-dir": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-1.3.0.tgz",
+ "integrity": "sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==",
+ "dev": true,
+ "requires": {
+ "pify": "^3.0.0"
+ }
+ },
+ "map-cache": {
+ "version": "0.2.2",
+ "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+ "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==",
+ "dev": true
+ },
+ "map-obj": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+ "integrity": "sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==",
+ "dev": true
+ },
+ "map-visit": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+ "integrity": "sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==",
+ "dev": true,
+ "requires": {
+ "object-visit": "^1.0.0"
+ }
+ },
+ "math-expression-evaluator": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/math-expression-evaluator/-/math-expression-evaluator-1.4.0.tgz",
+ "integrity": "sha512-4vRUvPyxdO8cWULGTh9dZWL2tZK6LDBvj+OGHBER7poH9Qdt7kXEoj20wiz4lQUbUXQZFjPbe5mVDo9nutizCw==",
+ "dev": true
+ },
+ "md5.js": {
+ "version": "1.3.5",
+ "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
+ "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
+ "dev": true,
+ "requires": {
+ "hash-base": "^3.0.0",
+ "inherits": "^2.0.1",
+ "safe-buffer": "^5.1.2"
+ }
+ },
+ "media-typer": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+ "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+ "dev": true
+ },
+ "mem": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/mem/-/mem-1.1.0.tgz",
+ "integrity": "sha512-nOBDrc/wgpkd3X/JOhMqYR+/eLqlfLP4oQfoBA6QExIxEl+GU01oyEkwWyueyO8110pUKijtiHGhEmYoOn88oQ==",
+ "dev": true,
+ "requires": {
+ "mimic-fn": "^1.0.0"
+ }
+ },
+ "memory-fs": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
+ "integrity": "sha512-cda4JKCxReDXFXRqOHPQscuIYg1PvxbE2S2GP45rnwfEK+vZaXC8C1OFvdHIbgw0DLzowXGVoxLaAmlgRy14GQ==",
+ "dev": true,
+ "requires": {
+ "errno": "^0.1.3",
+ "readable-stream": "^2.0.1"
+ }
+ },
+ "meow": {
+ "version": "3.7.0",
+ "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+ "integrity": "sha512-TNdwZs0skRlpPpCUK25StC4VH+tP5GgeY1HQOOGP+lQ2xtdkN2VtT/5tiX9k3IWpkBPV9b3LsAWXn4GGi/PrSA==",
+ "dev": true,
+ "requires": {
+ "camelcase-keys": "^2.0.0",
+ "decamelize": "^1.1.2",
+ "loud-rejection": "^1.0.0",
+ "map-obj": "^1.0.1",
+ "minimist": "^1.1.3",
+ "normalize-package-data": "^2.3.4",
+ "object-assign": "^4.0.1",
+ "read-pkg-up": "^1.0.1",
+ "redent": "^1.0.0",
+ "trim-newlines": "^1.0.0"
+ }
+ },
+ "merge-descriptors": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+ "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==",
+ "dev": true
+ },
+ "methods": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+ "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+ "dev": true
+ },
+ "micromatch": {
+ "version": "3.1.10",
+ "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+ "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+ "dev": true,
+ "requires": {
+ "arr-diff": "^4.0.0",
+ "array-unique": "^0.3.2",
+ "braces": "^2.3.1",
+ "define-property": "^2.0.2",
+ "extend-shallow": "^3.0.2",
+ "extglob": "^2.0.4",
+ "fragment-cache": "^0.2.1",
+ "kind-of": "^6.0.2",
+ "nanomatch": "^1.2.9",
+ "object.pick": "^1.3.0",
+ "regex-not": "^1.0.0",
+ "snapdragon": "^0.8.1",
+ "to-regex": "^3.0.2"
+ },
+ "dependencies": {
+ "braces": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+ "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+ "dev": true,
+ "requires": {
+ "arr-flatten": "^1.1.0",
+ "array-unique": "^0.3.2",
+ "extend-shallow": "^2.0.1",
+ "fill-range": "^4.0.0",
+ "isobject": "^3.0.1",
+ "repeat-element": "^1.1.2",
+ "snapdragon": "^0.8.1",
+ "snapdragon-node": "^2.0.1",
+ "split-string": "^3.0.2",
+ "to-regex": "^3.0.1"
+ },
+ "dependencies": {
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ }
+ }
+ },
+ "fill-range": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+ "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+ "dev": true,
+ "requires": {
+ "extend-shallow": "^2.0.1",
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1",
+ "to-regex-range": "^2.1.0"
+ },
+ "dependencies": {
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ }
+ }
+ },
+ "is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true
+ },
+ "is-number": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+ "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "to-regex-range": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+ "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+ "dev": true,
+ "requires": {
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1"
+ }
+ }
+ }
+ },
+ "miller-rabin": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+ "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+ "dev": true,
+ "requires": {
+ "bn.js": "^4.0.0",
+ "brorand": "^1.0.1"
+ },
+ "dependencies": {
+ "bn.js": {
+ "version": "4.12.0",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+ "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+ "dev": true
+ }
+ }
+ },
+ "mime": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+ "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+ "dev": true
+ },
+ "mime-db": {
+ "version": "1.52.0",
+ "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+ "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+ "dev": true
+ },
+ "mime-types": {
+ "version": "2.1.35",
+ "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+ "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+ "dev": true,
+ "requires": {
+ "mime-db": "1.52.0"
+ }
+ },
+ "mimic-fn": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
+ "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
+ "dev": true
+ },
+ "minimalistic-assert": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+ "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+ "dev": true
+ },
+ "minimalistic-crypto-utils": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
+ "integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==",
+ "dev": true
+ },
+ "minimatch": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+ "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+ "dev": true,
+ "requires": {
+ "brace-expansion": "^1.1.7"
+ }
+ },
+ "minimist": {
+ "version": "1.2.8",
+ "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+ "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+ "dev": true
+ },
+ "mixin-deep": {
+ "version": "1.3.2",
+ "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+ "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
+ "dev": true,
+ "requires": {
+ "for-in": "^1.0.2",
+ "is-extendable": "^1.0.1"
+ }
+ },
+ "mkdirp": {
+ "version": "0.5.6",
+ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+ "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+ "dev": true,
+ "requires": {
+ "minimist": "^1.2.6"
+ }
+ },
+ "ms": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+ "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+ "dev": true
+ },
+ "multicast-dns": {
+ "version": "6.2.3",
+ "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.2.3.tgz",
+ "integrity": "sha512-ji6J5enbMyGRHIAkAOu3WdV8nggqviKCEKtXcOqfphZZtQrmHKycfynJ2V7eVPUA4NhJ6V7Wf4TmGbTwKE9B6g==",
+ "dev": true,
+ "requires": {
+ "dns-packet": "^1.3.1",
+ "thunky": "^1.0.2"
+ }
+ },
+ "multicast-dns-service-types": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
+ "integrity": "sha512-cnAsSVxIDsYt0v7HmC0hWZFwwXSh+E6PgCrREDuN/EsjgLwA5XRmlMHhSiDPrt6HxY1gTivEa/Zh7GtODoLevQ==",
+ "dev": true
+ },
+ "nan": {
+ "version": "2.17.0",
+ "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
+ "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
+ "dev": true,
+ "optional": true
+ },
+ "nanoid": {
+ "version": "3.3.6",
+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+ "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA=="
+ },
+ "nanomatch": {
+ "version": "1.2.13",
+ "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
+ "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==",
+ "dev": true,
+ "requires": {
+ "arr-diff": "^4.0.0",
+ "array-unique": "^0.3.2",
+ "define-property": "^2.0.2",
+ "extend-shallow": "^3.0.2",
+ "fragment-cache": "^0.2.1",
+ "is-windows": "^1.0.2",
+ "kind-of": "^6.0.2",
+ "object.pick": "^1.3.0",
+ "regex-not": "^1.0.0",
+ "snapdragon": "^0.8.1",
+ "to-regex": "^3.0.1"
+ }
+ },
+ "negotiator": {
+ "version": "0.6.3",
+ "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+ "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+ "dev": true
+ },
+ "neo-async": {
+ "version": "2.6.2",
+ "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+ "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+ "dev": true
+ },
+ "next-tick": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
+ "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==",
+ "dev": true
+ },
+ "nice-try": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+ "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
+ "dev": true
+ },
+ "node-forge": {
+ "version": "0.10.0",
+ "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
+ "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==",
+ "dev": true
+ },
+ "node-libs-browser": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
+ "integrity": "sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==",
+ "dev": true,
+ "requires": {
+ "assert": "^1.1.1",
+ "browserify-zlib": "^0.2.0",
+ "buffer": "^4.3.0",
+ "console-browserify": "^1.1.0",
+ "constants-browserify": "^1.0.0",
+ "crypto-browserify": "^3.11.0",
+ "domain-browser": "^1.1.1",
+ "events": "^3.0.0",
+ "https-browserify": "^1.0.0",
+ "os-browserify": "^0.3.0",
+ "path-browserify": "0.0.1",
+ "process": "^0.11.10",
+ "punycode": "^1.2.4",
+ "querystring-es3": "^0.2.0",
+ "readable-stream": "^2.3.3",
+ "stream-browserify": "^2.0.1",
+ "stream-http": "^2.7.2",
+ "string_decoder": "^1.0.0",
+ "timers-browserify": "^2.0.4",
+ "tty-browserify": "0.0.0",
+ "url": "^0.11.0",
+ "util": "^0.11.0",
+ "vm-browserify": "^1.0.1"
+ },
+ "dependencies": {
+ "punycode": {
+ "version": "1.4.1",
+ "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+ "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+ "dev": true
+ }
+ }
+ },
+ "normalize-package-data": {
+ "version": "2.5.0",
+ "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+ "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+ "dev": true,
+ "requires": {
+ "hosted-git-info": "^2.1.4",
+ "resolve": "^1.10.0",
+ "semver": "2 || 3 || 4 || 5",
+ "validate-npm-package-license": "^3.0.1"
+ }
+ },
+ "normalize-path": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+ "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+ "dev": true
+ },
+ "normalize-range": {
+ "version": "0.1.2",
+ "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+ "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+ "dev": true
+ },
+ "normalize-url": {
+ "version": "1.9.1",
+ "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-1.9.1.tgz",
+ "integrity": "sha512-A48My/mtCklowHBlI8Fq2jFWK4tX4lJ5E6ytFsSOq1fzpvT0SQSgKhSg7lN5c2uYFOrUAOQp6zhhJnpp1eMloQ==",
+ "dev": true,
+ "requires": {
+ "object-assign": "^4.0.1",
+ "prepend-http": "^1.0.0",
+ "query-string": "^4.1.0",
+ "sort-keys": "^1.0.0"
+ }
+ },
+ "npm-run-path": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+ "integrity": "sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==",
+ "dev": true,
+ "requires": {
+ "path-key": "^2.0.0"
+ }
+ },
+ "num2fraction": {
+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
+ "integrity": "sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==",
+ "dev": true
+ },
+ "number-is-nan": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+ "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==",
+ "dev": true
+ },
+ "object-assign": {
+ "version": "4.1.1",
+ "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+ "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+ "dev": true
+ },
+ "object-copy": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+ "integrity": "sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==",
+ "dev": true,
+ "requires": {
+ "copy-descriptor": "^0.1.0",
+ "define-property": "^0.2.5",
+ "kind-of": "^3.0.3"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+ "dev": true,
+ "requires": {
+ "is-descriptor": "^0.1.0"
+ }
+ },
+ "is-accessor-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+ "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ }
+ },
+ "is-data-descriptor": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+ "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ }
+ },
+ "is-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+ "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+ "dev": true,
+ "requires": {
+ "is-accessor-descriptor": "^0.1.6",
+ "is-data-descriptor": "^0.1.4",
+ "kind-of": "^5.0.0"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+ "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+ "dev": true
+ }
+ }
+ },
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "object-inspect": {
+ "version": "1.12.3",
+ "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+ "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+ "dev": true
+ },
+ "object-is": {
+ "version": "1.1.5",
+ "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+ "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.3"
+ }
+ },
+ "object-keys": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+ "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+ "dev": true
+ },
+ "object-visit": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+ "integrity": "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==",
+ "dev": true,
+ "requires": {
+ "isobject": "^3.0.0"
+ }
+ },
+ "object.assign": {
+ "version": "4.1.4",
+ "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+ "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.4",
+ "has-symbols": "^1.0.3",
+ "object-keys": "^1.1.1"
+ }
+ },
+ "object.pick": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+ "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==",
+ "dev": true,
+ "requires": {
+ "isobject": "^3.0.1"
+ }
+ },
+ "obuf": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+ "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+ "dev": true
+ },
+ "on-finished": {
+ "version": "2.4.1",
+ "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+ "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+ "dev": true,
+ "requires": {
+ "ee-first": "1.1.1"
+ }
+ },
+ "on-headers": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+ "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+ "dev": true
+ },
+ "once": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+ "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+ "dev": true,
+ "requires": {
+ "wrappy": "1"
+ }
+ },
+ "opn": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
+ "integrity": "sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==",
+ "dev": true,
+ "requires": {
+ "is-wsl": "^1.1.0"
+ }
+ },
+ "original": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/original/-/original-1.0.2.tgz",
+ "integrity": "sha512-hyBVl6iqqUOJ8FqRe+l/gS8H+kKYjrEndd5Pm1MfBtsEKA038HkkdbAl/72EAXGyonD/PFsvmVG+EvcIpliMBg==",
+ "dev": true,
+ "requires": {
+ "url-parse": "^1.4.3"
+ }
+ },
+ "os-browserify": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
+ "integrity": "sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==",
+ "dev": true
+ },
+ "os-homedir": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+ "integrity": "sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==",
+ "dev": true
+ },
+ "os-locale": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-2.1.0.tgz",
+ "integrity": "sha512-3sslG3zJbEYcaC4YVAvDorjGxc7tv6KVATnLPZONiljsUncvihe9BQoVCEs0RZ1kmf4Hk9OBqlZfJZWI4GanKA==",
+ "dev": true,
+ "requires": {
+ "execa": "^0.7.0",
+ "lcid": "^1.0.0",
+ "mem": "^1.1.0"
+ }
+ },
+ "os-tmpdir": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+ "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+ "dev": true
+ },
+ "p-finally": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+ "integrity": "sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==",
+ "dev": true
+ },
+ "p-limit": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+ "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+ "dev": true,
+ "requires": {
+ "p-try": "^1.0.0"
+ }
+ },
+ "p-locate": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+ "integrity": "sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==",
+ "dev": true,
+ "requires": {
+ "p-limit": "^1.1.0"
+ }
+ },
+ "p-map": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/p-map/-/p-map-1.2.0.tgz",
+ "integrity": "sha512-r6zKACMNhjPJMTl8KcFH4li//gkrXWfbD6feV8l6doRHlzljFWGJ2AP6iKaCJXyZmAUMOPtvbW7EXkbWO/pLEA==",
+ "dev": true
+ },
+ "p-try": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+ "integrity": "sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==",
+ "dev": true
+ },
+ "pako": {
+ "version": "1.0.11",
+ "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+ "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+ "dev": true
+ },
+ "parse-asn1": {
+ "version": "5.1.6",
+ "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
+ "integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
+ "dev": true,
+ "requires": {
+ "asn1.js": "^5.2.0",
+ "browserify-aes": "^1.0.0",
+ "evp_bytestokey": "^1.0.0",
+ "pbkdf2": "^3.0.3",
+ "safe-buffer": "^5.1.1"
+ }
+ },
+ "parse-json": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+ "integrity": "sha512-QR/GGaKCkhwk1ePQNYDRKYZ3mwU9ypsKhB0XyFnLQdomyEqk3e8wpW3V5Jp88zbxK4n5ST1nqo+g9juTpownhQ==",
+ "dev": true,
+ "requires": {
+ "error-ex": "^1.2.0"
+ }
+ },
+ "parseurl": {
+ "version": "1.3.3",
+ "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+ "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+ "dev": true
+ },
+ "pascalcase": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+ "integrity": "sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==",
+ "dev": true
+ },
+ "path-browserify": {
+ "version": "0.0.1",
+ "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.1.tgz",
+ "integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==",
+ "dev": true
+ },
+ "path-dirname": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+ "integrity": "sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==",
+ "dev": true
+ },
+ "path-exists": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+ "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
+ "dev": true
+ },
+ "path-is-absolute": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+ "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+ "dev": true
+ },
+ "path-is-inside": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+ "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
+ "dev": true
+ },
+ "path-key": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+ "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
+ "dev": true
+ },
+ "path-parse": {
+ "version": "1.0.7",
+ "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+ "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+ "dev": true
+ },
+ "path-to-regexp": {
+ "version": "0.1.7",
+ "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+ "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==",
+ "dev": true
+ },
+ "path-type": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+ "integrity": "sha512-S4eENJz1pkiQn9Znv33Q+deTOKmbl+jj1Fl+qiP/vYezj+S8x+J3Uo0ISrx/QoEvIlOaDWJhPaRd1flJ9HXZqg==",
+ "dev": true,
+ "requires": {
+ "graceful-fs": "^4.1.2",
+ "pify": "^2.0.0",
+ "pinkie-promise": "^2.0.0"
+ },
+ "dependencies": {
+ "pify": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+ "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+ "dev": true
+ }
+ }
+ },
+ "pbkdf2": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
+ "integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
+ "dev": true,
+ "requires": {
+ "create-hash": "^1.1.2",
+ "create-hmac": "^1.1.4",
+ "ripemd160": "^2.0.1",
+ "safe-buffer": "^5.0.1",
+ "sha.js": "^2.4.8"
+ }
+ },
+ "picocolors": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+ "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+ },
+ "picomatch": {
+ "version": "2.3.1",
+ "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+ "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+ "dev": true,
+ "optional": true
+ },
+ "pify": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+ "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
+ "dev": true
+ },
+ "pinkie": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+ "integrity": "sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==",
+ "dev": true
+ },
+ "pinkie-promise": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+ "integrity": "sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==",
+ "dev": true,
+ "requires": {
+ "pinkie": "^2.0.0"
+ }
+ },
+ "pkg-dir": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-2.0.0.tgz",
+ "integrity": "sha512-ojakdnUgL5pzJYWw2AIDEupaQCX5OPbM688ZevubICjdIX01PRSYKqm33fJoCOJBRseYCTUlQRnBNX+Pchaejw==",
+ "dev": true,
+ "requires": {
+ "find-up": "^2.1.0"
+ }
+ },
+ "portfinder": {
+ "version": "1.0.32",
+ "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+ "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+ "dev": true,
+ "requires": {
+ "async": "^2.6.4",
+ "debug": "^3.2.7",
+ "mkdirp": "^0.5.6"
+ },
+ "dependencies": {
+ "debug": {
+ "version": "3.2.7",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+ "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+ "dev": true,
+ "requires": {
+ "ms": "^2.1.1"
+ }
+ },
+ "ms": {
+ "version": "2.1.3",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+ "dev": true
+ }
+ }
+ },
+ "posix-character-classes": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
+ "integrity": "sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==",
+ "dev": true
+ },
+ "postcss": {
+ "version": "5.2.18",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz",
+ "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==",
+ "dev": true,
+ "requires": {
+ "chalk": "^1.1.3",
+ "js-base64": "^2.1.9",
+ "source-map": "^0.5.6",
+ "supports-color": "^3.2.3"
+ },
+ "dependencies": {
+ "has-flag": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
+ "integrity": "sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==",
+ "dev": true
+ },
+ "supports-color": {
+ "version": "3.2.3",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
+ "integrity": "sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==",
+ "dev": true,
+ "requires": {
+ "has-flag": "^1.0.0"
+ }
+ }
+ }
+ },
+ "postcss-calc": {
+ "version": "5.3.1",
+ "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-5.3.1.tgz",
+ "integrity": "sha512-iBcptYFq+QUh9gzP7ta2btw50o40s4uLI4UDVgd5yRAZtUDWc5APdl5yQDd2h/TyiZNbJrv0HiYhT102CMgN7Q==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.2",
+ "postcss-message-helpers": "^2.0.0",
+ "reduce-css-calc": "^1.2.6"
+ }
+ },
+ "postcss-colormin": {
+ "version": "2.2.2",
+ "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-2.2.2.tgz",
+ "integrity": "sha512-XXitQe+jNNPf+vxvQXIQ1+pvdQKWKgkx8zlJNltcMEmLma1ypDRDQwlLt+6cP26fBreihNhZxohh1rcgCH2W5w==",
+ "dev": true,
+ "requires": {
+ "colormin": "^1.0.5",
+ "postcss": "^5.0.13",
+ "postcss-value-parser": "^3.2.3"
+ }
+ },
+ "postcss-convert-values": {
+ "version": "2.6.1",
+ "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-2.6.1.tgz",
+ "integrity": "sha512-SE7mf25D3ORUEXpu3WUqQqy0nCbMuM5BEny+ULE/FXdS/0UMA58OdzwvzuHJRpIFlk1uojt16JhaEogtP6W2oA==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.11",
+ "postcss-value-parser": "^3.1.2"
+ }
+ },
+ "postcss-discard-comments": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-2.0.4.tgz",
+ "integrity": "sha512-yGbyBDo5FxsImE90LD8C87vgnNlweQkODMkUZlDVM/CBgLr9C5RasLGJxxh9GjVOBeG8NcCMatoqI1pXg8JNXg==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.14"
+ }
+ },
+ "postcss-discard-duplicates": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-2.1.0.tgz",
+ "integrity": "sha512-+lk5W1uqO8qIUTET+UETgj9GWykLC3LOldr7EehmymV0Wu36kyoHimC4cILrAAYpHQ+fr4ypKcWcVNaGzm0reA==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.4"
+ }
+ },
+ "postcss-discard-empty": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-2.1.0.tgz",
+ "integrity": "sha512-IBFoyrwk52dhF+5z/ZAbzq5Jy7Wq0aLUsOn69JNS+7YeuyHaNzJwBIYE0QlUH/p5d3L+OON72Fsexyb7OK/3og==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.14"
+ }
+ },
+ "postcss-discard-overridden": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-0.1.1.tgz",
+ "integrity": "sha512-IyKoDL8QNObOiUc6eBw8kMxBHCfxUaERYTUe2QF8k7j/xiirayDzzkmlR6lMQjrAM1p1DDRTvWrS7Aa8lp6/uA==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.16"
+ }
+ },
+ "postcss-discard-unused": {
+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/postcss-discard-unused/-/postcss-discard-unused-2.2.3.tgz",
+ "integrity": "sha512-nCbFNfqYAbKCw9J6PSJubpN9asnrwVLkRDFc4KCwyUEdOtM5XDE/eTW3OpqHrYY1L4fZxgan7LLRAAYYBzwzrg==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.14",
+ "uniqs": "^2.0.0"
+ }
+ },
+ "postcss-filter-plugins": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/postcss-filter-plugins/-/postcss-filter-plugins-2.0.3.tgz",
+ "integrity": "sha512-T53GVFsdinJhgwm7rg1BzbeBRomOg9y5MBVhGcsV0CxurUdVj1UlPdKtn7aqYA/c/QVkzKMjq2bSV5dKG5+AwQ==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.4"
+ }
+ },
+ "postcss-load-config": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-1.2.0.tgz",
+ "integrity": "sha512-3fpCfnXo9Qd/O/q/XL4cJUhRsqjVD2V1Vhy3wOEcLE5kz0TGtdDXJSoiTdH4e847KphbEac4+EZSH4qLRYIgLw==",
+ "dev": true,
+ "requires": {
+ "cosmiconfig": "^2.1.0",
+ "object-assign": "^4.1.0",
+ "postcss-load-options": "^1.2.0",
+ "postcss-load-plugins": "^2.3.0"
+ }
+ },
+ "postcss-load-options": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/postcss-load-options/-/postcss-load-options-1.2.0.tgz",
+ "integrity": "sha512-WKS5LJMZLWGwtfhs5ahb2ycpoYF3m0kK4QEaM+elr5EpiMt0H296P/9ETa13WXzjPwB0DDTBiUBBWSHoApQIJg==",
+ "dev": true,
+ "requires": {
+ "cosmiconfig": "^2.1.0",
+ "object-assign": "^4.1.0"
+ }
+ },
+ "postcss-load-plugins": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/postcss-load-plugins/-/postcss-load-plugins-2.3.0.tgz",
+ "integrity": "sha512-/WGUMYhKiryWjYO6c7kAcqMuD7DVkaQ8HcbQenDme/d3OBOmrYMFObOKgUWyUy1uih5U2Dakq8H6VcJi5C9wHQ==",
+ "dev": true,
+ "requires": {
+ "cosmiconfig": "^2.1.1",
+ "object-assign": "^4.1.0"
+ }
+ },
+ "postcss-merge-idents": {
+ "version": "2.1.7",
+ "resolved": "https://registry.npmjs.org/postcss-merge-idents/-/postcss-merge-idents-2.1.7.tgz",
+ "integrity": "sha512-9DHmfCZ7/hNHhIKnNkz4CU0ejtGen5BbTRJc13Z2uHfCedeCUsK2WEQoAJRBL+phs68iWK6Qf8Jze71anuysWA==",
+ "dev": true,
+ "requires": {
+ "has": "^1.0.1",
+ "postcss": "^5.0.10",
+ "postcss-value-parser": "^3.1.1"
+ }
+ },
+ "postcss-merge-longhand": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-2.0.2.tgz",
+ "integrity": "sha512-ma7YvxjdLQdifnc1HFsW/AW6fVfubGyR+X4bE3FOSdBVMY9bZjKVdklHT+odknKBB7FSCfKIHC3yHK7RUAqRPg==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.4"
+ }
+ },
+ "postcss-merge-rules": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-2.1.2.tgz",
+ "integrity": "sha512-Wgg2FS6W3AYBl+5L9poL6ZUISi5YzL+sDCJfM7zNw/Q1qsyVQXXZ2cbVui6mu2cYJpt1hOKCGj1xA4mq/obz/Q==",
+ "dev": true,
+ "requires": {
+ "browserslist": "^1.5.2",
+ "caniuse-api": "^1.5.2",
+ "postcss": "^5.0.4",
+ "postcss-selector-parser": "^2.2.2",
+ "vendors": "^1.0.0"
+ },
+ "dependencies": {
+ "browserslist": {
+ "version": "1.7.7",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.7.7.tgz",
+ "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
+ "dev": true,
+ "requires": {
+ "caniuse-db": "^1.0.30000639",
+ "electron-to-chromium": "^1.2.7"
+ }
+ }
+ }
+ },
+ "postcss-message-helpers": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/postcss-message-helpers/-/postcss-message-helpers-2.0.0.tgz",
+ "integrity": "sha512-tPLZzVAiIJp46TBbpXtrUAKqedXSyW5xDEo1sikrfEfnTs+49SBZR/xDdqCiJvSSbtr615xDsaMF3RrxS2jZlA==",
+ "dev": true
+ },
+ "postcss-minify-font-values": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-1.0.5.tgz",
+ "integrity": "sha512-vFSPzrJhNe6/8McOLU13XIsERohBJiIFFuC1PolgajOZdRWqRgKITP/A4Z/n4GQhEmtbxmO9NDw3QLaFfE1dFQ==",
+ "dev": true,
+ "requires": {
+ "object-assign": "^4.0.1",
+ "postcss": "^5.0.4",
+ "postcss-value-parser": "^3.0.2"
+ }
+ },
+ "postcss-minify-gradients": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-1.0.5.tgz",
+ "integrity": "sha512-DZhT0OE+RbVqVyGsTIKx84rU/5cury1jmwPa19bViqYPQu499ZU831yMzzsyC8EhiZVd73+h5Z9xb/DdaBpw7Q==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.12",
+ "postcss-value-parser": "^3.3.0"
+ }
+ },
+ "postcss-minify-params": {
+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-1.2.2.tgz",
+ "integrity": "sha512-hhJdMVgP8vasrHbkKAk+ab28vEmPYgyuDzRl31V3BEB3QOR3L5TTIVEWLDNnZZ3+fiTi9d6Ker8GM8S1h8p2Ow==",
+ "dev": true,
+ "requires": {
+ "alphanum-sort": "^1.0.1",
+ "postcss": "^5.0.2",
+ "postcss-value-parser": "^3.0.2",
+ "uniqs": "^2.0.0"
+ }
+ },
+ "postcss-minify-selectors": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-2.1.1.tgz",
+ "integrity": "sha512-e13vxPBSo3ZaPne43KVgM+UETkx3Bs4/Qvm6yXI9HQpQp4nyb7HZ0gKpkF+Wn2x+/dbQ+swNpCdZSbMOT7+TIA==",
+ "dev": true,
+ "requires": {
+ "alphanum-sort": "^1.0.2",
+ "has": "^1.0.1",
+ "postcss": "^5.0.14",
+ "postcss-selector-parser": "^2.0.0"
+ }
+ },
+ "postcss-modules-extract-imports": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.2.1.tgz",
+ "integrity": "sha512-6jt9XZwUhwmRUhb/CkyJY020PYaPJsCyt3UjbaWo6XEbH/94Hmv6MP7fG2C5NDU/BcHzyGYxNtHvM+LTf9HrYw==",
+ "dev": true,
+ "requires": {
+ "postcss": "^6.0.1"
+ },
+ "dependencies": {
+ "ansi-styles": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+ "dev": true,
+ "requires": {
+ "color-convert": "^1.9.0"
+ }
+ },
+ "chalk": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+ "dev": true,
+ "requires": {
+ "ansi-styles": "^3.2.1",
+ "escape-string-regexp": "^1.0.5",
+ "supports-color": "^5.3.0"
+ }
+ },
+ "postcss": {
+ "version": "6.0.23",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+ "dev": true,
+ "requires": {
+ "chalk": "^2.4.1",
+ "source-map": "^0.6.1",
+ "supports-color": "^5.4.0"
+ }
+ },
+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true
+ },
+ "supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "requires": {
+ "has-flag": "^3.0.0"
+ }
+ }
+ }
+ },
+ "postcss-modules-local-by-default": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz",
+ "integrity": "sha512-X4cquUPIaAd86raVrBwO8fwRfkIdbwFu7CTfEOjiZQHVQwlHRSkTgH5NLDmMm5+1hQO8u6dZ+TOOJDbay1hYpA==",
+ "dev": true,
+ "requires": {
+ "css-selector-tokenizer": "^0.7.0",
+ "postcss": "^6.0.1"
+ },
+ "dependencies": {
+ "ansi-styles": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+ "dev": true,
+ "requires": {
+ "color-convert": "^1.9.0"
+ }
+ },
+ "chalk": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+ "dev": true,
+ "requires": {
+ "ansi-styles": "^3.2.1",
+ "escape-string-regexp": "^1.0.5",
+ "supports-color": "^5.3.0"
+ }
+ },
+ "postcss": {
+ "version": "6.0.23",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+ "dev": true,
+ "requires": {
+ "chalk": "^2.4.1",
+ "source-map": "^0.6.1",
+ "supports-color": "^5.4.0"
+ }
+ },
+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true
+ },
+ "supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "requires": {
+ "has-flag": "^3.0.0"
+ }
+ }
+ }
+ },
+ "postcss-modules-scope": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz",
+ "integrity": "sha512-LTYwnA4C1He1BKZXIx1CYiHixdSe9LWYVKadq9lK5aCCMkoOkFyZ7aigt+srfjlRplJY3gIol6KUNefdMQJdlw==",
+ "dev": true,
+ "requires": {
+ "css-selector-tokenizer": "^0.7.0",
+ "postcss": "^6.0.1"
+ },
+ "dependencies": {
+ "ansi-styles": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+ "dev": true,
+ "requires": {
+ "color-convert": "^1.9.0"
+ }
+ },
+ "chalk": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+ "dev": true,
+ "requires": {
+ "ansi-styles": "^3.2.1",
+ "escape-string-regexp": "^1.0.5",
+ "supports-color": "^5.3.0"
+ }
+ },
+ "postcss": {
+ "version": "6.0.23",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+ "dev": true,
+ "requires": {
+ "chalk": "^2.4.1",
+ "source-map": "^0.6.1",
+ "supports-color": "^5.4.0"
+ }
+ },
+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true
+ },
+ "supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "requires": {
+ "has-flag": "^3.0.0"
+ }
+ }
+ }
+ },
+ "postcss-modules-values": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz",
+ "integrity": "sha512-i7IFaR9hlQ6/0UgFuqM6YWaCfA1Ej8WMg8A5DggnH1UGKJvTV/ugqq/KaULixzzOi3T/tF6ClBXcHGCzdd5unA==",
+ "dev": true,
+ "requires": {
+ "icss-replace-symbols": "^1.1.0",
+ "postcss": "^6.0.1"
+ },
+ "dependencies": {
+ "ansi-styles": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+ "dev": true,
+ "requires": {
+ "color-convert": "^1.9.0"
+ }
+ },
+ "chalk": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+ "dev": true,
+ "requires": {
+ "ansi-styles": "^3.2.1",
+ "escape-string-regexp": "^1.0.5",
+ "supports-color": "^5.3.0"
+ }
+ },
+ "postcss": {
+ "version": "6.0.23",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+ "dev": true,
+ "requires": {
+ "chalk": "^2.4.1",
+ "source-map": "^0.6.1",
+ "supports-color": "^5.4.0"
+ }
+ },
+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true
+ },
+ "supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "requires": {
+ "has-flag": "^3.0.0"
+ }
+ }
+ }
+ },
+ "postcss-normalize-charset": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-1.1.1.tgz",
+ "integrity": "sha512-RKgjEks83l8w4yEhztOwNZ+nLSrJ+NvPNhpS+mVDzoaiRHZQVoG7NF2TP5qjwnaN9YswUhj6m1E0S0Z+WDCgEQ==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.5"
+ }
+ },
+ "postcss-normalize-url": {
+ "version": "3.0.8",
+ "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-3.0.8.tgz",
+ "integrity": "sha512-WqtWG6GV2nELsQEFES0RzfL2ebVwmGl/M8VmMbshKto/UClBo+mznX8Zi4/hkThdqx7ijwv+O8HWPdpK7nH/Ig==",
+ "dev": true,
+ "requires": {
+ "is-absolute-url": "^2.0.0",
+ "normalize-url": "^1.4.0",
+ "postcss": "^5.0.14",
+ "postcss-value-parser": "^3.2.3"
+ }
+ },
+ "postcss-ordered-values": {
+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-2.2.3.tgz",
+ "integrity": "sha512-5RB1IUZhkxDCfa5fx/ogp/A82mtq+r7USqS+7zt0e428HJ7+BHCxyeY39ClmkkUtxdOd3mk8gD6d9bjH2BECMg==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.4",
+ "postcss-value-parser": "^3.0.1"
+ }
+ },
+ "postcss-reduce-idents": {
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/postcss-reduce-idents/-/postcss-reduce-idents-2.4.0.tgz",
+ "integrity": "sha512-0+Ow9e8JLtffjumJJFPqvN4qAvokVbdQPnijUDSOX8tfTwrILLP4ETvrZcXZxAtpFLh/U0c+q8oRMJLr1Kiu4w==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.4",
+ "postcss-value-parser": "^3.0.2"
+ }
+ },
+ "postcss-reduce-initial": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-1.0.1.tgz",
+ "integrity": "sha512-jJFrV1vWOPCQsIVitawGesRgMgunbclERQ/IRGW7r93uHrVzNQQmHQ7znsOIjJPZ4yWMzs5A8NFhp3AkPHPbDA==",
+ "dev": true,
+ "requires": {
+ "postcss": "^5.0.4"
+ }
+ },
+ "postcss-reduce-transforms": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-1.0.4.tgz",
+ "integrity": "sha512-lGgRqnSuAR5i5uUg1TA33r9UngfTadWxOyL2qx1KuPoCQzfmtaHjp9PuwX7yVyRxG3BWBzeFUaS5uV9eVgnEgQ==",
+ "dev": true,
+ "requires": {
+ "has": "^1.0.1",
+ "postcss": "^5.0.8",
+ "postcss-value-parser": "^3.0.1"
+ }
+ },
+ "postcss-selector-parser": {
+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-2.2.3.tgz",
+ "integrity": "sha512-3pqyakeGhrO0BQ5+/tGTfvi5IAUAhHRayGK8WFSu06aEv2BmHoXw/Mhb+w7VY5HERIuC+QoUI7wgrCcq2hqCVA==",
+ "dev": true,
+ "requires": {
+ "flatten": "^1.0.2",
+ "indexes-of": "^1.0.1",
+ "uniq": "^1.0.1"
+ }
+ },
+ "postcss-svgo": {
+ "version": "2.1.6",
+ "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-2.1.6.tgz",
+ "integrity": "sha512-y5AdQdgBoF4rbpdbeWAJuxE953g/ylRfVNp6mvAi61VCN/Y25Tu9p5mh3CyI42WbTRIiwR9a1GdFtmDnNPeskQ==",
+ "dev": true,
+ "requires": {
+ "is-svg": "^2.0.0",
+ "postcss": "^5.0.14",
+ "postcss-value-parser": "^3.2.3",
+ "svgo": "^0.7.0"
+ }
+ },
+ "postcss-unique-selectors": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-2.0.2.tgz",
+ "integrity": "sha512-WZX8r1M0+IyljoJOJleg3kYm10hxNYF9scqAT7v/xeSX1IdehutOM85SNO0gP9K+bgs86XERr7Ud5u3ch4+D8g==",
+ "dev": true,
+ "requires": {
+ "alphanum-sort": "^1.0.1",
+ "postcss": "^5.0.4",
+ "uniqs": "^2.0.0"
+ }
+ },
+ "postcss-value-parser": {
+ "version": "3.3.1",
+ "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+ "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+ "dev": true
+ },
+ "postcss-zindex": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/postcss-zindex/-/postcss-zindex-2.2.0.tgz",
+ "integrity": "sha512-uhRZ2hRgj0lorxm9cr62B01YzpUe63h0RXMXQ4gWW3oa2rpJh+FJAiEAytaFCPU/VgaBS+uW2SJ1XKyDNz1h4w==",
+ "dev": true,
+ "requires": {
+ "has": "^1.0.1",
+ "postcss": "^5.0.4",
+ "uniqs": "^2.0.0"
+ }
+ },
+ "prepend-http": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
+ "integrity": "sha512-PhmXi5XmoyKw1Un4E+opM2KcsJInDvKyuOumcjjw3waw86ZNjHwVUOOWLc4bCzLdcKNaWBH9e99sbWzDQsVaYg==",
+ "dev": true
+ },
+ "prettier": {
+ "version": "1.19.1",
+ "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.19.1.tgz",
+ "integrity": "sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==",
+ "dev": true
+ },
+ "private": {
+ "version": "0.1.8",
+ "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
+ "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==",
+ "dev": true
+ },
+ "process": {
+ "version": "0.11.10",
+ "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+ "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+ "dev": true
+ },
+ "process-nextick-args": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+ "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+ "dev": true
+ },
+ "proxy-addr": {
+ "version": "2.0.7",
+ "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+ "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+ "dev": true,
+ "requires": {
+ "forwarded": "0.2.0",
+ "ipaddr.js": "1.9.1"
+ }
+ },
+ "prr": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+ "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+ "dev": true
+ },
+ "pseudomap": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+ "integrity": "sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==",
+ "dev": true
+ },
+ "public-encrypt": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
+ "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
+ "dev": true,
+ "requires": {
+ "bn.js": "^4.1.0",
+ "browserify-rsa": "^4.0.0",
+ "create-hash": "^1.1.0",
+ "parse-asn1": "^5.0.0",
+ "randombytes": "^2.0.1",
+ "safe-buffer": "^5.1.2"
+ },
+ "dependencies": {
+ "bn.js": {
+ "version": "4.12.0",
+ "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+ "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+ "dev": true
+ }
+ }
+ },
+ "punycode": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+ "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+ "dev": true
+ },
+ "q": {
+ "version": "1.5.1",
+ "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
+ "integrity": "sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==",
+ "dev": true
+ },
+ "qs": {
+ "version": "6.11.2",
+ "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+ "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+ "dev": true,
+ "requires": {
+ "side-channel": "^1.0.4"
+ }
+ },
+ "query-string": {
+ "version": "4.3.4",
+ "resolved": "https://registry.npmjs.org/query-string/-/query-string-4.3.4.tgz",
+ "integrity": "sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==",
+ "dev": true,
+ "requires": {
+ "object-assign": "^4.1.0",
+ "strict-uri-encode": "^1.0.0"
+ }
+ },
+ "querystring-es3": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
+ "integrity": "sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==",
+ "dev": true
+ },
+ "querystringify": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+ "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+ "dev": true
+ },
+ "randombytes": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+ "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+ "dev": true,
+ "requires": {
+ "safe-buffer": "^5.1.0"
+ }
+ },
+ "randomfill": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
+ "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
+ "dev": true,
+ "requires": {
+ "randombytes": "^2.0.5",
+ "safe-buffer": "^5.1.0"
+ }
+ },
+ "range-parser": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+ "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+ "dev": true
+ },
+ "raw-body": {
+ "version": "2.5.1",
+ "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
+ "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
+ "dev": true,
+ "requires": {
+ "bytes": "3.1.2",
+ "http-errors": "2.0.0",
+ "iconv-lite": "0.4.24",
+ "unpipe": "1.0.0"
+ },
+ "dependencies": {
+ "bytes": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+ "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+ "dev": true
+ }
+ }
+ },
+ "read-pkg": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+ "integrity": "sha512-7BGwRHqt4s/uVbuyoeejRn4YmFnYZiFl4AuaeXHlgZf3sONF0SOGlxs2Pw8g6hCKupo08RafIO5YXFNOKTfwsQ==",
+ "dev": true,
+ "requires": {
+ "load-json-file": "^1.0.0",
+ "normalize-package-data": "^2.3.2",
+ "path-type": "^1.0.0"
+ }
+ },
+ "read-pkg-up": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+ "integrity": "sha512-WD9MTlNtI55IwYUS27iHh9tK3YoIVhxis8yKhLpTqWtml739uXc9NWTpxoHkfZf3+DkCCsXox94/VWZniuZm6A==",
+ "dev": true,
+ "requires": {
+ "find-up": "^1.0.0",
+ "read-pkg": "^1.0.0"
+ },
+ "dependencies": {
+ "find-up": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+ "integrity": "sha512-jvElSjyuo4EMQGoTwo1uJU5pQMwTW5lS1x05zzfJuTIyLR3zwO27LYrxNg+dlvKpGOuGy/MzBdXh80g0ve5+HA==",
+ "dev": true,
+ "requires": {
+ "path-exists": "^2.0.0",
+ "pinkie-promise": "^2.0.0"
+ }
+ },
+ "path-exists": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+ "integrity": "sha512-yTltuKuhtNeFJKa1PiRzfLAU5182q1y4Eb4XCJ3PBqyzEDkAZRzBrKKBct682ls9reBVHf9udYLN5Nd+K1B9BQ==",
+ "dev": true,
+ "requires": {
+ "pinkie-promise": "^2.0.0"
+ }
+ }
+ }
+ },
+ "readable-stream": {
+ "version": "2.3.8",
+ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+ "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+ "dev": true,
+ "requires": {
+ "core-util-is": "~1.0.0",
+ "inherits": "~2.0.3",
+ "isarray": "~1.0.0",
+ "process-nextick-args": "~2.0.0",
+ "safe-buffer": "~5.1.1",
+ "string_decoder": "~1.1.1",
+ "util-deprecate": "~1.0.1"
+ },
+ "dependencies": {
+ "safe-buffer": {
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+ "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+ "dev": true
+ },
+ "string_decoder": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+ "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+ "dev": true,
+ "requires": {
+ "safe-buffer": "~5.1.0"
+ }
+ }
+ }
+ },
+ "readdirp": {
+ "version": "3.6.0",
+ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+ "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "picomatch": "^2.2.1"
+ }
+ },
+ "redent": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
+ "integrity": "sha512-qtW5hKzGQZqKoh6JNSD+4lfitfPKGz42e6QwiRmPM5mmKtR0N41AbJRYu0xJi7nhOJ4WDgRkKvAk6tw4WIwR4g==",
+ "dev": true,
+ "requires": {
+ "indent-string": "^2.1.0",
+ "strip-indent": "^1.0.1"
+ }
+ },
+ "reduce-css-calc": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-1.3.0.tgz",
+ "integrity": "sha512-0dVfwYVOlf/LBA2ec4OwQ6p3X9mYxn/wOl2xTcLwjnPYrkgEfPx3VI4eGCH3rQLlPISG5v9I9bkZosKsNRTRKA==",
+ "dev": true,
+ "requires": {
+ "balanced-match": "^0.4.2",
+ "math-expression-evaluator": "^1.2.14",
+ "reduce-function-call": "^1.0.1"
+ },
+ "dependencies": {
+ "balanced-match": {
+ "version": "0.4.2",
+ "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-0.4.2.tgz",
+ "integrity": "sha512-STw03mQKnGUYtoNjmowo4F2cRmIIxYEGiMsjjwla/u5P1lxadj/05WkNaFjNiKTgJkj8KiXbgAiRTmcQRwQNtg==",
+ "dev": true
+ }
+ }
+ },
+ "reduce-function-call": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/reduce-function-call/-/reduce-function-call-1.0.3.tgz",
+ "integrity": "sha512-Hl/tuV2VDgWgCSEeWMLwxLZqX7OK59eU1guxXsRKTAyeYimivsKdtcV4fu3r710tpG5GmDKDhQ0HSZLExnNmyQ==",
+ "dev": true,
+ "requires": {
+ "balanced-match": "^1.0.0"
+ }
+ },
+ "regenerate": {
+ "version": "1.4.2",
+ "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+ "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+ "dev": true
+ },
+ "regenerator-runtime": {
+ "version": "0.11.1",
+ "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+ "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
+ "dev": true
+ },
+ "regenerator-transform": {
+ "version": "0.10.1",
+ "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.10.1.tgz",
+ "integrity": "sha512-PJepbvDbuK1xgIgnau7Y90cwaAmO/LCLMI2mPvaXq2heGMR3aWW5/BQvYrhJ8jgmQjXewXvBjzfqKcVOmhjZ6Q==",
+ "dev": true,
+ "requires": {
+ "babel-runtime": "^6.18.0",
+ "babel-types": "^6.19.0",
+ "private": "^0.1.6"
+ }
+ },
+ "regex-not": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+ "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+ "dev": true,
+ "requires": {
+ "extend-shallow": "^3.0.2",
+ "safe-regex": "^1.1.0"
+ }
+ },
+ "regexp.prototype.flags": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz",
+ "integrity": "sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.2.0",
+ "functions-have-names": "^1.2.3"
+ }
+ },
+ "regexpu-core": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-2.0.0.tgz",
+ "integrity": "sha512-tJ9+S4oKjxY8IZ9jmjnp/mtytu1u3iyIQAfmI51IKWH6bFf7XR1ybtaO6j7INhZKXOTYADk7V5qxaqLkmNxiZQ==",
+ "dev": true,
+ "requires": {
+ "regenerate": "^1.2.1",
+ "regjsgen": "^0.2.0",
+ "regjsparser": "^0.1.4"
+ }
+ },
+ "regjsgen": {
+ "version": "0.2.0",
+ "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
+ "integrity": "sha512-x+Y3yA24uF68m5GA+tBjbGYo64xXVJpbToBaWCoSNSc1hdk6dfctaRWrNFTVJZIIhL5GxW8zwjoixbnifnK59g==",
+ "dev": true
+ },
+ "regjsparser": {
+ "version": "0.1.5",
+ "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz",
+ "integrity": "sha512-jlQ9gYLfk2p3V5Ag5fYhA7fv7OHzd1KUH0PRP46xc3TgwjwgROIW572AfYg/X9kaNq/LJnu6oJcFRXlIrGoTRw==",
+ "dev": true,
+ "requires": {
+ "jsesc": "~0.5.0"
+ },
+ "dependencies": {
+ "jsesc": {
+ "version": "0.5.0",
+ "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+ "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+ "dev": true
+ }
+ }
+ },
+ "remove-trailing-separator": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+ "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==",
+ "dev": true
+ },
+ "repeat-element": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz",
+ "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==",
+ "dev": true
+ },
+ "repeat-string": {
+ "version": "1.6.1",
+ "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+ "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==",
+ "dev": true
+ },
+ "repeating": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
+ "integrity": "sha512-ZqtSMuVybkISo2OWvqvm7iHSWngvdaW3IpsT9/uP8v4gMi591LY6h35wdOfvQdWCKFWZWm2Y1Opp4kV7vQKT6A==",
+ "dev": true,
+ "requires": {
+ "is-finite": "^1.0.0"
+ }
+ },
+ "require-directory": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+ "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+ "dev": true
+ },
+ "require-from-string": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-1.2.1.tgz",
+ "integrity": "sha512-H7AkJWMobeskkttHyhTVtS0fxpFLjxhbfMa6Bk3wimP7sdPRGL3EyCg3sAQenFfAe+xQ+oAc85Nmtvq0ROM83Q==",
+ "dev": true
+ },
+ "require-main-filename": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz",
+ "integrity": "sha512-IqSUtOVP4ksd1C/ej5zeEh/BIP2ajqpn8c5x+q99gvcIG/Qf0cud5raVnE/Dwd0ua9TXYDoDc0RE5hBSdz22Ug==",
+ "dev": true
+ },
+ "requires-port": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+ "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+ "dev": true
+ },
+ "resolve": {
+ "version": "1.22.2",
+ "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
+ "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==",
+ "dev": true,
+ "requires": {
+ "is-core-module": "^2.11.0",
+ "path-parse": "^1.0.7",
+ "supports-preserve-symlinks-flag": "^1.0.0"
+ }
+ },
+ "resolve-cwd": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-2.0.0.tgz",
+ "integrity": "sha512-ccu8zQTrzVr954472aUVPLEcB3YpKSYR3cg/3lo1okzobPBM+1INXBbBZlDbnI/hbEocnf8j0QVo43hQKrbchg==",
+ "dev": true,
+ "requires": {
+ "resolve-from": "^3.0.0"
+ }
+ },
+ "resolve-from": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+ "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==",
+ "dev": true
+ },
+ "resolve-url": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+ "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
+ "dev": true
+ },
+ "ret": {
+ "version": "0.1.15",
+ "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+ "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+ "dev": true
+ },
+ "right-align": {
+ "version": "0.1.3",
+ "resolved": "https://registry.npmjs.org/right-align/-/right-align-0.1.3.tgz",
+ "integrity": "sha512-yqINtL/G7vs2v+dFIZmFUDbnVyFUJFKd6gK22Kgo6R4jfJGFtisKyncWDDULgjfqf4ASQuIQyjJ7XZ+3aWpsAg==",
+ "dev": true,
+ "requires": {
+ "align-text": "^0.1.1"
+ }
+ },
+ "rimraf": {
+ "version": "2.7.1",
+ "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+ "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+ "dev": true,
+ "requires": {
+ "glob": "^7.1.3"
+ }
+ },
+ "ripemd160": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
+ "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
+ "dev": true,
+ "requires": {
+ "hash-base": "^3.0.0",
+ "inherits": "^2.0.1"
+ }
+ },
+ "safe-buffer": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+ "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+ "dev": true
+ },
+ "safe-regex": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+ "integrity": "sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==",
+ "dev": true,
+ "requires": {
+ "ret": "~0.1.10"
+ }
+ },
+ "safe-regex-test": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+ "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "get-intrinsic": "^1.1.3",
+ "is-regex": "^1.1.4"
+ }
+ },
+ "safer-buffer": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+ "dev": true
+ },
+ "sax": {
+ "version": "1.2.4",
+ "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+ "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+ "dev": true
+ },
+ "schema-utils": {
+ "version": "0.4.7",
+ "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.7.tgz",
+ "integrity": "sha512-v/iwU6wvwGK8HbU9yi3/nhGzP0yGSuhQMzL6ySiec1FSrZZDkhm4noOSWzrNFo/jEc+SJY6jRTwuwbSXJPDUnQ==",
+ "dev": true,
+ "requires": {
+ "ajv": "^6.1.0",
+ "ajv-keywords": "^3.1.0"
+ }
+ },
+ "select-hose": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+ "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==",
+ "dev": true
+ },
+ "selfsigned": {
+ "version": "1.10.14",
+ "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.14.tgz",
+ "integrity": "sha512-lkjaiAye+wBZDCBsu5BGi0XiLRxeUlsGod5ZP924CRSEoGuZAw/f7y9RKu28rwTfiHVhdavhB0qH0INV6P1lEA==",
+ "dev": true,
+ "requires": {
+ "node-forge": "^0.10.0"
+ }
+ },
+ "semver": {
+ "version": "5.7.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+ "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+ "dev": true
+ },
+ "send": {
+ "version": "0.18.0",
+ "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
+ "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
+ "dev": true,
+ "requires": {
+ "debug": "2.6.9",
+ "depd": "2.0.0",
+ "destroy": "1.2.0",
+ "encodeurl": "~1.0.2",
+ "escape-html": "~1.0.3",
+ "etag": "~1.8.1",
+ "fresh": "0.5.2",
+ "http-errors": "2.0.0",
+ "mime": "1.6.0",
+ "ms": "2.1.3",
+ "on-finished": "2.4.1",
+ "range-parser": "~1.2.1",
+ "statuses": "2.0.1"
+ },
+ "dependencies": {
+ "ms": {
+ "version": "2.1.3",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+ "dev": true
+ }
+ }
+ },
+ "serve-index": {
+ "version": "1.9.1",
+ "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+ "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
+ "dev": true,
+ "requires": {
+ "accepts": "~1.3.4",
+ "batch": "0.6.1",
+ "debug": "2.6.9",
+ "escape-html": "~1.0.3",
+ "http-errors": "~1.6.2",
+ "mime-types": "~2.1.17",
+ "parseurl": "~1.3.2"
+ },
+ "dependencies": {
+ "depd": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+ "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+ "dev": true
+ },
+ "http-errors": {
+ "version": "1.6.3",
+ "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+ "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+ "dev": true,
+ "requires": {
+ "depd": "~1.1.2",
+ "inherits": "2.0.3",
+ "setprototypeof": "1.1.0",
+ "statuses": ">= 1.4.0 < 2"
+ }
+ },
+ "inherits": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+ "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+ "dev": true
+ },
+ "setprototypeof": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+ "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+ "dev": true
+ },
+ "statuses": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+ "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+ "dev": true
+ }
+ }
+ },
+ "serve-static": {
+ "version": "1.15.0",
+ "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
+ "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
+ "dev": true,
+ "requires": {
+ "encodeurl": "~1.0.2",
+ "escape-html": "~1.0.3",
+ "parseurl": "~1.3.3",
+ "send": "0.18.0"
+ }
+ },
+ "set-blocking": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+ "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+ "dev": true
+ },
+ "set-value": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+ "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
+ "dev": true,
+ "requires": {
+ "extend-shallow": "^2.0.1",
+ "is-extendable": "^0.1.1",
+ "is-plain-object": "^2.0.3",
+ "split-string": "^3.0.1"
+ },
+ "dependencies": {
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ },
+ "is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true
+ }
+ }
+ },
+ "setimmediate": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+ "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+ "dev": true
+ },
+ "setprototypeof": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+ "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+ "dev": true
+ },
+ "sha.js": {
+ "version": "2.4.11",
+ "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+ "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+ "dev": true,
+ "requires": {
+ "inherits": "^2.0.1",
+ "safe-buffer": "^5.0.1"
+ }
+ },
+ "shebang-command": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+ "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
+ "dev": true,
+ "requires": {
+ "shebang-regex": "^1.0.0"
+ }
+ },
+ "shebang-regex": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+ "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
+ "dev": true
+ },
+ "side-channel": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+ "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.0",
+ "get-intrinsic": "^1.0.2",
+ "object-inspect": "^1.9.0"
+ }
+ },
+ "signal-exit": {
+ "version": "3.0.7",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+ "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+ "dev": true
+ },
+ "slash": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
+ "integrity": "sha512-3TYDR7xWt4dIqV2JauJr+EJeW356RXijHeUlO+8djJ+uBXPn8/2dpzBc8yQhh583sVvc9CvFAeQVgijsH+PNNg==",
+ "dev": true
+ },
+ "snapdragon": {
+ "version": "0.8.2",
+ "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
+ "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==",
+ "dev": true,
+ "requires": {
+ "base": "^0.11.1",
+ "debug": "^2.2.0",
+ "define-property": "^0.2.5",
+ "extend-shallow": "^2.0.1",
+ "map-cache": "^0.2.2",
+ "source-map": "^0.5.6",
+ "source-map-resolve": "^0.5.0",
+ "use": "^3.1.0"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+ "dev": true,
+ "requires": {
+ "is-descriptor": "^0.1.0"
+ }
+ },
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ },
+ "is-accessor-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+ "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "is-data-descriptor": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+ "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "is-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+ "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+ "dev": true,
+ "requires": {
+ "is-accessor-descriptor": "^0.1.6",
+ "is-data-descriptor": "^0.1.4",
+ "kind-of": "^5.0.0"
+ }
+ },
+ "is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true
+ },
+ "kind-of": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+ "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+ "dev": true
+ }
+ }
+ },
+ "snapdragon-node": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
+ "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+ "dev": true,
+ "requires": {
+ "define-property": "^1.0.0",
+ "isobject": "^3.0.0",
+ "snapdragon-util": "^3.0.1"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+ "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+ "dev": true,
+ "requires": {
+ "is-descriptor": "^1.0.0"
+ }
+ }
+ }
+ },
+ "snapdragon-util": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+ "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.2.0"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "sockjs": {
+ "version": "0.3.19",
+ "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.19.tgz",
+ "integrity": "sha512-V48klKZl8T6MzatbLlzzRNhMepEys9Y4oGFpypBFFn1gLI/QQ9HtLLyWJNbPlwGLelOVOEijUbTTJeLLI59jLw==",
+ "dev": true,
+ "requires": {
+ "faye-websocket": "^0.10.0",
+ "uuid": "^3.0.1"
+ }
+ },
+ "sockjs-client": {
+ "version": "1.1.5",
+ "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.1.5.tgz",
+ "integrity": "sha512-PmPRkAYIeuRgX+ZSieViT4Z3Q23bLS2Itm/ck1tSf5P0/yVuFDiI5q9mcnpXoMdToaPSRS9MEyUx/aaBxrFzyw==",
+ "dev": true,
+ "requires": {
+ "debug": "^2.6.6",
+ "eventsource": "0.1.6",
+ "faye-websocket": "~0.11.0",
+ "inherits": "^2.0.1",
+ "json3": "^3.3.2",
+ "url-parse": "^1.1.8"
+ },
+ "dependencies": {
+ "faye-websocket": {
+ "version": "0.11.4",
+ "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
+ "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
+ "dev": true,
+ "requires": {
+ "websocket-driver": ">=0.5.1"
+ }
+ }
+ }
+ },
+ "sort-keys": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
+ "integrity": "sha512-vzn8aSqKgytVik0iwdBEi+zevbTYZogewTUM6dtpmGwEcdzbub/TX4bCzRhebDCRC3QzXgJsLRKB2V/Oof7HXg==",
+ "dev": true,
+ "requires": {
+ "is-plain-obj": "^1.0.0"
+ }
+ },
+ "source-list-map": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
+ "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==",
+ "dev": true
+ },
+ "source-map": {
+ "version": "0.5.7",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+ "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+ "dev": true
+ },
+ "source-map-js": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+ "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
+ },
+ "source-map-resolve": {
+ "version": "0.5.3",
+ "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+ "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+ "dev": true,
+ "requires": {
+ "atob": "^2.1.2",
+ "decode-uri-component": "^0.2.0",
+ "resolve-url": "^0.2.1",
+ "source-map-url": "^0.4.0",
+ "urix": "^0.1.0"
+ }
+ },
+ "source-map-support": {
+ "version": "0.4.18",
+ "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz",
+ "integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==",
+ "dev": true,
+ "requires": {
+ "source-map": "^0.5.6"
+ }
+ },
+ "source-map-url": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
+ "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
+ "dev": true
+ },
+ "spdx-correct": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+ "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+ "dev": true,
+ "requires": {
+ "spdx-expression-parse": "^3.0.0",
+ "spdx-license-ids": "^3.0.0"
+ }
+ },
+ "spdx-exceptions": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+ "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+ "dev": true
+ },
+ "spdx-expression-parse": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+ "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+ "dev": true,
+ "requires": {
+ "spdx-exceptions": "^2.1.0",
+ "spdx-license-ids": "^3.0.0"
+ }
+ },
+ "spdx-license-ids": {
+ "version": "3.0.13",
+ "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz",
+ "integrity": "sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==",
+ "dev": true
+ },
+ "spdy": {
+ "version": "4.0.2",
+ "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+ "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+ "dev": true,
+ "requires": {
+ "debug": "^4.1.0",
+ "handle-thing": "^2.0.0",
+ "http-deceiver": "^1.2.7",
+ "select-hose": "^2.0.0",
+ "spdy-transport": "^3.0.0"
+ },
+ "dependencies": {
+ "debug": {
+ "version": "4.3.4",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+ "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+ "dev": true,
+ "requires": {
+ "ms": "2.1.2"
+ }
+ },
+ "ms": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+ "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+ "dev": true
+ }
+ }
+ },
+ "spdy-transport": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+ "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+ "dev": true,
+ "requires": {
+ "debug": "^4.1.0",
+ "detect-node": "^2.0.4",
+ "hpack.js": "^2.1.6",
+ "obuf": "^1.1.2",
+ "readable-stream": "^3.0.6",
+ "wbuf": "^1.7.3"
+ },
+ "dependencies": {
+ "debug": {
+ "version": "4.3.4",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+ "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+ "dev": true,
+ "requires": {
+ "ms": "2.1.2"
+ }
+ },
+ "ms": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+ "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+ "dev": true
+ },
+ "readable-stream": {
+ "version": "3.6.2",
+ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+ "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+ "dev": true,
+ "requires": {
+ "inherits": "^2.0.3",
+ "string_decoder": "^1.1.1",
+ "util-deprecate": "^1.0.1"
+ }
+ }
+ }
+ },
+ "split-string": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+ "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+ "dev": true,
+ "requires": {
+ "extend-shallow": "^3.0.0"
+ }
+ },
+ "sprintf-js": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+ "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+ "dev": true
+ },
+ "static-extend": {
+ "version": "0.1.2",
+ "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+ "integrity": "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==",
+ "dev": true,
+ "requires": {
+ "define-property": "^0.2.5",
+ "object-copy": "^0.1.0"
+ },
+ "dependencies": {
+ "define-property": {
+ "version": "0.2.5",
+ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+ "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+ "dev": true,
+ "requires": {
+ "is-descriptor": "^0.1.0"
+ }
+ },
+ "is-accessor-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+ "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "is-data-descriptor": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+ "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "is-descriptor": {
+ "version": "0.1.6",
+ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+ "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+ "dev": true,
+ "requires": {
+ "is-accessor-descriptor": "^0.1.6",
+ "is-data-descriptor": "^0.1.4",
+ "kind-of": "^5.0.0"
+ }
+ },
+ "kind-of": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+ "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+ "dev": true
+ }
+ }
+ },
+ "statuses": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+ "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+ "dev": true
+ },
+ "stream-browserify": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
+ "integrity": "sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==",
+ "dev": true,
+ "requires": {
+ "inherits": "~2.0.1",
+ "readable-stream": "^2.0.2"
+ }
+ },
+ "stream-http": {
+ "version": "2.8.3",
+ "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.8.3.tgz",
+ "integrity": "sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==",
+ "dev": true,
+ "requires": {
+ "builtin-status-codes": "^3.0.0",
+ "inherits": "^2.0.1",
+ "readable-stream": "^2.3.6",
+ "to-arraybuffer": "^1.0.0",
+ "xtend": "^4.0.0"
+ }
+ },
+ "strict-uri-encode": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
+ "integrity": "sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==",
+ "dev": true
+ },
+ "string_decoder": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+ "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+ "dev": true,
+ "requires": {
+ "safe-buffer": "~5.2.0"
+ }
+ },
+ "string-width": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+ "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+ "dev": true,
+ "requires": {
+ "is-fullwidth-code-point": "^2.0.0",
+ "strip-ansi": "^4.0.0"
+ },
+ "dependencies": {
+ "ansi-regex": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
+ "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
+ "dev": true
+ },
+ "strip-ansi": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+ "integrity": "sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==",
+ "dev": true,
+ "requires": {
+ "ansi-regex": "^3.0.0"
+ }
+ }
+ }
+ },
+ "string.prototype.trim": {
+ "version": "1.2.7",
+ "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz",
+ "integrity": "sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.4",
+ "es-abstract": "^1.20.4"
+ }
+ },
+ "string.prototype.trimend": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz",
+ "integrity": "sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.4",
+ "es-abstract": "^1.20.4"
+ }
+ },
+ "string.prototype.trimstart": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz",
+ "integrity": "sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "define-properties": "^1.1.4",
+ "es-abstract": "^1.20.4"
+ }
+ },
+ "strip-ansi": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+ "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+ "dev": true,
+ "requires": {
+ "ansi-regex": "^2.0.0"
+ }
+ },
+ "strip-bom": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+ "integrity": "sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==",
+ "dev": true,
+ "requires": {
+ "is-utf8": "^0.2.0"
+ }
+ },
+ "strip-eof": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+ "integrity": "sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==",
+ "dev": true
+ },
+ "strip-indent": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
+ "integrity": "sha512-I5iQq6aFMM62fBEAIB/hXzwJD6EEZ0xEGCX2t7oXqaKPIRgt4WruAQ285BISgdkP+HLGWyeGmNJcpIwFeRYRUA==",
+ "dev": true,
+ "requires": {
+ "get-stdin": "^4.0.1"
+ }
+ },
+ "supports-color": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+ "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==",
+ "dev": true
+ },
+ "supports-preserve-symlinks-flag": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+ "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+ "dev": true
+ },
+ "svgo": {
+ "version": "0.7.2",
+ "resolved": "https://registry.npmjs.org/svgo/-/svgo-0.7.2.tgz",
+ "integrity": "sha512-jT/g9FFMoe9lu2IT6HtAxTA7RR2XOrmcrmCtGnyB/+GQnV6ZjNn+KOHZbZ35yL81+1F/aB6OeEsJztzBQ2EEwA==",
+ "dev": true,
+ "requires": {
+ "coa": "~1.0.1",
+ "colors": "~1.1.2",
+ "csso": "~2.3.1",
+ "js-yaml": "~3.7.0",
+ "mkdirp": "~0.5.1",
+ "sax": "~1.2.1",
+ "whet.extend": "~0.9.9"
+ }
+ },
+ "tapable": {
+ "version": "0.2.9",
+ "resolved": "https://registry.npmjs.org/tapable/-/tapable-0.2.9.tgz",
+ "integrity": "sha512-2wsvQ+4GwBvLPLWsNfLCDYGsW6xb7aeC6utq2Qh0PFwgEy7K7dsma9Jsmb2zSQj7GvYAyUGSntLtsv++GmgL1A==",
+ "dev": true
+ },
+ "thunky": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+ "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+ "dev": true
+ },
+ "time-stamp": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/time-stamp/-/time-stamp-2.2.0.tgz",
+ "integrity": "sha512-zxke8goJQpBeEgD82CXABeMh0LSJcj7CXEd0OHOg45HgcofF7pxNwZm9+RknpxpDhwN4gFpySkApKfFYfRQnUA==",
+ "dev": true
+ },
+ "timers-browserify": {
+ "version": "2.0.12",
+ "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
+ "integrity": "sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==",
+ "dev": true,
+ "requires": {
+ "setimmediate": "^1.0.4"
+ }
+ },
+ "to-arraybuffer": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
+ "integrity": "sha512-okFlQcoGTi4LQBG/PgSYblw9VOyptsz2KJZqc6qtgGdes8VktzUQkj4BI2blit072iS8VODNcMA+tvnS9dnuMA==",
+ "dev": true
+ },
+ "to-fast-properties": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz",
+ "integrity": "sha512-lxrWP8ejsq+7E3nNjwYmUBMAgjMTZoTI+sdBOpvNyijeDLa29LUn9QaoXAHv4+Z578hbmHHJKZknzxVtvo77og==",
+ "dev": true
+ },
+ "to-object-path": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+ "integrity": "sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ },
+ "dependencies": {
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ }
+ }
+ },
+ "to-regex": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+ "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+ "dev": true,
+ "requires": {
+ "define-property": "^2.0.2",
+ "extend-shallow": "^3.0.2",
+ "regex-not": "^1.0.2",
+ "safe-regex": "^1.1.0"
+ }
+ },
+ "to-regex-range": {
+ "version": "5.0.1",
+ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+ "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-number": "^7.0.0"
+ }
+ },
+ "toidentifier": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+ "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+ "dev": true
+ },
+ "trim-newlines": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
+ "integrity": "sha512-Nm4cF79FhSTzrLKGDMi3I4utBtFv8qKy4sq1enftf2gMdpqI8oVQTAfySkTz5r49giVzDj88SVZXP4CeYQwjaw==",
+ "dev": true
+ },
+ "trim-right": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz",
+ "integrity": "sha512-WZGXGstmCWgeevgTL54hrCuw1dyMQIzWy7ZfqRJfSmJZBwklI15egmQytFP6bPidmw3M8d5yEowl1niq4vmqZw==",
+ "dev": true
+ },
+ "tty-browserify": {
+ "version": "0.0.0",
+ "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
+ "integrity": "sha512-JVa5ijo+j/sOoHGjw0sxw734b1LhBkQ3bvUGNdxnVXDCX81Yx7TFgnZygxrIIWn23hbfTaMYLwRmAxFyDuFmIw==",
+ "dev": true
+ },
+ "type": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
+ "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==",
+ "dev": true
+ },
+ "type-is": {
+ "version": "1.6.18",
+ "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+ "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+ "dev": true,
+ "requires": {
+ "media-typer": "0.3.0",
+ "mime-types": "~2.1.24"
+ }
+ },
+ "typed-array-length": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+ "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "for-each": "^0.3.3",
+ "is-typed-array": "^1.1.9"
+ }
+ },
+ "uglify-js": {
+ "version": "2.8.29",
+ "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz",
+ "integrity": "sha512-qLq/4y2pjcU3vhlhseXGGJ7VbFO4pBANu0kwl8VCa9KEI0V8VfZIx2Fy3w01iSTA/pGwKZSmu/+I4etLNDdt5w==",
+ "dev": true,
+ "requires": {
+ "source-map": "~0.5.1",
+ "uglify-to-browserify": "~1.0.0",
+ "yargs": "~3.10.0"
+ },
+ "dependencies": {
+ "camelcase": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-1.2.1.tgz",
+ "integrity": "sha512-wzLkDa4K/mzI1OSITC+DUyjgIl/ETNHE9QvYgy6J6Jvqyyz4C0Xfd+lQhb19sX2jMpZV4IssUn0VDVmglV+s4g==",
+ "dev": true
+ },
+ "cliui": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz",
+ "integrity": "sha512-GIOYRizG+TGoc7Wgc1LiOTLare95R3mzKgoln+Q/lE4ceiYH19gUpl0l0Ffq4lJDEf3FxujMe6IBfOCs7pfqNA==",
+ "dev": true,
+ "requires": {
+ "center-align": "^0.1.1",
+ "right-align": "^0.1.1",
+ "wordwrap": "0.0.2"
+ }
+ },
+ "yargs": {
+ "version": "3.10.0",
+ "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",
+ "integrity": "sha512-QFzUah88GAGy9lyDKGBqZdkYApt63rCXYBGYnEP4xDJPXNqXXnBDACnbrXnViV6jRSqAePwrATi2i8mfYm4L1A==",
+ "dev": true,
+ "requires": {
+ "camelcase": "^1.0.2",
+ "cliui": "^2.1.0",
+ "decamelize": "^1.0.0",
+ "window-size": "0.1.0"
+ }
+ }
+ }
+ },
+ "uglify-to-browserify": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz",
+ "integrity": "sha512-vb2s1lYx2xBtUgy+ta+b2J/GLVUR+wmpINwHePmPRhOsIVCG2wDzKJ0n14GslH1BifsqVzSOwQhRaCAsZ/nI4Q==",
+ "dev": true,
+ "optional": true
+ },
+ "uglifyjs-webpack-plugin": {
+ "version": "0.4.6",
+ "resolved": "https://registry.npmjs.org/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-0.4.6.tgz",
+ "integrity": "sha512-TNM20HMW67kxHRNCZdvLyiwE1ST6WyY5Ae+TG55V81NpvNwJ9+V4/po4LHA1R9afV/WrqzfedG2UJCk2+swirw==",
+ "dev": true,
+ "requires": {
+ "source-map": "^0.5.6",
+ "uglify-js": "^2.8.29",
+ "webpack-sources": "^1.0.1"
+ }
+ },
+ "unbox-primitive": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+ "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+ "dev": true,
+ "requires": {
+ "call-bind": "^1.0.2",
+ "has-bigints": "^1.0.2",
+ "has-symbols": "^1.0.3",
+ "which-boxed-primitive": "^1.0.2"
+ }
+ },
+ "union-value": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+ "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
+ "dev": true,
+ "requires": {
+ "arr-union": "^3.1.0",
+ "get-value": "^2.0.6",
+ "is-extendable": "^0.1.1",
+ "set-value": "^2.0.1"
+ },
+ "dependencies": {
+ "is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true
+ }
+ }
+ },
+ "uniq": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
+ "integrity": "sha512-Gw+zz50YNKPDKXs+9d+aKAjVwpjNwqzvNpLigIruT4HA9lMZNdMqs9x07kKHB/L9WRzqp4+DlTU5s4wG2esdoA==",
+ "dev": true
+ },
+ "uniqs": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/uniqs/-/uniqs-2.0.0.tgz",
+ "integrity": "sha512-mZdDpf3vBV5Efh29kMw5tXoup/buMgxLzOt/XKFKcVmi+15ManNQWr6HfZ2aiZTYlYixbdNJ0KFmIZIv52tHSQ==",
+ "dev": true
+ },
+ "unpipe": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+ "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+ "dev": true
+ },
+ "unset-value": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+ "integrity": "sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==",
+ "dev": true,
+ "requires": {
+ "has-value": "^0.3.1",
+ "isobject": "^3.0.0"
+ },
+ "dependencies": {
+ "has-value": {
+ "version": "0.3.1",
+ "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+ "integrity": "sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==",
+ "dev": true,
+ "requires": {
+ "get-value": "^2.0.3",
+ "has-values": "^0.1.4",
+ "isobject": "^2.0.0"
+ },
+ "dependencies": {
+ "isobject": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+ "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+ "dev": true,
+ "requires": {
+ "isarray": "1.0.0"
+ }
+ }
+ }
+ },
+ "has-values": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+ "integrity": "sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==",
+ "dev": true
+ }
+ }
+ },
+ "upath": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
+ "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
+ "dev": true
+ },
+ "uri-js": {
+ "version": "4.4.1",
+ "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+ "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+ "dev": true,
+ "requires": {
+ "punycode": "^2.1.0"
+ }
+ },
+ "urix": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+ "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
+ "dev": true
+ },
+ "url": {
+ "version": "0.11.1",
+ "resolved": "https://registry.npmjs.org/url/-/url-0.11.1.tgz",
+ "integrity": "sha512-rWS3H04/+mzzJkv0eZ7vEDGiQbgquI1fGfOad6zKvgYQi1SzMmhl7c/DdRGxhaWrVH6z0qWITo8rpnxK/RfEhA==",
+ "dev": true,
+ "requires": {
+ "punycode": "^1.4.1",
+ "qs": "^6.11.0"
+ },
+ "dependencies": {
+ "punycode": {
+ "version": "1.4.1",
+ "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+ "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+ "dev": true
+ }
+ }
+ },
+ "url-parse": {
+ "version": "1.5.10",
+ "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+ "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+ "dev": true,
+ "requires": {
+ "querystringify": "^2.1.1",
+ "requires-port": "^1.0.0"
+ }
+ },
+ "use": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
+ "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
+ "dev": true
+ },
+ "util": {
+ "version": "0.11.1",
+ "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz",
+ "integrity": "sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==",
+ "dev": true,
+ "requires": {
+ "inherits": "2.0.3"
+ },
+ "dependencies": {
+ "inherits": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+ "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+ "dev": true
+ }
+ }
+ },
+ "util-deprecate": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+ "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+ "dev": true
+ },
+ "utils-merge": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+ "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+ "dev": true
+ },
+ "uuid": {
+ "version": "3.4.0",
+ "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+ "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
+ "dev": true
+ },
+ "validate-npm-package-license": {
+ "version": "3.0.4",
+ "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+ "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+ "dev": true,
+ "requires": {
+ "spdx-correct": "^3.0.0",
+ "spdx-expression-parse": "^3.0.0"
+ }
+ },
+ "vary": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+ "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+ "dev": true
+ },
+ "vendors": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/vendors/-/vendors-1.0.4.tgz",
+ "integrity": "sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==",
+ "dev": true
+ },
+ "vm-browserify": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
+ "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
+ "dev": true
+ },
+ "vue": {
+ "version": "2.7.14",
+ "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.14.tgz",
+ "integrity": "sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==",
+ "requires": {
+ "@vue/compiler-sfc": "2.7.14",
+ "csstype": "^3.1.0"
+ }
+ },
+ "vue-hot-reload-api": {
+ "version": "2.3.4",
+ "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
+ "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
+ "dev": true
+ },
+ "vue-loader": {
+ "version": "13.7.3",
+ "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-13.7.3.tgz",
+ "integrity": "sha512-ACCwbfeC6HjY2pnDii+Zer+MZ6sdOtwvLmDXRK/BoD3WNR551V22R6KEagwHoTRJ0ZlIhpCBkptpCU6+Ri/05w==",
+ "dev": true,
+ "requires": {
+ "consolidate": "^0.14.0",
+ "hash-sum": "^1.0.2",
+ "loader-utils": "^1.1.0",
+ "lru-cache": "^4.1.1",
+ "postcss": "^6.0.8",
+ "postcss-load-config": "^1.1.0",
+ "postcss-selector-parser": "^2.0.0",
+ "prettier": "^1.7.0",
+ "resolve": "^1.4.0",
+ "source-map": "^0.6.1",
+ "vue-hot-reload-api": "^2.2.0",
+ "vue-style-loader": "^3.0.0",
+ "vue-template-es2015-compiler": "^1.6.0"
+ },
+ "dependencies": {
+ "ansi-styles": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+ "dev": true,
+ "requires": {
+ "color-convert": "^1.9.0"
+ }
+ },
+ "chalk": {
+ "version": "2.4.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+ "dev": true,
+ "requires": {
+ "ansi-styles": "^3.2.1",
+ "escape-string-regexp": "^1.0.5",
+ "supports-color": "^5.3.0"
+ }
+ },
+ "postcss": {
+ "version": "6.0.23",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+ "dev": true,
+ "requires": {
+ "chalk": "^2.4.1",
+ "source-map": "^0.6.1",
+ "supports-color": "^5.4.0"
+ }
+ },
+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true
+ },
+ "supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "requires": {
+ "has-flag": "^3.0.0"
+ }
+ }
+ }
+ },
+ "vue-style-loader": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-3.1.2.tgz",
+ "integrity": "sha512-ICtVdK/p+qXWpdSs2alWtsXt9YnDoYjQe0w5616j9+/EhjoxZkbun34uWgsMFnC1MhrMMwaWiImz3K2jK1Yp2Q==",
+ "dev": true,
+ "requires": {
+ "hash-sum": "^1.0.2",
+ "loader-utils": "^1.0.2"
+ }
+ },
+ "vue-template-compiler": {
+ "version": "2.7.14",
+ "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz",
+ "integrity": "sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==",
+ "dev": true,
+ "requires": {
+ "de-indent": "^1.0.2",
+ "he": "^1.2.0"
+ }
+ },
+ "vue-template-es2015-compiler": {
+ "version": "1.9.1",
+ "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",
+ "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
+ "dev": true
+ },
+ "watchpack": {
+ "version": "1.7.5",
+ "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
+ "integrity": "sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==",
+ "dev": true,
+ "requires": {
+ "chokidar": "^3.4.1",
+ "graceful-fs": "^4.1.2",
+ "neo-async": "^2.5.0",
+ "watchpack-chokidar2": "^2.0.1"
+ }
+ },
+ "watchpack-chokidar2": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/watchpack-chokidar2/-/watchpack-chokidar2-2.0.1.tgz",
+ "integrity": "sha512-nCFfBIPKr5Sh61s4LPpy1Wtfi0HE8isJ3d2Yb5/Ppw2P2B/3eVSEBjKfN0fmHJSK14+31KwMKmcrzs2GM4P0Ww==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "chokidar": "^2.1.8"
+ },
+ "dependencies": {
+ "anymatch": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+ "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "micromatch": "^3.1.4",
+ "normalize-path": "^2.1.1"
+ },
+ "dependencies": {
+ "normalize-path": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+ "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "remove-trailing-separator": "^1.0.1"
+ }
+ }
+ }
+ },
+ "binary-extensions": {
+ "version": "1.13.1",
+ "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+ "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+ "dev": true,
+ "optional": true
+ },
+ "braces": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+ "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "arr-flatten": "^1.1.0",
+ "array-unique": "^0.3.2",
+ "extend-shallow": "^2.0.1",
+ "fill-range": "^4.0.0",
+ "isobject": "^3.0.1",
+ "repeat-element": "^1.1.2",
+ "snapdragon": "^0.8.1",
+ "snapdragon-node": "^2.0.1",
+ "split-string": "^3.0.2",
+ "to-regex": "^3.0.1"
+ }
+ },
+ "chokidar": {
+ "version": "2.1.8",
+ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+ "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "anymatch": "^2.0.0",
+ "async-each": "^1.0.1",
+ "braces": "^2.3.2",
+ "fsevents": "^1.2.7",
+ "glob-parent": "^3.1.0",
+ "inherits": "^2.0.3",
+ "is-binary-path": "^1.0.0",
+ "is-glob": "^4.0.0",
+ "normalize-path": "^3.0.0",
+ "path-is-absolute": "^1.0.0",
+ "readdirp": "^2.2.1",
+ "upath": "^1.1.1"
+ }
+ },
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ },
+ "fill-range": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+ "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "extend-shallow": "^2.0.1",
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1",
+ "to-regex-range": "^2.1.0"
+ }
+ },
+ "fsevents": {
+ "version": "1.2.13",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+ "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "bindings": "^1.5.0",
+ "nan": "^2.12.1"
+ }
+ },
+ "glob-parent": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+ "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-glob": "^3.1.0",
+ "path-dirname": "^1.0.0"
+ },
+ "dependencies": {
+ "is-glob": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+ "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-extglob": "^2.1.0"
+ }
+ }
+ }
+ },
+ "is-binary-path": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+ "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "binary-extensions": "^1.0.0"
+ }
+ },
+ "is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true,
+ "optional": true
+ },
+ "is-number": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+ "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ }
+ },
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ },
+ "readdirp": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+ "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "graceful-fs": "^4.1.11",
+ "micromatch": "^3.1.10",
+ "readable-stream": "^2.0.2"
+ }
+ },
+ "to-regex-range": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+ "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1"
+ }
+ }
+ }
+ },
+ "wbuf": {
+ "version": "1.7.3",
+ "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+ "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+ "dev": true,
+ "requires": {
+ "minimalistic-assert": "^1.0.0"
+ }
+ },
+ "webpack": {
+ "version": "3.12.0",
+ "resolved": "https://registry.npmjs.org/webpack/-/webpack-3.12.0.tgz",
+ "integrity": "sha512-Sw7MdIIOv/nkzPzee4o0EdvCuPmxT98+vVpIvwtcwcF1Q4SDSNp92vwcKc4REe7NItH9f1S4ra9FuQ7yuYZ8bQ==",
+ "dev": true,
+ "requires": {
+ "acorn": "^5.0.0",
+ "acorn-dynamic-import": "^2.0.0",
+ "ajv": "^6.1.0",
+ "ajv-keywords": "^3.1.0",
+ "async": "^2.1.2",
+ "enhanced-resolve": "^3.4.0",
+ "escope": "^3.6.0",
+ "interpret": "^1.0.0",
+ "json-loader": "^0.5.4",
+ "json5": "^0.5.1",
+ "loader-runner": "^2.3.0",
+ "loader-utils": "^1.1.0",
+ "memory-fs": "~0.4.1",
+ "mkdirp": "~0.5.0",
+ "node-libs-browser": "^2.0.0",
+ "source-map": "^0.5.3",
+ "supports-color": "^4.2.1",
+ "tapable": "^0.2.7",
+ "uglifyjs-webpack-plugin": "^0.4.6",
+ "watchpack": "^1.4.0",
+ "webpack-sources": "^1.0.1",
+ "yargs": "^8.0.2"
+ },
+ "dependencies": {
+ "has-flag": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-2.0.0.tgz",
+ "integrity": "sha512-P+1n3MnwjR/Epg9BBo1KT8qbye2g2Ou4sFumihwt6I4tsUX7jnLcX4BTOSKg/B1ZrIYMN9FcEnG4x5a7NB8Eng==",
+ "dev": true
+ },
+ "supports-color": {
+ "version": "4.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.5.0.tgz",
+ "integrity": "sha512-ycQR/UbvI9xIlEdQT1TQqwoXtEldExbCEAJgRo5YXlmSKjv6ThHnP9/vwGa1gr19Gfw+LkFd7KqYMhzrRC5JYw==",
+ "dev": true,
+ "requires": {
+ "has-flag": "^2.0.0"
+ }
+ }
+ }
+ },
+ "webpack-dev-middleware": {
+ "version": "1.12.2",
+ "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-1.12.2.tgz",
+ "integrity": "sha512-FCrqPy1yy/sN6U/SaEZcHKRXGlqU0DUaEBL45jkUYoB8foVb6wCnbIJ1HKIx+qUFTW+3JpVcCJCxZ8VATL4e+A==",
+ "dev": true,
+ "requires": {
+ "memory-fs": "~0.4.1",
+ "mime": "^1.5.0",
+ "path-is-absolute": "^1.0.0",
+ "range-parser": "^1.0.3",
+ "time-stamp": "^2.0.0"
+ }
+ },
+ "webpack-dev-server": {
+ "version": "2.11.5",
+ "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-2.11.5.tgz",
+ "integrity": "sha512-7TdOKKt7G3sWEhPKV0zP+nD0c4V9YKUJ3wDdBwQsZNo58oZIRoVIu66pg7PYkBW8A74msP9C2kLwmxGHndz/pw==",
+ "dev": true,
+ "requires": {
+ "ansi-html": "0.0.7",
+ "array-includes": "^3.0.3",
+ "bonjour": "^3.5.0",
+ "chokidar": "^2.1.2",
+ "compression": "^1.7.3",
+ "connect-history-api-fallback": "^1.3.0",
+ "debug": "^3.1.0",
+ "del": "^3.0.0",
+ "express": "^4.16.2",
+ "html-entities": "^1.2.0",
+ "http-proxy-middleware": "^0.19.1",
+ "import-local": "^1.0.0",
+ "internal-ip": "1.2.0",
+ "ip": "^1.1.5",
+ "killable": "^1.0.0",
+ "loglevel": "^1.4.1",
+ "opn": "^5.1.0",
+ "portfinder": "^1.0.9",
+ "selfsigned": "^1.9.1",
+ "serve-index": "^1.9.1",
+ "sockjs": "0.3.19",
+ "sockjs-client": "1.1.5",
+ "spdy": "^4.0.0",
+ "strip-ansi": "^3.0.0",
+ "supports-color": "^5.1.0",
+ "webpack-dev-middleware": "1.12.2",
+ "yargs": "6.6.0"
+ },
+ "dependencies": {
+ "anymatch": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+ "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+ "dev": true,
+ "requires": {
+ "micromatch": "^3.1.4",
+ "normalize-path": "^2.1.1"
+ },
+ "dependencies": {
+ "normalize-path": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+ "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+ "dev": true,
+ "requires": {
+ "remove-trailing-separator": "^1.0.1"
+ }
+ }
+ }
+ },
+ "binary-extensions": {
+ "version": "1.13.1",
+ "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+ "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+ "dev": true
+ },
+ "braces": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+ "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+ "dev": true,
+ "requires": {
+ "arr-flatten": "^1.1.0",
+ "array-unique": "^0.3.2",
+ "extend-shallow": "^2.0.1",
+ "fill-range": "^4.0.0",
+ "isobject": "^3.0.1",
+ "repeat-element": "^1.1.2",
+ "snapdragon": "^0.8.1",
+ "snapdragon-node": "^2.0.1",
+ "split-string": "^3.0.2",
+ "to-regex": "^3.0.1"
+ }
+ },
+ "camelcase": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+ "integrity": "sha512-4nhGqUkc4BqbBBB4Q6zLuD7lzzrHYrjKGeYaEji/3tFR5VdJu9v+LilhGIVe8wxEJPPOeWo7eg8dwY13TZ1BNg==",
+ "dev": true
+ },
+ "chokidar": {
+ "version": "2.1.8",
+ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+ "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+ "dev": true,
+ "requires": {
+ "anymatch": "^2.0.0",
+ "async-each": "^1.0.1",
+ "braces": "^2.3.2",
+ "fsevents": "^1.2.7",
+ "glob-parent": "^3.1.0",
+ "inherits": "^2.0.3",
+ "is-binary-path": "^1.0.0",
+ "is-glob": "^4.0.0",
+ "normalize-path": "^3.0.0",
+ "path-is-absolute": "^1.0.0",
+ "readdirp": "^2.2.1",
+ "upath": "^1.1.1"
+ }
+ },
+ "debug": {
+ "version": "3.2.7",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+ "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+ "dev": true,
+ "requires": {
+ "ms": "^2.1.1"
+ }
+ },
+ "extend-shallow": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+ "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+ "dev": true,
+ "requires": {
+ "is-extendable": "^0.1.0"
+ }
+ },
+ "fill-range": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+ "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+ "dev": true,
+ "requires": {
+ "extend-shallow": "^2.0.1",
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1",
+ "to-regex-range": "^2.1.0"
+ }
+ },
+ "fsevents": {
+ "version": "1.2.13",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+ "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "bindings": "^1.5.0",
+ "nan": "^2.12.1"
+ }
+ },
+ "glob-parent": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+ "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==",
+ "dev": true,
+ "requires": {
+ "is-glob": "^3.1.0",
+ "path-dirname": "^1.0.0"
+ },
+ "dependencies": {
+ "is-glob": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+ "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+ "dev": true,
+ "requires": {
+ "is-extglob": "^2.1.0"
+ }
+ }
+ }
+ },
+ "is-binary-path": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+ "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==",
+ "dev": true,
+ "requires": {
+ "binary-extensions": "^1.0.0"
+ }
+ },
+ "is-extendable": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+ "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+ "dev": true
+ },
+ "is-fullwidth-code-point": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+ "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+ "dev": true,
+ "requires": {
+ "number-is-nan": "^1.0.0"
+ }
+ },
+ "is-number": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+ "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+ "dev": true,
+ "requires": {
+ "kind-of": "^3.0.2"
+ }
+ },
+ "kind-of": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+ "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+ "dev": true,
+ "requires": {
+ "is-buffer": "^1.1.5"
+ }
+ },
+ "ms": {
+ "version": "2.1.3",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+ "dev": true
+ },
+ "os-locale": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
+ "integrity": "sha512-PRT7ZORmwu2MEFt4/fv3Q+mEfN4zetKxufQrkShY2oGvUms9r8otu5HfdyIFHkYXjO7laNsoVGmM2MANfuTA8g==",
+ "dev": true,
+ "requires": {
+ "lcid": "^1.0.0"
+ }
+ },
+ "readdirp": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+ "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+ "dev": true,
+ "requires": {
+ "graceful-fs": "^4.1.11",
+ "micromatch": "^3.1.10",
+ "readable-stream": "^2.0.2"
+ }
+ },
+ "string-width": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+ "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
+ "dev": true,
+ "requires": {
+ "code-point-at": "^1.0.0",
+ "is-fullwidth-code-point": "^1.0.0",
+ "strip-ansi": "^3.0.0"
+ }
+ },
+ "supports-color": {
+ "version": "5.5.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+ "dev": true,
+ "requires": {
+ "has-flag": "^3.0.0"
+ }
+ },
+ "to-regex-range": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+ "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+ "dev": true,
+ "requires": {
+ "is-number": "^3.0.0",
+ "repeat-string": "^1.6.1"
+ }
+ },
+ "which-module": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz",
+ "integrity": "sha512-F6+WgncZi/mJDrammbTuHe1q0R5hOXv/mBaiNA2TCNT/LTHusX0V+CJnj9XT8ki5ln2UZyyddDgHfCzyrOH7MQ==",
+ "dev": true
+ },
+ "yargs": {
+ "version": "6.6.0",
+ "resolved": "https://registry.npmjs.org/yargs/-/yargs-6.6.0.tgz",
+ "integrity": "sha512-6/QWTdisjnu5UHUzQGst+UOEuEVwIzFVGBjq3jMTFNs5WJQsH/X6nMURSaScIdF5txylr1Ao9bvbWiKi2yXbwA==",
+ "dev": true,
+ "requires": {
+ "camelcase": "^3.0.0",
+ "cliui": "^3.2.0",
+ "decamelize": "^1.1.1",
+ "get-caller-file": "^1.0.1",
+ "os-locale": "^1.4.0",
+ "read-pkg-up": "^1.0.1",
+ "require-directory": "^2.1.1",
+ "require-main-filename": "^1.0.1",
+ "set-blocking": "^2.0.0",
+ "string-width": "^1.0.2",
+ "which-module": "^1.0.0",
+ "y18n": "^3.2.1",
+ "yargs-parser": "^4.2.0"
+ }
+ },
+ "yargs-parser": {
+ "version": "4.2.1",
+ "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-4.2.1.tgz",
+ "integrity": "sha512-+QQWqC2xeL0N5/TE+TY6OGEqyNRM+g2/r712PDNYgiCdXYCApXf1vzfmDSLBxfGRwV+moTq/V8FnMI24JCm2Yg==",
+ "dev": true,
+ "requires": {
+ "camelcase": "^3.0.0"
+ }
+ }
+ }
+ },
+ "webpack-sources": {
+ "version": "1.4.3",
+ "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
+ "integrity": "sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==",
+ "dev": true,
+ "requires": {
+ "source-list-map": "^2.0.0",
+ "source-map": "~0.6.1"
+ },
+ "dependencies": {
+ "source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "dev": true
+ }
+ }
+ },
+ "websocket-driver": {
+ "version": "0.7.4",
+ "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+ "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+ "dev": true,
+ "requires": {
+ "http-parser-js": ">=0.5.1",
+ "safe-buffer": ">=5.1.0",
+ "websocket-extensions": ">=0.1.1"
+ }
+ },
+ "websocket-extensions": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+ "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+ "dev": true
+ },
+ "whet.extend": {
+ "version": "0.9.9",
+ "resolved": "https://registry.npmjs.org/whet.extend/-/whet.extend-0.9.9.tgz",
+ "integrity": "sha512-mmIPAft2vTgEILgPeZFqE/wWh24SEsR/k+N9fJ3Jxrz44iDFy9aemCxdksfURSHYFCLmvs/d/7Iso5XjPpNfrA==",
+ "dev": true
+ },
+ "which": {
+ "version": "1.3.1",
+ "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+ "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+ "dev": true,
+ "requires": {
+ "isexe": "^2.0.0"
+ }
+ },
+ "which-boxed-primitive": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+ "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+ "dev": true,
+ "requires": {
+ "is-bigint": "^1.0.1",
+ "is-boolean-object": "^1.1.0",
+ "is-number-object": "^1.0.4",
+ "is-string": "^1.0.5",
+ "is-symbol": "^1.0.3"
+ }
+ },
+ "which-module": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+ "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
+ "dev": true
+ },
+ "which-typed-array": {
+ "version": "1.1.9",
+ "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.9.tgz",
+ "integrity": "sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==",
+ "dev": true,
+ "requires": {
+ "available-typed-arrays": "^1.0.5",
+ "call-bind": "^1.0.2",
+ "for-each": "^0.3.3",
+ "gopd": "^1.0.1",
+ "has-tostringtag": "^1.0.0",
+ "is-typed-array": "^1.1.10"
+ }
+ },
+ "window-size": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.0.tgz",
+ "integrity": "sha512-1pTPQDKTdd61ozlKGNCjhNRd+KPmgLSGa3mZTHoOliaGcESD8G1PXhh7c1fgiPjVbNVfgy2Faw4BI8/m0cC8Mg==",
+ "dev": true
+ },
+ "wordwrap": {
+ "version": "0.0.2",
+ "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz",
+ "integrity": "sha512-xSBsCeh+g+dinoBv3GAOWM4LcVVO68wLXRanibtBSdUvkGWQRGeE9P7IwU9EmDDi4jA6L44lz15CGMwdw9N5+Q==",
+ "dev": true
+ },
+ "wrap-ansi": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
+ "integrity": "sha512-vAaEaDM946gbNpH5pLVNR+vX2ht6n0Bt3GXwVB1AuAqZosOvHNF3P7wDnh8KLkSqgUh0uh77le7Owgoz+Z9XBw==",
+ "dev": true,
+ "requires": {
+ "string-width": "^1.0.1",
+ "strip-ansi": "^3.0.1"
+ },
+ "dependencies": {
+ "is-fullwidth-code-point": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+ "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+ "dev": true,
+ "requires": {
+ "number-is-nan": "^1.0.0"
+ }
+ },
+ "string-width": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+ "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
+ "dev": true,
+ "requires": {
+ "code-point-at": "^1.0.0",
+ "is-fullwidth-code-point": "^1.0.0",
+ "strip-ansi": "^3.0.0"
+ }
+ }
+ }
+ },
+ "wrappy": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+ "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+ "dev": true
+ },
+ "xtend": {
+ "version": "4.0.2",
+ "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+ "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+ "dev": true
+ },
+ "y18n": {
+ "version": "3.2.2",
+ "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.2.tgz",
+ "integrity": "sha512-uGZHXkHnhF0XeeAPgnKfPv1bgKAYyVvmNL1xlKsPYZPaIHxGti2hHqvOCQv71XMsLxu1QjergkqogUnms5D3YQ==",
+ "dev": true
+ },
+ "yallist": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+ "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
+ "dev": true
+ },
+ "yargs": {
+ "version": "8.0.2",
+ "resolved": "https://registry.npmjs.org/yargs/-/yargs-8.0.2.tgz",
+ "integrity": "sha512-3RiZrpLpjrzIAKgGdPktBcMP/eG5bDFlkI+PHle1qwzyVXyDQL+pD/eZaMoOOO0Y7LLBfjpucObuUm/icvbpKQ==",
+ "dev": true,
+ "requires": {
+ "camelcase": "^4.1.0",
+ "cliui": "^3.2.0",
+ "decamelize": "^1.1.1",
+ "get-caller-file": "^1.0.1",
+ "os-locale": "^2.0.0",
+ "read-pkg-up": "^2.0.0",
+ "require-directory": "^2.1.1",
+ "require-main-filename": "^1.0.1",
+ "set-blocking": "^2.0.0",
+ "string-width": "^2.0.0",
+ "which-module": "^2.0.0",
+ "y18n": "^3.2.1",
+ "yargs-parser": "^7.0.0"
+ },
+ "dependencies": {
+ "camelcase": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+ "integrity": "sha512-FxAv7HpHrXbh3aPo4o2qxHay2lkLY3x5Mw3KeE4KQE8ysVfziWeRZDwcjauvwBSGEC/nXUPzZy8zeh4HokqOnw==",
+ "dev": true
+ },
+ "load-json-file": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",
+ "integrity": "sha512-3p6ZOGNbiX4CdvEd1VcE6yi78UrGNpjHO33noGwHCnT/o2fyllJDepsm8+mFFv/DvtwFHht5HIHSyOy5a+ChVQ==",
+ "dev": true,
+ "requires": {
+ "graceful-fs": "^4.1.2",
+ "parse-json": "^2.2.0",
+ "pify": "^2.0.0",
+ "strip-bom": "^3.0.0"
+ }
+ },
+ "path-type": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/path-type/-/path-type-2.0.0.tgz",
+ "integrity": "sha512-dUnb5dXUf+kzhC/W/F4e5/SkluXIFf5VUHolW1Eg1irn1hGWjPGdsRcvYJ1nD6lhk8Ir7VM0bHJKsYTx8Jx9OQ==",
+ "dev": true,
+ "requires": {
+ "pify": "^2.0.0"
+ }
+ },
+ "pify": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+ "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+ "dev": true
+ },
+ "read-pkg": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-2.0.0.tgz",
+ "integrity": "sha512-eFIBOPW7FGjzBuk3hdXEuNSiTZS/xEMlH49HxMyzb0hyPfu4EhVjT2DH32K1hSSmVq4sebAWnZuuY5auISUTGA==",
+ "dev": true,
+ "requires": {
+ "load-json-file": "^2.0.0",
+ "normalize-package-data": "^2.3.2",
+ "path-type": "^2.0.0"
+ }
+ },
+ "read-pkg-up": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-2.0.0.tgz",
+ "integrity": "sha512-1orxQfbWGUiTn9XsPlChs6rLie/AV9jwZTGmu2NZw/CUDJQchXJFYE0Fq5j7+n558T1JhDWLdhyd1Zj+wLY//w==",
+ "dev": true,
+ "requires": {
+ "find-up": "^2.0.0",
+ "read-pkg": "^2.0.0"
+ }
+ },
+ "strip-bom": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+ "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+ "dev": true
+ }
+ }
+ },
+ "yargs-parser": {
+ "version": "7.0.0",
+ "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-7.0.0.tgz",
+ "integrity": "sha512-WhzC+xgstid9MbVUktco/bf+KJG+Uu6vMX0LN1sLJvwmbCQVxb4D8LzogobonKycNasCZLdOzTAk1SK7+K7swg==",
+ "dev": true,
+ "requires": {
+ "camelcase": "^4.1.0"
+ },
+ "dependencies": {
+ "camelcase": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+ "integrity": "sha512-FxAv7HpHrXbh3aPo4o2qxHay2lkLY3x5Mw3KeE4KQE8ysVfziWeRZDwcjauvwBSGEC/nXUPzZy8zeh4HokqOnw==",
+ "dev": true
+ }
+ }
+ }
+ }
+}
diff --git a/Vue-Sample/quickstart/package.json b/Vue-Sample/quickstart/package.json
new file mode 100644
index 0000000..79fad8c
--- /dev/null
+++ b/Vue-Sample/quickstart/package.json
@@ -0,0 +1,34 @@
+{
+ "name": "quickstart",
+ "description": "A Vue.js project",
+ "version": "1.0.0",
+ "author": "sivaranjith ",
+ "license": "MIT",
+ "private": true,
+ "scripts": {
+ "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
+ "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
+ },
+ "dependencies": {
+ "@syncfusion/ej2-vue-diagrams": "^22.1.36",
+ "vue": "^2.5.11"
+ },
+ "browserslist": [
+ "> 1%",
+ "last 2 versions",
+ "not ie <= 8"
+ ],
+ "devDependencies": {
+ "babel-core": "^6.26.0",
+ "babel-loader": "^7.1.2",
+ "babel-preset-env": "^1.6.0",
+ "babel-preset-stage-3": "^6.24.1",
+ "cross-env": "^5.0.5",
+ "css-loader": "^0.28.7",
+ "file-loader": "^1.1.4",
+ "vue-loader": "^13.0.5",
+ "vue-template-compiler": "^2.4.4",
+ "webpack": "^3.6.0",
+ "webpack-dev-server": "^2.9.1"
+ }
+}
diff --git a/Vue-Sample/quickstart/src/App.vue b/Vue-Sample/quickstart/src/App.vue
new file mode 100644
index 0000000..1e40741
--- /dev/null
+++ b/Vue-Sample/quickstart/src/App.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
diff --git a/Vue-Sample/quickstart/src/annotation-template.vue b/Vue-Sample/quickstart/src/annotation-template.vue
new file mode 100644
index 0000000..873149e
--- /dev/null
+++ b/Vue-Sample/quickstart/src/annotation-template.vue
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Vue-Sample/quickstart/src/assets/logo.png b/Vue-Sample/quickstart/src/assets/logo.png
new file mode 100644
index 0000000..f3d2503
Binary files /dev/null and b/Vue-Sample/quickstart/src/assets/logo.png differ
diff --git a/Vue-Sample/quickstart/src/complex-template.vue b/Vue-Sample/quickstart/src/complex-template.vue
new file mode 100644
index 0000000..d3599b8
--- /dev/null
+++ b/Vue-Sample/quickstart/src/complex-template.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Vue-Sample/quickstart/src/main.js b/Vue-Sample/quickstart/src/main.js
new file mode 100644
index 0000000..385fcfe
--- /dev/null
+++ b/Vue-Sample/quickstart/src/main.js
@@ -0,0 +1,7 @@
+import Vue from 'vue'
+import App from './App.vue'
+
+new Vue({
+ el: '#app',
+ render: h => h(App)
+})
diff --git a/Vue-Sample/quickstart/src/userHandle-template.vue b/Vue-Sample/quickstart/src/userHandle-template.vue
new file mode 100644
index 0000000..7454ee9
--- /dev/null
+++ b/Vue-Sample/quickstart/src/userHandle-template.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Vue-Sample/quickstart/webpack.config.js b/Vue-Sample/quickstart/webpack.config.js
new file mode 100644
index 0000000..e10255f
--- /dev/null
+++ b/Vue-Sample/quickstart/webpack.config.js
@@ -0,0 +1,79 @@
+var path = require('path')
+var webpack = require('webpack')
+
+module.exports = {
+ devtool: 'source-map',
+ entry: './src/main.js',
+ output: {
+ path: path.resolve(__dirname, './dist'),
+ publicPath: '/dist/',
+ filename: 'build.js'
+ },
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ use: [
+ 'vue-style-loader',
+ 'css-loader'
+ ],
+ }, {
+ test: /\.vue$/,
+ loader: 'vue-loader',
+ options: {
+ loaders: {
+ }
+ // other vue-loader options go here
+ }
+ },
+ {
+ test: /\.js$/,
+ loader: 'babel-loader',
+ exclude: /node_modules/
+ },
+ {
+ test: /\.(png|jpg|gif|svg)$/,
+ loader: 'file-loader',
+ options: {
+ name: '[name].[ext]?[hash]'
+ }
+ }
+ ]
+ },
+ resolve: {
+ alias: {
+ 'vue$': 'vue/dist/vue.esm.js'
+ },
+ extensions: ['*', '.js', '.vue', '.json']
+ },
+ devServer: {
+ historyApiFallback: true,
+ noInfo: true,
+ overlay: true
+ },
+ performance: {
+ hints: false
+ },
+ devtool: '#eval-source-map'
+}
+
+if (process.env.NODE_ENV === 'production') {
+ module.exports.devtool = '#source-map'
+ // http://vue-loader.vuejs.org/en/workflow/production.html
+ module.exports.plugins = (module.exports.plugins || []).concat([
+ new webpack.DefinePlugin({
+ 'process.env': {
+ NODE_ENV: '"production"'
+ }
+ }),
+ new webpack.optimize.UglifyJsPlugin({
+ sourceMap: true,
+ compress: {
+ warnings: false
+ }
+ }),
+ new webpack.LoaderOptionsPlugin({
+ minimize: true
+ })
+ ])
+}
+
+
+