', {
+ id: 'palette-floater'
+ }).appendTo($$2('body'));
+ var floatergraph = new joint$1.dia.Graph();
+ floatergraph.set('type', exports.Constants.FEEDBACK_CONTEXT);
+ var parent_1 = $$2('#palette-floater');
+ this.floaterpaper = new joint$1.dia.Paper({
+ el: $$2('#palette-floater'),
+ elementView: this.renderer && this.renderer.getNodeView ? this.renderer.getNodeView() : joint$1.dia.ElementView,
+ gridSize: 10,
+ model: floatergraph,
+ height: parent_1.height(),
+ width: parent_1.width(),
+ validateMagnet: function () { return false; },
+ validateConnection: function () { return false; }
+ });
+ // TODO float thing needs to be bigger otherwise icon label is missing
+ // Initiative drag and drop - create draggable element
+ var floaternode = exports.Shapes.Factory.createNode({
+ 'renderer': this.renderer,
+ 'paper': this.floaterpaper,
+ 'graph': floatergraph,
+ 'metadata': dataOfClickedElement
+ });
+ // Only node view expected
+ var box = this.floaterpaper.findViewByModel(floaternode).getBBox();
+ var size = floaternode.get('size');
+ // Account for node real size including ports
+ floaternode.translate(box.width - size.width, box.height - size.height);
+ this.viewBeingDragged = this.floaterpaper.findViewByModel(floaternode);
+ $$2('#palette-floater').offset({ left: event.pageX + 5, top: event.pageY + 5 });
+ }
+ else {
+ $$2('#palette-floater').offset({ left: event.pageX + 5, top: event.pageY + 5 });
+ this.trigger({
+ type: exports.Flo.DnDEventType.DRAG,
+ view: this.viewBeingDragged,
+ event: event
+ });
+ }
+ }
+ };
+ /*
+ * Modify the rotation of the arrow in the header from horizontal(closed) to vertical(open)
+ */
+ Palette.prototype.rotateOpen = function (element) {
+ var _this = this;
+ setTimeout(function () { return _this.doRotateOpen(element, 90); });
+ };
+ Palette.prototype.doRotateOpen = function (element, angle) {
+ var _this = this;
+ angle -= 10;
+ element.attr({ 'path': { 'transform': 'rotate(-' + angle + ',15,13)' } });
+ if (angle <= 0) {
+ element.set('isOpen', true);
+ this.closedGroups.delete(element.get('header'));
+ this.rebuildPalette();
+ }
+ else {
+ setTimeout(function () { return _this.doRotateOpen(element, angle); }, 10);
+ }
+ };
+ Palette.prototype.doRotateClose = function (element, angle) {
+ var _this = this;
+ angle += 10;
+ element.attr({ 'path': { 'transform': 'rotate(-' + angle + ',15,13)' } });
+ if (angle >= 90) {
+ element.set('isOpen', false);
+ this.closedGroups.add(element.get('header'));
+ this.rebuildPalette();
+ }
+ else {
+ setTimeout(function () { return _this.doRotateClose(element, angle); }, 10);
+ }
+ };
+ // TODO better name for this function as this does the animation *and* updates the palette
+ /*
+ * Modify the rotation of the arrow in the header from vertical(open) to horizontal(closed)
+ */
+ Palette.prototype.rotateClosed = function (element) {
+ var _this = this;
+ setTimeout(function () { return _this.doRotateClose(element, 0); });
+ };
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object)
+ ], Palette.prototype, "metamodel", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object)
+ ], Palette.prototype, "renderer", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object)
+ ], Palette.prototype, "paletteEntryPadding", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], Palette.prototype, "onPaletteEntryDrop", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], Palette.prototype, "paletteReady", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], Palette.prototype, "paletteFocus", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Number),
+ __metadata("design:paramtypes", [Number])
+ ], Palette.prototype, "paletteSize", null);
+ Palette = __decorate([
+ core.Component({
+ selector: 'flo-palette',
+ template: "\n
\n
\n
\n ",
+ styles: ["\n /* Joint JS paper for drawing palette -> canvas DnD visual feedback START */\n\n #palette-floater {\n /* TODO size relative to paper that goes on it? */\n opacity: 0.75;\n width:170px;\n height:60px;\n background-color: transparent;\n /*\n background-color: #6db33f;\n */\n float:left;\n position: absolute;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n }\n\n #palette-floater.joint-paper > svg {\n background-color: transparent;\n }\n\n #palette-paper-container {\n overflow-y: auto;\n overflow-x: hidden;\n background-color: white;\n color: white;\n }\n\n /* Joint JS paper for drawing palette -> canvas DnD visual feedback END */\n\n /* Palette START */\n\n .palette-filter {\n border: 3px solid #6db33f;\n }\n\n .palette-filter-textfield {\n width: 100%;\n font-size:24px;\n /* border: 3px solid #6db33f;\n */\tfont-family: \"Varela Round\",sans-serif;\n /* \tpadding: 2px; */\n }\n\n .palette-paper {\n background-color: #eeeeee;\n /*\n border-right: 7px solid;\n */\n border-color: #6db33f;\n /* \twidth: 170px;\n height:100%;\n float: left;\n */\n }\n\n /* Palette END */\n "],
+ encapsulation: core.ViewEncapsulation.None
+ }),
+ __param(1, core.Inject(platformBrowser.DOCUMENT)),
+ __metadata("design:paramtypes", [core.ElementRef, Object])
+ ], Palette);
+ return Palette;
+ }());
+
+ var joint$2 = exports.Flo.joint;
+ var $$3 = _$;
+ var Utils = /** @class */ (function () {
+ function Utils() {
+ }
+ Utils.fanRoute = function (graph, cell) {
+ if (cell instanceof joint$2.dia.Element) {
+ var links = graph.getConnectedLinks(cell);
+ var groupsOfOverlappingLinks = lodash.groupBy(links, function (link) {
+ // the key of the group is the model id of the link's source or target, but not our cell id.
+ var sourceId = link.get('source').id;
+ var targetId = link.get('target').id;
+ return cell.id !== sourceId ? sourceId : targetId;
+ });
+ lodash.each(groupsOfOverlappingLinks, function (group, key) {
+ // If the member of the group has both source and target model adjust vertices.
+ var toRoute = {};
+ if (key !== undefined) {
+ group.forEach(function (link) {
+ if (link.get('source').id === cell.get('id') && link.get('target').id) {
+ toRoute[link.get('target').id] = link;
+ }
+ else if (link.get('target').id === cell.get('id') && link.get('source').id) {
+ toRoute[link.get('source').id] = link;
+ }
+ });
+ Object.keys(toRoute).forEach(function (k) {
+ Utils.fanRoute(graph, toRoute[k]);
+ });
+ }
+ });
+ }
+ else if (cell instanceof joint$2.dia.Link) {
+ // The cell is a link. Let's find its source and target models.
+ var srcId_1 = cell.get('source').id || cell.previous('source').id;
+ var trgId_1 = cell.get('target').id || cell.previous('target').id;
+ // If one of the ends is not a model, the link has no siblings.
+ if (!srcId_1 || !trgId_1) {
+ return;
+ }
+ var siblings = graph.getLinks().filter(function (sibling) {
+ var _srcId = sibling.get('source').id;
+ var _trgId = sibling.get('target').id;
+ var vertices = sibling.get('vertices');
+ var fanRouted = !vertices || vertices.length === 0 || sibling.get('fanRouted');
+ return ((_srcId === srcId_1 && _trgId === trgId_1) || (_srcId === trgId_1 && _trgId === srcId_1)) && fanRouted;
+ });
+ switch (siblings.length) {
+ case 0:
+ // The link was removed and had no siblings.
+ break;
+ case 1:
+ // There is only one link between the source and target. No vertices needed.
+ var vertices = cell.get('vertices');
+ if (vertices && vertices.length && cell.get('fanRouted')) {
+ cell.unset('vertices');
+ }
+ break;
+ default:
+ // There is more than one siblings. We need to create vertices.
+ // First of all we'll find the middle point of the link.
+ var source = graph.getCell(srcId_1);
+ var target = graph.getCell(trgId_1);
+ if (!source || !target) {
+ // When clearing the graph it may happen that some nodes are gone and some are left
+ return;
+ }
+ var srcCenter = source.getBBox().center();
+ var trgCenter = target.getBBox().center();
+ var midPoint_1 = joint$2.g.line(srcCenter, trgCenter).midpoint();
+ // Then find the angle it forms.
+ var theta_1 = srcCenter.theta(trgCenter);
+ // This is the maximum distance between links
+ var gap_1 = 20;
+ siblings.forEach(function (sibling, index) {
+ // We want the offset values to be calculated as follows 0, 20, 20, 40, 40, 60, 60 ..
+ var offset = gap_1 * Math.ceil(index / 2);
+ // Now we need the vertices to be placed at points which are 'offset' pixels distant
+ // from the first link and forms a perpendicular angle to it. And as index goes up
+ // alternate left and right.
+ //
+ // ^ odd indexes
+ // |
+ // |----> index 0 line (straight line between a source center and a target center.
+ // |
+ // v even indexes
+ var sign = index % 2 ? 1 : -1;
+ var angle = joint$2.g.toRad(theta_1 + sign * 90);
+ // We found the vertex.
+ var vertex = joint$2.g.point.fromPolar(offset, angle, midPoint_1);
+ sibling.set('fanRouted', true);
+ sibling.set('vertices', [{ x: vertex.x, y: vertex.y }], { 'fanRouted': true });
+ });
+ }
+ }
+ };
+ Utils.isCustomPaperEvent = function (args) {
+ return args.length === 5 &&
+ lodash.isString(args[0]) &&
+ (args[0].indexOf('link:') === 0 || args[0].indexOf('element:') === 0) &&
+ args[1] instanceof $$3.Event &&
+ args[2] instanceof joint$2.dia.CellView &&
+ lodash.isNumber(args[3]) &&
+ lodash.isNumber(args[4]);
+ };
+ return Utils;
+ }());
+
+ var joint$3 = exports.Flo.joint;
+ var $$4 = _$;
+ var SCROLLBAR_SIZE = 17;
+ var EditorComponent = /** @class */ (function () {
+ function EditorComponent(element) {
+ var _this = this;
+ this.element = element;
+ /**
+ * Flag specifying whether the Flo-Editor is in read-only mode.
+ */
+ this._readOnlyCanvas = false;
+ /**
+ * Grid size
+ */
+ this._gridSize = 1;
+ this._hiddenPalette = false;
+ this.textToGraphEventEmitter = new core.EventEmitter();
+ this.graphToTextEventEmitter = new core.EventEmitter();
+ this._graphToTextSyncEnabled = true;
+ this.validationEventEmitter = new core.EventEmitter();
+ this._disposables = new tsDisposables.CompositeDisposable();
+ this._dslText = '';
+ this.textToGraphConversionCompleted = new rxjs.Subject();
+ this.graphToTextConversionCompleted = new rxjs.Subject();
+ this.paletteReady = new rxjs.BehaviorSubject(false);
+ /**
+ * Min zoom percent value
+ */
+ this.minZoom = 5;
+ /**
+ * Max zoom percent value
+ */
+ this.maxZoom = 400;
+ /**
+ * Zoom percent increment/decrement step
+ */
+ this.zoomStep = 5;
+ this.paperPadding = 0;
+ this.floApi = new core.EventEmitter();
+ this.validationMarkers = new core.EventEmitter();
+ this.contentValidated = new core.EventEmitter();
+ this.dslChange = new core.EventEmitter();
+ this._resizeHandler = function () { return _this.autosizePaper(); };
+ var self = this;
+ this.editorContext = new (/** @class */ (function () {
+ function DefaultRunnableContext() {
+ }
+ Object.defineProperty(DefaultRunnableContext.prototype, "zoomPercent", {
+ get: function () {
+ return self.zoomPercent;
+ },
+ set: function (percent) {
+ self.zoomPercent = percent;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "noPalette", {
+ get: function () {
+ return self.noPalette;
+ },
+ set: function (noPalette) {
+ self.noPalette = noPalette;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "gridSize", {
+ get: function () {
+ return self.gridSize;
+ },
+ set: function (gridSize) {
+ self.gridSize = gridSize;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "readOnlyCanvas", {
+ get: function () {
+ return self.readOnlyCanvas;
+ },
+ set: function (readOnly) {
+ self.readOnlyCanvas = readOnly;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ DefaultRunnableContext.prototype.setDsl = function (dsl) {
+ self.dsl = dsl;
+ };
+ DefaultRunnableContext.prototype.updateGraph = function () {
+ return self.updateGraphRepresentation();
+ };
+ DefaultRunnableContext.prototype.updateText = function () {
+ return self.updateTextRepresentation();
+ };
+ DefaultRunnableContext.prototype.performLayout = function () {
+ return self.doLayout();
+ };
+ DefaultRunnableContext.prototype.clearGraph = function () {
+ var _this = this;
+ self.selection = undefined;
+ self.graph.clear();
+ if (self.metamodel && self.metamodel.load && self.editor && self.editor.setDefaultContent) {
+ return self.metamodel.load().then(function (data) {
+ self.editor.setDefaultContent(_this, data);
+ if (!self.graphToTextSync) {
+ return self.updateTextRepresentation();
+ }
+ });
+ }
+ else {
+ if (!self.graphToTextSync) {
+ return self.updateTextRepresentation();
+ }
+ }
+ };
+ DefaultRunnableContext.prototype.getGraph = function () {
+ return self.graph;
+ };
+ DefaultRunnableContext.prototype.getPaper = function () {
+ return self.paper;
+ };
+ Object.defineProperty(DefaultRunnableContext.prototype, "graphToTextSync", {
+ get: function () {
+ return self.graphToTextSync;
+ },
+ set: function (sync) {
+ self.graphToTextSync = sync;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ DefaultRunnableContext.prototype.getMinZoom = function () {
+ return self.minZoom;
+ };
+ DefaultRunnableContext.prototype.getMaxZoom = function () {
+ return self.maxZoom;
+ };
+ DefaultRunnableContext.prototype.getZoomStep = function () {
+ return self.zoomStep;
+ };
+ DefaultRunnableContext.prototype.fitToPage = function () {
+ self.fitToPage();
+ };
+ DefaultRunnableContext.prototype.createNode = function (metadata, props, position) {
+ return self.createNode(metadata, props, position);
+ };
+ DefaultRunnableContext.prototype.createLink = function (source, target, metadata, props) {
+ return self.createLink(source, target, metadata, props);
+ };
+ Object.defineProperty(DefaultRunnableContext.prototype, "selection", {
+ get: function () {
+ return self.selection;
+ },
+ set: function (newSelection) {
+ self.selection = newSelection;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ DefaultRunnableContext.prototype.deleteSelectedNode = function () {
+ if (self.selection) {
+ if (self.editor && self.editor.preDelete) {
+ self.editor.preDelete(self.editorContext, self.selection.model);
+ }
+ else {
+ if (self.selection.model instanceof joint$3.dia.Element) {
+ self.graph.getConnectedLinks(self.selection.model).forEach(function (l) { return l.remove(); });
+ }
+ }
+ self.selection.model.remove();
+ self.selection = undefined;
+ }
+ };
+ Object.defineProperty(DefaultRunnableContext.prototype, "textToGraphConversionObservable", {
+ get: function () {
+ return self.textToGraphConversionCompleted;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "graphToTextConversionObservable", {
+ get: function () {
+ return self.graphToTextConversionCompleted;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "paletteReady", {
+ get: function () {
+ return self.paletteReady;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return DefaultRunnableContext;
+ }()))();
+ }
+ EditorComponent.prototype.ngOnInit = function () {
+ var _this = this;
+ this.initGraph();
+ this.initPaper();
+ this.initGraphListeners();
+ this.initPaperListeners();
+ this.initMetamodel();
+ $$4(window).on('resize', this._resizeHandler);
+ this._disposables.add(tsDisposables.Disposable.create(function () { return $$4(window).off('resize', _this._resizeHandler); }));
+ /*
+ * Execute resize to get the right size for the SVG element on the editor canvas.
+ * Executed via timeout to let angular render the DOM first and elements to have the right width and height
+ */
+ window.setTimeout(this._resizeHandler);
+ this.floApi.emit(this.editorContext);
+ };
+ EditorComponent.prototype.ngOnDestroy = function () {
+ this._disposables.dispose();
+ };
+ Object.defineProperty(EditorComponent.prototype, "noPalette", {
+ get: function () {
+ return this._hiddenPalette;
+ },
+ set: function (hidden) {
+ this._hiddenPalette = hidden;
+ // If palette is not shown ensure that canvas starts from the left==0!
+ if (hidden) {
+ $$4('#paper-container', this.element.nativeElement).css('left', 0);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(EditorComponent.prototype, "graphToTextSync", {
+ get: function () {
+ return this._graphToTextSyncEnabled;
+ },
+ set: function (sync) {
+ this._graphToTextSyncEnabled = sync;
+ // Try commenting the sync out. Just set the flag but don't kick off graph->text conversion
+ // this.performGraphToTextSyncing();
+ },
+ enumerable: true,
+ configurable: true
+ });
+ EditorComponent.prototype.performGraphToTextSyncing = function () {
+ if (this._graphToTextSyncEnabled) {
+ this.graphToTextEventEmitter.emit();
+ }
+ };
+ EditorComponent.prototype.createHandle = function (element, kind, action, location) {
+ if (!location) {
+ var bbox = element.model.getBBox();
+ location = bbox.origin().offset(bbox.width / 2, bbox.height / 2);
+ }
+ var handle = exports.Shapes.Factory.createHandle({
+ renderer: this.renderer,
+ paper: this.paper,
+ parent: element.model,
+ kind: kind,
+ position: location
+ });
+ var view = this.paper.findViewByModel(handle);
+ view.on('cell:pointerdown', function () {
+ if (action) {
+ action();
+ }
+ });
+ view.on('cell:mouseover', function () {
+ handle.attr('image/filter', {
+ name: 'dropShadow',
+ args: { dx: 1, dy: 1, blur: 1, color: 'black' }
+ });
+ });
+ view.on('cell:mouseout', function () {
+ handle.removeAttr('image/filter');
+ });
+ view.setInteractivity(false);
+ return handle;
+ };
+ EditorComponent.prototype.removeEmbeddedChildrenOfType = function (element, types) {
+ var embeds = element.getEmbeddedCells();
+ for (var i = 0; i < embeds.length; i++) {
+ if (types.indexOf(embeds[i].get('type')) >= 0) {
+ embeds[i].remove();
+ }
+ }
+ };
+ Object.defineProperty(EditorComponent.prototype, "selection", {
+ get: function () {
+ return this._selection;
+ },
+ set: function (newSelection) {
+ var _this = this;
+ if (newSelection && (newSelection.model.get('type') === joint$3.shapes.flo.DECORATION_TYPE || newSelection.model.get('type') === joint$3.shapes.flo.HANDLE_TYPE)) {
+ newSelection = this.paper.findViewByModel(this.graph.getCell(newSelection.model.get('parent')));
+ }
+ if (newSelection && (!newSelection.model.attr('metadata') || newSelection.model.attr('metadata/metadata/unselectable'))) {
+ newSelection = undefined;
+ }
+ if (newSelection !== this._selection) {
+ if (this._selection) {
+ var elementview = this.paper.findViewByModel(this._selection.model);
+ if (elementview) { // May have been removed from the graph
+ this.removeEmbeddedChildrenOfType(elementview.model, joint$3.shapes.flo.HANDLE_TYPE);
+ elementview.unhighlight();
+ }
+ }
+ if (newSelection) {
+ newSelection.highlight();
+ if (this.editor && this.editor.createHandles) {
+ this.editor.createHandles(this.editorContext, function (owner, kind, action, location) { return _this.createHandle(owner, kind, action, location); }, newSelection);
+ }
+ }
+ this._selection = newSelection;
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(EditorComponent.prototype, "readOnlyCanvas", {
+ get: function () {
+ return this._readOnlyCanvas;
+ },
+ set: function (value) {
+ var _this = this;
+ if (this._readOnlyCanvas === value) {
+ // Nothing to do
+ return;
+ }
+ if (value) {
+ this.selection = undefined;
+ }
+ if (this.graph) {
+ this.graph.getLinks().forEach(function (link) {
+ if (value) {
+ link.attr('.link-tools/display', 'none');
+ link.attr('.marker-vertices/display', 'none');
+ link.attr('.connection-wrap/display', 'none');
+ }
+ else {
+ link.removeAttr('.link-tools/display');
+ if (_this.editor && _this.editor.allowLinkVertexEdit) {
+ link.removeAttr('.marker-vertices/display');
+ }
+ link.removeAttr('.connection-wrap/display');
+ }
+ });
+ }
+ this._readOnlyCanvas = value;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ * Displays graphical feedback for the drag and drop in progress based on current drag and drop descriptor object
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ EditorComponent.prototype.showDragFeedback = function (dragDescriptor) {
+ if (this.editor && this.editor.showDragFeedback) {
+ this.editor.showDragFeedback(this.editorContext, dragDescriptor);
+ }
+ else {
+ var magnet = void 0;
+ if (dragDescriptor.source && dragDescriptor.source.view) {
+ joint$3.V(dragDescriptor.source.view.el).addClass('dnd-source-feedback');
+ if (dragDescriptor.source.cssClassSelector) {
+ magnet = exports.Flo.findMagnetByClass(dragDescriptor.source.view, dragDescriptor.source.cssClassSelector);
+ if (magnet) {
+ joint$3.V(magnet).addClass('dnd-source-feedback');
+ }
+ }
+ }
+ if (dragDescriptor.target && dragDescriptor.target.view) {
+ joint$3.V(dragDescriptor.target.view.el).addClass('dnd-target-feedback');
+ if (dragDescriptor.target.cssClassSelector) {
+ magnet = exports.Flo.findMagnetByClass(dragDescriptor.target.view, dragDescriptor.target.cssClassSelector);
+ if (magnet) {
+ joint$3.V(magnet).addClass('dnd-target-feedback');
+ }
+ }
+ }
+ }
+ };
+ /**
+ * Hides graphical feedback for the drag and drop in progress based on current drag and drop descriptor object
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ EditorComponent.prototype.hideDragFeedback = function (dragDescriptor) {
+ if (this.editor && this.editor.hideDragFeedback) {
+ this.editor.hideDragFeedback(this.editorContext, dragDescriptor);
+ }
+ else {
+ var magnet = void 0;
+ if (dragDescriptor.source && dragDescriptor.source.view) {
+ joint$3.V(dragDescriptor.source.view.el).removeClass('dnd-source-feedback');
+ if (dragDescriptor.source.cssClassSelector) {
+ magnet = exports.Flo.findMagnetByClass(dragDescriptor.source.view, dragDescriptor.source.cssClassSelector);
+ if (magnet) {
+ joint$3.V(magnet).removeClass('dnd-source-feedback');
+ }
+ }
+ }
+ if (dragDescriptor.target && dragDescriptor.target.view) {
+ joint$3.V(dragDescriptor.target.view.el).removeClass('dnd-target-feedback');
+ if (dragDescriptor.target.cssClassSelector) {
+ magnet = exports.Flo.findMagnetByClass(dragDescriptor.target.view, dragDescriptor.target.cssClassSelector);
+ if (magnet) {
+ joint$3.V(magnet).removeClass('dnd-target-feedback');
+ }
+ }
+ }
+ }
+ };
+ /**
+ * Sets the new DnD info object - the descriptor for DnD
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ EditorComponent.prototype.setDragDescriptor = function (dragDescriptor) {
+ if (this.highlighted === dragDescriptor) {
+ return;
+ }
+ if (this.highlighted && dragDescriptor && lodash.isEqual(this.highlighted.sourceComponent, dragDescriptor.sourceComponent)) {
+ if (this.highlighted.source === dragDescriptor.source && this.highlighted.target === dragDescriptor.target) {
+ return;
+ }
+ if (this.highlighted.source &&
+ dragDescriptor.source &&
+ this.highlighted.target &&
+ dragDescriptor.target &&
+ this.highlighted.source.view.model === dragDescriptor.source.view.model &&
+ this.highlighted.source.cssClassSelector === dragDescriptor.source.cssClassSelector &&
+ this.highlighted.target.view.model === dragDescriptor.target.view.model &&
+ this.highlighted.target.cssClassSelector === dragDescriptor.target.cssClassSelector) {
+ return;
+ }
+ }
+ if (this.highlighted) {
+ this.hideDragFeedback(this.highlighted);
+ }
+ this.highlighted = dragDescriptor;
+ if (this.highlighted) {
+ this.showDragFeedback(this.highlighted);
+ }
+ };
+ /**
+ * Handles DnD events when a node is being dragged over canvas
+ *
+ * @param draggedView The Joint JS view object being dragged
+ * @param targetUnderMouse The Joint JS view under mouse cursor
+ * @param x X coordinate of the mouse on the canvas
+ * @param y Y coordinate of the mosue on the canvas
+ * @param context DnD context (palette or canvas)
+ */
+ EditorComponent.prototype.handleNodeDragging = function (draggedView, targetUnderMouse, x, y, sourceComponent) {
+ if (this.editor && this.editor.calculateDragDescriptor) {
+ this.setDragDescriptor(this.editor.calculateDragDescriptor(this.editorContext, draggedView, targetUnderMouse, joint$3.g.point(x, y), sourceComponent));
+ }
+ };
+ /**
+ * Handles DnD drop event when a node is being dragged and dropped on the main canvas
+ */
+ EditorComponent.prototype.handleNodeDropping = function () {
+ if (this.highlighted && this.editor && this.editor.handleNodeDropping) {
+ this.editor.handleNodeDropping(this.editorContext, this.highlighted);
+ }
+ this.setDragDescriptor(undefined);
+ };
+ /**
+ * Hides DOM Node (used to determine drop target DOM element)
+ * @param domNode DOM node to hide
+ * @returns
+ */
+ EditorComponent.prototype._hideNode = function (domNode) {
+ var oldVisibility = {
+ visibility: domNode.style ? domNode.style.display : undefined,
+ children: []
+ };
+ for (var i = 0; i < domNode.children.length; i++) {
+ var node = domNode.children.item(i);
+ if (node instanceof HTMLElement) {
+ oldVisibility.children.push(this._hideNode(node));
+ }
+ }
+ domNode.style.display = 'none';
+ return oldVisibility;
+ };
+ /**
+ * Restored DOM node original visibility (used to determine drop target DOM element)
+ * @param domNode DOM node to restore visibility of
+ * @param oldVisibility original visibility parameter
+ */
+ EditorComponent.prototype._restoreNodeVisibility = function (domNode, oldVisibility) {
+ if (domNode.style) {
+ domNode.style.display = oldVisibility.visibility;
+ }
+ var j = 0;
+ for (var i = 0; i < domNode.childNodes.length; i++) {
+ if (j < oldVisibility.children.length) {
+ var node = domNode.children.item(i);
+ if (node instanceof HTMLElement) {
+ this._restoreNodeVisibility(node, oldVisibility.children[j++]);
+ }
+ }
+ }
+ };
+ /**
+ * Unfortunately we can't just use event.target because often draggable shape on the canvas overlaps the target.
+ * We can easily find the element(s) at location, but only nodes :-( Unclear how to find links at location
+ * (bounding box of a link for testing is bad).
+ * The result of that is that links can only be the drop target when dragging from the palette currently.
+ * When DnDing shapes on the canvas drop target cannot be a link.
+ *
+ * Excluded views enables you to choose to filter some possible answers (useful in the case where elements are stacked
+ * - e.g. Drag-n-Drop)
+ */
+ EditorComponent.prototype.getTargetViewFromEvent = function (event, x, y, excludeViews) {
+ var _this = this;
+ if (excludeViews === void 0) { excludeViews = []; }
+ if (!x && !y) {
+ var l = this.paper.snapToGrid({ x: event.clientX, y: event.clientY });
+ x = l.x;
+ y = l.y;
+ }
+ // TODO: See if next code paragraph is needed. Most likely it's just code executed for nothing
+ // let elements = this.graph.findModelsFromPoint(joint.g.point(x, y));
+ // let underMouse = elements.find(e => !_.isUndefined(excludeViews.find(x => x === this.paper.findViewByModel(e))));
+ // if (underMouse) {
+ // return underMouse;
+ // }
+ var oldVisibility = excludeViews.map(function (_x) { return _this._hideNode(_x.el); });
+ var targetElement = document.elementFromPoint(event.clientX, event.clientY);
+ excludeViews.forEach(function (excluded, i) {
+ _this._restoreNodeVisibility(excluded.el, oldVisibility[i]);
+ });
+ return this.paper.findView($$4(targetElement));
+ };
+ EditorComponent.prototype.handleDnDFromPalette = function (dndEvent) {
+ switch (dndEvent.type) {
+ case exports.Flo.DnDEventType.DRAG:
+ this.handleDragFromPalette(dndEvent);
+ break;
+ case exports.Flo.DnDEventType.DROP:
+ this.handleDropFromPalette(dndEvent);
+ break;
+ default:
+ break;
+ }
+ };
+ EditorComponent.prototype.handleDragFromPalette = function (dnDEvent) {
+ console.debug('Dragging from palette');
+ if (dnDEvent.view && !this.readOnlyCanvas) {
+ var location_1 = this.paper.snapToGrid({ x: dnDEvent.event.clientX, y: dnDEvent.event.clientY });
+ this.handleNodeDragging(dnDEvent.view, this.getTargetViewFromEvent(dnDEvent.event, location_1.x, location_1.y, [dnDEvent.view]), location_1.x, location_1.y, exports.Constants.PALETTE_CONTEXT);
+ }
+ };
+ EditorComponent.prototype.createNode = function (metadata, props, position) {
+ return exports.Shapes.Factory.createNode({
+ renderer: this.renderer,
+ paper: this.paper,
+ metadata: metadata,
+ props: props,
+ position: position
+ });
+ };
+ EditorComponent.prototype.createLink = function (source, target, metadata, props) {
+ return exports.Shapes.Factory.createLink({
+ renderer: this.renderer,
+ paper: this.paper,
+ source: source,
+ target: target,
+ metadata: metadata,
+ props: props
+ });
+ };
+ EditorComponent.prototype.handleDropFromPalette = function (event) {
+ var cellview = event.view;
+ var evt = event.event;
+ if (this.paper.el === evt.target || $$4.contains(this.paper.el, evt.target)) {
+ if (this.readOnlyCanvas) {
+ this.setDragDescriptor(undefined);
+ }
+ else {
+ var metadata = cellview.model.attr('metadata');
+ var props = cellview.model.attr('props');
+ var position = this.paper.snapToGrid({ x: evt.clientX, y: evt.clientY });
+ /* Calculate target element before creating the new
+ * element under mouse location. Otherwise target
+ * element would be the newly created element because
+ * it's under the mouse pointer
+ */
+ var targetElement = this.getTargetViewFromEvent(evt, position.x, position.y, [event.view]);
+ var newNode = this.createNode(metadata, props, position);
+ var newView = this.paper.findViewByModel(newNode);
+ this.handleNodeDragging(newView, targetElement, position.x, position.y, exports.Constants.PALETTE_CONTEXT);
+ this.handleNodeDropping();
+ }
+ }
+ };
+ EditorComponent.prototype.fitToContent = function (gridWidth, gridHeight, padding, opt) {
+ var paper = this.paper;
+ if (joint$3.util.isObject(gridWidth)) {
+ // first parameter is an option object
+ opt = gridWidth;
+ gridWidth = opt.gridWidth || 1;
+ gridHeight = opt.gridHeight || 1;
+ padding = opt.padding || 0;
+ }
+ else {
+ opt = opt || {};
+ gridWidth = gridWidth || 1;
+ gridHeight = gridHeight || 1;
+ padding = padding || 0;
+ }
+ var paddingJson = joint$3.util.normalizeSides(padding);
+ // Calculate the paper size to accomodate all the graph's elements.
+ var bbox = joint$3.V(paper.viewport).getBBox();
+ var currentScale = paper.scale();
+ var currentTranslate = paper.translate();
+ bbox.x *= currentScale.sx;
+ bbox.y *= currentScale.sy;
+ bbox.width *= currentScale.sx;
+ bbox.height *= currentScale.sy;
+ var calcWidth = Math.max((bbox.width + bbox.x) / gridWidth, 1) * gridWidth;
+ var calcHeight = Math.max((bbox.height + bbox.y) / gridHeight, 1) * gridHeight;
+ var tx = 0;
+ var ty = 0;
+ if ((opt.allowNewOrigin === 'negative' && bbox.x < 0) || (opt.allowNewOrigin === 'positive' && bbox.x >= 0) || opt.allowNewOrigin === 'any') {
+ tx = (-bbox.x / gridWidth) * gridWidth;
+ tx += paddingJson.left;
+ }
+ else if (opt.allowNewOrigin === 'same') {
+ tx = currentTranslate.tx;
+ }
+ calcWidth += tx;
+ if ((opt.allowNewOrigin === 'negative' && bbox.y < 0) || (opt.allowNewOrigin === 'positive' && bbox.y >= 0) || opt.allowNewOrigin === 'any') {
+ ty = (-bbox.y / gridHeight) * gridHeight;
+ ty += paddingJson.top;
+ }
+ else if (opt.allowNewOrigin === 'same') {
+ ty = currentTranslate.ty;
+ }
+ calcHeight += ty;
+ calcWidth += paddingJson.right;
+ calcHeight += paddingJson.bottom;
+ // Make sure the resulting width and height are greater than minimum.
+ calcWidth = Math.max(calcWidth, opt.minWidth || 0);
+ calcHeight = Math.max(calcHeight, opt.minHeight || 0);
+ // Make sure the resulting width and height are lesser than maximum.
+ calcWidth = Math.min(calcWidth, opt.maxWidth || Number.MAX_VALUE);
+ calcHeight = Math.min(calcHeight, opt.maxHeight || Number.MAX_VALUE);
+ var dimensionChange = calcWidth !== paper.options.width || calcHeight !== paper.options.height;
+ var originChange = tx !== currentTranslate.tx || ty !== currentTranslate.ty;
+ // Change the dimensions only if there is a size discrepency or an origin change
+ if (originChange) {
+ paper.translate(tx, ty);
+ }
+ if (dimensionChange) {
+ paper.setDimensions(calcWidth, calcHeight);
+ }
+ };
+ EditorComponent.prototype.autosizePaper = function () {
+ var parent = $$4('#paper-container', this.element.nativeElement);
+ var parentWidth = parent.innerWidth();
+ var parentHeight = parent.innerHeight();
+ this.fitToContent(this.gridSize, this.gridSize, this.paperPadding, {
+ minWidth: parentWidth - SCROLLBAR_SIZE,
+ minHeight: parentHeight - SCROLLBAR_SIZE,
+ allowNewOrigin: 'same'
+ });
+ };
+ EditorComponent.prototype.fitToPage = function () {
+ var parent = $$4('#paper-container', this.element.nativeElement);
+ var minScale = this.minZoom / 100;
+ var maxScale = 2;
+ var parentWidth = parent.innerWidth();
+ var parentHeight = parent.innerHeight();
+ this.paper.scaleContentToFit({
+ padding: this.paperPadding,
+ minScaleX: minScale,
+ minScaleY: minScale,
+ maxScaleX: maxScale,
+ maxScaleY: maxScale,
+ fittingBBox: { x: 0, y: 0, width: parentWidth - SCROLLBAR_SIZE, height: parentHeight - SCROLLBAR_SIZE }
+ });
+ /**
+ * Size the canvas appropriately and allow origin movement
+ */
+ this.fitToContent(this.gridSize, this.gridSize, this.paperPadding, {
+ minWidth: parentWidth,
+ minHeight: parentHeight,
+ maxWidth: parentWidth,
+ maxHeight: parentHeight,
+ allowNewOrigin: 'any'
+ });
+ };
+ Object.defineProperty(EditorComponent.prototype, "zoomPercent", {
+ get: function () {
+ return Math.round(joint$3.V(this.paper.viewport).scale().sx * 100);
+ },
+ set: function (percent) {
+ if (!isNaN(percent)) {
+ if (percent < this.minZoom) {
+ percent = this.minZoom;
+ }
+ else if (percent >= this.maxZoom) {
+ percent = this.maxZoom;
+ }
+ else {
+ if (percent <= 0) {
+ percent = 0.00001;
+ }
+ }
+ this.paper.scale(percent / 100, percent / 100);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(EditorComponent.prototype, "gridSize", {
+ get: function () {
+ return this._gridSize;
+ },
+ set: function (size) {
+ if (!isNaN(size) && size >= 1) {
+ this._gridSize = size;
+ if (this.paper) {
+ this.paper.setGridSize(size);
+ }
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ EditorComponent.prototype.validateContent = function () {
+ var _this = this;
+ return new Promise(function (resolve) {
+ if (_this.editor && _this.editor.validate) {
+ return _this.editor
+ .validate(_this.graph, _this.dsl, _this.editorContext)
+ .then(function (allMarkers) {
+ _this.graph.getCells()
+ .forEach(function (cell) { return _this.markElement(cell, allMarkers.has(cell.id) ? allMarkers.get(cell.id) : []); });
+ _this.validationMarkers.emit(allMarkers);
+ _this.contentValidated.emit(true);
+ resolve();
+ });
+ }
+ else {
+ resolve();
+ }
+ });
+ };
+ EditorComponent.prototype.markElement = function (cell, markers) {
+ var errorMessages = markers.map(function (m) { return m.message; });
+ var errorCell = cell.getEmbeddedCells().find(function (e) { return e.attr('./kind') === exports.Constants.ERROR_DECORATION_KIND; });
+ if (errorCell) {
+ if (errorMessages.length === 0) {
+ errorCell.remove();
+ }
+ else {
+ // Without rewrite we merge this list with existing errors
+ errorCell.attr('messages', errorMessages, { rewrite: true });
+ }
+ }
+ else if (errorMessages.length > 0) {
+ var error = exports.Shapes.Factory.createDecoration({
+ renderer: this.renderer,
+ paper: this.paper,
+ parent: cell,
+ kind: exports.Constants.ERROR_DECORATION_KIND,
+ messages: errorMessages
+ });
+ var pt = void 0;
+ var view = this.paper.findViewByModel(error);
+ if (cell instanceof joint$3.dia.Element) {
+ pt = cell.getBBox().topRight().offset(-error.get('size').width, 0);
+ error.set('position', pt);
+ view.setInteractivity(false);
+ }
+ }
+ };
+ EditorComponent.prototype.doLayout = function () {
+ if (this.renderer && this.renderer.layout) {
+ return this.renderer.layout(this.paper);
+ }
+ };
+ Object.defineProperty(EditorComponent.prototype, "dsl", {
+ get: function () {
+ return this._dslText;
+ },
+ set: function (dslText) {
+ if (this._dslText !== dslText) {
+ this._dslText = dslText;
+ this.textToGraphEventEmitter.emit();
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ * Ask the server to parse the supplied text into a JSON graph of nodes and links,
+ * then update the view based on that new information.
+ */
+ EditorComponent.prototype.updateGraphRepresentation = function () {
+ var _this = this;
+ console.debug("Updating graph to represent '" + this._dslText + "'");
+ if (this.metamodel && this.metamodel.textToGraph) {
+ return this.metamodel.textToGraph(this.editorContext, this._dslText).then(function () {
+ _this.textToGraphConversionCompleted.next();
+ return _this.validateContent();
+ });
+ }
+ else {
+ this.textToGraphConversionCompleted.next();
+ return this.validateContent();
+ }
+ };
+ EditorComponent.prototype.updateTextRepresentation = function () {
+ var _this = this;
+ if (this.metamodel && this.metamodel.graphToText) {
+ return this.metamodel.graphToText(this.editorContext).then(function (text) {
+ if (_this._dslText !== text) {
+ _this._dslText = text;
+ _this.dslChange.emit(text);
+ }
+ _this.graphToTextConversionCompleted.next();
+ return _this.validateContent();
+ })
+ .catch(function (error) {
+ // Validation may reveal why the graph couldn't be
+ // converted so let it run
+ _this.graphToTextConversionCompleted.next();
+ return _this.validateContent();
+ });
+ }
+ else {
+ this.graphToTextConversionCompleted.next();
+ return this.validateContent();
+ }
+ };
+ EditorComponent.prototype.initMetamodel = function () {
+ var _this = this;
+ this.metamodel.load().then(function (data) {
+ _this.updateGraphRepresentation();
+ var textSyncSubscription = _this.graphToTextEventEmitter.pipe(operators.debounceTime(100)).subscribe(function () {
+ if (_this._graphToTextSyncEnabled) {
+ _this.updateTextRepresentation();
+ }
+ });
+ _this._disposables.add(tsDisposables.Disposable.create(function () { return textSyncSubscription.unsubscribe(); }));
+ // Setup content validated event emitter. Emit not validated when graph to text conversion required
+ var graphValidatedSubscription1 = _this.graphToTextEventEmitter.subscribe(function () { return _this.contentValidated.emit(false); });
+ _this._disposables.add(tsDisposables.Disposable.create(function () { return graphValidatedSubscription1.unsubscribe; }));
+ // let validationSubscription = this.validationEventEmitter.pipe(debounceTime(100)).subscribe(() => this.validateGraph());
+ // this._disposables.add(Disposable.create(() => validationSubscription.unsubscribe()));
+ var graphSyncSubscription = _this.textToGraphEventEmitter.pipe(operators.debounceTime(300)).subscribe(function () { return _this.updateGraphRepresentation(); });
+ _this._disposables.add(tsDisposables.Disposable.create(function () { return graphSyncSubscription.unsubscribe(); }));
+ // Setup content validated event emitter. Emit not validated when text to graph conversion required
+ var graphValidatedSubscription2 = _this.textToGraphEventEmitter.subscribe(function () { return _this.contentValidated.emit(false); });
+ _this._disposables.add(tsDisposables.Disposable.create(function () { return graphValidatedSubscription2.unsubscribe; }));
+ if (_this.editor && _this.editor.setDefaultContent) {
+ _this.editor.setDefaultContent(_this.editorContext, data);
+ }
+ });
+ };
+ EditorComponent.prototype.initGraph = function () {
+ this.graph = new joint$3.dia.Graph();
+ this.graph.set('type', exports.Constants.CANVAS_CONTEXT);
+ this.graph.set('paperPadding', this.paperPadding);
+ };
+ EditorComponent.prototype.handleNodeCreation = function (node) {
+ var _this = this;
+ node.on('change:size', this._resizeHandler);
+ node.on('change:position', this._resizeHandler);
+ if (node.attr('metadata')) {
+ node.on('change:attrs', function (cell, attrs, changeData) {
+ var propertyPath = changeData ? changeData.propertyPath : undefined;
+ if (propertyPath) {
+ var propAttr = propertyPath.substr(propertyPath.indexOf('/') + 1);
+ if (propAttr.indexOf('metadata') === 0 ||
+ propAttr.indexOf('props') === 0 ||
+ (_this.renderer && _this.renderer.isSemanticProperty && _this.renderer.isSemanticProperty(propAttr, node))) {
+ _this.performGraphToTextSyncing();
+ }
+ if (_this.renderer && _this.renderer.refreshVisuals) {
+ _this.renderer.refreshVisuals(node, propAttr, _this.paper);
+ }
+ }
+ });
+ }
+ };
+ /**
+ * Forwards a link event occurrence to any handlers in the editor service, if they are defined. Event examples
+ * are 'change:source', 'change:target'.
+ */
+ EditorComponent.prototype.handleLinkEvent = function (event, link) {
+ if (this.renderer && this.renderer.handleLinkEvent) {
+ this.renderer.handleLinkEvent(this.editorContext, event, link);
+ }
+ };
+ EditorComponent.prototype.handleLinkCreation = function (link) {
+ var _this = this;
+ this.handleLinkEvent('add', link);
+ link.on('change:source', function (l) {
+ _this.autosizePaper();
+ var newSourceId = l.get('source').id;
+ var oldSourceId = l.previous('source').id;
+ if (newSourceId !== oldSourceId) {
+ _this.performGraphToTextSyncing();
+ }
+ _this.handleLinkEvent('change:source', l);
+ });
+ link.on('change:target', function (l) {
+ _this.autosizePaper();
+ var newTargetId = l.get('target').id;
+ var oldTargetId = l.previous('target').id;
+ if (newTargetId !== oldTargetId) {
+ _this.performGraphToTextSyncing();
+ }
+ _this.handleLinkEvent('change:target', l);
+ });
+ link.on('change:vertices', this._resizeHandler);
+ link.on('change:attrs', function (cell, attrs, changeData) {
+ var propertyPath = changeData ? changeData.propertyPath : undefined;
+ if (propertyPath) {
+ var propAttr = propertyPath.substr(propertyPath.indexOf('/') + 1);
+ if (propAttr.indexOf('metadata') === 0 ||
+ propAttr.indexOf('props') === 0 ||
+ (_this.renderer && _this.renderer.isSemanticProperty && _this.renderer.isSemanticProperty(propAttr, link))) {
+ var sourceId = link.get('source').id;
+ var targetId = link.get('target').id;
+ _this.performGraphToTextSyncing();
+ }
+ if (_this.renderer && _this.renderer.refreshVisuals) {
+ _this.renderer.refreshVisuals(link, propAttr, _this.paper);
+ }
+ }
+ });
+ this.paper.findViewByModel(link).on('link:options', function () { return _this.handleLinkEvent('options', link); });
+ if (this.readOnlyCanvas) {
+ link.attr('.link-tools/display', 'none');
+ }
+ };
+ EditorComponent.prototype.initGraphListeners = function () {
+ var _this = this;
+ this.graph.on('add', function (element) {
+ if (element instanceof joint$3.dia.Link) {
+ _this.handleLinkCreation(element);
+ }
+ else if (element instanceof joint$3.dia.Element) {
+ _this.handleNodeCreation(element);
+ }
+ if (element.get('type') === joint$3.shapes.flo.NODE_TYPE || element.get('type') === joint$3.shapes.flo.LINK_TYPE) {
+ _this.performGraphToTextSyncing();
+ }
+ _this.autosizePaper();
+ });
+ this.graph.on('remove', function (element) {
+ if (element instanceof joint$3.dia.Link) {
+ _this.handleLinkEvent('remove', element);
+ }
+ if (_this.selection && _this.selection.model === element) {
+ _this.selection = undefined;
+ }
+ if (element.isLink()) {
+ window.setTimeout(function () { return _this.performGraphToTextSyncing(); }, 100);
+ }
+ else if (element.get('type') === joint$3.shapes.flo.NODE_TYPE) {
+ _this.performGraphToTextSyncing();
+ }
+ _this.autosizePaper();
+ });
+ // Set if link is fan-routed. Should be called before routing call
+ this.graph.on('change:vertices', function (link, changed, opt) {
+ if (opt.fanRouted) {
+ link.set('fanRouted', true);
+ }
+ else {
+ link.unset('fanRouted');
+ }
+ });
+ // adjust vertices when a cell is removed or its source/target was changed
+ this.graph.on('add remove change:source change:target change:vertices change:position', lodash.partial(Utils.fanRoute, this.graph));
+ };
+ EditorComponent.prototype.initPaperListeners = function () {
+ var _this = this;
+ // https://stackoverflow.com/questions/20463533/how-to-add-an-onclick-event-to-a-joint-js-element
+ this.paper.on('cell:pointerclick', function (cellView) {
+ if (!_this.readOnlyCanvas) {
+ _this.selection = cellView;
+ }
+ });
+ this.paper.on('blank:pointerclick', function () {
+ _this.selection = undefined;
+ });
+ this.paper.on('scale', this._resizeHandler);
+ this.paper.on('all', function () {
+ if (Utils.isCustomPaperEvent(arguments)) {
+ arguments[2].trigger.apply(arguments[2], [arguments[0], arguments[1], arguments[3], arguments[4]]);
+ }
+ });
+ this.paper.on('dragging-node-over-canvas', function (dndEvent) {
+ console.debug("Canvas DnD type = " + dndEvent.type);
+ var location = _this.paper.snapToGrid({ x: dndEvent.event.clientX, y: dndEvent.event.clientY });
+ switch (dndEvent.type) {
+ case exports.Flo.DnDEventType.DRAG:
+ _this.handleNodeDragging(dndEvent.view, _this.getTargetViewFromEvent(dndEvent.event, location.x, location.y, [dndEvent.view]), location.x, location.y, exports.Constants.CANVAS_CONTEXT);
+ break;
+ case exports.Flo.DnDEventType.DROP:
+ _this.handleNodeDropping();
+ break;
+ default:
+ break;
+ }
+ });
+ // JointJS now no longer grabs focus if working in a paper element - crude...
+ $$4('#flow-view', this.element.nativeElement).on('mousedown', function () {
+ $$4('#palette-filter-textfield', _this.element.nativeElement).focus();
+ });
+ };
+ EditorComponent.prototype.initPaper = function () {
+ var _this = this;
+ var options = {
+ el: $$4('#paper', this.element.nativeElement),
+ gridSize: this._gridSize,
+ drawGrid: true,
+ model: this.graph,
+ elementView: this.renderer && this.renderer.getNodeView ? this.renderer.getNodeView() : joint$3.shapes.flo.ElementView /*joint.dia.ElementView*/,
+ linkView: this.renderer && this.renderer.getLinkView ? this.renderer.getLinkView() : joint$3.shapes.flo.LinkView,
+ // Enable link snapping within 25px lookup radius
+ snapLinks: { radius: 25 },
+ defaultLink: /*this.renderer && this.renderer.createDefaultLink ? this.renderer.createDefaultLink: new joint.shapes.flo.Link*/ function (cellView, magnet) {
+ if (_this.renderer && _this.renderer.createLink) {
+ var linkEnd = {
+ id: cellView.model.id
+ };
+ if (magnet) {
+ linkEnd.selector = cellView.getSelector(magnet, undefined);
+ }
+ if (magnet.getAttribute('port')) {
+ linkEnd.port = magnet.getAttribute('port');
+ }
+ if (magnet.getAttribute('port') === 'input') {
+ return _this.renderer.createLink(undefined, linkEnd);
+ }
+ else {
+ return _this.renderer.createLink(linkEnd, undefined);
+ }
+ }
+ else {
+ return new joint$3.shapes.flo.Link();
+ }
+ },
+ // decide whether to create a link if the user clicks a magnet
+ validateMagnet: function (cellView, magnet) {
+ if (_this.readOnlyCanvas) {
+ return false;
+ }
+ else {
+ if (_this.editor && _this.editor.validatePort) {
+ return _this.editor.validatePort(_this.editorContext, cellView, magnet);
+ }
+ else {
+ return true;
+ }
+ }
+ },
+ interactive: function (cellView, event) {
+ if (_this.readOnlyCanvas) {
+ return false;
+ }
+ else {
+ if (_this.editor && _this.editor.interactive) {
+ if (typeof _this.editor.interactive === 'function') {
+ // Type for interactive is wrong in JointJS have to cast to
+ return _this.editor.interactive(cellView, event);
+ }
+ else {
+ return _this.editor.interactive;
+ }
+ }
+ return true;
+ }
+ },
+ highlighting: this.editor && this.editor.highlighting ? this.editor.highlighting : {
+ 'default': {
+ name: 'addClass',
+ options: {
+ className: 'highlighted'
+ }
+ }
+ },
+ markAvailable: true
+ };
+ if (this.renderer && this.renderer.getLinkAnchorPoint) {
+ options.linkConnectionPoint = this.renderer.getLinkAnchorPoint;
+ }
+ if (this.editor && this.editor.validateLink) {
+ var self_1 = this;
+ options.validateConnection = function (cellViewS, magnetS, cellViewT, magnetT, end, linkView) {
+ return self_1.editor.validateLink(_this.editorContext, cellViewS, magnetS, cellViewT, magnetT, end === 'source', linkView);
+ };
+ }
+ // The paper is what will represent the graph on the screen
+ this.paper = new joint$3.dia.Paper(options);
+ this._disposables.add(tsDisposables.Disposable.create(function () { return _this.paper.remove(); }));
+ };
+ EditorComponent.prototype.updatePaletteReadyState = function (ready) {
+ this.paletteReady.next(ready);
+ };
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "metamodel", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "renderer", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "editor", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Number)
+ ], EditorComponent.prototype, "paletteSize", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "minZoom", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "maxZoom", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "zoomStep", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "paperPadding", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "floApi", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "validationMarkers", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "contentValidated", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "dslChange", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], EditorComponent.prototype, "dsl", null);
+ EditorComponent = __decorate([
+ core.Component({
+ selector: 'flo-editor',
+ template: "\n node wrapping all diagram elements in the paper */\n .joint-viewport {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n .joint-paper > svg,\n .joint-paper-background,\n .joint-paper-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n\n /*\n 1. IE can't handle paths without the `d` attribute for bounding box calculation\n 2. IE can't even handle 'd' attribute as a css selector (e.g path[d]) so the following rule will\n break the links rendering.\n\n path:not([d]) {\n display: none;\n }\n\n */\n\n\n /* magnet is an element that can be either source or a target of a link */\n [magnet=true]:not(.joint-element) {\n cursor: crosshair;\n }\n [magnet=true]:not(.joint-element):hover {\n opacity: .7;\n }\n\n /*\n\n Elements have CSS classes named by their types. E.g. type: basic.Rect has a CSS class \"element basic Rect\".\n This makes it possible to easilly style elements in CSS and have generic CSS rules applying to\n the whole group of elements. Each plugin can provide its own stylesheet.\n\n */\n\n .joint-element {\n /* Give the user a hint that he can drag&drop the element. */\n cursor: move;\n }\n\n .joint-element * {\n user-drag: none;\n }\n\n .joint-element .scalable * {\n /* The default behavior when scaling an element is not to scale the stroke in order to prevent the ugly effect of stroke with different proportions. */\n vector-effect: non-scaling-stroke;\n }\n /*\n\n connection-wrap is a element of the joint.dia.Link that follows the .connection of that link.\n In other words, the `d` attribute of the .connection-wrap contains the same data as the `d` attribute of the\n .connection . The advantage of using .connection-wrap is to be able to catch pointer events\n in the neighborhood of the .connection . This is especially handy if the .connection is\n very thin.\n\n */\n\n .marker-source,\n .marker-target {\n /* This makes the arrowheads point to the border of objects even though the transform: scale() is applied on them. */\n vector-effect: non-scaling-stroke;\n }\n\n /* Paper */\n .joint-paper {\n position: relative;\n }\n /* Paper */\n\n /* Highlighting */\n .joint-highlight-opacity {\n opacity: 0.3;\n }\n /* Highlighting */\n\n /*\n\n Vertex markers are `` elements that appear at connection vertex positions.\n\n */\n\n .joint-link .connection-wrap,\n .joint-link .connection {\n fill: none;\n }\n\n /* element wrapping .marker-vertex-group. */\n .marker-vertices {\n opacity: 0;\n cursor: move;\n }\n .marker-arrowheads {\n opacity: 0;\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n /* display: none; */ /* setting `display: none` on .marker-arrowheads effectivelly switches of links reconnecting */\n }\n .link-tools {\n opacity: 0;\n cursor: pointer;\n }\n .link-tools .tool-options {\n display: none; /* by default, we don't display link options tool */\n }\n .joint-link:hover .marker-vertices,\n .joint-link:hover .marker-arrowheads,\n .joint-link:hover .link-tools {\n opacity: 1;\n }\n\n /* element used to remove a vertex */\n .marker-vertex-remove {\n cursor: pointer;\n opacity: .1;\n }\n\n .marker-vertex-group:hover .marker-vertex-remove {\n opacity: 1;\n }\n\n .marker-vertex-remove-area {\n opacity: .1;\n cursor: pointer;\n }\n .marker-vertex-group:hover .marker-vertex-remove-area {\n opacity: 1;\n }\n\n /*\n Example of custom changes (in pure CSS only!):\n\n Do not show marker vertices at all: .marker-vertices { display: none; }\n Do not allow adding new vertices: .connection-wrap { pointer-events: none; }\n */\n\n /* foreignObject inside the elements (i.e joint.shapes.basic.TextBlock) */\n .joint-element .fobj {\n overflow: hidden;\n }\n .joint-element .fobj body {\n background-color: transparent;\n margin: 0px;\n position: static;\n }\n .joint-element .fobj div {\n text-align: center;\n vertical-align: middle;\n display: table-cell;\n padding: 0px 5px 0px 5px;\n }\n\n /* Paper */\n .joint-paper.joint-theme-dark {\n background-color: #18191b;\n }\n /* Paper */\n\n /* Links */\n .joint-link.joint-theme-dark .connection-wrap {\n stroke: #8F8FF3;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-dark .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-dark .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-dark .link-tools .tool-remove circle {\n fill: #F33636;\n }\n .joint-link.joint-theme-dark .link-tools .tool-remove path {\n fill: white;\n }\n .joint-link.joint-theme-dark .link-tools [event=\"link:options\"] circle {\n fill: green;\n }\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-dark .marker-vertex {\n fill: #5652DB;\n }\n .joint-link.joint-theme-dark .marker-vertex:hover {\n fill: #8E8CE1;\n stroke: none;\n }\n .joint-link.joint-theme-dark .marker-arrowhead {\n fill: #5652DB;\n }\n .joint-link.joint-theme-dark .marker-arrowhead:hover {\n fill: #8E8CE1;\n stroke: none;\n }\n /* element used to remove a vertex */\n .joint-link.joint-theme-dark .marker-vertex-remove-area {\n fill: green;\n stroke: darkgreen;\n }\n .joint-link.joint-theme-dark .marker-vertex-remove {\n fill: white;\n stroke: white;\n }\n /* Links */\n /* Paper */\n .joint-paper.joint-theme-default {\n background-color: #FFFFFF;\n }\n /* Paper */\n\n /* Links */\n .joint-link.joint-theme-default .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-default .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-default .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-default .link-tools .tool-remove circle {\n fill: #FF0000;\n }\n .joint-link.joint-theme-default .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-default .marker-vertex {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-default .marker-vertex:hover {\n fill: #34495E;\n stroke: none;\n }\n\n .joint-link.joint-theme-default .marker-arrowhead {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-default .marker-arrowhead:hover {\n fill: #F39C12;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-default .marker-vertex-remove {\n fill: #FFFFFF;\n }\n /* Links */\n\n @font-face {\n font-family: 'lato-light';\n src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');\n font-weight: normal;\n font-style: normal;\n }\n\n /* Links */\n .joint-link.joint-theme-material .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-material .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-material .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-material .link-tools .tool-remove circle {\n fill: #C64242;\n }\n .joint-link.joint-theme-material .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-material .marker-vertex {\n fill: #d0d8e8;\n }\n .joint-link.joint-theme-material .marker-vertex:hover {\n fill: #5fa9ee;\n stroke: none;\n }\n\n .joint-link.joint-theme-material .marker-arrowhead {\n fill: #d0d8e8;\n }\n .joint-link.joint-theme-material .marker-arrowhead:hover {\n fill: #5fa9ee;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-material .marker-vertex-remove-area {\n fill: #5fa9ee;\n }\n .joint-link.joint-theme-material .marker-vertex-remove {\n fill: white;\n }\n /* Links */\n\n /* Links */\n .joint-link.joint-theme-modern .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-modern .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-modern .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-modern .link-tools .tool-remove circle {\n fill: #FF0000;\n }\n .joint-link.joint-theme-modern .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-modern .marker-vertex {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-modern .marker-vertex:hover {\n fill: #34495E;\n stroke: none;\n }\n\n .joint-link.joint-theme-modern .marker-arrowhead {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-modern .marker-arrowhead:hover {\n fill: #F39C12;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-modern .marker-vertex-remove {\n fill: white;\n }\n /* Links */\n flo-view {\n width:100%;\n height:100%;\n margin: 0;\n background-color: #eeeeee;\n font-family: \"Varela Round\",sans-serif;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n }\n\n .canvas {\n border: 1px solid;\n border-color: #6db33f;\n border-radius: 2px;\n margin-top: 3px;\n }\n\n /* Canvas contains the palette on the left and the paper on the right */\n\n .paper {\n padding: 0px;\n background-color: #ffffff;\n /* \theight: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n *//* \tmargin-left: 400px; */\n }\n\n #sidebar-resizer {\n background-color: #34302d;\n position: absolute;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: e-resize;\n }\n\n #palette-container {\n background-color: #EEE;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n overflow: auto;\n }\n\n #paper-container {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n overflow: auto;\n color: #FFF;\n background-color: #FFF;\n }\n\n /* Tooltip START */\n\n .node-tooltip .tooltip-description {\n margin-top: 5px;\n margin-left: 0px;\n margin-bottom: 5px;\n }\n\n .node-tooltip {\n display:none;\n position:absolute;\n border:1px solid #333;\n background-color:#34302d;/*#161616;*/\n border-radius:5px;\n padding:5px;\n color:#fff;\n /*\tfont-size:12px Arial;*/\n font-family: \"Varela Round\",sans-serif;\n font-size: 19px;\n z-index: 100;\n }\n\n .tooltip-title-type {\n font-size: 24px;\n font-weight: bold;\n }\n\n .tooltip-title-group {\n padding-left: 5px;\n font-size: 20px;\n font-style: italic;\n }\n\n .node-tooltip-option-name {\n font-family: monospace;/*\"Varela Round\",sans-serif;*/\n font-size: 17px;\n font-weight: bold;\n padding-right: 20px;\n\n }\n\n .node-tooltip-option-description {\n font-family: \"Varela Round\",sans-serif;\n font-size: 18px;\n }\n\n /* Tooltip END */\n\n\n /* Validation Error Marker on Canvas START */\n\n .error-tooltip p {\n margin-top: 5px;\n margin-left: 0px;\n margin-bottom: 5px;\n color:#fff;\n }\n .error-tooltip {\n display:none;\n position:absolute;\n border:1px solid #333;\n background-color:red;/*#161616;*/\n border-radius:5px;\n padding:5px;\n color:#fff;\n /*\tfont-size:12px Arial;*/\n font-family: \"Varela Round\",sans-serif;\n font-size: 20px;\n z-index: 100;\n }\n\n /* Validation Error Marker on Canvas END */\n\n /* Controls on Canvas START */\n\n .canvas-controls-container {\n position: absolute;\n right: 15px;\n top: 5px;\n }\n\n .canvas-control {\n background: transparent;\n font-family: \"Varela Round\",sans-serif;\n font-size: 11px;\n vertical-align: middle;\n margin: 0px;\n }\n\n .zoom-canvas-control {\n border: 0px;\n padding: 0px;\n margin: 0px;\n outline: none;\n }\n\n .zoom-canvas-input {\n text-align: right;\n font-weight:bold;\n color: black;\n background-color: transparent;\n }\n\n .zoom-canvas-label {\n padding-right: 4px;\n color: black;\n }\n\n /* Controls on Canvas END */\n\n\n\n\n /* START - FLO CANVAS STYLES - override joint js styles */\n\n .highlighted {\n outline: none;\n }\n\n .joint-element.highlighted rect {\n stroke: #34302d;\n stroke-width: 3;\n }\n\n .joint-type-handle {\n cursor: pointer;\n }\n\n .available-magnet {\n stroke-width: 3;\n }\n\n .link {\n fill: none;\n stroke: #ccc;\n stroke-width: 1.5px;\n }\n\n .link-tools .tool-options {\n display: none; /* by default, we don't display link options tool */\n }\n\n /* Make transparent the circle around the link-tools (cog) icon. It'll allow shape to have a circle clicking area */\n .link-tools .tool-options circle {\n fill: transparent;\n stroke: transparent;\n }\n\n .link-tools .tool-options path {\n fill: black;\n stroke: black;\n }\n\n .link-tools .tool-remove circle {\n fill: red;\n stroke: red;\n }\n\n .link-tools .tool-remove path {\n fill: white;\n stroke: white;\n }\n\n .link-tools-container {\n stroke-width: 0;\n fill: transparent;\n }\n\n /* END - FLO CANVAS STYLES */\n "],
+ encapsulation: core.ViewEncapsulation.None
+ }),
+ __metadata("design:paramtypes", [core.ElementRef])
+ ], EditorComponent);
+ return EditorComponent;
+ }());
+
+ var $$5 = _$;
+ var ResizerDirective = /** @class */ (function () {
+ function ResizerDirective(element, document) {
+ var _this = this;
+ this.element = element;
+ this.document = document;
+ this.dragInProgress = false;
+ this.vertical = true;
+ this._subscriptions = new tsDisposables.CompositeDisposable();
+ this.sizeChange = new core.EventEmitter();
+ this.mouseMoveHandler = function (e) {
+ if (_this.dragInProgress) {
+ _this.mousemove(e);
+ }
+ };
+ }
+ Object.defineProperty(ResizerDirective.prototype, "splitSize", {
+ set: function (splitSize) {
+ if (this.maxSplitSize && splitSize > this.maxSplitSize) {
+ splitSize = this.maxSplitSize;
+ }
+ if (this.vertical) {
+ // Handle vertical resizer
+ $$5(this.element.nativeElement).css({
+ left: splitSize + 'px'
+ });
+ $$5(this.first).css({
+ width: splitSize + 'px'
+ });
+ $$5(this.second).css({
+ left: (splitSize + this._size) + 'px'
+ });
+ }
+ else {
+ // Handle horizontal resizer
+ $$5(this.element.nativeElement).css({
+ bottom: splitSize + 'px'
+ });
+ $$5(this.first).css({
+ bottom: (splitSize + this._size) + 'px'
+ });
+ $$5(this.second).css({
+ height: splitSize + 'px'
+ });
+ }
+ this._splitSize = splitSize;
+ // Update the local field
+ this.sizeChange.emit(splitSize);
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerWidth", {
+ set: function (width) {
+ this._size = width;
+ this.vertical = true;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerHeight", {
+ set: function (height) {
+ this._size = height;
+ this.vertical = false;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerLeft", {
+ set: function (first) {
+ this.first = first;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerTop", {
+ set: function (first) {
+ this.first = first;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerRight", {
+ set: function (second) {
+ this.second = second;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerBottom", {
+ set: function (second) {
+ this.second = second;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ ResizerDirective.prototype.startDrag = function () {
+ this.dragInProgress = true;
+ };
+ ResizerDirective.prototype.mousemove = function (event) {
+ var size;
+ if (this.vertical) { // Handle vertical resizer. Calculate new size relative to palette container DOM node
+ size = event.pageX - $$5(this.first).offset().left;
+ }
+ else {
+ // Handle horizontal resizer Calculate new size relative to palette container DOM node
+ size = window.innerHeight - event.pageY - $$5(this.second).offset().top;
+ }
+ this.splitSize = size;
+ };
+ ResizerDirective.prototype.ngOnInit = function () {
+ // Need to set left and right elements width and fire events on init when DOM is built
+ var _this = this;
+ this.splitSize = this._splitSize;
+ var subscription1 = rxjs.fromEvent($$5(this.document).get(0), 'mousemove')
+ .pipe(operators.sampleTime(300))
+ .subscribe(this.mouseMoveHandler);
+ this._subscriptions.add(tsDisposables.Disposable.create(function () { return subscription1.unsubscribe(); }));
+ var subscription2 = rxjs.fromEvent($$5(this.document).get(0), 'mouseup')
+ .subscribe(function (e) {
+ if (_this.dragInProgress) {
+ _this.mousemove(e);
+ _this.dragInProgress = false;
+ }
+ });
+ this._subscriptions.add(tsDisposables.Disposable.create(function () { return subscription2.unsubscribe(); }));
+ };
+ ResizerDirective.prototype.ngOnDestroy = function () {
+ this._subscriptions.dispose();
+ };
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Number)
+ ], ResizerDirective.prototype, "maxSplitSize", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], ResizerDirective.prototype, "sizeChange", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Number),
+ __metadata("design:paramtypes", [Number])
+ ], ResizerDirective.prototype, "splitSize", null);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Number),
+ __metadata("design:paramtypes", [Number])
+ ], ResizerDirective.prototype, "resizerWidth", null);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Number),
+ __metadata("design:paramtypes", [Number])
+ ], ResizerDirective.prototype, "resizerHeight", null);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], ResizerDirective.prototype, "resizerLeft", null);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], ResizerDirective.prototype, "resizerTop", null);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], ResizerDirective.prototype, "resizerRight", null);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], ResizerDirective.prototype, "resizerBottom", null);
+ ResizerDirective = __decorate([
+ core.Directive({
+ selector: '[resizer]',
+ host: { '(mousedown)': 'startDrag()' }
+ }),
+ __param(1, core.Inject(platformBrowser.DOCUMENT)),
+ __metadata("design:paramtypes", [core.ElementRef, Object])
+ ], ResizerDirective);
+ return ResizerDirective;
+ }());
+
+ var $$6 = _$;
+ var DslEditorComponent = /** @class */ (function () {
+ function DslEditorComponent(element) {
+ var _this = this;
+ this.element = element;
+ this._dsl = '';
+ this._lint = false;
+ this.lineNumbers = false;
+ this.lineWrapping = false;
+ this.debounce = 0;
+ this.dslChange = new core.EventEmitter();
+ this.focus = new core.EventEmitter();
+ this.blur = new core.EventEmitter();
+ this.editor = new core.EventEmitter();
+ this._dslChangedHandler = function () {
+ _this._dsl = _this.doc.getValue();
+ _this.dslChange.emit(_this._dsl);
+ };
+ }
+ Object.defineProperty(DslEditorComponent.prototype, "dsl", {
+ set: function (dsl) {
+ this._dsl = dsl;
+ if (this.doc && this._dsl !== this.doc.getValue()) {
+ var cursorPosition = this.doc.getCursor();
+ this.doc.setValue(this._dsl || '');
+ this.doc.setCursor(cursorPosition);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DslEditorComponent.prototype, "lintOptions", {
+ set: function (lintOptions) {
+ this._lint = lintOptions;
+ if (this.doc) {
+ this.doc.setOption('lint', this._lint);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DslEditorComponent.prototype, "hintOptions", {
+ set: function (hintOptions) {
+ this._hint = hintOptions;
+ if (this.doc) {
+ this.doc.setOption('hintOptions', this._hint);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ DslEditorComponent.prototype.ngOnInit = function () {
+ var _this = this;
+ var options = {
+ value: this._dsl || '',
+ gutters: ['CodeMirror-lint-markers'],
+ extraKeys: { 'Ctrl-Space': 'autocomplete' },
+ lineNumbers: this.lineNumbers,
+ lineWrapping: this.lineWrapping,
+ electricChars: false,
+ smartIndent: false,
+ };
+ if (this.scrollbarStyle) {
+ options.scrollbarStyle = this.scrollbarStyle;
+ }
+ if (this._lint) {
+ options.lint = this._lint;
+ }
+ if (this._hint) {
+ options.hintOptions = this._hint;
+ }
+ this.doc = codemirrorMinified.fromTextArea($$6('#dsl-editor-host', this.element.nativeElement)[0], options);
+ if (this.placeholder) {
+ this.doc.setOption('placeholder', this.placeholder);
+ }
+ // Turns out "value" in the option doesn't set it.
+ this.doc.setValue(this._dsl || '');
+ this.doc.on('change', this.debounce ? lodash.debounce(this._dslChangedHandler, this.debounce) : this._dslChangedHandler);
+ this.doc.on('focus', function () { return _this.focus.emit(); });
+ this.doc.on('blur', function () { return _this.blur.emit(); });
+ this.editor.emit(this.doc);
+ };
+ DslEditorComponent.prototype.ngOnDestroy = function () {
+ };
+ __decorate([
+ core.Input('line-numbers'),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "lineNumbers", void 0);
+ __decorate([
+ core.Input('line-wrapping'),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "lineWrapping", void 0);
+ __decorate([
+ core.Input('scrollbar-style'),
+ __metadata("design:type", String)
+ ], DslEditorComponent.prototype, "scrollbarStyle", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", String)
+ ], DslEditorComponent.prototype, "placeholder", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "debounce", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "dslChange", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "focus", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "blur", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "editor", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], DslEditorComponent.prototype, "dsl", null);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object),
+ __metadata("design:paramtypes", [Object])
+ ], DslEditorComponent.prototype, "lintOptions", null);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object),
+ __metadata("design:paramtypes", [Object])
+ ], DslEditorComponent.prototype, "hintOptions", null);
+ DslEditorComponent = __decorate([
+ core.Component({
+ selector: 'dsl-editor',
+ template: "\n \n ",
+ styles: ["\n .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}/* Code Mirror related styles START */\n\n .CodeMirror {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n height: 100%;\n }\n .CodeMirror-hint {\n max-width: 38em;\n }\n .CodeMirror-vertical-ruler-error {\n background-color: rgba(188, 0, 0, 0.5);\n }\n .CodeMirror-vertical-ruler-warning {\n background-color: rgba(255, 188, 0, 0.5);\n }\n\n\n /* Code Mirror related styles END */\n "],
+ encapsulation: core.ViewEncapsulation.None
+ }),
+ __metadata("design:paramtypes", [core.ElementRef])
+ ], DslEditorComponent);
+ return DslEditorComponent;
+ }());
+
+ var $$7 = _$;
+ var CodeEditorComponent = /** @class */ (function () {
+ function CodeEditorComponent(element) {
+ var _this = this;
+ this.element = element;
+ this._dsl = '';
+ this._lint = false;
+ this.lineNumbers = false;
+ this.lineWrapping = false;
+ this.dslChange = new core.EventEmitter();
+ this.focus = new core.EventEmitter();
+ this.blur = new core.EventEmitter();
+ this.editor = new core.EventEmitter();
+ this._dslChangedHandler = function () {
+ _this._dsl = _this.doc.getValue();
+ _this.dslChange.emit(_this._dsl);
+ if (_this._onChangeHandler) {
+ _this._onChangeHandler(_this._dsl);
+ }
+ };
+ }
+ CodeEditorComponent_1 = CodeEditorComponent;
+ Object.defineProperty(CodeEditorComponent.prototype, "dsl", {
+ set: function (dsl) {
+ this._dsl = dsl;
+ if (this.doc && this._dsl !== this.doc.getValue()) {
+ var cursorPosition = this.doc.getCursor();
+ this.doc.setValue(this._dsl || '');
+ this.doc.setCursor(cursorPosition);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(CodeEditorComponent.prototype, "language", {
+ set: function (_language) {
+ if (this._language !== _language) {
+ this._language = _language;
+ this.loadEditorMode();
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ CodeEditorComponent.prototype.ngOnInit = function () {
+ var _this = this;
+ var options = {
+ value: this._dsl || '',
+ gutters: ['CodeMirror-lint-markers'],
+ extraKeys: { 'Ctrl-Space': 'autocomplete' },
+ lineNumbers: this.lineNumbers,
+ lineWrapping: this.lineWrapping,
+ matchBrackets: true,
+ autoCloseBrackets: true,
+ };
+ if (this.scrollbarStyle) {
+ options.scrollbarStyle = this.scrollbarStyle;
+ }
+ if (this._lint) {
+ options.lint = this._lint;
+ }
+ this.doc = codemirrorMinified.fromTextArea($$7('#code-editor-host', this.element.nativeElement)[0], options);
+ if (this.placeholder) {
+ this.doc.setOption('placeholder', this.placeholder);
+ }
+ // Turns out "value" in the option doesn't set it.
+ this.doc.setValue(this._dsl || '');
+ this.doc.on('change', this._dslChangedHandler);
+ this.doc.on('focus', function () {
+ _this.focus.emit();
+ if (_this._onTouchHandler) {
+ _this._onTouchHandler();
+ }
+ });
+ this.doc.on('blur', function () { return _this.blur.emit(); });
+ this.warningRuler = this.doc.annotateScrollbar('CodeMirror-vertical-ruler-warning');
+ this.errorRuler = this.doc.annotateScrollbar('CodeMirror-vertical-ruler-error');
+ this.loadEditorMode();
+ this.editor.emit(this.doc);
+ };
+ CodeEditorComponent.prototype.loadEditorMode = function () {
+ // CodeMirror doc object must be initialized
+ if (!this.doc) {
+ return;
+ }
+ var info = this._language ? codemirrorMinified.findModeByName(this._language) : undefined;
+ // Set proper editor mode
+ if (info) {
+ this.doc.setOption('mode', info.mime);
+ // (CodeMirror).autoLoadMode(this.doc, info.mode);
+ }
+ else {
+ this.doc.setOption('mode', 'text/plain');
+ }
+ // Set proper Lint mode
+ this.doc.setOption('lint', this.getLintOptions());
+ };
+ CodeEditorComponent.prototype.ngOnDestroy = function () {
+ };
+ CodeEditorComponent.prototype.writeValue = function (obj) {
+ this.dsl = obj;
+ };
+ CodeEditorComponent.prototype.registerOnChange = function (fn) {
+ this._onChangeHandler = fn;
+ };
+ CodeEditorComponent.prototype.registerOnTouched = function (fn) {
+ this._onTouchHandler = fn;
+ };
+ CodeEditorComponent.prototype.getLintOptions = function () {
+ var _this = this;
+ switch (this._language) {
+ case 'javascript':
+ case 'json':
+ case 'coffeescript':
+ case 'yaml':
+ return {
+ onUpdateLinting: function (annotations) {
+ var warnings = [];
+ var errors = [];
+ if (_this.overviewRuler) {
+ if (Array.isArray(annotations)) {
+ annotations.forEach(function (a) {
+ if (a.to && a.from && a.from.line >= 0 && a.from.ch >= 0 && a.to.line >= a.from.line && a.from.ch >= 0) {
+ if (a.severity === 'error') {
+ errors.push(a);
+ }
+ else if (a.severity === 'warning') {
+ warnings.push(a);
+ }
+ }
+ });
+ }
+ }
+ _this.warningRuler.update(warnings);
+ _this.errorRuler.update(errors);
+ }
+ };
+ }
+ return false;
+ };
+ var CodeEditorComponent_1;
+ __decorate([
+ core.Input('line-numbers'),
+ __metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "lineNumbers", void 0);
+ __decorate([
+ core.Input('line-wrapping'),
+ __metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "lineWrapping", void 0);
+ __decorate([
+ core.Input('scrollbar-style'),
+ __metadata("design:type", String)
+ ], CodeEditorComponent.prototype, "scrollbarStyle", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", String)
+ ], CodeEditorComponent.prototype, "placeholder", void 0);
+ __decorate([
+ core.Input('overview-ruler'),
+ __metadata("design:type", Boolean)
+ ], CodeEditorComponent.prototype, "overviewRuler", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "dslChange", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "focus", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "blur", void 0);
+ __decorate([
+ core.Output(),
+ __metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "editor", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], CodeEditorComponent.prototype, "dsl", null);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], CodeEditorComponent.prototype, "language", null);
+ CodeEditorComponent = CodeEditorComponent_1 = __decorate([
+ core.Component({
+ selector: 'code-editor',
+ template: "\n \n \n
\n ",
+ styles: ["\n .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{position:absolute;background:#ccc;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #bbb;border-radius:2px}.CodeMirror-simplescroll-horizontal,.CodeMirror-simplescroll-vertical{position:absolute;z-index:6;background:#eee}.CodeMirror-simplescroll-horizontal{bottom:0;left:0;height:8px}.CodeMirror-simplescroll-horizontal div{bottom:0;height:100%}.CodeMirror-simplescroll-vertical{right:0;top:0;width:8px}.CodeMirror-simplescroll-vertical div{right:0;width:100%}.CodeMirror-overlayscroll .CodeMirror-gutter-filler,.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler{display:none}.CodeMirror-overlayscroll-horizontal div,.CodeMirror-overlayscroll-vertical div{position:absolute;background:#bcd;border-radius:3px}.CodeMirror-overlayscroll-horizontal,.CodeMirror-overlayscroll-vertical{position:absolute;z-index:6}.CodeMirror-overlayscroll-horizontal{bottom:0;left:0;height:6px}.CodeMirror-overlayscroll-horizontal div{bottom:0;height:100%}.CodeMirror-overlayscroll-vertical{right:0;top:0;width:6px}.CodeMirror-overlayscroll-vertical div{right:0;width:100%}.CodeMirror {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n height: 100%;\n }\n .CodeMirror-hint {\n max-width: 38em;\n }\n .CodeMirror-vertical-ruler-error {\n background-color: rgba(188, 0, 0, 0.5);\n }\n .CodeMirror-vertical-ruler-warning {\n background-color: rgba(255, 188, 0, 0.5);\n }\n .CodeMirror-lint-tooltip {\n z-index: 2000;\n }\n "],
+ encapsulation: core.ViewEncapsulation.None,
+ providers: [
+ {
+ provide: forms.NG_VALUE_ACCESSOR,
+ useExisting: core.forwardRef(function () { return CodeEditorComponent_1; }),
+ multi: true
+ }
+ ]
+ }),
+ __metadata("design:paramtypes", [core.ElementRef])
+ ], CodeEditorComponent);
+ return CodeEditorComponent;
+ }());
+
+
+ (function (Properties) {
+ var InputType;
+ (function (InputType) {
+ InputType[InputType["TEXT"] = 0] = "TEXT";
+ InputType[InputType["NUMBER"] = 1] = "NUMBER";
+ InputType[InputType["SELECT"] = 2] = "SELECT";
+ InputType[InputType["CHECKBOX"] = 3] = "CHECKBOX";
+ InputType[InputType["PASSWORD"] = 4] = "PASSWORD";
+ InputType[InputType["EMAIL"] = 5] = "EMAIL";
+ InputType[InputType["URL"] = 6] = "URL";
+ InputType[InputType["CODE"] = 7] = "CODE";
+ })(InputType = Properties.InputType || (Properties.InputType = {}));
+ var GenericControlModel = /** @class */ (function () {
+ function GenericControlModel(_property, type, validation) {
+ this._property = _property;
+ this.type = type;
+ this.validation = validation;
+ }
+ Object.defineProperty(GenericControlModel.prototype, "id", {
+ get: function () {
+ return this.property.id;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "name", {
+ get: function () {
+ return this.property.name;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "description", {
+ get: function () {
+ return this.property.description;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "defaultValue", {
+ get: function () {
+ return this.property.defaultValue;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "value", {
+ get: function () {
+ return this.getValue();
+ },
+ set: function (value) {
+ this.setValue(value);
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "property", {
+ get: function () {
+ return this._property;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ GenericControlModel.prototype.setValue = function (value) {
+ this.property.value = value;
+ };
+ GenericControlModel.prototype.getValue = function () {
+ return this.property.value;
+ };
+ return GenericControlModel;
+ }());
+ Properties.GenericControlModel = GenericControlModel;
+ var CheckBoxControlModel = /** @class */ (function (_super) {
+ __extends(CheckBoxControlModel, _super);
+ function CheckBoxControlModel(_property, validation) {
+ return _super.call(this, _property, InputType.CHECKBOX, validation) || this;
+ }
+ CheckBoxControlModel.prototype.getValue = function () {
+ var res = _super.prototype.getValue.call(this);
+ var type = typeof res;
+ switch (type) {
+ case 'boolean':
+ return res;
+ case 'string':
+ switch (res.trim().toLowerCase()) {
+ case 'true':
+ case '1':
+ return true;
+ case 'false':
+ case '0':
+ return false;
+ default:
+ return this.property.defaultValue;
+ }
+ case 'number':
+ var num = res;
+ if (num === 0) {
+ return false;
+ }
+ else if (num === 1) {
+ return true;
+ }
+ else {
+ return this.property.defaultValue;
+ }
+ }
+ return this.property.defaultValue;
+ };
+ return CheckBoxControlModel;
+ }(GenericControlModel));
+ Properties.CheckBoxControlModel = CheckBoxControlModel;
+ var AbstractCodeControlModel = /** @class */ (function (_super) {
+ __extends(AbstractCodeControlModel, _super);
+ function AbstractCodeControlModel(_property, encode, decode, validation) {
+ var _this = _super.call(this, _property, InputType.CODE, validation) || this;
+ _this.encode = encode;
+ _this.decode = decode;
+ return _this;
+ }
+ Object.defineProperty(AbstractCodeControlModel.prototype, "value", {
+ get: function () {
+ var dsl = _super.prototype.getValue.call(this);
+ if (dsl && this.decode) {
+ return this.decode(dsl);
+ }
+ else {
+ return dsl;
+ }
+ },
+ set: function (value) {
+ if (value && this.encode) {
+ _super.prototype.setValue.call(this, this.encode(value));
+ }
+ else {
+ _super.prototype.setValue.call(this, value);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return AbstractCodeControlModel;
+ }(GenericControlModel));
+ Properties.AbstractCodeControlModel = AbstractCodeControlModel;
+ var GenericCodeControlModel = /** @class */ (function (_super) {
+ __extends(GenericCodeControlModel, _super);
+ function GenericCodeControlModel(_property, language, encode, decode, validation) {
+ var _this = _super.call(this, _property, encode, decode, validation) || this;
+ _this.language = language;
+ return _this;
+ }
+ return GenericCodeControlModel;
+ }(AbstractCodeControlModel));
+ Properties.GenericCodeControlModel = GenericCodeControlModel;
+ var CodeControlModelWithDynamicLanguageProperty = /** @class */ (function (_super) {
+ __extends(CodeControlModelWithDynamicLanguageProperty, _super);
+ function CodeControlModelWithDynamicLanguageProperty(_property, _languagePropertyName, _groupModel, encode, decode, validation) {
+ var _this = _super.call(this, _property, encode, decode, validation) || this;
+ _this._languagePropertyName = _languagePropertyName;
+ _this._groupModel = _groupModel;
+ return _this;
+ }
+ Object.defineProperty(CodeControlModelWithDynamicLanguageProperty.prototype, "language", {
+ get: function () {
+ var value = this.languageControlModel.value;
+ return value ? value : this.languageControlModel.defaultValue;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(CodeControlModelWithDynamicLanguageProperty.prototype, "languageControlModel", {
+ get: function () {
+ var _this = this;
+ if (!this._langControlModel) {
+ // Cast to Properties.ControlModel from Properties.ControlModel | undefined
+ // Should not be undefined!
+ this._langControlModel = this._groupModel.getControlsModels().find(function (c) { return c.id === _this._languagePropertyName; });
+ }
+ return this._langControlModel;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return CodeControlModelWithDynamicLanguageProperty;
+ }(AbstractCodeControlModel));
+ Properties.CodeControlModelWithDynamicLanguageProperty = CodeControlModelWithDynamicLanguageProperty;
+ var GenericListControlModel = /** @class */ (function (_super) {
+ __extends(GenericListControlModel, _super);
+ function GenericListControlModel(property, validation) {
+ return _super.call(this, property, InputType.TEXT, validation) || this;
+ }
+ Object.defineProperty(GenericListControlModel.prototype, "value", {
+ get: function () {
+ return this.property.value ? this.property.value.join(', ') : '';
+ },
+ set: function (value) {
+ this.property.value = value && value.trim() ? value.split(/\s*,\s*/) : undefined;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return GenericListControlModel;
+ }(GenericControlModel));
+ Properties.GenericListControlModel = GenericListControlModel;
+ var SelectControlModel = /** @class */ (function (_super) {
+ __extends(SelectControlModel, _super);
+ function SelectControlModel(_property, type, options) {
+ var _this = _super.call(this, _property, type) || this;
+ _this.options = options;
+ if (_property.defaultValue === undefined) {
+ options.unshift({
+ name: 'SELECT',
+ value: _property.defaultValue
+ });
+ }
+ return _this;
+ }
+ return SelectControlModel;
+ }(GenericControlModel));
+ Properties.SelectControlModel = SelectControlModel;
+ var DefaultCellPropertiesSource = /** @class */ (function () {
+ function DefaultCellPropertiesSource(cell) {
+ this.cell = cell;
+ }
+ DefaultCellPropertiesSource.prototype.getProperties = function () {
+ var _this = this;
+ var metadata = this.cell.attr('metadata');
+ return Promise.resolve(metadata.properties().then(function (propsMetadata) { return Array.from(propsMetadata.values()).map(function (m) { return _this.createProperty(m); }); }));
+ };
+ DefaultCellPropertiesSource.prototype.createProperty = function (metadata) {
+ return {
+ id: metadata.id,
+ name: metadata.name,
+ type: metadata.type,
+ defaultValue: metadata.defaultValue,
+ attr: "props/" + metadata.name,
+ value: this.cell.attr("props/" + metadata.name),
+ description: metadata.description,
+ valueOptions: metadata.options
+ };
+ };
+ DefaultCellPropertiesSource.prototype.applyChanges = function (properties) {
+ var _this = this;
+ this.cell.trigger('batch:start', { batchName: 'update properties' });
+ properties.forEach(function (property) {
+ if ((typeof property.value === 'boolean' && !property.defaultValue && !property.value) ||
+ (property.value === property.defaultValue || property.value === '' || property.value === undefined || property.value === null)) {
+ var currentValue = _this.cell.attr(property.attr);
+ if (currentValue !== undefined && currentValue !== null) {
+ // Remove attr doesn't fire appropriate event. Set default value first as a workaround to schedule DSL resync
+ _this.cell.attr(property.attr, property.defaultValue === undefined ? null : property.defaultValue);
+ _this.cell.removeAttr(property.attr);
+ }
+ }
+ else {
+ _this.cell.attr(property.attr, property.value);
+ }
+ });
+ this.cell.trigger('batch:stop', { batchName: 'update properties' });
+ };
+ return DefaultCellPropertiesSource;
+ }());
+ Properties.DefaultCellPropertiesSource = DefaultCellPropertiesSource;
+ var PropertiesGroupModel = /** @class */ (function () {
+ function PropertiesGroupModel(propertiesSource) {
+ this.loading = true;
+ this.propertiesSource = propertiesSource;
+ }
+ PropertiesGroupModel.prototype.load = function () {
+ var _this = this;
+ this.loading = true;
+ this._loadedSubject = new rxjs.Subject();
+ this.propertiesSource.getProperties().then(function (properties) {
+ _this.controlModels = properties.map(function (p) { return _this.createControlModel(p); });
+ _this.loading = false;
+ _this._loadedSubject.next(true);
+ _this._loadedSubject.complete();
+ });
+ };
+ Object.defineProperty(PropertiesGroupModel.prototype, "isLoading", {
+ get: function () {
+ return this.loading;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(PropertiesGroupModel.prototype, "loadedSubject", {
+ get: function () {
+ return this._loadedSubject;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ PropertiesGroupModel.prototype.getControlsModels = function () {
+ return this.controlModels;
+ };
+ PropertiesGroupModel.prototype.createControlModel = function (property) {
+ return new GenericControlModel(property, InputType.TEXT);
+ };
+ PropertiesGroupModel.prototype.applyChanges = function () {
+ if (this.loading) {
+ return;
+ }
+ var properties = this.controlModels.map(function (cm) { return cm.property; });
+ this.propertiesSource.applyChanges(properties);
+ };
+ return PropertiesGroupModel;
+ }());
+ Properties.PropertiesGroupModel = PropertiesGroupModel;
+ var Validators;
+ (function (Validators) {
+ function uniqueResource(service, debounce$$1) {
+ return function (control) {
+ return new rxjs.Observable(function (obs) {
+ if (control.valueChanges && control.value) {
+ control.valueChanges
+ .pipe(operators.debounceTime(debounce$$1), operators.mergeMap(function (value) { return service(value); }))
+ .subscribe(function () {
+ obs.next({ uniqueResource: true });
+ obs.complete();
+ }, function () {
+ obs.next(undefined);
+ obs.complete();
+ });
+ }
+ else {
+ obs.next(undefined);
+ obs.complete();
+ }
+ });
+ };
+ }
+ Validators.uniqueResource = uniqueResource;
+ function noneOf(excluded) {
+ return function (control) {
+ return excluded.find(function (e) { return e === control.value; }) ? { 'noneOf': { value: control.value } } : {};
+ };
+ }
+ Validators.noneOf = noneOf;
+ })(Validators = Properties.Validators || (Properties.Validators = {}));
+ })(exports.Properties || (exports.Properties = {}));
+
+ var PropertiesGroupComponent = /** @class */ (function () {
+ function PropertiesGroupComponent() {
+ }
+ PropertiesGroupComponent.prototype.ngOnInit = function () {
+ var _this = this;
+ if (this.propertiesGroupModel.isLoading) {
+ var subscription_1 = this.propertiesGroupModel.loadedSubject.subscribe(function (loaded) {
+ if (loaded) {
+ subscription_1.unsubscribe();
+ _this.createGroupControls();
+ }
+ });
+ }
+ else {
+ this.createGroupControls();
+ }
+ };
+ PropertiesGroupComponent.prototype.createGroupControls = function () {
+ var _this = this;
+ this.propertiesGroupModel.getControlsModels().forEach(function (c) {
+ if (c.validation) {
+ _this.form.addControl(c.id, new forms.FormControl(c.value || '', c.validation.validator, c.validation.asyncValidator));
+ }
+ else {
+ _this.form.addControl(c.id, new forms.FormControl(c.value || ''));
+ }
+ });
+ };
+ __decorate([
+ core.Input(),
+ __metadata("design:type", exports.Properties.PropertiesGroupModel)
+ ], PropertiesGroupComponent.prototype, "propertiesGroupModel", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", forms.FormGroup)
+ ], PropertiesGroupComponent.prototype, "form", void 0);
+ PropertiesGroupComponent = __decorate([
+ core.Component({
+ selector: 'properties-group',
+ template: "\n \n
\n ",
+ encapsulation: core.ViewEncapsulation.None
+ })
+ ], PropertiesGroupComponent);
+ return PropertiesGroupComponent;
+ }());
+
+ var DynamicFormPropertyComponent = /** @class */ (function () {
+ function DynamicFormPropertyComponent() {
+ }
+ Object.defineProperty(DynamicFormPropertyComponent.prototype, "types", {
+ get: function () {
+ return exports.Properties.InputType;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DynamicFormPropertyComponent.prototype, "control", {
+ get: function () {
+ return this.form.controls[this.model.id];
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DynamicFormPropertyComponent.prototype, "errorData", {
+ get: function () {
+ var _this = this;
+ return (this.model.validation && this.model.validation.errorData ? this.model.validation.errorData : [])
+ .filter(function (e) { return _this.control.errors && _this.control.errors[e.id]; });
+ },
+ enumerable: true,
+ configurable: true
+ });
+ __decorate([
+ core.Input(),
+ __metadata("design:type", Object)
+ ], DynamicFormPropertyComponent.prototype, "model", void 0);
+ __decorate([
+ core.Input(),
+ __metadata("design:type", forms.FormGroup)
+ ], DynamicFormPropertyComponent.prototype, "form", void 0);
+ DynamicFormPropertyComponent = __decorate([
+ core.Component({
+ selector: 'df-property',
+ template: "\n \n\n \n {{model.name}} \n \n\n \n \n\n \n \n\n \n {{o.name}} \n \n\n \n \n\n
\n \n
{{model.description}}
\n
{{e.message}}
\n
\n\n \n ",
+ encapsulation: core.ViewEncapsulation.None
+ }),
+ __metadata("design:paramtypes", [])
+ ], DynamicFormPropertyComponent);
+ return DynamicFormPropertyComponent;
+ }());
+
+ var FloModule = /** @class */ (function () {
+ function FloModule() {
+ }
+ FloModule = __decorate([
+ core.NgModule({
+ imports: [
+ forms.FormsModule,
+ common.CommonModule,
+ forms.ReactiveFormsModule
+ ],
+ declarations: [
+ Palette,
+ EditorComponent,
+ ResizerDirective,
+ DslEditorComponent,
+ CodeEditorComponent,
+ PropertiesGroupComponent,
+ DynamicFormPropertyComponent
+ ],
+ exports: [
+ EditorComponent,
+ DslEditorComponent,
+ DynamicFormPropertyComponent,
+ PropertiesGroupComponent
+ ]
+ })
+ ], FloModule);
+ return FloModule;
+ }());
+
+ exports.FloModule = FloModule;
+ exports.Palette = Palette;
+ exports.EditorComponent = EditorComponent;
+ exports.DslEditorComponent = DslEditorComponent;
+ exports.CodeEditorComponent = CodeEditorComponent;
+ exports.PropertiesGroupComponent = PropertiesGroupComponent;
+ exports.DynamicFormPropertyComponent = DynamicFormPropertyComponent;
+ exports.ResizerDirective = ResizerDirective;
+
+ Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=spring-flo.umd.js.map
diff --git a/dist/bundles/spring-flo.umd.min.js b/dist/bundles/spring-flo.umd.min.js
new file mode 100644
index 0000000..bc043f2
--- /dev/null
+++ b/dist/bundles/spring-flo.umd.min.js
@@ -0,0 +1 @@
+!function(global,factory){"object"==typeof exports&&"undefined"!=typeof module?factory(exports,require("jointjs"),require("jquery"),require("lodash"),require("@angular/core"),require("rxjs"),require("rxjs/operators"),require("@angular/platform-browser"),require("ts-disposables"),require("codemirror-minified"),require("codemirror-minified/addon/lint/lint"),require("codemirror-minified/addon/hint/show-hint"),require("codemirror-minified/addon/display/placeholder"),require("codemirror-minified/addon/scroll/annotatescrollbar"),require("codemirror-minified/addon/scroll/simplescrollbars"),require("@angular/forms"),require("codemirror-minified/mode/meta"),require("codemirror-minified/addon/edit/matchbrackets"),require("codemirror-minified/addon/edit/closebrackets"),require("codemirror-minified/addon/lint/javascript-lint"),require("codemirror-minified/addon/lint/coffeescript-lint"),require("codemirror-minified/addon/lint/json-lint"),require("codemirror-minified/addon/lint/yaml-lint"),require("codemirror-minified/mode/groovy/groovy"),require("codemirror-minified/mode/javascript/javascript"),require("codemirror-minified/mode/python/python"),require("codemirror-minified/mode/ruby/ruby"),require("codemirror-minified/mode/clike/clike"),require("codemirror-minified/mode/yaml/yaml"),require("codemirror-minified/mode/coffeescript/coffeescript"),require("@angular/common")):"function"==typeof define&&define.amd?define("spring-flo",["exports","jointjs","jquery","lodash","@angular/core","rxjs","rxjs/operators","@angular/platform-browser","ts-disposables","codemirror-minified","codemirror-minified/addon/lint/lint","codemirror-minified/addon/hint/show-hint","codemirror-minified/addon/display/placeholder","codemirror-minified/addon/scroll/annotatescrollbar","codemirror-minified/addon/scroll/simplescrollbars","@angular/forms","codemirror-minified/mode/meta","codemirror-minified/addon/edit/matchbrackets","codemirror-minified/addon/edit/closebrackets","codemirror-minified/addon/lint/javascript-lint","codemirror-minified/addon/lint/coffeescript-lint","codemirror-minified/addon/lint/json-lint","codemirror-minified/addon/lint/yaml-lint","codemirror-minified/mode/groovy/groovy","codemirror-minified/mode/javascript/javascript","codemirror-minified/mode/python/python","codemirror-minified/mode/ruby/ruby","codemirror-minified/mode/clike/clike","codemirror-minified/mode/yaml/yaml","codemirror-minified/mode/coffeescript/coffeescript","@angular/common"],factory):factory((global.ng=global.ng||{},global.ng["spring-flo"]={}),global.jointjs,global.jquery,global.lodash,global.ng.core,global.rxjs,global.rxjs.operators,global.ng.browser,global["ts-disposables"],global["codemirror-minified"],global["codemirror-minified/addon/lint/lint"],global["codemirror-minified/addon/hint/show-hint"],global["codemirror-minified/addon/edit/closebrackets"],global["codemirror-minified/addon/scroll/annotatescrollbar"],global["codemirror-minified/addon/scroll/simplescrollbars"],global.ng.forms,global["codemirror-minified/mode/meta"],global["codemirror-minified/addon/edit/matchbrackets"],global["codemirror-minified/addon/edit/closebrackets"],global["codemirror-minified/addon/lint/javascript-lint"],global["codemirror-minified/addon/lint/coffeescript-lint"],global["codemirror-minified/addon/lint/json-lint"],global["codemirror-minified/addon/lint/yaml-lint"],global["codemirror-minified/mode/groovy/groovy"],global["codemirror-minified/mode/javascript/javascript"],global["codemirror-minified/mode/python/python"],global["codemirror-minified/mode/ruby/ruby"],global["codemirror-minified/mode/clike/clike"],global["codemirror-minified/mode/yaml/yaml"],global["codemirror-minified/mode/coffeescript/coffeescript"],global.ng.common)}(this,function(exports,_joint,_$,lodash,core,rxjs,operators,platformBrowser,tsDisposables,codemirrorMinified,lint,showHint,placeholder,annotatescrollbar,simplescrollbars,forms,meta,matchbrackets,closebrackets,javascriptLint,coffeescriptLint,jsonLint,yamlLint,groovy,javascript,python,ruby,clike,yaml,coffeescript,common){"use strict";var extendStatics=function(d,b){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d,b){d.__proto__=b}||function(d,b){for(var p in b)b.hasOwnProperty(p)&&(d[p]=b[p])})(d,b)};function __extends(d,b){function __(){this.constructor=d}extendStatics(d,b),d.prototype=null===b?Object.create(b):(__.prototype=b.prototype,new __)}function __decorate(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;0<=i;i--)(d=decorators[i])&&(r=(c<3?d(r):3",{id:"palette-floater"}).appendTo($$2("body"));var floatergraph=new joint$1.dia.Graph;floatergraph.set("type",exports.Constants.FEEDBACK_CONTEXT);var parent_1=$$2("#palette-floater");this.floaterpaper=new joint$1.dia.Paper({el:$$2("#palette-floater"),elementView:this.renderer&&this.renderer.getNodeView?this.renderer.getNodeView():joint$1.dia.ElementView,gridSize:10,model:floatergraph,height:parent_1.height(),width:parent_1.width(),validateMagnet:function(){return!1},validateConnection:function(){return!1}});var floaternode=exports.Shapes.Factory.createNode({renderer:this.renderer,paper:this.floaterpaper,graph:floatergraph,metadata:dataOfClickedElement}),box=this.floaterpaper.findViewByModel(floaternode).getBBox(),size=floaternode.get("size");floaternode.translate(box.width-size.width,box.height-size.height),this.viewBeingDragged=this.floaterpaper.findViewByModel(floaternode),$$2("#palette-floater").offset({left:event.pageX+5,top:event.pageY+5})}},Palette.prototype.rotateOpen=function(element){var _this=this;setTimeout(function(){return _this.doRotateOpen(element,90)})},Palette.prototype.doRotateOpen=function(element,angle){var _this=this;angle-=10,element.attr({path:{transform:"rotate(-"+angle+",15,13)"}}),angle<=0?(element.set("isOpen",!0),this.closedGroups.delete(element.get("header")),this.rebuildPalette()):setTimeout(function(){return _this.doRotateOpen(element,angle)},10)},Palette.prototype.doRotateClose=function(element,angle){var _this=this;angle+=10,element.attr({path:{transform:"rotate(-"+angle+",15,13)"}}),90<=angle?(element.set("isOpen",!1),this.closedGroups.add(element.get("header")),this.rebuildPalette()):setTimeout(function(){return _this.doRotateClose(element,angle)},10)},Palette.prototype.rotateClosed=function(element){var _this=this;setTimeout(function(){return _this.doRotateClose(element,0)})},__decorate([core.Input(),__metadata("design:type",Object)],Palette.prototype,"metamodel",void 0),__decorate([core.Input(),__metadata("design:type",Object)],Palette.prototype,"renderer",void 0),__decorate([core.Input(),__metadata("design:type",Object)],Palette.prototype,"paletteEntryPadding",void 0),__decorate([core.Output(),__metadata("design:type",Object)],Palette.prototype,"onPaletteEntryDrop",void 0),__decorate([core.Output(),__metadata("design:type",Object)],Palette.prototype,"paletteReady",void 0),__decorate([core.Output(),__metadata("design:type",Object)],Palette.prototype,"paletteFocus",void 0),__decorate([core.Input(),__metadata("design:type",Number),__metadata("design:paramtypes",[Number])],Palette.prototype,"paletteSize",null),Palette=__decorate([core.Component({selector:"flo-palette",template:'\n \n
\n \n ',styles:['\n /* Joint JS paper for drawing palette -> canvas DnD visual feedback START */\n\n #palette-floater {\n /* TODO size relative to paper that goes on it? */\n opacity: 0.75;\n width:170px;\n height:60px;\n background-color: transparent;\n /*\n background-color: #6db33f;\n */\n float:left;\n position: absolute;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n }\n\n #palette-floater.joint-paper > svg {\n background-color: transparent;\n }\n\n #palette-paper-container {\n overflow-y: auto;\n overflow-x: hidden;\n background-color: white;\n color: white;\n }\n\n /* Joint JS paper for drawing palette -> canvas DnD visual feedback END */\n\n /* Palette START */\n\n .palette-filter {\n border: 3px solid #6db33f;\n }\n\n .palette-filter-textfield {\n width: 100%;\n font-size:24px;\n /* border: 3px solid #6db33f;\n */\tfont-family: "Varela Round",sans-serif;\n /* \tpadding: 2px; */\n }\n\n .palette-paper {\n background-color: #eeeeee;\n /*\n border-right: 7px solid;\n */\n border-color: #6db33f;\n /* \twidth: 170px;\n height:100%;\n float: left;\n */\n }\n\n /* Palette END */\n '],encapsulation:core.ViewEncapsulation.None}),__param(1,core.Inject(platformBrowser.DOCUMENT)),__metadata("design:paramtypes",[core.ElementRef,Object])],Palette)}(),joint$2=exports.Flo.joint,$$3=_$,Utils=function(){function Utils(){}return Utils.fanRoute=function(graph,cell){if(cell instanceof joint$2.dia.Element){var links=graph.getConnectedLinks(cell),groupsOfOverlappingLinks=lodash.groupBy(links,function(link){var sourceId=link.get("source").id,targetId=link.get("target").id;return cell.id!==sourceId?sourceId:targetId});lodash.each(groupsOfOverlappingLinks,function(group,key){var toRoute={};void 0!==key&&(group.forEach(function(link){link.get("source").id===cell.get("id")&&link.get("target").id?toRoute[link.get("target").id]=link:link.get("target").id===cell.get("id")&&link.get("source").id&&(toRoute[link.get("source").id]=link)}),Object.keys(toRoute).forEach(function(k){Utils.fanRoute(graph,toRoute[k])}))})}else if(cell instanceof joint$2.dia.Link){var srcId_1=cell.get("source").id||cell.previous("source").id,trgId_1=cell.get("target").id||cell.previous("target").id;if(!srcId_1||!trgId_1)return;var siblings=graph.getLinks().filter(function(sibling){var _srcId=sibling.get("source").id,_trgId=sibling.get("target").id,vertices=sibling.get("vertices"),fanRouted=!vertices||0===vertices.length||sibling.get("fanRouted");return(_srcId===srcId_1&&_trgId===trgId_1||_srcId===trgId_1&&_trgId===srcId_1)&&fanRouted});switch(siblings.length){case 0:break;case 1:var vertices=cell.get("vertices");vertices&&vertices.length&&cell.get("fanRouted")&&cell.unset("vertices");break;default:var source=graph.getCell(srcId_1),target=graph.getCell(trgId_1);if(!source||!target)return;var srcCenter=source.getBBox().center(),trgCenter=target.getBBox().center(),midPoint_1=joint$2.g.line(srcCenter,trgCenter).midpoint(),theta_1=srcCenter.theta(trgCenter);siblings.forEach(function(sibling,index){var offset=20*Math.ceil(index/2),sign=index%2?1:-1,angle=joint$2.g.toRad(theta_1+90*sign),vertex=joint$2.g.point.fromPolar(offset,angle,midPoint_1);sibling.set("fanRouted",!0),sibling.set("vertices",[{x:vertex.x,y:vertex.y}],{fanRouted:!0})})}}},Utils.isCustomPaperEvent=function(args){return 5===args.length&&lodash.isString(args[0])&&(0===args[0].indexOf("link:")||0===args[0].indexOf("element:"))&&args[1]instanceof $$3.Event&&args[2]instanceof joint$2.dia.CellView&&lodash.isNumber(args[3])&&lodash.isNumber(args[4])},Utils}(),joint$3=exports.Flo.joint,$$4=_$,EditorComponent=function(){function EditorComponent(element){var _this=this;this.element=element,this._readOnlyCanvas=!1,this._gridSize=1,this._hiddenPalette=!1,this.textToGraphEventEmitter=new core.EventEmitter,this.graphToTextEventEmitter=new core.EventEmitter,this._graphToTextSyncEnabled=!0,this.validationEventEmitter=new core.EventEmitter,this._disposables=new tsDisposables.CompositeDisposable,this._dslText="",this.textToGraphConversionCompleted=new rxjs.Subject,this.graphToTextConversionCompleted=new rxjs.Subject,this.paletteReady=new rxjs.BehaviorSubject(!1),this.minZoom=5,this.maxZoom=400,this.zoomStep=5,this.paperPadding=0,this.floApi=new core.EventEmitter,this.validationMarkers=new core.EventEmitter,this.contentValidated=new core.EventEmitter,this.dslChange=new core.EventEmitter,this._resizeHandler=function(){return _this.autosizePaper()};var self=this;this.editorContext=new(function(){function DefaultRunnableContext(){}return Object.defineProperty(DefaultRunnableContext.prototype,"zoomPercent",{get:function(){return self.zoomPercent},set:function(percent){self.zoomPercent=percent},enumerable:!0,configurable:!0}),Object.defineProperty(DefaultRunnableContext.prototype,"noPalette",{get:function(){return self.noPalette},set:function(noPalette){self.noPalette=noPalette},enumerable:!0,configurable:!0}),Object.defineProperty(DefaultRunnableContext.prototype,"gridSize",{get:function(){return self.gridSize},set:function(gridSize){self.gridSize=gridSize},enumerable:!0,configurable:!0}),Object.defineProperty(DefaultRunnableContext.prototype,"readOnlyCanvas",{get:function(){return self.readOnlyCanvas},set:function(readOnly){self.readOnlyCanvas=readOnly},enumerable:!0,configurable:!0}),DefaultRunnableContext.prototype.setDsl=function(dsl){self.dsl=dsl},DefaultRunnableContext.prototype.updateGraph=function(){return self.updateGraphRepresentation()},DefaultRunnableContext.prototype.updateText=function(){return self.updateTextRepresentation()},DefaultRunnableContext.prototype.performLayout=function(){return self.doLayout()},DefaultRunnableContext.prototype.clearGraph=function(){var _this=this;return self.selection=void 0,self.graph.clear(),self.metamodel&&self.metamodel.load&&self.editor&&self.editor.setDefaultContent?self.metamodel.load().then(function(data){if(self.editor.setDefaultContent(_this,data),!self.graphToTextSync)return self.updateTextRepresentation()}):self.graphToTextSync?void 0:self.updateTextRepresentation()},DefaultRunnableContext.prototype.getGraph=function(){return self.graph},DefaultRunnableContext.prototype.getPaper=function(){return self.paper},Object.defineProperty(DefaultRunnableContext.prototype,"graphToTextSync",{get:function(){return self.graphToTextSync},set:function(sync){self.graphToTextSync=sync},enumerable:!0,configurable:!0}),DefaultRunnableContext.prototype.getMinZoom=function(){return self.minZoom},DefaultRunnableContext.prototype.getMaxZoom=function(){return self.maxZoom},DefaultRunnableContext.prototype.getZoomStep=function(){return self.zoomStep},DefaultRunnableContext.prototype.fitToPage=function(){self.fitToPage()},DefaultRunnableContext.prototype.createNode=function(metadata,props,position){return self.createNode(metadata,props,position)},DefaultRunnableContext.prototype.createLink=function(source,target,metadata,props){return self.createLink(source,target,metadata,props)},Object.defineProperty(DefaultRunnableContext.prototype,"selection",{get:function(){return self.selection},set:function(newSelection){self.selection=newSelection},enumerable:!0,configurable:!0}),DefaultRunnableContext.prototype.deleteSelectedNode=function(){self.selection&&(self.editor&&self.editor.preDelete?self.editor.preDelete(self.editorContext,self.selection.model):self.selection.model instanceof joint$3.dia.Element&&self.graph.getConnectedLinks(self.selection.model).forEach(function(l){return l.remove()}),self.selection.model.remove(),self.selection=void 0)},Object.defineProperty(DefaultRunnableContext.prototype,"textToGraphConversionObservable",{get:function(){return self.textToGraphConversionCompleted},enumerable:!0,configurable:!0}),Object.defineProperty(DefaultRunnableContext.prototype,"graphToTextConversionObservable",{get:function(){return self.graphToTextConversionCompleted},enumerable:!0,configurable:!0}),Object.defineProperty(DefaultRunnableContext.prototype,"paletteReady",{get:function(){return self.paletteReady},enumerable:!0,configurable:!0}),DefaultRunnableContext}())}return EditorComponent.prototype.ngOnInit=function(){var _this=this;this.initGraph(),this.initPaper(),this.initGraphListeners(),this.initPaperListeners(),this.initMetamodel(),$$4(window).on("resize",this._resizeHandler),this._disposables.add(tsDisposables.Disposable.create(function(){return $$4(window).off("resize",_this._resizeHandler)})),window.setTimeout(this._resizeHandler),this.floApi.emit(this.editorContext)},EditorComponent.prototype.ngOnDestroy=function(){this._disposables.dispose()},Object.defineProperty(EditorComponent.prototype,"noPalette",{get:function(){return this._hiddenPalette},set:function(hidden){(this._hiddenPalette=hidden)&&$$4("#paper-container",this.element.nativeElement).css("left",0)},enumerable:!0,configurable:!0}),Object.defineProperty(EditorComponent.prototype,"graphToTextSync",{get:function(){return this._graphToTextSyncEnabled},set:function(sync){this._graphToTextSyncEnabled=sync},enumerable:!0,configurable:!0}),EditorComponent.prototype.performGraphToTextSyncing=function(){this._graphToTextSyncEnabled&&this.graphToTextEventEmitter.emit()},EditorComponent.prototype.createHandle=function(element,kind,action,location){if(!location){var bbox=element.model.getBBox();location=bbox.origin().offset(bbox.width/2,bbox.height/2)}var handle=exports.Shapes.Factory.createHandle({renderer:this.renderer,paper:this.paper,parent:element.model,kind:kind,position:location}),view=this.paper.findViewByModel(handle);return view.on("cell:pointerdown",function(){action&&action()}),view.on("cell:mouseover",function(){handle.attr("image/filter",{name:"dropShadow",args:{dx:1,dy:1,blur:1,color:"black"}})}),view.on("cell:mouseout",function(){handle.removeAttr("image/filter")}),view.setInteractivity(!1),handle},EditorComponent.prototype.removeEmbeddedChildrenOfType=function(element,types){for(var embeds=element.getEmbeddedCells(),i=0;i=this.maxZoom?percent=this.maxZoom:percent<=0&&(percent=1e-5),this.paper.scale(percent/100,percent/100))},enumerable:!0,configurable:!0}),Object.defineProperty(EditorComponent.prototype,"gridSize",{get:function(){return this._gridSize},set:function(size){!isNaN(size)&&1<=size&&(this._gridSize=size,this.paper&&this.paper.setGridSize(size))},enumerable:!0,configurable:!0}),EditorComponent.prototype.validateContent=function(){var _this=this;return new Promise(function(resolve){if(_this.editor&&_this.editor.validate)return _this.editor.validate(_this.graph,_this.dsl,_this.editorContext).then(function(allMarkers){_this.graph.getCells().forEach(function(cell){return _this.markElement(cell,allMarkers.has(cell.id)?allMarkers.get(cell.id):[])}),_this.validationMarkers.emit(allMarkers),_this.contentValidated.emit(!0),resolve()});resolve()})},EditorComponent.prototype.markElement=function(cell,markers){var errorMessages=markers.map(function(m){return m.message}),errorCell=cell.getEmbeddedCells().find(function(e){return e.attr("./kind")===exports.Constants.ERROR_DECORATION_KIND});if(errorCell)0===errorMessages.length?errorCell.remove():errorCell.attr("messages",errorMessages,{rewrite:!0});else if(0\n \n ',styles:['\n /*! JointJS v2.2.1 (2018-11-12) - JavaScript diagramming library\n\n\n This Source Code Form is subject to the terms of the Mozilla Public\n License, v. 2.0. If a copy of the MPL was not distributed with this\n file, You can obtain one at http://mozilla.org/MPL/2.0/.\n */\n /*\n A complete list of SVG properties that can be set through CSS is here:\n http://www.w3.org/TR/SVG/styling.html\n\n Important note: Presentation attributes have a lower precedence over CSS style rules.\n */\n\n\n /* .viewport is a node wrapping all diagram elements in the paper */\n .joint-viewport {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n .joint-paper > svg,\n .joint-paper-background,\n .joint-paper-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n\n /*\n 1. IE can\'t handle paths without the `d` attribute for bounding box calculation\n 2. IE can\'t even handle \'d\' attribute as a css selector (e.g path[d]) so the following rule will\n break the links rendering.\n\n path:not([d]) {\n display: none;\n }\n\n */\n\n\n /* magnet is an element that can be either source or a target of a link */\n [magnet=true]:not(.joint-element) {\n cursor: crosshair;\n }\n [magnet=true]:not(.joint-element):hover {\n opacity: .7;\n }\n\n /*\n\n Elements have CSS classes named by their types. E.g. type: basic.Rect has a CSS class "element basic Rect".\n This makes it possible to easilly style elements in CSS and have generic CSS rules applying to\n the whole group of elements. Each plugin can provide its own stylesheet.\n\n */\n\n .joint-element {\n /* Give the user a hint that he can drag&drop the element. */\n cursor: move;\n }\n\n .joint-element * {\n user-drag: none;\n }\n\n .joint-element .scalable * {\n /* The default behavior when scaling an element is not to scale the stroke in order to prevent the ugly effect of stroke with different proportions. */\n vector-effect: non-scaling-stroke;\n }\n /*\n\n connection-wrap is a element of the joint.dia.Link that follows the .connection of that link.\n In other words, the `d` attribute of the .connection-wrap contains the same data as the `d` attribute of the\n .connection . The advantage of using .connection-wrap is to be able to catch pointer events\n in the neighborhood of the .connection . This is especially handy if the .connection is\n very thin.\n\n */\n\n .marker-source,\n .marker-target {\n /* This makes the arrowheads point to the border of objects even though the transform: scale() is applied on them. */\n vector-effect: non-scaling-stroke;\n }\n\n /* Paper */\n .joint-paper {\n position: relative;\n }\n /* Paper */\n\n /* Highlighting */\n .joint-highlight-opacity {\n opacity: 0.3;\n }\n /* Highlighting */\n\n /*\n\n Vertex markers are `` elements that appear at connection vertex positions.\n\n */\n\n .joint-link .connection-wrap,\n .joint-link .connection {\n fill: none;\n }\n\n /* element wrapping .marker-vertex-group. */\n .marker-vertices {\n opacity: 0;\n cursor: move;\n }\n .marker-arrowheads {\n opacity: 0;\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n /* display: none; */ /* setting `display: none` on .marker-arrowheads effectivelly switches of links reconnecting */\n }\n .link-tools {\n opacity: 0;\n cursor: pointer;\n }\n .link-tools .tool-options {\n display: none; /* by default, we don\'t display link options tool */\n }\n .joint-link:hover .marker-vertices,\n .joint-link:hover .marker-arrowheads,\n .joint-link:hover .link-tools {\n opacity: 1;\n }\n\n /* element used to remove a vertex */\n .marker-vertex-remove {\n cursor: pointer;\n opacity: .1;\n }\n\n .marker-vertex-group:hover .marker-vertex-remove {\n opacity: 1;\n }\n\n .marker-vertex-remove-area {\n opacity: .1;\n cursor: pointer;\n }\n .marker-vertex-group:hover .marker-vertex-remove-area {\n opacity: 1;\n }\n\n /*\n Example of custom changes (in pure CSS only!):\n\n Do not show marker vertices at all: .marker-vertices { display: none; }\n Do not allow adding new vertices: .connection-wrap { pointer-events: none; }\n */\n\n /* foreignObject inside the elements (i.e joint.shapes.basic.TextBlock) */\n .joint-element .fobj {\n overflow: hidden;\n }\n .joint-element .fobj body {\n background-color: transparent;\n margin: 0px;\n position: static;\n }\n .joint-element .fobj div {\n text-align: center;\n vertical-align: middle;\n display: table-cell;\n padding: 0px 5px 0px 5px;\n }\n\n /* Paper */\n .joint-paper.joint-theme-dark {\n background-color: #18191b;\n }\n /* Paper */\n\n /* Links */\n .joint-link.joint-theme-dark .connection-wrap {\n stroke: #8F8FF3;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-dark .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-dark .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-dark .link-tools .tool-remove circle {\n fill: #F33636;\n }\n .joint-link.joint-theme-dark .link-tools .tool-remove path {\n fill: white;\n }\n .joint-link.joint-theme-dark .link-tools [event="link:options"] circle {\n fill: green;\n }\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-dark .marker-vertex {\n fill: #5652DB;\n }\n .joint-link.joint-theme-dark .marker-vertex:hover {\n fill: #8E8CE1;\n stroke: none;\n }\n .joint-link.joint-theme-dark .marker-arrowhead {\n fill: #5652DB;\n }\n .joint-link.joint-theme-dark .marker-arrowhead:hover {\n fill: #8E8CE1;\n stroke: none;\n }\n /* element used to remove a vertex */\n .joint-link.joint-theme-dark .marker-vertex-remove-area {\n fill: green;\n stroke: darkgreen;\n }\n .joint-link.joint-theme-dark .marker-vertex-remove {\n fill: white;\n stroke: white;\n }\n /* Links */\n /* Paper */\n .joint-paper.joint-theme-default {\n background-color: #FFFFFF;\n }\n /* Paper */\n\n /* Links */\n .joint-link.joint-theme-default .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-default .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-default .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-default .link-tools .tool-remove circle {\n fill: #FF0000;\n }\n .joint-link.joint-theme-default .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-default .marker-vertex {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-default .marker-vertex:hover {\n fill: #34495E;\n stroke: none;\n }\n\n .joint-link.joint-theme-default .marker-arrowhead {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-default .marker-arrowhead:hover {\n fill: #F39C12;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-default .marker-vertex-remove {\n fill: #FFFFFF;\n }\n /* Links */\n\n @font-face {\n font-family: \'lato-light\';\n src: url(data:application/font-woff;charset=utf-8;base64,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) format(\'woff\');\n font-weight: normal;\n font-style: normal;\n }\n\n /* Links */\n .joint-link.joint-theme-material .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-material .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-material .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-material .link-tools .tool-remove circle {\n fill: #C64242;\n }\n .joint-link.joint-theme-material .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-material .marker-vertex {\n fill: #d0d8e8;\n }\n .joint-link.joint-theme-material .marker-vertex:hover {\n fill: #5fa9ee;\n stroke: none;\n }\n\n .joint-link.joint-theme-material .marker-arrowhead {\n fill: #d0d8e8;\n }\n .joint-link.joint-theme-material .marker-arrowhead:hover {\n fill: #5fa9ee;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-material .marker-vertex-remove-area {\n fill: #5fa9ee;\n }\n .joint-link.joint-theme-material .marker-vertex-remove {\n fill: white;\n }\n /* Links */\n\n /* Links */\n .joint-link.joint-theme-modern .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-modern .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-modern .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-modern .link-tools .tool-remove circle {\n fill: #FF0000;\n }\n .joint-link.joint-theme-modern .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-modern .marker-vertex {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-modern .marker-vertex:hover {\n fill: #34495E;\n stroke: none;\n }\n\n .joint-link.joint-theme-modern .marker-arrowhead {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-modern .marker-arrowhead:hover {\n fill: #F39C12;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-modern .marker-vertex-remove {\n fill: white;\n }\n /* Links */\n flo-view {\n width:100%;\n height:100%;\n margin: 0;\n background-color: #eeeeee;\n font-family: "Varela Round",sans-serif;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n }\n\n .canvas {\n border: 1px solid;\n border-color: #6db33f;\n border-radius: 2px;\n margin-top: 3px;\n }\n\n /* Canvas contains the palette on the left and the paper on the right */\n\n .paper {\n padding: 0px;\n background-color: #ffffff;\n /* \theight: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n *//* \tmargin-left: 400px; */\n }\n\n #sidebar-resizer {\n background-color: #34302d;\n position: absolute;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: e-resize;\n }\n\n #palette-container {\n background-color: #EEE;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n overflow: auto;\n }\n\n #paper-container {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n overflow: auto;\n color: #FFF;\n background-color: #FFF;\n }\n\n /* Tooltip START */\n\n .node-tooltip .tooltip-description {\n margin-top: 5px;\n margin-left: 0px;\n margin-bottom: 5px;\n }\n\n .node-tooltip {\n display:none;\n position:absolute;\n border:1px solid #333;\n background-color:#34302d;/*#161616;*/\n border-radius:5px;\n padding:5px;\n color:#fff;\n /*\tfont-size:12px Arial;*/\n font-family: "Varela Round",sans-serif;\n font-size: 19px;\n z-index: 100;\n }\n\n .tooltip-title-type {\n font-size: 24px;\n font-weight: bold;\n }\n\n .tooltip-title-group {\n padding-left: 5px;\n font-size: 20px;\n font-style: italic;\n }\n\n .node-tooltip-option-name {\n font-family: monospace;/*"Varela Round",sans-serif;*/\n font-size: 17px;\n font-weight: bold;\n padding-right: 20px;\n\n }\n\n .node-tooltip-option-description {\n font-family: "Varela Round",sans-serif;\n font-size: 18px;\n }\n\n /* Tooltip END */\n\n\n /* Validation Error Marker on Canvas START */\n\n .error-tooltip p {\n margin-top: 5px;\n margin-left: 0px;\n margin-bottom: 5px;\n color:#fff;\n }\n .error-tooltip {\n display:none;\n position:absolute;\n border:1px solid #333;\n background-color:red;/*#161616;*/\n border-radius:5px;\n padding:5px;\n color:#fff;\n /*\tfont-size:12px Arial;*/\n font-family: "Varela Round",sans-serif;\n font-size: 20px;\n z-index: 100;\n }\n\n /* Validation Error Marker on Canvas END */\n\n /* Controls on Canvas START */\n\n .canvas-controls-container {\n position: absolute;\n right: 15px;\n top: 5px;\n }\n\n .canvas-control {\n background: transparent;\n font-family: "Varela Round",sans-serif;\n font-size: 11px;\n vertical-align: middle;\n margin: 0px;\n }\n\n .zoom-canvas-control {\n border: 0px;\n padding: 0px;\n margin: 0px;\n outline: none;\n }\n\n .zoom-canvas-input {\n text-align: right;\n font-weight:bold;\n color: black;\n background-color: transparent;\n }\n\n .zoom-canvas-label {\n padding-right: 4px;\n color: black;\n }\n\n /* Controls on Canvas END */\n\n\n\n\n /* START - FLO CANVAS STYLES - override joint js styles */\n\n .highlighted {\n outline: none;\n }\n\n .joint-element.highlighted rect {\n stroke: #34302d;\n stroke-width: 3;\n }\n\n .joint-type-handle {\n cursor: pointer;\n }\n\n .available-magnet {\n stroke-width: 3;\n }\n\n .link {\n fill: none;\n stroke: #ccc;\n stroke-width: 1.5px;\n }\n\n .link-tools .tool-options {\n display: none; /* by default, we don\'t display link options tool */\n }\n\n /* Make transparent the circle around the link-tools (cog) icon. It\'ll allow shape to have a circle clicking area */\n .link-tools .tool-options circle {\n fill: transparent;\n stroke: transparent;\n }\n\n .link-tools .tool-options path {\n fill: black;\n stroke: black;\n }\n\n .link-tools .tool-remove circle {\n fill: red;\n stroke: red;\n }\n\n .link-tools .tool-remove path {\n fill: white;\n stroke: white;\n }\n\n .link-tools-container {\n stroke-width: 0;\n fill: transparent;\n }\n\n /* END - FLO CANVAS STYLES */\n '],encapsulation:core.ViewEncapsulation.None}),__metadata("design:paramtypes",[core.ElementRef])],EditorComponent)}(),$$5=_$,ResizerDirective=function(){function ResizerDirective(element,document){var _this=this;this.element=element,this.document=document,this.dragInProgress=!1,this.vertical=!0,this._subscriptions=new tsDisposables.CompositeDisposable,this.sizeChange=new core.EventEmitter,this.mouseMoveHandler=function(e){_this.dragInProgress&&_this.mousemove(e)}}return Object.defineProperty(ResizerDirective.prototype,"splitSize",{set:function(splitSize){this.maxSplitSize&&splitSize>this.maxSplitSize&&(splitSize=this.maxSplitSize),this.vertical?($$5(this.element.nativeElement).css({left:splitSize+"px"}),$$5(this.first).css({width:splitSize+"px"}),$$5(this.second).css({left:splitSize+this._size+"px"})):($$5(this.element.nativeElement).css({bottom:splitSize+"px"}),$$5(this.first).css({bottom:splitSize+this._size+"px"}),$$5(this.second).css({height:splitSize+"px"})),this._splitSize=splitSize,this.sizeChange.emit(splitSize)},enumerable:!0,configurable:!0}),Object.defineProperty(ResizerDirective.prototype,"resizerWidth",{set:function(width){this._size=width,this.vertical=!0},enumerable:!0,configurable:!0}),Object.defineProperty(ResizerDirective.prototype,"resizerHeight",{set:function(height){this._size=height,this.vertical=!1},enumerable:!0,configurable:!0}),Object.defineProperty(ResizerDirective.prototype,"resizerLeft",{set:function(first){this.first=first},enumerable:!0,configurable:!0}),Object.defineProperty(ResizerDirective.prototype,"resizerTop",{set:function(first){this.first=first},enumerable:!0,configurable:!0}),Object.defineProperty(ResizerDirective.prototype,"resizerRight",{set:function(second){this.second=second},enumerable:!0,configurable:!0}),Object.defineProperty(ResizerDirective.prototype,"resizerBottom",{set:function(second){this.second=second},enumerable:!0,configurable:!0}),ResizerDirective.prototype.startDrag=function(){this.dragInProgress=!0},ResizerDirective.prototype.mousemove=function(event){var size;size=this.vertical?event.pageX-$$5(this.first).offset().left:window.innerHeight-event.pageY-$$5(this.second).offset().top,this.splitSize=size},ResizerDirective.prototype.ngOnInit=function(){var _this=this;this.splitSize=this._splitSize;var subscription1=rxjs.fromEvent($$5(this.document).get(0),"mousemove").pipe(operators.sampleTime(300)).subscribe(this.mouseMoveHandler);this._subscriptions.add(tsDisposables.Disposable.create(function(){return subscription1.unsubscribe()}));var subscription2=rxjs.fromEvent($$5(this.document).get(0),"mouseup").subscribe(function(e){_this.dragInProgress&&(_this.mousemove(e),_this.dragInProgress=!1)});this._subscriptions.add(tsDisposables.Disposable.create(function(){return subscription2.unsubscribe()}))},ResizerDirective.prototype.ngOnDestroy=function(){this._subscriptions.dispose()},__decorate([core.Input(),__metadata("design:type",Number)],ResizerDirective.prototype,"maxSplitSize",void 0),__decorate([core.Output(),__metadata("design:type",Object)],ResizerDirective.prototype,"sizeChange",void 0),__decorate([core.Input(),__metadata("design:type",Number),__metadata("design:paramtypes",[Number])],ResizerDirective.prototype,"splitSize",null),__decorate([core.Input(),__metadata("design:type",Number),__metadata("design:paramtypes",[Number])],ResizerDirective.prototype,"resizerWidth",null),__decorate([core.Input(),__metadata("design:type",Number),__metadata("design:paramtypes",[Number])],ResizerDirective.prototype,"resizerHeight",null),__decorate([core.Input(),__metadata("design:type",String),__metadata("design:paramtypes",[String])],ResizerDirective.prototype,"resizerLeft",null),__decorate([core.Input(),__metadata("design:type",String),__metadata("design:paramtypes",[String])],ResizerDirective.prototype,"resizerTop",null),__decorate([core.Input(),__metadata("design:type",String),__metadata("design:paramtypes",[String])],ResizerDirective.prototype,"resizerRight",null),__decorate([core.Input(),__metadata("design:type",String),__metadata("design:paramtypes",[String])],ResizerDirective.prototype,"resizerBottom",null),ResizerDirective=__decorate([core.Directive({selector:"[resizer]",host:{"(mousedown)":"startDrag()"}}),__param(1,core.Inject(platformBrowser.DOCUMENT)),__metadata("design:paramtypes",[core.ElementRef,Object])],ResizerDirective)}(),$$6=_$,DslEditorComponent=function(){function DslEditorComponent(element){var _this=this;this.element=element,this._dsl="",this._lint=!1,this.lineNumbers=!1,this.lineWrapping=!1,this.debounce=0,this.dslChange=new core.EventEmitter,this.focus=new core.EventEmitter,this.blur=new core.EventEmitter,this.editor=new core.EventEmitter,this._dslChangedHandler=function(){_this._dsl=_this.doc.getValue(),_this.dslChange.emit(_this._dsl)}}return Object.defineProperty(DslEditorComponent.prototype,"dsl",{set:function(dsl){if(this._dsl=dsl,this.doc&&this._dsl!==this.doc.getValue()){var cursorPosition=this.doc.getCursor();this.doc.setValue(this._dsl||""),this.doc.setCursor(cursorPosition)}},enumerable:!0,configurable:!0}),Object.defineProperty(DslEditorComponent.prototype,"lintOptions",{set:function(lintOptions){this._lint=lintOptions,this.doc&&this.doc.setOption("lint",this._lint)},enumerable:!0,configurable:!0}),Object.defineProperty(DslEditorComponent.prototype,"hintOptions",{set:function(hintOptions){this._hint=hintOptions,this.doc&&this.doc.setOption("hintOptions",this._hint)},enumerable:!0,configurable:!0}),DslEditorComponent.prototype.ngOnInit=function(){var _this=this,options={value:this._dsl||"",gutters:["CodeMirror-lint-markers"],extraKeys:{"Ctrl-Space":"autocomplete"},lineNumbers:this.lineNumbers,lineWrapping:this.lineWrapping,electricChars:!1,smartIndent:!1};this.scrollbarStyle&&(options.scrollbarStyle=this.scrollbarStyle),this._lint&&(options.lint=this._lint),this._hint&&(options.hintOptions=this._hint),this.doc=codemirrorMinified.fromTextArea($$6("#dsl-editor-host",this.element.nativeElement)[0],options),this.placeholder&&this.doc.setOption("placeholder",this.placeholder),this.doc.setValue(this._dsl||""),this.doc.on("change",this.debounce?lodash.debounce(this._dslChangedHandler,this.debounce):this._dslChangedHandler),this.doc.on("focus",function(){return _this.focus.emit()}),this.doc.on("blur",function(){return _this.blur.emit()}),this.editor.emit(this.doc)},DslEditorComponent.prototype.ngOnDestroy=function(){},__decorate([core.Input("line-numbers"),__metadata("design:type",Object)],DslEditorComponent.prototype,"lineNumbers",void 0),__decorate([core.Input("line-wrapping"),__metadata("design:type",Object)],DslEditorComponent.prototype,"lineWrapping",void 0),__decorate([core.Input("scrollbar-style"),__metadata("design:type",String)],DslEditorComponent.prototype,"scrollbarStyle",void 0),__decorate([core.Input(),__metadata("design:type",String)],DslEditorComponent.prototype,"placeholder",void 0),__decorate([core.Input(),__metadata("design:type",Object)],DslEditorComponent.prototype,"debounce",void 0),__decorate([core.Output(),__metadata("design:type",Object)],DslEditorComponent.prototype,"dslChange",void 0),__decorate([core.Output(),__metadata("design:type",Object)],DslEditorComponent.prototype,"focus",void 0),__decorate([core.Output(),__metadata("design:type",Object)],DslEditorComponent.prototype,"blur",void 0),__decorate([core.Output(),__metadata("design:type",Object)],DslEditorComponent.prototype,"editor",void 0),__decorate([core.Input(),__metadata("design:type",String),__metadata("design:paramtypes",[String])],DslEditorComponent.prototype,"dsl",null),__decorate([core.Input(),__metadata("design:type",Object),__metadata("design:paramtypes",[Object])],DslEditorComponent.prototype,"lintOptions",null),__decorate([core.Input(),__metadata("design:type",Object),__metadata("design:paramtypes",[Object])],DslEditorComponent.prototype,"hintOptions",null),DslEditorComponent=__decorate([core.Component({selector:"dsl-editor",template:'\n \n ',styles:["\n .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}/* Code Mirror related styles START */\n\n .CodeMirror {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n height: 100%;\n }\n .CodeMirror-hint {\n max-width: 38em;\n }\n .CodeMirror-vertical-ruler-error {\n background-color: rgba(188, 0, 0, 0.5);\n }\n .CodeMirror-vertical-ruler-warning {\n background-color: rgba(255, 188, 0, 0.5);\n }\n\n\n /* Code Mirror related styles END */\n "],encapsulation:core.ViewEncapsulation.None}),__metadata("design:paramtypes",[core.ElementRef])],DslEditorComponent)}(),$$7=_$,CodeEditorComponent=function(){function CodeEditorComponent(element){var _this=this;this.element=element,this._dsl="",this._lint=!1,this.lineNumbers=!1,this.lineWrapping=!1,this.dslChange=new core.EventEmitter,this.focus=new core.EventEmitter,this.blur=new core.EventEmitter,this.editor=new core.EventEmitter,this._dslChangedHandler=function(){_this._dsl=_this.doc.getValue(),_this.dslChange.emit(_this._dsl),_this._onChangeHandler&&_this._onChangeHandler(_this._dsl)}}var CodeEditorComponent_1;return CodeEditorComponent_1=CodeEditorComponent,Object.defineProperty(CodeEditorComponent.prototype,"dsl",{set:function(dsl){if(this._dsl=dsl,this.doc&&this._dsl!==this.doc.getValue()){var cursorPosition=this.doc.getCursor();this.doc.setValue(this._dsl||""),this.doc.setCursor(cursorPosition)}},enumerable:!0,configurable:!0}),Object.defineProperty(CodeEditorComponent.prototype,"language",{set:function(_language){this._language!==_language&&(this._language=_language,this.loadEditorMode())},enumerable:!0,configurable:!0}),CodeEditorComponent.prototype.ngOnInit=function(){var _this=this,options={value:this._dsl||"",gutters:["CodeMirror-lint-markers"],extraKeys:{"Ctrl-Space":"autocomplete"},lineNumbers:this.lineNumbers,lineWrapping:this.lineWrapping,matchBrackets:!0,autoCloseBrackets:!0};this.scrollbarStyle&&(options.scrollbarStyle=this.scrollbarStyle),this._lint&&(options.lint=this._lint),this.doc=codemirrorMinified.fromTextArea($$7("#code-editor-host",this.element.nativeElement)[0],options),this.placeholder&&this.doc.setOption("placeholder",this.placeholder),this.doc.setValue(this._dsl||""),this.doc.on("change",this._dslChangedHandler),this.doc.on("focus",function(){_this.focus.emit(),_this._onTouchHandler&&_this._onTouchHandler()}),this.doc.on("blur",function(){return _this.blur.emit()}),this.warningRuler=this.doc.annotateScrollbar("CodeMirror-vertical-ruler-warning"),this.errorRuler=this.doc.annotateScrollbar("CodeMirror-vertical-ruler-error"),this.loadEditorMode(),this.editor.emit(this.doc)},CodeEditorComponent.prototype.loadEditorMode=function(){if(this.doc){var info=this._language?codemirrorMinified.findModeByName(this._language):void 0;info?this.doc.setOption("mode",info.mime):this.doc.setOption("mode","text/plain"),this.doc.setOption("lint",this.getLintOptions())}},CodeEditorComponent.prototype.ngOnDestroy=function(){},CodeEditorComponent.prototype.writeValue=function(obj){this.dsl=obj},CodeEditorComponent.prototype.registerOnChange=function(fn){this._onChangeHandler=fn},CodeEditorComponent.prototype.registerOnTouched=function(fn){this._onTouchHandler=fn},CodeEditorComponent.prototype.getLintOptions=function(){var _this=this;switch(this._language){case"javascript":case"json":case"coffeescript":case"yaml":return{onUpdateLinting:function(annotations){var warnings=[],errors=[];_this.overviewRuler&&Array.isArray(annotations)&&annotations.forEach(function(a){a.to&&a.from&&0<=a.from.line&&0<=a.from.ch&&a.to.line>=a.from.line&&0<=a.from.ch&&("error"===a.severity?errors.push(a):"warning"===a.severity&&warnings.push(a))}),_this.warningRuler.update(warnings),_this.errorRuler.update(errors)}}}return!1},__decorate([core.Input("line-numbers"),__metadata("design:type",Object)],CodeEditorComponent.prototype,"lineNumbers",void 0),__decorate([core.Input("line-wrapping"),__metadata("design:type",Object)],CodeEditorComponent.prototype,"lineWrapping",void 0),__decorate([core.Input("scrollbar-style"),__metadata("design:type",String)],CodeEditorComponent.prototype,"scrollbarStyle",void 0),__decorate([core.Input(),__metadata("design:type",String)],CodeEditorComponent.prototype,"placeholder",void 0),__decorate([core.Input("overview-ruler"),__metadata("design:type",Boolean)],CodeEditorComponent.prototype,"overviewRuler",void 0),__decorate([core.Output(),__metadata("design:type",Object)],CodeEditorComponent.prototype,"dslChange",void 0),__decorate([core.Output(),__metadata("design:type",Object)],CodeEditorComponent.prototype,"focus",void 0),__decorate([core.Output(),__metadata("design:type",Object)],CodeEditorComponent.prototype,"blur",void 0),__decorate([core.Output(),__metadata("design:type",Object)],CodeEditorComponent.prototype,"editor",void 0),__decorate([core.Input(),__metadata("design:type",String),__metadata("design:paramtypes",[String])],CodeEditorComponent.prototype,"dsl",null),__decorate([core.Input(),__metadata("design:type",String),__metadata("design:paramtypes",[String])],CodeEditorComponent.prototype,"language",null),CodeEditorComponent=CodeEditorComponent_1=__decorate([core.Component({selector:"code-editor",template:'\n \n \n
\n ',styles:["\n .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{position:absolute;background:#ccc;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #bbb;border-radius:2px}.CodeMirror-simplescroll-horizontal,.CodeMirror-simplescroll-vertical{position:absolute;z-index:6;background:#eee}.CodeMirror-simplescroll-horizontal{bottom:0;left:0;height:8px}.CodeMirror-simplescroll-horizontal div{bottom:0;height:100%}.CodeMirror-simplescroll-vertical{right:0;top:0;width:8px}.CodeMirror-simplescroll-vertical div{right:0;width:100%}.CodeMirror-overlayscroll .CodeMirror-gutter-filler,.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler{display:none}.CodeMirror-overlayscroll-horizontal div,.CodeMirror-overlayscroll-vertical div{position:absolute;background:#bcd;border-radius:3px}.CodeMirror-overlayscroll-horizontal,.CodeMirror-overlayscroll-vertical{position:absolute;z-index:6}.CodeMirror-overlayscroll-horizontal{bottom:0;left:0;height:6px}.CodeMirror-overlayscroll-horizontal div{bottom:0;height:100%}.CodeMirror-overlayscroll-vertical{right:0;top:0;width:6px}.CodeMirror-overlayscroll-vertical div{right:0;width:100%}.CodeMirror {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n height: 100%;\n }\n .CodeMirror-hint {\n max-width: 38em;\n }\n .CodeMirror-vertical-ruler-error {\n background-color: rgba(188, 0, 0, 0.5);\n }\n .CodeMirror-vertical-ruler-warning {\n background-color: rgba(255, 188, 0, 0.5);\n }\n .CodeMirror-lint-tooltip {\n z-index: 2000;\n }\n "],encapsulation:core.ViewEncapsulation.None,providers:[{provide:forms.NG_VALUE_ACCESSOR,useExisting:core.forwardRef(function(){return CodeEditorComponent_1}),multi:!0}]}),__metadata("design:paramtypes",[core.ElementRef])],CodeEditorComponent)}();!function(Properties){var InputType;!function(InputType){InputType[InputType.TEXT=0]="TEXT",InputType[InputType.NUMBER=1]="NUMBER",InputType[InputType.SELECT=2]="SELECT",InputType[InputType.CHECKBOX=3]="CHECKBOX",InputType[InputType.PASSWORD=4]="PASSWORD",InputType[InputType.EMAIL=5]="EMAIL",InputType[InputType.URL=6]="URL",InputType[InputType.CODE=7]="CODE"}(InputType=Properties.InputType||(Properties.InputType={}));var GenericControlModel=function(){function GenericControlModel(_property,type,validation){this._property=_property,this.type=type,this.validation=validation}return Object.defineProperty(GenericControlModel.prototype,"id",{get:function(){return this.property.id},enumerable:!0,configurable:!0}),Object.defineProperty(GenericControlModel.prototype,"name",{get:function(){return this.property.name},enumerable:!0,configurable:!0}),Object.defineProperty(GenericControlModel.prototype,"description",{get:function(){return this.property.description},enumerable:!0,configurable:!0}),Object.defineProperty(GenericControlModel.prototype,"defaultValue",{get:function(){return this.property.defaultValue},enumerable:!0,configurable:!0}),Object.defineProperty(GenericControlModel.prototype,"value",{get:function(){return this.getValue()},set:function(value){this.setValue(value)},enumerable:!0,configurable:!0}),Object.defineProperty(GenericControlModel.prototype,"property",{get:function(){return this._property},enumerable:!0,configurable:!0}),GenericControlModel.prototype.setValue=function(value){this.property.value=value},GenericControlModel.prototype.getValue=function(){return this.property.value},GenericControlModel}(),CheckBoxControlModel=function(_super){function CheckBoxControlModel(_property,validation){return _super.call(this,_property,InputType.CHECKBOX,validation)||this}return __extends(CheckBoxControlModel,_super),CheckBoxControlModel.prototype.getValue=function(){var res=_super.prototype.getValue.call(this);switch(typeof res){case"boolean":return res;case"string":switch(res.trim().toLowerCase()){case"true":case"1":return!0;case"false":case"0":return!1;default:return this.property.defaultValue}case"number":return 0!==res&&(1===res||this.property.defaultValue)}return this.property.defaultValue},CheckBoxControlModel}(Properties.GenericControlModel=GenericControlModel);Properties.CheckBoxControlModel=CheckBoxControlModel;var AbstractCodeControlModel=function(_super){function AbstractCodeControlModel(_property,encode,decode,validation){var _this=_super.call(this,_property,InputType.CODE,validation)||this;return _this.encode=encode,_this.decode=decode,_this}return __extends(AbstractCodeControlModel,_super),Object.defineProperty(AbstractCodeControlModel.prototype,"value",{get:function(){var dsl=_super.prototype.getValue.call(this);return dsl&&this.decode?this.decode(dsl):dsl},set:function(value){value&&this.encode?_super.prototype.setValue.call(this,this.encode(value)):_super.prototype.setValue.call(this,value)},enumerable:!0,configurable:!0}),AbstractCodeControlModel}(GenericControlModel),GenericCodeControlModel=function(_super){function GenericCodeControlModel(_property,language,encode,decode,validation){var _this=_super.call(this,_property,encode,decode,validation)||this;return _this.language=language,_this}return __extends(GenericCodeControlModel,_super),GenericCodeControlModel}(Properties.AbstractCodeControlModel=AbstractCodeControlModel);Properties.GenericCodeControlModel=GenericCodeControlModel;var CodeControlModelWithDynamicLanguageProperty=function(_super){function CodeControlModelWithDynamicLanguageProperty(_property,_languagePropertyName,_groupModel,encode,decode,validation){var _this=_super.call(this,_property,encode,decode,validation)||this;return _this._languagePropertyName=_languagePropertyName,_this._groupModel=_groupModel,_this}return __extends(CodeControlModelWithDynamicLanguageProperty,_super),Object.defineProperty(CodeControlModelWithDynamicLanguageProperty.prototype,"language",{get:function(){var value=this.languageControlModel.value;return value||this.languageControlModel.defaultValue},enumerable:!0,configurable:!0}),Object.defineProperty(CodeControlModelWithDynamicLanguageProperty.prototype,"languageControlModel",{get:function(){var _this=this;return this._langControlModel||(this._langControlModel=this._groupModel.getControlsModels().find(function(c){return c.id===_this._languagePropertyName})),this._langControlModel},enumerable:!0,configurable:!0}),CodeControlModelWithDynamicLanguageProperty}(AbstractCodeControlModel);Properties.CodeControlModelWithDynamicLanguageProperty=CodeControlModelWithDynamicLanguageProperty;var GenericListControlModel=function(_super){function GenericListControlModel(property,validation){return _super.call(this,property,InputType.TEXT,validation)||this}return __extends(GenericListControlModel,_super),Object.defineProperty(GenericListControlModel.prototype,"value",{get:function(){return this.property.value?this.property.value.join(", "):""},set:function(value){this.property.value=value&&value.trim()?value.split(/\s*,\s*/):void 0},enumerable:!0,configurable:!0}),GenericListControlModel}(GenericControlModel);Properties.GenericListControlModel=GenericListControlModel;var SelectControlModel=function(_super){function SelectControlModel(_property,type,options){var _this=_super.call(this,_property,type)||this;return _this.options=options,void 0===_property.defaultValue&&options.unshift({name:"SELECT",value:_property.defaultValue}),_this}return __extends(SelectControlModel,_super),SelectControlModel}(GenericControlModel);Properties.SelectControlModel=SelectControlModel;var DefaultCellPropertiesSource=function(){function DefaultCellPropertiesSource(cell){this.cell=cell}return DefaultCellPropertiesSource.prototype.getProperties=function(){var _this=this,metadata=this.cell.attr("metadata");return Promise.resolve(metadata.properties().then(function(propsMetadata){return Array.from(propsMetadata.values()).map(function(m){return _this.createProperty(m)})}))},DefaultCellPropertiesSource.prototype.createProperty=function(metadata){return{id:metadata.id,name:metadata.name,type:metadata.type,defaultValue:metadata.defaultValue,attr:"props/"+metadata.name,value:this.cell.attr("props/"+metadata.name),description:metadata.description,valueOptions:metadata.options}},DefaultCellPropertiesSource.prototype.applyChanges=function(properties){var _this=this;this.cell.trigger("batch:start",{batchName:"update properties"}),properties.forEach(function(property){if("boolean"==typeof property.value&&!property.defaultValue&&!property.value||property.value===property.defaultValue||""===property.value||void 0===property.value||null===property.value){var currentValue=_this.cell.attr(property.attr);null!=currentValue&&(_this.cell.attr(property.attr,void 0===property.defaultValue?null:property.defaultValue),_this.cell.removeAttr(property.attr))}else _this.cell.attr(property.attr,property.value)}),this.cell.trigger("batch:stop",{batchName:"update properties"})},DefaultCellPropertiesSource}();Properties.DefaultCellPropertiesSource=DefaultCellPropertiesSource;var PropertiesGroupModel=function(){function PropertiesGroupModel(propertiesSource){this.loading=!0,this.propertiesSource=propertiesSource}return PropertiesGroupModel.prototype.load=function(){var _this=this;this.loading=!0,this._loadedSubject=new rxjs.Subject,this.propertiesSource.getProperties().then(function(properties){_this.controlModels=properties.map(function(p){return _this.createControlModel(p)}),_this.loading=!1,_this._loadedSubject.next(!0),_this._loadedSubject.complete()})},Object.defineProperty(PropertiesGroupModel.prototype,"isLoading",{get:function(){return this.loading},enumerable:!0,configurable:!0}),Object.defineProperty(PropertiesGroupModel.prototype,"loadedSubject",{get:function(){return this._loadedSubject},enumerable:!0,configurable:!0}),PropertiesGroupModel.prototype.getControlsModels=function(){return this.controlModels},PropertiesGroupModel.prototype.createControlModel=function(property){return new GenericControlModel(property,InputType.TEXT)},PropertiesGroupModel.prototype.applyChanges=function(){if(!this.loading){var properties=this.controlModels.map(function(cm){return cm.property});this.propertiesSource.applyChanges(properties)}},PropertiesGroupModel}();Properties.PropertiesGroupModel=PropertiesGroupModel,function(Validators){Validators.uniqueResource=function(service,debounce$$1){return function(control){return new rxjs.Observable(function(obs){control.valueChanges&&control.value?control.valueChanges.pipe(operators.debounceTime(debounce$$1),operators.mergeMap(function(value){return service(value)})).subscribe(function(){obs.next({uniqueResource:!0}),obs.complete()},function(){obs.next(void 0),obs.complete()}):(obs.next(void 0),obs.complete())})}},Validators.noneOf=function(excluded){return function(control){return excluded.find(function(e){return e===control.value})?{noneOf:{value:control.value}}:{}}}}(Properties.Validators||(Properties.Validators={}))}(exports.Properties||(exports.Properties={}));var PropertiesGroupComponent=function(){function PropertiesGroupComponent(){}return PropertiesGroupComponent.prototype.ngOnInit=function(){var _this=this;if(this.propertiesGroupModel.isLoading)var subscription_1=this.propertiesGroupModel.loadedSubject.subscribe(function(loaded){loaded&&(subscription_1.unsubscribe(),_this.createGroupControls())});else this.createGroupControls()},PropertiesGroupComponent.prototype.createGroupControls=function(){var _this=this;this.propertiesGroupModel.getControlsModels().forEach(function(c){c.validation?_this.form.addControl(c.id,new forms.FormControl(c.value||"",c.validation.validator,c.validation.asyncValidator)):_this.form.addControl(c.id,new forms.FormControl(c.value||""))})},__decorate([core.Input(),__metadata("design:type",exports.Properties.PropertiesGroupModel)],PropertiesGroupComponent.prototype,"propertiesGroupModel",void 0),__decorate([core.Input(),__metadata("design:type",forms.FormGroup)],PropertiesGroupComponent.prototype,"form",void 0),PropertiesGroupComponent=__decorate([core.Component({selector:"properties-group",template:'\n \n
\n ',encapsulation:core.ViewEncapsulation.None})],PropertiesGroupComponent)}(),DynamicFormPropertyComponent=function(){function DynamicFormPropertyComponent(){}return Object.defineProperty(DynamicFormPropertyComponent.prototype,"types",{get:function(){return exports.Properties.InputType},enumerable:!0,configurable:!0}),Object.defineProperty(DynamicFormPropertyComponent.prototype,"control",{get:function(){return this.form.controls[this.model.id]},enumerable:!0,configurable:!0}),Object.defineProperty(DynamicFormPropertyComponent.prototype,"errorData",{get:function(){var _this=this;return(this.model.validation&&this.model.validation.errorData?this.model.validation.errorData:[]).filter(function(e){return _this.control.errors&&_this.control.errors[e.id]})},enumerable:!0,configurable:!0}),__decorate([core.Input(),__metadata("design:type",Object)],DynamicFormPropertyComponent.prototype,"model",void 0),__decorate([core.Input(),__metadata("design:type",forms.FormGroup)],DynamicFormPropertyComponent.prototype,"form",void 0),DynamicFormPropertyComponent=__decorate([core.Component({selector:"df-property",template:'\n \n\n \n {{model.name}} \n \n\n \n \n\n \n \n\n \n {{o.name}} \n \n\n \n \n\n
\n \n
{{model.description}}
\n
{{e.message}}
\n
\n\n \n ',encapsulation:core.ViewEncapsulation.None}),__metadata("design:paramtypes",[])],DynamicFormPropertyComponent)}(),FloModule=function(){function FloModule(){}return FloModule=__decorate([core.NgModule({imports:[forms.FormsModule,common.CommonModule,forms.ReactiveFormsModule],declarations:[Palette,EditorComponent,ResizerDirective,DslEditorComponent,CodeEditorComponent,PropertiesGroupComponent,DynamicFormPropertyComponent],exports:[EditorComponent,DslEditorComponent,DynamicFormPropertyComponent,PropertiesGroupComponent]})],FloModule)}();exports.FloModule=FloModule,exports.Palette=Palette,exports.EditorComponent=EditorComponent,exports.DslEditorComponent=DslEditorComponent,exports.CodeEditorComponent=CodeEditorComponent,exports.PropertiesGroupComponent=PropertiesGroupComponent,exports.DynamicFormPropertyComponent=DynamicFormPropertyComponent,exports.ResizerDirective=ResizerDirective,Object.defineProperty(exports,"__esModule",{value:!0})});
\ No newline at end of file
diff --git a/dist/esm2015/code-editor/code-editor.component.js b/dist/esm2015/code-editor/code-editor.component.js
new file mode 100644
index 0000000..01f12b5
--- /dev/null
+++ b/dist/esm2015/code-editor/code-editor.component.js
@@ -0,0 +1,249 @@
+import * as tslib_1 from "tslib";
+var CodeEditorComponent_1;
+import { Component, Input, Output, ElementRef, EventEmitter, ViewEncapsulation, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as CodeMirror from 'codemirror-minified';
+import * as _$ from 'jquery';
+const $ = _$;
+// CodeMirror extensions
+import 'codemirror-minified/mode/meta';
+import 'codemirror-minified/addon/lint/lint';
+import 'codemirror-minified/addon/hint/show-hint';
+// import 'codemirror-minified/addon/mode/loadmode';
+import 'codemirror-minified/addon/edit/matchbrackets';
+import 'codemirror-minified/addon/edit/closebrackets';
+import 'codemirror-minified/addon/display/placeholder';
+import 'codemirror-minified/addon/scroll/annotatescrollbar';
+import 'codemirror-minified/addon/scroll/simplescrollbars';
+// Lint support
+// Unclear how to import this dynamically...
+import 'codemirror-minified/addon/lint/javascript-lint';
+import 'codemirror-minified/addon/lint/coffeescript-lint';
+import 'codemirror-minified/addon/lint/json-lint';
+import 'codemirror-minified/addon/lint/yaml-lint';
+// TODO: use dynamic import with JS7 in the future. CM autoLoad cannot load it properly - thinks its AMD
+// Supported languages until dynamic loading
+import 'codemirror-minified/mode/groovy/groovy';
+import 'codemirror-minified/mode/javascript/javascript';
+import 'codemirror-minified/mode/python/python';
+import 'codemirror-minified/mode/ruby/ruby';
+import 'codemirror-minified/mode/clike/clike';
+import 'codemirror-minified/mode/yaml/yaml';
+import 'codemirror-minified/mode/coffeescript/coffeescript';
+let CodeEditorComponent = CodeEditorComponent_1 = class CodeEditorComponent {
+ constructor(element) {
+ this.element = element;
+ this._dsl = '';
+ this._lint = false;
+ this.lineNumbers = false;
+ this.lineWrapping = false;
+ this.dslChange = new EventEmitter();
+ this.focus = new EventEmitter();
+ this.blur = new EventEmitter();
+ this.editor = new EventEmitter();
+ this._dslChangedHandler = () => {
+ this._dsl = this.doc.getValue();
+ this.dslChange.emit(this._dsl);
+ if (this._onChangeHandler) {
+ this._onChangeHandler(this._dsl);
+ }
+ };
+ }
+ set dsl(dsl) {
+ this._dsl = dsl;
+ if (this.doc && this._dsl !== this.doc.getValue()) {
+ let cursorPosition = this.doc.getCursor();
+ this.doc.setValue(this._dsl || '');
+ this.doc.setCursor(cursorPosition);
+ }
+ }
+ set language(_language) {
+ if (this._language !== _language) {
+ this._language = _language;
+ this.loadEditorMode();
+ }
+ }
+ ngOnInit() {
+ let options = {
+ value: this._dsl || '',
+ gutters: ['CodeMirror-lint-markers'],
+ extraKeys: { 'Ctrl-Space': 'autocomplete' },
+ lineNumbers: this.lineNumbers,
+ lineWrapping: this.lineWrapping,
+ matchBrackets: true,
+ autoCloseBrackets: true,
+ };
+ if (this.scrollbarStyle) {
+ options.scrollbarStyle = this.scrollbarStyle;
+ }
+ if (this._lint) {
+ options.lint = this._lint;
+ }
+ this.doc = CodeMirror.fromTextArea($('#code-editor-host', this.element.nativeElement)[0], options);
+ if (this.placeholder) {
+ this.doc.setOption('placeholder', this.placeholder);
+ }
+ // Turns out "value" in the option doesn't set it.
+ this.doc.setValue(this._dsl || '');
+ this.doc.on('change', this._dslChangedHandler);
+ this.doc.on('focus', () => {
+ this.focus.emit();
+ if (this._onTouchHandler) {
+ this._onTouchHandler();
+ }
+ });
+ this.doc.on('blur', () => this.blur.emit());
+ this.warningRuler = this.doc.annotateScrollbar('CodeMirror-vertical-ruler-warning');
+ this.errorRuler = this.doc.annotateScrollbar('CodeMirror-vertical-ruler-error');
+ this.loadEditorMode();
+ this.editor.emit(this.doc);
+ }
+ loadEditorMode() {
+ // CodeMirror doc object must be initialized
+ if (!this.doc) {
+ return;
+ }
+ const info = this._language ? CodeMirror.findModeByName(this._language) : undefined;
+ // Set proper editor mode
+ if (info) {
+ this.doc.setOption('mode', info.mime);
+ // (CodeMirror).autoLoadMode(this.doc, info.mode);
+ }
+ else {
+ this.doc.setOption('mode', 'text/plain');
+ }
+ // Set proper Lint mode
+ this.doc.setOption('lint', this.getLintOptions());
+ }
+ ngOnDestroy() {
+ }
+ writeValue(obj) {
+ this.dsl = obj;
+ }
+ registerOnChange(fn) {
+ this._onChangeHandler = fn;
+ }
+ registerOnTouched(fn) {
+ this._onTouchHandler = fn;
+ }
+ getLintOptions() {
+ switch (this._language) {
+ case 'javascript':
+ case 'json':
+ case 'coffeescript':
+ case 'yaml':
+ return {
+ onUpdateLinting: (annotations) => {
+ const warnings = [];
+ const errors = [];
+ if (this.overviewRuler) {
+ if (Array.isArray(annotations)) {
+ annotations.forEach((a) => {
+ if (a.to && a.from && a.from.line >= 0 && a.from.ch >= 0 && a.to.line >= a.from.line && a.from.ch >= 0) {
+ if (a.severity === 'error') {
+ errors.push(a);
+ }
+ else if (a.severity === 'warning') {
+ warnings.push(a);
+ }
+ }
+ });
+ }
+ }
+ this.warningRuler.update(warnings);
+ this.errorRuler.update(errors);
+ }
+ };
+ }
+ return false;
+ }
+};
+tslib_1.__decorate([
+ Input('line-numbers'),
+ tslib_1.__metadata("design:type", Object)
+], CodeEditorComponent.prototype, "lineNumbers", void 0);
+tslib_1.__decorate([
+ Input('line-wrapping'),
+ tslib_1.__metadata("design:type", Object)
+], CodeEditorComponent.prototype, "lineWrapping", void 0);
+tslib_1.__decorate([
+ Input('scrollbar-style'),
+ tslib_1.__metadata("design:type", String)
+], CodeEditorComponent.prototype, "scrollbarStyle", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String)
+], CodeEditorComponent.prototype, "placeholder", void 0);
+tslib_1.__decorate([
+ Input('overview-ruler'),
+ tslib_1.__metadata("design:type", Boolean)
+], CodeEditorComponent.prototype, "overviewRuler", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], CodeEditorComponent.prototype, "dslChange", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], CodeEditorComponent.prototype, "focus", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], CodeEditorComponent.prototype, "blur", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], CodeEditorComponent.prototype, "editor", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+], CodeEditorComponent.prototype, "dsl", null);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+], CodeEditorComponent.prototype, "language", null);
+CodeEditorComponent = CodeEditorComponent_1 = tslib_1.__decorate([
+ Component({
+ selector: 'code-editor',
+ template: `
+
+
+
+ `,
+ styles: [`
+ .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{position:absolute;background:#ccc;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #bbb;border-radius:2px}.CodeMirror-simplescroll-horizontal,.CodeMirror-simplescroll-vertical{position:absolute;z-index:6;background:#eee}.CodeMirror-simplescroll-horizontal{bottom:0;left:0;height:8px}.CodeMirror-simplescroll-horizontal div{bottom:0;height:100%}.CodeMirror-simplescroll-vertical{right:0;top:0;width:8px}.CodeMirror-simplescroll-vertical div{right:0;width:100%}.CodeMirror-overlayscroll .CodeMirror-gutter-filler,.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler{display:none}.CodeMirror-overlayscroll-horizontal div,.CodeMirror-overlayscroll-vertical div{position:absolute;background:#bcd;border-radius:3px}.CodeMirror-overlayscroll-horizontal,.CodeMirror-overlayscroll-vertical{position:absolute;z-index:6}.CodeMirror-overlayscroll-horizontal{bottom:0;left:0;height:6px}.CodeMirror-overlayscroll-horizontal div{bottom:0;height:100%}.CodeMirror-overlayscroll-vertical{right:0;top:0;width:6px}.CodeMirror-overlayscroll-vertical div{right:0;width:100%}.CodeMirror {
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ height: 100%;
+ }
+ .CodeMirror-hint {
+ max-width: 38em;
+ }
+ .CodeMirror-vertical-ruler-error {
+ background-color: rgba(188, 0, 0, 0.5);
+ }
+ .CodeMirror-vertical-ruler-warning {
+ background-color: rgba(255, 188, 0, 0.5);
+ }
+ .CodeMirror-lint-tooltip {
+ z-index: 2000;
+ }
+ `],
+ encapsulation: ViewEncapsulation.None,
+ providers: [
+ {
+ provide: NG_VALUE_ACCESSOR,
+ useExisting: forwardRef(() => CodeEditorComponent_1),
+ multi: true
+ }
+ ]
+ }),
+ tslib_1.__metadata("design:paramtypes", [ElementRef])
+], CodeEditorComponent);
+export { CodeEditorComponent };
+//# sourceMappingURL=code-editor.component.js.map
\ No newline at end of file
diff --git a/dist/esm2015/directives/resizer.js b/dist/esm2015/directives/resizer.js
new file mode 100644
index 0000000..1977e8e
--- /dev/null
+++ b/dist/esm2015/directives/resizer.js
@@ -0,0 +1,161 @@
+import * as tslib_1 from "tslib";
+import { Directive, Input, Output, EventEmitter, Inject, ElementRef } from '@angular/core';
+import { DOCUMENT } from '@angular/platform-browser';
+import { fromEvent } from 'rxjs';
+import { sampleTime } from 'rxjs/operators';
+import { CompositeDisposable, Disposable } from 'ts-disposables';
+import * as _$ from 'jquery';
+const $ = _$;
+let ResizerDirective = class ResizerDirective {
+ constructor(element, document) {
+ this.element = element;
+ this.document = document;
+ this.dragInProgress = false;
+ this.vertical = true;
+ this._subscriptions = new CompositeDisposable();
+ this.sizeChange = new EventEmitter();
+ this.mouseMoveHandler = (e) => {
+ if (this.dragInProgress) {
+ this.mousemove(e);
+ }
+ };
+ }
+ set splitSize(splitSize) {
+ if (this.maxSplitSize && splitSize > this.maxSplitSize) {
+ splitSize = this.maxSplitSize;
+ }
+ if (this.vertical) {
+ // Handle vertical resizer
+ $(this.element.nativeElement).css({
+ left: splitSize + 'px'
+ });
+ $(this.first).css({
+ width: splitSize + 'px'
+ });
+ $(this.second).css({
+ left: (splitSize + this._size) + 'px'
+ });
+ }
+ else {
+ // Handle horizontal resizer
+ $(this.element.nativeElement).css({
+ bottom: splitSize + 'px'
+ });
+ $(this.first).css({
+ bottom: (splitSize + this._size) + 'px'
+ });
+ $(this.second).css({
+ height: splitSize + 'px'
+ });
+ }
+ this._splitSize = splitSize;
+ // Update the local field
+ this.sizeChange.emit(splitSize);
+ }
+ set resizerWidth(width) {
+ this._size = width;
+ this.vertical = true;
+ }
+ set resizerHeight(height) {
+ this._size = height;
+ this.vertical = false;
+ }
+ set resizerLeft(first) {
+ this.first = first;
+ }
+ set resizerTop(first) {
+ this.first = first;
+ }
+ set resizerRight(second) {
+ this.second = second;
+ }
+ set resizerBottom(second) {
+ this.second = second;
+ }
+ startDrag() {
+ this.dragInProgress = true;
+ }
+ mousemove(event) {
+ let size;
+ if (this.vertical) { // Handle vertical resizer. Calculate new size relative to palette container DOM node
+ size = event.pageX - $(this.first).offset().left;
+ }
+ else {
+ // Handle horizontal resizer Calculate new size relative to palette container DOM node
+ size = window.innerHeight - event.pageY - $(this.second).offset().top;
+ }
+ this.splitSize = size;
+ }
+ ngOnInit() {
+ // Need to set left and right elements width and fire events on init when DOM is built
+ this.splitSize = this._splitSize;
+ let subscription1 = fromEvent($(this.document).get(0), 'mousemove')
+ .pipe(sampleTime(300))
+ .subscribe(this.mouseMoveHandler);
+ this._subscriptions.add(Disposable.create(() => subscription1.unsubscribe()));
+ let subscription2 = fromEvent($(this.document).get(0), 'mouseup')
+ .subscribe(e => {
+ if (this.dragInProgress) {
+ this.mousemove(e);
+ this.dragInProgress = false;
+ }
+ });
+ this._subscriptions.add(Disposable.create(() => subscription2.unsubscribe()));
+ }
+ ngOnDestroy() {
+ this._subscriptions.dispose();
+ }
+};
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Number)
+], ResizerDirective.prototype, "maxSplitSize", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], ResizerDirective.prototype, "sizeChange", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Number),
+ tslib_1.__metadata("design:paramtypes", [Number])
+], ResizerDirective.prototype, "splitSize", null);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Number),
+ tslib_1.__metadata("design:paramtypes", [Number])
+], ResizerDirective.prototype, "resizerWidth", null);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Number),
+ tslib_1.__metadata("design:paramtypes", [Number])
+], ResizerDirective.prototype, "resizerHeight", null);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+], ResizerDirective.prototype, "resizerLeft", null);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+], ResizerDirective.prototype, "resizerTop", null);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+], ResizerDirective.prototype, "resizerRight", null);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+], ResizerDirective.prototype, "resizerBottom", null);
+ResizerDirective = tslib_1.__decorate([
+ Directive({
+ selector: '[resizer]',
+ host: { '(mousedown)': 'startDrag()' }
+ }),
+ tslib_1.__param(1, Inject(DOCUMENT)),
+ tslib_1.__metadata("design:paramtypes", [ElementRef, Object])
+], ResizerDirective);
+export { ResizerDirective };
+//# sourceMappingURL=resizer.js.map
\ No newline at end of file
diff --git a/dist/esm2015/dsl-editor/dsl-editor.component.js b/dist/esm2015/dsl-editor/dsl-editor.component.js
new file mode 100644
index 0000000..860a577
--- /dev/null
+++ b/dist/esm2015/dsl-editor/dsl-editor.component.js
@@ -0,0 +1,168 @@
+import * as tslib_1 from "tslib";
+import { Component, Input, Output, ElementRef, EventEmitter, ViewEncapsulation } from '@angular/core';
+import * as _ from 'lodash';
+import * as CodeMirror from 'codemirror-minified';
+import * as _$ from 'jquery';
+const $ = _$;
+import 'codemirror-minified/addon/lint/lint';
+import 'codemirror-minified/addon/hint/show-hint';
+import 'codemirror-minified/addon/display/placeholder';
+import 'codemirror-minified/addon/scroll/annotatescrollbar';
+import 'codemirror-minified/addon/scroll/simplescrollbars';
+let DslEditorComponent = class DslEditorComponent {
+ constructor(element) {
+ this.element = element;
+ this._dsl = '';
+ this._lint = false;
+ this.lineNumbers = false;
+ this.lineWrapping = false;
+ this.debounce = 0;
+ this.dslChange = new EventEmitter();
+ this.focus = new EventEmitter();
+ this.blur = new EventEmitter();
+ this.editor = new EventEmitter();
+ this._dslChangedHandler = () => {
+ this._dsl = this.doc.getValue();
+ this.dslChange.emit(this._dsl);
+ };
+ }
+ set dsl(dsl) {
+ this._dsl = dsl;
+ if (this.doc && this._dsl !== this.doc.getValue()) {
+ let cursorPosition = this.doc.getCursor();
+ this.doc.setValue(this._dsl || '');
+ this.doc.setCursor(cursorPosition);
+ }
+ }
+ set lintOptions(lintOptions) {
+ this._lint = lintOptions;
+ if (this.doc) {
+ this.doc.setOption('lint', this._lint);
+ }
+ }
+ set hintOptions(hintOptions) {
+ this._hint = hintOptions;
+ if (this.doc) {
+ this.doc.setOption('hintOptions', this._hint);
+ }
+ }
+ ngOnInit() {
+ let options = {
+ value: this._dsl || '',
+ gutters: ['CodeMirror-lint-markers'],
+ extraKeys: { 'Ctrl-Space': 'autocomplete' },
+ lineNumbers: this.lineNumbers,
+ lineWrapping: this.lineWrapping,
+ electricChars: false,
+ smartIndent: false,
+ };
+ if (this.scrollbarStyle) {
+ options.scrollbarStyle = this.scrollbarStyle;
+ }
+ if (this._lint) {
+ options.lint = this._lint;
+ }
+ if (this._hint) {
+ options.hintOptions = this._hint;
+ }
+ this.doc = CodeMirror.fromTextArea($('#dsl-editor-host', this.element.nativeElement)[0], options);
+ if (this.placeholder) {
+ this.doc.setOption('placeholder', this.placeholder);
+ }
+ // Turns out "value" in the option doesn't set it.
+ this.doc.setValue(this._dsl || '');
+ this.doc.on('change', this.debounce ? _.debounce(this._dslChangedHandler, this.debounce) : this._dslChangedHandler);
+ this.doc.on('focus', () => this.focus.emit());
+ this.doc.on('blur', () => this.blur.emit());
+ this.editor.emit(this.doc);
+ }
+ ngOnDestroy() {
+ }
+};
+tslib_1.__decorate([
+ Input('line-numbers'),
+ tslib_1.__metadata("design:type", Object)
+], DslEditorComponent.prototype, "lineNumbers", void 0);
+tslib_1.__decorate([
+ Input('line-wrapping'),
+ tslib_1.__metadata("design:type", Object)
+], DslEditorComponent.prototype, "lineWrapping", void 0);
+tslib_1.__decorate([
+ Input('scrollbar-style'),
+ tslib_1.__metadata("design:type", String)
+], DslEditorComponent.prototype, "scrollbarStyle", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String)
+], DslEditorComponent.prototype, "placeholder", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+], DslEditorComponent.prototype, "debounce", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], DslEditorComponent.prototype, "dslChange", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], DslEditorComponent.prototype, "focus", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], DslEditorComponent.prototype, "blur", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], DslEditorComponent.prototype, "editor", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+], DslEditorComponent.prototype, "dsl", null);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object),
+ tslib_1.__metadata("design:paramtypes", [Object])
+], DslEditorComponent.prototype, "lintOptions", null);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object),
+ tslib_1.__metadata("design:paramtypes", [Object])
+], DslEditorComponent.prototype, "hintOptions", null);
+DslEditorComponent = tslib_1.__decorate([
+ Component({
+ selector: 'dsl-editor',
+ template: `
+
+ `,
+ styles: [`
+ .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}/* Code Mirror related styles START */
+
+ .CodeMirror {
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ height: 100%;
+ }
+ .CodeMirror-hint {
+ max-width: 38em;
+ }
+ .CodeMirror-vertical-ruler-error {
+ background-color: rgba(188, 0, 0, 0.5);
+ }
+ .CodeMirror-vertical-ruler-warning {
+ background-color: rgba(255, 188, 0, 0.5);
+ }
+
+
+ /* Code Mirror related styles END */
+ `],
+ encapsulation: ViewEncapsulation.None
+ }),
+ tslib_1.__metadata("design:paramtypes", [ElementRef])
+], DslEditorComponent);
+export { DslEditorComponent };
+//# sourceMappingURL=dsl-editor.component.js.map
\ No newline at end of file
diff --git a/dist/esm2015/editor/editor-utils.js b/dist/esm2015/editor/editor-utils.js
new file mode 100644
index 0000000..2f16930
--- /dev/null
+++ b/dist/esm2015/editor/editor-utils.js
@@ -0,0 +1,108 @@
+import { Flo } from '../shared/flo-common';
+import * as _ from 'lodash';
+const joint = Flo.joint;
+import * as _$ from 'jquery';
+const $ = _$;
+export class Utils {
+ static fanRoute(graph, cell) {
+ if (cell instanceof joint.dia.Element) {
+ const links = graph.getConnectedLinks(cell);
+ const groupsOfOverlappingLinks = _.groupBy(links, (link) => {
+ // the key of the group is the model id of the link's source or target, but not our cell id.
+ const sourceId = link.get('source').id;
+ const targetId = link.get('target').id;
+ return cell.id !== sourceId ? sourceId : targetId;
+ });
+ _.each(groupsOfOverlappingLinks, (group, key) => {
+ // If the member of the group has both source and target model adjust vertices.
+ let toRoute = {};
+ if (key !== undefined) {
+ group.forEach((link) => {
+ if (link.get('source').id === cell.get('id') && link.get('target').id) {
+ toRoute[link.get('target').id] = link;
+ }
+ else if (link.get('target').id === cell.get('id') && link.get('source').id) {
+ toRoute[link.get('source').id] = link;
+ }
+ });
+ Object.keys(toRoute).forEach(k => {
+ Utils.fanRoute(graph, toRoute[k]);
+ });
+ }
+ });
+ }
+ else if (cell instanceof joint.dia.Link) {
+ // The cell is a link. Let's find its source and target models.
+ let srcId = cell.get('source').id || cell.previous('source').id;
+ let trgId = cell.get('target').id || cell.previous('target').id;
+ // If one of the ends is not a model, the link has no siblings.
+ if (!srcId || !trgId) {
+ return;
+ }
+ const siblings = graph.getLinks().filter((sibling) => {
+ const _srcId = sibling.get('source').id;
+ const _trgId = sibling.get('target').id;
+ const vertices = sibling.get('vertices');
+ const fanRouted = !vertices || vertices.length === 0 || sibling.get('fanRouted');
+ return ((_srcId === srcId && _trgId === trgId) || (_srcId === trgId && _trgId === srcId)) && fanRouted;
+ });
+ switch (siblings.length) {
+ case 0:
+ // The link was removed and had no siblings.
+ break;
+ case 1:
+ // There is only one link between the source and target. No vertices needed.
+ let vertices = cell.get('vertices');
+ if (vertices && vertices.length && cell.get('fanRouted')) {
+ cell.unset('vertices');
+ }
+ break;
+ default:
+ // There is more than one siblings. We need to create vertices.
+ // First of all we'll find the middle point of the link.
+ let source = graph.getCell(srcId);
+ let target = graph.getCell(trgId);
+ if (!source || !target) {
+ // When clearing the graph it may happen that some nodes are gone and some are left
+ return;
+ }
+ let srcCenter = source.getBBox().center();
+ let trgCenter = target.getBBox().center();
+ let midPoint = joint.g.line(srcCenter, trgCenter).midpoint();
+ // Then find the angle it forms.
+ let theta = srcCenter.theta(trgCenter);
+ // This is the maximum distance between links
+ let gap = 20;
+ siblings.forEach((sibling, index) => {
+ // We want the offset values to be calculated as follows 0, 20, 20, 40, 40, 60, 60 ..
+ let offset = gap * Math.ceil(index / 2);
+ // Now we need the vertices to be placed at points which are 'offset' pixels distant
+ // from the first link and forms a perpendicular angle to it. And as index goes up
+ // alternate left and right.
+ //
+ // ^ odd indexes
+ // |
+ // |----> index 0 line (straight line between a source center and a target center.
+ // |
+ // v even indexes
+ let sign = index % 2 ? 1 : -1;
+ let angle = joint.g.toRad(theta + sign * 90);
+ // We found the vertex.
+ let vertex = joint.g.point.fromPolar(offset, angle, midPoint);
+ sibling.set('fanRouted', true);
+ sibling.set('vertices', [{ x: vertex.x, y: vertex.y }], { 'fanRouted': true });
+ });
+ }
+ }
+ }
+ static isCustomPaperEvent(args) {
+ return args.length === 5 &&
+ _.isString(args[0]) &&
+ (args[0].indexOf('link:') === 0 || args[0].indexOf('element:') === 0) &&
+ args[1] instanceof $.Event &&
+ args[2] instanceof joint.dia.CellView &&
+ _.isNumber(args[3]) &&
+ _.isNumber(args[4]);
+ }
+}
+//# sourceMappingURL=editor-utils.js.map
\ No newline at end of file
diff --git a/dist/esm2015/editor/editor.component.js b/dist/esm2015/editor/editor.component.js
new file mode 100644
index 0000000..38582c6
--- /dev/null
+++ b/dist/esm2015/editor/editor.component.js
@@ -0,0 +1,1778 @@
+import * as tslib_1 from "tslib";
+import { Component, Input, Output, ElementRef, EventEmitter, ViewEncapsulation } from '@angular/core';
+import { debounceTime } from 'rxjs/operators';
+import { Flo } from '../shared/flo-common';
+import { Shapes, Constants } from '../shared/shapes';
+import { Utils } from './editor-utils';
+import { CompositeDisposable, Disposable } from 'ts-disposables';
+import * as _$ from 'jquery';
+import * as _ from 'lodash';
+import { Subject, BehaviorSubject } from 'rxjs';
+const joint = Flo.joint;
+const $ = _$;
+const SCROLLBAR_SIZE = 17;
+let EditorComponent = class EditorComponent {
+ constructor(element) {
+ this.element = element;
+ /**
+ * Flag specifying whether the Flo-Editor is in read-only mode.
+ */
+ this._readOnlyCanvas = false;
+ /**
+ * Grid size
+ */
+ this._gridSize = 1;
+ this._hiddenPalette = false;
+ this.textToGraphEventEmitter = new EventEmitter();
+ this.graphToTextEventEmitter = new EventEmitter();
+ this._graphToTextSyncEnabled = true;
+ this.validationEventEmitter = new EventEmitter();
+ this._disposables = new CompositeDisposable();
+ this._dslText = '';
+ this.textToGraphConversionCompleted = new Subject();
+ this.graphToTextConversionCompleted = new Subject();
+ this.paletteReady = new BehaviorSubject(false);
+ /**
+ * Min zoom percent value
+ */
+ this.minZoom = 5;
+ /**
+ * Max zoom percent value
+ */
+ this.maxZoom = 400;
+ /**
+ * Zoom percent increment/decrement step
+ */
+ this.zoomStep = 5;
+ this.paperPadding = 0;
+ this.floApi = new EventEmitter();
+ this.validationMarkers = new EventEmitter();
+ this.contentValidated = new EventEmitter();
+ this.dslChange = new EventEmitter();
+ this._resizeHandler = () => this.autosizePaper();
+ let self = this;
+ this.editorContext = new (class DefaultRunnableContext {
+ set zoomPercent(percent) {
+ self.zoomPercent = percent;
+ }
+ get zoomPercent() {
+ return self.zoomPercent;
+ }
+ set noPalette(noPalette) {
+ self.noPalette = noPalette;
+ }
+ get noPalette() {
+ return self.noPalette;
+ }
+ set gridSize(gridSize) {
+ self.gridSize = gridSize;
+ }
+ get gridSize() {
+ return self.gridSize;
+ }
+ set readOnlyCanvas(readOnly) {
+ self.readOnlyCanvas = readOnly;
+ }
+ get readOnlyCanvas() {
+ return self.readOnlyCanvas;
+ }
+ setDsl(dsl) {
+ self.dsl = dsl;
+ }
+ updateGraph() {
+ return self.updateGraphRepresentation();
+ }
+ updateText() {
+ return self.updateTextRepresentation();
+ }
+ performLayout() {
+ return self.doLayout();
+ }
+ clearGraph() {
+ self.selection = undefined;
+ self.graph.clear();
+ if (self.metamodel && self.metamodel.load && self.editor && self.editor.setDefaultContent) {
+ return self.metamodel.load().then(data => {
+ self.editor.setDefaultContent(this, data);
+ if (!self.graphToTextSync) {
+ return self.updateTextRepresentation();
+ }
+ });
+ }
+ else {
+ if (!self.graphToTextSync) {
+ return self.updateTextRepresentation();
+ }
+ }
+ }
+ getGraph() {
+ return self.graph;
+ }
+ getPaper() {
+ return self.paper;
+ }
+ get graphToTextSync() {
+ return self.graphToTextSync;
+ }
+ set graphToTextSync(sync) {
+ self.graphToTextSync = sync;
+ }
+ getMinZoom() {
+ return self.minZoom;
+ }
+ getMaxZoom() {
+ return self.maxZoom;
+ }
+ getZoomStep() {
+ return self.zoomStep;
+ }
+ fitToPage() {
+ self.fitToPage();
+ }
+ createNode(metadata, props, position) {
+ return self.createNode(metadata, props, position);
+ }
+ createLink(source, target, metadata, props) {
+ return self.createLink(source, target, metadata, props);
+ }
+ get selection() {
+ return self.selection;
+ }
+ set selection(newSelection) {
+ self.selection = newSelection;
+ }
+ deleteSelectedNode() {
+ if (self.selection) {
+ if (self.editor && self.editor.preDelete) {
+ self.editor.preDelete(self.editorContext, self.selection.model);
+ }
+ else {
+ if (self.selection.model instanceof joint.dia.Element) {
+ self.graph.getConnectedLinks(self.selection.model).forEach((l) => l.remove());
+ }
+ }
+ self.selection.model.remove();
+ self.selection = undefined;
+ }
+ }
+ get textToGraphConversionObservable() {
+ return self.textToGraphConversionCompleted;
+ }
+ get graphToTextConversionObservable() {
+ return self.graphToTextConversionCompleted;
+ }
+ get paletteReady() {
+ return self.paletteReady;
+ }
+ })();
+ }
+ ngOnInit() {
+ this.initGraph();
+ this.initPaper();
+ this.initGraphListeners();
+ this.initPaperListeners();
+ this.initMetamodel();
+ $(window).on('resize', this._resizeHandler);
+ this._disposables.add(Disposable.create(() => $(window).off('resize', this._resizeHandler)));
+ /*
+ * Execute resize to get the right size for the SVG element on the editor canvas.
+ * Executed via timeout to let angular render the DOM first and elements to have the right width and height
+ */
+ window.setTimeout(this._resizeHandler);
+ this.floApi.emit(this.editorContext);
+ }
+ ngOnDestroy() {
+ this._disposables.dispose();
+ }
+ get noPalette() {
+ return this._hiddenPalette;
+ }
+ set noPalette(hidden) {
+ this._hiddenPalette = hidden;
+ // If palette is not shown ensure that canvas starts from the left==0!
+ if (hidden) {
+ $('#paper-container', this.element.nativeElement).css('left', 0);
+ }
+ }
+ get graphToTextSync() {
+ return this._graphToTextSyncEnabled;
+ }
+ set graphToTextSync(sync) {
+ this._graphToTextSyncEnabled = sync;
+ // Try commenting the sync out. Just set the flag but don't kick off graph->text conversion
+ // this.performGraphToTextSyncing();
+ }
+ performGraphToTextSyncing() {
+ if (this._graphToTextSyncEnabled) {
+ this.graphToTextEventEmitter.emit();
+ }
+ }
+ createHandle(element, kind, action, location) {
+ if (!location) {
+ let bbox = element.model.getBBox();
+ location = bbox.origin().offset(bbox.width / 2, bbox.height / 2);
+ }
+ let handle = Shapes.Factory.createHandle({
+ renderer: this.renderer,
+ paper: this.paper,
+ parent: element.model,
+ kind: kind,
+ position: location
+ });
+ const view = this.paper.findViewByModel(handle);
+ view.on('cell:pointerdown', () => {
+ if (action) {
+ action();
+ }
+ });
+ view.on('cell:mouseover', () => {
+ handle.attr('image/filter', {
+ name: 'dropShadow',
+ args: { dx: 1, dy: 1, blur: 1, color: 'black' }
+ });
+ });
+ view.on('cell:mouseout', () => {
+ handle.removeAttr('image/filter');
+ });
+ view.setInteractivity(false);
+ return handle;
+ }
+ removeEmbeddedChildrenOfType(element, types) {
+ let embeds = element.getEmbeddedCells();
+ for (let i = 0; i < embeds.length; i++) {
+ if (types.indexOf(embeds[i].get('type')) >= 0) {
+ embeds[i].remove();
+ }
+ }
+ }
+ get selection() {
+ return this._selection;
+ }
+ set selection(newSelection) {
+ if (newSelection && (newSelection.model.get('type') === joint.shapes.flo.DECORATION_TYPE || newSelection.model.get('type') === joint.shapes.flo.HANDLE_TYPE)) {
+ newSelection = this.paper.findViewByModel(this.graph.getCell(newSelection.model.get('parent')));
+ }
+ if (newSelection && (!newSelection.model.attr('metadata') || newSelection.model.attr('metadata/metadata/unselectable'))) {
+ newSelection = undefined;
+ }
+ if (newSelection !== this._selection) {
+ if (this._selection) {
+ const elementview = this.paper.findViewByModel(this._selection.model);
+ if (elementview) { // May have been removed from the graph
+ this.removeEmbeddedChildrenOfType(elementview.model, joint.shapes.flo.HANDLE_TYPE);
+ elementview.unhighlight();
+ }
+ }
+ if (newSelection) {
+ newSelection.highlight();
+ if (this.editor && this.editor.createHandles) {
+ this.editor.createHandles(this.editorContext, (owner, kind, action, location) => this.createHandle(owner, kind, action, location), newSelection);
+ }
+ }
+ this._selection = newSelection;
+ }
+ }
+ get readOnlyCanvas() {
+ return this._readOnlyCanvas;
+ }
+ set readOnlyCanvas(value) {
+ if (this._readOnlyCanvas === value) {
+ // Nothing to do
+ return;
+ }
+ if (value) {
+ this.selection = undefined;
+ }
+ if (this.graph) {
+ this.graph.getLinks().forEach((link) => {
+ if (value) {
+ link.attr('.link-tools/display', 'none');
+ link.attr('.marker-vertices/display', 'none');
+ link.attr('.connection-wrap/display', 'none');
+ }
+ else {
+ link.removeAttr('.link-tools/display');
+ if (this.editor && this.editor.allowLinkVertexEdit) {
+ link.removeAttr('.marker-vertices/display');
+ }
+ link.removeAttr('.connection-wrap/display');
+ }
+ });
+ }
+ this._readOnlyCanvas = value;
+ }
+ /**
+ * Displays graphical feedback for the drag and drop in progress based on current drag and drop descriptor object
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ showDragFeedback(dragDescriptor) {
+ if (this.editor && this.editor.showDragFeedback) {
+ this.editor.showDragFeedback(this.editorContext, dragDescriptor);
+ }
+ else {
+ let magnet;
+ if (dragDescriptor.source && dragDescriptor.source.view) {
+ joint.V(dragDescriptor.source.view.el).addClass('dnd-source-feedback');
+ if (dragDescriptor.source.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.source.view, dragDescriptor.source.cssClassSelector);
+ if (magnet) {
+ joint.V(magnet).addClass('dnd-source-feedback');
+ }
+ }
+ }
+ if (dragDescriptor.target && dragDescriptor.target.view) {
+ joint.V(dragDescriptor.target.view.el).addClass('dnd-target-feedback');
+ if (dragDescriptor.target.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.target.view, dragDescriptor.target.cssClassSelector);
+ if (magnet) {
+ joint.V(magnet).addClass('dnd-target-feedback');
+ }
+ }
+ }
+ }
+ }
+ /**
+ * Hides graphical feedback for the drag and drop in progress based on current drag and drop descriptor object
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ hideDragFeedback(dragDescriptor) {
+ if (this.editor && this.editor.hideDragFeedback) {
+ this.editor.hideDragFeedback(this.editorContext, dragDescriptor);
+ }
+ else {
+ let magnet;
+ if (dragDescriptor.source && dragDescriptor.source.view) {
+ joint.V(dragDescriptor.source.view.el).removeClass('dnd-source-feedback');
+ if (dragDescriptor.source.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.source.view, dragDescriptor.source.cssClassSelector);
+ if (magnet) {
+ joint.V(magnet).removeClass('dnd-source-feedback');
+ }
+ }
+ }
+ if (dragDescriptor.target && dragDescriptor.target.view) {
+ joint.V(dragDescriptor.target.view.el).removeClass('dnd-target-feedback');
+ if (dragDescriptor.target.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.target.view, dragDescriptor.target.cssClassSelector);
+ if (magnet) {
+ joint.V(magnet).removeClass('dnd-target-feedback');
+ }
+ }
+ }
+ }
+ }
+ /**
+ * Sets the new DnD info object - the descriptor for DnD
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ setDragDescriptor(dragDescriptor) {
+ if (this.highlighted === dragDescriptor) {
+ return;
+ }
+ if (this.highlighted && dragDescriptor && _.isEqual(this.highlighted.sourceComponent, dragDescriptor.sourceComponent)) {
+ if (this.highlighted.source === dragDescriptor.source && this.highlighted.target === dragDescriptor.target) {
+ return;
+ }
+ if (this.highlighted.source &&
+ dragDescriptor.source &&
+ this.highlighted.target &&
+ dragDescriptor.target &&
+ this.highlighted.source.view.model === dragDescriptor.source.view.model &&
+ this.highlighted.source.cssClassSelector === dragDescriptor.source.cssClassSelector &&
+ this.highlighted.target.view.model === dragDescriptor.target.view.model &&
+ this.highlighted.target.cssClassSelector === dragDescriptor.target.cssClassSelector) {
+ return;
+ }
+ }
+ if (this.highlighted) {
+ this.hideDragFeedback(this.highlighted);
+ }
+ this.highlighted = dragDescriptor;
+ if (this.highlighted) {
+ this.showDragFeedback(this.highlighted);
+ }
+ }
+ /**
+ * Handles DnD events when a node is being dragged over canvas
+ *
+ * @param draggedView The Joint JS view object being dragged
+ * @param targetUnderMouse The Joint JS view under mouse cursor
+ * @param x X coordinate of the mouse on the canvas
+ * @param y Y coordinate of the mosue on the canvas
+ * @param context DnD context (palette or canvas)
+ */
+ handleNodeDragging(draggedView, targetUnderMouse, x, y, sourceComponent) {
+ if (this.editor && this.editor.calculateDragDescriptor) {
+ this.setDragDescriptor(this.editor.calculateDragDescriptor(this.editorContext, draggedView, targetUnderMouse, joint.g.point(x, y), sourceComponent));
+ }
+ }
+ /**
+ * Handles DnD drop event when a node is being dragged and dropped on the main canvas
+ */
+ handleNodeDropping() {
+ if (this.highlighted && this.editor && this.editor.handleNodeDropping) {
+ this.editor.handleNodeDropping(this.editorContext, this.highlighted);
+ }
+ this.setDragDescriptor(undefined);
+ }
+ /**
+ * Hides DOM Node (used to determine drop target DOM element)
+ * @param domNode DOM node to hide
+ * @returns
+ */
+ _hideNode(domNode) {
+ let oldVisibility = {
+ visibility: domNode.style ? domNode.style.display : undefined,
+ children: []
+ };
+ for (let i = 0; i < domNode.children.length; i++) {
+ let node = domNode.children.item(i);
+ if (node instanceof HTMLElement) {
+ oldVisibility.children.push(this._hideNode(node));
+ }
+ }
+ domNode.style.display = 'none';
+ return oldVisibility;
+ }
+ /**
+ * Restored DOM node original visibility (used to determine drop target DOM element)
+ * @param domNode DOM node to restore visibility of
+ * @param oldVisibility original visibility parameter
+ */
+ _restoreNodeVisibility(domNode, oldVisibility) {
+ if (domNode.style) {
+ domNode.style.display = oldVisibility.visibility;
+ }
+ let j = 0;
+ for (let i = 0; i < domNode.childNodes.length; i++) {
+ if (j < oldVisibility.children.length) {
+ let node = domNode.children.item(i);
+ if (node instanceof HTMLElement) {
+ this._restoreNodeVisibility(node, oldVisibility.children[j++]);
+ }
+ }
+ }
+ }
+ /**
+ * Unfortunately we can't just use event.target because often draggable shape on the canvas overlaps the target.
+ * We can easily find the element(s) at location, but only nodes :-( Unclear how to find links at location
+ * (bounding box of a link for testing is bad).
+ * The result of that is that links can only be the drop target when dragging from the palette currently.
+ * When DnDing shapes on the canvas drop target cannot be a link.
+ *
+ * Excluded views enables you to choose to filter some possible answers (useful in the case where elements are stacked
+ * - e.g. Drag-n-Drop)
+ */
+ getTargetViewFromEvent(event, x, y, excludeViews = []) {
+ if (!x && !y) {
+ let l = this.paper.snapToGrid({ x: event.clientX, y: event.clientY });
+ x = l.x;
+ y = l.y;
+ }
+ // TODO: See if next code paragraph is needed. Most likely it's just code executed for nothing
+ // let elements = this.graph.findModelsFromPoint(joint.g.point(x, y));
+ // let underMouse = elements.find(e => !_.isUndefined(excludeViews.find(x => x === this.paper.findViewByModel(e))));
+ // if (underMouse) {
+ // return underMouse;
+ // }
+ let oldVisibility = excludeViews.map(_x => this._hideNode(_x.el));
+ let targetElement = document.elementFromPoint(event.clientX, event.clientY);
+ excludeViews.forEach((excluded, i) => {
+ this._restoreNodeVisibility(excluded.el, oldVisibility[i]);
+ });
+ return this.paper.findView($(targetElement));
+ }
+ handleDnDFromPalette(dndEvent) {
+ switch (dndEvent.type) {
+ case Flo.DnDEventType.DRAG:
+ this.handleDragFromPalette(dndEvent);
+ break;
+ case Flo.DnDEventType.DROP:
+ this.handleDropFromPalette(dndEvent);
+ break;
+ default:
+ break;
+ }
+ }
+ handleDragFromPalette(dnDEvent) {
+ console.debug('Dragging from palette');
+ if (dnDEvent.view && !this.readOnlyCanvas) {
+ let location = this.paper.snapToGrid({ x: dnDEvent.event.clientX, y: dnDEvent.event.clientY });
+ this.handleNodeDragging(dnDEvent.view, this.getTargetViewFromEvent(dnDEvent.event, location.x, location.y, [dnDEvent.view]), location.x, location.y, Constants.PALETTE_CONTEXT);
+ }
+ }
+ createNode(metadata, props, position) {
+ return Shapes.Factory.createNode({
+ renderer: this.renderer,
+ paper: this.paper,
+ metadata: metadata,
+ props: props,
+ position: position
+ });
+ }
+ createLink(source, target, metadata, props) {
+ return Shapes.Factory.createLink({
+ renderer: this.renderer,
+ paper: this.paper,
+ source: source,
+ target: target,
+ metadata: metadata,
+ props: props
+ });
+ }
+ handleDropFromPalette(event) {
+ let cellview = event.view;
+ let evt = event.event;
+ if (this.paper.el === evt.target || $.contains(this.paper.el, evt.target)) {
+ if (this.readOnlyCanvas) {
+ this.setDragDescriptor(undefined);
+ }
+ else {
+ let metadata = cellview.model.attr('metadata');
+ let props = cellview.model.attr('props');
+ let position = this.paper.snapToGrid({ x: evt.clientX, y: evt.clientY });
+ /* Calculate target element before creating the new
+ * element under mouse location. Otherwise target
+ * element would be the newly created element because
+ * it's under the mouse pointer
+ */
+ let targetElement = this.getTargetViewFromEvent(evt, position.x, position.y, [event.view]);
+ let newNode = this.createNode(metadata, props, position);
+ let newView = this.paper.findViewByModel(newNode);
+ this.handleNodeDragging(newView, targetElement, position.x, position.y, Constants.PALETTE_CONTEXT);
+ this.handleNodeDropping();
+ }
+ }
+ }
+ fitToContent(gridWidth, gridHeight, padding, opt) {
+ const paper = this.paper;
+ if (joint.util.isObject(gridWidth)) {
+ // first parameter is an option object
+ opt = gridWidth;
+ gridWidth = opt.gridWidth || 1;
+ gridHeight = opt.gridHeight || 1;
+ padding = opt.padding || 0;
+ }
+ else {
+ opt = opt || {};
+ gridWidth = gridWidth || 1;
+ gridHeight = gridHeight || 1;
+ padding = padding || 0;
+ }
+ const paddingJson = joint.util.normalizeSides(padding);
+ // Calculate the paper size to accomodate all the graph's elements.
+ const bbox = joint.V(paper.viewport).getBBox();
+ const currentScale = paper.scale();
+ const currentTranslate = paper.translate();
+ bbox.x *= currentScale.sx;
+ bbox.y *= currentScale.sy;
+ bbox.width *= currentScale.sx;
+ bbox.height *= currentScale.sy;
+ let calcWidth = Math.max((bbox.width + bbox.x) / gridWidth, 1) * gridWidth;
+ let calcHeight = Math.max((bbox.height + bbox.y) / gridHeight, 1) * gridHeight;
+ let tx = 0;
+ let ty = 0;
+ if ((opt.allowNewOrigin === 'negative' && bbox.x < 0) || (opt.allowNewOrigin === 'positive' && bbox.x >= 0) || opt.allowNewOrigin === 'any') {
+ tx = (-bbox.x / gridWidth) * gridWidth;
+ tx += paddingJson.left;
+ }
+ else if (opt.allowNewOrigin === 'same') {
+ tx = currentTranslate.tx;
+ }
+ calcWidth += tx;
+ if ((opt.allowNewOrigin === 'negative' && bbox.y < 0) || (opt.allowNewOrigin === 'positive' && bbox.y >= 0) || opt.allowNewOrigin === 'any') {
+ ty = (-bbox.y / gridHeight) * gridHeight;
+ ty += paddingJson.top;
+ }
+ else if (opt.allowNewOrigin === 'same') {
+ ty = currentTranslate.ty;
+ }
+ calcHeight += ty;
+ calcWidth += paddingJson.right;
+ calcHeight += paddingJson.bottom;
+ // Make sure the resulting width and height are greater than minimum.
+ calcWidth = Math.max(calcWidth, opt.minWidth || 0);
+ calcHeight = Math.max(calcHeight, opt.minHeight || 0);
+ // Make sure the resulting width and height are lesser than maximum.
+ calcWidth = Math.min(calcWidth, opt.maxWidth || Number.MAX_VALUE);
+ calcHeight = Math.min(calcHeight, opt.maxHeight || Number.MAX_VALUE);
+ const dimensionChange = calcWidth !== paper.options.width || calcHeight !== paper.options.height;
+ const originChange = tx !== currentTranslate.tx || ty !== currentTranslate.ty;
+ // Change the dimensions only if there is a size discrepency or an origin change
+ if (originChange) {
+ paper.translate(tx, ty);
+ }
+ if (dimensionChange) {
+ paper.setDimensions(calcWidth, calcHeight);
+ }
+ }
+ autosizePaper() {
+ let parent = $('#paper-container', this.element.nativeElement);
+ const parentWidth = parent.innerWidth();
+ const parentHeight = parent.innerHeight();
+ this.fitToContent(this.gridSize, this.gridSize, this.paperPadding, {
+ minWidth: parentWidth - SCROLLBAR_SIZE,
+ minHeight: parentHeight - SCROLLBAR_SIZE,
+ allowNewOrigin: 'same'
+ });
+ }
+ fitToPage() {
+ let parent = $('#paper-container', this.element.nativeElement);
+ let minScale = this.minZoom / 100;
+ let maxScale = 2;
+ const parentWidth = parent.innerWidth();
+ const parentHeight = parent.innerHeight();
+ this.paper.scaleContentToFit({
+ padding: this.paperPadding,
+ minScaleX: minScale,
+ minScaleY: minScale,
+ maxScaleX: maxScale,
+ maxScaleY: maxScale,
+ fittingBBox: { x: 0, y: 0, width: parentWidth - SCROLLBAR_SIZE, height: parentHeight - SCROLLBAR_SIZE }
+ });
+ /**
+ * Size the canvas appropriately and allow origin movement
+ */
+ this.fitToContent(this.gridSize, this.gridSize, this.paperPadding, {
+ minWidth: parentWidth,
+ minHeight: parentHeight,
+ maxWidth: parentWidth,
+ maxHeight: parentHeight,
+ allowNewOrigin: 'any'
+ });
+ }
+ get zoomPercent() {
+ return Math.round(joint.V(this.paper.viewport).scale().sx * 100);
+ }
+ set zoomPercent(percent) {
+ if (!isNaN(percent)) {
+ if (percent < this.minZoom) {
+ percent = this.minZoom;
+ }
+ else if (percent >= this.maxZoom) {
+ percent = this.maxZoom;
+ }
+ else {
+ if (percent <= 0) {
+ percent = 0.00001;
+ }
+ }
+ this.paper.scale(percent / 100, percent / 100);
+ }
+ }
+ get gridSize() {
+ return this._gridSize;
+ }
+ set gridSize(size) {
+ if (!isNaN(size) && size >= 1) {
+ this._gridSize = size;
+ if (this.paper) {
+ this.paper.setGridSize(size);
+ }
+ }
+ }
+ validateContent() {
+ return new Promise(resolve => {
+ if (this.editor && this.editor.validate) {
+ return this.editor
+ .validate(this.graph, this.dsl, this.editorContext)
+ .then(allMarkers => {
+ this.graph.getCells()
+ .forEach((cell) => this.markElement(cell, allMarkers.has(cell.id) ? allMarkers.get(cell.id) : []));
+ this.validationMarkers.emit(allMarkers);
+ this.contentValidated.emit(true);
+ resolve();
+ });
+ }
+ else {
+ resolve();
+ }
+ });
+ }
+ markElement(cell, markers) {
+ let errorMessages = markers.map(m => m.message);
+ let errorCell = cell.getEmbeddedCells().find((e) => e.attr('./kind') === Constants.ERROR_DECORATION_KIND);
+ if (errorCell) {
+ if (errorMessages.length === 0) {
+ errorCell.remove();
+ }
+ else {
+ // Without rewrite we merge this list with existing errors
+ errorCell.attr('messages', errorMessages, { rewrite: true });
+ }
+ }
+ else if (errorMessages.length > 0) {
+ let error = Shapes.Factory.createDecoration({
+ renderer: this.renderer,
+ paper: this.paper,
+ parent: cell,
+ kind: Constants.ERROR_DECORATION_KIND,
+ messages: errorMessages
+ });
+ let pt;
+ const view = this.paper.findViewByModel(error);
+ if (cell instanceof joint.dia.Element) {
+ pt = cell.getBBox().topRight().offset(-error.get('size').width, 0);
+ error.set('position', pt);
+ view.setInteractivity(false);
+ }
+ else {
+ // TODO: do something for the link perhaps?
+ }
+ }
+ }
+ doLayout() {
+ if (this.renderer && this.renderer.layout) {
+ return this.renderer.layout(this.paper);
+ }
+ }
+ set dsl(dslText) {
+ if (this._dslText !== dslText) {
+ this._dslText = dslText;
+ this.textToGraphEventEmitter.emit();
+ }
+ }
+ get dsl() {
+ return this._dslText;
+ }
+ /**
+ * Ask the server to parse the supplied text into a JSON graph of nodes and links,
+ * then update the view based on that new information.
+ */
+ updateGraphRepresentation() {
+ console.debug(`Updating graph to represent '${this._dslText}'`);
+ if (this.metamodel && this.metamodel.textToGraph) {
+ return this.metamodel.textToGraph(this.editorContext, this._dslText).then(() => {
+ this.textToGraphConversionCompleted.next();
+ return this.validateContent();
+ });
+ }
+ else {
+ this.textToGraphConversionCompleted.next();
+ return this.validateContent();
+ }
+ }
+ updateTextRepresentation() {
+ if (this.metamodel && this.metamodel.graphToText) {
+ return this.metamodel.graphToText(this.editorContext).then(text => {
+ if (this._dslText !== text) {
+ this._dslText = text;
+ this.dslChange.emit(text);
+ }
+ this.graphToTextConversionCompleted.next();
+ return this.validateContent();
+ })
+ .catch(error => {
+ // Validation may reveal why the graph couldn't be
+ // converted so let it run
+ this.graphToTextConversionCompleted.next();
+ return this.validateContent();
+ });
+ }
+ else {
+ this.graphToTextConversionCompleted.next();
+ return this.validateContent();
+ }
+ }
+ initMetamodel() {
+ this.metamodel.load().then(data => {
+ this.updateGraphRepresentation();
+ let textSyncSubscription = this.graphToTextEventEmitter.pipe(debounceTime(100)).subscribe(() => {
+ if (this._graphToTextSyncEnabled) {
+ this.updateTextRepresentation();
+ }
+ });
+ this._disposables.add(Disposable.create(() => textSyncSubscription.unsubscribe()));
+ // Setup content validated event emitter. Emit not validated when graph to text conversion required
+ let graphValidatedSubscription1 = this.graphToTextEventEmitter.subscribe(() => this.contentValidated.emit(false));
+ this._disposables.add(Disposable.create(() => graphValidatedSubscription1.unsubscribe));
+ // let validationSubscription = this.validationEventEmitter.pipe(debounceTime(100)).subscribe(() => this.validateGraph());
+ // this._disposables.add(Disposable.create(() => validationSubscription.unsubscribe()));
+ let graphSyncSubscription = this.textToGraphEventEmitter.pipe(debounceTime(300)).subscribe(() => this.updateGraphRepresentation());
+ this._disposables.add(Disposable.create(() => graphSyncSubscription.unsubscribe()));
+ // Setup content validated event emitter. Emit not validated when text to graph conversion required
+ let graphValidatedSubscription2 = this.textToGraphEventEmitter.subscribe(() => this.contentValidated.emit(false));
+ this._disposables.add(Disposable.create(() => graphValidatedSubscription2.unsubscribe));
+ if (this.editor && this.editor.setDefaultContent) {
+ this.editor.setDefaultContent(this.editorContext, data);
+ }
+ });
+ }
+ initGraph() {
+ this.graph = new joint.dia.Graph();
+ this.graph.set('type', Constants.CANVAS_CONTEXT);
+ this.graph.set('paperPadding', this.paperPadding);
+ }
+ handleNodeCreation(node) {
+ node.on('change:size', this._resizeHandler);
+ node.on('change:position', this._resizeHandler);
+ if (node.attr('metadata')) {
+ node.on('change:attrs', (cell, attrs, changeData) => {
+ let propertyPath = changeData ? changeData.propertyPath : undefined;
+ if (propertyPath) {
+ let propAttr = propertyPath.substr(propertyPath.indexOf('/') + 1);
+ if (propAttr.indexOf('metadata') === 0 ||
+ propAttr.indexOf('props') === 0 ||
+ (this.renderer && this.renderer.isSemanticProperty && this.renderer.isSemanticProperty(propAttr, node))) {
+ this.performGraphToTextSyncing();
+ }
+ if (this.renderer && this.renderer.refreshVisuals) {
+ this.renderer.refreshVisuals(node, propAttr, this.paper);
+ }
+ }
+ });
+ }
+ }
+ /**
+ * Forwards a link event occurrence to any handlers in the editor service, if they are defined. Event examples
+ * are 'change:source', 'change:target'.
+ */
+ handleLinkEvent(event, link) {
+ if (this.renderer && this.renderer.handleLinkEvent) {
+ this.renderer.handleLinkEvent(this.editorContext, event, link);
+ }
+ }
+ handleLinkCreation(link) {
+ this.handleLinkEvent('add', link);
+ link.on('change:source', (l) => {
+ this.autosizePaper();
+ let newSourceId = l.get('source').id;
+ let oldSourceId = l.previous('source').id;
+ if (newSourceId !== oldSourceId) {
+ this.performGraphToTextSyncing();
+ }
+ this.handleLinkEvent('change:source', l);
+ });
+ link.on('change:target', (l) => {
+ this.autosizePaper();
+ let newTargetId = l.get('target').id;
+ let oldTargetId = l.previous('target').id;
+ if (newTargetId !== oldTargetId) {
+ this.performGraphToTextSyncing();
+ }
+ this.handleLinkEvent('change:target', l);
+ });
+ link.on('change:vertices', this._resizeHandler);
+ link.on('change:attrs', (cell, attrs, changeData) => {
+ let propertyPath = changeData ? changeData.propertyPath : undefined;
+ if (propertyPath) {
+ let propAttr = propertyPath.substr(propertyPath.indexOf('/') + 1);
+ if (propAttr.indexOf('metadata') === 0 ||
+ propAttr.indexOf('props') === 0 ||
+ (this.renderer && this.renderer.isSemanticProperty && this.renderer.isSemanticProperty(propAttr, link))) {
+ let sourceId = link.get('source').id;
+ let targetId = link.get('target').id;
+ this.performGraphToTextSyncing();
+ }
+ if (this.renderer && this.renderer.refreshVisuals) {
+ this.renderer.refreshVisuals(link, propAttr, this.paper);
+ }
+ }
+ });
+ this.paper.findViewByModel(link).on('link:options', () => this.handleLinkEvent('options', link));
+ if (this.readOnlyCanvas) {
+ link.attr('.link-tools/display', 'none');
+ }
+ }
+ initGraphListeners() {
+ this.graph.on('add', (element) => {
+ if (element instanceof joint.dia.Link) {
+ this.handleLinkCreation(element);
+ }
+ else if (element instanceof joint.dia.Element) {
+ this.handleNodeCreation(element);
+ }
+ if (element.get('type') === joint.shapes.flo.NODE_TYPE || element.get('type') === joint.shapes.flo.LINK_TYPE) {
+ this.performGraphToTextSyncing();
+ }
+ this.autosizePaper();
+ });
+ this.graph.on('remove', (element) => {
+ if (element instanceof joint.dia.Link) {
+ this.handleLinkEvent('remove', element);
+ }
+ if (this.selection && this.selection.model === element) {
+ this.selection = undefined;
+ }
+ if (element.isLink()) {
+ window.setTimeout(() => this.performGraphToTextSyncing(), 100);
+ }
+ else if (element.get('type') === joint.shapes.flo.NODE_TYPE) {
+ this.performGraphToTextSyncing();
+ }
+ this.autosizePaper();
+ });
+ // Set if link is fan-routed. Should be called before routing call
+ this.graph.on('change:vertices', (link, changed, opt) => {
+ if (opt.fanRouted) {
+ link.set('fanRouted', true);
+ }
+ else {
+ link.unset('fanRouted');
+ }
+ });
+ // adjust vertices when a cell is removed or its source/target was changed
+ this.graph.on('add remove change:source change:target change:vertices change:position', _.partial(Utils.fanRoute, this.graph));
+ }
+ initPaperListeners() {
+ // https://stackoverflow.com/questions/20463533/how-to-add-an-onclick-event-to-a-joint-js-element
+ this.paper.on('cell:pointerclick', (cellView) => {
+ if (!this.readOnlyCanvas) {
+ this.selection = cellView;
+ }
+ });
+ this.paper.on('blank:pointerclick', () => {
+ this.selection = undefined;
+ });
+ this.paper.on('scale', this._resizeHandler);
+ this.paper.on('all', function () {
+ if (Utils.isCustomPaperEvent(arguments)) {
+ arguments[2].trigger.apply(arguments[2], [arguments[0], arguments[1], arguments[3], arguments[4]]);
+ }
+ });
+ this.paper.on('dragging-node-over-canvas', (dndEvent) => {
+ console.debug(`Canvas DnD type = ${dndEvent.type}`);
+ let location = this.paper.snapToGrid({ x: dndEvent.event.clientX, y: dndEvent.event.clientY });
+ switch (dndEvent.type) {
+ case Flo.DnDEventType.DRAG:
+ this.handleNodeDragging(dndEvent.view, this.getTargetViewFromEvent(dndEvent.event, location.x, location.y, [dndEvent.view]), location.x, location.y, Constants.CANVAS_CONTEXT);
+ break;
+ case Flo.DnDEventType.DROP:
+ this.handleNodeDropping();
+ break;
+ default:
+ break;
+ }
+ });
+ // JointJS now no longer grabs focus if working in a paper element - crude...
+ $('#flow-view', this.element.nativeElement).on('mousedown', () => {
+ $('#palette-filter-textfield', this.element.nativeElement).focus();
+ });
+ }
+ initPaper() {
+ let options = {
+ el: $('#paper', this.element.nativeElement),
+ gridSize: this._gridSize,
+ drawGrid: true,
+ model: this.graph,
+ elementView: this.renderer && this.renderer.getNodeView ? this.renderer.getNodeView() : joint.shapes.flo.ElementView /*joint.dia.ElementView*/,
+ linkView: this.renderer && this.renderer.getLinkView ? this.renderer.getLinkView() : joint.shapes.flo.LinkView,
+ // Enable link snapping within 25px lookup radius
+ snapLinks: { radius: 25 },
+ defaultLink: /*this.renderer && this.renderer.createDefaultLink ? this.renderer.createDefaultLink: new joint.shapes.flo.Link*/ (cellView, magnet) => {
+ if (this.renderer && this.renderer.createLink) {
+ let linkEnd = {
+ id: cellView.model.id
+ };
+ if (magnet) {
+ linkEnd.selector = cellView.getSelector(magnet, undefined);
+ }
+ if (magnet.getAttribute('port')) {
+ linkEnd.port = magnet.getAttribute('port');
+ }
+ if (magnet.getAttribute('port') === 'input') {
+ return this.renderer.createLink(undefined, linkEnd);
+ }
+ else {
+ return this.renderer.createLink(linkEnd, undefined);
+ }
+ }
+ else {
+ return new joint.shapes.flo.Link();
+ }
+ },
+ // decide whether to create a link if the user clicks a magnet
+ validateMagnet: (cellView, magnet) => {
+ if (this.readOnlyCanvas) {
+ return false;
+ }
+ else {
+ if (this.editor && this.editor.validatePort) {
+ return this.editor.validatePort(this.editorContext, cellView, magnet);
+ }
+ else {
+ return true;
+ }
+ }
+ },
+ interactive: (cellView, event) => {
+ if (this.readOnlyCanvas) {
+ return false;
+ }
+ else {
+ if (this.editor && this.editor.interactive) {
+ if (typeof this.editor.interactive === 'function') {
+ // Type for interactive is wrong in JointJS have to cast to
+ return this.editor.interactive(cellView, event);
+ }
+ else {
+ return this.editor.interactive;
+ }
+ }
+ return true;
+ }
+ },
+ highlighting: this.editor && this.editor.highlighting ? this.editor.highlighting : {
+ 'default': {
+ name: 'addClass',
+ options: {
+ className: 'highlighted'
+ }
+ }
+ },
+ markAvailable: true
+ };
+ if (this.renderer && this.renderer.getLinkAnchorPoint) {
+ options.linkConnectionPoint = this.renderer.getLinkAnchorPoint;
+ }
+ if (this.editor && this.editor.validateLink) {
+ const self = this;
+ options.validateConnection = (cellViewS, magnetS, cellViewT, magnetT, end, linkView) => self.editor.validateLink(this.editorContext, cellViewS, magnetS, cellViewT, magnetT, end === 'source', linkView);
+ }
+ // The paper is what will represent the graph on the screen
+ this.paper = new joint.dia.Paper(options);
+ this._disposables.add(Disposable.create(() => this.paper.remove()));
+ }
+ updatePaletteReadyState(ready) {
+ this.paletteReady.next(ready);
+ }
+};
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+], EditorComponent.prototype, "metamodel", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+], EditorComponent.prototype, "renderer", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+], EditorComponent.prototype, "editor", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Number)
+], EditorComponent.prototype, "paletteSize", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+], EditorComponent.prototype, "minZoom", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+], EditorComponent.prototype, "maxZoom", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+], EditorComponent.prototype, "zoomStep", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+], EditorComponent.prototype, "paperPadding", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], EditorComponent.prototype, "floApi", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], EditorComponent.prototype, "validationMarkers", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], EditorComponent.prototype, "contentValidated", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], EditorComponent.prototype, "dslChange", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+], EditorComponent.prototype, "dsl", null);
+EditorComponent = tslib_1.__decorate([
+ Component({
+ selector: 'flo-editor',
+ template: `
+ node wrapping all diagram elements in the paper */
+ .joint-viewport {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ }
+
+ .joint-paper > svg,
+ .joint-paper-background,
+ .joint-paper-grid {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ }
+
+ /*
+ 1. IE can't handle paths without the \`d\` attribute for bounding box calculation
+ 2. IE can't even handle 'd' attribute as a css selector (e.g path[d]) so the following rule will
+ break the links rendering.
+
+ path:not([d]) {
+ display: none;
+ }
+
+ */
+
+
+ /* magnet is an element that can be either source or a target of a link */
+ [magnet=true]:not(.joint-element) {
+ cursor: crosshair;
+ }
+ [magnet=true]:not(.joint-element):hover {
+ opacity: .7;
+ }
+
+ /*
+
+ Elements have CSS classes named by their types. E.g. type: basic.Rect has a CSS class "element basic Rect".
+ This makes it possible to easilly style elements in CSS and have generic CSS rules applying to
+ the whole group of elements. Each plugin can provide its own stylesheet.
+
+ */
+
+ .joint-element {
+ /* Give the user a hint that he can drag&drop the element. */
+ cursor: move;
+ }
+
+ .joint-element * {
+ user-drag: none;
+ }
+
+ .joint-element .scalable * {
+ /* The default behavior when scaling an element is not to scale the stroke in order to prevent the ugly effect of stroke with different proportions. */
+ vector-effect: non-scaling-stroke;
+ }
+ /*
+
+ connection-wrap is a element of the joint.dia.Link that follows the .connection of that link.
+ In other words, the \`d\` attribute of the .connection-wrap contains the same data as the \`d\` attribute of the
+ .connection . The advantage of using .connection-wrap is to be able to catch pointer events
+ in the neighborhood of the .connection . This is especially handy if the .connection is
+ very thin.
+
+ */
+
+ .marker-source,
+ .marker-target {
+ /* This makes the arrowheads point to the border of objects even though the transform: scale() is applied on them. */
+ vector-effect: non-scaling-stroke;
+ }
+
+ /* Paper */
+ .joint-paper {
+ position: relative;
+ }
+ /* Paper */
+
+ /* Highlighting */
+ .joint-highlight-opacity {
+ opacity: 0.3;
+ }
+ /* Highlighting */
+
+ /*
+
+ Vertex markers are \`\` elements that appear at connection vertex positions.
+
+ */
+
+ .joint-link .connection-wrap,
+ .joint-link .connection {
+ fill: none;
+ }
+
+ /* element wrapping .marker-vertex-group. */
+ .marker-vertices {
+ opacity: 0;
+ cursor: move;
+ }
+ .marker-arrowheads {
+ opacity: 0;
+ cursor: move;
+ cursor: -webkit-grab;
+ cursor: -moz-grab;
+ /* display: none; */ /* setting \`display: none\` on .marker-arrowheads effectivelly switches of links reconnecting */
+ }
+ .link-tools {
+ opacity: 0;
+ cursor: pointer;
+ }
+ .link-tools .tool-options {
+ display: none; /* by default, we don't display link options tool */
+ }
+ .joint-link:hover .marker-vertices,
+ .joint-link:hover .marker-arrowheads,
+ .joint-link:hover .link-tools {
+ opacity: 1;
+ }
+
+ /* element used to remove a vertex */
+ .marker-vertex-remove {
+ cursor: pointer;
+ opacity: .1;
+ }
+
+ .marker-vertex-group:hover .marker-vertex-remove {
+ opacity: 1;
+ }
+
+ .marker-vertex-remove-area {
+ opacity: .1;
+ cursor: pointer;
+ }
+ .marker-vertex-group:hover .marker-vertex-remove-area {
+ opacity: 1;
+ }
+
+ /*
+ Example of custom changes (in pure CSS only!):
+
+ Do not show marker vertices at all: .marker-vertices { display: none; }
+ Do not allow adding new vertices: .connection-wrap { pointer-events: none; }
+ */
+
+ /* foreignObject inside the elements (i.e joint.shapes.basic.TextBlock) */
+ .joint-element .fobj {
+ overflow: hidden;
+ }
+ .joint-element .fobj body {
+ background-color: transparent;
+ margin: 0px;
+ position: static;
+ }
+ .joint-element .fobj div {
+ text-align: center;
+ vertical-align: middle;
+ display: table-cell;
+ padding: 0px 5px 0px 5px;
+ }
+
+ /* Paper */
+ .joint-paper.joint-theme-dark {
+ background-color: #18191b;
+ }
+ /* Paper */
+
+ /* Links */
+ .joint-link.joint-theme-dark .connection-wrap {
+ stroke: #8F8FF3;
+ stroke-width: 15;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ opacity: 0;
+ cursor: move;
+ }
+ .joint-link.joint-theme-dark .connection-wrap:hover {
+ opacity: .4;
+ stroke-opacity: .4;
+ }
+ .joint-link.joint-theme-dark .connection {
+ stroke-linejoin: round;
+ }
+ .joint-link.joint-theme-dark .link-tools .tool-remove circle {
+ fill: #F33636;
+ }
+ .joint-link.joint-theme-dark .link-tools .tool-remove path {
+ fill: white;
+ }
+ .joint-link.joint-theme-dark .link-tools [event="link:options"] circle {
+ fill: green;
+ }
+ /* element inside .marker-vertex-group element */
+ .joint-link.joint-theme-dark .marker-vertex {
+ fill: #5652DB;
+ }
+ .joint-link.joint-theme-dark .marker-vertex:hover {
+ fill: #8E8CE1;
+ stroke: none;
+ }
+ .joint-link.joint-theme-dark .marker-arrowhead {
+ fill: #5652DB;
+ }
+ .joint-link.joint-theme-dark .marker-arrowhead:hover {
+ fill: #8E8CE1;
+ stroke: none;
+ }
+ /* element used to remove a vertex */
+ .joint-link.joint-theme-dark .marker-vertex-remove-area {
+ fill: green;
+ stroke: darkgreen;
+ }
+ .joint-link.joint-theme-dark .marker-vertex-remove {
+ fill: white;
+ stroke: white;
+ }
+ /* Links */
+ /* Paper */
+ .joint-paper.joint-theme-default {
+ background-color: #FFFFFF;
+ }
+ /* Paper */
+
+ /* Links */
+ .joint-link.joint-theme-default .connection-wrap {
+ stroke: #000000;
+ stroke-width: 15;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ opacity: 0;
+ cursor: move;
+ }
+ .joint-link.joint-theme-default .connection-wrap:hover {
+ opacity: .4;
+ stroke-opacity: .4;
+ }
+ .joint-link.joint-theme-default .connection {
+ stroke-linejoin: round;
+ }
+ .joint-link.joint-theme-default .link-tools .tool-remove circle {
+ fill: #FF0000;
+ }
+ .joint-link.joint-theme-default .link-tools .tool-remove path {
+ fill: #FFFFFF;
+ }
+
+ /* element inside .marker-vertex-group element */
+ .joint-link.joint-theme-default .marker-vertex {
+ fill: #1ABC9C;
+ }
+ .joint-link.joint-theme-default .marker-vertex:hover {
+ fill: #34495E;
+ stroke: none;
+ }
+
+ .joint-link.joint-theme-default .marker-arrowhead {
+ fill: #1ABC9C;
+ }
+ .joint-link.joint-theme-default .marker-arrowhead:hover {
+ fill: #F39C12;
+ stroke: none;
+ }
+
+ /* element used to remove a vertex */
+ .joint-link.joint-theme-default .marker-vertex-remove {
+ fill: #FFFFFF;
+ }
+ /* Links */
+
+ @font-face {
+ font-family: 'lato-light';
+ src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ /* Links */
+ .joint-link.joint-theme-material .connection-wrap {
+ stroke: #000000;
+ stroke-width: 15;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ opacity: 0;
+ cursor: move;
+ }
+ .joint-link.joint-theme-material .connection-wrap:hover {
+ opacity: .4;
+ stroke-opacity: .4;
+ }
+ .joint-link.joint-theme-material .connection {
+ stroke-linejoin: round;
+ }
+ .joint-link.joint-theme-material .link-tools .tool-remove circle {
+ fill: #C64242;
+ }
+ .joint-link.joint-theme-material .link-tools .tool-remove path {
+ fill: #FFFFFF;
+ }
+
+ /* element inside .marker-vertex-group element */
+ .joint-link.joint-theme-material .marker-vertex {
+ fill: #d0d8e8;
+ }
+ .joint-link.joint-theme-material .marker-vertex:hover {
+ fill: #5fa9ee;
+ stroke: none;
+ }
+
+ .joint-link.joint-theme-material .marker-arrowhead {
+ fill: #d0d8e8;
+ }
+ .joint-link.joint-theme-material .marker-arrowhead:hover {
+ fill: #5fa9ee;
+ stroke: none;
+ }
+
+ /* element used to remove a vertex */
+ .joint-link.joint-theme-material .marker-vertex-remove-area {
+ fill: #5fa9ee;
+ }
+ .joint-link.joint-theme-material .marker-vertex-remove {
+ fill: white;
+ }
+ /* Links */
+
+ /* Links */
+ .joint-link.joint-theme-modern .connection-wrap {
+ stroke: #000000;
+ stroke-width: 15;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ opacity: 0;
+ cursor: move;
+ }
+ .joint-link.joint-theme-modern .connection-wrap:hover {
+ opacity: .4;
+ stroke-opacity: .4;
+ }
+ .joint-link.joint-theme-modern .connection {
+ stroke-linejoin: round;
+ }
+ .joint-link.joint-theme-modern .link-tools .tool-remove circle {
+ fill: #FF0000;
+ }
+ .joint-link.joint-theme-modern .link-tools .tool-remove path {
+ fill: #FFFFFF;
+ }
+
+ /* element inside .marker-vertex-group element */
+ .joint-link.joint-theme-modern .marker-vertex {
+ fill: #1ABC9C;
+ }
+ .joint-link.joint-theme-modern .marker-vertex:hover {
+ fill: #34495E;
+ stroke: none;
+ }
+
+ .joint-link.joint-theme-modern .marker-arrowhead {
+ fill: #1ABC9C;
+ }
+ .joint-link.joint-theme-modern .marker-arrowhead:hover {
+ fill: #F39C12;
+ stroke: none;
+ }
+
+ /* element used to remove a vertex */
+ .joint-link.joint-theme-modern .marker-vertex-remove {
+ fill: white;
+ }
+ /* Links */
+ flo-view {
+ width:100%;
+ height:100%;
+ margin: 0;
+ background-color: #eeeeee;
+ font-family: "Varela Round",sans-serif;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ }
+
+ .canvas {
+ border: 1px solid;
+ border-color: #6db33f;
+ border-radius: 2px;
+ margin-top: 3px;
+ }
+
+ /* Canvas contains the palette on the left and the paper on the right */
+
+ .paper {
+ padding: 0px;
+ background-color: #ffffff;
+ /* height: 100%;
+ width: 100%;
+ position: relative;
+ overflow: hidden;
+ *//* margin-left: 400px; */
+ }
+
+ #sidebar-resizer {
+ background-color: #34302d;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ width: 6px;
+ cursor: e-resize;
+ }
+
+ #palette-container {
+ background-color: #EEE;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ overflow: auto;
+ }
+
+ #paper-container {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ overflow: auto;
+ color: #FFF;
+ background-color: #FFF;
+ }
+
+ /* Tooltip START */
+
+ .node-tooltip .tooltip-description {
+ margin-top: 5px;
+ margin-left: 0px;
+ margin-bottom: 5px;
+ }
+
+ .node-tooltip {
+ display:none;
+ position:absolute;
+ border:1px solid #333;
+ background-color:#34302d;/*#161616;*/
+ border-radius:5px;
+ padding:5px;
+ color:#fff;
+ /* font-size:12px Arial;*/
+ font-family: "Varela Round",sans-serif;
+ font-size: 19px;
+ z-index: 100;
+ }
+
+ .tooltip-title-type {
+ font-size: 24px;
+ font-weight: bold;
+ }
+
+ .tooltip-title-group {
+ padding-left: 5px;
+ font-size: 20px;
+ font-style: italic;
+ }
+
+ .node-tooltip-option-name {
+ font-family: monospace;/*"Varela Round",sans-serif;*/
+ font-size: 17px;
+ font-weight: bold;
+ padding-right: 20px;
+
+ }
+
+ .node-tooltip-option-description {
+ font-family: "Varela Round",sans-serif;
+ font-size: 18px;
+ }
+
+ /* Tooltip END */
+
+
+ /* Validation Error Marker on Canvas START */
+
+ .error-tooltip p {
+ margin-top: 5px;
+ margin-left: 0px;
+ margin-bottom: 5px;
+ color:#fff;
+ }
+ .error-tooltip {
+ display:none;
+ position:absolute;
+ border:1px solid #333;
+ background-color:red;/*#161616;*/
+ border-radius:5px;
+ padding:5px;
+ color:#fff;
+ /* font-size:12px Arial;*/
+ font-family: "Varela Round",sans-serif;
+ font-size: 20px;
+ z-index: 100;
+ }
+
+ /* Validation Error Marker on Canvas END */
+
+ /* Controls on Canvas START */
+
+ .canvas-controls-container {
+ position: absolute;
+ right: 15px;
+ top: 5px;
+ }
+
+ .canvas-control {
+ background: transparent;
+ font-family: "Varela Round",sans-serif;
+ font-size: 11px;
+ vertical-align: middle;
+ margin: 0px;
+ }
+
+ .zoom-canvas-control {
+ border: 0px;
+ padding: 0px;
+ margin: 0px;
+ outline: none;
+ }
+
+ .zoom-canvas-input {
+ text-align: right;
+ font-weight:bold;
+ color: black;
+ background-color: transparent;
+ }
+
+ .zoom-canvas-label {
+ padding-right: 4px;
+ color: black;
+ }
+
+ /* Controls on Canvas END */
+
+
+
+
+ /* START - FLO CANVAS STYLES - override joint js styles */
+
+ .highlighted {
+ outline: none;
+ }
+
+ .joint-element.highlighted rect {
+ stroke: #34302d;
+ stroke-width: 3;
+ }
+
+ .joint-type-handle {
+ cursor: pointer;
+ }
+
+ .available-magnet {
+ stroke-width: 3;
+ }
+
+ .link {
+ fill: none;
+ stroke: #ccc;
+ stroke-width: 1.5px;
+ }
+
+ .link-tools .tool-options {
+ display: none; /* by default, we don't display link options tool */
+ }
+
+ /* Make transparent the circle around the link-tools (cog) icon. It'll allow shape to have a circle clicking area */
+ .link-tools .tool-options circle {
+ fill: transparent;
+ stroke: transparent;
+ }
+
+ .link-tools .tool-options path {
+ fill: black;
+ stroke: black;
+ }
+
+ .link-tools .tool-remove circle {
+ fill: red;
+ stroke: red;
+ }
+
+ .link-tools .tool-remove path {
+ fill: white;
+ stroke: white;
+ }
+
+ .link-tools-container {
+ stroke-width: 0;
+ fill: transparent;
+ }
+
+ /* END - FLO CANVAS STYLES */
+ `],
+ encapsulation: ViewEncapsulation.None
+ }),
+ tslib_1.__metadata("design:paramtypes", [ElementRef])
+], EditorComponent);
+export { EditorComponent };
+//# sourceMappingURL=editor.component.js.map
\ No newline at end of file
diff --git a/dist/esm2015/index.js b/dist/esm2015/index.js
new file mode 100644
index 0000000..e50ba34
--- /dev/null
+++ b/dist/esm2015/index.js
@@ -0,0 +1,12 @@
+export { FloModule } from './module';
+export { Palette } from './palette/palette.component';
+export { EditorComponent } from './editor/editor.component';
+export { DslEditorComponent } from './dsl-editor/dsl-editor.component';
+export { CodeEditorComponent } from './code-editor/code-editor.component';
+export { PropertiesGroupComponent } from './properties/properties.group.component';
+export { DynamicFormPropertyComponent } from './properties/df.property.component';
+export { ResizerDirective } from './directives/resizer';
+export * from './shared/flo-common';
+export * from './shared/flo-properties';
+export * from './shared/shapes';
+//# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/dist/esm2015/module.js b/dist/esm2015/module.js
new file mode 100644
index 0000000..07cf0b0
--- /dev/null
+++ b/dist/esm2015/module.js
@@ -0,0 +1,39 @@
+import * as tslib_1 from "tslib";
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { Palette } from './palette/palette.component';
+import { EditorComponent } from './editor/editor.component';
+import { ResizerDirective } from './directives/resizer';
+import { DslEditorComponent } from './dsl-editor/dsl-editor.component';
+import { CodeEditorComponent } from './code-editor/code-editor.component';
+import { PropertiesGroupComponent } from './properties/properties.group.component';
+import { DynamicFormPropertyComponent } from './properties/df.property.component';
+let FloModule = class FloModule {
+};
+FloModule = tslib_1.__decorate([
+ NgModule({
+ imports: [
+ FormsModule,
+ CommonModule,
+ ReactiveFormsModule
+ ],
+ declarations: [
+ Palette,
+ EditorComponent,
+ ResizerDirective,
+ DslEditorComponent,
+ CodeEditorComponent,
+ PropertiesGroupComponent,
+ DynamicFormPropertyComponent
+ ],
+ exports: [
+ EditorComponent,
+ DslEditorComponent,
+ DynamicFormPropertyComponent,
+ PropertiesGroupComponent
+ ]
+ })
+], FloModule);
+export { FloModule };
+//# sourceMappingURL=module.js.map
\ No newline at end of file
diff --git a/dist/esm2015/palette/palette.component.js b/dist/esm2015/palette/palette.component.js
new file mode 100644
index 0000000..d66a10d
--- /dev/null
+++ b/dist/esm2015/palette/palette.component.js
@@ -0,0 +1,511 @@
+import * as tslib_1 from "tslib";
+import { Component, ElementRef, Input, Output, EventEmitter, Inject, ViewEncapsulation } from '@angular/core';
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+import { dia } from 'jointjs';
+import { Flo } from '../shared/flo-common';
+import { Shapes, Constants } from '../shared/shapes';
+import { DOCUMENT } from '@angular/platform-browser';
+import * as _$ from 'jquery';
+const joint = Flo.joint;
+const $ = _$;
+const DEBOUNCE_TIME = 300;
+joint.shapes.flo.PaletteGroupHeader = joint.shapes.basic.Generic.extend({
+ // The path is the open/close arrow, defaults to vertical (open)
+ markup: '', {
+ id: 'palette-floater'
+ }).appendTo($('body'));
+ let floatergraph = new joint.dia.Graph();
+ floatergraph.set('type', Constants.FEEDBACK_CONTEXT);
+ const parent = $('#palette-floater');
+ this.floaterpaper = new joint.dia.Paper({
+ el: $('#palette-floater'),
+ elementView: this.renderer && this.renderer.getNodeView ? this.renderer.getNodeView() : joint.dia.ElementView,
+ gridSize: 10,
+ model: floatergraph,
+ height: parent.height(),
+ width: parent.width(),
+ validateMagnet: () => false,
+ validateConnection: () => false
+ });
+ // TODO float thing needs to be bigger otherwise icon label is missing
+ // Initiative drag and drop - create draggable element
+ let floaternode = Shapes.Factory.createNode({
+ 'renderer': this.renderer,
+ 'paper': this.floaterpaper,
+ 'graph': floatergraph,
+ 'metadata': dataOfClickedElement
+ });
+ // Only node view expected
+ let box = this.floaterpaper.findViewByModel(floaternode).getBBox();
+ let size = floaternode.get('size');
+ // Account for node real size including ports
+ floaternode.translate(box.width - size.width, box.height - size.height);
+ this.viewBeingDragged = this.floaterpaper.findViewByModel(floaternode);
+ $('#palette-floater').offset({ left: event.pageX + 5, top: event.pageY + 5 });
+ }
+ else {
+ $('#palette-floater').offset({ left: event.pageX + 5, top: event.pageY + 5 });
+ this.trigger({
+ type: Flo.DnDEventType.DRAG,
+ view: this.viewBeingDragged,
+ event: event
+ });
+ }
+ }
+ }
+ /*
+ * Modify the rotation of the arrow in the header from horizontal(closed) to vertical(open)
+ */
+ rotateOpen(element) {
+ setTimeout(() => this.doRotateOpen(element, 90));
+ }
+ doRotateOpen(element, angle) {
+ angle -= 10;
+ element.attr({ 'path': { 'transform': 'rotate(-' + angle + ',15,13)' } });
+ if (angle <= 0) {
+ element.set('isOpen', true);
+ this.closedGroups.delete(element.get('header'));
+ this.rebuildPalette();
+ }
+ else {
+ setTimeout(() => this.doRotateOpen(element, angle), 10);
+ }
+ }
+ doRotateClose(element, angle) {
+ angle += 10;
+ element.attr({ 'path': { 'transform': 'rotate(-' + angle + ',15,13)' } });
+ if (angle >= 90) {
+ element.set('isOpen', false);
+ this.closedGroups.add(element.get('header'));
+ this.rebuildPalette();
+ }
+ else {
+ setTimeout(() => this.doRotateClose(element, angle), 10);
+ }
+ }
+ // TODO better name for this function as this does the animation *and* updates the palette
+ /*
+ * Modify the rotation of the arrow in the header from vertical(open) to horizontal(closed)
+ */
+ rotateClosed(element) {
+ setTimeout(() => this.doRotateClose(element, 0));
+ }
+};
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+], Palette.prototype, "metamodel", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+], Palette.prototype, "renderer", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+], Palette.prototype, "paletteEntryPadding", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], Palette.prototype, "onPaletteEntryDrop", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], Palette.prototype, "paletteReady", void 0);
+tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+], Palette.prototype, "paletteFocus", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Number),
+ tslib_1.__metadata("design:paramtypes", [Number])
+], Palette.prototype, "paletteSize", null);
+Palette = tslib_1.__decorate([
+ Component({
+ selector: 'flo-palette',
+ template: `
+
+
+
+ `,
+ styles: [`
+ /* Joint JS paper for drawing palette -> canvas DnD visual feedback START */
+
+ #palette-floater {
+ /* TODO size relative to paper that goes on it? */
+ opacity: 0.75;
+ width:170px;
+ height:60px;
+ background-color: transparent;
+ /*
+ background-color: #6db33f;
+ */
+ float:left;
+ position: absolute;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ }
+
+ #palette-floater.joint-paper > svg {
+ background-color: transparent;
+ }
+
+ #palette-paper-container {
+ overflow-y: auto;
+ overflow-x: hidden;
+ background-color: white;
+ color: white;
+ }
+
+ /* Joint JS paper for drawing palette -> canvas DnD visual feedback END */
+
+ /* Palette START */
+
+ .palette-filter {
+ border: 3px solid #6db33f;
+ }
+
+ .palette-filter-textfield {
+ width: 100%;
+ font-size:24px;
+ /* border: 3px solid #6db33f;
+ */ font-family: "Varela Round",sans-serif;
+ /* padding: 2px; */
+ }
+
+ .palette-paper {
+ background-color: #eeeeee;
+ /*
+ border-right: 7px solid;
+ */
+ border-color: #6db33f;
+ /* width: 170px;
+ height:100%;
+ float: left;
+ */
+ }
+
+ /* Palette END */
+ `],
+ encapsulation: ViewEncapsulation.None
+ }),
+ tslib_1.__param(1, Inject(DOCUMENT)),
+ tslib_1.__metadata("design:paramtypes", [ElementRef, Object])
+], Palette);
+export { Palette };
+//# sourceMappingURL=palette.component.js.map
\ No newline at end of file
diff --git a/dist/esm2015/properties/df.property.component.js b/dist/esm2015/properties/df.property.component.js
new file mode 100644
index 0000000..ccd6811
--- /dev/null
+++ b/dist/esm2015/properties/df.property.component.js
@@ -0,0 +1,82 @@
+import * as tslib_1 from "tslib";
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { Properties } from '../shared/flo-properties';
+let DynamicFormPropertyComponent = class DynamicFormPropertyComponent {
+ constructor() { }
+ get types() {
+ return Properties.InputType;
+ }
+ get control() {
+ return this.form.controls[this.model.id];
+ }
+ get errorData() {
+ return (this.model.validation && this.model.validation.errorData ? this.model.validation.errorData : [])
+ .filter(e => this.control.errors && this.control.errors[e.id]);
+ }
+};
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+], DynamicFormPropertyComponent.prototype, "model", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", FormGroup)
+], DynamicFormPropertyComponent.prototype, "form", void 0);
+DynamicFormPropertyComponent = tslib_1.__decorate([
+ Component({
+ selector: 'df-property',
+ template: `
+
+
+
+ {{model.name}}
+
+
+
+
+
+
+
+
+
+ {{o.name}}
+
+
+
+
+
+
+
+
{{model.description}}
+
{{e.message}}
+
+
+
+ `,
+ encapsulation: ViewEncapsulation.None
+ }),
+ tslib_1.__metadata("design:paramtypes", [])
+], DynamicFormPropertyComponent);
+export { DynamicFormPropertyComponent };
+//# sourceMappingURL=df.property.component.js.map
\ No newline at end of file
diff --git a/dist/esm2015/properties/properties.group.component.js b/dist/esm2015/properties/properties.group.component.js
new file mode 100644
index 0000000..28395ea
--- /dev/null
+++ b/dist/esm2015/properties/properties.group.component.js
@@ -0,0 +1,50 @@
+import * as tslib_1 from "tslib";
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { FormGroup, FormControl } from '@angular/forms';
+import { Properties } from '../shared/flo-properties';
+let PropertiesGroupComponent = class PropertiesGroupComponent {
+ ngOnInit() {
+ if (this.propertiesGroupModel.isLoading) {
+ let subscription = this.propertiesGroupModel.loadedSubject.subscribe(loaded => {
+ if (loaded) {
+ subscription.unsubscribe();
+ this.createGroupControls();
+ }
+ });
+ }
+ else {
+ this.createGroupControls();
+ }
+ }
+ createGroupControls() {
+ this.propertiesGroupModel.getControlsModels().forEach(c => {
+ if (c.validation) {
+ this.form.addControl(c.id, new FormControl(c.value || '', c.validation.validator, c.validation.asyncValidator));
+ }
+ else {
+ this.form.addControl(c.id, new FormControl(c.value || ''));
+ }
+ });
+ }
+};
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Properties.PropertiesGroupModel)
+], PropertiesGroupComponent.prototype, "propertiesGroupModel", void 0);
+tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", FormGroup)
+], PropertiesGroupComponent.prototype, "form", void 0);
+PropertiesGroupComponent = tslib_1.__decorate([
+ Component({
+ selector: 'properties-group',
+ template: `
+
+
+ `,
+ encapsulation: ViewEncapsulation.None
+ })
+], PropertiesGroupComponent);
+export { PropertiesGroupComponent };
+//# sourceMappingURL=properties.group.component.js.map
\ No newline at end of file
diff --git a/dist/esm2015/shared/flo-common.js b/dist/esm2015/shared/flo-common.js
new file mode 100644
index 0000000..945ef9e
--- /dev/null
+++ b/dist/esm2015/shared/flo-common.js
@@ -0,0 +1,57 @@
+import * as _joint from 'jointjs';
+import * as _$ from 'jquery';
+const $ = _$;
+export var Flo;
+(function (Flo) {
+ Flo.joint = _joint;
+ let DnDEventType;
+ (function (DnDEventType) {
+ DnDEventType[DnDEventType["DRAG"] = 0] = "DRAG";
+ DnDEventType[DnDEventType["DROP"] = 1] = "DROP";
+ })(DnDEventType = Flo.DnDEventType || (Flo.DnDEventType = {}));
+ let Severity;
+ (function (Severity) {
+ Severity[Severity["Error"] = 0] = "Error";
+ Severity[Severity["Warning"] = 1] = "Warning";
+ })(Severity = Flo.Severity || (Flo.Severity = {}));
+ function findMagnetByClass(view, className) {
+ if (className && className.startsWith('.')) {
+ className = className.substr(1);
+ }
+ const element = view.$('[magnet]').toArray().find((magnet) => magnet.getAttribute('class').split(/\s+/).indexOf(className) >= 0);
+ if (element) {
+ return view.findMagnet($(element));
+ }
+ }
+ Flo.findMagnetByClass = findMagnetByClass;
+ function findMagnetByPort(view, port) {
+ const element = view.$('[magnet]').toArray().find((magnet) => magnet.getAttribute('port') === port);
+ if (element) {
+ return view.findMagnet($(element));
+ }
+ }
+ Flo.findMagnetByPort = findMagnetByPort;
+ /**
+ * Return the metadata for a particular palette entry in a particular group.
+ * @param name - name of the palette entry
+ * @param group - group in which the palette entry should exist (e.g. sinks)
+ * @return
+ */
+ function getMetadata(metamodel, name, group) {
+ const groupObj = metamodel && group ? metamodel.get(group) : undefined;
+ if (name && groupObj && groupObj.get(name)) {
+ return metamodel.get(group).get(name);
+ }
+ else {
+ return {
+ name: name,
+ group: group,
+ unresolved: true,
+ get: (property) => new Promise(resolve => resolve()),
+ properties: () => Promise.resolve(new Map())
+ };
+ }
+ }
+ Flo.getMetadata = getMetadata;
+})(Flo || (Flo = {}));
+//# sourceMappingURL=flo-common.js.map
\ No newline at end of file
diff --git a/dist/esm2015/shared/flo-properties.js b/dist/esm2015/shared/flo-properties.js
new file mode 100644
index 0000000..9d77cbe
--- /dev/null
+++ b/dist/esm2015/shared/flo-properties.js
@@ -0,0 +1,273 @@
+import { Subject, Observable } from 'rxjs';
+import { debounceTime, mergeMap } from 'rxjs/operators';
+export var Properties;
+(function (Properties) {
+ let InputType;
+ (function (InputType) {
+ InputType[InputType["TEXT"] = 0] = "TEXT";
+ InputType[InputType["NUMBER"] = 1] = "NUMBER";
+ InputType[InputType["SELECT"] = 2] = "SELECT";
+ InputType[InputType["CHECKBOX"] = 3] = "CHECKBOX";
+ InputType[InputType["PASSWORD"] = 4] = "PASSWORD";
+ InputType[InputType["EMAIL"] = 5] = "EMAIL";
+ InputType[InputType["URL"] = 6] = "URL";
+ InputType[InputType["CODE"] = 7] = "CODE";
+ })(InputType = Properties.InputType || (Properties.InputType = {}));
+ class GenericControlModel {
+ constructor(_property, type, validation) {
+ this._property = _property;
+ this.type = type;
+ this.validation = validation;
+ }
+ get id() {
+ return this.property.id;
+ }
+ get name() {
+ return this.property.name;
+ }
+ get description() {
+ return this.property.description;
+ }
+ get defaultValue() {
+ return this.property.defaultValue;
+ }
+ get value() {
+ return this.getValue();
+ }
+ set value(value) {
+ this.setValue(value);
+ }
+ get property() {
+ return this._property;
+ }
+ setValue(value) {
+ this.property.value = value;
+ }
+ getValue() {
+ return this.property.value;
+ }
+ }
+ Properties.GenericControlModel = GenericControlModel;
+ class CheckBoxControlModel extends GenericControlModel {
+ constructor(_property, validation) {
+ super(_property, InputType.CHECKBOX, validation);
+ }
+ getValue() {
+ const res = super.getValue();
+ const type = typeof res;
+ switch (type) {
+ case 'boolean':
+ return res;
+ case 'string':
+ switch (res.trim().toLowerCase()) {
+ case 'true':
+ case '1':
+ return true;
+ case 'false':
+ case '0':
+ return false;
+ default:
+ return this.property.defaultValue;
+ }
+ case 'number':
+ const num = res;
+ if (num === 0) {
+ return false;
+ }
+ else if (num === 1) {
+ return true;
+ }
+ else {
+ return this.property.defaultValue;
+ }
+ }
+ return this.property.defaultValue;
+ }
+ }
+ Properties.CheckBoxControlModel = CheckBoxControlModel;
+ class AbstractCodeControlModel extends GenericControlModel {
+ constructor(_property, encode, decode, validation) {
+ super(_property, InputType.CODE, validation);
+ this.encode = encode;
+ this.decode = decode;
+ }
+ set value(value) {
+ if (value && this.encode) {
+ super.setValue(this.encode(value));
+ }
+ else {
+ super.setValue(value);
+ }
+ }
+ get value() {
+ let dsl = super.getValue();
+ if (dsl && this.decode) {
+ return this.decode(dsl);
+ }
+ else {
+ return dsl;
+ }
+ }
+ }
+ Properties.AbstractCodeControlModel = AbstractCodeControlModel;
+ class GenericCodeControlModel extends AbstractCodeControlModel {
+ constructor(_property, language, encode, decode, validation) {
+ super(_property, encode, decode, validation);
+ this.language = language;
+ }
+ }
+ Properties.GenericCodeControlModel = GenericCodeControlModel;
+ class CodeControlModelWithDynamicLanguageProperty extends AbstractCodeControlModel {
+ constructor(_property, _languagePropertyName, _groupModel, encode, decode, validation) {
+ super(_property, encode, decode, validation);
+ this._languagePropertyName = _languagePropertyName;
+ this._groupModel = _groupModel;
+ }
+ get language() {
+ const value = this.languageControlModel.value;
+ return value ? value : this.languageControlModel.defaultValue;
+ }
+ get languageControlModel() {
+ if (!this._langControlModel) {
+ // Cast to Properties.ControlModel
from Properties.ControlModel | undefined
+ // Should not be undefined!
+ this._langControlModel = this._groupModel.getControlsModels().find(c => c.id === this._languagePropertyName);
+ }
+ return this._langControlModel;
+ }
+ }
+ Properties.CodeControlModelWithDynamicLanguageProperty = CodeControlModelWithDynamicLanguageProperty;
+ class GenericListControlModel extends GenericControlModel {
+ constructor(property, validation) {
+ super(property, InputType.TEXT, validation);
+ }
+ get value() {
+ return this.property.value ? this.property.value.join(', ') : '';
+ }
+ set value(value) {
+ this.property.value = value && value.trim() ? value.split(/\s*,\s*/) : undefined;
+ }
+ }
+ Properties.GenericListControlModel = GenericListControlModel;
+ class SelectControlModel extends GenericControlModel {
+ constructor(_property, type, options) {
+ super(_property, type);
+ this.options = options;
+ if (_property.defaultValue === undefined) {
+ options.unshift({
+ name: 'SELECT',
+ value: _property.defaultValue
+ });
+ }
+ }
+ }
+ Properties.SelectControlModel = SelectControlModel;
+ class DefaultCellPropertiesSource {
+ constructor(cell) {
+ this.cell = cell;
+ }
+ getProperties() {
+ let metadata = this.cell.attr('metadata');
+ return Promise.resolve(metadata.properties().then(propsMetadata => Array.from(propsMetadata.values()).map(m => this.createProperty(m))));
+ }
+ createProperty(metadata) {
+ return {
+ id: metadata.id,
+ name: metadata.name,
+ type: metadata.type,
+ defaultValue: metadata.defaultValue,
+ attr: `props/${metadata.name}`,
+ value: this.cell.attr(`props/${metadata.name}`),
+ description: metadata.description,
+ valueOptions: metadata.options
+ };
+ }
+ applyChanges(properties) {
+ this.cell.trigger('batch:start', { batchName: 'update properties' });
+ properties.forEach(property => {
+ if ((typeof property.value === 'boolean' && !property.defaultValue && !property.value) ||
+ (property.value === property.defaultValue || property.value === '' || property.value === undefined || property.value === null)) {
+ let currentValue = this.cell.attr(property.attr);
+ if (currentValue !== undefined && currentValue !== null) {
+ // Remove attr doesn't fire appropriate event. Set default value first as a workaround to schedule DSL resync
+ this.cell.attr(property.attr, property.defaultValue === undefined ? null : property.defaultValue);
+ this.cell.removeAttr(property.attr);
+ }
+ }
+ else {
+ this.cell.attr(property.attr, property.value);
+ }
+ });
+ this.cell.trigger('batch:stop', { batchName: 'update properties' });
+ }
+ }
+ Properties.DefaultCellPropertiesSource = DefaultCellPropertiesSource;
+ class PropertiesGroupModel {
+ constructor(propertiesSource) {
+ this.loading = true;
+ this.propertiesSource = propertiesSource;
+ }
+ load() {
+ this.loading = true;
+ this._loadedSubject = new Subject();
+ this.propertiesSource.getProperties().then(properties => {
+ this.controlModels = properties.map(p => this.createControlModel(p));
+ this.loading = false;
+ this._loadedSubject.next(true);
+ this._loadedSubject.complete();
+ });
+ }
+ get isLoading() {
+ return this.loading;
+ }
+ get loadedSubject() {
+ return this._loadedSubject;
+ }
+ getControlsModels() {
+ return this.controlModels;
+ }
+ createControlModel(property) {
+ return new GenericControlModel(property, InputType.TEXT);
+ }
+ applyChanges() {
+ if (this.loading) {
+ return;
+ }
+ let properties = this.controlModels.map(cm => cm.property);
+ this.propertiesSource.applyChanges(properties);
+ }
+ }
+ Properties.PropertiesGroupModel = PropertiesGroupModel;
+ let Validators;
+ (function (Validators) {
+ function uniqueResource(service, debounce) {
+ return (control) => {
+ return new Observable(obs => {
+ if (control.valueChanges && control.value) {
+ control.valueChanges
+ .pipe(debounceTime(debounce), mergeMap(value => service(value)))
+ .subscribe(() => {
+ obs.next({ uniqueResource: true });
+ obs.complete();
+ }, () => {
+ obs.next(undefined);
+ obs.complete();
+ });
+ }
+ else {
+ obs.next(undefined);
+ obs.complete();
+ }
+ });
+ };
+ }
+ Validators.uniqueResource = uniqueResource;
+ function noneOf(excluded) {
+ return (control) => {
+ return excluded.find(e => e === control.value) ? { 'noneOf': { value: control.value } } : {};
+ };
+ }
+ Validators.noneOf = noneOf;
+ })(Validators = Properties.Validators || (Properties.Validators = {}));
+})(Properties || (Properties = {}));
+//# sourceMappingURL=flo-properties.js.map
\ No newline at end of file
diff --git a/dist/esm2015/shared/shapes.js b/dist/esm2015/shared/shapes.js
new file mode 100644
index 0000000..7ad599b
--- /dev/null
+++ b/dist/esm2015/shared/shapes.js
@@ -0,0 +1,494 @@
+import { Flo } from './flo-common';
+import * as _ from 'lodash';
+import * as _$ from 'jquery';
+const joint = Flo.joint;
+const $ = _$;
+const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+const isFF = navigator.userAgent.indexOf('Firefox') > 0;
+const IMAGE_W = 120;
+const IMAGE_H = 35;
+const ERROR_MARKER_SIZE = { width: 16, height: 16 };
+const HANDLE_SIZE = { width: 10, height: 10 };
+joint.shapes.flo = {};
+joint.shapes.flo.NODE_TYPE = 'sinspctr.IntNode';
+joint.shapes.flo.LINK_TYPE = 'sinspctr.Link';
+joint.shapes.flo.DECORATION_TYPE = 'decoration';
+joint.shapes.flo.HANDLE_TYPE = 'handle';
+const HANDLE_ICON_MAP = new Map();
+const REMOVE = 'remove';
+HANDLE_ICON_MAP.set(REMOVE, 'icons/delete.svg');
+const DECORATION_ICON_MAP = new Map();
+const ERROR = 'error';
+DECORATION_ICON_MAP.set(ERROR, 'icons/error.svg');
+joint.util.cloneDeep = (obj) => {
+ return _.cloneDeepWith(obj, (o) => {
+ if (_.isObject(o) && !_.isPlainObject(o)) {
+ return o;
+ }
+ });
+};
+joint.util.filter.redscale = (args) => {
+ let amount = Number.isFinite(args.amount) ? args.amount : 1;
+ return _.template('\n
\n \n ","styles":["\n /* Joint JS paper for drawing palette -> canvas DnD visual feedback START */\n\n #palette-floater {\n /* TODO size relative to paper that goes on it? */\n opacity: 0.75;\n width:170px;\n height:60px;\n background-color: transparent;\n /*\n background-color: #6db33f;\n */\n float:left;\n position: absolute;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n }\n\n #palette-floater.joint-paper > svg {\n background-color: transparent;\n }\n\n #palette-paper-container {\n overflow-y: auto;\n overflow-x: hidden;\n background-color: white;\n color: white;\n }\n\n /* Joint JS paper for drawing palette -> canvas DnD visual feedback END */\n\n /* Palette START */\n\n .palette-filter {\n border: 3px solid #6db33f;\n }\n\n .palette-filter-textfield {\n width: 100%;\n font-size:24px;\n /* border: 3px solid #6db33f;\n */\tfont-family: \"Varela Round\",sans-serif;\n /* \tpadding: 2px; */\n }\n\n .palette-paper {\n background-color: #eeeeee;\n /*\n border-right: 7px solid;\n */\n border-color: #6db33f;\n /* \twidth: 170px;\n height:100%;\n float: left;\n */\n }\n\n /* Palette END */\n "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":109,"character":17},"member":"None"}}]}],"members":{"metamodel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3}}]}],"renderer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":3}}]}],"paletteEntryPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":3}}]}],"onPaletteEntryDrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":154,"character":3}}]}],"paletteReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":157,"character":3}}]}],"paletteFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":160,"character":3}}]}],"paletteSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":175,"character":44},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":175,"character":51}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":175,"character":31},{"__symbolic":"reference","name":"any"}]}],"onFocus":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"createPaletteGroup":[{"__symbolic":"method"}],"createPaletteEntry":[{"__symbolic":"method"}],"buildPalette":[{"__symbolic":"method"}],"rebuildPalette":[{"__symbolic":"method"}],"getPaletteView":[{"__symbolic":"method"}],"handleMouseUp":[{"__symbolic":"method"}],"trigger":[{"__symbolic":"method"}],"handleDrag":[{"__symbolic":"method"}],"rotateOpen":[{"__symbolic":"method"}],"doRotateOpen":[{"__symbolic":"method"}],"doRotateClose":[{"__symbolic":"method"}],"rotateClosed":[{"__symbolic":"method"}]}},"EditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"flo-editor","template":"\n node wrapping all diagram elements in the paper */\n .joint-viewport {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n .joint-paper > svg,\n .joint-paper-background,\n .joint-paper-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n\n /*\n 1. IE can't handle paths without the `d` attribute for bounding box calculation\n 2. IE can't even handle 'd' attribute as a css selector (e.g path[d]) so the following rule will\n break the links rendering.\n\n path:not([d]) {\n display: none;\n }\n\n */\n\n\n /* magnet is an element that can be either source or a target of a link */\n [magnet=true]:not(.joint-element) {\n cursor: crosshair;\n }\n [magnet=true]:not(.joint-element):hover {\n opacity: .7;\n }\n\n /*\n\n Elements have CSS classes named by their types. E.g. type: basic.Rect has a CSS class \"element basic Rect\".\n This makes it possible to easilly style elements in CSS and have generic CSS rules applying to\n the whole group of elements. Each plugin can provide its own stylesheet.\n\n */\n\n .joint-element {\n /* Give the user a hint that he can drag&drop the element. */\n cursor: move;\n }\n\n .joint-element * {\n user-drag: none;\n }\n\n .joint-element .scalable * {\n /* The default behavior when scaling an element is not to scale the stroke in order to prevent the ugly effect of stroke with different proportions. */\n vector-effect: non-scaling-stroke;\n }\n /*\n\n connection-wrap is a element of the joint.dia.Link that follows the .connection of that link.\n In other words, the `d` attribute of the .connection-wrap contains the same data as the `d` attribute of the\n .connection . The advantage of using .connection-wrap is to be able to catch pointer events\n in the neighborhood of the .connection . This is especially handy if the .connection is\n very thin.\n\n */\n\n .marker-source,\n .marker-target {\n /* This makes the arrowheads point to the border of objects even though the transform: scale() is applied on them. */\n vector-effect: non-scaling-stroke;\n }\n\n /* Paper */\n .joint-paper {\n position: relative;\n }\n /* Paper */\n\n /* Highlighting */\n .joint-highlight-opacity {\n opacity: 0.3;\n }\n /* Highlighting */\n\n /*\n\n Vertex markers are `` elements that appear at connection vertex positions.\n\n */\n\n .joint-link .connection-wrap,\n .joint-link .connection {\n fill: none;\n }\n\n /* element wrapping .marker-vertex-group. */\n .marker-vertices {\n opacity: 0;\n cursor: move;\n }\n .marker-arrowheads {\n opacity: 0;\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n /* display: none; */ /* setting `display: none` on .marker-arrowheads effectivelly switches of links reconnecting */\n }\n .link-tools {\n opacity: 0;\n cursor: pointer;\n }\n .link-tools .tool-options {\n display: none; /* by default, we don't display link options tool */\n }\n .joint-link:hover .marker-vertices,\n .joint-link:hover .marker-arrowheads,\n .joint-link:hover .link-tools {\n opacity: 1;\n }\n\n /* element used to remove a vertex */\n .marker-vertex-remove {\n cursor: pointer;\n opacity: .1;\n }\n\n .marker-vertex-group:hover .marker-vertex-remove {\n opacity: 1;\n }\n\n .marker-vertex-remove-area {\n opacity: .1;\n cursor: pointer;\n }\n .marker-vertex-group:hover .marker-vertex-remove-area {\n opacity: 1;\n }\n\n /*\n Example of custom changes (in pure CSS only!):\n\n Do not show marker vertices at all: .marker-vertices { display: none; }\n Do not allow adding new vertices: .connection-wrap { pointer-events: none; }\n */\n\n /* foreignObject inside the elements (i.e joint.shapes.basic.TextBlock) */\n .joint-element .fobj {\n overflow: hidden;\n }\n .joint-element .fobj body {\n background-color: transparent;\n margin: 0px;\n position: static;\n }\n .joint-element .fobj div {\n text-align: center;\n vertical-align: middle;\n display: table-cell;\n padding: 0px 5px 0px 5px;\n }\n\n /* Paper */\n .joint-paper.joint-theme-dark {\n background-color: #18191b;\n }\n /* Paper */\n\n /* Links */\n .joint-link.joint-theme-dark .connection-wrap {\n stroke: #8F8FF3;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-dark .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-dark .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-dark .link-tools .tool-remove circle {\n fill: #F33636;\n }\n .joint-link.joint-theme-dark .link-tools .tool-remove path {\n fill: white;\n }\n .joint-link.joint-theme-dark .link-tools [event=\"link:options\"] circle {\n fill: green;\n }\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-dark .marker-vertex {\n fill: #5652DB;\n }\n .joint-link.joint-theme-dark .marker-vertex:hover {\n fill: #8E8CE1;\n stroke: none;\n }\n .joint-link.joint-theme-dark .marker-arrowhead {\n fill: #5652DB;\n }\n .joint-link.joint-theme-dark .marker-arrowhead:hover {\n fill: #8E8CE1;\n stroke: none;\n }\n /* element used to remove a vertex */\n .joint-link.joint-theme-dark .marker-vertex-remove-area {\n fill: green;\n stroke: darkgreen;\n }\n .joint-link.joint-theme-dark .marker-vertex-remove {\n fill: white;\n stroke: white;\n }\n /* Links */\n /* Paper */\n .joint-paper.joint-theme-default {\n background-color: #FFFFFF;\n }\n /* Paper */\n\n /* Links */\n .joint-link.joint-theme-default .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-default .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-default .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-default .link-tools .tool-remove circle {\n fill: #FF0000;\n }\n .joint-link.joint-theme-default .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-default .marker-vertex {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-default .marker-vertex:hover {\n fill: #34495E;\n stroke: none;\n }\n\n .joint-link.joint-theme-default .marker-arrowhead {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-default .marker-arrowhead:hover {\n fill: #F39C12;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-default .marker-vertex-remove {\n fill: #FFFFFF;\n }\n /* Links */\n\n @font-face {\n font-family: 'lato-light';\n src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAHhgABMAAAAA3HwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABqAAAABwAAAAcaLe9KEdERUYAAAHEAAAAHgAAACABFgAER1BPUwAAAeQAAAo1AAARwtKX0BJHU1VCAAAMHAAAACwAAAAwuP+4/k9TLzIAAAxIAAAAWQAAAGDX0nerY21hcAAADKQAAAGJAAAB4hcJdWJjdnQgAAAOMAAAADoAAAA6DvoItmZwZ20AAA5sAAABsQAAAmVTtC+nZ2FzcAAAECAAAAAIAAAACAAAABBnbHlmAAAQKAAAXMoAAK3EsE/AsWhlYWQAAGz0AAAAMgAAADYOCCHIaGhlYQAAbSgAAAAgAAAAJA9hCBNobXR4AABtSAAAAkEAAAOkn9Zh6WxvY2EAAG+MAAAByAAAAdTkvg14bWF4cAAAcVQAAAAgAAAAIAIGAetuYW1lAABxdAAABDAAAAxGYqFiYXBvc3QAAHWkAAAB7wAAAtpTFoINcHJlcAAAd5QAAADBAAABOUVnCXh3ZWJmAAB4WAAAAAYAAAAGuclXKQAAAAEAAAAAzD2izwAAAADJKrAQAAAAANNPakh42mNgZGBg4ANiCQYQYGJgBMIXQMwC5jEAAA5CARsAAHjafddrjFTlHcfxP+KCAl1XbKLhRWnqUmpp1Yba4GXV1ktXK21dby0erZumiWmFZLuNMaQQElgWJ00mtNxRQMXLcntz3GUIjsYcNiEmE5PNhoFl2GQgzKvJvOnLJk4/M4DiGzL57v/szJzn/P6/53ee80zMiIg5cXc8GNc9+vhTz0bna/3/WBUL4nrvR7MZrc+vPp7xt7/8fVXc0Dpqc31c1643xIyu/e1vvhpTMTWjHlPX/XXmbXi3o7tjbNY/O7pnvTv7ldm7bvh9R/eNKzq658Sc385+Zea7c9+avWvens7bZtQ7xjq/uOl6r+fVLZ1fXP5vuqur6983benqao0587aO7tbf9tHYN6/W+N+8XKf9mreno7s1zpVXe7z26+rjS695e2be1hq3pfvS39b/7XcejTnNvuhqdsTNzZ6Yr97i/+7ml7FIXawuwVLcg/tiWdyPHi4+rD7W/Dx+3RyJXjyBZ/AcVhlrNdZivXE2YAgbMYxNeBM5Y27FNmzHDuzEbuxzjfeMvx/v4wN8iI8wggOucxCHcBhHkGIUYziKAo7hODJjnlDHjXuKrjKm9HsO046rOI+Fui/rvKzzss7LOi/rsqbLmi5ruqzpskZ9mfoy9WXqy9SXqS9TX6auRl2Nuhp1Nepq1NWoq1FXo65GXY26GnU16srU1WJJzKJnLjrbczJIzTg149SMUzNOzXgsa/bGfbi/mY+e5uvxsOMVzXXxYrMUL6krnbvKuYPqanWNulbNOXcrtmE7dmAndmOfcTJ1XD3lu2Wcdt4ZnEWl7dMgnwb5NBgX/f8DanskqEJxD8U9kjQoRYNSVJGgymWlWyitxQPNk9Qm8WBzkuItVPZQ2ENdKyUVKalISUVKKlJSkZKKlFQoS6hKqOmhpjVrgxT1UNRj9lpKeuKVmCWPc5p7Y67aia7mI/zbQs0j1OyN7zVHYyFul97u5gR1e/k6wdeJuLP5Gm8neDsh05vN9mazvdlsb44nm9X4TfONeNq5fXjGe8+qz6nPqy80t8cfqPyj4xXN6Ugcv6S+3CzESjpW0TCovuHz1Y7XOF6rrnf9DRjCRgxjE95Ejo6t2Ibt2IGd2I33XHc/3scH+BAfYQQHcBCHcBhHkOJj1x5Vx3AUBRzDcXzisyI+xWfIXOOE90/RWMZpes9gio9nVXPK9UdkYYssbJGFLXHRe92y8KUZqMrCl/Edee5UuyRqPm7x/iIsaw7Jw4QsVGXhiCyksjARv/T9fqx0ziDWYL3vbMAQNmIYm/Am9jl3HKd97wymXOOsWsE5xxfVn1HUR00fJX2yUInbvdvt7MVYgju9lqr3tJXl4l5n3sf/+5sZdQOU7TWnBfNpLo2xyhiD6mp1jbpWzTl3K7ZhO3ZgJ3bjLeO9jT3Y277HBvhbpXyAvxX+VnTQp4M+6vuo7+Nrha8VvlZ00Rc3Ut7vyv2u2u+K/c7sd2a/b/b7Zr9v9sddnM9xu5fbvdzOyXsm75m8L+R8TsbvkOtUrlO5TuU5k+dMnlN5zuQ5ledMjjNZzbif436O+znu57if436O+zk5S+UslbNUzlI5S+UslbNMzlI5S+UslbNUzlI5S+Usk7NMzjI5y2QsNWu9ZqvX/TqHO11Wr/m4xfEirMcGDGEjhrEJb2LK987hp9w5+a05vTKfv25e0OsFvV5wD0/o84IeL7hXC+Z03Fo5bl7HOXuSsyc5e/Kac3nAuQdxCIdxBClGMYajKOAYjqM1zyfUU8YtYxpVnMevYtZXEzEXneiKe3SxMOart+upW64XYwmW4h4sa74gmX2S+bpkLpPMPh1O63Bah9O6m9bdtM7e0dkRnb0TK429yriD6mp1jbpWzfl8K7ZhO3ZgJ3Zjn7EPGOcgDuEwjiDFKMZwFAUcw3Fkzjuhjjv3lPHLOO1aZzClp7NqBeccT/usivO46L07zPywmb/VzN9q5ofN/LCs9lmHSzqs6rCqw6oOqzqsSsWwVAxLxbBUDEvFsFQMS8WwtbFkbSxZG0vWxpK1sWRtLFkbS7qq6qqqq6quqrqq6qqqq6quqrqq6qqqq6quWnNXlbJbpYwuczJpTibNyaQ5mTQnk+ZkwopR5eckPyf5OcnPSX5O8nOSn5NWgKoVoGoFqFoBqryajGe+vldv/tb9mrhfE1caat+vi9UluLO51BWHXHEoHvvqfzzp5kk3T7o9l+51Hyfu44Q/3e7jhEfd7uPEc+kh93IiEb0SMeC59Gep6PVcGpKKXvd4IhW9EtF7zXs95/tbsQ3bsQM7sRvv0bMf7+MDfIiPMIIDdBzEIRzGEaT42HVH1TEcRQHHcByf+KyIT/EZMtc44f1TNJZxZb2YRhXn8fDlJ3/xqid/nrM1zuY5W7QC/pCjRU7ul6pRDtY5WOdgnYO7OVfnWp1jZy4/sWvtJ/Zq9dLTusahIoeKHCpyqMihIoeKHCpK3ajUjUrdqNSNSt2o1I1K3SgX6lyoc6HOhToX6lyoc6DOgToH6hyoc6DOgbpu67qt6bZ21ZM3f9WTN6/7mu5ruq+1n7wvc2ABBwY4sIADCzjwOgcSDrzOgQHZystWvu1Ea3VZ5L0rK8ylfF1aZS7tfRLuJNxJuPOCfOXlK8+lRL7ynErkK8+tf8lXXr52ydeIfK2Tr10cXMDBhIMLZCzPxYSLC7iYcHGAiwNcHODiABcHuDjAxYFrrkrX3vMkHE44nHA44XDC4UTO8lxOuJxwOeFywuWEy4mc5eUsL2d5OctfXsESziect9Ok9wym+HdWreCc42mfVXEeF733Ey6nl10tcLTA0QI3C9wscLLEyRInS9wrca7EtTLHJjjVWptT7qScSXVf0H1B9wXdF3Rf0H1B9wUdlnRY0mFJhyUdlnRY0l1JdyXdlXRX0l1JdyXdFHRT0k2qm5TqlOqU6lQ6ZrXuFHRihQS92PwvNTX7m6K9TdG+pmhPUrQnKdqTFO1JivYhxfiuM0ecOWJvV3P2iOfRZs+jumfRZvu3mtEaUpAZrWEv1xpxxIgjRhwx4ogRR4w4YsQRI47ETXK7XGaXU7W8ndlWXlc6HsQanMYZXJqH5eZheXseLqrz+ZvxN+NvaxfT2sFkvMp4lfEq41XGq4xXrV1JxquMVxmvMl5lvGrtQrKY59rrXHtd+5lzrWfIlO+cw/fdbYWvz7rF8aL2fDfoadDToKdBT0PiCxJfkPiCxBckviDxBYlvzWuD1gatDVobtDZobdDaoLVBa4PWBq0NWhu0Nr5WcP3Xu6UrO6EZ8So/5+qm047iZv54asWiWBw/ih/b594Vd8fS+Lln8C+sGff6LX9/POC30IPxkDX0sXg8nogn46n4XTwdfZ5Rz8bzsSJejCReij+ZlVUxYF5Wm5e1sT42xFBsDE/eyMV/Ymtsi+2xI3bGW/F27Im9fr2/E+/F/ng/PogP46PwWz0OxeE4Eh/HaIzF0SjEsTgen8cJv8hPRdlcn7FbOGuOz8V0VON8XPw/fppwigAAAHjaY2BkYGDgYtBh0GNgcnHzCWHgy0ksyWOQYGABijP8/w8kECwgAACeygdreNpjYGYRZtRhYGVgYZ3FaszAwCgPoZkvMrgxMXAwM/EzMzExsTAzMTcwMKx3YEjwYoCCksoAHyDF+5uJrfBfIQMDuwbjUgWgASA55t+sK4GUAgMTABvCDMIAAAB42mNgYGBmgGAZBkYGELgD5DGC+SwMB4C0DoMCkMUDZPEy1DH8ZwxmrGA6xnRHgUtBREFKQU5BSUFNQV/BSiFeYY2ikuqf30z//4PN4QXqW8AYBFXNoCCgIKEgA1VtCVfNCFTN/P/r/yf/D/8v/O/7j+Hv6wcnHhx+cODB/gd7Hux8sPHBigctDyzuH771ivUZ1IVEA0Y2iNfAbCYgwYSugIGBhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NLW0dXT9/A0MjYxNTM3MLSytrG1s7ewdHJ2cXVzd3D08vbx9fPPyAwKDgkNCw8IjIqOiY2Lj4hMYmhvaOrZ8rM+UsWL12+bMWqNavXrtuwfuOmLdu2bt+5Y++effsZilPTsu5VLirMeVqezdA5m6GEgSGjAuy63FqGlbubUvJB7Ly6+8nNbTMOH7l2/fadGzd3MRw6yvDk4aPnLxiqbt1laO1t6eueMHFS/7TpDFPnzpvDcOx4EVBTNRADAEXYio8AAAAAAAP7BakAVwA+AEMASQBNAFEAUwBbAF8AtABhAEgATQBVAFsAYQBoAGwAtQBPAEAAZQBZADsAYwURAAB42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAAAEAAf//AA942sR9B2Ab15H2vl0sOha76ABJgCgESIIESIAECPYqik2kSFEiqS5Rnaq2bMndlnvNJU7c27nKjpNdkO7lZPtK2uXSLOfuklxyyd0f3O9c7DgXRxIJ/fPeAiRFSy73N9kktoDYeTPzZr6ZN29A0VQnRdGT7CjFUCoqIiEq2phWKdjfxSQl+7PGNEPDISUx+DKLL6dVysLZxjTC1+OCVyjxCt5OujgbQPdmd7Kjp5/rVPw9BR9JvX/2Q3ScPU4JlIdaQaWNFBWWWH0mbaapMBKLoyJ1UtJaM/hn2qql1GHJZMiIpqhYEJescOSKSV4UlqwmwSQZ2VSKksysYBJdqarqZE0zHY+5aauFo/2+oFmIC3Ck8keY9zmnz2r2u4xGl99cmohtpBkl0wE/9GD+qsXn4hJMHd0792JkeHRDKrVhdBjT+zLzOp0AerWUlaqiYIBUWNTHZ1R6SqMIi6YYEm2EZobPiAwv6YA2js9IdhSmqqoxCSoOATGhkoXDl0c1NGfieBp5ckeM4ioUzr77kGCxCA/NHxF+jVGUYjU8P0HVoyEqHQN+iSXxtBHokHhzPD5To4gZDeFp1pOsC9jjUo0yMx2oqIwH7LEZrYrcUrpT9fiWFm7pBJMTbiGxISqWnZRKjJl0SZk2PN1a4tPAB/OSGQZgM2akRhQWE65Xmx/7ww8pa1grxiKcqD8hRdSnWJE/8WrzbX+YItdNcB3+LIyvm3jJqT4lxvhpNqY3w4PJbx3+LUb4aSHCm/Ezpt0lTrjuIb8D+LcY5qcrwib5bZXkbfAh8fwfJskVeE8dfs90Kv/OenydodL6cAT+oVYrq9TpeRih2xMIV1RGYvFkXao+cr5/YqsLy6cRtaC42ZtM2OPmZtSAGK85HrNaVExcpQz5GThWeRmQWW1N0uxlOBRGZjgr8Zq9YzTzL6uyc0pF+T+NK5ym8GZUvTlcjMb/XcmWvbHqf3jY7H9tKufMaCz7D2OsUwhveo0TUAJVr8r+A/oNq9Xy6K6QD6GHzZZsA/obj1qR3Q7n2YOuymy9IKgU6L7sVrsJ/a2hHt1FwSx8MHtK4VceoxqoZdRK6m+ptBVrIkyKdk1GDIJAh6Mif1JqFDJiIy/VgRRrOBB3TZ06PLOSo4pBWUMxsYaX+uFWRMhII7KAW/5j9hksSIUYAkm6Tkht7CnRdoKdtrbZgMshfrog5AKmB/FvsY2fbsfXGWra5gq1Eba/aLW5CoJt7QuclRpBCKIyJenq4FWbklbWwGt3SuwXRH9KjJgkrxtmblV1C0rAhFXYzRGmFiZvC8IyULmRXaX0+yJ0iHGzeDIbEeZ8MoLMFjdtN3MMaob3w/0HC/SCpjBU2z2R8i67fkdr7c57tmiQ0Vii3/Fgm13L68taN3a4q7aM99cVN+5/fKceGQ0l+mPvjFau2J4qWnHxihBKDl+zprJm9f7m50uNNl9pwMXQt9lqR46u7z62s4X5Omf+vmqg1S94y4Ls3EtGX1nt8g1NYw9e0s3+1GD+s3KS+X3L2taIha5VVA9sOfPXbN3aI12d69srzBTFUuNnf89+m32FMlMhsB2dMJe/TKVLYQanW7HZ62Uz6QqQYprFk9nPZmZWJVpZQ1haBYdOIzl0shkkjhMLYzFmRAsvuUF+WjjU8lI1HHbBYRcvDcJhA0zbCXh1WwRT2siWplIpabALjhOtlSlsKVf1gtFsqIbLficcaakUWE3zOVYzQieBx/FYM40Z7PdxtJkIBSn96DPeOB4dPtDSsn+kqnrVvuaWA8PRwUDTcCQy0hIItIxEIsNNgTKFUWnius783mCjV1atPNAK745Wj+xvajm4smpFoHk4GhlpCgSa4N0jzQHFwMQtayORtbdMjN+MX28eHzzQ7fN1HxgcPNDj8/UcODPJ3qPWnt5lQmMTt6yLRNbhd05EIhPwzv3Lvd7l+wcHDy33+ZYfAju69+wH7GGQRSs1TF1HpeNYCo1YCstUmbQBC8ANB24D2ELKbdOALxohXG8Dn9PGS2rgqx/mlh9MHByawNqDtSvHcwms/Sp4dfoF04yBbVy2ImBPiSZB7EuJ5aZ0qDpJeO9eBrcpdXUS35a5Dgpdm+OpXYk1PhiKMJiTVovNDlxPYsZzSIWdRhRxzGKmJ1EwxDF7a9dd3dvTU7P5xpGuy9YmaU7vMKg5RuVvHG9s2ra8dPVa9K1IUk3r9Sm6qwVVrzU5+B9F9l37lZUDX71k+dbGzYfrl199YH0oW65kO/f2l6GLem/cP1Y4fP/Y8ssm4tGhXSlGwRp0BV3N4WDXhrpV949lm3of7TMYN31vffZdtfHvayfaAvGtf7Fl8PBgyNswWI3+nlUVDW0+CK6LQth3IgPxnX7Zc+bcJhJ1eZ9JfvRLneW8h1zkF+HzvpH9kEbKAsoJMwqJLvIZBvj7AvnvMUvtNrDeSuCgCR8ZUYT5hrttajBsUF12xRWXq7jw4FSbm77hyL/+8tdHC1RGre5vsmv//d+ya/9apzWqXUf/9Ze/gudMZj9EL5HnJOTnaE+KVGzGIJtRAy+xsgrgB0sGLcwwWm0HKYusIDLYrtlrkglTbQ0dCoZqWpCbwVNGFQpOqi+//IqjKsSFV0y1FxW1T60Ic7/Q6v4aPflv/46e/BudllMXHP31L//1yJFf/fLXR1wqzMOrmHvoNHuKqqWSlFgSndHoKRXmYCIqlpyU1LFYbCZA6JK09lhMSgJFgRLBNM1yxWWgaZgvSTtY1AhqQnGrRalqBpdnBz6DmfUgVSiCQm5UhPy1NYkkh4woBFoHihm6quAt3sKpVbWsWm/l33KdMBaYTC7+Lec7RqtBiS/rbMYTrrc4l9ns4tiByEGt2WR2m/75n0xus2DRHIgc0GhpRqM+ED2oEQRTgfDP/yQUCEZBs7/ygFrDMFo10ZED1CuKasVfUjqYlyIVFVVxCSkzIhtLUwjjEkqrCacRhQ8Rg6elnoiDjkkasHyKWFqjxfc0KnibVoMPtZQGpCKrRK0XlMpr9Qp+4QB6eQi9ku0eom/pQ9/PxvqyVegHsp4ezM6hIPUNqoCKU2knNgqMHsxuIVYwkQPIC3gU/xQBc5UUuDIbTGjGSXwchp3gxGw5EWM2NjNJosYHq0srqmxlKb9RrVRoi4udCqVRE6xaE4g3VpePjazwGtVaVqvQlibbSmg6LtOynU7QHfQt4PF9mB8S0mTwDxIVUYlC4RnGimcQ1kB5fNbt6Od0YmQE/+0UYOsyGIdAlS1C1vkDhFH0ArrGSI/6BGieOhcpnwuP4Rlnz5x9lv5H9keUmjJSIhNFoiYqacknqVAC/ASMnKWvNJaWz12v9gqrlXTwNGWxUATL9p39UDGe84edOQqdmkzO/6mBwlLZ0xkWPJ05I5XlfFoO75/ju0zNCKhHJquFxjyPoE+4pb6Vd7w+NfXGHcPDd7y5Z+r1O1ZOdh66d9Wqew915l/pd99E9hfHx1/MZt58M5vBR8j+pnTqkeXLHzkliacf6el55DTm7yxg8RD7TYqnAIkrMfUqFaD+GLFt05wSqUE/haioBtNmyKQZNVZHhgXNVDP4UK0EzTTBaBg16A6CsSAODnR4JIjoKehrTRJ8rS80ix7vQ01zVjTAZN/SwrRRNKFDpx/q71fc4w9lfwNmAFHXAz1h4GeMWk+lKUxPpTaT9mBuGrHKxKOiS+ZmeSztsmASXDA5MG+12E4YMlIN5jHmLevBvK0E7ZYU5WDKjMI0a3MFiLOKY63OYS7MUuKr/KFmJq84KvBWcW/MVoSu12nQfzbtGqioHb+4teui8Xq91kMr6Wr9wOH7xkfuuagjtvpQc7be2x2gD/IWv86hRv/VfPjSK7qHLukPlPfubAog9fovT9ZUbf7y1uHbr72sJVutVpv5FJkb15/9QBGF8S6nbqfSnXi8HGgP14kHxoFxSMeIImkAPTk6Y3n01BMVK09KpcCFUlmnkiAbdxL/kdsB3HDzorn4pCC1ADt64XZpJfCAUQMP3MI0F2vsxGZUcoCkJKoFrjoFsTEl+k3p8krs2rGBxQbAg9zsvN7VnsusKFrEKzfKI6jrQ3q9zsKqlbZA7cDOjnW3rY+Ub3nskg1f2lQdX31Rc9dFYw2c2q1iY4b+w/ePj3zlQGvFwM6mRx9ffuXxySue3N2Atgis1mgxJesbIoVNGy9Jdlw0XL2Mjgztbx842Osr69nZkmMnxkbdh1bXG92v3TF+7/7m9j3Xw3xsA/05yj4H+myjeqm0DmMi4qYNgg4ZwiITlwyg4GqILuxRUXcSwl1JC8gHjK8D640up8WCAQ6olIgEsIx5XbYowwjMrhfceRK0OpFso3+6BmkMxt+NzY0aBWYzvZdm0G+Zd2Y7EjpDdhN61KBL0H8SSi1E1veCrBWAHaLUP1HpMJa1msmk7VjARdrMjNcUtgOF5rjkVWfEYqCwKioaTkpBEGJ1LnSd+yOJbEQ7BDYQ0UhFmlOc6D7xquFXb92Ib7BicURyF6nhGiuZbXDTekK08tMWq9kcflX7lRO/gnfpQD+mPe5iczgNv4tvLb7VrwRVSKXhXfBCzVhtbosnIgegGqvNXuQ2WzzFiwNNBFSB8jiceIaZYOqnKSZINEeOfxaZK6UqZMas83sZYtjmwfa9hVqLITY41b3qy3uaIuvv2lR/fU/rIfq2AvfcH9d0XVZ38OsXNwzd/OKOxr2bhg6WGj0l7sT2ezauOLa+BpvG68othdkiwdh68aMbLnrh6g5rIIrt8W3A4yrgcSFEJ2DRHJjLPnUmrcQ6wFU4lDCFOCVMoWpilotgChXxUghEbwY2x+A1VARQQ8c5VGSOVPjw2Mw6eVZgmyF7BNW5Y1lqoW9bvRXdJvhXZ4eKa22NT29Z//Ch1u4rpV3bnjnSvjG+7oaRsTsma2s2HRuauHNLDfr70ZM30BbH3PfKewPN3U0HHt665amjHW2XS2Mrb9maTG6+cXDkxvXxlq1Xy/70BtDxHpJvci3ScMmoJf4w5wSxHwVoRMJMlEiCzt7A/LVKObdTXWhvpx8ymGbf0PHs7pYKwaU5/TPeynoKrDz+fIa6HHhYBjYpBJH5IPUmlfYTOwyxBEnR9CkzM21JvxF0tS4utangqUOEmbI9Ehux5dHCsTYqNcomCvPVbchMW9wxNYQncHFZFBtxaaWs18Lzb1+J1ZcTWV7sOCGl7KdEJwTsdSknCcxZZ6qDqOMM66yTD0lQvqwRZGX0VyaJrJLYyrnBi0p9bXBk0abmoxKmdhEmUMno9byR4ZLzyyOrLu5q2drur9/7wOZND+xt8HduaVl20arosiue37nzG5cvm6zdcsvIyM1bEsv2Hmtqun5qWTQ4dNmqkcuGSsLDRwYGjo6E0dVDV65r4k2tY3uaB26aTKUmb+5vmhprNRmb1105tO7uncnkzrvX91wyGo2OXtKz8er+4uL+q+md9XtHY7HRqYbmqaHKyqEprNsiyD0GcnGDdwTdNlP5ODuizsy4AmYcXLtUspMEcXiAzR6eQA1tzi2WeTCMtrvMhF+RAOi2lrKnlsbMKgSGDkdrBH98gkli1+XHJzc9dnGrPdJenr3e6B9DX/fUWBuObxq/Z2/z5tj4Vf1rbtlQFV93Vd/QjRsTCuX6Rw63tx15envdju1TTXM/dtCrwwOB9uUNU/dNDl0zHm3cdKRpEKZ1fN01BFPdDZhvmPkF6LefqlxAfaI3Ktkx5gsQEIsNtzUjFpIXqeR8yE849/Ru42IgmDz3bEnWdGwJSiR0AaaW6aqkOnIW3Ap0GaMyFo1ERdNJiSqGmMUBlGnJixQFvjtM8+kLSrKGwbU4PpGmCJovBLqX0K08PwZnrj6H5DnqUzH5E8jIPKEYBD9JmWsRsRRKFYToOHB6gqH0/Nx3fKVhD50wGugHytGtHTpek/1XQavhs79UC7oOzI9n0X8yp5jLSD7dJSN7CHMA1LNYCdVRSTNviRD8PMsMzkrMIPrPvj7U2t9P6IB/RgWS6UAEkiVwpIaCTQhZEdIb6WRxmSUgzH27gKGQsUNnUqFiXsNyauTmbB3ZS8qBDt/ZD+kfwLwopeqpKSpdh+US0ecwuBdj8IaoaD4pmTic4Zi2m+IcTAWQUFlUiltJ1qMQTxKBpIglkxlPEm+kDic94oLIp8RCAOrE1XkjcI/SmoJyxmMeAimMyB8CG6PIzxGAu0vE6yvsGtlSv/yqTXVVvav7amh9B1vdM9pTHe7dVNu5pTOkMqpf5FzeRZEKGy6Ml9rDQxctX3FgtK2u3vfMN9nylsamgcmu5Jomj78ioD8zcB493X9WryxlR6gV1Gbq25TYG5Va2Ey6pRfDw5ZOgIfGqGiNS2FFRlwVE9dHJQ+bEWtBbBhabiG2ox5YVc9LLmDHIMSkgzzG+DNBOVsQ5KUqzC8uI22V7XdT5vffku33OC9OnJD8ylOi7wQ17fOPTxC7PX9EsINpUDC9yFo9tS2964GRUlUQT4/2bjI9jC0ksSqth2nygpZymarqc+klUyKwiJ8h2TjJht1mZzjQ4nPsFMIpE5siHktgMOtBSoXfFwjSJfl0kzmCsKT2H/khsj9yy+xbFzfsvG1wYi2d+otVqVV1Be3XvHZJYlNwvV5vD1a76vcMV2197tfX3D77xoGL/w5pvnrvme0qHafkL8q+/8zx7M/+8Ur0nqWssaxksKfFNuys8a+7Z1c9HXsOlbx32ejx008eePn6no3jG0dLuzYk13zz9jGTKftQtM9dWefVNR36y8l7//VrPVPvZD967IXs+69sXNbOcsH+4anvo4o1Zd1xt7N13yhqUqn7jn4NyxcMIusC/28AjFshR0mAa2WYq+EogLmSBs9AexRj2lxEZsZBD4qTXBSD8/5+sxfBVAMoY6RX7qJXruTM7HNzdc8qLMYP6VuyP1VxahWnYo+fXmM0oCeza3UCzdE/EyqdTpwJxjjhPfBHXwM6LJSHKqf25OI1K8QvBI+UQ9BS7CHkFGNywkSzrGaMbQGTkqSj0ZyZVhmdAAqCcD0YlVQQHFfAjaAVaNaDOnjwgTElFgtwKpabRBUeiOBdEnqUeGMJIneIN4kKBP3e99BjV7xwaX1p/97u515pv/LFi7NfRlN/9U7Nli+tzX4FNUzetTb86lvZv2OPV2+8dU1qz0S7yfXNv1j3lR2JVU9+tWtff9lAfNWeui/fQ+zl1Wc/YCMkLo1T6Qgep1ubszAW7bzLdVqIn6Uki1swzWgpQ7DsXN2VVwEUckY0p4cYSXrkXCiir97xOmIfHjx2cFtVsdqkKapoXn2w+/pfPDIx/sBPrlhx2faxMKtValVllbuvumfintMzk/S7TyL+r/fYK9rDEb21OFhsXXv8w6/e/+HT46COIYVSVVE1kCza9TYyEdsAMmMfAJnpKSdVl5OYgclJzMlk5nOQIA6DvHSmssjpSMmJY6J59ucTFCXe/JTzvkfzD2Rf3LbtxewD2Qn01LGf4mTET49lJ9jjk29k//j0M9k/vjE5uvqJ39137++eWE34inWoAejRUd05ajR5ahRMZoZVE/1hMWF6QpjGLKfISPpMowNrRsfkXFkuQSYnx+Sf95jJOSV92dyN9Gn2+Jq5F0fnnlhDnfNcDdUqP3fhmWqWPFONn6k9zzMhKs89ULfkgfLj7p6bwg97ZM3cdmped7aC7tRQ+6l0FdEdZkF3ZkrKqjByK8GOqjavRqKTl/zA/DAE9v4wfq6/FJ6YwDl7J1hLga3C2dmwIBm02GqWgMKJ4ZRkKSMOyuA8j97Np+JziocD2SbkFbDqgWG8evsbyPD0yO1Hd1UVagSN2tiw9Wu77/jNo2PjD//LjX2X7d5Ylf0PHY++lDh8w33rHspmX91Ov/sMEt7eZatoK680KpSV1aGJZz685/6Pjk8YPRUF6CZOk5qbCzaUWnPqJ/OdrSXybslZLpVsuUQ2PsNoCecZ1by0dWYcmos6sloBMiD2IS9nvCgfx/G48N5u5rZdu2YPs8fn1tFPnF5DvzjXKz9vDn5th+cxlHeRnHHqkWTr4dPwDzv/iXO7sMWT/3bt2Q/o78LfuiAOkiNJHZMBWkQljnAoiCoF8lkFZJnSDJ9TiKeJDqdTmZSoFEQFzqWSVY/5mFhewQcrvJZmEK3nNK5AxL3iyrHI7qb9j01GNhq4IqOGU6lV1dse2Ml8a7b+slevbuUIPX8C3vnY5ygflcrxzpbjnQF455V5h7XITwbnI7yTApgmxgs0mVLyGOXFFrIERnLmduIUUIQJI+FPO1ebixwWPb2cL7SOzt1kdpttPoF+cLTAZph7QGe2e53rwU1sZrScjh7nublLLKBbLuvccgCKh3SCjp1blpMz83vgHZv3UBKTm9dIVOZ5n2aofDpRUi0I1freTloEMYjj8zqj3A+f5cnPVVHIjdsYz9dXeAQS7OBMpAA4DtdTmCDYEdU4I4kzgOrClDx8wArIZgehEA6A+uDsZBj5QshmFd5bzgkaerlRrzRo6JRa4HrWK+b+hivgXca5Fxn2uNIwyxd5eS/H/N6gPL1G8eOColl9QQHzX+6CM5WL9duUt66iLkerBmg1E1pNAsGceP1NB7RaiI/GNCqNi2gMYlXx58iKA1nMs8y6mIObHQY6VPozDk+h4sTpNRbFf3gKzjRi237V2Q/ZXy/NRee9lF+7kIu2LOSiLf+7ueirtr2UvRes/uQkWP375l7atmf0gZPXHnvvvlWr7nvv2LUnHxil330arMTuXe9kfw8e4Pdv7wJrIDxz3wfPjI0988F99374zPj4Mx9i+kG/FfuIb7JT7Yutsh2QhM5A9FuHk8AOMgw9dlExUS97KRamnxNz0o69FCt7qWIFAQdeJ5oHBX9Cl1BnEdN9w19dmv0D4jbds7vu+9/N/oE9/i//sPHRi1vnXqYfrN1wTf/TMzKWvir7ltIDPMX5pMF8PinP0wrtQiLJMp9IwjydTySxVoeRBNs+B5BlTYkVQlprpFJL2YuDbjILP4vNFcOHe9HRMYtPn/1u211Dn8nxfW89fm0ku1fHoRUFhefnfJ73Pwfe28G6rM1prkHWXMkH7Lc5CPttqnnzYgf2O2KiXVYkzP4AViQ7aI9JKy8cCjjJbCP1EqJPyAslF+Pa8mYHhZETxRfkc/DMn1NT92xymtFHa3mHLlsllJa/Obvpvl113307+zF7/O3XRm7Z2a41uubugPiwz26aO0j/PLL6aP8DX5XtxfjZD5h3QWZN1D4q3YAlpgXbo20gK2k4p16ER1UK10qL8LVSP16Ea46KjpNSpSEjVvKSEYaSMGSkFnitdJBVMdEovKC1FJXEGnBcmDCJxTC6Ui12t47iBHG3udqPnNyU+dBEpVT5ZCmC61XmwpfxIj2vKSqr79vavPqmDdUt26+75bodzcndD00enO51agRD+fKpwcFLV5Y37yB3mi/9+v67/uH5SqMjUB5w1Exc0T2wtb0ynBi+YkPPjTubu3ujAgpGQpUrttf1buqMVCaGj4yvfezSzm0yTwIg31tAviqIkck6jyxaisGLPThYF5UnsRDTrBKzhMVsUrL4UInXHhciebzuGFBsyzI72aHx8dMiO0Q+/ztnf8+a4fOdVJJKW0luWyvbe5GL50ElmHxcUAb+W+LNuaVmhkyL3Fq5ZYmTjNDf2dV08KmdO5+8qHFn313fvfrq793ZT5cx18xeu+2b1/Usv1bcBsfXHPnB/WNj9/8A04FjIyfQwWN/z+NxUrKDxKtY2D1QEsXnYKw55wsSOWfoN45ADIT+02zQmdDvWLNxeO7ZDexxo+HMimhtslKR1gkADcBSU5Tqx/CMEPVzKh3Cz/AUB+PxOHmUxLnjcWxpsV3FsfHbH79/guTsqQgnKniR4iXGcYqFQynkOPVq4+/e30VuB3HV2QlJy58SdSdefcf3fiqf0OdE7wnJrD0lmk682lTxuyr5ugfXNvHY6Tl18HEumIe6UwwFGq7Q6kxmp8tbslAbhlp5Kn/d7Sn2lgRD5ysfk6gQYEuVzS/bp3gMJ4TmfWXMds4p8qNgSAlmS1jjVqN9Sg3L6lTofoWFK8JsvF+lY1m1Cu1lbNxQtm5DdpVaqdRkR9azxwvPjFuiLlfUonhaJwB7xy2VLmeEnIFPzTgLC51n7LLeAq8Vr5B8fnDB99N5tSqKYuNDSTT2niob8Z4aRMSap1IjWxmSCfcLtD6r38FxLHqZUbPouJLTTWZ1tGYHJ7DZpEKbbVWZ9fT/oN/Wa+ZuVBvV9ISam+ucMwMmeMDIzV2nETBNLqApTeLeqlwWlsqDEaucaALltuUySQSBUPJBXuUWMxGmk2steHf0MGdVq60celhp5tbNZXazxw2GuR2OCps97KDv0xlnn597ll6Nn38JPP9pEv+7c9gKcClZ4ZADJS6K7RdFFjmTyIsXAlTIa71Ez9w/e7HCzs3uZB4Omk2sak3AZjk9uwZ/5jQ4w1NKAT4zSjJ5ajYjqqISYsnn4cmr5jNpNcFragOJunIPMecXxuJ4sXQaLTNxP/4xZ8r+QeUJGIRT23hDCYXO/vnss/TJ/Bo7tXiNncFahmWkLi810leWCl41+6PgqazZiunaB3Sl83QZohIDdCnhT3N0KQAGAF0KPaZLgenS5Omy1yQwvJNDHO8+HlPFo87s6xkDr3yA5wJ/xnUxP2DizLcIXsvX81CkGoVYRXN0AZzll7TlBIqcOMFZlB+g9U1owzKdif1Yw7Esp/kTyxuYOH3J3K2cFr0peAS+WMi2q3lZn6nsb5nQ2QjEI3ZcayBRbAb/kFoIOQqxgo1lQrP/+COCo8cUT6KvgC/TgF8majaj1FNGXC1DQtMZ1koZFPlI1EzWbDGBYxucDv2jSb1Jzb7Cmf6o0mIfvw/84hqFHuxWkrqBShfg2eSN51Z32EzagiiSOUpryLq6htOEZ9i434IDcExi3aJVHoxwRDYmuXD9Mi8VGTN4MqbwWjNmlpASY0Kas2BDIhaZRDdMgjhenqHcqZSkYclb5Hx9Ert9kjGNotyimoCPlxSHQZS6r+ehj5+/7EjvjuWVRotOGBL3D1++sizkUXHlIxO7mmu29kU2+JK9pQ1bR3sDf/Hjm1s/bts3XK3Yc8e9ZdVl5qKh4ZrNt47O7Sy6rqy90u5u3dob76uyuyItJUirCDSPEhwknv1IwYKeWkAfVlJpDvOIiksO4IoSs6dYlRFRNLcGgau3JVqIkXQWrqTRGMhKhFRkxWiew3C6GNBDWiMwqRy0F/AYTbkYMARhedI9D358SpW4pTN94LUf1R96cs/u++uUjCNYf+e6iZvXRp55aNsTbeyP5i6d2Jmdy84eeOvO4ZGVV7p+MdbdfuTpyV+f3Lme6NfE2Y+YvQodRF1Ncl2mVACks5h0AQ4E4tIFPQY8lWQINiA5gpVcKAAoo6aK/fPFfAS7yFnWxXmD+WwVPdF8+Ln9Wx9IOVmtWhtoGG8du3l9LL7u2FDv1tagzqAucCyf2FW/+bGL2lD28InbBloSflZd6C1oPvzUjqknDzX6y/xar6c2ZF124zvA+3Gg/Rs53q+h0iY5eiK8JwPwAO81i3mP2Y5BhJqLxSRdjvcFmPesCfROJ4hGnEHEEqDUxkXLXDY7ia2iBG3TZosNJ4kFOR88Dryf2nFP3ZaES6HtfOHgaz+aJLxvuGti4qa1UXQGs36gh153OlLw6LoppEAKzH3ataa77cjTWIewDF4EGZSAf5ik0l4sBUt+EBXKzEyQ8+KMT1AxHz4YDbjiWTTmIgg+F0EYgXLW4sWTSCtIzkKsUBwuhaXwcUoMCgCtFy8kKf3eT4op6c0FERMth5/bu/rLU40Gbs6T2HLb6oGD/ZU6g6rAuXLrodTOr1/eMUk/Wjl8aNnglWvraNO+V27sbzj01B47b7no+UsavOU+LK2gbfnt3/7J8HUT1bF11xKd88Cgr2Rfg9c2Kl2IpQZwrygu2ZUwV2IYd6lVGUmHRwvBeiGpdCuAAdti6YJCrI8FToCY3hzEjC+GzcQyFCEZdoaCnucrhy9aVtzqZJBZX+6JjTb5UF/2pc1fcjPTpdeuuX6sQqeN4pxG+66Bq3pm9zFf0tJyrnogez3zM7B99dQQNYni4LexMDYpM9N28yZ1WHIpMmIiKrUCyX1RqQI0LRyDQEdajQ3fNiKjBj4jNvCSUgc2jicr3StxHoiDaB487kqBmMW1OAaCQzcvdcFhtZBJV3fhMVY7YIzbZUj4pw9OPCkvl/Tz4vITUrn6lBg5wU6HyyPm8KunzCc24SqN6Up8Cm+Z7ulfbg6n4XRRrQZcw7UaL/SXV0aW9+RQ3ov95eGFU3mxZW2pYGrVMGabX5doXb0JBy9uQSwATeprBU2qbsDBKISlOGXlB6tVCmerBUlXAq8u0zTnXrmWWATwp7nq3vkiX5vdiwtS89U/IbIEozzP2roixDFLl9YHdq+PN/LeiKdnZc2mm4Y7DlYituj+InftxhtWji0PVzdtv+7G67Y1tx55dtfUY/uSayLj165acePWVHzV3iNHa0LtVa6Wku7tbe3buwIly7a3tm3vLplaebhYaK+3RSNlfPltG3ovXR0tdvtctC60Odl7ZDRa4Oz0VERtSpU5MtLZcslEoqJvS0flQJ3X3zJWU9XgNQBANZbGGhkqtbGzpKRzQ738ulH23U+BIv0d2Ccr1ZXDovq47BWEnFewzVsmmvgEHOnoDWTrjGSwkjASDK2cH1zwBsTjCbL9F57a3P3CwVXXrApvOXbT5Nc7weJfvmZH7eSd43OH6dvuenzHxJwC25j7gaBB9gXKDDiimUpb5msBjPpM2opwms1xzsYjC9l4ZDeQLIlkn8/3fLJaHgdi93POYrPJ6+B5h9dk8jq5ss3shMnn5Dinz2Qqxq/Fp19mzsyyFH3277M35mgJ4ayuk6SbgAwtwnAdMJsGMFuMZJ80JzE/pu0aCwfzxConn/QaIMbpJ8QwpPAMzPFConQpfXEWGdRu18jQZk/j2mZ39KWltGYfrNarJ0YUV545VjvREdQqv7OEcpClCLJ8E2Tpns+lWuJpHRA8wxRROpxIZWWReggX3USkUjHJpRaB/Pj5XGrifKlUBHhY3FLFOXl0r85hXp1t1pp1vF2PfjrK2fTZVUKRO8r+aPZitRFdrzNmR7UmpdpumMvqDOg7Jm4uS/TtHfgVABoZsKwyjZigXOYaBIl/FjLX72xmf3Q6ktNT9ocEA+zLxQcOP0SnCEYny8QUl0pBY4tieRBQYcALHGIFT3I4fsP8pgCHjA6kCook1cQAdjhgJkQDKRo04RQIjr1YQz5z6SF1gTZ7bmk8p9jcOSpeW6DQuDsG1lQduMFh6li9rbb/6GjllmuP1G7pq9h86cGRO5PMGddXyrviBddd1LKuqSi25UvrsPp/7cHgwEX9+Ojuh7eOzWbzcxLGaqcGcjziciNV44lpVs2nC+3yGO1ycofLT4TcwIwCCdTM1HzykAzlE7MTk77slUMLExQovW9sz5IJKmOZ00DXObnYPAbwq85bF2z49FzsZ2xVabn0+X37nr+kpeUS/Hppy2R07c1r18rbTPBrFGWPvHVrb++tbx05cuLWnp5bTxzZ/uThlpbDT27f9hT+s6ewXXkqey/QrQcbF6DGqbSQp5uwVIOJ94Lm4ACuZB4BszYZAbtz1i6INzNSctLMLUgagVRO4FUrvUUpozCBRCrnQGEnOgcIP1VrEJAG8NfrP2w48OTUznuT9XetxQDs6Ye3PdmavZfdqjM+tG4qOytj4b6+rJHuHlsug+FdG/BYxmEs34CxYDw5LuNJAibxNF9AlNxSRMlhIF8AiNKQQ5TcPKI0yFpyXkSZJOGmcCFEueuBpAYVJbZ0Tu/PI8rkl9cuIMqhgUOu0w/RRRM75xFlwaoegihzc5r+PYzFga29nBmfl4hFlwEbyhefiMo10k4yGpi6JEDDJstIVhfs86sLMusXMpNYs+MCj9TVTxyJrPBzjKC0+6qLL747wpzhTO9dcbvZ3MEjjVZ9101zu/JrYwwL+t1I/ZBK15N1WyUEjvUkcFRowulCTFkIroUIxAv5cMjRFBXtYG0AH1XIfK4VMlKzDIren3zHIoMiMy8KJ6So85RYfQJOpk1mAXBQlJ+uilYDDoLfi3AQ3CQ4SDCZo1XVORx0zhlBQRU4L61UgAw5YVpTGMA1JWKtSfL4sHKGNDiNa/fU5tK4i9brzsnj+j+Zx13rYPU6Q2nz+q62LW2+6qFtU9uGqqNrrlyx/ktNNpVRV1I/2pRc1xqAO3vgTtXaG0anHpjyqTXeoDfQPBKJd0S93lDDaGtisr+yNukD9+Qqru0OVbVWFntLG1c3dRxaVd1JeF579gP6QXYT5aMOydG7HNIVkJDOpgnjLUieuKQmsDut1uXr80nG3k08r6iKpfVufEOPN6G4Sd7EjQvo9bzEcBmcksAugMHLyTRwRifki9Vqk2Q7KVnoztkeHGFgh1eL0yy133Aigz6CWrMnrMG4u6Q25ODVBaEjbTsu/rLOyDwb1KO9Gi57ec/cQHljyGxzWbXhcM2hI/TLBhjb7aBP32DOyHbcgPUbJ9YkZc70iNp43o6D18NJZA1ojTFG7A224xqG1LiIelyvRUlImfPRJKssT8aFiC9C37712I1bv961JVGENN2vHBq9elUYHaBvmzt81xPbJ+jsLFtwz9huMOpULt/HfA9oM+Gcsonk+1Au35fPEFGmCyb4/K5+zqRAQ1ody+o0aJg16Xuzw6uZM0bt7M8c5TZbhY0J6DhAUvhZdvDd/wAIr5z6M5Uux/6sME4eJ3EFOK8cjuLyGDxf3tG+f2w+r8ySvLLCcIqFQ6nccOrVt3/4u5Q8nXy86DkhCcpTouXEq43Z9x+S88eF8GcOXizkJTve6OyAUFp96tV3yt8vJiXiAsw7wQLzzsdPF/s85vC0F/9Ow8VFsw/uwIvoTVGtOgUrmCx2h6fY64sszjwbqdydgkJPcfk5N/PTExhYjtdo/amlLASjGsuv1+LKa7wgKiff8KKtvZczMwipNApWr0YmlbXUrkIGo1ahUSNaXbA8+9xyXpX9LatmGDWb/XeluXOB7WE7E7bbZ9+NhG0VdibgnGVtTIPRY4T/Z//GllszYW4DuRfM5575eJpGueWEwihO+eRzz9bFuefEeVLPAXQg+/B6nHoOKzhkZ3ntRPZBdGg9zjx/l9Vm31PxOlqD/qDXZIcEC7pVY8ia5/4gaNDbFmN2o8aIdQP82feBHhvBg7IKitboQqEXZb2gFpJ93vYhI2jiGqVWweqUaIQ16/rmXlRaTMtmCFt+aywW+GKecei4029wJnQnPKMfeLACnrko15xPhZEqzwvkmvuN9DVzX6F/aZw7Rh8KCVZm80CZTZj9ywHM17bsH9AZpUAtR4cosT4q1bAZUjwKIbgtKvG5DS4tELu0gheO8hmpMBKLpVuipIARacLTndEWCGZUHfG4VA63PWG4XU72zJSnwJYJMbzrhWyYeOOjdfJW8NaIGAZd46WI5pQY5qUOzalX31r1kYZMIW1E9ETw9uNCuOnhJRW+WfxHA5kJWn5arVXBBNDg3zBhposK8Xxw49+vNs/+8XHytgg/XREJw/VK/BueNN3W2gGn7fh3Go4Xpo3YnkrDu/BRRSoNn7boljuVhufgI0AarbxKrdEWFrk9eO9/a1t7x9JVG/SSWlPkrqic36uen081oJXleG8PBCIlKdFmknTFZHbV5kAj9moNiKTuc8m9RbXx+BQv+BTN11jiP2kLNJTbzHZzqGeqs86k9lUsr3Gb7CZnebLInSh3wqG7ZnmFT22q65zqCcEbbeWN9JYWW3nKW7dnz5765j0rKsI6vSc1HKvfP7UnGWyJFquUxVXNwcTU3n31seGUR68LVwzubknB2+t8deV4HiJ99l40DvrCyFXG8yGQMUN+5BAIgX1H+oHsvaqjf75JxkxT2T/QJUTPrqPE5fLaQV1USoKe+aNSKKdnEJJqC0HP2kGRIm2gSO1ky2V7HehZU7tGTZpfYD03OEHdmuBd1c3wLq6JbNFaDuoWXFC3b390j6xuzogIonDyUjVoVIQo1qtvRT/6K6JuhojYFsHldc1ws42XtPim4Y8XET0y8NM6gxYUR49/v9r84R93k+tOftrlLITrBfi3WM1PR6sjcFqFf7/6VtlHPydva+anW5rb4Hor/p2GP1mkXAWpNLwdH0VTaXjbolutqbQe7/tNiTqsd1qd3uB0FRRGAEY1t7S2fVLvdHpXQbSqpfVcvasDPyxx7aB3SQH7Y79JclSmUrnlmEWql9uTgU9BAYNN89tpSP7Sukglw2iK1/gqemrcZpvZWZ5wY12DQ3dNT4VPw9d17ukNWWwWe3l9IFBfbofDUO9UR92vZUVL7d8LitZcVaxUFUdbSxJTU/sa8oq2Yk9zamrP7hRWNNBSUDhQu1TznsEKoj93odcVFnoOrO1qCuyspFVn0layNdeKEZMrKrFwhXWRBXNeM9/rxWMktUg4zOSNci2S0YNDCCvGmi4t9nSOxTEdAZrxXGBHNtjd5W0eT9Xu272tItgcdgwWN0+kavbt2VYRagw7EHq9bvPystLq0oLqztK6zd34sBAOSS8amCvHAZdzVCHY7jSDDbVenwFvhVdLyTqeNYN/pgvUOCFUaMD3REucZGStMRLEFRQCiXoGU6uHQ9Ei733CpC6kZJJxMBWC//1E6aIuNPNNaDYyz5cmOJevFO7VzS2b7z8TmZN75jyenWPOKLJUlKqnbpL3UoglcakWAjJ7LF1LKh5rCzVynIZXARIqnDAmpfwwiCogtkpuVhAE1FpbfFIQw3HJDsdBXlLK1eliAudnbXCgi5HK/mCCRPeSHaPDEhhdohZwP0cJxfNrHov6dXCI9Osg6QycSs+37GCSuZYdj7dd9fJhHTJyJfrxWxMOVmPy1Q2nKgZ2dpXq1GqF07FsYk+DfH/LXx5u2VS19pqhyg1fnqxB2Yv+6tZB+kcGy5/UDVEfq3a4C9jZa2l/qVfBFrtjQTv9Hm7F0X/Da5dOPnKoTcVcybRe/ATWyS6KUkyxLwPXLpI7PkiVTEY+ADea1uHcm0uTmaEUcZ0hLBbH8eqiWCIzLnUSR4QhvC8olg6l8nFZOhXChykKF7am4powZhYlVeIOJ+UpyaUAbeDNsvMgi6r5Dg+Li0oFeY+fQLbjx+UTvGVU6DILxxO7Htm54tLxVltIYxA4S7RlrHno0uEy9B+CIVvT22oPO5ig0zrr8bfHi+ibvEYrqtz4xJHOYNtYtZ0VipuiBbUbb1yZ/XGpzpT99torKhSKMmNRh6GsYagWrZD1CVEQNm+ASD9JraAwIiqDMCgOU1Qpr1wWn5QCoAkBnuSzOC5DFivxFqiXaLVgcRX5daROK14GV9Q6coWW1SJpl6PlpJ1UmytVdlVIbuqgCpFceCKpWpKNeTz2cORAW8uByMOxh0rC5SUPxx+OHGyB80diD5eUl5WwFX3bU6ntfRX5V0V5/GF4Y+Ch+EO5P4yTNz6cP/95altvRUXvNnh3f0VF/3bQhTWgC+3scaqYuliuTMvXusy4ChyUvJUUr2tYYzNuD7lgjEtuuCCAOnhxuRPePYXzYqZY2u7AOmC3gmHjY2mHHZ85XHgvcUzy4USZg1TNALLwLJTPEIyZT4B6reQ/XJBbS/5bs7LAgLaoOVYjoC24nCa7Ak1mb0GXZm/ZLL/A5eOuuTWWgOAL0cd1xtnvNx5pzB5FN8ELqUtb5PtVME7i/dVk+5cihp2/qIxJKrCxmnkMwMg4YACQAFMw+2+K9Uzh7G/kGrc7z17GXEP2Wq+jHqHkuWJTZtI2EinbBBhsNCo1wJUGAjUbEtimrycGp4fPTCt7sMUsADTQw+NeQ1IALpYHRuBiK1xsjWIwipsrbMg3VYilxB5BTIDjNYl14GOFVr3OzHhC0YauwaHxCZyDGDGRMjlbg2B6QcmVx4YmcrYosWiZZWnmQTm/4zoYSp6brADjpAB9lRdd0J0bdtV1L8pGBBpGm1Ib2gLxVXv271kVX70q2UUyEg822VmDzhBq3bCsZWuHv3bswMX7xxJrSrsmtmyP9LSUNI+s21Sxtp/+58GrgsFt/cmtA5WJhN/g9LiKE8tLo8vqotWp7k0to1cFQpPdJGNR51ervcFiX/NIVc2KxupYbffavvL2RCRc4fJuaY4sT1WWl9pDm7FcShU/pKPsEYivS6gaCu9O8sXJhj9HDL9IjC0GChuMiogsZ2CcbiGL7Bm8WgpyN52bG0WBJeelBkcRRDZ2jrMX87zbgVYaHO75C4LbwZp8HnziEXi33WCwF517Ctq35uwflEVgdwvAY63DPY9IjZtXkUmrcFFGWEEFFOGZsX6ryhCWxkCF+sewCvWvxCjSqlKHZ2rbyb1abI+ITs0UytupCuXtVN1CRuzmcfJ0hpO7n2A1CnaDObJ6VeHa+tExYqCa+gXTi1xhsIrqHsUK1C6I9bLzUuDiQ7wZDW8xWZofti822osX9BO5rf5yYmRN7aabnnh9+/Y3nrxpYyKx8aYnX9+x7Y0nbtpU27j75Y/vuOPUK7t3v/LnO+/4+OXdH3Rd/uy22vH+do9DxWl9DeuXjd42mUhsvn5wzVVJvY7V0MWNT16y5anD7fS7297EH4E/+s1t29/IH7+x/c5Tr+7e/eqpO+889dqePa+dumP7s5d18kXlhT5dgacgse2u8XVf2lpTDngaPmt5x9Fn5Xm8lxmmO0AWQdCWq6m0Bc9jjWJx2Yroi85UEJGIsegMS47ymytC4AVCcqMpFuN+B7gCvK0ihON4TgDkWi3AR/nwqqjDJBblNoFLToBsYkyQqKLFFSzm81Sw2HAByyfbG9VyaG944z1Ty/oqGssKdUaVoXpv1449Xp2O1bpiiZaArzlauMziDTt8qViF7esPML8raY8V0zUrVtqdds5eHbl0W/Zqtb7LEXAaTMGGisJSl87o9FvuZJcRvjxC3UJ/h3mYzKMglZsxMy4rpQY+FMdIaYEL4aJks6Mo10in1my32S0qBm/+NMORES25hBd4H/nYzSP1awaNVv+aCgluDp+rXsfnr6sEN23g0DFea9Trsz+xaNWW7I91BqOWR9ef97Icmz2D1jKn6J9QLFWV3zma746j0Mh7BBSkm1JaQfqMKKj5PQK4A45feIZZuYq+pS97E4qAGzxnfi6jBqknLzBDu7rJLOwCrNTVjT+4qwrUpTE2Uz1IblSz+e3sS6bnMjDt3TFxGS/14bw1nNWeM1lXwtW+ZWDErd6wqo3sHa0VIKoSgyaxEXSou0swzcC0pcitQUGs/RyTlhTVyeZ+SbV0AnQujD7/bEVfnXvo0euP6C0aFBjWGpXZ/6l2FRy894qj+44+9bnn59zzzG2XHN1+TFCZjdmbVFq0Q8dl96MfTa7fsBpkamFpmJddC31+2IxcQLjQ50d9Tp8fC5h9uoPsJV7PjNF/y75K1svaqfn2cXhvNel4klst4xZWy7j/ndWy9VUjB1vbDo5UwWtb24GRqp6SltXV1WuaS0qaV8eqV7eUKG5pOTASjY7sxx3d4G37W/BV8q7VbSUlbatlW3SAGlZUKx6CMRupjYv2QOOQBaCnqImlFaTmSsHhYEZBYkUV1nA+KnInMX4xGHE/krSBw/cMDKijNpbmDCS9gONMQDqCvLtd3ki90P6JeWu2Jd8Carivj97Uhx7NburLbkMP4Dm2lbmf7lFeRVVSvYSyMuCnJSpq45irBQp5x7r2pFTMZdLa4vk+U1EM/stI15wgmDyLIClZ3D0HV7zLIUDLfOMcucfbfOEeaWxI+uYUoa1KzQdFsaDNUVpb1NJrVVloA+Pmrt5YOdTgdYbr3T8xl1qR08nc71ALqo+KUvVN3kCt39STMiPEbtlVEOurLlvW1uh5j2UdYWIzJpm/oPtgPC3USgrCGckAUNYenXHIhr4EMH4Ub2pGgMRE00mxICYlABpWgaK05TeGpClFghh2QYynpOISGGRBldzwhlhuD3IzizreoPlRqhaqExehrwg96VGoWLWRYRSWksZIeWuZzRbtS65fZy+tcbf1mpRmFe/krlpfuSJV3NPcNxhsH6tuGkl5FSsMNK1Wq/XlJUUFFbVOX23QGqMHWv1xH9/eaEGMYssuV1VnRee4RVjdWT1Y5/HUdGEe/ETxJC3k60EVuXrVC9aDknZ7uEr1J4/pnI5NP1cLBsWTfzRx2TmtSrbDt+M1UuYMVYRXSM1yTQvIe37VRSwAxO0mk88lkLIW1zlrLx7sU+T+YaKGZHz0pvkVGIm3pS60BhMMAROxn1y8FLP8Gzsnbw6yTLXFkX2HrVu8HDOxYbCnYqIkK9kI3cmzTYpfQexjxrU4xFroNfLqFplteo6UAiOs7xzpqCca+BlKdoVUFOfecLsoDZ+RrPOd9iBq9ZPthH4Bm4yWi5/ZTf/bv6/JimO7jl/comgbvmFDfNWp3yodp37L3JWavAXTcRz9GR2hvwV0RDBynWH1lAXcjPxCHg9C0VrJRfll8QMXWajjfGGJxRYqFITCkM1SUsjTG+bPgoU8D54DP++m7N3op+A1i6ijFMhmRk2UP60mi4Bq0k0OpCWcnDHJ3ssk9+/F7W89ub36sd91yjlKIcKJ/AmFZHKd4kTzCWqaF0xmktyDcD+/VV/A2aoCbF7VBaQlUq45FIGOpGNpMr4QjdykVWlZobDMXVPvirWXhpvdazcWxrrKyoeyf1Wk1xl0lSGX12Zgb9nCNzd6qn1mB4zpPrBTHcqjYEF7KHD8Myp5QjO4AzMelgrl7KWaJH0v0IRMWNSEDNMYF+JWb21cSOLJG7rvpw33ZK/4S8VX1Gqdmn39jbmRWIwuC16rRFpix8eZQfoJ9iWQo2fe/xQpiP+x5woXF/qVuuR+pSSz51rwP0X2T/E/NtlngzEZLx2YWtY51V9a2j/VuWxqoHTFnn27p6Z279ujONZ9cGU4vPJgd/718PXXH774hhtkXzMD+O6XgO8sVBkgPCSWk0BYG5sJyo41jOMFmItpJW9NkWqqZA1etMUdNZhgbU0LMluZULBk0cVQ/uKM6nUlXqBUvq4yuT/+2C0ghfo1+QpAPvnStE6PKnUGBcvpUIXOwGv47JVc9gpeI1zoBqZbQcFEYb/MPg/ydVKl4I0el3fmiP7czkhLXAryuHxB9MZnymThF8XSZUEs27JCTXhGpeSRIbygGMRzfZo24BXiAOh7eWzGn4NxMdKJJachYkBIuwrKsCvwk/1HUlmQtNzGu3YrU0v0BzfzyC+j+UsQvmMJI6u/1usjjcCSt/y08WvZK7F2aXSqx5i41mUJz35XV2hCZ9CuzmuFA63ZaQfdjkoYxYevz6ue5kyUvUEwn77UxJ1Cv856S/hvfYsvQWscRXLNKubbVI5v3dRjVNolr0FKHWwmz7mZsloX3phXBji3rJYwLEIY5lrCsOWfi2FSPbwhQKo4Ai6YVD3nsGzaGqttJUFohwu3WmoF9pUJaU+sPtc07kI88y4FDaoLgIZzGHmAqdE6rTIj6QGl+kOAE1Y7hhN9FqWVttIO7hqAE/U+gBOen5jLLMjlvAB/nWqeYIxmjDGE9hYzomnFlp0uDDK6W5sAZCidYayro0RX01Qb1UdNAKJ7jUq3Y66PxtOVmOPL4lKxIiONtRN9HYnPrJVZPBhLryUR/9oVwH5DU3slCAUAyozDjg9zIAWJm6JiwUmRj0kx3IwG56fr4CDGS6tBW9fFZkZlbV0RkzYD61fXwWzuH1iL9XRUELuB82vHQBr9KbFJEDem8pimLodpalNisSldUh5LfS5MU46X0s+Haj5d20fnMY+5pClS3lIOmKc/sX6tDTBPS79ZBbZDazIS1FPn7W3qW1GCUc+qOl9mYWYI6A9LZgZzXQ4SlQWLCsO1LoBEFoBEbf64V+hJWEBgzJZdzmqMiczCmo7qwZTbXds5+/iFphBIK3s7/Y8KHVjLBmoTlY7itZCUPgNIUbLjbfKNS3dja7jMtF1dzoWlGmtGaoIr5bgnP2sE7qoFXM6mMU3bS6IpMgdSdlw0pC4szpVHNytaUNyOQ7mFEnxbvgb/3E7TwXB1z+r+GlrXoYQD0gOopntze4lWo1G4SJ+g7qs31SEf5/JZFlZX2lbsG6yPJ/xPf4MNNyUS3Rs7kmONxYGKgEpZWhgvdZQPHlLUfqIfECP3i1FZSL+Y4k/tGOON4lzvZ3eMQfMbjT6td0z2Py922rn/6NEL2vO3kaHDGsOPFer/OzQyBPyycOnTaBzLcE7HRdl3tSb9+WlE7T82aH6uYvM0Kj8mNIY+lUZ59+fn4GMybifxE5zi5aVPJTU7++G6D/vUFtVxWkGrnlWZ1Rei+HvfY9kbYMKwN7ALdP+C0B2jDl6Qbgwo7HHJC2FiNCoVwksgRjrb2E/OxGS7FCNeYqZEznnglnKBmGB6AZnoQnM5mRW5IUtRL8wcD1n6vZCA5lc/E8mFxU/lp7Yj+jdzScLnb07VFoYrUdLkT/h9TfWJwnAFfQFeDPibI05vibeuItAYcXmD3vowwSQyT+YIT8qpRmrswlwJRnGfw0IwHJFYvoTRa82IXp4grriVlDBKYRjwNG1C5sVsuLDklwDEEnl5NX/6qXrwkcHu5nk5Q83jDDV6ttrHux0Gg8PNC3B+AV6c4D34PfhvbAaDzc37YovOqAW+qEpzfEl8mrYEozMR2fnVRGcKc/4tSbQlLGtLmKRZZ7yytuAvcKjGTb2ASYXBc9gk1URAW7z2z6Et50PUn8atLxVGmv3+lkhhYaTFD8pQmGivibe3x2vaL8ClB/2NYacz3OgPNIQdjnBDAL8bfggGP/s7ilL+hvTetFNfodL63P7AxU2LREtshjPpkbwAx6lwl4oZVq2fb2TkiOKSRRyLnbj24zOkIsQSETURHFooCk6JGl7Sw4uCn2YVGnN4Wo1/w81pgwV/+YgZ/2ZeUrBqjd5gtpz79R9+vAxnzv0AC5VwAfioMjPFzHuzb/bSR+a+MkA/Oqepn3s4Y3CjFrpySm3RzXdHQm9lx100x/QVRO2kd1H2btL3apC6lEr34dFG4ue0LwKJz7TLQWg7aUDc3oSjtaHFjYzwTqiYkXT7lLqceDuShXVHosn63j6iBe1J0IL6lNgniLHUf6t31sImpGBoSXQaoT9/U60dV9y9xp6PWAvOjWVLbs88te6zu21F+5NuNJCPbs2Lg95L1AfeQmoq34dL0QD+TkdZP7vzle2zOl/ZP9H5asFDL+qBNVe+yCHnBK6y5Hzw/wOa5j3yYpp+s9gD54hShnNOd4FX4Hd1VOFn01X0WXS5z0PXEi+8mLy6TzrdeSKX+FmZzjmg00NVUzs+nVLcNaoyLgngVvzgVmIXJJuYA5zCAZdj4/EWJKnUSha+458cyad7lcXjin62E8mP8/hn+g2awl/s8DjojgY8RxGV1uJqBB3p9sSRHLPBnMn3C5jXTLxUr5rXyMSunCqe+jZpwUVTb8EHr/t8nzmvWfgz31rQKP2uvCqdejfX2IsG7aboEdAnnmRSyB6XtIl8rhWnziRLrn2DRcBfg4F0ci7FvFRLcFrTulQ7Htx1rlrMPxb0Q4/HA/qB9+yV4V5WZNce+dIjYxRXP+E174JYLrGzeKkb99qx86RDeTHAjfB5M4iYHvO5AtcvFfKHu4bOlfInhHtqByZYefw8Mo4BNvhxrrfKjtyeJgG0myHJMtBuRBkZuegIAXh0w0h8UdFI9vsKZrzfLC0YyWaFYk04bRTwoRGvcAg82SGpsWRwz7tcMyyNXa44OqfZoFcwL7QbxEof+zktPDD30uTkS9n7536/Gz197D3cdPC9Y9lx9HB2C/1GO/3sQu9B+o25e/PtB+eea8/1Q6wFbGyiItQVn+jYhbEf+PAiGE04KjlYuS17dHHcaAaAE5HhToTMzhzcwfAw3+ELrx8WY4TjCKZSi3p9SeEivABRdoGuX+YLAOQl3cBOfQom/kSfMGXifICYkXuHwVzD62/V2Mqep3tY7Hzdw+K5NbhpI1taSbz5F2wgtuCpPruVGCqcNxefq6sY87Ts3P6/jm/eNn2O8Z1cMF2fa4D0m/OOMjdGsGt4jHUXGGPqfGOsXzTG8H9vjEts4+cYavlS0/k5B3yO01007l+QcXdQx84zblz8WBqXYiyp0qrE7Y5hHncu5kUpzNwOeeZ28FItnCXks8QCnzCOre2ACMbo9FeyDedySmqFSFiqav7cPLvA7P4crOu54Iz/fDz89vlsgCLHxznCxwZqgNp9Pk5CgNcTlyrBU7UAC1csYaEUs5JsJq627YTDzgXm4a9za4xhJXP62f+Wkn06uPkcfPN+Fub5fEal8TPxEKIeok4rGMUGwIKUWYOSGmTXIJUGPYSuyt6UQEfRpYnszejKmux12WtRFF2NjiazN6Ijyewt2WO16MrstbJe383+mn0fvG0llaI2UGkblkZ1XhpleD7Xy60+QQA+npQxCcDqBnj14UVZd0pMCC+pWZuT8wQjuPBEwFu3KamsWjC9RHGC06MuSeXDrFyVKymAtuUFEQypyN6hII647Uje0Wqe36orG+0r3h09pDdZ647vOIS5f8l3R240+ITKN/Yf3bN5DT3b89JezP//2f3N7VgeY0M5Pne23ccbf7Ml++sZwuzm+hmBp85uQSWvPXFmlYKtbwZuz/XUJDDzH/xoFcYgpM8c2HEn5cddWT/ZaS5wvk5zJblOc2mry5NDc+ftNreATc/Td+7jBd9zoQ507FbZ3/zfpnPBp5yHTiQtciIXolRxWd5x5GgFv+Gkys9Pa/h8tFYs0Fr06bQu8Q3nI1n5CWdwYcKXOAAmR/8c0F9JtVDrPjkCsSwqNsQlDxit6hgpD1kYDl7LDVjnC8MTcJhYGGRbrkZcsqo/TW0+3TKdZ8Bzn2mJLjj+P3+G9aHl/nSgexbK/ckOdZ75DnXFn79D3UIu/fy96poXx/Dna1vHvDuPUxb6vHIgsb5FfV5nDEYSHRs0mRnGKbcz1sx3JOeAZNoYi4kcj0soSCdouS25cb4t+QVavu5E3Pl7vmZ/Lnd9zf4zOkq6vk5j2/29sx8o2tjXqF7q8hx1xZTcuQkgg6TEBbx9hKReQ0bslb+Zlnyjs1xVWiBkpnUF1eqw1AIhQkuUhAD4K2rr8HeVlvlT+Ks0JWUnvLYAlLAVV9Q2En/YWYG/eajAH5K/oWzRt5coFm04X1LwrVj8rRNW4XsdR57esubmddGqnlU9Vb667r5lKV/NumsHd3y1ycZyOkOweW1r48Y2b+PEronG6r7VfdVFrbv6eq7enFSgHU8eaqwZ2R5v2diTqmsMlsRK3L7y5tHGZRevinTW5fast6yq6hquDcX722K9LY1do/XFvW3hiok7Ns0imIukxxz57qAk1UbdfZ4uc3X462E/q9Vc+2e2mus4p9XcDGfx1zVhB3ehZnNSHQBcsekLN51bcAlfuP3cjvkmfF+sEZ3i5lzLvs/Fz8b/T/xsxPys++L8nK9J+8L8/PV8EdsX4ydzcb7kLc/P44Sfy6kHzsPP1OfhZ89n8rP3HH6+gPlZ3zbPUNEliA3nZWvqv8tW7GWj+Ct0EfGyX5i7Vf+y5hftvP5RJUsr6cdYTvMFmXzF7Kz+aYVaoaSfZlWLdPdWwusR6t0v3HESW9m6uNQOdncoKjXBhS7w3qsWsx5M78yIHKeNLBbE9DJXTB2e6ZJvdUVnlslHC/IZXSSfOkHkUlLXCER2Fn9lkwavSkhFMeFCqj/UDldaV6S+uJQuEPN9YWElLKE6n78pUVNQUYkazcGk39dYV1MQrqS/oNSeLWmLunwhX11VSWu0wFfqa4iQdUBZdkeI7Hqp9dTbX1x63VFxIi41AegaArFtWCw2vPWuHZBW+zkyG8Uyk/rhej/Ix7p4Nm1cJK0UlpbYbpIqsSvtFySLBu/MMElDE3KZzP+RZqOftafoC4ss+VmbkL6g5H716VuW5mX4cyLDPmrNeWfgKMZdTfL63afLc2awm2syhGcGcyu9Y0vnYb88xfp5aRjO2uWz9guYx/Gl00/sN4n+lDgszFgqm7o1nzEDRwfhSnvdf38Gnm8Z+QuL9NbCqtZAoLWqqEh+LWzIry1/QYevKGmucDormktKGiudzsrGknhbW37NmdhRpVGhp9qpYZiJIpVuxlJMxKXlMMvKYqTdn1gQJ4vy47G0xjovvZFAs9UQFlfEpREF7gaVn4YdIIsOXhqQJRMAmDoSwxEQ/tL3Yj5DplsHRb4yRBwQ0py1GReYBUySA7+uEtIFZaSMvtgkRapxSjuwHNdCwTHZ0iiIxbhUSjLN73JfEFCu7s9mn68783uXdCzFXwO/WG5NcBXle5guFpLOyAqDz+299m571Ss3DtywpU7Lza2rnrh6Rc/2ZSEtp3Y6+tbtrL3x7SrLmv3/q7dzD46quuP4fe4z+7jZZ7J5bTbJ5r3Ze5MseUMChIQkBBLAPARDERGCgBgEX4hCK0lFKyhi29FSFehUu3fJjNba6YBV207/cqa0U1un49ROM+NMy1inLUjo+Z1z95l9JNX2D2DvJsy9v98595zfOef3+3wfWoaaxLeluG1YXHn/iATNx5xgtlf07GzvPTgs0prOAyMBrvvJFyrESr0GNdmxe+99vO3g6/c6zAdem2pxlxfrCgF++uQ3102uzC9cuWtd03opp2bzkfXH+YquMdqweXqr1HjHCWDwzp/GDN5u6igV6oK2KpNklyophjfo8802k9evGRedNjfA8fmaMJsXjvxwIpppDidjttnh+FzgXWVen9jZhdcNzT5SatolQLn20ji+dLqTczYj4Lf2h5M5Y3fkiasrKgdzdSodn51XkV/f4vJ3lpeOnNrVlIb72zLIrU96TH5Y1X/8J9DvMUcXxb7A0cX17hGSrp8JE9wScbotKXC6rQpOd5a3uv2g1pAGqCv7YZRpXAJYN7pIWBJidyayQFgUbJflo+uC1L5p+N/6pgF841+Cb+hIwL8k39DqSLS/KOfQ12LqWsL+uYj9syLOP2JK/3Sm8E9XrH/qM/hHXKp/FkTuS3LTcGLUvjhn/Ts+WOcUfx3C/uqiNlHT6bnVsIc2JMmNKLjrQbPK5gTPAby6xYZxyXBmMoA+DkT9eRukAbWgUcrqroaTAFnnhfraL0u3zhSxLcmvY5mitUX5mdmSPkhjKBSI0VtwPZeBqlRyHGCvDkMqI4kOBpLoIFN6BU8an0ThiYwj7RMK7/9GL4bzKnXBFP2HhHtwKe/B6SNlPuEXF+7xYuR1tE9EashujJG7MLc+hRvh3AAr1ajkVMCeXiibjkmsMMQlVmix3iedrdyPTXwR8GZrYv8+NcG9Ftt5bwwphrK3PkN2XsccATvJr8A7n1aa5FeUkfyKPJJfEUUJgHiUMtFCfoU7kl/BJPQfeJzEPmZI6CbvTNRkQAvc0MPzJn6L22ns1j/Yv/MvIv/1ArtHhPevVY21sjFrjWw6BtCzBsywMw0KwzXK3uKKAFq86vnc0nIRxwSgjB2ianRx2s6OWtqLtYU7YDMek0s6YKs34MBl3gtlsQME7jLWuv/VXY17dtzmNj29/4KgzjradmKtTkBNMj47+B0Lb7xvxe51VS33yVO3f/+B1RNNE492j57YIrGm1tHDA6NPjNfSH2x7/bG1ec2jbT/+V9/pfI1Ol7W3uM7MmIysnbMa28SZAo1Gb9hR9/C59w89+ZdXRjofkvdufW5H4+pjP7u/fucGqW3PM6QvEwb3NOWgJOpkCuIvnFc4JblYNRes8+HkDeDf1CdQgFFjz0pkkSKZ4eQlRt42TAhuiBKC5VIJ4qp8CzkgV0DBch2gAYpqm1Ijg1Ot+ReihL0pF/XJIMPch0mX7mjuw+xhRQfOTw3H0IfLI3MfRhCLyRDEaRIe5HKY3GoWUV8dHZ8yc4m/HRm9MhKK2U0kAkpnY/WXtLEabCxfhI3RwGYR7GVHZPjMaCTTGYlkwnZeVHI6Yu2siLezKZmdaRI75IrF2rkgQMls7vbEUTuz0b0J24cR26cT8zpiKNrhvA5VsrwOw+LyOgxLyuvI4KoU73pmj+1K+e5ndt2hFHt4xH+HsP+aY/M5Yj0Y8AV7ST7H8mg+B3FdRXw+xyr0cVXUaRnyOdI7KlOsltlhuzMFaJn99qMMO2jQB/dRH3N+DjTuLShWq6VAz0CdNRcGPbh9siNrDp/mc1eDVlHOskGIAdOJwrigY8+Cy4S4q33s5ZuXY/l5sZ+ZE2vXzr9ZvsycU2KxenJMAZaOuSDvxyXOwHXgeqlGaqOSH+ILbzSUw0FlANcI54uy24ArVqBkR0CtB2eW9W5AnfF2p7GglIyC5T6SFuIs0JQ0xu0fBBQsnqL0oSYoPDo2J8ROGpiM+KOnlo3orRbp6bbl0ISv3DNk8Aje6dXdW+tEhqs93D82vcX31Mj02PTtvg2kqcTa+03Gy6uuHIb2Wr9PML+16leP7brQwrxRVbvi4Pl5d/fyqVd3/HwKxwGYF43GfwflhhP/eGK0k1H46BgbXZwCG+1RsNEhixMSGBLQ0VBOmZ8aIB2d4JKgpN+NzmjJoNLcufA6PoMdeV+FHXkC4XcntyM6iSVDYq+IzlrJDGFPxqy5w7aAhmj5Qlty4mypSGFLZdQWVxJbctLasmCiSmLSyQUzU1LDnoufjVjFtkPItkqqDXh7SRnlQa8v2CzJ+WiAqBOxpGjUSqCUF9twnhakzjTYMEEoxnbQGsWkKYsKzTogirIolHmmoTSJE57NOHYmdcqNjOMlQxjVqD9DFSdaa7qYKC0do6rD1ZsKqjroEoKO1MBqNtI7U6OrhUgfTQ6x5o5EO6mib8F/gFnuir4biNoSonUBlrbAKivkZcsGfTeLKEJqh0vRd4PXzZUd0XcrsMfou1kS9d0SRS0mVob2pRC0UDffPDh6d1jbbbB/XhOvZ8Eqvj2EV7et1EAsAxwS1ZtIkaKPFCk644oU65UiRbeiQlwlyBo7PH4mZDiToXelbpefZupkKZrr0wy9DHSuP9PcjfpYEVVPPaEojtkkuYydC1pEgnU0hivU6ti5WVN2HmxbmaA8iDDg3FbsGUDA2KtEEdZ6wMA0YrivERiYWSL6IGircE6lDmpZebw/lQ2YCAfoxYQodxUMUcZsZZeKZLAyjph6HLeA96iSyDmPvfznma3nZ/aUsSPhkpwvzpftmTm/dfqTl8d2989cmTp4ebqvb/rywakrM/1KwqR//NgwvTFcqrdp+NhY3c4rtPnC2WvnR0bOXzv7/LWLo6MXr5HYWfUIp6dEajXq56epUC14CcXKy9RQY0KwugZJ7kSX/eJst70WXNQN26AbsIsk5BKJnD3A7ki3CBskayDTyTyH4ZdtaD0s1wIZyo46E3JFcE12yOAqbyL5TUWg5yTbl6GomiryVEk4maQbJIOCnUqPU0ILRSko+UEQnSx65MNbfiMt+87deer9KuuaOx7o7f/615bpTTdv948dGVh15+pKfZbG5ewbv6tx+r3aql88v/2lfS3bKzce2Tj8yHBlJfoLfaxkVcydFWt3tvdODYskCvnuzMrJgcqYg5/wtt7zz518KUkUaQmf+7Ak7051k7Ki+a+ZGorPvIMQsVGSc9EbWk1ovLarcqENk6ItOBMPJ5BBzO23kT35xSbnpc8+TJ6xt4ga4mR5fNzQInKf3dxrTAPeC6yJaqoKCodEwEQkBQWXHVFX1TaFK6xi5m934mQdv/UH9/Jyv2MCaI3oovqooMUHtbg6FJc7fTgFwSCCTgPc0EUWfS6c2hlm9oFkp8EF77YFOqsTk7nt8WTu+IVc6i2apNsxNLWDaWS6GOgdFKwGdtB/ZBqHhoif/tufnWGq2beZKaIhSxYi8CdGQxb+yxm2lKnu6SG/z7+f+ff5OuX3j3PNdAP/OerHzVQw2zfLZlE6jmziooFBb5oL6XGBoh64MZR51mSlJORN2NnVk0NjigBsYVtRDaKAZH+xlj4+0J6nUXmlEt603G7lfjN4qs2i0qhV9XcFWjs0WqPK5e0nNu7namk3/1f0DG34GbKiz8BflU2muaDJPKvFNw5qfSEtrivTAr4OHsMEextZ5DECQDwhm56E3uwt208eocNhHejIU3PrNCppZ6ClQ6MxqnO9fd7B060WFTzD/HXaTc1+6WdwZH6GTxY+QrYK5jrUFkwPbosKtBZFTxH0SkqDBJ2RUsFUbRLUk1zZIvTzIpwWUORCP7eZZ0usVL2CjFLaTLaZUPdnIZemSAh6U7ZhaeaGpa39HXBZDwamamdvisZnoO2Zetz2FdTusM3E+UE3sTm9/+EICud1I7NzS+DbXBuwzXMLtMRkpW0gC88LeQ0gYJOir5SGv/SmbDzagi49PG1uR9ft+Sk6lCZpL8P2zl9n6nE/+//a6/iK7E3aebXJezToeZTSy9hH2G/hmsugETPz1ISZp4bXy4IHbK0Nf0n+wSJLdX6oAIqZ2ehS34bJh/Zu8Pk27G1v27PBx2xr3wvMzns62ibh20myhzN56xpvp16nBMpDNQAvEO+CuSUJnwjJjgpRJF/xsJXTGFt8iyYoOQ+2dAgdqxbNzAHC4ozn+ZSmvZw05hTbojs79OemnGKrpSTHbM7xWNH1PzHnJ3K9Lo7hU57mioyVL1In6Hcx99dNhd1nslFGDmf3QP0w6L+hKDU58DeR7psC50vuNYvu9SFm0MG9bGECnYBvh8c9gSj/paLPLQDNXUoDj6OpolvXuGn+DbTaOUaFeqCRmrVzIROE9oUotKfoHpOhKuiTZIqbC9aLs1oN/qJCAiI05tesw2+PbgCF+dWWObmkAbV2Nc6/qfbDS1JdBmDWagxmhXdJI8qDeIXajIbDFSvRUrwQ9EmtTqUcGY7NAp4GiYStSmINplKoieqBymbFwrjoIwZvcdGzam/R92iGO3fBPH7yrf2de7cOlRVxOq3G7hFXjbWMv3Bfn4nZaRJuhliaZgSzad5i6D1wdrxjW29Daa5Wpy0r3bTzwTX3vT29ych0t1rL7aK/9Ru/fXbQUdNVXcKrbYVlhbblD795uFCfXSfZvbbCLOHI5aMrnGXVZTk6j68/kD949qOn8JjTy47zpShGU6N34gCJ0mStTSJ+ZMUwixnAihqHiBZDVAHkJaEgVnVV5o1odYXRjDyLnKfC3lSB83hS9OwxYgVROGJzkFALKpucHkAl5pNCmgYC28SEY4fF0aioy3mEAOqanmIv6xB66Y9/vYY+3azTqT/S89rf81pdy3L+TxohS9B8ouL3tLbe/BsjoD/9nGZ+psBspKc03M1L9Hs18w+aaYF+vGq+GfoQDAI32BtoJPDGaCcqMkIQisJAQ/5R4iG/4Bbgv8DBMta3Zh/lf4n+3aqsNh2SInFti0pcqxLlra0ihJtwpuwwzIUVFSiidC07UdgZ0giYLSBrQGRP35Sgfu0B9WtVPu1WmKQgfx3YdWaiuMfJ0QZ9dfG5ILNx27yJqF9v3nLm7qYsnV+nfvUHw1+Uss+E1a/J81/i36GKQY28kMLLkZABWlxAMbJghmefzc0v1JDa/VxsExYNLMTGgPhtjhgqKMRigXmgCWGWzTCsGObwsGguQMboNValDCxsBEhIoecm28OxIt4NO85u86ztbrP1TgQe8PcfHqqmvfMfEju6Rl/Yv5xXcdf7+H2Mpm7s6GBXRMj7P61y/VcAAHjaY2BkYGBgZOo//7DZK57f5iuDPAcDCFz2z/KA0f/P/mvhyGTXAHI5GJhAogBrnAx3AAB42mNgZGBg1/gXzcDA8eL/2f/PODIZgCIo4CUAogoHhnjabZNfSJNRGMaf7/z5VjD6A6bQjctWClFgEV1LiVR2FTHnMCjXruY/hCCCRdCwUApyYEWyZDUsKKUspJuI6MYKuggGIl5Eky4WXgQjarGe92uLJX7w4znnPd855z3vc44q4AhqPmcUUCkU1CrmTQZd5K7bhLC9ij7nLeZVDE9IVB9AgmODTgpDahoxalwtln8xdpyUyJUKbeQWGSVJcpHMOitICWzfJ49MxnFUEU3uTQzYZmy2AeTsPVxy65AzL8k4+yX2/cipKH7rKURsB4qmATlfO3ISd88wp1coilo/x/YhbB4jaJexIGv68thq3nlst1twnud4ppbKP6j9zOGj3s2zh9Clv7B/GrM6g25q2NSjW42j0WzECXMSWeZ9x/lc/qBXvXO8cXuQlTgJmw4q5+i9yOpBRNQiDjI+pvPcM48GPYOgFp1EJ/dtUzHHT41z/xtSf6k92xnSXtGQ/GMUrjO3FneY/Rn06QTSHJuWOV4shDodRI94oh6gl0QZ+yR72004pAJ4yP4I47dVifklMGef4prHC5xi7fd4dV8HX2/5m3jh+VADffCR12Qb8bud2F/1YS3Ma9LzRbyoQbwQz8wU3kvd18MdoIoX9f/D2u8kaWelXCDfzVFE/vmwFtal0h6rRbwQz0Q3fGWuy/yHObFWO0izTgG+FqCq6izfyAJp/Qvy1H7qOY7xHVTh2hO8FxN8F0l5I5V3kiSiQ7zvu+xlxGWuuoA0mZN1mWfAPscx/ZPtw7xzI2j8AyV25OAAAAB42mNgYNCBwxaGI4wnmBYxZ7AosXix1LEcYTVhLWPdw3qLjYdNi62L7RK7F/snDgeOT5wpnFO4EriucCtwt3Gv4D7F/YanhDeFdwWfHF8T3yl+Nn4b/kP8vwQkBBIEtgncETQSLBC8ICQl1Cf0RbhOeJ3wJxEVkVuiKqIpon2i+0RviXGJOYlFiTWIC4kXiV+QMJFYI/FPSkEqTWqNNJt0hHSJ9CsZM5lJMj9k42SXySXInZOXkQ9SkFBIUJilcETxjuIPZQnlIiA8ppKk8k41Q/WWGoPaGXU59ScaBRrHNN5pvNPcoHlOS0urQuuBdpJ2l/YzHS2dJJ0zuny6Cbp79CL0hfR/GNQYnDNUMKwxYjOaZKxkPMvEzWSCyR1TA9N1pjfMWMwczBaYc5n3mf+zKLB4YznByswqwuqRtZl1j/UbmxKbI7YitpvsouyZ7Hc4THOscIpxNnG+4ZLm8s21z83LrcZtndsH9wD3Rx4lHs88ozxveFV4S3lneD/z8fLZ4Cvnu8mPyS/B74l/WYBBwJaAV4FWOKBHYFhgSmBN4JTAa0ESQVFBV4J9go8E/wnJAcJFIbdCboW2hf4JkwmrCXsEAOI0m6EAAQAAAOkAZQAFAAAAAAACAAEAAgAWAAABAAGCAAAAAHja1VbNbuNkFL1OO5BJSwUIzYLFyKpYtFJJU9RBqKwQaMRI/GkG0SWT2E5iNYkzsd1MEQsegSUPwBKxYsWCNT9bNrwDj8CCc8+9jpOmw0yRWKAo9vX33d/znXttEbkV7MiGBJs3RYJtEZcDeQVPJjdkJwhd3pD7QdvlTXkt+MrlG/J+8K3Lz8H2T5efl4eNymdTOo2HLt+U242vXW7d+LHxvctb0mkOXd6WuPmNyy8EXzb/cnlHjluPXX5Rmq3vXH5JWq0fXP5ZbrV+cvkX6bR+d/lX2dnadPk32d562eQ/NuTVrdvyrmQylQuZSSoDGUohoexJJPu4vyEdOcI/lB40QuxdyCfQH0lXJhJj5QMp5QxPuXyBp/dwTSXBjt4jrMxxL+A1lPtYz/GfyTk1QrkLTxPG+wgexlgNZRceu1jLILXpX/0k0MvdqmRk9RPSs1o9kHvQDOVjVKK6y75XPRxg5TNa51jPqHuESEcezWKblaGheQ8QVWuePQWBy/WfPMHnyRK2V+2Hl6JelbFZv42nUyJbUEd3I/hQqy6kwpHS2otFrNeXYtXxU2iFeFJc1VpRHtPTGdYy6f8LBrSvbfG03fVsc3o2bqWLLJUJfWKgDOmTYSmyUB7HREwRmDirUiJX86mE9tixu9wFp8REo86BZI+5mpdVv7Nn6I+9FcaHjGnVaC8s57G7yNLQ1PqH6FLl7T1ypmD9CW0No4iZKg7KJKtd87WzMGRyaFrvTSEV7JQCfroLi4is6zNmxL0JKlT9GRk5Y49b5BNmWdDvEHsaN3b+KZtCeYS1lHG0QmOa1jv1XDX6LifH0Hu5XOBr9ffgN/Z5lMhjRutBq6BVHTMmRlNWe7FSaebTTv1pnRXjNa/8H2NbPw4WXZXiJLVuPYVPnT0RtXLuRu5fscqI8IxYZaz5gDtdX4sW/W64nzP/FLWN6HeVoyUsp8wjcgaqN63pnPuV3oidb3Ogz/hj1lh3RMqYoU+NMXO7YG9Zvyb0MVhwRmt9xxk3dA5V81vrGHsuFZo57RNOkfVeHSFexj2dNWfO34TVx86HOlLfp5qtdH3CVzNhTiSe3N9VJx94hGSBqLJmwPeUsTfGimUyYVeExG7EbOeOjfVGiUpmS3maHK8wIif3U0yLGSPZG6yaGAWZN2K0asqun12+crp1zV3mlvCUqs40L3M/T/V24KxOnUv1yRXMyezsqSTCJSupmFudRu5aXbDSuFOscKU62YydM6GFdceQlUwxIQ7xm/PX9kldvx3anDZjaFxX//LszbG2PH0/X5u+h//xt8/etWvY/199Ma1XmMNOsZyy89u0GOGecWYeItpdeN+/gg/PZllVWn+96LdPj71puduX0alX/qFP/lCO8e/geiJ35C1cj3GtzvhNoqOTRedvQXaX7IN8CZUH/uaybh/9DeeiFNJ42m3QV0xTcRTH8e+B0kLZe+Peq/eWMtwt5br3wK0o0FYRsFgVFxrBrdGY+KZxvahxz2jUBzXuFUfUB5/d8UF91cL9++Z5+eT3/+ecnBwiaK8/FZTzv/oEEiGRYiESC1FYsRFNDHZiiSOeBBJJIpkUUkkjnQwyySKbHHLJI58COtCRTnSmC13pRnd60JNe9KYPfelHfwbgQEPHSSEuiiimhFIGMojBDGEowxiOGw9leMM7GoxgJKMYzRjGMo7xTGAik5jMFKYyjelUMIOZzGI2c5jLPOazgEqJ4igttHKD/XxkM7vZwQGOc0ysbOc9m9gnNolml8Swldt8EDsHOcEvfvKbI5ziAfc4zUIWsYcqHlHNfR7yjMc84Wn4TjW85DkvOIOPH+zlDa94jZ8vfGMbiwmwhKXUUsch6llGA0EaCbGcFazkM6tYTRNrWMdarnKYZtazgY185TvXOMs5rvOWdxIrcRIvCZIoSZIsKZIqaZIuGZIpWZznApe5wh0ucom7bOGkZHOTW5IjueyUPMmXAquvtqnBr9lCdQGHw+E1o9OMbofSa+rRlerf41KWtqmH+5WaUlc6lYVKl7JIWawsUf6b5zbV1FxNs9cEfKFgdVVlo9980g1Tl2EpDwXr24PLKGvT8Jh7hNX/AtbOnHEAeNpFzqsOwkAQBdDdlr7pu6SKpOjVCIKlNTUETJuQ4JEILBgkWBzfMEsQhA/iN8qUbhc3507mZl60OQO9kBLMZcUpvda80Fk1gaAuIVnhcKrHoLNNRUDNclDZAqwsfxOV+kRhP5tZ/rC4gIEwdwI6wlgLaAh9LjBAaB8Buyv0+kIHl/ZNYIhw0g4UXPFDiKn7VBhXiwMyQIZbSR8ZTCW9tt+nMyKTqE3cY/NPYjyJ7pIJMt5LjpBJ2rOGhH0Bs3VX7QAAAAABVym5yAAA) format('woff');\n font-weight: normal;\n font-style: normal;\n }\n\n /* Links */\n .joint-link.joint-theme-material .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-material .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-material .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-material .link-tools .tool-remove circle {\n fill: #C64242;\n }\n .joint-link.joint-theme-material .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-material .marker-vertex {\n fill: #d0d8e8;\n }\n .joint-link.joint-theme-material .marker-vertex:hover {\n fill: #5fa9ee;\n stroke: none;\n }\n\n .joint-link.joint-theme-material .marker-arrowhead {\n fill: #d0d8e8;\n }\n .joint-link.joint-theme-material .marker-arrowhead:hover {\n fill: #5fa9ee;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-material .marker-vertex-remove-area {\n fill: #5fa9ee;\n }\n .joint-link.joint-theme-material .marker-vertex-remove {\n fill: white;\n }\n /* Links */\n\n /* Links */\n .joint-link.joint-theme-modern .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-modern .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-modern .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-modern .link-tools .tool-remove circle {\n fill: #FF0000;\n }\n .joint-link.joint-theme-modern .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-modern .marker-vertex {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-modern .marker-vertex:hover {\n fill: #34495E;\n stroke: none;\n }\n\n .joint-link.joint-theme-modern .marker-arrowhead {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-modern .marker-arrowhead:hover {\n fill: #F39C12;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-modern .marker-vertex-remove {\n fill: white;\n }\n /* Links */\n flo-view {\n width:100%;\n height:100%;\n margin: 0;\n background-color: #eeeeee;\n font-family: \"Varela Round\",sans-serif;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n }\n\n .canvas {\n border: 1px solid;\n border-color: #6db33f;\n border-radius: 2px;\n margin-top: 3px;\n }\n\n /* Canvas contains the palette on the left and the paper on the right */\n\n .paper {\n padding: 0px;\n background-color: #ffffff;\n /* \theight: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n *//* \tmargin-left: 400px; */\n }\n\n #sidebar-resizer {\n background-color: #34302d;\n position: absolute;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: e-resize;\n }\n\n #palette-container {\n background-color: #EEE;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n overflow: auto;\n }\n\n #paper-container {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n overflow: auto;\n color: #FFF;\n background-color: #FFF;\n }\n\n /* Tooltip START */\n\n .node-tooltip .tooltip-description {\n margin-top: 5px;\n margin-left: 0px;\n margin-bottom: 5px;\n }\n\n .node-tooltip {\n display:none;\n position:absolute;\n border:1px solid #333;\n background-color:#34302d;/*#161616;*/\n border-radius:5px;\n padding:5px;\n color:#fff;\n /*\tfont-size:12px Arial;*/\n font-family: \"Varela Round\",sans-serif;\n font-size: 19px;\n z-index: 100;\n }\n\n .tooltip-title-type {\n font-size: 24px;\n font-weight: bold;\n }\n\n .tooltip-title-group {\n padding-left: 5px;\n font-size: 20px;\n font-style: italic;\n }\n\n .node-tooltip-option-name {\n font-family: monospace;/*\"Varela Round\",sans-serif;*/\n font-size: 17px;\n font-weight: bold;\n padding-right: 20px;\n\n }\n\n .node-tooltip-option-description {\n font-family: \"Varela Round\",sans-serif;\n font-size: 18px;\n }\n\n /* Tooltip END */\n\n\n /* Validation Error Marker on Canvas START */\n\n .error-tooltip p {\n margin-top: 5px;\n margin-left: 0px;\n margin-bottom: 5px;\n color:#fff;\n }\n .error-tooltip {\n display:none;\n position:absolute;\n border:1px solid #333;\n background-color:red;/*#161616;*/\n border-radius:5px;\n padding:5px;\n color:#fff;\n /*\tfont-size:12px Arial;*/\n font-family: \"Varela Round\",sans-serif;\n font-size: 20px;\n z-index: 100;\n }\n\n /* Validation Error Marker on Canvas END */\n\n /* Controls on Canvas START */\n\n .canvas-controls-container {\n position: absolute;\n right: 15px;\n top: 5px;\n }\n\n .canvas-control {\n background: transparent;\n font-family: \"Varela Round\",sans-serif;\n font-size: 11px;\n vertical-align: middle;\n margin: 0px;\n }\n\n .zoom-canvas-control {\n border: 0px;\n padding: 0px;\n margin: 0px;\n outline: none;\n }\n\n .zoom-canvas-input {\n text-align: right;\n font-weight:bold;\n color: black;\n background-color: transparent;\n }\n\n .zoom-canvas-label {\n padding-right: 4px;\n color: black;\n }\n\n /* Controls on Canvas END */\n\n\n\n\n /* START - FLO CANVAS STYLES - override joint js styles */\n\n .highlighted {\n outline: none;\n }\n\n .joint-element.highlighted rect {\n stroke: #34302d;\n stroke-width: 3;\n }\n\n .joint-type-handle {\n cursor: pointer;\n }\n\n .available-magnet {\n stroke-width: 3;\n }\n\n .link {\n fill: none;\n stroke: #ccc;\n stroke-width: 1.5px;\n }\n\n .link-tools .tool-options {\n display: none; /* by default, we don't display link options tool */\n }\n\n /* Make transparent the circle around the link-tools (cog) icon. It'll allow shape to have a circle clicking area */\n .link-tools .tool-options circle {\n fill: transparent;\n stroke: transparent;\n }\n\n .link-tools .tool-options path {\n fill: black;\n stroke: black;\n }\n\n .link-tools .tool-remove circle {\n fill: red;\n stroke: red;\n }\n\n .link-tools .tool-remove path {\n fill: white;\n stroke: white;\n }\n\n .link-tools-container {\n stroke-width: 0;\n fill: transparent;\n }\n\n /* END - FLO CANVAS STYLES */\n "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":693,"character":17},"member":"None"}}]}],"members":{"metamodel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":752,"character":3}}]}],"renderer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":758,"character":3}}]}],"editor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":764,"character":3}}]}],"paletteSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":770,"character":3}}]}],"minZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":776,"character":3}}]}],"maxZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":782,"character":3}}]}],"zoomStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":788,"character":3}}]}],"paperPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":791,"character":3}}]}],"floApi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":794,"character":3}}]}],"validationMarkers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":797,"character":3}}]}],"contentValidated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":800,"character":3}}]}],"dslChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":803,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":808,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"performGraphToTextSyncing":[{"__symbolic":"method"}],"createHandle":[{"__symbolic":"method"}],"removeEmbeddedChildrenOfType":[{"__symbolic":"method"}],"showDragFeedback":[{"__symbolic":"method"}],"hideDragFeedback":[{"__symbolic":"method"}],"setDragDescriptor":[{"__symbolic":"method"}],"handleNodeDragging":[{"__symbolic":"method"}],"handleNodeDropping":[{"__symbolic":"method"}],"_hideNode":[{"__symbolic":"method"}],"_restoreNodeVisibility":[{"__symbolic":"method"}],"getTargetViewFromEvent":[{"__symbolic":"method"}],"handleDnDFromPalette":[{"__symbolic":"method"}],"handleDragFromPalette":[{"__symbolic":"method"}],"createNode":[{"__symbolic":"method"}],"createLink":[{"__symbolic":"method"}],"handleDropFromPalette":[{"__symbolic":"method"}],"fitToContent":[{"__symbolic":"method"}],"autosizePaper":[{"__symbolic":"method"}],"fitToPage":[{"__symbolic":"method"}],"validateContent":[{"__symbolic":"method"}],"markElement":[{"__symbolic":"method"}],"doLayout":[{"__symbolic":"method"}],"dsl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":1577,"character":3}}]}],"updateGraphRepresentation":[{"__symbolic":"method"}],"updateTextRepresentation":[{"__symbolic":"method"}],"initMetamodel":[{"__symbolic":"method"}],"initGraph":[{"__symbolic":"method"}],"handleNodeCreation":[{"__symbolic":"method"}],"handleLinkEvent":[{"__symbolic":"method"}],"handleLinkCreation":[{"__symbolic":"method"}],"initGraphListeners":[{"__symbolic":"method"}],"initPaperListeners":[{"__symbolic":"method"}],"initPaper":[{"__symbolic":"method"}],"updatePaletteReadyState":[{"__symbolic":"method"}]}},"DslEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"dsl-editor","template":"\n \n ","styles":["\n .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}/* Code Mirror related styles START */\n\n .CodeMirror {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n height: 100%;\n }\n .CodeMirror-hint {\n max-width: 38em;\n }\n .CodeMirror-vertical-ruler-error {\n background-color: rgba(188, 0, 0, 0.5);\n }\n .CodeMirror-vertical-ruler-warning {\n background-color: rgba(255, 188, 0, 0.5);\n }\n\n\n /* Code Mirror related styles END */\n "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":42,"character":17},"member":"None"}}]}],"members":{"lineNumbers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3},"arguments":["line-numbers"]}]}],"lineWrapping":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3},"arguments":["line-wrapping"]}]}],"scrollbarStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3},"arguments":["scrollbar-style"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"debounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"dslChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"editor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":86,"character":31}]}],"dsl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"lintOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"hintOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CodeEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":35,"character":1},"arguments":[{"selector":"code-editor","template":"\n \n \n
\n ","styles":["\n .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{position:absolute;background:#ccc;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #bbb;border-radius:2px}.CodeMirror-simplescroll-horizontal,.CodeMirror-simplescroll-vertical{position:absolute;z-index:6;background:#eee}.CodeMirror-simplescroll-horizontal{bottom:0;left:0;height:8px}.CodeMirror-simplescroll-horizontal div{bottom:0;height:100%}.CodeMirror-simplescroll-vertical{right:0;top:0;width:8px}.CodeMirror-simplescroll-vertical div{right:0;width:100%}.CodeMirror-overlayscroll .CodeMirror-gutter-filler,.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler{display:none}.CodeMirror-overlayscroll-horizontal div,.CodeMirror-overlayscroll-vertical div{position:absolute;background:#bcd;border-radius:3px}.CodeMirror-overlayscroll-horizontal,.CodeMirror-overlayscroll-vertical{position:absolute;z-index:6}.CodeMirror-overlayscroll-horizontal{bottom:0;left:0;height:6px}.CodeMirror-overlayscroll-horizontal div{bottom:0;height:100%}.CodeMirror-overlayscroll-vertical{right:0;top:0;width:6px}.CodeMirror-overlayscroll-vertical div{right:0;width:100%}.CodeMirror {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n height: 100%;\n }\n .CodeMirror-hint {\n max-width: 38em;\n }\n .CodeMirror-vertical-ruler-error {\n background-color: rgba(188, 0, 0, 0.5);\n }\n .CodeMirror-vertical-ruler-warning {\n background-color: rgba(255, 188, 0, 0.5);\n }\n .CodeMirror-lint-tooltip {\n z-index: 2000;\n }\n "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":64,"character":17},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":67,"character":15},"useExisting":{"__symbolic":"reference","name":"CodeEditorComponent"},"multi":true}]}]}],"members":{"lineNumbers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3},"arguments":["line-numbers"]}]}],"lineWrapping":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3},"arguments":["line-wrapping"]}]}],"scrollbarStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["scrollbar-style"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"overviewRuler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3},"arguments":["overview-ruler"]}]}],"dslChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":106,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":109,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":112,"character":3}}]}],"editor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":115,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":126,"character":31}]}],"dsl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}],"language":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"loadEditorMode":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"getLintOptions":[{"__symbolic":"method"}]}},"PropertiesGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"properties-group","template":"\n \n
\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"}}]}],"members":{"propertiesGroupModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"createGroupControls":[{"__symbolic":"method"}]}},"DynamicFormPropertyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"df-property","template":"\n \n\n \n {{model.name}} \n \n\n \n \n\n \n \n\n \n {{o.name}} \n \n\n \n \n\n
\n \n
{{model.description}}
\n
{{e.message}}
\n
\n\n \n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":54,"character":17},"member":"None"}}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ResizerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"[resizer]","host":{"(mousedown)":"startDrag()","$quoted$":["(mousedown)"]}}]}],"members":{"maxSplitSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"sizeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"splitSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"resizerWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"resizerHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"resizerLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"resizerTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"resizerRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"resizerBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":104,"character":44},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":104,"character":51}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":104,"character":31},{"__symbolic":"reference","name":"any"}]}],"startDrag":[{"__symbolic":"method"}],"mousemove":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"FloModule":"./module","Palette":"./palette/palette.component","EditorComponent":"./editor/editor.component","DslEditorComponent":"./dsl-editor/dsl-editor.component","CodeEditorComponent":"./code-editor/code-editor.component","PropertiesGroupComponent":"./properties/properties.group.component","DynamicFormPropertyComponent":"./properties/df.property.component","ResizerDirective":"./directives/resizer"},"importAs":"spring-flo"}
\ No newline at end of file
diff --git a/dist/esm5/code-editor/code-editor.component.js b/dist/esm5/code-editor/code-editor.component.js
new file mode 100644
index 0000000..1679726
--- /dev/null
+++ b/dist/esm5/code-editor/code-editor.component.js
@@ -0,0 +1,237 @@
+import * as tslib_1 from "tslib";
+import { Component, Input, Output, ElementRef, EventEmitter, ViewEncapsulation, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as CodeMirror from 'codemirror-minified';
+import * as _$ from 'jquery';
+var $ = _$;
+// CodeMirror extensions
+import 'codemirror-minified/mode/meta';
+import 'codemirror-minified/addon/lint/lint';
+import 'codemirror-minified/addon/hint/show-hint';
+// import 'codemirror-minified/addon/mode/loadmode';
+import 'codemirror-minified/addon/edit/matchbrackets';
+import 'codemirror-minified/addon/edit/closebrackets';
+import 'codemirror-minified/addon/display/placeholder';
+import 'codemirror-minified/addon/scroll/annotatescrollbar';
+import 'codemirror-minified/addon/scroll/simplescrollbars';
+// Lint support
+// Unclear how to import this dynamically...
+import 'codemirror-minified/addon/lint/javascript-lint';
+import 'codemirror-minified/addon/lint/coffeescript-lint';
+import 'codemirror-minified/addon/lint/json-lint';
+import 'codemirror-minified/addon/lint/yaml-lint';
+// TODO: use dynamic import with JS7 in the future. CM autoLoad cannot load it properly - thinks its AMD
+// Supported languages until dynamic loading
+import 'codemirror-minified/mode/groovy/groovy';
+import 'codemirror-minified/mode/javascript/javascript';
+import 'codemirror-minified/mode/python/python';
+import 'codemirror-minified/mode/ruby/ruby';
+import 'codemirror-minified/mode/clike/clike';
+import 'codemirror-minified/mode/yaml/yaml';
+import 'codemirror-minified/mode/coffeescript/coffeescript';
+var CodeEditorComponent = /** @class */ (function () {
+ function CodeEditorComponent(element) {
+ var _this = this;
+ this.element = element;
+ this._dsl = '';
+ this._lint = false;
+ this.lineNumbers = false;
+ this.lineWrapping = false;
+ this.dslChange = new EventEmitter();
+ this.focus = new EventEmitter();
+ this.blur = new EventEmitter();
+ this.editor = new EventEmitter();
+ this._dslChangedHandler = function () {
+ _this._dsl = _this.doc.getValue();
+ _this.dslChange.emit(_this._dsl);
+ if (_this._onChangeHandler) {
+ _this._onChangeHandler(_this._dsl);
+ }
+ };
+ }
+ CodeEditorComponent_1 = CodeEditorComponent;
+ Object.defineProperty(CodeEditorComponent.prototype, "dsl", {
+ set: function (dsl) {
+ this._dsl = dsl;
+ if (this.doc && this._dsl !== this.doc.getValue()) {
+ var cursorPosition = this.doc.getCursor();
+ this.doc.setValue(this._dsl || '');
+ this.doc.setCursor(cursorPosition);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(CodeEditorComponent.prototype, "language", {
+ set: function (_language) {
+ if (this._language !== _language) {
+ this._language = _language;
+ this.loadEditorMode();
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ CodeEditorComponent.prototype.ngOnInit = function () {
+ var _this = this;
+ var options = {
+ value: this._dsl || '',
+ gutters: ['CodeMirror-lint-markers'],
+ extraKeys: { 'Ctrl-Space': 'autocomplete' },
+ lineNumbers: this.lineNumbers,
+ lineWrapping: this.lineWrapping,
+ matchBrackets: true,
+ autoCloseBrackets: true,
+ };
+ if (this.scrollbarStyle) {
+ options.scrollbarStyle = this.scrollbarStyle;
+ }
+ if (this._lint) {
+ options.lint = this._lint;
+ }
+ this.doc = CodeMirror.fromTextArea($('#code-editor-host', this.element.nativeElement)[0], options);
+ if (this.placeholder) {
+ this.doc.setOption('placeholder', this.placeholder);
+ }
+ // Turns out "value" in the option doesn't set it.
+ this.doc.setValue(this._dsl || '');
+ this.doc.on('change', this._dslChangedHandler);
+ this.doc.on('focus', function () {
+ _this.focus.emit();
+ if (_this._onTouchHandler) {
+ _this._onTouchHandler();
+ }
+ });
+ this.doc.on('blur', function () { return _this.blur.emit(); });
+ this.warningRuler = this.doc.annotateScrollbar('CodeMirror-vertical-ruler-warning');
+ this.errorRuler = this.doc.annotateScrollbar('CodeMirror-vertical-ruler-error');
+ this.loadEditorMode();
+ this.editor.emit(this.doc);
+ };
+ CodeEditorComponent.prototype.loadEditorMode = function () {
+ // CodeMirror doc object must be initialized
+ if (!this.doc) {
+ return;
+ }
+ var info = this._language ? CodeMirror.findModeByName(this._language) : undefined;
+ // Set proper editor mode
+ if (info) {
+ this.doc.setOption('mode', info.mime);
+ // (CodeMirror).autoLoadMode(this.doc, info.mode);
+ }
+ else {
+ this.doc.setOption('mode', 'text/plain');
+ }
+ // Set proper Lint mode
+ this.doc.setOption('lint', this.getLintOptions());
+ };
+ CodeEditorComponent.prototype.ngOnDestroy = function () {
+ };
+ CodeEditorComponent.prototype.writeValue = function (obj) {
+ this.dsl = obj;
+ };
+ CodeEditorComponent.prototype.registerOnChange = function (fn) {
+ this._onChangeHandler = fn;
+ };
+ CodeEditorComponent.prototype.registerOnTouched = function (fn) {
+ this._onTouchHandler = fn;
+ };
+ CodeEditorComponent.prototype.getLintOptions = function () {
+ var _this = this;
+ switch (this._language) {
+ case 'javascript':
+ case 'json':
+ case 'coffeescript':
+ case 'yaml':
+ return {
+ onUpdateLinting: function (annotations) {
+ var warnings = [];
+ var errors = [];
+ if (_this.overviewRuler) {
+ if (Array.isArray(annotations)) {
+ annotations.forEach(function (a) {
+ if (a.to && a.from && a.from.line >= 0 && a.from.ch >= 0 && a.to.line >= a.from.line && a.from.ch >= 0) {
+ if (a.severity === 'error') {
+ errors.push(a);
+ }
+ else if (a.severity === 'warning') {
+ warnings.push(a);
+ }
+ }
+ });
+ }
+ }
+ _this.warningRuler.update(warnings);
+ _this.errorRuler.update(errors);
+ }
+ };
+ }
+ return false;
+ };
+ var CodeEditorComponent_1;
+ tslib_1.__decorate([
+ Input('line-numbers'),
+ tslib_1.__metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "lineNumbers", void 0);
+ tslib_1.__decorate([
+ Input('line-wrapping'),
+ tslib_1.__metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "lineWrapping", void 0);
+ tslib_1.__decorate([
+ Input('scrollbar-style'),
+ tslib_1.__metadata("design:type", String)
+ ], CodeEditorComponent.prototype, "scrollbarStyle", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String)
+ ], CodeEditorComponent.prototype, "placeholder", void 0);
+ tslib_1.__decorate([
+ Input('overview-ruler'),
+ tslib_1.__metadata("design:type", Boolean)
+ ], CodeEditorComponent.prototype, "overviewRuler", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "dslChange", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "focus", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "blur", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "editor", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+ ], CodeEditorComponent.prototype, "dsl", null);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+ ], CodeEditorComponent.prototype, "language", null);
+ CodeEditorComponent = CodeEditorComponent_1 = tslib_1.__decorate([
+ Component({
+ selector: 'code-editor',
+ template: "\n \n \n
\n ",
+ styles: ["\n .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{position:absolute;background:#ccc;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #bbb;border-radius:2px}.CodeMirror-simplescroll-horizontal,.CodeMirror-simplescroll-vertical{position:absolute;z-index:6;background:#eee}.CodeMirror-simplescroll-horizontal{bottom:0;left:0;height:8px}.CodeMirror-simplescroll-horizontal div{bottom:0;height:100%}.CodeMirror-simplescroll-vertical{right:0;top:0;width:8px}.CodeMirror-simplescroll-vertical div{right:0;width:100%}.CodeMirror-overlayscroll .CodeMirror-gutter-filler,.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler{display:none}.CodeMirror-overlayscroll-horizontal div,.CodeMirror-overlayscroll-vertical div{position:absolute;background:#bcd;border-radius:3px}.CodeMirror-overlayscroll-horizontal,.CodeMirror-overlayscroll-vertical{position:absolute;z-index:6}.CodeMirror-overlayscroll-horizontal{bottom:0;left:0;height:6px}.CodeMirror-overlayscroll-horizontal div{bottom:0;height:100%}.CodeMirror-overlayscroll-vertical{right:0;top:0;width:6px}.CodeMirror-overlayscroll-vertical div{right:0;width:100%}.CodeMirror {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n height: 100%;\n }\n .CodeMirror-hint {\n max-width: 38em;\n }\n .CodeMirror-vertical-ruler-error {\n background-color: rgba(188, 0, 0, 0.5);\n }\n .CodeMirror-vertical-ruler-warning {\n background-color: rgba(255, 188, 0, 0.5);\n }\n .CodeMirror-lint-tooltip {\n z-index: 2000;\n }\n "],
+ encapsulation: ViewEncapsulation.None,
+ providers: [
+ {
+ provide: NG_VALUE_ACCESSOR,
+ useExisting: forwardRef(function () { return CodeEditorComponent_1; }),
+ multi: true
+ }
+ ]
+ }),
+ tslib_1.__metadata("design:paramtypes", [ElementRef])
+ ], CodeEditorComponent);
+ return CodeEditorComponent;
+}());
+export { CodeEditorComponent };
+//# sourceMappingURL=code-editor.component.js.map
\ No newline at end of file
diff --git a/dist/esm5/directives/resizer.js b/dist/esm5/directives/resizer.js
new file mode 100644
index 0000000..7f5415a
--- /dev/null
+++ b/dist/esm5/directives/resizer.js
@@ -0,0 +1,192 @@
+import * as tslib_1 from "tslib";
+import { Directive, Input, Output, EventEmitter, Inject, ElementRef } from '@angular/core';
+import { DOCUMENT } from '@angular/platform-browser';
+import { fromEvent } from 'rxjs';
+import { sampleTime } from 'rxjs/operators';
+import { CompositeDisposable, Disposable } from 'ts-disposables';
+import * as _$ from 'jquery';
+var $ = _$;
+var ResizerDirective = /** @class */ (function () {
+ function ResizerDirective(element, document) {
+ var _this = this;
+ this.element = element;
+ this.document = document;
+ this.dragInProgress = false;
+ this.vertical = true;
+ this._subscriptions = new CompositeDisposable();
+ this.sizeChange = new EventEmitter();
+ this.mouseMoveHandler = function (e) {
+ if (_this.dragInProgress) {
+ _this.mousemove(e);
+ }
+ };
+ }
+ Object.defineProperty(ResizerDirective.prototype, "splitSize", {
+ set: function (splitSize) {
+ if (this.maxSplitSize && splitSize > this.maxSplitSize) {
+ splitSize = this.maxSplitSize;
+ }
+ if (this.vertical) {
+ // Handle vertical resizer
+ $(this.element.nativeElement).css({
+ left: splitSize + 'px'
+ });
+ $(this.first).css({
+ width: splitSize + 'px'
+ });
+ $(this.second).css({
+ left: (splitSize + this._size) + 'px'
+ });
+ }
+ else {
+ // Handle horizontal resizer
+ $(this.element.nativeElement).css({
+ bottom: splitSize + 'px'
+ });
+ $(this.first).css({
+ bottom: (splitSize + this._size) + 'px'
+ });
+ $(this.second).css({
+ height: splitSize + 'px'
+ });
+ }
+ this._splitSize = splitSize;
+ // Update the local field
+ this.sizeChange.emit(splitSize);
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerWidth", {
+ set: function (width) {
+ this._size = width;
+ this.vertical = true;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerHeight", {
+ set: function (height) {
+ this._size = height;
+ this.vertical = false;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerLeft", {
+ set: function (first) {
+ this.first = first;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerTop", {
+ set: function (first) {
+ this.first = first;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerRight", {
+ set: function (second) {
+ this.second = second;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerBottom", {
+ set: function (second) {
+ this.second = second;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ ResizerDirective.prototype.startDrag = function () {
+ this.dragInProgress = true;
+ };
+ ResizerDirective.prototype.mousemove = function (event) {
+ var size;
+ if (this.vertical) { // Handle vertical resizer. Calculate new size relative to palette container DOM node
+ size = event.pageX - $(this.first).offset().left;
+ }
+ else {
+ // Handle horizontal resizer Calculate new size relative to palette container DOM node
+ size = window.innerHeight - event.pageY - $(this.second).offset().top;
+ }
+ this.splitSize = size;
+ };
+ ResizerDirective.prototype.ngOnInit = function () {
+ // Need to set left and right elements width and fire events on init when DOM is built
+ var _this = this;
+ this.splitSize = this._splitSize;
+ var subscription1 = fromEvent($(this.document).get(0), 'mousemove')
+ .pipe(sampleTime(300))
+ .subscribe(this.mouseMoveHandler);
+ this._subscriptions.add(Disposable.create(function () { return subscription1.unsubscribe(); }));
+ var subscription2 = fromEvent($(this.document).get(0), 'mouseup')
+ .subscribe(function (e) {
+ if (_this.dragInProgress) {
+ _this.mousemove(e);
+ _this.dragInProgress = false;
+ }
+ });
+ this._subscriptions.add(Disposable.create(function () { return subscription2.unsubscribe(); }));
+ };
+ ResizerDirective.prototype.ngOnDestroy = function () {
+ this._subscriptions.dispose();
+ };
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Number)
+ ], ResizerDirective.prototype, "maxSplitSize", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], ResizerDirective.prototype, "sizeChange", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Number),
+ tslib_1.__metadata("design:paramtypes", [Number])
+ ], ResizerDirective.prototype, "splitSize", null);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Number),
+ tslib_1.__metadata("design:paramtypes", [Number])
+ ], ResizerDirective.prototype, "resizerWidth", null);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Number),
+ tslib_1.__metadata("design:paramtypes", [Number])
+ ], ResizerDirective.prototype, "resizerHeight", null);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+ ], ResizerDirective.prototype, "resizerLeft", null);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+ ], ResizerDirective.prototype, "resizerTop", null);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+ ], ResizerDirective.prototype, "resizerRight", null);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+ ], ResizerDirective.prototype, "resizerBottom", null);
+ ResizerDirective = tslib_1.__decorate([
+ Directive({
+ selector: '[resizer]',
+ host: { '(mousedown)': 'startDrag()' }
+ }),
+ tslib_1.__param(1, Inject(DOCUMENT)),
+ tslib_1.__metadata("design:paramtypes", [ElementRef, Object])
+ ], ResizerDirective);
+ return ResizerDirective;
+}());
+export { ResizerDirective };
+//# sourceMappingURL=resizer.js.map
\ No newline at end of file
diff --git a/dist/esm5/dsl-editor/dsl-editor.component.js b/dist/esm5/dsl-editor/dsl-editor.component.js
new file mode 100644
index 0000000..aeaaa4b
--- /dev/null
+++ b/dist/esm5/dsl-editor/dsl-editor.component.js
@@ -0,0 +1,158 @@
+import * as tslib_1 from "tslib";
+import { Component, Input, Output, ElementRef, EventEmitter, ViewEncapsulation } from '@angular/core';
+import * as _ from 'lodash';
+import * as CodeMirror from 'codemirror-minified';
+import * as _$ from 'jquery';
+var $ = _$;
+import 'codemirror-minified/addon/lint/lint';
+import 'codemirror-minified/addon/hint/show-hint';
+import 'codemirror-minified/addon/display/placeholder';
+import 'codemirror-minified/addon/scroll/annotatescrollbar';
+import 'codemirror-minified/addon/scroll/simplescrollbars';
+var DslEditorComponent = /** @class */ (function () {
+ function DslEditorComponent(element) {
+ var _this = this;
+ this.element = element;
+ this._dsl = '';
+ this._lint = false;
+ this.lineNumbers = false;
+ this.lineWrapping = false;
+ this.debounce = 0;
+ this.dslChange = new EventEmitter();
+ this.focus = new EventEmitter();
+ this.blur = new EventEmitter();
+ this.editor = new EventEmitter();
+ this._dslChangedHandler = function () {
+ _this._dsl = _this.doc.getValue();
+ _this.dslChange.emit(_this._dsl);
+ };
+ }
+ Object.defineProperty(DslEditorComponent.prototype, "dsl", {
+ set: function (dsl) {
+ this._dsl = dsl;
+ if (this.doc && this._dsl !== this.doc.getValue()) {
+ var cursorPosition = this.doc.getCursor();
+ this.doc.setValue(this._dsl || '');
+ this.doc.setCursor(cursorPosition);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DslEditorComponent.prototype, "lintOptions", {
+ set: function (lintOptions) {
+ this._lint = lintOptions;
+ if (this.doc) {
+ this.doc.setOption('lint', this._lint);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DslEditorComponent.prototype, "hintOptions", {
+ set: function (hintOptions) {
+ this._hint = hintOptions;
+ if (this.doc) {
+ this.doc.setOption('hintOptions', this._hint);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ DslEditorComponent.prototype.ngOnInit = function () {
+ var _this = this;
+ var options = {
+ value: this._dsl || '',
+ gutters: ['CodeMirror-lint-markers'],
+ extraKeys: { 'Ctrl-Space': 'autocomplete' },
+ lineNumbers: this.lineNumbers,
+ lineWrapping: this.lineWrapping,
+ electricChars: false,
+ smartIndent: false,
+ };
+ if (this.scrollbarStyle) {
+ options.scrollbarStyle = this.scrollbarStyle;
+ }
+ if (this._lint) {
+ options.lint = this._lint;
+ }
+ if (this._hint) {
+ options.hintOptions = this._hint;
+ }
+ this.doc = CodeMirror.fromTextArea($('#dsl-editor-host', this.element.nativeElement)[0], options);
+ if (this.placeholder) {
+ this.doc.setOption('placeholder', this.placeholder);
+ }
+ // Turns out "value" in the option doesn't set it.
+ this.doc.setValue(this._dsl || '');
+ this.doc.on('change', this.debounce ? _.debounce(this._dslChangedHandler, this.debounce) : this._dslChangedHandler);
+ this.doc.on('focus', function () { return _this.focus.emit(); });
+ this.doc.on('blur', function () { return _this.blur.emit(); });
+ this.editor.emit(this.doc);
+ };
+ DslEditorComponent.prototype.ngOnDestroy = function () {
+ };
+ tslib_1.__decorate([
+ Input('line-numbers'),
+ tslib_1.__metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "lineNumbers", void 0);
+ tslib_1.__decorate([
+ Input('line-wrapping'),
+ tslib_1.__metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "lineWrapping", void 0);
+ tslib_1.__decorate([
+ Input('scrollbar-style'),
+ tslib_1.__metadata("design:type", String)
+ ], DslEditorComponent.prototype, "scrollbarStyle", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String)
+ ], DslEditorComponent.prototype, "placeholder", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "debounce", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "dslChange", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "focus", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "blur", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "editor", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+ ], DslEditorComponent.prototype, "dsl", null);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object),
+ tslib_1.__metadata("design:paramtypes", [Object])
+ ], DslEditorComponent.prototype, "lintOptions", null);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object),
+ tslib_1.__metadata("design:paramtypes", [Object])
+ ], DslEditorComponent.prototype, "hintOptions", null);
+ DslEditorComponent = tslib_1.__decorate([
+ Component({
+ selector: 'dsl-editor',
+ template: "\n \n ",
+ styles: ["\n .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}/* Code Mirror related styles START */\n\n .CodeMirror {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n height: 100%;\n }\n .CodeMirror-hint {\n max-width: 38em;\n }\n .CodeMirror-vertical-ruler-error {\n background-color: rgba(188, 0, 0, 0.5);\n }\n .CodeMirror-vertical-ruler-warning {\n background-color: rgba(255, 188, 0, 0.5);\n }\n\n\n /* Code Mirror related styles END */\n "],
+ encapsulation: ViewEncapsulation.None
+ }),
+ tslib_1.__metadata("design:paramtypes", [ElementRef])
+ ], DslEditorComponent);
+ return DslEditorComponent;
+}());
+export { DslEditorComponent };
+//# sourceMappingURL=dsl-editor.component.js.map
\ No newline at end of file
diff --git a/dist/esm5/editor/editor-utils.js b/dist/esm5/editor/editor-utils.js
new file mode 100644
index 0000000..40454b6
--- /dev/null
+++ b/dist/esm5/editor/editor-utils.js
@@ -0,0 +1,112 @@
+import { Flo } from '../shared/flo-common';
+import * as _ from 'lodash';
+var joint = Flo.joint;
+import * as _$ from 'jquery';
+var $ = _$;
+var Utils = /** @class */ (function () {
+ function Utils() {
+ }
+ Utils.fanRoute = function (graph, cell) {
+ if (cell instanceof joint.dia.Element) {
+ var links = graph.getConnectedLinks(cell);
+ var groupsOfOverlappingLinks = _.groupBy(links, function (link) {
+ // the key of the group is the model id of the link's source or target, but not our cell id.
+ var sourceId = link.get('source').id;
+ var targetId = link.get('target').id;
+ return cell.id !== sourceId ? sourceId : targetId;
+ });
+ _.each(groupsOfOverlappingLinks, function (group, key) {
+ // If the member of the group has both source and target model adjust vertices.
+ var toRoute = {};
+ if (key !== undefined) {
+ group.forEach(function (link) {
+ if (link.get('source').id === cell.get('id') && link.get('target').id) {
+ toRoute[link.get('target').id] = link;
+ }
+ else if (link.get('target').id === cell.get('id') && link.get('source').id) {
+ toRoute[link.get('source').id] = link;
+ }
+ });
+ Object.keys(toRoute).forEach(function (k) {
+ Utils.fanRoute(graph, toRoute[k]);
+ });
+ }
+ });
+ }
+ else if (cell instanceof joint.dia.Link) {
+ // The cell is a link. Let's find its source and target models.
+ var srcId_1 = cell.get('source').id || cell.previous('source').id;
+ var trgId_1 = cell.get('target').id || cell.previous('target').id;
+ // If one of the ends is not a model, the link has no siblings.
+ if (!srcId_1 || !trgId_1) {
+ return;
+ }
+ var siblings = graph.getLinks().filter(function (sibling) {
+ var _srcId = sibling.get('source').id;
+ var _trgId = sibling.get('target').id;
+ var vertices = sibling.get('vertices');
+ var fanRouted = !vertices || vertices.length === 0 || sibling.get('fanRouted');
+ return ((_srcId === srcId_1 && _trgId === trgId_1) || (_srcId === trgId_1 && _trgId === srcId_1)) && fanRouted;
+ });
+ switch (siblings.length) {
+ case 0:
+ // The link was removed and had no siblings.
+ break;
+ case 1:
+ // There is only one link between the source and target. No vertices needed.
+ var vertices = cell.get('vertices');
+ if (vertices && vertices.length && cell.get('fanRouted')) {
+ cell.unset('vertices');
+ }
+ break;
+ default:
+ // There is more than one siblings. We need to create vertices.
+ // First of all we'll find the middle point of the link.
+ var source = graph.getCell(srcId_1);
+ var target = graph.getCell(trgId_1);
+ if (!source || !target) {
+ // When clearing the graph it may happen that some nodes are gone and some are left
+ return;
+ }
+ var srcCenter = source.getBBox().center();
+ var trgCenter = target.getBBox().center();
+ var midPoint_1 = joint.g.line(srcCenter, trgCenter).midpoint();
+ // Then find the angle it forms.
+ var theta_1 = srcCenter.theta(trgCenter);
+ // This is the maximum distance between links
+ var gap_1 = 20;
+ siblings.forEach(function (sibling, index) {
+ // We want the offset values to be calculated as follows 0, 20, 20, 40, 40, 60, 60 ..
+ var offset = gap_1 * Math.ceil(index / 2);
+ // Now we need the vertices to be placed at points which are 'offset' pixels distant
+ // from the first link and forms a perpendicular angle to it. And as index goes up
+ // alternate left and right.
+ //
+ // ^ odd indexes
+ // |
+ // |----> index 0 line (straight line between a source center and a target center.
+ // |
+ // v even indexes
+ var sign = index % 2 ? 1 : -1;
+ var angle = joint.g.toRad(theta_1 + sign * 90);
+ // We found the vertex.
+ var vertex = joint.g.point.fromPolar(offset, angle, midPoint_1);
+ sibling.set('fanRouted', true);
+ sibling.set('vertices', [{ x: vertex.x, y: vertex.y }], { 'fanRouted': true });
+ });
+ }
+ }
+ };
+ Utils.isCustomPaperEvent = function (args) {
+ return args.length === 5 &&
+ _.isString(args[0]) &&
+ (args[0].indexOf('link:') === 0 || args[0].indexOf('element:') === 0) &&
+ args[1] instanceof $.Event &&
+ args[2] instanceof joint.dia.CellView &&
+ _.isNumber(args[3]) &&
+ _.isNumber(args[4]);
+ };
+ return Utils;
+}());
+export { Utils };
+//# sourceMappingURL=editor-utils.js.map
\ No newline at end of file
diff --git a/dist/esm5/editor/editor.component.js b/dist/esm5/editor/editor.component.js
new file mode 100644
index 0000000..5eb2e9f
--- /dev/null
+++ b/dist/esm5/editor/editor.component.js
@@ -0,0 +1,1195 @@
+import * as tslib_1 from "tslib";
+import { Component, Input, Output, ElementRef, EventEmitter, ViewEncapsulation } from '@angular/core';
+import { debounceTime } from 'rxjs/operators';
+import { Flo } from '../shared/flo-common';
+import { Shapes, Constants } from '../shared/shapes';
+import { Utils } from './editor-utils';
+import { CompositeDisposable, Disposable } from 'ts-disposables';
+import * as _$ from 'jquery';
+import * as _ from 'lodash';
+import { Subject, BehaviorSubject } from 'rxjs';
+var joint = Flo.joint;
+var $ = _$;
+var SCROLLBAR_SIZE = 17;
+var EditorComponent = /** @class */ (function () {
+ function EditorComponent(element) {
+ var _this = this;
+ this.element = element;
+ /**
+ * Flag specifying whether the Flo-Editor is in read-only mode.
+ */
+ this._readOnlyCanvas = false;
+ /**
+ * Grid size
+ */
+ this._gridSize = 1;
+ this._hiddenPalette = false;
+ this.textToGraphEventEmitter = new EventEmitter();
+ this.graphToTextEventEmitter = new EventEmitter();
+ this._graphToTextSyncEnabled = true;
+ this.validationEventEmitter = new EventEmitter();
+ this._disposables = new CompositeDisposable();
+ this._dslText = '';
+ this.textToGraphConversionCompleted = new Subject();
+ this.graphToTextConversionCompleted = new Subject();
+ this.paletteReady = new BehaviorSubject(false);
+ /**
+ * Min zoom percent value
+ */
+ this.minZoom = 5;
+ /**
+ * Max zoom percent value
+ */
+ this.maxZoom = 400;
+ /**
+ * Zoom percent increment/decrement step
+ */
+ this.zoomStep = 5;
+ this.paperPadding = 0;
+ this.floApi = new EventEmitter();
+ this.validationMarkers = new EventEmitter();
+ this.contentValidated = new EventEmitter();
+ this.dslChange = new EventEmitter();
+ this._resizeHandler = function () { return _this.autosizePaper(); };
+ var self = this;
+ this.editorContext = new (/** @class */ (function () {
+ function DefaultRunnableContext() {
+ }
+ Object.defineProperty(DefaultRunnableContext.prototype, "zoomPercent", {
+ get: function () {
+ return self.zoomPercent;
+ },
+ set: function (percent) {
+ self.zoomPercent = percent;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "noPalette", {
+ get: function () {
+ return self.noPalette;
+ },
+ set: function (noPalette) {
+ self.noPalette = noPalette;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "gridSize", {
+ get: function () {
+ return self.gridSize;
+ },
+ set: function (gridSize) {
+ self.gridSize = gridSize;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "readOnlyCanvas", {
+ get: function () {
+ return self.readOnlyCanvas;
+ },
+ set: function (readOnly) {
+ self.readOnlyCanvas = readOnly;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ DefaultRunnableContext.prototype.setDsl = function (dsl) {
+ self.dsl = dsl;
+ };
+ DefaultRunnableContext.prototype.updateGraph = function () {
+ return self.updateGraphRepresentation();
+ };
+ DefaultRunnableContext.prototype.updateText = function () {
+ return self.updateTextRepresentation();
+ };
+ DefaultRunnableContext.prototype.performLayout = function () {
+ return self.doLayout();
+ };
+ DefaultRunnableContext.prototype.clearGraph = function () {
+ var _this = this;
+ self.selection = undefined;
+ self.graph.clear();
+ if (self.metamodel && self.metamodel.load && self.editor && self.editor.setDefaultContent) {
+ return self.metamodel.load().then(function (data) {
+ self.editor.setDefaultContent(_this, data);
+ if (!self.graphToTextSync) {
+ return self.updateTextRepresentation();
+ }
+ });
+ }
+ else {
+ if (!self.graphToTextSync) {
+ return self.updateTextRepresentation();
+ }
+ }
+ };
+ DefaultRunnableContext.prototype.getGraph = function () {
+ return self.graph;
+ };
+ DefaultRunnableContext.prototype.getPaper = function () {
+ return self.paper;
+ };
+ Object.defineProperty(DefaultRunnableContext.prototype, "graphToTextSync", {
+ get: function () {
+ return self.graphToTextSync;
+ },
+ set: function (sync) {
+ self.graphToTextSync = sync;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ DefaultRunnableContext.prototype.getMinZoom = function () {
+ return self.minZoom;
+ };
+ DefaultRunnableContext.prototype.getMaxZoom = function () {
+ return self.maxZoom;
+ };
+ DefaultRunnableContext.prototype.getZoomStep = function () {
+ return self.zoomStep;
+ };
+ DefaultRunnableContext.prototype.fitToPage = function () {
+ self.fitToPage();
+ };
+ DefaultRunnableContext.prototype.createNode = function (metadata, props, position) {
+ return self.createNode(metadata, props, position);
+ };
+ DefaultRunnableContext.prototype.createLink = function (source, target, metadata, props) {
+ return self.createLink(source, target, metadata, props);
+ };
+ Object.defineProperty(DefaultRunnableContext.prototype, "selection", {
+ get: function () {
+ return self.selection;
+ },
+ set: function (newSelection) {
+ self.selection = newSelection;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ DefaultRunnableContext.prototype.deleteSelectedNode = function () {
+ if (self.selection) {
+ if (self.editor && self.editor.preDelete) {
+ self.editor.preDelete(self.editorContext, self.selection.model);
+ }
+ else {
+ if (self.selection.model instanceof joint.dia.Element) {
+ self.graph.getConnectedLinks(self.selection.model).forEach(function (l) { return l.remove(); });
+ }
+ }
+ self.selection.model.remove();
+ self.selection = undefined;
+ }
+ };
+ Object.defineProperty(DefaultRunnableContext.prototype, "textToGraphConversionObservable", {
+ get: function () {
+ return self.textToGraphConversionCompleted;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "graphToTextConversionObservable", {
+ get: function () {
+ return self.graphToTextConversionCompleted;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "paletteReady", {
+ get: function () {
+ return self.paletteReady;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return DefaultRunnableContext;
+ }()))();
+ }
+ EditorComponent.prototype.ngOnInit = function () {
+ var _this = this;
+ this.initGraph();
+ this.initPaper();
+ this.initGraphListeners();
+ this.initPaperListeners();
+ this.initMetamodel();
+ $(window).on('resize', this._resizeHandler);
+ this._disposables.add(Disposable.create(function () { return $(window).off('resize', _this._resizeHandler); }));
+ /*
+ * Execute resize to get the right size for the SVG element on the editor canvas.
+ * Executed via timeout to let angular render the DOM first and elements to have the right width and height
+ */
+ window.setTimeout(this._resizeHandler);
+ this.floApi.emit(this.editorContext);
+ };
+ EditorComponent.prototype.ngOnDestroy = function () {
+ this._disposables.dispose();
+ };
+ Object.defineProperty(EditorComponent.prototype, "noPalette", {
+ get: function () {
+ return this._hiddenPalette;
+ },
+ set: function (hidden) {
+ this._hiddenPalette = hidden;
+ // If palette is not shown ensure that canvas starts from the left==0!
+ if (hidden) {
+ $('#paper-container', this.element.nativeElement).css('left', 0);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(EditorComponent.prototype, "graphToTextSync", {
+ get: function () {
+ return this._graphToTextSyncEnabled;
+ },
+ set: function (sync) {
+ this._graphToTextSyncEnabled = sync;
+ // Try commenting the sync out. Just set the flag but don't kick off graph->text conversion
+ // this.performGraphToTextSyncing();
+ },
+ enumerable: true,
+ configurable: true
+ });
+ EditorComponent.prototype.performGraphToTextSyncing = function () {
+ if (this._graphToTextSyncEnabled) {
+ this.graphToTextEventEmitter.emit();
+ }
+ };
+ EditorComponent.prototype.createHandle = function (element, kind, action, location) {
+ if (!location) {
+ var bbox = element.model.getBBox();
+ location = bbox.origin().offset(bbox.width / 2, bbox.height / 2);
+ }
+ var handle = Shapes.Factory.createHandle({
+ renderer: this.renderer,
+ paper: this.paper,
+ parent: element.model,
+ kind: kind,
+ position: location
+ });
+ var view = this.paper.findViewByModel(handle);
+ view.on('cell:pointerdown', function () {
+ if (action) {
+ action();
+ }
+ });
+ view.on('cell:mouseover', function () {
+ handle.attr('image/filter', {
+ name: 'dropShadow',
+ args: { dx: 1, dy: 1, blur: 1, color: 'black' }
+ });
+ });
+ view.on('cell:mouseout', function () {
+ handle.removeAttr('image/filter');
+ });
+ view.setInteractivity(false);
+ return handle;
+ };
+ EditorComponent.prototype.removeEmbeddedChildrenOfType = function (element, types) {
+ var embeds = element.getEmbeddedCells();
+ for (var i = 0; i < embeds.length; i++) {
+ if (types.indexOf(embeds[i].get('type')) >= 0) {
+ embeds[i].remove();
+ }
+ }
+ };
+ Object.defineProperty(EditorComponent.prototype, "selection", {
+ get: function () {
+ return this._selection;
+ },
+ set: function (newSelection) {
+ var _this = this;
+ if (newSelection && (newSelection.model.get('type') === joint.shapes.flo.DECORATION_TYPE || newSelection.model.get('type') === joint.shapes.flo.HANDLE_TYPE)) {
+ newSelection = this.paper.findViewByModel(this.graph.getCell(newSelection.model.get('parent')));
+ }
+ if (newSelection && (!newSelection.model.attr('metadata') || newSelection.model.attr('metadata/metadata/unselectable'))) {
+ newSelection = undefined;
+ }
+ if (newSelection !== this._selection) {
+ if (this._selection) {
+ var elementview = this.paper.findViewByModel(this._selection.model);
+ if (elementview) { // May have been removed from the graph
+ this.removeEmbeddedChildrenOfType(elementview.model, joint.shapes.flo.HANDLE_TYPE);
+ elementview.unhighlight();
+ }
+ }
+ if (newSelection) {
+ newSelection.highlight();
+ if (this.editor && this.editor.createHandles) {
+ this.editor.createHandles(this.editorContext, function (owner, kind, action, location) { return _this.createHandle(owner, kind, action, location); }, newSelection);
+ }
+ }
+ this._selection = newSelection;
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(EditorComponent.prototype, "readOnlyCanvas", {
+ get: function () {
+ return this._readOnlyCanvas;
+ },
+ set: function (value) {
+ var _this = this;
+ if (this._readOnlyCanvas === value) {
+ // Nothing to do
+ return;
+ }
+ if (value) {
+ this.selection = undefined;
+ }
+ if (this.graph) {
+ this.graph.getLinks().forEach(function (link) {
+ if (value) {
+ link.attr('.link-tools/display', 'none');
+ link.attr('.marker-vertices/display', 'none');
+ link.attr('.connection-wrap/display', 'none');
+ }
+ else {
+ link.removeAttr('.link-tools/display');
+ if (_this.editor && _this.editor.allowLinkVertexEdit) {
+ link.removeAttr('.marker-vertices/display');
+ }
+ link.removeAttr('.connection-wrap/display');
+ }
+ });
+ }
+ this._readOnlyCanvas = value;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ * Displays graphical feedback for the drag and drop in progress based on current drag and drop descriptor object
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ EditorComponent.prototype.showDragFeedback = function (dragDescriptor) {
+ if (this.editor && this.editor.showDragFeedback) {
+ this.editor.showDragFeedback(this.editorContext, dragDescriptor);
+ }
+ else {
+ var magnet = void 0;
+ if (dragDescriptor.source && dragDescriptor.source.view) {
+ joint.V(dragDescriptor.source.view.el).addClass('dnd-source-feedback');
+ if (dragDescriptor.source.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.source.view, dragDescriptor.source.cssClassSelector);
+ if (magnet) {
+ joint.V(magnet).addClass('dnd-source-feedback');
+ }
+ }
+ }
+ if (dragDescriptor.target && dragDescriptor.target.view) {
+ joint.V(dragDescriptor.target.view.el).addClass('dnd-target-feedback');
+ if (dragDescriptor.target.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.target.view, dragDescriptor.target.cssClassSelector);
+ if (magnet) {
+ joint.V(magnet).addClass('dnd-target-feedback');
+ }
+ }
+ }
+ }
+ };
+ /**
+ * Hides graphical feedback for the drag and drop in progress based on current drag and drop descriptor object
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ EditorComponent.prototype.hideDragFeedback = function (dragDescriptor) {
+ if (this.editor && this.editor.hideDragFeedback) {
+ this.editor.hideDragFeedback(this.editorContext, dragDescriptor);
+ }
+ else {
+ var magnet = void 0;
+ if (dragDescriptor.source && dragDescriptor.source.view) {
+ joint.V(dragDescriptor.source.view.el).removeClass('dnd-source-feedback');
+ if (dragDescriptor.source.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.source.view, dragDescriptor.source.cssClassSelector);
+ if (magnet) {
+ joint.V(magnet).removeClass('dnd-source-feedback');
+ }
+ }
+ }
+ if (dragDescriptor.target && dragDescriptor.target.view) {
+ joint.V(dragDescriptor.target.view.el).removeClass('dnd-target-feedback');
+ if (dragDescriptor.target.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.target.view, dragDescriptor.target.cssClassSelector);
+ if (magnet) {
+ joint.V(magnet).removeClass('dnd-target-feedback');
+ }
+ }
+ }
+ }
+ };
+ /**
+ * Sets the new DnD info object - the descriptor for DnD
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ EditorComponent.prototype.setDragDescriptor = function (dragDescriptor) {
+ if (this.highlighted === dragDescriptor) {
+ return;
+ }
+ if (this.highlighted && dragDescriptor && _.isEqual(this.highlighted.sourceComponent, dragDescriptor.sourceComponent)) {
+ if (this.highlighted.source === dragDescriptor.source && this.highlighted.target === dragDescriptor.target) {
+ return;
+ }
+ if (this.highlighted.source &&
+ dragDescriptor.source &&
+ this.highlighted.target &&
+ dragDescriptor.target &&
+ this.highlighted.source.view.model === dragDescriptor.source.view.model &&
+ this.highlighted.source.cssClassSelector === dragDescriptor.source.cssClassSelector &&
+ this.highlighted.target.view.model === dragDescriptor.target.view.model &&
+ this.highlighted.target.cssClassSelector === dragDescriptor.target.cssClassSelector) {
+ return;
+ }
+ }
+ if (this.highlighted) {
+ this.hideDragFeedback(this.highlighted);
+ }
+ this.highlighted = dragDescriptor;
+ if (this.highlighted) {
+ this.showDragFeedback(this.highlighted);
+ }
+ };
+ /**
+ * Handles DnD events when a node is being dragged over canvas
+ *
+ * @param draggedView The Joint JS view object being dragged
+ * @param targetUnderMouse The Joint JS view under mouse cursor
+ * @param x X coordinate of the mouse on the canvas
+ * @param y Y coordinate of the mosue on the canvas
+ * @param context DnD context (palette or canvas)
+ */
+ EditorComponent.prototype.handleNodeDragging = function (draggedView, targetUnderMouse, x, y, sourceComponent) {
+ if (this.editor && this.editor.calculateDragDescriptor) {
+ this.setDragDescriptor(this.editor.calculateDragDescriptor(this.editorContext, draggedView, targetUnderMouse, joint.g.point(x, y), sourceComponent));
+ }
+ };
+ /**
+ * Handles DnD drop event when a node is being dragged and dropped on the main canvas
+ */
+ EditorComponent.prototype.handleNodeDropping = function () {
+ if (this.highlighted && this.editor && this.editor.handleNodeDropping) {
+ this.editor.handleNodeDropping(this.editorContext, this.highlighted);
+ }
+ this.setDragDescriptor(undefined);
+ };
+ /**
+ * Hides DOM Node (used to determine drop target DOM element)
+ * @param domNode DOM node to hide
+ * @returns
+ */
+ EditorComponent.prototype._hideNode = function (domNode) {
+ var oldVisibility = {
+ visibility: domNode.style ? domNode.style.display : undefined,
+ children: []
+ };
+ for (var i = 0; i < domNode.children.length; i++) {
+ var node = domNode.children.item(i);
+ if (node instanceof HTMLElement) {
+ oldVisibility.children.push(this._hideNode(node));
+ }
+ }
+ domNode.style.display = 'none';
+ return oldVisibility;
+ };
+ /**
+ * Restored DOM node original visibility (used to determine drop target DOM element)
+ * @param domNode DOM node to restore visibility of
+ * @param oldVisibility original visibility parameter
+ */
+ EditorComponent.prototype._restoreNodeVisibility = function (domNode, oldVisibility) {
+ if (domNode.style) {
+ domNode.style.display = oldVisibility.visibility;
+ }
+ var j = 0;
+ for (var i = 0; i < domNode.childNodes.length; i++) {
+ if (j < oldVisibility.children.length) {
+ var node = domNode.children.item(i);
+ if (node instanceof HTMLElement) {
+ this._restoreNodeVisibility(node, oldVisibility.children[j++]);
+ }
+ }
+ }
+ };
+ /**
+ * Unfortunately we can't just use event.target because often draggable shape on the canvas overlaps the target.
+ * We can easily find the element(s) at location, but only nodes :-( Unclear how to find links at location
+ * (bounding box of a link for testing is bad).
+ * The result of that is that links can only be the drop target when dragging from the palette currently.
+ * When DnDing shapes on the canvas drop target cannot be a link.
+ *
+ * Excluded views enables you to choose to filter some possible answers (useful in the case where elements are stacked
+ * - e.g. Drag-n-Drop)
+ */
+ EditorComponent.prototype.getTargetViewFromEvent = function (event, x, y, excludeViews) {
+ var _this = this;
+ if (excludeViews === void 0) { excludeViews = []; }
+ if (!x && !y) {
+ var l = this.paper.snapToGrid({ x: event.clientX, y: event.clientY });
+ x = l.x;
+ y = l.y;
+ }
+ // TODO: See if next code paragraph is needed. Most likely it's just code executed for nothing
+ // let elements = this.graph.findModelsFromPoint(joint.g.point(x, y));
+ // let underMouse = elements.find(e => !_.isUndefined(excludeViews.find(x => x === this.paper.findViewByModel(e))));
+ // if (underMouse) {
+ // return underMouse;
+ // }
+ var oldVisibility = excludeViews.map(function (_x) { return _this._hideNode(_x.el); });
+ var targetElement = document.elementFromPoint(event.clientX, event.clientY);
+ excludeViews.forEach(function (excluded, i) {
+ _this._restoreNodeVisibility(excluded.el, oldVisibility[i]);
+ });
+ return this.paper.findView($(targetElement));
+ };
+ EditorComponent.prototype.handleDnDFromPalette = function (dndEvent) {
+ switch (dndEvent.type) {
+ case Flo.DnDEventType.DRAG:
+ this.handleDragFromPalette(dndEvent);
+ break;
+ case Flo.DnDEventType.DROP:
+ this.handleDropFromPalette(dndEvent);
+ break;
+ default:
+ break;
+ }
+ };
+ EditorComponent.prototype.handleDragFromPalette = function (dnDEvent) {
+ console.debug('Dragging from palette');
+ if (dnDEvent.view && !this.readOnlyCanvas) {
+ var location_1 = this.paper.snapToGrid({ x: dnDEvent.event.clientX, y: dnDEvent.event.clientY });
+ this.handleNodeDragging(dnDEvent.view, this.getTargetViewFromEvent(dnDEvent.event, location_1.x, location_1.y, [dnDEvent.view]), location_1.x, location_1.y, Constants.PALETTE_CONTEXT);
+ }
+ };
+ EditorComponent.prototype.createNode = function (metadata, props, position) {
+ return Shapes.Factory.createNode({
+ renderer: this.renderer,
+ paper: this.paper,
+ metadata: metadata,
+ props: props,
+ position: position
+ });
+ };
+ EditorComponent.prototype.createLink = function (source, target, metadata, props) {
+ return Shapes.Factory.createLink({
+ renderer: this.renderer,
+ paper: this.paper,
+ source: source,
+ target: target,
+ metadata: metadata,
+ props: props
+ });
+ };
+ EditorComponent.prototype.handleDropFromPalette = function (event) {
+ var cellview = event.view;
+ var evt = event.event;
+ if (this.paper.el === evt.target || $.contains(this.paper.el, evt.target)) {
+ if (this.readOnlyCanvas) {
+ this.setDragDescriptor(undefined);
+ }
+ else {
+ var metadata = cellview.model.attr('metadata');
+ var props = cellview.model.attr('props');
+ var position = this.paper.snapToGrid({ x: evt.clientX, y: evt.clientY });
+ /* Calculate target element before creating the new
+ * element under mouse location. Otherwise target
+ * element would be the newly created element because
+ * it's under the mouse pointer
+ */
+ var targetElement = this.getTargetViewFromEvent(evt, position.x, position.y, [event.view]);
+ var newNode = this.createNode(metadata, props, position);
+ var newView = this.paper.findViewByModel(newNode);
+ this.handleNodeDragging(newView, targetElement, position.x, position.y, Constants.PALETTE_CONTEXT);
+ this.handleNodeDropping();
+ }
+ }
+ };
+ EditorComponent.prototype.fitToContent = function (gridWidth, gridHeight, padding, opt) {
+ var paper = this.paper;
+ if (joint.util.isObject(gridWidth)) {
+ // first parameter is an option object
+ opt = gridWidth;
+ gridWidth = opt.gridWidth || 1;
+ gridHeight = opt.gridHeight || 1;
+ padding = opt.padding || 0;
+ }
+ else {
+ opt = opt || {};
+ gridWidth = gridWidth || 1;
+ gridHeight = gridHeight || 1;
+ padding = padding || 0;
+ }
+ var paddingJson = joint.util.normalizeSides(padding);
+ // Calculate the paper size to accomodate all the graph's elements.
+ var bbox = joint.V(paper.viewport).getBBox();
+ var currentScale = paper.scale();
+ var currentTranslate = paper.translate();
+ bbox.x *= currentScale.sx;
+ bbox.y *= currentScale.sy;
+ bbox.width *= currentScale.sx;
+ bbox.height *= currentScale.sy;
+ var calcWidth = Math.max((bbox.width + bbox.x) / gridWidth, 1) * gridWidth;
+ var calcHeight = Math.max((bbox.height + bbox.y) / gridHeight, 1) * gridHeight;
+ var tx = 0;
+ var ty = 0;
+ if ((opt.allowNewOrigin === 'negative' && bbox.x < 0) || (opt.allowNewOrigin === 'positive' && bbox.x >= 0) || opt.allowNewOrigin === 'any') {
+ tx = (-bbox.x / gridWidth) * gridWidth;
+ tx += paddingJson.left;
+ }
+ else if (opt.allowNewOrigin === 'same') {
+ tx = currentTranslate.tx;
+ }
+ calcWidth += tx;
+ if ((opt.allowNewOrigin === 'negative' && bbox.y < 0) || (opt.allowNewOrigin === 'positive' && bbox.y >= 0) || opt.allowNewOrigin === 'any') {
+ ty = (-bbox.y / gridHeight) * gridHeight;
+ ty += paddingJson.top;
+ }
+ else if (opt.allowNewOrigin === 'same') {
+ ty = currentTranslate.ty;
+ }
+ calcHeight += ty;
+ calcWidth += paddingJson.right;
+ calcHeight += paddingJson.bottom;
+ // Make sure the resulting width and height are greater than minimum.
+ calcWidth = Math.max(calcWidth, opt.minWidth || 0);
+ calcHeight = Math.max(calcHeight, opt.minHeight || 0);
+ // Make sure the resulting width and height are lesser than maximum.
+ calcWidth = Math.min(calcWidth, opt.maxWidth || Number.MAX_VALUE);
+ calcHeight = Math.min(calcHeight, opt.maxHeight || Number.MAX_VALUE);
+ var dimensionChange = calcWidth !== paper.options.width || calcHeight !== paper.options.height;
+ var originChange = tx !== currentTranslate.tx || ty !== currentTranslate.ty;
+ // Change the dimensions only if there is a size discrepency or an origin change
+ if (originChange) {
+ paper.translate(tx, ty);
+ }
+ if (dimensionChange) {
+ paper.setDimensions(calcWidth, calcHeight);
+ }
+ };
+ EditorComponent.prototype.autosizePaper = function () {
+ var parent = $('#paper-container', this.element.nativeElement);
+ var parentWidth = parent.innerWidth();
+ var parentHeight = parent.innerHeight();
+ this.fitToContent(this.gridSize, this.gridSize, this.paperPadding, {
+ minWidth: parentWidth - SCROLLBAR_SIZE,
+ minHeight: parentHeight - SCROLLBAR_SIZE,
+ allowNewOrigin: 'same'
+ });
+ };
+ EditorComponent.prototype.fitToPage = function () {
+ var parent = $('#paper-container', this.element.nativeElement);
+ var minScale = this.minZoom / 100;
+ var maxScale = 2;
+ var parentWidth = parent.innerWidth();
+ var parentHeight = parent.innerHeight();
+ this.paper.scaleContentToFit({
+ padding: this.paperPadding,
+ minScaleX: minScale,
+ minScaleY: minScale,
+ maxScaleX: maxScale,
+ maxScaleY: maxScale,
+ fittingBBox: { x: 0, y: 0, width: parentWidth - SCROLLBAR_SIZE, height: parentHeight - SCROLLBAR_SIZE }
+ });
+ /**
+ * Size the canvas appropriately and allow origin movement
+ */
+ this.fitToContent(this.gridSize, this.gridSize, this.paperPadding, {
+ minWidth: parentWidth,
+ minHeight: parentHeight,
+ maxWidth: parentWidth,
+ maxHeight: parentHeight,
+ allowNewOrigin: 'any'
+ });
+ };
+ Object.defineProperty(EditorComponent.prototype, "zoomPercent", {
+ get: function () {
+ return Math.round(joint.V(this.paper.viewport).scale().sx * 100);
+ },
+ set: function (percent) {
+ if (!isNaN(percent)) {
+ if (percent < this.minZoom) {
+ percent = this.minZoom;
+ }
+ else if (percent >= this.maxZoom) {
+ percent = this.maxZoom;
+ }
+ else {
+ if (percent <= 0) {
+ percent = 0.00001;
+ }
+ }
+ this.paper.scale(percent / 100, percent / 100);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(EditorComponent.prototype, "gridSize", {
+ get: function () {
+ return this._gridSize;
+ },
+ set: function (size) {
+ if (!isNaN(size) && size >= 1) {
+ this._gridSize = size;
+ if (this.paper) {
+ this.paper.setGridSize(size);
+ }
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ EditorComponent.prototype.validateContent = function () {
+ var _this = this;
+ return new Promise(function (resolve) {
+ if (_this.editor && _this.editor.validate) {
+ return _this.editor
+ .validate(_this.graph, _this.dsl, _this.editorContext)
+ .then(function (allMarkers) {
+ _this.graph.getCells()
+ .forEach(function (cell) { return _this.markElement(cell, allMarkers.has(cell.id) ? allMarkers.get(cell.id) : []); });
+ _this.validationMarkers.emit(allMarkers);
+ _this.contentValidated.emit(true);
+ resolve();
+ });
+ }
+ else {
+ resolve();
+ }
+ });
+ };
+ EditorComponent.prototype.markElement = function (cell, markers) {
+ var errorMessages = markers.map(function (m) { return m.message; });
+ var errorCell = cell.getEmbeddedCells().find(function (e) { return e.attr('./kind') === Constants.ERROR_DECORATION_KIND; });
+ if (errorCell) {
+ if (errorMessages.length === 0) {
+ errorCell.remove();
+ }
+ else {
+ // Without rewrite we merge this list with existing errors
+ errorCell.attr('messages', errorMessages, { rewrite: true });
+ }
+ }
+ else if (errorMessages.length > 0) {
+ var error = Shapes.Factory.createDecoration({
+ renderer: this.renderer,
+ paper: this.paper,
+ parent: cell,
+ kind: Constants.ERROR_DECORATION_KIND,
+ messages: errorMessages
+ });
+ var pt = void 0;
+ var view = this.paper.findViewByModel(error);
+ if (cell instanceof joint.dia.Element) {
+ pt = cell.getBBox().topRight().offset(-error.get('size').width, 0);
+ error.set('position', pt);
+ view.setInteractivity(false);
+ }
+ else {
+ // TODO: do something for the link perhaps?
+ }
+ }
+ };
+ EditorComponent.prototype.doLayout = function () {
+ if (this.renderer && this.renderer.layout) {
+ return this.renderer.layout(this.paper);
+ }
+ };
+ Object.defineProperty(EditorComponent.prototype, "dsl", {
+ get: function () {
+ return this._dslText;
+ },
+ set: function (dslText) {
+ if (this._dslText !== dslText) {
+ this._dslText = dslText;
+ this.textToGraphEventEmitter.emit();
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ * Ask the server to parse the supplied text into a JSON graph of nodes and links,
+ * then update the view based on that new information.
+ */
+ EditorComponent.prototype.updateGraphRepresentation = function () {
+ var _this = this;
+ console.debug("Updating graph to represent '" + this._dslText + "'");
+ if (this.metamodel && this.metamodel.textToGraph) {
+ return this.metamodel.textToGraph(this.editorContext, this._dslText).then(function () {
+ _this.textToGraphConversionCompleted.next();
+ return _this.validateContent();
+ });
+ }
+ else {
+ this.textToGraphConversionCompleted.next();
+ return this.validateContent();
+ }
+ };
+ EditorComponent.prototype.updateTextRepresentation = function () {
+ var _this = this;
+ if (this.metamodel && this.metamodel.graphToText) {
+ return this.metamodel.graphToText(this.editorContext).then(function (text) {
+ if (_this._dslText !== text) {
+ _this._dslText = text;
+ _this.dslChange.emit(text);
+ }
+ _this.graphToTextConversionCompleted.next();
+ return _this.validateContent();
+ })
+ .catch(function (error) {
+ // Validation may reveal why the graph couldn't be
+ // converted so let it run
+ _this.graphToTextConversionCompleted.next();
+ return _this.validateContent();
+ });
+ }
+ else {
+ this.graphToTextConversionCompleted.next();
+ return this.validateContent();
+ }
+ };
+ EditorComponent.prototype.initMetamodel = function () {
+ var _this = this;
+ this.metamodel.load().then(function (data) {
+ _this.updateGraphRepresentation();
+ var textSyncSubscription = _this.graphToTextEventEmitter.pipe(debounceTime(100)).subscribe(function () {
+ if (_this._graphToTextSyncEnabled) {
+ _this.updateTextRepresentation();
+ }
+ });
+ _this._disposables.add(Disposable.create(function () { return textSyncSubscription.unsubscribe(); }));
+ // Setup content validated event emitter. Emit not validated when graph to text conversion required
+ var graphValidatedSubscription1 = _this.graphToTextEventEmitter.subscribe(function () { return _this.contentValidated.emit(false); });
+ _this._disposables.add(Disposable.create(function () { return graphValidatedSubscription1.unsubscribe; }));
+ // let validationSubscription = this.validationEventEmitter.pipe(debounceTime(100)).subscribe(() => this.validateGraph());
+ // this._disposables.add(Disposable.create(() => validationSubscription.unsubscribe()));
+ var graphSyncSubscription = _this.textToGraphEventEmitter.pipe(debounceTime(300)).subscribe(function () { return _this.updateGraphRepresentation(); });
+ _this._disposables.add(Disposable.create(function () { return graphSyncSubscription.unsubscribe(); }));
+ // Setup content validated event emitter. Emit not validated when text to graph conversion required
+ var graphValidatedSubscription2 = _this.textToGraphEventEmitter.subscribe(function () { return _this.contentValidated.emit(false); });
+ _this._disposables.add(Disposable.create(function () { return graphValidatedSubscription2.unsubscribe; }));
+ if (_this.editor && _this.editor.setDefaultContent) {
+ _this.editor.setDefaultContent(_this.editorContext, data);
+ }
+ });
+ };
+ EditorComponent.prototype.initGraph = function () {
+ this.graph = new joint.dia.Graph();
+ this.graph.set('type', Constants.CANVAS_CONTEXT);
+ this.graph.set('paperPadding', this.paperPadding);
+ };
+ EditorComponent.prototype.handleNodeCreation = function (node) {
+ var _this = this;
+ node.on('change:size', this._resizeHandler);
+ node.on('change:position', this._resizeHandler);
+ if (node.attr('metadata')) {
+ node.on('change:attrs', function (cell, attrs, changeData) {
+ var propertyPath = changeData ? changeData.propertyPath : undefined;
+ if (propertyPath) {
+ var propAttr = propertyPath.substr(propertyPath.indexOf('/') + 1);
+ if (propAttr.indexOf('metadata') === 0 ||
+ propAttr.indexOf('props') === 0 ||
+ (_this.renderer && _this.renderer.isSemanticProperty && _this.renderer.isSemanticProperty(propAttr, node))) {
+ _this.performGraphToTextSyncing();
+ }
+ if (_this.renderer && _this.renderer.refreshVisuals) {
+ _this.renderer.refreshVisuals(node, propAttr, _this.paper);
+ }
+ }
+ });
+ }
+ };
+ /**
+ * Forwards a link event occurrence to any handlers in the editor service, if they are defined. Event examples
+ * are 'change:source', 'change:target'.
+ */
+ EditorComponent.prototype.handleLinkEvent = function (event, link) {
+ if (this.renderer && this.renderer.handleLinkEvent) {
+ this.renderer.handleLinkEvent(this.editorContext, event, link);
+ }
+ };
+ EditorComponent.prototype.handleLinkCreation = function (link) {
+ var _this = this;
+ this.handleLinkEvent('add', link);
+ link.on('change:source', function (l) {
+ _this.autosizePaper();
+ var newSourceId = l.get('source').id;
+ var oldSourceId = l.previous('source').id;
+ if (newSourceId !== oldSourceId) {
+ _this.performGraphToTextSyncing();
+ }
+ _this.handleLinkEvent('change:source', l);
+ });
+ link.on('change:target', function (l) {
+ _this.autosizePaper();
+ var newTargetId = l.get('target').id;
+ var oldTargetId = l.previous('target').id;
+ if (newTargetId !== oldTargetId) {
+ _this.performGraphToTextSyncing();
+ }
+ _this.handleLinkEvent('change:target', l);
+ });
+ link.on('change:vertices', this._resizeHandler);
+ link.on('change:attrs', function (cell, attrs, changeData) {
+ var propertyPath = changeData ? changeData.propertyPath : undefined;
+ if (propertyPath) {
+ var propAttr = propertyPath.substr(propertyPath.indexOf('/') + 1);
+ if (propAttr.indexOf('metadata') === 0 ||
+ propAttr.indexOf('props') === 0 ||
+ (_this.renderer && _this.renderer.isSemanticProperty && _this.renderer.isSemanticProperty(propAttr, link))) {
+ var sourceId = link.get('source').id;
+ var targetId = link.get('target').id;
+ _this.performGraphToTextSyncing();
+ }
+ if (_this.renderer && _this.renderer.refreshVisuals) {
+ _this.renderer.refreshVisuals(link, propAttr, _this.paper);
+ }
+ }
+ });
+ this.paper.findViewByModel(link).on('link:options', function () { return _this.handleLinkEvent('options', link); });
+ if (this.readOnlyCanvas) {
+ link.attr('.link-tools/display', 'none');
+ }
+ };
+ EditorComponent.prototype.initGraphListeners = function () {
+ var _this = this;
+ this.graph.on('add', function (element) {
+ if (element instanceof joint.dia.Link) {
+ _this.handleLinkCreation(element);
+ }
+ else if (element instanceof joint.dia.Element) {
+ _this.handleNodeCreation(element);
+ }
+ if (element.get('type') === joint.shapes.flo.NODE_TYPE || element.get('type') === joint.shapes.flo.LINK_TYPE) {
+ _this.performGraphToTextSyncing();
+ }
+ _this.autosizePaper();
+ });
+ this.graph.on('remove', function (element) {
+ if (element instanceof joint.dia.Link) {
+ _this.handleLinkEvent('remove', element);
+ }
+ if (_this.selection && _this.selection.model === element) {
+ _this.selection = undefined;
+ }
+ if (element.isLink()) {
+ window.setTimeout(function () { return _this.performGraphToTextSyncing(); }, 100);
+ }
+ else if (element.get('type') === joint.shapes.flo.NODE_TYPE) {
+ _this.performGraphToTextSyncing();
+ }
+ _this.autosizePaper();
+ });
+ // Set if link is fan-routed. Should be called before routing call
+ this.graph.on('change:vertices', function (link, changed, opt) {
+ if (opt.fanRouted) {
+ link.set('fanRouted', true);
+ }
+ else {
+ link.unset('fanRouted');
+ }
+ });
+ // adjust vertices when a cell is removed or its source/target was changed
+ this.graph.on('add remove change:source change:target change:vertices change:position', _.partial(Utils.fanRoute, this.graph));
+ };
+ EditorComponent.prototype.initPaperListeners = function () {
+ var _this = this;
+ // https://stackoverflow.com/questions/20463533/how-to-add-an-onclick-event-to-a-joint-js-element
+ this.paper.on('cell:pointerclick', function (cellView) {
+ if (!_this.readOnlyCanvas) {
+ _this.selection = cellView;
+ }
+ });
+ this.paper.on('blank:pointerclick', function () {
+ _this.selection = undefined;
+ });
+ this.paper.on('scale', this._resizeHandler);
+ this.paper.on('all', function () {
+ if (Utils.isCustomPaperEvent(arguments)) {
+ arguments[2].trigger.apply(arguments[2], [arguments[0], arguments[1], arguments[3], arguments[4]]);
+ }
+ });
+ this.paper.on('dragging-node-over-canvas', function (dndEvent) {
+ console.debug("Canvas DnD type = " + dndEvent.type);
+ var location = _this.paper.snapToGrid({ x: dndEvent.event.clientX, y: dndEvent.event.clientY });
+ switch (dndEvent.type) {
+ case Flo.DnDEventType.DRAG:
+ _this.handleNodeDragging(dndEvent.view, _this.getTargetViewFromEvent(dndEvent.event, location.x, location.y, [dndEvent.view]), location.x, location.y, Constants.CANVAS_CONTEXT);
+ break;
+ case Flo.DnDEventType.DROP:
+ _this.handleNodeDropping();
+ break;
+ default:
+ break;
+ }
+ });
+ // JointJS now no longer grabs focus if working in a paper element - crude...
+ $('#flow-view', this.element.nativeElement).on('mousedown', function () {
+ $('#palette-filter-textfield', _this.element.nativeElement).focus();
+ });
+ };
+ EditorComponent.prototype.initPaper = function () {
+ var _this = this;
+ var options = {
+ el: $('#paper', this.element.nativeElement),
+ gridSize: this._gridSize,
+ drawGrid: true,
+ model: this.graph,
+ elementView: this.renderer && this.renderer.getNodeView ? this.renderer.getNodeView() : joint.shapes.flo.ElementView /*joint.dia.ElementView*/,
+ linkView: this.renderer && this.renderer.getLinkView ? this.renderer.getLinkView() : joint.shapes.flo.LinkView,
+ // Enable link snapping within 25px lookup radius
+ snapLinks: { radius: 25 },
+ defaultLink: /*this.renderer && this.renderer.createDefaultLink ? this.renderer.createDefaultLink: new joint.shapes.flo.Link*/ function (cellView, magnet) {
+ if (_this.renderer && _this.renderer.createLink) {
+ var linkEnd = {
+ id: cellView.model.id
+ };
+ if (magnet) {
+ linkEnd.selector = cellView.getSelector(magnet, undefined);
+ }
+ if (magnet.getAttribute('port')) {
+ linkEnd.port = magnet.getAttribute('port');
+ }
+ if (magnet.getAttribute('port') === 'input') {
+ return _this.renderer.createLink(undefined, linkEnd);
+ }
+ else {
+ return _this.renderer.createLink(linkEnd, undefined);
+ }
+ }
+ else {
+ return new joint.shapes.flo.Link();
+ }
+ },
+ // decide whether to create a link if the user clicks a magnet
+ validateMagnet: function (cellView, magnet) {
+ if (_this.readOnlyCanvas) {
+ return false;
+ }
+ else {
+ if (_this.editor && _this.editor.validatePort) {
+ return _this.editor.validatePort(_this.editorContext, cellView, magnet);
+ }
+ else {
+ return true;
+ }
+ }
+ },
+ interactive: function (cellView, event) {
+ if (_this.readOnlyCanvas) {
+ return false;
+ }
+ else {
+ if (_this.editor && _this.editor.interactive) {
+ if (typeof _this.editor.interactive === 'function') {
+ // Type for interactive is wrong in JointJS have to cast to
+ return _this.editor.interactive(cellView, event);
+ }
+ else {
+ return _this.editor.interactive;
+ }
+ }
+ return true;
+ }
+ },
+ highlighting: this.editor && this.editor.highlighting ? this.editor.highlighting : {
+ 'default': {
+ name: 'addClass',
+ options: {
+ className: 'highlighted'
+ }
+ }
+ },
+ markAvailable: true
+ };
+ if (this.renderer && this.renderer.getLinkAnchorPoint) {
+ options.linkConnectionPoint = this.renderer.getLinkAnchorPoint;
+ }
+ if (this.editor && this.editor.validateLink) {
+ var self_1 = this;
+ options.validateConnection = function (cellViewS, magnetS, cellViewT, magnetT, end, linkView) {
+ return self_1.editor.validateLink(_this.editorContext, cellViewS, magnetS, cellViewT, magnetT, end === 'source', linkView);
+ };
+ }
+ // The paper is what will represent the graph on the screen
+ this.paper = new joint.dia.Paper(options);
+ this._disposables.add(Disposable.create(function () { return _this.paper.remove(); }));
+ };
+ EditorComponent.prototype.updatePaletteReadyState = function (ready) {
+ this.paletteReady.next(ready);
+ };
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+ ], EditorComponent.prototype, "metamodel", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+ ], EditorComponent.prototype, "renderer", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+ ], EditorComponent.prototype, "editor", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Number)
+ ], EditorComponent.prototype, "paletteSize", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+ ], EditorComponent.prototype, "minZoom", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+ ], EditorComponent.prototype, "maxZoom", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+ ], EditorComponent.prototype, "zoomStep", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+ ], EditorComponent.prototype, "paperPadding", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], EditorComponent.prototype, "floApi", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], EditorComponent.prototype, "validationMarkers", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], EditorComponent.prototype, "contentValidated", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], EditorComponent.prototype, "dslChange", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", String),
+ tslib_1.__metadata("design:paramtypes", [String])
+ ], EditorComponent.prototype, "dsl", null);
+ EditorComponent = tslib_1.__decorate([
+ Component({
+ selector: 'flo-editor',
+ template: "\n node wrapping all diagram elements in the paper */\n .joint-viewport {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n .joint-paper > svg,\n .joint-paper-background,\n .joint-paper-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n\n /*\n 1. IE can't handle paths without the `d` attribute for bounding box calculation\n 2. IE can't even handle 'd' attribute as a css selector (e.g path[d]) so the following rule will\n break the links rendering.\n\n path:not([d]) {\n display: none;\n }\n\n */\n\n\n /* magnet is an element that can be either source or a target of a link */\n [magnet=true]:not(.joint-element) {\n cursor: crosshair;\n }\n [magnet=true]:not(.joint-element):hover {\n opacity: .7;\n }\n\n /*\n\n Elements have CSS classes named by their types. E.g. type: basic.Rect has a CSS class \"element basic Rect\".\n This makes it possible to easilly style elements in CSS and have generic CSS rules applying to\n the whole group of elements. Each plugin can provide its own stylesheet.\n\n */\n\n .joint-element {\n /* Give the user a hint that he can drag&drop the element. */\n cursor: move;\n }\n\n .joint-element * {\n user-drag: none;\n }\n\n .joint-element .scalable * {\n /* The default behavior when scaling an element is not to scale the stroke in order to prevent the ugly effect of stroke with different proportions. */\n vector-effect: non-scaling-stroke;\n }\n /*\n\n connection-wrap is a element of the joint.dia.Link that follows the .connection of that link.\n In other words, the `d` attribute of the .connection-wrap contains the same data as the `d` attribute of the\n .connection . The advantage of using .connection-wrap is to be able to catch pointer events\n in the neighborhood of the .connection . This is especially handy if the .connection is\n very thin.\n\n */\n\n .marker-source,\n .marker-target {\n /* This makes the arrowheads point to the border of objects even though the transform: scale() is applied on them. */\n vector-effect: non-scaling-stroke;\n }\n\n /* Paper */\n .joint-paper {\n position: relative;\n }\n /* Paper */\n\n /* Highlighting */\n .joint-highlight-opacity {\n opacity: 0.3;\n }\n /* Highlighting */\n\n /*\n\n Vertex markers are `` elements that appear at connection vertex positions.\n\n */\n\n .joint-link .connection-wrap,\n .joint-link .connection {\n fill: none;\n }\n\n /* element wrapping .marker-vertex-group. */\n .marker-vertices {\n opacity: 0;\n cursor: move;\n }\n .marker-arrowheads {\n opacity: 0;\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n /* display: none; */ /* setting `display: none` on .marker-arrowheads effectivelly switches of links reconnecting */\n }\n .link-tools {\n opacity: 0;\n cursor: pointer;\n }\n .link-tools .tool-options {\n display: none; /* by default, we don't display link options tool */\n }\n .joint-link:hover .marker-vertices,\n .joint-link:hover .marker-arrowheads,\n .joint-link:hover .link-tools {\n opacity: 1;\n }\n\n /* element used to remove a vertex */\n .marker-vertex-remove {\n cursor: pointer;\n opacity: .1;\n }\n\n .marker-vertex-group:hover .marker-vertex-remove {\n opacity: 1;\n }\n\n .marker-vertex-remove-area {\n opacity: .1;\n cursor: pointer;\n }\n .marker-vertex-group:hover .marker-vertex-remove-area {\n opacity: 1;\n }\n\n /*\n Example of custom changes (in pure CSS only!):\n\n Do not show marker vertices at all: .marker-vertices { display: none; }\n Do not allow adding new vertices: .connection-wrap { pointer-events: none; }\n */\n\n /* foreignObject inside the elements (i.e joint.shapes.basic.TextBlock) */\n .joint-element .fobj {\n overflow: hidden;\n }\n .joint-element .fobj body {\n background-color: transparent;\n margin: 0px;\n position: static;\n }\n .joint-element .fobj div {\n text-align: center;\n vertical-align: middle;\n display: table-cell;\n padding: 0px 5px 0px 5px;\n }\n\n /* Paper */\n .joint-paper.joint-theme-dark {\n background-color: #18191b;\n }\n /* Paper */\n\n /* Links */\n .joint-link.joint-theme-dark .connection-wrap {\n stroke: #8F8FF3;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-dark .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-dark .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-dark .link-tools .tool-remove circle {\n fill: #F33636;\n }\n .joint-link.joint-theme-dark .link-tools .tool-remove path {\n fill: white;\n }\n .joint-link.joint-theme-dark .link-tools [event=\"link:options\"] circle {\n fill: green;\n }\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-dark .marker-vertex {\n fill: #5652DB;\n }\n .joint-link.joint-theme-dark .marker-vertex:hover {\n fill: #8E8CE1;\n stroke: none;\n }\n .joint-link.joint-theme-dark .marker-arrowhead {\n fill: #5652DB;\n }\n .joint-link.joint-theme-dark .marker-arrowhead:hover {\n fill: #8E8CE1;\n stroke: none;\n }\n /* element used to remove a vertex */\n .joint-link.joint-theme-dark .marker-vertex-remove-area {\n fill: green;\n stroke: darkgreen;\n }\n .joint-link.joint-theme-dark .marker-vertex-remove {\n fill: white;\n stroke: white;\n }\n /* Links */\n /* Paper */\n .joint-paper.joint-theme-default {\n background-color: #FFFFFF;\n }\n /* Paper */\n\n /* Links */\n .joint-link.joint-theme-default .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-default .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-default .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-default .link-tools .tool-remove circle {\n fill: #FF0000;\n }\n .joint-link.joint-theme-default .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-default .marker-vertex {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-default .marker-vertex:hover {\n fill: #34495E;\n stroke: none;\n }\n\n .joint-link.joint-theme-default .marker-arrowhead {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-default .marker-arrowhead:hover {\n fill: #F39C12;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-default .marker-vertex-remove {\n fill: #FFFFFF;\n }\n /* Links */\n\n @font-face {\n font-family: 'lato-light';\n src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');\n font-weight: normal;\n font-style: normal;\n }\n\n /* Links */\n .joint-link.joint-theme-material .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-material .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-material .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-material .link-tools .tool-remove circle {\n fill: #C64242;\n }\n .joint-link.joint-theme-material .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-material .marker-vertex {\n fill: #d0d8e8;\n }\n .joint-link.joint-theme-material .marker-vertex:hover {\n fill: #5fa9ee;\n stroke: none;\n }\n\n .joint-link.joint-theme-material .marker-arrowhead {\n fill: #d0d8e8;\n }\n .joint-link.joint-theme-material .marker-arrowhead:hover {\n fill: #5fa9ee;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-material .marker-vertex-remove-area {\n fill: #5fa9ee;\n }\n .joint-link.joint-theme-material .marker-vertex-remove {\n fill: white;\n }\n /* Links */\n\n /* Links */\n .joint-link.joint-theme-modern .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-modern .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-modern .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-modern .link-tools .tool-remove circle {\n fill: #FF0000;\n }\n .joint-link.joint-theme-modern .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-modern .marker-vertex {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-modern .marker-vertex:hover {\n fill: #34495E;\n stroke: none;\n }\n\n .joint-link.joint-theme-modern .marker-arrowhead {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-modern .marker-arrowhead:hover {\n fill: #F39C12;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-modern .marker-vertex-remove {\n fill: white;\n }\n /* Links */\n flo-view {\n width:100%;\n height:100%;\n margin: 0;\n background-color: #eeeeee;\n font-family: \"Varela Round\",sans-serif;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n }\n\n .canvas {\n border: 1px solid;\n border-color: #6db33f;\n border-radius: 2px;\n margin-top: 3px;\n }\n\n /* Canvas contains the palette on the left and the paper on the right */\n\n .paper {\n padding: 0px;\n background-color: #ffffff;\n /* \theight: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n *//* \tmargin-left: 400px; */\n }\n\n #sidebar-resizer {\n background-color: #34302d;\n position: absolute;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: e-resize;\n }\n\n #palette-container {\n background-color: #EEE;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n overflow: auto;\n }\n\n #paper-container {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n overflow: auto;\n color: #FFF;\n background-color: #FFF;\n }\n\n /* Tooltip START */\n\n .node-tooltip .tooltip-description {\n margin-top: 5px;\n margin-left: 0px;\n margin-bottom: 5px;\n }\n\n .node-tooltip {\n display:none;\n position:absolute;\n border:1px solid #333;\n background-color:#34302d;/*#161616;*/\n border-radius:5px;\n padding:5px;\n color:#fff;\n /*\tfont-size:12px Arial;*/\n font-family: \"Varela Round\",sans-serif;\n font-size: 19px;\n z-index: 100;\n }\n\n .tooltip-title-type {\n font-size: 24px;\n font-weight: bold;\n }\n\n .tooltip-title-group {\n padding-left: 5px;\n font-size: 20px;\n font-style: italic;\n }\n\n .node-tooltip-option-name {\n font-family: monospace;/*\"Varela Round\",sans-serif;*/\n font-size: 17px;\n font-weight: bold;\n padding-right: 20px;\n\n }\n\n .node-tooltip-option-description {\n font-family: \"Varela Round\",sans-serif;\n font-size: 18px;\n }\n\n /* Tooltip END */\n\n\n /* Validation Error Marker on Canvas START */\n\n .error-tooltip p {\n margin-top: 5px;\n margin-left: 0px;\n margin-bottom: 5px;\n color:#fff;\n }\n .error-tooltip {\n display:none;\n position:absolute;\n border:1px solid #333;\n background-color:red;/*#161616;*/\n border-radius:5px;\n padding:5px;\n color:#fff;\n /*\tfont-size:12px Arial;*/\n font-family: \"Varela Round\",sans-serif;\n font-size: 20px;\n z-index: 100;\n }\n\n /* Validation Error Marker on Canvas END */\n\n /* Controls on Canvas START */\n\n .canvas-controls-container {\n position: absolute;\n right: 15px;\n top: 5px;\n }\n\n .canvas-control {\n background: transparent;\n font-family: \"Varela Round\",sans-serif;\n font-size: 11px;\n vertical-align: middle;\n margin: 0px;\n }\n\n .zoom-canvas-control {\n border: 0px;\n padding: 0px;\n margin: 0px;\n outline: none;\n }\n\n .zoom-canvas-input {\n text-align: right;\n font-weight:bold;\n color: black;\n background-color: transparent;\n }\n\n .zoom-canvas-label {\n padding-right: 4px;\n color: black;\n }\n\n /* Controls on Canvas END */\n\n\n\n\n /* START - FLO CANVAS STYLES - override joint js styles */\n\n .highlighted {\n outline: none;\n }\n\n .joint-element.highlighted rect {\n stroke: #34302d;\n stroke-width: 3;\n }\n\n .joint-type-handle {\n cursor: pointer;\n }\n\n .available-magnet {\n stroke-width: 3;\n }\n\n .link {\n fill: none;\n stroke: #ccc;\n stroke-width: 1.5px;\n }\n\n .link-tools .tool-options {\n display: none; /* by default, we don't display link options tool */\n }\n\n /* Make transparent the circle around the link-tools (cog) icon. It'll allow shape to have a circle clicking area */\n .link-tools .tool-options circle {\n fill: transparent;\n stroke: transparent;\n }\n\n .link-tools .tool-options path {\n fill: black;\n stroke: black;\n }\n\n .link-tools .tool-remove circle {\n fill: red;\n stroke: red;\n }\n\n .link-tools .tool-remove path {\n fill: white;\n stroke: white;\n }\n\n .link-tools-container {\n stroke-width: 0;\n fill: transparent;\n }\n\n /* END - FLO CANVAS STYLES */\n "],
+ encapsulation: ViewEncapsulation.None
+ }),
+ tslib_1.__metadata("design:paramtypes", [ElementRef])
+ ], EditorComponent);
+ return EditorComponent;
+}());
+export { EditorComponent };
+//# sourceMappingURL=editor.component.js.map
\ No newline at end of file
diff --git a/dist/esm5/index.js b/dist/esm5/index.js
new file mode 100644
index 0000000..e50ba34
--- /dev/null
+++ b/dist/esm5/index.js
@@ -0,0 +1,12 @@
+export { FloModule } from './module';
+export { Palette } from './palette/palette.component';
+export { EditorComponent } from './editor/editor.component';
+export { DslEditorComponent } from './dsl-editor/dsl-editor.component';
+export { CodeEditorComponent } from './code-editor/code-editor.component';
+export { PropertiesGroupComponent } from './properties/properties.group.component';
+export { DynamicFormPropertyComponent } from './properties/df.property.component';
+export { ResizerDirective } from './directives/resizer';
+export * from './shared/flo-common';
+export * from './shared/flo-properties';
+export * from './shared/shapes';
+//# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/dist/esm5/module.js b/dist/esm5/module.js
new file mode 100644
index 0000000..bb89c48
--- /dev/null
+++ b/dist/esm5/module.js
@@ -0,0 +1,42 @@
+import * as tslib_1 from "tslib";
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { Palette } from './palette/palette.component';
+import { EditorComponent } from './editor/editor.component';
+import { ResizerDirective } from './directives/resizer';
+import { DslEditorComponent } from './dsl-editor/dsl-editor.component';
+import { CodeEditorComponent } from './code-editor/code-editor.component';
+import { PropertiesGroupComponent } from './properties/properties.group.component';
+import { DynamicFormPropertyComponent } from './properties/df.property.component';
+var FloModule = /** @class */ (function () {
+ function FloModule() {
+ }
+ FloModule = tslib_1.__decorate([
+ NgModule({
+ imports: [
+ FormsModule,
+ CommonModule,
+ ReactiveFormsModule
+ ],
+ declarations: [
+ Palette,
+ EditorComponent,
+ ResizerDirective,
+ DslEditorComponent,
+ CodeEditorComponent,
+ PropertiesGroupComponent,
+ DynamicFormPropertyComponent
+ ],
+ exports: [
+ EditorComponent,
+ DslEditorComponent,
+ DynamicFormPropertyComponent,
+ PropertiesGroupComponent
+ ]
+ })
+ ], FloModule);
+ return FloModule;
+}());
+export { FloModule };
+//# sourceMappingURL=module.js.map
\ No newline at end of file
diff --git a/dist/esm5/palette/palette.component.js b/dist/esm5/palette/palette.component.js
new file mode 100644
index 0000000..9862077
--- /dev/null
+++ b/dist/esm5/palette/palette.component.js
@@ -0,0 +1,460 @@
+import * as tslib_1 from "tslib";
+import { Component, ElementRef, Input, Output, EventEmitter, Inject, ViewEncapsulation } from '@angular/core';
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+import { dia } from 'jointjs';
+import { Flo } from '../shared/flo-common';
+import { Shapes, Constants } from '../shared/shapes';
+import { DOCUMENT } from '@angular/platform-browser';
+import * as _$ from 'jquery';
+var joint = Flo.joint;
+var $ = _$;
+var DEBOUNCE_TIME = 300;
+joint.shapes.flo.PaletteGroupHeader = joint.shapes.basic.Generic.extend({
+ // The path is the open/close arrow, defaults to vertical (open)
+ markup: '', {
+ id: 'palette-floater'
+ }).appendTo($('body'));
+ var floatergraph = new joint.dia.Graph();
+ floatergraph.set('type', Constants.FEEDBACK_CONTEXT);
+ var parent_1 = $('#palette-floater');
+ this.floaterpaper = new joint.dia.Paper({
+ el: $('#palette-floater'),
+ elementView: this.renderer && this.renderer.getNodeView ? this.renderer.getNodeView() : joint.dia.ElementView,
+ gridSize: 10,
+ model: floatergraph,
+ height: parent_1.height(),
+ width: parent_1.width(),
+ validateMagnet: function () { return false; },
+ validateConnection: function () { return false; }
+ });
+ // TODO float thing needs to be bigger otherwise icon label is missing
+ // Initiative drag and drop - create draggable element
+ var floaternode = Shapes.Factory.createNode({
+ 'renderer': this.renderer,
+ 'paper': this.floaterpaper,
+ 'graph': floatergraph,
+ 'metadata': dataOfClickedElement
+ });
+ // Only node view expected
+ var box = this.floaterpaper.findViewByModel(floaternode).getBBox();
+ var size = floaternode.get('size');
+ // Account for node real size including ports
+ floaternode.translate(box.width - size.width, box.height - size.height);
+ this.viewBeingDragged = this.floaterpaper.findViewByModel(floaternode);
+ $('#palette-floater').offset({ left: event.pageX + 5, top: event.pageY + 5 });
+ }
+ else {
+ $('#palette-floater').offset({ left: event.pageX + 5, top: event.pageY + 5 });
+ this.trigger({
+ type: Flo.DnDEventType.DRAG,
+ view: this.viewBeingDragged,
+ event: event
+ });
+ }
+ }
+ };
+ /*
+ * Modify the rotation of the arrow in the header from horizontal(closed) to vertical(open)
+ */
+ Palette.prototype.rotateOpen = function (element) {
+ var _this = this;
+ setTimeout(function () { return _this.doRotateOpen(element, 90); });
+ };
+ Palette.prototype.doRotateOpen = function (element, angle) {
+ var _this = this;
+ angle -= 10;
+ element.attr({ 'path': { 'transform': 'rotate(-' + angle + ',15,13)' } });
+ if (angle <= 0) {
+ element.set('isOpen', true);
+ this.closedGroups.delete(element.get('header'));
+ this.rebuildPalette();
+ }
+ else {
+ setTimeout(function () { return _this.doRotateOpen(element, angle); }, 10);
+ }
+ };
+ Palette.prototype.doRotateClose = function (element, angle) {
+ var _this = this;
+ angle += 10;
+ element.attr({ 'path': { 'transform': 'rotate(-' + angle + ',15,13)' } });
+ if (angle >= 90) {
+ element.set('isOpen', false);
+ this.closedGroups.add(element.get('header'));
+ this.rebuildPalette();
+ }
+ else {
+ setTimeout(function () { return _this.doRotateClose(element, angle); }, 10);
+ }
+ };
+ // TODO better name for this function as this does the animation *and* updates the palette
+ /*
+ * Modify the rotation of the arrow in the header from vertical(open) to horizontal(closed)
+ */
+ Palette.prototype.rotateClosed = function (element) {
+ var _this = this;
+ setTimeout(function () { return _this.doRotateClose(element, 0); });
+ };
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+ ], Palette.prototype, "metamodel", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+ ], Palette.prototype, "renderer", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+ ], Palette.prototype, "paletteEntryPadding", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], Palette.prototype, "onPaletteEntryDrop", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], Palette.prototype, "paletteReady", void 0);
+ tslib_1.__decorate([
+ Output(),
+ tslib_1.__metadata("design:type", Object)
+ ], Palette.prototype, "paletteFocus", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Number),
+ tslib_1.__metadata("design:paramtypes", [Number])
+ ], Palette.prototype, "paletteSize", null);
+ Palette = tslib_1.__decorate([
+ Component({
+ selector: 'flo-palette',
+ template: "\n
\n
\n
\n ",
+ styles: ["\n /* Joint JS paper for drawing palette -> canvas DnD visual feedback START */\n\n #palette-floater {\n /* TODO size relative to paper that goes on it? */\n opacity: 0.75;\n width:170px;\n height:60px;\n background-color: transparent;\n /*\n background-color: #6db33f;\n */\n float:left;\n position: absolute;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n }\n\n #palette-floater.joint-paper > svg {\n background-color: transparent;\n }\n\n #palette-paper-container {\n overflow-y: auto;\n overflow-x: hidden;\n background-color: white;\n color: white;\n }\n\n /* Joint JS paper for drawing palette -> canvas DnD visual feedback END */\n\n /* Palette START */\n\n .palette-filter {\n border: 3px solid #6db33f;\n }\n\n .palette-filter-textfield {\n width: 100%;\n font-size:24px;\n /* border: 3px solid #6db33f;\n */\tfont-family: \"Varela Round\",sans-serif;\n /* \tpadding: 2px; */\n }\n\n .palette-paper {\n background-color: #eeeeee;\n /*\n border-right: 7px solid;\n */\n border-color: #6db33f;\n /* \twidth: 170px;\n height:100%;\n float: left;\n */\n }\n\n /* Palette END */\n "],
+ encapsulation: ViewEncapsulation.None
+ }),
+ tslib_1.__param(1, Inject(DOCUMENT)),
+ tslib_1.__metadata("design:paramtypes", [ElementRef, Object])
+ ], Palette);
+ return Palette;
+}());
+export { Palette };
+//# sourceMappingURL=palette.component.js.map
\ No newline at end of file
diff --git a/dist/esm5/properties/df.property.component.js b/dist/esm5/properties/df.property.component.js
new file mode 100644
index 0000000..a46b78b
--- /dev/null
+++ b/dist/esm5/properties/df.property.component.js
@@ -0,0 +1,50 @@
+import * as tslib_1 from "tslib";
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { Properties } from '../shared/flo-properties';
+var DynamicFormPropertyComponent = /** @class */ (function () {
+ function DynamicFormPropertyComponent() {
+ }
+ Object.defineProperty(DynamicFormPropertyComponent.prototype, "types", {
+ get: function () {
+ return Properties.InputType;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DynamicFormPropertyComponent.prototype, "control", {
+ get: function () {
+ return this.form.controls[this.model.id];
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DynamicFormPropertyComponent.prototype, "errorData", {
+ get: function () {
+ var _this = this;
+ return (this.model.validation && this.model.validation.errorData ? this.model.validation.errorData : [])
+ .filter(function (e) { return _this.control.errors && _this.control.errors[e.id]; });
+ },
+ enumerable: true,
+ configurable: true
+ });
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Object)
+ ], DynamicFormPropertyComponent.prototype, "model", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", FormGroup)
+ ], DynamicFormPropertyComponent.prototype, "form", void 0);
+ DynamicFormPropertyComponent = tslib_1.__decorate([
+ Component({
+ selector: 'df-property',
+ template: "\n
\n\n \n {{model.name}} \n \n\n \n \n\n \n \n\n \n {{o.name}} \n \n\n \n \n\n
\n \n
{{model.description}}
\n
{{e.message}}
\n
\n\n \n ",
+ encapsulation: ViewEncapsulation.None
+ }),
+ tslib_1.__metadata("design:paramtypes", [])
+ ], DynamicFormPropertyComponent);
+ return DynamicFormPropertyComponent;
+}());
+export { DynamicFormPropertyComponent };
+//# sourceMappingURL=df.property.component.js.map
\ No newline at end of file
diff --git a/dist/esm5/properties/properties.group.component.js b/dist/esm5/properties/properties.group.component.js
new file mode 100644
index 0000000..47b0499
--- /dev/null
+++ b/dist/esm5/properties/properties.group.component.js
@@ -0,0 +1,51 @@
+import * as tslib_1 from "tslib";
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { FormGroup, FormControl } from '@angular/forms';
+import { Properties } from '../shared/flo-properties';
+var PropertiesGroupComponent = /** @class */ (function () {
+ function PropertiesGroupComponent() {
+ }
+ PropertiesGroupComponent.prototype.ngOnInit = function () {
+ var _this = this;
+ if (this.propertiesGroupModel.isLoading) {
+ var subscription_1 = this.propertiesGroupModel.loadedSubject.subscribe(function (loaded) {
+ if (loaded) {
+ subscription_1.unsubscribe();
+ _this.createGroupControls();
+ }
+ });
+ }
+ else {
+ this.createGroupControls();
+ }
+ };
+ PropertiesGroupComponent.prototype.createGroupControls = function () {
+ var _this = this;
+ this.propertiesGroupModel.getControlsModels().forEach(function (c) {
+ if (c.validation) {
+ _this.form.addControl(c.id, new FormControl(c.value || '', c.validation.validator, c.validation.asyncValidator));
+ }
+ else {
+ _this.form.addControl(c.id, new FormControl(c.value || ''));
+ }
+ });
+ };
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", Properties.PropertiesGroupModel)
+ ], PropertiesGroupComponent.prototype, "propertiesGroupModel", void 0);
+ tslib_1.__decorate([
+ Input(),
+ tslib_1.__metadata("design:type", FormGroup)
+ ], PropertiesGroupComponent.prototype, "form", void 0);
+ PropertiesGroupComponent = tslib_1.__decorate([
+ Component({
+ selector: 'properties-group',
+ template: "\n
\n
\n ",
+ encapsulation: ViewEncapsulation.None
+ })
+ ], PropertiesGroupComponent);
+ return PropertiesGroupComponent;
+}());
+export { PropertiesGroupComponent };
+//# sourceMappingURL=properties.group.component.js.map
\ No newline at end of file
diff --git a/dist/esm5/shared/flo-common.js b/dist/esm5/shared/flo-common.js
new file mode 100644
index 0000000..4ae8eb8
--- /dev/null
+++ b/dist/esm5/shared/flo-common.js
@@ -0,0 +1,57 @@
+import * as _joint from 'jointjs';
+import * as _$ from 'jquery';
+var $ = _$;
+export var Flo;
+(function (Flo) {
+ Flo.joint = _joint;
+ var DnDEventType;
+ (function (DnDEventType) {
+ DnDEventType[DnDEventType["DRAG"] = 0] = "DRAG";
+ DnDEventType[DnDEventType["DROP"] = 1] = "DROP";
+ })(DnDEventType = Flo.DnDEventType || (Flo.DnDEventType = {}));
+ var Severity;
+ (function (Severity) {
+ Severity[Severity["Error"] = 0] = "Error";
+ Severity[Severity["Warning"] = 1] = "Warning";
+ })(Severity = Flo.Severity || (Flo.Severity = {}));
+ function findMagnetByClass(view, className) {
+ if (className && className.startsWith('.')) {
+ className = className.substr(1);
+ }
+ var element = view.$('[magnet]').toArray().find(function (magnet) { return magnet.getAttribute('class').split(/\s+/).indexOf(className) >= 0; });
+ if (element) {
+ return view.findMagnet($(element));
+ }
+ }
+ Flo.findMagnetByClass = findMagnetByClass;
+ function findMagnetByPort(view, port) {
+ var element = view.$('[magnet]').toArray().find(function (magnet) { return magnet.getAttribute('port') === port; });
+ if (element) {
+ return view.findMagnet($(element));
+ }
+ }
+ Flo.findMagnetByPort = findMagnetByPort;
+ /**
+ * Return the metadata for a particular palette entry in a particular group.
+ * @param name - name of the palette entry
+ * @param group - group in which the palette entry should exist (e.g. sinks)
+ * @return
+ */
+ function getMetadata(metamodel, name, group) {
+ var groupObj = metamodel && group ? metamodel.get(group) : undefined;
+ if (name && groupObj && groupObj.get(name)) {
+ return metamodel.get(group).get(name);
+ }
+ else {
+ return {
+ name: name,
+ group: group,
+ unresolved: true,
+ get: function (property) { return new Promise(function (resolve) { return resolve(); }); },
+ properties: function () { return Promise.resolve(new Map()); }
+ };
+ }
+ }
+ Flo.getMetadata = getMetadata;
+})(Flo || (Flo = {}));
+//# sourceMappingURL=flo-common.js.map
\ No newline at end of file
diff --git a/dist/esm5/shared/flo-properties.js b/dist/esm5/shared/flo-properties.js
new file mode 100644
index 0000000..6123464
--- /dev/null
+++ b/dist/esm5/shared/flo-properties.js
@@ -0,0 +1,345 @@
+import * as tslib_1 from "tslib";
+import { Subject, Observable } from 'rxjs';
+import { debounceTime, mergeMap } from 'rxjs/operators';
+export var Properties;
+(function (Properties) {
+ var InputType;
+ (function (InputType) {
+ InputType[InputType["TEXT"] = 0] = "TEXT";
+ InputType[InputType["NUMBER"] = 1] = "NUMBER";
+ InputType[InputType["SELECT"] = 2] = "SELECT";
+ InputType[InputType["CHECKBOX"] = 3] = "CHECKBOX";
+ InputType[InputType["PASSWORD"] = 4] = "PASSWORD";
+ InputType[InputType["EMAIL"] = 5] = "EMAIL";
+ InputType[InputType["URL"] = 6] = "URL";
+ InputType[InputType["CODE"] = 7] = "CODE";
+ })(InputType = Properties.InputType || (Properties.InputType = {}));
+ var GenericControlModel = /** @class */ (function () {
+ function GenericControlModel(_property, type, validation) {
+ this._property = _property;
+ this.type = type;
+ this.validation = validation;
+ }
+ Object.defineProperty(GenericControlModel.prototype, "id", {
+ get: function () {
+ return this.property.id;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "name", {
+ get: function () {
+ return this.property.name;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "description", {
+ get: function () {
+ return this.property.description;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "defaultValue", {
+ get: function () {
+ return this.property.defaultValue;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "value", {
+ get: function () {
+ return this.getValue();
+ },
+ set: function (value) {
+ this.setValue(value);
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "property", {
+ get: function () {
+ return this._property;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ GenericControlModel.prototype.setValue = function (value) {
+ this.property.value = value;
+ };
+ GenericControlModel.prototype.getValue = function () {
+ return this.property.value;
+ };
+ return GenericControlModel;
+ }());
+ Properties.GenericControlModel = GenericControlModel;
+ var CheckBoxControlModel = /** @class */ (function (_super) {
+ tslib_1.__extends(CheckBoxControlModel, _super);
+ function CheckBoxControlModel(_property, validation) {
+ return _super.call(this, _property, InputType.CHECKBOX, validation) || this;
+ }
+ CheckBoxControlModel.prototype.getValue = function () {
+ var res = _super.prototype.getValue.call(this);
+ var type = typeof res;
+ switch (type) {
+ case 'boolean':
+ return res;
+ case 'string':
+ switch (res.trim().toLowerCase()) {
+ case 'true':
+ case '1':
+ return true;
+ case 'false':
+ case '0':
+ return false;
+ default:
+ return this.property.defaultValue;
+ }
+ case 'number':
+ var num = res;
+ if (num === 0) {
+ return false;
+ }
+ else if (num === 1) {
+ return true;
+ }
+ else {
+ return this.property.defaultValue;
+ }
+ }
+ return this.property.defaultValue;
+ };
+ return CheckBoxControlModel;
+ }(GenericControlModel));
+ Properties.CheckBoxControlModel = CheckBoxControlModel;
+ var AbstractCodeControlModel = /** @class */ (function (_super) {
+ tslib_1.__extends(AbstractCodeControlModel, _super);
+ function AbstractCodeControlModel(_property, encode, decode, validation) {
+ var _this = _super.call(this, _property, InputType.CODE, validation) || this;
+ _this.encode = encode;
+ _this.decode = decode;
+ return _this;
+ }
+ Object.defineProperty(AbstractCodeControlModel.prototype, "value", {
+ get: function () {
+ var dsl = _super.prototype.getValue.call(this);
+ if (dsl && this.decode) {
+ return this.decode(dsl);
+ }
+ else {
+ return dsl;
+ }
+ },
+ set: function (value) {
+ if (value && this.encode) {
+ _super.prototype.setValue.call(this, this.encode(value));
+ }
+ else {
+ _super.prototype.setValue.call(this, value);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return AbstractCodeControlModel;
+ }(GenericControlModel));
+ Properties.AbstractCodeControlModel = AbstractCodeControlModel;
+ var GenericCodeControlModel = /** @class */ (function (_super) {
+ tslib_1.__extends(GenericCodeControlModel, _super);
+ function GenericCodeControlModel(_property, language, encode, decode, validation) {
+ var _this = _super.call(this, _property, encode, decode, validation) || this;
+ _this.language = language;
+ return _this;
+ }
+ return GenericCodeControlModel;
+ }(AbstractCodeControlModel));
+ Properties.GenericCodeControlModel = GenericCodeControlModel;
+ var CodeControlModelWithDynamicLanguageProperty = /** @class */ (function (_super) {
+ tslib_1.__extends(CodeControlModelWithDynamicLanguageProperty, _super);
+ function CodeControlModelWithDynamicLanguageProperty(_property, _languagePropertyName, _groupModel, encode, decode, validation) {
+ var _this = _super.call(this, _property, encode, decode, validation) || this;
+ _this._languagePropertyName = _languagePropertyName;
+ _this._groupModel = _groupModel;
+ return _this;
+ }
+ Object.defineProperty(CodeControlModelWithDynamicLanguageProperty.prototype, "language", {
+ get: function () {
+ var value = this.languageControlModel.value;
+ return value ? value : this.languageControlModel.defaultValue;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(CodeControlModelWithDynamicLanguageProperty.prototype, "languageControlModel", {
+ get: function () {
+ var _this = this;
+ if (!this._langControlModel) {
+ // Cast to Properties.ControlModel
from Properties.ControlModel | undefined
+ // Should not be undefined!
+ this._langControlModel = this._groupModel.getControlsModels().find(function (c) { return c.id === _this._languagePropertyName; });
+ }
+ return this._langControlModel;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return CodeControlModelWithDynamicLanguageProperty;
+ }(AbstractCodeControlModel));
+ Properties.CodeControlModelWithDynamicLanguageProperty = CodeControlModelWithDynamicLanguageProperty;
+ var GenericListControlModel = /** @class */ (function (_super) {
+ tslib_1.__extends(GenericListControlModel, _super);
+ function GenericListControlModel(property, validation) {
+ return _super.call(this, property, InputType.TEXT, validation) || this;
+ }
+ Object.defineProperty(GenericListControlModel.prototype, "value", {
+ get: function () {
+ return this.property.value ? this.property.value.join(', ') : '';
+ },
+ set: function (value) {
+ this.property.value = value && value.trim() ? value.split(/\s*,\s*/) : undefined;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return GenericListControlModel;
+ }(GenericControlModel));
+ Properties.GenericListControlModel = GenericListControlModel;
+ var SelectControlModel = /** @class */ (function (_super) {
+ tslib_1.__extends(SelectControlModel, _super);
+ function SelectControlModel(_property, type, options) {
+ var _this = _super.call(this, _property, type) || this;
+ _this.options = options;
+ if (_property.defaultValue === undefined) {
+ options.unshift({
+ name: 'SELECT',
+ value: _property.defaultValue
+ });
+ }
+ return _this;
+ }
+ return SelectControlModel;
+ }(GenericControlModel));
+ Properties.SelectControlModel = SelectControlModel;
+ var DefaultCellPropertiesSource = /** @class */ (function () {
+ function DefaultCellPropertiesSource(cell) {
+ this.cell = cell;
+ }
+ DefaultCellPropertiesSource.prototype.getProperties = function () {
+ var _this = this;
+ var metadata = this.cell.attr('metadata');
+ return Promise.resolve(metadata.properties().then(function (propsMetadata) { return Array.from(propsMetadata.values()).map(function (m) { return _this.createProperty(m); }); }));
+ };
+ DefaultCellPropertiesSource.prototype.createProperty = function (metadata) {
+ return {
+ id: metadata.id,
+ name: metadata.name,
+ type: metadata.type,
+ defaultValue: metadata.defaultValue,
+ attr: "props/" + metadata.name,
+ value: this.cell.attr("props/" + metadata.name),
+ description: metadata.description,
+ valueOptions: metadata.options
+ };
+ };
+ DefaultCellPropertiesSource.prototype.applyChanges = function (properties) {
+ var _this = this;
+ this.cell.trigger('batch:start', { batchName: 'update properties' });
+ properties.forEach(function (property) {
+ if ((typeof property.value === 'boolean' && !property.defaultValue && !property.value) ||
+ (property.value === property.defaultValue || property.value === '' || property.value === undefined || property.value === null)) {
+ var currentValue = _this.cell.attr(property.attr);
+ if (currentValue !== undefined && currentValue !== null) {
+ // Remove attr doesn't fire appropriate event. Set default value first as a workaround to schedule DSL resync
+ _this.cell.attr(property.attr, property.defaultValue === undefined ? null : property.defaultValue);
+ _this.cell.removeAttr(property.attr);
+ }
+ }
+ else {
+ _this.cell.attr(property.attr, property.value);
+ }
+ });
+ this.cell.trigger('batch:stop', { batchName: 'update properties' });
+ };
+ return DefaultCellPropertiesSource;
+ }());
+ Properties.DefaultCellPropertiesSource = DefaultCellPropertiesSource;
+ var PropertiesGroupModel = /** @class */ (function () {
+ function PropertiesGroupModel(propertiesSource) {
+ this.loading = true;
+ this.propertiesSource = propertiesSource;
+ }
+ PropertiesGroupModel.prototype.load = function () {
+ var _this = this;
+ this.loading = true;
+ this._loadedSubject = new Subject();
+ this.propertiesSource.getProperties().then(function (properties) {
+ _this.controlModels = properties.map(function (p) { return _this.createControlModel(p); });
+ _this.loading = false;
+ _this._loadedSubject.next(true);
+ _this._loadedSubject.complete();
+ });
+ };
+ Object.defineProperty(PropertiesGroupModel.prototype, "isLoading", {
+ get: function () {
+ return this.loading;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(PropertiesGroupModel.prototype, "loadedSubject", {
+ get: function () {
+ return this._loadedSubject;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ PropertiesGroupModel.prototype.getControlsModels = function () {
+ return this.controlModels;
+ };
+ PropertiesGroupModel.prototype.createControlModel = function (property) {
+ return new GenericControlModel(property, InputType.TEXT);
+ };
+ PropertiesGroupModel.prototype.applyChanges = function () {
+ if (this.loading) {
+ return;
+ }
+ var properties = this.controlModels.map(function (cm) { return cm.property; });
+ this.propertiesSource.applyChanges(properties);
+ };
+ return PropertiesGroupModel;
+ }());
+ Properties.PropertiesGroupModel = PropertiesGroupModel;
+ var Validators;
+ (function (Validators) {
+ function uniqueResource(service, debounce) {
+ return function (control) {
+ return new Observable(function (obs) {
+ if (control.valueChanges && control.value) {
+ control.valueChanges
+ .pipe(debounceTime(debounce), mergeMap(function (value) { return service(value); }))
+ .subscribe(function () {
+ obs.next({ uniqueResource: true });
+ obs.complete();
+ }, function () {
+ obs.next(undefined);
+ obs.complete();
+ });
+ }
+ else {
+ obs.next(undefined);
+ obs.complete();
+ }
+ });
+ };
+ }
+ Validators.uniqueResource = uniqueResource;
+ function noneOf(excluded) {
+ return function (control) {
+ return excluded.find(function (e) { return e === control.value; }) ? { 'noneOf': { value: control.value } } : {};
+ };
+ }
+ Validators.noneOf = noneOf;
+ })(Validators = Properties.Validators || (Properties.Validators = {}));
+})(Properties || (Properties = {}));
+//# sourceMappingURL=flo-properties.js.map
\ No newline at end of file
diff --git a/dist/esm5/shared/shapes.js b/dist/esm5/shared/shapes.js
new file mode 100644
index 0000000..e563eda
--- /dev/null
+++ b/dist/esm5/shared/shapes.js
@@ -0,0 +1,497 @@
+import { Flo } from './flo-common';
+import * as _ from 'lodash';
+import * as _$ from 'jquery';
+var joint = Flo.joint;
+var $ = _$;
+var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+var isFF = navigator.userAgent.indexOf('Firefox') > 0;
+var IMAGE_W = 120;
+var IMAGE_H = 35;
+var ERROR_MARKER_SIZE = { width: 16, height: 16 };
+var HANDLE_SIZE = { width: 10, height: 10 };
+joint.shapes.flo = {};
+joint.shapes.flo.NODE_TYPE = 'sinspctr.IntNode';
+joint.shapes.flo.LINK_TYPE = 'sinspctr.Link';
+joint.shapes.flo.DECORATION_TYPE = 'decoration';
+joint.shapes.flo.HANDLE_TYPE = 'handle';
+var HANDLE_ICON_MAP = new Map();
+var REMOVE = 'remove';
+HANDLE_ICON_MAP.set(REMOVE, 'icons/delete.svg');
+var DECORATION_ICON_MAP = new Map();
+var ERROR = 'error';
+DECORATION_ICON_MAP.set(ERROR, 'icons/error.svg');
+joint.util.cloneDeep = function (obj) {
+ return _.cloneDeepWith(obj, function (o) {
+ if (_.isObject(o) && !_.isPlainObject(o)) {
+ return o;
+ }
+ });
+};
+joint.util.filter.redscale = function (args) {
+ var amount = Number.isFinite(args.amount) ? args.amount : 1;
+ return _.template('', {
+ id: 'palette-floater'
+ }).appendTo($$2('body'));
+ let floatergraph = new joint$1.dia.Graph();
+ floatergraph.set('type', Constants.FEEDBACK_CONTEXT);
+ const parent = $$2('#palette-floater');
+ this.floaterpaper = new joint$1.dia.Paper({
+ el: $$2('#palette-floater'),
+ elementView: this.renderer && this.renderer.getNodeView ? this.renderer.getNodeView() : joint$1.dia.ElementView,
+ gridSize: 10,
+ model: floatergraph,
+ height: parent.height(),
+ width: parent.width(),
+ validateMagnet: () => false,
+ validateConnection: () => false
+ });
+ // TODO float thing needs to be bigger otherwise icon label is missing
+ // Initiative drag and drop - create draggable element
+ let floaternode = Shapes.Factory.createNode({
+ 'renderer': this.renderer,
+ 'paper': this.floaterpaper,
+ 'graph': floatergraph,
+ 'metadata': dataOfClickedElement
+ });
+ // Only node view expected
+ let box = this.floaterpaper.findViewByModel(floaternode).getBBox();
+ let size = floaternode.get('size');
+ // Account for node real size including ports
+ floaternode.translate(box.width - size.width, box.height - size.height);
+ this.viewBeingDragged = this.floaterpaper.findViewByModel(floaternode);
+ $$2('#palette-floater').offset({ left: event.pageX + 5, top: event.pageY + 5 });
+ }
+ else {
+ $$2('#palette-floater').offset({ left: event.pageX + 5, top: event.pageY + 5 });
+ this.trigger({
+ type: Flo.DnDEventType.DRAG,
+ view: this.viewBeingDragged,
+ event: event
+ });
+ }
+ }
+ }
+ /*
+ * Modify the rotation of the arrow in the header from horizontal(closed) to vertical(open)
+ */
+ rotateOpen(element) {
+ setTimeout(() => this.doRotateOpen(element, 90));
+ }
+ doRotateOpen(element, angle) {
+ angle -= 10;
+ element.attr({ 'path': { 'transform': 'rotate(-' + angle + ',15,13)' } });
+ if (angle <= 0) {
+ element.set('isOpen', true);
+ this.closedGroups.delete(element.get('header'));
+ this.rebuildPalette();
+ }
+ else {
+ setTimeout(() => this.doRotateOpen(element, angle), 10);
+ }
+ }
+ doRotateClose(element, angle) {
+ angle += 10;
+ element.attr({ 'path': { 'transform': 'rotate(-' + angle + ',15,13)' } });
+ if (angle >= 90) {
+ element.set('isOpen', false);
+ this.closedGroups.add(element.get('header'));
+ this.rebuildPalette();
+ }
+ else {
+ setTimeout(() => this.doRotateClose(element, angle), 10);
+ }
+ }
+ // TODO better name for this function as this does the animation *and* updates the palette
+ /*
+ * Modify the rotation of the arrow in the header from vertical(open) to horizontal(closed)
+ */
+ rotateClosed(element) {
+ setTimeout(() => this.doRotateClose(element, 0));
+ }
+};
+__decorate([
+ Input(),
+ __metadata("design:type", Object)
+], Palette.prototype, "metamodel", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", Object)
+], Palette.prototype, "renderer", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", Object)
+], Palette.prototype, "paletteEntryPadding", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], Palette.prototype, "onPaletteEntryDrop", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], Palette.prototype, "paletteReady", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], Palette.prototype, "paletteFocus", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", Number),
+ __metadata("design:paramtypes", [Number])
+], Palette.prototype, "paletteSize", null);
+Palette = __decorate([
+ Component({
+ selector: 'flo-palette',
+ template: `
+
+
+
+ `,
+ styles: [`
+ /* Joint JS paper for drawing palette -> canvas DnD visual feedback START */
+
+ #palette-floater {
+ /* TODO size relative to paper that goes on it? */
+ opacity: 0.75;
+ width:170px;
+ height:60px;
+ background-color: transparent;
+ /*
+ background-color: #6db33f;
+ */
+ float:left;
+ position: absolute;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ }
+
+ #palette-floater.joint-paper > svg {
+ background-color: transparent;
+ }
+
+ #palette-paper-container {
+ overflow-y: auto;
+ overflow-x: hidden;
+ background-color: white;
+ color: white;
+ }
+
+ /* Joint JS paper for drawing palette -> canvas DnD visual feedback END */
+
+ /* Palette START */
+
+ .palette-filter {
+ border: 3px solid #6db33f;
+ }
+
+ .palette-filter-textfield {
+ width: 100%;
+ font-size:24px;
+ /* border: 3px solid #6db33f;
+ */ font-family: "Varela Round",sans-serif;
+ /* padding: 2px; */
+ }
+
+ .palette-paper {
+ background-color: #eeeeee;
+ /*
+ border-right: 7px solid;
+ */
+ border-color: #6db33f;
+ /* width: 170px;
+ height:100%;
+ float: left;
+ */
+ }
+
+ /* Palette END */
+ `],
+ encapsulation: ViewEncapsulation.None
+ }),
+ __param(1, Inject(DOCUMENT)),
+ __metadata("design:paramtypes", [ElementRef, Object])
+], Palette);
+
+const joint$2 = Flo.joint;
+const $$3 = _$;
+class Utils {
+ static fanRoute(graph, cell) {
+ if (cell instanceof joint$2.dia.Element) {
+ const links = graph.getConnectedLinks(cell);
+ const groupsOfOverlappingLinks = groupBy(links, (link) => {
+ // the key of the group is the model id of the link's source or target, but not our cell id.
+ const sourceId = link.get('source').id;
+ const targetId = link.get('target').id;
+ return cell.id !== sourceId ? sourceId : targetId;
+ });
+ each(groupsOfOverlappingLinks, (group, key) => {
+ // If the member of the group has both source and target model adjust vertices.
+ let toRoute = {};
+ if (key !== undefined) {
+ group.forEach((link) => {
+ if (link.get('source').id === cell.get('id') && link.get('target').id) {
+ toRoute[link.get('target').id] = link;
+ }
+ else if (link.get('target').id === cell.get('id') && link.get('source').id) {
+ toRoute[link.get('source').id] = link;
+ }
+ });
+ Object.keys(toRoute).forEach(k => {
+ Utils.fanRoute(graph, toRoute[k]);
+ });
+ }
+ });
+ }
+ else if (cell instanceof joint$2.dia.Link) {
+ // The cell is a link. Let's find its source and target models.
+ let srcId = cell.get('source').id || cell.previous('source').id;
+ let trgId = cell.get('target').id || cell.previous('target').id;
+ // If one of the ends is not a model, the link has no siblings.
+ if (!srcId || !trgId) {
+ return;
+ }
+ const siblings = graph.getLinks().filter((sibling) => {
+ const _srcId = sibling.get('source').id;
+ const _trgId = sibling.get('target').id;
+ const vertices = sibling.get('vertices');
+ const fanRouted = !vertices || vertices.length === 0 || sibling.get('fanRouted');
+ return ((_srcId === srcId && _trgId === trgId) || (_srcId === trgId && _trgId === srcId)) && fanRouted;
+ });
+ switch (siblings.length) {
+ case 0:
+ // The link was removed and had no siblings.
+ break;
+ case 1:
+ // There is only one link between the source and target. No vertices needed.
+ let vertices = cell.get('vertices');
+ if (vertices && vertices.length && cell.get('fanRouted')) {
+ cell.unset('vertices');
+ }
+ break;
+ default:
+ // There is more than one siblings. We need to create vertices.
+ // First of all we'll find the middle point of the link.
+ let source = graph.getCell(srcId);
+ let target = graph.getCell(trgId);
+ if (!source || !target) {
+ // When clearing the graph it may happen that some nodes are gone and some are left
+ return;
+ }
+ let srcCenter = source.getBBox().center();
+ let trgCenter = target.getBBox().center();
+ let midPoint = joint$2.g.line(srcCenter, trgCenter).midpoint();
+ // Then find the angle it forms.
+ let theta = srcCenter.theta(trgCenter);
+ // This is the maximum distance between links
+ let gap = 20;
+ siblings.forEach((sibling, index) => {
+ // We want the offset values to be calculated as follows 0, 20, 20, 40, 40, 60, 60 ..
+ let offset = gap * Math.ceil(index / 2);
+ // Now we need the vertices to be placed at points which are 'offset' pixels distant
+ // from the first link and forms a perpendicular angle to it. And as index goes up
+ // alternate left and right.
+ //
+ // ^ odd indexes
+ // |
+ // |----> index 0 line (straight line between a source center and a target center.
+ // |
+ // v even indexes
+ let sign = index % 2 ? 1 : -1;
+ let angle = joint$2.g.toRad(theta + sign * 90);
+ // We found the vertex.
+ let vertex = joint$2.g.point.fromPolar(offset, angle, midPoint);
+ sibling.set('fanRouted', true);
+ sibling.set('vertices', [{ x: vertex.x, y: vertex.y }], { 'fanRouted': true });
+ });
+ }
+ }
+ }
+ static isCustomPaperEvent(args) {
+ return args.length === 5 &&
+ isString(args[0]) &&
+ (args[0].indexOf('link:') === 0 || args[0].indexOf('element:') === 0) &&
+ args[1] instanceof $$3.Event &&
+ args[2] instanceof joint$2.dia.CellView &&
+ isNumber(args[3]) &&
+ isNumber(args[4]);
+ }
+}
+
+const joint$3 = Flo.joint;
+const $$4 = _$;
+const SCROLLBAR_SIZE = 17;
+let EditorComponent = class EditorComponent {
+ constructor(element) {
+ this.element = element;
+ /**
+ * Flag specifying whether the Flo-Editor is in read-only mode.
+ */
+ this._readOnlyCanvas = false;
+ /**
+ * Grid size
+ */
+ this._gridSize = 1;
+ this._hiddenPalette = false;
+ this.textToGraphEventEmitter = new EventEmitter();
+ this.graphToTextEventEmitter = new EventEmitter();
+ this._graphToTextSyncEnabled = true;
+ this.validationEventEmitter = new EventEmitter();
+ this._disposables = new CompositeDisposable();
+ this._dslText = '';
+ this.textToGraphConversionCompleted = new Subject();
+ this.graphToTextConversionCompleted = new Subject();
+ this.paletteReady = new BehaviorSubject(false);
+ /**
+ * Min zoom percent value
+ */
+ this.minZoom = 5;
+ /**
+ * Max zoom percent value
+ */
+ this.maxZoom = 400;
+ /**
+ * Zoom percent increment/decrement step
+ */
+ this.zoomStep = 5;
+ this.paperPadding = 0;
+ this.floApi = new EventEmitter();
+ this.validationMarkers = new EventEmitter();
+ this.contentValidated = new EventEmitter();
+ this.dslChange = new EventEmitter();
+ this._resizeHandler = () => this.autosizePaper();
+ let self = this;
+ this.editorContext = new (class DefaultRunnableContext {
+ set zoomPercent(percent) {
+ self.zoomPercent = percent;
+ }
+ get zoomPercent() {
+ return self.zoomPercent;
+ }
+ set noPalette(noPalette) {
+ self.noPalette = noPalette;
+ }
+ get noPalette() {
+ return self.noPalette;
+ }
+ set gridSize(gridSize) {
+ self.gridSize = gridSize;
+ }
+ get gridSize() {
+ return self.gridSize;
+ }
+ set readOnlyCanvas(readOnly) {
+ self.readOnlyCanvas = readOnly;
+ }
+ get readOnlyCanvas() {
+ return self.readOnlyCanvas;
+ }
+ setDsl(dsl) {
+ self.dsl = dsl;
+ }
+ updateGraph() {
+ return self.updateGraphRepresentation();
+ }
+ updateText() {
+ return self.updateTextRepresentation();
+ }
+ performLayout() {
+ return self.doLayout();
+ }
+ clearGraph() {
+ self.selection = undefined;
+ self.graph.clear();
+ if (self.metamodel && self.metamodel.load && self.editor && self.editor.setDefaultContent) {
+ return self.metamodel.load().then(data => {
+ self.editor.setDefaultContent(this, data);
+ if (!self.graphToTextSync) {
+ return self.updateTextRepresentation();
+ }
+ });
+ }
+ else {
+ if (!self.graphToTextSync) {
+ return self.updateTextRepresentation();
+ }
+ }
+ }
+ getGraph() {
+ return self.graph;
+ }
+ getPaper() {
+ return self.paper;
+ }
+ get graphToTextSync() {
+ return self.graphToTextSync;
+ }
+ set graphToTextSync(sync) {
+ self.graphToTextSync = sync;
+ }
+ getMinZoom() {
+ return self.minZoom;
+ }
+ getMaxZoom() {
+ return self.maxZoom;
+ }
+ getZoomStep() {
+ return self.zoomStep;
+ }
+ fitToPage() {
+ self.fitToPage();
+ }
+ createNode(metadata, props, position) {
+ return self.createNode(metadata, props, position);
+ }
+ createLink(source, target, metadata, props) {
+ return self.createLink(source, target, metadata, props);
+ }
+ get selection() {
+ return self.selection;
+ }
+ set selection(newSelection) {
+ self.selection = newSelection;
+ }
+ deleteSelectedNode() {
+ if (self.selection) {
+ if (self.editor && self.editor.preDelete) {
+ self.editor.preDelete(self.editorContext, self.selection.model);
+ }
+ else {
+ if (self.selection.model instanceof joint$3.dia.Element) {
+ self.graph.getConnectedLinks(self.selection.model).forEach((l) => l.remove());
+ }
+ }
+ self.selection.model.remove();
+ self.selection = undefined;
+ }
+ }
+ get textToGraphConversionObservable() {
+ return self.textToGraphConversionCompleted;
+ }
+ get graphToTextConversionObservable() {
+ return self.graphToTextConversionCompleted;
+ }
+ get paletteReady() {
+ return self.paletteReady;
+ }
+ })();
+ }
+ ngOnInit() {
+ this.initGraph();
+ this.initPaper();
+ this.initGraphListeners();
+ this.initPaperListeners();
+ this.initMetamodel();
+ $$4(window).on('resize', this._resizeHandler);
+ this._disposables.add(Disposable.create(() => $$4(window).off('resize', this._resizeHandler)));
+ /*
+ * Execute resize to get the right size for the SVG element on the editor canvas.
+ * Executed via timeout to let angular render the DOM first and elements to have the right width and height
+ */
+ window.setTimeout(this._resizeHandler);
+ this.floApi.emit(this.editorContext);
+ }
+ ngOnDestroy() {
+ this._disposables.dispose();
+ }
+ get noPalette() {
+ return this._hiddenPalette;
+ }
+ set noPalette(hidden) {
+ this._hiddenPalette = hidden;
+ // If palette is not shown ensure that canvas starts from the left==0!
+ if (hidden) {
+ $$4('#paper-container', this.element.nativeElement).css('left', 0);
+ }
+ }
+ get graphToTextSync() {
+ return this._graphToTextSyncEnabled;
+ }
+ set graphToTextSync(sync) {
+ this._graphToTextSyncEnabled = sync;
+ // Try commenting the sync out. Just set the flag but don't kick off graph->text conversion
+ // this.performGraphToTextSyncing();
+ }
+ performGraphToTextSyncing() {
+ if (this._graphToTextSyncEnabled) {
+ this.graphToTextEventEmitter.emit();
+ }
+ }
+ createHandle(element, kind, action, location) {
+ if (!location) {
+ let bbox = element.model.getBBox();
+ location = bbox.origin().offset(bbox.width / 2, bbox.height / 2);
+ }
+ let handle = Shapes.Factory.createHandle({
+ renderer: this.renderer,
+ paper: this.paper,
+ parent: element.model,
+ kind: kind,
+ position: location
+ });
+ const view = this.paper.findViewByModel(handle);
+ view.on('cell:pointerdown', () => {
+ if (action) {
+ action();
+ }
+ });
+ view.on('cell:mouseover', () => {
+ handle.attr('image/filter', {
+ name: 'dropShadow',
+ args: { dx: 1, dy: 1, blur: 1, color: 'black' }
+ });
+ });
+ view.on('cell:mouseout', () => {
+ handle.removeAttr('image/filter');
+ });
+ view.setInteractivity(false);
+ return handle;
+ }
+ removeEmbeddedChildrenOfType(element, types) {
+ let embeds = element.getEmbeddedCells();
+ for (let i = 0; i < embeds.length; i++) {
+ if (types.indexOf(embeds[i].get('type')) >= 0) {
+ embeds[i].remove();
+ }
+ }
+ }
+ get selection() {
+ return this._selection;
+ }
+ set selection(newSelection) {
+ if (newSelection && (newSelection.model.get('type') === joint$3.shapes.flo.DECORATION_TYPE || newSelection.model.get('type') === joint$3.shapes.flo.HANDLE_TYPE)) {
+ newSelection = this.paper.findViewByModel(this.graph.getCell(newSelection.model.get('parent')));
+ }
+ if (newSelection && (!newSelection.model.attr('metadata') || newSelection.model.attr('metadata/metadata/unselectable'))) {
+ newSelection = undefined;
+ }
+ if (newSelection !== this._selection) {
+ if (this._selection) {
+ const elementview = this.paper.findViewByModel(this._selection.model);
+ if (elementview) { // May have been removed from the graph
+ this.removeEmbeddedChildrenOfType(elementview.model, joint$3.shapes.flo.HANDLE_TYPE);
+ elementview.unhighlight();
+ }
+ }
+ if (newSelection) {
+ newSelection.highlight();
+ if (this.editor && this.editor.createHandles) {
+ this.editor.createHandles(this.editorContext, (owner, kind, action, location) => this.createHandle(owner, kind, action, location), newSelection);
+ }
+ }
+ this._selection = newSelection;
+ }
+ }
+ get readOnlyCanvas() {
+ return this._readOnlyCanvas;
+ }
+ set readOnlyCanvas(value) {
+ if (this._readOnlyCanvas === value) {
+ // Nothing to do
+ return;
+ }
+ if (value) {
+ this.selection = undefined;
+ }
+ if (this.graph) {
+ this.graph.getLinks().forEach((link) => {
+ if (value) {
+ link.attr('.link-tools/display', 'none');
+ link.attr('.marker-vertices/display', 'none');
+ link.attr('.connection-wrap/display', 'none');
+ }
+ else {
+ link.removeAttr('.link-tools/display');
+ if (this.editor && this.editor.allowLinkVertexEdit) {
+ link.removeAttr('.marker-vertices/display');
+ }
+ link.removeAttr('.connection-wrap/display');
+ }
+ });
+ }
+ this._readOnlyCanvas = value;
+ }
+ /**
+ * Displays graphical feedback for the drag and drop in progress based on current drag and drop descriptor object
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ showDragFeedback(dragDescriptor) {
+ if (this.editor && this.editor.showDragFeedback) {
+ this.editor.showDragFeedback(this.editorContext, dragDescriptor);
+ }
+ else {
+ let magnet;
+ if (dragDescriptor.source && dragDescriptor.source.view) {
+ joint$3.V(dragDescriptor.source.view.el).addClass('dnd-source-feedback');
+ if (dragDescriptor.source.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.source.view, dragDescriptor.source.cssClassSelector);
+ if (magnet) {
+ joint$3.V(magnet).addClass('dnd-source-feedback');
+ }
+ }
+ }
+ if (dragDescriptor.target && dragDescriptor.target.view) {
+ joint$3.V(dragDescriptor.target.view.el).addClass('dnd-target-feedback');
+ if (dragDescriptor.target.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.target.view, dragDescriptor.target.cssClassSelector);
+ if (magnet) {
+ joint$3.V(magnet).addClass('dnd-target-feedback');
+ }
+ }
+ }
+ }
+ }
+ /**
+ * Hides graphical feedback for the drag and drop in progress based on current drag and drop descriptor object
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ hideDragFeedback(dragDescriptor) {
+ if (this.editor && this.editor.hideDragFeedback) {
+ this.editor.hideDragFeedback(this.editorContext, dragDescriptor);
+ }
+ else {
+ let magnet;
+ if (dragDescriptor.source && dragDescriptor.source.view) {
+ joint$3.V(dragDescriptor.source.view.el).removeClass('dnd-source-feedback');
+ if (dragDescriptor.source.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.source.view, dragDescriptor.source.cssClassSelector);
+ if (magnet) {
+ joint$3.V(magnet).removeClass('dnd-source-feedback');
+ }
+ }
+ }
+ if (dragDescriptor.target && dragDescriptor.target.view) {
+ joint$3.V(dragDescriptor.target.view.el).removeClass('dnd-target-feedback');
+ if (dragDescriptor.target.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.target.view, dragDescriptor.target.cssClassSelector);
+ if (magnet) {
+ joint$3.V(magnet).removeClass('dnd-target-feedback');
+ }
+ }
+ }
+ }
+ }
+ /**
+ * Sets the new DnD info object - the descriptor for DnD
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ setDragDescriptor(dragDescriptor) {
+ if (this.highlighted === dragDescriptor) {
+ return;
+ }
+ if (this.highlighted && dragDescriptor && isEqual(this.highlighted.sourceComponent, dragDescriptor.sourceComponent)) {
+ if (this.highlighted.source === dragDescriptor.source && this.highlighted.target === dragDescriptor.target) {
+ return;
+ }
+ if (this.highlighted.source &&
+ dragDescriptor.source &&
+ this.highlighted.target &&
+ dragDescriptor.target &&
+ this.highlighted.source.view.model === dragDescriptor.source.view.model &&
+ this.highlighted.source.cssClassSelector === dragDescriptor.source.cssClassSelector &&
+ this.highlighted.target.view.model === dragDescriptor.target.view.model &&
+ this.highlighted.target.cssClassSelector === dragDescriptor.target.cssClassSelector) {
+ return;
+ }
+ }
+ if (this.highlighted) {
+ this.hideDragFeedback(this.highlighted);
+ }
+ this.highlighted = dragDescriptor;
+ if (this.highlighted) {
+ this.showDragFeedback(this.highlighted);
+ }
+ }
+ /**
+ * Handles DnD events when a node is being dragged over canvas
+ *
+ * @param draggedView The Joint JS view object being dragged
+ * @param targetUnderMouse The Joint JS view under mouse cursor
+ * @param x X coordinate of the mouse on the canvas
+ * @param y Y coordinate of the mosue on the canvas
+ * @param context DnD context (palette or canvas)
+ */
+ handleNodeDragging(draggedView, targetUnderMouse, x, y, sourceComponent) {
+ if (this.editor && this.editor.calculateDragDescriptor) {
+ this.setDragDescriptor(this.editor.calculateDragDescriptor(this.editorContext, draggedView, targetUnderMouse, joint$3.g.point(x, y), sourceComponent));
+ }
+ }
+ /**
+ * Handles DnD drop event when a node is being dragged and dropped on the main canvas
+ */
+ handleNodeDropping() {
+ if (this.highlighted && this.editor && this.editor.handleNodeDropping) {
+ this.editor.handleNodeDropping(this.editorContext, this.highlighted);
+ }
+ this.setDragDescriptor(undefined);
+ }
+ /**
+ * Hides DOM Node (used to determine drop target DOM element)
+ * @param domNode DOM node to hide
+ * @returns
+ */
+ _hideNode(domNode) {
+ let oldVisibility = {
+ visibility: domNode.style ? domNode.style.display : undefined,
+ children: []
+ };
+ for (let i = 0; i < domNode.children.length; i++) {
+ let node = domNode.children.item(i);
+ if (node instanceof HTMLElement) {
+ oldVisibility.children.push(this._hideNode(node));
+ }
+ }
+ domNode.style.display = 'none';
+ return oldVisibility;
+ }
+ /**
+ * Restored DOM node original visibility (used to determine drop target DOM element)
+ * @param domNode DOM node to restore visibility of
+ * @param oldVisibility original visibility parameter
+ */
+ _restoreNodeVisibility(domNode, oldVisibility) {
+ if (domNode.style) {
+ domNode.style.display = oldVisibility.visibility;
+ }
+ let j = 0;
+ for (let i = 0; i < domNode.childNodes.length; i++) {
+ if (j < oldVisibility.children.length) {
+ let node = domNode.children.item(i);
+ if (node instanceof HTMLElement) {
+ this._restoreNodeVisibility(node, oldVisibility.children[j++]);
+ }
+ }
+ }
+ }
+ /**
+ * Unfortunately we can't just use event.target because often draggable shape on the canvas overlaps the target.
+ * We can easily find the element(s) at location, but only nodes :-( Unclear how to find links at location
+ * (bounding box of a link for testing is bad).
+ * The result of that is that links can only be the drop target when dragging from the palette currently.
+ * When DnDing shapes on the canvas drop target cannot be a link.
+ *
+ * Excluded views enables you to choose to filter some possible answers (useful in the case where elements are stacked
+ * - e.g. Drag-n-Drop)
+ */
+ getTargetViewFromEvent(event, x, y, excludeViews = []) {
+ if (!x && !y) {
+ let l = this.paper.snapToGrid({ x: event.clientX, y: event.clientY });
+ x = l.x;
+ y = l.y;
+ }
+ // TODO: See if next code paragraph is needed. Most likely it's just code executed for nothing
+ // let elements = this.graph.findModelsFromPoint(joint.g.point(x, y));
+ // let underMouse = elements.find(e => !_.isUndefined(excludeViews.find(x => x === this.paper.findViewByModel(e))));
+ // if (underMouse) {
+ // return underMouse;
+ // }
+ let oldVisibility = excludeViews.map(_x => this._hideNode(_x.el));
+ let targetElement = document.elementFromPoint(event.clientX, event.clientY);
+ excludeViews.forEach((excluded, i) => {
+ this._restoreNodeVisibility(excluded.el, oldVisibility[i]);
+ });
+ return this.paper.findView($$4(targetElement));
+ }
+ handleDnDFromPalette(dndEvent) {
+ switch (dndEvent.type) {
+ case Flo.DnDEventType.DRAG:
+ this.handleDragFromPalette(dndEvent);
+ break;
+ case Flo.DnDEventType.DROP:
+ this.handleDropFromPalette(dndEvent);
+ break;
+ default:
+ break;
+ }
+ }
+ handleDragFromPalette(dnDEvent) {
+ console.debug('Dragging from palette');
+ if (dnDEvent.view && !this.readOnlyCanvas) {
+ let location = this.paper.snapToGrid({ x: dnDEvent.event.clientX, y: dnDEvent.event.clientY });
+ this.handleNodeDragging(dnDEvent.view, this.getTargetViewFromEvent(dnDEvent.event, location.x, location.y, [dnDEvent.view]), location.x, location.y, Constants.PALETTE_CONTEXT);
+ }
+ }
+ createNode(metadata, props, position) {
+ return Shapes.Factory.createNode({
+ renderer: this.renderer,
+ paper: this.paper,
+ metadata: metadata,
+ props: props,
+ position: position
+ });
+ }
+ createLink(source, target, metadata, props) {
+ return Shapes.Factory.createLink({
+ renderer: this.renderer,
+ paper: this.paper,
+ source: source,
+ target: target,
+ metadata: metadata,
+ props: props
+ });
+ }
+ handleDropFromPalette(event) {
+ let cellview = event.view;
+ let evt = event.event;
+ if (this.paper.el === evt.target || $$4.contains(this.paper.el, evt.target)) {
+ if (this.readOnlyCanvas) {
+ this.setDragDescriptor(undefined);
+ }
+ else {
+ let metadata = cellview.model.attr('metadata');
+ let props = cellview.model.attr('props');
+ let position = this.paper.snapToGrid({ x: evt.clientX, y: evt.clientY });
+ /* Calculate target element before creating the new
+ * element under mouse location. Otherwise target
+ * element would be the newly created element because
+ * it's under the mouse pointer
+ */
+ let targetElement = this.getTargetViewFromEvent(evt, position.x, position.y, [event.view]);
+ let newNode = this.createNode(metadata, props, position);
+ let newView = this.paper.findViewByModel(newNode);
+ this.handleNodeDragging(newView, targetElement, position.x, position.y, Constants.PALETTE_CONTEXT);
+ this.handleNodeDropping();
+ }
+ }
+ }
+ fitToContent(gridWidth, gridHeight, padding, opt) {
+ const paper = this.paper;
+ if (joint$3.util.isObject(gridWidth)) {
+ // first parameter is an option object
+ opt = gridWidth;
+ gridWidth = opt.gridWidth || 1;
+ gridHeight = opt.gridHeight || 1;
+ padding = opt.padding || 0;
+ }
+ else {
+ opt = opt || {};
+ gridWidth = gridWidth || 1;
+ gridHeight = gridHeight || 1;
+ padding = padding || 0;
+ }
+ const paddingJson = joint$3.util.normalizeSides(padding);
+ // Calculate the paper size to accomodate all the graph's elements.
+ const bbox = joint$3.V(paper.viewport).getBBox();
+ const currentScale = paper.scale();
+ const currentTranslate = paper.translate();
+ bbox.x *= currentScale.sx;
+ bbox.y *= currentScale.sy;
+ bbox.width *= currentScale.sx;
+ bbox.height *= currentScale.sy;
+ let calcWidth = Math.max((bbox.width + bbox.x) / gridWidth, 1) * gridWidth;
+ let calcHeight = Math.max((bbox.height + bbox.y) / gridHeight, 1) * gridHeight;
+ let tx = 0;
+ let ty = 0;
+ if ((opt.allowNewOrigin === 'negative' && bbox.x < 0) || (opt.allowNewOrigin === 'positive' && bbox.x >= 0) || opt.allowNewOrigin === 'any') {
+ tx = (-bbox.x / gridWidth) * gridWidth;
+ tx += paddingJson.left;
+ }
+ else if (opt.allowNewOrigin === 'same') {
+ tx = currentTranslate.tx;
+ }
+ calcWidth += tx;
+ if ((opt.allowNewOrigin === 'negative' && bbox.y < 0) || (opt.allowNewOrigin === 'positive' && bbox.y >= 0) || opt.allowNewOrigin === 'any') {
+ ty = (-bbox.y / gridHeight) * gridHeight;
+ ty += paddingJson.top;
+ }
+ else if (opt.allowNewOrigin === 'same') {
+ ty = currentTranslate.ty;
+ }
+ calcHeight += ty;
+ calcWidth += paddingJson.right;
+ calcHeight += paddingJson.bottom;
+ // Make sure the resulting width and height are greater than minimum.
+ calcWidth = Math.max(calcWidth, opt.minWidth || 0);
+ calcHeight = Math.max(calcHeight, opt.minHeight || 0);
+ // Make sure the resulting width and height are lesser than maximum.
+ calcWidth = Math.min(calcWidth, opt.maxWidth || Number.MAX_VALUE);
+ calcHeight = Math.min(calcHeight, opt.maxHeight || Number.MAX_VALUE);
+ const dimensionChange = calcWidth !== paper.options.width || calcHeight !== paper.options.height;
+ const originChange = tx !== currentTranslate.tx || ty !== currentTranslate.ty;
+ // Change the dimensions only if there is a size discrepency or an origin change
+ if (originChange) {
+ paper.translate(tx, ty);
+ }
+ if (dimensionChange) {
+ paper.setDimensions(calcWidth, calcHeight);
+ }
+ }
+ autosizePaper() {
+ let parent = $$4('#paper-container', this.element.nativeElement);
+ const parentWidth = parent.innerWidth();
+ const parentHeight = parent.innerHeight();
+ this.fitToContent(this.gridSize, this.gridSize, this.paperPadding, {
+ minWidth: parentWidth - SCROLLBAR_SIZE,
+ minHeight: parentHeight - SCROLLBAR_SIZE,
+ allowNewOrigin: 'same'
+ });
+ }
+ fitToPage() {
+ let parent = $$4('#paper-container', this.element.nativeElement);
+ let minScale = this.minZoom / 100;
+ let maxScale = 2;
+ const parentWidth = parent.innerWidth();
+ const parentHeight = parent.innerHeight();
+ this.paper.scaleContentToFit({
+ padding: this.paperPadding,
+ minScaleX: minScale,
+ minScaleY: minScale,
+ maxScaleX: maxScale,
+ maxScaleY: maxScale,
+ fittingBBox: { x: 0, y: 0, width: parentWidth - SCROLLBAR_SIZE, height: parentHeight - SCROLLBAR_SIZE }
+ });
+ /**
+ * Size the canvas appropriately and allow origin movement
+ */
+ this.fitToContent(this.gridSize, this.gridSize, this.paperPadding, {
+ minWidth: parentWidth,
+ minHeight: parentHeight,
+ maxWidth: parentWidth,
+ maxHeight: parentHeight,
+ allowNewOrigin: 'any'
+ });
+ }
+ get zoomPercent() {
+ return Math.round(joint$3.V(this.paper.viewport).scale().sx * 100);
+ }
+ set zoomPercent(percent) {
+ if (!isNaN(percent)) {
+ if (percent < this.minZoom) {
+ percent = this.minZoom;
+ }
+ else if (percent >= this.maxZoom) {
+ percent = this.maxZoom;
+ }
+ else {
+ if (percent <= 0) {
+ percent = 0.00001;
+ }
+ }
+ this.paper.scale(percent / 100, percent / 100);
+ }
+ }
+ get gridSize() {
+ return this._gridSize;
+ }
+ set gridSize(size) {
+ if (!isNaN(size) && size >= 1) {
+ this._gridSize = size;
+ if (this.paper) {
+ this.paper.setGridSize(size);
+ }
+ }
+ }
+ validateContent() {
+ return new Promise(resolve => {
+ if (this.editor && this.editor.validate) {
+ return this.editor
+ .validate(this.graph, this.dsl, this.editorContext)
+ .then(allMarkers => {
+ this.graph.getCells()
+ .forEach((cell) => this.markElement(cell, allMarkers.has(cell.id) ? allMarkers.get(cell.id) : []));
+ this.validationMarkers.emit(allMarkers);
+ this.contentValidated.emit(true);
+ resolve();
+ });
+ }
+ else {
+ resolve();
+ }
+ });
+ }
+ markElement(cell, markers) {
+ let errorMessages = markers.map(m => m.message);
+ let errorCell = cell.getEmbeddedCells().find((e) => e.attr('./kind') === Constants.ERROR_DECORATION_KIND);
+ if (errorCell) {
+ if (errorMessages.length === 0) {
+ errorCell.remove();
+ }
+ else {
+ // Without rewrite we merge this list with existing errors
+ errorCell.attr('messages', errorMessages, { rewrite: true });
+ }
+ }
+ else if (errorMessages.length > 0) {
+ let error = Shapes.Factory.createDecoration({
+ renderer: this.renderer,
+ paper: this.paper,
+ parent: cell,
+ kind: Constants.ERROR_DECORATION_KIND,
+ messages: errorMessages
+ });
+ let pt;
+ const view = this.paper.findViewByModel(error);
+ if (cell instanceof joint$3.dia.Element) {
+ pt = cell.getBBox().topRight().offset(-error.get('size').width, 0);
+ error.set('position', pt);
+ view.setInteractivity(false);
+ }
+ }
+ }
+ doLayout() {
+ if (this.renderer && this.renderer.layout) {
+ return this.renderer.layout(this.paper);
+ }
+ }
+ set dsl(dslText) {
+ if (this._dslText !== dslText) {
+ this._dslText = dslText;
+ this.textToGraphEventEmitter.emit();
+ }
+ }
+ get dsl() {
+ return this._dslText;
+ }
+ /**
+ * Ask the server to parse the supplied text into a JSON graph of nodes and links,
+ * then update the view based on that new information.
+ */
+ updateGraphRepresentation() {
+ console.debug(`Updating graph to represent '${this._dslText}'`);
+ if (this.metamodel && this.metamodel.textToGraph) {
+ return this.metamodel.textToGraph(this.editorContext, this._dslText).then(() => {
+ this.textToGraphConversionCompleted.next();
+ return this.validateContent();
+ });
+ }
+ else {
+ this.textToGraphConversionCompleted.next();
+ return this.validateContent();
+ }
+ }
+ updateTextRepresentation() {
+ if (this.metamodel && this.metamodel.graphToText) {
+ return this.metamodel.graphToText(this.editorContext).then(text => {
+ if (this._dslText !== text) {
+ this._dslText = text;
+ this.dslChange.emit(text);
+ }
+ this.graphToTextConversionCompleted.next();
+ return this.validateContent();
+ })
+ .catch(error => {
+ // Validation may reveal why the graph couldn't be
+ // converted so let it run
+ this.graphToTextConversionCompleted.next();
+ return this.validateContent();
+ });
+ }
+ else {
+ this.graphToTextConversionCompleted.next();
+ return this.validateContent();
+ }
+ }
+ initMetamodel() {
+ this.metamodel.load().then(data => {
+ this.updateGraphRepresentation();
+ let textSyncSubscription = this.graphToTextEventEmitter.pipe(debounceTime(100)).subscribe(() => {
+ if (this._graphToTextSyncEnabled) {
+ this.updateTextRepresentation();
+ }
+ });
+ this._disposables.add(Disposable.create(() => textSyncSubscription.unsubscribe()));
+ // Setup content validated event emitter. Emit not validated when graph to text conversion required
+ let graphValidatedSubscription1 = this.graphToTextEventEmitter.subscribe(() => this.contentValidated.emit(false));
+ this._disposables.add(Disposable.create(() => graphValidatedSubscription1.unsubscribe));
+ // let validationSubscription = this.validationEventEmitter.pipe(debounceTime(100)).subscribe(() => this.validateGraph());
+ // this._disposables.add(Disposable.create(() => validationSubscription.unsubscribe()));
+ let graphSyncSubscription = this.textToGraphEventEmitter.pipe(debounceTime(300)).subscribe(() => this.updateGraphRepresentation());
+ this._disposables.add(Disposable.create(() => graphSyncSubscription.unsubscribe()));
+ // Setup content validated event emitter. Emit not validated when text to graph conversion required
+ let graphValidatedSubscription2 = this.textToGraphEventEmitter.subscribe(() => this.contentValidated.emit(false));
+ this._disposables.add(Disposable.create(() => graphValidatedSubscription2.unsubscribe));
+ if (this.editor && this.editor.setDefaultContent) {
+ this.editor.setDefaultContent(this.editorContext, data);
+ }
+ });
+ }
+ initGraph() {
+ this.graph = new joint$3.dia.Graph();
+ this.graph.set('type', Constants.CANVAS_CONTEXT);
+ this.graph.set('paperPadding', this.paperPadding);
+ }
+ handleNodeCreation(node) {
+ node.on('change:size', this._resizeHandler);
+ node.on('change:position', this._resizeHandler);
+ if (node.attr('metadata')) {
+ node.on('change:attrs', (cell, attrs, changeData) => {
+ let propertyPath = changeData ? changeData.propertyPath : undefined;
+ if (propertyPath) {
+ let propAttr = propertyPath.substr(propertyPath.indexOf('/') + 1);
+ if (propAttr.indexOf('metadata') === 0 ||
+ propAttr.indexOf('props') === 0 ||
+ (this.renderer && this.renderer.isSemanticProperty && this.renderer.isSemanticProperty(propAttr, node))) {
+ this.performGraphToTextSyncing();
+ }
+ if (this.renderer && this.renderer.refreshVisuals) {
+ this.renderer.refreshVisuals(node, propAttr, this.paper);
+ }
+ }
+ });
+ }
+ }
+ /**
+ * Forwards a link event occurrence to any handlers in the editor service, if they are defined. Event examples
+ * are 'change:source', 'change:target'.
+ */
+ handleLinkEvent(event, link) {
+ if (this.renderer && this.renderer.handleLinkEvent) {
+ this.renderer.handleLinkEvent(this.editorContext, event, link);
+ }
+ }
+ handleLinkCreation(link) {
+ this.handleLinkEvent('add', link);
+ link.on('change:source', (l) => {
+ this.autosizePaper();
+ let newSourceId = l.get('source').id;
+ let oldSourceId = l.previous('source').id;
+ if (newSourceId !== oldSourceId) {
+ this.performGraphToTextSyncing();
+ }
+ this.handleLinkEvent('change:source', l);
+ });
+ link.on('change:target', (l) => {
+ this.autosizePaper();
+ let newTargetId = l.get('target').id;
+ let oldTargetId = l.previous('target').id;
+ if (newTargetId !== oldTargetId) {
+ this.performGraphToTextSyncing();
+ }
+ this.handleLinkEvent('change:target', l);
+ });
+ link.on('change:vertices', this._resizeHandler);
+ link.on('change:attrs', (cell, attrs, changeData) => {
+ let propertyPath = changeData ? changeData.propertyPath : undefined;
+ if (propertyPath) {
+ let propAttr = propertyPath.substr(propertyPath.indexOf('/') + 1);
+ if (propAttr.indexOf('metadata') === 0 ||
+ propAttr.indexOf('props') === 0 ||
+ (this.renderer && this.renderer.isSemanticProperty && this.renderer.isSemanticProperty(propAttr, link))) {
+ let sourceId = link.get('source').id;
+ let targetId = link.get('target').id;
+ this.performGraphToTextSyncing();
+ }
+ if (this.renderer && this.renderer.refreshVisuals) {
+ this.renderer.refreshVisuals(link, propAttr, this.paper);
+ }
+ }
+ });
+ this.paper.findViewByModel(link).on('link:options', () => this.handleLinkEvent('options', link));
+ if (this.readOnlyCanvas) {
+ link.attr('.link-tools/display', 'none');
+ }
+ }
+ initGraphListeners() {
+ this.graph.on('add', (element) => {
+ if (element instanceof joint$3.dia.Link) {
+ this.handleLinkCreation(element);
+ }
+ else if (element instanceof joint$3.dia.Element) {
+ this.handleNodeCreation(element);
+ }
+ if (element.get('type') === joint$3.shapes.flo.NODE_TYPE || element.get('type') === joint$3.shapes.flo.LINK_TYPE) {
+ this.performGraphToTextSyncing();
+ }
+ this.autosizePaper();
+ });
+ this.graph.on('remove', (element) => {
+ if (element instanceof joint$3.dia.Link) {
+ this.handleLinkEvent('remove', element);
+ }
+ if (this.selection && this.selection.model === element) {
+ this.selection = undefined;
+ }
+ if (element.isLink()) {
+ window.setTimeout(() => this.performGraphToTextSyncing(), 100);
+ }
+ else if (element.get('type') === joint$3.shapes.flo.NODE_TYPE) {
+ this.performGraphToTextSyncing();
+ }
+ this.autosizePaper();
+ });
+ // Set if link is fan-routed. Should be called before routing call
+ this.graph.on('change:vertices', (link, changed, opt) => {
+ if (opt.fanRouted) {
+ link.set('fanRouted', true);
+ }
+ else {
+ link.unset('fanRouted');
+ }
+ });
+ // adjust vertices when a cell is removed or its source/target was changed
+ this.graph.on('add remove change:source change:target change:vertices change:position', partial(Utils.fanRoute, this.graph));
+ }
+ initPaperListeners() {
+ // https://stackoverflow.com/questions/20463533/how-to-add-an-onclick-event-to-a-joint-js-element
+ this.paper.on('cell:pointerclick', (cellView) => {
+ if (!this.readOnlyCanvas) {
+ this.selection = cellView;
+ }
+ });
+ this.paper.on('blank:pointerclick', () => {
+ this.selection = undefined;
+ });
+ this.paper.on('scale', this._resizeHandler);
+ this.paper.on('all', function () {
+ if (Utils.isCustomPaperEvent(arguments)) {
+ arguments[2].trigger.apply(arguments[2], [arguments[0], arguments[1], arguments[3], arguments[4]]);
+ }
+ });
+ this.paper.on('dragging-node-over-canvas', (dndEvent) => {
+ console.debug(`Canvas DnD type = ${dndEvent.type}`);
+ let location = this.paper.snapToGrid({ x: dndEvent.event.clientX, y: dndEvent.event.clientY });
+ switch (dndEvent.type) {
+ case Flo.DnDEventType.DRAG:
+ this.handleNodeDragging(dndEvent.view, this.getTargetViewFromEvent(dndEvent.event, location.x, location.y, [dndEvent.view]), location.x, location.y, Constants.CANVAS_CONTEXT);
+ break;
+ case Flo.DnDEventType.DROP:
+ this.handleNodeDropping();
+ break;
+ default:
+ break;
+ }
+ });
+ // JointJS now no longer grabs focus if working in a paper element - crude...
+ $$4('#flow-view', this.element.nativeElement).on('mousedown', () => {
+ $$4('#palette-filter-textfield', this.element.nativeElement).focus();
+ });
+ }
+ initPaper() {
+ let options = {
+ el: $$4('#paper', this.element.nativeElement),
+ gridSize: this._gridSize,
+ drawGrid: true,
+ model: this.graph,
+ elementView: this.renderer && this.renderer.getNodeView ? this.renderer.getNodeView() : joint$3.shapes.flo.ElementView /*joint.dia.ElementView*/,
+ linkView: this.renderer && this.renderer.getLinkView ? this.renderer.getLinkView() : joint$3.shapes.flo.LinkView,
+ // Enable link snapping within 25px lookup radius
+ snapLinks: { radius: 25 },
+ defaultLink: /*this.renderer && this.renderer.createDefaultLink ? this.renderer.createDefaultLink: new joint.shapes.flo.Link*/ (cellView, magnet) => {
+ if (this.renderer && this.renderer.createLink) {
+ let linkEnd = {
+ id: cellView.model.id
+ };
+ if (magnet) {
+ linkEnd.selector = cellView.getSelector(magnet, undefined);
+ }
+ if (magnet.getAttribute('port')) {
+ linkEnd.port = magnet.getAttribute('port');
+ }
+ if (magnet.getAttribute('port') === 'input') {
+ return this.renderer.createLink(undefined, linkEnd);
+ }
+ else {
+ return this.renderer.createLink(linkEnd, undefined);
+ }
+ }
+ else {
+ return new joint$3.shapes.flo.Link();
+ }
+ },
+ // decide whether to create a link if the user clicks a magnet
+ validateMagnet: (cellView, magnet) => {
+ if (this.readOnlyCanvas) {
+ return false;
+ }
+ else {
+ if (this.editor && this.editor.validatePort) {
+ return this.editor.validatePort(this.editorContext, cellView, magnet);
+ }
+ else {
+ return true;
+ }
+ }
+ },
+ interactive: (cellView, event) => {
+ if (this.readOnlyCanvas) {
+ return false;
+ }
+ else {
+ if (this.editor && this.editor.interactive) {
+ if (typeof this.editor.interactive === 'function') {
+ // Type for interactive is wrong in JointJS have to cast to
+ return this.editor.interactive(cellView, event);
+ }
+ else {
+ return this.editor.interactive;
+ }
+ }
+ return true;
+ }
+ },
+ highlighting: this.editor && this.editor.highlighting ? this.editor.highlighting : {
+ 'default': {
+ name: 'addClass',
+ options: {
+ className: 'highlighted'
+ }
+ }
+ },
+ markAvailable: true
+ };
+ if (this.renderer && this.renderer.getLinkAnchorPoint) {
+ options.linkConnectionPoint = this.renderer.getLinkAnchorPoint;
+ }
+ if (this.editor && this.editor.validateLink) {
+ const self = this;
+ options.validateConnection = (cellViewS, magnetS, cellViewT, magnetT, end, linkView) => self.editor.validateLink(this.editorContext, cellViewS, magnetS, cellViewT, magnetT, end === 'source', linkView);
+ }
+ // The paper is what will represent the graph on the screen
+ this.paper = new joint$3.dia.Paper(options);
+ this._disposables.add(Disposable.create(() => this.paper.remove()));
+ }
+ updatePaletteReadyState(ready) {
+ this.paletteReady.next(ready);
+ }
+};
+__decorate([
+ Input(),
+ __metadata("design:type", Object)
+], EditorComponent.prototype, "metamodel", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", Object)
+], EditorComponent.prototype, "renderer", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", Object)
+], EditorComponent.prototype, "editor", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", Number)
+], EditorComponent.prototype, "paletteSize", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", Object)
+], EditorComponent.prototype, "minZoom", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", Object)
+], EditorComponent.prototype, "maxZoom", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", Object)
+], EditorComponent.prototype, "zoomStep", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", Object)
+], EditorComponent.prototype, "paperPadding", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], EditorComponent.prototype, "floApi", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], EditorComponent.prototype, "validationMarkers", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], EditorComponent.prototype, "contentValidated", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], EditorComponent.prototype, "dslChange", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+], EditorComponent.prototype, "dsl", null);
+EditorComponent = __decorate([
+ Component({
+ selector: 'flo-editor',
+ template: `
+ node wrapping all diagram elements in the paper */
+ .joint-viewport {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ }
+
+ .joint-paper > svg,
+ .joint-paper-background,
+ .joint-paper-grid {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ }
+
+ /*
+ 1. IE can't handle paths without the \`d\` attribute for bounding box calculation
+ 2. IE can't even handle 'd' attribute as a css selector (e.g path[d]) so the following rule will
+ break the links rendering.
+
+ path:not([d]) {
+ display: none;
+ }
+
+ */
+
+
+ /* magnet is an element that can be either source or a target of a link */
+ [magnet=true]:not(.joint-element) {
+ cursor: crosshair;
+ }
+ [magnet=true]:not(.joint-element):hover {
+ opacity: .7;
+ }
+
+ /*
+
+ Elements have CSS classes named by their types. E.g. type: basic.Rect has a CSS class "element basic Rect".
+ This makes it possible to easilly style elements in CSS and have generic CSS rules applying to
+ the whole group of elements. Each plugin can provide its own stylesheet.
+
+ */
+
+ .joint-element {
+ /* Give the user a hint that he can drag&drop the element. */
+ cursor: move;
+ }
+
+ .joint-element * {
+ user-drag: none;
+ }
+
+ .joint-element .scalable * {
+ /* The default behavior when scaling an element is not to scale the stroke in order to prevent the ugly effect of stroke with different proportions. */
+ vector-effect: non-scaling-stroke;
+ }
+ /*
+
+ connection-wrap is a element of the joint.dia.Link that follows the .connection of that link.
+ In other words, the \`d\` attribute of the .connection-wrap contains the same data as the \`d\` attribute of the
+ .connection . The advantage of using .connection-wrap is to be able to catch pointer events
+ in the neighborhood of the .connection . This is especially handy if the .connection is
+ very thin.
+
+ */
+
+ .marker-source,
+ .marker-target {
+ /* This makes the arrowheads point to the border of objects even though the transform: scale() is applied on them. */
+ vector-effect: non-scaling-stroke;
+ }
+
+ /* Paper */
+ .joint-paper {
+ position: relative;
+ }
+ /* Paper */
+
+ /* Highlighting */
+ .joint-highlight-opacity {
+ opacity: 0.3;
+ }
+ /* Highlighting */
+
+ /*
+
+ Vertex markers are \`\` elements that appear at connection vertex positions.
+
+ */
+
+ .joint-link .connection-wrap,
+ .joint-link .connection {
+ fill: none;
+ }
+
+ /* element wrapping .marker-vertex-group. */
+ .marker-vertices {
+ opacity: 0;
+ cursor: move;
+ }
+ .marker-arrowheads {
+ opacity: 0;
+ cursor: move;
+ cursor: -webkit-grab;
+ cursor: -moz-grab;
+ /* display: none; */ /* setting \`display: none\` on .marker-arrowheads effectivelly switches of links reconnecting */
+ }
+ .link-tools {
+ opacity: 0;
+ cursor: pointer;
+ }
+ .link-tools .tool-options {
+ display: none; /* by default, we don't display link options tool */
+ }
+ .joint-link:hover .marker-vertices,
+ .joint-link:hover .marker-arrowheads,
+ .joint-link:hover .link-tools {
+ opacity: 1;
+ }
+
+ /* element used to remove a vertex */
+ .marker-vertex-remove {
+ cursor: pointer;
+ opacity: .1;
+ }
+
+ .marker-vertex-group:hover .marker-vertex-remove {
+ opacity: 1;
+ }
+
+ .marker-vertex-remove-area {
+ opacity: .1;
+ cursor: pointer;
+ }
+ .marker-vertex-group:hover .marker-vertex-remove-area {
+ opacity: 1;
+ }
+
+ /*
+ Example of custom changes (in pure CSS only!):
+
+ Do not show marker vertices at all: .marker-vertices { display: none; }
+ Do not allow adding new vertices: .connection-wrap { pointer-events: none; }
+ */
+
+ /* foreignObject inside the elements (i.e joint.shapes.basic.TextBlock) */
+ .joint-element .fobj {
+ overflow: hidden;
+ }
+ .joint-element .fobj body {
+ background-color: transparent;
+ margin: 0px;
+ position: static;
+ }
+ .joint-element .fobj div {
+ text-align: center;
+ vertical-align: middle;
+ display: table-cell;
+ padding: 0px 5px 0px 5px;
+ }
+
+ /* Paper */
+ .joint-paper.joint-theme-dark {
+ background-color: #18191b;
+ }
+ /* Paper */
+
+ /* Links */
+ .joint-link.joint-theme-dark .connection-wrap {
+ stroke: #8F8FF3;
+ stroke-width: 15;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ opacity: 0;
+ cursor: move;
+ }
+ .joint-link.joint-theme-dark .connection-wrap:hover {
+ opacity: .4;
+ stroke-opacity: .4;
+ }
+ .joint-link.joint-theme-dark .connection {
+ stroke-linejoin: round;
+ }
+ .joint-link.joint-theme-dark .link-tools .tool-remove circle {
+ fill: #F33636;
+ }
+ .joint-link.joint-theme-dark .link-tools .tool-remove path {
+ fill: white;
+ }
+ .joint-link.joint-theme-dark .link-tools [event="link:options"] circle {
+ fill: green;
+ }
+ /* element inside .marker-vertex-group element */
+ .joint-link.joint-theme-dark .marker-vertex {
+ fill: #5652DB;
+ }
+ .joint-link.joint-theme-dark .marker-vertex:hover {
+ fill: #8E8CE1;
+ stroke: none;
+ }
+ .joint-link.joint-theme-dark .marker-arrowhead {
+ fill: #5652DB;
+ }
+ .joint-link.joint-theme-dark .marker-arrowhead:hover {
+ fill: #8E8CE1;
+ stroke: none;
+ }
+ /* element used to remove a vertex */
+ .joint-link.joint-theme-dark .marker-vertex-remove-area {
+ fill: green;
+ stroke: darkgreen;
+ }
+ .joint-link.joint-theme-dark .marker-vertex-remove {
+ fill: white;
+ stroke: white;
+ }
+ /* Links */
+ /* Paper */
+ .joint-paper.joint-theme-default {
+ background-color: #FFFFFF;
+ }
+ /* Paper */
+
+ /* Links */
+ .joint-link.joint-theme-default .connection-wrap {
+ stroke: #000000;
+ stroke-width: 15;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ opacity: 0;
+ cursor: move;
+ }
+ .joint-link.joint-theme-default .connection-wrap:hover {
+ opacity: .4;
+ stroke-opacity: .4;
+ }
+ .joint-link.joint-theme-default .connection {
+ stroke-linejoin: round;
+ }
+ .joint-link.joint-theme-default .link-tools .tool-remove circle {
+ fill: #FF0000;
+ }
+ .joint-link.joint-theme-default .link-tools .tool-remove path {
+ fill: #FFFFFF;
+ }
+
+ /* element inside .marker-vertex-group element */
+ .joint-link.joint-theme-default .marker-vertex {
+ fill: #1ABC9C;
+ }
+ .joint-link.joint-theme-default .marker-vertex:hover {
+ fill: #34495E;
+ stroke: none;
+ }
+
+ .joint-link.joint-theme-default .marker-arrowhead {
+ fill: #1ABC9C;
+ }
+ .joint-link.joint-theme-default .marker-arrowhead:hover {
+ fill: #F39C12;
+ stroke: none;
+ }
+
+ /* element used to remove a vertex */
+ .joint-link.joint-theme-default .marker-vertex-remove {
+ fill: #FFFFFF;
+ }
+ /* Links */
+
+ @font-face {
+ font-family: 'lato-light';
+ src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ /* Links */
+ .joint-link.joint-theme-material .connection-wrap {
+ stroke: #000000;
+ stroke-width: 15;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ opacity: 0;
+ cursor: move;
+ }
+ .joint-link.joint-theme-material .connection-wrap:hover {
+ opacity: .4;
+ stroke-opacity: .4;
+ }
+ .joint-link.joint-theme-material .connection {
+ stroke-linejoin: round;
+ }
+ .joint-link.joint-theme-material .link-tools .tool-remove circle {
+ fill: #C64242;
+ }
+ .joint-link.joint-theme-material .link-tools .tool-remove path {
+ fill: #FFFFFF;
+ }
+
+ /* element inside .marker-vertex-group element */
+ .joint-link.joint-theme-material .marker-vertex {
+ fill: #d0d8e8;
+ }
+ .joint-link.joint-theme-material .marker-vertex:hover {
+ fill: #5fa9ee;
+ stroke: none;
+ }
+
+ .joint-link.joint-theme-material .marker-arrowhead {
+ fill: #d0d8e8;
+ }
+ .joint-link.joint-theme-material .marker-arrowhead:hover {
+ fill: #5fa9ee;
+ stroke: none;
+ }
+
+ /* element used to remove a vertex */
+ .joint-link.joint-theme-material .marker-vertex-remove-area {
+ fill: #5fa9ee;
+ }
+ .joint-link.joint-theme-material .marker-vertex-remove {
+ fill: white;
+ }
+ /* Links */
+
+ /* Links */
+ .joint-link.joint-theme-modern .connection-wrap {
+ stroke: #000000;
+ stroke-width: 15;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ opacity: 0;
+ cursor: move;
+ }
+ .joint-link.joint-theme-modern .connection-wrap:hover {
+ opacity: .4;
+ stroke-opacity: .4;
+ }
+ .joint-link.joint-theme-modern .connection {
+ stroke-linejoin: round;
+ }
+ .joint-link.joint-theme-modern .link-tools .tool-remove circle {
+ fill: #FF0000;
+ }
+ .joint-link.joint-theme-modern .link-tools .tool-remove path {
+ fill: #FFFFFF;
+ }
+
+ /* element inside .marker-vertex-group element */
+ .joint-link.joint-theme-modern .marker-vertex {
+ fill: #1ABC9C;
+ }
+ .joint-link.joint-theme-modern .marker-vertex:hover {
+ fill: #34495E;
+ stroke: none;
+ }
+
+ .joint-link.joint-theme-modern .marker-arrowhead {
+ fill: #1ABC9C;
+ }
+ .joint-link.joint-theme-modern .marker-arrowhead:hover {
+ fill: #F39C12;
+ stroke: none;
+ }
+
+ /* element used to remove a vertex */
+ .joint-link.joint-theme-modern .marker-vertex-remove {
+ fill: white;
+ }
+ /* Links */
+ flo-view {
+ width:100%;
+ height:100%;
+ margin: 0;
+ background-color: #eeeeee;
+ font-family: "Varela Round",sans-serif;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ }
+
+ .canvas {
+ border: 1px solid;
+ border-color: #6db33f;
+ border-radius: 2px;
+ margin-top: 3px;
+ }
+
+ /* Canvas contains the palette on the left and the paper on the right */
+
+ .paper {
+ padding: 0px;
+ background-color: #ffffff;
+ /* height: 100%;
+ width: 100%;
+ position: relative;
+ overflow: hidden;
+ *//* margin-left: 400px; */
+ }
+
+ #sidebar-resizer {
+ background-color: #34302d;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ width: 6px;
+ cursor: e-resize;
+ }
+
+ #palette-container {
+ background-color: #EEE;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ overflow: auto;
+ }
+
+ #paper-container {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ overflow: auto;
+ color: #FFF;
+ background-color: #FFF;
+ }
+
+ /* Tooltip START */
+
+ .node-tooltip .tooltip-description {
+ margin-top: 5px;
+ margin-left: 0px;
+ margin-bottom: 5px;
+ }
+
+ .node-tooltip {
+ display:none;
+ position:absolute;
+ border:1px solid #333;
+ background-color:#34302d;/*#161616;*/
+ border-radius:5px;
+ padding:5px;
+ color:#fff;
+ /* font-size:12px Arial;*/
+ font-family: "Varela Round",sans-serif;
+ font-size: 19px;
+ z-index: 100;
+ }
+
+ .tooltip-title-type {
+ font-size: 24px;
+ font-weight: bold;
+ }
+
+ .tooltip-title-group {
+ padding-left: 5px;
+ font-size: 20px;
+ font-style: italic;
+ }
+
+ .node-tooltip-option-name {
+ font-family: monospace;/*"Varela Round",sans-serif;*/
+ font-size: 17px;
+ font-weight: bold;
+ padding-right: 20px;
+
+ }
+
+ .node-tooltip-option-description {
+ font-family: "Varela Round",sans-serif;
+ font-size: 18px;
+ }
+
+ /* Tooltip END */
+
+
+ /* Validation Error Marker on Canvas START */
+
+ .error-tooltip p {
+ margin-top: 5px;
+ margin-left: 0px;
+ margin-bottom: 5px;
+ color:#fff;
+ }
+ .error-tooltip {
+ display:none;
+ position:absolute;
+ border:1px solid #333;
+ background-color:red;/*#161616;*/
+ border-radius:5px;
+ padding:5px;
+ color:#fff;
+ /* font-size:12px Arial;*/
+ font-family: "Varela Round",sans-serif;
+ font-size: 20px;
+ z-index: 100;
+ }
+
+ /* Validation Error Marker on Canvas END */
+
+ /* Controls on Canvas START */
+
+ .canvas-controls-container {
+ position: absolute;
+ right: 15px;
+ top: 5px;
+ }
+
+ .canvas-control {
+ background: transparent;
+ font-family: "Varela Round",sans-serif;
+ font-size: 11px;
+ vertical-align: middle;
+ margin: 0px;
+ }
+
+ .zoom-canvas-control {
+ border: 0px;
+ padding: 0px;
+ margin: 0px;
+ outline: none;
+ }
+
+ .zoom-canvas-input {
+ text-align: right;
+ font-weight:bold;
+ color: black;
+ background-color: transparent;
+ }
+
+ .zoom-canvas-label {
+ padding-right: 4px;
+ color: black;
+ }
+
+ /* Controls on Canvas END */
+
+
+
+
+ /* START - FLO CANVAS STYLES - override joint js styles */
+
+ .highlighted {
+ outline: none;
+ }
+
+ .joint-element.highlighted rect {
+ stroke: #34302d;
+ stroke-width: 3;
+ }
+
+ .joint-type-handle {
+ cursor: pointer;
+ }
+
+ .available-magnet {
+ stroke-width: 3;
+ }
+
+ .link {
+ fill: none;
+ stroke: #ccc;
+ stroke-width: 1.5px;
+ }
+
+ .link-tools .tool-options {
+ display: none; /* by default, we don't display link options tool */
+ }
+
+ /* Make transparent the circle around the link-tools (cog) icon. It'll allow shape to have a circle clicking area */
+ .link-tools .tool-options circle {
+ fill: transparent;
+ stroke: transparent;
+ }
+
+ .link-tools .tool-options path {
+ fill: black;
+ stroke: black;
+ }
+
+ .link-tools .tool-remove circle {
+ fill: red;
+ stroke: red;
+ }
+
+ .link-tools .tool-remove path {
+ fill: white;
+ stroke: white;
+ }
+
+ .link-tools-container {
+ stroke-width: 0;
+ fill: transparent;
+ }
+
+ /* END - FLO CANVAS STYLES */
+ `],
+ encapsulation: ViewEncapsulation.None
+ }),
+ __metadata("design:paramtypes", [ElementRef])
+], EditorComponent);
+
+const $$5 = _$;
+let ResizerDirective = class ResizerDirective {
+ constructor(element, document) {
+ this.element = element;
+ this.document = document;
+ this.dragInProgress = false;
+ this.vertical = true;
+ this._subscriptions = new CompositeDisposable();
+ this.sizeChange = new EventEmitter();
+ this.mouseMoveHandler = (e) => {
+ if (this.dragInProgress) {
+ this.mousemove(e);
+ }
+ };
+ }
+ set splitSize(splitSize) {
+ if (this.maxSplitSize && splitSize > this.maxSplitSize) {
+ splitSize = this.maxSplitSize;
+ }
+ if (this.vertical) {
+ // Handle vertical resizer
+ $$5(this.element.nativeElement).css({
+ left: splitSize + 'px'
+ });
+ $$5(this.first).css({
+ width: splitSize + 'px'
+ });
+ $$5(this.second).css({
+ left: (splitSize + this._size) + 'px'
+ });
+ }
+ else {
+ // Handle horizontal resizer
+ $$5(this.element.nativeElement).css({
+ bottom: splitSize + 'px'
+ });
+ $$5(this.first).css({
+ bottom: (splitSize + this._size) + 'px'
+ });
+ $$5(this.second).css({
+ height: splitSize + 'px'
+ });
+ }
+ this._splitSize = splitSize;
+ // Update the local field
+ this.sizeChange.emit(splitSize);
+ }
+ set resizerWidth(width) {
+ this._size = width;
+ this.vertical = true;
+ }
+ set resizerHeight(height) {
+ this._size = height;
+ this.vertical = false;
+ }
+ set resizerLeft(first) {
+ this.first = first;
+ }
+ set resizerTop(first) {
+ this.first = first;
+ }
+ set resizerRight(second) {
+ this.second = second;
+ }
+ set resizerBottom(second) {
+ this.second = second;
+ }
+ startDrag() {
+ this.dragInProgress = true;
+ }
+ mousemove(event) {
+ let size;
+ if (this.vertical) { // Handle vertical resizer. Calculate new size relative to palette container DOM node
+ size = event.pageX - $$5(this.first).offset().left;
+ }
+ else {
+ // Handle horizontal resizer Calculate new size relative to palette container DOM node
+ size = window.innerHeight - event.pageY - $$5(this.second).offset().top;
+ }
+ this.splitSize = size;
+ }
+ ngOnInit() {
+ // Need to set left and right elements width and fire events on init when DOM is built
+ this.splitSize = this._splitSize;
+ let subscription1 = fromEvent($$5(this.document).get(0), 'mousemove')
+ .pipe(sampleTime(300))
+ .subscribe(this.mouseMoveHandler);
+ this._subscriptions.add(Disposable.create(() => subscription1.unsubscribe()));
+ let subscription2 = fromEvent($$5(this.document).get(0), 'mouseup')
+ .subscribe(e => {
+ if (this.dragInProgress) {
+ this.mousemove(e);
+ this.dragInProgress = false;
+ }
+ });
+ this._subscriptions.add(Disposable.create(() => subscription2.unsubscribe()));
+ }
+ ngOnDestroy() {
+ this._subscriptions.dispose();
+ }
+};
+__decorate([
+ Input(),
+ __metadata("design:type", Number)
+], ResizerDirective.prototype, "maxSplitSize", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], ResizerDirective.prototype, "sizeChange", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", Number),
+ __metadata("design:paramtypes", [Number])
+], ResizerDirective.prototype, "splitSize", null);
+__decorate([
+ Input(),
+ __metadata("design:type", Number),
+ __metadata("design:paramtypes", [Number])
+], ResizerDirective.prototype, "resizerWidth", null);
+__decorate([
+ Input(),
+ __metadata("design:type", Number),
+ __metadata("design:paramtypes", [Number])
+], ResizerDirective.prototype, "resizerHeight", null);
+__decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+], ResizerDirective.prototype, "resizerLeft", null);
+__decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+], ResizerDirective.prototype, "resizerTop", null);
+__decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+], ResizerDirective.prototype, "resizerRight", null);
+__decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+], ResizerDirective.prototype, "resizerBottom", null);
+ResizerDirective = __decorate([
+ Directive({
+ selector: '[resizer]',
+ host: { '(mousedown)': 'startDrag()' }
+ }),
+ __param(1, Inject(DOCUMENT)),
+ __metadata("design:paramtypes", [ElementRef, Object])
+], ResizerDirective);
+
+const $$6 = _$;
+let DslEditorComponent = class DslEditorComponent {
+ constructor(element) {
+ this.element = element;
+ this._dsl = '';
+ this._lint = false;
+ this.lineNumbers = false;
+ this.lineWrapping = false;
+ this.debounce = 0;
+ this.dslChange = new EventEmitter();
+ this.focus = new EventEmitter();
+ this.blur = new EventEmitter();
+ this.editor = new EventEmitter();
+ this._dslChangedHandler = () => {
+ this._dsl = this.doc.getValue();
+ this.dslChange.emit(this._dsl);
+ };
+ }
+ set dsl(dsl) {
+ this._dsl = dsl;
+ if (this.doc && this._dsl !== this.doc.getValue()) {
+ let cursorPosition = this.doc.getCursor();
+ this.doc.setValue(this._dsl || '');
+ this.doc.setCursor(cursorPosition);
+ }
+ }
+ set lintOptions(lintOptions) {
+ this._lint = lintOptions;
+ if (this.doc) {
+ this.doc.setOption('lint', this._lint);
+ }
+ }
+ set hintOptions(hintOptions) {
+ this._hint = hintOptions;
+ if (this.doc) {
+ this.doc.setOption('hintOptions', this._hint);
+ }
+ }
+ ngOnInit() {
+ let options = {
+ value: this._dsl || '',
+ gutters: ['CodeMirror-lint-markers'],
+ extraKeys: { 'Ctrl-Space': 'autocomplete' },
+ lineNumbers: this.lineNumbers,
+ lineWrapping: this.lineWrapping,
+ electricChars: false,
+ smartIndent: false,
+ };
+ if (this.scrollbarStyle) {
+ options.scrollbarStyle = this.scrollbarStyle;
+ }
+ if (this._lint) {
+ options.lint = this._lint;
+ }
+ if (this._hint) {
+ options.hintOptions = this._hint;
+ }
+ this.doc = fromTextArea($$6('#dsl-editor-host', this.element.nativeElement)[0], options);
+ if (this.placeholder) {
+ this.doc.setOption('placeholder', this.placeholder);
+ }
+ // Turns out "value" in the option doesn't set it.
+ this.doc.setValue(this._dsl || '');
+ this.doc.on('change', this.debounce ? debounce(this._dslChangedHandler, this.debounce) : this._dslChangedHandler);
+ this.doc.on('focus', () => this.focus.emit());
+ this.doc.on('blur', () => this.blur.emit());
+ this.editor.emit(this.doc);
+ }
+ ngOnDestroy() {
+ }
+};
+__decorate([
+ Input('line-numbers'),
+ __metadata("design:type", Object)
+], DslEditorComponent.prototype, "lineNumbers", void 0);
+__decorate([
+ Input('line-wrapping'),
+ __metadata("design:type", Object)
+], DslEditorComponent.prototype, "lineWrapping", void 0);
+__decorate([
+ Input('scrollbar-style'),
+ __metadata("design:type", String)
+], DslEditorComponent.prototype, "scrollbarStyle", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", String)
+], DslEditorComponent.prototype, "placeholder", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", Object)
+], DslEditorComponent.prototype, "debounce", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], DslEditorComponent.prototype, "dslChange", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], DslEditorComponent.prototype, "focus", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], DslEditorComponent.prototype, "blur", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], DslEditorComponent.prototype, "editor", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+], DslEditorComponent.prototype, "dsl", null);
+__decorate([
+ Input(),
+ __metadata("design:type", Object),
+ __metadata("design:paramtypes", [Object])
+], DslEditorComponent.prototype, "lintOptions", null);
+__decorate([
+ Input(),
+ __metadata("design:type", Object),
+ __metadata("design:paramtypes", [Object])
+], DslEditorComponent.prototype, "hintOptions", null);
+DslEditorComponent = __decorate([
+ Component({
+ selector: 'dsl-editor',
+ template: `
+
+ `,
+ styles: [`
+ .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}/* Code Mirror related styles START */
+
+ .CodeMirror {
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ height: 100%;
+ }
+ .CodeMirror-hint {
+ max-width: 38em;
+ }
+ .CodeMirror-vertical-ruler-error {
+ background-color: rgba(188, 0, 0, 0.5);
+ }
+ .CodeMirror-vertical-ruler-warning {
+ background-color: rgba(255, 188, 0, 0.5);
+ }
+
+
+ /* Code Mirror related styles END */
+ `],
+ encapsulation: ViewEncapsulation.None
+ }),
+ __metadata("design:paramtypes", [ElementRef])
+], DslEditorComponent);
+
+var CodeEditorComponent_1;
+const $$7 = _$;
+let CodeEditorComponent = CodeEditorComponent_1 = class CodeEditorComponent {
+ constructor(element) {
+ this.element = element;
+ this._dsl = '';
+ this._lint = false;
+ this.lineNumbers = false;
+ this.lineWrapping = false;
+ this.dslChange = new EventEmitter();
+ this.focus = new EventEmitter();
+ this.blur = new EventEmitter();
+ this.editor = new EventEmitter();
+ this._dslChangedHandler = () => {
+ this._dsl = this.doc.getValue();
+ this.dslChange.emit(this._dsl);
+ if (this._onChangeHandler) {
+ this._onChangeHandler(this._dsl);
+ }
+ };
+ }
+ set dsl(dsl) {
+ this._dsl = dsl;
+ if (this.doc && this._dsl !== this.doc.getValue()) {
+ let cursorPosition = this.doc.getCursor();
+ this.doc.setValue(this._dsl || '');
+ this.doc.setCursor(cursorPosition);
+ }
+ }
+ set language(_language) {
+ if (this._language !== _language) {
+ this._language = _language;
+ this.loadEditorMode();
+ }
+ }
+ ngOnInit() {
+ let options = {
+ value: this._dsl || '',
+ gutters: ['CodeMirror-lint-markers'],
+ extraKeys: { 'Ctrl-Space': 'autocomplete' },
+ lineNumbers: this.lineNumbers,
+ lineWrapping: this.lineWrapping,
+ matchBrackets: true,
+ autoCloseBrackets: true,
+ };
+ if (this.scrollbarStyle) {
+ options.scrollbarStyle = this.scrollbarStyle;
+ }
+ if (this._lint) {
+ options.lint = this._lint;
+ }
+ this.doc = fromTextArea($$7('#code-editor-host', this.element.nativeElement)[0], options);
+ if (this.placeholder) {
+ this.doc.setOption('placeholder', this.placeholder);
+ }
+ // Turns out "value" in the option doesn't set it.
+ this.doc.setValue(this._dsl || '');
+ this.doc.on('change', this._dslChangedHandler);
+ this.doc.on('focus', () => {
+ this.focus.emit();
+ if (this._onTouchHandler) {
+ this._onTouchHandler();
+ }
+ });
+ this.doc.on('blur', () => this.blur.emit());
+ this.warningRuler = this.doc.annotateScrollbar('CodeMirror-vertical-ruler-warning');
+ this.errorRuler = this.doc.annotateScrollbar('CodeMirror-vertical-ruler-error');
+ this.loadEditorMode();
+ this.editor.emit(this.doc);
+ }
+ loadEditorMode() {
+ // CodeMirror doc object must be initialized
+ if (!this.doc) {
+ return;
+ }
+ const info = this._language ? findModeByName(this._language) : undefined;
+ // Set proper editor mode
+ if (info) {
+ this.doc.setOption('mode', info.mime);
+ // (CodeMirror).autoLoadMode(this.doc, info.mode);
+ }
+ else {
+ this.doc.setOption('mode', 'text/plain');
+ }
+ // Set proper Lint mode
+ this.doc.setOption('lint', this.getLintOptions());
+ }
+ ngOnDestroy() {
+ }
+ writeValue(obj) {
+ this.dsl = obj;
+ }
+ registerOnChange(fn) {
+ this._onChangeHandler = fn;
+ }
+ registerOnTouched(fn) {
+ this._onTouchHandler = fn;
+ }
+ getLintOptions() {
+ switch (this._language) {
+ case 'javascript':
+ case 'json':
+ case 'coffeescript':
+ case 'yaml':
+ return {
+ onUpdateLinting: (annotations) => {
+ const warnings = [];
+ const errors = [];
+ if (this.overviewRuler) {
+ if (Array.isArray(annotations)) {
+ annotations.forEach((a) => {
+ if (a.to && a.from && a.from.line >= 0 && a.from.ch >= 0 && a.to.line >= a.from.line && a.from.ch >= 0) {
+ if (a.severity === 'error') {
+ errors.push(a);
+ }
+ else if (a.severity === 'warning') {
+ warnings.push(a);
+ }
+ }
+ });
+ }
+ }
+ this.warningRuler.update(warnings);
+ this.errorRuler.update(errors);
+ }
+ };
+ }
+ return false;
+ }
+};
+__decorate([
+ Input('line-numbers'),
+ __metadata("design:type", Object)
+], CodeEditorComponent.prototype, "lineNumbers", void 0);
+__decorate([
+ Input('line-wrapping'),
+ __metadata("design:type", Object)
+], CodeEditorComponent.prototype, "lineWrapping", void 0);
+__decorate([
+ Input('scrollbar-style'),
+ __metadata("design:type", String)
+], CodeEditorComponent.prototype, "scrollbarStyle", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", String)
+], CodeEditorComponent.prototype, "placeholder", void 0);
+__decorate([
+ Input('overview-ruler'),
+ __metadata("design:type", Boolean)
+], CodeEditorComponent.prototype, "overviewRuler", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], CodeEditorComponent.prototype, "dslChange", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], CodeEditorComponent.prototype, "focus", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], CodeEditorComponent.prototype, "blur", void 0);
+__decorate([
+ Output(),
+ __metadata("design:type", Object)
+], CodeEditorComponent.prototype, "editor", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+], CodeEditorComponent.prototype, "dsl", null);
+__decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+], CodeEditorComponent.prototype, "language", null);
+CodeEditorComponent = CodeEditorComponent_1 = __decorate([
+ Component({
+ selector: 'code-editor',
+ template: `
+
+
+
+ `,
+ styles: [`
+ .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{position:absolute;background:#ccc;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #bbb;border-radius:2px}.CodeMirror-simplescroll-horizontal,.CodeMirror-simplescroll-vertical{position:absolute;z-index:6;background:#eee}.CodeMirror-simplescroll-horizontal{bottom:0;left:0;height:8px}.CodeMirror-simplescroll-horizontal div{bottom:0;height:100%}.CodeMirror-simplescroll-vertical{right:0;top:0;width:8px}.CodeMirror-simplescroll-vertical div{right:0;width:100%}.CodeMirror-overlayscroll .CodeMirror-gutter-filler,.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler{display:none}.CodeMirror-overlayscroll-horizontal div,.CodeMirror-overlayscroll-vertical div{position:absolute;background:#bcd;border-radius:3px}.CodeMirror-overlayscroll-horizontal,.CodeMirror-overlayscroll-vertical{position:absolute;z-index:6}.CodeMirror-overlayscroll-horizontal{bottom:0;left:0;height:6px}.CodeMirror-overlayscroll-horizontal div{bottom:0;height:100%}.CodeMirror-overlayscroll-vertical{right:0;top:0;width:6px}.CodeMirror-overlayscroll-vertical div{right:0;width:100%}.CodeMirror {
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ height: 100%;
+ }
+ .CodeMirror-hint {
+ max-width: 38em;
+ }
+ .CodeMirror-vertical-ruler-error {
+ background-color: rgba(188, 0, 0, 0.5);
+ }
+ .CodeMirror-vertical-ruler-warning {
+ background-color: rgba(255, 188, 0, 0.5);
+ }
+ .CodeMirror-lint-tooltip {
+ z-index: 2000;
+ }
+ `],
+ encapsulation: ViewEncapsulation.None,
+ providers: [
+ {
+ provide: NG_VALUE_ACCESSOR,
+ useExisting: forwardRef(() => CodeEditorComponent_1),
+ multi: true
+ }
+ ]
+ }),
+ __metadata("design:paramtypes", [ElementRef])
+], CodeEditorComponent);
+
+var Properties;
+(function (Properties) {
+ let InputType;
+ (function (InputType) {
+ InputType[InputType["TEXT"] = 0] = "TEXT";
+ InputType[InputType["NUMBER"] = 1] = "NUMBER";
+ InputType[InputType["SELECT"] = 2] = "SELECT";
+ InputType[InputType["CHECKBOX"] = 3] = "CHECKBOX";
+ InputType[InputType["PASSWORD"] = 4] = "PASSWORD";
+ InputType[InputType["EMAIL"] = 5] = "EMAIL";
+ InputType[InputType["URL"] = 6] = "URL";
+ InputType[InputType["CODE"] = 7] = "CODE";
+ })(InputType = Properties.InputType || (Properties.InputType = {}));
+ class GenericControlModel {
+ constructor(_property, type, validation) {
+ this._property = _property;
+ this.type = type;
+ this.validation = validation;
+ }
+ get id() {
+ return this.property.id;
+ }
+ get name() {
+ return this.property.name;
+ }
+ get description() {
+ return this.property.description;
+ }
+ get defaultValue() {
+ return this.property.defaultValue;
+ }
+ get value() {
+ return this.getValue();
+ }
+ set value(value) {
+ this.setValue(value);
+ }
+ get property() {
+ return this._property;
+ }
+ setValue(value) {
+ this.property.value = value;
+ }
+ getValue() {
+ return this.property.value;
+ }
+ }
+ Properties.GenericControlModel = GenericControlModel;
+ class CheckBoxControlModel extends GenericControlModel {
+ constructor(_property, validation) {
+ super(_property, InputType.CHECKBOX, validation);
+ }
+ getValue() {
+ const res = super.getValue();
+ const type = typeof res;
+ switch (type) {
+ case 'boolean':
+ return res;
+ case 'string':
+ switch (res.trim().toLowerCase()) {
+ case 'true':
+ case '1':
+ return true;
+ case 'false':
+ case '0':
+ return false;
+ default:
+ return this.property.defaultValue;
+ }
+ case 'number':
+ const num = res;
+ if (num === 0) {
+ return false;
+ }
+ else if (num === 1) {
+ return true;
+ }
+ else {
+ return this.property.defaultValue;
+ }
+ }
+ return this.property.defaultValue;
+ }
+ }
+ Properties.CheckBoxControlModel = CheckBoxControlModel;
+ class AbstractCodeControlModel extends GenericControlModel {
+ constructor(_property, encode, decode, validation) {
+ super(_property, InputType.CODE, validation);
+ this.encode = encode;
+ this.decode = decode;
+ }
+ set value(value) {
+ if (value && this.encode) {
+ super.setValue(this.encode(value));
+ }
+ else {
+ super.setValue(value);
+ }
+ }
+ get value() {
+ let dsl = super.getValue();
+ if (dsl && this.decode) {
+ return this.decode(dsl);
+ }
+ else {
+ return dsl;
+ }
+ }
+ }
+ Properties.AbstractCodeControlModel = AbstractCodeControlModel;
+ class GenericCodeControlModel extends AbstractCodeControlModel {
+ constructor(_property, language, encode, decode, validation) {
+ super(_property, encode, decode, validation);
+ this.language = language;
+ }
+ }
+ Properties.GenericCodeControlModel = GenericCodeControlModel;
+ class CodeControlModelWithDynamicLanguageProperty extends AbstractCodeControlModel {
+ constructor(_property, _languagePropertyName, _groupModel, encode, decode, validation) {
+ super(_property, encode, decode, validation);
+ this._languagePropertyName = _languagePropertyName;
+ this._groupModel = _groupModel;
+ }
+ get language() {
+ const value = this.languageControlModel.value;
+ return value ? value : this.languageControlModel.defaultValue;
+ }
+ get languageControlModel() {
+ if (!this._langControlModel) {
+ // Cast to Properties.ControlModel from Properties.ControlModel | undefined
+ // Should not be undefined!
+ this._langControlModel = this._groupModel.getControlsModels().find(c => c.id === this._languagePropertyName);
+ }
+ return this._langControlModel;
+ }
+ }
+ Properties.CodeControlModelWithDynamicLanguageProperty = CodeControlModelWithDynamicLanguageProperty;
+ class GenericListControlModel extends GenericControlModel {
+ constructor(property, validation) {
+ super(property, InputType.TEXT, validation);
+ }
+ get value() {
+ return this.property.value ? this.property.value.join(', ') : '';
+ }
+ set value(value) {
+ this.property.value = value && value.trim() ? value.split(/\s*,\s*/) : undefined;
+ }
+ }
+ Properties.GenericListControlModel = GenericListControlModel;
+ class SelectControlModel extends GenericControlModel {
+ constructor(_property, type, options) {
+ super(_property, type);
+ this.options = options;
+ if (_property.defaultValue === undefined) {
+ options.unshift({
+ name: 'SELECT',
+ value: _property.defaultValue
+ });
+ }
+ }
+ }
+ Properties.SelectControlModel = SelectControlModel;
+ class DefaultCellPropertiesSource {
+ constructor(cell) {
+ this.cell = cell;
+ }
+ getProperties() {
+ let metadata = this.cell.attr('metadata');
+ return Promise.resolve(metadata.properties().then(propsMetadata => Array.from(propsMetadata.values()).map(m => this.createProperty(m))));
+ }
+ createProperty(metadata) {
+ return {
+ id: metadata.id,
+ name: metadata.name,
+ type: metadata.type,
+ defaultValue: metadata.defaultValue,
+ attr: `props/${metadata.name}`,
+ value: this.cell.attr(`props/${metadata.name}`),
+ description: metadata.description,
+ valueOptions: metadata.options
+ };
+ }
+ applyChanges(properties) {
+ this.cell.trigger('batch:start', { batchName: 'update properties' });
+ properties.forEach(property => {
+ if ((typeof property.value === 'boolean' && !property.defaultValue && !property.value) ||
+ (property.value === property.defaultValue || property.value === '' || property.value === undefined || property.value === null)) {
+ let currentValue = this.cell.attr(property.attr);
+ if (currentValue !== undefined && currentValue !== null) {
+ // Remove attr doesn't fire appropriate event. Set default value first as a workaround to schedule DSL resync
+ this.cell.attr(property.attr, property.defaultValue === undefined ? null : property.defaultValue);
+ this.cell.removeAttr(property.attr);
+ }
+ }
+ else {
+ this.cell.attr(property.attr, property.value);
+ }
+ });
+ this.cell.trigger('batch:stop', { batchName: 'update properties' });
+ }
+ }
+ Properties.DefaultCellPropertiesSource = DefaultCellPropertiesSource;
+ class PropertiesGroupModel {
+ constructor(propertiesSource) {
+ this.loading = true;
+ this.propertiesSource = propertiesSource;
+ }
+ load() {
+ this.loading = true;
+ this._loadedSubject = new Subject();
+ this.propertiesSource.getProperties().then(properties => {
+ this.controlModels = properties.map(p => this.createControlModel(p));
+ this.loading = false;
+ this._loadedSubject.next(true);
+ this._loadedSubject.complete();
+ });
+ }
+ get isLoading() {
+ return this.loading;
+ }
+ get loadedSubject() {
+ return this._loadedSubject;
+ }
+ getControlsModels() {
+ return this.controlModels;
+ }
+ createControlModel(property) {
+ return new GenericControlModel(property, InputType.TEXT);
+ }
+ applyChanges() {
+ if (this.loading) {
+ return;
+ }
+ let properties = this.controlModels.map(cm => cm.property);
+ this.propertiesSource.applyChanges(properties);
+ }
+ }
+ Properties.PropertiesGroupModel = PropertiesGroupModel;
+ let Validators;
+ (function (Validators) {
+ function uniqueResource(service, debounce$$1) {
+ return (control) => {
+ return new Observable(obs => {
+ if (control.valueChanges && control.value) {
+ control.valueChanges
+ .pipe(debounceTime(debounce$$1), mergeMap(value => service(value)))
+ .subscribe(() => {
+ obs.next({ uniqueResource: true });
+ obs.complete();
+ }, () => {
+ obs.next(undefined);
+ obs.complete();
+ });
+ }
+ else {
+ obs.next(undefined);
+ obs.complete();
+ }
+ });
+ };
+ }
+ Validators.uniqueResource = uniqueResource;
+ function noneOf(excluded) {
+ return (control) => {
+ return excluded.find(e => e === control.value) ? { 'noneOf': { value: control.value } } : {};
+ };
+ }
+ Validators.noneOf = noneOf;
+ })(Validators = Properties.Validators || (Properties.Validators = {}));
+})(Properties || (Properties = {}));
+
+let PropertiesGroupComponent = class PropertiesGroupComponent {
+ ngOnInit() {
+ if (this.propertiesGroupModel.isLoading) {
+ let subscription = this.propertiesGroupModel.loadedSubject.subscribe(loaded => {
+ if (loaded) {
+ subscription.unsubscribe();
+ this.createGroupControls();
+ }
+ });
+ }
+ else {
+ this.createGroupControls();
+ }
+ }
+ createGroupControls() {
+ this.propertiesGroupModel.getControlsModels().forEach(c => {
+ if (c.validation) {
+ this.form.addControl(c.id, new FormControl(c.value || '', c.validation.validator, c.validation.asyncValidator));
+ }
+ else {
+ this.form.addControl(c.id, new FormControl(c.value || ''));
+ }
+ });
+ }
+};
+__decorate([
+ Input(),
+ __metadata("design:type", Properties.PropertiesGroupModel)
+], PropertiesGroupComponent.prototype, "propertiesGroupModel", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", FormGroup)
+], PropertiesGroupComponent.prototype, "form", void 0);
+PropertiesGroupComponent = __decorate([
+ Component({
+ selector: 'properties-group',
+ template: `
+
+
+ `,
+ encapsulation: ViewEncapsulation.None
+ })
+], PropertiesGroupComponent);
+
+let DynamicFormPropertyComponent = class DynamicFormPropertyComponent {
+ constructor() { }
+ get types() {
+ return Properties.InputType;
+ }
+ get control() {
+ return this.form.controls[this.model.id];
+ }
+ get errorData() {
+ return (this.model.validation && this.model.validation.errorData ? this.model.validation.errorData : [])
+ .filter(e => this.control.errors && this.control.errors[e.id]);
+ }
+};
+__decorate([
+ Input(),
+ __metadata("design:type", Object)
+], DynamicFormPropertyComponent.prototype, "model", void 0);
+__decorate([
+ Input(),
+ __metadata("design:type", FormGroup)
+], DynamicFormPropertyComponent.prototype, "form", void 0);
+DynamicFormPropertyComponent = __decorate([
+ Component({
+ selector: 'df-property',
+ template: `
+
+
+
+ {{model.name}}
+
+
+
+
+
+
+
+
+
+ {{o.name}}
+
+
+
+
+
+
+
+
{{model.description}}
+
{{e.message}}
+
+
+
+ `,
+ encapsulation: ViewEncapsulation.None
+ }),
+ __metadata("design:paramtypes", [])
+], DynamicFormPropertyComponent);
+
+let FloModule = class FloModule {
+};
+FloModule = __decorate([
+ NgModule({
+ imports: [
+ FormsModule,
+ CommonModule,
+ ReactiveFormsModule
+ ],
+ declarations: [
+ Palette,
+ EditorComponent,
+ ResizerDirective,
+ DslEditorComponent,
+ CodeEditorComponent,
+ PropertiesGroupComponent,
+ DynamicFormPropertyComponent
+ ],
+ exports: [
+ EditorComponent,
+ DslEditorComponent,
+ DynamicFormPropertyComponent,
+ PropertiesGroupComponent
+ ]
+ })
+], FloModule);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FloModule, Palette, EditorComponent, DslEditorComponent, CodeEditorComponent, PropertiesGroupComponent, DynamicFormPropertyComponent, ResizerDirective, Flo, Properties, Constants, Shapes };
+//# sourceMappingURL=spring-flo.js.map
diff --git a/dist/fesm5/spring-flo.js b/dist/fesm5/spring-flo.js
new file mode 100644
index 0000000..f5f72c0
--- /dev/null
+++ b/dist/fesm5/spring-flo.js
@@ -0,0 +1,3326 @@
+import * as _joint from 'jointjs';
+import * as _$ from 'jquery';
+import { isEqual, partial, debounce, cloneDeepWith, isObject, isPlainObject, template, isFunction, groupBy, each, isString, isNumber } from 'lodash';
+import { __decorate, __metadata, __param, __extends } from 'tslib';
+import { Component, ElementRef, Input, Output, EventEmitter, Inject, ViewEncapsulation, Directive, forwardRef, NgModule } from '@angular/core';
+import { Subject, BehaviorSubject, fromEvent, Observable } from 'rxjs';
+import { debounceTime, sampleTime, mergeMap } from 'rxjs/operators';
+import { DOCUMENT } from '@angular/platform-browser';
+import { CompositeDisposable, Disposable } from 'ts-disposables';
+import { fromTextArea, findModeByName } from 'codemirror-minified';
+import 'codemirror-minified/addon/lint/lint';
+import 'codemirror-minified/addon/hint/show-hint';
+import 'codemirror-minified/addon/display/placeholder';
+import 'codemirror-minified/addon/scroll/annotatescrollbar';
+import 'codemirror-minified/addon/scroll/simplescrollbars';
+import { NG_VALUE_ACCESSOR, FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import 'codemirror-minified/mode/meta';
+import 'codemirror-minified/addon/edit/matchbrackets';
+import 'codemirror-minified/addon/edit/closebrackets';
+import 'codemirror-minified/addon/lint/javascript-lint';
+import 'codemirror-minified/addon/lint/coffeescript-lint';
+import 'codemirror-minified/addon/lint/json-lint';
+import 'codemirror-minified/addon/lint/yaml-lint';
+import 'codemirror-minified/mode/groovy/groovy';
+import 'codemirror-minified/mode/javascript/javascript';
+import 'codemirror-minified/mode/python/python';
+import 'codemirror-minified/mode/ruby/ruby';
+import 'codemirror-minified/mode/clike/clike';
+import 'codemirror-minified/mode/yaml/yaml';
+import 'codemirror-minified/mode/coffeescript/coffeescript';
+import { CommonModule } from '@angular/common';
+
+var $ = _$;
+var Flo;
+(function (Flo) {
+ Flo.joint = _joint;
+ var DnDEventType;
+ (function (DnDEventType) {
+ DnDEventType[DnDEventType["DRAG"] = 0] = "DRAG";
+ DnDEventType[DnDEventType["DROP"] = 1] = "DROP";
+ })(DnDEventType = Flo.DnDEventType || (Flo.DnDEventType = {}));
+ var Severity;
+ (function (Severity) {
+ Severity[Severity["Error"] = 0] = "Error";
+ Severity[Severity["Warning"] = 1] = "Warning";
+ })(Severity = Flo.Severity || (Flo.Severity = {}));
+ function findMagnetByClass(view, className) {
+ if (className && className.startsWith('.')) {
+ className = className.substr(1);
+ }
+ var element = view.$('[magnet]').toArray().find(function (magnet) { return magnet.getAttribute('class').split(/\s+/).indexOf(className) >= 0; });
+ if (element) {
+ return view.findMagnet($(element));
+ }
+ }
+ Flo.findMagnetByClass = findMagnetByClass;
+ function findMagnetByPort(view, port) {
+ var element = view.$('[magnet]').toArray().find(function (magnet) { return magnet.getAttribute('port') === port; });
+ if (element) {
+ return view.findMagnet($(element));
+ }
+ }
+ Flo.findMagnetByPort = findMagnetByPort;
+ /**
+ * Return the metadata for a particular palette entry in a particular group.
+ * @param name - name of the palette entry
+ * @param group - group in which the palette entry should exist (e.g. sinks)
+ * @return
+ */
+ function getMetadata(metamodel, name, group) {
+ var groupObj = metamodel && group ? metamodel.get(group) : undefined;
+ if (name && groupObj && groupObj.get(name)) {
+ return metamodel.get(group).get(name);
+ }
+ else {
+ return {
+ name: name,
+ group: group,
+ unresolved: true,
+ get: function (property) { return new Promise(function (resolve) { return resolve(); }); },
+ properties: function () { return Promise.resolve(new Map()); }
+ };
+ }
+ }
+ Flo.getMetadata = getMetadata;
+})(Flo || (Flo = {}));
+
+var joint = Flo.joint;
+var $$1 = _$;
+var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+var isFF = navigator.userAgent.indexOf('Firefox') > 0;
+var IMAGE_W = 120;
+var IMAGE_H = 35;
+var ERROR_MARKER_SIZE = { width: 16, height: 16 };
+var HANDLE_SIZE = { width: 10, height: 10 };
+joint.shapes.flo = {};
+joint.shapes.flo.NODE_TYPE = 'sinspctr.IntNode';
+joint.shapes.flo.LINK_TYPE = 'sinspctr.Link';
+joint.shapes.flo.DECORATION_TYPE = 'decoration';
+joint.shapes.flo.HANDLE_TYPE = 'handle';
+var HANDLE_ICON_MAP = new Map();
+var REMOVE = 'remove';
+HANDLE_ICON_MAP.set(REMOVE, 'icons/delete.svg');
+var DECORATION_ICON_MAP = new Map();
+var ERROR = 'error';
+DECORATION_ICON_MAP.set(ERROR, 'icons/error.svg');
+joint.util.cloneDeep = function (obj) {
+ return cloneDeepWith(obj, function (o) {
+ if (isObject(o) && !isPlainObject(o)) {
+ return o;
+ }
+ });
+};
+joint.util.filter.redscale = function (args) {
+ var amount = Number.isFinite(args.amount) ? args.amount : 1;
+ return template('', {
+ id: 'palette-floater'
+ }).appendTo($$2('body'));
+ var floatergraph = new joint$1.dia.Graph();
+ floatergraph.set('type', Constants.FEEDBACK_CONTEXT);
+ var parent_1 = $$2('#palette-floater');
+ this.floaterpaper = new joint$1.dia.Paper({
+ el: $$2('#palette-floater'),
+ elementView: this.renderer && this.renderer.getNodeView ? this.renderer.getNodeView() : joint$1.dia.ElementView,
+ gridSize: 10,
+ model: floatergraph,
+ height: parent_1.height(),
+ width: parent_1.width(),
+ validateMagnet: function () { return false; },
+ validateConnection: function () { return false; }
+ });
+ // TODO float thing needs to be bigger otherwise icon label is missing
+ // Initiative drag and drop - create draggable element
+ var floaternode = Shapes.Factory.createNode({
+ 'renderer': this.renderer,
+ 'paper': this.floaterpaper,
+ 'graph': floatergraph,
+ 'metadata': dataOfClickedElement
+ });
+ // Only node view expected
+ var box = this.floaterpaper.findViewByModel(floaternode).getBBox();
+ var size = floaternode.get('size');
+ // Account for node real size including ports
+ floaternode.translate(box.width - size.width, box.height - size.height);
+ this.viewBeingDragged = this.floaterpaper.findViewByModel(floaternode);
+ $$2('#palette-floater').offset({ left: event.pageX + 5, top: event.pageY + 5 });
+ }
+ else {
+ $$2('#palette-floater').offset({ left: event.pageX + 5, top: event.pageY + 5 });
+ this.trigger({
+ type: Flo.DnDEventType.DRAG,
+ view: this.viewBeingDragged,
+ event: event
+ });
+ }
+ }
+ };
+ /*
+ * Modify the rotation of the arrow in the header from horizontal(closed) to vertical(open)
+ */
+ Palette.prototype.rotateOpen = function (element) {
+ var _this = this;
+ setTimeout(function () { return _this.doRotateOpen(element, 90); });
+ };
+ Palette.prototype.doRotateOpen = function (element, angle) {
+ var _this = this;
+ angle -= 10;
+ element.attr({ 'path': { 'transform': 'rotate(-' + angle + ',15,13)' } });
+ if (angle <= 0) {
+ element.set('isOpen', true);
+ this.closedGroups.delete(element.get('header'));
+ this.rebuildPalette();
+ }
+ else {
+ setTimeout(function () { return _this.doRotateOpen(element, angle); }, 10);
+ }
+ };
+ Palette.prototype.doRotateClose = function (element, angle) {
+ var _this = this;
+ angle += 10;
+ element.attr({ 'path': { 'transform': 'rotate(-' + angle + ',15,13)' } });
+ if (angle >= 90) {
+ element.set('isOpen', false);
+ this.closedGroups.add(element.get('header'));
+ this.rebuildPalette();
+ }
+ else {
+ setTimeout(function () { return _this.doRotateClose(element, angle); }, 10);
+ }
+ };
+ // TODO better name for this function as this does the animation *and* updates the palette
+ /*
+ * Modify the rotation of the arrow in the header from vertical(open) to horizontal(closed)
+ */
+ Palette.prototype.rotateClosed = function (element) {
+ var _this = this;
+ setTimeout(function () { return _this.doRotateClose(element, 0); });
+ };
+ __decorate([
+ Input(),
+ __metadata("design:type", Object)
+ ], Palette.prototype, "metamodel", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", Object)
+ ], Palette.prototype, "renderer", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", Object)
+ ], Palette.prototype, "paletteEntryPadding", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], Palette.prototype, "onPaletteEntryDrop", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], Palette.prototype, "paletteReady", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], Palette.prototype, "paletteFocus", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", Number),
+ __metadata("design:paramtypes", [Number])
+ ], Palette.prototype, "paletteSize", null);
+ Palette = __decorate([
+ Component({
+ selector: 'flo-palette',
+ template: "\n
\n
\n
\n ",
+ styles: ["\n /* Joint JS paper for drawing palette -> canvas DnD visual feedback START */\n\n #palette-floater {\n /* TODO size relative to paper that goes on it? */\n opacity: 0.75;\n width:170px;\n height:60px;\n background-color: transparent;\n /*\n background-color: #6db33f;\n */\n float:left;\n position: absolute;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n }\n\n #palette-floater.joint-paper > svg {\n background-color: transparent;\n }\n\n #palette-paper-container {\n overflow-y: auto;\n overflow-x: hidden;\n background-color: white;\n color: white;\n }\n\n /* Joint JS paper for drawing palette -> canvas DnD visual feedback END */\n\n /* Palette START */\n\n .palette-filter {\n border: 3px solid #6db33f;\n }\n\n .palette-filter-textfield {\n width: 100%;\n font-size:24px;\n /* border: 3px solid #6db33f;\n */\tfont-family: \"Varela Round\",sans-serif;\n /* \tpadding: 2px; */\n }\n\n .palette-paper {\n background-color: #eeeeee;\n /*\n border-right: 7px solid;\n */\n border-color: #6db33f;\n /* \twidth: 170px;\n height:100%;\n float: left;\n */\n }\n\n /* Palette END */\n "],
+ encapsulation: ViewEncapsulation.None
+ }),
+ __param(1, Inject(DOCUMENT)),
+ __metadata("design:paramtypes", [ElementRef, Object])
+ ], Palette);
+ return Palette;
+}());
+
+var joint$2 = Flo.joint;
+var $$3 = _$;
+var Utils = /** @class */ (function () {
+ function Utils() {
+ }
+ Utils.fanRoute = function (graph, cell) {
+ if (cell instanceof joint$2.dia.Element) {
+ var links = graph.getConnectedLinks(cell);
+ var groupsOfOverlappingLinks = groupBy(links, function (link) {
+ // the key of the group is the model id of the link's source or target, but not our cell id.
+ var sourceId = link.get('source').id;
+ var targetId = link.get('target').id;
+ return cell.id !== sourceId ? sourceId : targetId;
+ });
+ each(groupsOfOverlappingLinks, function (group, key) {
+ // If the member of the group has both source and target model adjust vertices.
+ var toRoute = {};
+ if (key !== undefined) {
+ group.forEach(function (link) {
+ if (link.get('source').id === cell.get('id') && link.get('target').id) {
+ toRoute[link.get('target').id] = link;
+ }
+ else if (link.get('target').id === cell.get('id') && link.get('source').id) {
+ toRoute[link.get('source').id] = link;
+ }
+ });
+ Object.keys(toRoute).forEach(function (k) {
+ Utils.fanRoute(graph, toRoute[k]);
+ });
+ }
+ });
+ }
+ else if (cell instanceof joint$2.dia.Link) {
+ // The cell is a link. Let's find its source and target models.
+ var srcId_1 = cell.get('source').id || cell.previous('source').id;
+ var trgId_1 = cell.get('target').id || cell.previous('target').id;
+ // If one of the ends is not a model, the link has no siblings.
+ if (!srcId_1 || !trgId_1) {
+ return;
+ }
+ var siblings = graph.getLinks().filter(function (sibling) {
+ var _srcId = sibling.get('source').id;
+ var _trgId = sibling.get('target').id;
+ var vertices = sibling.get('vertices');
+ var fanRouted = !vertices || vertices.length === 0 || sibling.get('fanRouted');
+ return ((_srcId === srcId_1 && _trgId === trgId_1) || (_srcId === trgId_1 && _trgId === srcId_1)) && fanRouted;
+ });
+ switch (siblings.length) {
+ case 0:
+ // The link was removed and had no siblings.
+ break;
+ case 1:
+ // There is only one link between the source and target. No vertices needed.
+ var vertices = cell.get('vertices');
+ if (vertices && vertices.length && cell.get('fanRouted')) {
+ cell.unset('vertices');
+ }
+ break;
+ default:
+ // There is more than one siblings. We need to create vertices.
+ // First of all we'll find the middle point of the link.
+ var source = graph.getCell(srcId_1);
+ var target = graph.getCell(trgId_1);
+ if (!source || !target) {
+ // When clearing the graph it may happen that some nodes are gone and some are left
+ return;
+ }
+ var srcCenter = source.getBBox().center();
+ var trgCenter = target.getBBox().center();
+ var midPoint_1 = joint$2.g.line(srcCenter, trgCenter).midpoint();
+ // Then find the angle it forms.
+ var theta_1 = srcCenter.theta(trgCenter);
+ // This is the maximum distance between links
+ var gap_1 = 20;
+ siblings.forEach(function (sibling, index) {
+ // We want the offset values to be calculated as follows 0, 20, 20, 40, 40, 60, 60 ..
+ var offset = gap_1 * Math.ceil(index / 2);
+ // Now we need the vertices to be placed at points which are 'offset' pixels distant
+ // from the first link and forms a perpendicular angle to it. And as index goes up
+ // alternate left and right.
+ //
+ // ^ odd indexes
+ // |
+ // |----> index 0 line (straight line between a source center and a target center.
+ // |
+ // v even indexes
+ var sign = index % 2 ? 1 : -1;
+ var angle = joint$2.g.toRad(theta_1 + sign * 90);
+ // We found the vertex.
+ var vertex = joint$2.g.point.fromPolar(offset, angle, midPoint_1);
+ sibling.set('fanRouted', true);
+ sibling.set('vertices', [{ x: vertex.x, y: vertex.y }], { 'fanRouted': true });
+ });
+ }
+ }
+ };
+ Utils.isCustomPaperEvent = function (args) {
+ return args.length === 5 &&
+ isString(args[0]) &&
+ (args[0].indexOf('link:') === 0 || args[0].indexOf('element:') === 0) &&
+ args[1] instanceof $$3.Event &&
+ args[2] instanceof joint$2.dia.CellView &&
+ isNumber(args[3]) &&
+ isNumber(args[4]);
+ };
+ return Utils;
+}());
+
+var joint$3 = Flo.joint;
+var $$4 = _$;
+var SCROLLBAR_SIZE = 17;
+var EditorComponent = /** @class */ (function () {
+ function EditorComponent(element) {
+ var _this = this;
+ this.element = element;
+ /**
+ * Flag specifying whether the Flo-Editor is in read-only mode.
+ */
+ this._readOnlyCanvas = false;
+ /**
+ * Grid size
+ */
+ this._gridSize = 1;
+ this._hiddenPalette = false;
+ this.textToGraphEventEmitter = new EventEmitter();
+ this.graphToTextEventEmitter = new EventEmitter();
+ this._graphToTextSyncEnabled = true;
+ this.validationEventEmitter = new EventEmitter();
+ this._disposables = new CompositeDisposable();
+ this._dslText = '';
+ this.textToGraphConversionCompleted = new Subject();
+ this.graphToTextConversionCompleted = new Subject();
+ this.paletteReady = new BehaviorSubject(false);
+ /**
+ * Min zoom percent value
+ */
+ this.minZoom = 5;
+ /**
+ * Max zoom percent value
+ */
+ this.maxZoom = 400;
+ /**
+ * Zoom percent increment/decrement step
+ */
+ this.zoomStep = 5;
+ this.paperPadding = 0;
+ this.floApi = new EventEmitter();
+ this.validationMarkers = new EventEmitter();
+ this.contentValidated = new EventEmitter();
+ this.dslChange = new EventEmitter();
+ this._resizeHandler = function () { return _this.autosizePaper(); };
+ var self = this;
+ this.editorContext = new (/** @class */ (function () {
+ function DefaultRunnableContext() {
+ }
+ Object.defineProperty(DefaultRunnableContext.prototype, "zoomPercent", {
+ get: function () {
+ return self.zoomPercent;
+ },
+ set: function (percent) {
+ self.zoomPercent = percent;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "noPalette", {
+ get: function () {
+ return self.noPalette;
+ },
+ set: function (noPalette) {
+ self.noPalette = noPalette;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "gridSize", {
+ get: function () {
+ return self.gridSize;
+ },
+ set: function (gridSize) {
+ self.gridSize = gridSize;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "readOnlyCanvas", {
+ get: function () {
+ return self.readOnlyCanvas;
+ },
+ set: function (readOnly) {
+ self.readOnlyCanvas = readOnly;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ DefaultRunnableContext.prototype.setDsl = function (dsl) {
+ self.dsl = dsl;
+ };
+ DefaultRunnableContext.prototype.updateGraph = function () {
+ return self.updateGraphRepresentation();
+ };
+ DefaultRunnableContext.prototype.updateText = function () {
+ return self.updateTextRepresentation();
+ };
+ DefaultRunnableContext.prototype.performLayout = function () {
+ return self.doLayout();
+ };
+ DefaultRunnableContext.prototype.clearGraph = function () {
+ var _this = this;
+ self.selection = undefined;
+ self.graph.clear();
+ if (self.metamodel && self.metamodel.load && self.editor && self.editor.setDefaultContent) {
+ return self.metamodel.load().then(function (data) {
+ self.editor.setDefaultContent(_this, data);
+ if (!self.graphToTextSync) {
+ return self.updateTextRepresentation();
+ }
+ });
+ }
+ else {
+ if (!self.graphToTextSync) {
+ return self.updateTextRepresentation();
+ }
+ }
+ };
+ DefaultRunnableContext.prototype.getGraph = function () {
+ return self.graph;
+ };
+ DefaultRunnableContext.prototype.getPaper = function () {
+ return self.paper;
+ };
+ Object.defineProperty(DefaultRunnableContext.prototype, "graphToTextSync", {
+ get: function () {
+ return self.graphToTextSync;
+ },
+ set: function (sync) {
+ self.graphToTextSync = sync;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ DefaultRunnableContext.prototype.getMinZoom = function () {
+ return self.minZoom;
+ };
+ DefaultRunnableContext.prototype.getMaxZoom = function () {
+ return self.maxZoom;
+ };
+ DefaultRunnableContext.prototype.getZoomStep = function () {
+ return self.zoomStep;
+ };
+ DefaultRunnableContext.prototype.fitToPage = function () {
+ self.fitToPage();
+ };
+ DefaultRunnableContext.prototype.createNode = function (metadata, props, position) {
+ return self.createNode(metadata, props, position);
+ };
+ DefaultRunnableContext.prototype.createLink = function (source, target, metadata, props) {
+ return self.createLink(source, target, metadata, props);
+ };
+ Object.defineProperty(DefaultRunnableContext.prototype, "selection", {
+ get: function () {
+ return self.selection;
+ },
+ set: function (newSelection) {
+ self.selection = newSelection;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ DefaultRunnableContext.prototype.deleteSelectedNode = function () {
+ if (self.selection) {
+ if (self.editor && self.editor.preDelete) {
+ self.editor.preDelete(self.editorContext, self.selection.model);
+ }
+ else {
+ if (self.selection.model instanceof joint$3.dia.Element) {
+ self.graph.getConnectedLinks(self.selection.model).forEach(function (l) { return l.remove(); });
+ }
+ }
+ self.selection.model.remove();
+ self.selection = undefined;
+ }
+ };
+ Object.defineProperty(DefaultRunnableContext.prototype, "textToGraphConversionObservable", {
+ get: function () {
+ return self.textToGraphConversionCompleted;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "graphToTextConversionObservable", {
+ get: function () {
+ return self.graphToTextConversionCompleted;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DefaultRunnableContext.prototype, "paletteReady", {
+ get: function () {
+ return self.paletteReady;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return DefaultRunnableContext;
+ }()))();
+ }
+ EditorComponent.prototype.ngOnInit = function () {
+ var _this = this;
+ this.initGraph();
+ this.initPaper();
+ this.initGraphListeners();
+ this.initPaperListeners();
+ this.initMetamodel();
+ $$4(window).on('resize', this._resizeHandler);
+ this._disposables.add(Disposable.create(function () { return $$4(window).off('resize', _this._resizeHandler); }));
+ /*
+ * Execute resize to get the right size for the SVG element on the editor canvas.
+ * Executed via timeout to let angular render the DOM first and elements to have the right width and height
+ */
+ window.setTimeout(this._resizeHandler);
+ this.floApi.emit(this.editorContext);
+ };
+ EditorComponent.prototype.ngOnDestroy = function () {
+ this._disposables.dispose();
+ };
+ Object.defineProperty(EditorComponent.prototype, "noPalette", {
+ get: function () {
+ return this._hiddenPalette;
+ },
+ set: function (hidden) {
+ this._hiddenPalette = hidden;
+ // If palette is not shown ensure that canvas starts from the left==0!
+ if (hidden) {
+ $$4('#paper-container', this.element.nativeElement).css('left', 0);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(EditorComponent.prototype, "graphToTextSync", {
+ get: function () {
+ return this._graphToTextSyncEnabled;
+ },
+ set: function (sync) {
+ this._graphToTextSyncEnabled = sync;
+ // Try commenting the sync out. Just set the flag but don't kick off graph->text conversion
+ // this.performGraphToTextSyncing();
+ },
+ enumerable: true,
+ configurable: true
+ });
+ EditorComponent.prototype.performGraphToTextSyncing = function () {
+ if (this._graphToTextSyncEnabled) {
+ this.graphToTextEventEmitter.emit();
+ }
+ };
+ EditorComponent.prototype.createHandle = function (element, kind, action, location) {
+ if (!location) {
+ var bbox = element.model.getBBox();
+ location = bbox.origin().offset(bbox.width / 2, bbox.height / 2);
+ }
+ var handle = Shapes.Factory.createHandle({
+ renderer: this.renderer,
+ paper: this.paper,
+ parent: element.model,
+ kind: kind,
+ position: location
+ });
+ var view = this.paper.findViewByModel(handle);
+ view.on('cell:pointerdown', function () {
+ if (action) {
+ action();
+ }
+ });
+ view.on('cell:mouseover', function () {
+ handle.attr('image/filter', {
+ name: 'dropShadow',
+ args: { dx: 1, dy: 1, blur: 1, color: 'black' }
+ });
+ });
+ view.on('cell:mouseout', function () {
+ handle.removeAttr('image/filter');
+ });
+ view.setInteractivity(false);
+ return handle;
+ };
+ EditorComponent.prototype.removeEmbeddedChildrenOfType = function (element, types) {
+ var embeds = element.getEmbeddedCells();
+ for (var i = 0; i < embeds.length; i++) {
+ if (types.indexOf(embeds[i].get('type')) >= 0) {
+ embeds[i].remove();
+ }
+ }
+ };
+ Object.defineProperty(EditorComponent.prototype, "selection", {
+ get: function () {
+ return this._selection;
+ },
+ set: function (newSelection) {
+ var _this = this;
+ if (newSelection && (newSelection.model.get('type') === joint$3.shapes.flo.DECORATION_TYPE || newSelection.model.get('type') === joint$3.shapes.flo.HANDLE_TYPE)) {
+ newSelection = this.paper.findViewByModel(this.graph.getCell(newSelection.model.get('parent')));
+ }
+ if (newSelection && (!newSelection.model.attr('metadata') || newSelection.model.attr('metadata/metadata/unselectable'))) {
+ newSelection = undefined;
+ }
+ if (newSelection !== this._selection) {
+ if (this._selection) {
+ var elementview = this.paper.findViewByModel(this._selection.model);
+ if (elementview) { // May have been removed from the graph
+ this.removeEmbeddedChildrenOfType(elementview.model, joint$3.shapes.flo.HANDLE_TYPE);
+ elementview.unhighlight();
+ }
+ }
+ if (newSelection) {
+ newSelection.highlight();
+ if (this.editor && this.editor.createHandles) {
+ this.editor.createHandles(this.editorContext, function (owner, kind, action, location) { return _this.createHandle(owner, kind, action, location); }, newSelection);
+ }
+ }
+ this._selection = newSelection;
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(EditorComponent.prototype, "readOnlyCanvas", {
+ get: function () {
+ return this._readOnlyCanvas;
+ },
+ set: function (value) {
+ var _this = this;
+ if (this._readOnlyCanvas === value) {
+ // Nothing to do
+ return;
+ }
+ if (value) {
+ this.selection = undefined;
+ }
+ if (this.graph) {
+ this.graph.getLinks().forEach(function (link) {
+ if (value) {
+ link.attr('.link-tools/display', 'none');
+ link.attr('.marker-vertices/display', 'none');
+ link.attr('.connection-wrap/display', 'none');
+ }
+ else {
+ link.removeAttr('.link-tools/display');
+ if (_this.editor && _this.editor.allowLinkVertexEdit) {
+ link.removeAttr('.marker-vertices/display');
+ }
+ link.removeAttr('.connection-wrap/display');
+ }
+ });
+ }
+ this._readOnlyCanvas = value;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ * Displays graphical feedback for the drag and drop in progress based on current drag and drop descriptor object
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ EditorComponent.prototype.showDragFeedback = function (dragDescriptor) {
+ if (this.editor && this.editor.showDragFeedback) {
+ this.editor.showDragFeedback(this.editorContext, dragDescriptor);
+ }
+ else {
+ var magnet = void 0;
+ if (dragDescriptor.source && dragDescriptor.source.view) {
+ joint$3.V(dragDescriptor.source.view.el).addClass('dnd-source-feedback');
+ if (dragDescriptor.source.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.source.view, dragDescriptor.source.cssClassSelector);
+ if (magnet) {
+ joint$3.V(magnet).addClass('dnd-source-feedback');
+ }
+ }
+ }
+ if (dragDescriptor.target && dragDescriptor.target.view) {
+ joint$3.V(dragDescriptor.target.view.el).addClass('dnd-target-feedback');
+ if (dragDescriptor.target.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.target.view, dragDescriptor.target.cssClassSelector);
+ if (magnet) {
+ joint$3.V(magnet).addClass('dnd-target-feedback');
+ }
+ }
+ }
+ }
+ };
+ /**
+ * Hides graphical feedback for the drag and drop in progress based on current drag and drop descriptor object
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ EditorComponent.prototype.hideDragFeedback = function (dragDescriptor) {
+ if (this.editor && this.editor.hideDragFeedback) {
+ this.editor.hideDragFeedback(this.editorContext, dragDescriptor);
+ }
+ else {
+ var magnet = void 0;
+ if (dragDescriptor.source && dragDescriptor.source.view) {
+ joint$3.V(dragDescriptor.source.view.el).removeClass('dnd-source-feedback');
+ if (dragDescriptor.source.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.source.view, dragDescriptor.source.cssClassSelector);
+ if (magnet) {
+ joint$3.V(magnet).removeClass('dnd-source-feedback');
+ }
+ }
+ }
+ if (dragDescriptor.target && dragDescriptor.target.view) {
+ joint$3.V(dragDescriptor.target.view.el).removeClass('dnd-target-feedback');
+ if (dragDescriptor.target.cssClassSelector) {
+ magnet = Flo.findMagnetByClass(dragDescriptor.target.view, dragDescriptor.target.cssClassSelector);
+ if (magnet) {
+ joint$3.V(magnet).removeClass('dnd-target-feedback');
+ }
+ }
+ }
+ }
+ };
+ /**
+ * Sets the new DnD info object - the descriptor for DnD
+ *
+ * @param dragDescriptor DnD info object. Has on info on graph node being dragged (drag source) and what it is
+ * being dragged over at the moment (drop target)
+ */
+ EditorComponent.prototype.setDragDescriptor = function (dragDescriptor) {
+ if (this.highlighted === dragDescriptor) {
+ return;
+ }
+ if (this.highlighted && dragDescriptor && isEqual(this.highlighted.sourceComponent, dragDescriptor.sourceComponent)) {
+ if (this.highlighted.source === dragDescriptor.source && this.highlighted.target === dragDescriptor.target) {
+ return;
+ }
+ if (this.highlighted.source &&
+ dragDescriptor.source &&
+ this.highlighted.target &&
+ dragDescriptor.target &&
+ this.highlighted.source.view.model === dragDescriptor.source.view.model &&
+ this.highlighted.source.cssClassSelector === dragDescriptor.source.cssClassSelector &&
+ this.highlighted.target.view.model === dragDescriptor.target.view.model &&
+ this.highlighted.target.cssClassSelector === dragDescriptor.target.cssClassSelector) {
+ return;
+ }
+ }
+ if (this.highlighted) {
+ this.hideDragFeedback(this.highlighted);
+ }
+ this.highlighted = dragDescriptor;
+ if (this.highlighted) {
+ this.showDragFeedback(this.highlighted);
+ }
+ };
+ /**
+ * Handles DnD events when a node is being dragged over canvas
+ *
+ * @param draggedView The Joint JS view object being dragged
+ * @param targetUnderMouse The Joint JS view under mouse cursor
+ * @param x X coordinate of the mouse on the canvas
+ * @param y Y coordinate of the mosue on the canvas
+ * @param context DnD context (palette or canvas)
+ */
+ EditorComponent.prototype.handleNodeDragging = function (draggedView, targetUnderMouse, x, y, sourceComponent) {
+ if (this.editor && this.editor.calculateDragDescriptor) {
+ this.setDragDescriptor(this.editor.calculateDragDescriptor(this.editorContext, draggedView, targetUnderMouse, joint$3.g.point(x, y), sourceComponent));
+ }
+ };
+ /**
+ * Handles DnD drop event when a node is being dragged and dropped on the main canvas
+ */
+ EditorComponent.prototype.handleNodeDropping = function () {
+ if (this.highlighted && this.editor && this.editor.handleNodeDropping) {
+ this.editor.handleNodeDropping(this.editorContext, this.highlighted);
+ }
+ this.setDragDescriptor(undefined);
+ };
+ /**
+ * Hides DOM Node (used to determine drop target DOM element)
+ * @param domNode DOM node to hide
+ * @returns
+ */
+ EditorComponent.prototype._hideNode = function (domNode) {
+ var oldVisibility = {
+ visibility: domNode.style ? domNode.style.display : undefined,
+ children: []
+ };
+ for (var i = 0; i < domNode.children.length; i++) {
+ var node = domNode.children.item(i);
+ if (node instanceof HTMLElement) {
+ oldVisibility.children.push(this._hideNode(node));
+ }
+ }
+ domNode.style.display = 'none';
+ return oldVisibility;
+ };
+ /**
+ * Restored DOM node original visibility (used to determine drop target DOM element)
+ * @param domNode DOM node to restore visibility of
+ * @param oldVisibility original visibility parameter
+ */
+ EditorComponent.prototype._restoreNodeVisibility = function (domNode, oldVisibility) {
+ if (domNode.style) {
+ domNode.style.display = oldVisibility.visibility;
+ }
+ var j = 0;
+ for (var i = 0; i < domNode.childNodes.length; i++) {
+ if (j < oldVisibility.children.length) {
+ var node = domNode.children.item(i);
+ if (node instanceof HTMLElement) {
+ this._restoreNodeVisibility(node, oldVisibility.children[j++]);
+ }
+ }
+ }
+ };
+ /**
+ * Unfortunately we can't just use event.target because often draggable shape on the canvas overlaps the target.
+ * We can easily find the element(s) at location, but only nodes :-( Unclear how to find links at location
+ * (bounding box of a link for testing is bad).
+ * The result of that is that links can only be the drop target when dragging from the palette currently.
+ * When DnDing shapes on the canvas drop target cannot be a link.
+ *
+ * Excluded views enables you to choose to filter some possible answers (useful in the case where elements are stacked
+ * - e.g. Drag-n-Drop)
+ */
+ EditorComponent.prototype.getTargetViewFromEvent = function (event, x, y, excludeViews) {
+ var _this = this;
+ if (excludeViews === void 0) { excludeViews = []; }
+ if (!x && !y) {
+ var l = this.paper.snapToGrid({ x: event.clientX, y: event.clientY });
+ x = l.x;
+ y = l.y;
+ }
+ // TODO: See if next code paragraph is needed. Most likely it's just code executed for nothing
+ // let elements = this.graph.findModelsFromPoint(joint.g.point(x, y));
+ // let underMouse = elements.find(e => !_.isUndefined(excludeViews.find(x => x === this.paper.findViewByModel(e))));
+ // if (underMouse) {
+ // return underMouse;
+ // }
+ var oldVisibility = excludeViews.map(function (_x) { return _this._hideNode(_x.el); });
+ var targetElement = document.elementFromPoint(event.clientX, event.clientY);
+ excludeViews.forEach(function (excluded, i) {
+ _this._restoreNodeVisibility(excluded.el, oldVisibility[i]);
+ });
+ return this.paper.findView($$4(targetElement));
+ };
+ EditorComponent.prototype.handleDnDFromPalette = function (dndEvent) {
+ switch (dndEvent.type) {
+ case Flo.DnDEventType.DRAG:
+ this.handleDragFromPalette(dndEvent);
+ break;
+ case Flo.DnDEventType.DROP:
+ this.handleDropFromPalette(dndEvent);
+ break;
+ default:
+ break;
+ }
+ };
+ EditorComponent.prototype.handleDragFromPalette = function (dnDEvent) {
+ console.debug('Dragging from palette');
+ if (dnDEvent.view && !this.readOnlyCanvas) {
+ var location_1 = this.paper.snapToGrid({ x: dnDEvent.event.clientX, y: dnDEvent.event.clientY });
+ this.handleNodeDragging(dnDEvent.view, this.getTargetViewFromEvent(dnDEvent.event, location_1.x, location_1.y, [dnDEvent.view]), location_1.x, location_1.y, Constants.PALETTE_CONTEXT);
+ }
+ };
+ EditorComponent.prototype.createNode = function (metadata, props, position) {
+ return Shapes.Factory.createNode({
+ renderer: this.renderer,
+ paper: this.paper,
+ metadata: metadata,
+ props: props,
+ position: position
+ });
+ };
+ EditorComponent.prototype.createLink = function (source, target, metadata, props) {
+ return Shapes.Factory.createLink({
+ renderer: this.renderer,
+ paper: this.paper,
+ source: source,
+ target: target,
+ metadata: metadata,
+ props: props
+ });
+ };
+ EditorComponent.prototype.handleDropFromPalette = function (event) {
+ var cellview = event.view;
+ var evt = event.event;
+ if (this.paper.el === evt.target || $$4.contains(this.paper.el, evt.target)) {
+ if (this.readOnlyCanvas) {
+ this.setDragDescriptor(undefined);
+ }
+ else {
+ var metadata = cellview.model.attr('metadata');
+ var props = cellview.model.attr('props');
+ var position = this.paper.snapToGrid({ x: evt.clientX, y: evt.clientY });
+ /* Calculate target element before creating the new
+ * element under mouse location. Otherwise target
+ * element would be the newly created element because
+ * it's under the mouse pointer
+ */
+ var targetElement = this.getTargetViewFromEvent(evt, position.x, position.y, [event.view]);
+ var newNode = this.createNode(metadata, props, position);
+ var newView = this.paper.findViewByModel(newNode);
+ this.handleNodeDragging(newView, targetElement, position.x, position.y, Constants.PALETTE_CONTEXT);
+ this.handleNodeDropping();
+ }
+ }
+ };
+ EditorComponent.prototype.fitToContent = function (gridWidth, gridHeight, padding, opt) {
+ var paper = this.paper;
+ if (joint$3.util.isObject(gridWidth)) {
+ // first parameter is an option object
+ opt = gridWidth;
+ gridWidth = opt.gridWidth || 1;
+ gridHeight = opt.gridHeight || 1;
+ padding = opt.padding || 0;
+ }
+ else {
+ opt = opt || {};
+ gridWidth = gridWidth || 1;
+ gridHeight = gridHeight || 1;
+ padding = padding || 0;
+ }
+ var paddingJson = joint$3.util.normalizeSides(padding);
+ // Calculate the paper size to accomodate all the graph's elements.
+ var bbox = joint$3.V(paper.viewport).getBBox();
+ var currentScale = paper.scale();
+ var currentTranslate = paper.translate();
+ bbox.x *= currentScale.sx;
+ bbox.y *= currentScale.sy;
+ bbox.width *= currentScale.sx;
+ bbox.height *= currentScale.sy;
+ var calcWidth = Math.max((bbox.width + bbox.x) / gridWidth, 1) * gridWidth;
+ var calcHeight = Math.max((bbox.height + bbox.y) / gridHeight, 1) * gridHeight;
+ var tx = 0;
+ var ty = 0;
+ if ((opt.allowNewOrigin === 'negative' && bbox.x < 0) || (opt.allowNewOrigin === 'positive' && bbox.x >= 0) || opt.allowNewOrigin === 'any') {
+ tx = (-bbox.x / gridWidth) * gridWidth;
+ tx += paddingJson.left;
+ }
+ else if (opt.allowNewOrigin === 'same') {
+ tx = currentTranslate.tx;
+ }
+ calcWidth += tx;
+ if ((opt.allowNewOrigin === 'negative' && bbox.y < 0) || (opt.allowNewOrigin === 'positive' && bbox.y >= 0) || opt.allowNewOrigin === 'any') {
+ ty = (-bbox.y / gridHeight) * gridHeight;
+ ty += paddingJson.top;
+ }
+ else if (opt.allowNewOrigin === 'same') {
+ ty = currentTranslate.ty;
+ }
+ calcHeight += ty;
+ calcWidth += paddingJson.right;
+ calcHeight += paddingJson.bottom;
+ // Make sure the resulting width and height are greater than minimum.
+ calcWidth = Math.max(calcWidth, opt.minWidth || 0);
+ calcHeight = Math.max(calcHeight, opt.minHeight || 0);
+ // Make sure the resulting width and height are lesser than maximum.
+ calcWidth = Math.min(calcWidth, opt.maxWidth || Number.MAX_VALUE);
+ calcHeight = Math.min(calcHeight, opt.maxHeight || Number.MAX_VALUE);
+ var dimensionChange = calcWidth !== paper.options.width || calcHeight !== paper.options.height;
+ var originChange = tx !== currentTranslate.tx || ty !== currentTranslate.ty;
+ // Change the dimensions only if there is a size discrepency or an origin change
+ if (originChange) {
+ paper.translate(tx, ty);
+ }
+ if (dimensionChange) {
+ paper.setDimensions(calcWidth, calcHeight);
+ }
+ };
+ EditorComponent.prototype.autosizePaper = function () {
+ var parent = $$4('#paper-container', this.element.nativeElement);
+ var parentWidth = parent.innerWidth();
+ var parentHeight = parent.innerHeight();
+ this.fitToContent(this.gridSize, this.gridSize, this.paperPadding, {
+ minWidth: parentWidth - SCROLLBAR_SIZE,
+ minHeight: parentHeight - SCROLLBAR_SIZE,
+ allowNewOrigin: 'same'
+ });
+ };
+ EditorComponent.prototype.fitToPage = function () {
+ var parent = $$4('#paper-container', this.element.nativeElement);
+ var minScale = this.minZoom / 100;
+ var maxScale = 2;
+ var parentWidth = parent.innerWidth();
+ var parentHeight = parent.innerHeight();
+ this.paper.scaleContentToFit({
+ padding: this.paperPadding,
+ minScaleX: minScale,
+ minScaleY: minScale,
+ maxScaleX: maxScale,
+ maxScaleY: maxScale,
+ fittingBBox: { x: 0, y: 0, width: parentWidth - SCROLLBAR_SIZE, height: parentHeight - SCROLLBAR_SIZE }
+ });
+ /**
+ * Size the canvas appropriately and allow origin movement
+ */
+ this.fitToContent(this.gridSize, this.gridSize, this.paperPadding, {
+ minWidth: parentWidth,
+ minHeight: parentHeight,
+ maxWidth: parentWidth,
+ maxHeight: parentHeight,
+ allowNewOrigin: 'any'
+ });
+ };
+ Object.defineProperty(EditorComponent.prototype, "zoomPercent", {
+ get: function () {
+ return Math.round(joint$3.V(this.paper.viewport).scale().sx * 100);
+ },
+ set: function (percent) {
+ if (!isNaN(percent)) {
+ if (percent < this.minZoom) {
+ percent = this.minZoom;
+ }
+ else if (percent >= this.maxZoom) {
+ percent = this.maxZoom;
+ }
+ else {
+ if (percent <= 0) {
+ percent = 0.00001;
+ }
+ }
+ this.paper.scale(percent / 100, percent / 100);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(EditorComponent.prototype, "gridSize", {
+ get: function () {
+ return this._gridSize;
+ },
+ set: function (size) {
+ if (!isNaN(size) && size >= 1) {
+ this._gridSize = size;
+ if (this.paper) {
+ this.paper.setGridSize(size);
+ }
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ EditorComponent.prototype.validateContent = function () {
+ var _this = this;
+ return new Promise(function (resolve) {
+ if (_this.editor && _this.editor.validate) {
+ return _this.editor
+ .validate(_this.graph, _this.dsl, _this.editorContext)
+ .then(function (allMarkers) {
+ _this.graph.getCells()
+ .forEach(function (cell) { return _this.markElement(cell, allMarkers.has(cell.id) ? allMarkers.get(cell.id) : []); });
+ _this.validationMarkers.emit(allMarkers);
+ _this.contentValidated.emit(true);
+ resolve();
+ });
+ }
+ else {
+ resolve();
+ }
+ });
+ };
+ EditorComponent.prototype.markElement = function (cell, markers) {
+ var errorMessages = markers.map(function (m) { return m.message; });
+ var errorCell = cell.getEmbeddedCells().find(function (e) { return e.attr('./kind') === Constants.ERROR_DECORATION_KIND; });
+ if (errorCell) {
+ if (errorMessages.length === 0) {
+ errorCell.remove();
+ }
+ else {
+ // Without rewrite we merge this list with existing errors
+ errorCell.attr('messages', errorMessages, { rewrite: true });
+ }
+ }
+ else if (errorMessages.length > 0) {
+ var error = Shapes.Factory.createDecoration({
+ renderer: this.renderer,
+ paper: this.paper,
+ parent: cell,
+ kind: Constants.ERROR_DECORATION_KIND,
+ messages: errorMessages
+ });
+ var pt = void 0;
+ var view = this.paper.findViewByModel(error);
+ if (cell instanceof joint$3.dia.Element) {
+ pt = cell.getBBox().topRight().offset(-error.get('size').width, 0);
+ error.set('position', pt);
+ view.setInteractivity(false);
+ }
+ }
+ };
+ EditorComponent.prototype.doLayout = function () {
+ if (this.renderer && this.renderer.layout) {
+ return this.renderer.layout(this.paper);
+ }
+ };
+ Object.defineProperty(EditorComponent.prototype, "dsl", {
+ get: function () {
+ return this._dslText;
+ },
+ set: function (dslText) {
+ if (this._dslText !== dslText) {
+ this._dslText = dslText;
+ this.textToGraphEventEmitter.emit();
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ * Ask the server to parse the supplied text into a JSON graph of nodes and links,
+ * then update the view based on that new information.
+ */
+ EditorComponent.prototype.updateGraphRepresentation = function () {
+ var _this = this;
+ console.debug("Updating graph to represent '" + this._dslText + "'");
+ if (this.metamodel && this.metamodel.textToGraph) {
+ return this.metamodel.textToGraph(this.editorContext, this._dslText).then(function () {
+ _this.textToGraphConversionCompleted.next();
+ return _this.validateContent();
+ });
+ }
+ else {
+ this.textToGraphConversionCompleted.next();
+ return this.validateContent();
+ }
+ };
+ EditorComponent.prototype.updateTextRepresentation = function () {
+ var _this = this;
+ if (this.metamodel && this.metamodel.graphToText) {
+ return this.metamodel.graphToText(this.editorContext).then(function (text) {
+ if (_this._dslText !== text) {
+ _this._dslText = text;
+ _this.dslChange.emit(text);
+ }
+ _this.graphToTextConversionCompleted.next();
+ return _this.validateContent();
+ })
+ .catch(function (error) {
+ // Validation may reveal why the graph couldn't be
+ // converted so let it run
+ _this.graphToTextConversionCompleted.next();
+ return _this.validateContent();
+ });
+ }
+ else {
+ this.graphToTextConversionCompleted.next();
+ return this.validateContent();
+ }
+ };
+ EditorComponent.prototype.initMetamodel = function () {
+ var _this = this;
+ this.metamodel.load().then(function (data) {
+ _this.updateGraphRepresentation();
+ var textSyncSubscription = _this.graphToTextEventEmitter.pipe(debounceTime(100)).subscribe(function () {
+ if (_this._graphToTextSyncEnabled) {
+ _this.updateTextRepresentation();
+ }
+ });
+ _this._disposables.add(Disposable.create(function () { return textSyncSubscription.unsubscribe(); }));
+ // Setup content validated event emitter. Emit not validated when graph to text conversion required
+ var graphValidatedSubscription1 = _this.graphToTextEventEmitter.subscribe(function () { return _this.contentValidated.emit(false); });
+ _this._disposables.add(Disposable.create(function () { return graphValidatedSubscription1.unsubscribe; }));
+ // let validationSubscription = this.validationEventEmitter.pipe(debounceTime(100)).subscribe(() => this.validateGraph());
+ // this._disposables.add(Disposable.create(() => validationSubscription.unsubscribe()));
+ var graphSyncSubscription = _this.textToGraphEventEmitter.pipe(debounceTime(300)).subscribe(function () { return _this.updateGraphRepresentation(); });
+ _this._disposables.add(Disposable.create(function () { return graphSyncSubscription.unsubscribe(); }));
+ // Setup content validated event emitter. Emit not validated when text to graph conversion required
+ var graphValidatedSubscription2 = _this.textToGraphEventEmitter.subscribe(function () { return _this.contentValidated.emit(false); });
+ _this._disposables.add(Disposable.create(function () { return graphValidatedSubscription2.unsubscribe; }));
+ if (_this.editor && _this.editor.setDefaultContent) {
+ _this.editor.setDefaultContent(_this.editorContext, data);
+ }
+ });
+ };
+ EditorComponent.prototype.initGraph = function () {
+ this.graph = new joint$3.dia.Graph();
+ this.graph.set('type', Constants.CANVAS_CONTEXT);
+ this.graph.set('paperPadding', this.paperPadding);
+ };
+ EditorComponent.prototype.handleNodeCreation = function (node) {
+ var _this = this;
+ node.on('change:size', this._resizeHandler);
+ node.on('change:position', this._resizeHandler);
+ if (node.attr('metadata')) {
+ node.on('change:attrs', function (cell, attrs, changeData) {
+ var propertyPath = changeData ? changeData.propertyPath : undefined;
+ if (propertyPath) {
+ var propAttr = propertyPath.substr(propertyPath.indexOf('/') + 1);
+ if (propAttr.indexOf('metadata') === 0 ||
+ propAttr.indexOf('props') === 0 ||
+ (_this.renderer && _this.renderer.isSemanticProperty && _this.renderer.isSemanticProperty(propAttr, node))) {
+ _this.performGraphToTextSyncing();
+ }
+ if (_this.renderer && _this.renderer.refreshVisuals) {
+ _this.renderer.refreshVisuals(node, propAttr, _this.paper);
+ }
+ }
+ });
+ }
+ };
+ /**
+ * Forwards a link event occurrence to any handlers in the editor service, if they are defined. Event examples
+ * are 'change:source', 'change:target'.
+ */
+ EditorComponent.prototype.handleLinkEvent = function (event, link) {
+ if (this.renderer && this.renderer.handleLinkEvent) {
+ this.renderer.handleLinkEvent(this.editorContext, event, link);
+ }
+ };
+ EditorComponent.prototype.handleLinkCreation = function (link) {
+ var _this = this;
+ this.handleLinkEvent('add', link);
+ link.on('change:source', function (l) {
+ _this.autosizePaper();
+ var newSourceId = l.get('source').id;
+ var oldSourceId = l.previous('source').id;
+ if (newSourceId !== oldSourceId) {
+ _this.performGraphToTextSyncing();
+ }
+ _this.handleLinkEvent('change:source', l);
+ });
+ link.on('change:target', function (l) {
+ _this.autosizePaper();
+ var newTargetId = l.get('target').id;
+ var oldTargetId = l.previous('target').id;
+ if (newTargetId !== oldTargetId) {
+ _this.performGraphToTextSyncing();
+ }
+ _this.handleLinkEvent('change:target', l);
+ });
+ link.on('change:vertices', this._resizeHandler);
+ link.on('change:attrs', function (cell, attrs, changeData) {
+ var propertyPath = changeData ? changeData.propertyPath : undefined;
+ if (propertyPath) {
+ var propAttr = propertyPath.substr(propertyPath.indexOf('/') + 1);
+ if (propAttr.indexOf('metadata') === 0 ||
+ propAttr.indexOf('props') === 0 ||
+ (_this.renderer && _this.renderer.isSemanticProperty && _this.renderer.isSemanticProperty(propAttr, link))) {
+ var sourceId = link.get('source').id;
+ var targetId = link.get('target').id;
+ _this.performGraphToTextSyncing();
+ }
+ if (_this.renderer && _this.renderer.refreshVisuals) {
+ _this.renderer.refreshVisuals(link, propAttr, _this.paper);
+ }
+ }
+ });
+ this.paper.findViewByModel(link).on('link:options', function () { return _this.handleLinkEvent('options', link); });
+ if (this.readOnlyCanvas) {
+ link.attr('.link-tools/display', 'none');
+ }
+ };
+ EditorComponent.prototype.initGraphListeners = function () {
+ var _this = this;
+ this.graph.on('add', function (element) {
+ if (element instanceof joint$3.dia.Link) {
+ _this.handleLinkCreation(element);
+ }
+ else if (element instanceof joint$3.dia.Element) {
+ _this.handleNodeCreation(element);
+ }
+ if (element.get('type') === joint$3.shapes.flo.NODE_TYPE || element.get('type') === joint$3.shapes.flo.LINK_TYPE) {
+ _this.performGraphToTextSyncing();
+ }
+ _this.autosizePaper();
+ });
+ this.graph.on('remove', function (element) {
+ if (element instanceof joint$3.dia.Link) {
+ _this.handleLinkEvent('remove', element);
+ }
+ if (_this.selection && _this.selection.model === element) {
+ _this.selection = undefined;
+ }
+ if (element.isLink()) {
+ window.setTimeout(function () { return _this.performGraphToTextSyncing(); }, 100);
+ }
+ else if (element.get('type') === joint$3.shapes.flo.NODE_TYPE) {
+ _this.performGraphToTextSyncing();
+ }
+ _this.autosizePaper();
+ });
+ // Set if link is fan-routed. Should be called before routing call
+ this.graph.on('change:vertices', function (link, changed, opt) {
+ if (opt.fanRouted) {
+ link.set('fanRouted', true);
+ }
+ else {
+ link.unset('fanRouted');
+ }
+ });
+ // adjust vertices when a cell is removed or its source/target was changed
+ this.graph.on('add remove change:source change:target change:vertices change:position', partial(Utils.fanRoute, this.graph));
+ };
+ EditorComponent.prototype.initPaperListeners = function () {
+ var _this = this;
+ // https://stackoverflow.com/questions/20463533/how-to-add-an-onclick-event-to-a-joint-js-element
+ this.paper.on('cell:pointerclick', function (cellView) {
+ if (!_this.readOnlyCanvas) {
+ _this.selection = cellView;
+ }
+ });
+ this.paper.on('blank:pointerclick', function () {
+ _this.selection = undefined;
+ });
+ this.paper.on('scale', this._resizeHandler);
+ this.paper.on('all', function () {
+ if (Utils.isCustomPaperEvent(arguments)) {
+ arguments[2].trigger.apply(arguments[2], [arguments[0], arguments[1], arguments[3], arguments[4]]);
+ }
+ });
+ this.paper.on('dragging-node-over-canvas', function (dndEvent) {
+ console.debug("Canvas DnD type = " + dndEvent.type);
+ var location = _this.paper.snapToGrid({ x: dndEvent.event.clientX, y: dndEvent.event.clientY });
+ switch (dndEvent.type) {
+ case Flo.DnDEventType.DRAG:
+ _this.handleNodeDragging(dndEvent.view, _this.getTargetViewFromEvent(dndEvent.event, location.x, location.y, [dndEvent.view]), location.x, location.y, Constants.CANVAS_CONTEXT);
+ break;
+ case Flo.DnDEventType.DROP:
+ _this.handleNodeDropping();
+ break;
+ default:
+ break;
+ }
+ });
+ // JointJS now no longer grabs focus if working in a paper element - crude...
+ $$4('#flow-view', this.element.nativeElement).on('mousedown', function () {
+ $$4('#palette-filter-textfield', _this.element.nativeElement).focus();
+ });
+ };
+ EditorComponent.prototype.initPaper = function () {
+ var _this = this;
+ var options = {
+ el: $$4('#paper', this.element.nativeElement),
+ gridSize: this._gridSize,
+ drawGrid: true,
+ model: this.graph,
+ elementView: this.renderer && this.renderer.getNodeView ? this.renderer.getNodeView() : joint$3.shapes.flo.ElementView /*joint.dia.ElementView*/,
+ linkView: this.renderer && this.renderer.getLinkView ? this.renderer.getLinkView() : joint$3.shapes.flo.LinkView,
+ // Enable link snapping within 25px lookup radius
+ snapLinks: { radius: 25 },
+ defaultLink: /*this.renderer && this.renderer.createDefaultLink ? this.renderer.createDefaultLink: new joint.shapes.flo.Link*/ function (cellView, magnet) {
+ if (_this.renderer && _this.renderer.createLink) {
+ var linkEnd = {
+ id: cellView.model.id
+ };
+ if (magnet) {
+ linkEnd.selector = cellView.getSelector(magnet, undefined);
+ }
+ if (magnet.getAttribute('port')) {
+ linkEnd.port = magnet.getAttribute('port');
+ }
+ if (magnet.getAttribute('port') === 'input') {
+ return _this.renderer.createLink(undefined, linkEnd);
+ }
+ else {
+ return _this.renderer.createLink(linkEnd, undefined);
+ }
+ }
+ else {
+ return new joint$3.shapes.flo.Link();
+ }
+ },
+ // decide whether to create a link if the user clicks a magnet
+ validateMagnet: function (cellView, magnet) {
+ if (_this.readOnlyCanvas) {
+ return false;
+ }
+ else {
+ if (_this.editor && _this.editor.validatePort) {
+ return _this.editor.validatePort(_this.editorContext, cellView, magnet);
+ }
+ else {
+ return true;
+ }
+ }
+ },
+ interactive: function (cellView, event) {
+ if (_this.readOnlyCanvas) {
+ return false;
+ }
+ else {
+ if (_this.editor && _this.editor.interactive) {
+ if (typeof _this.editor.interactive === 'function') {
+ // Type for interactive is wrong in JointJS have to cast to
+ return _this.editor.interactive(cellView, event);
+ }
+ else {
+ return _this.editor.interactive;
+ }
+ }
+ return true;
+ }
+ },
+ highlighting: this.editor && this.editor.highlighting ? this.editor.highlighting : {
+ 'default': {
+ name: 'addClass',
+ options: {
+ className: 'highlighted'
+ }
+ }
+ },
+ markAvailable: true
+ };
+ if (this.renderer && this.renderer.getLinkAnchorPoint) {
+ options.linkConnectionPoint = this.renderer.getLinkAnchorPoint;
+ }
+ if (this.editor && this.editor.validateLink) {
+ var self_1 = this;
+ options.validateConnection = function (cellViewS, magnetS, cellViewT, magnetT, end, linkView) {
+ return self_1.editor.validateLink(_this.editorContext, cellViewS, magnetS, cellViewT, magnetT, end === 'source', linkView);
+ };
+ }
+ // The paper is what will represent the graph on the screen
+ this.paper = new joint$3.dia.Paper(options);
+ this._disposables.add(Disposable.create(function () { return _this.paper.remove(); }));
+ };
+ EditorComponent.prototype.updatePaletteReadyState = function (ready) {
+ this.paletteReady.next(ready);
+ };
+ __decorate([
+ Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "metamodel", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "renderer", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "editor", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", Number)
+ ], EditorComponent.prototype, "paletteSize", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "minZoom", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "maxZoom", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "zoomStep", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "paperPadding", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "floApi", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "validationMarkers", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "contentValidated", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], EditorComponent.prototype, "dslChange", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], EditorComponent.prototype, "dsl", null);
+ EditorComponent = __decorate([
+ Component({
+ selector: 'flo-editor',
+ template: "\n node wrapping all diagram elements in the paper */\n .joint-viewport {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n .joint-paper > svg,\n .joint-paper-background,\n .joint-paper-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n\n /*\n 1. IE can't handle paths without the `d` attribute for bounding box calculation\n 2. IE can't even handle 'd' attribute as a css selector (e.g path[d]) so the following rule will\n break the links rendering.\n\n path:not([d]) {\n display: none;\n }\n\n */\n\n\n /* magnet is an element that can be either source or a target of a link */\n [magnet=true]:not(.joint-element) {\n cursor: crosshair;\n }\n [magnet=true]:not(.joint-element):hover {\n opacity: .7;\n }\n\n /*\n\n Elements have CSS classes named by their types. E.g. type: basic.Rect has a CSS class \"element basic Rect\".\n This makes it possible to easilly style elements in CSS and have generic CSS rules applying to\n the whole group of elements. Each plugin can provide its own stylesheet.\n\n */\n\n .joint-element {\n /* Give the user a hint that he can drag&drop the element. */\n cursor: move;\n }\n\n .joint-element * {\n user-drag: none;\n }\n\n .joint-element .scalable * {\n /* The default behavior when scaling an element is not to scale the stroke in order to prevent the ugly effect of stroke with different proportions. */\n vector-effect: non-scaling-stroke;\n }\n /*\n\n connection-wrap is a element of the joint.dia.Link that follows the .connection of that link.\n In other words, the `d` attribute of the .connection-wrap contains the same data as the `d` attribute of the\n .connection . The advantage of using .connection-wrap is to be able to catch pointer events\n in the neighborhood of the .connection . This is especially handy if the .connection is\n very thin.\n\n */\n\n .marker-source,\n .marker-target {\n /* This makes the arrowheads point to the border of objects even though the transform: scale() is applied on them. */\n vector-effect: non-scaling-stroke;\n }\n\n /* Paper */\n .joint-paper {\n position: relative;\n }\n /* Paper */\n\n /* Highlighting */\n .joint-highlight-opacity {\n opacity: 0.3;\n }\n /* Highlighting */\n\n /*\n\n Vertex markers are `` elements that appear at connection vertex positions.\n\n */\n\n .joint-link .connection-wrap,\n .joint-link .connection {\n fill: none;\n }\n\n /* element wrapping .marker-vertex-group. */\n .marker-vertices {\n opacity: 0;\n cursor: move;\n }\n .marker-arrowheads {\n opacity: 0;\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n /* display: none; */ /* setting `display: none` on .marker-arrowheads effectivelly switches of links reconnecting */\n }\n .link-tools {\n opacity: 0;\n cursor: pointer;\n }\n .link-tools .tool-options {\n display: none; /* by default, we don't display link options tool */\n }\n .joint-link:hover .marker-vertices,\n .joint-link:hover .marker-arrowheads,\n .joint-link:hover .link-tools {\n opacity: 1;\n }\n\n /* element used to remove a vertex */\n .marker-vertex-remove {\n cursor: pointer;\n opacity: .1;\n }\n\n .marker-vertex-group:hover .marker-vertex-remove {\n opacity: 1;\n }\n\n .marker-vertex-remove-area {\n opacity: .1;\n cursor: pointer;\n }\n .marker-vertex-group:hover .marker-vertex-remove-area {\n opacity: 1;\n }\n\n /*\n Example of custom changes (in pure CSS only!):\n\n Do not show marker vertices at all: .marker-vertices { display: none; }\n Do not allow adding new vertices: .connection-wrap { pointer-events: none; }\n */\n\n /* foreignObject inside the elements (i.e joint.shapes.basic.TextBlock) */\n .joint-element .fobj {\n overflow: hidden;\n }\n .joint-element .fobj body {\n background-color: transparent;\n margin: 0px;\n position: static;\n }\n .joint-element .fobj div {\n text-align: center;\n vertical-align: middle;\n display: table-cell;\n padding: 0px 5px 0px 5px;\n }\n\n /* Paper */\n .joint-paper.joint-theme-dark {\n background-color: #18191b;\n }\n /* Paper */\n\n /* Links */\n .joint-link.joint-theme-dark .connection-wrap {\n stroke: #8F8FF3;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-dark .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-dark .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-dark .link-tools .tool-remove circle {\n fill: #F33636;\n }\n .joint-link.joint-theme-dark .link-tools .tool-remove path {\n fill: white;\n }\n .joint-link.joint-theme-dark .link-tools [event=\"link:options\"] circle {\n fill: green;\n }\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-dark .marker-vertex {\n fill: #5652DB;\n }\n .joint-link.joint-theme-dark .marker-vertex:hover {\n fill: #8E8CE1;\n stroke: none;\n }\n .joint-link.joint-theme-dark .marker-arrowhead {\n fill: #5652DB;\n }\n .joint-link.joint-theme-dark .marker-arrowhead:hover {\n fill: #8E8CE1;\n stroke: none;\n }\n /* element used to remove a vertex */\n .joint-link.joint-theme-dark .marker-vertex-remove-area {\n fill: green;\n stroke: darkgreen;\n }\n .joint-link.joint-theme-dark .marker-vertex-remove {\n fill: white;\n stroke: white;\n }\n /* Links */\n /* Paper */\n .joint-paper.joint-theme-default {\n background-color: #FFFFFF;\n }\n /* Paper */\n\n /* Links */\n .joint-link.joint-theme-default .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-default .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-default .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-default .link-tools .tool-remove circle {\n fill: #FF0000;\n }\n .joint-link.joint-theme-default .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-default .marker-vertex {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-default .marker-vertex:hover {\n fill: #34495E;\n stroke: none;\n }\n\n .joint-link.joint-theme-default .marker-arrowhead {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-default .marker-arrowhead:hover {\n fill: #F39C12;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-default .marker-vertex-remove {\n fill: #FFFFFF;\n }\n /* Links */\n\n @font-face {\n font-family: 'lato-light';\n src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');\n font-weight: normal;\n font-style: normal;\n }\n\n /* Links */\n .joint-link.joint-theme-material .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-material .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-material .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-material .link-tools .tool-remove circle {\n fill: #C64242;\n }\n .joint-link.joint-theme-material .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-material .marker-vertex {\n fill: #d0d8e8;\n }\n .joint-link.joint-theme-material .marker-vertex:hover {\n fill: #5fa9ee;\n stroke: none;\n }\n\n .joint-link.joint-theme-material .marker-arrowhead {\n fill: #d0d8e8;\n }\n .joint-link.joint-theme-material .marker-arrowhead:hover {\n fill: #5fa9ee;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-material .marker-vertex-remove-area {\n fill: #5fa9ee;\n }\n .joint-link.joint-theme-material .marker-vertex-remove {\n fill: white;\n }\n /* Links */\n\n /* Links */\n .joint-link.joint-theme-modern .connection-wrap {\n stroke: #000000;\n stroke-width: 15;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n cursor: move;\n }\n .joint-link.joint-theme-modern .connection-wrap:hover {\n opacity: .4;\n stroke-opacity: .4;\n }\n .joint-link.joint-theme-modern .connection {\n stroke-linejoin: round;\n }\n .joint-link.joint-theme-modern .link-tools .tool-remove circle {\n fill: #FF0000;\n }\n .joint-link.joint-theme-modern .link-tools .tool-remove path {\n fill: #FFFFFF;\n }\n\n /* element inside .marker-vertex-group element */\n .joint-link.joint-theme-modern .marker-vertex {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-modern .marker-vertex:hover {\n fill: #34495E;\n stroke: none;\n }\n\n .joint-link.joint-theme-modern .marker-arrowhead {\n fill: #1ABC9C;\n }\n .joint-link.joint-theme-modern .marker-arrowhead:hover {\n fill: #F39C12;\n stroke: none;\n }\n\n /* element used to remove a vertex */\n .joint-link.joint-theme-modern .marker-vertex-remove {\n fill: white;\n }\n /* Links */\n flo-view {\n width:100%;\n height:100%;\n margin: 0;\n background-color: #eeeeee;\n font-family: \"Varela Round\",sans-serif;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n }\n\n .canvas {\n border: 1px solid;\n border-color: #6db33f;\n border-radius: 2px;\n margin-top: 3px;\n }\n\n /* Canvas contains the palette on the left and the paper on the right */\n\n .paper {\n padding: 0px;\n background-color: #ffffff;\n /* \theight: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n *//* \tmargin-left: 400px; */\n }\n\n #sidebar-resizer {\n background-color: #34302d;\n position: absolute;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: e-resize;\n }\n\n #palette-container {\n background-color: #EEE;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n overflow: auto;\n }\n\n #paper-container {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n overflow: auto;\n color: #FFF;\n background-color: #FFF;\n }\n\n /* Tooltip START */\n\n .node-tooltip .tooltip-description {\n margin-top: 5px;\n margin-left: 0px;\n margin-bottom: 5px;\n }\n\n .node-tooltip {\n display:none;\n position:absolute;\n border:1px solid #333;\n background-color:#34302d;/*#161616;*/\n border-radius:5px;\n padding:5px;\n color:#fff;\n /*\tfont-size:12px Arial;*/\n font-family: \"Varela Round\",sans-serif;\n font-size: 19px;\n z-index: 100;\n }\n\n .tooltip-title-type {\n font-size: 24px;\n font-weight: bold;\n }\n\n .tooltip-title-group {\n padding-left: 5px;\n font-size: 20px;\n font-style: italic;\n }\n\n .node-tooltip-option-name {\n font-family: monospace;/*\"Varela Round\",sans-serif;*/\n font-size: 17px;\n font-weight: bold;\n padding-right: 20px;\n\n }\n\n .node-tooltip-option-description {\n font-family: \"Varela Round\",sans-serif;\n font-size: 18px;\n }\n\n /* Tooltip END */\n\n\n /* Validation Error Marker on Canvas START */\n\n .error-tooltip p {\n margin-top: 5px;\n margin-left: 0px;\n margin-bottom: 5px;\n color:#fff;\n }\n .error-tooltip {\n display:none;\n position:absolute;\n border:1px solid #333;\n background-color:red;/*#161616;*/\n border-radius:5px;\n padding:5px;\n color:#fff;\n /*\tfont-size:12px Arial;*/\n font-family: \"Varela Round\",sans-serif;\n font-size: 20px;\n z-index: 100;\n }\n\n /* Validation Error Marker on Canvas END */\n\n /* Controls on Canvas START */\n\n .canvas-controls-container {\n position: absolute;\n right: 15px;\n top: 5px;\n }\n\n .canvas-control {\n background: transparent;\n font-family: \"Varela Round\",sans-serif;\n font-size: 11px;\n vertical-align: middle;\n margin: 0px;\n }\n\n .zoom-canvas-control {\n border: 0px;\n padding: 0px;\n margin: 0px;\n outline: none;\n }\n\n .zoom-canvas-input {\n text-align: right;\n font-weight:bold;\n color: black;\n background-color: transparent;\n }\n\n .zoom-canvas-label {\n padding-right: 4px;\n color: black;\n }\n\n /* Controls on Canvas END */\n\n\n\n\n /* START - FLO CANVAS STYLES - override joint js styles */\n\n .highlighted {\n outline: none;\n }\n\n .joint-element.highlighted rect {\n stroke: #34302d;\n stroke-width: 3;\n }\n\n .joint-type-handle {\n cursor: pointer;\n }\n\n .available-magnet {\n stroke-width: 3;\n }\n\n .link {\n fill: none;\n stroke: #ccc;\n stroke-width: 1.5px;\n }\n\n .link-tools .tool-options {\n display: none; /* by default, we don't display link options tool */\n }\n\n /* Make transparent the circle around the link-tools (cog) icon. It'll allow shape to have a circle clicking area */\n .link-tools .tool-options circle {\n fill: transparent;\n stroke: transparent;\n }\n\n .link-tools .tool-options path {\n fill: black;\n stroke: black;\n }\n\n .link-tools .tool-remove circle {\n fill: red;\n stroke: red;\n }\n\n .link-tools .tool-remove path {\n fill: white;\n stroke: white;\n }\n\n .link-tools-container {\n stroke-width: 0;\n fill: transparent;\n }\n\n /* END - FLO CANVAS STYLES */\n "],
+ encapsulation: ViewEncapsulation.None
+ }),
+ __metadata("design:paramtypes", [ElementRef])
+ ], EditorComponent);
+ return EditorComponent;
+}());
+
+var $$5 = _$;
+var ResizerDirective = /** @class */ (function () {
+ function ResizerDirective(element, document) {
+ var _this = this;
+ this.element = element;
+ this.document = document;
+ this.dragInProgress = false;
+ this.vertical = true;
+ this._subscriptions = new CompositeDisposable();
+ this.sizeChange = new EventEmitter();
+ this.mouseMoveHandler = function (e) {
+ if (_this.dragInProgress) {
+ _this.mousemove(e);
+ }
+ };
+ }
+ Object.defineProperty(ResizerDirective.prototype, "splitSize", {
+ set: function (splitSize) {
+ if (this.maxSplitSize && splitSize > this.maxSplitSize) {
+ splitSize = this.maxSplitSize;
+ }
+ if (this.vertical) {
+ // Handle vertical resizer
+ $$5(this.element.nativeElement).css({
+ left: splitSize + 'px'
+ });
+ $$5(this.first).css({
+ width: splitSize + 'px'
+ });
+ $$5(this.second).css({
+ left: (splitSize + this._size) + 'px'
+ });
+ }
+ else {
+ // Handle horizontal resizer
+ $$5(this.element.nativeElement).css({
+ bottom: splitSize + 'px'
+ });
+ $$5(this.first).css({
+ bottom: (splitSize + this._size) + 'px'
+ });
+ $$5(this.second).css({
+ height: splitSize + 'px'
+ });
+ }
+ this._splitSize = splitSize;
+ // Update the local field
+ this.sizeChange.emit(splitSize);
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerWidth", {
+ set: function (width) {
+ this._size = width;
+ this.vertical = true;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerHeight", {
+ set: function (height) {
+ this._size = height;
+ this.vertical = false;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerLeft", {
+ set: function (first) {
+ this.first = first;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerTop", {
+ set: function (first) {
+ this.first = first;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerRight", {
+ set: function (second) {
+ this.second = second;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(ResizerDirective.prototype, "resizerBottom", {
+ set: function (second) {
+ this.second = second;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ ResizerDirective.prototype.startDrag = function () {
+ this.dragInProgress = true;
+ };
+ ResizerDirective.prototype.mousemove = function (event) {
+ var size;
+ if (this.vertical) { // Handle vertical resizer. Calculate new size relative to palette container DOM node
+ size = event.pageX - $$5(this.first).offset().left;
+ }
+ else {
+ // Handle horizontal resizer Calculate new size relative to palette container DOM node
+ size = window.innerHeight - event.pageY - $$5(this.second).offset().top;
+ }
+ this.splitSize = size;
+ };
+ ResizerDirective.prototype.ngOnInit = function () {
+ // Need to set left and right elements width and fire events on init when DOM is built
+ var _this = this;
+ this.splitSize = this._splitSize;
+ var subscription1 = fromEvent($$5(this.document).get(0), 'mousemove')
+ .pipe(sampleTime(300))
+ .subscribe(this.mouseMoveHandler);
+ this._subscriptions.add(Disposable.create(function () { return subscription1.unsubscribe(); }));
+ var subscription2 = fromEvent($$5(this.document).get(0), 'mouseup')
+ .subscribe(function (e) {
+ if (_this.dragInProgress) {
+ _this.mousemove(e);
+ _this.dragInProgress = false;
+ }
+ });
+ this._subscriptions.add(Disposable.create(function () { return subscription2.unsubscribe(); }));
+ };
+ ResizerDirective.prototype.ngOnDestroy = function () {
+ this._subscriptions.dispose();
+ };
+ __decorate([
+ Input(),
+ __metadata("design:type", Number)
+ ], ResizerDirective.prototype, "maxSplitSize", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], ResizerDirective.prototype, "sizeChange", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", Number),
+ __metadata("design:paramtypes", [Number])
+ ], ResizerDirective.prototype, "splitSize", null);
+ __decorate([
+ Input(),
+ __metadata("design:type", Number),
+ __metadata("design:paramtypes", [Number])
+ ], ResizerDirective.prototype, "resizerWidth", null);
+ __decorate([
+ Input(),
+ __metadata("design:type", Number),
+ __metadata("design:paramtypes", [Number])
+ ], ResizerDirective.prototype, "resizerHeight", null);
+ __decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], ResizerDirective.prototype, "resizerLeft", null);
+ __decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], ResizerDirective.prototype, "resizerTop", null);
+ __decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], ResizerDirective.prototype, "resizerRight", null);
+ __decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], ResizerDirective.prototype, "resizerBottom", null);
+ ResizerDirective = __decorate([
+ Directive({
+ selector: '[resizer]',
+ host: { '(mousedown)': 'startDrag()' }
+ }),
+ __param(1, Inject(DOCUMENT)),
+ __metadata("design:paramtypes", [ElementRef, Object])
+ ], ResizerDirective);
+ return ResizerDirective;
+}());
+
+var $$6 = _$;
+var DslEditorComponent = /** @class */ (function () {
+ function DslEditorComponent(element) {
+ var _this = this;
+ this.element = element;
+ this._dsl = '';
+ this._lint = false;
+ this.lineNumbers = false;
+ this.lineWrapping = false;
+ this.debounce = 0;
+ this.dslChange = new EventEmitter();
+ this.focus = new EventEmitter();
+ this.blur = new EventEmitter();
+ this.editor = new EventEmitter();
+ this._dslChangedHandler = function () {
+ _this._dsl = _this.doc.getValue();
+ _this.dslChange.emit(_this._dsl);
+ };
+ }
+ Object.defineProperty(DslEditorComponent.prototype, "dsl", {
+ set: function (dsl) {
+ this._dsl = dsl;
+ if (this.doc && this._dsl !== this.doc.getValue()) {
+ var cursorPosition = this.doc.getCursor();
+ this.doc.setValue(this._dsl || '');
+ this.doc.setCursor(cursorPosition);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DslEditorComponent.prototype, "lintOptions", {
+ set: function (lintOptions) {
+ this._lint = lintOptions;
+ if (this.doc) {
+ this.doc.setOption('lint', this._lint);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DslEditorComponent.prototype, "hintOptions", {
+ set: function (hintOptions) {
+ this._hint = hintOptions;
+ if (this.doc) {
+ this.doc.setOption('hintOptions', this._hint);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ DslEditorComponent.prototype.ngOnInit = function () {
+ var _this = this;
+ var options = {
+ value: this._dsl || '',
+ gutters: ['CodeMirror-lint-markers'],
+ extraKeys: { 'Ctrl-Space': 'autocomplete' },
+ lineNumbers: this.lineNumbers,
+ lineWrapping: this.lineWrapping,
+ electricChars: false,
+ smartIndent: false,
+ };
+ if (this.scrollbarStyle) {
+ options.scrollbarStyle = this.scrollbarStyle;
+ }
+ if (this._lint) {
+ options.lint = this._lint;
+ }
+ if (this._hint) {
+ options.hintOptions = this._hint;
+ }
+ this.doc = fromTextArea($$6('#dsl-editor-host', this.element.nativeElement)[0], options);
+ if (this.placeholder) {
+ this.doc.setOption('placeholder', this.placeholder);
+ }
+ // Turns out "value" in the option doesn't set it.
+ this.doc.setValue(this._dsl || '');
+ this.doc.on('change', this.debounce ? debounce(this._dslChangedHandler, this.debounce) : this._dslChangedHandler);
+ this.doc.on('focus', function () { return _this.focus.emit(); });
+ this.doc.on('blur', function () { return _this.blur.emit(); });
+ this.editor.emit(this.doc);
+ };
+ DslEditorComponent.prototype.ngOnDestroy = function () {
+ };
+ __decorate([
+ Input('line-numbers'),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "lineNumbers", void 0);
+ __decorate([
+ Input('line-wrapping'),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "lineWrapping", void 0);
+ __decorate([
+ Input('scrollbar-style'),
+ __metadata("design:type", String)
+ ], DslEditorComponent.prototype, "scrollbarStyle", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", String)
+ ], DslEditorComponent.prototype, "placeholder", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "debounce", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "dslChange", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "focus", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "blur", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], DslEditorComponent.prototype, "editor", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], DslEditorComponent.prototype, "dsl", null);
+ __decorate([
+ Input(),
+ __metadata("design:type", Object),
+ __metadata("design:paramtypes", [Object])
+ ], DslEditorComponent.prototype, "lintOptions", null);
+ __decorate([
+ Input(),
+ __metadata("design:type", Object),
+ __metadata("design:paramtypes", [Object])
+ ], DslEditorComponent.prototype, "hintOptions", null);
+ DslEditorComponent = __decorate([
+ Component({
+ selector: 'dsl-editor',
+ template: "\n \n ",
+ styles: ["\n .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}/* Code Mirror related styles START */\n\n .CodeMirror {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n height: 100%;\n }\n .CodeMirror-hint {\n max-width: 38em;\n }\n .CodeMirror-vertical-ruler-error {\n background-color: rgba(188, 0, 0, 0.5);\n }\n .CodeMirror-vertical-ruler-warning {\n background-color: rgba(255, 188, 0, 0.5);\n }\n\n\n /* Code Mirror related styles END */\n "],
+ encapsulation: ViewEncapsulation.None
+ }),
+ __metadata("design:paramtypes", [ElementRef])
+ ], DslEditorComponent);
+ return DslEditorComponent;
+}());
+
+var $$7 = _$;
+var CodeEditorComponent = /** @class */ (function () {
+ function CodeEditorComponent(element) {
+ var _this = this;
+ this.element = element;
+ this._dsl = '';
+ this._lint = false;
+ this.lineNumbers = false;
+ this.lineWrapping = false;
+ this.dslChange = new EventEmitter();
+ this.focus = new EventEmitter();
+ this.blur = new EventEmitter();
+ this.editor = new EventEmitter();
+ this._dslChangedHandler = function () {
+ _this._dsl = _this.doc.getValue();
+ _this.dslChange.emit(_this._dsl);
+ if (_this._onChangeHandler) {
+ _this._onChangeHandler(_this._dsl);
+ }
+ };
+ }
+ CodeEditorComponent_1 = CodeEditorComponent;
+ Object.defineProperty(CodeEditorComponent.prototype, "dsl", {
+ set: function (dsl) {
+ this._dsl = dsl;
+ if (this.doc && this._dsl !== this.doc.getValue()) {
+ var cursorPosition = this.doc.getCursor();
+ this.doc.setValue(this._dsl || '');
+ this.doc.setCursor(cursorPosition);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(CodeEditorComponent.prototype, "language", {
+ set: function (_language) {
+ if (this._language !== _language) {
+ this._language = _language;
+ this.loadEditorMode();
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ CodeEditorComponent.prototype.ngOnInit = function () {
+ var _this = this;
+ var options = {
+ value: this._dsl || '',
+ gutters: ['CodeMirror-lint-markers'],
+ extraKeys: { 'Ctrl-Space': 'autocomplete' },
+ lineNumbers: this.lineNumbers,
+ lineWrapping: this.lineWrapping,
+ matchBrackets: true,
+ autoCloseBrackets: true,
+ };
+ if (this.scrollbarStyle) {
+ options.scrollbarStyle = this.scrollbarStyle;
+ }
+ if (this._lint) {
+ options.lint = this._lint;
+ }
+ this.doc = fromTextArea($$7('#code-editor-host', this.element.nativeElement)[0], options);
+ if (this.placeholder) {
+ this.doc.setOption('placeholder', this.placeholder);
+ }
+ // Turns out "value" in the option doesn't set it.
+ this.doc.setValue(this._dsl || '');
+ this.doc.on('change', this._dslChangedHandler);
+ this.doc.on('focus', function () {
+ _this.focus.emit();
+ if (_this._onTouchHandler) {
+ _this._onTouchHandler();
+ }
+ });
+ this.doc.on('blur', function () { return _this.blur.emit(); });
+ this.warningRuler = this.doc.annotateScrollbar('CodeMirror-vertical-ruler-warning');
+ this.errorRuler = this.doc.annotateScrollbar('CodeMirror-vertical-ruler-error');
+ this.loadEditorMode();
+ this.editor.emit(this.doc);
+ };
+ CodeEditorComponent.prototype.loadEditorMode = function () {
+ // CodeMirror doc object must be initialized
+ if (!this.doc) {
+ return;
+ }
+ var info = this._language ? findModeByName(this._language) : undefined;
+ // Set proper editor mode
+ if (info) {
+ this.doc.setOption('mode', info.mime);
+ // (CodeMirror).autoLoadMode(this.doc, info.mode);
+ }
+ else {
+ this.doc.setOption('mode', 'text/plain');
+ }
+ // Set proper Lint mode
+ this.doc.setOption('lint', this.getLintOptions());
+ };
+ CodeEditorComponent.prototype.ngOnDestroy = function () {
+ };
+ CodeEditorComponent.prototype.writeValue = function (obj) {
+ this.dsl = obj;
+ };
+ CodeEditorComponent.prototype.registerOnChange = function (fn) {
+ this._onChangeHandler = fn;
+ };
+ CodeEditorComponent.prototype.registerOnTouched = function (fn) {
+ this._onTouchHandler = fn;
+ };
+ CodeEditorComponent.prototype.getLintOptions = function () {
+ var _this = this;
+ switch (this._language) {
+ case 'javascript':
+ case 'json':
+ case 'coffeescript':
+ case 'yaml':
+ return {
+ onUpdateLinting: function (annotations) {
+ var warnings = [];
+ var errors = [];
+ if (_this.overviewRuler) {
+ if (Array.isArray(annotations)) {
+ annotations.forEach(function (a) {
+ if (a.to && a.from && a.from.line >= 0 && a.from.ch >= 0 && a.to.line >= a.from.line && a.from.ch >= 0) {
+ if (a.severity === 'error') {
+ errors.push(a);
+ }
+ else if (a.severity === 'warning') {
+ warnings.push(a);
+ }
+ }
+ });
+ }
+ }
+ _this.warningRuler.update(warnings);
+ _this.errorRuler.update(errors);
+ }
+ };
+ }
+ return false;
+ };
+ var CodeEditorComponent_1;
+ __decorate([
+ Input('line-numbers'),
+ __metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "lineNumbers", void 0);
+ __decorate([
+ Input('line-wrapping'),
+ __metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "lineWrapping", void 0);
+ __decorate([
+ Input('scrollbar-style'),
+ __metadata("design:type", String)
+ ], CodeEditorComponent.prototype, "scrollbarStyle", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", String)
+ ], CodeEditorComponent.prototype, "placeholder", void 0);
+ __decorate([
+ Input('overview-ruler'),
+ __metadata("design:type", Boolean)
+ ], CodeEditorComponent.prototype, "overviewRuler", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "dslChange", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "focus", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "blur", void 0);
+ __decorate([
+ Output(),
+ __metadata("design:type", Object)
+ ], CodeEditorComponent.prototype, "editor", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], CodeEditorComponent.prototype, "dsl", null);
+ __decorate([
+ Input(),
+ __metadata("design:type", String),
+ __metadata("design:paramtypes", [String])
+ ], CodeEditorComponent.prototype, "language", null);
+ CodeEditorComponent = CodeEditorComponent_1 = __decorate([
+ Component({
+ selector: 'code-editor',
+ template: "\n \n \n
\n ",
+ styles: ["\n .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{position:absolute;background:#ccc;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #bbb;border-radius:2px}.CodeMirror-simplescroll-horizontal,.CodeMirror-simplescroll-vertical{position:absolute;z-index:6;background:#eee}.CodeMirror-simplescroll-horizontal{bottom:0;left:0;height:8px}.CodeMirror-simplescroll-horizontal div{bottom:0;height:100%}.CodeMirror-simplescroll-vertical{right:0;top:0;width:8px}.CodeMirror-simplescroll-vertical div{right:0;width:100%}.CodeMirror-overlayscroll .CodeMirror-gutter-filler,.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler{display:none}.CodeMirror-overlayscroll-horizontal div,.CodeMirror-overlayscroll-vertical div{position:absolute;background:#bcd;border-radius:3px}.CodeMirror-overlayscroll-horizontal,.CodeMirror-overlayscroll-vertical{position:absolute;z-index:6}.CodeMirror-overlayscroll-horizontal{bottom:0;left:0;height:6px}.CodeMirror-overlayscroll-horizontal div{bottom:0;height:100%}.CodeMirror-overlayscroll-vertical{right:0;top:0;width:6px}.CodeMirror-overlayscroll-vertical div{right:0;width:100%}.CodeMirror {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n height: 100%;\n }\n .CodeMirror-hint {\n max-width: 38em;\n }\n .CodeMirror-vertical-ruler-error {\n background-color: rgba(188, 0, 0, 0.5);\n }\n .CodeMirror-vertical-ruler-warning {\n background-color: rgba(255, 188, 0, 0.5);\n }\n .CodeMirror-lint-tooltip {\n z-index: 2000;\n }\n "],
+ encapsulation: ViewEncapsulation.None,
+ providers: [
+ {
+ provide: NG_VALUE_ACCESSOR,
+ useExisting: forwardRef(function () { return CodeEditorComponent_1; }),
+ multi: true
+ }
+ ]
+ }),
+ __metadata("design:paramtypes", [ElementRef])
+ ], CodeEditorComponent);
+ return CodeEditorComponent;
+}());
+
+var Properties;
+(function (Properties) {
+ var InputType;
+ (function (InputType) {
+ InputType[InputType["TEXT"] = 0] = "TEXT";
+ InputType[InputType["NUMBER"] = 1] = "NUMBER";
+ InputType[InputType["SELECT"] = 2] = "SELECT";
+ InputType[InputType["CHECKBOX"] = 3] = "CHECKBOX";
+ InputType[InputType["PASSWORD"] = 4] = "PASSWORD";
+ InputType[InputType["EMAIL"] = 5] = "EMAIL";
+ InputType[InputType["URL"] = 6] = "URL";
+ InputType[InputType["CODE"] = 7] = "CODE";
+ })(InputType = Properties.InputType || (Properties.InputType = {}));
+ var GenericControlModel = /** @class */ (function () {
+ function GenericControlModel(_property, type, validation) {
+ this._property = _property;
+ this.type = type;
+ this.validation = validation;
+ }
+ Object.defineProperty(GenericControlModel.prototype, "id", {
+ get: function () {
+ return this.property.id;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "name", {
+ get: function () {
+ return this.property.name;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "description", {
+ get: function () {
+ return this.property.description;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "defaultValue", {
+ get: function () {
+ return this.property.defaultValue;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "value", {
+ get: function () {
+ return this.getValue();
+ },
+ set: function (value) {
+ this.setValue(value);
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(GenericControlModel.prototype, "property", {
+ get: function () {
+ return this._property;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ GenericControlModel.prototype.setValue = function (value) {
+ this.property.value = value;
+ };
+ GenericControlModel.prototype.getValue = function () {
+ return this.property.value;
+ };
+ return GenericControlModel;
+ }());
+ Properties.GenericControlModel = GenericControlModel;
+ var CheckBoxControlModel = /** @class */ (function (_super) {
+ __extends(CheckBoxControlModel, _super);
+ function CheckBoxControlModel(_property, validation) {
+ return _super.call(this, _property, InputType.CHECKBOX, validation) || this;
+ }
+ CheckBoxControlModel.prototype.getValue = function () {
+ var res = _super.prototype.getValue.call(this);
+ var type = typeof res;
+ switch (type) {
+ case 'boolean':
+ return res;
+ case 'string':
+ switch (res.trim().toLowerCase()) {
+ case 'true':
+ case '1':
+ return true;
+ case 'false':
+ case '0':
+ return false;
+ default:
+ return this.property.defaultValue;
+ }
+ case 'number':
+ var num = res;
+ if (num === 0) {
+ return false;
+ }
+ else if (num === 1) {
+ return true;
+ }
+ else {
+ return this.property.defaultValue;
+ }
+ }
+ return this.property.defaultValue;
+ };
+ return CheckBoxControlModel;
+ }(GenericControlModel));
+ Properties.CheckBoxControlModel = CheckBoxControlModel;
+ var AbstractCodeControlModel = /** @class */ (function (_super) {
+ __extends(AbstractCodeControlModel, _super);
+ function AbstractCodeControlModel(_property, encode, decode, validation) {
+ var _this = _super.call(this, _property, InputType.CODE, validation) || this;
+ _this.encode = encode;
+ _this.decode = decode;
+ return _this;
+ }
+ Object.defineProperty(AbstractCodeControlModel.prototype, "value", {
+ get: function () {
+ var dsl = _super.prototype.getValue.call(this);
+ if (dsl && this.decode) {
+ return this.decode(dsl);
+ }
+ else {
+ return dsl;
+ }
+ },
+ set: function (value) {
+ if (value && this.encode) {
+ _super.prototype.setValue.call(this, this.encode(value));
+ }
+ else {
+ _super.prototype.setValue.call(this, value);
+ }
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return AbstractCodeControlModel;
+ }(GenericControlModel));
+ Properties.AbstractCodeControlModel = AbstractCodeControlModel;
+ var GenericCodeControlModel = /** @class */ (function (_super) {
+ __extends(GenericCodeControlModel, _super);
+ function GenericCodeControlModel(_property, language, encode, decode, validation) {
+ var _this = _super.call(this, _property, encode, decode, validation) || this;
+ _this.language = language;
+ return _this;
+ }
+ return GenericCodeControlModel;
+ }(AbstractCodeControlModel));
+ Properties.GenericCodeControlModel = GenericCodeControlModel;
+ var CodeControlModelWithDynamicLanguageProperty = /** @class */ (function (_super) {
+ __extends(CodeControlModelWithDynamicLanguageProperty, _super);
+ function CodeControlModelWithDynamicLanguageProperty(_property, _languagePropertyName, _groupModel, encode, decode, validation) {
+ var _this = _super.call(this, _property, encode, decode, validation) || this;
+ _this._languagePropertyName = _languagePropertyName;
+ _this._groupModel = _groupModel;
+ return _this;
+ }
+ Object.defineProperty(CodeControlModelWithDynamicLanguageProperty.prototype, "language", {
+ get: function () {
+ var value = this.languageControlModel.value;
+ return value ? value : this.languageControlModel.defaultValue;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(CodeControlModelWithDynamicLanguageProperty.prototype, "languageControlModel", {
+ get: function () {
+ var _this = this;
+ if (!this._langControlModel) {
+ // Cast to Properties.ControlModel from Properties.ControlModel | undefined
+ // Should not be undefined!
+ this._langControlModel = this._groupModel.getControlsModels().find(function (c) { return c.id === _this._languagePropertyName; });
+ }
+ return this._langControlModel;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return CodeControlModelWithDynamicLanguageProperty;
+ }(AbstractCodeControlModel));
+ Properties.CodeControlModelWithDynamicLanguageProperty = CodeControlModelWithDynamicLanguageProperty;
+ var GenericListControlModel = /** @class */ (function (_super) {
+ __extends(GenericListControlModel, _super);
+ function GenericListControlModel(property, validation) {
+ return _super.call(this, property, InputType.TEXT, validation) || this;
+ }
+ Object.defineProperty(GenericListControlModel.prototype, "value", {
+ get: function () {
+ return this.property.value ? this.property.value.join(', ') : '';
+ },
+ set: function (value) {
+ this.property.value = value && value.trim() ? value.split(/\s*,\s*/) : undefined;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ return GenericListControlModel;
+ }(GenericControlModel));
+ Properties.GenericListControlModel = GenericListControlModel;
+ var SelectControlModel = /** @class */ (function (_super) {
+ __extends(SelectControlModel, _super);
+ function SelectControlModel(_property, type, options) {
+ var _this = _super.call(this, _property, type) || this;
+ _this.options = options;
+ if (_property.defaultValue === undefined) {
+ options.unshift({
+ name: 'SELECT',
+ value: _property.defaultValue
+ });
+ }
+ return _this;
+ }
+ return SelectControlModel;
+ }(GenericControlModel));
+ Properties.SelectControlModel = SelectControlModel;
+ var DefaultCellPropertiesSource = /** @class */ (function () {
+ function DefaultCellPropertiesSource(cell) {
+ this.cell = cell;
+ }
+ DefaultCellPropertiesSource.prototype.getProperties = function () {
+ var _this = this;
+ var metadata = this.cell.attr('metadata');
+ return Promise.resolve(metadata.properties().then(function (propsMetadata) { return Array.from(propsMetadata.values()).map(function (m) { return _this.createProperty(m); }); }));
+ };
+ DefaultCellPropertiesSource.prototype.createProperty = function (metadata) {
+ return {
+ id: metadata.id,
+ name: metadata.name,
+ type: metadata.type,
+ defaultValue: metadata.defaultValue,
+ attr: "props/" + metadata.name,
+ value: this.cell.attr("props/" + metadata.name),
+ description: metadata.description,
+ valueOptions: metadata.options
+ };
+ };
+ DefaultCellPropertiesSource.prototype.applyChanges = function (properties) {
+ var _this = this;
+ this.cell.trigger('batch:start', { batchName: 'update properties' });
+ properties.forEach(function (property) {
+ if ((typeof property.value === 'boolean' && !property.defaultValue && !property.value) ||
+ (property.value === property.defaultValue || property.value === '' || property.value === undefined || property.value === null)) {
+ var currentValue = _this.cell.attr(property.attr);
+ if (currentValue !== undefined && currentValue !== null) {
+ // Remove attr doesn't fire appropriate event. Set default value first as a workaround to schedule DSL resync
+ _this.cell.attr(property.attr, property.defaultValue === undefined ? null : property.defaultValue);
+ _this.cell.removeAttr(property.attr);
+ }
+ }
+ else {
+ _this.cell.attr(property.attr, property.value);
+ }
+ });
+ this.cell.trigger('batch:stop', { batchName: 'update properties' });
+ };
+ return DefaultCellPropertiesSource;
+ }());
+ Properties.DefaultCellPropertiesSource = DefaultCellPropertiesSource;
+ var PropertiesGroupModel = /** @class */ (function () {
+ function PropertiesGroupModel(propertiesSource) {
+ this.loading = true;
+ this.propertiesSource = propertiesSource;
+ }
+ PropertiesGroupModel.prototype.load = function () {
+ var _this = this;
+ this.loading = true;
+ this._loadedSubject = new Subject();
+ this.propertiesSource.getProperties().then(function (properties) {
+ _this.controlModels = properties.map(function (p) { return _this.createControlModel(p); });
+ _this.loading = false;
+ _this._loadedSubject.next(true);
+ _this._loadedSubject.complete();
+ });
+ };
+ Object.defineProperty(PropertiesGroupModel.prototype, "isLoading", {
+ get: function () {
+ return this.loading;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(PropertiesGroupModel.prototype, "loadedSubject", {
+ get: function () {
+ return this._loadedSubject;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ PropertiesGroupModel.prototype.getControlsModels = function () {
+ return this.controlModels;
+ };
+ PropertiesGroupModel.prototype.createControlModel = function (property) {
+ return new GenericControlModel(property, InputType.TEXT);
+ };
+ PropertiesGroupModel.prototype.applyChanges = function () {
+ if (this.loading) {
+ return;
+ }
+ var properties = this.controlModels.map(function (cm) { return cm.property; });
+ this.propertiesSource.applyChanges(properties);
+ };
+ return PropertiesGroupModel;
+ }());
+ Properties.PropertiesGroupModel = PropertiesGroupModel;
+ var Validators;
+ (function (Validators) {
+ function uniqueResource(service, debounce$$1) {
+ return function (control) {
+ return new Observable(function (obs) {
+ if (control.valueChanges && control.value) {
+ control.valueChanges
+ .pipe(debounceTime(debounce$$1), mergeMap(function (value) { return service(value); }))
+ .subscribe(function () {
+ obs.next({ uniqueResource: true });
+ obs.complete();
+ }, function () {
+ obs.next(undefined);
+ obs.complete();
+ });
+ }
+ else {
+ obs.next(undefined);
+ obs.complete();
+ }
+ });
+ };
+ }
+ Validators.uniqueResource = uniqueResource;
+ function noneOf(excluded) {
+ return function (control) {
+ return excluded.find(function (e) { return e === control.value; }) ? { 'noneOf': { value: control.value } } : {};
+ };
+ }
+ Validators.noneOf = noneOf;
+ })(Validators = Properties.Validators || (Properties.Validators = {}));
+})(Properties || (Properties = {}));
+
+var PropertiesGroupComponent = /** @class */ (function () {
+ function PropertiesGroupComponent() {
+ }
+ PropertiesGroupComponent.prototype.ngOnInit = function () {
+ var _this = this;
+ if (this.propertiesGroupModel.isLoading) {
+ var subscription_1 = this.propertiesGroupModel.loadedSubject.subscribe(function (loaded) {
+ if (loaded) {
+ subscription_1.unsubscribe();
+ _this.createGroupControls();
+ }
+ });
+ }
+ else {
+ this.createGroupControls();
+ }
+ };
+ PropertiesGroupComponent.prototype.createGroupControls = function () {
+ var _this = this;
+ this.propertiesGroupModel.getControlsModels().forEach(function (c) {
+ if (c.validation) {
+ _this.form.addControl(c.id, new FormControl(c.value || '', c.validation.validator, c.validation.asyncValidator));
+ }
+ else {
+ _this.form.addControl(c.id, new FormControl(c.value || ''));
+ }
+ });
+ };
+ __decorate([
+ Input(),
+ __metadata("design:type", Properties.PropertiesGroupModel)
+ ], PropertiesGroupComponent.prototype, "propertiesGroupModel", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", FormGroup)
+ ], PropertiesGroupComponent.prototype, "form", void 0);
+ PropertiesGroupComponent = __decorate([
+ Component({
+ selector: 'properties-group',
+ template: "\n \n
\n ",
+ encapsulation: ViewEncapsulation.None
+ })
+ ], PropertiesGroupComponent);
+ return PropertiesGroupComponent;
+}());
+
+var DynamicFormPropertyComponent = /** @class */ (function () {
+ function DynamicFormPropertyComponent() {
+ }
+ Object.defineProperty(DynamicFormPropertyComponent.prototype, "types", {
+ get: function () {
+ return Properties.InputType;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DynamicFormPropertyComponent.prototype, "control", {
+ get: function () {
+ return this.form.controls[this.model.id];
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(DynamicFormPropertyComponent.prototype, "errorData", {
+ get: function () {
+ var _this = this;
+ return (this.model.validation && this.model.validation.errorData ? this.model.validation.errorData : [])
+ .filter(function (e) { return _this.control.errors && _this.control.errors[e.id]; });
+ },
+ enumerable: true,
+ configurable: true
+ });
+ __decorate([
+ Input(),
+ __metadata("design:type", Object)
+ ], DynamicFormPropertyComponent.prototype, "model", void 0);
+ __decorate([
+ Input(),
+ __metadata("design:type", FormGroup)
+ ], DynamicFormPropertyComponent.prototype, "form", void 0);
+ DynamicFormPropertyComponent = __decorate([
+ Component({
+ selector: 'df-property',
+ template: "\n \n\n \n {{model.name}} \n \n\n \n \n\n \n \n\n \n {{o.name}} \n \n\n \n \n\n
\n \n
{{model.description}}
\n
{{e.message}}
\n
\n\n \n ",
+ encapsulation: ViewEncapsulation.None
+ }),
+ __metadata("design:paramtypes", [])
+ ], DynamicFormPropertyComponent);
+ return DynamicFormPropertyComponent;
+}());
+
+var FloModule = /** @class */ (function () {
+ function FloModule() {
+ }
+ FloModule = __decorate([
+ NgModule({
+ imports: [
+ FormsModule,
+ CommonModule,
+ ReactiveFormsModule
+ ],
+ declarations: [
+ Palette,
+ EditorComponent,
+ ResizerDirective,
+ DslEditorComponent,
+ CodeEditorComponent,
+ PropertiesGroupComponent,
+ DynamicFormPropertyComponent
+ ],
+ exports: [
+ EditorComponent,
+ DslEditorComponent,
+ DynamicFormPropertyComponent,
+ PropertiesGroupComponent
+ ]
+ })
+ ], FloModule);
+ return FloModule;
+}());
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FloModule, Palette, EditorComponent, DslEditorComponent, CodeEditorComponent, PropertiesGroupComponent, DynamicFormPropertyComponent, ResizerDirective, Flo, Properties, Constants, Shapes };
+//# sourceMappingURL=spring-flo.js.map
diff --git a/dist/package.json b/dist/package.json
new file mode 100644
index 0000000..7cf7af3
--- /dev/null
+++ b/dist/package.json
@@ -0,0 +1,109 @@
+{
+ "name": "spring-flo",
+ "version": "0.8.9",
+ "description": "Library for quickly building text DSL visualization diagram editor",
+ "main": "./bundles/spring-flo.umd.js",
+ "module": "./fesm5/spring-flo.js",
+ "es2015": "./fesm2015/spring-flo.js",
+ "esm5": "./esm5/spring-flo.js",
+ "esm2015": "./esm2015/spring-flo.js",
+ "fesm5": "./fesm5/spring-flo.js",
+ "fesm2015": "./fesm2015/spring-flo.js",
+ "typings": "./out-tsc/spring-flo.d.ts",
+ "author": "",
+ "license": "Apache-2.0",
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/spring-projects/spring-flo.git"
+ },
+ "engines": {
+ "node": ">= 6.9.0",
+ "npm": ">= 3.0.0"
+ },
+ "scripts": {
+ "clean": "rimraf out-tsc dist/*",
+ "prebuild": "npm run clean",
+ "build": "node build.js",
+ "build-demo": "tsc -p src/demo/",
+ "build-demo:watch": "tsc -p src/demo/ -w",
+ "serve": "lite-server -c=bs-config.json",
+ "prestart": "npm run build-demo",
+ "start": "concurrently \"npm run build-demo:watch\" \"npm run serve\"",
+ "build-test": "tsc -p src/lib/tsconfig.spec.json",
+ "build-test:watch": "tsc -p src/lib/tsconfig.spec.json -w",
+ "pretest": "npm run build-test",
+ "test": "concurrently \"npm run build-test:watch\" \"karma start karma.conf.js\"",
+ "pretest:once": "npm run build-test",
+ "test:once": "karma start karma.conf.js --single-run",
+ "preintegration": "npm run build && cd integration && npm run clean && npm install",
+ "integration": "npm run integration:aot && npm run integration:jit",
+ "integration:jit": "cd integration && npm run e2e",
+ "integration:aot": "cd integration && npm run e2e:aot",
+ "lint": "tslint ./src/**/*.ts -t verbose",
+ "release": "standard-version"
+ },
+ "dependencies": {
+ "codemirror-minified": "5.44.0",
+ "jointjs": "2.2.1",
+ "ts-disposables": "2.2.3"
+ },
+ "peerDependencies": {
+ "@angular/core": ">=6.0.0 <8.0.0",
+ "@angular/forms": ">=6.0.0 < 8.0.0",
+ "@angular/platform-browser": ">=6.0.0 <8.0.0",
+ "rxjs": ">=6.0.0 <7.0.0"
+ },
+ "devDependencies": {
+ "@angular/animations": "7.2.10",
+ "@angular/common": "7.2.10",
+ "@angular/compiler": "7.2.10",
+ "@angular/compiler-cli": "7.2.10",
+ "@angular/core": "7.2.10",
+ "@angular/forms": "7.2.10",
+ "@angular/platform-browser": "7.2.10",
+ "@angular/platform-browser-dynamic": "7.2.10",
+ "@angular/platform-server": "7.2.10",
+ "@types/backbone": "1.3.42",
+ "@types/codemirror": "0.0.64",
+ "@types/jasmine": "2.5.36",
+ "@types/jquery": "3.3.4",
+ "@types/lodash": "4.14.123",
+ "@types/node": "6.0.46",
+ "camelcase": "4.0.0",
+ "chalk": "2.4.1",
+ "codemirror-minified": "5.44.0",
+ "concurrently": "4.0.1",
+ "core-js": "2.6.5",
+ "glob": "7.1.1",
+ "gulp": "3.9.1",
+ "gulp-inline-ng2-template": "5.0.1",
+ "jasmine-core": "2.5.2",
+ "jointjs": "2.2.1",
+ "jquery": "3.1.1",
+ "jshint": "2.10.2",
+ "karma": "1.5.0",
+ "karma-chrome-launcher": "2.0.0",
+ "karma-cli": "1.0.1",
+ "karma-html-reporter": "0.2.7",
+ "karma-jasmine": "1.1.0",
+ "karma-jasmine-html-reporter": "0.2.2",
+ "lite-server": "2.4.0",
+ "ngx-bootstrap": "2.0.5",
+ "node-sass": "4.9.0",
+ "rimraf": "2.6.1",
+ "rollup": "0.62.0",
+ "rollup-plugin-commonjs": "9.1.3",
+ "rollup-plugin-node-resolve": "3.3.0",
+ "rollup-plugin-sourcemaps": "0.4.2",
+ "rxjs": "6.3.3",
+ "shelljs": "0.8.1",
+ "standard-version": "4.0.0",
+ "systemjs": "0.21.4",
+ "ts-disposables": "2.2.3",
+ "tslint": "5.12.1",
+ "typescript": "3.1.4",
+ "uglify-js": "3.3.23",
+ "zone.js": "0.8.29",
+ "rxjs-compat": "^6.4.0"
+ }
+}
\ No newline at end of file