{"__symbolic":"module","version":4,"exports":[{"from":"./lib/model/flow.model"}],"metadata":{"NgFlowchartCanvasDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[ngFlowchartCanvas]","providers":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"OptionsService"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{"onDrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":21,"character":5},"arguments":["drop",["$event"]]}]}],"onDragOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":41,"character":5},"arguments":["dragover",["$event"]]}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":51,"character":5},"arguments":["window:resize",["$event"]]}]}],"onZoom":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":58,"character":5},"arguments":["wheel",["$event"]]}]}],"callbacks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5},"arguments":["ngFlowchartCallbacks"]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5},"arguments":["ngFlowchartOptions"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5},"arguments":["disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":83,"character":5},"arguments":["attr.disabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":100,"character":40,"context":{"typeName":"HTMLElement"},"module":"./lib/ng-flowchart-canvas.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":101,"character":31},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"OptionsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"createCanvasContent":[{"__symbolic":"method"}],"getFlow":[{"__symbolic":"method"}],"scaleDown":[{"__symbolic":"method"}],"scaleUp":[{"__symbolic":"method"}],"setScale":[{"__symbolic":"method"}],"adjustWheelScale":[{"__symbolic":"method"}]}},"NgFlowchartStepRegistry":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"registerStep":[{"__symbolic":"method"}],"getStepImpl":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"OptionsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setOptions":[{"__symbolic":"method"}],"setCallbacks":[{"__symbolic":"method"}],"sanitizeOptions":[{"__symbolic":"method"}]}},"NgFlowchartStepDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[ngFlowchartStep]"}]}],"members":{"onDragStart":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":9,"character":5},"arguments":["dragstart",["$event"]]}]}],"onDragEnd":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":15,"character":5},"arguments":["dragend",["$event"]]}]}],"flowStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5},"arguments":["ngFlowchartStep"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":26,"character":38,"context":{"typeName":"HTMLElement"},"module":"./lib/ng-flowchart-step.directive"}]},{"__symbolic":"reference","name":"ɵb"}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"AddChildOptions":{"__symbolic":"interface"},"NgFlowchartStepComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"ng-flowchart-step","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":22,"character":17},"member":"None"},"template":"<div #canvasContent [id]=\"id\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      contentTemplate;\n      context: {\n        $implicit: {\n          data: data,\n          id: id\n        }\n      }\n    \"\n  >\n  </ng-container>\n</div>\n","styles":[".ngflowchart-canvas{overflow:auto;display:flex}.ngflowchart-canvas-content.scaling .ngflowchart-step-wrapper,.ngflowchart-canvas-content.scaling svg{transition:none!important}.ngflowchart-canvas-content{position:relative;min-height:100%;min-width:100%;flex:1 1 100%}.ngflowchart-step-wrapper{height:auto;width:auto;position:absolute;box-sizing:border-box;transition:all .2s;cursor:-webkit-grab;cursor:grab}.ngflowchart-step-wrapper[ngflowchart-drop-hover]:before{content:\"\";width:12px;height:12px;border-radius:100%;position:absolute;z-index:1;background:#8b0000}.ngflowchart-step-wrapper[ngflowchart-drop-hover]:after{content:\"\";width:20px;height:20px;border-radius:100%;position:absolute;z-index:0;background:#c07b7b;-webkit-animation:backgroundOpacity 2s linear infinite;animation:backgroundOpacity 2s linear infinite}.ngflowchart-step-wrapper[ngflowchart-drop-hover=above]:after,.ngflowchart-step-wrapper[ngflowchart-drop-hover=above]:before{top:0;right:50%;transform:translate(50%,-50%)}.ngflowchart-step-wrapper[ngflowchart-drop-hover=below]:after,.ngflowchart-step-wrapper[ngflowchart-drop-hover=below]:before{bottom:0;right:50%;transform:translate(50%,50%)}.ngflowchart-step-wrapper[ngflowchart-drop-hover=right]:after,.ngflowchart-step-wrapper[ngflowchart-drop-hover=right]:before{right:0;top:50%;transform:translate(50%,-50%)}.ngflowchart-step-wrapper[ngflowchart-drop-hover=left]:after,.ngflowchart-step-wrapper[ngflowchart-drop-hover=left]:before{left:0;top:50%;transform:translate(-50%,-50%)}@-webkit-keyframes wiggle{0%{transform:translateX(0);border:2px solid red}25%{transform:translateX(-10px)}50%{transform:translateX(0)}75%{transform:translateX(10px)}to{transform:translateX(0);border:2px solid red}}@keyframes wiggle{0%{transform:translateX(0);border:2px solid red}25%{transform:translateX(-10px)}50%{transform:translateX(0)}75%{transform:translateX(10px)}to{transform:translateX(0);border:2px solid red}}@-webkit-keyframes backgroundOpacity{0%{opacity:.8}50%{opacity:.3}to{opacity:.8}}@keyframes backgroundOpacity{0%{opacity:.8}50%{opacity:.3}to{opacity:.8}}"]}]}],"members":{"onMoveStart":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":26,"character":3},"arguments":["dragstart",["$event"]]}]}],"onMoveEnd":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":41,"character":3},"arguments":["dragend",["$event"]]}]}],"view":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":["canvasContent"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"canvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"compRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"viewInit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3}}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"init":[{"__symbolic":"method"}],"canDeleteStep":[{"__symbolic":"method"}],"canDrop":[{"__symbolic":"method"}],"shouldEvalDropHover":[{"__symbolic":"method"}],"onUpload":[{"__symbolic":"method"}],"getDropPositionsForStep":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"addChild":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"removeChild":[{"__symbolic":"method"}],"setParent":[{"__symbolic":"method"}],"clearHoverIcons":[{"__symbolic":"method"}],"showHoverIcon":[{"__symbolic":"method"}],"isRootElement":[{"__symbolic":"method"}],"hasChildren":[{"__symbolic":"method"}],"getNodeTreeWidth":[{"__symbolic":"method"}],"isHidden":[{"__symbolic":"method"}],"getCurrentRect":[{"__symbolic":"method"}],"toJSON":[{"__symbolic":"method"}],"setId":[{"__symbolic":"method"}],"zsetPosition":[{"__symbolic":"method"}],"zaddChild0":[{"__symbolic":"method"}],"zaddChildSibling0":[{"__symbolic":"method"}],"zdrawArrow":[{"__symbolic":"method"}],"destroy0":[{"__symbolic":"method"}],"createArrow":[{"__symbolic":"method"}],"hideTree":[{"__symbolic":"method"}],"showTree":[{"__symbolic":"method"}],"findLastSingleChild":[{"__symbolic":"method"}],"setChildren":[{"__symbolic":"method"}]}},"NgFlowchartArrowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-ng-flowchart-arrow","template":"<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  [ngStyle]=\"{\n      height: containerHeight+'px',\n      width: containerWidth+'px',\n      left: containerLeft+'px',\n      top: containerTop+'px',\n      opacity: opacity\n  }\"\n  class=\"ngflowchart-arrow\"\n>\n  <defs>\n    <marker\n      id=\"arrowhead\"\n      viewBox=\"0 0 10 10\"\n      refX=\"3\"\n      refY=\"5\"\n      markerWidth=\"5\"\n      markerHeight=\"5\"\n      orient=\"auto\"\n      fill=\"grey\"\n    >\n      <path d=\"M 0 0 L 10 5 L 0 10 z\" />\n    </marker>\n  </defs>\n  <g id=\"arrowpath\" fill=\"none\" stroke=\"grey\" stroke-width=\"2\" marker-end=\"url(#arrowhead)\">\n    <path id=\"arrow\" #arrow />\n  </g>\n</svg>\n","styles":["svg{position:absolute;z-index:0;transition:all .2s}"]}]}],"members":{"arrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":9,"character":3},"arguments":["arrow"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"hideArrow":[{"__symbolic":"method"}],"showArrow":[{"__symbolic":"method"}],"updatePath":[{"__symbolic":"method"}]}},"NgFlowchartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgFlowchartCanvasDirective"},{"__symbolic":"reference","name":"NgFlowchartStepDirective"},{"__symbolic":"reference","name":"NgFlowchartStepComponent"},{"__symbolic":"reference","name":"NgFlowchartArrowComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"NgFlowchartCanvasDirective"},{"__symbolic":"reference","name":"NgFlowchartStepDirective"},{"__symbolic":"reference","name":"NgFlowchartStepComponent"},{"__symbolic":"reference","name":"NgFlowchartArrowComponent"}],"entryComponents":[{"__symbolic":"reference","name":"NgFlowchartStepComponent"},{"__symbolic":"reference","name":"NgFlowchartArrowComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":44,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"OptionsService"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}]}],"init":[{"__symbolic":"method"}],"moveStep":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}],"onDragStart":[{"__symbolic":"method"}],"createStepFromType":[{"__symbolic":"method"}],"createStep":[{"__symbolic":"method"}],"resetScale":[{"__symbolic":"method"}],"scaleUp":[{"__symbolic":"method"}],"scaleDown":[{"__symbolic":"method"}],"setScale":[{"__symbolic":"method"}],"addChildStep":[{"__symbolic":"method"}],"addToCanvas":[{"__symbolic":"method"}],"reRender":[{"__symbolic":"method"}],"upload":[{"__symbolic":"method"}],"uploadNode":[{"__symbolic":"method"}],"setRoot":[{"__symbolic":"method"}],"addStepToFlow":[{"__symbolic":"method"}],"placeStepBelow":[{"__symbolic":"method"}],"placeStepAdjacent":[{"__symbolic":"method"}],"placeStepAbove":[{"__symbolic":"method"}],"dropError":[{"__symbolic":"method"}],"moveError":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setDragStep":[{"__symbolic":"method"}],"getDragStep":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"OptionsService"}]}],"init":[{"__symbolic":"method"}],"renderRoot":[{"__symbolic":"method"}],"renderNonRoot":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"getStepGap":[{"__symbolic":"method"}],"renderChildTree":[{"__symbolic":"method"}],"render":[{"__symbolic":"method"}],"resetAdjustDimensions":[{"__symbolic":"method"}],"findDropLocationForHover":[{"__symbolic":"method"}],"adjustDimensions":[{"__symbolic":"method"}],"getTotalTreeWidth":[{"__symbolic":"method"}],"findBestMatchForSteps":[{"__symbolic":"method"}],"findAndShowClosestDrop":[{"__symbolic":"method"}],"showSnaps":[{"__symbolic":"method"}],"clearAllSnapIndicators":[{"__symbolic":"method"}],"setRootPosition":[{"__symbolic":"method"}],"getRelativeXY":[{"__symbolic":"method"}],"getCanvasTopCenterPosition":[{"__symbolic":"method"}],"getCanvasCenterPosition":[{"__symbolic":"method"}],"getCanvasContentElement":[{"__symbolic":"method"}],"isNestedCanvas":[{"__symbolic":"method"}],"resetScale":[{"__symbolic":"method"}],"scaleUp":[{"__symbolic":"method"}],"scaleDown":[{"__symbolic":"method"}],"setScale":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":15,"character":48},{"__symbolic":"reference","name":"NgFlowchartStepRegistry"}]}],"init":[{"__symbolic":"method"}],"createFromRegistry":[{"__symbolic":"method"}],"create":[{"__symbolic":"method"}]}}},"origins":{"NgFlowchartCanvasDirective":"./lib/ng-flowchart-canvas.directive","NgFlowchartStepRegistry":"./lib/ng-flowchart-step-registry.service","OptionsService":"./lib/services/options.service","NgFlowchartStepDirective":"./lib/ng-flowchart-step.directive","AddChildOptions":"./lib/ng-flowchart-step/ng-flowchart-step.component","NgFlowchartStepComponent":"./lib/ng-flowchart-step/ng-flowchart-step.component","NgFlowchartArrowComponent":"./lib/ng-flowchart-arrow/ng-flowchart-arrow.component","NgFlowchartModule":"./lib/ng-flowchart.module","ɵa":"./lib/ng-flowchart-canvas.service","ɵb":"./lib/services/dropdata.service","ɵc":"./lib/services/canvas-renderer.service","ɵd":"./lib/services/step-manager.service"},"importAs":"@winterurchin/ng-flowchart"}